logviewer/static/css/kismet.ui.base.css

   1 table.kismet_devicedata {
   2     table-layout: fixed;
   3     width: 100%;
   4     border: 0;
   5 }
   6
   7 table.kismet_devicedata b {
   8     padding-top: 0.5em;
   9 }
  10
  11 table.kismet_devicedata td {
  12     vertical-align: top;
  13 }
  14
  15 td.kismet_devicedata_td_title:first-child {
  16     width: 40%;
  17     max-width: 250px;
  18 }
  19
  20 td.kismet_devicedata_td_content {
  21     width: 100%;
  22     max-width: 100%;
  23     word-wrap: break-word;
  24 }
  25
  26 .k_dd_td_help {
  27     font-size: 8px;
  28     color: #c0c0c0;
  29     position: relative;
  30     right: -8px;
  31 }
  32
  33 .k_dd_td_help:hover {
  34     color: black;
  35 }
  36
  37 td.kismet_devicedata_span {
  38     width: 100%;
  39 }
  40
  41 .k_padding_title {
  42     padding-top: 10px;
  43 }
  44
  45 /*
  46 table.kismet_devicedata td.span {
  47     text-align: center;
  48 }
  49 */
  50
  51 div.donut {
  52     width: 200px;
  53     height: 200px;
  54     margin: auto;
  55 }
  56
  57 div.smalldonut {
  58     width: 150px;
  59     height: 150px;
  60     margin: auto;
  61 }
  62
  63 div.freqbar {
  64     width: 350px;
  65     height: 150px;
  66     margin: auto;
  67 }
  68
  69 .expander.expanded {
  70     padding-left: 13px;
  71     background-position: left center;
  72     background-repeat: no-repeat;
  73     background-image: url(images/expanded.gif);
  74 }
  75
  76 .expander.collapsed {
  77     padding-left: 13px;
  78     background-position: left center;
  79     background-repeat: no-repeat;
  80     background-image: url(images/collapsed.gif);
  81 }
  82
  83 canvas.k-mm-canvas {
  84     width: 100%;
  85     height: 100%;
  86 }
  87
  88 .pseudolink {
  89     font-weight: bold;
  90 }
  91
  92 .pseudolink:hover {
  93     cursor: pointer;
  94 }
  95
  96 .clickable {
  97
  98 }
  99
 100 .clickable:hover {
 101     cursor: pointer;
 102 }
 103
 104 div.k-dsd-container {
 105     height: 100%;
 106     width: 100%;
 107     display: flex;
 108     flex-direction: row;
 109 }
 110
 111 div.k-dsd-info {
 112     height: 100%;
 113     width: 25%;
 114     padding: 10px;
 115 }
 116
 117 div.k-dsd-graph {
 118     height: 100%;
 119     width: 75%;
 120     flex: 1;
 121 }
 122
 123 canvas.k-dsd-canvas {
 124     width: 100%;
 125     height: 100%;
 126     padding: 10px;
 127 }
 128
 129 div.k-dsd-title {
 130     font-weight: bold;
 131     font-size: 14px;
 132 }
 133
 134 table.k-dsd-table {
 135     border: none !important;
 136 }
 137
 138 i.k-dsd-arrow {
 139     padding-left: 3px;
 140 }
 141
 142 i.k-dsd-arrow-up {
 143     color: green;
 144 }
 145
 146 i.k-dsd-arrow-down {
 147     color: red;
 148 }
 149
 150 div.k-b-s-plugin-title {
 151     padding-left: 10px;
 152     margin-top: 10px;
 153     border-left: 5px solid black;
 154 }
 155
 156 b.k-b-s-plugin-title {
 157     padding-left: 10px;
 158     padding-right: 10px;
 159 }
 160
 161 div.k-b-s-plugin-content {
 162     padding-left: 25px;
 163 }
 164
 165 div.viewselector {
 166     float: left;
 167 }
 168
 169 .selectoroverflow {
 170     height: 200px;
 171 }
 172
 173 .percentage-border {
 174     border: 1px solid #ccc !important;
 175     position: relative;
 176     left: 0;
 177     top: 0;
 178     height: 15px;
 179 }
 180
 181 .percentage-fill {
 182     color: #000 !important;
 183     background-color: #9e9e9e !important;
 184     position: absolute;
 185     left: 0;
 186     top: 0;
 187     height: 15px;
 188     line-height: 15px;
 189 }
 190
 191 .percentage-text {
 192     padding-left: 2px;
 193     position: absolute;
 194     left: 50%;
 195     height: 15px;
 196     line-height: 15px;
 197     text-align: center;
 198     z-index: 1;
 199 }
 200
 201 tr.alternating:nth-child(even) { background: #DDD; }
 202
 203 div.k-pqm-contentdiv {
 204     position: absolute;
 205     top: 5px;
 206     left: 5px;
 207     bottom: 5px;
 208     right: 5px;
 209     width: 100%;
 210     height: 100%;
 211 }
 212
 213 .padded {
 214     padding-right: 5px;
 215 }
 216
 217 label.padded {
 218     padding-right: 5px;
 219     padding-left: 5px;
 220 }
 221
 222 table.apitable {
 223     border: none;
 224 }
 225
 226 tr.apihover:hover {
 227     background-color: #DDDDDD;
 228 }
 229
 230
 231 th.apith {
 232     text-decoration: underline;
 233 }
 234
 235