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: center;
  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: center;
  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     padding: 0.2em 1em;
  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         position: absolute;
 111         bottom: 0px; left: 0px; right: 0px; top: 0px;
 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: 22px; 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-toolbar {
 165     position: absolute;
 166     top: 0px; left:0px; right: 0px; height: 20px;
 167
 168     padding: 0 0 2px 0;
 169     /* border-top: 1px solid #AAA; */
 170     border-bottom: 1px solid #AAA;
 171     font-size: 12px;
 172     line-height: 20px;
 173     background-color: #DDD;
 174     white-space: nowrap;
 175     overflow: hidden;
 176     z-index: 80;
 177 }
 178
 179 .panel-toolbar label {
 180     display: block;
 181     float: left;
 182     margin: 0 10px 0 2px;
 183 }
 184
 185 /* Slider between panels */
 186 .panel-wrap .panel-slider {
 187     position: absolute;
 188         background-color: #DDD;
 189
 190     top: 0px; bottom: 0px; right: 0px; width: 4px;
 191
 192     border-left: 1px solid #999;
 193     border-right: 1px solid #999;
 194     border-top: none;
 195     border-bottom: none;
 196
 197         z-index: 90;
 198         cursor: col-resize;
 199 }
 200
 201 .panel-wrap .panel-slider:hover {
 202     background-color: #999;
 203 }
 204
 205 .panel-content-overlay.panel-wrap .panel-slider {
 206         background-color: #DDD;
 207 }
 208
 209
 210 /* ================= */
 211 /* = Gallery panel = */
 212 /* ================= */
 213 .images-wrap {
 214     overflow-x: hidden;
 215     overflow-y: scroll;
 216 }
 217
 218
 219 /* ==================== */
 220 /* = XML Editor panel = */
 221 /* ==================== */
 222
 223 .toolbar {
 224     overflow: hidden;
 225     z-index: 70;
 226 }
 227
 228 .toolbar, .toolbar ol {
 229 /*    overflow: hidden;*/
 230     display: block;
 231     margin: 0;
 232     padding: 0;
 233     background-color: #CCC;
 234     border-top: 1px solid #AAA;
 235 }
 236
 237 .toolbar-tabs li {
 238     font-size: 14px;
 239     display: block;
 240     float: left;
 241     margin: 4px 0 -1px 4px;
 242     padding: 2px 10px 0 10px;
 243     background-color: #CCC;
 244     border: 1px solid #AAA;
 245     border-radius-topleft: 8px;
 246     border-radius-topright: 8px;
 247     -moz-border-radius-topleft: 8px;
 248     -moz-border-radius-topright: 8px;
 249     -webkit-border-top-left-radius: 8px;
 250     -webkit-border-top-right-radius: 8px;
 251 }
 252
 253 .toolbar-tabs {
 254     height: 21px;
 255 }
 256
 257 .toolbar-tabs li:hover, .toolbar-tabs li.active {
 258     cursor: default;
 259     background-color: #EEE;
 260     border-bottom: 1px solid #EEE;
 261 }
 262
 263 .toolbar-buttons {
 264     background-color: #EEE;
 265     border-bottom: 1px solid #AAA;
 266     z-index: 71;
 267 }
 268
 269 .toolbar-buttons li {
 270     display: block;
 271     font-size: 12px;
 272     padding: 1px 8px;
 273     margin: 4px;
 274     border-radius: 10px;
 275     -moz-border-radius: 10px;
 276     -webkit-border-radius: 8px;
 277     float: left;
 278 }
 279
 280 .toolbar-buttons li:hover {
 281     background-color: #777;
 282     color: #FFF;
 283     cursor: default;
 284 }
 285
 286 .change-font-size {
 287     width: 45px;
 288     height: 18px;
 289     padding: 3px 0 0;
 290     position: absolute;
 291     top: 0;
 292     right: 0;
 293 }
 294
 295 .change-font-size div {
 296     float: left;
 297     text-align: center;
 298     width: 20px;
 299     font-size: 13px;
 300     margin: 1px;
 301     cursor: default;
 302     border-radius: 2px;
 303     -moz-border-radius: 2px;
 304     -webkit-border-radius: 2px;
 305 }
 306
 307 .change-font-size div:hover {
 308     background-color: #EEE;
 309     border: 1px solid #AAA;
 310     margin: 0;
 311 }
 312
 313 /* =========================== */
 314 /* = DublinCore Editor panel = */
 315 /* =========================== */
 316 .panel-dceditor {
 317     padding: 10px;
 318 }
 319
 320 .panel-dceditor label {
 321     display: block;
 322     font-size: 12px;
 323     margin-top: 10px;
 324     color: #666;
 325     font-weight: bold;
 326 }
 327
 328 .panel-dceditor input, .panel-dceditor textarea {
 329     width: 400px;
 330     display: block;
 331 }
 332
 333 div.isection {
 334         margin: 1em auto;
 335         border: 1px solid black;
 336         padding: 0.5em 2em;
 337         background: #9f9ffa;
 338
 339         width: 60%;
 340 }
 341
 342 div.isection p {
 343         margin: 0.5em 1em;
 344 }
 345
 346 .change-notification {
 347     color: red;
 348 }
 349
 350 /*
 351  * Popups
 352  */
 353 #message-box {
 354     position: fixed;
 355     top: 2px;
 356     left: 35%;
 357     width: 33%;
 358 }
 359
 360 .msg-error, .msg-success, .msg-warning {
 361     overflow: hidden;
 362     padding: 0.1em 0.5em;
 363     text-align: center;
 364     border: 1px solid;
 365     -moz-border-radius: 8px;
 366     -webkit-border-radius: 8px;
 367     font-size: 10pt;
 368     line-height: 11pt;
 369     display: none;
 370
 371     width: 100%;
 372 }
 373
 374 #message-box * p {
 375     padding: 0em;
 376     margin: 0.1em;
 377 }
 378
 379 .msg-error {
 380     background-color: red;
 381     border-color: red;
 382     color: white;
 383     font-weight: bold;
 384 }
 385
 386 .msg-success {
 387     background-color: lightgreen;
 388     border-color: lightgreen;
 389 }
 390
 391 .msg-warning {
 392     background-color: yellow;
 393     border-color: yellow;
 394 }
 395
 396
 397 /*
 398  * Object list table
 399  */
 400  table.object-list {
 401     border-top: 2px solid black;
 402     border-left: 2px solid black;
 403     border-right: 1px solid black;
 404     border-bottom: 1px solid black;
 405     width: 60%;
 406     margin: auto;
 407  }
 408
 409
 410  table.object-list td, table.object-list th {
 411      border-bottom: 1px solid black;
 412      border-right: 1px solid black;
 413      padding: 0.2em 0.5em;
 414  }
 415
 416  table.object-list th {
 417      text-align: center;
 418      background-color: #8080d0;
 419      font-size: 120%
 420  }
 421
 422  table.object-list td.page-navigation {
 423      position: relative;
 424      text-align: center;
 425      background-color: #CCC;
 426  }