-
Notifications
You must be signed in to change notification settings - Fork 0
/
layout.css
55 lines (55 loc) · 3.39 KB
/
layout.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
html, body {height: 100%;margin: 0;padding: 0;}
#map {height: 100%;width: 75%;float: right;}
.page-header {margin-top: 15px;margin-bottom:0;vertical-align:middle;line-height:30px;}
#left-panel {
font-family: 'Roboto','sans-serif';
position: absolute;
top: 0;
left: 0;
z-index: 99;
background-color: white;
height: 100%;
width: 25%;
text-align: left;
}
#pac-input {border-bottom-left-radius:0px; border-bottom-right-radius:0px;border-bottom:0px;}
#left-panel input {font-size: 15px;}
#toll span, #highway span {display: none;}
#toll span.display, #highway span.display {display: inline;}
#search-warning {z-index: 50;}
#waypoints .pull-right {display: none; cursor: pointer;}
#waypoints .selected {background-color: #f5f5f5;}
#waypoints .selected .pull-right {display: inline; cursor: pointer;}
#waypoints .start-glyph, #waypoints .end-glyph {margin: 0px 3px; display:none;}
#waypoints .start .start-glyph, #waypoints .end .end-glyph {display: inline;}
.popover .list-group {margin-bottom: 5px;}
.popover-content {padding: 0px;}
#directions-panel, #gmap_response {margin-top: 20px;width: 100%;display: none;}
#directions-panel .tab-content, #gmap_response .gmap-content {overflow: auto;}
#directions-panel .tab-content .routes .list-group-item, #gmap_response .routes .list-group-item {padding: 10px 15px;border: 1px solid #ddd;cursor: pointer;}
#directions-panel .tab-content .routes .list-group-item:hover, #gmap_response .routes .list-group-item:hover {background-color: #e6e6e6;}
#directions-panel .heading .list-group, #gmap_response .heading .list-group {margin-top: 5px; margin-bottom: 10px;}
#directions-panel .heading .list-group-item, #gmap_response .heading .list-group-item {border: none;padding: 5px 15px;}
.list-group-item:focus, .footer a, #submit {background-image: none;outline: 0;-webkit-box-shadow: none; box-shadow: none;}
.spinner {margin: 100px auto 0;width: 70px;text-align: center;}
.spinner > div {width: 18px;height: 18px;background-color: #337ab7;border-radius: 100%;display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.spinner .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
@-webkit-keyframes sk-bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0) }40% { -webkit-transform: scale(1.0) }}
@keyframes sk-bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0);transform: scale(0);} 40% { -webkit-transform: scale(1.0);transform: scale(1.0);}}
#directions-panel .modal-body, #gmap_response .modal-body {padding: 0px 15px;}
.modal-title small {margin-left:20px}
.map_modal {height: 500px;}
.right-panel {font-family: 'Roboto','sans-serif';line-height: 30px;padding-left: 5px;}
.right-panel select, .right-panel input {font-size: 15px;}
.right-panel select {width: 100%;}
.right-panel i {font-size: 12px;}
.right-panel .badge {margin-right: 10px;}
.map_modal {margin-right: 265px;}
.right-panel {height: 500px;float: right;width: 260px;overflow: auto;}
.footer {position: absolute;bottom: 0;height:60px;width:100%;margin-left:-15px;background-color: #fff;line-height:60px;border-top:1px solid #ddd;}
.footer span {margin: 0 5px; display: inline-block;line-height: normal; vertical-align: middle;}
.footer small {margin:0 5px;}
.footer a {color:#888}
.footer a:hover {color:rgb(51,51,51)}
.footer .modal-body {line-height:20px;}