evorepo/media/arch.css
eliott 818f1aeca7 Fix for dev image weirdness.
Had to backport from archweb_pub
2008-04-09 21:41:26 -07:00

383 lines
5.8 KiB
CSS

* { margin: 0; padding: 0; }
* ul { padding: 10px 20px; }
body {
min-width: 600px;
background: url("/media/titlebar.png") repeat-x top left #fff;
padding: 0 30px;
color: #46494d;
font-size: 14px;
font-family: "DejaVu Sans", "Bitstream Vera Sans", "Lucida Grande", Arial, sans-serif;
}
/*
* Divs
*/
#head_container {
height: 220px;
}
#main_nav {
position: absolute;
top: 123px;
right: 30px;
width: 600px;
background: #333;
}
#dev_nav {
position: absolute;
top: 149px;
right: 30px;
width: 600px;
background: #1793d1;
}
#main_nav ul, #dev_nav ul {
list-style: none;
margin: 0;
padding: 0;
}
#main_nav ul li, #dev_nav ul li {
display: block;
float: right;
margin: 0 3px;
padding: 0;
text-align: center;
font-size: 13px;
line-height: 26px;
}
#main_nav ul li.selected {
background: #1793d1;
}
#dev_nav ul li.selected {
background: #333;
}
#main_nav ul li a, #dev_nav ul li a {
display: block;
padding: 0 8px;
color: #fff;
font-weight: bold;
text-decoration: none;
}
#main_nav ul li a:hover {
background: #1793d1;
}
.box-smalltext {
font-size: small;
/*position: relative;*/
top: 0px;
background: #f6efe0;
border: 1px solid #eee4cb;
padding: 10px;
}
#ads {
z-index: 0;
position: absolute;
top: 40px;
right: 10px;
}
#logo {
z-index: 1;
position: absolute;
top: 10px;
left: 25px;
width: 350px;
}
#logo h1#archtitle {
text-indent: -9999px;
margin: 0;
padding: 0;
}
#logo h1#archtitle a {
display: block;
background: transparent url("/media/titlelogo.png") top left no-repeat;
width: 350px;
height: 103px;
}
#devlist {
width: 80%;
padding: 10px;
margin-left: auto;
margin-right: auto;
border-top: 1px dashed black;
border-bottom: 1px dashed black;
text-align: center;
}
.clear {
clear: both;
margin: 0;
padding: 0;
}
.right {
float: right;
width: 320px;
padding: 0 10px 10px 0;
}
.left {
padding: 10px;
margin: 0 360px 0 0;
}
.left p {
padding-bottom: 10px;
}
.box {
padding: 10px;
background: #f0f0f0;
border: 1px solid #d9d9d9;
}
.greybox {
padding: 10px;
background: #f6efe0;
border: 1px solid #eee4cb;
}
div.listing {
padding-right: 10px;
}
.error {
color: #dd0000;
font-size: small;
}
.foot {
clear: both;
padding: 2em 0;
text-align: center;
font-size: 0.75em;
line-height: 1.5em;
}
#search {
float: right;
position: relative;
top: -1em;
font-size: 0.8em;
}
#search input {
background: #f6efe0;
border: 1px solid #eee4cb;
}
.smalltext {
text-align: right;
font-size: x-small;
}
/*
* Headers
*/
h2 {
margin: 20px 0 10px 0;
}
h2.title {
border-bottom: 1px solid #46494d;
}
h3 {
margin-bottom: 10px;
}
h3.title {
text-align: right;
border-bottom: 1px solid #46494d;
}
h4.title {
text-align: left;
border-bottom: 1px solid #46494d;
}
h4.news {
border-bottom: 1px dotted #0771a6;
margin-bottom: .25em;
padding-bottom: .2em;
}
div.listing h4 {
color: #fff;
background: #0771a6;
padding: 3px;
}
/*
* Paragraphs, Anchors, Images
*/
p {
padding-bottom: 20px;
}
p.news {
font-size: small;
}
a {
color: #0771a6;
text-decoration: none;
}
a:hover {
color: #333;
text-decoration: underline;
}
#about {
position: relative;
top: -9px;
}
ol {
padding-left: 45px;
}
ul.small {
list-style: none;
font-size: x-small;
}
ul.links {
list-style: none;
font-size: small;
padding: 0px 0px 20px 20px;
}
img {
border: none;
}
hr {
border: none;
border-top: 1px solid #46494d;
}
.greybox input, button, textarea, select {
background: #e1e3e6;
border: 1px solid #8faecd;
}
.box input, button {
padding: 2px;
background: #c1c3f6;
font-size: x-small;
border: 1px solid #8faecd;
}
button#f_trigger {
background: #e1e3e6;
}
/*
* Table stuff
*/
table.center {
margin-left: auto;
margin-right: auto;
}
table#releases {
font-size: small;
width: 100%;
}
table#releases td {
padding-right: 20px;
}
table#repolinks {
font-size: small;
width: 100%;
}
table#repolinks td {
text-align: right;
}
table#repolinks th {
text-align: left;
}
table#art {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.devpic {
vertical-align: top;
padding-right: 15px;
padding-top: 10px;
}
table.deventry {
padding-bottom: 25px;
}
.deventry th {
text-align: left;
vertical-align: top;
white-space: nowrap;
}
.deventry td {
width: 100%;
}
table.results {
padding: 0px;
border-collapse: collapse;
}
.results th {
background: #e1e3e6;
border-bottom: 1px solid #46494d;
border-top: 1px solid #46494d;
text-align: left;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 5px;
}
.results th>a {
text-decoration: none;
color: #46494d;
}
.results td {
padding-right: 5px;
vertical-align: top;
font-size: 0.8em;
}
.listing th {
font-size: small;
vertical-align: top;
text-align: left;
padding: 2px;
}
.listing td {
font-size: small;
padding: 2px;
}
blockquote.code {
background: #d0d0d0;
border: 1px solid #bbb;
margin-left: auto;
margin-right: auto;
white-space: nowrap;
padding: 5px;
font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Courier, "Courier New", Monospace;
}
/*
* Wiki Styles
*/
h1.wiki {
border-bottom: 1px solid #46494d;
}
div.wikifoot_l {
font-size: x-small;
text-align: left;
padding-top: 25px;
}
div.wikifoot_r {
font-size: x-small;
text-align: right;
float: right;
padding-top: 25px;
}
.wikibody {
padding-top: 15px;
}
.wikibody ol {
padding-left: 28px;
padding-top: 0px;
}
.wikibody ul {
padding-left: 25px;
padding-top: 0px;
}
.wikibody dd {
padding-left: 30px;
}
.wikibody pre code {
background: #c1c3f6;
border: 1px solid #8faecd;
margin-left: auto;
margin-right: auto;
white-space: nowrap;
padding: 5px;
font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Courier, "Courier New", Monospace;
}
.wikibody blockquote {
padding-left: 30px;
}
.wikibody td {
padding: 5px;
border: 1px solid black;
}
/* Used by Django's FormWrappers */
textarea.vLargeTextField {
width: 450px;
height: 250px;
}
.pkgr2 {
background-color: #eee4cb;
}