Difference between revisions of "MediaWiki:Common.css"

Revision as of 08:03, 2 July 2014

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

html, body {color: #000000;}

/* ----- 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;}

/*Links*/

.mw-content-ltr a, .mw-content-rtl .mw-content-ltr a, .action-edit a { color: #3131b6; }
.action-edit .b-global a { color: #3131b6; }
a.new { color: #ed0000 !important;}
.selflink { color:#000000; }

.b-orange { color: #CE5C09 !important; }
.b-darklink, .b-art-list_text a { color: #436373 !important; }

/* 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-panel, .wot-frame-1 {
  clear: left;
  margin-bottom: 1em;
  padding: 8px 10px;
  position: relative;
  overflow-x: auto;
}

.wot-frame-1 {
  margin-bottom: 2em; 
  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;
}


/* Tanks List */
.t-tech-ok span { font-size: 12px; color: #757575; white-space: nowrap; }
.t-tech-ok span b { color: #383838; }
.t-tech-ok span a { color: #436373; }
.b-tech-nav + .b-tech-nav { margin-top: -20px; }

/* Popup */

.b-popup {
  background: none repeat scroll 0 0 rgba(249, 249, 249, 0.6);
  border-top: 1px solid #f7f7f7;
  border-radius: 4px;
  box-shadow: 1px 0 5px -3px #bbbbbb, -1px 0 8px -4px #bbbbbb;  
  overflow: hidden;
  margin: 16px 0;
}
.b-popup .b-popup_head {
  border-color: rgba(206, 206, 206, 0);
  border-image: none;
  border-style: none solid;
  border-width: medium 1px;
  box-shadow: 0 0 0 1px rgba(248, 248, 248, 0.1) inset;
  cursor: pointer;
  padding: 10px;
  position: relative;
  transition: all 0.2s ease 0s;
}
.b-popup .b-popup_content:before, .b-popup .b-popup_content:after {
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
  content: "";
  display: block;
  height: 1px;
}
.b-popup .b-popup_content:after {
  margin: -1px 0 0;
}
.b-popup .b-popup_content {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.02);
  overflow: hidden;
}
.b-popup .b-popup_content > div {margin: 10px;}
.b-popup_head > div *:first-child {margin: 0;}

#modulesBlockChange { font-family: arial; padding-left: 25px; }

/* switcher */

.center .thumb .switcherInner {display: inline-block;}
.switcherFrame {overflow:hidden; padding:0px; margin:0px; background-image:url("https://wiki.worldoftanks.ru/uploads/e/e3/None.png"); background-repeat:repeat; background-position:0% 0%;}
.thumbinner .switcherFrame {text-align:center; background-position:50% 0%; background-repeat:no-repeat}
.switcherFrame .subSwitcher {display: none; padding:0px; margin:0px;}
.switcherFrame .subSwitcherBackground {display:none;}
.switcherControlButton, .switcherCtrlBtn {
  display:inline-block; color: #436373; font-size: 11px; padding: 1px 5px; cursor: pointer; border: 1px solid transparent;
}
.switcherControlButton span, .switcherCtrlBtn span {
  border-bottom: 1px dashed;
}
.switcherControlButton.active span, .switcherCtrlBtn.active span {
  border-bottom: none;
}
.switcherControlButton:hover, .switcherCtrlBtn:hover {color: #296B8C;}
.switcherControlButton.active, .switcherCtrlBtn.active {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAdCAYAAABrAQZpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD1JREFUeNpsjdsJADAIA6PLdz0nMtViH0L9kMsFFGY2VESojEmCAvAkT6q4HXu71s+9RaOK8eze43GcAgwAIO4mEwgOuuAAAAAASUVORK5CYII=") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 1px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2) inset;
  height: 19px;
  color: #383838;
  padding-top: 0;
}