-
Notifications
You must be signed in to change notification settings - Fork 1
/
index-mobile.min.css
1 lines (1 loc) · 7.34 KB
/
index-mobile.min.css
1
html,body{height:100%;width:100%;margin:0;padding:0;position:fixed}body.keyboard{height:calc(100% - 120px)}#title{color:#fff;background-color:#4d90fe;font-size:25px;font-weight:100;padding:0}a{text-decoration:none;color:black;opacity:.9}#page-title{text-align:center;letter-spacing:7px}#map-container{height:-webkit-calc(100% - 80px);height:-moz-calc(100% - 80px);height:calc(100% - 80px);margin:0;padding:0}#map{height:97%;margin:0;padding:0}#description{font-family:Roboto;font-size:15px;font-weight:300}#infowindow-content .title{font-weight:bold}#infowindow-content{display:none}#map #infowindow-content{display:inline}.pac-card{margin:10px 10px 0 0;border-radius:2px 0 0 2px;box-sizing:border-box;-moz-box-sizing:border-box;outline:0;box-shadow:0 2px 6px rgba(0,0,0,0.3);background-color:#fff;font-family:Roboto}#pac-container{position:absolute;padding-bottom:12px;margin-right:12px;bottom:40px}.pac-container{position:fixed;display:block;margin-top:-210px}.pac-controls{display:inline-block;padding:5px 11px}.pac-controls label{font-family:'Roboto';font-size:13px;font-weight:300}#pac-input{background-color:#fff;font-family:'Roboto';font-size:16px!important;font-weight:300;padding:0 11px 0 13px;text-overflow:ellipsis;margin-bottom:40px;width:200px;height:40px;box-shadow:0 2px 6px rgba(0,0,0,.3);border:2px solid #fff;border-radius:15px 0 0 15px}#pac-input:focus{border-color:#ffe3be;outline-width:0}#target{width:345px}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);transition:opacity 500ms;visibility:hidden;opacity:0}.overlay:target{visibility:visible;opacity:1;z-index:9}.popup1,.popup2,.popup4{padding:20px;background:#fff;border-radius:5px;width:82%;position:relative;transition:all 1s ease-in-out;max-height:70%;overflow:scroll;margin-left:10%;margin-right:10%;margin-top:25%}.popup1 h2,.popup2 h2{margin-top:0;color:#333;font-family:Tahoma,Arial,sans-serif;font-size:100%}.popup1 .close,.popup2 .close,.popup4 .close{position:absolute;top:13px;right:20px;transition:all 200ms;font-size:23px;font-weight:bold;text-decoration:none;color:#333}.popup1 .close:hover,.popup2 .close:hover,.popup4 .close:hover{color:#06d85f}.popup1 .content{max-height:30%;overflow:auto;font-family:Tahoma,Arial,sans-serif;font-size:100%}.popup1 .g-signin2{max-height:20%;overflow:hidden;position:relative;top:1em;max-width:100%}.popup2 *{box-sizing:border-box}.popup2 ul{list-style-type:none;padding:0;margin:0;max-width:100%}.popup2 ul li{border:1px solid #ddd;margin-top:-1px;background-color:#f6f6f6;padding:12px;text-decoration:none;font-size:80%;font-family:Tahoma,Arial,sans-serif;color:black;display:block;position:relative}.popup2 ul li:hover{background-color:#eee}.popup2 date{color:#c0c0c0;position:relative;font-size:100%;display:block;margin-top:10px}.popup2 button{color:#b22222;font-size:12px;position:absolute;font-family:'Roboto',Arial,sans-serif;background-color:white;border-radius:5px;right:2%;bottom:16%;-webkit-appearance:none}.popup2 mark,.popup4 mark{background-color:#fffafa;font-weight:300;margin-left:2px;margin-right:2px;margin-top:2px;margin-bottom:2px}@media screen and (max-width:700px){.box{width:70%}.popup{width:70%}}#sortable{list-style-type:none;margin:0;padding:0;width:85%}#sortable li{margin:0 3px 3px 3px;padding:.4em;padding-left:1.5em;font-size:1.4em;height:auto;z-index:999;position:relative}#sortable span{position:absolute;margin-top:.05em;right:10px}#directions-panel{font-family:Tahoma,Arial,sans-serif;position:relative;z-index:1;background-color:#fff;padding:10px;overflow:scroll;max-height:50%;width:100%;opacity:.85;visibility:hidden;display:block}#left-panel{font-family:Tahoma,Arial,sans-serif;position:relative;z-index:1;background-color:#fff;padding:10px;overflow:scroll;max-height:100%;width:95%;opacity:.95;visibility:hidden;display:block}.handle{cursor:grab;font-family:"Font Awesome 5 Free";height:100%}#image-panel{font-family:Tahoma,Arial,sans-serif;position:absolute;top:190px;margin-left:12.5%;margin-right:12.5%;z-index:1;background-color:#fff;padding:10px;overflow:scroll;max-height:50%;max-width:75%;opacity:.9;visibility:hidden;border-radius:2%;box-shadow:0 3px 4px 0 rgba(0,0,0,.2)}#location-image{max-width:99%;max-height:8%;height:8%;width:99%;margin-left:.5%;margin-right:.5%;margin-top:1%;border-radius:3%;box-shadow:0 3px 4px 0 rgba(0,0,0,.2)}.rating-static{position:absolute;margin-top:25%;right:10%;width:60px;height:15px;display:block;background:url('https://www.itsalif.info/blogfiles/rating/star-rating.png') 0 0 no-repeat}.rating-50{background-position:0 0}.rating-40{background-position:-12px 0}.rating-30{background-position:-24px 0}.rating-20{background-position:-36px 0}.rating-10{background-position:-48px 0}.rating-0{background-position:-60px 0}.rating-5{background-position:-48px -16px}.rating-15{background-position:-36px -16px}.rating-25{background-position:-24px -16px}.rating-35{background-position:-12px -16px}.rating-45{background-position:0 -16px}*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif}.navbar{width:100%;background-color:#555;overflow:auto;z-index:1000}*{box-sizing:border-box}body{font-family:Tahoma,Arial,sans-serif}.navbar{width:100%;background-color:black;overflow:auto}.navbar a{float:left;padding:8px;color:white;text-decoration:none;font-size:12px;width:20%;text-align:center}.navbar a:hover{background-color:white;color:black}.navbar a.active{background-color:black;color:white}@media screen and (max-width:300px){.navbar a{float:none;display:block;width:100%;text-align:left}}.dropdown{font-size:17px;border:0;outline:0;color:white;background-color:inherit;font-family:inherit;margin:0;width:100%}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:20%;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:1;right:0;top:5%}.dropdown-content a{float:none;color:black;padding:8px;text-decoration:none;display:block;text-align:left;width:100%}.dropdown-content a:hover{background-color:#ddd;color:black}.show{display:block}#toggleOff,#toggleOn{color:black;font-size:20px;position:absolute;padding-bottom:12px;margin-right:12px;margin-left:15px;top:8%;right:2%;z-index:0;visibility:hidden}.slideshow-container{background:white;z-index:1;position:absolute;bottom:15%;margin-left:10%;margin-right:10%;max-height:330px;width:75%;margin-left:12.5%;margin-right:12.5%;overflow:scroll;visibility:hidden}.mySlides{display:none;float:center;padding:80px;z-index:1;width:100%;height:330px;overflow:scroll}.prev,.next{cursor:pointer;position:absolute;top:50%;width:1%;margin-top:-30px;padding:16px;color:#888;font-weight:bold;font-size:20px;border-radius:0 3px 3px 0;user-select:none;z-index:1000}.next{position:absolute;right:0;border-radius:3px 0 0 3px}.prev:hover,.next:hover{background-color:rgba(0,0,0,0.8);opacity:.5;color:white}input[type=text],select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;resize:vertical;font-size:15px;font-family:inherit}label{padding:12px 12px 12px 0;display:inline-block}input[type=submit]{background-color:#008080;color:white;padding:12px 20px;border:0;border-radius:4px;cursor:pointer;float:right;margin-top:5px;font-size:12px;width:80%;-webkit-appearance:none}.container{border-radius:5px;background-color:#f2f2f2;padding:20px}.col-25{float:left;width:20%;margin-top:6px}.col-75{float:left;width:80%;margin-top:6px}.row:after{content:"";display:table;clear:both}@media screen and (max-width:600px){.col-25,.col-75,input[type=submit]{width:100%;margin-top:0}}