project/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: 100;
 107 }
 108
 109 .splitview-overlay {
 110     z-index: 90;
 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     z-index: 1000;
 157     background: #FFF;
 158     opacity: 0.8;
 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     overflow: 'hidden';
 173 }
 174
 175 .view-overlay div {
 176     position: absolute;
 177 }
 178
 179 /* .buttontoolbarview {
 180     display: block;
 181     background-color: #CCC;
 182 }
 183
 184 .buttontoolbarview a {
 185     color: #000;
 186     text-decoration: none;
 187 } */ /* Similar classes already exist in toolbar.css */
 188
 189
 190 /* ================= */
 191 /* = Gallery panel = */
 192 /* ================= */
 193 .image-gallery-view-template {
 194     position: absolute;
 195     top: 0px; left: 0px; right: 0px; bottom: 0px;
 196     overflow: hidden;
 197 }
 198
 199 .image-gallery-header {
 200     position: absolute;
 201     bottom: 0px;
 202     left: 0px;
 203     right: 0px;
 204     height: 30px;
 205
 206     background: gray;
 207     border-top: 1px solid #780000;
 208     z-index: 100;
 209 }
 210
 211 input.image-gallery-current-page {
 212     text-align: center;
 213 }
 214
 215 .image-gallery-header p {
 216     margin: 0px;
 217     padding: 3px 1em;
 218     height: 30px;
 219     line-height: 24px;
 220     text-align: center;
 221     white-space: nowrap;
 222 }
 223
 224 .image-gallery-page-list {
 225     position: absolute;
 226     top: 0px;
 227     left: 0px;
 228     right: 0px;
 229     bottom: 31px;
 230     background: black;
 231     z-index: 0;
 232
 233     overflow: hidden;
 234 }
 235
 236 .image-gallery-page-container {
 237     display: none;
 238     border: none;
 239
 240     position: absolute;
 241     top: 0px; left: 0px;
 242
 243     text-align: center;
 244     padding: 0px;
 245 }
 246
 247 .htmlview {
 248     position: absolute;
 249     top: 25px;
 250     right: 0;
 251     bottom: 0;
 252     left: 0;
 253     overflow: auto;
 254     margin: 0;
 255 }
 256
 257 .image-gallery-page-container img {
 258     /* border: 2px solid green; */
 259     margin: 0px;
 260 }
 261
 262 body#base button {
 263     background-color: #DDD;
 264     border-width: 1px;
 265     padding: 0px 0.5em;
 266     font-family: Sans-Serif;
 267     /* color: #000; */
 268     margin: 2px 4px;
 269 }
 270
 271 body#base button:hover {
 272     background-color: #EEE;
 273 }
 274
 275 /* HTML editor interactive elements */
 276
 277 .html-editarea {
 278     border: 2px solid black;
 279     background-color: gray;
 280     padding: 1px;
 281
 282     z-index: 2000;
 283 }
 284
 285 .html-editarea textarea
 286 {
 287
 288     border: 0px;
 289     margin: 0px;
 290     padding: 0px;
 291
 292     width: 100%;
 293     height: 100%;
 294
 295     z-index: 0;
 296     font-size: 10pt;
 297     background-color: ivory;
 298 }
 299
 300 .html-editarea p.html-editarea-toolbar {
 301     position: absolute;
 302     background: gray;
 303
 304     bottom: -26px;
 305     height: 24px;
 306
 307     left: 0px;
 308     right: 0px;
 309
 310     border: 2px solid black;
 311
 312     margin: 0px;
 313     padding: 0px;
 314
 315     z-index: 100;
 316 }
 317
 318 /* ================= */
 319 /* = Message boxes = */
 320 /* ================= */
 321 .info {
 322     background-color: gray;
 323 }
 324
 325 .success {
 326     background-color: green;
 327 }
 328
 329 .error {
 330     background-color: yellow;
 331 }
 332
 333 .critical {
 334     background-color: red;
 335 }
 336