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