MediaWiki:Common.css: Difference between revisions

Add support for custom hex code colors
No edit summary
Tag: Manual revert
(Add support for custom hex code colors)
 
(4 intermediate revisions by the same user not shown)
Line 21: Line 21:
}
}


/** Template stylings **/
/* [[Template:Navbox]] */
.navbox {
background: #FFF;
border: 1px solid #CCC;
margin: 1em auto 0;
width: 100%;
}
.navbox table {
background: #FFF;
margin-left: -4px;
margin-right: -2px;
}
.navbox table:first-child {
margin-top: -2px;
}
.navbox table:last-child {
margin-bottom: -2px;
}
.navbox .navbox-top {
white-space: nowrap;
background-color: #CCC;
padding: 0 3px;
text-align: center;
}
.navbox-navbar,
.navbox-navbar-mini {
float: left;
font-size: 80%;
}
.navbox-title {
padding: 0 10px;
font-size: 110%;
}
.navbox th {
background-color: #EEE;
padding: 0 10px;
white-space: nowrap;
text-align: right;
}
.navbox td {
width: 100%;
padding: 0 0 0 2px;
}
body.wgl-theme-dark .navbox,
body.wgl-theme-dark .historybox {
background-color: #2f2f2f;
border-color: #444;
}
body.wgl-theme-dark .navbox table,
body.wgl-theme-dark .historybox table {
background-color: #2f2f2f;
}
body.wgl-theme-dark .navbox .navbox-top,
body.wgl-theme-dark .historybox .historybox-top {
background-color: #111 !important;
}
body.wgl-theme-dark .navbox th,
body.wgl-theme-dark .historybox th {
background-color: #222;
}
/* [[Template:LoadBox]]*/
.load-page {
background-color: rgba(255, 255, 255, .5);
border: 1px solid #CCC;
margin-bottom: 0.5em;
padding: 0 0.5em;
}
body.wgl-theme-dark .load-page {
background-color: #222;
border-color: #111;
}
/* [[Template:LoadBox]] with navbox */
.loadbox-navbox {
padding: 2px !important;
margin: 1em 0 0 !important;
clear: both;
}
#content .loadbox-navbox > p {
background-color: #CCC;
text-align: center;
margin: 0;
padding: 0 3px;
}
body.wgl-theme-dark #content .loadbox-navbox > p {
    background-color: #111;
}
.loadbox-navbox > p > b {
font-size: 110%;
}
.loadbox-navbox .navbox {
margin: 0 -2px -2px;
border: 0;
}


.loadbox-navbox > .load-page-content > .mw-parser-output > .navbox > tbody > tr:first-child {
display: none;
}


/* Hatnotes and disambiguation notices */
/* Hatnotes and disambiguation notices */
Line 299: Line 189:


/* Try to use nearest neighbour scaling for pixelated images */
/* Try to use nearest neighbour scaling for pixelated images */
.mcwiki-header-grass,
.ns-special .gallerybox img,
.ns-14 .gallerybox img,
.filehistory a img,
.filehistory a img,
.pixel-image,
.pixel-image,
Line 382: Line 275:
text-shadow: 0.125em 0.125em 0 #000;
text-shadow: 0.125em 0.125em 0 #000;
}
}
.format-1 {
.format-1 {
color: #00A;
color: #0000A8;
text-shadow: 0.125em 0.125em 0 #00002A;
text-shadow: 0.125em 0.125em 0 #00002A;
}
}
.format-2 {
.format-2 {
color: #0A0;
color: #00A800;
text-shadow: 0.125em 0.125em 0 #002A00;
text-shadow: 0.125em 0.125em 0 #002A00;
}
}
.format-3 {
.format-3 {
color: #0AA;
color: #00A8A8;
text-shadow: 0.125em 0.125em 0 #002A2A;
text-shadow: 0.125em 0.125em 0 #002A2A;
}
}
.format-4 {
.format-4 {
color: #A00;
color: #A80000;
text-shadow: 0.125em 0.125em 0 #2A0000;
text-shadow: 0.125em 0.125em 0 #2A0000;
}
}
.format-5 {
.format-5 {
color: #A0A;
color: #A800A8;
text-shadow: 0.125em 0.125em 0 #2A002A;
text-shadow: 0.125em 0.125em 0 #2A002A;
}
}
.format-6 {
.format-6 {
color: #FA0;
color: #FBA800;
text-shadow: 0.125em 0.125em 0 #2A2A00;
text-shadow: 0.125em 0.125em 0 #3E2A00;
}
}
.format-7 {
.format-7 {
color: #AAA;
color: #A8A8A8;
text-shadow: 0.125em 0.125em 0 #2A2A2A;
text-shadow: 0.125em 0.125em 0 #2A2A2A;
}
}
.format-8 {
.format-8 {
color: #555;
color: #545454;
text-shadow: 0.125em 0.125em 0 #151515;
text-shadow: 0.125em 0.125em 0 #151515;
}
}
.format-9 {
.format-9 {
color: #55F;
color: #5454FB;
text-shadow: 0.125em 0.125em 0 #15153F;
text-shadow: 0.125em 0.125em 0 #15153E;
}
}
.format-a {
.format-a {
color: #5F5;
color: #54FB54;
text-shadow: 0.125em 0.125em 0 #153F15;
text-shadow: 0.125em 0.125em 0 #153E15;
}
}
.format-b {
.format-b {
color: #5FF;
color: #54FBFB;
text-shadow: 0.125em 0.125em 0 #153F3F;
text-shadow: 0.125em 0.125em 0 #153E3E;
}
}
.format-c {
.format-c {
color: #F55;
color: #FB5454;
text-shadow: 0.125em 0.125em 0 #3F1515;
text-shadow: 0.125em 0.125em 0 #3E1515;
}
}
.format-d {
.format-d {
color: #F5F;
color: #FB54FB;
text-shadow: 0.125em 0.125em 0 #3F153F;
text-shadow: 0.125em 0.125em 0 #3E153E;
}
}
.format-e {
.format-e {
color: #FF5;
color: #FBFB54;
text-shadow: 0.125em 0.125em 0 #3F3F15;
text-shadow: 0.125em 0.125em 0 #3E3E15;
}
}
.format-f,
.format-f,
#minetip-tooltip {
#minetip-tooltip {
color: #FFF;
color: #FBFBFB;
text-shadow: 0.125em 0.125em 0 #3F3F3F;
text-shadow: 0.125em 0.125em 0 #3E3E3E;
}
.format-g {
color: #DDD605;
text-shadow: 0.125em 0.125em 0 #373501;
}
.format-h {
color: #E3D4D1;
text-shadow: 0.125em 0.125em 0 #383534;
}
.format-i {
color: #CECACA;
text-shadow: 0.125em 0.125em 0 #333232;
}
.format-j {
color: #443A3B;
text-shadow: 0.125em 0.125em 0 #110E0E;
}
}
.format-l {
.format-l {
font-weight: bold;
font-weight: bold;
letter-spacing: 0.125em;
letter-spacing: 0.125em;
}
}
.format-m {
.format-m {
text-decoration: line-through;
text-decoration: line-through;
}
}
.format-n {
.format-n {
text-decoration: underline;
text-decoration: underline;
}
}
.format-o {
.format-o {
font-style: italic;
font-style: italic;
}
.format-p {
color: #DEB12D;
text-shadow: 0.125em 0.125em 0 #372C0B;
}
.format-q {
color: #47A036;
text-shadow: 0.125em 0.125em 0 #04280D;
}
.format-s {
color: #2CBAA8;
text-shadow: 0.125em 0.125em 0 #0B2E2A;
}
.format-t {
color: #21497B;
text-shadow: 0.125em 0.125em 0 #08121E;
}
.format-u {
color: #9A5CC6;
text-shadow: 0.125em 0.125em 0 #261731;
}
.format-v {
color: #EB7114;
text-shadow: 0.125em 0.125em 0 #3B1D05;
}
/* Custom color codes because §m and §n are used twice. */
.format-y {
color: #971607;
text-shadow: 0.125em 0.125em 0 #250501;
}
.format-z {
color: #B4684D;
text-shadow: 0.125em 0.125em 0 #2D1A13;
}
/* Class for &#123456 and &$123 adding custom hex colors. */
.format-custom {
text-shadow: 0.125em 0.125em 0 color-mix(in srgb, currentColor 25%, #000 75%);
}
}