CSS_NAV/css/screen.min.css

2 lines
1.9 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;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}body{background:#FAFAFA;font:150% "Roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif}.wrapper{max-width:960px;margin:0 auto}h1{font-size:2.8em;line-height:1.6em}@media (max-width: 960px){h1{font-size:1.6em;line-height:1em}}nav ul ul{display:none}nav ul ul li{float:none}nav li{float:left}nav li a{text-decoration:none;display:inline-block;margin:10px 20px 5px 0;padding:8px 10px}nav li a:link,nav li a:visited{color:#646565;background:#e8e9eb}nav li a:link:hover,nav li a:visited:hover{color:black}nav li:hover ul{display:block;position:absolute}input.toggle,label.toggle{display:none}label.toggle{font-weight:900;font-size:1.2em;padding:10px 20px}@media (max-width: 960px){nav{display:none}input.toggle,.toggle span{display:none}input[type=checkbox]:checked ~ nav,label.toggle{display:block;cursor:pointer}nav li{float:none}nav li:hover ul{display:block;position:relative}nav li ul{display:block}nav li ul li{margin-left:20px}nav li a{display:block;margin-left:20px}}