-
Notifications
You must be signed in to change notification settings - Fork 19
/
Copy pathstyles.css
3 lines (2 loc) · 15.2 KB
/
styles.css
1
2
3
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:'icon';src:url("fonts/icon.eot?-fvbane");src:url("fonts/icon.eot?#iefix-fvbane") format("embedded-opentype"),url("fonts/icon.woff?-fvbane") format("woff"),url("fonts/icon.ttf?-fvbane") format("truetype"),url("fonts/icon.svg?-fvbane#icon") format("svg");font-weight:normal;font-style:normal}*,*:before,*:after{box-sizing:inherit}html,body{background:#4060ba;box-sizing:border-box;color:#333;font-family:'Open Sans', sans-serif;font-size:16px;line-height:200%;overflow-x:hidden}@media screen and (max-width: 800px){html,body{margin-bottom:100px}}strong{font-weight:600}h2,h3{color:#4060ba;font-weight:400;line-height:160%;margin:1.5em 0 0.5em 0}h2 strong,h3 strong{font-weight:900}h2{font-size:32px;padding:0 0 0.5em 0;border-bottom:1px solid rgba(64,96,186,0.15)}@media screen and (max-width: 800px){h2{font-size:24px}}img{max-width:100%}p code{display:inline-block;background:#333;color:white;padding:0 10px;margin:0 2px;font-size:1em}a:link,a:visited{color:#4060ba;text-decoration:none}a:hover,a:active{color:#4060ba;text-decoration:underline}.ir{font:0/0 a;text-shadow:none;color:transparent}.cf:after,.event .timeline .row:after,.list-mentors .row:after,.list-photos .row:after,.list-attendees .row:after,.list-sponsors .row:after,.tito-ticket:after,.mailinglist:after{content:' ';display:table}.cf:after,.event .timeline .row:after,.list-mentors .row:after,.list-photos .row:after,.list-attendees .row:after,.list-sponsors .row:after,.tito-ticket:after,.mailinglist:after{clear:both}.cf,.event .timeline .row,.list-mentors .row,.list-photos .row,.list-attendees .row,.list-sponsors .row,.list-mentors .row:nth-of-type(even),.list-photos .row:nth-of-type(even),.list-attendees .row:nth-of-type(even),.list-sponsors .row:nth-of-type(even),.tito-ticket,.mailinglist{*zoom:1}.terminal{position:relative;background-color:#333;color:white;display:block;margin:0 auto 15px auto;padding:2em 0}.terminal pre{font-size:1em;line-height:180%;margin:0;padding-left:2em}.divider{color:rgba(51,51,51,0.25);margin:0 10px}.highlight{padding:0 0 1px 0;border-bottom:1px solid rgba(255,255,255,0.35)}.main{display:flex;transform:translate3d(0, 0, 0);transition:transform 0.2s}@media screen and (max-width: 800px){.main{display:block}}.main .panel{display:flex;flex:1 1 50%;max-width:50%}@media screen and (max-width: 800px){.main .panel{display:block;clear:both;width:100%;max-width:100%;flex:none;float:left;height:auto}}.main .side{background:#4060ba;position:relative;color:#e5e1cf}.main .side p a{color:#e5e1cf;padding-bottom:2px;border-bottom:1px solid rgba(229,225,207,0.35);transition:border-color 0.2s}.main .side p a:hover{text-decoration:none;border-color:#e5e1cf}.main .side .container{width:100%;height:100vh;position:absolute}.main .side .container .inner{width:80%;position:absolute;z-index:9999;left:10%;top:10%}@media screen and (max-width: 800px){.main .side .container .inner{width:90%;left:5%;top:5%}}.main .side .container .logo img{width:80%;max-width:480px;height:auto;margin:0 auto 40px;display:block}.main .side .container .logo:hover{text-decoration:none}.main .side .container .logo .about{margin:0 auto 60px;text-align:center;color:#e5e1cf;font-size:20px;font-weight:300;line-height:200%}.main .side .container h2{color:#e5e1cf;border-color:rgba(229,225,207,0.35)}.main .text .container{width:100%;background:white;padding:60px 80px 60px 160px}@media screen and (max-width: 800px){.main .text .container{padding:40px 20px}}.main .text .container .header{margin:0 0 40px}.main .text .container .header .logo{display:block;position:relative;width:40%;max-width:400px;margin:0 auto 20px}.main .text .container .header .logo img{width:100%;height:auto}.main .text .container .header h1{font-size:50px;line-height:140%;text-align:center;font-weight:300;margin:0 auto 60px;letter-spacing:-1px;color:#4060ba}@media screen and (max-width: 800px){.main .text .container .header h1{font-size:32px;margin:0 auto 20px}}.nav{height:100%;position:fixed;background:#4060ba;z-index:9999;width:80px;transition:width 0.2s;overflow:hidden}.nav:hover{width:280px}.nav:hover+main{transform:translate3d(200px, 0, 0)}@media screen and (max-width: 800px){.nav{display:none}}.nav ul,.nav li{margin:0;padding:0}.nav li{list-style:none}.nav li a{width:280px;height:80px;display:block;position:relative;transition:background ease-in-out 0.2s;border-bottom:1px solid rgba(229,225,207,0.15)}.nav li a:hover{background:#e5e1cf}.nav li a:hover:before,.nav li a:hover:after{color:#4060ba}.nav li a:before{content:'';font-family:'icon';font-size:20px;padding:28px 0 0 0;line-height:100%;text-align:center;left:0;top:0;position:absolute;display:block;height:80px;width:80px;color:#e5e1cf;transition:color ease-in-out 0.2s}.nav li a.home:before{content:'\e69b'}.nav li a.community:before{content:'\e665'}.nav li a.events:before{content:'\e66f'}.nav li a.faq:before{content:'\e69c'}.nav li a.mentors:before{content:'\e602'}.nav li a.attendees:before{content:'\e71f'}.nav li a.photos:before{content:'\e633'}.nav li a.code:before{content:'\e618'}.nav li a:after{content:attr(data-text);color:#e5e1cf;position:absolute;top:0;left:80px;padding:38px 0 0;display:block;font-family:'Open Sans', sans-serif;font-size:18px;font-weight:400;white-space:nowrap;transition:color ease-in-out 0.2s}.gallery{position:relative;width:100%;margin:50px auto 0}.gallery:hover .image-wrapper{opacity:0.25}.gallery:hover .image-wrapper:hover{opacity:1;transform:scale(1.5);z-index:9999}.gallery .image-wrapper{float:left;width:20%;height:0;padding:20% 0 0 0;display:block;position:relative;transition:opacity 0.3s, transform 0.2s}@media screen and (max-width: 1200px){.gallery .image-wrapper{width:25%;padding:25% 0 0 0}}.gallery .image-wrapper .image{width:100%;height:100%;position:absolute;top:0;left:0;display:block;background-color:#4060ba;background-size:cover;background-position:center center}.event{margin:0;box-shadow:0 0 30px #2c4381;background:#e5e1cf;color:#544f3b}.event a,.event a:link,.event a:visited,.event a:active,.event p a,.event p a:link,.event p a:visited,.event p a:active{color:#544f3b;padding:0 0 1px 0;border-bottom:1px solid rgba(84,79,59,0.35)}.event .register{display:inline-block;width:100%;font-size:20px;line-height:180%;font-weight:100;padding:0 25px;transition:all ease-in-out 0.2s;position:relative}.event .register strong{display:inline-block;font-weight:600}@media screen and (max-width: 800px){.event .register{padding-left:20px}}.event .register:before,.event .register:after{font-family:'icon'}.event .register:before{content:'\e6b6';font-size:24px;display:inline-block;padding:0 25px 0 8px;margin:0}.event .additional{padding:20px 20px 30px 100px;margin:0;position:relative;font-weight:100;line-height:200%}.event .additional:before{content:'\e6c5';font-family:'icon';display:block;position:absolute;top:50px;left:35px;font-size:32px}.event .schedule,.event .location{line-height:100%;padding:30px 20px 20px 90px;margin:0 0 10px 0;position:relative;font-size:18px;font-weight:100}.event .schedule:before,.event .location:before{content:'\e693';font-family:'icon';font-size:24px;display:block;position:absolute;top:30px;left:35px}.event .schedule{border-top:1px solid rgba(84,79,59,0.35);border-bottom:1px solid rgba(84,79,59,0.35);padding-bottom:30px;margin:0}.event .schedule:before{content:'\e702'}.event .timeline{margin:0;padding:0;width:100%;display:block}.event .timeline .row{list-style:none;display:block;width:100%;margin:0;padding:0;line-height:180%;border-bottom:1px solid rgba(84,79,59,0.35)}.event .timeline .row .time,.event .timeline .row .name{display:block;float:left;padding:20px;text-align:left}.event .timeline .row .time{width:30%;padding:20px 10px;font-weight:600}.event .timeline .row .name{width:70%;font-size:100;border-left:1px solid rgba(84,79,59,0.35)}.event .map{width:100%;height:0;padding:52.26% 0 0 0;position:relative;background:#dcd7be;transition:border-color ease-in-out 0.2s}.event .map iframe{width:100%;height:100%;position:absolute;top:0;left:0}a.alt-signup{color:#e5e1cf;font-size:11px}.svgs{height:0;width:0;display:block;overflow:hidden}.list-sponsors{text-align:center}.list-sponsors img{max-width:40%;height:auto;display:inline-block;margin:0 auto}.list-mentors,.list-photos,.list-attendees,.list-sponsors{width:100%;z-index:900;transform:translate3d(-5%, 0, 0);margin:50px 0 0 0;position:relative}.list-mentors:hover .image-wrapper,.list-photos:hover .image-wrapper,.list-attendees:hover .image-wrapper,.list-sponsors:hover .image-wrapper{opacity:0.25}.list-mentors:hover .image-wrapper:hover,.list-photos:hover .image-wrapper:hover,.list-attendees:hover .image-wrapper:hover,.list-sponsors:hover .image-wrapper:hover{opacity:1;transform:scale(1.5);z-index:9999}.list-mentors .row,.list-photos .row,.list-attendees .row,.list-sponsors .row{display:block;clear:both}.list-mentors .row:nth-of-type(even),.list-photos .row:nth-of-type(even),.list-attendees .row:nth-of-type(even),.list-sponsors .row:nth-of-type(even){display:block;clear:both;transform:translate3d(10%, 0, 0)}@media (max-width: 800px){.list-mentors .row:nth-of-type(even),.list-photos .row:nth-of-type(even),.list-attendees .row:nth-of-type(even),.list-sponsors .row:nth-of-type(even){transform:none}}.list-mentors.list-attendees .row:nth-of-type(even),.list-photos.list-attendees .row:nth-of-type(even),.list-attendees.list-attendees .row:nth-of-type(even),.list-sponsors.list-attendees .row:nth-of-type(even){transform:translate3d(7%, 0, 0)}.list-mentors .image-wrapper,.list-photos .image-wrapper,.list-attendees .image-wrapper,.list-sponsors .image-wrapper{display:block;float:left;position:relative;text-align:center;width:20%;height:0;padding:24% 0 0 0;margin:0 0 0 0;transition:opacity 0.3s, transform 0.2s}.list-mentors .image-wrapper svg,.list-photos .image-wrapper svg,.list-attendees .image-wrapper svg,.list-sponsors .image-wrapper svg{top:0;left:0;position:absolute;width:100%;height:100%}.list-attendees .image-wrapper{width:12.5%;padding:18% 0 0 0}.list-attendees .image-wrapper .badge{display:none;width:50px;height:25px;background:#e5e1cf;position:absolute;bottom:0;left:50%;margin:0 0 0 -25px;z-index:910}.list-attendees .image-wrapper .badge span{position:absolute;top:0;left:0;width:100%;text-align:center;color:black}.list-attendees .image-wrapper .badge:before{content:'';position:absolute;top:-15px;left:0;width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:15px solid #e5e1cf}.list-attendees .image-wrapper .badge:after{content:'';position:absolute;bottom:-15px;left:0;width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-top:15px solid #e5e1cf}.tito-ticket-list{border-top:1px solid rgba(84,79,59,0.35);margin:0;padding:0}.tito-ticket{display:block;padding:0;margin:0;list-style:none;border-bottom:1px solid rgba(84,79,59,0.35)}.tito-badge-link,.tito-notch{display:none !important}.tito-ticket-name-wrapper,.tito-ticket-price-quantity-wrapper,.tito-ticket-price,.tito-ticket-quantity{display:block;float:left}.tito-ticket-name-wrapper{width:60%;padding:20px 0 20px 90px;position:relative}@media screen and (max-width: 800px){.tito-ticket-name-wrapper{width:100%}}.tito-ticket-name-wrapper:before{content:'\e66f';font-family:'icon';font-size:32px;font-weight:100;line-height:100%;position:absolute;display:block;top:50%;left:0;margin:-16px 0 0 0;padding:0 0 0 30px}.tito-ticket-price-quantity-wrapper{padding:20px 0;width:40%}@media screen and (max-width: 800px){.tito-ticket-price-quantity-wrapper{width:100%}}.tito-ticket-price,.tito-ticket-quantity{text-align:right;padding-right:20px}.tito-ticket-price{width:40%}@media screen and (max-width: 800px){.tito-ticket-price{padding:20px;width:50%}}.tito-ticket-quantity{width:60%}.tito-ticket-quantity-field{width:70%}@media screen and (max-width: 800px){.tito-ticket-quantity-field{padding:20px;width:50%}}.tito-ticket-price span,.tito-ticket-quantity .tito-submit{display:inline-block;line-height:100%}.tito-submit-wrapper{padding:25px;text-align:right;border-bottom:1px solid rgba(84,79,59,0.35)}.tito-submit{color:#544f3b;background:#d3ccae;border:none;border-radius:3px;font-weight:600;transition:background 0.2s, color 0.2s}.tito-submit:hover{color:#e5e1cf;background:#544f3b}.tito-ticket-price{font-weight:600}.tito-ticket-name,.tito-ticket-description{display:block}.tito-ticket-name{font-weight:600;font-size:18px}.tito-ticket-description{font-size:14px;line-height:160%;font-weight:100}.tito-tickets-remaining{display:block;font-size:14px}.tito-badge-link{display:block;clear:both;width:100%;padding:15px 20px;text-align:right}.tito-tickets-unavailable{padding-left:30px}.mailinglist{margin:40px 0 0 -40px;padding:40px;width:calc(100% + 80px);background:#f7f6f0;color:#544f3b;font-size:16px;position:relative}.mailinglist h3{margin-top:0}.mailinglist h3:before{content:'\e75a';font-family:'icon';font-size:16px;display:inline-block;margin:0 10px 0 0}.mailinglist label{display:block;margin:0 0 10px}.mailinglist label span,.mailinglist label input{display:block;border:none;width:100%}.mailinglist label span{margin:0 0 10px}.mailinglist label input{padding:15px 10px;font-size:18px}.mailinglist input[type=submit]{border:none;background:#4060ba;display:block;margin:20px auto 0;color:#f7f6f0;width:100%;padding:15px 30px;font-size:20px;border-radius:3px;font-weight:600}.mailinglist .firstname,.mailinglist .lastname{width:calc(50% - 10px);float:left}.mailinglist .lastname{float:right}.mailinglist .email{clear:both}
/*# sourceMappingURL=styles.css.map */