From 04ddc64660e71d17449d124181cdf2915ff32a3a Mon Sep 17 00:00:00 2001 From: noxy Date: Thu, 2 Feb 2017 15:28:28 +0000 Subject: [PATCH 1/6] Update pink.css --- s/pink.css | 77 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 77 insertions(+) diff --git a/s/pink.css b/s/pink.css index 934fbf6..40bb9fe 100644 --- a/s/pink.css +++ b/s/pink.css @@ -77,3 +77,80 @@ code { position: relative; min-height: 1px; } + +.plyr--audio .plyr__controls { + padding: 0; + border-radius: inherit; + background: #1b1a1a; + border: 0; + color: #ff008d; + width: 300px; + padding-right: 5; + height: 32px; +} + +.plyr input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + margin-top: -4px; + position: relative; + height: 16px; + width: 16px; + background: #262626; + border: 1px solid #ff008d; + border-radius: 100%; + transition: background .2s ease,border .2s ease,transform .2s ease; + box-shadow: 0 1px 1px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.15); + box-sizing: border-box; +} + +.plyr__progress--played, .plyr__volume--display { + z-index: 1; + color: #ff008d; + background: 0 0; + transition: none; +} + +.plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large { + background: #484747; + color: #ff008d; + border-radius: 0; +} + +.plyr input[type=range]:active::-webkit-slider-thumb { + background: #262626; + border-color: #ff008d; + transform: scale(1.25) +} + +.plyr--video .plyr__controls { + position: absolute; + left: 0; + right: 0; + bottom: 0; + z-index: 2; + padding: 0px 0px 0px; + background: rgba(38, 38, 38, 0.97); + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit; + color: #ff008d; + transition: opacity .3s cubic-bezier(0.12, 0.63, 0.25, 1); +} + +/* Feuerfick */ +.plyr input[type="range"]::-moz-range-thumb { + position: relative; + height: 16px; + width: 16px; + background: #ff008d; + border: 2px solid #262626; + border-radius: 100%; + transition: background .2s ease, border .2s ease, transform .2s ease; + box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .15); + box-sizing: border-box; +} + +.plyr input[type=range]:active::-moz-range-thumb { + background: #ff008d; + border-color: #262626; + transform: scale(1.25) +} \ No newline at end of file From b8687c8a3d03192504265b84ca8162bb243ec1d7 Mon Sep 17 00:00:00 2001 From: noxy Date: Thu, 2 Feb 2017 15:39:14 +0000 Subject: [PATCH 2/6] Update cyber.css --- s/cyber.css | 83 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 83 insertions(+) diff --git a/s/cyber.css b/s/cyber.css index 843015f..2e1bf6c 100644 --- a/s/cyber.css +++ b/s/cyber.css @@ -115,6 +115,89 @@ a#holland:hover { padding-bottom: 3px; } +.plyr--audio .plyr__controls { + padding: 0; + border-radius: inherit; + background: #0a0a0a; + border: 0; + color: #f300ff; + width: 300px; + padding-right: 5; + height: 32px; +} + +.plyr input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + margin-top: -4px; + position: relative; + height: 16px; + width: 16px; + background: #061412; + border: 1px solid #f300ff; + border-radius: 100%; + transition: background .2s ease,border .2s ease,transform .2s ease; + box-shadow: 0 1px 1px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.15); + box-sizing: border-box; +} + +.plyr__progress--played, .plyr__volume--display { + z-index: 1; + color: #00efb1; + background: 0 0; + transition: none; +} + +.plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large { + background: #061412; + color: #01f4b5; + border-radius: 0; +} + +.plyr--video .plyr__controls button.tab-focus:focus, .plyr--video .plyr__controls button:hover { + background: #061412; + color: #01f4b5; + border-radius: 0; +} + +.plyr input[type=range]:active::-webkit-slider-thumb { + background: #061412; + border-color: #01f4b5; + transform: scale(1.25) +} + +.plyr--video .plyr__controls { + position: absolute; + left: 0; + right: 0; + bottom: 0; + z-index: 2; + padding: 0px 0px 0px; + background: rgba(10, 10, 10, 0.73); + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit; + color: #01f4b5; + transition: opacity .3s cubic-bezier(0.12, 0.63, 0.25, 1); +} + +/* Feuerfick */ +.plyr input[type="range"]::-moz-range-thumb { + position: relative; + height: 16px; + width: 16px; + background: #061412; + border: 2px solid #01f4b5; + border-radius: 100%; + transition: background .2s ease, border .2s ease, transform .2s ease; + box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .15); + box-sizing: border-box; +} + +.plyr input[type=range]:active::-moz-range-thumb { + background: #061412; + border-color: #01f4b5; + transform: scale(1.25) +} + @keyframes noise-anim { 0% { clip: rect(2px, 9999px, 94px, 0); From 598aa744acbad9690a559c80c2ba6227e5385f59 Mon Sep 17 00:00:00 2001 From: noxy Date: Thu, 2 Feb 2017 15:55:41 +0000 Subject: [PATCH 3/6] Update term.css --- s/term.css | 106 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 106 insertions(+) diff --git a/s/term.css b/s/term.css index 1319c27..7aafdea 100644 --- a/s/term.css +++ b/s/term.css @@ -130,3 +130,109 @@ a { a:hover { color: #00b700; } + +.plyr__progress--played, .plyr__volume--display { + z-index: 1; + color: #00df00; + background: 0 0; + transition: none; +} + +select#themeSelector { + -moz-box-shadow: 0px 0px 37px 5px rgba(43,255,0,1); + -webkit-box-shadow: 0px 0px 10px 0px rgba(255,0,247,1); + -moz-box-shadow: 0px 0px 10px 0px rgba(255,0,247,1); + box-shadow: 0px 0px 10px 0px rgba(255,0,247,1); +} + +input, select, textarea { + -moz-box-shadow: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.plyr input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + margin-top: -4px; + position: relative; + height: 16px; + width: 16px; + background: #0b0b0b; + border: 1px solid #00df00; + border-radius: 100%; + transition: background .2s ease,border .2s ease,transform .2s ease; + box-shadow: 0 1px 1px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.15); + box-sizing: border-box; + box-shadow: 0px 0px 10px 0px #00df00; +} + +.plyr--video .plyr__controls { + position: absolute; + left: 0; + right: 0; + bottom: 0; + z-index: 2; + padding: 0px 0px 0px; + background: rgb(11, 11, 11); + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit; + color: #00df00; + transition: opacity .3s cubic-bezier(0.12, 0.63, 0.25, 1); + text-shadow: 0px 0px 10px green; +} + +.plyr--video .plyr__controls button.tab-focus:focus, .plyr--video .plyr__controls button:hover { + background: rgba(105, 6, 102, 0.44); + color: #00df00; + border-radius: 0; +} + +.plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large { + background: #0b0b0b; + color: #00df00; + border-radius: 0; +} + +.plyr input[type=range]:active::-webkit-slider-thumb { + background: #0b0b0b; + border-color: #00df00; + transform: scale(1.25) +} + +.plyr--audio .plyr__controls { + padding: 0; + border-radius: inherit; + background: #0b0b0b; + border: 0; + color: #00df00; + width: 300px; + padding-right: 5; + height: 32px; + text-shadow: 0px 0px 10px; +} + +.plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large { + background: rgba(105, 6, 102, 0.44); + color: #00df00; + border-radius: 0; +} + +/* Feuerfick */ +.plyr input[type="range"]::-moz-range-thumb { + position: relative; + height: 16px; + width: 16px; + background: #0b0b0b; + border: 2px solid #00df00; + border-radius: 100%; + transition: background .2s ease, border .2s ease, transform .2s ease; + box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .15); + box-sizing: border-box; +} + +.plyr input[type=range]:active::-moz-range-thumb { + background: #0b0b0b; + border-color: #00df00; + transform: scale(1.25) +} \ No newline at end of file From 3f41e8ecfae2b5bf9b16b43351e3de1d7d3ca943 Mon Sep 17 00:00:00 2001 From: noxy Date: Thu, 2 Feb 2017 16:11:50 +0000 Subject: [PATCH 4/6] Update coldblue.css --- s/coldblue.css | 89 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 89 insertions(+) diff --git a/s/coldblue.css b/s/coldblue.css index b5b5ac3..e016462 100644 --- a/s/coldblue.css +++ b/s/coldblue.css @@ -70,3 +70,92 @@ input, select, textarea { .thumb { border: 2px solid #207ea4; } + +.plyr--video .plyr__controls { + position: absolute; + left: 0; + right: 0; + bottom: 0; + z-index: 2; + padding: 0px 0px 0px; + background: rgb(11, 17, 29); + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit; + color: #00edff; + transition: opacity .3s cubic-bezier(0.12, 0.63, 0.25, 1); +} + +.plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large { + background: #0b111d; + color: #00edff; + border-radius: 0; +} + +.plyr__progress--played, .plyr__volume--display { + z-index: 1; + color: #00edff; + background: 0 0; + transition: none; +} + +.plyr input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + margin-top: -4px; + position: relative; + height: 16px; + width: 16px; + background: #0b111d; + border: 1px solid #00edff; + border-radius: 100%; + transition: background .2s ease,border .2s ease,transform .2s ease; + box-shadow: 0 1px 1px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.15); + box-sizing: border-box; +} + +.plyr input[type=range]:active::-webkit-slider-thumb { + background: #0b111d; + border-color: #00edff; + transform: scale(1.25) +} + +/* Feuerfick */ +.plyr input[type="range"]::-moz-range-thumb { + position: relative; + height: 16px; + width: 16px; + background: #0b111d; + border: 2px solid #00edff; + border-radius: 100%; + transition: background .2s ease, border .2s ease, transform .2s ease; + box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .15); + box-sizing: border-box; +} + +.plyr input[type=range]:active::-moz-range-thumb { + background: #0b111d; + border-color: #00edff; + transform: scale(1.25) +} + +.plyr--video .plyr__controls button.tab-focus:focus, .plyr--video .plyr__controls button:hover { + background: #154d71; + color: #00edff; + border-radius: 0; +} + +.plyr--audio .plyr__controls { + padding: 0; + border-radius: inherit; + background: rgb(11, 17, 29); + border: 0; + color: #00edff; + width: 300px; + padding-right: 5; + height: 32px; +} + +.plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large { + background: #154d71; + color: #00edff; + border-radius: 0; +} \ No newline at end of file From f18eb5d7f2589289badec5a0fa723a9d4e5b5a91 Mon Sep 17 00:00:00 2001 From: noxy Date: Thu, 2 Feb 2017 16:29:49 +0000 Subject: [PATCH 5/6] Update krautchan.css --- s/krautchan.css | 122 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 122 insertions(+) diff --git a/s/krautchan.css b/s/krautchan.css index 8d51e00..3a982f8 100644 --- a/s/krautchan.css +++ b/s/krautchan.css @@ -114,4 +114,126 @@ code { padding-bottom: 5px; font-weight: bold; background: #aaaacc; +} + +.plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large { + background: #eeeeee; + color: #3535cb; + border-radius: 0; +} + +.plyr--video .plyr__controls { + position: absolute; + left: 0; + right: 0; + bottom: 0; + z-index: 2; + padding: 0px 0px 0px; + background: rgb(238, 238, 238); + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit; + color: #3535cb; + transition: opacity .3s cubic-bezier(0.12, 0.63, 0.25, 1); +} + +span.plyr__time--current { + color: #000; +} + +.plyr__progress--played, .plyr__volume--display { + z-index: 1; + color: #3535cb; + background: 0 0; + transition: none; +} + +.plyr--video .plyr__progress--buffer { + color: rgb(49, 51, 112); +} + +.plyr--video .plyr__progress--buffer, .plyr--video .plyr__volume--display { + background: rgb(170, 170, 204); +} + +.plyr--video .plyr__controls button.tab-focus:focus, .plyr--video .plyr__controls button:hover { + background: #3535cb; + color: #eeeeee; + border-radius: 0; +} + +.plyr input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + margin-top: -4px; + position: relative; + height: 16px; + width: 16px; + background: #eeeeee; + border: 2px solid #3535cb; + border-radius: 100%; + transition: background .2s ease,border .2s ease,transform .2s ease; + box-shadow: 0 1px 1px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.15); + box-sizing: border-box; +} + +.plyr input[type=range]:active::-webkit-slider-thumb { + background: #eeeeee; + border-color: #3535cb; + transform: scale(1.25) +} + +.plyr__controls button { + position: relative; + display: inline-block; + -ms-flex-negative: 0; + flex-shrink: 0; + overflow: visible; + vertical-align: middle; + padding: 7px; + border: 0; + background: 0 0; + border-radius: 0px; + cursor: pointer; + transition: background .3s ease,color .3s ease,opacity .3s ease; + color: inherit; +} + +/* Feuerfick */ +.plyr input[type="range"]::-moz-range-thumb { + position: relative; + height: 16px; + width: 16px; + background: #eeeeee; + border: 2px solid #3535cb; + border-radius: 100%; + transition: background .2s ease, border .2s ease, transform .2s ease; + box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .15); + box-sizing: border-box; +} + +.plyr input[type=range]:active::-moz-range-thumb { + background: #eeeeee; + border-color: #3535cb; + transform: scale(1.25) +} + +/* Audio */ +.plyr--audio .plyr__controls { + padding: 0; + border-radius: inherit; + background: #eeeeee; + border: 0; + color: #3333cc; + width: 300px; + padding-right: 5; + height: 32px; +} + +.plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large { + background: #3535cb; + color: #eeeeee; + border-radius: 0; +} + +.plyr--audio .plyr__progress--buffer, .plyr--audio .plyr__volume--display { + background: rgb(170, 170, 204); } \ No newline at end of file From 3f548444ef85046bfce5809d8b41cdba913bf592 Mon Sep 17 00:00:00 2001 From: noxy Date: Thu, 2 Feb 2017 16:32:04 +0000 Subject: [PATCH 6/6] Update pink.css --- s/pink.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/s/pink.css b/s/pink.css index 40bb9fe..c592bcb 100644 --- a/s/pink.css +++ b/s/pink.css @@ -153,4 +153,10 @@ code { background: #ff008d; border-color: #262626; transform: scale(1.25) +} + +.plyr--video .plyr__controls button.tab-focus:focus, .plyr--video .plyr__controls button:hover { + background: #484747; + color: #ff008d; + border-radius: 0; } \ No newline at end of file