style.css
1 html, body { 2 padding: 0px; 3 margin: 0px; 4 height: 100%; 5 } 6 7 table { 8 border-collapse: collapse; 9 word-break: break-word; 10 } 11 12 td { 13 border: 1px solid; 14 } 15 16 h2 { 17 font-size: 1.2em; 18 color: green; 19 } 20 21 .hidden { 22 display: none; 23 } 24 25 div#map { 26 width: 100%; 27 height: 100%; 28 } 29 30 div#stops-list { 31 overflow: auto; 32 } 33 34 div#stops-list td { 35 padding: 0px; 36 } 37 38 div#stops-list ul { 39 margin: 0px; 40 padding: 0px; 41 list-style-type: none; 42 } 43 44 div#stops-list li { 45 list-style-type: none; 46 } 47 48 div#stops-list td a{ 49 color: inherit; 50 } 51 52 .feature_yes { 53 color: green; 54 } 55 56 .feature_no { 57 color: red; 58 } 59 60 .feature_limited { 61 color: orange; 62 } 63 64 .feature_undefined { 65 color: grey; 66 } 67 68 .wheelchair { 69 font-size: 1.6em; 70 } 71 72 li[class*='_route'] { 73 cursor: pointer; 74 overflow: hidden; 75 text-overflow: ellipsis; 76 white-space: nowrap; 77 list-style-type: none; 78 } 79 80 li[class*='_route']>span:hover { 81 cursor: pointer; 82 text-decoration: underline; 83 } 84 85 .selected_route { 86 font-weight: bold; 87 } 88 89 #dlForm { 90 display: table; 91 border-spacing: 0px 10px; 92 width: 100%; 93 } 94 95 .input-table>div { 96 display: table-row; 97 } 98 99 .input-table>div>label { 100 display: table-cell; 101 } 102 103 .input-table>div>input { 104 display: table-cell; 105 } 106 107 .input-table>div>input[type="text"] { 108 width: 100%; 109 } 110 111 .sidebar-header { 112 margin-bottom: 15px; 113 } 114 115 div#data-status { 116 margin-left: -20px; 117 margin-right: -20px; 118 margin-top: -15px; 119 padding-left: 20px; 120 } 121 122 /* Stolen from bootstrap ! */ 123 div#data-status.error { 124 background-color: #f2dede; 125 color: #a94442; 126 } 127 128 div#data-status.info { 129 background-color: #d9edf7; 130 color: #31708f; 131 } 132 133 div#data-status.warning { 134 background-color: #fdd608; 135 color: #8a6d3b; 136 } 137 138 div#routes_list>ul { 139 padding-left: 0px; 140 } 141 142 ul#stops-list { 143 list-style-type: none; 144 padding-left: 0px; 145 } 146 147 ul#stops-list img, div#routes_list ul>li img { 148 max-height: 0.8em; 149 margin-right: 10px; 150 } 151 152 ul#stops-list ul { 153 list-style-type: none; 154 } 155 156 ul#stops-list ul span{ 157 cursor: pointer; 158 } 159 160 .route_master-name { 161 font-weight: bold; 162 font-size: 19px; 163 } 164 165 #routemaster-select { 166 max-width: 100%; 167 } 168 169 table.tags { 170 width: 100%; 171 font-family: monospace; 172 font-size: 12px; 173 text-align: left; 174 table-layout: fixed; 175 border-collapse: collapse; 176 margin: 10px 0px 10px 0px; 177 min-width: 250px; 178 } 179 180 table.tags td.key { 181 width: 120px; 182 background: rgba(0, 0, 0, 0.06); 183 word-wrap: break-word; 184 }