DeFocused Miku-1 — a theme for vk.com

defocused_miku1.css

/* 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 */