Wikia.css

Версия от 09:01, 15 июня 2016

/** Размещённый здесь CSS будет применяться ко всем темам оформления */

.bnf {
    width: inherit;
}

.bnf img {
    display: inline-block;
    width: 298px;
    margin: 5px auto;
    border: 1px solid #0f142f;
    border-radius: 3px 0;
}

.bnf img:hover {
    border-color: #439af9;
}


.block {
    border: 2px solid #00c87d;
    position: relative;
    width: inherit;
    }
.block::before, .block::after {
    content: '';
    position: absolute;
    right: -2px; bottom: -20px;
    border: 20px solid transparent;
    border-right: 20px solid #00c87d;
    }
.block::after {
    right: -2px; bottom: -23px;
    border-right: 20px solid #0f142f;
    }

.border1 {
    border-style: solid;
    border-width: 6px 8px;
    -moz-border-image: url(http://images4.wikia.nocookie.net/starcraft/ru/images/3/31/Border1.png) 6 8 repeat stretch;
    -webkit-border-image: url(http://images4.wikia.nocookie.net/starcraft/ru/images/3/31/Border1.png) 6 8 repeat stretch;
    -o-border-image: url(http://images4.wikia.nocookie.net/starcraft/ru/images/3/31/Border1.png) 6 8 repeat stretch;
    border-image: url(http://images4.wikia.nocookie.net/starcraft/ru/images/3/31/Border1.png) 6 8 fill repeat stretch;
    background: rgba(248,80,50,0);
    background: -moz-linear-gradient(left, rgba(248,80,50,0) 0%, rgba(44,55,116,0.2) 10%, rgba(44,55,116,1) 50%, rgba(44,55,116,0.2) 90%, rgba(231,56,39,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248,80,50,0)), color-stop(10%, rgba(44,55,116,0.2)), color-stop(50%, rgba(44,55,116,1)), color-stop(90%, rgba(44,55,116,0.2)), color-stop(100%, rgba(231,56,39,0)));
    background: -webkit-linear-gradient(left, rgba(248,80,50,0) 0%, rgba(44,55,116,0.2) 10%, rgba(44,55,116,1) 50%, rgba(44,55,116,0.2) 90%, rgba(231,56,39,0) 100%);
    background: -o-linear-gradient(left, rgba(248,80,50,0) 0%, rgba(44,55,116,0.2) 10%, rgba(44,55,116,1) 50%, rgba(44,55,116,0.2) 90%, rgba(231,56,39,0) 100%);
    background: -ms-linear-gradient(left, rgba(248,80,50,0) 0%, rgba(44,55,116,0.2) 10%, rgba(44,55,116,1) 50%, rgba(44,55,116,0.2) 90%, rgba(231,56,39,0) 100%);
    background: linear-gradient(to right, rgba(248,80,50,0) 0%, rgba(44,55,116,0.2) 10%, rgba(44,55,116,1) 50%, rgba(44,55,116,0.2) 90%, rgba(231,56,39,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=1 );
}

/* Расы на заглавной */

.mainrace div {
    width: 200px;
    display: inline-block;
    margin: 5px;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
}

.mainrace .terran a {
    color: rgb(67,154,249);
}

.mainrace .zerg a {
    color: rgb(82,22,86);
}

.mainrace .protoss a {
    color: #fefb85;
}

.mainrace .terran:hover img {
    background: rgba(67,154,249,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(67,154,249,1) 0%, rgba(67,154,249,0) 70%, rgba(67,154,249,0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(67,154,249,1)), color-stop(70%, rgba(67,154,249,0)), color-stop(100%, rgba(67,154,249,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(67,154,249,1) 0%, rgba(67,154,249,0) 70%, rgba(67,154,249,0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(67,154,249,1) 0%, rgba(67,154,249,0) 70%, rgba(67,154,249,0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(248,80,50,1) 0%, rgba(67,154,249,0) 70%, rgba(67,154,249,0) 100%);
    background: radial-gradient(ellipse at center, rgba(67,154,249,1) 0%, rgba(67,154,249,0) 70%, rgba(67,154,249,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#439af9', endColorstr='#439af9', GradientType=1 );
}

.mainrace .zerg:hover img {
    background: rgba(82,22,86,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(82,22,86,1) 0%, rgba(82,22,86,0) 71%, rgba(82,22,86,0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(82,22,86,1)), color-stop(70%, rgba(82,22,86,0)), color-stop(100%, rgba(82,22,86,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(82,22,86,1) 0%, rgba(82,22,86,0) 70%, rgba(82,22,86,0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(82,22,86,1) 0%, rgba(82,22,86,0) 70%, rgba(82,22,86,0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(82,22,86,1) 0%, rgba(82,22,86,0) 70%, rgba(82,22,86,0) 100%);
    background: radial-gradient(ellipse at center, rgba(82,22,86,1) 0%, rgba(82,22,86,0) 70%, rgba(82,22,86,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#521656', endColorstr='#521656', GradientType=1 );
}

.mainrace .protoss:hover img {
    background: rgba(254,251,133,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(254,251,133,1) 0%, rgba(254,251,133,0.5) 24%, rgba(254,251,133,0.14) 50%, rgba(254,251,133,0) 60%, rgba(254,251,133,0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(254,251,133,1)), color-stop(24%, rgba(254,251,133,0.5)), color-stop(50%, rgba(254,251,133,0.14)), color-stop(60%, rgba(254,251,133,0)), color-stop(100%, rgba(254,251,133,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(254,251,133,1) 0%, rgba(254,251,133,0.5) 24%, rgba(254,251,133,0.14) 50%, rgba(254,251,133,0) 60%, rgba(254,251,133,0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(254,251,133,1) 0%, rgba(254,251,133,0.5) 24%, rgba(254,251,133,0.14) 50%, rgba(254,251,133,0) 60%, rgba(254,251,133,0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(254,251,133,1) 0%, rgba(254,251,133,0.5) 24%, rgba(254,251,133,0.14) 50%, rgba(254,251,133,0) 60%, rgba(254,251,133,0) 100%);
    background: radial-gradient(ellipse at center, rgba(254,251,133,1) 0%, rgba(254,251,133,0.5) 24%, rgba(254,251,133,0.14) 50%, rgba(254,251,133,0) 60%, rgba(254,251,133,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefb85', endColorstr='#fefb85', GradientType=1 );
}

/* Слайдер порталов */

.portal_container { }
.portal_section ul  { list-style: disc;}
.portal_section li { line-height: 15px;}
.portal_section { 
	border: 1px solid rgb(135,206,250); 
	margin: 0 0 10px 0; 
	background: url("http://images3.wikia.nocookie.net/bioshock/images/d/df/Slider_gradient.png") repeat scroll 0 0 transparent; 
	-moz-border-radius: 1em; 
	-moz-box-shadow:0px 0px 4px rgba(240,248,255,0.5); 
	-webkit-border-radius: 1em; 
	-webkit-box-shadow: 0px 0px 4px rgba(240,248,255,0.5); 
	border-radius: 1em; 
	box-shadow: 0px 0px 4px rgba(240,248,255,0.5); 
}
.subheader {
    border-bottom: 1px solid #ABABAB;
    color: #EFEFEF;
    font-size: 110%;
    font-weight: bold;
    line-height: 15px;
    padding: 5px 1px 0;
}
 
#portal_slider { 
	padding: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	position: relative; 
	height: 450px;
	width: inherit;
}
#portal_slider #portal_next, #portal_slider #portal_prev { 
	text-align: center; 
	cursor: pointer; 
	border: 0px solid #FEC356;
	height: 30px !important; 
	width: 20px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 36px; 
	line-height: 22px; 
	font-weight: bold; 
	cursor: pointer; 
	position: absolute; 
	bottom: 8px; 
	background: transparent; 
	-moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); 
	-webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); 
	box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); 
	background-image: -moz-linear-gradient(bottom, rgb(0,128,170) 0, rgb(85,213,255) 100%); 
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(0,128,170)), color-stop(100%, rgb(85,213,255))); 
	text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); 
	color: rgb(0, 143, 191); 
	-moz-user-select: none; 
	-webkit-user-select: none; 
	user-select: none; 
}
#portal_slider #portal_next:hover, #portal_slider #portal_prev:hover { 
	background-image: -moz-linear-gradient(bottom, rgb(0,175,234) 0, rgb(149,228,255) 100%); 
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(0,175,234)), color-stop(100%, rgb(149,228,255))); 
	color: rgb(0,175,234); 
}
#portal_slider #portal_next { 
	right: 10px; 
	-moz-border-radius-topright: 8px; 
	-moz-border-radius-bottomright: 8px; 
	-webkit-border-top-right-radius: 8px; 
	-webkit-border-bottom-right-radiust: 8px; 
	border-top-right-radius: 8px; 
	border-bottom-right-radius: 8px; 
}
#portal_slider #portal_prev { 
	right: 31px; 
	-moz-border-radius-topleft: 8px; 
	-moz-border-radius-bottomleft: 8px; 
	-webkit-border-top-left-radius: 8px; 
	-webkit-border-bottom-left-radius: 8px; 
	border-top-left-radius: 8px; 
	border-bottom-left-radius: 8px; 
}
#portal_slider > .portal_body {     
	height: 100%;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%; 
}
 
#portal_content { font-size: 0.9em; line-height: 1.7em; font-family: Verdana, Arial, Helvetica, sans-serif;}
#portal_content .portal_body > table { height: 400px; }
#portal_content ul { 
	list-style: disc outside;
	margin-left: 22px;
}
#portal_content ul ul { margin-left: 1em;}
 
/* main page jquery tabs/sliders */
.ui-tabs .portal_body { position: relative; padding: .2em; zoom: 1;}
.ui-tabs .portal_body .ui-tabs-nav { margin: 0; padding: .2em .2em 0;}
.ui-tabs .portal_body .ui-tabs-nav li { 
	list-style: none; 
	float: left; 
	position: relative; 
	top: 1px; 
	margin: 0 .2em 1px 0; 
	border-bottom: 0 !important; 
	padding: 0; 
	white-space: nowrap; 
}
.ui-tabs .portal_body .ui-tabs-nav li a { 
	float: left; 
	padding: .5em 1em; 
	text-decoration: none; 
}
.ui-tabs .portal_body  .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0;}
.ui-tabs .portal_body .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text;}
.ui-tabs .portal_body .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer;} 
.ui-tabs .portal_body .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none;}
.ui-tabs .portal_body .ui-tabs-hide { display: none !important;}
.portal_body .ui-tabs-hide { display: none !important;}
.ui-tabs .portal_body .ui-tabs-panel {border:none;}