forked from AdFabConnect/bullshitbingo
-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
1 lines (1 loc) · 2.49 KB
/
style.css
1
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{font-size:50%}html,body{height:100%}.wrapper{position:absolute;top:0;width:100%;height:100%;padding:.6rem .4rem;text-align:center}.wrapper .box{background:#651619;display:table;float:left;width:23%;height:16%;margin:.4rem;box-shadow:-0.1rem -0.1rem .3rem #111;overflow:hidden}.wrapper .box span{display:table-cell;vertical-align:middle;font-size:1.5rem;color:#edcc99;font-weight:bold;max-width:8rem;padding:.1rem;text-transform:uppercase}.wrapper .box.active{-webkit-transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;-webkit-transition:all .4s ease-in-out;background-color:#606060}.wrapper .box.active span{font-size:250%}.ui{position:absolute;z-index:10;width:100%;height:100%;text-align:center}.ui button{font-size:3rem;padding:2% 0;display:block;width:40%;margin:0 auto}.ui select{font-size:3rem;margin-top:20rem;width:80%;height:10%;margin-bottom:5%}#popin{display:none;position:absolute;z-index:20;font-size:5.5rem;color:#333;background:#eee;padding:10%;top:22%;width:80%;margin:0 10%;text-align:center}#popin a{color:#d00;text-decoration:none}.sunburst{width:100%;height:100%;overflow:hidden;background:#e1c18f;position:relative}.sunburst .outer{width:100%;height:100%;-webkit-animation-name:rotate1;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:rotate1;-moz-animation-duration:2s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;position:absolute;padding-top:0;top:50%;left:50%;margin-left:-1006px}.sunburst b{display:block;width:0;height:0;border-width:90px 1000px;margin:-180px 0 0 0;border-color:transparent #bf4b45;border-style:solid}.sunburst b:nth-child(1){-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg)}.sunburst b:nth-child(2){-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg)}.sunburst b:nth-child(3){-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg)}.sunburst b:nth-child(4){-webkit-transform:rotate(80deg);-moz-transform:rotate(80deg)}.sunburst b:nth-child(5){-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg)}.sunburst b:nth-child(6){-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg)}.sunburst b:nth-child(7){-webkit-transform:rotate(140deg);-moz-transform:rotate(140deg)}.sunburst b:nth-child(8){-webkit-transform:rotate(160deg);-moz-transform:rotate(160deg)}.sunburst b:nth-child(9){-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}