css/style.css

   1 body {
   2     background: url('${base_url}images/logo.png') no-repeat fixed bottom right;
   3 }
   4
   5 #header {
   6     margin: 0px;
   7     padding: 1em 2em 1.5em 2em;
   8         background: #036;
   9         border: 0px;
  10     border-bottom: 1px solid black;
  11 }
  12
  13 #header h1 {
  14     float: left;
  15     padding: 0;
  16     margin: 0;
  17     margin-right: 1em;
  18     color: #fff;
  19 }
  20
  21 #header h1 a {
  22         color: #7584b3;
  23 }
  24
  25 #header h1 a .myadmin {
  26         color: #ffad17;
  27 }
  28
  29 #header ul#links {
  30     display: inline;
  31     margin: 0;
  32     padding: 0;
  33 }
  34
  35 #header #links li {
  36     list-style: none;
  37     display: inline;
  38         font-weight: bold;
  39         padding: 0.5em;
  40 }
  41
  42 #header #links li a {
  43         color: #ffffff;
  44     font-size: larger;
  45 }
  46
  47 #header #links li.active a {
  48         color: #c17d11;
  49     font-size: larger;
  50 }
  51
  52 div.planet#body {
  53     margin-right: 20em;
  54 }
  55 div.demo#body {
  56     margin-right: 20em;
  57 }
  58
  59 #body {
  60         margin: 2em 1em 1em 1em;
  61         padding-top:1%;
  62 }
  63
  64 a {
  65         color: #c17d11;
  66         text-decoration: none;
  67 }
  68
  69 a:hover {
  70         text-decoration: underline;
  71         color: #8f5902;
  72 }
  73
  74 img {
  75         border: 0px;
  76 }
  77
  78 h2, h2 a {
  79         color: #727e0a;
  80 }
  81
  82 h3, h3 a {
  83         color: #727e0a;
  84 }
  85
  86 body {
  87         margin: 0px;
  88         background-color: white;
  89         font-family: sans-serif;
  90         color: black;
  91 }
  92
  93 div.banner {
  94     width: 80em;
  95     max-width: 100%;
  96     text-align: center;
  97     margin-left: auto;
  98     margin-right: auto;
  99     padding: 0.2em;
 100 }
 101
 102 div.bannerimg {
 103     float: right;
 104     clear: both;
 105     margin: 0;
 106 }
 107
 108 /* For planet */
 109 div.sidebar {
 110         position: absolute;
 111         top: 4em;
 112         right: 0px;
 113         width: 20em;
 114
 115         margin-left: 0px;
 116         margin-right: 0px;
 117         padding-right: 0px;
 118
 119         padding-top: 20px;
 120         padding-left: 0px;
 121
 122         font-size: smaller;
 123 }
 124
 125 div.rightbuttons {
 126     float: right;
 127     clear: both;
 128     margin: 0 0 1em 1em;
 129 }
 130
 131 div.rightbutton {
 132     padding: 0.5em;
 133     margin-top: 1em;
 134     margin-bottom: 1em;
 135     margin-right: 2em;
 136     border: 1px solid white;
 137     border-radius: 5px;
 138     -moz-border-radius: 5px;
 139     -webkit-border-radius: 5px;
 140     background-color: #62a324;
 141     color: white;
 142     font-weight: bolder;
 143     width: 12em;
 144     text-align: center;
 145     -moz-box-shadow:0px 0px 8px #AAA;
 146     -webkit-box-shadow:0px 0px 8px #AAA;
 147     box-shadow:0px 0px 8px #AAA;
 148     -webkit-transition:-webkit-box-shadow 0.1s ease-out;
 149     -moz-transition:-webkit-box-shadow 0.1s ease-out;
 150     -o-transition:-webkit-box-shadow 0.1s ease-out;
 151     transition:-webkit-box-shadow 0.1s ease-out;
 152 }
 153 div.rightbutton:hover {
 154     background-color: #8dea34;
 155 }
 156
 157 div.rightbutton a {
 158     color: white;
 159 }
 160
 161 div.tip {
 162     border: 1px solid black;
 163     border-radius: 5px;
 164     -moz-border-radius: 5px;
 165     -webkit-border-radius: 5px;
 166     background-color: #ffff87;
 167     font-size: smaller;
 168     padding: 0.2em;
 169     width: 15em;
 170 }
 171
 172 ul#footer {
 173     padding: 0;
 174     margin: 0;
 175     max-width: none;
 176     clear: both;
 177 }
 178
 179 #footer li {
 180     font-size: smaller;
 181     list-style: none;
 182     float: left;
 183         padding: 1em;
 184     color: gray;
 185     border: none;
 186 }
 187
 188 #footer a {
 189         color: #c19e66;
 190 }
 191
 192 ul.dllist {
 193         padding: 0.5em;
 194     margin: 0;
 195 }
 196
 197 ul.dllist li {
 198     margin: 0;
 199     list-style: none;
 200     display: inline;
 201 }
 202
 203 #left {
 204         margin: 2em 1em 1em 1em;
 205     float: left;
 206         padding: 0pt 2em;
 207 }
 208 #left ul {
 209     margin: 0;
 210     padding: 0;
 211 }
 212 #left li {
 213     margin: 0;
 214     padding: 0;
 215 }
 216
 217 div.clearer {
 218     clear: both;
 219     padding: 0;
 220     margin: 0;
 221 }
 222
 223 div.themeimgborder {
 224     float: right;
 225     border: 1px solid #7584b3;
 226     margin: 0.2em;
 227     padding: 0.2em;
 228 }
 229
 230 div.themeimg {
 231     overflow: hidden;
 232     height: 8em;
 233     max-width: 30em;
 234 }
 235
 236 div.theme {
 237     float: left;
 238     width: 70em;
 239     max-width: none;
 240     border: 1px solid #7584b3;
 241     margin: 0.2em;
 242     padding: 0.2em;
 243 }
 244
 245 a.themelink {
 246     padding-left: 0.5em;
 247 }
 248
 249 div.filedetails {
 250     font-size: smaller;
 251 }
 252
 253 p.date {
 254     font-size: smaller;
 255 }
 256
 257 p.comments {
 258     font-size: smaller;
 259 }
 260
 261 p {
 262     max-width: 70em;
 263     margin: 1em;
 264 }
 265
 266 ul, dl {
 267     margin: 1em;
 268     max-width: 70em;
 269 }
 270 div.sidebar ul {
 271     margin: 0;
 272 }
 273
 274 ul ul {
 275     margin-top: 0;
 276     margin-bottom: 0;
 277 }
 278
 279 ul.security li.active a {
 280         color: black;
 281 }
 282
 283 p.signature {
 284     text-align: right;
 285     font-style: italic;
 286 }
 287
 288 div.floatbox {
 289     float: left;
 290     width: 50em;
 291     margin: 0.2em;
 292     padding: 0.2em;
 293 }
 294
 295 div.book img {
 296     margin: 1em;
 297     float: left;
 298     border: 1px solid black;
 299 }
 300
 301 dl.cvslist dt {
 302     font-family: monospace;
 303 }
 304
 305 div.screenshot {
 306     float: left;
 307     border: 1px solid #7584b3;
 308     margin: 0.2em;
 309     padding: 0.2em;
 310 }
 311
 312 div.screenshot img {
 313     max-height: 150px;
 314     overflow: hidden;
 315 }
 316
 317 div.bookbanner img {
 318     border: 1px solid black;
 319 }
 320
 321 div.bookbanner {
 322     float: left;
 323     margin: 1em;
 324     width: 113px;
 325     height: 149px;
 326     overflow: hidden;
 327 }
 328
 329 div.themeimgborder {
 330     border: 1px solid #7584b3;
 331     margin: 0.2em;
 332     padding: 0.2em;
 333 }
 334
 335 div.themeimg {
 336     overflow: hidden;
 337     height: 8em;
 338 }
 339
 340 div.award p {
 341     /* This has to fit for a.awardlink */
 342     margin-left: 310px;
 343 }
 344
 345 p.award {
 346     font-size: large;
 347     font-weight: bold;
 348 }
 349
 350 div.award {
 351     margin: 4em 1em 4em 1em;
 352 }
 353
 354 a.awardlink {
 355     float: left;
 356     height: 100%;
 357     display: block;
 358     margin: 5px;
 359     width: 300px;
 360 }
 361
 362 img.head {
 363     float: left;
 364     border: none;
 365     margin: 0.2em;
 366     padding: 0.2em;
 367 }
 368
 369 pre {
 370     border: 1px solid black;
 371     margin: 1em;
 372     background: #ccc;
 373     width: auto;
 374     padding: 0.5em;
 375 }
 376
 377 table.graph td.bar {
 378     width: 400px;
 379 }
 380
 381 table.graph td.bar div {
 382     border-top: solid 2px #0077DD;
 383     background-color: #004080;
 384     border-bottom: solid 2px #002266;
 385     text-align: right;
 386     color: white;
 387     float: left;
 388     padding-top: 0;
 389     height: 1em;
 390 }
 391
 392 table.graph td.b80 div {
 393     border-top: solid 2px #dd7700;
 394     background-color: #804000;
 395     border-bottom: solid 2px #662200;
 396 }
 397
 398 table.graph td.b50 div {
 399     border-top: solid 2px #ff7700;
 400     background-color: #d04000;
 401     border-bottom: solid 2px #882200;
 402 }
 403
 404 table.sortable thead th {
 405     background: url(${base_url}images/icon-table-sort.png) no-repeat 2px 8px;
 406     padding: 4px 4px 4px 14px;
 407 }
 408
 409 table.sortable thead th.forward_sort {
 410     background: url(${base_url}images/icon-table-sort-asc.png) no-repeat 2px 4px;
 411 }
 412
 413 table.sortable thead th.reverse_sort {
 414     background: url(${base_url}images/icon-table-sort-desc.png) no-repeat 2px 10px;
 415 }
 416
 417 ul.select {
 418     padding: 0;
 419     margin: 0;
 420 }
 421
 422 ul.select li {
 423     list-style: none;
 424     float: left;
 425     margin: 0.2em;
 426 }
 427
 428 ul.select li a {
 429     display: block;
 430         padding: 0.2em;
 431 }
 432
 433 table.dllist td {
 434     padding: 2px;
 435 }
 436
 437 td.size {
 438     text-align: right;
 439 }
 440
 441 td.count {
 442     text-align: right;
 443 }