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