applications/luci-app-lldpd/htdocs/luci-static/resources/lldpd/lldpd.css

   1 /*
   2  * Copyright (c) 2020, Tano Systems LLC. All Rights Reserved.
   3  * Author: Anton Kikin <a.kikin@tano-systems.com>
   4  * Copyright (c) 2023-2024. All Rights Reserved.
   5  * Paul Donald <newtwen+github@gmail.com>
   6  */
   7
   8 /*
   9  * Filter select widget
  10  */
  11 table.lldpd-filter td,
  12 table.lldpd-filter th {
  13         border: 1px solid #ccc !important;
  14         padding: 2px 10px;
  15         text-align: center;
  16 }
  17
  18 table.lldpd-filter td,
  19 table.lldpd-filter td input[type="radio"] {
  20         vertical-align: middle;
  21 }
  22
  23 table.lldpd-filter th { font-weight: bold; }
  24
  25 table.lldpd-filter tbody tr {
  26         cursor: pointer;
  27 }
  28
  29 table.lldpd-filter tr.lldpd-filter-selected td {
  30         background-color: #EEE;
  31 }
  32
  33 /*
  34  * Parameters
  35  */
  36 .lldpd-params {
  37         column-count: 2;
  38         column-gap: 24px;
  39 }
  40
  41 @media only screen and (max-width: 850px) {
  42         .lldpd-params {
  43                 column-count: 1;
  44         }
  45 }
  46
  47 .lldpd-params > div {
  48         display: grid;
  49         grid-template-columns: 1fr auto;
  50         border-bottom: 1px solid #e6e6e6;
  51         padding: 0 8px;
  52 /*      column-break-inside: avoid;*/
  53 }
  54
  55 .td .lldpd-params > div:last-of-type {
  56         border-bottom: none;
  57 }
  58
  59 .lldpd-params .lldpd-param {
  60         margin-right: 10px;
  61         font-weight: bold;
  62 }
  63
  64 .lldpd-params .lldpd-param::after {
  65         content: ':';
  66 }
  67
  68 .lldpd-params .lldpd-param-value {
  69         white-space: normal;
  70         font-weight: normal;
  71         text-align: right;
  72 }
  73
  74 .td .lldpd-params {
  75         column-count: 1;
  76 }
  77
  78 .td .lldpd-params > div {
  79         padding: 0;
  80 }
  81
  82 /*
  83  * Status table
  84  */
  85 .lldpd-folded,
  86 .lldpd-unfolded {
  87         width: 100%;
  88 }
  89
  90 .lldpd-table .tr .td { cursor: pointer; }
  91
  92 .lldpd-protocol-badge {
  93         display: inline-block;
  94         width: auto !important;
  95         width: fit-content !important;
  96         box-shadow: 0 1px 3px 0 grey;
  97         padding: 0px 8px;
  98         border-radius: 5px;
  99         width: 100%;
 100         background-color: #e6e6e6;
 101         border: 0;
 102         margin-right: 5px;
 103         margin-bottom: 5px;
 104         color: #595959;
 105 }
 106
 107 .lldpd-protocol-badge.lldpd-protocol-lldp  { background-color: #b7efcf; border-color: #2abd69; color: #165e34; }
 108 .lldpd-protocol-badge.lldpd-protocol-cdp   { background-color: #b2daf3; border-color: #46a6e2; color: #1a74ac; }
 109 .lldpd-protocol-badge.lldpd-protocol-fdp   { background-color: #f9e3b3; border-color: #b7820f; color: #b7820f; }
 110 .lldpd-protocol-badge.lldpd-protocol-edp   { background-color: #f9e3f9; border-color: #e380e3; color: #b70f82; }
 111 .lldpd-protocol-badge.lldpd-protocol-sonmp { background-color: #f4ffc4; border-color: #a7ce00; color: #7e9b00; }