titulka pro mobily (nějak), vycentrování grafu
This commit is contained in:
		
							parent
							
								
									402c1d8595
								
							
						
					
					
						commit
						729f110cd1
					
				
					 2 changed files with 140 additions and 100 deletions
				
			
		|  | @ -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{ | ||||
|     max-width: 100%; | ||||
|     margin-left: auto; | ||||
|     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 { | ||||
| 		font-size: 90%; | ||||
| 		margin-top: -7px; | ||||
| 	} | ||||
| 
 | ||||
| ul.menu { | ||||
| 	font-size: 90%; | ||||
| 	margin-top: -7px; | ||||
| } | ||||
| 	ul.menu li { | ||||
| 		margin-top: 10px; /* posunutí textu hlavního menu níže */ | ||||
| 	} | ||||
| 
 | ||||
| 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 { | ||||
| 	margin-top: 8px; /* mezera mezi hlavním menu a submenu */ | ||||
| } | ||||
| 	ul.submenu li { | ||||
| 		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,19 +741,35 @@ ul.submenu { | |||
| 		text-align: justify; | ||||
| 	} | ||||
| 
 | ||||
|   div.novinky { | ||||
|     max-width: 100%; | ||||
|     float: none; | ||||
|   } | ||||
| 
 | ||||
| 	div.graf { | ||||
| 		width: 100%; | ||||
| 	} | ||||
| 
 | ||||
| 	table.form td, table.form tr { | ||||
|  		display: inherit; | ||||
|  	} | ||||
| 
 | ||||
| 	 /* titulni stranka */ | ||||
| 
 | ||||
| 	.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; | ||||
| 	} | ||||
| 
 | ||||
| } | ||||
| 
 | ||||
| /*stránka organizátorů*/ | ||||
|  | @ -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 { | ||||
|  |  | |||
|  | @ -60,6 +60,7 @@ | |||
| 
 | ||||
|   <span class="zjistit_vic"> | ||||
|     <h2><a href="/co-je-MaM/uvod/">Zjistit víc!</a></h2> | ||||
|     <hr> | ||||
|   </span> | ||||
| </div> | ||||
| 
 | ||||
|  |  | |||
		Loading…
	
		Reference in a new issue
	
	 Kateřina Č
						Kateřina Č