Difference between revisions of "MediaWiki:Common.css"

Revision as of 08:21, 30 May 2014

/* CSS placed here will be applied to all skins */

/* ----- BEGIN n1sK's CSS, please do not touch or ask me first before editing.-----*/

a.test1 {
display:block;
background:url(https://wiki.worldoftanks.com/images/8/8a/Untitled.gif) top no-repeat;
width:127px;
height:35px;
text-decoration:none;
margin:10px auto; /* just to make it centered */
}
a.test1:hover {
background-position:bottom;
}
a.test1 span {
visibility:hidden;
}
test1 {
display:block;
background:url(https://wiki.worldoftanks.com/images/8/8a/Untitled.gif) top no-repeat;
width:127px;
height:35px;
text-decoration:none;
margin:10px auto; /* just to make it centered */
}
test1:hover {
background-position:bottom;
}
test1 span {
visibility:hidden;
}
/*currently using in-page for easier development work*/

/* ----- END n1sK's CSS edits, feel free to edit below.-----*/

/* ----- BEGIN SiberianExpress's CSS, please do not touch or ask me first before editing.-----*/

span.wideList {margin-bottom: 1em;}
span.wideList .lvl1 li {margin-bottom:15px;}
span.wideList .lvl1{list-style-image:none;list-style-type:none;display:table;text-align: center;}
span.wideList .lvl1 li{float: left;margin-right:20px;}

#verticalTable{overflow-x:auto;}
#verticalTable table th{padding:0px 4px;text-align:center;}
#verticalTable table td{padding:0px 4px;text-align:center;}
#verticalTable table th:nth-child(odd),
#verticalTable table td:nth-child(odd){background-color:rgba(255,255,255,0.06)}
#verticalTable table th:nth-child(even),
#verticalTable table td:nth-child(even){background-color:rgba(0,0,0,0.06)}
/*#verticalTable th p{-o-transform: rotate(90deg);}*/

#MainPage h3{color:#000000;border-bottom:1px solid #632707;padding:5px;margin-bottom:8px}

#Panel{clear:left;border:red 1px solid;margin-right:0%;padding:5px 6px 5px;margin-bottom:3px;border-radius: 15px;overflow-x:auto}
#Panel .error{color:red;font-size:inherit;}
#Panel .spacer{background-color:inherit}

#Panel .ammoAP{background-clip: border-box;background-color: transparent;background-image: url("https://wikicdn.wargaming.net/images/c/c4/SlashY20.png");background-origin: padding-box;background-position: 50% 50%;background-repeat: no-repeat;background-size: 16px;}
#Panel .ammoAPCR{background-clip: border-box;background-color: transparent;background-image: url("https://wikicdn.wargaming.net/images/6/66/SlashB20.png");background-origin: padding-box;background-position: 50% 50%;background-repeat: no-repeat;background-size: 16px;}
#Panel .ammoHE{background-clip: border-box;background-color: transparent;background-image: url("https://wikicdn.wargaming.net/images/c/cc/SlashR20.png");background-origin: padding-box;background-position: 50% 50%;background-repeat: no-repeat;background-size: 16px;}
#Panel .ammoHEAT{background-clip: border-box;background-color: transparent;background-image: url("https://wikicdn.wargaming.net/images/8/8c/SlashO20.png");background-origin: padding-box;background-position: 50% 50%;background-repeat: no-repeat;background-size: 16px;}
#Panel .ammoHEp{background-clip: border-box;background-color: transparent;background-image: url("https://wikicdn.wargaming.net/images/5/53/SlashP20.png");background-origin: padding-box;background-position: 50% 50%;background-repeat: no-repeat;background-size: 16px;}


#Panel.OffSiteLinks{border:#f2dfce 1px solid;background-color:#fffaf5;margin-right:0%}
#Panel.OffSiteLinks h3{color:#8f7259;border-bottom:1px solid #8f7259;padding:5px;margin-bottom:8px}

#Panel.Content{border:#cdcabf 1px solid;background-color:#f7f6f4;margin-right:0%;margin-top:12px;margin-bottom:12px;overflow-x:auto}
#Panel.Content h3{color:#837365;border-bottom:1px solid #B2A79A;padding:5px;margin-bottom:8px}
#Panel.Content h2{color:#837365;border-bottom:1px solid #B2A79A;padding:5px;margin-bottom:8px;font-size: 120%;}
#Panel.Content a img{border:#34342c none 1px;opacity:1;}
#Panel.Content .border img{border-style:solid;}
#Panel.Content .frame img{border:1px solid #cccccc;padding:4px}
#Panel.Content .frame img:hover{border:1px solid #cccccc;padding:4px}
#Panel.Content .shadow img{box-shadow: 5px 5px 5px #ccc;}
#Panel.Content .NavFrame .NavHead .title{color:#837365; margin:0 0 8 0; padding:5px; font-size: 132%; font-weight:700;}
#Panel.Content .NavFrame .NavHead a{float:right;color: rgba(131, 115, 101, 0.8039);border-radius:15px;border-top:none;border-bottom:none;border-left:solid 1px;border-right:solid 1px;padding:1px 4px}
#Panel.Content .NavFrame .NavContent{border-top-color:#b2a79a; border-top-style:solid; border-top-width:1px;padding-top:6px}
#Panel.Content table{overflow-x:auto;text-align:center;}

#Panel.Gallery{border:#cdcabf 1px solid;background-color:#f7f6f4;margin-right:0%;margin-top:12px;margin-bottom:12px;overflow-x:auto}
#Panel.Gallery img{border:1px solid #cccccc;padding:4px}
#Panel.Gallery .NavFrame .NavHead .title{color:#837365; margin:0 0 8 0; padding:5px; font-size: 132%; font-weight:700;}
#Panel.Gallery .NavFrame .NavHead a{float:right;color: rgba(131, 115, 101, 0.8039);border-radius:15px;border-top:none;border-bottom:none;border-left:solid 1px;border-right:solid 1px;padding:1px 4px}
#Panel.Gallery .NavFrame .NavContent{border-top-color:#b2a79a; border-top-style:solid; border-top-width:1px;padding-top:6px}

#Panel.Title{border:#cdcabf 1px solid;background-color:#f7f6f4;margin-right:0%;margin-top:12px;margin-bottom:12px;font-family:Georgia, serif;font-size:13px;min-height:120px;}
#Panel.Title img{margin-top:5px;}
#Panel.Title div.thumb{margin:0px;border-style:none;float:none;clear:none;display:inline-block;padding:4px}
#Panel.Title div.thumbinner{background-color: #ffffff;border-color:#a09c8b;}

#Panel.VersionCompact{border:#2f2b28 1px solid;background-color:#EDEEF1;padding-left:10px;margin-right:0%;margin-top:-8px;float:right;clear:right}
#Panel.VersionCompact h3{color:#837365;border-bottom:1px solid #B2A79A;padding:5px;margin-bottom:8px}
#Panel.VersionCompact table{border-style:none;background-color:#EDEEF1}
#Panel.VersionCompact .closed{color:red}
#Panel.VersionCompact .cbt{color:orange}
#Panel.VersionCompact .beta{color:#ffb600}
#Panel.VersionCompact .live{color:green}
#Panel.VersionCompact p{margin-bottom:0px;margin-top:0px}

#Panel.Tank{clear:right;float:right;border:#cdcabf 1px solid;background-color:#f7f6f4;padding:3px;margin-bottom:0.5em;margin-left:1em;margin-right:0px;margin-top:0;font-size:88%;max-width:232px;width:232px}
#Panel.Tank table{border-color:#cdcabf;border-style:none;border-width:0px;margin:0px;padding:0px;border-spacing:0px;background-color:#f7f6f4;text-indent:8px;width:100%}
#Panel.Tank tr{padding:0px;border-color:#cdcabf;border-style:solid;border-width:0px;height:4px}
#Panel.Tank td{padding:0px;border-color:#cdcabf;border-style:none;border-width:0px;height:4px}
#Panel.Tank td:hover{background-color:#d5d2c7}
#Panel.Tank .spacer{background-color:#f7f6f4}
#Panel.Tank .spacer:hover{background-color:#f7f6f4}
#Panel.Tank th{background-color:#c4c0b1;text-align:left;padding:0px;height:4px;width:50%}
#Panel.Tank h3{color:#34342c;font-size:125%;text-align:center;padding:0px;margin:0px;font-weight:bold;background-color:#a29c84;border-top-left-radius:12px;border-top-right-radius:12px;}
#Panel.Tank h5{font-size:100%;text-align:center;Padding:0px;margn:0px;font-weight:normal;background-color:#a29c84}
#Panel.Tank img{margin:0px;padding:0px}
#Panel.Tank .designation{text-align:center}
#Panel.Tank .designationPrem{text-align:center;background-color: rgba(255, 192, 0, 0.6);}
#Panel.Tank .NTC{width:100%;align:center;background-color:#a29c84;text-indent:0px}
#Panel.Tank .NTC td{border-color:white;border-width:0px;border-style:none;text-align:center;width:33%}
#Panel.Tank .note{width:100%;align:center;background-color:#a29c84;text-align:center;text-indent:0px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;}

#Panel.Modules{border:#b2a79a 1px solid;background-color:#f7f6f4;margin-right: 248px;overflow-x:auto}
#Panel.Modules h3{color:#837365;border-bottom:1px solid #B2A79A;padding:5px;margin-bottom:8px}
#Panel.Modules table{margin:3px;padding:0px;width:100%}
#Panel.Modules td{padding-left:0px;padding-right:0px}
#Panel.Modules hr{background:#b2a79a}
#Panel.Modules .moduleTable{border-spacing:0px;padding:0 14}
#Panel.Modules .moduleTable tr:hover{background-color:#d5d2c7}
#Panel.Modules .moduletitlebar{color:gray;font-size:75%}
#Panel.Modules .moduleTable .moduletitlebar:hover{background-color:transparent}


#Panel.ModuleList{border:#a09c8b 1px solid;background-color:#edeef1;margin-right:0px}
#Panel.ModuleList h3{color:#837365;border-bottom:1px solid #B2A79A;padding:5px;margin-bottom:8px}
#Panel.ModuleList table{border-style:none;border-width:0px;margin:0px;padding:0px;border-spacing:0px;text-indent:8px;width:100%}
#Panel.ModuleList hr{background:#edeef1}
#Panel.ModuleList tr:hover{background-color:#D1DEE8}
#Panel.ModuleList .titlebar:hover{background-color:transparent}


#Panel.History{border:#cdcabf 1px solid;background-color:#f7f6f4;margin-right:0%;margin-top:12px;margin-bottom:12px;font-family:Georgia, serif;font-size:13px;min-height:120px;}
#Panel.Content h3{color:#837365;border-bottom:1px solid #B2A79A;padding:5px;margin-bottom:8px}
#Panel.Content h2{color:#837365;border-bottom:1px solid #B2A79A;padding:5px;margin-bottom:8px;font-size: 120%;}
#Panel.History table{margin:10px}
#Panel.History p img{border:1px solid #cccccc;padding:4px}
#Panel.History div.thumb{border-style:none}


#Map.mapBox{height:235px}
#Map.mapBox .screen{height:170px;float:left;width:200px;}
#Map h2{border-bottom-style:none;margin-bottom:0px;padding-left:0px;font-size:200%;font-family:"Times New Roman", Times, serif;text-align:center}
#Map div.thumb{border-style:none;}
#Map div.thumbinner{background-color:transparent;}
#Map p{padding-top:32px;padding-left:20px;margin-left:200px;margin-right:202px}

#achievement{min-height:78px;margin-top:3px;margin-bottom:3px;border-bottom-color: #bec0cb;border-bottom-style:solid;border-bottom-width: 1px;}


/* begin Snib's fun stuff */
.wiki_tooltip {display:inline-block}
.wiki_tooltip span.tooltip_brown,.wiki_tooltip span.tooltip_blue{display:none;}
.wiki_tooltip:hover{text-decoration:none;} 
.wiki_tooltip:hover span.tooltip_brown,.wiki_tooltip:hover span.tooltip_blue{display:inline; padding: 5px;position:absolute; overflow:auto;max-width:300px;z-index:1;}
.wiki_tooltip:hover span.tooltip_blue{border:2px ridge #CECEF3; background:#f5f5ff;}
.wiki_tooltip:hover span.tooltip_brown{border:2px ridge #F2E6CE; background:#FFFCF5;}
.top{display:none}
.flag img{margin:0 !important;}
.flag .floatleft{background-repeat:no-repeat;margin-top: 5px;border-radius: 10px;}
.flagUK .floatleft{background-image:url('https://wikicdn.wargaming.net/images/f/f2/Flag_britain.png');}
.flagChina .floatleft{background-image:url('https://wikicdn.wargaming.net/images/6/64/Flag_china.png');}
.flagFrance .floatleft{background-image:url('https://wikicdn.wargaming.net/images/9/96/Flag_france.png');}
.flagGermany .floatleft{background-image:url('https://wikicdn.wargaming.net/images/d/d2/Flag_germany.png');}
.flagUSA .floatleft{background-image:url('https://wikicdn.wargaming.net/images/f/f8/Flag_usa.png');}
.flagUSSR .floatleft{background-image:url('https://wikicdn.wargaming.net/images/7/78/Flag_ussr.png');}
#history {text-align:justify;}
/* end Snib's fun stuff */

/* flags on the ships main page */
.main-flags { padding-top: 20px; }
.main-flags td { width: 14.28%; text-align: center; }
.main-flags span { margin-bottom: 5px; }
.main-flags a, .main-vehicletypes a { color: #436373; }

.wot-frame-1 { clear: left; margin-bottom: 1em; padding: 8px 10px; position: relative; overflow-x: auto; border: 1px solid #DDDDDD;  background: none repeat scroll 0 0 rgba(249, 249, 249, 0.6) !important; border-radius: 4px; box-shadow: 1px 0 5px -3px #BBBBBB, -1px 0 8px -4px #BBBBBB; }