Файл: design/style.css
Строк: 647
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;}
.avatar_iconz {float: left; margin: 0px 6px 0px 0px;
width: 30px; height: 30px; 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%;}
#friends {background: url(img/bar/user.png); background-repeat:
no-repeat; background-position: center; background-size: auto
60%;}
#home:hover, #mail:hover, #journal:hover, #friends:hover,
#user:hover {background-color: rgba(0,0,0,0.1);}
#count_mail_mobile b,
#count_friends_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: #34bfad; 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:
#34bfad;
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:
#34bfad;
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;
}
.profil
{
background:url(img/cover.jpg) center repeat-x;
background-size: auto
100%;
width: 100%;
height: 250px;
text-align:
center;
}
.profil_name {
color: #FFFFFF;
text-shadow: 0px 0px 3px
rgba(0,0,0,0.8);
}
.profil .visit {color: #FFFFFF; font-size: 11px;
margin-top: 8px;}
.profil_button {border-bottom: 1px solid
#E4E5E6;}
.profil_button a.button2 {padding: 10px; margin: 6px; display:
inline-block; border-radius: 100%;}
.profil_button a.button2:hover
{opacity:0.7;}
.profil_avatar {width: 180px; height: 180px; border: 1px
solid rgba(255,255,255,0.4); margin: 30px 0px 30px 12px; box-shadow: 0 0
2px 1px rgba(0,0,0,0.6);}
.profil_button b {display:
none;}
.button_a:hover {text-decoration: none;}
.button_player
{background: 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: #34bfad;
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 {
position: relative;
width:
40%;
max-width: 40%;
background: #FFFFFF;
padding-top:
40px;
box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
margin:
auto;
}
.content_block>a>li {
border: 0;
margin:
5px;
border-radius: 2px;
transition: all .2s;
background:
white;
}
.wrap {
width: 600px;
max-width:
700px;
word-wrap:break-word;
overflow: hidden;
display:
block;
overflow-wrap: break-word;
}
.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: #34bfad; 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;}
.input {
border: 0;
box-shadow:
0 0 5px rgba(0,0,0,0.3);
margin: 5px;
margin-left: 2px;
border-radius:
2px;
transition: all .2s;
background: white;
outline: 0;
resize:
none;
}
.input:focus {
border: 0;
box-shadow: 0 0 7px
rgba(0,0,0,0.5);
border-radius: 2px;
}
.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: left; display: block;
padding-top: 6px;}
@media screen and (max-width: 1000px)
{
.block>ul {
word-break: break-all;
}
.block1>ul {
word-break:
break-all;
}
.wrap>ul {
word-break: break-all;
}
}
.block>ul
{
word-wrap: break-word ;
word-break: normal;
}
.block1>ul
{
word-wrap: break-word;
word-break: normal;
}
.block1 {
color:
#000000;
padding: 8px;
margin-bottom: 1px;
border-bottom: solid 1px
#E4E5E6;
}
.block {
padding: 8px;
border: 0;
box-shadow: 0 0 5px
rgba(0,0,0,0.3);
margin: 5px;
border-radius: 2px;
transition: all
.2s;
background: white;
}
.block:hover {
padding: 8px;
border:
0;
box-shadow: 0 0 7px rgba(0,0,0,0.5);
margin: 5px;
border-radius:
2px;
}
.block1 {
padding: 8px;
border: 0;
box-shadow: 0 0 5px
rgba(0,0,0,0.3);
margin: 5px;
border-radius: 2px;
transition: all
.2s;
background: white !important;
}
.block1:hover {
padding:
8px;
border: 0;
box-shadow: 0 0 7px rgba(0,0,0,0.5);
margin:
5px;
border-radius: 2px;
transition: all .2s;
background: white
!important;
}
.navi {
padding: 8px;
border: 0;
box-shadow: 0 0 5px
rgba(0,0,0,0.3);
margin: 5px;
border-radius: 2px;
transition: all
.2s;
background: #E5EBED;
}
.navi:hover {
padding: 8px;
border:
0;
box-shadow: 0 0 7px rgba(0,0,0,0.5);
margin: 5px;
border-radius:
2px;
}
.block1>.right>a>.time {
background:
transparent;
background: url(http://livebook.com.ua/design/img/unread.png)
no-repeat;
background-size: 8px;
background-position: 1px 15px;
padding:
12px;
transition: all .2s;
}
a>.block1>.right>.time
{
background: transparent;
background:
url(http://livebook.com.ua/design/img/unread.png)
no-repeat;
background-size: 8px;
background-position: 1px 15px;
padding:
12px;
transition: all .2s;
}
.block>.right>a>.time
{
background: transparent;
background:
url(http://livebook.com.ua/design/img/read.png)
no-repeat;
background-size: 8px;
background-position: 1px 15px;
padding:
12px;
transition: all .2s;
}
a>.block>.right>.time
{
background: transparent;
background:
url(http://livebook.com.ua/design/img/read.png)
no-repeat;
background-size: 8px;
background-position: 1px 15px;
padding:
12px;
transition: all .2s;
}
.block1>.right>a>.time
{
background: transparent;
background:
url(http://livebook.com.ua/design/img/unread.png)
no-repeat;
background-size: 8px;
background-position: 1px 15px;
padding:
12px;
transition: all .2s;
}
a>.block1>.right>.time
{
background: transparent;
background:
url(http://livebook.com.ua/design/img/unread.png)
no-repeat;
background-size: 8px;
background-position: 1px 15px;
padding:
12px;
transition: all .2s;
}
div[style="background:
none;"]>.right>a>.time {
background:
transparent;
background: url(http://livebook.com.ua/design/img/read.png)
no-repeat !important;
background-size: 8px
!important;
background-position: 1px 15px !important;
padding: 12px
!important;
transition: all .2s;
}
a[style="background:
none;"]>.block>.right>.time {
background: transparent
!important;
background: url(http://livebook.com.ua/design/img/read.png)
no-repeat !important;
background-size: 8px
!important;
background-position: 1px 15px !important;
padding: 12px
!important;
transition: all .2s;
}
.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:
#34bfad; 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;
}
.block>ul{
word-break:
break-all;
}
.block1>ul{
word-break: break-all;
}