From 73a9695fc4859484cf76335da49336a03105ec9e Mon Sep 17 00:00:00 2001 From: erlehmann Date: Tue, 9 Dec 2008 20:11:08 +0000 Subject: [PATCH] css niceties + more tango icons git-svn-id: http://yolanda.mister-muffin.de/svn@409 7eef14d0-6ed0-489d-bf55-20463b2d70db --- trunk/yolanda/public/css/colors/debug.css | 25 --- trunk/yolanda/public/css/colors/tango.css | 129 +++++++------- trunk/yolanda/public/css/default.css | 5 +- trunk/yolanda/public/css/flow/padma.css | 32 ++++ trunk/yolanda/public/css/fonts/hurrdurr.css | 34 ++-- trunk/yolanda/public/css/layout/fake6.css | 6 - trunk/yolanda/public/css/layout/padma.css | 162 ++++++++++++++++++ .../tango/16x16/actions/system-log-out.png | Bin 0 -> 799 bytes .../16x16/categories/preferences-system.png | Bin 0 -> 611 bytes 9 files changed, 280 insertions(+), 113 deletions(-) delete mode 100644 trunk/yolanda/public/css/colors/debug.css create mode 100644 trunk/yolanda/public/css/flow/padma.css create mode 100644 trunk/yolanda/public/css/layout/padma.css create mode 100644 trunk/yolanda/public/images/tango/16x16/actions/system-log-out.png create mode 100644 trunk/yolanda/public/images/tango/16x16/categories/preferences-system.png diff --git a/trunk/yolanda/public/css/colors/debug.css b/trunk/yolanda/public/css/colors/debug.css deleted file mode 100644 index 37b2f8f..0000000 --- a/trunk/yolanda/public/css/colors/debug.css +++ /dev/null @@ -1,25 +0,0 @@ -/* -div -{ - outline-color: black; - outline-style: solid; - outline-width: 1px; -} -*/ - -/* -h1, h2, h3, h4, h5, h6, p -{ - outline-color: black; - outline-style: dotted; - outline-width: 1px; -} -*/ - -a[href=""], -img[alt=""] -{ - outline-color: red; - outline-style: solid; - outline-width: 3px; -} diff --git a/trunk/yolanda/public/css/colors/tango.css b/trunk/yolanda/public/css/colors/tango.css index 893c34b..b9f6f91 100644 --- a/trunk/yolanda/public/css/colors/tango.css +++ b/trunk/yolanda/public/css/colors/tango.css @@ -11,111 +11,104 @@ Purpose of this file is to provide decoration, such as: - generated content */ +/* elements */ + a { - color: #88D9F3; + color: #204a87; +} + +a:hover +{ + background-color: #204a87; + color: #ffffff; } body { - background-color: #000000; - color: #E5E5E5; + background-color: #ffffff; + color: #000000; } -input, -textarea +/* +div { - background-color: #E5E5E5; border-color: #363636; border-style: solid; - color: #131313; +} +*/ + +/* ids */ + +input#query, +input#username +{ + padding-left: 24px; + background-position: 4px center; } - input#query - { - background-image: url(/images/tango/16x16/actions/system-search.png); - background-position: 0.5em center; - background-repeat: no-repeat; - } +input#query +{ + background-image: url(/images/tango/16x16/actions/system-search.png); + background-repeat: no-repeat; +} - input#username - { - background-image: url(/images/openid-icon.png); - background-position: 0.5em center; - background-repeat: no-repeat; - } +input#username +{ + background-image: url(/images/openid-icon.png); + background-repeat: no-repeat; +} -ol#results +#results { } - ol#results li + #results li img { + border-color: #363636; + border-style: solid; } - ol#results li img - { - border-color: #363636; - border-style: solid; - } + #results li a.title + { + font-weight: bold; + } - ol#results li a.title - { - font-weight: bold; - } - -ul#queries +#queries, +#account-actions { list-style-position: inside; } - ul#queries li#important + #queries li#important { - list-style-image: url(/images/tango/16x16/emblems/emblem-important.png) + list-style-image: url(/images/tango/16x16/emblems/emblem-important.png); } - ul#queries li#new + #queries li#new { - list-style-image: url(/images/tango/16x16/actions/document-new.png) + list-style-image: url(/images/tango/16x16/actions/document-new.png); } - ul#queries li#popular + #queries li#popular { - list-style-image: url(/images/tango/16x16/emblems/emblem-favorite.png) + list-style-image: url(/images/tango/16x16/emblems/emblem-favorite.png); } - ul#queries li a - { - color: #FFD95A; - } + #account-actions li#logout a:after + { + content: url(/images/tango/16x16/actions/system-log-out.png); + } -/* ids */ + #account-actions li#settings a:after + { + content: url(/images/tango/16x16/categories/preferences-system.png); + } -#copyright -{ - background-color: #131313; - border-color: #363636; - border-style: dotted; -} - -#header -{ - background-image: url(/images/logo.png); - background-position: 0.5em center; - background-repeat: no-repeat; -} - -#video, -#header, -#login, -#search, -#tagcloud, -#upload -{ - background-color: #131313; - border-color: #363636; - border-style: solid; -} + #account-actions li#upload a:after + { + content: url(/images/tango/16x16/actions/go-up.png); + } #messagebox { diff --git a/trunk/yolanda/public/css/default.css b/trunk/yolanda/public/css/default.css index 67ab338..b3798d6 100644 --- a/trunk/yolanda/public/css/default.css +++ b/trunk/yolanda/public/css/default.css @@ -8,8 +8,7 @@ Purpose of this file is to import reset, decoration and structure stylesheets. */ @import "reset.css"; -@import "colors/debug.css"; @import "colors/tango.css"; @import "fonts/hurrdurr.css"; -@import "layout/fake6.css"; -@import "flow/fake6.css"; +@import "layout/padma.css"; +@import "flow/padma.css"; diff --git a/trunk/yolanda/public/css/flow/padma.css b/trunk/yolanda/public/css/flow/padma.css new file mode 100644 index 0000000..24f1fc4 --- /dev/null +++ b/trunk/yolanda/public/css/flow/padma.css @@ -0,0 +1,32 @@ +/* +Yolanda default flow stylesheet +(c) 2007-2008 Nils Dagsson Moskopp + +This file is licensed under the WTF Public License. + +Purpose of this file is to provide the flow of the elements, such as: + - float + - clear +*/ + +#copyright +{ + clear: both; +} + +#search, +#account-actions, +#tagcloud +{ + float: right; +} + +#account-actions +{ + direction: rtl; +} + +#tagcloud +{ + clear: right; +} diff --git a/trunk/yolanda/public/css/fonts/hurrdurr.css b/trunk/yolanda/public/css/fonts/hurrdurr.css index 3b91ca3..82b361c 100644 --- a/trunk/yolanda/public/css/fonts/hurrdurr.css +++ b/trunk/yolanda/public/css/fonts/hurrdurr.css @@ -12,11 +12,6 @@ a text-decoration: none; } -a:hover -{ - text-decoration: underline; -} - a.tag1 { font-size: 1.5em; @@ -70,7 +65,7 @@ blockquote:after *, body { - font-size: 10pt; + font-size: 12px; font-family: sans-serif; } @@ -88,30 +83,31 @@ h1, h2, h3 { - text-align: center; + text-align: left; + line-height: 1.5em; } h1 { font-size: 1.5em; - line-height: 1.25em; +/* line-height: 1.25em;*/ } h2 { font-size: 1.4em; - line-height: 1.2em; +/* line-height: 1.2em;*/ } h3 { font-size: 1.3em; - line-height: 1.15em; +/* line-height: 1.15em;*/ } p { - line-height: 1.4em; + line-height: 1.5em; } q @@ -139,6 +135,17 @@ ul text-transform: uppercase; } +#queries, +#account-actions +{ + text-align: left; +} + + #account-actions li a:after + { + vertical-align: sub; + } + #copyright { font-family: monospace; @@ -157,3 +164,8 @@ ul { text-align: justify; } + +#tagcloud +{ + text-transform: uppercase; +} diff --git a/trunk/yolanda/public/css/layout/fake6.css b/trunk/yolanda/public/css/layout/fake6.css index 189608f..0060a84 100644 --- a/trunk/yolanda/public/css/layout/fake6.css +++ b/trunk/yolanda/public/css/layout/fake6.css @@ -97,12 +97,6 @@ textarea padding: 0.5em; } - input#query, - input#username - { - padding-left: 2.5em; - } - input[type="text"] { width: 9.5em; diff --git a/trunk/yolanda/public/css/layout/padma.css b/trunk/yolanda/public/css/layout/padma.css new file mode 100644 index 0000000..cdadd78 --- /dev/null +++ b/trunk/yolanda/public/css/layout/padma.css @@ -0,0 +1,162 @@ +/* +Yolanda default layout stylesheet +(c) 2007-2008 Nils Dagsson Moskopp + +This file is licensed under the WTF Public License. + +Purpose of this file is to provide the structure of the layout, such as: + - size (width, height) + - spacing (margin, padding) +*/ + +/* elements */ + +a +{ + display: inline-block; + padding: 0.25em; +} + +body +{ + padding: 1em; +} + +div +{ + margin: 0em; + padding: 0.75em; +} + +input, +textarea +{ + padding: 0.25em; +} + + input[type="text"] + { + width: 9.5em; + } + + input[type="submit"] + { + width: 9.5em; + } + +ol +{ +} + + ol#results + { + /* compensate for list element margin */ + text-align: center; + } + + ol#results li + { + display: inline-block; + width: 216px; + } + + ol#results li img + { + border-width: 1px; + } + + ol#results li a.title + { + display: block; + height: 1em; + overflow: hidden; + } + +ul +{ +} + + ul#badges + { + text-align: center; + } + + #badges li + { + display: inline-block; + margin-left: 0.5em; + margin-right: 0.5em; + } + +#queries +{ + display: none; + padding-left: 0.5em; +} + +#video +{ + display: block; + margin: auto; +} + +#messagebox +{ + border-width: 1px; + padding: 1em; + text-align: center; +} + + #content #messagebox + { + margin-right: 0em !important; + border-width: 0px; + } + +#search, +#account-actions, +#tagcloud +{ + margin: 0; + padding-left: 0; + position: relative; + top: -3.75em; +} + + #account-actions li, + #tagcloud li + { + display: inline-block; + } + + #account-actions li a, + #tagcloud li a + { + padding: 0.5em; + } + + #account-actions li a:after + { + margin-right: 0.25em; + } + +#tagcloud +{ + width: 20em; + /*padding-bottom: 0.5em;*/ +} + +#login h1, +#messagebox h1, +#search h1, +#tagcloud h1, +#account-actions h1 +{ + display: none; +} + +#content, +#messagebox +{ + margin-right: 21em; +} diff --git a/trunk/yolanda/public/images/tango/16x16/actions/system-log-out.png b/trunk/yolanda/public/images/tango/16x16/actions/system-log-out.png new file mode 100644 index 0000000000000000000000000000000000000000..0010931e2c2c35eda774f972dad5f305ff7b6766 GIT binary patch literal 799 zcmV+)1K|9LP)#yLz&Ndx##4AnMLxFXBZ(g%HuJ zXi&qdfM(p}?71_;z-a>z1OY)1kR%Cdn$l{uaL%E% z20$r|G3H}0Xl>|O*#nSQ0Qr2LFbv7%a)e>nxm#-iK?Fn;rO}H#*uEVR!P*eOn08KU zEzY@4ZV^E#g$TGTkl0Q5yTko z96r1hp-s`2)|%YZ6svCDq_A@*KN&-G|2`-NL;2>{ay<)mpM1>)Xl?vJ194<}C>UEMz1(#)? z2-^S9HcD2kVCu*bayPCMH=C^7umK&0EG{h2Qi}O%6`Yd}!S|+-h9S4NY{31bkNg24I=4Iksz%a>Tzznj;k653ieJ|1K8_%QpT zsQ-%yp65||Q^JNmza1DLpU)yz5Kkbm-p{$%*@Oz8Th_`>gu&CBehx;5n=4n*f;C^bvfq< dg5VDz{U1L){aup)rDXsB002ovPDHLkV1hluXGs76 literal 0 HcmV?d00001 diff --git a/trunk/yolanda/public/images/tango/16x16/categories/preferences-system.png b/trunk/yolanda/public/images/tango/16x16/categories/preferences-system.png new file mode 100644 index 0000000000000000000000000000000000000000..9460dfc746be14e4b2a6a94f91d002fa4a56318f GIT binary patch literal 611 zcmV-p0-XJcP)f=aN=#)Y=sMXW9~6k=xULU18eq^Pwm5>f&c14BZf zYe95nK#JnRiH*==SAxmkLmxdrjL^?BWW`;2x>%z19x#ygF@3}wxCj{ps zol&BI3dr$TBKH?fG@Vgwj@VLE`>*x`sHT~#`1-X0&1|$C>5O7D8g(O`Q4IH5!>UCA z#B@f9T4bxM*W2c190hpr@ILWaLI!dGBA^c595S9hn=kAOg|QenCF1t1xZCGP(7 zj844Dzcfmf65S_zD3%MD6HEfSt3fc5It