project/static/css/master.css

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