From 1b78258dbf97cf31b2807e8e9177f9a3e0e2bd79 Mon Sep 17 00:00:00 2001 From: erlehmann Date: Sat, 13 Dec 2008 11:57:38 +0000 Subject: [PATCH] more CSS goodness git-svn-id: http://yolanda.mister-muffin.de/svn@413 7eef14d0-6ed0-489d-bf55-20463b2d70db --- trunk/yolanda/public/css/colors/tango.css | 23 ++++-- trunk/yolanda/public/css/fonts/hurrdurr.css | 25 +++++-- trunk/yolanda/public/css/layout/padma.css | 81 ++++++++++++++------- 3 files changed, 87 insertions(+), 42 deletions(-) diff --git a/trunk/yolanda/public/css/colors/tango.css b/trunk/yolanda/public/css/colors/tango.css index b9f6f91..84455b2 100644 --- a/trunk/yolanda/public/css/colors/tango.css +++ b/trunk/yolanda/public/css/colors/tango.css @@ -40,6 +40,14 @@ div /* ids */ +#header, +#copyright +{ + background-color: #eeeeec; + border-color: #babdb6; + border-style: solid; +} + input#query, input#username { @@ -55,7 +63,7 @@ input#query input#username { - background-image: url(/images/openid-icon.png); + background-image: url(/images/openid/openid-16x16.png); background-repeat: no-repeat; } @@ -112,27 +120,26 @@ input#username #messagebox { - border-color: #363636; border-style: solid; } #messagebox.error { - /* "Scarlet Red 1" */ - background-color: #ef2929; + background-color: #ef2929; /* "Scarlet Red 1" */ + border-color: #a40000; /* "Scarlet Red 3" */ color: #ffffff; } #messagebox.information { - /* "Chameleon 1" */ - background-color: #8ae234; + background-color: #8ae234; /* "Chameleon 1" */ + border-color: #4e9a06; /* "Chameleon 3" */ color: #131313; } #messagebox.warning { - /* "Orange 1" */ - background-color: #fcaf3e; + background-color: #fcaf3e; /* "Orange 1" */ + border-color: #ce5c00; /* "Orange 3" */ color: #131313; } diff --git a/trunk/yolanda/public/css/fonts/hurrdurr.css b/trunk/yolanda/public/css/fonts/hurrdurr.css index 82b361c..2d8d3eb 100644 --- a/trunk/yolanda/public/css/fonts/hurrdurr.css +++ b/trunk/yolanda/public/css/fonts/hurrdurr.css @@ -116,14 +116,19 @@ q q:before { - content: open-quote; + content: open-quote; } q:after { - content: close-quote; + content: close-quote; } +strong +{ + font-weight: bold; +} + ul { } @@ -151,11 +156,6 @@ ul font-family: monospace; } - #messagebox #message - { - font-size: 1.4em; - } - #header, #heading, #login, @@ -165,7 +165,18 @@ ul text-align: justify; } +#messagebox h1 +{ + font-size: 1em; + text-transform: capitalize; +} + #tagcloud { text-transform: uppercase; } + +.privacy +{ +text-align: center; +} diff --git a/trunk/yolanda/public/css/layout/padma.css b/trunk/yolanda/public/css/layout/padma.css index cdadd78..36bd8b0 100644 --- a/trunk/yolanda/public/css/layout/padma.css +++ b/trunk/yolanda/public/css/layout/padma.css @@ -44,33 +44,37 @@ textarea width: 9.5em; } -ol +label { + display: block; } - ol#results + +/* ids */ + +#results +{ +/* compensate for list element margin */ + text-align: center; +} + + #results li { - /* compensate for list element margin */ - text-align: center; + display: inline-block; + width: 216px; } - ol#results li + #results li img { - display: inline-block; - width: 216px; + border-width: 1px; } - ol#results li img - { - border-width: 1px; - } - - ol#results li a.title - { - display: block; - height: 1em; - overflow: hidden; - } + #results li a.title + { + display: block; + height: 1em; + overflow: hidden; + } ul { @@ -100,9 +104,16 @@ ul margin: auto; } +#copyright, +#header +{ + border-width: 1px; +} + #messagebox { border-width: 1px; + margin: 1em; padding: 1em; text-align: center; } @@ -114,13 +125,9 @@ ul } #search, -#account-actions, -#tagcloud +#account-actions { - margin: 0; - padding-left: 0; - position: relative; - top: -3.75em; + padding-left: 0; } #account-actions li, @@ -147,7 +154,7 @@ ul } #login h1, -#messagebox h1, +/*#messagebox h1,*/ #search h1, #tagcloud h1, #account-actions h1 @@ -155,8 +162,28 @@ ul display: none; } -#content, +#content +{ + padding-right: 0; + padding-top: 0; +} + #messagebox { - margin-right: 21em; + margin-right: 21.5em; +} + +#messagebox h1 +{ + display: inline; +} + +#messagebox h1:after +{ + content: ":"; +} + +.privacy +{ + padding: 0em; }