Difference between revisions of "Common.css"

From Sega Retro

(20 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; }
Line 14: 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 48: Line 53:
 
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; }