MediaWiki:Common.css: Difference between revisions
From A KoL Wiki
imported>Caseyweederman No edit summary |
Add utility class for layouts where 100 items are laid out in 3 columns (like Items by Number, Monsters by Number, Effects by Number and maybe others) |
||
(11 intermediate revisions by 3 users not shown) | |||
Line 10: | Line 10: | ||
a.external{ | a.external{ | ||
background:url(' | background:url('/external-link.svg') center right/10px no-repeat; | ||
color:#3366bb; | color:#3366bb; | ||
padding-right:13px; | padding-right:13px; | ||
Line 99: | Line 99: | ||
.digsection{ | .digsection{ | ||
background-image: url('/ | background-image: url('/Special:Filepath/Db.gif'); | ||
text-align: center; | text-align: center; | ||
width: 50px; | width: 50px; | ||
Line 174: | Line 174: | ||
} | } | ||
/* This powers three column lists of 100 items found in Items by Number, Monsters by Number, etc */ | |||
.bynumber ul { | |||
margin: 0; | |||
padding: 0; | |||
list-style: none; | |||
column-count: 3; | |||
column-gap: 0; | |||
} | } | ||
@media (max-width: 850px) { | |||
.bynumber ul { | |||
column-count: 1; | |||
} | |||
} | } | ||
.bynumber li { | |||
break-inside: avoid; | |||
page-break-inside: avoid; | |||
} | } | ||
.bynumber li:nth-child(34n) { | |||
break-after: column; | |||
} | } | ||
/*</nowiki></pre>*/ | /*</nowiki></pre>*/ |
Latest revision as of 20:13, 6 September 2025
/*<pre><nowiki>*/
a.stub{
color:#772233;
}
a.new:hover, a.new:visited{
color:#aa89c3;
}
a.external{
background:url('/external-link.svg') center right/10px no-repeat;
color:#3366bb;
padding-right:13px;
}
a.extiw{
color:#3366bb;
}
.plainlinks a.external,
.plainlinks a.extiw{
background:none;
color:#0874D0;
padding:0;
}
.plainredlinks a.external,
.plainredlinks a.extiw{
background:none;
color:#ba0000;
padding:0;
}
.plainredlinks a.external:hover,
.plainredlinks a.external:visited,
.plainredlinks a.extiw:hover,
.plainredlinks a.extiw:visited {
background:none;
color:#aa89c3;
padding:0;
}
.listindent li {
list-style-position:inside;
text-indent: -2em;
padding-left: 2em;
}
.box_tgen a{
white-space:nowrap;
}
table#collection{
margin:1em auto!important;
}
.auralonly{
display:none;
}
@media aural {
.auralonly{display:inline;}
}
h1 { font-size: 188%; }
h1 .editsection { font-size: 53%; }
h2 { font-size: 150%; }
h2 .editsection { font-size: 67%; }
h3, h4, h5, h6 {
border-bottom: none;
font-weight: bold;
}
h3 { font-size: 132%; }
h3 .editsection { font-size: 76%; font-weight: normal; }
h4 { font-size: 116%; }
h4 .editsection { font-size: 86%; font-weight: normal; }
h5 { font-size: 100%; }
h5 .editsection { font-weight: normal; }
h6 { font-size: 80%; }
h6 .editsection { font-size: 125%; font-weight: normal; }
.editsection {
float:right;
margin-left:5px;
}
.sorttable tr:first-child{
white-space:nowrap;
}
.evenwhite.sorttable .even{
background-color:white;
}
.oddwhite.sorttable .odd{
background-color:white;
}
.digsection{
background-image: url('/Special:Filepath/Db.gif');
text-align: center;
width: 50px;
height: 50px;
vertical-align: middle;
font-size: smaller;
}
.mw-changeslist-line-watched .mw-title {
font-weight: bold;
}
.mw-specialpagerestricted {
font-weight: bold;
}
.mw-plusminus-pos {
color: #006400;
}
.mw-plusminus-neg {
color: #8B0000;
}
.mw-plusminus-null {
color: #AAAAAA;
}
/* This is stuff for tables with alternating coloured lines, aka pyjama paper */
.pyjama tr:nth-child(odd) {
background-color: #ffeedd;
}
.pyjama tr:nth-child(even) {
background-color: #eeffee;
}
#metaData{
background-color: white;
border-style: solid;
border-width: 1px;
border-color: black;
position: absolute;
right: 0px;
top: 0px;
padding: 0.2em 0.2em 0.1em;
}
.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;
}
.mrbox {
display: inline-block;
margin: 5px;
padding: 0;
vertical-align: top;
width: 320px;
}
#container{
background-color: #6386a8;
margin: 5px;
border-radius:5px;
}
#wikiContentContainer{
position:absolute;
left: 5px;
right:170px;
top:100px;
background-color: white;
}
/* This powers three column lists of 100 items found in Items by Number, Monsters by Number, etc */
.bynumber ul {
margin: 0;
padding: 0;
list-style: none;
column-count: 3;
column-gap: 0;
}
@media (max-width: 850px) {
.bynumber ul {
column-count: 1;
}
}
.bynumber li {
break-inside: avoid;
page-break-inside: avoid;
}
.bynumber li:nth-child(34n) {
break-after: column;
}
/*</nowiki></pre>*/