This was the top theme from Vidlii for a reason, it's a pretty good 2009 theme. It's on a better website now.
LIIVID 2009 by griffenhiggins

Details
Authorgriffenhiggins
LicenseNo License
Categoryhttps://liivid.co/
Created
Updated
Code size6.3 kB
Code checksum881cdf05
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Doesn't work with the compact header, obviously.
Source code
/* ==UserStyle==
@name LIIVID 2009
@version 20230606.16.43
@namespace ?
==/UserStyle== */
@-moz-document domain("liivid.co") {
#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: -8px;
height:13px;
font-size: 13px;
width: auto;
color: blue!important;
}
#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;
}
input.search_button: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 {display:none;}
.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, img[src="https://www.vidlii.com/img/amsg0.png"] {
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="https://www.vidlii.com/img/amsg0.png"] {
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;
}
}