project/static/css/master.css

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