* { font-family: sans-serif; font-size: 15px; color: white; } *:focus { outline: none; } html { overflow: hidden; height: 100%; background-image: linear-gradient(to right, #868f96 0%, #596164 100%); background-size: cover; } html body { overflow: hidden; min-height: 100%; height: 100%; } .bordered { border: solid 1px #d0d0d0; border-radius: 3px; } .container { width: 100%; height: 98%; overflow: auto; } .container .search-box { width: 25%; position: absolute; top: 10; left: 0; display: inline-block; border-right: 2px solid #d0d0d0; padding: 25px; height: 100%; } .container .search-box .inst { font-size: 10px; margin-bottom: 10px; } .container .search-box .switch { float: right; } .container .search-box .switch .sun { padding-right: 5px; } .container .search-box .switch .night { margin-left: 3px; } .container .search-box .search { height: 20px; background-color: #F5F5F5; margin: 0; background: url("../../includes/images/google-maps.png") no-repeat; background-position: 90% 50%; background-size: 25px 25px; border: solid 1px #d0d0d0; border-radius: 3px; padding: 12px 12px 12px 12px; } .container .search-box .search .input { border: none; background: none; width: 80%; } .container .search-box .selects { border-radius: 2px; border-top: none; border-bottom: none; list-style: none; margin: 0; padding: 0; } .container .search-box .selects > li { border-radius: 2px; border: none; border-bottom: solid 1px #d0d0d0; padding: 15px; } .container .map { width: 70%; height: 98%; position: absolute; top: 10; left: 29.5%; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: white; } ::-moz-placeholder { /* Firefox 19+ */ color: white; } :-ms-input-placeholder { /* IE 10+ */ color: white; } :-moz-placeholder { /* Firefox 18- */ color: white; } /*# sourceMappingURL=styles.css.map */