-
Notifications
You must be signed in to change notification settings - Fork 1
/
empire2018.css
1 lines (1 loc) · 5.31 KB
/
empire2018.css
1
@font-face{font-family:"Bitmap Sketch 3D";src:url("BitmapSketch3D.ttf")}@font-face{font-family:"Bitmap Sketch Hatch Fill";src:url("BitmapSketchHatchFill.ttf")}body{font-family:"Andale Mono",monospace;color:#000;margin:0;box-sizing:border-box;overflow-x:hidden}body:not(.user-is-tabbing) a:focus,body:not(.user-is-tabbing) input:focus,body:not(.user-is-tabbing) button:focus{outline:none}h1{font-family:"Bitmap Sketch 3D";font-size:8em;font-weight:lighter;margin-bottom:36px;margin-left:16px;margin-right:16px}h1 span{display:inline-block}h2{font-family:"Bitmap Sketch Hatch Fill";color:#333;text-transform:uppercase;font-size:2em;text-align:center;position:relative}h2 span{position:relative}h3{font-family:"Bitmap Sketch Hatch Fill";color:#000;font-family:"Bitmap Sketch Hatch Fill";text-transform:uppercase;font-size:1.5em;font-weight:400}p{line-height:1.5em}form{text-align:center}.map{height:400px;width:100%}.text-section{margin:64px 16px}.ticket-button-section,.vote-button-section{text-align:center}.vote-button-section h2{margin-bottom:80px}.legal-pad-background{background-color:#f8f5d7;background-image:linear-gradient(#e7e7e7 1px, transparent 1px),linear-gradient(90deg, #e7e7e7 1px, transparent 1px),linear-gradient(#e7e7e7, 1px, transparent 1px),linear-gradient(90deg, #e7e7e7 1px, transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:-1px -1px,-1px -1px,-1px -1px,-1px -1px}.u-uppercase{text-transform:uppercase}.u-inline-block{display:inline-block}.wrapper{padding:20px 0}.content{max-width:968px;margin:0 auto}header{text-align:center;position:relative}nav{height:30px;position:relative}nav ul{list-style:none;margin:0;padding:0;float:right}nav li{padding:0 15px;display:inline-block}a{color:#000;text-decoration:none;background-image:linear-gradient(-100deg, #fff, #fff, #fff)}a:hover{background-image:linear-gradient(-100deg, #f8e71c, #f8e71c, #f8e71c)}li:nth-child(4n+1) a,a:nth-child(4n+1):not(.button){border-radius:20px 5px 30px 10px}li:nth-child(4n+2) a,a:nth-child(4n+2):not(.button){border-radius:50px 3px 20px 8px}li:nth-child(4n+3) a{border-radius:10px 35px 10px 20px}li:nth-child(4n+4) a{border-radius:35px 10px 50px 20px}.date{font-size:1.5em}.scribble{position:absolute}.scribble--form{position:absolute;transform:translateX(-8px)}.scribble--coc{position:absolute;transform:translateX(-16px)}.scribble--speakers{position:absolute;transform:translateX(-12px) translateY(-24px)}.scribble--hotel{position:absolute}.scribble--scholarship{position:absolute;transform:translateY(10px)}.scribble--sponsors{position:absolute;transform:translateX(-40px) translateY(-50px)}.button{border:solid 3px #000;background:transparent;padding:5px;font-size:1.5rem;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;font-family:inherit;margin-top:8px}.button:hover{cursor:pointer}.speakers-list,.sponsors-list{padding-left:0;padding-bottom:20px;display:flex;justify-content:space-between;flex-wrap:wrap}.speaker-box,.sponsor-box{flex:1;width:33%;list-style:none}.speaker-photo,.sponsor-logo{width:275px;box-sizing:border-box}.speaker-name{margin-top:0}.button--big{font-size:2em;background:#f8e71c;box-shadow:1em 10px #2d91c7,-10px -1em #f832af}input:not(.button){border:none;border-bottom:solid 3px #000;background:transparent;padding:5px;width:50%;font-family:inherit;font-size:1em}input:not(.button)::placeholder{text-transform:uppercase}ul{line-height:1.5em}.sponsors-list a{background-image:none}.sponsors-list a:hover{background-image:none}.sponsor-logo{background:#fff;margin-top:10px}.add-padding{padding:15px}.schedule{margin-bottom:1rem;display:none}.schedule-day-list .schedule-day-item{padding:.5rem 2.5rem}.schedule-day-item{background-color:#333;color:#fff;text-decoration:none}.schedule-day-item > .schedule-day-list__title{color:#fff}.schedule-announcement{text-align:center}.schedule-day-item--active{background-color:#f8e71c;color:#333;position:relative}.schedule-day-item--active > .schedule-day-list__title{color:#333}.schedule-day-item--active::before{border:none;content:"";display:inline-block;height:0;width:0;border-left:.8rem solid transparent;border-right:.8rem solid transparent;border-top:.8rem solid #f8e71c;position:absolute;bottom:-0.8rem;left:40%}.schedule-day-list__title{margin-bottom:1rem}.schedule-day-list__date{font-weight:normal}.schedule-time{background:#f832af;color:#fff;text-align:center;padding:.25rem;margin:.5rem 0}.schedule-session{position:relative;min-height:160px;display:flex}.schedule-session .schedule-speaker__name{margin-bottom:1rem;text-transform:none;color:#2d91c7;padding-top:0;margin-top:0}.schedule-session > .h-schedule-session{margin-bottom:.5rem}.schedule-session .schedule-speaker__photo{margin-right:40px;margin-top:25px;margin-left:25px;width:8rem;height:8rem;border-radius:4rem;box-shadow:1em 10px #f8e71c,-10px -1em #2d91c7}.glossary li{list-style:none}.glossary-talk{margin-bottom:4em}.glossary-talk h3{margin-bottom:5px}.glossary-talk h4{margin-top:0}@media(max-width: 420px){h1{font-size:6em}nav ul{margin-bottom:32px}nav li{text-align:right;display:block;margin-bottom:8px}input{width:270px}}@media(max-width: 420px){h1{font-size:5em}.button--big{font-size:1.5em}input[type=email]{width:90%}.speakers-list,.sponsors-list{display:block}.speaker-box,.sponsor-box{width:100%}.schedule-session{display:block;text-align:center}.schedule-session div{text-align:left}}/*# sourceMappingURL=empire2018.css.map */