mobile theme for vorapis / v3 extension
V3 mobile by rlego
Details
Authorrlego
LicenseNo License
Categoryyoutube
Created
Updated
Size48 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 V3 Mobile
@namespace VORAPIS
@version 0.17
@description Mobile theme for V3, based off 2016 mobile app
@author rlego
==/UserStyle== */
@-moz-document domain("www.youtube.com") {
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/materialicons/v141/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto Regular'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2)format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2)format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.site-left-aligned.flex-width-enabled #alerts, .site-left-aligned.flex-width-enabled #page.home, body.site-left-aligned.flex-width-enabled.guide-expanded #ticker .ytg-wide, body.site-left-aligned.flex-width-enabled.guide-expanded #alerts, body.site-left-aligned.flex-width-enabled #header, .site-left-aligned #page {
max-width:none;
min-width:100%
}
a:focus {
outline:none;
}
/*alert*/
.site-left-aligned #alerts, .site-left-aligned #ticker .ytg-wide, .site-left-aligned #masthead-subnav {
margin:0!important
}
.yt-alert {
margin:0;
border:0
}
/*mast*/
body, body, input, button, textarea {
font-family:"Roboto",arial;
max-width:100vw;
}
body.cardified-page #yt-masthead-container, #yt-masthead-container {
background:#e62117;
border:0;
}
body.cardified-page:has(.channel) #yt-masthead-container, body:has(.channel) #yt-masthead-container {
background:var(--material-background)
}
#yt-masthead #logo-container {
margin:0!important;
height:29px;
padding:10px 25px 10px 9px
}
#yt-masthead #logo-container img {
max-width:75px
}
#yt-masthead #logo, .exp-new-logo #yt-masthead #logo {
background: no-repeat url('data:image/svg+xml;utf8,<svg version="1.1" id="Сa" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 214" enable-background="new 0 0 512 214" xml:space="preserve"><g><g id="You"><path id="u_2_" fill="%23FFFFFF" d="M191.1,173.1h-19.4v-11.2c-7.4,8.5-13.6,12.7-20.4,12.7c-5.9,0-10.1-2.9-12.2-7.9c-1.2-3.1-2.1-8-2.1-15V69.8h19.4v76.7c0,4.3,0,6.1,0,7.2c0.4,2.9,1.6,3.9,4.2,3.9c3.7,0,7.1-3.3,11.1-9V69.8h19.4V173.1z"/><path id="o_2_" fill="%23FFFFFF" d="M122.7,103.6c0-11-2.2-19.3-6.1-24.5c-5.2-7.1-13.3-9.9-21.5-9.9c-9.3,0-16.3,2.9-21.5,9.9c-4,5.2-6.1,13.6-6.1,24.6v36.7c0,10.9,1.9,18.5,5.9,23.7c5.2,7.1,13.5,10.7,21.7,10.7s16.7-3.7,21.9-10.7c3.9-5.2,5.7-12.8,5.7-23.7V103.6z M103.2,142.4c1,10.2-2.1,15.3-8.2,15.3c-6,0-9.2-5.1-8.2-15.3v-40.9c-1-10.2,2.1-15,8.2-15c6,0,9.2,4.8,8.2,15V142.4z"/><path id="y_2_" fill="%23FFFFFF" d="M46,116.9v56.2H25.6v-56.2c0,0-21.2-68.9-25.6-81.8h21.5L35.8,89l14.3-53.9h21.5L46,116.9z"/></g><g id="Tube"><g><path fill="%23FFFFFF" d="M390.9,86.3c-3.1,0-6.5,1.6-9.6,4.7v61.9c3.1,3.1,6.6,4.7,9.6,4.7c5.3,0,7.8-3.9,7.8-14.1v-44C398.6,89.3,396.2,86.3,390.9,86.3z"/><path fill="%23FFFFFF" d="M467.1,98.6c0-9.4-2.5-12.3-8.6-12.3s-8.8,2.6-8.8,12.2v11.3h17.4V98.6z"/><path fill="%23FFFFFF" d="M509,46.2c0,0-3-21-12.2-30.2C485.2,4,472.2,3.9,466.3,3.2c-42.7-3.1-106.8-3.1-106.8-3.1h-0.1c0,0-64.1,0-106.8,3.1c-5.9,0.7-19,0.8-30.6,12.9c-9.2,9.2-12.2,30.2-12.2,30.2s-3.1,24.6-3.1,49.2v23.1c0,24.6,3.1,49.2,3.1,49.2s3,21,12.2,30.2c11.7,12.1,26.9,11.8,33.6,13c24.4,2.4,103.7,3.1,103.7,3.1s64.1-0.1,106.8-3.2c5.9-0.7,19-0.8,30.6-12.9c9.2-9.2,12.2-30.2,12.2-30.2s3.1-24.6,3.1-49.2V95.4C512.1,70.9,509,46.2,509,46.2z M273.9,173.1h-20.4V55.5H232V36.1h64.4v19.4h-22.5V173.1z M347.5,173.1h-19.4v-11.2c-7.4,8.5-13.6,12.7-20.4,12.7c-5.9,0-10.1-2.9-12.2-7.9c-1.2-3.1-2.1-8-2.1-15V70.9h19.4v75.6c0,4.3,0,6.1,0,7.2c0.4,2.9,1.6,3.9,4.2,3.9c3.7,0,7.1-3.3,11.1-9V70.9h19.4V173.1zM418.1,142.4c0,9.4-0.8,16.2-2,20.4c-2.5,7.6-7.9,11.6-15.2,11.6c-6.5,0-13.3-4-19.5-11.7v10.3h-18.4v-137h18.4v44.7c5.9-7.4,12.8-11.6,19.5-11.6c7.4,0,12.4,4.3,14.8,11.9c1.2,4.1,2.5,10.7,2.5,20.4V142.4z M458.6,157.5c4.6,0,7.3-2.5,8.3-7.5c0.2-1,0.1-5.4,0.1-12.9h19.4v2.9c0,5.9-0.5,10.2-0.6,12.1c-0.6,4.1-2,7.8-4.3,11c-5.1,7.5-12.7,11-22.4,11s-17.1-3.5-22.4-10.4c-3.9-5.1-6.4-12.7-6.4-23.6v-35.8c0-10.9,2.2-19.3,6.2-24.5c5.3-7,12.7-10.7,22.2-10.7c9.3,0,16.7,3.7,21.9,10.7c3.9,5.2,6,13.2,6,24v20.9h-36.8v18.4C449.6,152.8,452.3,157.5,458.6,157.5z"/></g></g></g></svg>');
width: 79px;
}
/*
#yt-masthead #logo-container:before {
content:attr(title);
}
#yt-masthead #logo-container img {
display:none;
}*/
#masthead-search, #yt-masthead #appbar-guide-button ~ #masthead-search {
margin:0;
position:static;
}
#masthead-search-terms {
background:none;
box-shadow:none;
border:0;
width:32px;
}
a#masthead-search-terms:before {
content:none;
}
#masthead-search-terms label::before {
content:"\e8b6";
font-family:"Material Icons";
font-size:24px;
color:white;
line-height:29px;
position:absolute;
}
#masthead-search-terms.gsfe_b label::before {
line-height:48px;
color:#777;
margin-left:4px
}
#masthead-search-terms.gsfe_b {
background:#eee;
width:100%;
position:absolute;
z-index:20002020202;
left:0;
top:0;
}
#yt-masthead #masthead-search-terms.gsfe_b {
min-height:48px;
margin:0;
}
#masthead-search-terms:not(.gsfe_b) input {
color:transparent
}
#masthead-search-terms input {
padding-left:30px;
}
.gstl_50 {
z-index:456546536;
position:relative;
}
.gsq_a {
padding:3px 0 3px 24px
}
.site-left-aligned #yt-masthead-container, .site-left-aligned #masthead-appbar, .site-left-aligned #footer-container, #ticker, body #sb-wrapper {
min-width:0!important;
max-width:100vw;
}
.site-left-aligned #yt-masthead-container {
padding:0px 0
}
.site-left-aligned #yt-masthead-content {
max-width:none;
width:auto;
float:right;
margin-right:8px;
padding:10px 0
}
#yt-masthead #search-btn {
display:none
}
#yt-masthead-user-displayname {
display:none;
}
/*expanded*/
body #masthead-expanded-container {
min-width:0
}
#masthead-expanded-sandbar, #masthead-expanded-menu-google-column1 {
display:none;
}
#masthead-expanded-menus-container {
padding-left:0;
margin:0;
}
/*end*/
/*notif*/
body.site-left-aligned .sb-card {
right:0;
left:0;
float:none;
}
.oz-notification-entry {
width:calc(100% - 50px);
margin-left:10px;
margin-right:10px;
}
.oz-notification-panel-title {
width:260px
}
/*end*/
#yt-masthead-dropdown {
top:0!important;
border:0;
line-height:1;
height:17px
}
.site-left-aligned #page {
padding:0!important;
margin:0!important;
width:auto;
}
.site-left-aligned #guide, #guide {
padding:0;
width:100%;
z-index:1;
position:relative;
height:54px
}
html[mobile] .site-left-aligned #guide {
display:block;
}
.feed #guide {
height:94px;
z-index:2
}
.channel #guide {
height:34px
}
.exp-not-top-guide-fixed #guide-main, #guide-main {
background:#e62117; /*e62117 or D33929*/
margin:0;
padding:0;
width:100%!important;
box-shadow:0 2px 4px rgba(0,0,0,.3);
}
.guide-module-content {
top:unset!important
}
#page.feed #guide-main {
box-shadow:0 1px 0px rgba(0,0,0,.1);
}
#page.feed #guide-subscriptions-section {
box-shadow:inset 0px 2px 4px rgba(0,0,0,.3);
}
.exp-not-top-guide-fixed .channel #guide, .channel #guide {
z-index:-1;
opacity:0
}
#guide-main ul {
display:flex;
width:100%;
flex-wrap:wrap;
max-width:none;
min-width:100%;
overflow-y:hidden;
scrollbar-width:none;
}
#guide-main ul .guide-section {
display:inline-block;
}
#guide-main ul .guide-section:nth-child(2) {
order:-1
}
#guide-main ul .guide-section:last-child { /*manage subscription*/
display:none
}
#page #guide-subscriptions-section {
width:100%;
background:#fff;
}
#page:not(.feed) #guide-subscriptions-section {
display:none;
}
.guide-item .guide-count {
color:transparent;
display:block;
border-radius:50%;
background:#4385f6;
width:6px;
height:6px;
padding:0;
margin-left:32px;
margin-top:0px;
position:absolute;
right:8px;
top:24px;
border:1px solid white;
}
.guide-channels-list {
overflow:visible;
}
#guide-channels {
flex-wrap:nowrap!important;
overflow-x:auto;
overflow-x:hidden-scroll;
overflow-y:visible
}
.guide-item, .guide-view-more {
color:#5c0d09
}
#guide-container .guide-item.guide-item-selected, #guide-container .guide-collection-item .guide-item.guide-item-selected, #guide-container .guide-item.guide-item-selected:hover {
background:none;
box-shadow:inset 0 -2px 0 0 #fff
}
#guide-main #VLWL-guide-item, #guide-main #FEhistory-guide-item, #guide-main .guide-sec...