Difference between revisions of "MediaWiki:Vector.css"

From Carnage Racing Wiki
Jump to: navigation, search
(MediaWiki 1.24 skin fixes)
 
Line 26: Line 26:
 
     background-color: #fffef6;
 
     background-color: #fffef6;
 
     margin-right: 20px;
 
     margin-right: 20px;
     margin-left: 20px;
+
     margin-left: 25px;
 
}
 
}
  
Line 276: Line 276:
 
     border-radius: 4px;
 
     border-radius: 4px;
 
     padding-bottom: 12px;
 
     padding-bottom: 12px;
     padding-left: 5px;
+
     padding-left: 10px;
  
 
}
 
}

Latest revision as of 08:59, 31 August 2015

/* CSS placed here will affect users of the Vector skin */

/* GENERAL / GLOBAL */

h1, h2, h3, h4, h5, h6 
{
    font-variant: small-caps;
    color: #C05529;
    border-bottom: 1px solid #511B0C;
    font-family: sans-serif !important; 
}

div#mw-head div.vectorMenu > h3
{
    border-bottom: none;
}


/* MAIN */

body 
{ 
    background-image: url('/w/images/f/f5/WikiBackground.jpg'), url('/w/images/4/40/NoiseSquare.jpg');
    background-position: center top, center top;
    background-repeat: no-repeat, repeat;
    background-color: #fffef6;
    margin-right: 20px;
    margin-left: 25px;
}

div#content 
{
    background: rgba(252, 255, 255, 0.90);
    border: 1px solid #388B8F;
    color: #262719;
    background-image: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/* MAIN PAGE */

/* Hides the page title on the main page. */
body.page-Main_Page h1.firstHeading 
{ 
    display:none; 
}

/* The box containing 'Welcome to the Carnage Racing Wiki' */
#welcomeBox
{
    width: 75%;
    border: 1px solid #225456;
    margin-left: auto;
    margin-right: auto; 
    margin-bottom: 10px;
    padding: 6px; 
    height: auto;
    text-align: center;
    background-color: #388B8F;
    color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 1em;
}

#welcomeText
{
    color: white;
}

#welcomeHeader
{
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 300%; 
    font-variant:small-caps; 
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px black;
}

#welcomeText
{
    font-size: 95%;
}

.mainPageBox
{
    border: 1px solid #388B8F;
    margin: 7px; 
    padding: 6px; 
    background-color: white;
    height: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.boxHeader
{
    background: #acc952; 
    background: -moz-linear-gradient(top, #acc952 0%, #98ba32 51%, #839d20 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acc952), color-stop(51%,#98ba32), color-    stop(99%,#839d20));
    background: -webkit-linear-gradient(top, #acc952 0%,#98ba32 51%,#839d20 99%);
    background: -o-linear-gradient(top, #acc952 0%,#98ba32 51%,#839d20 99%); 
    background: -ms-linear-gradient(top, #acc952 0%,#98ba32 51%,#839d20 99%);
    background: linear-gradient(to bottom, #acc952 0%,#98ba32 51%,#839d20 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acc952', endColorstr='#839d20',GradientType=0 );
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #415500;
    margin: 0px 0px 3px 0px;
    text-align: center;
    color: #fbf9ff;
    padding: 4px;
    font-weight: bold;
    font-variant:small-caps; 
    font-size: 120%;
}

.boxFooter
{
    border: 0; 
    width: 100%; 
    margin-bottom: 3px;
    margin-top: 10px; 
    text-align:center;
    font-weight: bold;
}


.aboutBox
{
    border: 1px solid #388B8F; 
    margin: 7px; 
    padding: 6px; 
    background-color: white;
    color: black;
    height: auto;
    background-image: url('/w/images/6/6c/AboutBox.png');
    background-position: left center; 
    background-repeat: no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#aboutText
{
    padding-left: 310px;
}


div.vectorMenu h5 
{
    border-bottom: none;
}

div.vectorTabs li a 
{ 
    color: #626634;
}


/* NEWS */

.newsContent
{
   margin: 10px;
}



/* News */

.newsContent
{
   margin: 10px;
}





/* Misc */

div#mw-panel div.portal
{
    background-image: none; /* Removes the dividers from the sidebar */
}

.catlinks 
{ 
    background-color: white;
}

#p-personal 
{
    color: #161616;
}

.mw-body a.external:visited 
{ 
    color: #656c2e;
}

div#footer 
{
    background-image: none;
}

#mw-head-base 
{
    background-image: none;
}

div#content a.external 
{
    color: #737B30;
}

p
{
    color: #262719;
}

li
{
    color: #262719;
}

a
{
    color: #388B8F;
} 

a:visited
{
    color: #388B8F;
}

a.external:visited 
{
    color: #388B8F;
}

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

#mw-head-base 
{
    background: transparent;
}

#p-logo 
{
    background: transparent;
}


div#mw-panel 
{
    background: rgba(252, 255, 255, 0.90);
    margin: 0 10px 0 12px;
    background-image: none;
    border: 1px solid #388B8F;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-bottom: 12px;
    padding-left: 10px;

}

div.vectorMenu li a 
{
    color: #262719;
}



div#mw-panel div.portal div.body ul li a 
{
    color: #262719;
}

div#mw-panel div.portal div.body ul li a:visited 
{
    color: #3d3f26;
}

div#mw-panel div.portal h5 
{
    color: #C05529;
    font-weight: bold;
    font-size: 105%;
}

div#footer ul li 
{ 
    color: #eaeaea;
    font-size: 0.7em;
    margin: 0px;
    padding: 0.5em 0px;
}


/* NAVBOX */

.navbox 
{ 
    background-color: white; 
    border-collapse: collapse;
    border: 1px solid #388B8F; 
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    text-align: center;  
    width: 80%;
}

.navbox td {
    padding: 4px;
    border: 1px solid #415500;
    text-align: center;
}

.navbox th {
    background: #acc952; 
    background: -moz-linear-gradient(top, #acc952 0%, #98ba32 51%, #839d20 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acc952), color-stop(51%,#98ba32), color-    stop(99%,#839d20));
    background: -webkit-linear-gradient(top, #acc952 0%,#98ba32 51%,#839d20 99%);
    background: -o-linear-gradient(top, #acc952 0%,#98ba32 51%,#839d20 99%); 
    background: -ms-linear-gradient(top, #acc952 0%,#98ba32 51%,#839d20 99%);
    background: linear-gradient(to bottom, #acc952 0%,#98ba32 51%,#839d20 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acc952', endColorstr='#839d20',GradientType=0 );
    border: 1px solid #415500;
    margin: 0px 0px 3px 0px;
    text-align: center;
    color: #fbf9ff;
    padding: 4px;
    font-weight: bold;
    font-variant:small-caps; 
    font-size: 120%;
}

.navbox th a:visited {
    color: #fbf9ff !important;
}

.navbox th a {
    color: #fbf9ff !important;
}

.navboxheader {
    color: #fbf9ff; !important
}

/* INFOBOX */

.infobox 
{ 
    background-color: white; 
    border-collapse:collapse;
    border: 1px solid #C05529; 
    margin: 10px;
    float:right; 
    clear:right; 
    width: 400px;
}

.infobox tr {
   border: 1px solid #C05529;
}

.infobox td {
   padding: 4px;
}

.infobox th {
    background-color: #C05529;
    color: white;
    font-weight: bold; font-size: 115%;
    font-variant:small-caps;
    border: 1px solid #C05529;
}

/* PERSONAL LINKS */

#p-personal { 
    background: rgba(252, 255, 255, 0.90);
    border: 1px solid #388B8F;
    color: #262719;
    background-image: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 4px;
    margin-right: 8px;
    padding: 5px;
    padding-right: 12px;
}

#p-personal li { 
    #margin-left: 0.75em;
    margin-top: 0px;
}

#pt-createaccount {
    font-weight:bold;
}

/* POLL */

.ajaxpoll { 
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

.ajaxpoll-id-info {
    visibility: hidden;
}

#right-navigation {
    margin-right: 5px;
}

/* TABS */

.vectorTabs 
{
    margin-left: 20px;
}


div.vectorTabs li span a, div.vectorMenu h3 span
{
    background-image: none; 
    background: #c1552f;
    background: -moz-linear-gradient(top, #c1552f 0%, #6b3322 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1552f), color-stop(99%,#6b3322));
    background: -webkit-linear-gradient(top, #c1552f 0%,#6b3322 99%);
    background: -o-linear-gradient(top, #c1552f 0%,#6b3322 99%);
    background: -ms-linear-gradient(top, #c1552f 0%,#6b3322 99%);
    background: linear-gradient(to bottom, #c1552f 0%,#6b3322 99%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1552f', endColorstr='#6b3322',GradientType=0 );
    border: 1px solid #511B0C;
    border-radius: 4px 4px 4px 4px;
    color: white;
    font-weight: bold;
    padding: 2px 10px;
    margin: 0 3px 0 3px;
    height: 19px;
    text-align: center;
}

div.vectorTabs {
    background-image: none;
    height: 30px;
    margin-top: 8px;
}


div.vectorMenu:hover, div.vectorMenu.va-hover-active, div.vectorTabs ul li:hover, div.vectorTabs ul li.selected, div.vectorTabs ul li.selected:hover, div.vectorTabs ul li, div.vectorTabs span, div.vectorTabs, div.vectorTabs ul, div.vectorTabs li a  {
    background-image: none;
    background-color: transparent;
}

#ca-unwatch.icon a, #ca-watch.icon a  {
    border: none;
    background-position: 5px 0px;
}

div#mw-head div.vectorMenu h3 {
background-image: none;
background-color: transparent;
}


div#mw-head h3 {
margin-top: 8px;
}

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


#ca-watch, #ca-unwatch
{
    background-image: none; 
    background: #c1552f;
    background: -moz-linear-gradient(top, #c1552f 0%, #6b3322 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1552f), color-stop(99%,#6b3322));
    background: -webkit-linear-gradient(top, #c1552f 0%,#6b3322 99%);
    background: -o-linear-gradient(top, #c1552f 0%,#6b3322 99%);
    background: -ms-linear-gradient(top, #c1552f 0%,#6b3322 99%);
    background: linear-gradient(to bottom, #c1552f 0%,#6b3322 99%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1552f', endColorstr='#6b3322',GradientType=0 );
    border: 1px solid #511B0C;
    border-radius: 4px 4px 4px 4px;
    color: white;
    font-weight: bold;
    padding: 2px 10px;
    margin: 0 3px 0 3px;
    height: 19px;
    text-align: center;
}


#ca-unwatch.icon a.loading, #ca-watch.icon a.loading
{
    -webkit-animation: none;
    background-position: 5px 0px;
}


div.vectorTabs li a, div.vectorTabs li a span, div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a:hover, div.vectorTabs li a:hover span {
    color: white;
    font-weight: bold;
}


div.vectorTabs li.new a {
    color: #FFBABA !important;
}