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 div.k-dsd-container {
  97     height: 100%;
  98     width: 100%;
  99     display: flex;
 100     flex-direction: row;
 101 }
 102
 103 div.k-dsd-info {
 104     height: 100%;
 105     width: 25%;
 106     padding: 10px;
 107 }
 108
 109 div.k-dsd-graph {
 110     height: 100%;
 111     width: 75%;
 112     flex: 1;
 113 }
 114
 115 canvas.k-dsd-canvas {
 116     width: 100%;
 117     height: 100%;
 118     padding: 10px;
 119 }
 120
 121 div.k-dsd-title {
 122     font-weight: bold;
 123     font-size: 14px;
 124 }
 125
 126 table.k-dsd-table {
 127     border: none !important;
 128 }
 129
 130 i.k-dsd-arrow {
 131     padding-left: 3px;
 132 }
 133
 134 i.k-dsd-arrow-up {
 135     color: green;
 136 }
 137
 138 i.k-dsd-arrow-down {
 139     color: red;
 140 }
 141
 142 div.k-b-s-plugin-title {
 143     padding-left: 10px;
 144     margin-top: 10px;
 145     border-left: 5px solid black;
 146 }
 147
 148 b.k-b-s-plugin-title {
 149     padding-left: 10px;
 150     padding-right: 10px;
 151 }
 152
 153 div.k-b-s-plugin-content {
 154     padding-left: 25px;
 155 }
 156
 157 div.viewselector {
 158     float: left;
 159 }
 160
 161 .selectoroverflow {
 162     height: 200px;
 163 }
 164
 165 .percentage-border {
 166     border: 1px solid #ccc !important;
 167     position: relative;
 168     left: 0;
 169     top: 0;
 170     height: 15px;
 171 }
 172
 173 .percentage-fill {
 174     color: #000 !important;
 175     background-color: #9e9e9e !important;
 176     position: absolute;
 177     left: 0;
 178     top: 0;
 179     height: 15px;
 180     line-height: 15px;
 181 }
 182
 183 .percentage-text {
 184     padding-left: 2px;
 185     position: absolute;
 186     left: 50%;
 187     height: 15px;
 188     line-height: 15px;
 189     text-align: center;
 190     z-index: 1;
 191 }
 192
 193 tr.alternating:nth-child(even) { background: #DDD; }
 194
 195 div.k-pqm-contentdiv {
 196     position: absolute;
 197     top: 5px;
 198     left: 5px;
 199     bottom: 5px;
 200     right: 5px;
 201     width: 100%;
 202     height: 100%;
 203 }
 204
 205 .padded {
 206     padding-right: 5px;
 207 }
 208
 209 label.padded {
 210     padding-right: 5px;
 211     padding-left: 5px;
 212 }
 213
 214 table.apitable {
 215     border: none;
 216 }
 217
 218 tr.apihover:hover {
 219     background-color: #DDDDDD;
 220 }
 221
 222
 223 th.apith {
 224     text-decoration: underline;
 225 }
 226
 227