Tohle je myslím zastaralé (stará verze bootstrapu)

mamweb/static/css/layout.css

@@ -14,30 +14,27 @@ div.kontejner {
 	min-height: 100vh;
 	position: relative;
 	padding: 0;
-}
 
+	.org-logged-in & {
+		margin-top: var(--login-bar-height);
+	}
 
-.org-logged-in div.kontejner {
+	div.kontent-wrapper {
-	margin-top: var(--login-bar-height);
+		padding-bottom: var(--footer-height);
-}
 
-div.kontent-wrapper {
+		div.kontent {
-	padding-bottom: var(--footer-height);
+			padding: 15px 30px;
-}
+		}
-
+	}
-
-div.kontent {
-	padding: 15px 30px;
 }
 
 /* Roztáhne obsah z containeru na celou šířku obrazovky: */
 .full_width {
 	width: 100vw;
 	margin-left: calc(-50vw + 485px);
-}
+
-/* Na úzkém displeji nechceme nic dělat. */
+	/* Na úzkém displeji nechceme nic dělat. */
-@media(max-width: 860px) {
+	@media(max-width: 860px) {
-	.full_width{
 		margin-left: 0;
 		width: unset;
 	}
@@ -69,19 +66,19 @@ div.kontent {
 	background: url("../images/header/vikendovka.jpg") no-repeat center top; /* poměr 350:970, TODO: aby to nemuselo být přesně na pixely */
 	background-size: 100%;
 	top: 58px;
-}
 
-#header img.logo {
+	img.logo {
-	width: 100%;
+		width: 100%;
-	filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4));
+		filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4));
-}
+	}
 
-#header img.logo-mobile {
+	img.logo-mobile {
-	display: none;
+		display: none;
-}
+	}
 
-.no-mobile {
+	.no-mobile {
-	background-size: contain;
+		background-size: contain;
+	}
 }
 /******************/
 
@@ -96,29 +93,27 @@ div.kontent {
 	background-size: 100%;
 	filter: drop-shadow(5px 0px 5px rgba(0, 0, 0, 0.4));
 	padding-top: 3.5%;
-}
 
-#footer p.license {
+	p.license {
-	text-align: center;
+		text-align: center;
-	font-weight: 400;
+		font-weight: 400;
-	bottom: 0;
+		bottom: 0;
-}
 
-#footer p.license a {
+		a {
-	color: #333;
+			color: #333;
+		}
+	}
+
+	@media (max-width: 650px) {
+		display: none;
+	}
 }
 
 p.license-mobile {
 	display: none;
 	margin-bottom: 0;
-}
 
-@media (max-width: 650px) {
+	@media (max-width: 650px) {
-	#footer {
-		display: none;
-	}
-
-	p.license-mobile {
 		position: relative;
 		display: block;
 		font-size: 90%;
@@ -143,26 +138,26 @@ div.login-bar {
 
 	padding-left: 5px;
 	padding-right: 5px;
-}
 
-div.login-bar div {
+	div {
-	display: inline;
+		display: inline;
-}
+	}
 
-a.login-ref-admin {
+	a.LOGIN-ref-admin {
-	display: inline;
+		display: inline;
-	color: var(--barva-pozadi);
+		color: var(--barva-pozadi);
-}
+	}
 
-.napis-webarum {
+	.LOGIN_napis-webarum {
-	display: inline;
+		display: inline;
-	color: var(--barva-pozadi);
+		color: var(--barva-pozadi);
-	float: right;
+		float: right;
-}
 
-.napis-webarum a {
+		a {
-	color: var(--svetla-oranzova);
+			color: var(--svetla-oranzova);
-	text-decoration: underline;
+			text-decoration: underline;
+		}
+	}
 }
 /*******************/
 
@@ -180,10 +175,10 @@ a.login-ref-admin {
 
 	#header {
 		background-size: 100%;
-	}
 
-	#header img.logo {
+		img.logo {
-		width: 100%;
+			width: 100%;
+		}
 	}
 
 	#footer {
@@ -193,9 +188,6 @@ a.login-ref-admin {
 
 /* malý tablet, mobil */
 @media (max-width: 650px) {
-	.no-mobile{
-		display: none;
-	}
 
 	#hide-if-small.login-bar-flatpage {
 		display: none;
@@ -209,19 +201,23 @@ a.login-ref-admin {
 		width: 100%;
 		top: 0;
 		background-image: none;
-	}
 
-	#header img.logo {
+		img.logo {
-		display: none;
+			display: none;
-	}
+		}
 
-	#header img.logo-mobile {
+		img.logo-mobile {
-		display: block;
+			display: block;
-		top: 0;
+			top: 0;
-		left: 0;
+			left: 0;
-		width: 100%;
+			width: 100%;
-		filter: drop-shadow(0px 0 5px rgba(0, 0, 0, 0.4));
+			filter: drop-shadow(0px 0 5px rgba(0, 0, 0, 0.4));
-		margin-bottom: 3px;
+			margin-bottom: 3px;
+		}
+
+		.no-mobile{
+			display: none;
+		}
 	}
 }
 
@@ -238,100 +234,87 @@ nav.nav-button {
 	display: none;
 }
 
-div.dropdown-backdrop { /* tohle způsobuje, že funguje mobilní menu */
-	z-index: -1;
-}
-
-/* nové menu */
-
 ul.menu {
 	width: 100%;
 	padding: 0;
 	margin-top: -5px; /* posune celé menu nahoru (pak potřeba zvětšit mezeru mezi menu a submenu) */
 
 	font-variant: small-caps;
-}
 
-ul.menu a {
+	a {
-	text-decoration: none;
+		text-decoration: none;
-	font-weight: bold;
+		font-weight: bold;
-	font-size: 105%;
+		font-size: 105%;
-}
+	}
 
-ul.menu li {
+	li {
-	margin: 0;
+		margin: 0;
-	display: inline-block;
+		display: inline-block;
-	width: 16.666667%;
+		width: 16.666667%;
-	text-align: center;
+		text-align: center;
 
-	font-size: 140%;
+		font-size: 140%;
-	font-weight: 400;
+		font-weight: 400;
-}
 
-ul.menu li>a:hover {
+		>a:hover, >a:active {
-	color: black;
+			color: black;
-}
+		}
 
-ul.menu li>a:active { /* TODO:  nefunfuje */
+		&.active>a {
-	color: black;
+			color: var(--svetla-oranzova);
-}
+		}
+	}
 
-ul.submenu {
+	ul.submenu {
 
-	background-color: var(--hlavni-oranzova);
+		background-color: var(--hlavni-oranzova);
-	margin-top: 10px; /* mezera mezi hlavním menu a submenu */
+		margin-top: 10px; /* mezera mezi hlavním menu a submenu */
-	margin-bottom: 10px;
+		margin-bottom: 10px;
-	padding-top: 10px;
+		padding-top: 10px;
-	padding-bottom: 5px;
+		padding-bottom: 5px;
-	filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4));
+		filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4));
-}
 
-ul.submenu {
+		z-index: 50;
-	background-color: var(--hlavni-oranzova);
+		font-weight: 400;
-	z-index: 50;
-	font-weight: 400;
-}
 
-ul.submenu li {
+		li {
-	width: auto;
+			width: auto;
-	padding: 0 20px 0 20px;
+			padding: 0 20px 0 20px;
-	display: inline-block;
+			display: inline-block;
-}
-ul.submenu li>a {
-	color: var(--svetla-oranzova);
-	text-decoration: none;
-	text-shadow: none;
-}
 
-ul.submenu li>a:hover {
+			>a {
-	color: black;
+				color: var(--svetla-oranzova);
-}
+				text-decoration: none;
+				text-shadow: none;
 
-ul.menu li.active>a {
+				:hover {
-	color: var(--svetla-oranzova);
+					color: black;
-}
+				}
+			}
+		}
+	}
 
-ul.submenu li.active>a, .parentactive ul li:first-child>a {
+	ul.submenu li.active>a, .parentactive ul li:first-child>a {
-	color: black;
+		color: black;
+	}
 }
 
 @media (max-width: 970px) {
-
 	ul.menu {
 		font-size: 90%;
 		margin-top: -7px;
-	}
 
-	ul.menu li {
+		li {
-		margin-top: 10px; /* posunutí textu hlavního menu níže */
+			margin-top: 10px; /* posunutí textu hlavního menu níže */
-	}
+		}
-
-	ul.submenu li {
-		margin-top: 0; /* aby se spolu s textem hlavního menu neposunoval níže i text submenu */
 	}
 
 	ul.submenu {
 		margin-top: 8px; /* mezera mezi hlavním menu a submenu */
+
+		li {
+			margin-top: 0; /* aby se spolu s textem hlavního menu neposunoval níže i text submenu */
+		}
 	}
 }
 
@@ -339,18 +322,18 @@ ul.submenu li.active>a, .parentactive ul li:first-child>a {
 	ul.menu {
 		font-size: 80%;
 		margin-top: -2px;
-	}
 
-	ul.menu li {
+		li {
-		margin-top: 10px; /* posunutí textu hlavního menu níže */
+			margin-top: 10px; /* posunutí textu hlavního menu níže */
-	}
+		}
-
-	ul.submenu li {
-		margin-top: 0; /* aby se spolu s textem hlavního menu neposunoval níže i text submenu */
 	}
 
 	ul.submenu {
 		margin-top: 8px; /* mezera mezi hlavním menu a submenu */
+
+		li {
+			margin-top: 0; /* aby se spolu s textem hlavního menu neposunoval níže i text submenu */
+		}
 	}
 }
 
@@ -370,31 +353,33 @@ ul.submenu li.active>a, .parentactive ul li:first-child>a {
 		padding-top: 3px;
 		padding-bottom: 3px;
 		padding-left: 12px;
-	}
 
-	ul.menu_mobile a:active,
+		a {
-	ul.menu_mobile a:hover,
+			&:active, &:hover, &:focus {
-	ul.menu_mobile a:focus {
+				text-decoration: none;
-		text-decoration: none;
+				color: black;
-		color: black;
+			}
-	}
+		}
 
-	ul.menu_mobile ul {
+		ul {
-		list-style-type: none;
+			list-style-type: none;
-		font-size: 90%;
+			font-size: 90%;
-		color: black; /*černé šipky submenu*/
+			color: black; /*černé šipky submenu*/
-	}
 
-	ul.menu_mobile ul li > a {
+			li {
-		color: black;
+				> a {
-	}
+					color: black;
+				}
 
-	ul.menu_mobile ul li::before {
+				&::before {
-		content: ' \276D  '; /*https://www.w3schools.com/cssref/css_entities.asp*/
+					content: ' \276D  '; /*https://www.w3schools.com/cssref/css_entities.asp*/
-	}
+				}
+			}
+		}
 
-	ul.menu_mobile br {
+		br {
-		display: none;
+			display: none;
+		}
 	}
 
 	nav.nav-button {
@@ -442,89 +427,104 @@ ul.submenu li.active>a, .parentactive ul li:first-child>a {
 
 
 /**** ROZLIŠENÍ MEZI LOKÁLNÍM, TESTOVACÍM A PRODUKČNÍM WEBEM ****/
-body.localweb:before, body.localweb:after,
+body.localweb, body.testweb, body.suprodweb {
-body.testweb:before, body.testweb:after,
+	&:before, &:after {
-body.suprodweb:before, body.suprodweb:after {
+		content: "";
-	content: "";
+		position: fixed;
-	position: fixed;
+		width: 20px;
-	width: 20px;
+		height: 100%;
-	height: 100%;
+		top: 0;
-	top: 0;
+		z-index: -1000;
-	z-index: -1000;
+	}
+
+	&:before { left: 0; }
+	&:after { right: 0; }
 }
 
-body.localweb:before, body.testweb:before, body.suprodweb:before {
+body.localweb { &:before, &:after { background: greenyellow; } }
-	left: 0;
+body.testweb { &:before, &:after { background: darkorange; } }
-}
+body.suprodweb { &:before, &:after { background: red; } }
-body.localweb:after, body.testweb:after, body.suprodweb:after {
-	right: 0;
-}
-
-body.localweb:before, body.localweb:after { background: greenyellow; }
-body.testweb:before, body.testweb:after { background: darkorange; }
-body.suprodweb:before, body.suprodweb:after { background: red; }
 /****************************************************************/
 
 
 /**** ZBYTEK ****/
 /* (konkrétní stránky) */
 
-/* titulni stranka */
+/* Titulní stránka */
 .titulnistrana {
 	display: flex;
 	text-align: justify;
-}
 
-.titulnistrana h1 {
+	@media(max-width: 800px){
-	text-align: center;
+		display: block;
-}
+	}
 
-.zjistit_vic{
+	h1 { text-align: center; }
-	text-align: center;
-	margin-bottom: 30px;
-}
 
-.zjistit_vic hr {
+	.TS_zjistit_vic{
-	display: none;
+		text-align: center;
-}
+		margin-bottom: 30px;
 
-.graf-svg {
+		hr {
-	display: flex;
+			display: none;
-}
 
-#svg-graf {
+			@media(max-width: 800px){
-	width: 100%;
+				display: flex;
-	height: auto;
+			}
-	margin: 30px;
+		}
-}
+	}
 
-.titulnistrana_obsah {
+	.TS_graf {
-	width: 66%;
+		@media(max-width: 800px) {
-}
+			padding-top: 40px;
+		}
 
-.vitej_titulka, .temata_titulka {
+		.TS_graf-svg {
-	width: 49%;
+			display: flex;
-	padding: 10px;
-	display: table-cell;
-}
 
-.titulnistrana_novinky {
+			#svg-graf {
-	width: 33%;
+				width: 100%;
-	padding: 10px;
+				height: auto;
-}
+				margin: 30px;
 
-.novinka_obrazek {
+				@media(max-width: 800px){
-	margin: 10px 0 10px 0;
+					max-width: 500px;
-	width: 100%;
+					padding: 10px;
-}
+					margin: auto;
+				}
+			}
+		}
+	}
 
-.novinka_datum {
+	.TS_obsah {
-	font-weight: bold;
+		width: 66%;
-}
 
-.novinka_autor {
+		@media(max-width: 800px){
-	text-align: right;
+			width: 100%;
-	font-style: italic;
+		}
+	}
+
+	.TS_vitej_titulka, .TS_temata_titulka {
+		width: 49%;
+		padding: 10px;
+		display: table-cell;
+
+		@media (max-width: 650px) {
+			width: 100%;
+			display: block;
+		}
+	}
+
+	.TS_novinky {
+		width: 33%;
+		padding: 10px;
+
+		@media(max-width: 800px){
+			width: 100%;
+			max-width: 500px;
+			margin: auto;
+		}
+	}
 }
 
 div.org-text {
@@ -536,96 +536,28 @@ div.odpocet {
 	text-align: center;
 }
 
-@media(max-width: 800px){
+/* Stránky Aktuální ročník */
-
-	/* titulni stranka */
-
-	.titulnistrana {
-		display: block;
-	}
-
-	.graf {
-		padding-top: 40px;
-	}
-
-	.titulnistrana_obsah {
-		width: 100%;
-	}
-
-	.vitej_titulka, .temata_titulka {
-		width: 49%;
-		padding: 10px;
-		display: table-cell;
-	}
-
-	.titulnistrana_novinky {
-		width: 100%;
-		max-width: 500px;
-		padding: 10px;
-		margin: auto;
-	}
-
-	#svg-graf {
-		width: 100%;
-		max-width: 500px;
-		padding: 10px;
-		margin: auto;
-	}
-
-	.zjistit_vic hr {
-		display: flex;
-	}
-}
-
-@media (max-width: 650px) {
-	.titulnistrana {
-		display: block;
-	}
-
-	.graf {
-		padding-top: 40px;
-	}
-
-	.titulnistrana_obsah {
-		width: 100%;
-	}
-
-	.vitej_titulka, .temata_titulka {
-		width: 100%;
-		padding: 10px;
-		display: block;
-	}
-
-	.titulnistrana_novinky {
-		width: 100%;
-		padding: 10px;
-	}
-}
-
-/* aktuální zadání */
 .stranka_aktualni_zadani {
 	text-align: center;
-}
 
-#azad_obrazek {
+	#AZAD_obrazek {
-	margin-top: 15px;
+		margin-top: 15px;
-}
-
-div.zadani_termin {
-	text-align: center;
-	font-size: large;
-	font-weight: bold;
-}
-
-@media (max-width: 420px) {
-	div.zadani_termin {
-		font-size: small;
 	}
-}
 
-div.zadani_termin .datum {
+	div.AZAD_termin {
-	color: var(--hlavni-oranzova);
+		text-align: center;
-	margin: 0;
+		font-size: large;
+		font-weight: bold;
+
+		@media (max-width: 420px) {
+			font-size: small;
+		}
+
+		.AZAD_datum {
+			color: var(--hlavni-oranzova);
+			margin: 0;
+		}
+	}
 }
 
 #obrazek_cisla_archiv {
@@ -634,20 +566,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) {
+	@media(max-width: 860px) {
-	.jakresit svg {
 		margin: auto;
 		display: grid;
 		width: 100%;
 		max-width: 360px;
 	}
 }
-/****************/

mamweb/static/css/mamweb-dev.css

@@ -1,38 +0,0 @@
-/*
-.pink {
-	background-color: #ffc0cb;
-}
-
-div.borderized {
-	border-style: solid;
-	border-radius: 5px;
-	padding: 5px;
-	padding-right: 20px;
-}
-
-div.tnmenu {
-	float: right;
-	margin-right: 0px;
-}
-
-
-div.parent {
-	border-width: 2px;
-}
-
-div.children {
-	border-width: 1px;
-}
-
-div.node_type {
-	background-color: #d4d4d4;
-}
-
-.hidden-tn {
-	display: none;
-}
-
-/*test*/
-h1 {
-	color: chartreuse;
-}

mamweb/static/css/modules.css

@@ -15,15 +15,15 @@
 	padding: 10px;
 	margin: 10px -10px;
 	border: var(--orgovska-fialova) 2px dashed;
-}
 
-.mam-org-only .mam-org-only {
+	& .mam-org-only {
-	border: 0;
+		border: 0;
-}
+	}
 
-li.mam-org-only {
+	&li {
-	padding: 3px 0;
+		padding: 3px 0;
-	margin: -2px 0;
+		margin: -2px 0;
+	}
 }
 /**********************************/
 
@@ -51,58 +51,52 @@ li.mam-org-only {
 
 /**** OTÁČECÍ KARTY ****/
 /* (orgové, archiv) */
-
-/** Samotné karty **/
 .flip-card {
 	perspective: 1000px; /* Remove this if you don't want the 3D effect */
 	margin-left: auto;
 	margin-right: auto;
+
+	/* This container is needed to position the front and back side */
+	.flip-card-inner {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		transition: transform 0.8s;
+		transform-style: preserve-3d;
+	}
+
+	/* Do an horizontal flip when you move the mouse over the flip box container */
+	&:hover .flip-card-inner {
+		transform: rotateY(180deg);
+	}
+
+	/* Position the front and back side */
+	.flip-card-front, .flip-card-back {
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		-webkit-backface-visibility: hidden; /* Safari */
+		backface-visibility: hidden;
+	}
+
+	div.flip-card-foto, div.flip-card-foto img {
+		width: 100%;
+		height: 100%;
+
+		/* Pokud je na přední straně něco proklikávacího (třeba celá fotka), tak na dotykových zařízeních nemůže proklikávat, aby se dalo otáčet */
+		@media(hover: none) {
+			a { pointer-events: none; }
+		}
+	}
+
+	/* Style the back side */
+	.flip-card-back {
+		transform: rotateY(180deg);
+		padding: 10px;
+		padding-top: 20px;
+	}
 }
 
-/* This container is needed to position the front and back side */
-.flip-card-inner {
-	position: relative;
-	width: 100%;
-	height: 100%;
-	transition: transform 0.8s;
-	transform-style: preserve-3d;
-}
-
-/* Do an horizontal flip when you move the mouse over the flip box container */
-.flip-card:hover .flip-card-inner {
-	transform: rotateY(180deg);
-}
-
-/* Position the front and back side */
-.flip-card-front, .flip-card-back {
-	position: absolute;
-	width: 100%;
-	height: 100%;
-	-webkit-backface-visibility: hidden; /* Safari */
-	backface-visibility: hidden;
-}
-
-
-div.flip-card-foto, div.flip-card-foto img {
-	width: 100%;
-	height: 100%;
-
-}
-
-/* Style the back side */
-.flip-card-back {
-	transform: rotateY(180deg);
-	padding: 10px;
-	padding-top: 20px;
-}
-
-/* Pokud je na přední straně něco proklikávacího (třeba celá fotka), tak na dotykových zařízeních nemůže proklikávat, aby se dalo otáčet */
-@media(hover: none) {
-	.flip-card-foto a { pointer-events: none; }
-}
-/*******************/
-
-
 .flip-card-back {
 	background-color: var(--svetla-oranzova);
 	color: black;
@@ -208,24 +202,24 @@ div.org_email {
 
 .tabulka_oramovane_sloupce {
 	border: solid 2px;
-}
 
-.tabulka_oramovane_sloupce td:first-child, .tabulka_oramovane_sloupce th:first-child {
+	td, th {
-	border-left: none;
+		&:first-child, &:first-child {
-	border-right: solid 1px;
+			border-left: none;
-}
+			border-right: solid 1px;
+		}
 
-.tabulka_oramovane_sloupce td:nth-child(2), .tabulka_oramovane_sloupce th:nth-child(2) {
+		&:nth-child(2), &:nth-child(2) {
-	border-left: none;
+			border-left: none;
-}
+		}
 
-.tabulka_oramovane_sloupce td, .tabulka_oramovane_sloupce th {
+		padding: 0.1em 0.3em;
-	padding: 0.1em 0.3em;
+		border-left: solid 1px;
-	border-left: solid 1px;
+	}
-}
 
-.tabulka_oramovane_sloupce thead th, .tabulka_oramovane_sloupce thead td {
+	thead { th, td {
-	border-bottom: solid 1px;
+			border-bottom: solid 1px;
+	} }
 }
 /***********************************/
 
@@ -233,25 +227,26 @@ div.org_email {
 /** Tabulka se střídajícími se barvami řádků **/
 /* Skoro jakákoliv tabulka kromě výsledkovek */
 
-.barevna_tabulka td th {
+.barevna_tabulka {
-	padding: 1px 10px 1px 10px;
+	td th {
-}
+		padding: 1px 10px 1px 10px;
+	}
 
-.barevna_tabulka tbody tr:nth-child(even), .barevna_tabulka thead tr {
+	tbody tr:nth-child(even), thead tr {
-	background: var(--svetlounka-oranzova);
+		background: var(--svetlounka-oranzova);
-}
+	}
 
-.barevna_tabulka tbody tr:nth-child(odd) {
+	tbody tr:nth-child(odd) {
-	background: var(--barva-pozadi);
+		background: var(--barva-pozadi);
+	}
 }
 /**********************************************/
 
 
 /** Tabulka, kde první řádek a sloupec je pořád vidět **/
 /* Např. tabulka odevzdaných řešení, nebo výsledkovky */
-
-/* Omezí výšku a šířku, aby bylo příjemné na scrollování a zapne scrollování */
 .tabulka_s_uchycenym_radkem_a_sloupcem {
+	/* Omezí výšku a šířku, aby bylo příjemné na scrollování a zapne scrollování */
 	display: block;
 	width: fit-content; /* display: block; roztahuje na celou šířku */
 	max-height: 80vh;
@@ -261,21 +256,21 @@ div.org_email {
 
 	border-collapse: separate; /* Pokud má tabulka orámování, je potřeba ho separovat, aby dodrželo position: sticky; */
 	border-spacing: 0;
-}
 
-/* Uchytí první řádek */
+	/* Uchytí první řádek */
-.tabulka_s_uchycenym_radkem_a_sloupcem thead tr {
+	thead tr {
-	position: sticky;
+		position: sticky;
-	top: 0;
+		top: 0;
-	z-index: 2;
+		z-index: 2;
-}
+	}
 
-/* Uchytí první sloupec */
+	/* Uchytí první sloupec */
-.tabulka_s_uchycenym_radkem_a_sloupcem td:first-child, .tabulka_s_uchycenym_radkem_a_sloupcem th:first-child {
+	td, th { &:first-child {
-	position: sticky;
+		position: sticky;
-	left: 0;
+		left: 0;
-	background: inherit; /* (Snad) zneprůhlední první sloupec */
+		background: inherit; /* (Snad) zneprůhlední první sloupec */
-	z-index: 1;
+		z-index: 1;
+	} }
 }
 
 /* (Snad) zneprůhlednění prvního řádku (a sloupce) FIXME: tohle je trochu hack a potenciálně může něco rozbít */
@@ -294,11 +289,11 @@ div.org_email {
 /** Tabulka mající všechna ohraničení **/
 .plne_ohranicena_tabulka {
 	border-collapse: collapse;
-}
 
-.plne_ohranicena_tabulka tr th, .plne_ohranicena_tabulka tr td {
+	tr { th, td {
-	border: 1px solid black;
+		border: 1px solid black;
-	padding: 1px 10px 1px 10px;
+		padding: 1px 10px 1px 10px;
+	} }
 }
 /***************************************/
 
@@ -309,28 +304,35 @@ div.org_email {
 /******************************************/
 
 /** Výsledkovky **/
-.vysledkovka td:first-child, .tabulka_oramovane_sloupce th:first-child {
+.vysledkovka, .tabulka_oramovane_sloupce {
-	position: unset;
+	td, th {
-}
+		&:first-child { position: unset; }
 
-.vysledkovka td:nth-child(2), .tabulka_oramovane_sloupce th:nth-child(2) {
+		&:nth-child(2) {
-	border-right: solid 1px;
+			border-right: solid 1px;
 
-	position: sticky;
+			position: sticky;
-	left: 0;
+			left: 0;
-	background: inherit; /* (Snad) zneprůhlední druhý sloupec */
+			background: inherit; /* (Snad) zneprůhlední druhý sloupec */
-	z-index: 1;
+			z-index: 1;
-}
+		}
 
-.vysledkovka td:nth-child(3), .tabulka_oramovane_sloupce th:nth-child(3) {
+		&:nth-child(3) {
-	border-left: none;
+			border-left: none;
+		}
+	}
 }
 /*****************/
 
 
 /** Tabulka mých (řešitelových) řešení **/
-.moje_reseni tr th, .moje_reseni tr td { text-align: center; }
+.moje_reseni tr {
-.moje_reseni tr td.problem { text-align: left; }
+	th, td {
+		text-align: center;
+	}
+
+	td.problem { text-align: left; }
+}
 
 /* Různá šířka problému */
 .odevzdanareseni_mid, .odevzdanareseni_small, .odevzdanareseni_mini { display: none; }
@@ -355,20 +357,19 @@ div.org_email {
 /** Detail řešení **/
 .bodovani>input {
 	width: 4em;
-}
 
-.bodovani>input::placeholder {
+	&::placeholder {
-	color: lightgray;
+		color: lightgray;
-	opacity: 1;
+		opacity: 1;
-}
+	}
 
-.bodovani>input::-webkit-input-placeholder { /* Edge */
+	&::-webkit-input-placeholder { /* Edge */
-	color: lightgray;
+		color: lightgray;
+	}
 }
 
 /* td obsahující křížek v detailu řešení se nesmí smrštit na 0 */
-/* FIXME až bude firefox příčetný, nahradit td:has(.smazat_hodnoceni) */
+.td:has(.smazat_hodnoceni) {
-.has_smazat_hodnoceni {
 	min-width: 20px;
 	padding: 3px;
 }
@@ -376,6 +377,22 @@ div.org_email {
 /*****************/
 
 
+.novinka {
+	.novinka_obrazek {
+		margin: 10px 0 10px 0;
+		width: 100%;
+	}
+
+	.novinka_datum {
+		font-weight: bold;
+	}
+
+	.novinka_autor {
+		text-align: right;
+		font-style: italic;
+	}
+}
+
 /**** FORMULÁŘE ****/
 /* přihláška a další formuláře */
 
@@ -453,12 +470,13 @@ label.field-required {
 ul.form li{
 	margin-bottom: 3px;
 }
-p.gdpr {
-	font-size: 6pt;
-	margin-bottom: .66em;
-}
 div.gdpr {
 	font-size: 6pt;
+
+	p {
+		font-size: 6pt;
+		margin-bottom: .66em;
+	}
 }
 
 /* registrace */

mamweb/templates/base.html

@@ -43,15 +43,15 @@
       <div class="login-bar" >
         {% if view.object %}
           Objekt {{ view.object }}: {{ view.object }}
-          {% if view.object.admin_url %}<a class="login-ref-admin" href='{{ view.object.admin_url }}'>[admin]</a>{% endif %}
+          {% if view.object.admin_url %}<a class="LOGIN-ref-admin" href='{{ view.object.admin_url }}'>[admin]</a>{% endif %}
         {% endif %}
         {% if flatpage %}
           <div class="login-bar-flatpage" id="hide-if-small"> Stránka <tt>{{ flatpage.url }}</tt>  ({{ flatpage.title }})</div>
-          <a class="login-ref-admin" href='{% url 'admin:flatpages_flatpage_change' flatpage.id %}'>[admin]</a>
+          <a class="LOGIN-ref-admin" href='{% url 'admin:flatpages_flatpage_change' flatpage.id %}'>[admin]</a>
         {% endif %}
-        <a class="login-ref-admin" href='/admin'>[admin mainpage]</a>
+        <a class="LOGIN-ref-admin" href='/admin'>[admin mainpage]</a>
 
-        <span class="napis-webarum">Něco ti nejde/nefunguje/mate tě? <a class="login-ref-admin" href='mailto:web@mam.mff.cuni.cz'>Napiš webařům!</a></span>
+        <span class="LOGIN_napis-webarum">Něco ti nejde/nefunguje/mate tě? <a class="LOGIN-ref-admin" href='mailto:web@mam.mff.cuni.cz'>Napiš webařům!</a></span>
       </div>
     {% endif %}
 

odevzdavatko/templates/odevzdavatko/detail.html

@@ -119,7 +119,7 @@
 		<td class="bodovani teamovaCast">{{ subform.body_neprepocitane_celkem }}</td>
 		<td>{{ subform.deadline_body }}</td>
 		<td>{{ subform.feedback }}</td>
-		<td class="has_smazat_hodnoceni"><a href="#" class="smazat_hodnoceni" id="id_{{subform.prefix}}-jsremove" title="Smazat hodnocení"><img src="{% static "odevzdavatko/cross.png" %}" alt="Smazat"></a></td>
+		<td><a href="#" class="smazat_hodnoceni" id="id_{{subform.prefix}}-jsremove" title="Smazat hodnocení"><img src="{% static "odevzdavatko/cross.png" %}" alt="Smazat"></a></td>
 	</tr>
     </tbody>
 {% endfor %}
@@ -138,7 +138,7 @@
 		<td class="bodovani teamovaCast">{{ form.empty_form.body_neprepocitane_celkem }}</td>
 		<td>{{ form.empty_form.deadline_body }}</td>
 		<td>{{ form.empty_form.feedback }}</td>
-		<td class="has_smazat_hodnoceni"><a href="#" class="smazat_hodnoceni" id="id_{{form.empty_form.prefix}}-jsremove" title="Smazat hodnocení"><img src="{% static "odevzdavatko/cross.png" %}" alt="Smazat"></a></td>
+		<td><a href="#" class="smazat_hodnoceni" id="id_{{form.empty_form.prefix}}-jsremove" title="Smazat hodnocení"><img src="{% static "odevzdavatko/cross.png" %}" alt="Smazat"></a></td>
 	</tr>
 </table>
 

personalni/templates/personalni/udaje/gdpr.html

@@ -4,37 +4,37 @@ K tomu, abychom mohli zpracovávat Tvá data (uložit si tvou adresu, zobrazit T
 Pokud se zpracováváním souhlasíš dle níže uvedených podmínek, zaškrtni políčko níže.
 </p>
 <div class="gdpr">
-<p class="gdpr">
+<p>
 Získáváme od Tebe údaje vyplněné v přihlášce do semináře (jméno, příjmení, poštovní a e-mailovou adresu, školu, kterou navštěvuješ a rok maturity), případně v přihlášce na soustředění (navíc datum narození, telefonní číslo). Také uchováváme všechna řešení, která nám pošleš, a jejich hodnocení.
 </p>
-<p class="gdpr">
+<p>
 Slibujeme Ti, že Tvá osobní data nezneužijeme k ničemu, co by nesouviselo s M&amp;M nebo s dalšími aktivitami Matfyzu, a nikdy je nepředáme nikomu cizímu. Údaje využíváme k zajištění chodu semináře a také je sdílíme s ostatními propagačními akcemi Matfyzu, abychom mohli vyhodnocovat úspěšnost akcí. Pokud budeš mít zájem, budeme Ti také posílat zajímavé zprávy a novinky týkajíci se Matfyzu.
 </p>
-<p class="gdpr">
+<p>
 Veřejně vystavujeme pouze seznam přezdívek (pro výběr spoluřešitelů k řešení) a výsledkové listiny, které také uchováváme pro archivní účely. Pokud ale z nějakého důvodu nebudeš chtít mít své jméno či školu uvedené ve výsledkové listině, není problém to zařídit, napiš nám. Z tištěných materiálů samozřejmě údaje už odstranit nemůžeme.
 </p>
-<p class="gdpr">
+<p>
 Na soustředěních a dalších akcích semináře navíc pořizujeme fotografie a videozáznamy a používáme je ke zpravodajským a propagačním účelům. Pro propagační účely si od Tebe vyžádáme samostatný souhlas na začátku akce.
 </p>
-<p class="gdpr">
+<p>
 <i>Souhlas se zpracováním osobních údajů pro potřeby chodu semináře</i>
 </p>
-<p class="gdpr">
+<p>
 Tímto uděluji souhlas Univerzitě Karlově, se sídlem Ovocný trh 560/5, 116 36 Praha 1, IČO 00216208 (dále jen UK), která je správcem osobních údajů všech fakult a součástí UK, ke zpracování osobních údajů pro potřeby Korespondenčního semináře M&amp;M a Matematicko-fyzikální fakulty UK (dále jen M&amp;M a MFF UK).
 </p>
-<p class="gdpr">
+<p>
 Tento souhlas uděluji pro všechny výše uvedené osobní údaje, a to po dobu účasti v semináři a 10 let poté, a dále souhlasím s uchováváním potřebných dat pro archivní účely i po této lhůtě (vystavené výsledkové listiny aj.).
 </p>
-<p class="gdpr">
+<p>
 MFF UK tyto údaje zpracovává za účelem evidence řešitelů a účastníků M&amp;M, k zajištění celoročního fungování semináře, analýze účinnosti jednotlivých propagačních akcí MFF UK a zpravodajským účelům. Osobám, které o to projeví zájem v nastavení svého účtu, bude MFF UK také zasílat propagační materiály.
 </p>
-<p class="gdpr">
+<p>
 Údaje nebudou předány třetí osobě ani využívány k jiným účelům, než ke kterým byly poskytnuty.
 </p>
-<p class="gdpr">
+<p>
 Tento souhlas uděluji ze své vlastní a svobodné vůle a beru na vědomí, že jej mohu kdykoliv odvolat zasláním e-mailu na adresu mam@matfyz.cz. Stejně tak může být požadováno vymazání i z archivních údajů M&M, pokud to bude technicky možné. Beru na vědomí, že údaje z tištěných publikací není možné zpětně odstranit.
 </p>
-<p class="gdpr">
+<p>
 Dále máte právo:
 </p>
 <ul>
@@ -44,7 +44,7 @@ Dále máte právo:
 <li>požadovat, aby byly vaše osobní údaje předány jinému správci,
 <li>podat stížnost u dozorového úřadu.
 </ul>
-<p class="gdpr">
+<p>
 V případě jakéhokoliv dotazu nebo uplatnění svých práv můžete kontaktovat pověřence pro ochranu osobních údajů na e-mailové adrese gdpr@cuni.cz.
 </p>
 </div>

seminar/templates/seminar/novinky.html

@@ -1,6 +1,6 @@
 {% for novinka in object_list %}
 {# pripravene div-y na stylovani#}
-<div>
+<div class="novinka">
   {% if not novinka.zverejneno and user.je_org %}
   <div class="mam-org-only">
     <ul>

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 %}