logviewer/static/css/kismet-dark.css

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