Vize, jak by měly vypadat CSSka konkrétních stránek (a možná CSSka obecně)

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;
 	}
 }
-/****************/

seminar/templates/seminar/titulnistrana/titulnistrana.html

@@ -36,9 +36,9 @@ function sousdeadline() {
 
 <div class=titulnistrana>
 
-<div class="titulnistrana_obsah">
+<div class="TS_obsah">
 
-<div class="vitej_titulka">
+<div class="TS_vitej_titulka">
 
   <h1>
     {% block nadpis1a %}
@@ -54,7 +54,7 @@ function sousdeadline() {
   
 </div>
 
-<div class="temata_titulka">
+<div class="TS_temata_titulka">
 
   <h1>
       Vyřeš to!
@@ -76,13 +76,13 @@ function sousdeadline() {
   
 </div>
 
-<div class="graf">
+<div class="TS_graf">
 
-<div class="graf-svg">
+<div class="TS_graf-svg">
   {% include 'seminar/titulnistrana/graph.svg' %} <!-- TODO: aby to nemuselo být v templates -->
 </div>
 
-  <span class="zjistit_vic">
+  <span class="TS_zjistit_vic">
     <h2><a href="/o-nas/uvod/">Zjisti víc!</a></h2>
     <hr>
   </span>
@@ -91,7 +91,7 @@ function sousdeadline() {
 
 </div>
 
-<div class="titulnistrana_novinky">
+<div class="TS_novinky">
 
   {# Novinky #}
   <h1>Co je nového?</h1>

seminar/templates/seminar/zadani/AktualniZadani.html

@@ -14,20 +14,20 @@
 	{% if user.je_org and not verejne %}<div class="mam-org-only">{% endif %}
 
 	<hr>
-	<div class="zadani_termin">
+	<div class="AZAD_termin">
 	Termíny pro odeslání řešení {{ac.poradi}}. série:<br>
 
     {% for deadline in ac.deadline_v_cisle.all %}
         {% if deadline.typ == deadline.TYP_SOUS or deadline.typ == deadline.TYP_PRVNI_A_SOUS %}
-                <span class="datum">{{deadline.deadline.date}}</span> pro účast na soustředění<br>
+                <span class="AZAD_datum">{{deadline.deadline.date}}</span> pro účast na soustředění<br>
         {% endif %}
 
         {% if deadline.typ == deadline.TYP_PRVNI or deadline.typ == deadline.TYP_PRVNI_A_SOUS %}
-                <span class="datum">{{deadline.deadline.date}}</span> pro otištění v dalším čísle<br>
+                <span class="AZAD_datum">{{deadline.deadline.date}}</span> pro otištění v dalším čísle<br>
         {% endif %}
 
         {% if deadline.typ == deadline.TYP_CISLA %}
-                <span class="datum">{{deadline.deadline.date}}</span> definitivní deadline<br>
+                <span class="AZAD_datum">{{deadline.deadline.date}}</span> definitivní deadline<br>
         {% endif %}
     {% endfor %}
 
@@ -35,7 +35,7 @@
 	<hr>
 
 	{% if ac.titulka_nahled and ac.pdf %}
-		<a href="{{ac.pdf.url}}"><img id="azad_obrazek" src="{{ac.titulka_nahled.url}}" alt="Titulní strana {{ac.poradi}}. čísla" title="Klikni pro stažení!"></a>
+		<a href="{{ac.pdf.url}}"><img id="AZAD_obrazek" src="{{ac.titulka_nahled.url}}" alt="Titulní strana {{ac.poradi}}. čísla" title="Klikni pro stažení!"></a>
 	{% endif %}
 
 	{% if ac.pdf %}