MediaWiki:Vector.css

From MC Public Wiki
Revision as of 06:37, 9 August 2013 by Azumarill (talk | contribs) (derp, missed "level 3 color" (between group and list, subgroup?) is less green now)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.

/* CSS placed here will affect users of the Vector skin */
/* Logo */
#p-logo a {
background-image: none !important;
}

/* Needs Organization */
body {
    background: url("http://redditpublic.com/images/8/89/Newbackground.png") no-repeat scroll left top #000000;
    font: 1.10em corbel,"trebuchet ms",verdana,tahoma,arial,sans-serif;
    margin-right: 10px;
}

#mw-page-base {
    background: transparent !important;   
}

#mw-head-base {
    background-image: url("http://redditpublic.com/images/3/3f/Menu_bg.png");
    background-color: transparent;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    bottom: 0;
    height: 48px;
    margin-left: 176px;
    margin-top: 45px;
}

#p-personal {
    background-color: #1b1c16;
    border: 1px solid #36372e;
    border-radius: 0 0 10px 10px;
    margin-right: 0;
    padding-bottom: 5px !important;
    padding-right: 15px !important;
    position: absolute;
    right: 0.75em;
}

#p-personal #pt-mytalk, 
#p-personal #pt-preferences, 
#p-personal #pt-watchlist, 
#p-personal #pt-mycontris, 
#p-personal #pt-logout {
    text-transform: lowercase;
}

#left-navigation {
    left: 185px;
    position: relative;
    top: 135px;
}

#right-navigation {
    float: right;
    margin-right: 16px;
    position: relative;
    top: 90px;
}
div.vectorTabs {
    background-image: none;
}

div.vectorTabs ul {
    background-image: none;
}

div.vectorTabs li a {
    background-image: none;
}

div.vectorTabs span {
    background-image: none;
}

div.vectorTabs li.selected {
    background-color: transparent;
    background-image: none;
}

div.vectorTabs ul li {
    background-color:transparent;
    background-image:none;
}

#mw-head div.vectorMenu h5 {
    background-image: none;
}

div.vectorMenu h5 a {
    background-image: none;
}

div.vectorTabs li a, div.vectorTabs li a span {
    color: #ccd0b1;
    cursor: pointer;
    font-weight: bold;
    text-shadow: -1px -1px 1px black;
    text-transform: uppercase;
}

div.vectorTabs li.selected a, 
div.vectorTabs li.selected a span, 
div.vectorTabs li.selected a:visited, 
div.vectorTabs li.selected a:visited span {
    color: #FBFBF2;;
    font-weight: bold;
    text-decoration: none;
    text-shadow: -1px -1px 1px black;
}
div.vectorTabs li.new a, 
div.vectorTabs li.new a span, 
div.vectorTabs li.new a:visited, 
div.vectorTabs li.new a:visited span {
    color: #ccd0b1;
    font-weight: bold;
}

div.vectorTabs li a {
    background-image: none;
}

#searchInput {
    background: #FFFFFF;
    border: 1px solid #36372e;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    color: #000000;
    font-size: 92%;
    margin: 0;
    width: 10.9em;
}

div#content {
    background-image: none;
    background-color: #1B1C16;
    border: 3px solid #36372e;
    border-top: 0px solid #181818;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    color: #FBFBF2;
    margin-bottom: 1em;
    margin-top: -5px;
    padding: 0.3em 1em 1em;
}

div#content a.external, div#content a[href^="gopher://"] {
    color: #ccd0b1;
}

div#content a.extiw, div#content a.extiw:active {
    color: #ccd0b1;
}

div#mw-panel {
    background: url("http://redditpublic.com/images/7/71/Black.png") repeat scroll 0 0 transparent;
    border: 3px solid #36372e;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    line-height: 1em;
    padding: 5px;
    width: 145px;
    top: 170x
}

div#mw-panel div.portal h5 {
    background: none repeat scroll 0 0 #818371;
    color: #f9feda;
}

div#mw-panel div.portal div.body {
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    margin: 0 0 0 .75em;
    padding-top: 0.5em;
}

div#mw-panel div.portal div.body ul li a {
    color: #ccd0b1;
    display: block;
    font-weight: 700;
    padding: 4px 5px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

div#mw-panel div.portal div.body ul li a:hover {
    background: none repeat scroll 0 0 #818371;
    color: #FBFBF2;
}

div#mw-panel div.portal div.body ul li a:visited {
    color: #ccd0b1;
    display: block;
    font-weight: 700;
    padding: 4px 5px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

a {
    background: none repeat scroll 0 0 transparent;
    color: #BFC1B0;
    cursor: pointer;
    text-decoration: none;
}

a:visited {
    color: #BFC1B0;
}

a#title {
    display: none;
}

a#title:hover {
    display: none;
}

a:active {
    color: #FFFFFF;
}

a:hover {
    color: #FFFFFF;
}

a.stub {
    color: #772233;
}

a.new, #p-personal a.new {
    color: #BA0000;
}

a.new:visited, #p-personal a.new:visited {
    color: #0F5ECD;
}

hr {
    background-color: #000000;
    border: 0 none;
    color: #000000;
    height: 1px;
    margin: 0.2em 0;
}
h1, h2, h3, h4, h5, h6 {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #FBFBF2;
    color: #FBFBF2;
    font-weight: normal;
    margin: 0;
    padding-bottom: 0.17em;
    padding-top: 0.5em;
    width: auto;
}
h1 {
    font-size: 188%;
}
h1 .editsection {
    font-size: 53%;
}
h2 {
    font-size: 150%;
}
h2 .editsection {
    font-size: 67%;
}
h3, h4, h5, h6 {
    border-bottom: medium 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;
}

div#footer {
    background-image: none;
}

div#footer ul li {
    color: #FFFFFF;
}

h4.mw-specialpagesgroup {
    background-color: #202219;
    border-left: 1px solid #36372e;
    border-right: 1px solid #36372e;
    border-top: 1px solid #36372e;
    margin: 0.3em 0 0;
    padding: 2px;
}

#preferences {
    background-color: #202219;
    background-image: none;
    border: 1px solid #36372e;
    clear: both;
    float: left;
    margin: -2px 0 0;
    width: 100%;
}

#preferences fieldset.prefsection fieldset {
    background-color: #434539;
}

#preftoc li.selected a {
    background-image: none;
    color: #FFFFFF;
    text-decoration: none;
}

#preftoc {
    background-image: none;
}

#preftoc a, #preftoc a:active {
    background-image: none;
    color: #ccd0b1;
}

#preftoc li {
    background-image: none;
}

#preferences legend {
    color: #DDDDDD;
}

#preferences td.htmlform-tip {
    color: #DDDDDD;
}

.catlinks {
    background-color: #202219;
    border: 1px solid #36372e;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
}

.mw-warning {
    background-color: #282828;
    margin-left: 50px;
    margin-right: 50px;
    text-align: center;
}

#toc, .toc, .mw-warning {
    background-color: #202219;
    border: 1px solid #36372e;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    font-size: 95%;
    padding: 5px;
}

#toc h2, .toc h2 {
    border: medium none;
    display: inline;
    font-size: 100%;
    font-weight: bold;
    padding: 0;
}

#toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
    text-align: center;
}

#toc ul, .toc ul {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
}

#toc ul ul, .toc ul ul {
    margin: 0 0 0 2em;
}

#toc .toctoggle, .toc .toctoggle {
    font-size: 94%;
}

ul#filetoc {
    background-color: #202020;
    border: 1px solid #36372e;
}

div.thumb {
    background-color: transparent;
    border-color: transparent;
}

div.thumbinner {
    background-color: #202020;
    border: 1px solid #36372e;
}

li.gallerybox {
    background-color: transparent;
    border: 2px solid #36372e;
    display: -moz-inline-box;
    vertical-align: top;
}

li.gallerybox div.thumb {
    border: 1px solid #36372e;
}

table.wikitable {
    background: none repeat scroll 0 0 #202020;
    border: 1px solid #36372e;
    border-collapse: collapse;
    margin: 1em 1em 1em 0;
    color: #FBFBF2;
}

.wikitable th {
    background: none repeat scroll 0 0 #AAB966; /*old color #434539 */
    text-align: center;
    color:black;
}

.wikitable th a:link {
    color:#626455; 
}

.wikitable th a:hover{
    color:#FBFBF2; 
}

.wikitable th, .wikitable td {
    border: 1px solid #36372e;
    padding: 0.2em;
}

.wikitable th.sub 
{
    background: none repeat scroll 0 0 #C6C793; 
    text-align: center;
    color:black;
}

.wikitable th.subsub 
{
    background: none repeat scroll 0 0 #DDDDBE; 
    text-align: center;
    color:black;
}

table.diff, td.diff-otitle, td.diff-ntitle {
    background-color: transparent;
    color: black;
}

fieldset {
    border: 1px solid #36372e;
}

table {
    color: #FBFBF2;
}

code {
    background-color: transparent;
}

pre {
    background-color: transparent;
    color: #FBFBF2;
}

.TablePager th {
    background-color: transparent;
}

.TablePager td, .TablePager tr:hover td {
    background-color: transparent;
}

div#content a.external {
    color: #BFC1B0;
}

div#content a.external:visited {
    color: #BFC1B0;
}

fieldset#mw-searchoptions {
margin: 0;
padding: 0.5em 0.75em 0.75em 0.75em !important;
border: none;
background-color: transparent;
border: 1px solid silver !important;
border-top-width: 0 !important;
}

.mw-specialpages-table {
   margin-bottom: 0;
   margin-top: 0;
}

table.mw-abuselog-details {
    background: none repeat scroll 0 0 transparent;
}

table.mw-abuselog-details th {
    background: none repeat scroll 0 0 #AAB966;
    text-align: center;
}

table.mw-abuselog-details th {
    border: 1px solid #36373E;
    padding: 0.2em;
    color: black;
}

#pagehistory li.selected {
    background-color: transparent;
}

/* Cabal II */
body.ns-190, body.ns-191 {
    background: url("http://redditpublic.com/images/0/09/Mcpublic-creative-revrev.jpg") no-repeat scroll left top #0a0c08;
    font: 1.10em corbel,"trebuchet ms",verdana,tahoma,arial,sans-serif;
    margin-right: 10px;
}

body.ns-190 #mw-head-base, body.ns-191 #mw-head-base {
    background-image: url("http://redditpublic.com/images/a/a3/Menu_bg2.png");
    background-color: transparent;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    bottom: 0;
    height: 48px;
    margin-left: 176px;
    margin-top: 45px;
}

body.ns-190 #p-personal, body.ns-191 #p-personal {
    background-color: #1b1c16;
    border: 1px solid #5e5543;
    border-radius: 0 0 10px 10px;
    margin-right: 0;
    padding-bottom: 5px !important;
    padding-right: 15px !important;
    position: absolute;
    right: 0.75em;
}

body.ns-190 #p-personal a , body.ns-191 #p-personal a {
    color: #c6b48e;
}

body.ns-190 div.vectorTabs li a, body.ns-190 div.vectorTabs li a span {
    color: #c6b48e;
    cursor: pointer;
    font-weight: bold;
    text-shadow: -1px -1px 1px black;
    text-transform: uppercase;
}

body.ns-191 div.vectorTabs li a, body.ns-191 div.vectorTabs li a span {
    color: #c6b48e;
    cursor: pointer;
    font-weight: bold;
    text-shadow: -1px -1px 1px black;
    text-transform: uppercase;
}

body.ns-190 div.vectorTabs li.selected a, 
body.ns-190 div.vectorTabs li.selected a span, 
body.ns-190 div.vectorTabs li.selected a:visited, 
body.ns-190 div.vectorTabs li.selected a:visited span {
    color: #FBFBF2;;
    font-weight: bold;
    text-decoration: none;
    text-shadow: -1px -1px 1px black;
}

body.ns-191 div.vectorTabs li.selected a, 
body.ns-191 div.vectorTabs li.selected a span, 
body.ns-191 div.vectorTabs li.selected a:visited, 
body.ns-191 div.vectorTabs li.selected a:visited span {
    color: #FBFBF2;;
    font-weight: bold;
    text-decoration: none;
    text-shadow: -1px -1px 1px black;
}

body.ns-190 div.vectorTabs li.new a, 
body.ns-190 div.vectorTabs li.new a span, 
body.ns-190 div.vectorTabs li.new a:visited, 
body.ns-190 div.vectorTabs li.new a:visited span {
    color: #c6b48e;
    font-weight: bold;
}

body.ns-191 div.vectorTabs li.new a, 
body.ns-191 div.vectorTabs li.new a span, 
body.ns-191 div.vectorTabs li.new a:visited, 
body.ns-191 div.vectorTabs li.new a:visited span {
    color: #c6b48e;
    font-weight: bold;
}

body.ns-190 div#content, body.ns-191 div#content {
    background-image: none;
    background-color: #1B1C16;
    border: 3px solid #5e5543;
    border-top: 0px solid #181818;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    color: #FBFBF2;
    margin-bottom: 1em;
    margin-top: -5px;
    padding: 0.3em 1em 1em;
}

body.ns-190 div#content a.external, body.ns-190 div#content a[href^="gopher://"] {
    color: #c6b48e;
}

body.ns-190 div#content a.extiw, body.ns-190 div#content a.extiw:active {
    color: #c6b48e;
}

body.ns-191 div#content a.external, body.ns-191 div#content a[href^="gopher://"] {
    color: #c6b48e;
}

body.ns-191 div#content a.extiw, body.ns-191 div#content a.extiw:active {
    color: #c6b48e;
}

body.ns-190 div#mw-panel {
    background: url("http://redditpublic.com/images/7/71/Black.png") repeat scroll 0 0 transparent;
    border: 3px solid #5e5543;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    line-height: 1em;
    padding: 5px;
    width: 145px;
    top: 170x
}

body.ns-190 div#mw-panel div.portal h5 {
    background: none repeat scroll 0 0 #918466;
    color: #f9feda;
}

body.ns-191 div#mw-panel {
    background: url("http://redditpublic.com/images/7/71/Black.png") repeat scroll 0 0 transparent;
    border: 3px solid #5e5543;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    line-height: 1em;
    padding: 5px;
    width: 145px;
    top: 170x
}

body.ns-191 div#mw-panel div.portal h5 {
    background: none repeat scroll 0 0 #918466;
    color: #f9feda;
}

body.ns-190 div#mw-panel div.portal div.body ul li a {
    color: #FBFBF2;
    display: block;
    font-weight: 700;
    padding: 4px 5px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

body.ns-190 div#mw-panel div.portal div.body ul li a:hover {
    background: none repeat scroll 0 0 #918466;
    color: #FBFBF2;
}

body.ns-190 div#mw-panel div.portal div.body ul li a:visited {
    color: #FBFBF2;
    display: block;
    font-weight: 700;
    padding: 4px 5px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

body.ns-191 div#mw-panel div.portal div.body ul li a {
    color: #FBFBF2;
    display: block;
    font-weight: 700;
    padding: 4px 5px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

body.ns-191 div#mw-panel div.portal div.body ul li a:hover {
    background: none repeat scroll 0 0 #918466;
    color: #FBFBF2;
}

body.ns-191 div#mw-panel div.portal div.body ul li a:visited {
    color: #FBFBF2;
    display: block;
    font-weight: 700;
    padding: 4px 5px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
/* navbox relocation, <3 azu (also infobox just because) */

/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
  border: 1px solid #524C37 !important;
  width: 100%; 
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
table.navbox a.new{
  color: #000000;
  }
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
  margin-top: -1px;            /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
  text-align: center;      /* Title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
.navbox-group {            /* Group style */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #9E8F69;     /* Background color */
}
.navbox-list {
  border-color: #9E8F69 !important;   /* Must match background color */
}
.navbox-title,
table.navbox th {
  background: #524C37 !important;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: #84734C !important;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #6F6345 !important;     /* Level 3 color */
}
.navbox-even {
  background: #C2B693 !important;     /* Even row striping */
}
.navbox-even a {
  color:#524C37 !important; /* 'even' row link color */
}
.navbox-odd {
  background: transparent; /* Odd row striping */
}
.navbox-odd a {
 color: #524C37 !important; /* odd row link color */
 }
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here    */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Tnavbar]],   */
}                          /* so they need to be the same width.         */
 
 
/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}
 
.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}
 
/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}
 
.infobox.geography  td,
.infobox.geography  th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}
table.ombox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #9E8F69 !important;
    color: #524C37 !important;
}