├── 4chan ├── 4chan.png └── custom_4chan.user.css ├── README.md ├── deviantart ├── custom_devianart.user.css └── deviantart.png ├── discord ├── custom_discord.user.css └── discord.png ├── hooktube ├── custom_hooktube.user.css └── hooktube.png ├── horriblesubs ├── custom_horriblesubs.user.css └── horriblesubs.png ├── kissmanga ├── custom_kissmanga.user.css └── kissmanga.png ├── mangadex ├── custom_mangadex.user.css └── mangadex.png ├── reddit ├── custom_reddit.user.css └── reddit.png ├── scripts └── scroll.user.js ├── scrollbar └── custom_scrollbars.user.css ├── tumblr ├── custom_tumblr.user.css └── tumblr.png ├── twitter ├── custom_twitter.user.css ├── custom_twitter_2.0.user.css ├── twitter.png └── twitter2.png ├── ugc list └── custom_ugc_list.user.css ├── untz chat ├── custom_untz_chat.user.css └── untz chat.png └── youtube ├── custom_youtube.user.css └── youtube.png /4chan/4chan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/just12/web-styles/69f9a8be3b40ad3c3a467ba11a7a33e77dd2a207/4chan/4chan.png -------------------------------------------------------------------------------- /4chan/custom_4chan.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Custom 4chan 3 | @namespace https://github.com/just12/web-styles 4 | @version 0.1.0 5 | @description Custom style 6 | @author just12 7 | ==/UserStyle== */ 8 | @-moz-document url-prefix("https://4chan.org/") { 9 | div#ft,#hd,div#doc div:nth-child(7),div#doc div:nth-child(8),div#doc div:nth-child(9),div#doc div:nth-child(10),div#boards div div.boxbar, #popular-threads, #site-stats{display:none;} 10 | 11 | div#boards{ 12 | position: absolute; 13 | transform: translate(-50%,-50%); 14 | top: 50%; 15 | left: 50%; 16 | width: 738px; 17 | border: 20px solid #111; 18 | box-shadow: 5px 5px 15px rgba(20,20,20,.3); 19 | color: #fff; 20 | background: rgba(20,20,20,.7); 21 | } 22 | 23 | html{ 24 | background-position: center; 25 | background-size: cover; 26 | background-image: url(https://u.teknik.io/oG73h.jpg); 27 | background-attachment: fixed; 28 | } 29 | 30 | body{background: none !important;} 31 | 32 | ul li a{color: #bbb !important;} 33 | ul li a:hover{color: #fff !important;text-decoration: none !important;} 34 | /* 35 | div.column:nth-child(1) ul:nth-child(2) li:nth-child(1) a, 36 | div.column:nth-child(1) ul:nth-child(2) li:nth-child(3) a, 37 | div.column:nth-child(3) ul:nth-child(2) li:nth-child(6) a, 38 | div.column:nth-child(3) ul:nth-child(2) li:nth-child(13) a, 39 | div.column:nth-child(2) ul:nth-child(2) li:nth-child(2) a 40 | {color: #99f !important;} 41 | */ 42 | } 43 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # web-styles 2 | Custom styles for various webs. 3 | 4 | ### Installation 5 | To install this custom styles in your browser you need to install [Stylus](https://github.com/stylus/stylus) and then open the raw file from the style you want to install 6 | 7 | ### 4chan 8 | ![alt text](https://github.com/just12/web-styles/raw/master/4chan/4chan.png) 9 | 10 | ### deviantart (outdated) 11 | ![alt text](https://github.com/just12/web-styles/raw/master/deviantart/deviantart.png) 12 | 13 | ### discord (outdated) 14 | ![alt text](https://github.com/just12/web-styles/raw/master/discord/discord.png) 15 | 16 | ### hooktube 17 | ![alt text](https://github.com/just12/web-styles/raw/master/hooktube/hooktube.png) 18 | 19 | ### horriblesubs 20 | ![alt text](https://github.com/just12/web-styles/raw/master/horriblesubs/horriblesubs.png) 21 | 22 | ### kissmanga 23 | ![alt text](https://github.com/just12/web-styles/raw/master/kissmanga/kissmanga.png) 24 | 25 | ### mangadex 26 | ![alt text](https://github.com/just12/web-styles/raw/master/mangadex/mangadex.png) 27 | 28 | ### reddit (outdated) 29 | ![alt text](https://github.com/just12/web-styles/raw/master/reddit/reddit.png) 30 | 31 | ### scrollbar 32 | No preview available 33 | 34 | ### tumblr 35 | ![alt text](https://github.com/just12/web-styles/raw/master/tumblr/tumblr.png) 36 | 37 | ### twitter (outdated) 38 | ![alt text](https://github.com/just12/web-styles/raw/master/twitter/twitter2.png) 39 | 40 | ### ugc chat 41 | I just uploaded this to have a backup of it. It needs to be updated. 42 | 43 | ### untz chat 44 | ![alt text](https://github.com/just12/web-styles/raw/master/untz%20chat/untz%20chat.png) 45 | 46 | ### youtube 47 | ![alt text](https://github.com/just12/web-styles/raw/master/youtube/youtube.png) 48 | -------------------------------------------------------------------------------- /deviantart/custom_devianart.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Custom deviantart 3 | @namespace htmls://github.com/just12/web-styles 4 | @version 0.1.0 5 | @description A new userstyle 6 | @author just12 7 | ==/UserStyle== */ 8 | @-moz-document url-prefix("https://www.deviantart.com/") { 9 | .browse-facet.browse-facet-state, 10 | #oh-menu-upgrade, 11 | #navbar-menu .navbar-menu-item.navbar-menu-separator, 12 | .ad-container, 13 | .icon-cog:before, 14 | .browse-top-bar, 15 | .f.messages-left, 16 | .mm, 17 | div.mcbox-thumb .user-symbol, div.mcbox-list .user-symbol, 18 | .mcviews 19 | {display: none !important;} 20 | 21 | #overhead-collect, 22 | body.deviantart #overhead, 23 | #oh-menu-deviant, #oh-menu-split, #oh-menu-friends, #oh-menu-collect, #oh-menu-cart, #oh-menu-join, #oh-loginbutton, #overhead .oh-mc-split, #oh-menu-greeting, 24 | #browse-sidemenu ul li a.selected, 25 | .mcbox-preview-critique .ch-ctrl, .mcbox-preview-journal .ch-ctrl, .mbcox-preview-contest .ch-ctrl, .mcbox-preview-forum .ch-ctrl, .mcbox-preview-stack .ch-ctrl, .mcbox-full-stack .ch-ctrl, .mcbox-thumb .ch-ctrl 26 | {background-color: #000 !important;} 27 | 28 | #overhead #search7 input[name=q], 29 | #overhead #search7 input[name=q]:focus 30 | {background-color: #111;} 31 | 32 | #navbar-menu .navbar-menu-inner, 33 | #output>.browse-container.newbrowse .browse-left-bar, 34 | #output>.browse-container.newbrowse .browse-left-bar .browse-left-bar-inner, 35 | h2.mczone-title 36 | {background-color: #222;} 37 | 38 | #oh-menu-submit>a>span, 39 | .oh-menu, #overhead-collect #lub, div.popup2.popup2-click-friends, 40 | body, #output, 41 | .mmhover.oh-hashover .oh-l, .mmhover2 .oh-l, .mmhover3 .oh-l, .oh-nohover .oh-l:hover, .oh-hasbutton .active, .oh-m:active, 42 | div.messages, 43 | div.mczone 44 | {background-color: #333;} 45 | 46 | body.deviantart #overhead, 47 | #oh-menu-deviant, #oh-menu-split, #oh-menu-friends, #oh-menu-collect, #oh-menu-cart, #oh-menu-join, #oh-loginbutton, #overhead .oh-mc-split, #oh-menu-greeting, 48 | .ch-ctrl, 49 | .mcbox-preview-critique .ch-ctrl, .mcbox-preview-journal .ch-ctrl, .mbcox-preview-contest .ch-ctrl, .mcbox-preview-forum .ch-ctrl, .mcbox-preview-stack .ch-ctrl, .mcbox-full-stack .ch-ctrl, .mcbox-thumb .ch-ctrl 50 | {border-color: #000 !important;} 51 | 52 | #overhead #search7 input[name=q] 53 | {border-color: #111;} 54 | 55 | .oh-hr, #overhead hr, 56 | #output>.browse-container.newbrowse .browse-left-bar, 57 | h2.mczone-title, 58 | div.mczone 59 | {border-color: #222 !important;} 60 | 61 | #navbar-menu .navbar-menu-item.active, 62 | .browse-search-container 63 | {border-color: #eee;} 64 | 65 | .oh-menu .oh-darker, .oh-menu .oh-darker a, 66 | #navbar-menu .navbar-menu-item:hover, 67 | #browse-sidemenu .noncollapseHeader, 68 | body.gruze .bubbleview 69 | {color: #999 !important;} 70 | 71 | #overhead, #oh-mainmenu-cloned, 72 | #overhead #search7 a:after, 73 | #overhead #search7 input[name=q], 74 | #overhead a, 75 | #oh-menu-split>a>.icon, 76 | div.drawPlzContainer a.mi, #overhead .mi, #oh-mainmenu-cloned .mi, div.commentwriter-toolbar .mi, a.surfer.oh-m-surfer, 77 | #navbar-menu .navbar-menu-item, 78 | #browse-sidemenu ul li a, 79 | body.gruze .bubbleview h1, body.gruze .bubbleview h2, body.gruze .bubbleview h3, body.gruze .bubbleview h4, body.gruze .bubbleview h1 a, body.gruze .bubbleview h2 a, body.gruze .bubbleview h3 a, body.gruze .bubbleview h4 a, 80 | a.u:not(.banned), body.gruze a.u:not(.banned), .mcb-title a:not(.external), .mcb-line a:not(.external), .mcb-body a:not(.external), .mcb-modhtml a:not(.external), .popup2-mcbox-comment a:not(.external):not(.thumb), .text a:not(.external), 81 | div.mcbox div.mcb-commentcount a 82 | {color: #eee;} 83 | 84 | #deviantart-logo .mark .wikistick 85 | {fill: #fff;} 86 | 87 | #overhead #search7 input[name=q], 88 | .browse-search-container 89 | {box-shadow: none;} 90 | 91 | div.mcbox span.mcx, div.mcbox span.mcdx, 92 | body.gruze a.gmbutton 93 | {filter: grayscale(100);} 94 | 95 | .mcbox-preview-critique .ch-ctrl, .mcbox-preview-journal .ch-ctrl, .mbcox-preview-contest .ch-ctrl, .mcbox-preview-forum .ch-ctrl, .mcbox-preview-stack .ch-ctrl, .mcbox-full-stack .ch-ctrl, .mcbox-thumb .ch-ctrl 96 | {background-image: none;} 97 | } -------------------------------------------------------------------------------- /deviantart/deviantart.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/just12/web-styles/69f9a8be3b40ad3c3a467ba11a7a33e77dd2a207/deviantart/deviantart.png -------------------------------------------------------------------------------- /discord/custom_discord.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Custom discord 3 | @namespace https://github.com/just12/web-styles 4 | @version 0.1.0 5 | @description Custom style 6 | @author just12 7 | ==/UserStyle== */ 8 | @-moz-document url-prefix("https://discordapp.com/channels/") { 9 | button.btn-download-apps 10 | {display: none !important;} 11 | 12 | .theme-dark .message-group .comment .markup .mention 13 | {background-color: #0000;} 14 | 15 | .guilds-wrapper, 16 | .contentSelectedText-3j5CXt, 17 | .theme-dark .friends-table .messages .divider:not(.red) div, .theme-dark .messages-wrapper .messages .divider:not(.red) div, 18 | .theme-dark .themed-popout .header, 19 | .theme-dark .messages-popout-wrap .messages-popout .message-group, 20 | .theme-dark .channel-members .member.popout-open, .theme-dark .channel-members .member:hover, 21 | .theme-dark .headerNormal-1cioxU, 22 | .unread-2TDDFN, 23 | .container-iksrDt 24 | {background: #000;} 25 | 26 | .guilds-wrapper .guilds .friends-icon, 27 | .guilds-wrapper .guilds-add, 28 | .channels-3g2vYe, 29 | .container-RYiLUQ, 30 | .theme-dark .inner-3if5cm, 31 | .theme-dark .title-qAcLxz, 32 | .theme-dark .friends-table .messages .divider:before, .theme-dark .friends-table .messages .divider span, .theme-dark .messages-wrapper .messages .divider:before, .theme-dark .messages-wrapper .messages .divider span, 33 | .theme-dark .themed-popout, 34 | .theme-dark .channel-members, 35 | .theme-dark .body-3rkFrF, .theme-dark .footer-2J5zqP, 36 | .theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-thumb, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-thumb 37 | {background-color: #111;} 38 | 39 | .theme-dark .friends-table, .theme-dark .messages-wrapper, 40 | .theme-dark .chat form, 41 | .theme-dark .chat form .typing, 42 | .contentHoveredText-2HYGIY, 43 | .unread-2TDDFN:hover, 44 | .theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-track-piece, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-track-piece, 45 | div.flex-spacer.flex-vertical 46 | {background-color: #222;} 47 | 48 | .chat .new-messages-bar, 49 | .chat .new-messages-bar:hover, 50 | .iconBadge-1FYlQB 51 | {background-color: #f22;} 52 | 53 | .theme-dark .themed-popout, 54 | .theme-dark .messages-popout-wrap .messages-popout .message-group 55 | {border-color: #000;} 56 | 57 | .theme-dark .message-group:not(.has-divider), 58 | .theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-track-piece, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-track-piece, 59 | .theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-thumb, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-thumb, 60 | .theme-dark .iconBadge-1FYlQB 61 | {border-color: #333;} 62 | 63 | .nameDefaultText-QoumjC, .nameDefaultVoice-1swZoh, .nameLockedText-2fGz07, .nameLockedVoice-wNOMNa, 64 | .channelIcon-1KtcMW, 65 | .theme-dark .friends-table .messages .divider:not(.red) span, .theme-dark .messages-wrapper .messages .divider:not(.red) span, 66 | .iconCollapsed-1INdMX, .iconDefault-xzclSQ, .nameCollapsed-3_ChMu, .nameDefault-Lnjrwm, 67 | .channel-members .member .member-activity 68 | {color: #666 !important;} 69 | 70 | .nameMutedText-1YDcP-, .nameMutedVoice-26k4cP, 71 | .message-group.compact .message:hover .timestamp 72 | {color: #444 !important;} 73 | 74 | .chat .new-messages-bar button:last-child 75 | {color: #fff;} 76 | 77 | .theme-dark .chat form 78 | {box-shadow: 0 -1px 0 #333;} 79 | } -------------------------------------------------------------------------------- /discord/discord.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/just12/web-styles/69f9a8be3b40ad3c3a467ba11a7a33e77dd2a207/discord/discord.png -------------------------------------------------------------------------------- /hooktube/custom_hooktube.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Custom hooktube 3 | @namespace https://github.com/just12/web-styles 4 | @version 0.1.0 5 | @description Custom style 6 | @author just12 7 | ==/UserStyle== */ 8 | @-moz-document url-prefix("https://hooktube.com/watch?v=") { 9 | .navbar, 10 | #main-footer, 11 | #video-list-prom 12 | {display: none !important;} 13 | 14 | body, 15 | .card, 16 | .modal-content 17 | {background-color: #000;} 18 | 19 | #video-keywords .badge, 20 | .btn.btn-block.dropdown-toggle, 21 | .btn-secondary, 22 | #video-settings, 23 | #theater-mode, 24 | .progress, 25 | .dropdown-menu 26 | {background-color: #111;} 27 | 28 | .btn-secondary 29 | {border-color: #111;} 30 | 31 | .card-title, 32 | .card-body, 33 | p#video-channel-name, 34 | .text-left, 35 | .text-right, 36 | .fa-thumbs-up, .fa-thumbs-down, 37 | #video-keywords .badge, 38 | .btn.btn-block.dropdown-toggle, 39 | .btn-secondary, 40 | #video-settings, 41 | #theater-mode, 42 | .col-sm-9, 43 | .text-muted small, 44 | .list-channel-title 45 | {color: #666 !important;} 46 | 47 | p#video-channel-name a, 48 | .card-body a, 49 | .col-sm-3 a, 50 | .text-primary, 51 | a, 52 | .modal-title, 53 | .close, 54 | label, 55 | small, 56 | #video-speed-show, 57 | .show>a 58 | {color: #fff;} 59 | 60 | .btn-success, 61 | #progress-bar-likes div 62 | {background-color: #f22;} 63 | 64 | .btn-success, 65 | .modal-content, 66 | .modal-header 67 | {border-color: #f22;} 68 | 69 | a:hover{color: #f22 !important;} 70 | 71 | .close{text-shadow: 0px 0px 0px;} 72 | 73 | #video-speed{ 74 | position: relative; 75 | top: 6px; 76 | } 77 | 78 | .modal-dialog{opacity: .9;} 79 | 80 | .btn-success:hover{background-color: #f44;border-color: #f44;} 81 | 82 | .btn-secondary:hover, #video-settings:hover, #theater-mode:hover, 83 | .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle 84 | {background-color: #222;border-color: #222;} 85 | 86 | .btn-success.focus, .btn-success:focus, 87 | .btn.focus, .btn:focus 88 | {box-shadow: 0 0 0 3px rgba(167, 40, 40, 0.5);} 89 | } -------------------------------------------------------------------------------- /hooktube/hooktube.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/just12/web-styles/69f9a8be3b40ad3c3a467ba11a7a33e77dd2a207/hooktube/hooktube.png -------------------------------------------------------------------------------- /horriblesubs/custom_horriblesubs.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Custom horriblesubs 3 | @namespace https://github.com/just12/web-styles 4 | @version 0.2.0 5 | @description A new userstyle 6 | @author just12 7 | ==/UserStyle== */ 8 | 9 | @-moz-document url-prefix("https://horriblesubs.info/shows/"), url("https://horriblesubs.info/current-season/") { 10 | #post-134721 > div > div.series-desc > p 11 | {color: #eee !important} 12 | 13 | .series-image img { 14 | box-shadow: none; 15 | } 16 | } 17 | 18 | @-moz-document url-prefix("https://horriblesubs.info") { 19 | #main > div.latest-sponsor.text-center, 20 | #secondary > div:nth-child(1) > div.homepage-sponsor.text-center, 21 | #main > div.comment-wrapper, 22 | #disqus_thread, 23 | #secondary > div:nth-child(2), 24 | #post-134721 > div > div.rls-sponsor.text-center 25 | {display: none;} 26 | 27 | .navbar.navbar-default, 28 | .post-inner-content, 29 | .well, 30 | #secondary > div:nth-child(1) > iframe 31 | {background-color: #111 !important;} 32 | 33 | body, 34 | .form-control, 35 | .table-hover>tbody>tr:hover, .schedule-table>tbody>tr:hover, 36 | .latest-releases a:hover, .latest-show-more a:hover, 37 | .rls-label:hover 38 | {background-color: #222 !important;} 39 | 40 | .latest-releases .active 41 | {background-color: #f22;} 42 | 43 | .latest-releases .active a:hover 44 | {background-color: #f11 !important;} 45 | 46 | .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > .caret, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, 47 | h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, 48 | a, 49 | body, 50 | .rls-info-container a:focus, .show-more a:focus, .rls-label:hover, .entry-title 51 | {color: #f22;} 52 | 53 | .latest-releases .active a 54 | {color: #000;} 55 | 56 | .form-control 57 | {color: #eee;} 58 | 59 | .navbar.navbar-default, 60 | .post-inner-content, 61 | .well 62 | {box-shadow: none;} 63 | 64 | .well, 65 | .form-control 66 | {border-radius: 0;} 67 | 68 | .navbar-brand{background-image: none !important;background-color: #f22;} 69 | 70 | .latest-releases ul li, 71 | .form-control, 72 | .rls-info-container, 73 | .hs-shows 74 | {border: none;} 75 | 76 | .rls-label 77 | {padding: 3px;} 78 | 79 | input{outline: none !important;} 80 | 81 | .form-control:focus{ 82 | border: none; 83 | box-shadow: none; 84 | } 85 | 86 | .navbar-brand:hover{color:#eee !important;} 87 | } -------------------------------------------------------------------------------- /horriblesubs/horriblesubs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/just12/web-styles/69f9a8be3b40ad3c3a467ba11a7a33e77dd2a207/horriblesubs/horriblesubs.png -------------------------------------------------------------------------------- /kissmanga/custom_kissmanga.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Custom kissmanga 3 | @namespace https://github.com/just12/web-styles 4 | @version 0.1.0 5 | @description Custom style 6 | @author just12 7 | ==/UserStyle== */ 8 | @-moz-document url-prefix("http://kissmanga.com/"), url-prefix("https://kissmanga.com/") { 9 | div.bigBarContainer:nth-child(7), div#footer, #liComic, #liReport, #liRequest, #liFlappy, #liGame, #liAnimeOnline, #liCommunity, #formSearch div:nth-child(3), div.barContent.chapterList div:nth-child(2) div:nth-child(1), div.barContent.chapterList div:nth-child(2) div:nth-child(2), div.barContent.chapterList div:nth-child(2) div:nth-child(3), 10 | div.barContent.chapterList div:nth-child(2) div:nth-child(4), div.barContent.chapterList div:nth-child(2) div:nth-child(5), a.logo, div#rightside div:nth-child(3), div.rightBox:nth-child(5), div.divCloseBut{display: none !important;} 11 | } 12 | -------------------------------------------------------------------------------- /kissmanga/kissmanga.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/just12/web-styles/69f9a8be3b40ad3c3a467ba11a7a33e77dd2a207/kissmanga/kissmanga.png -------------------------------------------------------------------------------- /mangadex/custom_mangadex.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Custom mangadex 3 | @namespace https://github.com/just12/web-styles 4 | @version 0.2.1 5 | @description I dont like those gradients 6 | @author just12 7 | ==/UserStyle== */ 8 | @-moz-document url-prefix("https://mangadex.org/") { 9 | #content > div.row > div.col-lg-4 > div:nth-child(2) 10 | {display: none;} 11 | 12 | .bg-light, .bg-dark 13 | {background-color: #000 !important;} 14 | 15 | body, .bg-reader-controls, 16 | .dropdown-menu 17 | {background-color: #111 !important;} 18 | 19 | thead, .table-header, .card-header, .modal-header 20 | {background-color: #222;} 21 | 22 | .card, 23 | .list-group-item, 24 | .btn-secondary, .btn-default, .btn-outline-secondary, 25 | .form-control, .form-control:focus, 26 | .card-body, #latest_updates, #follows_updates, #site_settings, #change_profile, #change_password, #upload_settings, #reader_settings, #filter_settings, .modal-body, .modal-footer, .well 27 | {background: #333 !important;} 28 | 29 | div.car-caption, 30 | .dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active 31 | {background-color: #333;} 32 | 33 | .table-striped > tbody > tr:nth-of-type(2n+1) 34 | {background-color: #282828;} 35 | 36 | .table-striped > tbody > tr:nth-of-type(2n+2) 37 | {background-color: #222;} 38 | 39 | .badge-secondary, kbd, 40 | .btn-secondary:hover, .btn-secondary:focus, .btn-default:hover, .btn-default:focus, .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.active, 41 | .alert, 42 | .btn-light, .page-item .page-link, .page-item.disabled .page-link 43 | {background-color: #666 !important;} 44 | 45 | .btn-light:hover, .btn-light:active, .btn-light:focus, .page-item.active .page-link 46 | {background-color: #777 !important;} 47 | 48 | .nav-pills .nav-link:not(.active), .nav-pills .show > .nav-link 49 | {background: #ff222222;} 50 | 51 | .nav-tabs .nav-link:not(.active):hover, .nav-pills .nav-link:not(.active):hover, .nav-tabs .nav-link:focus, 52 | .reader-page-bar .thumb, .reader-page-bar:hover .thumb 53 | {background-color: #ff222255 !important;} 54 | 55 | .reader-page-bar .trail 56 | {background-color: #33333388 !important;} 57 | 58 | .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.show .nav-link, .nav-pills .nav-link.active, .nav-pills .show > .nav-link 59 | {background-color: #f22;} 60 | 61 | .list-group-item 62 | {border-color: #000;} 63 | 64 | .nav.nav-tabs, .nav.nav-pills, .card-header-pills, 65 | .border-bottom, 66 | .border-top 67 | {border-color: #f22 !important;} 68 | 69 | .bg-light, .bg-dark 70 | {border: none !important;} 71 | 72 | .text-muted 73 | {color: #444;} 74 | 75 | .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus, 76 | a, .nav-tabs .nav-link:not(.active):hover, .nav-tabs .nav-link:focus 77 | {color: #ccc;} 78 | 79 | footer 80 | {display:none;} input[type="text"]::-webkit-input-placeholder{color: #999;} 81 | input[type="text"]::-moz-placeholder{color: #999;} 82 | input[type="text"]:-ms-input-placeholder{color: #999;} 83 | input[type="text"]:-moz-placeholder{color: #999;} 84 | 85 | textarea.form-control::placeholder{color: #999;} 86 | 87 | 88 | } -------------------------------------------------------------------------------- /mangadex/mangadex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/just12/web-styles/69f9a8be3b40ad3c3a467ba11a7a33e77dd2a207/mangadex/mangadex.png -------------------------------------------------------------------------------- /reddit/custom_reddit.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Custom reddit 3 | @namespace https://github.com/just12/web-styles 4 | @version 0.1.0 5 | @description Custom style 6 | @author just12 7 | ==/UserStyle== */ 8 | @-moz-document url("https://www.reddit.com/"), url-prefix("https://www.reddit.com/?count=") { 9 | .footer-parent, p.debuginfo, .create, .goldvertisement, .sidecontentbox, #sr-header-area, a#header-img.default-header, .trending-subreddits, #header-img, .listing-chooser, section.infobar.listingsignupbar, .sidebox, .recommended-link{display: none !important;} 10 | } 11 | 12 | @-moz-document url("https://www.reddit.com/"), url-prefix("https://www.reddit.com/?count=") { 13 | body, 14 | .side, 15 | .tabmenu li.selected a 16 | {background-color: #000;} 17 | 18 | #search input:nth-child(1), 19 | #header, 20 | .tabmenu li a, 21 | #header-bottom-right, 22 | .flair, .linkflairlabel, 23 | .nextprev a, .next-suggestions a 24 | {background-color: #111;} 25 | 26 | #search input:nth-child(1), 27 | #header 28 | {border-color: #000 !important;} 29 | 30 | .tabmenu li.selected a, 31 | .flair, .linkflairlabel, 32 | .nextprev a, .next-suggestions a 33 | {border-color: #111 !important;} 34 | 35 | .tabmenu li.selected a, 36 | a, 37 | .tagline a, .search-result-meta a, 38 | .thing .title:visited 39 | {color: #fff;} 40 | 41 | .thing .title, 42 | .link .rank, 43 | .link .score, 44 | .flair, .linkflairlabel, 45 | .nextprev a, .next-suggestions a 46 | {color: #555;} 47 | 48 | .link.last-clicked 49 | {border: 0px;} 50 | 51 | .nsfw-stamp 52 | {border: 0px;background-color: #f22;color: #000;} 53 | } 54 | -------------------------------------------------------------------------------- /reddit/reddit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/just12/web-styles/69f9a8be3b40ad3c3a467ba11a7a33e77dd2a207/reddit/reddit.png -------------------------------------------------------------------------------- /scripts/scroll.user.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name Keyboard scroll 3 | // @namespace https://github.com/just12 4 | // @version 0.2 5 | // @author just12 6 | // @include *mangadex.org/chapter/* 7 | // @include http://kissmanga.com/Manga/* 8 | // @include https://twitter.com/* 9 | // ==/UserScript== 10 | onkeydown = function(e){ 11 | var keyPressed = e.keyCode; 12 | //console.log(keyPressed); 13 | if(keyPressed === 87){scrollBy({top: -200,left: 0,behavior: 'smooth'});} 14 | if(keyPressed === 83){scrollBy({top: 200,left: 0,behavior: 'smooth'});} 15 | if(keyPressed === 81){scrollTo({top: 154,left: 0,behavior: 'smooth'});} 16 | 17 | var page = document.getElementById("current_page"); 18 | if(keyPressed === 69){page.scrollIntoView({behavior: "smooth", block: "end", inline: "end"});} 19 | 20 | var topbar = document.getElementById("top_nav"); 21 | if(keyPressed === 90){topbar.style.display = "none";} 22 | if(keyPressed === 88){topbar.style.display = "block";} 23 | }; 24 | 25 | window.onload = function() { 26 | scrollTo({top: 154,left: 0,behavior: 'smooth'}); 27 | }; -------------------------------------------------------------------------------- /scrollbar/custom_scrollbars.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Custom scrollbars 3 | @namespace https://github.com/just12/web-styles 4 | @version 0.1.0 5 | @description Custom style 6 | @author just12 7 | ==/UserStyle== */ 8 | @-moz-document url-prefix("https://www.tumblr.com/"), url-prefix("https://www.youtube.com"), url-prefix("https://boards.4chan.org/"), url-prefix("https://www.reddit.com/"), url-prefix("https://hooktube.com/"), url-prefix("https://twitter.com/") { 9 | ::-webkit-scrollbar,::-webkit-scrollbar-button, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-corner, ::-webkit-resizer{display: none;} 10 | } 11 | 12 | ::-webkit-scrollbar{ 13 | background-color: #0003; 14 | width: 7px; 15 | height: 7px; 16 | } 17 | ::-webkit-scrollbar-thumb{ 18 | background-color: #ffffffb3; 19 | border-radius: 100px; 20 | } 21 | 22 | ::-webkit-scrollbar-corner{background-color: #222;} 23 | /* 24 | ::-webkit-resizer{} 25 | ::-webkit-scrollbar-button{} 26 | ::-webkit-scrollbar-track{} 27 | ::-webkit-scrollbar-track-piece{} 28 | */ -------------------------------------------------------------------------------- /tumblr/custom_tumblr.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Custom tumblr 3 | @namespace https://github.com/just12/web-styles 4 | @version 0.1.0 5 | @description Custom style 6 | @author just12 7 | ==/UserStyle== */ 8 | @-moz-document url("https://www.tumblr.com/dashboard"), url-prefix("https://www.tumblr.com/reblog/") { 9 | div#right_column, 10 | ul.sidebar_nav, 11 | #posts.posts>li.notification.single_notification 12 | {display:none;} 13 | 14 | div#left_column{position: absolute;left: 50%;transform: translate(-50%);background-color: transparent !important;} 15 | 16 | .post_avatar, 17 | .post_avatar_link, 18 | .post.post_full{border-radius: 0px !important;background: #eee;} 19 | 20 | .post_avatar, 21 | .post_avatar_link{border-radius: 0% !important;background-color: transparent !important;} 22 | 23 | .messaging-inbox .inbox-conversations .inbox-conversation:hover, 24 | .ui_notes .date_header, .ui_notes .date_header.date_activity, 25 | .blog-activity .blog-activity-more 26 | {background-color: #111;} 27 | 28 | .identity, 29 | .post_avatar, .post_avatar_link, .post.post_full, 30 | .post .post-source-footer, 31 | .v-center-outer, 32 | div.post-container-inner.post, 33 | .editor-slot, 34 | div.ui_dialog_pos, 35 | .toastr .toast, 36 | .popover_gradient>.popover_inner, 37 | .popover--account-popover .popover .popover_menu_item_blog.popover_menu_item_blog, 38 | .popover_header, 39 | .popover--inbox-popover .popover-inner, 40 | .flag--messaging-new-empty-inbox .messaging-inbox .inbox-conversations .inbox-recipients, .messaging-inbox .flag--messaging-new-empty-inbox .inbox-conversations .inbox-recipients, 41 | .messaging-inbox .inbox-recipients h2, 42 | .post-tab-switching 43 | {background-color: #000;} 44 | 45 | .l-header-container--refresh 46 | {background-color: #0009;} 47 | 48 | .tab-bar-container .tab_notice, 49 | .tab_notice .tab_notice_value, 50 | ul.conversation_lines li:nth-child(even) 51 | {color: #000;} 52 | 53 | .post_full .post_header .post_info .post_info_link:first-child, 54 | .post_full .post_info .post_info_fence .reblog_source .post_info_link, 55 | a, body, 56 | .new_post_label i, 57 | .post-form--header, 58 | .post-form--header .tumblelog-select .caption, 59 | .post-form--header .tumblelog-select .icon_arrow_carrot_down 60 | {color: #fff !important;} 61 | 62 | .compose-button 63 | {fill: #fff;} 64 | 65 | .reblog-list-item, 66 | .reblog-list, .reblog-trail--original-post, 67 | .post-composer_note-post .note_item, .post_full.is_note .post-body .note_item, .post_full.is_note .post_body .note_item, 68 | .control-reblog-trail .reblog-list .reblog-list-item:last-child, 69 | .blog-activity .blog-activity-more, 70 | .ui_notes .activity-notification+.activity-notification 71 | {border-color: #222;} 72 | 73 | .post_full.is_note .nipple, .post-composer_note-post .nipple 74 | {border-left: 8px solid #222;} 75 | 76 | .post_full .post_footer, 77 | .post_controls .post_control:before 78 | {color: #222 !important;} 79 | 80 | .post.post_full, 81 | div.post-container-inner.post, 82 | li.post_container, 83 | .toastr .toast, 84 | .popover--account-popover .popover .popover_inner, 85 | .popover--inbox-popover .popover-inner, 86 | .popover--activity-popover .popover .popover_inner 87 | {box-shadow: 0px 0px 0px 1px #222;} 88 | 89 | .post-composer_note-post .note_item, .post_full.is_note .post-body .note_item, .post_full.is_note .post_body .note_item, 90 | .tx-button, 91 | .post-form--controls .controls-container .post-form--save-button .split-button .button-area, .post-form--controls .controls-container .post-form--save-button .split-button .dropdown-area, 92 | .post-form--controls .controls-container .post-form--save-button .split-button, 93 | .ui_dialog .chrome, 94 | .ui_notes .activity-notification:hover 95 | {background-color: #222;} 96 | 97 | .reblog_follow_button .follow-text, .worded-follow-button .follow-text, 98 | .post_controls .post_control.like.liked:before, 99 | .post_controls .post_control.reblog.reblogged:before, 100 | .new_post_label:hover i, 101 | .new_post_label:hover, 102 | .tab_anchor:hover, 103 | .post .post_animated_heart, .standalone-ad-container .post_animated_heart 104 | {color: #f22 !important;} 105 | 106 | .tx-button, 107 | .post-form--controls .controls-container .post-form--save-button .split-button .button-area, .post-form--controls .controls-container .post-form--save-button .split-button .dropdown-area, 108 | .popover_header, 109 | .messaging-inbox .inbox-header, 110 | .messaging-inbox .inbox-recipients .inbox-recipient, 111 | .messaging-inbox .inbox-recipients h2, 112 | .messaging-inbox .inbox-conversations .inbox-conversation 113 | {border-color: #222;} 114 | 115 | .post_full .post_permalink, 116 | .tab-notice--outlined, 117 | .control-reblog-trail .remove-button, 118 | .post-form--controls .controls-container .post-form--save-button .split-button .button-area:focus, .post-form--controls .controls-container .post-form--save-button .split-button .dropdown-area:focus 119 | {border-color: #f22 #f22 transparent transparent;} 120 | 121 | .compose-button:hover 122 | {fill: #f22;} 123 | 124 | .selected .tab_notice, 125 | .reblog-list-item .reblog-avatar.sub-icon-reblog:before, 126 | .post .dock_video_button, 127 | .crt-skin-default .vjs-play-progress, 128 | .control-reblog-trail .remove-button, 129 | .post-form--controls .controls-container .post-form--save-button .split-button .button-area:focus, .post-form--controls .controls-container .post-form--save-button .split-button .dropdown-area:focus, 130 | .ui_dialog .chrome.blue 131 | {background-color: #f22;opacity: 1;} 132 | 133 | .post-content-text a, .post .post_body a, .reblog-content a 134 | {background-image: linear-gradient(180deg,#555 100%,#555 0);} 135 | 136 | .rapid-recs-container .rapid-recs 137 | {background-image: linear-gradient(180deg,#000,#000);} 138 | 139 | .ui_dialog .buttons .tab_frame.focus .ui_button, .ui_dialog .ui_button:focus 140 | {animation: none;} 141 | 142 | .ui_peepr_glass 143 | {background-color: rgba(0, 0, 0, 0.95);} 144 | } -------------------------------------------------------------------------------- /tumblr/tumblr.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/just12/web-styles/69f9a8be3b40ad3c3a467ba11a7a33e77dd2a207/tumblr/tumblr.png -------------------------------------------------------------------------------- /twitter/custom_twitter.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Custom twitter 3 | @namespace https://github.com/just12/web-styles 4 | @version 0.1.0 5 | @description Custom style 6 | @author just12 7 | ==/UserStyle== */ 8 | @-moz-document url-prefix("https://twitter.com/") { 9 | div.module.Trends.trends, div.flex-module{display:none;} 10 | } 11 | 12 | @-moz-document url-prefix("https://twitter.com/") { 13 | body, 14 | .new-tweets-bar, 15 | .tweet:hover, 16 | .permalink .inline-reply-tweetbox, 17 | .conversation-module .conversation-tweet-item .tweet:hover, 18 | .permalink .inline-reply-tweetbox-container, 19 | .EdgeButton--tertiary, 20 | .MomentGuideNavigation, 21 | .MomentCapsuleSummary--hero:hover, .MomentCapsuleSummary--portrait:hover, 22 | .EdgeButton--primary, .EdgeButton--primary:focus, 23 | .TwitterCard .PollXChoice-optionContainer .PollXChoice-choice--chart, 24 | .tooltip-inner, 25 | .modal-header, 26 | .modal-content, 27 | .modal .modal-tweet 28 | {background-color: #111 !important;} 29 | 30 | .TwitterCardsGrid.TwitterCard.TwitterCard--animation, 31 | .global-nav-inner, 32 | .DashboardProfileCard, 33 | .stream-item:not(.no-header-background-module), 34 | .home-tweet-box, .LiveVideo-tweetBox, .RetweetDialog-commentBox, 35 | .permalink-tweet:hover, .permalink-tweet.focus, 36 | .permalink, 37 | .PermalinkOverlay .permalink-tweet, 38 | .stream-end-inner, 39 | .ThreadedConversation-moreReplies, 40 | .PlayableMedia-player, 41 | .ProfileCanopy-navBar, 42 | .ProfileHeading-content, 43 | .ProfileNav-item--userActions, 44 | .EdgeButton--tertiary:hover, 45 | .MomentsPage.MomentsGuidePage .AppContent, 46 | .NotificationsHeadingContent, 47 | .dropdown.open .dropdown-menu, 48 | .PermalinkOverlay-spinnerContainer, 49 | .hovercard, 50 | button.ThreadedConversation-showMoreThreadsButton.u-textUserColor, 51 | .ThreadedConversation--header 52 | {background-color: #000 !important;} 53 | 54 | .TwitterCardsGrid .TwitterCardsGrid-col--12, 55 | .QuoteTweet [data-item-type="tweet"] 56 | {background-color: #fff !important;} 57 | 58 | #global-actions > li:hover > a, #global-actions > li > a:focus, #global-actions > li.active .text, .DashUserDropdown.dropdown-menu .nightmode-toggle .Icon, .nav.right-actions > li > a:hover, .nav.right-actions > li > a:focus, 59 | .u-textUserColor, .u-textUserColorHover:hover, .u-textUserColorHover:hover .ProfileTweet-actionCount, .u-textUserColorHover:focus, 60 | .nav>li, 61 | .u-textInheritColor, 62 | .bird-topbar-etched, 63 | .new-tweets-bar, 64 | .TweetTextSize.js-tweet-text.tweet-text, 65 | .TweetTextSize.js-tweet-text.tweet-text a, 66 | .with-icn, 67 | .tweet>.context .with-icn .Icon, 68 | .tweet .context a, 69 | .tweet .context .pretty-link s, .tweet .context .pretty-link b, 70 | s, .pretty-link:hover s, .pretty-link:focus s, .stream-item-activity-notification .latest-tweet .tweet-row a:hover s, .stream-item-activity-notification .latest-tweet .tweet-row a:focus s, 71 | a, .btn-link, .btn-link:focus, .icon-btn, .pretty-link b, .pretty-link:hover s, .pretty-link:hover b, .pretty-link:focus s, .pretty-link:focus b, .metadata a:hover, .metadata a:focus, a.account-group:hover .fullname, a.account-group:focus .fullname, .account-summary:focus .fullname, .message .message-text a, .message .message-text button, .stats a strong, .plain-btn:hover, .plain-btn:focus, .dropdown.open .user-dropdown.plain-btn, .open > .plain-btn, #global-actions .new:before, .module .list-link:hover, .module .list-link:focus, .stats a:hover, .stats a:hover strong, .stats a:focus, .stats a:focus strong, .find-friends-sources li:hover .source, .stream-item a:hover .fullname, .stream-item a:focus .fullname, .stream-item .view-all-supplements:hover, .stream-item .view-all-supplements:focus, .tweet .time a:hover, .tweet .time a:focus, .tweet .details.with-icn b, .tweet .details.with-icn .Icon, .stream-item:hover .original-tweet .details b, .stream-item .original-tweet.focus .details b, .stream-item.open .original-tweet .details b, .client-and-actions a:hover, .client-and-actions a:focus, .dismiss-btn:hover b, .tweet .context .pretty-link:hover s, .tweet .context .pretty-link:hover b, .tweet .context .pretty-link:focus s, .tweet .context .pretty-link:focus b, .list .username a:hover, .list .username a:focus, .list-membership-container .create-a-list, .list-membership-container .create-a-list:hover, .new-tweets-bar, .card .list-details a:hover, .card .list-details a:focus, .card .card-body:hover .attribution, .card .card-body .attribution:focus, 72 | .metadata, .metadata button.btn-link, .metadata a, 73 | .media-tagging-block, 74 | .stream-end, .stream-loading, .stream-placeholder, .content-placeholder, .back-to-top, .btn-link.back-to-top, 75 | .recap-header, 76 | .ProfileNav-item.is-active .ProfileNav-stat span.ProfileNav-value, 77 | .ProfileNav-item.is-active .ProfileNav-stat span, 78 | .EdgeButton--tertiary, 79 | .ProfileHeaderCard-bio, 80 | .ProfileHeaderCard-birthdateText, .ProfileHeaderCard-joinDateText, .ProfileHeaderCard-locationText, .ProfileHeaderCard-onlineHoursText, .ProfileHeaderCard-responsivenessLevelText, .ProfileHeaderCard-urlText, .ProfileHeaderCard-vineProfileText, .ProfileHeaderCard-periscopeProfileText, 81 | .ProfileHeading-toggleItem.is-active, .ProfileHeading-toggleItem.is-active:hover, .ProfileHeading-toggleItem.is-active:focus, 82 | .ProfileCard .ProfileCard-screennameLink, .ProfileCard .ProfileCard-screennameLink:hover, .ProfileCard .ProfileCard-screennameLink:focus, 83 | .bio.profile-field.u-dir a, 84 | .FullNameGroup 85 | {color: #eee !important;} 86 | 87 | .ProfileCardStats-statLabel, 88 | .DashboardProfileCard-screennameLink, 89 | .DashboardProfileCard-screenname.u-inlineBlock.u-dir, 90 | .account-group .username, .time, .time a, .created-via, 91 | .fullname, 92 | .Icon--medium, 93 | .HeartAnimation, 94 | .ProfileTweet-actionCount, 95 | .ReplyingToContextBelowAuthor, 96 | .recap-header .dropdown, 97 | .Icon--small, 98 | .ProfileNav-item.is-active .ProfileNav-label, .ProfileNav-item.is-active:hover .ProfileNav-label, 99 | .ProfileNav-label, 100 | .ProfileNav-value, 101 | .MomentCapsuleSubtitle, 102 | .MomentCapsuleSummary-description, 103 | .MomentCapsuleSummary .MomentCapsuleLikesCount, 104 | .ActivityItem-activityTimestamp, 105 | .TwitterCard .SummaryCard-destination, 106 | .bio.profile-field.u-dir, 107 | .ThreadedConversation--header, 108 | .modal-header .modal-title 109 | {color: #999 !important;} 110 | 111 | #global-actions > li > a, 112 | .u-borderUserColor, .u-borderUserColorHover:hover, .u-borderUserColorHover:focus 113 | {border-color: #fff !important;} 114 | 115 | .tweet, 116 | .stream-item:not(.no-header-background-module), 117 | .top-timeline-tweetbox .timeline-tweet-box, 118 | .stream-end-item, .stream-end, .stream-loading, .stream-placeholder, 119 | .PlayableMedia-container, 120 | .recap-header, 121 | .EdgeButton--tertiary, 122 | .MomentCapsuleSummaryGroup:nth-child(2n+3), 123 | .NotificationsHeadingContent, 124 | .content-header, .content-no-header, 125 | .QuoteTweet 126 | {border-color: rgba(0,0,0,0);} 127 | 128 | .new-tweets-bar, 129 | .tweet:hover, 130 | .permalink.has-replies .inline-reply-tweetbox, 131 | .tweet .stats, 132 | .permalink .stats .avatar-row a:first-child, 133 | .tweet, .stream-item:not(.no-header-background-module), .top-timeline-tweetbox .timeline-tweet-box, .stream-end-item, .stream-end, .stream-loading, .stream-placeholder, 134 | .ThreadedConversation, .ThreadedConversation-moreReplies:after, 135 | .ProfileHeading-content, 136 | .modal-header 137 | {border-color: #111 !important;} 138 | 139 | .DashboardProfileCard, 140 | .ActivityItem, 141 | .ThreadedConversation-showMoreThreads, 142 | .ThreadedConversation--header, 143 | .DashboardProfileCard-avatarImage 144 | {border-color: #000 !important;} 145 | 146 | .btn-link.translate-button{display: none;} 147 | 148 | .vellip, .vellip:before, .vellip:after, .conversation-module > li:after, .conversation-module > li:before, .ThreadedConversation--loneTweet:after, .ThreadedConversation-tweet:not(.is-hiddenAncestor) ~ .ThreadedConversation-tweet:before, .ThreadedConversation-tweet:after, .ThreadedConversation-moreReplies:before, .ThreadedConversation-viewOther:before, .ThreadedConversation-unavailableTweet:before, .ThreadedConversation-unavailableTweet:after, .ThreadedConversation--permalinkTweetWithAncestors:before, .mini-avatar-with-thread:before, .permalink.self-thread-permalink-with-descendant .permalink-tweet-container:after, .permalink.self-thread-permalink-with-descendant .inline-reply-tweetbox-container:after{border-color: #f22;} 149 | 150 | .Icon--verified 151 | {color: #f22 !important;} 152 | 153 | .QuoteTweet-text{color: #000 !important;} 154 | 155 | .ProfileHeading-content{border-bottom: #000 !important;} 156 | 157 | .HeartAnimation{filter: grayscale(100%);} 158 | 159 | .DashboardProfileCard-avatarLink{background-color: #0000;} 160 | } 161 | 162 | @-moz-document url-prefix("https://twitter.com/i/cards") { 163 | .TwitterCardsGrid .TwitterCardsGrid-col--12, .QuoteTweet [data-item-type="tweet"]{background-color: #000 !important;} 164 | 165 | .TwitterCard .PollXChoice-footer{color: #999;} 166 | 167 | .TwitterCard{color: #fff;} 168 | 169 | .TwitterCard .PollXChoice-optionContainer .PollXChoice-choice--input:checked+.PollXChoice-choice--radio{filter: hue-rotate(-150deg) !important;} 170 | 171 | .TwitterCard .EdgeButton--secondary, 172 | .TwitterCard .PollXChoice-optionContainer .PollXChoice-choice--radio{ 173 | border-color: #f22; 174 | color: #f22; 175 | } 176 | 177 | .TwitterCard .EdgeButton--secondary:hover{ 178 | background-color: #f22; 179 | color: #f22; 180 | } 181 | } -------------------------------------------------------------------------------- /twitter/custom_twitter_2.0.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Custom twitter v2 3 | @namespace github.com/openstyles/stylus 4 | @version 0.1.0 5 | @description A new userstyle 6 | @author Me 7 | ==/UserStyle== */ 8 | 9 | 10 | @-moz-document url-prefix("https://twitter.com/") { 11 | body, 12 | .u-bgUserColor, .u-bgUserColorHover:hover, .u-bgUserColorHover:focus 13 | {background-color: #000 !important;} 14 | 15 | .ActivityItem:not(.has-clickAction) .QuoteTweet--slim:hover, 16 | .ActivityItem.has-clickAction:hover, 17 | .DirectMessage--received .DirectMessage-text, 18 | .settings-alert, 19 | #notifications-optout-all-top, 20 | .disabled, .disabled:hover, .disabled:focus, .disabled:active, input[disabled], .t1-select[disabled], textarea[disabled], input[readonly], .t1-select[readonly], textarea[readonly], div[contenteditable="false"], div[contenteditable="true"][readonly], 21 | .notifications-prompt-container, 22 | .sc-key, 23 | #global-tweet-dialog .modal-tweet-form-container, #Tweetstorm-dialog .modal-body, 24 | .icon-btn.enabled, 25 | #global-tweet-dialog .modal-tweet .tweet:hover, #global-tweet-dialog .modal-tweet .tweet, 26 | .ProfileCard-avatarLink, 27 | .Tombstone 28 | {background-color: #111;} 29 | 30 | .permalink .stream-end-inner, 31 | .EdgeButton--secondary, 32 | .DirectMessage--sent .DirectMessage-text, 33 | .SignupCallOut, 34 | .login-responsive .mobile, .route-resend-password .mobile, .contact-support, 35 | .ProfileCard, 36 | .hovercard .profile-social-proof 37 | {background-color: #181818;} 38 | 39 | .stream-item:not(.no-header-background-module), 40 | .permalink-tweet, .permalink-tweet:hover, 41 | .ProfileCanopy-navBar, 42 | .ProfileNav-item--userActions, 43 | .input-prepend .add-on, .input-append .add-on, 44 | .EdgeButton--secondary.disabled, .EdgeButton--secondary[disabled], .EdgeButton--secondary[disabled]:hover, .EdgeButton--secondary[aria-disabled=true], 45 | .permalink, 46 | .PermalinkOverlay-spinnerContainer, 47 | .stream-item:not(.no-header-background-module), .permalink-tweet, .permalink-tweet:hover, .ProfileCanopy-navBar, .ProfileNav-item--userActions, .input-prepend .add-on, .input-append .add-on, .EdgeButton--secondary.disabled, .EdgeButton--secondary[disabled], .EdgeButton--secondary[disabled]:hover, .EdgeButton--secondary[aria-disabled=true], .permalink, .PermalinkOverlay-spinnerContainer, 48 | .permalink .inline-reply-tweetbox-container, 49 | .TwitterCard, 50 | .ThreadedConversation-moreReplies, 51 | #stream-items-id > li.ThreadedConversation-showMoreThreads > button 52 | {background-color: #1c1c1c !important;} 53 | 54 | .DashboardProfileCard, 55 | .global-nav-inner, 56 | .DashboardProfileCard-avatarLink, 57 | input, textarea, div[contenteditable], .t1-select, 58 | .new-tweets-bar, 59 | .tweet:hover, 60 | .dropdown-menu, 61 | .permalink .inline-reply-tweetbox, 62 | .EdgeButton--secondary:hover, .EdgeButton--secondary:active, 63 | .DMActivity-header, 64 | .DMActivity-body, 65 | .module .list-link, 66 | .content-header .header-inner, 67 | .content-inner, 68 | .find-friends-sources, 69 | .find-friends-top-subheader, .find-friends-bottom-subheader, 70 | .stream-end-inner, 71 | .modal-content, 72 | .MutedKeywordsFooter, 73 | .modal-header, 74 | .PollingCardComposer, 75 | .icon-btn.enabled:hover, 76 | .message, 77 | .login-responsive .page-canvas, 78 | .modal .modal-tweet, 79 | .AdaptiveFiltersBar, 80 | .SidebarFilterModule 81 | {background-color: #222;} 82 | 83 | .DashUserDropdown.dropdown-menu .DashUserDropdown-userInfoLink:hover, .DashUserDropdown.dropdown-menu .DashUserDropdown-userInfoLink:focus, .DashUserDropdown.dropdown-menu .DashUserDropdown-userInfoLink:active 84 | {background-color: #222 !important;} 85 | 86 | .RichEditor{background: #222;} 87 | 88 | .home-tweet-box, .LiveVideo-tweetBox, .RetweetDialog-commentBox, 89 | .global-nav .search-input, 90 | .EdgeButton--primary, .EdgeButton--primary:focus, 91 | .ProfileHeading-content, 92 | .NotificationsHeadingContent, 93 | .DMInboxItem.is-unread, 94 | .u-bgUserColorLightest, 95 | .module .list-link:hover, .module .active .list-link, 96 | .EdgeButton--tertiary, 97 | .conversation-module .conversation-tweet-item .tweet:hover 98 | {background-color: #333 !important;} 99 | 100 | .EdgeButton--primary:hover, .EdgeButton--primary:active, 101 | .new-tweets-bar:hover, 102 | .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-menu .dropdown-link:hover, .dropdown-menu .dropdown-link:focus, .dropdown-menu .dropdown-link.is-focused, .dropdown-menu li:hover .dropdown-link, .dropdown-menu li:focus .dropdown-link, .dropdown-menu .selected a, .dropdown-menu .dropdown-link.selected, 103 | .DMInboxItem:hover, 104 | .TwitterCard[data-theme=night-mode] .PollXChoice-choice--chart 105 | {background-color: #444 !important;} 106 | 107 | .EdgeButton--danger, 108 | .EdgeButton--danger:hover, 109 | .TwitterCard[data-theme=night-mode] .PollXChoice[data-poll-vote-majority="1"] .PollXChoice-optionContainer[data-poll-index="1"] .PollXChoice-choice--chart, .TwitterCard[data-theme=night-mode] .PollXChoice[data-poll-vote-majority="2"] .PollXChoice-optionContainer[data-poll-index="2"] .PollXChoice-choice--chart, .TwitterCard[data-theme=night-mode] .PollXChoice[data-poll-vote-majority="3"] .PollXChoice-optionContainer[data-poll-index="3"] .PollXChoice-choice--chart, .TwitterCard[data-theme=night-mode] .PollXChoice[data-poll-vote-majority="4"] .PollXChoice-optionContainer[data-poll-index="4"] .PollXChoice-choice--chart, 110 | .global-nav .people .count .count-inner 111 | {background-color: #f22;} 112 | 113 | .TwitterCard[data-theme=night-mode] .PollXChoice[data-poll-vote-majority="1"] .PollXChoice-optionContainer[data-poll-index="1"] .PollXChoice-choice--chart, .TwitterCard[data-theme=night-mode] .PollXChoice[data-poll-vote-majority="2"] .PollXChoice-optionContainer[data-poll-index="2"] .PollXChoice-choice--chart, .TwitterCard[data-theme=night-mode] .PollXChoice[data-poll-vote-majority="3"] .PollXChoice-optionContainer[data-poll-index="3"] .PollXChoice-choice--chart, .TwitterCard[data-theme=night-mode] .PollXChoice[data-poll-vote-majority="4"] .PollXChoice-optionContainer[data-poll-index="4"] .PollXChoice-choice--chart 114 | {background-color: #f22 !important;} 115 | 116 | .Gallery-content .GalleryTweet .tweet .content .stream-item-footer, 117 | .Gallery-media 118 | {background-color: #222 !important;} 119 | 120 | .TwitterCard[data-theme=night-mode] .TwitterCard-container--clickable:hover, 121 | .DMInboxItem, 122 | .content-inner, 123 | .input-prepend .add-on, .input-append .add-on, 124 | #notifications-optout-all-top, 125 | .disabled, .disabled:hover, .disabled:focus, .disabled:active, input[disabled], .t1-select[disabled], textarea[disabled], input[readonly], .t1-select[readonly], textarea[readonly], div[contenteditable="false"], div[contenteditable="true"][readonly], 126 | .notifications-prompt-container, 127 | .MutedKeywordsFooter, 128 | #global-tweet-dialog .modal-header, #Tweetstorm-dialog .modal-header 129 | {border-color: #000;} 130 | 131 | .ProfileCard, 132 | .ThreadedConversation, .ThreadedConversation-moreReplies:after 133 | {border-color: #181818;} 134 | 135 | .DashboardProfileCard, 136 | .RichEditor, .TweetBoxAttachments, 137 | .new-tweets-bar, 138 | .ProfileAvatar, 139 | .sc-key, 140 | .PollingCardComposer .PollingCardComposer-pollDuration, 141 | 142 | #stream-items-id > li.ThreadedConversation-showMoreThreads > button, 143 | .SidebarFilterModule 144 | {border-color: #222;} 145 | 146 | .dropdown-caret .caret-inner{border-bottom-color: #222;} 147 | 148 | .global-nav .search-input, 149 | .EdgeButton--primary 150 | {border-color: #333;} 151 | 152 | .EdgeButton--primary:hover, .EdgeButton--primary:active, 153 | .new-tweets-bar:hover, 154 | .u-borderUserColorLighter, 155 | .TwitterCard .EdgeButton--secondary 156 | {border-color: #444 !important;} 157 | 158 | #global-actions > li > a, 159 | .vellip, .vellip:before, .vellip:after, .conversation-module > li:after, .conversation-module > li:before, .ThreadedConversation--loneTweet:after, .ThreadedConversation-tweet:not(.is-hiddenAncestor) ~ .ThreadedConversation-tweet:before, .ThreadedConversation-tweet:after, .ThreadedConversation-moreReplies:before, .ThreadedConversation-viewOther:before, .ThreadedConversation-unavailableTweet:before, .ThreadedConversation-unavailableTweet:after, .ThreadedConversation--permalinkTweetWithAncestors:before, .mini-avatar-with-thread:before, .permalink.self-thread-permalink-with-descendant .permalink-tweet-container:after, .permalink.self-thread-permalink-with-descendant .inline-reply-tweetbox-container:after, 160 | .EdgeButton--secondary, .EdgeButton--secondary:hover, .EdgeButton--secondary:focus, .EdgeButton--secondary:active, 161 | .EdgeButton--danger, 162 | .EdgeButton--danger:hover, 163 | .EdgeButton--invertedDanger, 164 | .tweet-box textarea:focus, .tweet-box input[type=text], .currently-dragging .tweet-form.is-droppable .tweet-drag-help, .tweet-box[contenteditable="true"]:focus, .RichEditor.is-fakeFocus, .RichEditor.is-fakeFocus ~ .TweetBoxAttachments, 165 | .icon-btn.enabled, 166 | .Tombstone 167 | {border-color: #f22;} 168 | 169 | .u-borderUserColor, .u-borderUserColorHover:hover, .u-borderUserColorHover:focus, 170 | .u-borderUserColorLight, .u-borderUserColorLightFocus:focus, .u-borderUserColorLightHover:hover, .u-borderUserColorLightHover:focus 171 | {border-color: #f22 !important;} 172 | 173 | .QuoteTweet:hover, .QuoteTweet:active, 174 | .EdgeButton--tertiary, 175 | .TwitterCard .PollXChoice-optionContainer .PollXChoice-choice--radio 176 | {border-color: #aaa;} 177 | 178 | .global-nav .search-icon .Icon, 179 | .ProfileCardStats-statLabel, 180 | .account-group .username, .time, .time a, .created-via, 181 | .with-icn, 182 | .tweet>.context .with-icn .Icon, 183 | .btn-link.translate-button .Icon--translator, 184 | .ProfileTweet-actionCount, 185 | .ProfileTweet-actionButton, .ProfileTweet-actionButtonUndo, 186 | .tweet .time, 187 | .media-tagging-block, 188 | .TwitterCard[data-theme=night-mode] .SummaryCard-destination, 189 | .ReplyingToContextBelowAuthor, 190 | .dropdown-menu li>a, .dropdown-menu .dropdown-link, 191 | .DashUserDropdown.dropdown-menu li .Icon, 192 | .DashUserDropdown.dropdown-menu .DashUserDropdown-userInfoLink .name, .DashUserDropdown.dropdown-menu .DashUserDropdown-userInfoLink:hover .name, .DashUserDropdown.dropdown-menu .DashUserDropdown-userInfoLink:focus .name, .DashUserDropdown.dropdown-menu .DashUserDropdown-userInfoLink:active .name, 193 | .permalink .stream-end .Icon--logo, 194 | .metadata, .metadata button.btn-link, .metadata a, 195 | .ProfileNav-item.is-active .ProfileNav-label, .ProfileNav-item.is-active:hover .ProfileNav-label, 196 | .ProfileNav-label, .ProfileNav-value, 197 | .ProfileHeaderCard-birthdateText, .ProfileHeaderCard-joinDateText, .ProfileHeaderCard-locationText, .ProfileHeaderCard-onlineHoursText, .ProfileHeaderCard-responsivenessLevelText, .ProfileHeaderCard-urlText, .ProfileHeaderCard-periscopeProfileText, 198 | .ProfileHeaderCard-birthdate, .ProfileHeaderCard-joinDate, .ProfileHeaderCard-location, .ProfileHeaderCard-onlineHours, .ProfileHeaderCard-responsivenessLevel, .ProfileHeaderCard-url, .ProfileHeaderCard-periscopeProfile, 199 | .ProfileUserList-heading, 200 | .PhotoRail-heading, 201 | .ActivityItem-activityTimestamp, 202 | .self-thread-context, 203 | .ActivityItem-dismissMenu, 204 | .DMActivity-header, 205 | .DMInboxItem-snippet, 206 | .DMInboxItem-timestamp, 207 | .DirectMessage-footer, 208 | .Icon--smiley, .EmojiPicker-trigger, 209 | .DirectMessage-actions, 210 | .t1-infotext, 211 | h3, 212 | .content-header .subheader, 213 | h4.find-friends-top-subheader, h4.find-friends-bottom-subheader, 214 | .fine-print, 215 | .MutedKeywordsFooter-emptyMessage, 216 | .btn, 217 | .UserActions .user-dropdown-icon, 218 | .app .description, 219 | .app .creator, .app .creator a, 220 | .muted, 221 | .ProfileNav-dropdownCaret, 222 | .sc-key, 223 | .keyboard-shortcuts .modal-table .shortcut-label, 224 | .modal-close .Icon--close, 225 | .PollingCardComposer .PollingCardComposer-pollDuration, 226 | .TwitterCard .MomentCard-description p, 227 | .TwitterCard .MomentCard-subtitle, 228 | .TwitterCard .MomentCard-badge, 229 | .tweet-form .reply-users, 230 | .SignupCallOut-subheader, 231 | .message .message-text, 232 | .login-responsive .mobile, .route-resend-password .mobile, .contact-support, 233 | .ProfileClusterFollow-title, 234 | .TwitterCard .PollXChoice-footer, 235 | .tweet-form.condensed .tweet-box, 236 | a.account-group:hover .username, a.account-group:focus .username, a.account-summary:focus .username, 237 | .hovercard.profile-card .profile-card-listName, 238 | .tweet-form.condensed div.rich-editor.is-showPlaceholder:before, .tweet-form.condensed div.rich-editor:empty:before, 239 | .Tombstone 240 | {color: #888;} 241 | 242 | .search-input::placeholder 243 | {color: #888 !important;} 244 | 245 | .bird-topbar-etched, 246 | .EdgeButton--tertiary 247 | {color: #fff;} 248 | 249 | a, .btn-link, .btn-link:focus, .icon-btn, .pretty-link b, .pretty-link:hover s, .pretty-link:hover b, .pretty-link:focus s, .pretty-link:focus b, .metadata a:hover, .metadata a:focus, a.account-group:hover .fullname, a.account-group:focus .fullname, .account-summary:focus .fullname, .message .message-text a, .message .message-text button, .stats a strong, .plain-btn:hover, .plain-btn:focus, .dropdown.open .user-dropdown.plain-btn, .open > .plain-btn, #global-actions .new:before, .module .list-link:hover, .module .list-link:focus, .stats a:hover, .stats a:hover strong, .stats a:focus, .stats a:focus strong, .find-friends-sources li:hover .source, .stream-item a:hover .fullname, .stream-item a:focus .fullname, .stream-item .view-all-supplements:hover, .stream-item .view-all-supplements:focus, .tweet .time a:hover, .tweet .time a:focus, .tweet .details.with-icn b, .tweet .details.with-icn .Icon, .stream-item:hover .original-tweet .details b, .stream-item .original-tweet.focus .details b, .stream-item.open .original-tweet .details b, .client-and-actions a:hover, .client-and-actions a:focus, .dismiss-btn:hover b, .tweet .context .pretty-link:hover s, .tweet .context .pretty-link:hover b, .tweet .context .pretty-link:focus s, .tweet .context .pretty-link:focus b, .list .username a:hover, .list .username a:focus, .list-membership-container .create-a-list, .list-membership-container .create-a-list:hover, .new-tweets-bar, .card .list-details a:hover, .card .list-details a:focus, .card .card-body:hover .attribution, .card .card-body .attribution:focus, 250 | .u-textUserColor, .u-textUserColorHover:hover, .u-textUserColorHover:hover .ProfileTweet-actionCount, .u-textUserColorHover:focus, 251 | .top-timeline-tweetbox .timeline-tweet-box .tweet-form.condensed .tweet-box, 252 | s, .pretty-link:hover s, .pretty-link:focus s, .stream-item-activity-notification .latest-tweet .tweet-row a:hover s, .stream-item-activity-notification .latest-tweet .tweet-row a:focus s, 253 | #global-actions > li:hover > a, #global-actions > li > a:focus, #global-actions > li.active .text, .DashUserDropdown.dropdown-menu .nightmode-toggle .Icon, .nav.right-actions > li > a:hover, .nav.right-actions > li > a:focus, 254 | .ProfileTweet-action--favorite:hover .ProfileTweet-actionButton, .ProfileTweet-action--favorite:hover .ProfileTweet-actionCount, .ProfileTweet-action--favorite .ProfileTweet-actionButton:focus, .ProfileTweet-action--favorite .ProfileTweet-actionButton:focus .ProfileTweet-actionCount, .favorited .ProfileTweet-action--favorite .Icon--heart, .favorited .ProfileTweet-action--favorite .ProfileTweet-actionButtonUndo, 255 | .EdgeButton--secondary, .EdgeButton--secondary:hover, .EdgeButton--secondary:focus, .EdgeButton--secondary:active, 256 | .EdgeButton--invertedDanger:hover, 257 | .EdgeButton--invertedDanger, 258 | .Icon--verified 259 | {color: #f22 !important;} 260 | 261 | .btn:focus, .btn.focus, .Button:focus, .EmojiPicker-item.is-focused, .EmojiPicker .EmojiCategoryIcon:focus, .EmojiPicker-skinTone:focus + .EmojiPicker-skinToneSwatch, a:focus > img:first-child:last-child, button:focus, 262 | .EdgeButton--primary:focus, 263 | .EdgeButton--secondary:focus, 264 | .tweet-box textarea:focus, .tweet-box input[type=text], .currently-dragging .tweet-form.is-droppable .tweet-drag-help, .tweet-box[contenteditable="true"]:focus, .RichEditor.is-fakeFocus, .RichEditor.is-fakeFocus ~ .TweetBoxAttachments, 265 | .PollingCardComposer, 266 | input:focus, textarea:focus, div[contenteditable="true"]:focus, div[contenteditable="true"].fake-focus, div[contenteditable="plaintext-only"]:focus, div[contenteditable="plaintext-only"].fake-focus 267 | {box-shadow: 0px 0px 0px 0px #000;} 268 | 269 | .RadialCounter-progressUnderlay 270 | {stroke: #ccc;} 271 | 272 | .RadialCounter--safe 273 | {stroke: #f22;} 274 | 275 | .spinner, 276 | .TwitterCard .SummaryCard-image .tcu-imageWrapper, 277 | .HeartAnimation 278 | {-webkit-filter: grayscale(100%); 279 | filter: grayscale(100%);} 280 | 281 | .DashboardProfileCard{border-color: #000 !important;} 282 | } 283 | 284 | @-moz-document url-prefix("https://mobile.twitter.com/") { 285 | .r-1uaug3w, 286 | .r-aaos50, 287 | .r-zv2cs0 288 | {background-color: #080808 !important;} 289 | 290 | body, 291 | .r-yfoy6g, 292 | .r-1srlen8 293 | {background-color: #111 !important;} 294 | 295 | .r-r72n3l, 296 | .r-1nvv5a4, 297 | .r-jwq5nu 298 | {background-color: #222 !important;} 299 | 300 | .r-1l6ppaa 301 | {background-color: #444} 302 | 303 | .r-urgr8i, 304 | .r-hjejmn 305 | {background-color: #f22 !important;} 306 | 307 | .r-1q3imqu 308 | {background-color: #f44 !important;} 309 | 310 | .r-13gxpu9, 311 | .r-1n1174f 312 | {color: #f22;} 313 | 314 | *{border-color:#222 !important;} 315 | 316 | .r-111h2gw 317 | {color: #aaa !important;} 318 | 319 | .r-tznlht 320 | {box-shadow: none;} 321 | 322 | svg circle 323 | {stroke: #f22 !important;} 324 | } -------------------------------------------------------------------------------- /twitter/twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/just12/web-styles/69f9a8be3b40ad3c3a467ba11a7a33e77dd2a207/twitter/twitter.png -------------------------------------------------------------------------------- /twitter/twitter2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/just12/web-styles/69f9a8be3b40ad3c3a467ba11a7a33e77dd2a207/twitter/twitter2.png -------------------------------------------------------------------------------- /ugc list/custom_ugc_list.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Custom ugc list 3 | @namespace https://github.com/just12/web-styles 4 | @version 0.1.0 5 | @description Custom style 6 | @author just12 7 | ==/UserStyle== */ 8 | @-moz-document url("http://stats.ugc-gaming.net/tf/hlstats.php?game=tfcustom") { 9 | div.block:nth-child(1), span.fHeading, ul.navbar, div.subblock table.data-table:nth-child(3), #footer, div.fSmall, tr.data-table-head:nth-child(1), tr.data-table-head:nth-child(2), img{display: none;} 10 | 11 | *{background-color: rgba(0,0,0,0) !important;} 12 | 13 | body{ 14 | overflow: hidden; 15 | position: fixed; 16 | width: 100%; 17 | height: 100%; 18 | } 19 | 20 | div.block, div.subblock:nth-child(4), table.data-table#accordion{ 21 | position: fixed; 22 | width: 100%; 23 | height: 100%; 24 | top: 0px; 25 | left: 0px; 26 | } 27 | 28 | td.game-table-cell:nth-child(3),td.game-table-cell:nth-child(4),td.game-table-cell:nth-child(6),td.game-table-cell:nth-child(7),td.game-table-cell:nth-child(8){display: none;} 29 | 30 | td.game-table-cell:nth-child(1),td.game-table-cell:nth-child(2),td.game-table-cell:nth-child(5){ 31 | height: 20%; 32 | border: 1px solid #fff; 33 | background-color: rgba(0,0,0,.3) !important; 34 | color: #fff; 35 | } 36 | 37 | a{color: #fff !important;} 38 | 39 | ::-webkit-scrollbar,::-webkit-scrollbar-button, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-corner, ::-webkit-resizer{display: none;} 40 | 41 | /*115px height*/ 42 | } 43 | -------------------------------------------------------------------------------- /untz chat/custom_untz_chat.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Custom untz chat 3 | @namespace https://github.com/just12/web-styles 4 | @version 0.1.0 5 | @description Custom style 6 | @author just12 7 | ==/UserStyle== */ 8 | @-moz-document url("http://untzti.me/chat.html"), url("https://kiwiirc.com/client?settings=5f7ff90fe655abb1a1f1b10440184afd") { 9 | #kiwi{background-color: #000;} 10 | } 11 | -------------------------------------------------------------------------------- /untz chat/untz chat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/just12/web-styles/69f9a8be3b40ad3c3a467ba11a7a33e77dd2a207/untz chat/untz chat.png -------------------------------------------------------------------------------- /youtube/custom_youtube.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Custom youtube 3 | @namespace https://github.com/just12/web-styles 4 | @version 0.1.5 5 | @description A userstyle for youtube 6 | @author just12 7 | ==/UserStyle== */ 8 | 9 | @-moz-document domain("youtube.com") { 10 | ytd-guide-section-renderer.style-scope.ytd-guide-renderer:nth-child(4), 11 | ytd-guide-section-renderer.style-scope.ytd-guide-renderer:nth-child(5), 12 | ytd-guide-section-renderer.style-scope.ytd-guide-renderer:nth-child(6), 13 | div#footer.style-scope.ytd-guide-renderer, 14 | div#buttons.style-scope.ytd-masthead, 15 | ytd-topbar-logo-renderer#logo.style-scope.ytd-masthead, 16 | button#guide-button.style-scope.ytd-masthead, 17 | #alerts, 18 | #player-ads, 19 | #voice-search-button 20 | {display: none;} 21 | 22 | ytd-searchbox[mode=legacy][has-focus]#container.ytd-searchbox, 23 | div#container.style-scope.ytd-searchbox, 24 | ytd-searchbox[mode=legacy][has-focus] #container.ytd-searchbox, 25 | ytd-searchbox[mode=legacy-centered][has-focus] #container.ytd-searchbox 26 | {border: 0px !important;} 27 | 28 | ytd-searchbox#search.style-scope.ytd-masthead, 29 | form#search-form.style-scope.ytd-searchbox 30 | { 31 | position: absolute !important; 32 | top: 0px; 33 | left: 0px; 34 | height: 100%; 35 | width: 100%; 36 | max-width: none; 37 | margin: 0px; 38 | } 39 | 40 | ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy{height: calc(100vh - 56px);max-height: calc(100vh - 56px);} 41 | ytd-watch-flexy[fullscreen] #player-theater-container.ytd-watch-flexy{height: 100vh;max-height: none;} 42 | 43 | /*#player-theater-container{ 44 | max-height: calc(100vh - 56px) !important; 45 | } 46 | .ytp-iv-video-content{height: 100% !important;width: 100% !important;}*/ 47 | 48 | ytd-searchbox[mode=legacy] #container.ytd-searchbox, 49 | #container.ytd-searchbox{ 50 | border: 0px; 51 | background-color: #000; 52 | border-radius: 0px; 53 | } 54 | 55 | .badge-style-type-live-now.ytd-badge-supported-renderer{ 56 | background-color: #000; 57 | color: #f22; 58 | border-color: #f22 !important; 59 | } 60 | 61 | form#search-form.style-scope.ytd-searchbox{border-bottom: 1px solid #111;} 62 | div#sections{border-right: 1px solid #111;} 63 | #search-icon-legacy.ytd-searchbox{border: 0px;border-left: 1px solid #111 !important;} 64 | *{outline: none !important;} 65 | 66 | div#sections, 67 | ytd-browse, 68 | button#search-icon-legacy, 69 | ytd-watch, 70 | body,html, 71 | div.ytd-app, 72 | ytd-watch-flexy, 73 | #columns.ytd-watch-flexy, 74 | ytd-searchbox[mode=legacy] #container.ytd-searchbox, ytd-searchbox[mode=legacy-centered] #container.ytd-searchbox, 75 | ytd-mini-guide-renderer, 76 | ytd-mini-guide-entry-renderer, 77 | #masthead 78 | {background-color: #000 !important;} 79 | 80 | ytd-playlist-sidebar-renderer, 81 | .header.ytd-playlist-panel-renderer, 82 | ytd-add-to-playlist-renderer 83 | {background-color: #040404 !important;} 84 | 85 | ytd-browse[page-subtype="playlist"] ytd-two-column-browse-results-renderer.ytd-browse, 86 | .playlist-items.ytd-playlist-panel-renderer 87 | {background-color: #0b0b0b;} 88 | 89 | ytd-playlist-video-renderer[is-editable]:hover:not(.dragging), 90 | #card.ytd-miniplayer, 91 | #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover, #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:focus, #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:active, 92 | paper-toast 93 | {background-color: #111;} 94 | 95 | ytd-subscribe-button-renderer:not([button-style]) paper-button:not([subscribed]), 96 | ytd-thumbnail-overlay-resume-playback-renderer, 97 | #progress.ytd-thumbnail-overlay-resume-playback-renderer, 98 | #like-bar.ytd-sentiment-bar-renderer, 99 | div.ytp-play-progress.ytp-swatch-background-color, 100 | .ytp-swatch-background-color 101 | {background-color: #f22 !important;} 102 | 103 | #label.checkbox-height.ytd-playlist-add-to-option-renderer:hover, 104 | a.yt-simple-endpoint.style-scope.yt-formatted-string:hover, 105 | span.style-scope.ytd-comment-renderer:hover, 106 | span#video-title:hover, 107 | paper-button.align-by-text.style-scope.ytd-comment-replies-renderer:hover, 108 | ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer, ytd-guide-entry-renderer[is-guide-refresh][active] .guide-icon.ytd-guide-entry-renderer 109 | {color: #f22;} 110 | 111 | span.style-scope.ytd-grid-video-renderer, 112 | yt-formatted-string.style-scope.ytd-grid-video-renderer.complex-string a 113 | {color: #444;} 114 | 115 | /** 116 | .ytp-gradient-bottom, 117 | .ytp-gradient-top 118 | {background-image: none !important;} 119 | **/ 120 | .ytp-gradient-bottom{ 121 | background: linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 15%, rgba(9,9,121,0) 15%) !important; 122 | } 123 | 124 | .ytp-offline-slate-bar{width: calc(100% - 24px);} 125 | } 126 | 127 | -------------------------------------------------------------------------------- /youtube/youtube.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/just12/web-styles/69f9a8be3b40ad3c3a467ba11a7a33e77dd2a207/youtube/youtube.png --------------------------------------------------------------------------------