MediaWiki:Common.css

Материал из Rust Wikipedia

Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
  • Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
  • Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
  • Opera: Выберите очистку кэша в меню Инструменты → Настройки
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.nodesctop{display: none !important;}
.craft_grid{
	background: #282828;
	position: relative;
	padding-right: 160px; 
	min-width: 64px;
	min-height:96px;
	margin-right:15px;
	margin-top: 10px;
}
.craft_grid .grid {
  text-transform: lowercase;
}
.gr_item{
	width: 26px;
	height: 26px;
	padding: 3px;
	border: 1px solid #4681b0;
	background: #111111;
	box-shadow: inset 0 0 3px 0 #000;
	position: absolute;
	z-index: 130;
}

.craft_desc{
	position: absolute;
	left: -1px;
	top: -1px;
	bottom: -1px;
	display: none;
	padding: 3px;
	border: 1px solid #4681b0;
	background: #111111;
	white-space: nowrap;
	z-index:140;
	padding-left:32px ;
	box-shadow: 0 0 3px 0 #000
}
.craft_desc img{
display:none;}
.craft_desc a img{
/*
	position: absolute;
	width: 26px;
	height: 26px;
	left: 3px;
	top: 3px;
*/
}
.craft_desc span{
	line-height: 26px;
	vertical-align: top;
}
.gr_item:hover{z-index:189}
.gr_item:hover .craft_desc{display: block;}


.craft_grid.w3h5{
	width: 96px;
	height: 160px;
}
.grid_1x1{
	width: 96px;
	height: 160px;
	background: #3a3a3a;
	position: relative;
}


.craft_grid.w3h7{
	width: 96px;
	height: 224px;
}
.grid_1x1x1{
	width: 96px;
	height: 224px;
	background: #3a3a3a;
	position: relative;
}


.craft_grid.w7h5{}
.grid_1x2,
.grid_1x3{
	width: 224px;
	height: 160px;
	background: #3a3a3a;
	position: relative;
}

.craft_grid.w7h7{}
.small_img_16px  img,.img_size_16px  img{min-width:16px !important;max-width: 16px !important;height: auto !important}
.small_img_32px  img,.img_size_32px  img{min-width:32px !important;max-width: 32px !important;height: auto !important}
.small_img_48px  img,.img_size_48px  img{min-width:32px !important;max-width: 48px !important;height: auto !important}
.small_img_64px  img,.img_size_64px  img{min-width:48px !important;max-width: 64px !important;height: auto !important}
.small_img_128px img,.img_size_128px img{min-width:64px !important;max-width:128px !important;height: auto !important}
.small_img_256px img,.img_size_256px img{min-width:64px !important;max-width:256px !important;height: auto !important}

.grid.w0, .craft_grid.w0 {width:0}
.grid.w1, .craft_grid.w1 {width:32px}
.grid.w2, .craft_grid.w2 {width:64px}
.grid.w3, .craft_grid.w3 {width:96px}
.grid.w4, .craft_grid.w4 {width:128px}
.grid.w5, .craft_grid.w5 {width:160px}
.grid.w6, .craft_grid.w6 {width:192px}
.grid.w7, .craft_grid.w7 {width:224px}
.grid.w8, .craft_grid.w8 {width:256px}
.grid.w9, .craft_grid.w9 {width:288px}
.grid.w10,.craft_grid.w10{width:320px}
.grid.w11,.craft_grid.w11{width:352px}
.grid.w12,.craft_grid.w12{width:384px}
.grid.w13,.craft_grid.w13{width:416px}
.grid.w14,.craft_grid.w14{width:448px}
.grid.w15,.craft_grid.w15{width:480px}
.grid.w15,.craft_grid.w16{width:512px}
.grid.w15,.craft_grid.w17{width:544px}
.grid.w15,.craft_grid.w18{width:576px}
.grid.w15,.craft_grid.w19{width:608px}
.grid.w15,.craft_grid.w20{width:640px}
.grid.w15,.craft_grid.w21{width:672px}
.grid.w15,.craft_grid.w22{width:704px}

.grid.h0, .craft_grid.h0 {height:0}
.grid.h1, .craft_grid.h1 {height:32px}
.grid.h2, .craft_grid.h2 {height:64px}
.grid.h3, .craft_grid.h3 {height:96px}
.grid.h4, .craft_grid.h4 {height:128px}
.grid.h5, .craft_grid.h5 {height:160px}
.grid.h6, .craft_grid.h6 {height:192px}
.grid.h7, .craft_grid.h7 {height:224px}
.grid.h8, .craft_grid.h8 {height:256px}
.grid.h9, .craft_grid.h9 {height:288px}
.grid.h10,.craft_grid.h10{height:320px}
.grid.h11,.craft_grid.h11{height:352px}
.grid.h12,.craft_grid.h12{height:384px}
.grid.h13,.craft_grid.h13{height:416px}
.grid.h14,.craft_grid.h14{height:448px}
.grid.h15,.craft_grid.h15{height:480px}
.grid.h15,.craft_grid.h16{height:512px}
.grid.h15,.craft_grid.h17{height:544px}
.grid.h15,.craft_grid.h18{height:576px}
.grid.h15,.craft_grid.h19{height:608px}
.grid.h15,.craft_grid.h20{height:640px}
.grid.h15,.craft_grid.h21{height:672px}
.grid.h15,.craft_grid.h22{height:704px}



.grid_1x2x2{
	width: 224px;
	height: 224px;
	background: #3a3a3a;
	position: relative;
}

.clb{clear: both;}
.grid_legend{
	position: absolute;
	top: 32px;
	right: 0;
	width: 160px;
}
.grid_legend .bl{
	height: 15px;
	margin-bottom: 5px;
	font-size: 11px;
	line-height: 15px;
	padding-left: 10px;
	vertical-align: middle;
}
.grid_legend .bl.non{border-left:1px solid #4681b0;}
.grid_legend .bl.fr{border-left:1px solid #D64242;}
.grid_legend .bl.wb{border-left:1px solid #84b046;}

.gr_item img,
.gr_item a img{width: 26px;height: 26px;z-index: 150;position: relative;}
.gr_line{
	position: absolute;
	z-index: 120;
}
.gr_line.dn{display: none;}
.gr_line.v  {height:64px; width: 1px; border-right: 1px solid #4681b0;}
.gr_line.v2 {height:128px;width: 1px; border-right: 1px solid #4681b0;}
.gr_line.v3 {height:192px;width: 1px; border-right: 1px solid #4681b0;}
.gr_line.h  {width: 64px; height:1px; border-top:   1px solid #4681b0;}
.gr_line.h2 {width: 128px;height:1px; border-top:   1px solid #4681b0;}
.gr_line.h3 {width: 192px;height:1px; border-top:   1px solid #4681b0;}
.gr_line.vhr{width: 64px; height:64px;border-top:   1px solid #4681b0;border-right:1px solid #4681b0;}
.gr_line.hvr{width: 64px; height:64px;border-bottom:1px solid #4681b0;border-right:1px solid #4681b0;}
.gr_line.vhl{width: 64px; height:64px;border-top:   1px solid #4681b0;border-left:1px solid #4681b0;}
.gr_line.hvl{width: 64px; height:64px;border-bottom:1px solid #4681b0;border-left:1px solid #4681b0;}
.gr_line.fr{border-color: #D64242 !important;}
.gr_line.wb{border-color: #84b046 !important;}
.gr_item.fr{border-color: #D64242 !important;}
.gr_item.wb{border-color: #84b046 !important;}



.gr_line.ng.v  {width:  1px;height: 64px;margin-top: -64px;margin-left:   0  ;								  border-right:1px solid #4681b0;}
.gr_line.ng.v2 {width:  1px;height:128px;margin-top:-128px;													  border-right:1px solid #4681b0;}
.gr_line.ng.v3 {width:  1px;height:192px;margin-top:-192px;													  border-right:1px solid #4681b0;}
.gr_line.ng.hl {width: 64px;height:  1px;				   margin-left: -64px;border-top:   1px solid #4681b0;}
.gr_line.ng.hl2{width:128px;height:  1px; 				   margin-left:-128px;border-top:   1px solid #4681b0;}
.gr_line.ng.hl3{width:192px;height:  1px; 				   margin-left:-192px;border-top:   1px solid #4681b0;}
.gr_line.ng.hr {width: 64px;height:  1px;				   					  border-top:   1px solid #4681b0;}
.gr_line.ng.hr2{width:128px;height:  1px; 				   					  border-top:   1px solid #4681b0;}
.gr_line.ng.hr3{width:192px;height:  1px; 				   					  border-top:   1px solid #4681b0;}
.gr_line.ng.vhr{width: 64px;height: 64px;margin-top: -64px;margin-left: -64px;border-top:   1px solid #4681b0;border-right:1px solid #4681b0;}
.gr_line.ng.hvr{width: 64px;height: 64px;margin-top:   0  ;margin-left:   0  ;border-bottom:1px solid #4681b0;border-right:1px solid #4681b0;}
.gr_line.ng.vhl{width: 64px;height: 64px;margin-top: -64px;margin-left:   0  ;border-top:   1px solid #4681b0;border-left: 1px solid #4681b0;}
.gr_line.ng.hvl{width: 64px;height: 64px;margin-top:   0  ;margin-left:   0  ;border-bottom:1px solid #4681b0;border-left: 1px solid #4681b0;}

.gr_line.p1x1{left:50%;top:48px;margin-left: -1px;}
.gr_line.vhl.p1x2{left:48px;top:48px;}
.gr_line.vhr.p1x2{right:48px;top:48px;}
.gr_line.p2x1{left:50%;top:112px;margin-left: -1px}

.gr_item.p1x1{left: 50%;top:32px;margin-left: -16px;}
.gr_item.p2x1{top:96px;left: 32px;}
.gr_item.p2x2{top:96px;left: 96px;}
.gr_item.p2x3{top:96px;left: 160px;}
.gr_item.p3x1{top:160px;left:32px;}

.gr_item.y1{top:0;}
.gr_item.y2{top:32px;}
.gr_item.y3{top:64px;} 
.gr_item.y4{top:96px;}
.gr_item.y5{top:128px;}
.gr_item.y6{top:160px;}
.gr_item.y7{top:192px;}
.gr_item.y8{top:224px;}
.gr_item.y9{top:256px;}
.gr_item.y10{top:288px;}
.gr_item.y11{top:320px;}
.gr_item.y12{top:352px;}
.gr_item.y13{top:384px;}
.gr_item.y14{top:416px;}
.gr_item.y15{top:448px;}
.gr_item.y16{top:480px;}
.gr_item.y17{top:512px;}
.gr_item.y18{top:544px;}
.gr_item.y19{top:576px;}
.gr_item.y20{top:608px;}
.gr_item.y21{top:640px;}
.gr_item.y22{top:672px;}
.gr_item.y23{top:704px;}

.gr_item.x1{left:0;}
.gr_item.x2{left:32px;}
.gr_item.x3{left:64px;}
.gr_item.x4{left:96px;}
.gr_item.x5{left:128px;}
.gr_item.x6{left:160px;}
.gr_item.x7{left:192px;}
.gr_item.x8{left:224px;}
.gr_item.x9{left:256px;}
.gr_item.x10{left:288px;}
.gr_item.x11{left:320px;}
.gr_item.x12{left:352px;}
.gr_item.x13{left:384px;}
.gr_item.x14{left:416px;}
.gr_item.x15{left:448px;}
.gr_item.x16{left:480px;}
.gr_item.x17{left:512px;}
.gr_item.x18{left:544px;}
.gr_item.x19{left:576px;}
.gr_item.x20{left:608px;}
.gr_item.x21{left:640px;}
.gr_item.x22{left:672px;}
.gr_item.x23{left:704px;}


.gr_line.y1{top:16px;}
.gr_line.y2{top:48px;}
.gr_line.y3{top:80px;}
.gr_line.y4{top:112px;}
.gr_line.y5{top:144px;}
.gr_line.y6{top:176px;}
.gr_line.y7{top:208px;}
.gr_line.y8{top:240px;}
.gr_line.y9{top:272px;}
.gr_line.y10{top:304px;}
.gr_line.y11{top:336px;}
.gr_line.y12{top:368px;}
.gr_line.y13{top:400px;}
.gr_line.y14{top:432px;}
.gr_line.y15{top:464px;}
.gr_line.y16{top:496px;}
.gr_line.y17{top:528px;}
.gr_line.y18{top:560px;}
.gr_line.y19{top:592px;}
.gr_line.y20{top:624px;}
.gr_line.y21{top:656px;}
.gr_line.y22{top:588px;}
.gr_line.y23{top:720px;}

.gr_line.x1{left:16px;}
.gr_line.x2{left:48px;}
.gr_line.x3{left:80px;}
.gr_line.x4{left:112px;}
.gr_line.x5{left:144px;}
.gr_line.x6{left:176px;}
.gr_line.x7{left:208px;}
.gr_line.x8{left:240px;}
.gr_line.x9{left:272px;}
.gr_line.x10{left:304px;}
.gr_line.x11{left:336px;}
.gr_line.x12{left:368px;}
.gr_line.x13{left:400px;}
.gr_line.x14{left:432px;}
.gr_line.x15{left:464px;}
.gr_line.x16{left:496px;}
.gr_line.x17{left:528px;}
.gr_line.x18{left:560px;}
.gr_line.x19{left:592px;}
.gr_line.x20{left:624px;}
.gr_line.x21{left:656px;}
.gr_line.x22{left:588px;}
.gr_line.x23{left:720px;}


.gr_line.non{display: none !important;}

.gr_line.vhr.p1x2{right:48px;top:48px;}

.TMPl_Dev_branch_container{
    background: #000;
	padding: 10px 18px 10px;
	margin: 0 0 10px;
	overflow:hidden;
}
.TMPl_Dev_branch_container_title,
.TMPl_Dev_branch_container_title_Legacy,
.TMPl_Dev_branch_container_title_Experimental{
    font-size: 25px;
    font-weight: 300;
    line-height: 25px;
    color: #fff;
    display: inline-block;
}
.TMPl_Dev_branch_container_title_Legacy{color: #678A2C;}
.TMPl_Dev_branch_container_title_Experimental{color: #1097D9;}
.TMPl_Dev_branch_container_message{
    margin: 0;
    padding-top: 10px;
}

.dib{display: inline-block;}

.txt_red{color: #FF580F;}
.market_commodity_orders_header_promote,
.txt_green{color: #7FCF75;}


.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}
.embed-responsive-16by9 {
    padding-bottom: 56.25%
}
.embed-responsive-4by3 {
    padding-bottom: 75%
}

.breadcrumb {
	padding: 10px 18px 0;
	background: #000;
	margin: 0 0 10px;
}
.breadcrumb .breadcrumb-item {
	float: left;
	padding-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
}
.breadcrumb .breadcrumb-item span {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
}
.breadcrumb .breadcrumb-item a {border-bottom: none;}
.breadcrumb .breadcrumb-item a:hover {}	
.home-stats{}
.home-stats-block{
	white-space: nowrap;
	display: block;
}

/*Banner home*/
.tm_apps_home_container{
	width: 100%;
	max-width: 1140px;
	height: 140px;
	background: url("/htmlets/img/apps.block.home/app_home_bg.png") no-repeat left center;
	border: 1px solid #007195;
	overflow:hidden
}
.tm_apps_home_text{
	  font-family: "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #fff;
  text-shadow: 0 2px 2px rgba(0,0,0,.5);
  font-size: 23px;
  text-align: center;
  padding: 23px;
  line-height: 40px;
  margin-right: 500px;
}
.tm_apps_home_text a{
	color: #449ff1;
	font-size: 18px;
	border-bottom: 1px solid;
	text-decoration: none;
}
@media (max-width: 1280px){
	.tm_apps_home_text{
		font-size: 24px;
		line-height: 35px;
	}
}
.tm_apps_home_text a:hover{
	color: #86b6e1;
 	border-color: #86b6e1;
}
.tm_apps_home_text strong{
	  font-size: 30px;
	    white-space: nowrap;
  /* display: block; */
}
.tm_apps_home_mobile_pic{
	  float: right;
  width: 180px;
  height: 140px;
  text-align: center;
  background: url(/htmlets/img/apps.block.home/mobileapp_2.png) no-repeat top;
  background-size: 120% auto;
}
.tm_apps_home_btn_container{
	  float: right;
  width: 320px;
  height: 110px;
  padding-top: 30px;
  padding-left: 30px;
}
.l_link_store{
  display: inline-block;
  width: 130px;
  height: 45px;
  margin: 10px 0 20px;
  padding: 4px 7px;
  border-radius: 3px;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.5);
}
.l_link_store.l_android{background: #231f20;}
.l_link_store.l_android:hover{background: #1a1617;}
.l_link_store.l_winphone{background: #000;}
.l_link_store.l_winphone:hover{background: #1d1d1d;}
/*.l_link_store_qr{
	display: block;
	float: left;
}*/
.l_link_store_icon{
  display: block;
  width: 130px;
  height: 45px;
  background-size: 80% auto !important;
}
.l_link_store.l_android .l_link_store_icon{
	background: url("/htmlets/img/apps.block.home/mobileapp_GP.png") no-repeat center;
}
.l_link_store.l_winphone .l_link_store_icon{
	background: url("/htmlets/img/apps.block.home/mobileapp_WP.png") no-repeat center;
}
.clb{clear: both;}
/* 404 */
.tm-404-container{
  height: 300px;
overflow:hidden;
  position: relative;
  margin: 0 -38px;
  background: url(/skins/tm-404-bg.png) no-repeat center top;
  background-size: contain;
}
.tm-404-percat{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 200px;
  width: 90px;
  background: url(//rust-wiki.com/skins/tumbleweed.svg) no-repeat center top;
  background-size: contain;
animation: wave 9s   0.000s linear infinite; 
}
@keyframes wave {
  0%   { left:-290px; }
  100% { left:100% }
}


span.error{
background: #000;
  display: block;
  margin: 0 0 10px;
  padding: 5px 18px;
  font-size: 13px;
  color: #FF4747;
}

/*ItemCount*/
.tm_ItemCount_container{
  display: inline-block;
  position: relative;
  height: 40px;
  width: 40px;
  vertical-align: middle;
}
.tm_ItemCount_block{
  position: absolute;
  width:40px;
  height:40px;
  top:0;
  left: 0;
  z-index: 5;
}
.tm_ItemCount_link{position:absolute; width:40px; height:40px; top:0; left: 0; z-index: 10;}
.tm_ItemCount_block span{position:absolute; width:40px; height:40px; top:0; left: 0; z-index: 10;}
.tm_ItemCount_text{z-index: 9;position: absolute;bottom: 0;right: 0;text-align: right; font-size: 11px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; color: white; text-shadow: -1px 0 0.2em black, 0 1px 0.2em black, 1px 0 0.2em black, 0 -1px 0.2em black;}

.mw-content-ltr ol.references{
    border-top: 1px solid #D54135;
    clear: both;
    font-size: 12px;
    padding: 5px 36px;
    margin: 20px 0 0;
}