project/static/css/master.css

   1 body {
   2     margin: 0;
   3     font: 10pt Helvetica, Verdana, sans-serif;
   4     overflow: hidden;
   5     background: #AAA;
   6 }
   7
   8 #header {
   9     position: absolute;
  10     padding: 0.2em 0.5em;
  11     background-color: #CDCDCD;
  12     border-bottom: 0.1px solid black;
  13     height: 1.8em;
  14     line-height: 1.8em;
  15     vertical-align: middle;
  16
  17     top: 0px; left: 0px; right: 0px;
  18     z-index: 300;
  19 }
  20
  21 #header #breadcrumbs {
  22 }
  23
  24 #header-right-toolbar {
  25     position: absolute;
  26     right: 1em;
  27 }
  28
  29 #header button {
  30     vertical-align: middle;
  31 }
  32
  33 #content {
  34     position: absolute;
  35     top: 2.4em; left: 0px; right: 0px; bottom: 0px;
  36     overflow: auto;
  37     background-color: white;
  38 }
  39
  40 ul {
  41     margin: 20px;
  42     padding: 0;
  43 }
  44
  45 li {
  46     margin: 0;
  47     padding: 0;
  48     list-style: none;
  49 }
  50
  51 a {
  52     text-decoration: none;
  53 }
  54
  55 a:hover {
  56     text-decoration: underline;
  57 }
  58
  59 li a {
  60     display: block;
  61     padding: 5px 20px;
  62     width: 480px;
  63 }
  64
  65 li a:hover {
  66     background-color: #BCD6E9;
  67 }
  68
  69 #tabs {
  70     border-bottom: 1px solid #858585;
  71     background-color: #B7B7B7;
  72 }
  73
  74 #tabs a {
  75     display: block;
  76     border-right: 1px solid #858585;
  77     float: left;
  78     padding: 5px 10px;
  79 }
  80
  81 #tabs a.active {
  82     background-color: #909090;
  83 }
  84
  85 .theme-begin {
  86     display: none;
  87 }
  88
  89 label {
  90     display: block;
  91 }
  92
  93 #text_id {
  94     width: 480px;
  95     height: 480px;
  96 }
  97
  98 #file-text {
  99     padding: 5px 10px;
 100     overflow-x: hidden;
 101     overflow-y: scroll;
 102 }
 103
 104 /* ========== */
 105 /* = Panels = */
 106 /* ========== */
 107
 108 #panels {
 109     height: 100%;
 110     width: 100%;
 111 }
 112
 113 .panel-wrap {
 114     overflow: hidden;
 115     position: absolute; /* absolute to relation with #panels */
 116     top: 0px;
 117     bottom: 0px;
 118 }
 119
 120 #left-panel-wrap {
 121     left: 0px;
 122     width: 8px; /* initial width */
 123 }
 124
 125 #right-panel-wrap {
 126     right: 0px;
 127     width: auto;
 128     left: 8px; /* initial width of the left panel */
 129 }
 130
 131 /* contents */
 132 .panel-content {
 133     position: absolute;
 134     overflow: auto;
 135     overflow-x: hidden;
 136     top: 25px; left: 0px; bottom:0px; right: 0px;
 137 }
 138
 139 .panel-overlay {
 140     position: absolute;
 141     top: 0px; bottom: 0px; left: 0px; right: 0px;
 142     z-index: 100;
 143     background: gray;
 144     opacity: 0.8;
 145     text-align: center;
 146     overflow: hidden;
 147     display: none;
 148     cursor: col-resize;
 149 }
 150
 151 .panel-content-overlay {
 152 }
 153
 154 .panel-wrap.last-panel .panel-content {
 155     right: 0px;
 156 }
 157
 158 .panel-wrap.last-panel .panel-slider {
 159     display: none;
 160 }
 161
 162 /* Toolbars with select box to change panel contents*/
 163 .panel-wrap .panel-toolbar {
 164     position: absolute;
 165     top: 0px; left:0px; right: 0px; height: 26px;
 166     padding: 0px;
 167
 168     /* border-top: 1px solid #AAA; */
 169     border-bottom: 1px solid #AAA;
 170     z-index: 80;
 171 }
 172
 173 .panel-toolbar label {
 174     display: inline;
 175 }
 176
 177 .panel-toolbar p {
 178     /* position: relative; */
 179     font-size: 12px;
 180     line-height: 26px;
 181     background-color: #DDD;
 182     white-space: nowrap;
 183     overflow: hidden;
 184
 185     margin: 0px;
 186     padding: 0px 1em;
 187
 188     width: auto;
 189     height: 26px;
 190 }
 191
 192 .panel-toolbar .toolbar-button-groups-container .panel-toolbar-extra button {
 193     /* this is uber specific */
 194     font-size: 12px;
 195     font-family: Sans-Serif;
 196     padding: 2px 5px;
 197     margin: 0px;
 198     border: 0px solid black;
 199     vertical-align: bottom;
 200 }
 201
 202 /* Slider between panels */
 203 .panel-wrap .panel-slider {
 204     position: absolute;
 205     background-color: #DDD;
 206
 207     top: 0px; bottom: 0px; right: 0px; width: 4px;
 208
 209     border-left: 1px solid #999;
 210     border-right: 1px solid #999;
 211     border-top: none;
 212     border-bottom: none;
 213
 214     z-index: 90;
 215     cursor: col-resize;
 216 }
 217
 218 .panel-wrap .panel-slider:hover {
 219     background-color: #999;
 220 }
 221
 222 .panel-content-overlay.panel-wrap .panel-slider {
 223     background-color: #DDD;
 224 }
 225
 226
 227
 228
 229 /* ================= */
 230 /* = Gallery panel = */
 231 /* ================= */
 232 .images-wrap {
 233     overflow-x: hidden;
 234     overflow-y: scroll;
 235 }
 236
 237 /* =========================== */
 238 /* = DublinCore Editor panel = */
 239 /* =========================== */
 240 .panel-dceditor {
 241     padding: 10px;
 242 }
 243
 244 .panel-dceditor label {
 245     display: block;
 246     font-size: 12px;
 247     margin-top: 10px;
 248     color: #666;
 249     font-weight: bold;
 250 }
 251
 252 .panel-dceditor input, .panel-dceditor textarea {
 253     width: 400px;
 254     display: block;
 255 }
 256
 257 div.isection {
 258     margin: 1em auto;
 259     border: 1px solid black;
 260     padding: 0.5em 2em;
 261     background: #9f9ffa;
 262
 263     width: 60%;
 264 }
 265
 266 div.isection p {
 267     margin: 0.5em 1em;
 268 }
 269
 270 .change-notification {
 271     color: red;
 272 }
 273
 274 /*
 275  * Popups
 276 */
 277 #message-box {
 278     position: fixed;
 279     top: 2px;
 280     left: 35%;
 281     width: 33%;
 282 }
 283
 284 .msg-error, .msg-success, .msg-warning, .msg-info {
 285     overflow: hidden;
 286     padding: 0.1em 0.5em;
 287     text-align: center;
 288     border: 1px solid;
 289     -moz-border-radius: 8px;
 290     -webkit-border-radius: 8px;
 291     font-size: 10pt;
 292     line-height: 11pt;
 293     display: none;
 294
 295     width: 100%;
 296 }
 297
 298 #message-box * p {
 299     padding: 0em;
 300     margin: 0.1em;
 301 }
 302
 303 .msg-error {
 304     background-color: red;
 305     border-color: red;
 306     color: white;
 307     font-weight: bold;
 308 }
 309
 310 .msg-success {
 311     background-color: lightgreen;
 312     border-color: lightgreen;
 313 }
 314
 315 .msg-info {
 316     background-color: lightblue;
 317     border-color: lightblue;
 318 }
 319
 320 .msg-warning {
 321     background-color: yellow;
 322     border-color: yellow;
 323 }
 324
 325 /* Commit dialog */
 326 #commit-dialog-error-empty-message {
 327     color: red;
 328     display: none;
 329     font-weight: bold;
 330 }
 331
 332 text#commit-dialog-message {
 333     width: 80%;
 334     margin: auto;
 335 }
 336
 337 #split-dialog .container-box form {
 338     margin: 0.2em 1em;
 339 }
 340
 341 #split-dialog .container-box fieldset {
 342     margin: 0.5em;
 343 }
 344
 345 /* ======= */
 346 /* = New = */
 347 /* ======= */
 348 #splitview {
 349     width: 100%;
 350     height: 100%;
 351     padding: 0;
 352     margin: 0;
 353 }
 354
 355 .splitview-splitbar {
 356     width: 5px;
 357     border-left: 1px solid #999;
 358     border-right: 1px solid #999;
 359     height: 100%;
 360     background-color: #CCC;
 361     z-index: 100;
 362 }
 363
 364 .splitview-overlay {
 365     z-index: 90;
 366     background: #FFF;
 367     opacity: 0.5;
 368 }
 369
 370 .panel-container {
 371     height: 100%;
 372     position: relative;
 373 }
 374
 375 .content-view {
 376     position: absolute;
 377     top: 20px;
 378     right: 0;
 379     bottom: 0;
 380     left: 0;
 381     overflow: none;
 382 }
 383
 384 .xmlview {
 385     height: 100%;
 386 }
 387
 388 .view-overlay {
 389     z-index: 1000;
 390     background: #FFF;
 391     opacity: 0.8;
 392     text-align: center;
 393     text-valign: center;
 394 }
 395
 396 .view-overlay p {
 397     display: block;
 398     position: relative;
 399     top: auto;
 400     bottom: auto;
 401     height: 40px;
 402 }