Velká revize stylů (a některých JS) #44
					 1 changed files with 86 additions and 78 deletions
				
			
		|  | @ -86,6 +86,92 @@ div.content { | ||||||
| /******************/ | /******************/ | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|  | /**** Footer ****/ | ||||||
|  | #footer { | ||||||
|  | 	position: absolute; | ||||||
|  | 	bottom: 0; | ||||||
|  | 	width: 100%; | ||||||
|  | 	background: url("../images/mozaika-footer.svg") no-repeat top center; | ||||||
|  | 	height: var(--footer-height); | ||||||
|  | 	background-size: 100%; | ||||||
|  | 	filter: drop-shadow(5px 0px 5px rgba(0, 0, 0, 0.4)); | ||||||
|  | 	padding-top: 3.5%; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | #footer p.license { | ||||||
|  | 	text-align: center; | ||||||
|  | 	font-weight: 400; | ||||||
|  | 	bottom: 0px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | #footer p.license a { | ||||||
|  | 	color: #333; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | p.license-mobile { | ||||||
|  | 	display: none; | ||||||
|  | 	margin-bottom: 0px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | @media (max-width: 650px) { | ||||||
|  | 	#footer { | ||||||
|  | 		display: none; | ||||||
|  | 	} | ||||||
|  | 
 | ||||||
|  | 	p.license-mobile { | ||||||
|  | 		position: relative; | ||||||
|  | 		display: block; | ||||||
|  | 		font-size: 90%; | ||||||
|  | 		background-color: var(--hlavni-oranzova); | ||||||
|  | 		padding: 5%; | ||||||
|  | 		text-align: justify; | ||||||
|  | 	} | ||||||
|  | } | ||||||
|  | /****************/ | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | /**** LOGIN BAR ****/ | ||||||
|  | div.login-bar { | ||||||
|  | 	background: var(--orgovska-fialova); | ||||||
|  | 	color: var(--svetla-oranzova); | ||||||
|  | 	width: 100%; | ||||||
|  | 
 | ||||||
|  | 	position: fixed; | ||||||
|  | 	margin-top: calc(-1 * var(--login-bar-height)); | ||||||
|  | 	min-height: var(--login-bar-height); | ||||||
|  | 	z-index: 4086; | ||||||
|  | 
 | ||||||
|  | 	padding-left: 5px; | ||||||
|  | 	padding-right: 5px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | div.login-bar div { | ||||||
|  | 	display: inline; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | a.login-ref-admin { | ||||||
|  | 	display: inline; | ||||||
|  | 	color: var(--barva-pozadi); | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .napis-webarum { | ||||||
|  | 	display: inline; | ||||||
|  | 	color: var(--barva-pozadi); | ||||||
|  | 	float: right; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .napis-webarum a { | ||||||
|  | 	color: var(--svetla-oranzova); | ||||||
|  | 	text-decoration: underline; | ||||||
|  | } | ||||||
|  | /*******************/ | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
| /**** MENU ****/ | /**** MENU ****/ | ||||||
| ul.menu_mobile  { | ul.menu_mobile  { | ||||||
| 	display: none; | 	display: none; | ||||||
|  | @ -174,86 +260,8 @@ ul.submenu li.active>a, .parentactive ul li:first-child>a { | ||||||
| /**************/ | /**************/ | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
| /**** Footer ****/ |  | ||||||
| #footer { |  | ||||||
| 	position: absolute; |  | ||||||
| 	bottom: 0; |  | ||||||
| 	width: 100%; |  | ||||||
| 	background: url("../images/mozaika-footer.svg") no-repeat top center; |  | ||||||
| 	height: var(--footer-height); |  | ||||||
| 	background-size: 100%; |  | ||||||
| 	filter: drop-shadow(5px 0px 5px rgba(0, 0, 0, 0.4)); |  | ||||||
| 	padding-top: 3.5%; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| #footer p.license { |  | ||||||
| 	text-align: center; |  | ||||||
| 	font-weight: 400; |  | ||||||
| 	bottom: 0px; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| #footer p.license a { |  | ||||||
| 	color: #333; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| p.license-mobile { |  | ||||||
| 	display: none; |  | ||||||
| 	margin-bottom: 0px; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| @media (max-width: 650px) { |  | ||||||
| 	#footer { |  | ||||||
| 		display: none; |  | ||||||
| 	} |  | ||||||
| 
 |  | ||||||
| 	p.license-mobile { |  | ||||||
| 		position: relative; |  | ||||||
| 		display: block; |  | ||||||
| 		font-size: 90%; |  | ||||||
| 		background-color: var(--hlavni-oranzova); |  | ||||||
| 		padding: 5%; |  | ||||||
| 		text-align: justify; |  | ||||||
| 	} |  | ||||||
| } |  | ||||||
| /****************/ |  | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
| /**** LOGIN BAR ****/ |  | ||||||
| 
 |  | ||||||
| div.login-bar { |  | ||||||
| 	background: var(--orgovska-fialova); |  | ||||||
| 	color: var(--svetla-oranzova); |  | ||||||
| 	width: 100%; |  | ||||||
| 
 |  | ||||||
| 	position: fixed; |  | ||||||
| 	margin-top: calc(-1 * var(--login-bar-height)); |  | ||||||
| 	min-height: var(--login-bar-height); |  | ||||||
| 	z-index: 4086; |  | ||||||
| 
 |  | ||||||
| 	padding-left: 5px; |  | ||||||
| 	padding-right: 5px; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| div.login-bar div { |  | ||||||
| 	display: inline; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| a.login-ref-admin { |  | ||||||
| 	display: inline; |  | ||||||
| 	color: var(--barva-pozadi); |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| .napis-webarum { |  | ||||||
| 	display: inline; |  | ||||||
| 	color: var(--barva-pozadi); |  | ||||||
| 	float: right; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| .napis-webarum a { |  | ||||||
| 	color: var(--svetla-oranzova); |  | ||||||
| 	text-decoration: underline; |  | ||||||
| } |  | ||||||
| /*******************/ |  | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
| /**** ROZLIŠENÍ MEZI LOKÁLNÍM, TESTOVACÍM A PRODUKČNÍM WEBEM ****/ | /**** ROZLIŠENÍ MEZI LOKÁLNÍM, TESTOVACÍM A PRODUKČNÍM WEBEM ****/ | ||||||
|  |  | ||||||
		Loading…
	
		Reference in a new issue