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:
parent
3d16193578
commit
73a9695fc4
9 changed files with 280 additions and 113 deletions
|
@ -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;
|
||||
}
|
|
@ -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
|
||||
{
|
||||
input#query
|
||||
{
|
||||
background-image: url(/images/tango/16x16/actions/system-search.png);
|
||||
background-position: 0.5em center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
input#username
|
||||
{
|
||||
input#username
|
||||
{
|
||||
background-image: url(/images/openid-icon.png);
|
||||
background-position: 0.5em center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
ol#results
|
||||
#results
|
||||
{
|
||||
}
|
||||
|
||||
ol#results li
|
||||
{
|
||||
}
|
||||
|
||||
ol#results li img
|
||||
#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
|
||||
{
|
||||
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
|
||||
{
|
||||
|
|
|
@ -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";
|
||||
|
|
32
trunk/yolanda/public/css/flow/padma.css
Normal file
32
trunk/yolanda/public/css/flow/padma.css
Normal 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;
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -97,12 +97,6 @@ textarea
|
|||
padding: 0.5em;
|
||||
}
|
||||
|
||||
input#query,
|
||||
input#username
|
||||
{
|
||||
padding-left: 2.5em;
|
||||
}
|
||||
|
||||
input[type="text"]
|
||||
{
|
||||
width: 9.5em;
|
||||
|
|
162
trunk/yolanda/public/css/layout/padma.css
Normal file
162
trunk/yolanda/public/css/layout/padma.css
Normal 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 |
Loading…
Reference in a new issue