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     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: 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
 229
 230 /* ================= */
 231 /* = Gallery panel = */
 232 /* ================= */
 233 .images-wrap {
 234     overflow-x: hidden;
 235     overflow-y: scroll;
 236 }
 237
 238 /* =========================== */
 239 /* = DublinCore Editor panel = */
 240 /* =========================== */
 241 .panel-dceditor {
 242     padding: 10px;
 243 }
 244
 245 .panel-dceditor label {
 246     display: block;
 247     font-size: 12px;
 248     margin-top: 10px;
 249     color: #666;
 250     font-weight: bold;
 251 }
 252
 253 .panel-dceditor input, .panel-dceditor textarea {
 254     width: 400px;
 255     display: block;
 256 }
 257
 258 div.isection {
 259     margin: 1em auto;
 260     border: 1px solid black;
 261     padding: 0.5em 2em;
 262     background: #9f9ffa;
 263
 264     width: 60%;
 265 }
 266
 267 div.isection p {
 268     margin: 0.5em 1em;
 269 }
 270
 271 .change-notification {
 272     color: red;
 273 }
 274
 275 /*
 276  * Popups
 277 */
 278 #message-box {
 279     position: fixed;
 280     top: 2px;
 281     left: 35%;
 282     width: 33%;
 283 }
 284
 285 .msg-error, .msg-success, .msg-warning, .msg-info {
 286     overflow: hidden;
 287     padding: 0.1em 0.5em;
 288     text-align: center;
 289     border: 1px solid;
 290     -moz-border-radius: 8px;
 291     -webkit-border-radius: 8px;
 292     font-size: 10pt;
 293     line-height: 11pt;
 294     display: none;
 295
 296     width: 100%;
 297 }
 298
 299 #message-box * p {
 300     padding: 0em;
 301     margin: 0.1em;
 302 }
 303
 304 .msg-error {
 305     background-color: red;
 306     border-color: red;
 307     color: white;
 308     font-weight: bold;
 309 }
 310
 311 .msg-success {
 312     background-color: lightgreen;
 313     border-color: lightgreen;
 314 }
 315
 316 .msg-info {
 317     background-color: lightblue;
 318     border-color: lightblue;
 319 }
 320
 321 .msg-warning {
 322     background-color: yellow;
 323     border-color: yellow;
 324 }
 325
 326 /* Commit dialog */
 327 #commit-dialog-error-empty-message {
 328     color: red;
 329     display: none;
 330     font-weight: bold;
 331 }
 332
 333 text#commit-dialog-message {
 334     width: 80%;
 335     margin: auto;
 336 }
 337
 338 #split-dialog .container-box form {
 339     margin: 0.2em 1em;
 340 }
 341
 342 #split-dialog .container-box fieldset {
 343     margin: 0.5em;
 344 }
 345
 346 .CodeMirror-line-numbers
 347 {
 348     text-align: right;
 349     padding-top: 0.4em;
 350     padding-right: 2px;
 351     width: 28px;
 352     font-size: 10pt;
 353     background: black;
 354     color: white;
 355 }