liivid theme for yt2009. Credit to MikanYan and BoredWithADHD for making the 2008 theme this userstyle is built with.
LIIVID THEME FOR YT2009 by griffenhiggins
Details
Authorgriffenhiggins
LicenseNo License
Categoryhttps://yt2009.aesthetiful.com/
Created
Updated
Size6.8 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name LIIVID
@version 20231117.06.51
@namespace ?
==/UserStyle== */
@-moz-document url-prefix("http://orzeszek.website:5316/") {
/* Navbar */
#masthead-utility {
top: -17px;
position: relative;
}
#logo {
position: relative;
top: -28px;
}
#masthead-search {
width: 960px;
height: 30px;
background-color: #DDD;
background-image: linear-gradient(to bottom, #e3d8e2 0%, #ececec 100%);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border: 0px;
position: absolute;
top: 65px;
z-index: 0;
}
#masthead-nav-main {
position: relative;
display: flex;
flex-direction: row;
left: 70px;
top: -32px
}
#masthead-nav-user {
z-index: 1;
position: relative;
}
#masthead-search .yt-button-primary {
height: 20px;
line-height: 1px;
}
#masthead-search span {
line-height: 1.8em;
}
#masthead .search-term {
height: 15px;
margin-top: 3px;
padding: 0px;
min-height: 0px;
max-height: 500px;
width: 200px;
}
#masthead-search .search-form {
padding-left: 310px;
}
#masthead-container {
border: none !important;
}
#masthead-nav-main a {
line-height: 27px;
text-align: center;
font-weight: 600;
font-size: 16px;
min-width: 118px;
padding: 0px 2px;
margin-right: 4px;
text-decoration: none;
color: #35339A;
text-shadow: 1px 1px 0 rgb(255 255 255 / 50%);
border: 1px solid #d0daf0;
border-bottom: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: linear-gradient(to bottom, #f1faff 0%, #9cd5f7 100%);
}
body {
margin-top: 25px;
}
/* Watch page */
}
#watch-channel-vids-div{
background-color: #F2F3ED !important
}
#watch-ratings-views {
border: 1px solid #ccc;
margin: 10px 0px 10px 0px;
padding: 5px;
line-height: 20px;
}
#watch-views {
font-size: 11pt !important;
}
.watch-tab-sel .watch-tab-arrow {
background: none;
}
.watch-tabs {
background: none;
display: flex;
flex-direction: row;
height: 35px;
}
.watch-tab-contents .watch-tab-body {
padding: 8px 10px;
margin-left: 0px;
}
.watch-tabs .watch-tab {
height: 35px;
line-height: 35px;
font-size: 16px;
font-weight: 700;
color: #03c;
width: 100%;
}
.watch-tab:first-child {
border-left: 0px;
}
#watch-action-favorite-link {
position: relative;
left: 20px;
}
#watch-action-share-link {
position: relative;
left: 30px;
}
#watch-action-playlists-link {
position: relative;
left: 18px;
}
#watch-action-flag-link {
position: relative;
left: 33px;
}
#watch-actions-area .watch-tab-sel {
border-bottom: #fff
}
.watch-action-link {
text-align: center !important;
}
.watch-recent-shares-div {
background: none;
}
#watch-action-favorite, #watch-action-flag, #watch-action-playlists, #watch-action-share {
vertical-align: middle;
margin-bottom: 3px;
}
#watch-video-details-inner-less .watch-video-desc {
border-top: 1px solid #ccc;
padding: 5px 0px 0px 0px;
}
#watch-comment-panel {
border: 1px solid #ccc;
margin-top: 10px;
padding: 5px;
}
#masthead-nav-main {
position: relative;
display: flex;
flex-direction: row;
left: 27px;
top: -33px;
}
#masthead .search-term {
height: 17px;
margin-top: 3px;
margin-left: -70px;
padding: 0px;
min-height: 0px;
max-height: 463px;
width: 300px;
}
.yt-button-primary, a.yt-button-primary {
font-weight: inherit;
color: #000;
background: #efefef repeat-x center -1602px;
border-color: #7e7e7e;
}
#masthead #logo {
width: 157px;
height: 62px;
background-position: 0 0;
}
#logo {
display: block;
background: url(https://i.imgur.com/GS4al42.jpeg);
background-position: -0px center;
background-repeat: no-repeat;
position: relative;
top: -31px;
left: 1px;
}
#masthead-utility {
top: -1px;
left: -22px;
position: relative;
}
#masthead-nav-user {
z-index: 1;
position: relative;
left: -5px;
top: 0px;
}
#masthead-nav-user .yt-button-short span {
line-height: 1.7em;
height: 1.3333em;
}
#masthead-nav-main a:last-of-type {
font-size: 0;
line-height: 0;
}
#masthead-nav-main a:last-of-type::after {
content: 'Community';
font-size: 16px;
line-height: 27px;
}
[href="/my_subscriptions?masthead=1"], [href="/my_history"] {
display: none;
}
#watch-url-div {
display: none;
}
.reverse-tooltip-wrapper {
display: none;
}
#watch-embed-customize {
display: none;
}
.html5_video {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 360px;
background-color: #000;
cursor: pointer;
}
.v90WrapperInner img {
margin-top: -9px;
}
#watch-channel-brand-cap {
display: none
}
.video_controls .loaded {
background-image: url("https://i.imgur.com/VnEFTzg.png");
}
.video_controls .elapsed {
background-image: url("https://i.imgur.com/0apDNCP.png");
}
.endscreen-video {
display: none;
}
.endscreen-arrow-right {
display: none;
}
.endscreen-arrow-left {
display: none;
}
.video_controls .play_btn, .video_controls .pause_btn {
background-image: url("https://i.imgur.com/XANDgDJ.png");
}
.video_controls .play_btn, .video_controls .pause_btn {
background-image: url("https://i.imgur.com/XANDgDJ.png");
}
.video_controls .volume_button {
background-image: url("https://i.imgur.com/XANDgDJ.png");
}
.video_controls .player_additions {
background-image: url("https://i.imgur.com/XANDgDJ.png");
}
.video_controls .seek_btn {
background-image: url("https://i.imgur.com/6hkXBGE.png");
}
.video_controls .fullscreen {
background-image: url("https://i.imgur.com/yJNAxS9.png");
}
.video_controls .hq {
background-image: url("https://i.imgur.com/qoY7qVh.png");
}
.player_additions_popout .annotations, .player_additions_popout .cc {
background-image: url("https://i.imgur.com/qoY7qVh.png");
}
.video_controls .fullscreen.opened {
background-image: url("https://i.imgur.com/FTEQsdg.png");
}
.button-replay img {
visibility: hidden;
}
.button-replay {
background: url("https://i.imgur.com/lmS1uWZ.png") no-repeat;
background-position: 72px 1px;
}
.button-share img {
visibility: hidden;
}
.button-share {
background: url("https://i.imgur.com/gHqOdcP.png") no-repeat;
background-position: 73px 1px;
}
.endscreen .yt-center.buttons div {
margin-top: 120px;
}
@-moz-document regexp("http://orzeszek.website:5316/(channel|user|c).*") {
#masthead-nav-user .yt-button-short span
{
height: 1.7em;
}
}
@-moz-document regexp("http://orzeszek.website:5316/(channel|user|c).*") {
#masthead-search
{
top: 40px;
}
}