project/static/css/master.css

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