logviewer/static/css/kismet.css

   1 :root {
   2     --main-background-color: #FFF;
   3     --main-text-color: #000;
   4 }
   5
   6 [data-theme="dark"] {
   7     --main-background-color: #222;
   8     --main-text-color: #FFF;
   9 }
  10
  11
  12 html, body {
  13     height: 100%
  14 }
  15
  16 body {
  17     overflow: hidden;
  18     background-color: --var(--main-background-color);
  19     color: --var(--main-text-color);
  20 }
  21
  22 #mainholder {
  23     /*
  24     min-height: 100%;
  25     position: relative;
  26     */
  27
  28     min-width: 100%;
  29     min-height: 100%;
  30     display: -webkit-box;
  31     display: -moz-box;
  32     display: -ms-flexbox;
  33     display: -webkit-flex;
  34     display: flex;
  35     -ms-flex-direction: column;
  36     -moz-flex-direction: column;
  37     -webkit-flex-direction: column;
  38     flex-direction: column;
  39
  40 }
  41
  42 #panelcontainer {
  43     /*padding-bottom: 30px;*/
  44
  45     -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  46     -moz-box-flex: 1; /* OLD - Firefox 19- */
  47     -webkit-flex: 1; /* Chrome */
  48     -ms-flex: 1; /* IE 10 */
  49     flex: 1; /* NEW, */
  50 }
  51
  52 #golden {
  53     width: 100%;
  54     height: calc(100% - 60px);
  55 }
  56
  57 #creditbar {
  58
  59     /*
  60     width:100%;
  61     position: absolute;
  62     left: 0;
  63     bottom: 30px;
  64     */
  65
  66     background-color: #ccc;
  67     font-size: 13px;
  68     height: 20px;
  69 }
  70
  71
  72 .ui-layout-pane-north {
  73     padding: 0 !important;
  74     border-bottom: none;
  75     overflow: hidden !important;
  76 }
  77
  78 .ui-layout-center {
  79     overflow: hidden !important;
  80 }
  81
  82 .ui-layout-pane-south {
  83     padding: 0 !important;
  84     border-top: none;
  85 }
  86
  87 #topbar {
  88     position: relative;
  89     overflow: hidden !important;
  90     height: 40px;
  91     background-color: #ccc;
  92     padding-left: 10px;
  93     padding-right: 10px;
  94 }
  95
  96 /* Title text */
  97 #topbar_title {
  98     float: left;
  99
 100     position: relative;
 101     padding-left: 10px;
 102
 103     top: 50%;
 104     transform: translateY(-50%);
 105
 106     font-style: bold;
 107     font-size: 24px;
 108 }
 109
 110 /* Sidebar button */
 111 #pm_open {
 112     top: 50%;
 113     transform: translateY(-50%);
 114
 115     margin-left: 10px;
 116     margin-right: 10px;
 117
 118     float: left;
 119
 120     position: relative;
 121
 122     font-size: 18px;
 123 }
 124
 125 div.topright_holder {
 126     float: right;
 127     position: relative;
 128     top: 50%;
 129     transform: translateY(-50%);
 130     margin-right: 10px;
 131 }
 132
 133 #topbar_battery {
 134     display: inline-block;
 135 }
 136
 137 /* Tabs minimalism from http://keith-wood.name/uitabs.html#tabs-min */
 138 .tabs-min {
 139     background: transparent;
 140     border: none;
 141 }
 142
 143 .ui-tabs {
 144     padding-top: 0;
 145     padding-bottom: 0;
 146     padding-left: 0.5em;
 147     padding-right: 0.5em;
 148 }
 149
 150 .ui-tabs-panel {
 151     padding: 0 !important;
 152 }
 153
 154 .ui-widget-header {
 155     background: transparent;
 156     border: none;
 157     border-bottom: 1px solid #909090;
 158     -moz-border-radius: 0px;
 159     -webkit-border-radius: 0px;
 160     border-radius: 0px;
 161 }
 162 .ui-tabs-nav .ui-state-default {
 163     background: transparent;
 164     border: none;
 165 }
 166 .ui-tabs-nav .ui-state-active {
 167     background: transparent url(images/uiTabsArrow.png) no-repeat bottom center;
 168     border: none;
 169 }
 170 .ui-tabs-nav .ui-state-default a {
 171     color: #808080;
 172 }
 173 .ui-tabs-nav .ui-state-active a {
 174     color: #303030;
 175 }
 176
 177 .kismet-highlight {
 178     filter: brightness(0.75);
 179 }
 180
 181 div.k-c-p-column {
 182     padding: 2px;
 183     margin: 3px;
 184     border-style: solid;
 185     border-width: 1px;
 186     background-color: #D0D0D0;
 187 }
 188
 189 div.k-c-p-header {
 190     padding: 2px;
 191     margin: 3px;
 192     border-width: 1px;
 193     border-style: transparent;
 194 }
 195
 196 div.k-c-p-column:hover {
 197     background-color: #B0B0B0;
 198 }
 199
 200 i.k-c-p-c-mover {
 201     padding-left: 5px;
 202     padding-right: 5px;
 203     color: grey;
 204 }
 205
 206 .k-c-p-c-enable {
 207     display: inline-block;
 208     width: 1em;
 209     padding-left: 5px;
 210     padding-right: 5px;
 211     text-align: center;
 212 }
 213
 214 div.k-c-p-c-name {
 215     display: inline-block;
 216     margin: 3px;
 217     width: 15em;
 218 }
 219
 220 div.k-c-p-c-title {
 221     display: inline-block;
 222     margin: 3px;
 223     width: 10em;
 224 }
 225
 226 div.k-c-p-c-notes {
 227     display: inline-block;
 228     margin: 3px;
 229     width: 10em;
 230 }
 231
 232 .toggle.expander.expanded {
 233     padding-left: 13px;
 234     background-position: left center;
 235     background-repeat: no-repeat;
 236     background-image: url(../images/expanded.gif);
 237 }
 238
 239 .toggle.expander.collapsed {
 240     padding-left: 13px;
 241     background-position: left center;
 242     background-repeat: no-repeat;
 243     background-image: url(../images/collapsed.gif);
 244 }
 245
 246 .spacer {
 247     height: 5px;
 248     clear: both;
 249     width: 100%;
 250     display: block;
 251 }
 252
 253 .fixeddt {
 254     table-layout: fixed;
 255     word-wrap: break-word;
 256 }
 257
 258 .dt_td {
 259     text-overflow: clip;
 260     overflow: hidden;
 261     padding-right: 1px;
 262 }
 263