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
 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 }