-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathstyle.min.css
4 lines (4 loc) · 5.76 KB
/
style.min.css
1
2
3
4
/*! Megaphone 21-05-2015
* style.css
*/
body{font-family:Georgia,serif;margin:0;font-size:36px;line-height:40px}h1,h2,h3,h4,#footer{margin:0;padding:0;font-size:32px;line-height:40px;font-weight:400;font-family:"Roboto Condensed",Helvetica,Arial,sans-serif}p{margin:20px 0;padding:0}h2{color:#2f76b4}h3{font-size:36px}h4{font-weight:700}ul,li{margin:0;padding:0;list-style:none}.location,.vendor,.times,.button,#add-to-home-screen,img{font-family:"Roboto Condensed",Helvetica,Arial,sans-serif}#container{margin:0 auto;width:640px;position:relative;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.5);overflow:hidden}#header{height:80px;box-shadow:0 0 3px rgba(0,0,0,.5);z-index:2;position:relative;background:#1d6cb0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3077B4),color-stop(1,#075FAC))}#header #logo{display:block;height:40px;text-decoration:none;color:#fff;padding:20px 80px;text-shadow:0 2px rgba(0,0,0,.5)}.hint{padding:20px 50px;background:rgba(13,62,105,.8);width:540px;color:#fff;font-family:"Roboto Condensed",Helvetica,Arial,sans-serif;z-index:1}#header .hint{position:absolute;width:540px;left:0;top:80px}#magazine{background:#091824;padding:0 50px;position:relative}#magazine .hint{position:relative;margin:0 0 0 -50px}#magazine img{margin:40px 0;border:10px solid #fff;width:520px;height:695px;box-shadow:0 3px 5px rgba(0,0,0,.5);background:#ccc}#magazine img.ad{margin-bottom:0;height:140px}#intro h2{font-size:40px}#intro p{font-size:32px}#intro .button{margin:40px 0}#map{height:555px;width:640px;background:#e9e7d8;box-shadow:0 0 10px rgba(0,0,0,.5);position:relative}#map .hint{position:absolute}#search{position:absolute;bottom:20px;left:20px;font-family:"Roboto Condensed",Helvetica,Arial,sans-serif;font-size:22px;line-height:25px;height:50px;text-transform:uppercase;padding:10px 10px 10px 80px;background:#1d6cb0;color:#fff;text-align:left;border-radius:30px;width:120px;box-shadow:0 3px 3px rgba(0,0,0,.5);cursor:pointer}#search:hover,#search:focus{background-color:#08365C}#vendor-hint,#intro p{line-height:1.3em}#vendor-hint{padding:0 50px}#intro,#about{padding:50px}#vendors{padding:50px 0}#vendors h2{padding:0 50px}#vendors em{color:#eb4859}#vendors ul{list-style:none;margin:0 0 40px;padding:0}#vendors li{margin:0;padding:16px 50px 24px;background:url(images/dots.png) no-repeat center bottom;overflow:hidden}#vendors li.open{padding:0 0 64px}#vendors .open h3{padding:26px 50px 40px}#vendors .open .info{padding:0 50px}.vendor{float:left;margin:0 0 40px;border:10px solid #fff;box-shadow:0 3px 5px rgba(0,0,0,.5);background:#ccc;width:220px;height:auto}.button{background:#2f76b4;height:40px;padding:10px;font-size:30px;line-height:40px;border-radius:30px;text-align:center;display:block;color:#fff;cursor:pointer;text-decoration:none}.button.big{padding:30px 10px;font-size:45px}.button:hover,.button:focus{background-color:#08365C}.maplink{margin:10px 50px 10px 0;width:200px;background:#eb4859;float:right}.spotting{clear:both;background:#0d63ae;border-radius:40px;color:#fff;padding:30px;font-size:32px;margin-top:10px;float:left;position:relative}.spotting:before{content:"";float:left;width:40px;height:20px;position:absolute;top:-19px;left:100px;display:block;background:url(images/blue-arrow.png) no-repeat 0 0}.location{font-size:32px;font-weight:700}.open .location,.times{font-size:40px;line-height:45px;width:270px;float:right;padding:0 0 30px}.times{padding-top:30px}#footer h4,#footer a,#footer span{cursor:pointer;padding:22px 50px;display:block;background:#e9e7d8;color:#000;text-decoration:none}#footer h4{padding:20px 50px;background:#bab9ad}#footer li{border-bottom:2px solid #bab9ad}#add-to-home-screen{display:none}body.iphone #add-to-home-screen{display:block;padding:60px 120px 200px;background:#2f76b4 url(images/big-arrow.png) no-repeat center 240px;color:#fff;text-align:center;line-height:50px}body.iphone.web-app #add-to-home-screen{display:none}#logo,#search,#vendors h3,#vendors .open h3{background-image:url(images/icons.png);background-repeat:no-repeat;background-position:0 0}#search{background-position:0 -75px}#vendors h3{background-position:right -145px}#vendors .open h3{background-position:510px -190px}.vendor,.times,.spotting,.maplink{display:none}.open .vendor,.open .times,.open .spotting,.open .maplink{display:block}svg path[vendored=yes]{cursor:pointer}svg,#footer .switch{display:none}body.vancouver #footer #victoria-switch,body.vancouver svg.vancouver,body.victoria #footer #vancouver-switch,body.victoria svg.victoria{display:block}#find{display:none}#about{display:none;font-family:Georgia,serif}#about a{color:#0d63ae;padding:0;display:inline;background:0;text-decoration:underline}#about img{margin:0 auto;display:block}.hint{-webkit-transition:opacity .5s ease-out}.hide{opacity:0}#current-position{display:none}#current-position.active{display:block;pointer-events:none;position:absolute;width:20px;height:20px;border-radius:10px;box-shadow:1px 1px 2px rgba(0,0,0,.3);background:#1d6cb0}#current-position.active .pulse{width:60px;height:60px;display:block;position:absolute;top:-21px;left:-21px;border:1px solid #1d6cb0;border-radius:60px;box-shadow:0 0 5px #1d6cb0;-webkit-animation-name:pulse;-webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-out;-moz-animation-name:pulse;-moz-animation-duration:1.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease-out}@-webkit-keyframes pulse{0%{-webkit-transform:scale(0.3);transform:scale(0.3);opacity:.8}80%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}100%{-webkit-transform:scale(2.5);transform:scale(2);opacity:0}}@-moz-keyframes pulse{0%{-moz-transform:scale(0.3);transform:scale(0.3);opacity:.8}80%{-moz-transform:scale(1.5);transform:scale(1.5);opacity:0}100%{-moz-transform:scale(2.5);transform:scale(2.5);opacity:0}}