Files
avusd/lib/modules/apostrophe-assets/public/css/menu.css

222 lines
4.2 KiB
CSS

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
i {
font-style: italic;
}
b {
font-weight: bold;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
}
.clearfix {
zoom: 1;
}
.clearfix:before {
content: "";
display: block;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.noselect, .navbar ul li, .navbar .dropdown-content a {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.navbar {
overflow: visible;
background-color: #333;
color: white;
font-family: Arial sans-serif;
font-size: 1rem;
position: relative;
}
.navbar ul {
list-style: none;
margin: 0;
padding-left: 0;
background: inherit;
}
.navbar ul li:hover {
cursor: pointer;
}
.navbar ul li:hover, .navbar ul li:focus-within {
background: #33492b;
text-shadow: 0 0 20px white;
}
.navbar ul li:focus-within {
outline: none;
}
.navbar ul li.display > div.dropdown-content, .navbar ul li.display > div.dropdown-chevron {
visibility: visible;
opacity: 1;
display: block;
}
.navbar ul li {
color: white;
background: inherit;
display: block;
float: left;
padding: 0.5rem 1rem;
text-decoration: none;
transition-property: background;
transition-duration: 0.5s;
cursor: pointer;
}
.navbar ul li a {
text-decoration: none;
color: white;
}
.navbar ul li div.dropdown-chevron {
cursor: default;
text-shadow: none;
visibility: hidden;
position: relative;
display: none;
overflow: visible;
top: 0;
left: 0;
text-align: center;
font-size: 2rem;
cursor: pointer;
}
.navbar ul li div.dropdown-chevron i {
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 2rem;
font-size: 3rem;
line-height: 2rem;
z-index: 9999;
color: white;
}
.navbar ul li div.dropdown-content {
tab-index: -1;
cursor: default;
padding-bottom: 2rem;
transition-property: opacity;
transition-duration: 1.5s;
text-shadow: none;
background-color: #333;
color: white;
min-height: 20rem;
visibility: hidden;
opacity: 0;
min-width: 5rem;
position: absolute;
transition: all 0.5s ease;
top: 100%;
left: 0;
display: none;
width: 100%;
z-index: 9998;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
border-top: white 1rem solid;
}
.navbar .dropdown-content h1 {
font-size: 3rem;
font-family: Roboto Arial sans-serif;
margin: 0.6rem 0 0.6rem 0;
color: #c2e09d;
border-bottom: 2px solid grey;
width: 100%;
}
.navbar .dropdown-content h2 {
font-size: 1.5rem;
font-family: Roboto Arial sans-serif;
margin: 0.6rem 0 0.4rem 0;
border-bottom: #656565 1.5px dashed;
color: #CCC;
}
.navbar .dropdown-content .row {
width: 100%;
}
.navbar .dropdown-content a {
font-size: 1rem;
font-family: Roboto Arial sans-serif;
color: white;
text-decoration: none;
margin: 0.5rem 0 0.5rem 0.6rem;
display: block;
}
.navbar .dropdown-content a:hover {
color: #ff7700;
text-decoration: underline;
}
@media only screen and (max-width: 500px) {
.navbar {
font-size: 1.4rem;
}
.navbar .dropdown-content h1 {
font-size: 2rem;
}
.navbar .dropdown-content h2 {
font-size: 2rem;
}
.navbar .dropdown-content a {
font-size: 1.5rem;
}
}
/*# sourceMappingURL=menu.css.map */