Difference between revisions of "Template:TU Dresden/CSS"
| (3 intermediate revisions by the same user not shown) | |||
| Line 531: | Line 531: | ||
} | } | ||
| − | nav ul a:hover, nav ul li:hover .dropbtn{ | + | nav ul a:hover, nav ul li:hover .dropbtn, .show .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); | ||
| Line 543: | Line 543: | ||
} | } | ||
| − | nav ul li:hover .nav-dropdown { | + | nav ul li:hover .nav-dropdown, .show .nav-dropdown { |
display: block; | display: block; | ||
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 594: | Line 594: | ||
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); | ||
height: 45px; | height: 45px; | ||
| + | } | ||
| + | |||
| + | @media (pointer: coarse) { | ||
| + | .dropbtn span { | ||
| + | padding-top: 26px; | ||
| + | padding-bottom: 26px; | ||
| + | margin-top: -26px; | ||
| + | margin-bottom: -26px; | ||
| + | padding-left: 10px; | ||
| + | padding-right: 10px; | ||
| + | } | ||
| + | .dropbtn span:after { | ||
| + | transform: rotate(-90deg); | ||
| + | display: inline-block; | ||
| + | font-weight: bold; | ||
| + | font-family: var(--headfont); | ||
| + | content: '\2039'; | ||
| + | } | ||
} | } | ||
| Line 1,000: | Line 1,018: | ||
width: 100%; | width: 100%; | ||
box-shadow: none; | box-shadow: none; | ||
| − | |||
} | } | ||
| Line 1,016: | Line 1,033: | ||
.navbar { | .navbar { | ||
display: none; | display: none; | ||
| + | } | ||
| + | |||
| + | nav ul a:hover, nav ul li:hover .dropbtn, .show .dropbtn{ | ||
| + | height: 70px; | ||
| + | } | ||
| + | |||
| + | a.active, nav ul li.active .dropbtn{ | ||
| + | height: 70px; | ||
} | } | ||
Latest revision as of 23:25, 15 December 2017
