Файл: youfone/design/style.css
Строк: 522
body {
font-size : 14px;
font-family : Arial;
color :
#000;
background : url(desing/bg.png) #fff;
background-attachment :
fixed;
margin : 0 auto;
border-radius : 15px;
max-width :
6000px;
}
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;
}
header {
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;
}
footer {
color : #FFF;
padding :
10px 14px;
background: #628E43;
background: linear-gradient(to bottom,
#628E43, #516F3C);
}
.footer a {
color : #fff;
}
.footer 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;
}