[new.vk] Тема Biscaya
Вложений: 2
Тема для нового дизайна вк.
Сделал на будущее) Опять таки. Мало ли кому понравится :)
Но не финальная версия в любом случае пока что
Код HTML:
body{
background: url(http://mihail96321.narod.ru/123/pic7.jpg) 49% 50% no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
}
/*Шапка
----------------------------*/
#page_header_cont > .back {
border-top: 5px solid #F86D18;
background: #222!important;
box-shadow: 0 0 2px 1px #222;
border-bottom: none;
height:47px
}
#page_header_wrap{margin-top:5px}
#page_header_cont #top_audio_player:hover,
#page_header_cont .top_nav_btn:hover,
#page_header_cont .top_profile_link:hover,
#page_header_cont .active,
#page_header_cont .top_home_link:hover{
background-color: rgba(0, 0, 0, 0.45);
}
.top_nav_btn#top_notify_btn .top_nav_btn_icon {
background-position: -65px -23px;
opacity: 0.5;
}
.top_nav_btn#top_notify_btn:hover .top_nav_btn_icon,
.top_nav_btn#top_notify_btn.active .top_nav_btn_icon {
background-position: -65px -23px;
opacity: 1;
}
.top_nav_btn#top_audio .top_nav_btn_icon {
background-position: -65px -52px;
opacity: 0.5;
}
.top_nav_btn#top_audio:hover .top_nav_btn_icon,
.top_nav_btn#top_audio.active .top_nav_btn_icon {
background-position: -65px -52px;
opacity: 1;
}
input.text.ts_input{
background-color: rgba(0, 0, 0, 0.54);
}
.input_back_content {
color: rgba(255, 255, 255, 0.48)!important;
}
/*Левое меню
----------------------------*/
#side_bar > #side_bar_inner {
padding: 5px 0 0;
background: #333!important
}
#side_bar > #side_bar_inner > ol {
position: relative;
background: #333!important;
border-radius: 0 0 3px 3px;
margin: 0 0 0px;
}
#side_bar > #side_bar_inner > ol > li > a{
border-bottom: 1px solid #545454;
border-radius: 0!important;
color: #eee!important;
}
#side_bar > #side_bar_inner > ol > li > a:hover {
border-left: 2px solid #F86D18;
margin-left: -2px;
}
#side_bar > #side_bar_inner > ol > li { margin-left: 0em;}
#side_bar > #side_bar_inner > ol > li:hover { background: rgba(91,111,139,.08);}
#side_bar > #side_bar_inner > ol > li .left_label{margin-left: 0.5em}
#side_bar > #side_bar_inner > ol > li .left_fixer {padding-right: 0.5em;}
#side_bar > #side_bar_inner > ol > li .left_icon {display: none;}
#side_bar > #side_bar_inner > ol > li .left_count_wrap {color: #eee!important;background: #F86D18!important}
#side_bar > #side_bar_inner > ol > li .left_row:hover .left_count_wrap {padding: 4px 6px; margin: 0; margin-top: 2px;}
#side_bar > #side_bar_inner > ol > li span.inl_bl.left_count {
font-size: 12px;
font-weight: bolder;
}
#side_bar > #side_bar_inner > ol > li .left_row:hover {
background: rgba(0, 0, 0, 0.03);
color: rgba(0, 0, 0, 0.95);
}
#side_bar > #side_bar_inner > ol > div.more_div{padding:0; margin:0;border: 2px solid #545454}
#side_bar > #side_bar_inner > ol > .left_settings_inner {
background: rgba(134, 134, 134, 0.33) url(/images/icons/common.png?5) no-repeat 0 -60px;
background-blend-mode: normal;
}
#side_bar > #side_bar_inner > .left_menu_nav_wrap{border-top: 4px solid #545454;padding: 0;}
#side_bar > #side_bar_inner > .left_menu_nav_wrap > .left_menu_nav, a#left_menu_more{
text-overflow: ellipsis;
overflow: hidden;
display: block;
white-space: nowrap;
position: relative;
height: 30px;
line-height: 30px;
outline: none;
}
#side_bar > #side_bar_inner > .left_menu_nav_wrap > a.left_menu_nav, a#left_menu_more{padding-left: 0.5em;}
#side_bar > #side_bar_inner > .left_menu_nav_wrap > a:not(.ui_actions_menu_item), a#left_menu_more{
border-bottom: 1px solid #545454;
border-radius: 0!important;
color: #eee!important;
}
#side_bar > #side_bar_inner > .left_menu_nav_wrap > a:hover:not(.ui_actions_menu_item), a#left_menu_more:hover{
background: rgba(91,111,139,.08);
border-left: 2px solid #F86D18;
margin-left: -2px;
text-decoration: none;
}
.ui_actions_menu:after, .ui_actions_menu:before{bottom: 100%;left: 30.5px;}
.ui_actions_menu_wrap._ui_menu_wrap {
width: 100%;
}
#ads_left.ads_left_empty+.left_menu_nav_wrap{border: none}
/* Основная часть
----------------------------*/
#page_body, .im-page-wrapper{
background: #fff;
padding: 0px 6px 0 10px;
/* margin: 35px 0 0 0px;*/
}
/* Моя страница
----------------------------*/
h3.header_top.clear_fix {
/* border-bottom: 3px solid #dae1e8; */
}
a.module_header, a.right_list_header {
/* border-bottom: 3px solid #dae1e8; */
background: rgba(199, 199, 199, 0.38);
color: #222222;
}
h3.header_top.clear_fix {
color: #416b91;
font-weight: bolder;
}
.module_header .header_top, .header_right_link, a.right_list_header {
height: 25px;
line-height: 25px;
}
|