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 .change-font-size {
 224     width: 45px;
 225     height: 18px;
 226     padding: 3px 0 0;
 227     position: absolute;
 228     top: 0;
 229     right: 0;
 230 }
 231
 232 .change-font-size div {
 233     float: left;
 234     text-align: center;
 235     width: 20px;
 236     font-size: 13px;
 237     margin: 1px;
 238     cursor: default;
 239     border-radius: 2px;
 240     -moz-border-radius: 2px;
 241     -webkit-border-radius: 2px;
 242 }
 243
 244 .change-font-size div:hover {
 245     background-color: #EEE;
 246     border: 1px solid #AAA;
 247     margin: 0;
 248 }
 249
 250 /* =========================== */
 251 /* = DublinCore Editor panel = */
 252 /* =========================== */
 253 .panel-dceditor {
 254     padding: 10px;
 255 }
 256
 257 .panel-dceditor label {
 258     display: block;
 259     font-size: 12px;
 260     margin-top: 10px;
 261     color: #666;
 262     font-weight: bold;
 263 }
 264
 265 .panel-dceditor input, .panel-dceditor textarea {
 266     width: 400px;
 267     display: block;
 268 }
 269
 270 div.isection {
 271         margin: 1em auto;
 272         border: 1px solid black;
 273         padding: 0.5em 2em;
 274         background: #9f9ffa;
 275
 276         width: 60%;
 277 }
 278
 279 div.isection p {
 280         margin: 0.5em 1em;
 281 }
 282
 283 .change-notification {
 284     color: red;
 285 }
 286
 287 /*
 288  * Popups
 289  */
 290 #message-box {
 291     position: fixed;
 292     top: 2px;
 293     left: 35%;
 294     width: 33%;
 295 }
 296
 297 .msg-error, .msg-success, .msg-warning, .msg-info {
 298     overflow: hidden;
 299     padding: 0.1em 0.5em;
 300     text-align: center;
 301     border: 1px solid;
 302     -moz-border-radius: 8px;
 303     -webkit-border-radius: 8px;
 304     font-size: 10pt;
 305     line-height: 11pt;
 306     display: none;
 307
 308     width: 100%;
 309 }
 310
 311 #message-box * p {
 312     padding: 0em;
 313     margin: 0.1em;
 314 }
 315
 316 .msg-error {
 317     background-color: red;
 318     border-color: red;
 319     color: white;
 320     font-weight: bold;
 321 }
 322
 323 .msg-success {
 324     background-color: lightgreen;
 325     border-color: lightgreen;
 326 }
 327
 328 .msg-info {
 329     background-color: lightblue;
 330     border-color: lightblue;
 331 }
 332
 333 .msg-warning {
 334     background-color: yellow;
 335     border-color: yellow;
 336 }