forked from jacobrask/CSS1K
-
Notifications
You must be signed in to change notification settings - Fork 1
/
expandable-min.css
1 lines (1 loc) · 997 Bytes
/
expandable-min.css
1
body{background:#0C1021;color:#F8F8F8;font-family:Candara, MS Trebuchet, serif;}body > header{float:left;width:30%;}[role]{float:left;width:70%;}h1,ul,[role]>*{border-radius:12px;box-shadow:0 0 4px #fff;background:linear-gradient(top,#444,#999);text-shadow:1px 1px 3px #888;color:rgba(0,0,0,0.6);background-size:100% 100%;margin:20px;padding:20px;}[role]>*{height:25px;overflow:hidden;background:linear-gradient(top,#feb300,#fedd00);}section:nth-child(2){margin:20px;}[role]>:hover{height:100%;}h1{font-size:500%;text-align:center;color:#fedd00;padding:70px 20px;}h2{margin:0;}nav h2{text-align:center;}h2:after{content:" ↓";}article header:hover h2:after,section:hover h2:after{content:" ↑";}nav ul{display:none;}nav:hover ul{display:block;column-count:2;column-gap:20px;list-style:none;}ul li a{color:#feb300;text-decoration:none;font-size:11px;}footer{position:absolute;left:50px;top:-5px;font-size:12px;}[role]>:hover h2,article header a,section a,ul li a:first-child,footer a{color:#fff;}