media/arch.css

   1 * { margin: 0; padding: 0; }
   2 * ul { padding: 20px; }
   3 body {
   4         background: url("/media/title_back.png") repeat-x top left #fbf8f1;
   5         padding: 0 30px;
   6         color: #46494d;
   7         font-family: Bitstream Vera Sans, Lucida Grande, Arial, sans-serif;
   8 }
   9 /*
  10  * Divs
  11  */
  12 #head_container {
  13         height: 175px;
  14 }
  15 #main_nav ul {
  16         list-style: none;
  17         padding-right: 10px;
  18         padding-top: 48px;
  19 }
  20 #main_nav ul li {
  21         display: block;
  22         float: right;
  23         width: 67px;
  24         height: 20px;
  25         padding-top: 2px;
  26         margin-left: 3px;
  27         background: url("/media/tab.png") repeat-x bottom left #fbf8f1;
  28         text-align: center;
  29         font-size: 13px;
  30 }
  31 #main_nav ul li[class~=selected] {
  32         background: #fbf8f1;
  33 }
  34 #main_nav ul li a {
  35         text-decoration: none;
  36     display: block;
  37 }
  38 #dev_nav ul li a {
  39         text-decoration: none;
  40     display: block;
  41 }
  42 #dev_nav ul {
  43         list-style: none;
  44         padding-right: 10px;
  45         padding-top: 5px;
  46 }
  47 #dev_nav ul li {
  48         display: block;
  49         float: right;
  50         width: 87px;
  51         height: 20px;
  52         padding-top: 2px;
  53         margin-left: 3px;
  54         background: url("/media/tab.png") repeat-x bottom left #fbf8f1;
  55         border: 1px solid #cccccc;
  56         text-align: center;
  57         font-size: 13px;
  58 }
  59 #dev_nav ul li[class~=selected] {
  60         background: #fbf8f1;
  61 }
  62 #dev_nav ul li a {
  63         text-decoration: none;
  64 }
  65 #title {
  66         height: 140px;
  67         float: left;
  68 }
  69 #updates {
  70         font-size: small;
  71         /*position: relative;*/
  72         top: 0px;
  73         background: #f6efe0;
  74         border: 1px solid #eee4cb;
  75         padding: 10px;
  76 }
  77 #ads {
  78         float: right;
  79 }
  80 #logo {
  81         float: left;
  82         width: 140px;
  83         height: 140px;
  84 }
  85 #titleimg {
  86         float: left;
  87 }
  88 #devlist {
  89         width: 80%;
  90         padding: 10px;
  91         margin-left: auto;
  92         margin-right: auto;
  93         border-top: 1px dashed black;
  94         border-bottom: 1px dashed black;
  95         text-align: center;
  96 }
  97 .clear {
  98         clear: both;
  99         margin: 0;
 100         padding: 0;
 101 }
 102 .right {
 103         float: right;
 104         width: 320px;
 105         padding: 0 10px 10px 0;
 106 }
 107 .left {
 108         padding: 10px;
 109         margin: 0 360px 0 0;
 110 }
 111 .left p {
 112         text-align: justify;
 113         padding-bottom: 10px;
 114 }
 115 .box {
 116         padding: 10px;
 117         background: #e1e3e6;
 118         border: 1px solid #8faecd;
 119 }
 120 .greybox {
 121         padding: 10px;
 122         background: #f6efe0;
 123         border: 1px solid #eee4cb;
 124 }
 125 div.listing {
 126         padding-right: 10px;
 127         border-left: 1px solid #387cbf;
 128 }
 129 .error {
 130         color: #dd0000;
 131         font-size: small;
 132 }
 133 .foot {
 134         clear: both;
 135         text-align: center;
 136         font-size: 0.8em;
 137 }
 138 #search {
 139         float: right;
 140         position: relative;
 141         top: -2em;
 142         font-size: 0.8em;
 143 }
 144 #search input {
 145         background: #f6efe0;
 146         border: 1px solid #eee4cb;
 147 }
 148 .smalltext {
 149         text-align: right;
 150         font-size: x-small;
 151 }
 152 /*
 153  * Headers
 154  */
 155 h2 {
 156         margin: 20px 0 10px 0;
 157 }
 158 h2.title {
 159         border-bottom: 1px solid #46494d;
 160 }
 161 h3 {
 162         margin-bottom: 10px;
 163 }
 164 h3.title {
 165         text-align: right;
 166         border-bottom: 1px solid #46494d;
 167 }
 168 h4.title {
 169         text-align: left;
 170         border-bottom: 1px solid #46494d;
 171 }
 172 h4.news {
 173         border-bottom: 1px dotted #8faecd;
 174 }
 175 div.listing h4 {
 176         background: #d1d3d6;
 177         border-top: 1px double #387cbf;
 178         padding: 3px;
 179 }
 180 /*
 181  * Paragraphs, Anchors, Images
 182  */
 183 p {
 184         padding-bottom: 20px;
 185 }
 186 p.news {
 187         text-align: left;
 188         font-size: small;
 189 }
 190 a {
 191         color: #35526f;
 192         font-weight: bold;
 193         text-decoration: underline;
 194 }
 195 .news a {
 196         text-decoration: none;
 197 }
 198 #about {
 199         position: relative;
 200         top: -9px;
 201 }
 202 #about a {
 203         text-decoration: none;
 204 }
 205 .community a {
 206         text-decoration: none;
 207 }
 208 ol {
 209         padding-left: 45px;
 210 }
 211 ul.small {
 212         list-style: none;
 213         font-size: x-small;
 214 }
 215 ul.links {
 216         list-style: none;
 217         font-size: small;
 218         padding: 0px 0px 20px 20px;
 219 }
 220 img {
 221         border: none;
 222 }
 223 hr {
 224         border: none;
 225         border-top: 1px solid #46494d;
 226 }
 227 .greybox input, button, textarea, select {
 228         background: #e1e3e6;
 229         border: 1px solid #8faecd;
 230 }
 231 .box input, button {
 232         padding: 2px;
 233         background: #c1c3f6;
 234         font-size: x-small;
 235         border: 1px solid #8faecd;
 236 }
 237 button#f_trigger {
 238         background: #e1e3e6;
 239 }
 240 /*
 241  * Table stuff
 242  */
 243 table.center {
 244         margin-left: auto;
 245         margin-right: auto;
 246 }
 247 table#releases {
 248         font-size: small;
 249         width: 100%;
 250 }
 251 table#releases td {
 252         padding-right: 20px;
 253 }
 254 table#repolinks {
 255         font-size: small;
 256         width: 100%;
 257 }
 258 table#repolinks td {
 259         text-align: right;
 260 }
 261 table#repolinks th {
 262         text-align: left;
 263 }
 264 table#art {
 265         text-align: center;
 266         margin-left: auto;
 267         margin-right: auto;
 268 }
 269 .devpic {
 270         vertical-align: top;
 271         padding-right: 15px;
 272 }
 273 table.deventry {
 274         padding-bottom: 25px;
 275 }
 276 .deventry th {
 277         text-align: left;
 278         vertical-align: top;
 279         white-space: nowrap;
 280 }
 281 .deventry td {
 282         border-bottom: 1px solid black;
 283         width: 100%;
 284 }
 285 table.results {
 286         padding: 0px;
 287         border-collapse: collapse;
 288 }
 289 .results th {
 290         background: #e1e3e6;
 291         border-bottom: 1px solid #46494d;
 292         border-top: 1px solid #46494d;
 293         text-align: left;
 294         padding-top: 0px;
 295         padding-bottom: 0px;
 296         padding-right: 5px;
 297 }
 298 .results th>a {
 299         text-decoration: none;
 300         color: #46494d;
 301 }
 302 .results td {
 303         padding-right: 5px;
 304         vertical-align: top;
 305         font-size: 0.8em;
 306 }
 307 .listing th {
 308         background: #d1d3d6;
 309         border-left: 1px solid #387cbf;
 310         font-size: small;
 311         vertical-align: top;
 312         text-align: left;
 313         padding: 2px;
 314 }
 315 .listing td {
 316         font-size: small;
 317         padding: 2px;
 318 }
 319 blockquote.code {
 320         background: #c1c3f6;
 321         border: 1px solid #8faecd;
 322         margin-left: auto;
 323         margin-right: auto;
 324         white-space: nowrap;
 325         padding: 5px;
 326         font-family: Courier, Courier New, Monospace;
 327 }
 328 /*
 329  * Wiki Styles
 330  */
 331 h1.wiki {
 332         border-bottom: 1px solid #46494d;
 333 }
 334 div.wikifoot_l {
 335         font-size: x-small;
 336         text-align: left;
 337         padding-top: 25px;
 338 }
 339 div.wikifoot_r {
 340         font-size: x-small;
 341         text-align: right;
 342         float: right;
 343         padding-top: 25px;
 344 }
 345 .wikibody {
 346         padding-top: 15px;
 347 }
 348 .wikibody ol {
 349         padding-left: 28px;
 350         padding-top: 0px;
 351 }
 352 .wikibody ul {
 353         padding-left: 25px;
 354         padding-top: 0px;
 355 }
 356 .wikibody dd {
 357         padding-left: 30px;
 358 }
 359 .wikibody pre code {
 360         background: #c1c3f6;
 361         border: 1px solid #8faecd;
 362         margin-left: auto;
 363         margin-right: auto;
 364         white-space: nowrap;
 365         padding: 5px;
 366         font-family: Courier, Courier New, Monospace;
 367 }
 368 .wikibody blockquote {
 369         padding-left: 30px;
 370 }
 371 .wikibody td {
 372         padding: 5px;
 373         border: 1px solid black;
 374 }
 375
 376 /* Used by Django's FormWrappers */
 377 textarea.vLargeTextField {
 378         width: 450px;
 379         height: 250px;
 380 }
 381 .pkgr2 {
 382         background-color: #eee4cb;
 383 }
 384