logviewer/static/css/kismet.css

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