project/static/css/master.css

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