titulka pro mobily (nějak), vycentrování grafu

mamweb/static/css/mamweb.css

@@ -422,6 +422,70 @@ input {
 	margin: 5px;
 }
 
+
+/* titulni stranka */
+
+.titulnistrana {
+	display: flex;
+	text-align: justify;
+}
+
+.titulnistrana h1 {
+	text-align: center;
+}
+
+.zjistit_vic{
+  text-align: center;
+  margin-bottom: 30px;
+}
+
+.zjistit_vic 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;
+}
+
+.titulnistrana_novinky {
+	width: 33%;
+	padding: 10px;
+}
+
+.novinka_obrazek {
+	margin: 10px 0px 10px 0px;
+	width: 100%;
+}
+
+.novinka_datum {
+	font-weight: bold;
+}
+
+.novinka_autor {
+	text-align: right;
+	font-style: italic;
+}
+
+div.org-text {
+    font-style: italic;
+}
+
 /**********************
  * Zmenšování displeje
 ***********************/
@@ -451,42 +515,22 @@ input {
 		width: 100%;
 	}
 
-  div.novinky{
+	ul.menu {
-    max-width: 100%;
+		font-size: 90%;
-    margin-left: auto;
+		margin-top: -7px;
-    margin-right: auto;
-    float: none;
-  }
-
-  div.graf{
-		width: 70%;
-    float: none;
-    margin-left: auto;
-    margin-right: auto;
-		margin-top: 10px;
-  }
-	#svg-graf{
-		width: 100%;
-		height: auto;;
 	}
 
-ul.menu {
+	ul.menu li {
-	font-size: 90%;
+		margin-top: 10px; /* posunutí textu hlavního menu níže */
-	margin-top: -7px;
+	}
-}
-
-ul.menu li {
-	margin-top: 10px; /* posunutí textu hlavního menu níže */
-}
-
-ul.submenu li {
-	margin-top: 0px; /* aby se spolu s textem hlavního menu neposunoval níže i text submenu */
-}
 
-ul.submenu {
+	ul.submenu li {
-	margin-top: 8px; /* mezera mezi hlavním menu a submenu */
+		margin-top: 0px; /* 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 */
+	}
 
 }
 
@@ -518,6 +562,44 @@ ul.submenu {
 		display: inline-grid;
 		max-width: 300px;
 	}
+
+	/* 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;
+	}
 }
 
 /* malý tablet, mobil */
@@ -659,18 +741,34 @@ ul.submenu {
 		text-align: justify;
 	}
 
-  div.novinky {
+	table.form td, table.form tr {
-    max-width: 100%;
+ 		display: inherit;
-    float: none;
+ 	}
-  }
+
+	 /* titulni stranka */
+
+	.titulnistrana {
+		display: block;
+	}
 
-	div.graf {
+	.graf {
+		padding-top: 40px;
+	}
+
+	.titulnistrana_obsah {
 		width: 100%;
 	}
 
-	table.form td, table.form tr {
+	.vitej_titulka, .temata_titulka {
- 		display: inherit;
+		width: 100%;
- 	}
+		padding: 10px;
+		display: block;
+	}
+
+	.titulnistrana_novinky {
+		width: 100%;
+		padding: 10px;
+	}
 
 }
 
@@ -967,65 +1065,6 @@ div.cislo_odkazy ul {
 }
 
 
-/* titulni stranka */
-
-.titulnistrana {
-	display: flex;
-	text-align: justify;
-}
-
-.titulnistrana h1 {
-	text-align: center;
-}
-
-/*
-.temata_titulka .button {
-	color: #6f2509;
-	/*background-color: #fdedd5;*
-	background-color: #fffbf6;
-}*/
-
-.zjistit_vic{
-  text-align: center;
-}
-
-.graf {
-	padding-top: 40px;
-}
-
-.titulnistrana_obsah {
-	width: 66%;
-}
-
-.vitej_titulka, .temata_titulka {
-	width: 49%;
-	padding: 10px;
-	display: table-cell;
-}
-
-.titulnistrana_novinky {
-	width: 33%;
-	padding: 10px;
-}
-
-.novinka_obrazek {
-	margin: 10px 0px 10px 0px;
-	width: 100%;
-}
-
-.novinka_datum {
-	font-weight: bold;
-}
-
-.novinka_autor {
-	text-align: right;
-	font-style: italic;
-}
-
-div.org-text {
-    font-style: italic;
-}
-
 /**/
 
 ul.form {

seminar/templates/seminar/titulnistrana.html

@@ -60,6 +60,7 @@
 
   <span class="zjistit_vic">
     <h2><a href="/co-je-MaM/uvod/">Zjistit víc!</a></h2>
+    <hr>
   </span>
 </div>