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; } +*/ - input#query - { - background-image: url(/images/tango/16x16/actions/system-search.png); - background-position: 0.5em center; - background-repeat: no-repeat; - } +/* ids */ - input#username - { - background-image: url(/images/openid-icon.png); - background-position: 0.5em center; - background-repeat: no-repeat; - } +input#query, +input#username +{ + padding-left: 24px; + background-position: 4px center; +} -ol#results +input#query { + background-image: url(/images/tango/16x16/actions/system-search.png); + background-repeat: no-repeat; } - ol#results li +input#username +{ + background-image: url(/images/openid-icon.png); + background-repeat: no-repeat; +} + +#results +{ +} + + #results li img { + border-color: #363636; + border-style: solid; } - ol#results li img - { - border-color: #363636; - border-style: solid; - } - - ol#results li a.title - { - font-weight: bold; - } + #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; - } - -/* ids */ - -#copyright -{ - background-color: #131313; - border-color: #363636; - border-style: dotted; -} + #account-actions li#logout a:after + { + content: url(/images/tango/16x16/actions/system-log-out.png); + } -#header -{ - background-image: url(/images/logo.png); - background-position: 0.5em center; - background-repeat: no-repeat; -} + #account-actions li#settings a:after + { + content: url(/images/tango/16x16/categories/preferences-system.png); + } -#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 0000000..0010931 Binary files /dev/null and b/trunk/yolanda/public/images/tango/16x16/actions/system-log-out.png differ 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 0000000..9460dfc Binary files /dev/null and b/trunk/yolanda/public/images/tango/16x16/categories/preferences-system.png differ