Create a gist now

Instantly share code, notes, and snippets.

Embed
What would you like to do?
DeFocused Miku-1 — a theme for vk.com
/* Inject this as a Userstyle for VK.com domain! */
/*
____ _____ _
| _ \ ___ | ___|___ ___ _ _ ___ ___ __| |
| | | | / _ \| |_ / _ \ / __|| | | |/ __| / _ \ / _` |
| |_| || __/| _|| (_) || (__ | |_| |\__ \| __/| (_| |
|____/ \___||_| \___/ \___| \__,_||___/ \___| \__,_|
Version 0.1.7.3
16 Nov 2013
Defocused, a VK.com theme by vladkorotnev software
http://vk.com/akasaka || http://vladkorotnev.github.io
Get your own at http://vladkorotnev.me/defocused
*/
/*
==[Variation Profile Card]==
Variation: Miku
Image: http://cs322927.vk.me/v322927119/542c/2Fb6LZV9_3w.jpg
Dark: 7,16,24
Dominant: 49,97,132
Light: 143,192,205
Lighter: 143,192,205
Lightest: 209,228,230
*/
/* FASTBOX (CHAT BOXES) */
.fc_tab
{ background: rgba( 49,97,132 , 0.7) !important; }
.rb_inactive .fc_tab { background: rgba( 49,97,132 , 0.7) !important; opacity: 0.8 !important; }
.rb_inactive .fc_tab_title { color: #fff; opacity: 0.5; }
.fc_clist_inner {background: rgba( 49,97,132 , 0.7) ; opacity:1;}
.fc_contact {
-webkit-filter: grayscale(90%);
-webkit-transition: all;
-webkit-transition-duration: 0.15s;
}
.fc_contact.fc_contact_online {opacity:1;-webkit-filter: grayscale(0%);}
.fc_contact.fc_contact_mobile { opacity:1;-webkit-filter: grayscale(70%);}
.fc_contact:hover {opacity:1; -webkit-filter: grayscale(0%);}
.fc_contact_online .fc_contact_status {display: none !important;}
/* FAST MENU (for example when scrolled down in feed) */
#fmenu {
background:rgba( 143,192,205 ,0.7);
border-radius: 5px;
opacity: 0.6;
-webkit-filter: blur(2px);
-webkit-transform: scale(0.7);
-webkit-transition: all;
-webkit-transition-duration: 0.15s;
-webkit-transition-timing-function: cubic-bezier(0, 0.35, .5, 1.3);
}
#fmenu:hover {
background:rgba( 143,192,205 ,0.7);
border-radius: 5px;
opacity:1;
-webkit-filter: blur(0);
-webkit-transform: scale(1);
}
.fmenu_icon {-webkit-filter: brightness(0); /* make icons black */ }
.fmenu_text { color:black !important;}
/* SIDEBAR */
#side_bar{background: rgba(0,0,0,0);}
#side_bar .more_div { opacity: 0; /* hide the separators */}
#side_bar > ol li .left_row {
background:rgba( 49,97,132 , 0.7) ;
-webkit-filter: blur(2px);
-webkit-transform: scale(0.8);
-webkit-transition: all;
-webkit-transition-duration: 0.15s;
-webkit-transition-timing-function: cubic-bezier(0, 0.35, .5, 1.7);
border-radius:5px;
}
#side_bar > ol li .left_row:hover {
background:rgba( 49,97,132 , 0.7) ;
-webkit-filter: blur(0px);
-webkit-transform: scale(1);
}
.left_label {color:white;}
.left_count_wrap {background: none !important; color: white !important; }
#left_friends { display:none !important; }
/* LIKE OR SHARE PEOPLE LIST POPUP */
.like_tt {background: rgba( 49,97,132 , 0.7) !important ;}
.bottom_pointer { display:none; opacity:0; } /* remove bottom chevron */
/* PHOTO OR WINDOW BLACK SHADE BACKGROUND */
#layer_bg,#box_layer_bg {
opacity:0;
-webkit-transition: all;
-webkit-transition-duration: 0.5s;
}
#layer_bg.pv_dark, #box_layer_bg.pv_dark {
opacity:0.5;
-webkit-transition: all;
-webkit-transition-duration: 0.5s;
}
#layer_wrap {
opacity:0;
-webkit-transition: all;
-webkit-transition-duration: 0.5s;
}
#layer_wrap.pv_dark {
opacity:1;
-webkit-transition: all;
-webkit-transition-duration: 0.5s;
}
/* BOTTOM MENU (Help, Language etc) */
.bnav_a, .bnav_lang {
background:rgba( 49,97,132 , 0.7) ;
-webkit-transition: all;
-webkit-transition-duration: 0.15s;
border-radius:5px;
padding:5px;
color: rgb( 143,192,205 );
}
.bnav_a:hover, .bnav_lang:hover { color: black; background:rgb( 143,192,205 ) !important; text-decoration:none; }
/* LANGUAGE SELECTOR */
.lang_box_row {
-webkit-transform: scale(1);
-webkit-transition: all;
-webkit-transition-duration: 0.15s;
}
.lang_box_row:hover {
-webkit-transform: scale(1.2);
background-color: none !important;
background: none !important;
}
/* BACKDROP */
body {
background-image: url('http://cs322927.vk.me/v322927119/542c/2Fb6LZV9_3w.jpg');
background-attachment: fixed;
background-position: initial initial;
background-repeat: initial initial;
}
/* PROFILE */
#owner_photo_wrap { /* a little border over userpic */
border-radius: 3px;
border: solid 1px #ccc;
}
/* CHAT */
.im_out, .im_out.im_sel_row {background: rgba( 209,228,230 , 0.3);} /* Outgoing message color */
.im_sel_row .im_log_author, .im_sel_row .im_log_body, .im_sel_row .im_log_date, .im_sel_row {color: #000;background:none;} /* Selection without tint */
.im_new_msg .im_log_author, .im_new_msg .im_log_body, .im_new_msg .im_log_date { background:none !important;} /* No tint on new message */
.im_in { background: rgba( 143,192,205 , 0.5); } /* Incoming message color */
.im_new_msg{background: rgba( 143,192,205 ,0.5);color: #000;} /* New message color */
.im_typing { /* A better Typing popup */
background:rgba( 49,97,132 , 0.7) !important;
-webkit-transition: all !important;
-webkit-transition-duration: 0.15s !important;
border-radius:5px !important;
color:white !important;
}
.im_preview_doc_photo_hint{ /* Document (GIF and etc) preview */
background: rgba(19, 42, 64,0.8);
top: 100%; /* fix annoying 1px buggy line below the filename */
}
.im_doc_photo_hint {background: rgba(19, 42, 64,0.8);}
.im_tab_selected .im_tab2 {background-color: rgb(49,97,132) !important;}
.im_tab3 {color: rgb(49,97,132) !important;}
div.im_log_author_chat_thumb {border: solid 1px rgba(1,1,1,0.7);} /* Border around the message sender userpic */
img.im_preview_photo, img.im_preview_video { border: solid 1px rgba(1,1,1,0.5); } /* Border around the attachments */
#im_media_preview .im_media_x, #im_media_dpreview .im_media_x, #im_media_mpreview .im_media_x { background: none!important; } /* Unattach button */
.im_x {-webkit-filter: invert(100%);} /* Unattach Icon */
/* TOP MENU BAR */
#header_wrap1, #wrapHI, #header {border: none !important}
#header_wrap2, #wrapH {border-color: #434343 !important; border-width: 0 1px !important; border-style: solid !important}
#pageHeader .header_back, #pageHeader .header_left, #pageHeader .header_right, #page_header .back, #page_header .left, #page_header .right {background: none !important; border: none !important}
#pageHeader, #page_header {position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; box-shadow: 0 1px 2px rgba( 7,16,24 ,.5) !important; z-index: 499 !important}
#pageHeader, #page_header, #page_header:before, #pageHeader:before, #ts_wrap {background-color: #222 !important; background: linear-gradient(to bottom,rgb( 49,97,132 ) 0%, rgb( 7,16,24 ) 100%) !important; }
.head_nav a.top_nav_link, .headNav a.topNavLink, .auth_items a {text-shadow: none !important}
#page_header, #pageHeader {left: inherit !important; width: inherit !important; box-shadow: none !important}
#page_header:before, #pageHeader:before {content: ""; position: fixed; left: 0 !important; height: 40px; width: 100%; box-shadow: 0 1px 2px rgba(0,0,0,.5); background-color: #222; background-image: linear-gradient(to bottom, 7,16,24 0%, rgb( 49,97,132 ) 100%)}
#ts_wrap {left: 149px !important} #ts_cont_wrap {left: 144px !important}
#top_back_link {display: none !important}
#ts_wrap.vk {width: auto !important; left: 141px !important}
.ts_settings {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEBJREFUGNNjYMAC/v//b/D///8H////N8Al+eE/BDzAJ/kBxQRskv///6dUEqrgwX8ESECRJMoE2isiLSSxxQUAjD7n8kNwtakAAAAASUVORK5CYII=) !important; height: 6px !important; background-size: auto !important}
.headNav .ts_settings {margin-top: 4px !important}
.ts_input_wrap {background: transparent !important; box-shadow: none !important}
.ts_input_wrap, .ts {border-radius: 11px !important}
.top_home_link:hover, #home a:hover, .top_nav_link:hover, .headNav a:hover {background-color: rgba(0,0,0,.1) !important; text-decoration: none !important}
#ts_wrap:not(.vk) {display: block !important; opacity: 0.7 !important}
.top_home_link, #home a, a#home {width: 138px !important; font-size: 0 !important}
.top_home_link:after, #home a:after, a#home:after {content: ""; background: url(https://m.vk.com/images/vkn_logo.png) no-repeat 16px 9px; display: block; height: 40px}
#top_logo_down {display: none !important}
/* Offset page body and sidebar to fix up the new navbar offset */
#page_body { top: 35px !important;
position: relative; }
#side_bar { top: 40px !important;
position: relative; }
#stl_side { margin-top: 45px !important; }
#pad_wrap { top: 40px !important; }
/* PADS */
#pad_title_wrap {
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9d0d0), color-stop(0%,#b9d0d0), color-stop(0%,#d5ecee), color-stop(50%,#87b9c5), color-stop(100%,#b9d0d0));*/
background-color: rgba( 49,97,132 ,1);
border-color: rgba( 143,192,205 ,0);
}
#pad_title { color: rgb( 7,16,24 ); }
#pad_title_right { color: white; background: rgba( 49,97,132 , 0.7); padding: 5px; border-radius: 5px; top: 4px; position: relative; left: -5px; -webkit-filter: blur(1px); -webkit-transition: all !important; -webkit-transition-duration: 0.15s !important;}
#pad_title_right:hover { color: rgb( 49,97,132 ); background: none; -webkit-filter: blur(0px);}
/* DOCUMENT VIEWER */
noindex center { /* Fix the wallpaper appearing in document view */
background: #fff !important;
width: 100%;
height: calc(100% - 45px);
position: absolute;
}
/* Tabs */
.t_bar {border-bottom: solid 1px rgb(49,97,132);}
ul.t0 li.active_link a, ul.t0 li.active_link a:hover {background: rgb(49,97,132);}
.im_tab_selected .im_tab3 {color: #FFF !important;}
/* FIXES AND RANDOM SHIT */
.side_bar { padding-right: 5px; } /* fix sidebar padding against main content */
#photos_albums, #photos_container, .summary_wrap, .t_bar, #content { background: #fff; } /* fix content background */
#pad_arrow { display:none !important; } /* No chevron in popups from sidebar */
a { color: rgb(49,97,132);}
/* OPTIONS */
#im_rcemoji_cont, .emoji_smile { display:none; } /* remove emoji shit */
#stl_left{display:none !important; } /* left scrollup thing -- remove it */
#l_spr, #l_nts {display:block !important;} /* always show support in sidebar, useful */
.pvs_hh_bg { background: none !important; } /* no gray bg under like icon on photos */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment