thinkful-ui/build/main.css

Shared navigation and UI resources for Thinkful.

#TUI-AppBar,#TUI-AppBar .app-nav-container{position:relative;background-color:#6799FF}@font-face{font-family:icomoon;src:url('//tf-assets-prod.s3.amazonaws.com/fonts/tf-icons-2015-8-25.eot?459869');src:url('//tf-assets-prod.s3.amazonaws.com/fonts/tf-icons-2015-8-25.eot?#iefix-459869') format('embedded-opentype'),url('//tf-assets-prod.s3.amazonaws.com/fonts/tf-icons-2015-8-25.woff?459869') format('woff'),url('//tf-assets-prod.s3.amazonaws.com/fonts/tf-icons-2015-8-25.ttf?459869') format('truetype'),url('//tf-assets-prod.s3.amazonaws.com/fonts/tf-icons-2015-8-25.svg?459869#icomoon') format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:middle;font-size:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#TUI-AppBar .app-nav-link,#TUI-AppBar .app-nav-link.active{font-family:'Proxima Nova W01','Avenir Next W01',"Avenir Next",sans-serif}.icon-alarmclock:before{content:"\23f0"}.icon-stopwatch:before{content:"\23f1"}.icon-clock:before{content:"\23f2"}.icon-coffee:before{content:"\2615"}.icon-heart:before{content:"\2665"}.icon-expand:before{content:"\2922"}.icon-up:before{content:"\2b06"}.icon-down:before{content:"\2b07"}.icon-upright:before{content:"\2b08"}.icon-upleft:before{content:"\2b09"}.icon-downright:before{content:"\2b0a"}.icon-downleft:before{content:"\2b0b"}.icon-editdisabled:before{content:"\e071"}.icon-trash:before{content:"\e0d0"}.icon-compass:before{content:"\e671"}.icon-signpost:before{content:"\e672"}.icon-picture:before{content:"\1f304"}.icon-user:before{content:"\1f464"}.icon-chat:before{content:"\1f4ac"}.icon-creditcard:before{content:"\1f4b3"}.icon-desktop:before{content:"\1f4bb"}.icon-barchart:before{content:"\1f4ca"}.icon-video:before{content:"\1f4f9"}.icon-volume:before{content:"\1f508"}.icon-highvolume:before{content:"\1f50a"}.icon-key:before{content:"\1f511"}.icon-lock:before{content:"\1f512"}.icon-notification:before{content:"\1f514"}.icon-notificationdisabled:before{content:"\1f515"}.icon-bookmark:before{content:"\1f516"}.icon-ban:before{content:"\1f6ab"}.icon-bike:before{content:"\1f6b2"}.icon-error:before{content:"\26a0"}.icon-workshop:before{content:"\e400"}.icon-businessman:before{content:"\e407"}.icon-locateme:before{content:"\e670"}.icon-mouse:before{content:"\ea40"}.icon-webcam:before{content:"\ea41"}.icon-fork:before{content:"\eb80"}.icon-merge:before{content:"\eb81"}.icon-refresh:before{content:"\eb82"}.icon-unexpand:before{content:"\ee01"}.icon-carrot:before{content:"\f111"}.icon-gamepad:before{content:"\1f3ae"}.icon-lightbulb:before{content:"\1f4a1"}.icon-waterdrop:before{content:"\1f4a7"}.icon-briefcase:before{content:"\1f4bc"}.icon-plus:before{content:"\2b"}.icon-minus:before{content:"\2d"}.icon-star:before{content:"\22c6"}.icon-home:before{content:"\2302"}.icon-crosshair:before{content:"\2316"}.icon-close:before{content:"\2421"}.icon-navigateright:before{content:"\25bb"}.icon-navigateleft:before{content:"\25c5"}.icon-envelope:before{content:"\2709"}.icon-email:before{content:"\270a"}.icon-raisedhand:before{content:"\270b"}.icon-edit:before{content:"\270e"}.icon-check:before{content:"\2713"}.icon-help:before{content:"\2753"}.icon-right:before{content:"\27a1"}.icon-left:before{content:"\2b05"}.icon-hand:before{content:"\e410"}.icon-rainbowclouds:before{content:"\f214"}.icon-navigateup:before{content:"\f500"}.icon-navigatedown:before{content:"\f501"}.icon-pointupright:before{content:"\f510"}.icon-pointupleft:before{content:"\f513"}.icon-share:before{content:"\f601"}.icon-sharesocial:before{content:"\f602"}.icon-facebook:before{content:"\f610"}.icon-twitter:before{content:"\f611"}.icon-linkedin:before{content:"\f612"}.icon-googleplus:before{content:"\f613"}.icon-reddit:before{content:"\f616"}.icon-tumblr:before{content:"\f620"}.icon-quora:before{content:"\f624"}.icon-instagram:before{content:"\f641"}.icon-github:before{content:"\f671"}.icon-stackoverflow:before{content:"\f672"}.icon-android:before{content:"\f6f3"}.icon-apple:before{content:"\f8ff"}.icon-pizza:before{content:"\1f355"}.icon-eye:before{content:"\1f440"}.icon-pointright:before{content:"\1f449"}.icon-users:before{content:"\1f465"}.icon-man:before{content:"\1f468"}.icon-woman:before{content:"\1f469"}.icon-notebook:before{content:"\1f4d3"}.icon-book:before{content:"\1f4d5"}.icon-compose:before{content:"\1f4dd"}.icon-phone:before{content:"\1f4de"}.icon-phonesocial:before{content:"\1f4df"}.icon-search:before{content:"\1f50e"}.icon-link:before{content:"\1f517"}#TUI-AppBar{z-index:2;min-height:46px}#TUI-AppBar .app-nav-container{z-index:10;color:#FFF;margin-bottom:30px}#TUI-AppBar .app-nav{position:relative;height:46px;top:0;max-width:1050px;margin:0 auto;z-index:15}#TUI-AppBar .app-nav-main{margin-bottom:0}#TUI-AppBar .app-nav-main>*{display:none}@media screen and (min-width:768px){#TUI-AppBar .app-nav-main{display:block;padding-left:30px}}#TUI-AppBar .app-nav-list{position:absolute;top:0;right:0;left:0;max-width:0;overflow:hidden;white-space:nowrap;opacity:0;border-top:1px solid #9ABBFF;-webkit-transform:translate(-100%,46px);-ms-transform:translate(-100%,46px);transform:translate(-100%,46px);-webkit-transition:-webkit-transform .35s ease,opacity .28s ease,max-width .35s ease,max-height .22s ease;transition:transform .35s ease,opacity .28s ease,max-width .35s ease,max-height .22s ease}#TUI-AppBar .app-nav-list .app-nav-separator{border:none;border-top:1px solid #9ABBFF;padding-top:0;margin-top:0;margin-bottom:0}@media screen and (min-width:768px){#TUI-AppBar .app-nav-list .app-nav-separator{border-color:#EEEEEF}#TUI-AppBar .app-nav-list{right:30px;left:auto;min-width:176px;max-height:0;border:1px solid #EEEEEF;border-top:0;box-shadow:0 1px 2px #EEEEEF;-webkit-transform:translate(0,46px);-ms-transform:translate(0,46px);transform:translate(0,46px)}}@media screen and (min-width:1192px){#TUI-AppBar .app-nav-main{padding-left:0}#TUI-AppBar .app-nav-list{right:0}}#TUI-AppBar .app-nav__visible .app-nav-list{-webkit-transform:translate(0,46px);-ms-transform:translate(0,46px);transform:translate(0,46px);max-width:768px;opacity:1}#TUI-AppBar .app-nav-list li,#TUI-AppBar .app-nav-main li{margin:0;padding:0;max-width:none;list-style:none}#TUI-AppBar .app-nav-list li::before,#TUI-AppBar .app-nav-main li::before{content:none;display:none}#TUI-AppBar .app-nav-logo{position:absolute;display:inline-block;left:20px;top:50%;-ms-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-transform:translate(0,-50%);font-size:0}@media screen and (min-width:768px){#TUI-AppBar .app-nav__visible .app-nav-list{max-width:none;max-height:360px}#TUI-AppBar .app-nav-main li{display:inline-block}#TUI-AppBar .app-nav-main li+li{margin-left:15px}#TUI-AppBar .app-nav-logo{display:none}}@media screen and (min-width:960px){#TUI-AppBar .app-nav-logo{left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:inline-block}}#TUI-AppBar .app-nav-link{font-weight:200;font-style:normal;display:block;text-decoration:none;font-size:16px;line-height:28px;height:46px;letter-spacing:.5px;margin-left:0;cursor:pointer;color:#FFF;background-color:#6799FF;padding:9px 20px}#TUI-AppBar .app-nav-link.active{font-weight:400;font-style:normal}#TUI-AppBar .app-nav-courses-link-text,#TUI-AppBar .app-nav-section-header{font-family:'Proxima Nova W01','Avenir Next W01',"Avenir Next",sans-serif;font-weight:200;font-style:normal}#TUI-AppBar .app-nav-link:focus,#TUI-AppBar .app-nav-link:visited{outline:0}@media screen and (min-width:768px){#TUI-AppBar .app-nav-link{padding-left:.5em;padding-right:.5em;text-align:left}#TUI-AppBar .app-nav-link.app-nav-link__in-menu{color:#6799FF;background-color:#FAFBFB;text-align:center;-webkit-transition:color .19s ease,background-color .19s ease;transition:color .19s ease,background-color .19s ease}#TUI-AppBar .app-nav-link.app-nav-link__in-menu:hover{background-color:#E6EEFF;color:#5288F7}#TUI-AppBar .app-nav-link.app-nav-link__mobile-only{display:none}}#TUI-AppBar .app-nav-link.app-nav-link__mobile-only+.search-bar,#TUI-AppBar .app-nav-link.app-nav-link__mobile-only__search{display:none}#TUI-AppBar .app-nav-link.app-nav-link__toggle{height:46px;position:absolute;right:0;top:0;padding-right:20px;padding-left:20px;cursor:pointer}@media screen and (min-width:768px){#TUI-AppBar .app-nav-link.app-nav-link__toggle{right:30px}}@media screen and (min-width:1192px){#TUI-AppBar .app-nav-link.app-nav-link__toggle{right:0}}#TUI-AppBar .app-nav-link-down-arrow{vertical-align:middle;position:relative;top:1px;padding-left:5px}#TUI-AppBar .tui-icon.app-nav-icon,#TUI-AppBar [class^=icon-].app-nav-icon{position:relative;top:2px;display:inline-block;font-size:28px;line-height:28px;vertical-align:middle;padding-right:4px}@media screen and (min-width:1024px){#TUI-AppBar .tui-icon.app-nav-icon,#TUI-AppBar [class^=icon-].app-nav-icon{padding-right:6px}}#TUI-AppBar .app-nav-burger{display:inline-block;min-width:60px;vertical-align:top;line-height:28px;padding-right:15px;border-right-width:0;border-left-width:0;border-radius:1px}#TUI-AppBar .app-nav-burger::before{content:"Menu"}#TUI-AppBar .app-nav__visible .app-nav-burger::before{content:"Close"}#TUI-AppBar .app-nav-gravatar{display:inline-block;vertical-align:middle;width:30px;height:30px;margin-top:-1px;background-color:#FFF;border-radius:100%}#TUI-AppBar .app-nav-course-dropdown{position:relative;display:none}@media screen and (min-width:768px){#TUI-AppBar .app-nav-course-dropdown{display:inline-block;vertical-align:top}}#TUI-AppBar .app-nav-course-dropdown-content{position:absolute;top:100%;right:-120px;background-color:#FFF;border:1px solid #EEEEEF;border-top-color:#F6F7F7;border-radius:3px;padding:0 30px;width:600px;box-shadow:0 1px 3px rgba(142,147,154,.25);-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);pointer-events:none;opacity:0;-webkit-transition:-webkit-transform .22s ease,opacity .22s ease;transition:transform .22s ease,opacity .22s ease}#TUI-AppBar .app-nav-course-dropdown-content.app-nav-course-dropdown-content__visible{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);pointer-events:all;opacity:1}#TUI-AppBar .app-nav-course-dropdown-content::before{content:'';position:absolute;top:-8px;right:143px;height:14px;width:14px;background-color:#FFF;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-top:1px solid #F6F7F7;border-left:1px solid #F6F7F7}@media screen and (min-width:1024px){#TUI-AppBar .app-nav-course-dropdown-content{right:-80px}#TUI-AppBar .app-nav-course-dropdown-content::before{right:103px}}#TUI-AppBar .app-nav-section-header{text-transform:uppercase;font-size:14.5px;line-height:30px;position:relative;top:16px;margin-top:0;margin-bottom:15px;color:#8E939A}#TUI-AppBar .app-nav-courses{margin-right:-15px;margin-left:-15px;margin-bottom:15px;white-space:normal;font-size:0}#TUI-AppBar .app-nav-courses.app-nav-courses__center{text-align:center}#TUI-AppBar .app-nav-courses-link{display:inline-block;width:50%;line-height:30px;color:#404853;padding:5px 30px 5px 15px}#TUI-AppBar .app-nav-courses-link:hover{color:#6799FF;background-color:#F6F7F7}#TUI-AppBar .app-nav-courses-link .icon-navigateright{position:relative;top:2px;padding-left:3px}#TUI-AppBar .app-nav-courses-link-text{font-size:14px;display:inline-block;vertical-align:middle}#TUI-AppBar .app-nav-courses-icon{vertical-align:middle;height:30px;width:auto;margin-right:15px}#TUI-AppBar .app-nav-container.app-nav-container__unauthed{color:#FFF;background-color:#FFF;border-bottom:1px solid #F6F7F7}#TUI-AppBar .app-nav-container.app-nav-container__unauthed .app-nav-link{color:#6799FF;background-color:#FFF}@media screen and (min-width:768px){#TUI-AppBar .app-nav-container.app-nav-container__unauthed .app-nav-logo{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);left:30px}#TUI-AppBar .app-nav-container.app-nav-container__unauthed .app-nav-link{padding-left:.75em;padding-right:.75em}}@media screen and (min-width:1192px){#TUI-AppBar .app-nav-container.app-nav-container__unauthed .app-nav-logo{left:0}}#TUI-AppBar .app-nav-container.app-nav-container__unauthed .app-nav-icon{display:none}#TUI-AppBar .app-nav-search-mobile{margin-bottom:0}#TUI-AppBar .app-nav-search-mobile li{list-style-type:none}@media screen and (min-width:768px){#TUI-AppBar .app-nav-container.app-nav-container__unauthed .app-nav-link__toggle{display:none}#TUI-AppBar .app-nav-container.app-nav-container__unauthed .app-nav-list{display:inline-block;opacity:1;overflow:visible;width:content-width;max-width:none;max-height:46px;-webkit-transition:none;transition:none;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);border:none;box-shadow:none}#TUI-AppBar .app-nav-container.app-nav-container__unauthed .app-nav-list li{display:inline-block}#TUI-AppBar .app-nav-search-mobile{display:none}}.search-bar__nav{background-color:#FFF;left:0;right:0;top:0;pointer-events:all;-webkit-transition:opacity .22s ease;transition:opacity .22s ease;display:none}@media screen and (min-width:768px){.search-bar__nav{position:absolute;height:240px;top:46px;display:inline-block;width:100vw;left:50%;-webkit-transform:translateX(-50vw);-ms-transform:translateX(-50vw);transform:translateX(-50vw)}}.app-nav-link__mobile-only__search+.search-bar__active{display:inline-block}.search-bar__hidden{pointer-events:none;opacity:0;top:-100%;position:fixed}.search-bar__active{opacity:1;background-color:transparent;position:absolute;pointer-events:none;top:46px}.search-bar__active .search-home-link,.search-form{pointer-events:all}.search-bar__active .search-home-link.search-home-link__active-hidden{display:none}.search-bar__active .search-suggestions{border-top:none;width:100vw;left:50%;-webkit-transform:translateX(-50vw);-ms-transform:translateX(-50vw);transform:translateX(-50vw);position:absolute}.search-underlay{position:absolute;width:100vw;height:calc(100vh - 286px);top:240px;bottom:0;left:0;right:0;background-image:-webkit-linear-gradient(#FFF,transparent);background-image:linear-gradient(#FFF,transparent);z-index:-1}.search-form-container{width:1050px;margin-left:auto;margin-right:auto;max-width:100%}@-webkit-keyframes wiggle{10%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(1.3);transform:scale(1.3)}40%{-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-transform:rotate(-2deg) scale(1)}60%,80%{-webkit-transform:rotate(2deg)}70%{-webkit-transform:rotate(-2deg)}90%{-webkit-transform:rotate(0)}}@keyframes wiggle{10%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(1.3);transform:scale(1.3)}40%{-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-transform:rotate(-2deg) scale(1)}60%,80%{-webkit-transform:rotate(2deg)}70%{-webkit-transform:rotate(-2deg)}90%{-webkit-transform:rotate(0)}}@-webkit-keyframes colorburst{0%{box-shadow:0 0 0 2px #F7A6A7}15%{box-shadow:0 0 0 4px #FF8C50}30%{box-shadow:0 0 0 6px #F9D04B}50%{box-shadow:0 0 0 8px #93E1A7}75%{box-shadow:0 0 0 6px #9ABBFF}85%{box-shadow:0 0 0 4px #e2dbe3}100%{box-shadow:0 0 0 2px #F6F7F7}}@keyframes colorburst{0%{box-shadow:0 0 0 2px #F7A6A7}15%{box-shadow:0 0 0 4px #FF8C50}30%{box-shadow:0 0 0 6px #F9D04B}50%{box-shadow:0 0 0 8px #93E1A7}75%{box-shadow:0 0 0 6px #9ABBFF}85%{box-shadow:0 0 0 4px #e2dbe3}100%{box-shadow:0 0 0 2px #F6F7F7}}.search-form{position:relative;width:420px;display:inline-block;max-width:100%;padding:35px 15px 15px}@media screen and (min-width:768px){.search-form{padding:60px 0 30px}}.search-form .search-input{display:inline-block;padding-left:45px;padding-right:45px;margin-bottom:0;min-width:0;width:100%}.search-form .search-input.wiggle{-webkit-animation:wiggle 1s,colorburst .5s;animation:wiggle 1s,colorburst .5s}.search-form .icon-search{color:#6799FF;font-size:24px;position:absolute;top:50px;left:25px}@media screen and (min-width:768px){.search-form .search-input{min-width:inherit;max-width:inherit}.search-form .icon-search{left:15px;top:75px}}.search-form .icon-close{color:#6799FF;font-size:24px;cursor:pointer;position:absolute;top:50px;right:25px}.search-form .icon-close:hover{color:#9ABBFF}.search-home-link{margin-left:30px}.search-suggestions{width:100%;background-color:#FFF;border-top:2px solid #F6F7F7;border-bottom:2px solid #F6F7F7;color:#404853;z-index:1}.suggestion-item{cursor:pointer;height:45px;border-top:1px solid transparent;border-bottom:1px solid transparent;background-color:#FFF;-webkit-transition:background-color .11s ease,border-top-color .11s ease,border-bottom-color .11s ease;transition:background-color .11s ease,border-top-color .11s ease,border-bottom-color .11s ease}.suggestion-item p{width:1050px;margin-left:auto;margin-right:auto;max-width:100%;padding-top:5px;padding-left:15px;padding-right:15px;margin-bottom:0;display:block}@media screen and (min-width:768px){.search-form .icon-close{right:15px;top:75px}.suggestion-item p{padding-left:45px;padding-right:0}}.suggestion-item.suggestion-item__active{background-color:#F6F7F7;border-top-color:#EEEEEF;border-bottom-color:#EEEEEF;-webkit-transition:background-color .11s ease,border-top-color .11s ease,border-bottom-color .11s ease;transition:background-color .11s ease,border-top-color .11s ease,border-bottom-color .11s ease}.tui-notification-view{position:absolute;right:130px;top:0}@media screen and (min-width:768px){.tui-notification-view{right:160px}}@media screen and (min-width:1192px){.tui-notification-view{right:130px}}.tui-notification-toggle{z-index:1;font-family:'Proxima Nova W01','Avenir Next W01',"Avenir Next",sans-serif;font-weight:400;font-style:normal;display:inline-block;width:46px;height:46px;padding-top:8px;padding-bottom:8px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tui-notification-toggle:hover{color:#1E2835}.tui-notification-count{display:inline-block;color:#404853;width:30px;height:30px;line-height:30px;border-radius:100%;text-align:center;background-color:#F9D04B}.tui-notification-count .icon-notification{position:relative;font-size:28px;top:1px}.tui-notification-toggle:hover .tui-notification-count{background-color:#FBDC79;color:#1E2835}.tui-notification-count.tui-notification-count__clear,.tui-notification-toggle:hover .tui-notification-count.tui-notification-count__clear{background-color:transparent;color:#9ABBFF}.tui-notification-list-container{position:absolute;z-index:5;top:100%;padding-top:0;max-height:0;overflow:hidden;opacity:0;-webkit-transform:translate(-50%,-8px);-ms-transform:translate(-50%,-8px);transform:translate(-50%,-8px);-webkit-transition:padding-top .22s ease,-webkit-transform .22s ease,opacity .22s ease,max-height .15s ease;transition:padding-top .22s ease,transform .22s ease,opacity .22s ease,max-height .15s ease}.tui-notification-list-container.tui-notification-list-container__visible{opacity:1;padding-top:15px;max-height:316px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.tui-notification-list{position:relative;margin-bottom:0;border:1px solid #EEEEEF}.tui-notification-list:after,.tui-notification-list:before{content:'';position:absolute;bottom:100%;left:56.4%}.tui-notification-list:before{border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:11px solid #EEEEEF;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.tui-notification-list:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #FFF;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.tui-notification-item{z-index:5;position:relative;list-style:none;margin-left:0;margin-bottom:0;padding:9px 15px 10px;width:330px;max-width:100%;background-color:#FFF}.tui-notification-item+.tui-notification-item{border-top:1px solid #EEEEEF}.tui-notification-item:hover{background:#FAFBFB}.tui-notification-item-dismiss{position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;text-align:center;color:#8E939A}.tui-notification-item-dismiss:hover{color:#404853}.tui-notification-item-dismiss .icon-close{font-size:24px}.tui-notification-content{display:block;color:#1E2835}.tui-notification-content:hover{color:#1E2835}.tui-notification-time{display:block;font-size:12px;line-height:20px;color:#8E939A;text-transform:uppercase}.tui-notification-message{margin-bottom:0;line-height:20px;font-size:14.5px}
/*# sourceMappingURL=main.css.map*/