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