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 #body-wrap {
  10     margin: 0px;
  11     padding: 0px;
  12     position: fixed;
  13     left: 0px;
  14     right: 0px;
  15     bottom: 0px;
  16     top: 0px;
  17 }
  18
  19 #header {
  20     position: absolute;
  21     padding: 2px 0.5em;
  22     background-color: #CDCDCD; /* !unused */
  23     border-bottom: 2px solid black;
  24
  25     font-size: 14px;
  26
  27     line-height: 26px;
  28     vertical-align: middle;
  29
  30     /* height: 30px; */
  31     top: 0px; left: 0px; right: 0px;
  32     z-index: 300;
  33 }
  34
  35 #content {
  36     position: absolute;
  37     top: 32px; left: 0px; right: 0px; bottom: 0px;
  38     overflow: auto;
  39     background-color: white;
  40 }
  41
  42 #header #breadcrumbs {
  43 }
  44
  45 #header-right-toolbar {
  46     position: absolute;
  47     right: 1em;
  48 }
  49
  50 /* Commit dialog */
  51 #commit-dialog-error-empty-message {
  52     color: red;
  53     display: none;
  54     font-weight: bold;
  55 }
  56
  57 text#commit-dialog-message {
  58     width: 80%;
  59     margin: auto;
  60 }
  61
  62 #split-dialog .container-box form {
  63     margin: 0.2em 1em;
  64 }
  65
  66 #split-dialog .container-box fieldset {
  67     margin: 0.5em;
  68 }
  69
  70
  71
  72
  73 /* ======= */
  74 /* = New = */
  75 /* ======= */
  76 #splitview {
  77     width: 100%;
  78     height: 100%;
  79     padding: 0;
  80     margin: 0;
  81 }
  82
  83 .splitview-splitbar {
  84     width: 5px;
  85     border-left: 1px solid #999;
  86     border-right: 1px solid #999;
  87     height: 100%;
  88     background-color: #CCC;
  89     z-index: 5100;
  90 }
  91
  92 .splitview-overlay {
  93     z-index: 5000;
  94     background: #FFF;
  95     opacity: 0.5;
  96 }
  97
  98 .panel-container {
  99     height: 100%;
 100     position: relative;
 101 }
 102
 103 .content-view {
 104     position: absolute;
 105     top: 25px;
 106     right: 0;
 107     bottom: 0;
 108     left: 0;
 109     overflow: hidden;
 110 }
 111
 112 .panel-main-toolbar {
 113     z-index: 1100;
 114     position: absolute;
 115
 116     top: 0px;
 117     right: 0px;
 118     left: 0px;
 119     height: 24px;
 120
 121     border-bottom: 1px solid black;
 122     background: gray;
 123
 124     padding: 0px;
 125 }
 126
 127 .panel-main-toolbar p {
 128     margin: 0px;
 129     padding: 2px;
 130     line-height: 20px;
 131     font-size: 13px;
 132 }
 133
 134 .xmlview {
 135     height: 100%;
 136 }
 137
 138 .view-overlay {
 139     display: none;
 140     z-index: 0;
 141     background: #FFF;
 142     text-align: center;
 143     vertical-align: middle;
 144
 145     position: absolute;
 146     left: 0;
 147     right: 0;
 148     top: 0;
 149     bottom: 0;
 150
 151     /* user-select: 'none';
 152     -webkit-user-select: 'none';
 153     -khtml-user-select: 'none';
 154     -moz-user-select: 'none'; */
 155
 156     overflow: 'hidden';
 157 }
 158
 159 .view-overlay div {
 160     position: absolute;
 161 }
 162
 163 /* .buttontoolbarview {
 164     display: block;
 165     background-color: #CCC;
 166 }
 167
 168 .buttontoolbarview a {
 169     color: #000;
 170     text-decoration: none;
 171 } */ /* Similar classes already exist in toolbar.css */
 172
 173
 174 /* ================= */
 175 /* = Gallery panel = */
 176 /* ================= */
 177 .image-gallery-view-template {
 178     position: absolute;
 179     top: 0px; left: 0px; right: 0px; bottom: 0px;
 180     overflow: hidden;
 181 }
 182
 183 .image-gallery-header {
 184     position: absolute;
 185     bottom: 0px;
 186     left: 0px;
 187     right: 0px;
 188     height: 30px;
 189
 190     background: gray;
 191     border-top: 1px solid #780000;
 192     z-index: 100;
 193 }
 194
 195 input.image-gallery-current-page {
 196     text-align: center;
 197 }
 198
 199 .image-gallery-header p {
 200     margin: 0px;
 201     padding: 3px 1em;
 202     height: 30px;
 203     line-height: 24px;
 204     text-align: center;
 205     white-space: nowrap;
 206 }
 207
 208 .image-gallery-page-list {
 209     position: absolute;
 210     top: 0px;
 211     left: 0px;
 212     right: 0px;
 213     bottom: 31px;
 214     background: black;
 215     z-index: 0;
 216
 217     overflow: hidden;
 218 }
 219
 220 .image-gallery-page-container {
 221     display: none;
 222     border: none;
 223
 224     position: absolute;
 225     top: 0px; left: 0px;
 226
 227     text-align: center;
 228     padding: 0px;
 229 }
 230
 231 .htmlview {
 232     position: absolute;
 233     top: 25px;
 234     right: 0;
 235     bottom: 0;
 236     left: 0;
 237     overflow: auto;
 238     margin: 0;
 239 }
 240
 241 .image-gallery-page-container img {
 242     /* border: 2px solid green; */
 243     margin: 0px;
 244 }
 245
 246
 247 /* ================= */
 248 /* = Message boxes = */
 249 /* ================= */
 250 .info {
 251     background-color: gray;
 252 }
 253
 254 .success {
 255     background-color: green;
 256 }
 257
 258 .error {
 259     background-color: yellow;
 260 }
 261
 262 .critical {
 263     background-color: red;
 264 }
 265
 266
 267
 268 /*
 269  *
 270  * Buttons
 271  *
 272  */
 273 *.button {
 274     /* reset margin and padding and see what happens */
 275     padding: 0;
 276     margin: 0;
 277     border: 2px solid blue;
 278
 279     /*
 280      * Borders and padding:
 281     */
 282
 283     /* observation 1: Firefox doesn't apply top/bottom borders to spans in button */
 284     /* observation 2: Webkit leaves out some padding to left/right
 285         also: it cuts the top/bottom margin to 1px max */
 286
 287     /* observation 3: Opera does the oposite then WK and FF ->
 288         span has all borders, button has only left/right
 289     */
 290
 291     /* Line Height */
 292
 293     /* 1. Wszystkie przeglądarki, domyślnie ustawiają vertical-align: baseline */
 294     vertical-align: baseline;
 295
 296     /* 2. Opera ustawia rozmiar przycisku, na rozmiar line-height obiektu, który go zawiera */
 297
 298     display: inline-block;
 299     position: relative;
 300     background: yellow;
 301     padding: 2px 4px;
 302
 303     font-size: 16pt;
 304     text-decoration: none;
 305 }
 306
 307 *.button:active {
 308     background: aqua;
 309 }
 310
 311 *.button > span.upper-bg {
 312     position: absolute;
 313     top: 0px;
 314     left: 2px;
 315     right: 0px;
 316     bottom: 5px;
 317
 318     margin: 0px;
 319
 320     background-color: white;
 321     z-index: 0;
 322     display: block;
 323 }
 324
 325 *.button > span.button-text {
 326     position: relative;
 327     margin: 0px;
 328     display: inline-block;
 329     z-index: 2;
 330     background: blue;
 331     opacity: 0.5;
 332 }
 333