css niceties + more tango icons

git-svn-id: http://yolanda.mister-muffin.de/svn@409 7eef14d0-6ed0-489d-bf55-20463b2d70db
This commit is contained in:
erlehmann 2008-12-09 20:11:08 +00:00
parent 3d16193578
commit 73a9695fc4
9 changed files with 280 additions and 113 deletions

View file

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

View file

@ -11,111 +11,104 @@ Purpose of this file is to provide decoration, such as:
- generated content - generated content
*/ */
/* elements */
a a
{ {
color: #88D9F3; color: #204a87;
}
a:hover
{
background-color: #204a87;
color: #ffffff;
} }
body body
{ {
background-color: #000000; background-color: #ffffff;
color: #E5E5E5; color: #000000;
} }
input, /*
textarea div
{ {
background-color: #E5E5E5;
border-color: #363636; border-color: #363636;
border-style: solid; border-style: solid;
color: #131313; }
*/
/* ids */
input#query,
input#username
{
padding-left: 24px;
background-position: 4px center;
} }
input#query input#query
{ {
background-image: url(/images/tango/16x16/actions/system-search.png); background-image: url(/images/tango/16x16/actions/system-search.png);
background-position: 0.5em center; background-repeat: no-repeat;
background-repeat: no-repeat; }
}
input#username input#username
{ {
background-image: url(/images/openid-icon.png); background-image: url(/images/openid-icon.png);
background-position: 0.5em center; background-repeat: no-repeat;
background-repeat: no-repeat; }
}
ol#results #results
{ {
} }
ol#results li #results li img
{ {
border-color: #363636;
border-style: solid;
} }
ol#results li img #results li a.title
{ {
border-color: #363636; font-weight: bold;
border-style: solid; }
}
ol#results li a.title #queries,
{ #account-actions
font-weight: bold;
}
ul#queries
{ {
list-style-position: inside; 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
{
content: url(/images/tango/16x16/categories/preferences-system.png);
}
#copyright #account-actions li#upload a:after
{ {
background-color: #131313; content: url(/images/tango/16x16/actions/go-up.png);
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;
}
#messagebox #messagebox
{ {

View file

@ -8,8 +8,7 @@ Purpose of this file is to import reset, decoration and structure stylesheets.
*/ */
@import "reset.css"; @import "reset.css";
@import "colors/debug.css";
@import "colors/tango.css"; @import "colors/tango.css";
@import "fonts/hurrdurr.css"; @import "fonts/hurrdurr.css";
@import "layout/fake6.css"; @import "layout/padma.css";
@import "flow/fake6.css"; @import "flow/padma.css";

View file

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

View file

@ -12,11 +12,6 @@ a
text-decoration: none; text-decoration: none;
} }
a:hover
{
text-decoration: underline;
}
a.tag1 a.tag1
{ {
font-size: 1.5em; font-size: 1.5em;
@ -70,7 +65,7 @@ blockquote:after
*, *,
body body
{ {
font-size: 10pt; font-size: 12px;
font-family: sans-serif; font-family: sans-serif;
} }
@ -88,30 +83,31 @@ h1,
h2, h2,
h3 h3
{ {
text-align: center; text-align: left;
line-height: 1.5em;
} }
h1 h1
{ {
font-size: 1.5em; font-size: 1.5em;
line-height: 1.25em; /* line-height: 1.25em;*/
} }
h2 h2
{ {
font-size: 1.4em; font-size: 1.4em;
line-height: 1.2em; /* line-height: 1.2em;*/
} }
h3 h3
{ {
font-size: 1.3em; font-size: 1.3em;
line-height: 1.15em; /* line-height: 1.15em;*/
} }
p p
{ {
line-height: 1.4em; line-height: 1.5em;
} }
q q
@ -139,6 +135,17 @@ ul
text-transform: uppercase; text-transform: uppercase;
} }
#queries,
#account-actions
{
text-align: left;
}
#account-actions li a:after
{
vertical-align: sub;
}
#copyright #copyright
{ {
font-family: monospace; font-family: monospace;
@ -157,3 +164,8 @@ ul
{ {
text-align: justify; text-align: justify;
} }
#tagcloud
{
text-transform: uppercase;
}

View file

@ -97,12 +97,6 @@ textarea
padding: 0.5em; padding: 0.5em;
} }
input#query,
input#username
{
padding-left: 2.5em;
}
input[type="text"] input[type="text"]
{ {
width: 9.5em; width: 9.5em;

View file

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 799 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 611 B