From ffccbd540f85e2f814e46648b70b1d2883b52e00 Mon Sep 17 00:00:00 2001 From: Michael Klier Date: Thu, 5 Jun 2008 20:04:12 +0200 Subject: CSS cleanup I've cleaned up the CSS a bit and it validates now. No changes to the current layout/visual presentation itself have been made, just fixed the whole indention and replaced some redundant things. Signed-off-by: Michael Klier Signed-off-by: Simo Leone --- web/html/css/arch.css | 474 ++++++++++++++++++++++++-------------------------- 1 file changed, 229 insertions(+), 245 deletions(-) (limited to 'web/html/css/arch.css') diff --git a/web/html/css/arch.css b/web/html/css/arch.css index a01a15d..bdca5ec 100644 --- a/web/html/css/arch.css +++ b/web/html/css/arch.css @@ -2,107 +2,108 @@ * ul { padding: 20px; } body { min-width: 600px; - background: url("/images/titlebar.png") repeat-x top left #fbf8f1; - padding: 0 30px; - color: #555; - font-family: "DejaVu Sans", "Bitstream Vera Sans", "Lucida Grande", Arial, sans-serif; -} -/* - * Divs - */ + background: #fbf8f1 url("/images/titlebar.png") repeat-x top left; + padding: 0 30px; + color: #555; + font-family: "DejaVu Sans", "Bitstream Vera Sans", "Lucida Grande", Arial, sans-serif; +} +/* Divs */ #head_container { - height: 220px; + height: 220px; } #main_nav { position: absolute; top: 123px; right: 30px; width: 600px; - background: #333; + background-color: #333; } #sub_nav { position: absolute; top: 149px; right: 30px; min-width: 700px; - background: #1793d1; + background-color: #1793d1; } -#main_nav ul, #sub_nav ul { - list-style: none; - margin: 0; +#main_nav ul, +#sub_nav ul { + list-style: none; + margin: 0; padding: 0; } -#main_nav ul li, #sub_nav ul li { - display: block; - float: right; +#main_nav ul li, +#sub_nav ul li { + display: block; + float: right; margin: 0 3px; padding: 0; - text-align: center; - font-size: 13px; + text-align: center; + font-size: 13px; line-height: 26px; } #main_nav ul li.selected { - background: #1793d1; + background-color: #1793d1; } #sub_nav ul li.selected { - background: #333; + background-color: #333; } -#main_nav ul li a, #sub_nav ul li a { +#main_nav ul li a, +#sub_nav ul li a { display: block; padding: 0 8px; color: #fff; font-weight: bold; - text-decoration: none; + text-decoration: none; } #main_nav ul li a:hover { - background: #1793d1; + background-color: #1793d1; } #lang_login_sub { - display: block; - position: relative; - top: -30px; - margin: auto; - width: 90%; + display: block; + position: relative; + top: -30px; + margin: auto; + width: 90%; } #lang_login_sub .button { - font-size: 9px; - margin: 2px; + font-size: 9px; + margin: 2px; } #login_bar { - font-size: 10px; - display: block; - float: left; + font-size: 10px; + display: block; + float: left; } #login_bar input { - margin-right: 5px; + margin-right: 5px; } #lang_bar { - display: block; - position: relative; - float: right; + display: block; + position: relative; + float: right; } #lang_login_sub ul { - list-style: none; - padding: 0; + list-style: none; + padding: 0; } #lang_login_sub ul a { - text-decoration: none; + text-decoration: none; } #lang_login_sub ul a:hover { - text-decoration: underline; + text-decoration: underline; } #lang_login_sub ul li { - display: inline; - padding-right: 1px; - font-size: 10px; + display: inline; + padding-right: 1px; + font-size: 10px; } #updates { - font-size: small; - /*position: relative;*/ - top: 0px; - background: #E7F0F6; - border: 1px solid #92CBE8; - padding: 10px; + font-size: small; + /*position: relative;*/ + top: 0; + background-color: #e7f0f6; + border: 1px solid #92cbe8; + padding: 10px; } #ads { z-index: 0; @@ -112,10 +113,10 @@ body { } #logo { z-index: 1; - position: absolute; + position: absolute; top: 10px; left: 25px; - width: 350px; + width: 350px; } #logo h1#archtitle { text-indent: -9999px; @@ -129,344 +130,327 @@ body { 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; + width: 80%; + padding: 10px; + margin-left: auto; + margin-right: auto; + border-top: 1px dashed #000; + border-bottom: 1px dashed #000; + text-align: center; } .clear { - clear: both; - margin: 0; - padding: 0; + clear: both; + margin: 0; + padding: 0; } .right { - float: right; - width: 320px; - padding: 0 10px 10px 0; + float: right; + width: 320px; + padding: 0 10px 10px 0; } .left { - padding: 10px; - margin: 0 360px 0 0; + padding: 10px; + margin-right: 360px; } .left p { - padding-bottom: 10px; + padding-bottom: 10px; } .box { - padding: 10px; + padding: 10px; } .greybox { - padding: 10px; - background: #f6f3dd; - border: 1px solid #d9d6c2; + padding: 10px; + background-color: #f6f3dd; + border: 1px solid #d9d6c2; } div.listing { - padding-right: 10px; + padding-right: 10px; } .error { - color: #dd0000; - font-size: small; + color: #dd0000; + font-size: small; } .foot { - clear: both; - text-align: center; - font-size: 0.75em; + clear: both; + text-align: center; + font-size: 0.75em; } #search { - float: right; - position: relative; - top: -2em; - font-size: 0.8em; + float: right; + position: relative; + top: -2em; + font-size: 0.8em; } #search input { - background: #f6f3dd; - border: 1px solid #d9d6c2; + background-color: #f6f3dd; + border: 1px solid #d9d6c2; } .smalltext { - text-align: right; - font-size: x-small; + text-align: right; + font-size: x-small; } -/* - * Headers - */ +/* Headers */ h2 { - margin: 20px 0 10px 0; + margin: 20px 0 10px 0; } h2.title { - border-bottom: 1px solid #46494d; + border-bottom: 1px solid #46494d; } h3 { - margin-bottom: 10px; + margin-bottom: 10px; } h3.title { - text-align: right; - border-bottom: 1px solid #46494d; + text-align: right; + border-bottom: 1px solid #46494d; } h4.title { - text-align: left; - border-bottom: 1px solid #46494d; + text-align: left; + border-bottom: 1px solid #46494d; } h4.news { - border-bottom: 1px dotted #0771a6; + border-bottom: 1px dotted #0771a6; margin-bottom: .25em; padding-bottom: .2em; } div.listing h4 { color: #fff; - background: #0771a6; - padding: 3px; + background-color: #0771a6; + padding: 3px; } -/* - * Paragraphs, Anchors, Images - */ +/* Paragraphs, Anchors, Images */ p { - padding-bottom: 20px; + padding-bottom: 20px; } p.news { - font-size: small; + font-size: small; } a { - color: #0771a6; + color: #0771a6; } a:hover { color: #333; } #about { - position: relative; - top: -9px; + position: relative; + top: -9px; } ol { - padding-left: 45px; + padding-left: 45px; } ul.small { - list-style: none; - font-size: x-small; + list-style: none; + font-size: x-small; } ul.links { - list-style: none; - font-size: small; - padding: 0px 0px 20px 20px; + list-style: none; + font-size: small; + padding: 0 0 20px 20px; } img { - border: none; + border: none; } hr { - border: none; - border-top: 1px solid #46494d; + border: none; + border-top: 1px solid #46494d; } -.greybox input, button, textarea, select { - background: #e1e3e6; - border: 1px solid #8faecd; +.greybox input, +button, +textarea, +select { + background-color: #e1e3e6; + border: 1px solid #8faecd; } .box input, button { - padding: 2px; - background: #c1c3f6; - font-size: x-small; - border: 1px solid #8faecd; + padding: 2px; + background-color: #c1c3f6; + font-size: x-small; + border: 1px solid #8faecd; } button#f_trigger { - background: #e1e3e6; + background-color: #e1e3e6; } -/* - * Table stuff - */ +/* Table stuff */ table.center { - margin-left: auto; - margin-right: auto; + margin-left: auto; + margin-right: auto; } table#releases { - font-size: small; - width: 100%; + font-size: small; + width: 100%; } table#releases td { - padding-right: 20px; + padding-right: 20px; } table#repolinks { - font-size: small; - width: 100%; + font-size: small; + width: 100%; } table#repolinks td { - text-align: right; + text-align: right; } table#repolinks th { - text-align: left; + text-align: left; } table#art { - text-align: center; - margin-left: auto; - margin-right: auto; + text-align: center; + margin-left: auto; + margin-right: auto; } .devpic { - vertical-align: top; - padding-right: 15px; + vertical-align: top; + padding-right: 15px; } table.deventry { - padding-bottom: 25px; + padding-bottom: 25px; } .deventry th { - text-align: left; - vertical-align: top; - white-space: nowrap; + text-align: left; + vertical-align: top; + white-space: nowrap; } .deventry td { - width: 100%; + width: 100%; } table.results { - padding: 0px; - border-collapse: collapse; + padding: 0; + 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; + background-color: #e1e3e6; + border-bottom: 1px solid #46494d; + border-top: 1px solid #46494d; + text-align: left; + padding: 0 5px 0 0; } .results th>a { - text-decoration: none; - color: #46494d; + text-decoration: none; + color: #46494d; } .results td { - padding-right: 5px; - vertical-align: top; - font-size: 0.8em; + padding-right: 5px; + vertical-align: top; + font-size: 0.8em; } .listing th { - font-size: small; - vertical-align: top; - text-align: left; - padding: 2px; + font-size: small; + vertical-align: top; + text-align: left; + padding: 2px; } .listing td { - font-size: small; - padding: 2px; + font-size: small; + padding: 2px; } blockquote.code { - background: #f3f3f3; - border: 1px solid #ccc; - margin-left: auto; - margin-right: auto; - white-space: nowrap; - padding: 5px; - font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Courier, "Courier New", Monospace; + background-color: #f3f3f3; + border: 1px solid #ccc; + margin-left: auto; + margin-right: auto; + white-space: nowrap; + padding: 5px; + font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Courier, "Courier New", Monospace; color: #333; font-size: .95em; } -/* - * Wiki Styles - */ +/* Wiki Styles */ h1.wiki { - border-bottom: 1px solid #46494d; + border-bottom: 1px solid #46494d; } div.wikifoot_l { - font-size: x-small; - text-align: left; - padding-top: 25px; + 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; + font-size: x-small; + text-align: right; + float: right; + padding-top: 25px; } .wikibody { - padding-top: 15px; + padding-top: 15px; } .wikibody ol { - padding-left: 28px; - padding-top: 0px; + padding-left: 28px; + padding-top: 0; } .wikibody ul { - padding-left: 25px; - padding-top: 0px; + padding-left: 25px; + padding-top: 0; } .wikibody dd { - padding-left: 30px; + 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: Courier, Courier New, Monospace; + background-color: #c1c3f6; + border: 1px solid #8faecd; + margin-left: auto; + margin-right: auto; + white-space: nowrap; + padding: 5px; + font-family: Courier, Courier New, Monospace; } .wikibody blockquote { - padding-left: 30px; + padding-left: 30px; } .wikibody td { - padding: 5px; - border: 1px solid black; + padding: 5px; + border: 1px solid #000; } - /* Used by Django's FormWrappers */ textarea.vLargeTextField { - width: 450px; - height: 250px; + width: 450px; + height: 250px; } .pkgr2 { - background-color: #eee4cb; + background-color: #eee4cb; } #maincontent { - width: 100%; - text-align: left; - clear: both; + width: 100%; + text-align: left; + clear: both; } #maincontent > table { - width: 90%; - margin-left: 5%; - margin-right: 5%; + width: 90%; + margin-left: 5%; + margin-right: 5%; } .pgbox { - width: 90%; - margin-left: 5%; - margin-right: 5%; - background-color: #ffffff; - border-width: 2px; - border-color: #dddddd; - border-style: solid; - text-align: left; - padding: 3px; + width: 90%; + margin-left: 5%; + margin-right: 5%; + background-color: #fff; + border: 2px solid #ddd; + text-align: left; + padding: 3px; } .frontpgboxbody { - padding: 10px; + padding: 10px; } .frontpgboxbody > table { - width: 100%; + width: 100%; } .boxSoftTitle { - text-align: right; + text-align: right; } - .pgboxtitle { - border-width: 2px; - border-style: solid; - border-color: #dddddd; - border-top-width: 1px; - border-top-color: #ffffff; - border-left-width: 1px; - border-left-color: #ffffff; - background-color: #f1f2f4; - text-align: left; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 10px; - padding-left: 10px; -} -.pgboxbody, .pgboxbody-comment { - padding: 10px; + border: 2px solid #ddd; + border-top: 1px solid #fff; + border-left: 1px solid #fff; + background-color: #f1f2f4; + text-align: left; + padding: 2px 10px 2px 10px; +} +.pgboxbody, +.pgboxbody-comment { + padding: 10px; } .pgboxbody input { - margin-right: 10px; + margin-right: 10px; } - .pgboxbody-comment > table { - border-collapse: separate; - border-spacing: 0 15px; + border-collapse: separate; + border-spacing: 0 15px; } - +/* vim:ts=2:sw=2:et:enc=utf-8: + * */ -- cgit v1.2.3-70-g09d2