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

@@ -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;
-}

trunk/yolanda/public/css/colors/tango.css

@@ -11,110 +11,103 @@ 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;
+    background-color:   #ffffff;
-    color:              #E5E5E5;
+    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#username
 {
     background-image:       url(/images/openid-icon.png);
-        background-position:    0.5em center;
     background-repeat:      no-repeat;
 }
 
-ol#results
+#results
 {
 }
 
-    ol#results li
+    #results li img
-    {
-    }
-
-        ol#results li img
     {
         border-color:           #363636;
         border-style:           solid;
     }
 
-        ol#results li a.title
+    #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
+    #account-actions li#logout a:after
     {
-            color:              #FFD95A;
+        content:            url(/images/tango/16x16/actions/system-log-out.png);
     }
 
-/* ids */
+    #account-actions li#settings a:after
-
-#copyright
     {
-    background-color:       #131313;
+        content:            url(/images/tango/16x16/categories/preferences-system.png);
-    border-color:           #363636;
-    border-style:           dotted;
     }
 
-#header
+    #account-actions li#upload a:after
     {
-    background-image:       url(/images/logo.png);
+        content:            url(/images/tango/16x16/actions/go-up.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;
     }
 
 #messagebox

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 "layout/padma.css";
-@import "flow/fake6.css";
+@import "flow/padma.css";

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;
+}

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;
+}

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;

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;
+}