MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
(Saving) |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ |
/* CSS placed here will affect users of the Vector skin */ |
||
/* THIS PAGE IS (UNIQUELY TO THIS WIKI) UNDER A CC BY-NC-SA 3.0 LICENSE (instead of 4.0). */ |
|||
/* Body Styling */ |
/* Body Styling */ |
||
Line 81: | Line 83: | ||
/* Mediawiki page tabs */ |
/* Mediawiki page tabs */ |
||
#mw-head |
#mw-head .vectorMenu h3, .vectorTabs ul, .vectorTabs li.selected, .vectorTabs ul li, .vectorTabs, .vectorTabs span { |
||
background:none; |
background:none; |
||
} |
} |
||
.vectorTabs li a { |
|||
color: #B7D2FF; |
color: #B7D2FF; |
||
} |
} |
||
.vectorTabs li.new a, .vectorTabs li.new a:visited, .vectorMenu h3 span { |
|||
color: #99BFFF; |
color: #99BFFF; |
||
} |
} |
||
.vectorTabs li.selected a, .vectorTabs li.selected a:visited { |
|||
color: #C6DBFF; |
color: #C6DBFF; |
||
} |
} |
||
.vectorMenu .menu { |
|||
background-color: rgba(30, 17, 102, 0.67); |
background-color: rgba(30, 17, 102, 0.67); |
||
} |
} |
||
.vectorMenu .menu a { |
|||
color: #C6DBFF; |
color: #C6DBFF; |
||
} |
} |
||
Line 240: | Line 242: | ||
} |
} |
||
/* Season Schedule Table Styling */ |
|||
#scheduletable { |
|||
margin-bottom:-19px; |
|||
width:100%; |
|||
} |
|||
#seasontable { |
|||
border:1px solid rgb(132,174,236); |
|||
padding:5px; |
|||
border-radius:11px; |
|||
margin-top:15px; |
|||
width:100%; |
|||
} |
|||
#seasontable th { |
|||
text-align: center; |
|||
border-color: #007448; |
|||
box-shadow: 0px 1px rgba(0, 0, 0, 0.3); |
|||
color: white; |
|||
text-shadow: 0px 2px #00321f; |
|||
} |
|||
table.springtable th { |
|||
background-color: Pink; |
|||
} |
|||
table.summertable th { |
|||
background-color: Green; |
|||
} |
|||
table.falltable th { |
|||
background-color: Orange; |
|||
} |
|||
table.wintertable th { |
|||
background-color: Lightblue; |
|||
} |
|||
/* Infobox Styling */ |
/* Infobox Styling */ |
||
Line 295: | Line 259: | ||
#infoboxsection { |
#infoboxsection { |
||
background-color:# |
background-color:#C133BD; |
||
vertical-align:top; |
vertical-align:top; |
||
padding-left:15px; |
padding-left:15px; |
||
padding-right:5px; |
padding-right:5px; |
||
width:105px; |
width:105px; |
||
border-color:# |
border-color:#650048; |
||
box-shadow: 0px 1px rgba(0,0,0,0.3); |
box-shadow: 0px 1px rgba(0,0,0,0.3); |
||
color: white; |
color: white; |
||
Line 327: | Line 291: | ||
#infoboxsep { |
#infoboxsep { |
||
text-align:center; |
text-align:center; |
||
background-color:# |
background-color:#C133BD; |
||
vertical-align:top; |
vertical-align:top; |
||
border-color:# |
border-color:#650048; |
||
box-shadow: 0px 1px rgba(0,0,0,0.3); |
box-shadow: 0px 1px rgba(0,0,0,0.3); |
||
color: white; |
color: white; |
||
Line 354: | Line 318: | ||
} |
} |
||
/* Gallery Styling */ |
|||
.villagergallery a { |
|||
font-size:120%; |
|||
} |
|||
.villagergallery img { |
|||
width:128px; |
|||
height:128px; |
|||
} |
|||
.portraitgallery { |
|||
text-align:left !important; |
|||
} |
|||
.portraitgallery img { |
|||
width:128px; |
|||
height:128px; |
|||
} |
|||
/* Template Styling */ |
|||
/* Object Quality Stars */ |
|||
#qualitycontainer { |
|||
position:relative; |
|||
height:48px; |
|||
width:48px; |
|||
text-align:left; |
|||
} |
|||
#qualitycontainermed { |
|||
position:relative; |
|||
height:32px; |
|||
width:32px; |
|||
text-align:left; |
|||
} |
|||
#qualitycontainersm { |
|||
position:relative; |
|||
height:24px; |
|||
width:24px; |
|||
text-align:left; |
|||
} |
|||
#qualitycontainer div.qualityindicator { |
|||
text-align:left; |
|||
} |
|||
#qualitycontainermed div.qualityindicator { |
|||
text-align:left; |
|||
} |
|||
#qualitycontainersm div.qualityindicator { |
|||
text-align:left; |
|||
} |
|||
#qualityimage img { |
|||
position:absolute; |
|||
} |
|||
#qualityimage p { |
|||
margin:0px; |
|||
} |
|||
#recipeimage p { |
|||
margin:0px; |
|||
} |
|||
#recipeimage img { |
|||
position:absolute; |
|||
opacity:0.6; |
|||
max-height: 48px; |
|||
width: auto; |
|||
} |
|||
/* Quality Pricing */ |
|||
div.qualitycontainerprice { |
|||
margin-top: -7px; |
|||
padding-right:12px; |
|||
} |
|||
div.qualitycontainerprice span { |
|||
padding-left: 20px; |
|||
} |
|||
div.qualitycontainerprice img { |
|||
position: absolute; |
|||
margin-top:2px; |
|||
} |
|||
#qualityprice { |
|||
margin-top:-11px; |
|||
} |
|||
.no-wrap { |
|||
white-space: nowrap; |
|||
} |
|||
/* Talk Page Headers */ |
/* Talk Page Headers */ |
||
#talkheadertitle { |
#talkheadertitle { |
||
background-color: # |
background-color: #C133BD; |
||
text-align: center; |
text-align: center; |
||
color: white; |
color: white; |
||
Line 474: | Line 343: | ||
} |
} |
||
/* Skill page tables */ |
|||
#skilltable { |
|||
width:100%; |
|||
} |
|||
#skilltable th { |
|||
width:18%; |
|||
} |
|||
th.skilltableend { |
|||
width:28% !important; |
|||
} |
|||
td.skillsubheaderten { |
|||
width:14% !important; |
|||
text-align: center; |
|||
font-size: 12px; |
|||
background-color: rgba(255, 255, 255, 0.79); |
|||
} |
|||
#skilltable td { |
|||
vertical-align:top; |
|||
} |
|||
.skillsubheader { |
|||
text-align: center; |
|||
font-size: 12px; |
|||
background-color: rgba(255, 255, 255, 0.79); |
|||
} |
|||
/* Map Template */ |
|||
#mapcontainer { |
|||
position:relative; |
|||
} |
|||
#maplocation { |
|||
position:absolute; |
|||
} |
|||
/* Calendar Template */ |
|||
#calendar { |
|||
position:relative; |
|||
width:481px; |
|||
height:337px; |
|||
float:right; |
|||
} |
|||
#calendar img { |
|||
position:absolute; |
|||
} |
|||
#calendartable { |
|||
position: absolute; |
|||
margin: 64px 14px 0px 16px; |
|||
border-collapse: collapse; |
|||
display: block; |
|||
} |
|||
#calendartable td { |
|||
width: 60px; |
|||
height: 59px; |
|||
border-style: solid; |
|||
} |
|||
#calendartable a { |
|||
width: 100%; |
|||
height: 100%; |
|||
display:block; |
|||
font-size:0px; |
|||
} |
|||
#calendartable a:hover { |
|||
border-style:solid; |
|||
border-color:blue; |
|||
border-width:3px; |
|||
box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
-webkit-box-sizing: border-box; |
|||
} |
|||
/* Copyright Templates */ |
|||
#c-fairuse { |
|||
padding:10px; |
|||
max-width:700px; |
|||
margin: 0px auto; |
|||
border: 1px solid #8DCAF0; |
|||
background-color: rgba(255, 255, 255, 0.58); |
|||
} |
|||
#c-fairuse td { |
|||
vertical-align:middle; |
|||
} |
|||
/* Alert Templates */ |
/* Alert Templates */ |