oci/zeronet
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Dark theme for loading screen

Browse source
This commit is contained in:
shortcutme 2018-10-20 02:36:08 +02:00
parent 451976c3c8
commit b97acb3174
No known key found for this signature in database
GPG key ID: 5B63BAE6CB9613AE
3 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/Ui/media/Wrapper.css
View file

@ -107,12 +107,14 @@ a { color: black }
/* Loading screen */ /* Loading screen */
.loadingscreen { width: 100%; height: 100%; position: absolute; background-color: #EEE; z-index: 1; overflow: hidden; display: none } .loadingscreen { width: 100%; height: 100%; position: absolute; background-color: #EEE; z-index: 1; overflow: hidden; display: none }
.theme-dark .loadingscreen { background-color: #180922; }
.loading-text { text-align: center; vertical-align: middle; top: 50%; position: absolute; margin-top: 39px; width: 100% } .loading-text { text-align: center; vertical-align: middle; top: 50%; position: absolute; margin-top: 39px; width: 100% }
.loading-config { .loading-config {
margin: 20px; display: inline-block; text-transform: uppercase; font-family: Consolas, monospace; position: relative;; margin: 20px; display: inline-block; text-transform: uppercase; font-family: Consolas, monospace; position: relative;;
text-decoration: none; letter-spacing: 1px; font-size: 12px; border-bottom: 1px solid #999; top: -60px; transition: all 1s cubic-bezier(1, 0, 0, 1); transition-delay: 0.3s; text-decoration: none; letter-spacing: 1px; font-size: 12px; border-bottom: 1px solid #999; top: -60px; transition: all 1s cubic-bezier(1, 0, 0, 1); transition-delay: 0.3s;
} }
.loading-config:hover { border-bottom-color: #000; transition: none; } .loading-config:hover { border-bottom-color: #000; transition: none; }
.theme-dark .loading-config { color: white }
.loadingscreen.ready .loading-config { top: 0px; } .loadingscreen.ready .loading-config { top: 0px; }

2
src/Ui/media/all.css
View file

@ -121,12 +121,14 @@ a { color: black }
/* Loading screen */ /* Loading screen */
.loadingscreen { width: 100%; height: 100%; position: absolute; background-color: #EEE; z-index: 1; overflow: hidden; display: none } .loadingscreen { width: 100%; height: 100%; position: absolute; background-color: #EEE; z-index: 1; overflow: hidden; display: none }
.theme-dark .loadingscreen { background-color: #180922; }
.loading-text { text-align: center; vertical-align: middle; top: 50%; position: absolute; margin-top: 39px; width: 100% } .loading-text { text-align: center; vertical-align: middle; top: 50%; position: absolute; margin-top: 39px; width: 100% }
.loading-config { .loading-config {
margin: 20px; display: inline-block; text-transform: uppercase; font-family: Consolas, monospace; position: relative;; margin: 20px; display: inline-block; text-transform: uppercase; font-family: Consolas, monospace; position: relative;;
text-decoration: none; letter-spacing: 1px; font-size: 12px; border-bottom: 1px solid #999; top: -60px; -webkit-transition: all 1s cubic-bezier(1, 0, 0, 1); -moz-transition: all 1s cubic-bezier(1, 0, 0, 1); -o-transition: all 1s cubic-bezier(1, 0, 0, 1); -ms-transition: all 1s cubic-bezier(1, 0, 0, 1); transition: all 1s cubic-bezier(1, 0, 0, 1) ; transition-delay: 0.3s; text-decoration: none; letter-spacing: 1px; font-size: 12px; border-bottom: 1px solid #999; top: -60px; -webkit-transition: all 1s cubic-bezier(1, 0, 0, 1); -moz-transition: all 1s cubic-bezier(1, 0, 0, 1); -o-transition: all 1s cubic-bezier(1, 0, 0, 1); -ms-transition: all 1s cubic-bezier(1, 0, 0, 1); transition: all 1s cubic-bezier(1, 0, 0, 1) ; transition-delay: 0.3s;
} }
.loading-config:hover { border-bottom-color: #000; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none ; } .loading-config:hover { border-bottom-color: #000; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none ; }
.theme-dark .loading-config { color: white }
.loadingscreen.ready .loading-config { top: 0px; } .loadingscreen.ready .loading-config { top: 0px; }

2
src/Ui/template/wrapper.html
View file

@ -9,7 +9,7 @@
<link rel="stylesheet" href="/uimedia/all.css?rev={rev}" /> <link rel="stylesheet" href="/uimedia/all.css?rev={rev}" />
{meta_tags} {meta_tags}
</head> </head>
<body style="{body_style}"> <body style="{body_style}" class="{themeclass}">
<noscript> <noscript>
<div class="unsupported"><h3>ZeroNet requires JavaScript support.</h3>If you use NoScript: Click on toolbar icon and choose the "Temporary allow all this page" option.</div> <div class="unsupported"><h3>ZeroNet requires JavaScript support.</h3>If you use NoScript: Click on toolbar icon and choose the "Temporary allow all this page" option.</div>