Файл: design/auth_mobile.css
Строк: 454
html, body {overflow-x: hidden;}
body, input, textarea, select, button
{font-family: Sans-Serif; font-size: 12px;}
body {
background:
#F0F0F0;
color: #000000;
line-height: 16px;
max-width:
1000px;
margin: auto;
padding: 0;
}
a{text-decoration:none;
color:#4C6B8F; margin:0px; padding:0px;}
a:hover{text-decoration:
underline;}
ul {margin: 3px 0px 0px 0px;}
body {box-shadow: 0 0 3px 1px
rgba(0,0,0,0.1);}
.display_none {display:none;}
.clear {clear:
both;}
.time {color: #909090;}
.visit {color: #777777;}
.title .visit
{color: #A5ABAD;font-size:10px;}
.err {background: #F9F6E7; border: 1px
solid #D4BC4C; padding: 8px; margin: 4px;}
.ok {background: #E9F6E7;
border: 1px solid #D9E6D7; padding: 8px; margin: 4px;}
.online {color:
#A5ABAD; font-weight: bold; font-size: 11px;}
#bg_orange {background:
#E66916;}
#bg_red {background: #C61916;}
#bg_black {background:
#606060;}
.right {float: right;}
.ico {margin-right: 6px;}
.avatar_icons
{float: left; margin: 0px 6px 0px 0px; width: 32px; height: 32px;
border-radius: 3px;}
.preview, .preview_mini, .preview_icons {background:
#FFFFFF; padding: 1px; margin: 1px;}
.preview {max-width: 500px;
max-height: 400px;}
.preview_mini {max-width: 30%;}
.preview_icons
{max-width: 30%;}
.album_cover {background: #FFFFFF; padding: 1px;
margin-right: 6px; border: 1px solid #DCDCDC; float: left;}
.del_cache
{background:url(img/del.png) center no-repeat;}
.del_cache img {opacity:
0.5;}
.del_cache img:hover {opacity: 1;}
.re_comm {display:
none;}
.quote {background: #F5F5F5; padding: 6px; color: #777777;
margin-bottom: 6px;}
.for_mobile {display: none;}
a.crl {background:
#F5F5F5; padding: 6px; margin: 1px; border-radius: 3px; text-decoration:
none;}
a.crl b {margin-left: 3px; color: #808080;}
#home
{background-image: url(img/bar/home.png); background-repeat: no-repeat;
background-position: center; background-size: auto 60%;}
#mail
{background: url(img/bar/mail.png); background-repeat: no-repeat;
background-position: center; background-size: auto 60%;}
#journal
{background: url(img/bar/journal.png); background-repeat: no-repeat;
background-position: center; background-size: auto 60%;}
#user
{background: url(img/bar/user.png); background-repeat: no-repeat;
background-position: center; background-size: auto 60%;}
#home:hover,
#mail:hover, #journal:hover, #user:hover {background-color:
rgba(0,0,0,0.1);}
#count_mail_mobile b, #count_journal_mobile b
{font-size: 10px; color: #FFFF00; margin-left: 40px; line-height:
16px;}
#loading {background: #FFFFFF url(img/loading.gif) center
no-repeat; opacity: 0.9; width: 64px; height: 64px; border-radius: 100%;
position: fixed; top: 50%; left: 50%; margin: -32px 0px 0px -32px;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.1); display: none;}
#notifications
{background: rgba(0,0,0,0.6); color: #FFFFFF; z-index: 1000; position:
fixed; top: 200px; width: 350px; padding: 10px; box-shadow: 0 0 5px 1px
rgba(0,0,0,0.6); border-radius: 3px; display:
none;}
#panel_notifications {z-index: 1000; position: fixed; bottom: 0;
left: 0; margin: 10px; width: 300px;}
#panel_notifications a
{color:#8CABBF;}
.block_notification {background: rgba(0,0,0,0.6); color:
#FFFFFF; margin-top: 10px; padding: 10px; box-shadow: 0 0 5px 1px
rgba(0,0,0,0.6); border-radius: 3px; display: none;}
.player
{background: #F8F8F8; position: fixed; bottom: 0; right: 0; z-index: 1;
width: 206px; padding: 1px; margin: 10px; box-shadow: 0 0 3px 1px
rgba(0,0,0,0.1);}
img.track {background: #82AA61; width: 25px; height:
25px; padding: 3px; margin-right: 3px; border-radius: 3px;}
#progressbar
{width: 100%;}
#window {background: #F7F7F7; position: absolute; width:
600px; top: 100px; margin-left: 200px; z-index: 1000; box-shadow: 0 0 8px
6px rgba(0,0,0,0.1); border: 1px solid #FFFFFF; display: none;}
#window
textarea {height: 200px;}
#form_content {display: none;}
#form_content
img {margin: 2px;}
img {vertical-align: middle;}
table {margin:
auto;}
td {vertical-align: top; width: 100%;}
.input {
padding:
4px;
margin: 4px 0px 4px 0px;
font-family:Arial,sans-serif;
outline:
0;
border: 1px solid #C4D1B9;
border-radius: 3px;
display:
block;
width: 98%;
}
.menu form {padding: 6px;}
.input2 {
padding:
4px;
margin: 4px 0px 4px 0px;
font-family:Arial,sans-serif;
outline:
0;
border: 1px solid #C4D1B9;
border-radius: 3px;
}
.input_file
{
margin-bottom: 5px; width: 80%;
}
.button {
background:
#82AA61;
color: #FFFFFF;
font-weight: bold;
padding: 6px;
border:
0;
border-radius: 3px;
display: block;
width: 99.6%;
cursor:
pointer;
}
a.button {text-decoration: none;}
.button2 {
background:
#82AA61;
color: #FFFFFF;
font-weight: bold;
padding: 6px;
border:
0;
border-radius: 3px;
width: auto;
cursor: pointer;
}
.button3
{
background: none;
padding: 6px;
border: 0;
width: auto;
cursor:
pointer;
}
.button_a {
background: #E5EBE1;
font-weight:
bold;
padding: 6px;
display: block;
text-align:
center;
border-radius: 3px;
}
.button_a:hover {text-decoration:
none;}
.button_player {background: #F7F7F7; padding: 6px; margin-right:
6px; border: 1px solid #F0F0F0; border-radius: 3px; cursor: pointer; float:
left;}
.head {position: fixed; z-index: 1000; top: 0; left: 0; right: 0;
background: #80A65D; height: 40px; box-shadow: 0 2px 3px
rgba(0,0,0,0.3);}
.head_panel {max-width: 850px;}
.head_nav {display:
none;}
.head_nav a {display: block; width: 25%; height: 40px; line-height:
40px; text-align: center; float: left; text-decoration:
none;}
.head_panel {position: fixed; top: 0; width: 850px; text-align:
right; z-index: 1000;}
a.a_head_panel {background: #66844A; color:
#FFFFFF; padding: 6px; margin-right: 6px; font-size: 11px; font-weight:
bold; line-height: 40px; border-radius: 3px; text-decoration:
none;}
.logo {position: fixed; top: 0; z-index: 1000; line-height: 40px;
text-align: center; color: #FFFFFF; font-weight: bold; padding-left:
10px;}
.content_left .logo {width: 200px; padding-left:
0px;}
.content_left, .content_right, .content {padding-top:
40px;}
.content_left, .content_right {background: #F8F8F8; width:
200px;}
.content_block {background: #FFFFFF;}
.content_block li
{
font-weight: bold;
font-size: 12px;
padding: 8px;
border-bottom:
1px solid #EFEFEF;
list-style: none;
}
.content_block li:hover
{background: rgba(0,0,0,0.03);}
.content_block a {color: #777777;
text-decoration:none;}
.content_block #count_mail b, .content_block
#count_friends b, .content_block #count_journal b {background: #FF7857;
color: #FFFFFF; padding: 3px 6px 3px 6px; margin: -3px 0px 0px 0px;
border-radius: 3px; float: right;}
.content_block img {float:left;
margin-right: 6px; opacity: 0.7;}
.block2 .status {padding: 0px;
font-weight: normal;}
.content {
width: 600px;
background:
#FFFFFF;
position:relative;
padding-top: 40px;
box-shadow: 0 0 3px
1px rgba(0,0,0,0.1);
margin: auto;
}
.wrap {
width:
600px;
word-wrap:break-word;
overflow:
hidden;
position:relative;
display: block;
}
.title {
background:
#E5EBED;
color: #656B6D;
font-weight: bold;
padding: 8px;
clear:
both;
margin-bottom: 1px;
}
.title a, .title .input2 {background:
#FFFFFF; padding: 5px; font-weight: normal; border-radius: 3px;}
.title a
{display: inline-block;}
.title .right a {background: none; padding: 1px;
opacity: 0.6;}
.title a img {opacity:0.9; margin-left:
3px;}
a.title_a_hover {background: #82AA61; color: #FFFFFF; padding: 5px;
font-weight: normal; border-radius: 3px;}
#title {
background:
#E5EBED;
color: #858B8D;
font-weight: bold;
padding: 6px;
}
#title
a {font-weight: normal;}
#title_menu {display: none;}
#title_menu a
{display: block; padding-left: 6px; line-height: 30px; border-bottom: 1px
solid #E5EBED; text-decoration: none;}
.status {padding-bottom: 5px;
font-size: 11px;}
.form_status {display: none; padding-bottom:
5px;}
.form_status .button {width: 100px; display:
inline-table;}
.post_panel {text-align: right; display: block;
padding-top: 6px;}
.block {
padding: 8px;
border-bottom: solid 1px
#E4E5E6;
}
.block1 {
background: #E5EBED;
color: #000000;
padding:
8px;
margin-bottom: 1px;
border-bottom: solid 1px #E4E5E6;
}
.block2
{
background: #E5EBED;
color: #000000;
padding: 8px;
clear:
both;
margin-bottom: 1px;
}
.block_left {width: 40%; float: left;
text-align: center; padding: 10px 0px 10px 0px;}
.block_left .button
{width: 200px; margin-top: 8px; text-align: center;}
.block_right {width:
60%; float: right; padding: 10px 0px 0px 0px; overflow:
hidden;}
.block_right li {color: #777777; width: 40%; float: left;
list-style: none;}
.block_right a li {background: #F5F5F5; color: #808080;
font-weight: bold; width: 100%; margin: 1px; padding: 6px;}
.block_right b
{float: right; margin-right: 16px;}
.navi {
background:
#E5EBED;
color: #FFFFFF;
text-align: center;
padding: 3px;
clear:
both;
border-bottom: 1px solid #F5FBFD;
}
.navi a {background:
#FFFFFF; color: #999999; padding: 3px 6px 3px 6px; font-weight: normal;
border-radius: 3px; margin-bottom: 1px; display: inline-block;
text-decoration: none;}
.navi a:hover {background: #82AA61; color:
#FFFFFF;}
.navi u {padding: 3px 0px 3px 0px; font-weight: bold;
border-radius: 3px; text-decoration: none; margin-bottom: 1px;}
.navi b
{background: #E67916; padding: 3px 6px 3px 6px; font-weight: normal;
border-radius: 3px; text-decoration: none; display: inline-block;}
.foot
{
background: #F8F8F8;
color: #999999;
text-align: center;
padding:
12px;
}
.foot a {color: #92BA61; padding: 2px 3px 2px 3px; margin:1px;
border-radius:3px; display: inline-block;}
.panel_foot {padding-bottom:
6px;}
.scroll_fix_bg {
cursor: pointer;
position: fixed;
width: 200px;
top: 0;
bottom: 0;
display:
none;
}
.scroll_fix_bg:hover {background: rgba(0,0,0,0.03)
url(img/scrolltop.jpg) no-repeat center 40px;}
.menu_list {
margin-bottom:
-2px;
}
.body_icon{background:url(/design/image/faq_icons.png?1) left
12px no-repeat;padding:10px 0 0px 4px}
.content_blocks li
{
font-weight: bold;
font-size: 12px;
padding: 12px;
border-bottom:
1px solid #EFEFEF;
list-style: none;
}