Difference between revisions of "Template:TU Dresden/CSS"
| Line 6: | Line 6: | ||
--logo-pink: rgb(224, 18, 100); | --logo-pink: rgb(224, 18, 100); | ||
| − | |||
| − | |||
--bright-bg-color: rgba(244, 249, 255, 1); | --bright-bg-color: rgba(244, 249, 255, 1); | ||
| − | |||
--headfont: 'Orbitron', sans-serif; | --headfont: 'Orbitron', sans-serif; | ||
} | } | ||
| Line 149: | Line 146: | ||
nav { | nav { | ||
height: 100px; | height: 100px; | ||
| − | background: var(--logo-dark-blue | + | background: var(--logo-dark-blue); |
box-shadow: 0 6px 12px rgba(0,0,0,0.5),0 12px 32px rgba(0,0,0,0.1); | box-shadow: 0 6px 12px rgba(0,0,0,0.5),0 12px 32px rgba(0,0,0,0.1); | ||
position: fixed; | position: fixed; | ||
| Line 179: | Line 176: | ||
nav ul a:hover, nav ul li:hover .dropbtn{ | nav ul a:hover, nav ul li:hover .dropbtn{ | ||
| − | background-color: var(--logo-pink | + | background-color: var(--logo-pink); |
box-shadow: 0 6px 12px rgba(0,0,0,0.5),0 12px 32px rgba(0,0,0,0.1); | box-shadow: 0 6px 12px rgba(0,0,0,0.5),0 12px 32px rgba(0,0,0,0.1); | ||
height: 105px; | height: 105px; | ||
| Line 209: | Line 206: | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
| − | background-color: var(--logo-bright-blue | + | background-color: var(--logo-bright-blue); |
z-index: 1; | z-index: 1; | ||
} | } | ||
| Line 231: | Line 228: | ||
.nav-dropdown a:hover { | .nav-dropdown a:hover { | ||
| − | background-color: var(--logo-dark-blue | + | background-color: var(--logo-dark-blue); |
color: var(--bright-bg-color); | color: var(--bright-bg-color); | ||
box-shadow: 0 3px 6px rgba(0,0,0,0.25),0 6px 16px rgba(0,0,0,0.05); | box-shadow: 0 3px 6px rgba(0,0,0,0.25),0 6px 16px rgba(0,0,0,0.05); | ||
| Line 298: | Line 295: | ||
height: 230px; | height: 230px; | ||
border-radius: 115px; | border-radius: 115px; | ||
| − | background: var(--logo-dark-blue | + | background: var(--logo-dark-blue); |
box-shadow: 0 6px 12px rgba(0,0,0,0.5),0 12px 32px rgba(0,0,0,0.1); | box-shadow: 0 6px 12px rgba(0,0,0,0.5),0 12px 32px rgba(0,0,0,0.1); | ||
} | } | ||
| Line 367: | Line 364: | ||
height: 80px; | height: 80px; | ||
border-radius: 40px; | border-radius: 40px; | ||
| − | background: var(--logo-dark-blue | + | background: var(--logo-dark-blue); |
box-shadow: none; | box-shadow: none; | ||
} | } | ||
| Line 384: | Line 381: | ||
width: 100%; | width: 100%; | ||
display: block; | display: block; | ||
| − | background-color: var(--logo-dark-blue | + | background-color: var(--logo-dark-blue); |
position: relative; | position: relative; | ||
} | } | ||
| Line 408: | Line 405: | ||
nav ul a:hover, nav ul li:hover .dropbtn{ | nav ul a:hover, nav ul li:hover .dropbtn{ | ||
| − | background-color: var(--logo-pink | + | background-color: var(--logo-pink); |
width: 100%; | width: 100%; | ||
box-shadow: none; | box-shadow: none; | ||
| Line 420: | Line 417: | ||
.nav-dropdown { | .nav-dropdown { | ||
display: none; | display: none; | ||
| − | background-color: var(--logo-bright-blue | + | background-color: var(--logo-bright-blue); |
min-width: 130px; | min-width: 130px; | ||
z-index: 1; | z-index: 1; | ||
Revision as of 12:46, 21 October 2017
