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