/* ==UserStyle==
@name old-youtube (2005) for Invidious (primarily yewtube) (work in progress)
@namespace github.com/openstyles/stylus
@version 1.0.0
@description FUCK U i want to do things how i want to do them get out of here with your google flash cards 6th grade infantry design aesthetic. fucka ya i'm here n I'm ME! FUCK YOU! I DO THINGS HOW I WANT THEM. FUCK YOU! FUCK ME AND FUCK YOU! PEACE AND LOVE ~/,
@author Me
==/UserStyle== */
@-moz-document domain("yewtu.be"), domain("watch.thekitty.zone"), domain("vid.puffyan.us"), domain("invidious.kavin.rocks"), domain("invidious.snopyta.org"), domain("inv.riverside.rocks"), domain("invidious.esmailelbob.xyz") {
body {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px;
background-color: #FFFFFF;
color: #222222;
width: 70%;
}
.dark-theme .searchbar input {
color: #222222;
}
.ion-ios-moon, .ion-ios-cog::before, .dark-theme .pure-menu-heading {
color: #222222;
}
a:link,
a:visited,
a:active {
color: #0033CC;
}
td {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.small {
font-size: 10px;
}
input#searchbox {
width: 200px;
border: #8f8f9d solid 1px;
border-radius: 0px;
}
.label {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #222222;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
color: #003366;
}
.title_login {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
color: #FFFFFF;
}
a.title:link {
font-family: Arial, Helvetica, sans-serif;
color: #CCFFFF;
font-size: 12px;
font-weight: bold;
}
a.title:active {
font-family: Arial, Helvetica, sans-serif;
color: #CCFFFF;
font-size: 12px;
font-weight: bold;
}
a.title:visited {
font-family: Arial, Helvetica, sans-serif;
color: #CCFFFF;
font-size: 12px;
font-weight: bold;
}
a.title:hover {
font-family: Arial, Helvetica, sans-serif;
color: #CCFFFF;
font-size: 12px;
font-weight: bolder;
}
.table_top {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
color: #333333;
}
.bold {
font-weight: bold;
}
.highlight {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
color: #333333;
}
.navbar {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
}
.navbar div {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 400;
}
.navbar .index-link {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 400;
}
.navbar a {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 400;
}
footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #111111;
}
footer :link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0033cc;
}
.success {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
color: #333333;
}
.error {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
color: #FF0000;
}
/* Modules */
.pure-u-lg-1-5 .h-box {
background-image: url(http://cleantalk.great-site.net/yts/imgbin/table_results_selected_bg.gif);
background-repeat: repeat-x;
background-color: #FFFFCC;
background-position: left top;
border-bottom: 1px dashed #999999;
padding: 10px 10px 0px 10px;
}
div.pure-control-group {
border: #cccccc solid 3px;
}
.thumbnail {
border: 5px solid #FFFFFF;
margin-right: 10px;
}
.moduleEntryTitle {
font-size: 14px;
font-weight: bold;
margin-bottom: 2px;
color: #333333;
}
.moduleEntryDescription {
font-size: 12px;
margin-bottom: 6px;
color: #333;
padding-right: 10px;
}
.moduleEntryTags {
font-size: 12px;
margin-bottom: 5px;
color: #444;
}
.moduleEntryDetails {
font-size: 11px;
margin-bottom: 5px;
color: #444;
}
.moduleTitle {
font-size: 14px;
font-weight: bold;
margin: 0px 0px 5px 5px;
color: #444;
}
.moduleTitleBar {
width: 100%;
background-color: #CCC;
border-bottom: 1px dashed #999;
}
.moduleFeatured {
background-color: #DDD;
background-image: url(http://cleantalk.great-site.net/yts/img/table_results_bg.gif);
background-position: left top;
background-repeat: repeat-x;
border-bottom: 1px dashed #999999;
padding: 5px 5px 15px 5px;
}
.moduleFeaturedThumb {
border: 5px solid #FFFFFF;
margin: 5px;
}
.moduleFeaturedTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin-bottom: 3px;
color: #0033CC;
}
.pure-u-lg-1-5 > .h-box > a[href^="/watch?"] {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666666;
margin-bottom: 3px;
}
.playlist-restricted {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666666;
margin-bottom: 3px;
}
.pure-control-group {
font-size: 12px;
font-weight: bold;
margin: 0px 5px 5px 5px;
color: #444;
background-color: #cccccc;
}
.moduleFrameEntrySelected {
width: 270;
background-color: #FFFFCC;
background-image: url(http://cleantalk.great-site.net/yts/img/table_results_selected_bg.gif);
background-repeat: repeat-x;
background-position: left top;
border-bottom: 1px dashed #999999;
padding: 8px;
}
.navbar {
width: 270;
background-color: #d5e5f5;
background-image: url(http://cleantalk.great-site.net/yts/img/table_results_bg.gif);
background-position: left top;
background-repeat: repeat-x;
border-bottom: 0px none #d5e5f5;
padding: 8px;
}
.moduleFrameTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin-bottom: 3px;
color: #0033CC;
}
.moduleFrameDetails {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
margin-bottom: 5px;
color: #666666;
}
.tableFavRemove {
margin-right: 5px;
margin-left: 10px;
margin-top: 8px;
margin-bottom: 5px;
}
.tableVideoStats {
width: 100%;
background-image: url(http://cleantalk.great-site.net/yts/img/table_results_selected_bg.gif);
background-repeat: repeat-x;
background-color: #FFFFCC;
background-position: left top;
border: 1px dashed #CCCC66;
padding-top: 5px;
padding-bottom: 15px;
margin-top: 10px;
margin-bottom: 10px;
}
h1 {
padding: 0px 0px 5px 0px;
border-bottom: 1px dashed #CCC;
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
color: #CC6633;
}
.tableSubTitleInfo {
font-size: 12px;
padding: 3px;
padding-left: 10px;
}
/* Form Elements */
.formTitle {
padding: 4px;
padding-left: 7px;
padding-bottom: 5px;
margin-bottom: 10px;
background-color: #E5ECF9;
border-bottom: 1px dashed #3366CC;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
.formTable {
width: 80%;
padding: 5px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.formIntro {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
margin-bottom: 15px;
padding-left: 10px;
}
.formHighlight {
background-image: url(http://cleantalk.great-site.net/yts/img/table_results_selected_bg.gif);
background-repeat: repeat-x;
background-color: #FFFFCC;
background-position: left top;
border: 1px dashed #CCCC66;
padding: 7px;
padding-bottom: 10px;
margin-bottom: 5px;
}
.formHighlightText {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #666633;
margin-top: 5px;
margin-left: 6px;
}
.formFieldInfo {
font-size: 11px;
color: #555555;
margin-top: 5px;
margin-bottom: 5px;
}
/* Page Elements */
.pageTitle {
padding: 4px;
padding-left: 7px;
padding-bottom: 5px;
margin-bottom: 15px;
background-color: #E5ECF9;
border-bottom: 1px dashed #3366CC;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
.pageTable {
padding: 0px 5px 0px 5px;
margin-bottom: 20px;
}
.pageText {
padding: 0px 5px 0px 5px;
}
.pageIntro {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
margin-bottom: 15px;
}
/* Mail Elements */
.mailMessageArea {
background-color: #FFFFFF;
border: 1px dashed #999999;
padding: 7px;
padding-bottom: 10px;
margin-bottom: 15px;
}
/* Watch Elements */
.watchTitleBar {
background-color: #CCCCCC;
border-bottom: 1px dashed #999999;
}
.watchTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
margin-left: 5px;
margin-bottom: 6px;
color: #333333;
}
.watchTable {
background-color: #DDDDDD;
background-image: url(http://cleantalk.great-site.net/yts/img/table_results_bg.gif);
background-repeat: repeat-x;
background-position: left top;
border-bottom: 1px dashed #999999;
padding: 5px;
padding-bottom: 10px;
text-align: center;
}
div#player-container {
background-color...