project/static/css/master.css

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