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 .panels-mouse-overlay {
  98         position: absolute;
  99         top: 0px; bottom: 0px; left: 0px; right: 0px;
 100         z-index: 0;
 101         background: transparent;
 102 }
 103
 104 .panel-wrap {
 105     overflow: hidden;
 106         position: absolute; /* absolute to relation with #panels */
 107         top: 0px;
 108         bottom: 0px;
 109 }
 110
 111 #left-panel-wrap {
 112         left: 0px;
 113         width: 8px; /* initial width */
 114 }
 115
 116 #right-panel-wrap {
 117         right: 0px;
 118         width: auto;
 119         left: 8px; /* initial width of the left panel */
 120 }
 121
 122 /* contents */
 123 .panel-contents {
 124         position: absolute;
 125         top: 22px; left: 0px; right: 8px; bottom:0px;
 126 }
 127
 128 .panel-wrap.no-slider .panel-contents {
 129         right: 0px;
 130 }
 131
 132 /* Toolbars with select box to change panel contents*/
 133 .panel-toolbar {
 134         position: absolute;
 135         top: 0px; left:0px; right: 0px; height: 20px;
 136
 137     padding: 0 0 2px 0;
 138     border-top: 1px solid #AAA;
 139     border-bottom: 1px solid #AAA;
 140     font-size: 12px;
 141     line-height: 20px;
 142     background-color: #DDD;
 143     white-space: nowrap;
 144     overflow: hidden;
 145 }
 146
 147 .panel-toolbar label {
 148     display: block;
 149     float: left;
 150     margin: 0 10px 0 2px;
 151 }
 152
 153 /* Slider between panels */
 154 .panel-wrap .panel-slider {
 155         position: absolute;
 156
 157         top: 0px; bottom: 0px; right: 0px; width: 6px;
 158
 159     border-left: 1px solid #999;
 160     border-right: 1px solid #999;
 161 }
 162
 163 .panel-wrap .panel-slider:hover {
 164     background-color: #999;
 165     cursor: col-resize;
 166 }
 167
 168 /* ================= */
 169 /* = Gallery panel = */
 170 /* ================= */
 171 .images-wrap, .htmleditor {
 172     overflow-x: hidden;
 173     overflow-y: scroll;
 174 }
 175
 176
 177 /* ==================== */
 178 /* = XML Editor panel = */
 179 /* ==================== */
 180
 181 #toolbar {
 182     height: 48px;
 183     overflow: hidden;
 184 }
 185
 186 #toolbar, #toolbar ol, #sidebar-toolbar, #sidebar-toolbar ol {
 187 /*    overflow: hidden;*/
 188     display: block;
 189     margin: 0;
 190     padding: 0;
 191     background-color: #CCC;
 192     border-top: 1px solid #AAA;
 193 }
 194
 195 #sidebar-toolbar {
 196     width: 0;
 197 }
 198
 199 #sidebar-toolbar, #sidebar-toolbar ol {
 200     overflow: hidden;
 201 }
 202
 203 #sidebar-tabs li, #toolbar-tabs li {
 204     font-size: 14px;
 205     display: block;
 206     float: left;
 207     margin: 4px 0 -1px 4px;
 208     padding: 2px 10px 0 10px;
 209     background-color: #CCC;
 210     border: 1px solid #AAA;
 211     border-radius-topleft: 8px;
 212     border-radius-topright: 8px;
 213     -moz-border-radius-topleft: 8px;
 214     -moz-border-radius-topright: 8px;
 215     -webkit-border-top-left-radius: 8px;
 216     -webkit-border-top-right-radius: 8px;
 217 }
 218
 219 #sidebar-tabs, #toolbar-tabs {
 220     height: 21px;
 221     z-index: 1000;
 222 /*    overflow: hidden;*/
 223 }
 224
 225 #sidebar-tabs li:hover, #sidebar-tabs li.active, #toolbar-tabs li:hover, #toolbar-tabs li.active {
 226     cursor: default;
 227     background-color: #EEE;
 228     border-bottom: 1px solid #EEE;
 229 }
 230
 231 #toolbar-buttons {
 232     background-color: #EEE;
 233     border-bottom: 1px solid #AAA;
 234 }
 235
 236 #toolbar-buttons li {
 237     display: block;
 238     font-size: 12px;
 239     padding: 1px 8px;
 240     margin: 4px;
 241     border-radius: 10px;
 242     -moz-border-radius: 10px;
 243     -webkit-border-radius: 8px;
 244     float: left;
 245 }
 246
 247 #toolbar-buttons li:hover {
 248     background-color: #777;
 249     color: #FFF;
 250     cursor: default;
 251 }
 252
 253
 254 div.isection {
 255         margin: 1em auto;
 256         border: 1px solid black;
 257         padding: 0.5em 2em;
 258         background: #9f9ffa;
 259
 260         width: 60%;
 261 }
 262
 263 div.isection p {
 264         margin: 0.5em 1em;
 265 }
 266