prenex/magcms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update material theme and fix responsible

Browse Source
This commit is contained in:
Adrien Beudin 2018-03-28 10:28:46 +02:00
parent 017af6efbb
commit e184f90433
7 changed files with 51 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
prosopopee/themes/exposure/static/css/style-page.css
View File

@ -655,3 +655,14 @@ input:checked + .slider:before {
-webkit-animation-name: fadeInUp; -webkit-animation-name: fadeInUp;
} }
@media only screen and (max-device-width: 700px) {
.paragraph {
font-size: 3.7vmin !important;
margin-left: 10% !important;
margin-right: 10% !important;
}
.full-picture h2 {
font-size: 3.2vw !important;
}
}

4
prosopopee/themes/exposure/static/css/style.css
View File

@ -425,5 +425,9 @@ input:checked + .slider:before {
margin-bottom: -7px !important; margin-bottom: -7px !important;
padding-bottom: 70% !important; padding-bottom: 70% !important;
} }
.gallery-title > h2 {
font-size: 3.7vw;
}
} }

19
prosopopee/themes/material/static/css/style-page.css
View File

@ -312,3 +312,22 @@ input:checked + .slider-btn:before {
.slider-btn.round:before { .slider-btn.round:before {
border-radius: 50%; border-radius: 50%;
} }
@media only screen and (max-device-width: 700px) {
h2 {
font-size: 2.56rem !important;
}
.parallax img {
min-width: 200% !important;
}
.gallery-title > h2 {
font-size: 3.7vw !important;
}
.parallax-container h2 {
font-size: 4.2vw !important;
}
.audio-player h2 {
font-size: 14px !important;
}
}

13
prosopopee/themes/material/static/css/style.css
View File

@ -608,9 +608,20 @@ nav .nav-header {
} }
@media only screen and (max-device-width: 700px) { @media only screen and (max-device-width: 700px) {
.gallery-square { .gallery-square {
width: 100% !important; width: 100% !important;
margin-bottom: -7px !important; margin-bottom: -7px !important;
padding-bottom: 70% !important; padding-bottom: 70% !important;
} }
h2 {
font-size: 2.56rem !important;
}
.gallery-title > h2 {
font-size: 3.7vw !important;
}
.parallax-container h2 {
font-size: 4.2vw !important;
}
} }

6
prosopopee/themes/material/templates/base.html
View File

@ -17,13 +17,7 @@
<!-- Navbar and Header --> <!-- Navbar and Header -->
<nav class="nav-extended nav-full-header z-depth-0 blue-grey darken-3"> <nav class="nav-extended nav-full-header z-depth-0 blue-grey darken-3">
<div class="nav-background"> <div class="nav-background">
{% if settings.cover %}
{% set image = Image(settings.cover) %}
{{ image.copy() }}
<div class="ea k" style="background-image: url('{{ image.generate_thumbnail("x1080") }}');"></div>
{% else %}
<div class="ea k"></div> <div class="ea k"></div>
{% endif %}
</div> </div>
<div class="nav-wrapper db"> <div class="nav-wrapper db">
<a href="#" class="brand-logo"><i class="fa fa-camera" aria-hidden="true"></i><p>{{ settings.title }}</p></a> <a href="#" class="brand-logo"><i class="fa fa-camera" aria-hidden="true"></i><p>{{ settings.title }}</p></a>

29
prosopopee/themes/material/templates/gallery-index.html
View File

@ -29,23 +29,13 @@
<title>{{ gallery.title }} · {{ settings.title }}</title> <title>{{ gallery.title }} · {{ settings.title }}</title>
</head> </head>
<body> <body class="night">
<main> <main>
{% if settings.settings.night_mode %}
<div class="floating-menu">
<label class="switch-btn">
<input type="checkbox" id="toggle-box-checkbox">
<span class="slider-btn round"></span>
</label>
</div>
{% endif %}
{% for section in gallery.sections %} {% for section in gallery.sections %}
{% include "sections/" + section.type + ".html" %} {% include "sections/" + section.type + ".html" %}
{% endfor %} {% endfor %}
{% if settings.share %} {% if settings.share %}
{% include 'share.html' -%} {% include 'share.html' -%}
{% endif %} {% endif %}
@ -66,23 +56,6 @@
<script type="text/javascript" src="../static/js/mediaelement-and-player.min.js" charset="utf-8"></script> <script type="text/javascript" src="../static/js/mediaelement-and-player.min.js" charset="utf-8"></script>
{% endif %} {% endif %}
<script type="text/javascript" charset="utf-8"> <script type="text/javascript" charset="utf-8">
{% if settings.settings.night_mode %}
if (localStorage.getItem("mode_night") == "true") {
$('body').addClass('night');
document.getElementById("toggle-box-checkbox").checked = true;
}
$('#toggle-box-checkbox').on('change', function(){
if(this.checked){
$('body').addClass('night');
localStorage.setItem("mode_night", true);
}else{
$('body').removeClass('night');
localStorage.setItem("mode_night", false);
}
});
{% endif %}
$(document).ready(function(){ $(document).ready(function(){
$('.parallax').parallax(); $('.parallax').parallax();
}); });

8
prosopopee/themes/material/templates/page.html
View File

@ -17,18 +17,12 @@
<title>{{ settings.title }} · {{ gallery.title }}</title> <title>{{ settings.title }} · {{ gallery.title }}</title>
</head> </head>
<body> <body class="night">
<!-- Navbar and Header --> <!-- Navbar and Header -->
<nav class="nav-extended nav-full-header z-depth-0 blue-grey darken-3"> <nav class="nav-extended nav-full-header z-depth-0 blue-grey darken-3">
<div class="nav-background"> <div class="nav-background">
{% if settings.cover %}
{% set image = Image(settings.cover) %}
{{ image.copy() }}
<div class="ea k" style="background-image: url('{{ image.generate_thumbnail("x1080") }}');"></div>
{% else %}
<div class="ea k"></div> <div class="ea k"></div>
{% endif %}
</div> </div>
<div class="nav-wrapper db"> <div class="nav-wrapper db">
<a href="../" class="brand-logo"><i class="fa fa-camera" aria-hidden="true"></i><p>{{ settings.title }}</p></a> <a href="../" class="brand-logo"><i class="fa fa-camera" aria-hidden="true"></i><p>{{ settings.title }}</p></a>