1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/static/lf4.css	Mon Feb 01 20:59:35 2021 +0100
     1.3 @@ -0,0 +1,734 @@
     1.4 +@font-face {
     1.5 +  font-family: "Roboto";
     1.6 +  src: url("font/Roboto-Regular.ttf");
     1.7 +}
     1.8 +@font-face {
     1.9 +  font-family: "Roboto Bold";
    1.10 +  src: url("font/Roboto-Bold.ttf");
    1.11 +}
    1.12 +@font-face {
    1.13 +  font-family: "Roboto Slab";
    1.14 +  src: url("font/RobotoSlab-Regular.ttf");
    1.15 +}
    1.16 +@font-face {
    1.17 +  font-family: 'Material Icons';
    1.18 +  font-style: normal;
    1.19 +  font-weight: 400;
    1.20 +  src: url("font/material.woff2") format('woff2');
    1.21 +}
    1.22 +
    1.23 +.material-icons {
    1.24 +  font-family: 'Material Icons';
    1.25 +  font-weight: normal;
    1.26 +  font-style: normal;
    1.27 +  font-size: 24px;
    1.28 +  line-height: 1;
    1.29 +  letter-spacing: normal;
    1.30 +  text-transform: none;
    1.31 +  display: inline-block;
    1.32 +  white-space: nowrap;
    1.33 +  word-wrap: normal;
    1.34 +  direction: ltr;
    1.35 +  -webkit-font-feature-settings: 'liga';
    1.36 +  -webkit-font-smoothing: antialiased;
    1.37 +}
    1.38 +.material-icons.icon-green {
    1.39 +  color: #4CAF50;
    1.40 +}
    1.41 +.material-icons.icon-yellow {
    1.42 +  color: #FFEB3B;
    1.43 +}
    1.44 +.material-icons.icon-red {
    1.45 +  color: #F44336;
    1.46 +}
    1.47 +.mapboxgl-popup-content {
    1.48 +  max-width: 200px;
    1.49 +}
    1.50 +body {
    1.51 +  font-family: "Roboto";
    1.52 +  background: #fff;
    1.53 +}
    1.54 +strong {
    1.55 +  font-family: "Roboto Bold";
    1.56 +}
    1.57 +.slot_error {
    1.58 +  margin: 20px 20px 0 20px;
    1.59 +  background: #fed;
    1.60 +  padding: 20px;
    1.61 +}
    1.62 +.slot_notice {
    1.63 +  margin: 20px 20px 0 20px;
    1.64 +  background: #efd;
    1.65 +  padding: 20px;
    1.66 +}
    1.67 +h1 {
    1.68 +  font-size: 24px;
    1.69 +  margin-bottom: 0px;
    1.70 +}
    1.71 +
    1.72 +.mdl-layout__container {
    1.73 +  max-width: 1600px;
    1.74 +  height: auto;
    1.75 +  background: #f7f7f7;
    1.76 +}
    1.77 +.mdl-layout__header-row {
    1.78 +  padding-left: 20px !important;
    1.79 +  padding-right: 10px !important;
    1.80 +}
    1.81 +.mdl-layout__content {
    1.82 +  flex-shrink: 0;
    1.83 +  width: 100%;
    1.84 +}
    1.85 +#lf-member-menu {
    1.86 +  cursor: pointer;
    1.87 +}
    1.88 +.notifications {
    1.89 +  display: block;
    1.90 +  text-align: center;
    1.91 +}
    1.92 +.page-content {
    1.93 +  xdisplay: flex;
    1.94 +  width: 100%;
    1.95 +}
    1.96 +.map, .ui_field_location {
    1.97 +  border: none;
    1.98 +  width: 100%;
    1.99 +  height: auto;
   1.100 +  max-height: 80vh;
   1.101 +  position: relative;
   1.102 +  border-radius: 2px;
   1.103 +}
   1.104 +.map:before {
   1.105 +  content: "";
   1.106 +  display: block;
   1.107 +  padding-top: 100%;
   1.108 +}
   1.109 +.map iframe {
   1.110 +  position: absolute;
   1.111 +  top: 0;
   1.112 +  left: 0;
   1.113 +  right: 0;
   1.114 +  bottom: 0;
   1.115 +  height: 100%;
   1.116 +}
   1.117 +.axto-logo {
   1.118 +  width: 100%;
   1.119 +}
   1.120 +.mdl-card__title-text a.issue {
   1.121 +  font-size: 18px;
   1.122 +  line-height: 20px;
   1.123 +}
   1.124 +.mdl-list__item .initiative_name {
   1.125 +  font-size: 18px;
   1.126 +  line-height: normal;
   1.127 +}
   1.128 +.initiatives.mdl-list  {
   1.129 +  margin-top: 5px;
   1.130 +  margin-bottom: 5px;
   1.131 +  padding-bottom: 0px;
   1.132 +}
   1.133 +.initiatives .mdl-list__item--three-line {
   1.134 +  min-height: 0;
   1.135 +  padding-top: 0;
   1.136 +  padding-bottom: 0;
   1.137 +}
   1.138 +.mdl-data-table__fullwidth {
   1.139 +  width: 100%;
   1.140 +}
   1.141 +.mdl-textfield__fullwidth {
   1.142 +  width: 100%;
   1.143 +}
   1.144 +
   1.145 +.mdl-card {
   1.146 +  min-height: 20px;
   1.147 +  overflow: visible;
   1.148 +  display: block;
   1.149 +  margin-bottom: 16px;
   1.150 +  border-radius: 5px;
   1.151 +}
   1.152 +
   1.153 +.mdl-card__title {
   1.154 +  border-radius: 5px 5px 0 0;
   1.155 +}
   1.156 +
   1.157 +.mdl-card__fullwidth {
   1.158 +  width: 100%;
   1.159 +}
   1.160 +.mdl-card__title {
   1.161 +  display: block;
   1.162 +}
   1.163 +.mdl-card__title > h2,
   1.164 +.mdl-card__title > a {
   1.165 +  display: inline-block;
   1.166 +  vertical-align: top;
   1.167 +}
   1.168 +.mdl-card__subtitle-text {
   1.169 +  display: block;
   1.170 +}
   1.171 +.mdl-card__content {
   1.172 +  font-size: 1rem;
   1.173 +  padding: 16px;
   1.174 +}
   1.175 +.mdl-card__content.mdl-card--no-bottom-pad {
   1.176 +  padding-bottom: 0;
   1.177 +}
   1.178 +.mdl-card__actions.mdl-card--action-border,
   1.179 +.mdl-card__content.mdl-card--border {
   1.180 +  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   1.181 +}
   1.182 +.mdl-card__actions.mdl-card--notice,
   1.183 +.mdl-card__content.mdl-card--notice {
   1.184 +  background: #fff9c4;
   1.185 +}
   1.186 +.mdl-card--has-fab {
   1.187 +  position: relative;
   1.188 +}
   1.189 +.mdl-special-card {
   1.190 +  background: #fff;
   1.191 +  margin-bottom: 16px;
   1.192 +  border-radius: 5px;
   1.193 +}
   1.194 +
   1.195 +.mdl-navigation__head {
   1.196 +  font-family: "Roboto Bold";
   1.197 +}
   1.198 +.mdl-list__item--three-line {
   1.199 +  height: auto;
   1.200 +  min-height: 88px;
   1.201 +}
   1.202 +.mdl-list__item--three-line .mdl-list__item-primary-content {
   1.203 +  height: auto;
   1.204 +  min-height: 52px;
   1.205 +}
   1.206 +.mdl-chip {
   1.207 +  vertical-align: middle;
   1.208 +}
   1.209 +.mdl-chip.clickable {
   1.210 +  cursor: pointer;
   1.211 +}
   1.212 +.mdl-menu {
   1.213 +  z-index: -9999;
   1.214 +}
   1.215 +.mdl-card {
   1.216 +  z-index: auto !important;
   1.217 +}
   1.218 +.mdl-menu__item {
   1.219 +  padding: 0;
   1.220 +}
   1.221 +.mdl-menu__link {
   1.222 +  display: block;
   1.223 +  padding: 0 16px;
   1.224 +  min-height: 48px;
   1.225 +  text-decoration: none;
   1.226 +  color: #444;
   1.227 +}
   1.228 +.mdl-tabs__tab-bar {
   1.229 +  justify-content: flex-start;
   1.230 +}
   1.231 +.mdl-tabs__tab.is-active {
   1.232 +color: rgba(0,0,0, 0.87);
   1.233 +}
   1.234 +.mdl-data-table--condensed tbody tr {
   1.235 +  height: 24px;
   1.236 +}
   1.237 +.mdl-data-table--condensed td {
   1.238 +  padding-top: 0;
   1.239 +  padding-bottom: 0;
   1.240 +  height: 24px;
   1.241 +}
   1.242 +.mdl-button--underlined {
   1.243 +  text-decoration: underline;
   1.244 +}
   1.245 +.right {
   1.246 +  text-align: right;
   1.247 +}
   1.248 +.mdl-tabs__left {
   1.249 +  display: inline-block;
   1.250 +  width: auto;
   1.251 +}
   1.252 +.float-left {
   1.253 +  float: left;
   1.254 +}
   1.255 +.float-right {
   1.256 +  float: right;
   1.257 +}
   1.258 +.clear-left {
   1.259 +  clear: left;
   1.260 +}
   1.261 +.clear-right {
   1.262 +  clear: right;
   1.263 +}
   1.264 +.float-right .mdl-menu__container {
   1.265 +  margin-right: 20px;
   1.266 +}
   1.267 +.inline {
   1.268 +  display: inline-block;
   1.269 +}
   1.270 +.warning {
   1.271 +  background-color: #fff9c4;
   1.272 +  color: #212121;
   1.273 +  padding: 16px;
   1.274 +  border-radius: 2px;
   1.275 +}
   1.276 +.toolbar a {
   1.277 +  color: #000;
   1.278 +  display: inline-block;
   1.279 +  border: 1px solid #ccc;
   1.280 +  position: relative;
   1.281 +}
   1.282 +
   1.283 +.toolbar a.wysihtml-command-active {
   1.284 +  background: #000;
   1.285 +  color: #fff;
   1.286 +
   1.287 +}
   1.288 +
   1.289 +.toolbar a span.crossed {
   1.290 +  position: absolute;
   1.291 +  top: 0;
   1.292 +  left: 8px;
   1.293 +  font-weight: bold;
   1.294 +  font-size: 200%;
   1.295 +  line-height: 80%;
   1.296 +}
   1.297 +.toolbar a span.head_level {
   1.298 +  position: absolute;
   1.299 +  right: 0;
   1.300 +  bottom: 0;
   1.301 +}
   1.302 +
   1.303 +textarea {
   1.304 +  font-family: sans-serif;
   1.305 +  font-weight: normal !important;
   1.306 +  width: 100%;
   1.307 +  height: 40ex;
   1.308 +}
   1.309 +.bargraph {
   1.310 +  display: inline-block;
   1.311 +  vertical-align: top;
   1.312 +  height: 9px;
   1.313 +}
   1.314 +
   1.315 +.bargraph div {
   1.316 +  margin: 0;
   1.317 +  padding: 0;
   1.318 +  display: inline-block;
   1.319 +  height: 9px;
   1.320 +}
   1.321 +.draft {
   1.322 +  font-family: 'Roboto Slab';
   1.323 +  font-weight: 300;
   1.324 +  overflow: auto;
   1.325 +  clear: left;
   1.326 +}
   1.327 +.draft img {
   1.328 +  float: right;
   1.329 +  margin-left: 1em;
   1.330 +}
   1.331 +
   1.332 +.draft .landscape img {
   1.333 +  width: 50%;
   1.334 +}
   1.335 +
   1.336 +.draft .portrait img {
   1.337 +  width: 33.333%;
   1.338 +}
   1.339 +.member_weight {
   1.340 +  background: #070;
   1.341 +  color: #fff;
   1.342 +  border-radius: 8px;
   1.343 +  padding: 0 3px;
   1.344 +}
   1.345 +.card-issue {
   1.346 +  background: rgb(76,175,80);
   1.347 +}
   1.348 +.card-issue a {
   1.349 +  color: #fff;
   1.350 +}
   1.351 +@media (max-width: 960px) {
   1.352 +  .draft img {
   1.353 +    float: none;
   1.354 +    margin-left: 0;
   1.355 +  }
   1.356 +  .draft a.portrait,
   1.357 +  .draft a.landscape {
   1.358 +    width: 100%;
   1.359 +    display: block;
   1.360 +    text-align: center;
   1.361 +    margin-bottom: 2ex;
   1.362 +  }
   1.363 +  .draft .landscape img {
   1.364 +    width: 100%;
   1.365 +  }
   1.366 +  .draft .portrait img {
   1.367 +    width: 66.666%;
   1.368 +  }
   1.369 +}
   1.370 +
   1.371 +.draft h1 {
   1.372 +  font-size: 150%;
   1.373 +  margin-bottom: 0;
   1.374 +}
   1.375 +.draft h2 {
   1.376 +  font-size: 133%;
   1.377 +  margin-bottom: 0;
   1.378 +}
   1.379 +.draft h3 {
   1.380 +  font-size: 125%;
   1.381 +  margin-bottom: 0;
   1.382 +}
   1.383 +.draft > a:first-child + h1,
   1.384 +.draft > h1:first-child,
   1.385 +.draft > h2:first-child,
   1.386 +.draft > h3:first-child {
   1.387 +  margin-top: 0;
   1.388 +}
   1.389 +@media (max-width: 960px) {
   1.390 +  .draft > a:first-child + h1 {
   1.391 +    margin-top: 20px;
   1.392 +  }
   1.393 +}
   1.394 +
   1.395 +.folded {
   1.396 +  position: relative;
   1.397 +}
   1.398 +.folded .suggestion-content {
   1.399 +  max-height: 180px;
   1.400 +  overflow: hidden;
   1.401 +  position: relative;
   1.402 +}
   1.403 +.folded .suggestion-content:before {
   1.404 +  content: "";
   1.405 +  width: 100%;
   1.406 +  height: 25%;
   1.407 +  position: absolute;
   1.408 +  left: 0;
   1.409 +  bottom: 0;
   1.410 +background: linear-gradient(rgba(0,0,0,0), #fff);
   1.411 +}
   1.412 +.suggestion-less,
   1.413 +.suggestion-more {
   1.414 +  display: none;
   1.415 +}
   1.416 +.folded .suggestion-more,
   1.417 +.unfolded .suggestion-less {
   1.418 +  display: inline-block;
   1.419 +}
   1.420 +
   1.421 +.diff .diff_removed {
   1.422 +  text-decoration: line-through;
   1.423 +  background: #f00;
   1.424 +}
   1.425 +
   1.426 +.diff .diff_added {
   1.427 +  text-decoration: underline;
   1.428 +  background: #0f0;
   1.429 +}
   1.430 +
   1.431 +.material-icons {
   1.432 +  vertical-align: middle;
   1.433 +}
   1.434 +.material-icons-small {
   1.435 +  font-size: 18px;
   1.436 +}
   1.437 +
   1.438 +a.mdl-layout-title {
   1.439 +  color: #fff;
   1.440 +  text-decoration: none;
   1.441 +}
   1.442 +
   1.443 +.what-can-i-do-here .mdl-card__content {
   1.444 +  font-size: 18px;
   1.445 +}
   1.446 +
   1.447 +.what-can-i-do-here .mdl-card__content ul {
   1.448 +  font-size: 1rem;
   1.449 +}
   1.450 +
   1.451 +.what-can-i-do-here ul {
   1.452 +  margin-top: 0.5em;
   1.453 +  margin-bottom: 0;
   1.454 +  padding-left: 1.5em
   1.455 +}
   1.456 +
   1.457 +
   1.458 +
   1.459 +.lf-filter .mdl-button {
   1.460 +  padding-right: 4px;
   1.461 +}
   1.462 +
   1.463 +.phase-current {
   1.464 +  font-family: "Roboto Bold";
   1.465 +}
   1.466 +
   1.467 +.phase-info {
   1.468 +  padding-left: 27px;
   1.469 +  margin-bottom: 1ex;
   1.470 +}
   1.471 +
   1.472 +.clickable {
   1.473 +  cursor: pointer;
   1.474 +}
   1.475 +
   1.476 +.slot_title {
   1.477 +  margin-left: 16px;
   1.478 +  margin-top: 16px;
   1.479 +  font-size: 18px;
   1.480 +}
   1.481 +
   1.482 +.slot_title > a,
   1.483 +.slot_title > span {
   1.484 +  display: inline-block;
   1.485 +  padding: 0 4px 0 0;
   1.486 +  
   1.487 +}
   1.488 +
   1.489 +.slot_title a.home {
   1.490 +  margin: 0;
   1.491 +}
   1.492 +
   1.493 +.home i {
   1.494 +  font-size: 32px;
   1.495 +}
   1.496 +
   1.497 +/* fix missing contrast */
   1.498 +.mdl-list__item--three-line .mdl-list__item-text-body,
   1.499 +.mdl-card__supporting-text,
   1.500 +.mdl-card__subtitle-text {
   1.501 +  color: rgba(0,0,0, 0.75);
   1.502 +}
   1.503 +   
   1.504 +.mdl-textfield__label {
   1.505 +  color: rgba(0,0,0, 0.5);    
   1.506 +}
   1.507 +
   1.508 +.mdl-list__item--three-line .mdl-list__item-text-body {
   1.509 +  height: auto;
   1.510 +  padding-bottom: 10px;
   1.511 +}
   1.512 +
   1.513 +select {  
   1.514 +  font-family: 'Roboto','Helvetica','Arial',sans-serif;
   1.515 +  background-color: transparent;
   1.516 +  padding: 5px 0;
   1.517 +  border: none;
   1.518 +  border-bottom: 1px solid rgba(0,0,0, 0.12);
   1.519 +  font-size: 1rem;
   1.520 +}
   1.521 +
   1.522 +
   1.523 +.initiative_list .mdl-list__item {
   1.524 +  display: block;
   1.525 +}
   1.526 +.initiative_list .mdl-list__item-avatar {
   1.527 +  float: left;
   1.528 +  margin-right: 8px;
   1.529 +}
   1.530 +.initiative_list .mdl-list__item-avatar i {
   1.531 +  padding-left: 8px;
   1.532 +}
   1.533 +.initiative_list .mdl-list__item-avatar.positive {
   1.534 +  background: #4caf50;
   1.535 +}
   1.536 +.initiative_list .mdl-list__item-avatar.positive i {
   1.537 +  padding-top: 8px;
   1.538 +  vertical-align: top;
   1.539 +}
   1.540 +.initiative_list .mdl-list__item-avatar.negative {
   1.541 +  background: #f44336;
   1.542 +}
   1.543 +.initiative_list .mdl-list__item-avatar.negative i {
   1.544 +  padding-top: 10px;
   1.545 +  vertical-align: top;
   1.546 +}
   1.547 +
   1.548 +.initiative_pie {
   1.549 +  float: left;
   1.550 +  margin-right: 15px;
   1.551 +  margin-bottom: 15px;
   1.552 +}
   1.553 +
   1.554 +.initiative .result {
   1.555 +  font-family: "Roboto Bold";
   1.556 +}
   1.557 +
   1.558 +.admitted_info, .not_admitted_info {
   1.559 +  margin-left: 15px;
   1.560 +}
   1.561 +
   1.562 +.admitted_info table th,
   1.563 +.not_admitted_info table th {
   1.564 +  text-align: left;
   1.565 +  padding-right: 10px;
   1.566 +}
   1.567 +
   1.568 +.admitted_info table td,
   1.569 +.not_admitted_info table td {
   1.570 +  text-align: right;
   1.571 +  padding-right: 5px;
   1.572 +}
   1.573 +
   1.574 +.admitted
   1.575 +
   1.576 +.event_info i {
   1.577 +  font-size: 18px;
   1.578 +  color: #444;
   1.579 +  margin-right: 4px;
   1.580 +}
   1.581 +
   1.582 +.ui_list_row label.mdl-radio {
   1.583 +  display: inline;
   1.584 +}
   1.585 +
   1.586 +.member_image_photo {
   1.587 +  margin-top: 2ex;
   1.588 +  margin-bottom: 2ex;
   1.589 +}
   1.590 +
   1.591 +.contextlinks {
   1.592 +  color: #fff;
   1.593 +  xfont-size: 14px;
   1.594 +  xmargin-bottom: 5px;
   1.595 +}
   1.596 +    
   1.597 +/*************************************************************************
   1.598 + * Voting
   1.599 + */
   1.600 +.main .section #voting_form .sectionRow:last-child {
   1.601 +  border-radius: 0;
   1.602 +  margin-bottom: 0;
   1.603 +}
   1.604 +#voting {
   1.605 +  margin-top: 3ex;
   1.606 +  position: relative;
   1.607 +  margin-bottom: 2ex;
   1.608 +}
   1.609 +#voting .approval,
   1.610 +#voting .abstention,
   1.611 +#voting .disapproval {
   1.612 +  border: 1px #ccc solid;
   1.613 +  margin-bottom: 3ex;
   1.614 +  padding: 1ex;
   1.615 +  padding-bottom: 1ex;
   1.616 +  border-radius: 2px;
   1.617 +  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
   1.618 +}
   1.619 +#voting .movable {
   1.620 +  cursor: pointer;
   1.621 +}
   1.622 +#voting .disapproval {
   1.623 +  margin-bottom: 2ex;
   1.624 +}
   1.625 +#voting .approval {
   1.626 +  background-color: #9f9;
   1.627 +}
   1.628 +#voting .approval .movable {
   1.629 +  background-color: #dfd;
   1.630 +}
   1.631 +#voting .abstention {
   1.632 +  background-color: #eee;
   1.633 +}
   1.634 +#voting .abstention .movable {
   1.635 +  background-color: #fff;
   1.636 +}
   1.637 +#voting .disapproval {
   1.638 +  background-color: #f88;
   1.639 +}
   1.640 +#voting .disapproval .movable {
   1.641 +  background-color: #fbb;
   1.642 +}
   1.643 +#voting .movable {
   1.644 +  position: relative;
   1.645 +  border: 1px black solid;
   1.646 +  margin-top: 1ex;
   1.647 +  padding: 0;
   1.648 +  border-radius: 2px;
   1.649 +  min-height: 64px;
   1.650 +  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
   1.651 +}
   1.652 +#voting .initiative_name {
   1.653 +  display: inline-block;
   1.654 +  margin: 5px;
   1.655 +  font-family: "Roboto Bold";
   1.656 +}
   1.657 +
   1.658 +#voting .voting_form_active .movable {
   1.659 +  cursor: pointer;
   1.660 +  vertical-align: middle;
   1.661 +  cursor: move;
   1.662 +}
   1.663 +#voting .voting_form_active .clickable {
   1.664 +  cursor: auto;
   1.665 +}
   1.666 +#voting .voting_form_active a.clickable {
   1.667 +  cursor: pointer;
   1.668 +}
   1.669 +
   1.670 +div.form .ui_field_label {
   1.671 +  text-transform: uppercase;
   1.672 +  font-size: 80%;
   1.673 +}
   1.674 +div.form .member_photo .member_image.member_image_photo {
   1.675 +  margin-top: 0;
   1.676 +}
   1.677 +
   1.678 +.trace_list {
   1.679 +  margin-left: 10px;
   1.680 +  list-style-type: none;
   1.681 +  padding: 0;
   1.682 +  line-height: 120%;
   1.683 +}
   1.684 +
   1.685 +.trace_list .trace_list {
   1.686 +  padding-left: 10px;
   1.687 +  border-left: 1px solid #999;
   1.688 +}
   1.689 +
   1.690 +.trace_list .trace_head {
   1.691 +  margin-top: 10px;
   1.692 +  padding: 3px 5px 3px 5px;
   1.693 +  font-weight: 700;
   1.694 +}
   1.695 +
   1.696 +.trace_list li {
   1.697 +  margin-top: 5px;
   1.698 +  margin-bottom: 5px;
   1.699 +}
   1.700 +
   1.701 +.trace_list .trace_filter .trace_head {
   1.702 +  background: #acf;
   1.703 +  color: #000;
   1.704 +}
   1.705 +
   1.706 +.trace_list .trace_request .trace_head,
   1.707 +.trace_list .trace_view .trace_head {
   1.708 +  background: #000;
   1.709 +  color: #fff;
   1.710 +}
   1.711 +
   1.712 +.trace_list .trace_config .trace_head,
   1.713 +.trace_list .trace_view .trace_view .trace_head {
   1.714 +  background: #ccc;
   1.715 +  color: #000;
   1.716 +}
   1.717 +
   1.718 +.trace_list .trace_head .time {
   1.719 +  float: right;
   1.720 +  font-weight: 500;
   1.721 +  font-size: 90%;
   1.722 +  line-height: 100%;
   1.723 +  margin-top: 5px;
   1.724 +}
   1.725 +
   1.726 +.trace_list .trace_sql {
   1.727 +  color: #050;
   1.728 +}
   1.729 +
   1.730 +.trace_list .trace_sql_time {
   1.731 +  background: #070;
   1.732 +  color: #fff;
   1.733 +  padding: 0px 3px;
   1.734 +  border-radius: 5px;
   1.735 +}
   1.736 +
   1.737 +