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
*/
/* 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
{

View file

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

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

View file

@ -97,12 +97,6 @@ textarea
padding: 0.5em;
}
input#query,
input#username
{
padding-left: 2.5em;
}
input[type="text"]
{
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