Файл: css/1/style.css
Строк: 776
body{background:#d7dee6 url(/img/bg.jpg) repeat; margin:0; padding:0;
font-family: tahoma; font-size:12px;color:#383838;}
h1{font-family:tahoma;
font-size:12px; font-weight:bold; color:#ff7f66; margin: 4px 0 16px
0px;text-transform: uppercase;}
h2{font-family:tahoma; font-size:12px;
font-weight:bold; color:#fff; margin: 0px 0 10px
0px;}
a:link{color:#3e7899;
text-decoration:none;}
a:visited{color:#3e7899;text-decoration:none;}
a:hover{color:red;text-decoration:underline;}
#Ajax
{
position:fixed;
height: 100%;
width: 100%;
background:
white;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE
5.5+*/
-moz-opacity: 0.9; /* Mozilla 1.6 и ниже */
-khtml-opacity:
0.9; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.7; /* CSS3 - Mozilla 1.7b
+, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
display:none;
z-index:
1;
}
#loader {
width:100px; /*Ширина блока*/
height:100px; /*Высота блока*/
margin:0 auto;
overflow:visible;
position:absolute;
left:50%;
top:50%;
margin-left:-50px; /*Смещаем блок на половину всей
ширины влево*/
margin-top:-50px; /*Смещаем блок
на половину высоты вверх*/
background:
url('/img/ajax.gif');
}
#logo2
{
margin-left:-194px;
}
.birth-day{
width:60px;
}
.birth-month{
width:120px;
}
.birth-year{
width:70px;
}
#login{
width:14px;
height:14px;
background:url("/img/glyphicons-halflings.png");
background-position:-168px
0px;
}
#password{
width:14px;
height:14px;
background:url("/img/glyphicons-halflings.png");
background-position:-287px
-23px;
}
#header{
background:#434039 url('/img/header.jpg') repeat-x;
height:70px;
background-position:0 -10px;
min-width:
960px;
width:100%;
}
#header-line{
height:10px;
background:#434039
url("/img/bg2.jpg") repeat;
background-position: 0px
0px;
}
#top{
background:#2d93d3 url("/img/header.jpg")
repeat;
height:71px;
width:960px;
margin:auto;
background-position:
0px
-80px;
}
#logo{
float:left;
}
#menu{
width:530px;
float:left;
}
.menu{
width:520px;
list-style-type:
none;
margin:0;
}
.menu li{ float:left;
}
.dropdown-menu li
{float:none;}
.menu
a.nafig{
color:#fff;
display:block;
text-decoration:none;
font-size:12px;
text-shadow:1px
1px #FAFAFA;
margin:22px 8px 0px 8px;
padding:4px 7px 6px
7px;
border-radius:5px;
#border-top:1px solid
#FFFFFF;
#box-shadow:inset 0 -1px 0
#FFFFFF;
color:#fff;
text-shadow:1px 1px
#1d1d1d;
background:-webkit-linear-gradient(top, #4b4b4b,
#3a3a3a);
background:-moz-linear-gradient(top, #4b4b4b,
#3a3a3a);
background:-o-linear-gradient(top, #4b4b4b,
#3a3a3a);
background:-ms-linear-gradient(top, #4b4b4b,
#3a3a3a);
}
.menu a.nafig:hover{
#border-top:1px solid
#FFFFFF;
#box-shadow:inset 0 -1px 0
#FFFFFF;
color:#fff;
text-shadow:1px 1px
#1d1d1d;
background:-webkit-linear-gradient(top, #5a5a5a,
#5a5a5a);
background:-moz-linear-gradient(top, #5a5a5a,
#5a5a5a);
background:-o-linear-gradient(top, #5a5a5a,
#5a5a5a);
background:-ms-linear-gradient(top, #5a5a5a,
#5a5a5a);
background-color:#5a5a5a;
padding:4px 7px 6px 7px;
}
.menu
a.nafig:active{
#border-top:1px solid #FFFFFF;
#box-shadow:inset 0 -1px
0 #FFFFFF;
color:#fff;
text-shadow:0 -1px
#131313;
background:-webkit-linear-gradient(top, #252525,
#3c3c3c);
background:-moz-linear-gradient(top, #252525,
#3c3c3c);
background:-o-linear-gradient(top, #252525,
#3c3c3c);
background:-ms-linear-gradient(top, #252525,
#3c3c3c);
padding:4px 7px 6px
7px;
background-color:#323232;
}
#nav{
width:240px;
height:70px;
float:right;
background:#3ca2e4
url("/img/header.jpg") repeat-x;
background-position: 0px
-150px;
}
#sidebar #nav {
height: auto;
}
#nav
a{text-decoration:none;}
#nav li.active {
cursor: default;
text-decoration: none;
background:rgba(0, 0, 0, 0.1);
}
#nav li.active
.ava{
opacity:1.0;
}
#nav div.active {
display:block;
width:100%;
}
.nav{
width:240px;
padding:0 0 0
15px;
list-style-type: none;
margin-top:16px;
}
.nav
li{
width:35px;
height:35px;
float:left;
margin:0px 2px 0
5px;
border-radius:3px;
text-decoration:none;
-webkit-transition:all
0.3s;
}
.nav li:hover{
background:rgba(0, 0, 0,
0.1);
border-radius:3px;
-webkit-transition:all 0.3s;
}
.ava
{
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255,
0.5);
display:block;
border-radius:3px;
width:35px;
height:35px;
border-bottom:1px
solid #49535d;
opacity:0.7;}
.tool {border-radius:5px;}
#tab1
{border-radius:5px;}
.notify{
background:#d44152;
font-size:10px;
padding:0px
2px 0px
2px;
color:#fff;
float:right;
margin-bottom:-12px;
border-radius:2px;
position:relative;
text-shadow:0px
1px #bc0000;
box-shadow: 0px 1px 1px #333d47;
z-index:
1;
}
.home-menu {margin:0; padding:0;}
.home-menu
li{
list-style-type: none;
border-bottom:1px solid
#EEE9DD;
-webkit-transition:all 0.3s;
-0-transition:all
0.3s;
-moz-transition:all 0.3s;
-ms-transition:all
0.3s;
display:block;
}
.home-menu ul li a{
list-style-type:
none;
}
.home-menu
li:hover{
text-decoration:none;
background:#fffaf2;
-webkit-transition:all
0.3s;
-0-transition:all 0.3s;
-moz-transition:all
0.3s;
-ms-transition:all 0.3s;
}
#smallnotify {
font-size:
10px;
font-weight: normal;
display:block;}
#nav .home-menu li
a{
display:block;
text-decoration:none;
color:#93866f;
font-weight:
bold;
padding:11px 0px 11px 10px;
-webkit-transition:all
0.3s;
}
#informer{
float:right;
margin:3px 15px 0
0;
background:#d44152;
border-radius:3px;
box-shadow:0 1px
#fff;
padding:1px 4px 2px
4px;
font-weight:normal;
color:#fff;
font-size:10px;
}
#informerred{
float:right;
margin:3px
15px 0 0;
background:#d44152;
border-radius:3px;
box-shadow:0 1px
#fff;
padding:1px 4px 2px
4px;
font-weight:normal;
color:#fff;
font-size:10px;
}
#informergreen{
float:right;
margin:3px
15px 0 0;
background:#93b549;
border-radius:3px;
box-shadow:0 1px
#fff;
padding:1px 4px 2px
4px;
font-weight:normal;
color:#fff;
font-size:10px;
}
#informerblack{
float:right;
margin:3px
15px 0 0;
background:#454545;
border-radius:3px;
box-shadow:0 1px
#fff;
padding:1px 4px 2px
4px;
font-weight:normal;
color:#fff;
font-size:10px;
}
#content{
background:#fff
url("/img/sidebar.jpg") repeat-y
right;
width:960px;
margin:auto;
}
.cont{
width:690px;
float:left;
padding:
12px 15px 15px
15px;
}
#sidebar{
width:240px;
float:right;
min-height:500px;
}
.navi{padding:15px;}
#nav
a{color:#676f7c;}
#nav a:hover{text-decoration:none;
-webkit-transition:all 0.3s;}
#sidebar #nav
{width:240px;background:none;}
#footer{
width:960px;
background:#2d93d3
url("/img/bg3.jpg")
repeat;
margin:auto;
}
#footer2{
width:960px;
height:50px;
background:#FAFAFA;
margin:auto;
}
#foot2{
width:650px;
float:left;
padding:10px
0px 10px
15px;
color:#9E9E9E;
}
#foot3{
width:275px;
float:right;
text-align:right;
color:#9E9E9E;
height:50px;
}
#foot{
width:210px;
float:left;
padding:12px
15px 12px 15px;
}
#foot ul
{
padding:0px;
margin:0px;
list-style-type:none;
}
#foot a
{
color:#808080;
border-radius:3px;
}
#foot h2 {
color:
#686868;
}
#foot ul li a {
display: block;
padding:4px 7px 4px
7px;
-moz-transition: all linear .2s;
-webkit-transition: all linear
.2s;
-o-transition: color linear .2s;
-ms-transition: color linear
.2s;
}
#foot ul li a:hover {
color:#d44152; padding:4px 7px 4px
7px;
text-decoration:none;
-moz-transition: all linear
.2s;
-webkit-transition: all linear .2s;
-o-transition: color linear
.2s;
-ms-transition: color linear .2s;
}
#footshadow {
width:
960px;
height: 50px;
margin-bottom: 10px;
background:
url(/img/footshadow.png)
no-repeat;
}
.clear{clear:both;}
.nav-tabs > .active >
a,
.nav-tabs > .active > a:hover {
background:rgba(0,0,0,0.1);
border-radius:3px;
}
.reg a {padding:15px 0 0 15px;}
.reg
{
border-style:none;
width:210px;
height:37px;
background:-webkit-linear-gradient(#D85D6C,
#DA3751);
background:-moz-linear-gradient(#D85D6C,
#DA3751);
background:-o-linear-gradient(#D85D6C,
#DA3751);
background:-ms-linear-gradient(#D85D6C,
#DA3751);
background-color: #ff7f66;
border-radius:5px;
color:#fff
!important;
border-bottom: 1px solid rgba(0, 0, 0,
0.34);
box-shadow:inset 0 1px 0
#ffa391;
line-height:37px;
font-weight:bold;
text-shadow:0 1px 0
#c45944;
display: block;
text-decoration:none;
margin: 15px
16px;
}
.reg:hover{
background:-webkit-linear-gradient(#E97F8B,
#D8556A);
background:-moz-linear-gradient(#E97F8B,
#D8556A);
background:-o-linear-gradient(#E97F8B,
#D8556A);
background:-ms-linear-gradient(#E97F8B,
#D8556A);
background-color: #ff8c76;
box-shadow:inset 0 1px 0
#ffa391;
border-bottom: 1px solid rgba(0, 0, 0,
0.34);
text-decoration:none;
}
.reg:active{
background:-webkit-linear-gradient(#D55160,
#D8556A);
background:-moz-linear-gradient(#D55160,
#D8556A);
background:-o-linear-gradient(#D55160,
#D8556A);
background:-ms-linear-gradient(#D55160,
#D8556A);
background-color: #e7664d;
box-shadow:inset 0 1px 0
#ff7f66;
border-bottom: 1px solid rgba(0, 0, 0,
0.34);
text-decoration:none;
}
.tabs-setting{
background-image:url(/img/iconsettabs.png);
background-position:0 0;
width:25px;
height:23px;
display:
inline-block;
margin:5px;
}
.tabs-task{
background-image:url(/img/iconsettabs.png);
background-position:-25px 0;
width:25px;
height:23px;
display:
inline-block;
margin:5px;
}
.tabs-info{
background-image:url(/img/iconsettabs.png);
background-position:-50px 0;
width:25px;
height:23px;
display:
inline-block;
margin:5px;
}
.tabs-other{
background-image:url(/img/iconsettabs.png);
background-position:-75px 0;
width:25px;
height:23px;
display:
inline-block;
margin:5px;
}
.tabs-earn{
background:url(/img/coins_add.png)
no-repeat center;
width:25px;
height:23px;
display:
inline-block;
margin:5px;
}
.home-setting{
background-image:url(/img/iconset.png);
background-position:0 0;
width:25px;
height:23px;
display:
inline-block;
vertical-align:middle;
}
.home-menu li:hover
.home-setting{
background-image:url(/img/iconsetred.png);
}
.home-user{
background-image:url(/img/iconset.png);
background-position:75px 0;
width:25px; height:25px;
display:
inline-block;
vertical-align:middle;
}
.home-menu li:hover
.home-user{
background-image:url(/img/iconsetred.png);
}
.home-task{
background-image:url(/img/iconset.png);
background-position:50px 0;
width:25px; height:25px;
display:
inline-block;
vertical-align:middle;
}
.home-menu li:hover
.home-task{
background-image:url(/img/iconsetred.png);
}
.home-wallet{
background-image:url(/img/iconset.png);
background-position:25px 0;
width:25px;
height:25px;
display:
inline-block;
vertical-align:middle;
}
.home-menu li:hover
.home-wallet{
background-image:url(/img/iconsetred.png);
}
.home-earn{
background-image:url(/img/iconset.png);
background-position:0 -25px;
width:25px;
height:25px;
display:
inline-block;
vertical-align:middle;
}
.home-menu li:hover
.home-earn{
background-image:url(/img/iconsetred.png);
}
.home-help{
background-image:url(/img/iconset.png);
background-position:-25px -25px;
width:25px;
height:25px;
display: inline-block;
vertical-align:middle;
}
.home-menu li:hover
.home-help{
background-image:url(/img/iconsetred.png);
}
.home-power{
background-image:url(/img/iconset.png);
background-position:-50px -25px;
width:25px;
height:25px;
display: inline-block;
vertical-align:middle;
}
.home-menu li:hover
.home-power{
background-image:url(/img/iconsetred.png);
}
.home-info{
background-image:url(/img/iconset.png);
background-position:25px 100px;
width:25px;
height:25px;
display: inline-block;
vertical-align:middle;
}
.home-menu li:hover
.home-info{
background-image:url(/img/iconsetred.png);
}
.home-repost{
background-image:url(/img/iconset.png);
background-position:0px -50px;
width:25px;
height:25px;
display: inline-block;
vertical-align:middle;
}
.home-menu li:hover
.home-repost{
background-image:url(/img/iconsetred.png);
}
.home-like{
background-image:url(/img/iconset.png);
background-position:75px -50px;
width:25px;
height:25px;
display: inline-block;
vertical-align:middle;
}
.home-menu li:hover
.home-like{
background-image:url(/img/iconsetred.png);
}
.home-follow{
background-image:url(/img/iconset.png);
background-position:50px -50px;
width:25px;
height:25px;
display: inline-block;
vertical-align:middle;
}
.home-menu li:hover
.home-follow{
background-image:url(/img/iconsetred.png);
}
.home-group{
background-image:url(/img/iconset.png);
background-position:25px -50px;
width:25px;
height:25px;
display: inline-block;
vertical-align:middle;
}
.home-menu li:hover
.home-group{
background-image:url(/img/iconsetred.png);
}
.home-retwit{
background-image:url(/img/iconset.png);
background-position:0px -75px;
width:25px;
height:25px;
display: inline-block;
vertical-align:middle;
}
.home-menu li:hover
.home-retwit{
background-image:url(/img/iconsetred.png);
}
.home-fav{
background-image:url(/img/iconset.png);
background-position:-25px -75px;
width:25px;
height:25px;
display: inline-block;
vertical-align:middle;
}
.home-menu li:hover
.home-fav{
background-image:url(/img/iconsetred.png);
}
.home-vk{
background-image:url(/img/iconset.png);
background-position:-50px -75px;
width:25px;
height:25px;
display: inline-block;
vertical-align:middle;
}
.home-menu
li:hover .home-vk{
background-image:url(/img/iconsetred.png);
}
.home-twitter{
background-image:url(/img/iconset.png);
background-position:-75px -75px;
width:25px;
height:25px;
display: inline-block;
vertical-align:middle;
}
.home-menu li:hover
.home-twitter{
background-image:url(/img/iconsetred.png);
}
.home-fb{
background-image:url(/img/iconset.png);
background-position: 0px -100px;
width:25px;
height:25px;
display:
inline-block;
vertical-align:middle;
}
.home-fblike{
background-image:url(/img/iconset.png);
background-position: -25px -100px;
width:25px;
height:25px;
display:
inline-block;
vertical-align:middle;
}
.home-fbfr{
background-image:url(/img/iconset.png);
background-position: -50px -100px;
width:25px;
height:25px;
display:
inline-block;
vertical-align:middle;
}
.home-fbgr{
background-image:url(/img/iconset.png);
background-position: -75px -100px;
width:25px;
height:25px;
display: inline-block;
vertical-align:middle;
}
.iconred
{background-image:url(/img/iconsetred.png);}
.home-menu
i{margin-right:8px;}
#shadow-top{
width:1000px;
height:
70px;
background:url(/img/shadow-top.png)
no-repeat;
margin:auto;
}
#shadow-content{
width:1000px;
background:url(/img/shadow-content.png) no-repeat;
margin:auto;
}
.menu-language li
a:hover{text-decoration:none;}
.menu-language{margin:0;
padding:0;}
.menu-language li{
list-style-type:
none;
-webkit-transition:all 0.3s;
-0-transition:all
0.3s;
-moz-transition:all 0.3s;
-ms-transition:all
0.3s;
display:block;
}
.menu-language ul li a{
list-style-type:
none;
}
.menu-language
li:hover{
text-decoration:none;
background:#E6E6E6;
-webkit-transition:all
0.3s;
-0-transition:all 0.3s;
-moz-transition:all
0.3s;
-ms-transition:all 0.3s;
}
.menu-language li a {
display:
block;
text-decoration: none;
color: #5e6e7e;
font-weight:
bold;
padding: 5px 0px 5px 5px;
-webkit-transition: all
0.3s;
}
/*** Меню прочее ***/
#nav #tab5
a{
color:#fff;
text-decoration:none;
text-align:center;
padding-top:10px;
text-shadow:0px 1px rgba(0,0,0,
0.3);
font-weight:bold;
width:80px;
height:60px;
float:left;
-webkit-transition:
background-color 0.3s;
}
#nav #tab5
a:hover{text-decoration:none;}
#menu-like a{
background:#dd5766
url(/img/menu-bg.png) repeat-x;
box-shadow: inset 0 1px 0
rgba(255,255,255,0.3);
border-bottom:2px solid #c04c59;
}
#menu-like
a:hover{background-color:#dd4253;}
#menu-retwit a{
background:#85add4
url(/img/menu-bg.png) repeat-x;
box-shadow: inset 0 1px 0
rgba(255,255,255,0.3);
border-bottom:2px solid #7497b9;
}
#menu-retwit
a:hover{background-color:#70a2d3;text-decoration:none;}
#menu-publik
a{
background:#b365c6 url(/img/menu-bg.png) repeat-x;
box-shadow: inset
0 1px 0 rgba(255,255,255,0.3);
border-bottom:2px solid
#9c58ac;
}
#menu-publik
a:hover{background-color:#ae50c5;}
#menu-group a{
background:#93b969
url(/img/menu-bg.png) repeat-x;
box-shadow: inset 0 1px 0
rgba(255,255,255,0.3);
border-bottom:2px solid #80a15b;
}
#menu-group
a:hover{background-color:#8ab956;}
#menu-repost
a{
background:#f1a04a url(/img/menu-bg.png) repeat-x;
box-shadow: inset
0 1px 0 rgba(255,255,255,0.3);
border-bottom:2px solid
#d28b40;
}
#menu-repost
a:hover{background-color:#f19533;}
#menu-fav a{
background:#62a37b
url(/img/menu-bg.png) repeat-x;
box-shadow: inset 0 1px 0
rgba(255,255,255,0.3);
border-bottom:2px solid #558e6b;
}
#menu-fav
a:hover{background-color:#52a371;}
.developer img
{
margin-right:15px;
}
.devname {
font-size: 12px;
font-weight:
bold;
color: #ff7f66;
margin: 4px 0 16px 0px;
text-transform:
uppercase;
}
.devname span
{
margin-left:10px;
color:#7d7665;
}
.devinfo
{
display:block;
font-size:10px;
color:gray;
}