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