/* ==UserStyle==
@name VL2009
@version 20230221.17.38
@namespace userstyles.world/user/pseudodistant
@description Extremely modified VidBit 1.1 theme (https://www.vidlii.com/themes?t=GWfwOtBRYHj), probably won't work with themes made to work with it.
**WILL NOT WORK WITH COMPACT HEADER**
VidLii's compact header (styled after YouTube 2010 iirc) doesn't have all of the necessary elements, so it will not work.
Changes from VidBit 1.1:
The border is made less than 1 pixel thicker to minimize scaling errors.
The dimensions of elements are tweaked to be more true to YouTube's 2008-09 header (The search bar is longer due to VidLii itself being longer).
Broken links are fixed (cdn.vidlii.com doesn't exist anymore).
Element spacing is tweaked to look better in higher resolutions.
All CSS errors have been fixed (on Firefox, haven't checked on Chrome or Edge beyond "does it work?").
Fixed button width not scaling properly for some buttons (selectors weren't specific enough).
@author pseudodistant
@license CC0
==/UserStyle== */
@-moz-document domain("vidlii.com") {
#sm_nav > a:first-of-type {
margin-top: 24px;
}
body {
border: 4px solid transparent !important;
}
.pr_hd_wrapper .pr_hd_bar {
height: 22px;
border-radius: 0px !important;
border-radius: 0% 0% 0% 0% !important;
background-image: url(https://i.imgur.com/FEOs9Cs.png);
border: 1.3px solid #999;
margin-top: 16px;
}
.pr_hd_bar form {
position: relative;
z-index: 10;
height: 25px;
margin-left: 100px;
margin-top: -2px;
}
.pr_hd_bar>.yel_btn {
position: absolute;
z-index:11;
margin-left:-30px;
}
img#hd_vidlii {
width: 112px;
height: 42px;
margin-left: -16px;
}
.pr_hd_bar > form:nth-child(1) > select:nth-child(2) {
display: none;
}
#pr_hd li, .n_head li, #pr_sel li {
position:static;
background: url(https://i.imgur.com/FEOs9Cs.png) !important;
padding: 11px 8px;
border-radius: 0px;
border-left: solid 1px white !important;
border-right: solid 1px #999 !important;
border-bottom: none !important;
border-top: none !important;
margin-left: -12px;
height:13px;
font-size: 13px;
width: auto;
color: blue!important;
}
.pr_hd_wrapper > nav:nth-child(2) > ul:nth-child(1) > a:nth-child(1) {
margin-left: 4px;
}
#pr_hd li:hover, .n_head li:hover, #pr_sel li:hover {
background-image: url(https://i.imgur.com/Hnhp1je.png) !important;
}
#pr_hd li:active, .n_head li:active, #pr_sel li:active {
background-image: url(https://i.imgur.com/9lONOCn.png) !important;
}
#pr_hd ul, .n_head ul {
position: absolute;
margin-top: 53px;
margin-left: 9px;
z-index: 90;
}
.search_button {
position:relative;
bottom:1px;
font: 12px Arial,sans-serif;
font-weight: bold;
color: #039;
border: 1px solid #A0B1DC;
height: 25px;
background: url(https://i.imgur.com/VDT5Nqc.png);
}
input.search_button:nth-child(3) {
left:44px;
width: 63px;
}
.wrapper > footer:nth-child(4) > form:nth-child(1) > input:nth-child(2) {
left:4px;
width: 63px;
}
.search_button:hover {
text-decoration: underline;
background: url(https://i.imgur.com/LlyMpbC.png);
}
.search_button:active {
background: url(https://i.imgur.com/TJPdMEk.png)
}
.search_bar {
border: solid 1px #999;
border-radius: 0px;
height: 25px;
width: 360px;
line-height: 5px;
}
.wrapper > footer:nth-child(4) > form:nth-child(1) > input:nth-child(1) {
border: solid 1px #999;
}
.search_bar:hover {
border: solid 1px #999;
}
.pr_hd_bar > form:nth-child(1) > input:nth-child(1):focus {
height:27px;
width:362px;
margin-top:-1px;
margin-left:-2px;
border:solid 2px #bbdafd;
}
.pr_hd_bar > form:nth-child(1) > input:nth-child(1) {
position:relative;
left:40px;
}
footer input[type="search"] { /*For some reason this is necessary*/
width: 360px;
}
.wt_c_sct {
border-top: 1px solid #e4e4e4;
border-radius: 0px !important;
}
.wt_c_sct>div:first-of-type {
background: transparent !important;
}
.wt_c_sct .avt2 {border:none !important;}
.wt_c_sct>div:last-of-type {
min-height: 20px;
}
.wt_c_sct div[style="background:#cfffc4"] {
background: linear-gradient(#cfffc4, #ffffff) !important;
border-radius: 0px !important;
}
.wt_c_sct div[style="background:#fffcc2"] {
background: linear-gradient(#fffcc2, #ffffff) !important;
border-radius: 0px !important;
}
.wt_c_sct div[style="background:#d2ebff"] {
background: linear-gradient(#d2ebff, #ffffff) !important;
border-radius: 0px !important;
}
.vc_cats {
background: #EAEAEA;
}
.vc_cats>div:first-of-type {
background: #CCC;
}
.vc_hd {
background: #CCC;
}
li#vc_selec {
background: url(https://i.imgur.com/qidQON7.png) #f5f5f5;
border-radius: 0px;
}
footer {
background: #eee;
border-radius: 0px;
border-bottom: solid 1px #cccccc;
}
footer>div>div {
border-right: none;
}
.you_wnt, .you_wnt div {
border-radius: 0px !important;;
}
#pr_hd li, .n_head li, #pr_sel li {
margin-top: -3px;
}
li#vc_selec {
background-color: white;
background-size: 5px;
border: solid 1px #9c9c9c;
border-bottom: none;
bottom: -4px;
padding: 13px 16px;
}
.avt2 {
border: double !important;
border-radius: 0px;
}
.vc_cats {
border: none;
}
#inbox_hd img {
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: url(https://www.vidlii.com/img/msg0.png) no-repeat;
width: 16px; /* Width of new image */
height: 15px; /* Height of new image */
padding-left: 26px; /* Equal to width of new image */
}
img[src="/img/amsg0.png"] {
height: 20px; /* Height of new image */
}
img[src="/img/amsg1.png"] {
background: url(https://www.vidlii.com/img/msg1.png) no-repeat !important;
height: 20px; /* Height of new image */
}
img[src="https://www.vidlii.com/img/sme.png"], img[src="https://www.vidlii.com/img/lfr0.png"] {
display: block !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
background: url(https://www.vidlii.com/img/fr0.png) no-repeat !important;
width: 12px !important; /* Width of new image */
height: 20px !important; /* Height of new image */
padding-left: 20px !important; /* Equal to width of new image */
}
img[src="https://www.vidlii.com/img/acmt0.png"] {
display: block !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
background: url(https://www.vidlii.com/img/cmt0.png) no-repeat !important;
width: 14px !important; /* Width of new image */
height: 20px !important; /* Height of new image */
padding-left: 20px !important; /* Equal to width of new image */
}
img[src="https://www.vidlii.com/img/brsp0.png"], img[src="https://www.vidlii.com/img/bchn.png"] {
display: block !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
background: url(https://cdn.vidlii.com/img/res0.png) no-repeat !important;
width: 14px !important; /* Width of new image */
height: 20px !important; /* Height of new image */
padding-left: 20px !important; /* Equal to width of new image */
}
.settings_menu a {
padding: 4px 9px;
}
.settings_menu>a:hover {
background: transparent;
border-color: transparent;
}
.in_sct {
height: 20px;
}
.pr_hd1 .pr_hd_bar {
border: solid 1px #999999;
}
}
@-moz-document url-prefix("https://www.vidlii.com/user") {
#pr_hd li, .n_head li, #pr_sel li {
margin-left: -8px !important;
}
}
