Difference between revisions of "Common.css"
From Sega Retro
(30 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* html, img { image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor; } */ | /* html, img { image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor; } */ | ||
+ | @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic"); | ||
+ | |||
table.plaintable, table.plaintable td { border:0px; padding:0px; margin:0px; background-color:transparent; line-height:initial; } | table.plaintable, table.plaintable td { border:0px; padding:0px; margin:0px; background-color:transparent; line-height:initial; } | ||
.tracklist p { margin:0px; padding-top:10px; } | .tracklist p { margin:0px; padding-top:10px; } | ||
Line 13: | Line 15: | ||
} | } | ||
+ | .regiontable td {width: 33%} | ||
+ | @media only screen and (max-width:1250px) { | ||
+ | .regiontable td {width:100% !important; max-width:100% !important; display:block;} | ||
+ | } | ||
.colour-bg-red { background-color: #F8C8BB; } | .colour-bg-red { background-color: #F8C8BB; } | ||
.colour-bg-orange { background-color: #F8E0BB; } | .colour-bg-orange { background-color: #F8E0BB; } | ||
Line 20: | Line 26: | ||
.colour-bg-cyan { background-color: #BBEAF8; } | .colour-bg-cyan { background-color: #BBEAF8; } | ||
.colour-bg-blue { background-color: #BBCCFF; } | .colour-bg-blue { background-color: #BBCCFF; } | ||
− | .colour-bg-purple | + | .colour-bg-purple { background-color: #D9BBFF; } |
.colour-bg-magenta { background-color: #F8BBF8; } | .colour-bg-magenta { background-color: #F8BBF8; } | ||
.colour-bg-redmagenta { background-color: #F8BBCF; } | .colour-bg-redmagenta { background-color: #F8BBCF; } | ||
Line 31: | Line 37: | ||
.colour-fg-cyan { color: #00D5FA; } | .colour-fg-cyan { color: #00D5FA; } | ||
.colour-fg-blue { color: #0000FF; } | .colour-fg-blue { color: #0000FF; } | ||
− | .colour-fg-purple { color: #AA00FF; } | + | .colour-fg-purple, .colour-fg-purple a:link { color: #AA00FF; } |
.colour-fg-magenta { color: #F800F8; } | .colour-fg-magenta { color: #F800F8; } | ||
.colour-fg-redmagenta { color: #F80090; } | .colour-fg-redmagenta { color: #F80090; } | ||
Line 39: | Line 45: | ||
font-size: 9pt !important; | font-size: 9pt !important; | ||
} | } | ||
+ | |||
+ | .templategallery .pdfhandler { white-space: nowrap; font-size: 0px; } | ||
+ | @media screen and (max-width:480px) { | ||
+ | .mobile-columns { | ||
+ | moz-column-count:1 !important; | ||
+ | -webkit-column-count:1 !important; | ||
+ | column-count:1 !important; | ||
+ | }} | ||
+ | |||
+ | .toclevel-1 a { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .poot-tabs li { background:#f0f0f0; } | ||
+ | li.poot-tabs-selected { background:silver; } | ||
+ | |||
+ | pre { | ||
+ | white-space: pre-wrap; | ||
+ | } | ||
+ | @media only screen and (max-width: 767px) { | ||
+ | |||
+ | table.responsive { margin-bottom: 0; } | ||
+ | |||
+ | .pinned { position: absolute; left: 0; top: 0; background: #fff; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } | ||
+ | .pinned table { border-right: none; border-left: none; width: 100%; } | ||
+ | .pinned table th, .pinned table td { white-space: nowrap; } | ||
+ | .pinned td:last-child { border-bottom: 0; } | ||
+ | |||
+ | div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; } | ||
+ | div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; } | ||
+ | |||
+ | table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; } | ||
+ | table.responsive.pinned td { display: none; } | ||
+ | .breakout td { | ||
+ | max-width: 60vw !important; | ||
+ | } | ||
+ | } | ||
+ | a.extiw::after { | ||
+ | content: "\f08e"; | ||
+ | font-family: FontAwesome; | ||
+ | margin-left: 5px; | ||
+ | } | ||
+ | .prettytable th a {color: #FFF;} | ||
+ | |||
+ | sup.reference { font-size: 11px; } |
Revision as of 17:33, 19 July 2020
/* CSS placed here will be applied to all skins */ /* html, img { image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor; } */ @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic"); table.plaintable, table.plaintable td { border:0px; padding:0px; margin:0px; background-color:transparent; line-height:initial; } .tracklist p { margin:0px; padding-top:10px; } .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } .regiontable td {width: 33%} @media only screen and (max-width:1250px) { .regiontable td {width:100% !important; max-width:100% !important; display:block;} } .colour-bg-red { background-color: #F8C8BB; } .colour-bg-orange { background-color: #F8E0BB; } .colour-bg-yellow { background-color: #F8F8BB; } .colour-bg-yellowgreen { background-color: #D8F8BB; } .colour-bg-green { background-color: #A0EAA0; } .colour-bg-cyan { background-color: #BBEAF8; } .colour-bg-blue { background-color: #BBCCFF; } .colour-bg-purple { background-color: #D9BBFF; } .colour-bg-magenta { background-color: #F8BBF8; } .colour-bg-redmagenta { background-color: #F8BBCF; } .colour-fg-red { color: #F80000; } .colour-fg-orange { color: #F8C500; } .colour-fg-yellow { color: #F8F800; } .colour-fg-yellowgreen { color: #B0EA00; } .colour-fg-green { color: #00D000; } .colour-fg-cyan { color: #00D5FA; } .colour-fg-blue { color: #0000FF; } .colour-fg-purple, .colour-fg-purple a:link { color: #AA00FF; } .colour-fg-magenta { color: #F800F8; } .colour-fg-redmagenta { color: #F80090; } .bottomtemptext, .bottomtemptext p, .bottomtemphead { font-size: 9pt !important; } .templategallery .pdfhandler { white-space: nowrap; font-size: 0px; } @media screen and (max-width:480px) { .mobile-columns { moz-column-count:1 !important; -webkit-column-count:1 !important; column-count:1 !important; }} .toclevel-1 a { display: block; } .poot-tabs li { background:#f0f0f0; } li.poot-tabs-selected { background:silver; } pre { white-space: pre-wrap; } @media only screen and (max-width: 767px) { table.responsive { margin-bottom: 0; } .pinned { position: absolute; left: 0; top: 0; background: #fff; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .pinned table { border-right: none; border-left: none; width: 100%; } .pinned table th, .pinned table td { white-space: nowrap; } .pinned td:last-child { border-bottom: 0; } div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; } div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; } table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; } table.responsive.pinned td { display: none; } .breakout td { max-width: 60vw !important; } } a.extiw::after { content: "\f08e"; font-family: FontAwesome; margin-left: 5px; } .prettytable th a {color: #FFF;} sup.reference { font-size: 11px; }