-
-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
- Loading branch information
There are no files selected for viewing
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,56 @@ | ||
/* | ||
//================================================ | ||
Turn Off the Lights | ||
The entire page will be fading to dark, so you can watch the videos as if you were in the cinema. | ||
Copyright (C) 2019 Stefan vd | ||
www.stefanvd.net | ||
www.turnoffthelights.com | ||
This program is free software; you can redistribute it and/or | ||
modify it under the terms of the GNU General Public License | ||
as published by the Free Software Foundation; either version 2 | ||
of the License, or (at your option) any later version. | ||
This program is distributed in the hope that it will be useful, | ||
but WITHOUT ANY WARRANTY; without even the implied warranty of | ||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | ||
GNU General Public License for more details. | ||
You should have received a copy of the GNU General Public License | ||
along with this program; if not, write to the Free Software | ||
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. | ||
To view a copy of this license, visit http://creativecommons.org/licenses/GPL/2.0/ | ||
//================================================ | ||
*/ | ||
|
||
.dark{ | ||
--totl-primary-background:#232323; | ||
--totl-primary-font-color:#fff; | ||
--totl-body-background:#111111; | ||
--totl-hr-border:#444444; | ||
} | ||
.light{ | ||
--totl-primary-background:#fff; | ||
--totl-primary-font-color:#000; | ||
--totl-body-background:#fff; | ||
--totl-hr-border:#cccccc; | ||
} | ||
|
||
html{padding:0;margin:0} | ||
body{background:var(--totl-body-background);color:var(--totl-primary-font-color);padding:0;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:sans-serif;font-size:12px} | ||
.button{cursor:pointer;width:100%;height:55px;font-family:Arial,sans-serif;font-size:12px;text-align:center;padding:0px;line-height:25px;color:var(--totl-primary-font-color);display:table-cell} | ||
.button:hover{color:var(--totl-primary-font-color);opacity:.88} | ||
.infobar{height:58px;background:#4285f4;padding:0 16px;font-size:24px;color:var(--totl-primary-font-color);line-height:70px} | ||
.infomessage{padding:16px;font-size:14px} | ||
hr{margin:0;border:0px;height:1px;background:var(--totl-hr-border)} | ||
.arrow{-webkit-transform:rotate(120deg) scaleX(-1);transform:rotate(120deg) scaleX(-1);width:200px;height:200px;margin:0 auto;position:absolute;top:140px;left:235px} | ||
.arrow .draw-arrow{stroke-width:5;stroke:dodgerblue;fill:none;stroke-dasharray:400;stroke-dashoffset:400;-webkit-animation-duration:2.0s;animation-duration:2.0s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:draw;animation-name:draw} | ||
.arrow .draw-arrow.tail-1{-webkit-animation-delay:.5s;animation-delay:.5s} | ||
.arrow .draw-arrow.tail-2{-webkit-animation-delay:.7s;animation-delay:.7s} | ||
@-webkit-keyframes draw{to{stroke-dashoffset:0}} | ||
@keyframes draw{to{stroke-dashoffset:0}} | ||
.activateperm{position:absolute;top:270px;right:30px;font-size:16px} |