/* ==UserStyle== @name Dark BitView 2024 edition @version 0.90 @namespace userstyles.world/user/tai7k (original creator), https://userstyles.world/user/LukasZone @description A modified version of tai7k's dark theme for the 2010 BitView layout. I am not perfect at CSS and making userstyles so you might find some problems along the way. @author Original: tai7k Remade: LukasZone @license No License ==/UserStyle== */ @-moz-document domain("www.bitview.net") { body { background: #000; font-family: Arial, Verdana, sans-serif; color: #fff; } p { color: #fff; } span { color: #fff; } a:active, a:link, a:visited { color: #0080ff; font-weight: bold !important; } /* Homepage Logo */ #masthead #logo { content: url(https://lukaszone.neocities.org/BVDARKW.png); float: left; display: block; margin: 0px 18px 0px 0; } element.style { width: 480px; height: 360px; padding-bottom: 32px; } /* Channel Logo */ #smallMastheadLogo { content: url(https://lukaszone.neocities.org/bv09pridemo.png); width: 104px; height: 37px; } h3 { color: #fff; } .browseGridView .vlfrom a { color: #0080ff; } #masthead-utility .yt-menulink a { color: #0080ff !important; } .yt-menulink-menu a { background: #000 !important; border: 0px !important; color: #fff !important; } .yt-menulink-menu li { background: #000 !important; border: 0px; } #info-box { background: linear-gradient(#808080 0%, #000 30%) !important; color: #fff; } #masthead-search .search-button { background: linear-gradient(#70b8ff 0%, #005ab3 60%) !important; color: #fff; border: 1px solid #008fff !important; border-radius: 3px !important; } #unsubscribeDiv .yt-uix-button { background: linear-gradient(#70b8ff 0%, #005ab3 60%) !important; color: #fff; border: 1px solid #008fff !important; border-radius: 3px !important; } .search .yt-button { background: linear-gradient(#70b8ff 0%, #005ab3 60%) !important; color: #fff; border: 1px solid #00637f !important; border-radius: 0px !important; } .search #searchField { background: linear-gradient(#000, #2f2f2f) !important; box-shadow: inset 0px 0px 5px 1px #000; color: #fff; position: relative; top: 1px; } .yt-button .yt-button-urgent { background: linear-gradient(#70b8ff 0%, #005ab3 60%) !important; color: #fff !important; border: 1px solid #008fff !important; border-radius: 0px !important; } #masthead .logo { content: url(https://lukaszone.neocities.org/BVXL.png); width: 120px; } #masthead-container { border-color: #808080 !important; } #searchForm #searchField { background: linear-gradient(#000, #2f2f2f) !important; box-shadow: inset 0px 0px 5px 1px #000; color: #fff; } h1 { color: #ffffff !important; } .homepage-content-block { border: 1px solid #808080; } .img_feed_popular { border-radius: 4px; } .img_feed_most_popular { border-radius: 4px; } .img_feed_promoted { border-radius: 4px; } .img_feed_subscriptions { border-radius: 4px; } .homepage-featured { border: 1px solid #808080; } .homepage-yellow-block .homepage-block-heading { background: none !important; } .signInBoxBorder { border: 0px; background: linear-gradient(#535353 0%, #000 40%) !important; border-radius: 5px 5px 0px 0px; padding: 5px; color: #ffffff; text-shadow: 2px 1px 0px #000; font-size: 13px; } .signInBoxContent { background: none !important; border: none !important; } .welcome-head { background: none; border-color: #808080; } .statModule-item-text { border-color: #808080; } .headerTitle { color: #fff !important; } .videoIconWrapperOuter { border: 0px; } .v120WrapperOuter { border: 0px; } .v220WrapperOuter { border: 0px; } .videoIconWrapperInner { border-color: #808080; } .v120WrapperInner { border-color: #808080; } .v220WrapperInner { border-color: #808080; } .signup-outer-frame { border: 0px; background: linear-gradient(#535353 0%, #000 15%) !important; border-radius: 5px 5px 0px 0px; padding: 5px; color: #ffffff; text-shadow: 2px 1px 0px #000; font-size: 13px; } .signup-inner-frame { background: none !important; } #sectionHeader { border-color: #808080; } #copyright { display: none; } #footer-container { background: none; border-color: #808080; } #footer .links { border-color: #808080; } #language-picker-container { background: linear-gradient(#535353 0%, #000 30%) !important; box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353; border: 0px; } .picker-top h2 { color: #fff; border: 0px !important; } .picker-top { border: 0px !important; } .box-close-link img { border-radius: 2px; } .videos_box_conainer { background: linear-gradient(#535353 0%, #000 30%) !important; box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353; } .videos_box_in table, .videos_box_in td { border-color: #808080 !important; } .videos_box_in { border: 0px; } .videos_box_head div { color: #fff; } #header-wrapper { border-color: #808080; color: #fff; } #header-wrapper div.selected > a { color: #fff; } .videoModifiers { background: none; border-color: #808080; } .videoModifiers > .subcategory-right-cap { display: none !important; background: none; } .subcategory#selected { background: linear-gradient(#535353 0%, #000 30%) !important; box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353; border-radius: 5px 5px 0px 0px; color: #fff; padding-right: 15px; padding-left: 15px; } .subcategory#selected a { color: #fff; } .videoModifiers > .subcategory-left-cap { background: none; display: none !important; } .dropdown .subcategory-right-cap { display: none !important; } .dropdown .subcategory-left-cap { display: none !important; } .browseGridView { background: none; } /* new videos page */ .browse-basic-modifiers span { color: #fff !important; } #more-sub-modifiers-menulink a { color: #fff; } .browse-modifiers-extended-category-lbl .browse-modifiers-extended-category-lbl { color: #fff; } .time-slice-modifiers .yt-button { color: #fff; } .browse-modifiers-extended-category .browse-modifiers-extended-category-lbl { color: #fff; } .browse-tab-modifiers { background: linear-gradient(#535353 0%, #000 30%) !important; box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353; color: #fff; } .browse-tab-modifiers .subcategory { background: radial-gradient(rgba(255,255,255,0.36) 1%, rgba(255,255,255,0) 65%); color: #000; text-shadow: 0px 0px 2px rgb(0,0,0); } .browse-tab-modifiers .selected.subcategory { background: radial-gradient(#0080ffc4 1%, rgba(255,255,255,0) 65%); color: #0080ff; text-shadow: 0px 0px 2px rgb(0,0,0), 0px 0px 3px rgb(0,0,0); font-weight: bold !important; } .browse-tab-modifiers .subcategory a:hover { color: #0080ff; text-shadow: 0px 0px 2px rgb(0,0,0), 0px 0px 3px rgb(0,0,0); text-decoration: none; } .browse-categories-side { background: #000; box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353; color: #fff; } .browse-category-top-level { background: linear-gradient(#535353, rgba(0,0,0,0)) !important; } .hot-trends-cloud-inner-area { background: #000; box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353; } .hot-trends-cloud-area { background: linear-gradient(#535353 0%, #000 30%) !important; box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353; color: #fff; } /* new video page end */ #left-column { background: linear-gradient(#535353 0%, #000 30%) !important; box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353; } .category-selected { background: none; text-shadow: 1px 1px #000; } #left-column a { color: #fff; } #left-column div { padding-left: 11px; padding-top: 0px; padding-bottom: 5px; } .pagingDiv { background: none !important; } .pagerCurrent { color: #fff; background: none; } #watch-other-vids .watch-owner-options { background: #000; box-shadow: inset 0px 0px 5px 1px #535353; color: #fff; border: 1px solid #808080; margin-bottom: 0px !important; } #watch-other-vids .watch-owner-options:not(:last-child) { border-top: 0px solid #000 !important; } #watch-channel-vids-div { background: linear-gradient(#535353 0%, #000 10%) !important; box-shadow: inset 0px 0px 5px 1px #535353; color: #fff; border: 1px solid #808080; } #watch-channel-stats { color: #fff; text-shadow: 1px 1px #000; font-weight: bold; } .watch-video-added { color: #fff !important; } .show-more a { color: #fff !important; } h4 { color: #fff; } .expand-header { color: #fff !important; } #watch-embed-div { border-color: #808080 !important; } .null{ background: linear-gradient(#70b8ff 0%, #005ab3 60%) !important; color: #fff; border: 1px solid #008fff !important; } .watch-owner-options a { background: linear-gradient(#70b8ff 0%, #005ab3 60%) !important; color: #fff; border: 1px solid #008fff !important; } .watch-owner-options button { background: linear-gradient(#70b8ff 0%, #005ab3 60%) !important; color: #fff; border: 1px solid #008fff !important; } #aggregationServicesDiv { background: none !important; border: none !important; } #watch-actions-area { background: linear-gradient(#535353 0%, #000 20%) !important; box-shadow: inset 0px 0px 5px 1px #535353; text-shadow: 1px 1px #000; border-radius: 5px; border-color: #808080; } .watch-tab-contents .watch-tab-body { background: none; border: none; } .watch-tabs { border: 0px; } .watch-tab-arrow { background: none; } .watch-tab-first { background: none !important; } .watch-tabs .watch-tab-sel { background: none !important; } .watch-more-action h2 { color: #f00; } .hLink { border-color: #f00 !important; } .watch-tab-favorite-content .watch-check-grn-circle { border-radius: 50px; } #watch-embed-div input { background: linear-gradient(#000, #2f2f2f) !important; box-shadow: inset 0px 0px 5px 1px #000; border: 1px solid #808080; color: #fff; } .watch-comment-entry { border-color: #000; } .watch-comment-head { background: linear-gradient(#535353 0%, #000 40%) !important; border-radius: 5px; text-shadow: 1px 1px #000; font-weight: bold; } .watch-comment-action a { color: #fff; } .watch-comment-auth { color: #fff; } .watch-comment-time { color: #fff; } .expand-content h3 { color: #fff; } #comment_text { background: linear-gradient(#000, #2f2f2f) !important; box-shadow: inset 0px 0px 5px 1px #000; color: #fff; border-color: #2f2f2f !important; } #watch-comment-view-all { border-color: #000; } .small-expand-panel { border-color: #000; } a .RightSingleArrow { border-radius: 50px; } a .LeftSingleArrow { border-radius: 50px; } .v90WrapperOuter { border-color: #000; } .v90WrapperInner { border-color: #808080 } .watch-wrapper.expanded .expand-content { border-color: #808080 !important; border-radius: 0px 0px 5px 5px; box-shadow: inset 0px 0px 5px 1px #535353; } .watch-wrapper .expanded .expand-content { border-color: #808080 !important; border-radius: 0px 0px 5px 5px; box-shadow: inset 0px 0px 5px 1px #535353; } .expand-content input { background: linear-gradient(#70b8ff 0%, #005ab3 60%) !important; color: #fff; border: 1px solid #008fff !important; } form > div:not(:last-child) { background: #000 !important; } div > input { background: linear-gradient(#70b8ff 0%, #005ab3 60%) !important; color: #fff; border: 1px solid #008fff !important; } form > div > table input { background: linear-gradient(#000, #2f2f2f) !important; box-shadow: inset 0px 0px 5px 1px #000; color: #fff; border: 1px solid #2f2f2f !important; } .wrapper textarea { background: linear-gradient(#000, #2f2f2f) !important; box-shadow: inset 0px 0px 5px 1px #000; color: #fff; border: 1px solid #2f2f2f !important; } .wrapper .yt-button { background: linear-gradient(#70b8ff 0%, #005ab3 60%) !important; color: #fff; border: 1px solid #008fff !important; } .actions { background: none !important; border: 0px !important; } .settings { background: none !important; border: 0px !important; } .view { border: 0px !important; } .splitter { background: linear-gradient(#535353 0%, #000 15%) !important; box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353; border: 0px !important; } #table #headings td { background: linear-gradient(#535353 0%, #000 40%) !important; box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353; border: none !important; } .sort-field { color: #fff; } #selected.sort-field { color: #fff; } .yt-menubutton-primary .yt-menubutton-arr button { border-left: none; } #my-account-header a.yt-menulink-btn.yt-button.yt-button-primary { background: none !important; border: 0px !important; } #list-pane a { color: #fff; } #list-pane .selected .name { color: #000; } #list-pane { border: 1px solid #808080 !important; } .wrapper #video_grid { background: none !important; } #video_grid > table > tbody > tr { background: none !important; } #video_grid #facet-label { color: #fff; } #video_grid .video-main-content td { color: #fff; } #video_grid .video-description { color: #fff; } #view-pane .footer { background: none; } #c_info { background: none !important; box-shadow: none !important; } #c_interests { background: none !important; box-shadow: none !important; } #c_email { background: none !important; box-shadow: none !important; } #c_layout { background: none !important; box-shadow: none !important; } #c_prt { background: none !important; box-shadow: none !important; } #loginForm div { background: none !important; border: none !important; box-shadow: none !important } #blog-head-left h3 { color: #fff !important; border-color: #808080; } .blog-date { color: #fff !important; } .ms_sct a { color: #fff !important; } .in_message td { background: #000 !important; color: #fff !important; } .ms_sct td { background: linear-gradient(#535353 0%, #000 30%) !important; box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353; } #grid-view { background: linear-gradient(#535353 0%, #000 30%) !important; box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353; } .view td { color: #fff !important; } .editheader { background: linear-gradient(#535353 0%, #000 40%) !important; box-shadow: inset 0px 0px 5px 1px #535353; border: 0px !important; } form #video-info { border-color: #808080; } .savechanges { background: none !important; border-color: transparent } #date_and_map_options div { background: none !important; } #date_and_map_options div { background: none !important; } .uploaderBox { border: 0px; background: linear-gradient(#535353 0%, #000 20%) !important; border-radius: 5px 5px 0px 0px; color: #ffffff; text-shadow: 2px 1px 0px #000; } .uploaderBox #tags { background: linear-gradient(#000, #2f2f2f) !important; box-shadow: inset 0px 0px 5px 1px #000; color: #fff; border: 1px solid #2f2f2f !important; } .uploaderBox #title { background: linear-gradient(#000, #2f2f2f) !important; box-shadow: inset 0px 0px 5px 1px #000; color: #fff; border: 1px solid #2f2f2f !important; } #watch-video-response { background: linear-gradient(#535353 0%, #000 60%) !important; box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353; border: 0px; } .dropdown-content { border: 1px solid #808080 !important; background: #000 !important; } .dropdown-content a { background: #000 !important; border: 0px !important; color: #fff !important; } .dropdown-content a:hover { background: linear-gradient(#535353 0%, #000 60%) !important; } .yt-uix-button-text { color: #008fff !important; } } .nav-header { background: #000 !important; } .options-box { background: linear-gradient(#535353 0%, #000 60%) !important; } .yt-uix-button, .yt-button { background: linear-gradient(#535353 0%, #000 60%) !important; color: #FFF !important } .yt-uix-button:hover, .yt-uix-button:focus, .yt-button:hover, .yt-button:focus { background: linear-gradient(#535353 0%, #1d1d1d 60%) !important; } .yt-uix-button-menu .yt-uix-button-menu-item { background: linear-gradient(#535353 0%, #000 60%) !important; color: #FFF !important } .yt-uix-button-menu .yt-uix-button-menu-item:hover { background: linear-gradient(#535353 0%, #1d1d1d 60%) !important; color: #FFF !important } #vm-dialog-new-playlist { background-color:#000; } #homepage-content-block-h_featured #hpVideoListHead a { color: #fff; } .homepage-content-block { border: 1px solid #000; } .upload-outer-box { background: linear-gradient(#535353 0%, #000 30%) !important; } .upload-inner-box { background-color:#151515; } #instructions { background-color:#00304f; } #watch-info .yt-uix-expander-collapsed .watch-expander-head:hover { background-color:#00304f; } #watch-info .yt-uix-expander-collapsed .watch-expander-head:hover { background:#00304f ; } .ms_sct.unread a { color:#fff !important } .ms_sct a { color: #ccc !important; } .rsslink { color:#fff !important } #vm-page-subheader { background:#000 !important } #vm-video-actions-inner { background:#000 !important } #vm-playlist-header { background:#000 !important } .opt-banner { background-color: #000; } .opt-main { background-color: #000; } .img-php-opt-box-caret { background-image: url(https://lukaszone.neocities.org/iyt_iconset-vfl94059Dark.png); } ul.videos li#account-videos-link a, ul.insight li#account-insight-link a, ul.messages li#account-messages-link a, ul.settings li#account-settings-link a { color:#fff; } @-moz-document url-prefix("https://www.bitview.net/watch"), url-prefix("http://www.bitview.net/watch"), url-prefix("https://www.bitview.net/user"), url-prefix("http://www.bitview.net/user"), url-prefix("https://www.bitview.net/embed"), url-prefix("http://www.bitview.net/embed"), url-prefix("https://www.bitview.net/profile"), url-prefix("http://www.bitview.net/profile"), url-prefix("http://www.bitview.net/my_videos_upload_basic") { .badge-partner-video { background: transparent url(https://pmk335.neocities.org/master-vfl87445.png) repeat-x scroll 0 -118px } #watch-headline-container { background-color: #000; } #watch-video-container { background-color: #000; } .edit-info { background: linear-gradient(#535353 0%, #000 60%) !important; } #watch-related { background: linear-gradient(#535353 0%, #000 3%) !important; } .watch-ppv-vid { background: linear-gradient(#535353 0%, #000 3%) !important; } .watch-description-username-dash { color: #848484 !important; } .current { background: linear-gradient(#535353 0%, #000 20%) !important; } #watch-like { color: #000 } #masthead-container { background-color: #000; } .yt-uix-button .yt-uix-tooltip { color: #fff; border: 1px solid #008fff !important; border-radius: 3px !important; } .yt-uix-button-primary .yt-uix-button .yt-button { background-image: linear-gradient(top,#000,#c3d5f1); background-image: gradient(linear,left top,left bottom,from(#0167ff),to(#000)); } .vlDuration { color: #000 } .yt-uix-button, .yt-button { background: linear-gradient(#535353 0%, #000 60%) !important; color: #FFF !important } #watch-actions .action-bar-ratings-stats { background-color: #333; } .yt-uix-button-icon-watch-like, .yt-uix-button-icon-watch-unlike { filter: invert(1) hue-rotate(3.2rad); } .watch-module-expandable .watch-module-head:hover { color:#fff; background: linear-gradient(#535353 0%, #1d1d1d 60%) !important; } .watch-module-expandable .watch-module-head { color:#fff; background-color: #1d1d1d; } #watch-sidebar .watch-module-body, #watch-search .watch-module-body { padding:0 1px; background:#000; } a.video-list-item-link:hover, .hover a.video-list-item-link { background: linear-gradient(#212121 0%, #161616 100%) !important; text-decoration:none } } @-moz-document url-prefix("http://www.bitview.net/my_videos"), url-prefix("https://www.bitview.net/my_videos") { #vm-page-subheader { background:#000; padding:10px; border-bottom:1px solid #313131 } #vm-video-actions-inner { background-color:#000 } .yt-uix-button-menu .yt-uix-button-menu-item { background: linear-gradient(#535353 0%, #000 60%) !important; color: #FFF !important } } @-moz-document url-prefix("http://www.bitview.net/staff") { h2 { color: #FFF !important } } @-moz-document url-prefix("http://www.bitview.net/groups") { .yt-uix-button, .yt-button { color: #fff } }