From ed703b10a1cd3f7ca37a7d7f343c334dbb7be4d7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jon=C3=A1=C5=A1=20Havelka?= Date: Tue, 30 Apr 2024 23:27:53 +0200 Subject: [PATCH] =?UTF-8?q?Vize,=20jak=20by=20m=C4=9Bly=20vypadat=20CSSka?= =?UTF-8?q?=20konkr=C3=A9tn=C3=ADch=20str=C3=A1nek=20(a=20mo=C5=BEn=C3=A1?= =?UTF-8?q?=20CSSka=20obecn=C4=9B)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- mamweb/static/css/layout.css | 197 +++++++----------- .../seminar/titulnistrana/titulnistrana.html | 14 +- .../seminar/zadani/AktualniZadani.html | 10 +- 3 files changed, 93 insertions(+), 128 deletions(-) diff --git a/mamweb/static/css/layout.css b/mamweb/static/css/layout.css index efd74c07..01b40e0f 100644 --- a/mamweb/static/css/layout.css +++ b/mamweb/static/css/layout.css @@ -460,161 +460,130 @@ body.suprodweb { &:before, &:after { background: red; } } /**** ZBYTEK ****/ /* (konkrétní stránky) */ -/* titulni stranka */ +/* Titulní stránka */ .titulnistrana { display: flex; text-align: justify; - h1 { text-align: center; } -} - -.zjistit_vic{ - text-align: center; - margin-bottom: 30px; - - hr { display: none; } -} - -.graf-svg { - display: flex; -} - -#svg-graf { - width: 100%; - height: auto; - margin: 30px; -} - -.titulnistrana_obsah { - width: 66%; -} - -.vitej_titulka, .temata_titulka { - width: 49%; - padding: 10px; - display: table-cell; -} + @media(max-width: 800px){ + display: block; + } -.titulnistrana_novinky { - width: 33%; - padding: 10px; -} + h1 { text-align: center; } -.novinka { - .novinka_obrazek { - margin: 10px 0 10px 0; - width: 100%; - } + .TS_zjistit_vic{ + text-align: center; + margin-bottom: 30px; - .novinka_datum { - font-weight: bold; - } + hr { + display: none; - .novinka_autor { - text-align: right; - font-style: italic; + @media(max-width: 800px){ + display: flex; + } + } } -} -div.org-text { - font-style: italic; -} - -div.odpocet { - margin: 20px; - text-align: center; -} + .TS_graf { + @media(max-width: 800px) { + padding-top: 40px; + } -@media(max-width: 800px){ + .TS_graf-svg { + display: flex; - /* titulni stranka */ + #svg-graf { + width: 100%; + height: auto; + margin: 30px; - .titulnistrana { - display: block; + @media(max-width: 800px){ + max-width: 500px; + padding: 10px; + margin: auto; + } + } + } } - .graf { - padding-top: 40px; - } + .TS_obsah { + width: 66%; - .titulnistrana_obsah { - width: 100%; + @media(max-width: 800px){ + width: 100%; + } } - .vitej_titulka, .temata_titulka { + .TS_vitej_titulka, .TS_temata_titulka { width: 49%; padding: 10px; display: table-cell; - } - .titulnistrana_novinky { - width: 100%; - max-width: 500px; - padding: 10px; - margin: auto; + @media (max-width: 650px) { + width: 100%; + display: block; + } } - #svg-graf { - width: 100%; - max-width: 500px; + .TS_novinky { + width: 33%; padding: 10px; - margin: auto; - } - .zjistit_vic hr { - display: flex; + @media(max-width: 800px){ + width: 100%; + max-width: 500px; + margin: auto; + } } } -@media (max-width: 650px) { - .titulnistrana { - display: block; - } - - .graf { - padding-top: 40px; - } - - .titulnistrana_obsah { +.novinka { + .novinka_obrazek { + margin: 10px 0 10px 0; width: 100%; } - .vitej_titulka, .temata_titulka { - width: 100%; - padding: 10px; - display: block; + .novinka_datum { + font-weight: bold; } - .titulnistrana_novinky { - width: 100%; - padding: 10px; + .novinka_autor { + text-align: right; + font-style: italic; } } -/* aktuální zadání */ -.stranka_aktualni_zadani { - text-align: center; +div.org-text { + font-style: italic; } -#azad_obrazek { - margin-top: 15px; +div.odpocet { + margin: 20px; + text-align: center; } -div.zadani_termin { +/* Stránky Aktuální ročník */ +.stranka_aktualni_zadani { text-align: center; - font-size: large; - font-weight: bold; -} -@media (max-width: 420px) { - div.zadani_termin { - font-size: small; + #AZAD_obrazek { + margin-top: 15px; } -} -div.zadani_termin .datum { - color: var(--hlavni-oranzova); - margin: 0; + div.AZAD_termin { + text-align: center; + font-size: large; + font-weight: bold; + + @media (max-width: 420px) { + font-size: small; + } + + .AZAD_datum { + color: var(--hlavni-oranzova); + margin: 0; + } + } } #obrazek_cisla_archiv { @@ -623,20 +592,16 @@ div.zadani_termin .datum { } -/* Jak řešit */ - +/* Stránka Jak řešit */ .jakresit svg { width: 33%; padding: 10px; filter: none; -} -@media(max-width: 860px) { - .jakresit svg { + @media(max-width: 860px) { margin: auto; display: grid; width: 100%; max-width: 360px; } } -/****************/ diff --git a/seminar/templates/seminar/titulnistrana/titulnistrana.html b/seminar/templates/seminar/titulnistrana/titulnistrana.html index f79bbbf1..d8b1e583 100644 --- a/seminar/templates/seminar/titulnistrana/titulnistrana.html +++ b/seminar/templates/seminar/titulnistrana/titulnistrana.html @@ -36,9 +36,9 @@ function sousdeadline() {
-
+
-
+

{% block nadpis1a %} @@ -54,7 +54,7 @@ function sousdeadline() {

-
+

Vyřeš to! @@ -76,13 +76,13 @@ function sousdeadline() {

-
+
-
+
{% include 'seminar/titulnistrana/graph.svg' %}
- +

Zjisti víc!

 @@ -91,7 +91,7 @@ function sousdeadline() {
-
+
{# Novinky #}

Co je nového?

diff --git a/seminar/templates/seminar/zadani/AktualniZadani.html b/seminar/templates/seminar/zadani/AktualniZadani.html index 81040dec..2ebbcaa4 100644 --- a/seminar/templates/seminar/zadani/AktualniZadani.html +++ b/seminar/templates/seminar/zadani/AktualniZadani.html @@ -14,20 +14,20 @@ {% if user.je_org and not verejne %}
{% endif %}
-
+
Termíny pro odeslání řešení {{ac.poradi}}. série:
{% for deadline in ac.deadline_v_cisle.all %} {% if deadline.typ == deadline.TYP_SOUS or deadline.typ == deadline.TYP_PRVNI_A_SOUS %} - {{deadline.deadline.date}} pro účast na soustředění
+ {{deadline.deadline.date}} pro účast na soustředění
{% endif %} {% if deadline.typ == deadline.TYP_PRVNI or deadline.typ == deadline.TYP_PRVNI_A_SOUS %} - {{deadline.deadline.date}} pro otištění v dalším čísle
+ {{deadline.deadline.date}} pro otištění v dalším čísle
{% endif %} {% if deadline.typ == deadline.TYP_CISLA %} - {{deadline.deadline.date}} definitivní deadline
+ {{deadline.deadline.date}} definitivní deadline
{% endif %} {% endfor %} @@ -35,7 +35,7 @@
{% if ac.titulka_nahled and ac.pdf %} - Titulní strana {{ac.poradi}}. čísla + Titulní strana {{ac.poradi}}. čísla {% endif %} {% if ac.pdf %}