| @@ -1,8 +1,4 @@ | ||
| 1 | -select.readonly, | |
| 2 | -select[readonly] { | |
| 3 | - background-color: #eee; | |
| 4 | -} | |
| 5 | 1 | .hh-table > tbody > tr > th, |
| 6 | 2 | .hh-table > tbody > tr > td, |
| 7 | 3 | .hh-table td{ |
| 8 | 4 | vertical-align: top; |
| @@ -18,11 +14,8 @@ | ||
| 18 | 14 | } |
| 19 | 15 | .hh-table > tbody > tr > th .description{ |
| 20 | 16 | font-weight: normal; |
| 21 | 17 | } |
| 22 | -.hh-table .hh-center{ | |
| 23 | - text-align: center; | |
| 24 | -} | |
| 25 | 18 | .hh-panel{ |
| 26 | 19 | background-color: #fff; |
| 27 | 20 | padding: .7em 2em 1em; |
| 28 | 21 | -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04); |
| @@ -29,315 +22,5 @@ | ||
| 29 | 22 | -moz-box-shadow: 0 1px 1px rgba(0,0,0,.04); |
| 30 | 23 | box-shadow: 0 1px 1px rgba(0,0,0,.04); |
| 31 | 24 | border: 1px solid #e5e5e5; |
| 32 | 25 | margin: 20px 0 0; |
| 33 | -} | |
| 34 | - | |
| 35 | -.hh-index-table{ | |
| 36 | - border-collapse: separate; | |
| 37 | - border-spacing: 0; | |
| 38 | - width: 100%; | |
| 39 | -} | |
| 40 | -.hh-index-table tbody{ | |
| 41 | - border-left: solid 1px rgba(0,0,0,.1); | |
| 42 | - border-right: solid 1px rgba(0,0,0,.1); | |
| 43 | -} | |
| 44 | -.hh-index-table th{ | |
| 45 | - background-color: #fff; | |
| 46 | - font-weight: normal; | |
| 47 | - padding: 8px 10px; | |
| 48 | - text-align: left; | |
| 49 | -} | |
| 50 | -.hh-index-table td{ | |
| 51 | - background-color: #fff; | |
| 52 | - color: gray; | |
| 53 | - padding: 8px 10px; | |
| 54 | -} | |
| 55 | -.hh-index-table td:first-child{ | |
| 56 | - border-left: 4px solid #fff; | |
| 57 | -} | |
| 58 | -.hh-index-table .active td{ | |
| 59 | - background-color: #f7fcfe; | |
| 60 | - color: green; | |
| 61 | -} | |
| 62 | -.hh-index-table .active td:first-child{ | |
| 63 | - border-left: 4px solid #00a0d2; | |
| 64 | -} | |
| 65 | -.hh-index-table td{ | |
| 66 | - box-shadow: 0 -1px 0 rgba(0,0,0,.1); | |
| 67 | -} | |
| 68 | -.hh-index-table .hh-status{ | |
| 69 | - text-align: center; | |
| 70 | -} | |
| 71 | -.hh-index-table .hh-status span{ | |
| 72 | - display: inline-block; | |
| 73 | - border-radius: 3px; | |
| 74 | - padding: 2px 5px; | |
| 75 | -} | |
| 76 | -.hh-index-table .hh-status-on span{ | |
| 77 | - background-color: green; | |
| 78 | - color: #fff; | |
| 79 | -} | |
| 80 | -.hh-index-table .hh-status-off span{ | |
| 81 | - background-color: #aaa; | |
| 82 | - color: #fff; | |
| 83 | -} | |
| 84 | -.hh-notice{ | |
| 85 | - background-color: #FFFFCC; | |
| 86 | - margin: 20px 0; | |
| 87 | - padding: 8px 10px; | |
| 88 | -} | |
| 89 | -.hh-breadcrumbs{ | |
| 90 | - | |
| 91 | -} | |
| 92 | -.hh-breadcrumbs li{ | |
| 93 | - display: inline-block; | |
| 94 | -} | |
| 95 | -.hh-breadcrumbs li:not(:last-child):after { | |
| 96 | - content: "\00A0\00BB\00A0"; | |
| 97 | - display: inline-block; | |
| 98 | -} | |
| 99 | -.hh-breadcrumbs li a{ | |
| 100 | - | |
| 101 | -} | |
| 102 | -.hh-highlight{ | |
| 103 | - background-color: #333; | |
| 104 | - color: #fff; | |
| 105 | - font-weight: 400; | |
| 106 | - padding: 3px 7px; | |
| 107 | -} | |
| 108 | -.hh-results{ | |
| 109 | - border-collapse: collapse; | |
| 110 | - width: 100%; | |
| 111 | -} | |
| 112 | -.hh-results thead th, | |
| 113 | -.hh-results tbody td{ | |
| 114 | - border-top: solid 1px #e0e0e0; | |
| 115 | - padding: 5px 5px 5px 0; | |
| 116 | - text-align: left; | |
| 117 | -} | |
| 118 | -.hh-results thead th{ | |
| 119 | - border: none; | |
| 120 | -} | |
| 121 | -.hh-results tbody tr td:first-child{ | |
| 122 | - white-space: nowrap; | |
| 123 | -} | |
| 124 | -.hh-results tbody tr.hh-found td{ | |
| 125 | - background-color: #f7fcfe; | |
| 126 | -} | |
| 127 | -.hh-results tbody tr.hh-found td:first-child{ | |
| 128 | - color: green; | |
| 129 | -} | |
| 130 | -.form-field .form-label{ | |
| 131 | - font-weight: bold; | |
| 132 | -} | |
| 133 | -.form-field .form-lbl{ | |
| 134 | - display: inline-block; | |
| 135 | - margin: 0 10px 0 0; | |
| 136 | -} | |
| 137 | -.form-row .form-col-6{ | |
| 138 | - float: left; | |
| 139 | - width: 50%; | |
| 140 | -} | |
| 141 | -.form-row:after{ | |
| 142 | - clear: left; | |
| 143 | - content: ''; | |
| 144 | - display: table; | |
| 145 | - zoom: 1; | |
| 146 | -} | |
| 147 | -.hh-tabs > ul{ | |
| 148 | - margin-bottom: -1px; | |
| 149 | -} | |
| 150 | -.hh-tabs > ul:after{ | |
| 151 | - content: ''; | |
| 152 | - display: table; | |
| 153 | - clear: left; | |
| 154 | - zoom: 1; | |
| 155 | -} | |
| 156 | -.hh-tabs > ul > li{ | |
| 157 | - background-color: #fff; | |
| 158 | - border: solid 1px #ccc; | |
| 159 | - border-bottom: none; | |
| 160 | - display: inline-block; | |
| 161 | - float: left; | |
| 162 | - margin: 0 5px 0 0; | |
| 163 | - padding: 0; | |
| 164 | -} | |
| 165 | -.hh-tabs > ul > li a{ | |
| 166 | - color: #222; | |
| 167 | - display: inline-block; | |
| 168 | - padding: 5px 10px; | |
| 169 | - text-decoration: none; | |
| 170 | -} | |
| 171 | -.hh-tabs > ul > li.hh-active{ | |
| 172 | - border: solid 1px #222; | |
| 173 | - border-bottom-color: #fff; | |
| 174 | -} | |
| 175 | -.hh-tabs .hh-tab-active{ | |
| 176 | - background-color: #fff; | |
| 177 | - border: solid 1px #222; | |
| 178 | - padding: 20px; | |
| 179 | -} | |
| 180 | -.hh-textarea-manual{ | |
| 181 | - width: 100%; | |
| 182 | -} | |
| 183 | -.hh-hidden{ | |
| 184 | - display: none; | |
| 185 | -} | |
| 186 | -.hh-wrapper{ | |
| 187 | - | |
| 188 | -} | |
| 189 | -.hh-sidebar{ | |
| 190 | - float: right; | |
| 191 | - width: 20%; | |
| 192 | -} | |
| 193 | -.hh-sidebar-inner{ | |
| 194 | - background-color: #fff; | |
| 195 | - border: solid 1px #92D295; | |
| 196 | - padding: 15px; | |
| 197 | -} | |
| 198 | -.hh-sidebar-inner h3{ | |
| 199 | - margin: 0; | |
| 200 | -} | |
| 201 | -.hh-categories{ | |
| 202 | - float: left; | |
| 203 | - width: 80%; | |
| 204 | -} | |
| 205 | -.hh-categories *{ | |
| 206 | - -webkit-box-sizing: border-box; | |
| 207 | - -moz-box-sizing: border-box; | |
| 208 | - box-sizing: border-box; | |
| 209 | -} | |
| 210 | -.hh-wrapper:after, | |
| 211 | -.hh-categories:after{ | |
| 212 | - content: ''; | |
| 213 | - clear: both; | |
| 214 | - display: table; | |
| 215 | - zoom: 1; | |
| 216 | -} | |
| 217 | -a.hh-category{ | |
| 218 | - background-color: #fff; | |
| 219 | - border: solid 1px #92D295; | |
| 220 | - display: inline-block; | |
| 221 | - float: left; | |
| 222 | - font-size: 16px; | |
| 223 | - height: 168px; | |
| 224 | - margin: 0 3% 3% 0; | |
| 225 | - position: relative; | |
| 226 | - text-align: center; | |
| 227 | - text-decoration: none; | |
| 228 | - text-transform: uppercase; | |
| 229 | - width: 30%; | |
| 230 | -} | |
| 231 | - | |
| 232 | -a.hh-category i { | |
| 233 | - background-color: #92D295; | |
| 234 | - display: inline-block; | |
| 235 | - height: 48px; | |
| 236 | - margin: 35px 0 0; | |
| 237 | - text-align: center; | |
| 238 | - width: 48px; | |
| 239 | - -webkit-transform: rotate(20deg); | |
| 240 | - -moz-transform: rotate(20deg); | |
| 241 | - -ms-transform: rotate(20deg); | |
| 242 | - -o-transform: rotate(20deg); | |
| 243 | -} | |
| 244 | -a.hh-category i:after { | |
| 245 | - background-color: #92D295; | |
| 246 | - content: ""; | |
| 247 | - display: inline-block; | |
| 248 | - height: 48px; | |
| 249 | - width: 48px; | |
| 250 | - -webkit-transform: rotate(135deg); | |
| 251 | - -moz-transform: rotate(135deg); | |
| 252 | - -ms-transform: rotate(135deg); | |
| 253 | - -o-transform: rotate(135deg); | |
| 254 | -} | |
| 255 | - | |
| 256 | -a.hh-category span{ | |
| 257 | - display: block; | |
| 258 | - color: #fff; | |
| 259 | - font-size: 24px; | |
| 260 | - font-weight: 600; | |
| 261 | - text-transform: uppercase; | |
| 262 | - left: 0; | |
| 263 | - position: absolute; | |
| 264 | - top: 48px; | |
| 265 | - width: 100%; | |
| 266 | -} | |
| 267 | - | |
| 268 | -a.hh-category strong{ | |
| 269 | - display: block; | |
| 270 | - font-weight: normal; | |
| 271 | - margin: 20px 0 0; | |
| 272 | -} | |
| 273 | - | |
| 274 | -a.hh-category:hover{ | |
| 275 | - box-shadow: 0 0 3px #6EC271; | |
| 276 | -} | |
| 277 | -a.hh-category:hover i{ | |
| 278 | - -webkit-transform: rotate(160deg); | |
| 279 | - -moz-transform: rotate(160deg); | |
| 280 | - -ms-transform: rotate(160deg); | |
| 281 | - -o-transform: rotate(160deg); | |
| 282 | - | |
| 283 | - -webkit-transition: -webkit-transform 0.5s ease-out; | |
| 284 | - -moz-transition: -moz-transform 0.5s ease-out; | |
| 285 | - -o-transition: -o-transform 0.5s ease-out; | |
| 286 | - transition: transform 0.5s ease-out; | |
| 287 | -} | |
| 288 | -.hh-p{ | |
| 289 | - margin: 0.5em 0; | |
| 290 | -} | |
| 291 | -.hh-csv-value { | |
| 292 | - padding-left: 25px; | |
| 293 | -} | |
| 294 | -@media (min-width: 1280px) { | |
| 295 | - a.hh-category{ | |
| 296 | - max-width: 260px; | |
| 297 | - } | |
| 298 | -} | |
| 299 | -@media (max-width: 960px) { | |
| 300 | - a.hh-category{ | |
| 301 | - margin: 0 5% 20px; | |
| 302 | - width: 40%; | |
| 303 | - } | |
| 304 | - .hh-categories{ | |
| 305 | - width: 70%; | |
| 306 | -} | |
| 307 | - .hh-sidebar{ | |
| 308 | - width: 30%; | |
| 309 | - } | |
| 310 | -} | |
| 311 | -@media (max-width: 768px) { | |
| 312 | - .hh-categories{ | |
| 313 | - width: 65%; | |
| 314 | - } | |
| 315 | - .hh-sidebar{ | |
| 316 | - width: 35%; | |
| 317 | - } | |
| 318 | -} | |
| 319 | -@media (max-width: 640px) { | |
| 320 | - a.hh-category{ | |
| 321 | - float: none; | |
| 322 | - margin: 0 0 20px; | |
| 323 | - width: 100%; | |
| 324 | - } | |
| 325 | - .hh-categories{ | |
| 326 | - width: 55%; | |
| 327 | - } | |
| 328 | - .hh-sidebar{ | |
| 329 | - width: 40%; | |
| 330 | - } | |
| 331 | -} | |
| 332 | -@media (max-width: 468px) { | |
| 333 | - a.hh-category{ | |
| 334 | - max-width: 260px; | |
| 335 | - } | |
| 336 | - .hh-categories, | |
| 337 | - .hh-sidebar{ | |
| 338 | - float: none; | |
| 339 | - margin: 0 auto; | |
| 340 | - max-width: 250px; | |
| 341 | - width: 100%; | |
| 342 | - } | |
| 343 | 26 | } |
