You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
239 lines
3.9 KiB
CSS
239 lines
3.9 KiB
CSS
/*
|
|
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)
|
|
*/
|
|
|
|
blockquote
|
|
{
|
|
width: 15em;
|
|
}
|
|
|
|
body
|
|
{
|
|
margin: 1em;
|
|
min-width: 46em;
|
|
}
|
|
|
|
form
|
|
{
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
h1
|
|
{
|
|
margin-bottom: 0.33em; /* roughly 0.5em relative to base */
|
|
}
|
|
|
|
h2
|
|
{
|
|
margin-bottom: 0.35em; /* roughly 0.5em relative to base */
|
|
}
|
|
|
|
h3
|
|
{
|
|
margin-bottom: 0.38em; /* roughly 0.5em relative to base */
|
|
}
|
|
|
|
form ol
|
|
{
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
form li
|
|
{
|
|
list-style: none;
|
|
}
|
|
|
|
form li input,
|
|
form li select,
|
|
form li textarea
|
|
{
|
|
width: 15em !important;
|
|
}
|
|
|
|
form li input[type="radio"]
|
|
{
|
|
width: 1em !important;
|
|
}
|
|
|
|
form li label
|
|
{
|
|
display: inline-block;
|
|
margin: 0.5em;
|
|
width: 15em !important;
|
|
}
|
|
|
|
form li fieldset
|
|
{
|
|
border: none;
|
|
display: inline-block;
|
|
margin-bottom: 0.5em;
|
|
margin-top: 0.5em;
|
|
padding: 0px;
|
|
width: 30em !important;
|
|
}
|
|
|
|
form li fieldset label
|
|
{
|
|
display: block;
|
|
margin: 0px;
|
|
/* padding of outer fieldset needs to be substracted */
|
|
margin-left: 14.5em;
|
|
padding: 0px;
|
|
width: auto;
|
|
}
|
|
|
|
input,
|
|
textarea
|
|
{
|
|
padding: 0.5em;
|
|
}
|
|
|
|
input#query,
|
|
input#username
|
|
{
|
|
padding-left: 2.5em;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
ul#queries
|
|
{
|
|
padding-left: 0.5em;
|
|
}
|
|
|
|
#video
|
|
{
|
|
display: block;
|
|
margin: auto;
|
|
}
|
|
|
|
#video,
|
|
#copyright,
|
|
#header,
|
|
#heading,
|
|
#login,
|
|
#search,
|
|
#tagcloud,
|
|
#upload
|
|
{
|
|
border-width: 1px;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
#copyright,
|
|
#header,
|
|
#heading,
|
|
#login,
|
|
#search,
|
|
#tagcloud,
|
|
#upload
|
|
{
|
|
padding: 1em;
|
|
}
|
|
|
|
#header
|
|
{
|
|
height: 3em;
|
|
padding-bottom: 0.5em;
|
|
}
|
|
|
|
#messagebox
|
|
{
|
|
border-width: 1px;
|
|
margin-right: 28em !important;
|
|
padding: 1em;
|
|
text-align: center;
|
|
}
|
|
|
|
#content #messagebox
|
|
{
|
|
margin-right: 0em !important;
|
|
border-width: 0px;
|
|
}
|
|
|
|
#heading,
|
|
#login,
|
|
#search,
|
|
#tagcloud,
|
|
#upload
|
|
{
|
|
width: 25em;
|
|
/*padding-bottom: 0.5em;*/
|
|
}
|
|
|
|
#login h1,
|
|
#messagebox h1,
|
|
#search h1,
|
|
#tagcloud h1,
|
|
#upload h1
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
#content,
|
|
#header
|
|
{
|
|
margin-right: 28em;
|
|
}
|