Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
MyraMidnight (talk | contribs) m |
MyraMidnight (talk | contribs) m |
||
Line 1: | Line 1: | ||
+ | /* CSS placed here will be applied to all skins */ | ||
+ | |||
+ | |||
#p-logo a | #p-logo a | ||
{ | { | ||
Line 5: | Line 8: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | /* | + | /* ============ 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/3/37/Crystals_footer.png); | |
− | div | + | 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;} | code {background-color:#faf5ff;} | ||
Line 48: | Line 44: | ||
table#toc {background:#faf5ff;border:1px solid #989cb7} | table#toc {background:#faf5ff;border:1px solid #989cb7} | ||
− | div. | + | div.catlinks{ |
− | + | background-color:#faf5ff; | |
− | div. | + | 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 ============ */ | /* ============ The TABLE CLASS section ============ */ |
Revision as of 07:00, 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/3/37/Crystals_footer.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 */ }