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