css/squasher.css

   1 body {
   2         background-color:#E2EBD8;
   3         font-family:Arial Narrow;
   4         font-size:16px;
   5 }
   6
   7 .wrappercontainer {
   8         width: 1000px;
   9         margin: 10px auto;
  10         border:5px solid;
  11         border-color:#FFFFFF;
  12         color:#003300;
  13         background: #FFFFFF;
  14 }
  15
  16 /* top banner */
  17 .banner {
  18         background-color:#66CC00;
  19         width:100%;
  20         height:45px;
  21         background:#66CC00 url(../img/squash.gif) no-repeat 30px 50%;
  22 }
  23
  24 /* Top right list of links, inside banner */
  25 .control {
  26         float:right;
  27         text-align:right;
  28         margin: 2px;
  29 }
  30
  31 /* A menucontainer can hold several menu lines */
  32 .menucontainer {
  33         margin-top:10px;
  34         margin-bottom:10px;
  35 }
  36
  37 .menu {
  38         clear:left;
  39 }
  40
  41 /* menus div contains:
  42  - div.menuhead
  43  - a
  44  - a.selected */
  45 .menu .menuhead, .menu a {
  46         float:left;
  47         margin:1px;
  48         padding:3px 8px;
  49         border:1px solid;
  50 }
  51
  52 .menu .menuhead {
  53         background-color:#66CC00;
  54         color:#003300;
  55         border-color:#66CC00;
  56 }
  57
  58 .menu a {
  59         background-color:#C7F09E;
  60         color:#003300;
  61         border-color:#E2EBD8;
  62         text-decoration:none;
  63 }
  64
  65 .menu a:hover, .menu a.selected {
  66         background-color:#339900;
  67         color:#FFFFFF;
  68         border-color:#E2EBD8;
  69 }
  70
  71 /* main content container */
  72 .content {
  73         clear:left;
  74         margin-top:10px;
  75         float:left;
  76         padding-right:5px;
  77         width:600px;
  78 }
  79
  80 /* misc */
  81 .bottomimage {
  82         background: #FFFFFF url(../img/gp1.gif) no-repeat 95% 95%;
  83         clear:both;
  84         float:right;
  85         width:300px;
  86         height:146px;
  87 }
  88
  89 .footer {
  90         clear:both;
  91         margin-top:10px;
  92         background-color:#66CC00;
  93         text-align:center;
  94         background:#66CC00 url(../img/gplogobottomright.gif) no-repeat 100%;
  95 }
  96
  97 .clear {
  98         clear:both;
  99 }
 100
 101 a {
 102         color:#003300;
 103 }
 104
 105 a:hover {
 106         color:#FF6600;
 107 }
 108
 109 /* These are used by logs : */
 110 table.log {
 111         border-spacing:0;
 112         spacing:0;
 113         padding:0;
 114         width:1000px;
 115         background-color:#C7F09E;
 116 }
 117
 118 tr.logentry_header {
 119         background-color:#339900;
 120         color:#FFFFFF;
 121         border:1px solid;
 122         border-color:#C7F09E;
 123         text-align:center;
 124 }
 125
 126 tr.logentry_download, tr.logentry_delete, tr.logentry_login, tr.logentry_empty {
 127         background-color:#C7F09E;
 128         color:#003300;
 129         margin:1px;
 130         border:1px solid;
 131         border-color:#C7F09E;
 132 }
 133
 134 tr.logentry_empty {
 135         text-align:center;
 136 }
 137
 138 tr.logentry_download:hover, tr.logentry_delete:hover, tr.logentry_login:hover {
 139         background-color:#339900;
 140         color:#FFFFFF;
 141 }
 142
 143 /* there are used on index, for each file block : */
 144 .item, .status1, .status2, .status3 {
 145         position:relative;
 146         color:#003300;
 147         width:600px;
 148         border:2px solid;
 149         border-color:#FFFFFF;
 150         font-size:12px;
 151 }
 152
 153 .item {
 154         background-color:#E2EBD8;
 155 }
 156 .status1 {
 157         background-color:#FFCCCC;
 158 }
 159 .status2 {
 160         background-color:#FFFFCC;
 161 }
 162 .status3 {
 163         background-color:#CCFFCC;
 164 }
 165
 166 /* name of the file: */
 167 .name {
 168         float:left;
 169         left:1px;
 170         top:1px;
 171         padding-left:1px;
 172         z-index:50;
 173 }
 174
 175 /* size of the file */
 176 .size {
 177         float:right;
 178         padding-left:2px;
 179         padding-right:3px;
 180 }
 181
 182 /* date the file was added */
 183 .added {
 184         float:left;
 185         padding-left:2px;
 186         padding-right:3px;
 187 }
 188
 189 /* date the file was lasy updated */
 190 .updated {
 191         float:left;
 192         padding-left:2px;
 193         padding-right:3px;
 194 }
 195
 196 /* file status (Completed, ...) */
 197 .status {
 198         float:right;
 199         top:1px;
 200         padding-right:2px;
 201         text-align:right;
 202         z-index:10;
 203 }
 204
 205 /* download (partial) link */
 206 .stream {
 207         float:right;
 208         padding-left:1px;
 209         padding-right:2px;
 210 }
 211
 212 /* download link */
 213 .download {
 214         float:right;
 215         padding-left:1px;
 216         padding-right:2px;
 217 }
 218
 219 /* index mass delete */
 220 .massdelete {
 221         /*position:absolute;*/
 222         /*bottom:0;*/
 223         float:right;
 224         width:300px;
 225         /*height:146px;*/
 226 }
 227
 228 .deletebox {
 229         /*visibility: hidden;*/
 230 }
 231
 232 /* index mass delete wrapper for right column */
 233 .filler {
 234         position:relative;
 235         float:right;
 236         width:300px;
 237         #height:500px;
 238 }
 239
 240
 241 /* users: user list/form wrapper */
 242 .white_border {
 243         float:left;
 244         border-top:0px solid #FFFFFF;
 245         border-bottom:0px solid #FFFFFF;
 246 }
 247
 248 /* access tool */
 249 .check_all, .check_allow, .check_deny {
 250         float:right;
 251         height:20px;
 252 }
 253
 254 .sample_all, .sample_allow, .sample_deny {
 255         float:left;
 256         height:20px;
 257 }
 258
 259 .check_all, .sample_all {
 260         background-color:#AAEEAA;
 261 }
 262
 263 .check_allow, .sample_allow {
 264         background-color:#EEEEAA;
 265 }
 266
 267 .check_deny, .sample_deny {
 268         background-color:#EEAAAA;
 269 }
 270
 271 /* login page */
 272 .loginbody .wrappercontainer {
 273         position:relative;
 274         width: 240px;
 275         height: 160px;
 276         margin: 10% auto;
 277         border:5px solid;
 278         border-color:#FFFFFF;
 279         color:#FFFFFF;
 280         background: #C7F09E;
 281 }
 282
 283 .loginbody .login {
 284         left:0px;
 285         top:20px;
 286         width:100%;
 287 }
 288
 289 .loginbody .username {
 290         position:absolute;
 291         left:0px;
 292         top:24px;
 293         height:22px;
 294         width:100%;
 295         text-align:center;
 296 }
 297
 298 .loginbody .password {
 299         position:absolute;
 300         left:0px;
 301         top:64px;
 302         height:22px;
 303         width:100%;
 304         text-align:center;
 305 }
 306
 307 .loginbody .fsubmit {
 308         position:absolute;
 309         right:25px;
 310         bottom:27px;
 311         text-align:center;
 312 }
 313
 314 .loginbody .loginheader {
 315         position:absolute;
 316         top:0px;
 317         left:0px;
 318         width:100%;
 319         background-color:#66CC00;
 320         border-bottom:5px solid;
 321         border-color:#FFFFFF;
 322 }
 323
 324 .loginbody .loginfooter {
 325         position:absolute;
 326         bottom:0px;
 327         left:0px;
 328         width:100%;
 329         background-color:#66CC00;
 330         border-top:5px solid;
 331         border-color:#FFFFFF;
 332 }
 333
 334 .loginbody input {
 335         border:1px solid #FFFFFF;
 336         width:160px;
 337         height:20px;
 338         background-color:#FFFFFF;
 339         color:#003300;
 340         text-align:center;
 341 }
 342
 343 .loginbody input:hover {
 344         border:1px solid #003300;
 345         color:#003300;
 346 }
 347
 348 .loginbody button {
 349         border:1px solid #C7F09E;
 350         background:#C7F09E;
 351 }
 352
 353 .loginbody .submit {
 354         border:1px solid #C7F09E;
 355         background:#C7F09E;
 356 }
 357
 358 .loginbody .submit:hover {
 359         border:1px solid #003300;
 360 }