* { 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; background: #333; } #dev_nav { position: absolute; top: 149px; right: 30px; 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: left; 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; } #updates { font-size: small; /*position: relative;*/ top: 0px; background: #f6efe0; border: 1px solid #eee4cb; padding: 10px; } #updates a.testing, #updates a.community-testing { font-style: italic; } #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, .errorlist { 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: -2em; font-size: 0.8em; } #search input { background: #f6efe0; border: 1px solid #eee4cb; } #adoptbox { text-align:center; } .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, .greybox button, .greybox textarea, .greybox select { background: #e1e3e6; border: 1px solid #8faecd; } .box input, .box 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; } table#feedlist { text-align: center; border-collapse: collapse; border: 1px solid #46494d; } table#feedlist th, table#feedlist td { padding: 5px; border: 1px dotted #0771a6; } .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; } td.signoff_yes { font-size: large; color: green; font-weight: bold; } td.signoff_no { font-size: large; color: red; } /* Used by Django's FormWrappers */ textarea.vLargeTextField { width: 450px; height: 250px; } .pkgr2 { background-color: #eee4cb; } form#newsform table { width: 100%; max-width: 1024px; } form#newsform input[type=text] { width: 100%; } form#newsform textarea { width: 100%; }