From d4faaaf3195535ea63ac52d2701cf95dea590d15 Mon Sep 17 00:00:00 2001 From: Thayer Williams Date: Wed, 16 Jan 2008 13:37:56 -0800 Subject: Template update for new Arch logo Signed-off-by: Thayer Williams --- web/html/css/arch.css | 173 ++++++++++++++++++++++++------------------------- web/html/css/fonts.css | 14 ++-- 2 files changed, 88 insertions(+), 99 deletions(-) (limited to 'web/html/css') diff --git a/web/html/css/arch.css b/web/html/css/arch.css index 9fa38e5..2913e92 100644 --- a/web/html/css/arch.css +++ b/web/html/css/arch.css @@ -1,109 +1,116 @@ * { margin: 0; padding: 0; } * ul { padding: 20px; } body { - background: url("/images/title_back.png") repeat-x top left #fbf8f1; + min-width: 600px; + background: url("/images/titlebar.png") repeat-x top left #fbf8f1; padding: 0 30px; - color: #46494d; - font-family: Bitstream Vera Sans, Lucida Grande, Arial, sans-serif; + color: #555; + font-family: "DejaVu Sans", "Bitstream Vera Sans", "Lucida Grande", Arial, sans-serif; } /* * Divs */ #head_container { - height: 175px; -} -#main_nav ul { + height: 220px; +} +#main_nav { + position: absolute; + top: 123px; + right: 30px; + width: 600px; + background: #333; +} +#sub_nav { + position: absolute; + top: 149px; + right: 30px; + width: 600px; + background: #1793d1; +} +#main_nav ul, #sub_nav ul { list-style: none; - padding-right: 10px; - padding-top: 48px; + margin: 0; + padding: 0; } -#main_nav ul li { +#main_nav ul li, #sub_nav ul li { display: block; float: right; - width: 67px; - height: 20px; - padding-top: 2px; - margin-left: 3px; - background: url("/images/tab.png") repeat-x bottom left #fbf8f1; + margin: 0 3px; + padding: 0; text-align: center; font-size: 13px; + line-height: 26px; } -#main_nav ul li[class~=selected] { - background: #fbf8f1; -} -#main_nav ul li a { - text-decoration: none; -} -#sub_nav ul { - list-style: none; - padding-right: 10px; - padding-top: 5px; -} -#sub_nav ul li { - display: block; - float: right; - width: 87px; - height: 20px; - padding-top: 2px; - margin-left: 3px; - background: url("/images/tab.png") repeat-x bottom left #fbf8f1; - border: 1px solid #cccccc; - text-align: center; - font-size: 13px; +#main_nav ul li.selected { + background: #1793d1; } -#sub_nav ul li[class~=selected] { - background: #fbf8f1; +#sub_nav ul li.selected { + background: #333; } -#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; } - +#main_nav ul li a:hover { + background: #1793d1; +} #lang_sub { + z-index: 1; display: block; position: absolute; - top: 0; - right: 20px; + top: 50; + right: 30px; } #lang_sub ul { list-style: none; } #lang_sub ul a { text-decoration: none; - color: #000000; } #lang_sub ul a:hover { - color: #FF0000; + text-decoration: underline; } #lang_sub ul li { display: block; float: right; - margin-left: 6px; + margin-left: 0 3px; font-size: 10px; text-align: center; } - -#title { - height: 140px; - float: left; -} #updates { font-size: small; /*position: relative;*/ top: 0px; - background: #f6efe0; - border: 1px solid #eee4cb; + background: #E7F0F6; + border: 1px solid #92CBE8; padding: 10px; } #ads { - float: right; + z-index: 0; + position: absolute; + top: 40px; + right: 10px; } #logo { - float: left; - width: 140px; - height: 140px; -} -#titleimg { - float: left; + 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("/images/titlelogo.png") top left no-repeat; + width: 350px; + height: 103px; } #devlist { width: 80%; @@ -129,22 +136,18 @@ body { margin: 0 360px 0 0; } .left p { - text-align: justify; padding-bottom: 10px; } .box { padding: 10px; - background: #e1e3e6; - border: 1px solid #8faecd; } .greybox { padding: 10px; - background: #f6efe0; - border: 1px solid #eee4cb; + background: #f6f3dd; + border: 1px solid #d9d6c2; } div.listing { padding-right: 10px; - border-left: 1px solid #387cbf; } .error { color: #dd0000; @@ -153,7 +156,7 @@ div.listing { .foot { clear: both; text-align: center; - font-size: 0.8em; + font-size: 0.75em; } #search { float: right; @@ -162,8 +165,8 @@ div.listing { font-size: 0.8em; } #search input { - background: #f6efe0; - border: 1px solid #eee4cb; + background: #f6f3dd; + border: 1px solid #d9d6c2; } .smalltext { text-align: right; @@ -190,11 +193,13 @@ h4.title { border-bottom: 1px solid #46494d; } h4.news { - border-bottom: 1px dotted #8faecd; + border-bottom: 1px dotted #0771a6; + margin-bottom: .25em; + padding-bottom: .2em; } div.listing h4 { - background: #d1d3d6; - border-top: 1px double #387cbf; + color: #fff; + background: #0771a6; padding: 3px; } /* @@ -204,27 +209,18 @@ p { padding-bottom: 20px; } p.news { - text-align: left; font-size: small; } a { - color: #35526f; - font-weight: bold; - text-decoration: underline; + color: #0771a6; } -.news a { - text-decoration: none; +a:hover { + color: #333; } #about { position: relative; top: -9px; } -#about a { - text-decoration: none; -} -.community a { - text-decoration: none; -} ol { padding-left: 45px; } @@ -299,7 +295,6 @@ table.deventry { white-space: nowrap; } .deventry td { - border-bottom: 1px solid black; width: 100%; } table.results { @@ -325,8 +320,6 @@ table.results { font-size: 0.8em; } .listing th { - background: #d1d3d6; - border-left: 1px solid #387cbf; font-size: small; vertical-align: top; text-align: left; @@ -337,13 +330,15 @@ table.results { padding: 2px; } blockquote.code { - background: #c1c3f6; - border: 1px solid #8faecd; + background: #f3f3f3; + border: 1px solid #ccc; margin-left: auto; margin-right: auto; white-space: nowrap; padding: 5px; - font-family: Courier, Courier New, Monospace; + font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Courier, "Courier New", Monospace; + color: #333; + font-size: .95em; } /* * Wiki Styles diff --git a/web/html/css/fonts.css b/web/html/css/fonts.css index b33aa84..ce6301a 100644 --- a/web/html/css/fonts.css +++ b/web/html/css/fonts.css @@ -1,7 +1,7 @@ /* Standard Fonts */ span /* Applicable by default in all fonts */ { - color: #666; + color: #555; font-family: Bitstream Vera Sans, Lucida Grande, Arial, sans-serif; } span.f1 /* Important */ @@ -101,20 +101,14 @@ padding-right: 8px; } -a:visited { - color: rgb(108,131,176); - text-decoration: none; - font-weight: bold; -} - -a:link { - color: rgb(108,131,176); +a { + color: #0771a6; text-decoration: none; font-weight: bold; } a:hover { - color: #990000; + color: #333; text-decoration: none; font-weight: bold; } -- cgit v1.2.3-70-g09d2