platforma/static/css/master.css

   1 body {
   2     margin: 0;
   3
   4     font: 12px Helvetica, Verdana, sans-serif;
   5     overflow: hidden;
   6     background: #AAA;
   7 }
   8
   9 /*  fix icon buttons */
  10
  11 button img {
  12     vertical-align: middle;
  13     margin: 0px;
  14 }
  15
  16 /* default form style hacks */
  17 select {
  18     border: none;
  19     margin-left: 0.1em;f
  20 }
  21
  22 #body-wrap {
  23     margin: 0px;
  24     padding: 0px;
  25     position: fixed;
  26     left: 0px;
  27     right: 0px;
  28     bottom: 0px;
  29     top: 0px;
  30 }
  31
  32 #header {
  33     position: absolute;
  34     padding: 2px 0.5em;
  35     background-color: #CDCDCD; /* !unused */
  36     border-bottom: 2px solid black;
  37
  38     font-size: 14px;
  39
  40     line-height: 26px;
  41     vertical-align: middle;
  42
  43     /* height: 30px; */
  44     top: 0px; left: 0px; right: 0px;
  45     z-index: 300;
  46 }
  47
  48 #content {
  49     position: absolute;
  50     top: 32px; left: 0px; right: 0px; bottom: 0px;
  51     overflow: auto;
  52     background-color: white;
  53 }
  54
  55 #header #breadcrumbs {
  56 }
  57
  58 #header-right-toolbar {
  59     position: absolute;
  60     right: 1em;
  61 }
  62
  63 #header button {
  64     vertical-align: middle;
  65 }
  66
  67 /* Commit dialog */
  68 #commit-dialog-error-empty-message {
  69     color: red;
  70     display: none;
  71     font-weight: bold;
  72 }
  73
  74 text#commit-dialog-message {
  75     width: 80%;
  76     margin: auto;
  77 }
  78
  79 #split-dialog .container-box form {
  80     margin: 0.2em 1em;
  81 }
  82
  83 #split-dialog .container-box fieldset {
  84     margin: 0.5em;
  85 }
  86
  87
  88
  89
  90 /* ======= */
  91 /* = New = */
  92 /* ======= */
  93 #splitview {
  94     width: 100%;
  95     height: 100%;
  96     padding: 0;
  97     margin: 0;
  98 }
  99
 100 .splitview-splitbar {
 101     width: 5px;
 102     border-left: 1px solid #999;
 103     border-right: 1px solid #999;
 104     height: 100%;
 105     background-color: #CCC;
 106     z-index: 5100;
 107 }
 108
 109 .splitview-overlay {
 110     z-index: 5000;
 111     background: #FFF;
 112     opacity: 0.5;
 113 }
 114
 115 .panel-container {
 116     height: 100%;
 117     position: relative;
 118 }
 119
 120 .content-view {
 121     position: absolute;
 122     top: 25px;
 123     right: 0;
 124     bottom: 0;
 125     left: 0;
 126     overflow: hidden;
 127 }
 128
 129 .panel-main-toolbar {
 130     z-index: 1100;
 131     position: absolute;
 132
 133     top: 0px;
 134     right: 0px;
 135     left: 0px;
 136     height: 24px;
 137
 138     border-bottom: 1px solid black;
 139     background: gray;
 140
 141     padding: 0px;
 142 }
 143
 144 .panel-main-toolbar p {
 145     margin: 0px;
 146     padding: 2px;
 147     line-height: 20px;
 148     font-size: 13px;
 149 }
 150
 151 .xmlview {
 152     height: 100%;
 153 }
 154
 155 .view-overlay {
 156     display: none;
 157     z-index: 0;
 158     background: #FFF;
 159     text-align: center;
 160     vertical-align: middle;
 161
 162     position: absolute;
 163     left: 0;
 164     right: 0;
 165     top: 0;
 166     bottom: 0;
 167
 168     /* user-select: 'none';
 169     -webkit-user-select: 'none';
 170     -khtml-user-select: 'none';
 171     -moz-user-select: 'none'; */
 172
 173     overflow: 'hidden';
 174 }
 175
 176 .view-overlay div {
 177     position: absolute;
 178 }
 179
 180 /* .buttontoolbarview {
 181     display: block;
 182     background-color: #CCC;
 183 }
 184
 185 .buttontoolbarview a {
 186     color: #000;
 187     text-decoration: none;
 188 } */ /* Similar classes already exist in toolbar.css */
 189
 190
 191 /* ================= */
 192 /* = Gallery panel = */
 193 /* ================= */
 194 .image-gallery-view-template {
 195     position: absolute;
 196     top: 0px; left: 0px; right: 0px; bottom: 0px;
 197     overflow: hidden;
 198 }
 199
 200 .image-gallery-header {
 201     position: absolute;
 202     bottom: 0px;
 203     left: 0px;
 204     right: 0px;
 205     height: 30px;
 206
 207     background: gray;
 208     border-top: 1px solid #780000;
 209     z-index: 100;
 210 }
 211
 212 input.image-gallery-current-page {
 213     text-align: center;
 214 }
 215
 216 .image-gallery-header p {
 217     margin: 0px;
 218     padding: 3px 1em;
 219     height: 30px;
 220     line-height: 24px;
 221     text-align: center;
 222     white-space: nowrap;
 223 }
 224
 225 .image-gallery-page-list {
 226     position: absolute;
 227     top: 0px;
 228     left: 0px;
 229     right: 0px;
 230     bottom: 31px;
 231     background: black;
 232     z-index: 0;
 233
 234     overflow: hidden;
 235 }
 236
 237 .image-gallery-page-container {
 238     display: none;
 239     border: none;
 240
 241     position: absolute;
 242     top: 0px; left: 0px;
 243
 244     text-align: center;
 245     padding: 0px;
 246 }
 247
 248 .htmlview {
 249     position: absolute;
 250     top: 25px;
 251     right: 0;
 252     bottom: 0;
 253     left: 0;
 254     overflow: auto;
 255     margin: 0;
 256 }
 257
 258 .image-gallery-page-container img {
 259     /* border: 2px solid green; */
 260     margin: 0px;
 261 }
 262
 263 body#base button {
 264     background-color: #DDD;
 265     border-width: 1px;
 266     padding: 0px 0.5em;
 267     font-family: Sans-Serif;
 268     /* color: #000; */
 269     margin: 2px 4px;
 270 }
 271
 272 body#base button:hover {
 273     background-color: #EEE;
 274 }
 275
 276
 277
 278 /* ================= */
 279 /* = Message boxes = */
 280 /* ================= */
 281 .info {
 282     background-color: gray;
 283 }
 284
 285 .success {
 286     background-color: green;
 287 }
 288
 289 .error {
 290     background-color: yellow;
 291 }
 292
 293 .critical {
 294     background-color: red;
 295 }
 296