Просмотр файла themes/black/style.css

Размер файла: 16.84Kb
/*© Все права защищены 2012 г.
Данный код принадлежит автору Marsellkin ICQ:364711211 WMID 255968497376
*/
body,td,th {
	font-size: 12px;
	color: #999998;
	text-shadow: 1px 0px 1px #000;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	background-color: #000001;
	margin: auto;
	width: 750px;
	background-image: url(img/body.gif);
}
a {
    -ms-transition: color 1.5s 0s cubic-bezier(0.25, 0.1, 0.25, 1.0);
    -moz-transition: color 1.5s 0s cubic-bezier(0.25, 0.1, 0.25, 1.0);
    -o-transition: color 1.5s 0s cubic-bezier(0.25, 0.1, 0.25, 1.0);
    -webkit-transition: color 1.5s 0s cubic-bezier(0.25, 0.1, 0.25, 1.0);
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	text-shadow: 1px 0px 1px #000;
	color: #ff9911;
}
a:link {
    -ms-transition: color 1.5s 0s cubic-bezier(0.25, 0.1, 0.25, 1.0);
    -moz-transition: color 1.5s 0s cubic-bezier(0.25, 0.1, 0.25, 1.0);
    -o-transition: color 1.5s 0s cubic-bezier(0.25, 0.1, 0.25, 1.0);
    -webkit-transition: color 1.5s 0s cubic-bezier(0.25, 0.1, 0.25, 1.0);
	text-shadow: 1px 0px 1px #000;
	color: #ff9911;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	text-shadow: 1px 0px 1px #000;
	color: #ff9911;
}
a:hover {
    -ms-transition: color 1.5s 0s cubic-bezier(0.25, 0.1, 0.25, 1.0);
    -moz-transition: color 1.5s 0s cubic-bezier(0.25, 0.1, 0.25, 1.0);
    -o-transition: color 1.5s 0s cubic-bezier(0.25, 0.1, 0.25, 1.0);
    -webkit-transition: color 1.5s 0s cubic-bezier(0.25, 0.1, 0.25, 1.0);
	font-size: 12px;
	text-decoration: none;
	text-shadow: 1px 0px 1px #000;
	color: #999;
}
a:active {
	text-decoration: none;
	color: #000;
	text-shadow: 1px 0px 1px #000;
}
.head {
	background-color: #F90;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	overflow: hidden;
	background-image: url(img/head1.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 7px;
	margin-top: 5px;
}
.logos {
	float: right;
	margin-top: 10px;
	text-shadow: 1px 0px 1px #ffdca7;
	color: #333;
	margin-right: 50px;
	position: relative;
	overflow: hidden;
	background-color: #F90;
	border-radius: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	padding-left: 10px;
}
.cont {
	border-radius: 5px;
	background-color: #333;
	background-image: url(img/cont.png);
	background-repeat: repeat-x;
	padding: 5px;
	background-position: top;
}
.cont img { 
	background: #f90;
	border-radius: 5px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	padding: 1px;
}
.foot {
	background-color: #f90;
	background-image: url(img/foot1.png);
	background-repeat: no-repeat;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	overflow: hidden;
	text-shadow: 1px 0px 1px #ffdca7;
	color: #000;
	padding: 7px;
	background-position: center bottom;
	margin-bottom: 5px;
}
.men, .men:link, .men:visited {
	background: #f90;
	padding: 3px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #333;
	text-shadow: 1px 0px 1px #ffdca7;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
}
.men:hover {
	background: #333;
	padding: 3px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #999;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	text-shadow: 1px 0px 1px #000;
}
.men_foot a, .men_foot a:link, .men_foot a:visited {
	background: #f90;
	padding: 3px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #333;
	text-shadow: 1px 0px 1px #ffdca7;
	position: absolute;
	margin-top: 4px;
	margin-left: -5px;
	height: 15px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
}
.men_foot a:hover {
	background: #333;
	padding: 3px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #999;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	position: absolute;
	margin-top: 4px;
	margin-left: -5px;
	height: 15px;
	text-shadow: 1px 0px 1px #000;
}
.men_foot1 a, .men_foot1 a:link, .men_foot1 a:visited {
	background: #f90;
	padding: 3px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #333;
	text-shadow: 1px 0px 1px #ffdca7;
	position: absolute;
	margin-top: -6px;
	margin-left: 79px;
	height: 15px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
}
.men_foot1 a:hover {
	background: #333;
	padding: 3px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #999;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	position: absolute;
	margin-top: -6px;
	margin-left: 79px;
	height: 15px;
	text-shadow: 1px 0px 1px #000;
}
.men_foot2 a, .men_foot2 a:link, .men_foot2 a:visited {
	background: #f90;
	padding: 3px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #333;
	text-shadow: 1px 0px 1px #ffdca7;
	position: absolute;
	margin-left: 172px;
	margin-top: -16px;
	height: 15px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
}
.men_foot2 a:hover {
	background: #333;
	padding: 3px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #999;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	position: absolute;
	margin-left: 172px;
	margin-top: -16px;
	height: 15px;
	text-shadow: 1px 0px 1px #000;
}
.men_foot3, .men_foot3:link, .men_foot3:visited {
	background: #f90;
	padding: 3px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #333;
	text-shadow: 1px 0px 1px #ffdca7;
	position: absolute;
	margin-left: -42px;
	margin-top: 4px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
}
.men_foot3:hover {
	background: #333;
	padding: 3px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #999;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	position: absolute;
	margin-left: -42px;
	margin-top: 4px;
	text-shadow: 1px 0px 1px #000;
}
.menu {
	width: auto;
	padding: 0px;
	height: 30px;
}
.menu_foot {
	width: auto;
	padding: 0px;
	height: 30px;
}
.menur {
	width: auto;
	float: right;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.menur_foot {
	width: auto;
	float: right;
	margin: 0px;
	padding: 0px;
}
.menul {
	width: auto;
	float: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 3px;
}
.menul_foot {
	width: auto;
	float: left;
	padding: 0px;
	margin: 0px;
}
.menreg, .menreg:visited, .menreg:link {
	background: #f90;
	padding: 3px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: #333;
	text-shadow: 1px 0px 1px #ffdca7;
	height: 15px;
	margin-top: 0px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	border: none;
	text-align: right;
	width: 130px;
	position: absolute;
}
.menreg:hover {
	background: #333;
	padding: 3px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: #999;
	text-shadow: 1px 0px 1px #000;
	text-align: right;
	margin-top: 0px;
	border: none;
	height: 15px;
	width: 130px;
	position: absolute;
}
.menreg1, .menreg1:visited, .menreg1:link {
	background: #f90;
	padding: 3px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: #333;
	text-shadow: 1px 0px 1px #ffdca7;
	height: 15px;
	margin-top: 0px;
	margin-left: 140px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	border: none;
	text-align: right;
	width: 130px;
	position: absolute;
}
.menreg1:hover {
	background: #333;
	padding: 3px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: #999;
	text-shadow: 1px 0px 1px #000;
	margin-left: 140px;
	margin-top: 0px;
	text-align: right;
	border: none;
	height: 15px;
	width: 130px;
	position: absolute;
}
.menregi {
	background: #f90;
	padding: 3px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: #333;
	text-shadow: 1px 0px 1px #ffdca7;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	margin-top: 0px;
	margin-left: 280px;
	border: none;
	height: 21px;
	position: absolute;
}
.menregi:hover {
	background: #333;
	padding: 3px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: #999;
	text-shadow: 1px 0px 1px #000;
	border: none;
	margin-top: 0px;
	margin-left: 280px;
	height: 21px;
	position: absolute;
}
.menulregi {
	width: auto;
	float: left;
	padding: 0px;
	background-image: none;
	margin: 0px;
	border: none;
}
.b img { 
	background: #f90;
	border-radius: 5px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	padding: 3px;
}
.b {
	text-shadow: 1px 0px 1px #000;
	color: #999;
	overflow: hidden;
	background-color: #333;
	background-image: url(img/cont.png);
	background-repeat: repeat-x;
	background-position: top;
	border-radius: 5px;
	font-size: 14px;
	padding: 5px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
.b a { 
	font-size: 14px;
}
hr { 
	color: #000;
}
.note {
	text-shadow: 1px 0px 1px #ffdca7;
	color: #333;
	background-color: #F90;
	border-radius: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	padding-left: 10px;
	text-align: center;
	margin-top: 0px;
	margin-right: 65px;
	margin-bottom: 0px;
	margin-left: 65px;
}
.img {  
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	float: left;
} 
.imgright {  
	float:right;
	margin : 5px; 
}
.a {
	color: #666;
	background-image: url(aa.gif);
	background-color: #ddd;
	border: 1px solid #ccc;
}
.c {
	color: #aaa;
	background-image: url(aa.gif);
	background-color: #ddd;
	border: 1px solid #ccc;
}
.d { 
	background-color : #ccc; 
	border-style : dotted; 
	border-width : 1px; 
	border-color : #f90; 
	padding : 10px; 
	padding-left : 30px; 
	background-image : url(../../images/img/code.gif); 
	background-repeat : repeat-y; 
	font-size : 11px; 
	display : block; 
	text-shadow: none;
	overflow : auto; 
}

.q {
	background-image: url(img/closequote.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-color : #444; 
	border-left: 4px solid #ff9900;
	border-radius: 5px;
	color: #999;
	text-shadow: none;
	font-size: x-small;
}
.data {
	color: #000; 
	text-shadow: 1px 0px 1px #555;
	font-size: x-small;
}
.right { 
	text-align: right; 
	font-size: x-small;
}
.right a { 
	text-align: right; 
	font-size: x-small;
}
.hide {
	color : #999;
	background : #444;
	border: 1px dotted #f90;
	text-shadow: none;
	font-size: x-small;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

.info {
	margin: 0px;
	background-image: url(img/body.gif);
	border-radius: 5px;
	color: #999;
	text-shadow: 1px 0px 1px #000;
	padding: 5px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

.act {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	border-radius: 5px;
	color: #999;
	text-shadow: 1px 0px 1px #000;
}

.nav {
	padding : 4px;
	font-size : 11px;
	margin: 8px 0;
}

.nav a {
	background: #f90;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 8px;
	padding-left: 8px;
	border-radius: 5px;
	color: #333;
	text-shadow: 1px 0px 1px #ffdca7;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
}

.nav a:hover {
	background-color: #333;
	background-image: url(img/men.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 8px;
	padding-left: 8px;
	border-radius: 5px;
	color: #999;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	text-shadow: 1px 0px 1px #000;
}

.navcurrent {
	background-color: #333;
	background-image: url(img/men.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 8px;
	padding-left: 8px;
	border-radius: 5px;
	color: #999;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	font-size : 12px;
	text-shadow: 1px 0px 1px #000;
}
div { 
	margin: 0px;
	padding: 5px;
}
textarea {
	width: 98%;
	font-size: 9pt;
	border-radius: 5px;
	border: solid 0px #000;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	background-color: #444;
	color: #ccc;
	padding: 5px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;	
}
input, select {
	border: none;
	width: auto;
	border-radius: 5px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	background-color: #444;
	color: #ccc;
	padding: 5px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 0px;	
}
input[type="checkbox"] {
	width: auto;
	background-color: #444;
	border: solid 1px #000;
	padding: 2px;
	border-radius: 3px;
	color: #ccc;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
}
input[type="submit"] {
	width: auto;
	border: none;
	background: #f90;
	padding: 3px;
	border-radius: 5px;
	color: #333;
	text-shadow: 1px 0px 1px #ffdca7;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
}
input[type="submit"]:hover {
	width: auto;
	border: none;
	background: #444;
	padding: 3px;
	border-radius: 5px;
	color: #999;
	text-shadow: 1px 0px 1px #000;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
}
input[type="text"] {
	width: 200px;
}
form {
	margin: 0px;
	background-image: url(img/body.gif);
	border-radius: 5px;
	color: #999;
	text-shadow: 1px 0px 1px #000;
	padding: 5px;
}
.form {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.702), 0px 0px 10px rgba(0, 0, 0, 0.400) inset;
	border-radius: 5px;
	color: #999;
	text-shadow: 1px 0px 1px #000;
}
.foot_left {
	padding: 0px;
	float: left;
	width: 360px;
	overflow: hidden;
}
.foot_right {
	padding: 0px;
	width: 360px;
	float: right;
	text-align: right;
	overflow: hidden;
}
.foot_rekla {
	text-align: center;
	padding: 0px;
	clear: both;
}
.foot a {
	color: #333332;
	text-shadow: 1px 0px 1px #ffdca7;
}
.foot a:hover {
	color: #ffd28e;
	text-shadow: 1px 0px 1px #000;
}
	#banners a img {  
	opacity:0.3;  
}  

	#banners a:hover img {  
	opacity:1.0;  
}
.b-share-icon_vkontakte {
    background:url(../../images/img/vkontakte.png) !important;
    width: 16px !important;
    height: 16px !important;
}
.b-share-icon_facebook {
    background:url(../../images/img/facebook.png) !important;
    width: 16px !important;
    height: 16px !important;
}
.b-share-icon_gplus {
    background:url(../../images/img/gplus.png) !important;
    width: 16px !important;
    height: 16px !important;
}
.b-share-icon_lj {
    background:url(../../images/img/lj.png) !important;
    width: 16px !important;
    height: 16px !important;
}
.b-share-icon_moimir {
    background:url(../../images/img/moimir.png) !important;
    width: 16px !important;
    height: 16px !important;
}
.b-share-icon_odnoklassniki {
    background:url(../../images/img/odnoklassniki.png) !important;
    width: 16px !important;
    height: 16px !important;
}
.b-share-icon_twitter {
    background:url(../../images/img/twitter.png) !important;
    width: 16px !important;
    height: 16px !important;
}
.b-share-icon_yaru {
    background:url(../../images/img/yaru.png) !important;
    width: 16px !important;
    height: 16px !important;
}