diff --git a/prosopopee/themes/exposure/static/css/style-page.css b/prosopopee/themes/exposure/static/css/style-page.css index df2cddb..ebc3cd5 100644 --- a/prosopopee/themes/exposure/static/css/style-page.css +++ b/prosopopee/themes/exposure/static/css/style-page.css @@ -553,7 +553,7 @@ body.night .audio-player { .floating-menu { font-family: sans-serif; - padding: 5px;; + padding: 5px; width: 45px; z-index: 556; position: fixed; diff --git a/prosopopee/themes/material/static/css/style-page.css b/prosopopee/themes/material/static/css/style-page.css index 9cd88e8..98b7bf1 100644 --- a/prosopopee/themes/material/static/css/style-page.css +++ b/prosopopee/themes/material/static/css/style-page.css @@ -215,3 +215,100 @@ span.right { .clear { clear: both; } + +body.night { + background-color: #37474f; + color: #d3d4d4; +} + +body.night .audio-player { + background: #546e7a; +} + +body.night .author a { + color: #039be5 !important; +} + +blockquote { + font-size: 22px; + font-style: italic; + color: #8a8989; +} + +.btn-xlarge { + width: 150px; + height: 150px; +} + +.btn-xlarge i { + font-size: 9.6rem; + line-height: 150px; +} + +.home { + padding-bottom: 50px; +} + +.floating-menu { + font-family: sans-serif; + padding: 0px; + width: 45px; + z-index: 556; + position: fixed; + bottom: 0px; + right: 0px; +} + +.switch-btn { + position: relative; + display: inline-block; + width: 40px; + height: 22px; +} + +.switch-btn input {display:none;} + +.slider-btn { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s; +} + +.slider-btn:before { + position: absolute; + content: ""; + height: 15px; + width: 15px; + left: 4px; + bottom: 4px; + background-color: white; +} + +input:checked + .slider-btn { + background-color: #2196F3; +} + +input:focus + .slider-btn { + box-shadow: 0 0 1px #2196F3; +} + +input:checked + .slider-btn:before { + -webkit-transform: translateX(18px); + -ms-transform: translateX(18px); + transform: translateX(18px); +} + +/* Rounded sliders */ +.slider-btn.round { + border-radius: 34px; +} + +.slider-btn.round:before { + border-radius: 50%; +} diff --git a/prosopopee/themes/material/templates/gallery-index.html b/prosopopee/themes/material/templates/gallery-index.html index c8f4d56..2c70e00 100644 --- a/prosopopee/themes/material/templates/gallery-index.html +++ b/prosopopee/themes/material/templates/gallery-index.html @@ -32,6 +32,15 @@
+ {% if settings.settings.night_mode %} +
+ +
+ {% endif %} + {% for section in gallery.sections %} {% include "sections/" + section.type + ".html" %} {% endfor %} @@ -39,13 +48,12 @@ {% if settings.share %} {% include 'share.html' -%} - {% else -%} -
- + {% endif %} +
+
- {% endif %} @@ -58,6 +66,23 @@ {% endif %}