Файл: style.css
Строк: 521
body {
font-size : 14px;
font-family : Arial;
color :
#000;
background : url(images/bg.png) #fff;
background-attachment :
fixed;
margin : 0 auto;
border-radius : 15px;
max-width :
600px;
}
a:link {
text-decoration : none;
}
img {
border :
0;
vertical-align : middle;
}
.logo {
height : 55px;
border : #D1D3D3
solid 1px;
background : #E3E3E3;
background : linear-gradient(to bottom,
#E3E3E3, #EEE);
margin-top : 1px;
}
.head {
color: #FFF;
padding: 10px
14px;
border-top: 1px solid #D1D3D3;
border-bottom: 1px solid
#F5F5F5;
background: #628E43;
background: linear-gradient(to bottom,
#628E43, #516F3C);
}
.title {
color: #FFF;
padding: 9px
10px;
font-weight: bold;
text-shadow: 1px 1px 1px #74AE7E;
background:
#71A14F;
background: linear-gradient(to bottom, #71A14F,
#5E8245);
}
.table {
padding-bottom : 7px;
text-align :
center;
padding-top : 7px;
background : #E3E3E3;
background :
linear-gradient(to bottom, #E3E3E3, #EEE);
border : #D1D3D3 solid
1px;
}
.table:hover {
background : #E6E9EC;
background :
linear-gradient(to bottom, #E6E9EC, #CFC5CA);
}
.table a {
display :
block;
text-decoration : none;
}
.perv_scr {
display :
inline-block;
margin : 0 auto;
height : 64px;
width :
84px;
vertical-align : middle;
border : #D1D3D3 solid 1px;
border-radius
: 7px;
}
.perv_scr img, .perv_scr {
background : url(images/loading.gif)
center no-repeat;
}
.perv_scr2 {
margin : 0 auto;
vertical-align :
middle;
}
.link, .title, .logo, .head, .foot, .page, .blok, .copy, .ads
{
margin-right : 2px;
margin-left : 2px;
}
.link {
padding : 9px
12px;
border-top : 1px solid #D1D3D3;
border-bottom : 1px solid
#F5F5F5;
border-left : 1px solid #D1D3D3;
border-right : 1px solid
#D1D3D3;
display : block;
color : #836060;
background :
#E3E3E3;
background : linear-gradient(to bottom, #E3E3E3,
#EEE);
}
.link:hover {
color: #71A14F;
text-shadow: 1px 1px 1px
#FFF;
background: #E6E9EC;
background: linear-gradient(to bottom,
#E6E9EC, #CFC5CA);
}
.ads {
padding : 10px 12px;
border-bottom : 1px
solid #DA377D;
border-left : 1px solid #DA377D;
border-right : 1px solid
#DA377D;
display : block;
color : #FFF;
background :
#E3B6B6;
background : linear-gradient(to bottom, #E3B6B6,
#C99);
text-shadow : 1px 1px 1px #2E2C2C;
}
.ads:hover {
background :
#E3B6B6;
background : linear-gradient(to bottom, #E3B6B6,
#B07B7B);
}
.arrow {
display : block;
padding : 0;
padding-right :
18px;
font-weight : normal;
background : url(images/arrow.png) right
center no-repeat;
}
.count {
font-size: 12px;
padding :
3px;
border-radius : 5px;
float : right;
margin-top : -3px;
border :
#D1D3D3 solid 1px;
color : #2E2424;
background : #E3E3E3;
background :
linear-gradient(to bottom, #E3E3E3, #DBD4D4);
}
.kolvo {
font-size:
10px;
/* padding: 3px; */
border-radius: 100px;
/* float: center;
*/
margin-top: -3px;
/* border: #D1D3D3 solid 1px; */
color:
#FFF;
background: #527936;
padding: 1px 5px;
/* font-size: 11px;
*/
position: relative;
top: -7px;
left: -9px;
z-index: 1;
}
.new
{
padding : 3px;
border-radius : 5px;
float : right;
margin-top :
-3px;
border : #D1D3D3 solid 1px;
color : #FF0000;
background :
#E3E3E3;
background : linear-gradient(to bottom, #E3E3E3,
#DBD4D4);
}
.nav {
color : #828282;
text-shadow : 1px 1px 1px
#000;
margin-left : 5px;
margin-right : 5px;
background :
#E0CCCB;
background : linear-gradient(to bottom, #E0CCCB,
#E3ADA6);
border : #FF7A9B solid 1px;
display : block;
padding :
8px;
}
.nav a {
background : #FF0D5A;
background : linear-gradient(to
bottom, #FF0D5A, #D70D13);
padding : 4px 12px;
border-radius :
9px;
color : #FFF;
text-shadow : 1px 1px 1px #000;
box-shadow : 0 0 16px
#FFF;
}
.nav a:hover {
background : #E2248A;
background :
linear-gradient(to bottom, #887E83, #797175);
}
.snav {
background :
#FF0D5A;
background : linear-gradient(to bottom, #FF0D5A,
#D70D13);
padding : 4px 12px;
border-radius : 9px;
color :
#FFF;
text-shadow : 1px 1px 1px #000;
box-shadow : 0 0 16px
#FFF;
}
.blok, .page {
color : #000;
text-shadow : 1px 1px 1px
#FFF;
border : #D1D3D3 solid 1px;
display : block;
background :
#E3E3E3;
background : linear-gradient(to bottom, #E3E3E3, #EEE);
padding
: 10px;
}
span.blok {
background : #DACDD1;
border-bottom : 1px dashed
#FC0065;
}
.page a {
border : #D1D3D3 solid 1px;
color :
#2E2424;
background : #E3E3E3;
background : linear-gradient(to bottom,
#FFF, #DBD4D4);
padding : 4px 12px;
border-radius : 9px;
text-shadow :
1px 1px 1px #FFF;
box-shadow : 0 0 16px #FFF;
}
.page a:hover {
color :
#F42828;
}
.spage {
background : #E2248A;
background :
linear-gradient(to bottom, #887E83, #797175);
padding : 4px
12px;
border-radius : 9px;
color : #FFF;
text-shadow : 1px 1px 1px
#000;
box-shadow : 0 0 16px #fff;
}
.foot {
color : #FFF;
padding :
10px 14px;
background: #628E43;
background: linear-gradient(to bottom,
#628E43, #516F3C);
}
.foot a {
color : #fff;
}
.foot a:hover {
color
: #fff;
font-weight : bold;
}
.copy {
color: #46B539;
text-align:
center;
padding-top: 8px;
border: #D1D3D3 solid 1px;
background:
#E3E3E3;
background: linear-gradient(to bottom, #E3E3E3, #EEE);
}
.ban
{
float : right;
padding : 2px;
}
.ban a img {
padding : 3px 0 3px
1px;
vertical-align : middle;
opacity :
0.10000000894069671630859375;
}
.ban a:hover img {
opacity :
1;
}
.icon {
display: inline-block;
padding-right : 8px;
vertical-align : middle; background-repeat: no-repeat;
background-image:
url(images/sprite.png);
}
.icon-user {
width: 15px;
height:
19px;
background-position: 0 0;
}
.icon-home {
width: 18px;
height:
19px;
background-position: -31px 0;
}
.icon-check-square-o {
width:
18px;
height: 19px;
background-position: -65px 0;
}
.icon-check-circle
{
width: 19px;
height: 19px;
background-position: -99px
0;
}
.icon-comment {
width: 19px;
height: 19px;
background-position:
-134px 0;
}
.icon-sign-in {
width: 19px;
height:
19px;
background-position: -169px 0;
}
.icon-arrow-circle-right {
width:
19px;
height: 19px;
background-position: -204px 0;
}
.icon-wrench
{
width: 18px;
height: 19px;
background-position: -239px
0;
}
.icon-sitemap {
width: 19px;
height: 19px;
background-position:
-273px 0;
}
.icon-gamepad {
width: 20px;
height:
19px;
background-position: -308px 0;
}
.icon-chevron-circle-right
{
width: 19px;
height: 19px;
background-position: -344px
0;
}
.icon-play-circle {
width: 19px;
height: 19px;
background-position:
-379px 0;
}
.icon-check-square {
width: 19px;
height:
19px;
background-position: -414px 0;
}
.icon-pencil-square {
width:
19px;
height: 19px;
background-position: -449px 0;
}
.icon-youtube-square
{
width: 19px;
height: 19px;
background-position: -484px
0;
}
.icon-youtube-play {
width: 19px;
height:
19px;
background-position: -519px 0;
}
.icon-windows {
width:
18px;
height: 19px;
background-position: 0 -35px;
}
.icon-foursquare
{
width: 18px;
height: 19px;
background-position: -34px
-35px;
}
.icon-envelope-square {
width: 19px;
height:
19px;
background-position: -68px -35px;
}
.icon-paw {
width:
18px;
height: 19px;
background-position: -103px -35px;
}
.icon-book
{
width: 19px;
height: 19px;
background-position: 0
-70px;
}
.icon-bookmark {
width: 7px;
height: 19px;
background-position:
-35px -70px;
}
.icon-bug {
width: 14px;
height:
19px;
background-position: -58px -70px;
}
.icon-check {
width:
14px;
height: 19px;
background-position: -88px -70px;
}
.icon-checklist
{
width: 14px;
height: 19px;
background-position: -118px
-70px;
}
.icon-chevron-right {
width: 8px;
height:
19px;
background-position: -148px -70px;
}
.icon-comment2 {
width:
17px;
height: 19px;
background-position: -172px
-70px;
}
.icon-comment-discussion {
width: 17px;
height:
19px;
background-position: -205px -70px;
}
.icon-device-mobile {
width:
12px;
height: 19px;
background-position: -238px -70px;
}
.icon-eye
{
width: 19px;
height: 19px;
background-position: -266px
-70px;
}
.icon-file-directory {
width: 17px;
height:
19px;
background-position: -301px -70px;
}
.icon-file-media {
width:
14px;
height: 19px;
background-position: -334px
-70px;
}
.icon-file-symlink-directory {
width: 17px;
height:
19px;
background-position: -364px -70px;
}
.icon-flame {
width:
19px;
height: 19px;
background-position: -397px -70px;
}
.icon-gift
{
width: 17px;
height: 19px;
background-position: -432px
-70px;
}
.icon-heart {
width: 14px;
height: 19px;
background-position:
-465px -70px;
}
.icon-home2 {
width: 19px;
height:
19px;
background-position: 0 -105px;
}
.icon-list-unordered {
width:
14px;
height: 19px;
background-position: -35px
-105px;
}
.icon-mark-github {
width: 19px;
height:
19px;
background-position: -65px -105px;
}
.icon-organization {
width:
17px;
height: 19px;
background-position: -100px -105px;
}
.icon-sign-in2
{
width: 17px;
height: 19px;
background-position: -133px
-105px;
}
.icon-star {
width: 17px;
height: 19px;
background-position:
-166px -105px;
}
.icon-tools {
width: 19px;
height:
19px;
background-position: -199px -105px;
}
.icon-unmute {
width:
17px;
height: 19px;
background-position: -234px -105px;
}
.icon-bullhorn
{
width: 19px;
height: 19px;
background-position: -267px
-105px;
}
.icon-book2 {
width: 19px;
height: 19px;
background-position:
-302px -105px;
}
.icon-notebook {
width: 19px;
height:
19px;
background-position: -337px -105px;
}
.icon-envelope {
width:
19px;
height: 19px;
background-position: -372px -105px;
}
.icon-bubble
{
width: 19px;
height: 19px;
background-position: -407px
-105px;
}
.icon-bubbles {
width: 21px;
height:
19px;
background-position: -442px -105px;
}
.icon-bubbles2 {
width:
21px;
height: 19px;
background-position: -479px -105px;
}
.icon-user2
{
width: 19px;
height: 19px;
background-position: -516px
-105px;
}
.icon-cog {
width: 19px;
height: 19px;
background-position: 0
-140px;
}
.icon-cog2 {
width: 19px;
height: 19px;
background-position:
-35px -140px;
}
.icon-menu {
width: 19px;
height:
19px;
background-position: -70px -140px;
}
.icon-earth {
width:
19px;
height: 19px;
background-position: -105px -140px;
}
.icon-eye2
{
width: 19px;
height: 19px;
background-position: -140px
-140px;
}
.icon-star2 {
width: 19px;
height: 19px;
background-position:
-175px -140px;
}
.icon-heart2 {
width: 19px;
height:
19px;
background-position: -210px -140px;
}
.icon-happy {
width:
19px;
height: 19px;
background-position: -245px -140px;
}
.icon-smiley
{
width: 19px;
height: 19px;
background-position: -280px
-140px;
}
.icon-info {
width: 19px;
height: 19px;
background-position:
-315px -140px;
}
.icon-checkmark-circle {
width: 19px;
height:
19px;
background-position: -350px -140px;
}
.icon-spam {
width:
19px;
height: 19px;
background-position: -385px -140px;
}
.icon-exit
{
width: 19px;
height: 19px;
background-position: -420px
-140px;
}
.icon-mail {
width: 19px;
height: 19px;
background-position:
-455px -140px;
}
.icon-googleplus {
width: 19px;
height:
19px;
background-position: -490px -140px;
}
.icon-facebook {
width:
19px;
height: 19px;
background-position: -525px -140px;
}
.icon-instagram
{
width: 19px;
height: 19px;
background-position: 0
-175px;
}
.icon-twitter {
width: 19px;
height:
19px;
background-position: -35px -175px;
}
.icon-cloud {
width:
19px;
height: 19px;
background-position: -70px -175px;
}
.icon-envelope2
{
width: 19px;
height: 19px;
background-position: -105px
-175px;
}
.icon-chart {
width: 19px;
height: 19px;
background-position:
-140px -175px;
}
.icon-apple {
width: 19px;
height:
19px;
background-position: -175px -175px;
}
.icon-heart22 {
width:
19px;
height: 19px;
background-position: -210px -175px;
}
.icon-bookmark2
{
width: 19px;
height: 19px;
background-position: -245px
-175px;
}
.icon-mobile {
width: 19px;
height: 19px;
background-position:
-280px -175px;
}
.icon-tag {
width: 19px;
height:
19px;
background-position: -315px -175px;
}
.icon-floppy {
width:
19px;
height: 19px;
background-position: -350px -175px;
}
.icon-smiley2
{
width: 19px;
height: 19px;
background-position: -385px
-175px;
}
.icon-shit {
width: 19px;
height: 19px;
background-position:
-420px -175px;
}
.icon-mobile2 {
width: 19px;
height:
19px;
background-position: 0 -210px;
}
.icon-mail2 {
width:
19px;
height: 19px;
background-position: -35px -210px;
}
.icon-user3
{
width: 19px;
height: 19px;
background-position: -70px
-210px;
}
.icon-users {
width: 19px;
height: 19px;
background-position:
-105px -210px;
}
.icon-map {
width: 19px;
height:
19px;
background-position: -140px -210px;
}
.icon-heart3 {
width:
19px;
height: 19px;
background-position: -175px -210px;
}
.icon-chat
{
width: 19px;
height: 19px;
background-position: -210px
-210px;
}
.icon-comment3 {
width: 19px;
height:
19px;
background-position: -245px -210px;
}
.icon-search {
width:
19px;
height: 19px;
background-position: -280px -210px;
}
.icon-camera
{
width: 19px;
height: 19px;
background-position: -315px
-210px;
}
.icon-new {
width: 19px;
height: 19px;
background-position:
-350px -210px;
}
.icon-newspaper {
width: 19px;
height:
19px;
background-position: -385px -210px;
}
.icon-briefcase {
width:
19px;
height: 19px;
background-position: -420px -210px;
}
.icon-earth2
{
width: 19px;
height: 19px;
background-position: -455px
-210px;
}
.icon-cart {
width: 19px;
height: 19px;
background-position:
-490px -210px;
}
.icon-login {
width: 19px;
height:
19px;
background-position: -525px -210px;
}
.icon-download {
width:
19px;
height: 19px;
background-position: 0 -245px;
}
.icon-disk {
width:
19px;
height: 19px;
background-position: -35px
-245px;
}
.icon-arrow-right {
width: 19px;
height:
19px;
background-position: -70px -245px;
}
.icon-untitled {
width:
19px;
height: 19px;
background-position: -105px
-245px;
}
.icon-instagram2 {
width: 19px;
height:
19px;
background-position: -140px -245px;
}
.icon-vk {
width:
19px;
height: 19px;
background-position: -175px -245px;
}