Cuts down on the CSS or whatever. I couldn't stomach being on Vidlii long enough to read the specifics.
LIIVID FOR OLDER BROWSERS by griffenhiggins
Details
Authorgriffenhiggins
LicenseNo License
Categoryhttps://liivid.co/
Created
Updated
Size34 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name LIIVID FOR OLDER BROWSERS
@version 20230610.07.30
@namespace ?
==/UserStyle== */
@-moz-document domain("liivid.co") {
footer form,
footer span,
footer strong {
display: block
}
.big_sel,
.pa_sel,
.th_t {
pointer-events: none
}
#name_nav a,
#pr_hd li,
#sm_nav>a:first-of-type,
.a_btn,
.friend_activity>div:last-of-type>div:first-of-type a,
.mv_under>div,
.n_head li,
.th_t,
.w_lnks a,
.yel_btn,
dt {
font-weight: 700
}
#hd_name img,
#pr_hd ul a,
.n_head ul a,
.settings_menu a,
.st img,
.w_lnks a,
.w_lnks img,
.wt_c_sct>div:last-of-type>div>img,
.yel_btn {
-webkit-user-drag: none
}
.bwn_l>.ba,
.ln2 {
word-break: break-word
}
body {
overflow-y: scroll;
background: #fff;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
min-width: 1000px
}
#ch_prv,
#s_toggle>div,
#video_progress,
.con_bx,
.friend_activity,
.ln2,
.mv_under,
.mv_under>div>a,
.mv_wr,
.partner_box,
.w_actions,
.w_btm,
.wrapper,
footer {
overflow: hidden
}
.inbox_search {
float: right
}
.th_t {
opacity: 1;
transition: opacity .3s
}
.th:hover>.th_t {
opacity: 0
}
.inbox_search button {
margin-right: 6px!important
}
.inbox_search input[type=text] {
margin-right: 6px;
width: 200px;
padding: 3px
}
input[type=text].jscolor {
width: 125px
}
#channel_preview_container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 401px
}
#ch_prv {
border: 3px double #ccc;
padding: 5px 15px
}
.cc_checkboxes input[type=checkbox] {
position: relative;
top: 1px
}
.inbox_bulk_actions {
padding: 5px 5px 5px 10px;
border-bottom: 1px solid #ccc
}
.inbox_bulk_actions img {
margin-right: 13px;
position: relative;
top: 2px
}
a img {
border: 0
}
h1,
h2,
h3,
h4,
h5 {
margin: 0;
padding: 0
}
.copyright {
font-size: 13px;
text-align: center;
margin-bottom: 16px
}
footer,
footer strong {
font-size: 12px!important
}
.wp_avt {
border: 2px solid #f3f3f3!important;
float: left;
position: relative;
left: -8px;
top: 2px
}
.wp_avt:hover {
border: 2px solid #ccc!important
}
footer {
background: #efefef;
padding: 10px 0;
margin: 10px 0 20px;
border: 1px solid #ccc
}
footer>div>div {
width: 302px;
padding-right: 15px;
margin-right: 15px;
float: left;
border-right: 1px solid #ccc
}
footer>div>div>div {
margin: 0 51px 0 0;
float: left
}
footer>div>div>div>a {
display: block;
margin-bottom: 3px
}
footer strong {
margin: 0 0 2px!important
}
footer>div>div:first-of-type {
padding-left: 15px
}
footer>div>div:last-of-type {
margin: 0;
padding: 0;
border: 0
}
.partner_hd,
footer form {
border-bottom: 1px solid #ccc;
text-align: center
}
footer form {
padding-bottom: 10px;
margin-bottom: 10px
}
footer input[type=search] {
width: 275px
}
a {
color: #00f;
text-decoration: none
}
a:hover {
text-decoration: underline
}
.partner_hd {
padding: 5px 0;
border-top: 1px solid #ccc
}
.partner_hd ul {
padding: 0;
margin: 0
}
.partner_hd li {
display: inline-block;
padding-right: 12px;
margin-right: 8px;
border-right: 1px solid #ccc
}
.pa_sel {
color: #000
}
.partner_hd li:last-of-type {
border-right: 0;
padding: 0;
margin: 0
}
.partner_box {
background: #fff;
border: 1px solid #ccc;
margin: 18px 0;
padding: 10px;
}
dt {
padding-bottom: 5px
}
dd {
padding-bottom: 15px;
margin: 0
}
#hd_vidlii {
width: 157px;
height: 60px;
position: absolute;
top: 4px;
left: 16px
}
#pr_hd,
.pr_hd_bar,
.pr_hd_wrapper {
position: relative
}
.wrapper {
width: 1000px;
margin: 0 auto
}
#pr_hd {
background: #fff;
z-index: 10
}
.bottom_wrapper {
font-size: 14px
}
.n_head {
margin: 0 0 10px
}
.n_head .pr_hd_bar {
border: .5px solid #ccc;
border-top: 0
}
.pr_hd_wrapper {
width: 1000px;
margin: 0 auto;
padding: 34px 0 0
}
#pr_hd ul,
.n_head ul {
padding: 0;
margin: 0 auto;
width: auto;
display: table;
position: relative;
top: 1px
}
#pr_hd li,
.n_head li {
color: #039;
display: inline-block;
padding: 6.5px 0;
width: 139px;
border: 1px solid #c2cfec;
border-bottom: 0;
background: #f4fbff;
}
#pr_hd li:hover,
.n_head li:hover {
color: #003bb1;
border: 1px solid #ced8ec;
border-bottom: 0;
background: #cee5ff;
}
#pr_hd li:active,
.n_head li:active {
color: #333;
background: #f6f6f6;
}
#pr_hd ul a,
.n_head ul a {
margin: 0 8px 0 0;
user-select: none;
}
#pr_hd ul a:last-of-type,
.n_head ul a:last-of-type {
margin: 0
}
.pr_hd_bar {
background: #e2d7e2;
padding: 6.5px;
z-index: 10;
border: .5px solid #ccc;
border-top: 0;
border-bottom: 0
}
.wt_des .avt2 {
border: 1px solid #ccc;
}
.wt_des .avt2:hover {
border: 1px solid #6d72f4
}
.vc_nav_r ul {
margin: 0;
padding: 0
}
.vc_nav_r li {
border-right: 1px solid #dcdcdc;
padding-right: 9px;
margin-right: 5px;
display: inline-block
}
.vc_nav_r {
float: right
}
.vc_nav_r li:last-of-type {
border-right: 0;
margin-right: 0;
padding-right: 0
}
.pr_hd1 .pr_hd_bar {
border: .5px solid #ccc;
border-top: 0
}
.pr_hd_bar form {
text-align: center
}
.search_bar {
border: 1px solid #d5d5d5;
padding: 3px 4px;
width: 275px;
outline: 0
}
.search_bar:focus,
.search_bar:hover {
border: 1px solid #bebebe
}
.v_resp {
float: left;
width: 155px;
text-align: center
}
.v_resp a:last-of-type {
display: block
}
#rateYo,
#ratings {
height: 19px;
display: inline-block
}
.search_button {
padding: 3px 7.5px;
cursor: pointer;
border: 1px solid #c7c7c7;
outline: 0;
background: #f4f4f4;
}
.search_button:hover {
border: 1px solid #b9b9b9;
background: #f4f4f4;
}
.search_button:active {
border: 1px solid #a6a6a6;
background: #f4f4f4;
}
.search_button:disabled {
cursor: not-allowed
}
.search_button:disabled:hover {
background: #ddded7;
}
.pr_hd_bar>.yel_btn {
position: absolute;
right: 7px;
top: 5px
}
.yel_btn {
background: #fffbc7;
user-select: none;
color: #8a4100!important;
font-size: 13px;
padding: 4px 15px;
border: 1px solid #f4c800;
}
#hd_name,
.w_big_btn,
.w_lnks a {
-webkit-user-select: none;
-moz-user-select: none
}
.yel_btn:hover {
background: #fff9d1;
}
.yel_btn:active {
border-color: #d4a900;
}
#pr_sel li {
color: #333!important;
background: #f6f6f6!important;
}
#sm_nav {
position: absolute;
top: 5px;
right: 8px;
font-size: 15px
}
.w_l {
width: 640px;
margin: 0 20px 0 0;
float: left
}
.w_r {
width: 340px;
float: left
}
#rateYo {
vertical-align: top;
width: 95px;
margin-left: 1px
}
#ratings,
.w_lnks img {
vertical-align: middle
}
#ratings {
font-size: 12px;
color: #666;
line-height: 21px
}
.w_lnks {
display: table;
width: 100%;
margin: 10px 0 15px
}
.a_btn,
.w_lnks a {
display: inline-block
}
.w_lnks a {
width: 25%;
text-align: center;
font-size: 16px;
text-decoration: none
}
.a_btn,
.w_big_btn:hover>a {
text-decoration: underline
}
.w_lnks img {
margin: 0 7px 0 0;
position: relative;
width: 21px
}
#w_sh {
left: 1px;
width: 24px
}
.a_btn {
font-size: 14px
}
#w_l_cnts {
background-color: #f9f9f9;
border-top: 1px solid #ccc;
position: relative;
padding: 8px
}
#w_l_cnts .you_wnt {
margin: 0
}
#w_l_cnts #w_sh_cnt {
display: table;
width: 100%
}
#w_l_cnts #w_sh_cnt span {
width: 25%;
text-align: center;
display: inline-block
}
#w_sel {
position: absolute;
top: -10.5px;
height: 11px;
width: 22px
}
.w_lnks span,
.w_views {
top: 1.5px;
position: relative
}
.w_views {
font-size: 15px;
padding-right: 6.5px;
float: right
}
.w_actions {
border: 1px solid #ccc;
margin: 11px 0;
padding: 5px 0 0;
border-radius: 4px
}
.w_btm {
border: 1px solid #ccc;
border-radius: 4px
}
.w_big_btn {
background: #fefefe;
width: 50%;
border-bottom: 1px solid #ccc;
display: table-cell;
padding: 9px;
text-align: center;
font-size: 16px;
font-weight: 700;
cursor: pointer;
color: #00f!important
}
#pr_avt_box .pr_avt,
.big_sel,
.big_sel a {
cursor: default
}
.w_big_btn>a {
color: #00f
}
#w_com_sct {
padding: 7px 7px 0
}
.w_big_btn:hover>a {
color: #00f
}
.w_big_btn:first-of-type {
border-left: 0!important
}
.w_big_btn:last-of-type {
border-right: 0!important
}
.big_sel {
border-bottom: 0;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background: #fff!important
}
.big_sel a {
color: #000!important
}
.w_title>h1 {
display: block;
width: 640px;
font-size: 20px;
margin: 0 0 5px
}
#name_nav a {
display: block;
padding: 4px 0 4px 7px;
border-bottom: 1px solid #ccc
}
#contest>div:first-of-type>div {
background: #feb
}
.con_bx {
text-align: left!important
}
.con_bx .th {
margin: 0 5px 0 0;
float: left
}
#name_nav a:hover {
background: #f7f6fe
}
#hd_name {
text-decoration: none
}
.hddn {
display: none!important
}
#name_nav {
z-index: 1077700;
background: #def2fd;
width: 135px;
position: relative;
top: 0;
max-height: 0;
overflow: hidden;
}
#name_nav>div {
border: 1px solid #ccc;
}
#hd_name:hover~#name_nav,
#name_nav:hover {
max-height: 250px
}
#hd_name:hover img {
filter: contrast(100%) brightness(130%)
}
#hd_name img {
width: 9.5px;
height: 6px;
margin-left: 5px;
position: relative;
bottom: 2px
}
.avt2 {
border: 2px solid #e9e9e9;
}
.avt2:hover {
border: 2px solid #7f86f4
}
#sm_nav>a {
border-left: 1px solid #aaa;
padding: 0 0 0 6px;
margin: 0 0 0 6px
}
#sm_nav>a:first-of-type {
padding: 0;
margin: 0;
border: 0;
display: inline-block;
height: 19px
}
.mv_under {
position: relative;
bottom: 5px;
background: #f7f7f7;
padding: 7px 7px 3px;
border: 1px solid #ccc;
border-top: 0;
margin: 0 0 7px
}
.you_wnt {
border: 1px solid #ccc;
margin-bottom: 11px;
}
.you_wnt>div {
background: #edede9;
border: 1px solid #ccc;
margin: 5px;
text-align: center;
padding: 4px;
line-height: 17px;
}
#login_box>div {
padding: 7px 4px
}
.mv_under>a:first-of-type {
float: left;
margin: 0 8px 0 0
}
.mv_under>div>a {
display: block;
height: 1.8em
}
.mv_under>div>img {
padding: 2px .5px 0 0;
position: relative;
right: 1px
}
.mv_under>div {
float: left;
font-size: 13px;
position: relative;
bottom: 3px;
line-height: 25px;
width: 237px
}
.f_btm,
.f_dsr,
.th_t {
font-size: 12px
}
.jw-icon...