View file top-kat/style/style.css

File size: 9.38Kb
@charset "utf-8";
/*
Diz by Ustas
icq 889450
http://xyli.ru
*/
 body {background:url(/img/pattern-gqat.png)  #dcdcdc;

font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #000;
margin : auto;
max-width : 550px;
}
a:link, a:visited {
color : #b22323;
font-size : 14px;
text-decoration : none;
}
a:hover, a:active {
color : #000;
}
.img {
border : 0;
vertical-align : middle;
}
.head  {text-align:center;
background : url(/img/headd.gif) #d63535 bottom;
  height:80px;
padding : 0;
}
a.knop {
border:1px solid #7f9f13;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:#fff;
padding:2px;
}
a.knop:hover {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:#000;
padding:2px;
background:#696969;
}
.link {
background:#e5e5e5 url(/img/text.gif) repeat-x;
color:#3f3e3e;
border-top:1px solid #fff;
border-bottom:1px solid #d8d8d8;
 margin:0;
padding:8px;
display : block;
}
.link:hover {
background : #f5f8ee;
}
.text:nth-child(even) {
background:#e5e5e5 url(/img/text.gif) repeat-x;
color:#3f3e3e;
border-top:1px solid #fff;
border-bottom:1px solid #d8d8d8;
 margin:0;
padding:8px;
}
.text:nth-child(odd) {
background:#ebe1c3 url(/img/text2.gif) repeat-x;
color:#3f3e3e;
border-top:1px solid #fff;
border-bottom:1px solid #dbd1b4;
 margin:0;
padding:8px;
}
 

 .nav {
 border-top:1px solid #fff;
border-bottom:1px solid #cacaca; 
padding:8px;text-align:center;
background-color: #fff;
background : #f3f3f3 url(/img/4ga1BrM3TRQ.min.jpg);
}


.str {
 border-top:1px solid #fff;
border-bottom:1px solid #cacaca; 
padding:8px;text-align:center;
background-color: #fff;

}
.str span, .nav a{
background:#ebe1c3 url(/img/text2.gif) repeat-x;
color:#3f3e3e; display:inline-block;
border:1px solid #dbd1b4;
 margin:1px;
padding:4px 8px; border-radius: 4px;
}
.str span:hover, .str span:focus, .nav a:hover, .nav a:focus{background:#e5e5e5 url(/img/text.gif) repeat-x;

border:1px solid #d8d8d8;
 }
 
 

 
.fanoz_ru {
color : #fff;text-shadow:0 1px #000;
font-size : 13px; font-weight:bold;
background: #d63737 url(/img/login.gif) repeat-x;
text-align : left;border-top:1px solid #f59595;border-bottom: 1px solid #ba2828;
padding: 9px;text-align: center;
}
.fanoz_ru a {
	-moz-box-shadow: 0px 1px 0px 0px #770D0D;
	-webkit-box-shadow: 0px 1px 0px 0px #770D0D;
	box-shadow: 0px 1px 0px 0px #770D0D;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eae0c2), color-stop(1, #ccc2a6));
	background:-moz-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-webkit-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-o-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-ms-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2', endColorstr='#ccc2a6',GradientType=0);
	background-color:#eae0c2;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	display:inline-block;
	cursor:pointer;
	color:#505739;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 21px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.fanoz_ru a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc2a6), color-stop(1, #eae0c2));
	background:-moz-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-webkit-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-o-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-ms-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc2a6', endColorstr='#eae0c2',GradientType=0);
	background-color:#ccc2a6;
}
.fanoz_ru a:active {
	position:relative;
	top:1px;
}
 

.stat {
float:right;
padding-right:11px;
border-radius :  4px 4px 4px 4px;
border : 1px solid #8a8a8a;
padding : 1px;
}
.main {
color : #666;
background : url(/img/main.png) top repeat-x #fff;
padding : 6px;
display : block;
border-bottom : 1px solid #e9e9e9;
border-top : 1px solid #fff;
}
.tab {
background:#e5e5e5 url(/img/text.gif) repeat-x;
color:#3f3e3e;
border-top:1px solid #fff;
border-bottom:1px solid #d8d8d8;
 margin:0;
padding:8px;
}
 
.login{
color : #fff;text-shadow:0 1px #000;
font-size : 13px; font-weight:bold;
background: #d63737 url(/img/login.gif) repeat-x;
text-align : left;border-top:1px solid #f59595;border-bottom: 1px solid #ba2828;
padding: 9px;text-align: center;
}
.login a {
	-moz-box-shadow: 0px 1px 0px 0px #770D0D;
	-webkit-box-shadow: 0px 1px 0px 0px #770D0D;
	box-shadow: 0px 1px 0px 0px #770D0D;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eae0c2), color-stop(1, #ccc2a6));
	background:-moz-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-webkit-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-o-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-ms-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2', endColorstr='#ccc2a6',GradientType=0);
	background-color:#eae0c2;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	display:inline-block;
	cursor:pointer;
	color:#505739;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 21px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.login a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc2a6), color-stop(1, #eae0c2));
	background:-moz-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-webkit-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-o-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-ms-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc2a6', endColorstr='#eae0c2',GradientType=0);
	background-color:#ccc2a6;
}
.login a:active {
	position:relative;
	top:1px;
}
 
.auth {
color:#fff;
font-size:13px;
border:1px solid #1b1b1b;
border-bottom:1px solid #e3e3e3;
text-shadow:1px 1px 1px #000;
padding:7px;
background:url(/img/reklamka.png) #04abe1;
}
.topik, .title, .title2  {
color : #fff;text-shadow:0 1px #000;
font-size : 13px; font-weight:bold;
background: #323131 url(/img/title.gif) repeat-x;
text-align : left;border-top:1px solid #828282;border-bottom: 1px solid #000;
padding: 9px;text-align: center;
}
.topik a, .title a, .title2 a{color : #dbd1b4;}
.menu {
background-color : #93E2FC;
}
.auth {
background : #93E2FC;
padding : 6px;
text-shadow : 0 1px 3px #81973c;
text-align: right;
}
.foot  {
background : url(/img/foot.png) repeat-x #484747;
border-top : 1px solid #000;
border-bottom : 1px solid #000;
padding : 9px;
color : #fff;
text-shadow : 1px 1px 0 #000;
font-size : 12px;
border-radius : 0 0 8px 8px;
}
.banners{
padding : 5px;
text-align: center;
}
.banners img {
opacity : 0.2;
}
.banners img:hover {
opacity : 0.9;
}
.foot a {
display : inline-table;
color : #fff;
font-size : 12px;
}
.rek {
 border-top:1px solid #fff;
border-bottom:1px solid #cacaca; 
padding:8px;
background : #f3f3f3 url(/img/4ga1BrM3TRQ.min.jpg);
}
input, selrct, textarea{border-radius: 4px;padding: 6px; border:1px solid #ccc;}
input[type="submit"]{color : #fff;text-shadow:0 1px #000;
font-size : 13px; font-weight:bold;
background: #d63737 url(/img/login.gif) repeat-x;
text-align : left; border : 1px solid #ba2828;
padding: 9px;text-align: center;}
input[type="submit"]:hover, input[type="submit"]:focus{background: #323131 url(/img/title.gif) repeat-x;border:1px solid #000;}


header {
  background: rgb(215, 40, 0);
  background: -moz-linear-gradient(top, rgb(215, 40, 0) 0%, rgb(180, 32, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(215, 40, 0)), color-stop(100%, rgb(180, 32, 0)));
  background: -webkit-linear-gradient(top, rgb(215, 40, 0) 0%, rgb(180, 32, 0) 100%);
  background: -o-linear-gradient(top, rgb(215, 40, 0) 0%, rgb(180, 32, 0) 100%);
  background: -ms-linear-gradient(top, rgb(215, 40, 0) 0%, rgb(180, 32, 0) 100%);
  background: linear-gradient(to bottom, rgb(215, 40, 0) 0%, rgb(180, 32, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d72a00', endColorstr='#b42000',GradientType=0 );
  position: relative;
  text-align: center;



}

header ul {
  width: 100%;
}

header ul li {
  background: #941800;
  text-align: center;
  position: absolute;
  top: 20px;
  width: 30px;
  height: 30px;
  box-shadow: 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.3);
}

header ul li:hover {
  background: #a61900;
  box-shadow: 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 20px rgba(0, 0, 0, 0.3);
}

header ul li.left {
  left: 20px;
}

header ul li.right {
  right: 20px;
}

header ul li a span{
  background: no-repeat center;
  width: 30px;
  height: 30px;
  display: block;
}

header ul li a span._home {
  background-image: url(/img/kategor.png);
}

header ul li a span._search{
  background-image: url(/img/search.png);
}

ul {
  list-style: none;
}

p {
  margin: 0 0 .8em;
}


header ul li a span {
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
}

header ul li,#top ul li.active a, section .addbutton a, nav.pages ul li a, section ul.category li a span {
  border-radius: 4px;
}

/*
Diz by Ustas
icq 889450
http://xyli.ru
*/