Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
MyraMidnight (talk | contribs) m (Reverted edits by MyraMidnight (talk) to last revision by Admin) |
MyraMidnight (talk | contribs) m (Undo revision 14366 by MyraMidnight (talk)) |
||
Line 6: | Line 6: | ||
background-size:contain; | background-size:contain; | ||
background-color:transparent; | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ============ KRAFTIES WIKI overall look ============ */ | ||
+ | |||
+ | h1,h2,h3,h4{ color:#000; border-color:#989cb7; border-width:2px;} | ||
+ | a.new:visited{ color:#CC0000; text-decoration: none;} | ||
+ | a.new:link{ color:#CC0000; text-decoration: none;} | ||
+ | a:link { color:#1155e0; text-decoration: none;} | ||
+ | a:visited { color:#1155e0; text-decoration: none;} | ||
+ | a:hover { Color: #1155e0; text-decoration: underline;} | ||
+ | a:active { text-decoration: underline;} | ||
+ | |||
+ | body { | ||
+ | background-color:#5eadff; | ||
+ | background-image:url(http://krafties.com/wiki/images/thumb/8/8f/Krafties_symbol_easter.png/120px-Krafties_symbol_easter.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-size:650px; | ||
+ | background-position:center bottom; | ||
+ | } | ||
+ | div#content { | ||
+ | margin-right:15px; | ||
+ | margin-bottom:100px; | ||
+ | background:#D2D7FD; | ||
+ | border:2px solid #989cb7; | ||
+ | min-width:800px; | ||
+ | } | ||
+ | |||
+ | code {background-color:#faf5ff;} | ||
+ | pre {background:#faf5ff;border:1px dashed #989cb7; | ||
+ | white-space: pre-wrap; /* css-3 */ | ||
+ | white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ | ||
+ | white-space: -pre-wrap; /* Opera 4-6 */ | ||
+ | white-space: -o-pre-wrap; /* Opera 7 */ | ||
+ | word-wrap: break-word; /* Internet Explorer 5.5+ */ | ||
+ | } | ||
+ | table#toc {background:#faf5ff;border:1px solid #989cb7} | ||
+ | |||
+ | div.catlinks{ | ||
+ | background-color:#faf5ff; | ||
+ | border:2px solid #989cb7; | ||
+ | } | ||
+ | #p-cactions li a {background:#faf5ff;border:1px solid #989cb7} | ||
+ | #p-cactions li.selected {border-color: #989cb7} | ||
+ | #p-cactions li.selected a{background:#D2D7FD} | ||
+ | /* ============ SIDEBAR ============ */ | ||
+ | |||
+ | .pBody { | ||
+ | font-size: 95%; | ||
+ | background-color: #5eadff; | ||
+ | color: black; | ||
+ | border-collapse: collapse; | ||
+ | border:none; | ||
+ | border-top:2px solid #fff; | ||
+ | padding: 0 .8em .3em .5em; | ||
+ | } | ||
+ | /* ============ FOOTER ============ */ | ||
+ | div#footer{ | ||
+ | margin-top:115px; | ||
+ | margin-bottom: 60px; | ||
+ | background:#5eadff; | ||
+ | border:none; | ||
+ | color:#1155e0; | ||
+ | opacity: 0.9; | ||
+ | } | ||
+ | |||
+ | |||
+ | #f-list a:link { color:##1155e0; text-decoration: none;} | ||
+ | #f-list a:visited { color:##1155e0; text-decoration: none;} | ||
+ | #f-list a:hover { color: ##1155e0; text-decoration: underline;} | ||
+ | #f-list a:active { text-decoration: underline;} | ||
+ | /* ============ IMAGES and THUMBS ============ */ | ||
+ | |||
+ | div.thumbinner img{border:none;} | ||
+ | div.thumbinner { | ||
+ | border: 2px solid #989cb7; | ||
+ | padding: 3px !important; | ||
+ | background-color: #fff; | ||
+ | font-size: 94%; | ||
+ | text-align: center; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | li.gallerybox { | ||
+ | vertical-align: top; | ||
+ | border: solid 2px #989cb7; | ||
+ | background-color:#fff; | ||
+ | display: -moz-inline-box; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | li.gallerybox div.thumb { | ||
+ | text-align: center; | ||
+ | border: none; | ||
+ | background-color: #fff; | ||
+ | margin: 2px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ============ The TABLE CLASS section ============ */ | ||
+ | /* DEFAULT WIKITABLE */ | ||
+ | table.wikitable { | ||
+ | margin: 1em 1em 1em 0; | ||
+ | background-color: #faf5ff; | ||
+ | border: 1px #afa3bf solid; | ||
+ | border-collapse: collapse; | ||
+ | color: black; | ||
+ | } | ||
+ | table.wikitable > tr > th, | ||
+ | table.wikitable > tr > td, | ||
+ | table.wikitable > * > tr > th, | ||
+ | table.wikitable > * > tr > td { | ||
+ | border: 1px #afa3bf solid; | ||
+ | padding: 0.2em; | ||
+ | } | ||
+ | table.wikitable > tr > th, | ||
+ | table.wikitable > * > tr > th { | ||
+ | background-color: #ddcef2; | ||
+ | text-align: center; | ||
+ | } | ||
+ | table.wikitable > caption { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | /* BLUE WIKITABLE */ | ||
+ | table.bluetable { | ||
+ | margin: 1em 1em 1em 0; | ||
+ | background-color: #f5faff; | ||
+ | border: 1px #5eadff solid; | ||
+ | border-collapse: collapse; | ||
+ | color: black; | ||
+ | } | ||
+ | table.bluetable > tr > th, | ||
+ | table.bluetable > tr > td, | ||
+ | table.bluetable > * > tr > th, | ||
+ | table.bluetable > * > tr > td { | ||
+ | border: 1px #5eadff solid; | ||
+ | padding: 0.2em; | ||
+ | } | ||
+ | table.bluetable > tr > th, | ||
+ | table.bluetable > * > tr > th { | ||
+ | background-color: #bbdbfc; | ||
+ | text-align: center; | ||
+ | } | ||
+ | table.bluetable > caption { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | /* PURPLE WIKITABLE */ | ||
+ | table.purpletable { | ||
+ | margin: 1em 1em 1em 0; | ||
+ | background-color: #faf5ff; | ||
+ | border: 1px #afa3bf solid; | ||
+ | border-collapse: collapse; | ||
+ | color: black; | ||
+ | } | ||
+ | table.purpletable > tr > th, | ||
+ | table.purpletable > tr > td, | ||
+ | table.purpletable > * > tr > th, | ||
+ | table.purpletable > * > tr > td { | ||
+ | border: 1px #afa3bf solid; | ||
+ | padding: 0.2em; | ||
+ | } | ||
+ | table.purpletable > tr > th, | ||
+ | table.purpletable > * > tr > th { | ||
+ | background-color: #ddcef2; | ||
+ | text-align: center; | ||
+ | } | ||
+ | table.purpletable > caption { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | /* PINK wikitable */ | ||
+ | table.pinktable { | ||
+ | margin: 1em 1em 1em 0; | ||
+ | background-color: #fff5fa; | ||
+ | border: 1px #bfa3af solid; | ||
+ | border-collapse: collapse; | ||
+ | color: black; | ||
+ | } | ||
+ | table.pinktable > tr > th, | ||
+ | table.pinktable > tr > td, | ||
+ | table.pinktable > * > tr > th, | ||
+ | table.pinktable > * > tr > td { | ||
+ | border: 1px #bfa3af solid; | ||
+ | padding: 0.2em; | ||
+ | } | ||
+ | table.pinktable > tr > th, | ||
+ | table.pinktable > * > tr > th { | ||
+ | background-color: #f2cedd; | ||
+ | text-align: center; | ||
+ | } | ||
+ | table.pinktable > caption { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | /* GREEN WIKITABLE */ | ||
+ | table.greentable { | ||
+ | margin: 1em 1em 1em 0; | ||
+ | background-color: #f5fffa; | ||
+ | border: 1px #a3bfb1 solid; | ||
+ | border-collapse: collapse; | ||
+ | color: black; | ||
+ | } | ||
+ | table.greentable > tr > th, | ||
+ | table.greentable > tr > td, | ||
+ | table.greentable > * > tr > th, | ||
+ | table.greentable > * > tr > td { | ||
+ | border: 1px #a3bfb1 solid; | ||
+ | padding: 0.2em; | ||
+ | } | ||
+ | table.greentable > tr > th, | ||
+ | table.greentable > * > tr > th { | ||
+ | background-color: #cef2e0; | ||
+ | text-align: center; | ||
+ | } | ||
+ | table.greentable > caption { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | /* NAVBOX WIKITABLE */ | ||
+ | table.navbox { /* Navbox container style */ | ||
+ | border: 1px solid #989cb7; | ||
+ | width: 100%; | ||
+ | margin: auto; | ||
+ | clear: both; | ||
+ | font-size: 88%; | ||
+ | text-align: center; | ||
+ | padding: 1px; | ||
+ | } | ||
+ | .navbox-inner, | ||
+ | .navbox-subgroup { | ||
+ | width: 100%; | ||
+ | } | ||
+ | .navbox-group, | ||
+ | .navbox-title, | ||
+ | .navbox-abovebelow { | ||
+ | padding: 0.25em 1em; /* Title, group and above/below styles */ | ||
+ | line-height: 1.5em; | ||
+ | text-align: center; | ||
+ | } | ||
+ | th.navbox-group { /* Group style */ | ||
+ | white-space: nowrap; | ||
+ | /* @noflip */ | ||
+ | text-align: right; | ||
+ | } | ||
+ | .navbox, | ||
+ | .navbox-subgroup { | ||
+ | background: #fdfdfd; /* Background color */ | ||
+ | } | ||
+ | .navbox-list { | ||
+ | line-height: 1.8em; | ||
+ | border-color: #fdfdfd; /* Must match background color */ | ||
+ | } | ||
+ | .navbox th, | ||
+ | .navbox-title { | ||
+ | background: #ccccff; /* Level 1 color */ | ||
+ | } | ||
+ | .navbox-abovebelow, | ||
+ | th.navbox-group, | ||
+ | .navbox-subgroup .navbox-title { | ||
+ | background: #ddddff; /* Level 2 color */ | ||
+ | } | ||
+ | .navbox-subgroup .navbox-group, | ||
+ | .navbox-subgroup .navbox-abovebelow { | ||
+ | background: #e6e6ff; /* Level 3 color */ | ||
+ | } | ||
+ | .navbox-even { | ||
+ | background: #f7f7f7; /* Even row striping */ | ||
+ | text-align:left; | ||
+ | } | ||
+ | .navbox-odd { | ||
+ | background: transparent; /* Odd row striping */ | ||
+ | text-align:left; | ||
+ | } | ||
+ | table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ | ||
+ | margin-top: -1px; /* (doesn't work for IE6, but that's okay) */ | ||
+ | } | ||
+ | .navbox .hlist td dl, | ||
+ | .navbox .hlist td ol, | ||
+ | .navbox .hlist td ul, | ||
+ | .navbox td.hlist dl, | ||
+ | .navbox td.hlist ol, | ||
+ | .navbox td.hlist ul { | ||
+ | padding: 0.125em 0; /* Adjust hlist padding in navboxes */ | ||
+ | } | ||
+ | ol + table.navbox, | ||
+ | ul + table.navbox { | ||
+ | margin-top: 0.5em; /* Prevent lists from clinging to navboxes */ | ||
} | } |
Revision as of 06:27, 23 April 2017
/* CSS placed here will be applied to all skins */ #p-logo a { background-size:contain; background-color:transparent; } /* ============ KRAFTIES WIKI overall look ============ */ h1,h2,h3,h4{ color:#000; border-color:#989cb7; border-width:2px;} a.new:visited{ color:#CC0000; text-decoration: none;} a.new:link{ color:#CC0000; text-decoration: none;} a:link { color:#1155e0; text-decoration: none;} a:visited { color:#1155e0; text-decoration: none;} a:hover { Color: #1155e0; text-decoration: underline;} a:active { text-decoration: underline;} body { background-color:#5eadff; background-image:url(http://krafties.com/wiki/images/thumb/8/8f/Krafties_symbol_easter.png/120px-Krafties_symbol_easter.png); background-repeat: no-repeat; background-size:650px; background-position:center bottom; } div#content { margin-right:15px; margin-bottom:100px; background:#D2D7FD; border:2px solid #989cb7; min-width:800px; } code {background-color:#faf5ff;} pre {background:#faf5ff;border:1px dashed #989cb7; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } table#toc {background:#faf5ff;border:1px solid #989cb7} div.catlinks{ background-color:#faf5ff; border:2px solid #989cb7; } #p-cactions li a {background:#faf5ff;border:1px solid #989cb7} #p-cactions li.selected {border-color: #989cb7} #p-cactions li.selected a{background:#D2D7FD} /* ============ SIDEBAR ============ */ .pBody { font-size: 95%; background-color: #5eadff; color: black; border-collapse: collapse; border:none; border-top:2px solid #fff; padding: 0 .8em .3em .5em; } /* ============ FOOTER ============ */ div#footer{ margin-top:115px; margin-bottom: 60px; background:#5eadff; border:none; color:#1155e0; opacity: 0.9; } #f-list a:link { color:##1155e0; text-decoration: none;} #f-list a:visited { color:##1155e0; text-decoration: none;} #f-list a:hover { color: ##1155e0; text-decoration: underline;} #f-list a:active { text-decoration: underline;} /* ============ IMAGES and THUMBS ============ */ div.thumbinner img{border:none;} div.thumbinner { border: 2px solid #989cb7; padding: 3px !important; background-color: #fff; font-size: 94%; text-align: center; overflow: hidden; } li.gallerybox { vertical-align: top; border: solid 2px #989cb7; background-color:#fff; display: -moz-inline-box; display: inline-block; } li.gallerybox div.thumb { text-align: center; border: none; background-color: #fff; margin: 2px; } /* ============ The TABLE CLASS section ============ */ /* DEFAULT WIKITABLE */ table.wikitable { margin: 1em 1em 1em 0; background-color: #faf5ff; border: 1px #afa3bf solid; border-collapse: collapse; color: black; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px #afa3bf solid; padding: 0.2em; } table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #ddcef2; text-align: center; } table.wikitable > caption { font-weight: bold; } /* BLUE WIKITABLE */ table.bluetable { margin: 1em 1em 1em 0; background-color: #f5faff; border: 1px #5eadff solid; border-collapse: collapse; color: black; } table.bluetable > tr > th, table.bluetable > tr > td, table.bluetable > * > tr > th, table.bluetable > * > tr > td { border: 1px #5eadff solid; padding: 0.2em; } table.bluetable > tr > th, table.bluetable > * > tr > th { background-color: #bbdbfc; text-align: center; } table.bluetable > caption { font-weight: bold; } /* PURPLE WIKITABLE */ table.purpletable { margin: 1em 1em 1em 0; background-color: #faf5ff; border: 1px #afa3bf solid; border-collapse: collapse; color: black; } table.purpletable > tr > th, table.purpletable > tr > td, table.purpletable > * > tr > th, table.purpletable > * > tr > td { border: 1px #afa3bf solid; padding: 0.2em; } table.purpletable > tr > th, table.purpletable > * > tr > th { background-color: #ddcef2; text-align: center; } table.purpletable > caption { font-weight: bold; } /* PINK wikitable */ table.pinktable { margin: 1em 1em 1em 0; background-color: #fff5fa; border: 1px #bfa3af solid; border-collapse: collapse; color: black; } table.pinktable > tr > th, table.pinktable > tr > td, table.pinktable > * > tr > th, table.pinktable > * > tr > td { border: 1px #bfa3af solid; padding: 0.2em; } table.pinktable > tr > th, table.pinktable > * > tr > th { background-color: #f2cedd; text-align: center; } table.pinktable > caption { font-weight: bold; } /* GREEN WIKITABLE */ table.greentable { margin: 1em 1em 1em 0; background-color: #f5fffa; border: 1px #a3bfb1 solid; border-collapse: collapse; color: black; } table.greentable > tr > th, table.greentable > tr > td, table.greentable > * > tr > th, table.greentable > * > tr > td { border: 1px #a3bfb1 solid; padding: 0.2em; } table.greentable > tr > th, table.greentable > * > tr > th { background-color: #cef2e0; text-align: center; } table.greentable > caption { font-weight: bold; } /* NAVBOX WIKITABLE */ table.navbox { /* Navbox container style */ border: 1px solid #989cb7; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } .navbox-inner, .navbox-subgroup { width: 100%; } .navbox-group, .navbox-title, .navbox-abovebelow { padding: 0.25em 1em; /* Title, group and above/below styles */ line-height: 1.5em; text-align: center; } th.navbox-group { /* Group style */ white-space: nowrap; /* @noflip */ text-align: right; } .navbox, .navbox-subgroup { background: #fdfdfd; /* Background color */ } .navbox-list { line-height: 1.8em; border-color: #fdfdfd; /* Must match background color */ } .navbox th, .navbox-title { background: #ccccff; /* Level 1 color */ } .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title { background: #ddddff; /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #e6e6ff; /* Level 3 color */ } .navbox-even { background: #f7f7f7; /* Even row striping */ text-align:left; } .navbox-odd { background: transparent; /* Odd row striping */ text-align:left; } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px; /* (doesn't work for IE6, but that's okay) */ } .navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { padding: 0.125em 0; /* Adjust hlist padding in navboxes */ } ol + table.navbox, ul + table.navbox { margin-top: 0.5em; /* Prevent lists from clinging to navboxes */ }