Difference between revisions of "MediaWiki:Common.css"
From Tenebrous Isles
P1agueR00t (talk | contribs) |
P1agueR00t (talk | contribs) (Undo revision 43 by P1agueR00t (talk)) |
||
Line 72: | Line 72: | ||
background: transparent; | background: transparent; | ||
border: none; | border: none; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs ul { background: transparent; } | ||
+ | |||
+ | /* OVERRIDDEN BY COMPLIANT BROWSERS */ | ||
+ | div.vectorTabs ul li { | ||
+ | background: transparent; | ||
+ | padding-bottom: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | /* IGNORED BY IE6 */ | ||
+ | div.vectorTabs ul > li { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs li.selected { | ||
+ | background: transparent; | ||
+ | padding-bottom: none; | ||
+ | margin-bottom: none; | ||
+ | } | ||
+ | |||
+ | /* OVERRIDDEN BY COMPLIANT BROWSERS */ | ||
+ | |||
+ | /* IGNORED BY IE6 */ | ||
+ | div.vectorTabs li > a { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs li.icon a { | ||
+ | background: #000; | ||
+ | } | ||
+ | |||
+ | /* OVERRIDDEN BY COMPLIANT BROWSERS */ | ||
+ | div.vectorTabs span a { | ||
+ | display: inline-block; | ||
+ | padding-top: 1.25em; | ||
+ | } | ||
+ | } | ||
+ | /* IGNORED BY IE6 */ | ||
+ | /* @noflip */ | ||
+ | div.vectorTabs span > a { | ||
+ | float: left; | ||
+ | display: block; | ||
+ | } | ||
+ | div.vectorTabs span { | ||
+ | display: inline-block; | ||
+ | background: transparent; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs li.selected a { | ||
+ | background: #000; | ||
+ | color: #cc0; | ||
+ | text-decoration: none; | ||
+ | -webkit-border-radius: 8px; | ||
+ | -moz-border-radius: 8px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | div.vectorTabs li.selected a:visited { color: #aa4 } | ||
+ | |||
+ | div.vectorTabs li.new a { | ||
+ | color: #a55; | ||
+ | -webkit-border-radius: 8px; | ||
+ | -moz-border-radius: 8px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs li.new a:visited { color: #a55 } | ||
+ | |||
+ | div.vectorTabs li a:hover { | ||
+ | -webkit-border-radius: 8px; | ||
+ | -moz-border-radius: 8px; | ||
+ | border-radius: 8px; | ||
+ | border: solid #a00 1px; | ||
+ | margin: inherit; | ||
+ | margin-left: -1px; | ||
+ | height: 1.9em; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs li.selected a:hover { | ||
+ | |||
+ | } | ||
+ | |||
+ | #searchInput { | ||
+ | -webkit-appearance: none; | ||
+ | -moz-appearance: none; | ||
+ | appearance: none; | ||
+ | background: #000; | ||
+ | border: solid #a00 1px; | ||
+ | color: #ccc; | ||
+ | -webkit-border-radius: 8px; | ||
+ | -moz-border-radius: 8px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .searchButton { | ||
+ | -webkit-appearance: none; | ||
+ | -moz-appearance: none; | ||
+ | appearance: none; | ||
+ | background: #000; | ||
+ | border: outset #cc0 1px; | ||
+ | color: #cc0; | ||
+ | -webkit-border-radius: 4px; | ||
+ | -moz-border-radius: 4px; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | |||
+ | form.createbox input { | ||
+ | -webkit-appearance: none; | ||
+ | -moz-appearance: none; | ||
+ | appearance: none; | ||
+ | background: #000; | ||
+ | border: solid #a00 1px; | ||
+ | color: #ccc; | ||
+ | -webkit-border-radius: 8px; | ||
+ | -moz-border-radius: 8px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | form.createbox input:last-child { | ||
+ | -webkit-appearance: none; | ||
+ | -moz-appearance: none; | ||
+ | appearance: none; | ||
+ | background: #000; | ||
+ | border: outset #cc0 1px; | ||
+ | color: #cc0; | ||
+ | -webkit-border-radius: 4px; | ||
+ | -moz-border-radius: 4px; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | |||
+ | div.vectorMenu li { | ||
+ | background: #000; | ||
+ | color: #ccc; | ||
+ | } | ||
+ | div.vectorMenu li a { color: #cc0 } | ||
+ | div.vectorMenu li a:visited { color: #aa4; } | ||
+ | div.vectorMenu li a:hover { | ||
+ | text-decoration: none; | ||
+ | color: #ff0; | ||
+ | border: solid 1px #cc0; | ||
+ | -webkit-border-radius: 4px; | ||
+ | -moz-border-radius: 4px; | ||
+ | border-radius: 4px; | ||
+ | margin: -1px; | ||
+ | } | ||
+ | |||
+ | div.vectorMenu li.selected { | ||
+ | color: #ccc; | ||
+ | border: none; | ||
+ | } | ||
+ | div.vectorMenu li.selected a { color: #cc0 } | ||
+ | div.vectorMenu li.selected a:visited { color: #aa4; } | ||
+ | div.vectorMenu li.selected a:hover { | ||
+ | text-decoration: none; | ||
+ | color: #ff0; | ||
+ | } | ||
+ | div.vectorMenu ul { | ||
+ | background-color: #000; | ||
+ | border: solid 1px #a00; | ||
+ | } | ||
+ | |||
+ | div.vectorMenu h5 a { | ||
+ | background: transparent; | ||
+ | } | ||
+ | |||
+ | div#mw-panel div.portal h5 { | ||
+ | color: #aaa; | ||
+ | } | ||
+ | |||
+ | #mw-panel.collapsible-nav .portal { | ||
+ | background: transparent; | ||
+ | } | ||
+ | div#mw-panel.collapsible-nav .portal.collapsed h5 a { | ||
+ | color: #cc0; | ||
+ | } | ||
+ | |||
+ | div#mw-panel div { | ||
+ | background: transparent; | ||
+ | } | ||
+ | div#mw-panel div.portal div.body ul li a { | ||
+ | color: #cc0; | ||
+ | } | ||
+ | div#mw-panel div.portal div.body ul li a:visited { | ||
+ | color: #aa4; | ||
+ | } | ||
+ | div#mw-panel div.portal div.body ul li a:hover { | ||
+ | text-decoration: none; | ||
+ | color: #ff0; | ||
+ | } | ||
+ | |||
+ | div#footer { | ||
+ | background: transparent; | ||
+ | border-top: solid #a00 1px; | ||
+ | margin-left: 160px; | ||
+ | } | ||
+ | |||
+ | div#footer ul li { | ||
+ | color: #bbb; | ||
+ | } | ||
+ | |||
+ | textarea { | ||
+ | background: #400; | ||
+ | color: #ccc; | ||
+ | border: solid #a00 1px; | ||
+ | } | ||
+ | |||
+ | input#wpSummary { | ||
+ | background: #400; | ||
+ | color: #ccc; | ||
+ | border: solid #a00 1px; | ||
+ | } | ||
+ | |||
+ | .catlinks { | ||
+ | background: #000; | ||
+ | border: solid #a00 1px; | ||
+ | color: #bbb; | ||
+ | -webkit-border-radius: 8px; | ||
+ | -moz-border-radius: 8px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | #toc, .toc, .mw-warning { | ||
+ | background: #000; | ||
+ | color: #bbb; | ||
+ | border: solid #a00 1px; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .collapseButton { float: right; margin-right: 0.5em; } | ||
+ | .collapseButton a { margin-left: 0.25em; margin-right: 0.25em; } | ||
+ | .collapseAllButton { margin-left: 0.25em; margin-right: 0.25em; } | ||
+ | |||
+ | .ooc { | ||
+ | font-size: 70%; | ||
+ | white-space: pre-line; | ||
+ | margin-left: 2em; | ||
+ | color: #9a9; | ||
+ | } | ||
+ | |||
+ | table.wikitable { | ||
+ | background: #000; | ||
+ | border-collapse: separate; | ||
+ | border: solid #900 2px; | ||
+ | -moz-border-radius: 8px; | ||
+ | -webkit-border-radius: 8px; | ||
+ | padding: 0px; | ||
+ | margin: 2px; | ||
+ | } | ||
+ | |||
+ | table.wikitable th, table.sortable th { | ||
+ | background: #990000 !Important; /* Old browsers */ | ||
+ | background: -moz-linear-gradient(top, #990000 0%, #660000 100%) !Important; /* FF3.6+ */ | ||
+ | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#990000), color-stop(100%,#660000)) !Important; /* Chrome,Safari4+ */ | ||
+ | background: -webkit-linear-gradient(top, #990000 0%,#660000 100%) !Important; /* Chrome10+,Safari5.1+ */ | ||
+ | background: -o-linear-gradient(top, #990000 0%,#660000 100%) !Important; /* Opera 11.10+ */ | ||
+ | background: -ms-linear-gradient(top, #990000 0%,#660000 100%) !Important; /* IE10+ */ | ||
+ | background: linear-gradient(to bottom, #990000 0%,#660000 100%) !Important; /* W3C */ | ||
+ | border: none !Important; | ||
+ | color: white; | ||
+ | font-weight: bold; | ||
+ | padding: 4px !Important; | ||
+ | } | ||
+ | table.wikitable td, table.sortable td { | ||
+ | border: none !Important; | ||
+ | color: #bbb; | ||
+ | padding: 2px !Important; | ||
+ | } | ||
+ | table.wikitable tr { | ||
+ | margin-top: 2px; | ||
+ | } | ||
+ | table.wikitable tr:nth-child(even) td { | ||
+ | background: #400; | ||
+ | } | ||
+ | table.wikitable tr:nth-child(odd) td { | ||
+ | background: #000; | ||
+ | } | ||
+ | table.wikitable tr td:hover { | ||
+ | background: #622; | ||
+ | } | ||
+ | |||
+ | pre, code, tt, kbd, samp, .mw-code { | ||
+ | background: inherit; | ||
+ | font-family: Lucida Console, Monaco, monospace; | ||
+ | color: #bbb; | ||
+ | } | ||
+ | pre, .mw-code { | ||
+ | border: solid 1px #a00; | ||
+ | -webkit-border-radius: 4px; | ||
+ | -moz-border-radius: 4px; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #pagehistory li { | ||
+ | border: solid 1px rgba(0,0,0,0); | ||
+ | -webkit-border-radius: 4px; | ||
+ | -moz-border-radius: 4px; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | |||
+ | #pagehistory li.selected { | ||
+ | border: solid 1px #a00; | ||
+ | background: inherit; | ||
+ | } | ||
+ | |||
+ | fieldset { | ||
+ | border: solid 1px #a00; | ||
+ | -webkit-border-radius: 8px; | ||
+ | -moz-border-radius: 8px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | div.mw-warning-with-logexcerpt { | ||
+ | border: solid 2px #a00; | ||
+ | -webkit-border-radius: 8px; | ||
+ | -moz-border-radius: 8px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | /* this thing is so useless */ | ||
+ | ul#filetoc { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | table.diff, td.diff-otitle, td.diff-ntitle { | ||
+ | background: inherit; | ||
+ | } | ||
+ | |||
+ | td.diff-context { | ||
+ | background: inherit; | ||
+ | color: #bbb; | ||
+ | border-style: none; | ||
+ | } | ||
+ | |||
+ | td .diffchange { | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | div.thumbinner { | ||
+ | background: inherit; | ||
+ | border: solid #a00 1px; | ||
+ | } | ||
+ | |||
+ | .mw-search-formheader { | ||
+ | border: solid #a00 1px; | ||
+ | background: inherit; | ||
+ | -webkit-border-radius: 8px; | ||
+ | -moz-border-radius: 8px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | div#titleCard { | ||
+ | background: black; | ||
+ | background-image: url(/w/images/5/5d/Wcheader3.jpg); | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | height: 350px; | ||
+ | color: #fff; | ||
+ | padding-left: 1em; | ||
+ | } | ||
+ | |||
+ | span.outline { | ||
+ | text-shadow: 0px 0px 4px #000, 2px -2px 2px #000, -2px 2px 2px #000, -2px -2px 2px #000, 2px 2px 2px #000; | ||
+ | } | ||
+ | |||
+ | div#titleCard * { | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | div#titleCard span.title { | ||
+ | font-family: 'Abril Fatface', serif; | ||
+ | font-size: 64px; | ||
+ | } | ||
+ | |||
+ | div#titleCard span.subtitle{ | ||
+ | position: relative; | ||
+ | top: 1em; | ||
+ | padding-top: 1em; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | div#connectInfo { | ||
+ | text-align: center; | ||
+ | font-size: 24px; | ||
+ | font-family: Lucida Console, Monaco, monospace; | ||
+ | text-shadow: 0px 0px 4px #f00; | ||
+ | padding: 5px; | ||
+ | color: white; | ||
+ | line-height: 1.5em; | ||
} | } |
Revision as of 08:25, 13 July 2013
body.page-Main_Page h1.firstHeading { display:none; }
html {
min-height: 100%;
}
h1, h2, h3, h4, h5, h6 {
color: #bbb;
font-weight: normal;
}
a {
color: #cc0;
}
a:visited {
color: #aa4;
}
a:hover {
text-decoration: none;
color: #ff0;
border: solid 1px #cc0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: -1px;
}
a.new { color: #d00 }
a.new:visited { color: #c44 }
a.new:hover { color: #f44 }
.mw-body a.external { color: #aa4; }
.mw-body a.external:visited { color: #cc0; }
.mw-body a.extiw { color: #aa4; }
.mw-body a.extiw:visited { color: #cc0; }
div.mw-geshi,
pre.source-css {
background: #333;
}
div#content li { list-style: circle; }
#mw-panel {
background: transparent;
}
#mw-page-base {
background: transparent;
height: 80px;
}
#mw-head-base {
background: transparent;
border: none;
border-bottom: solid #c00 1px;
margin-top: -80px;
margin-left: 160px;
height: 80px;
}
#left-navigation {
top: 39px;
}
#right-navigation {
float: right;
margin-top: 39px;
}
div.vectorTabs {
background: transparent;
border: none;
}
div.vectorTabs ul { background: transparent; }
/* OVERRIDDEN BY COMPLIANT BROWSERS */
div.vectorTabs ul li {
background: transparent;
padding-bottom: 0px;
margin-bottom: 0px;
}
/* IGNORED BY IE6 */
div.vectorTabs ul > li {
display: block;
}
div.vectorTabs li.selected {
background: transparent;
padding-bottom: none;
margin-bottom: none;
}
/* OVERRIDDEN BY COMPLIANT BROWSERS */
/* IGNORED BY IE6 */
div.vectorTabs li > a {
display: block;
}
div.vectorTabs li.icon a {
background: #000;
}
/* OVERRIDDEN BY COMPLIANT BROWSERS */
div.vectorTabs span a {
display: inline-block;
padding-top: 1.25em;
}
}
/* IGNORED BY IE6 */
/* @noflip */
div.vectorTabs span > a {
float: left;
display: block;
}
div.vectorTabs span {
display: inline-block;
background: transparent;
}
div.vectorTabs li.selected a {
background: #000;
color: #cc0;
text-decoration: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
div.vectorTabs li.selected a:visited { color: #aa4 }
div.vectorTabs li.new a {
color: #a55;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
div.vectorTabs li.new a:visited { color: #a55 }
div.vectorTabs li a:hover {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: solid #a00 1px;
margin: inherit;
margin-left: -1px;
height: 1.9em;
}
div.vectorTabs li.selected a:hover {
}
#searchInput {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #000;
border: solid #a00 1px;
color: #ccc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.searchButton {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #000;
border: outset #cc0 1px;
color: #cc0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
form.createbox input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #000;
border: solid #a00 1px;
color: #ccc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
form.createbox input:last-child {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #000;
border: outset #cc0 1px;
color: #cc0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
div.vectorMenu li {
background: #000;
color: #ccc;
}
div.vectorMenu li a { color: #cc0 }
div.vectorMenu li a:visited { color: #aa4; }
div.vectorMenu li a:hover {
text-decoration: none;
color: #ff0;
border: solid 1px #cc0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: -1px;
}
div.vectorMenu li.selected {
color: #ccc;
border: none;
}
div.vectorMenu li.selected a { color: #cc0 }
div.vectorMenu li.selected a:visited { color: #aa4; }
div.vectorMenu li.selected a:hover {
text-decoration: none;
color: #ff0;
}
div.vectorMenu ul {
background-color: #000;
border: solid 1px #a00;
}
div.vectorMenu h5 a {
background: transparent;
}
div#mw-panel div.portal h5 {
color: #aaa;
}
#mw-panel.collapsible-nav .portal {
background: transparent;
}
div#mw-panel.collapsible-nav .portal.collapsed h5 a {
color: #cc0;
}
div#mw-panel div {
background: transparent;
}
div#mw-panel div.portal div.body ul li a {
color: #cc0;
}
div#mw-panel div.portal div.body ul li a:visited {
color: #aa4;
}
div#mw-panel div.portal div.body ul li a:hover {
text-decoration: none;
color: #ff0;
}
div#footer {
background: transparent;
border-top: solid #a00 1px;
margin-left: 160px;
}
div#footer ul li {
color: #bbb;
}
textarea {
background: #400;
color: #ccc;
border: solid #a00 1px;
}
input#wpSummary {
background: #400;
color: #ccc;
border: solid #a00 1px;
}
.catlinks {
background: #000;
border: solid #a00 1px;
color: #bbb;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#toc, .toc, .mw-warning {
background: #000;
color: #bbb;
border: solid #a00 1px;
list-style: none;
}
.collapseButton { float: right; margin-right: 0.5em; }
.collapseButton a { margin-left: 0.25em; margin-right: 0.25em; }
.collapseAllButton { margin-left: 0.25em; margin-right: 0.25em; }
.ooc {
font-size: 70%;
white-space: pre-line;
margin-left: 2em;
color: #9a9;
}
table.wikitable {
background: #000;
border-collapse: separate;
border: solid #900 2px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
padding: 0px;
margin: 2px;
}
table.wikitable th, table.sortable th {
background: #990000 !Important; /* Old browsers */
background: -moz-linear-gradient(top, #990000 0%, #660000 100%) !Important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#990000), color-stop(100%,#660000)) !Important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #990000 0%,#660000 100%) !Important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #990000 0%,#660000 100%) !Important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #990000 0%,#660000 100%) !Important; /* IE10+ */
background: linear-gradient(to bottom, #990000 0%,#660000 100%) !Important; /* W3C */
border: none !Important;
color: white;
font-weight: bold;
padding: 4px !Important;
}
table.wikitable td, table.sortable td {
border: none !Important;
color: #bbb;
padding: 2px !Important;
}
table.wikitable tr {
margin-top: 2px;
}
table.wikitable tr:nth-child(even) td {
background: #400;
}
table.wikitable tr:nth-child(odd) td {
background: #000;
}
table.wikitable tr td:hover {
background: #622;
}
pre, code, tt, kbd, samp, .mw-code {
background: inherit;
font-family: Lucida Console, Monaco, monospace;
color: #bbb;
}
pre, .mw-code {
border: solid 1px #a00;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#pagehistory li {
border: solid 1px rgba(0,0,0,0);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#pagehistory li.selected {
border: solid 1px #a00;
background: inherit;
}
fieldset {
border: solid 1px #a00;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
div.mw-warning-with-logexcerpt {
border: solid 2px #a00;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
/* this thing is so useless */
ul#filetoc {
display: none;
}
table.diff, td.diff-otitle, td.diff-ntitle {
background: inherit;
}
td.diff-context {
background: inherit;
color: #bbb;
border-style: none;
}
td .diffchange {
color: #000;
}
div.thumbinner {
background: inherit;
border: solid #a00 1px;
}
.mw-search-formheader {
border: solid #a00 1px;
background: inherit;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
div#titleCard {
background: black;
background-image: url(/w/images/5/5d/Wcheader3.jpg);
background-position: center;
background-repeat: no-repeat;
height: 350px;
color: #fff;
padding-left: 1em;
}
span.outline {
text-shadow: 0px 0px 4px #000, 2px -2px 2px #000, -2px 2px 2px #000, -2px -2px 2px #000, 2px 2px 2px #000;
}
div#titleCard * {
vertical-align: top;
}
div#titleCard span.title {
font-family: 'Abril Fatface', serif;
font-size: 64px;
}
div#titleCard span.subtitle{
position: relative;
top: 1em;
padding-top: 1em;
white-space: nowrap;
}
div#connectInfo {
text-align: center;
font-size: 24px;
font-family: Lucida Console, Monaco, monospace;
text-shadow: 0px 0px 4px #f00;
padding: 5px;
color: white;
line-height: 1.5em;
}