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;
  20 }
  21
  22 #body-wrap {
  23     margin: 0px;
  24     padding: 0px;
  25 }
  26
  27 #header {
  28     position: absolute;
  29     padding: 2px 0.5em;
  30     background-color: #CDCDCD; /* !unused */
  31     border-bottom: 2px solid black;
  32
  33     font-size: 14px;
  34
  35     line-height: 26px;
  36     vertical-align: middle;
  37
  38     /* height: 30px; */
  39     top: 0px; left: 0px; right: 0px;
  40     z-index: 300;
  41 }
  42
  43 #content {
  44     position: absolute;
  45     top: 32px; left: 0px; right: 0px; bottom: 0px;
  46     overflow: auto;
  47     background-color: white;
  48 }
  49
  50 #header #breadcrumbs {
  51 }
  52
  53 #header-right-toolbar {
  54     position: absolute;
  55     right: 1em;
  56 }
  57
  58 #header button {
  59     vertical-align: middle;
  60 }
  61
  62 /* ========== */
  63 /* = Panels = */
  64 /* ========== */
  65
  66 /* #panels {
  67     height: 100%;
  68     width: 100%;
  69 }
  70
  71 .panel-wrap {
  72     overflow: hidden;
  73     position: absolute;
  74     top: 0px;
  75     bottom: 0px;
  76 }
  77
  78 #left-panel-wrap {
  79     left: 0px;
  80     width: 8px;
  81 }
  82
  83 #right-panel-wrap {
  84     right: 0px;
  85     width: auto;
  86     left: 8px;
  87 }
  88
  89 .panel-content {
  90     position: absolute;
  91     overflow: auto;
  92     overflow-x: hidden;
  93     top: 25px; left: 0px; bottom:0px; right: 0px;
  94 }
  95
  96 .panel-overlay {
  97     position: absolute;
  98     top: 0px; bottom: 0px; left: 0px; right: 0px;
  99     z-index: 100;
 100     background: gray;
 101     opacity: 0.8;
 102     text-align: center;
 103     overflow: hidden;
 104     display: none;
 105     cursor: col-resize;
 106 }
 107
 108 .panel-content-overlay {
 109 }
 110
 111 .panel-wrap.last-panel .panel-content {
 112     right: 0px;
 113 }
 114
 115 .panel-wrap.last-panel .panel-slider {
 116     display: none;
 117 }
 118
 119 .panel-wrap .panel-toolbar {
 120     position: absolute;
 121     top: 0px; left:0px; right: 0px; height: 26px;
 122     padding: 0px;
 123
 124     border-bottom: 1px solid #AAA;
 125     z-index: 80;
 126 }
 127 .panel-wrap .panel-slider {
 128     position: absolute;
 129     background-color: #DDD;
 130
 131     top: 0px; bottom: 0px; right: 0px; width: 4px;
 132
 133     border-left: 1px solid #999;
 134     border-right: 1px solid #999;
 135     border-top: none;
 136     border-bottom: none;
 137
 138     z-index: 90;
 139     cursor: col-resize;
 140 }
 141
 142 .panel-wrap .panel-slider:hover {
 143     background-color: #999;
 144 }
 145
 146 .panel-content-overlay.panel-wrap .panel-slider {
 147     background-color: #DDD;
 148 }
 149
 150 */
 151
 152 /* OLD STUFF AGAIN */
 153
 154 /* Commit dialog */
 155 #commit-dialog-error-empty-message {
 156     color: red;
 157     display: none;
 158     font-weight: bold;
 159 }
 160
 161 text#commit-dialog-message {
 162     width: 80%;
 163     margin: auto;
 164 }
 165
 166 #split-dialog .container-box form {
 167     margin: 0.2em 1em;
 168 }
 169
 170 #split-dialog .container-box fieldset {
 171     margin: 0.5em;
 172 }
 173
 174
 175
 176
 177 /* ======= */
 178 /* = New = */
 179 /* ======= */
 180 #splitview {
 181     width: 100%;
 182     height: 100%;
 183     padding: 0;
 184     margin: 0;
 185 }
 186
 187 .splitview-splitbar {
 188     width: 5px;
 189     border-left: 1px solid #999;
 190     border-right: 1px solid #999;
 191     height: 100%;
 192     background-color: #CCC;
 193     z-index: 100;
 194 }
 195
 196 .splitview-overlay {
 197     z-index: 90;
 198     background: #FFF;
 199     opacity: 0.5;
 200 }
 201
 202 .panel-container {
 203     height: 100%;
 204     position: relative;
 205 }
 206
 207 .content-view {
 208     position: absolute;
 209     top: 25px;
 210     right: 0;
 211     bottom: 0;
 212     left: 0;
 213     overflow: hidden;
 214 }
 215
 216 .panel-main-toolbar {
 217     z-index: 1100;
 218     position: absolute;
 219
 220     top: 0px;
 221     right: 0px;
 222     left: 0px;
 223     height: 24px;
 224
 225     border-bottom: 1px solid black;
 226     background: gray;
 227
 228     padding: 0px;
 229 }
 230
 231 .panel-main-toolbar p {
 232     margin: 0px;
 233     padding: 2px;
 234     line-height: 20px;
 235     font-size: 13px;
 236 }
 237
 238 .xmlview {
 239     height: 100%;
 240 }
 241
 242 .view-overlay {
 243     z-index: 1000;
 244     background: #FFF;
 245     opacity: 0.8;
 246     text-align: center;
 247     text-valign: center;
 248 }
 249
 250 .view-overlay p {
 251     display: block;
 252     position: relative;
 253     top: auto;
 254     bottom: auto;
 255     height: 40px;
 256 }
 257
 258 /* .buttontoolbarview {
 259     display: block;
 260     background-color: #CCC;
 261 }
 262
 263 .buttontoolbarview a {
 264     color: #000;
 265     text-decoration: none;
 266 } */ /* Similar classes already exist in toolbar.css */
 267
 268
 269 /* ================= */
 270 /* = Gallery panel = */
 271 /* ================= */
 272 .image-gallery-view-template {
 273     position: absolute;
 274     top: 0px; left: 0px; right: 0px; bottom: 0px;
 275     overflow: hidden;
 276 }
 277
 278 .image-gallery-header {
 279     position: absolute;
 280     bottom: 0px;
 281     left: 0px;
 282     right: 0px;
 283     height: 30px;
 284
 285     background: gray;
 286     border-top: 1px solid #780000;
 287     z-index: 100;
 288 }
 289
 290 input.image-gallery-current-page {
 291     text-align: center;
 292 }
 293
 294 .image-gallery-header p {
 295     margin: 0px;
 296     padding: 3px 1em;
 297     height: 30px;
 298     line-height: 24px;
 299     text-align: center;
 300     white-space: nowrap;
 301 }
 302
 303 .image-gallery-page-list {
 304     position: absolute;
 305     top: 0px;
 306     left: 0px;
 307     right: 0px;
 308     bottom: 31px;
 309     background: black;
 310     z-index: 0;
 311
 312     overflow: hidden;
 313 }
 314
 315 .image-gallery-page-container {
 316     display: none;
 317     border: none;
 318
 319     position: absolute;
 320     top: 0px; left: 0px;
 321
 322     text-align: center;
 323     padding: 0px;
 324 }
 325
 326 .htmlview {
 327     position: absolute;
 328     top: 25px;
 329     right: 0;
 330     bottom: 0;
 331     left: 0;
 332     overflow: auto;
 333     margin: 0;
 334 }
 335
 336 .image-gallery-page-container img {
 337     /* border: 2px solid green; */
 338     margin: 0px;
 339 }
 340
 341 body#base button {
 342     background-color: #DDD;
 343     border-width: 1px;
 344     padding: 0px 0.5em;
 345     font-family: Sans-Serif;
 346     /* color: #000; */
 347     margin: 2px 4px;
 348 }
 349
 350 body#base button:hover {
 351     background-color: #EEE;
 352 }
 353
 354 /* HTML editor interactive elements */
 355
 356 .html-editarea {
 357     border: 2px solid black;
 358     background-color: gray;
 359     padding: 1px;
 360
 361     z-index: 2000;
 362 }
 363
 364 .html-editarea textarea
 365 {
 366
 367     border: 0px;
 368     margin: 0px;
 369     padding: 0px;
 370
 371     width: 100%;
 372     height: 100%;
 373
 374     z-index: 0;
 375     font-size: 10pt;
 376     background-color: ivory;
 377 }
 378
 379 .html-editarea p.html-editarea-toolbar {
 380     position: absolute;
 381     background: gray;
 382
 383     bottom: -26px;
 384     height: 24px;
 385
 386     left: 0px;
 387     right: 0px;
 388
 389     border: 2px solid black;
 390
 391     margin: 0px;
 392     padding: 0px;
 393
 394     z-index: 100;
 395 }
 396
 397 /* ================= */
 398 /* = Message boxes = */
 399 /* ================= */
 400 .info {
 401     background-color: gray;
 402 }
 403
 404 .success {
 405     background-color: green;
 406 }
 407
 408 .error {
 409     background-color: yellow;
 410 }
 411
 412 .critical {
 413     background-color: red;
 414 }
 415