From d4faaaf3195535ea63ac52d2701cf95dea590d15 Mon Sep 17 00:00:00 2001 From: Thayer Williams Date: Wed, 16 Jan 2008 13:37:56 -0800 Subject: [PATCH] Template update for new Arch logo Signed-off-by: Thayer Williams --- web/html/css/arch.css | 169 +++++++++++++++++----------------- web/html/css/fonts.css | 14 +-- web/html/images/favicon.ico | Bin 984 -> 575 bytes web/html/images/titlebar.png | Bin 0 -> 201 bytes web/html/images/titlelogo.png | Bin 0 -> 4875 bytes 5 files changed, 86 insertions(+), 97 deletions(-) create mode 100644 web/html/images/titlebar.png create mode 100644 web/html/images/titlelogo.png diff --git a/web/html/css/arch.css b/web/html/css/arch.css index 9fa38e58..2913e92e 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; + height: 220px; } -#main_nav ul { +#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.selected { + background: #1793d1; } -#main_nav ul li a { +#sub_nav ul li.selected { + background: #333; +} +#main_nav ul li a, #sub_nav ul li a { + display: block; + padding: 0 8px; + color: #fff; + font-weight: bold; text-decoration: none; } -#sub_nav ul { - list-style: none; - padding-right: 10px; - padding-top: 5px; +#main_nav ul li a:hover { + background: #1793d1; } -#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; -} -#sub_nav ul li[class~=selected] { - background: #fbf8f1; -} -#sub_nav ul li a { - text-decoration: none; -} - #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; + z-index: 1; + position: absolute; + top: 10px; + left: 25px; + width: 350px; } -#titleimg { - float: left; +#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 b33aa841..ce6301a8 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; } diff --git a/web/html/images/favicon.ico b/web/html/images/favicon.ico index a9f4e83708cd3e465c7645df4d0b2157155147ad..55497b852fc438a7a63041822a64deac8ad92527 100644 GIT binary patch literal 575 zcmV-F0>J%=P)K~y-6jgvo!6G0Tle=|GDx_9PaSMatt8xuJ=jueWZ*0zF( zjc8@z38oPY2!}RWYjKN}g`kaCi1-H-uCNkOgxf0BeA-5$w9LxMMtXHz@2@3 zyz+UJPuh|vi*mtJavK=cNwf1dpEbZ!a<``>o|1IZ?Bv;J>;8WS9J=%2sOyMVt`f_h zlJvCko4lXZH(|7*(w!f`Tnu;_ptK?Jqw7?)K+hZAu%R^ukDjFp75q4Pbjddz93wNAlTi;8fmk1LdSvP5vdgJg^M# zaG-vgp9c5>)Q7GRMsXQ9!>~RL)NlL5fD7Ck3IMJGg}hz^t^pqh0-C^eU>&Fc%V89s z01(qlD|><0z!Ts~QmejXjKU~B2rL4Jfq5~#v~m%6p46(=A2%lGz#nlao8kSq3cLUS N002ovPDHLkV1na%{Dc4i literal 984 zcmV;}11J26P)WFU8GbZ8({Xk{QrNlj4iWF>9@00TTpL_t(|+U?d`h*eb_ z2JoNfOb%sbnke0jXbQ3?yI4UNc4BmUm)J10w6OFpZ;6 zTN03D`DFCrnkM?{FlME3bfA?_u(U~Xn2NWWb|A^}8?XZtTiD(sn3KlQ=4Kptxkd8Y z!d}DeSQK0t-+?5{ug0!(AfV>L>@dfte2 z*ogc7B_PT2YS_zTVPD9FX=xly!=<(p9 zVWB~%{Ls5$Ua-6#%W4AVj#95Xjidgv-G6Bu?Zhj!|3B~OU0JfgZCG9tFt4P}L8L9@ zKo7RV^qC!()r}p%;~1(WS>BF&$_k`$bgWtSG>$sgEPvw)m~s70#i0Q_5Pnr~CoZmg ze+bK(%bo~P>1_%1?$B}!x7N07;mgAPX zXUFly7^GK*%;-XA-9>e8NX*sv5+{Ef+$ALB%+Ul~S7LwhkeL|1+gv=1yHUmO*n+LW zf%T!W%5KIV1+k?9E-60vYv|O6=m>|*EZiIpntgZ=F9o9gqmY&1+aSJFz^?@tHnmM` zUlWeofzZt@BaNdoNtSOI?MC!APU4$zqaAjBu-^apFXC^?1MEGWAe`y|0000IGPlY(0l`<%c<;53Gr)c ebyzu?YQ=K`IJ2JqSicr%B7>)^pUXO@geCx#Pdlyv literal 0 HcmV?d00001 diff --git a/web/html/images/titlelogo.png b/web/html/images/titlelogo.png new file mode 100644 index 0000000000000000000000000000000000000000..4db09df72b93c7676de94a5ecc68533ded9048fa GIT binary patch literal 4875 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 literal 0 HcmV?d00001