diff options
Diffstat (limited to 'local.css')
| -rw-r--r-- | local.css | 192 |
1 files changed, 158 insertions, 34 deletions
@@ -1,6 +1,6 @@ /* ikiwiki local style sheet - Copyright © 2007, 2008 Free Software Foundation, Inc. + Copyright © 2007, 2008, 2009, 2010 Free Software Foundation, Inc. Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.2 or any later @@ -24,72 +24,120 @@ copyright assignment notice, buttons and footer are visible at once, without having to scroll. This means that the text editing box should be resized in height as needed (within limits, of course). --tschwinge - - (2) `.pagecopyright' and `.pagelicense' should get the spacing between them - removed and should get some margins. */ +body +{ + font-family: "Bitstream Vera Sans", sans-serif; + padding: 0.5em; +} + +p +{ + clear: left; +} hr { height: 1px; border-style: none; background-color: black; - /* No idea, if this is ``just'' a Firefox bug (looks fine without the - * following statement in konqueror), but it for sure inhibits the `hr's from - * being shifted to the right. */ - margin-left: 0px; + margin-left: 0; } pre { margin-left: 3em; - background-color: #e5e5e5; + font-weight: bold; + padding: 0.5em; } -/* Only have these colored blocks be as wide as they need be. */ -pre +a { - float: left; - padding: 0.5em; - margin-bottom: 1.5em; - margin-top: 0; + text-decoration: none; } -h1, h2, h3, h4, h5, h6, table, p, ol, ul, li, div, pre, hr +a:hover { - clear: left; + border-bottom: 1px dotted blue; } -/* Format these elements table-like with the background of the upper element - shinig through between the cells. TODO. This is currently achieved with - ``border: white''. */ +/* Put these elements side by side. */ .pagedate, .pagecopyright, .pagelicense { display: table-cell; - border-left: solid 7px white; - border-right: solid 7px white; + padding: 0.15em; } - -/* Nullify the paragraph tag following ``License:''. */ +.pagecopyright p, .pagelicense p { display: inline; } +/* But add some spacing between them. */ +.pagedate + .pagecopyright, +.pagedate + .pagelicense, +.pagecopyright + .pagelicense, +.pagecopyright + .pagedate, +.pagelicense + .pagedate +{ + padding-left: 1em; +} .header { + padding: 0.5em; background-color: #f0f0f0; } -.actions +.pageheader .actions +{ + background-color: #e7e7e7; + padding: 0em 0.5em 0.3em 0.5em; + border-top: 1px solid #999999; +} + +.pageheader .actions .global +{ + max-width: 50%; + float: left; + margin-right: 3em; +} + +.pageheader .actions .per_page ul:before +{ + font-style: oblique; + content: "This page:"; +} + +.pageheader .actions ul +{ + border: none; + padding-top: 0.7em; +} + +.pageheader .actions li +{ + padding: 0.7em 0.7em 0.4em 0.7em; + border: 1px solid #e7e7e7; + border-top: 1px solid #999999; +} +.pageheader .actions li:hover { background-color: #f0f0f0; + border: 1px solid #999999; + border-top: 1px solid #f0f0f0; + -moz-border-radius-bottomleft: 0.8em; + -moz-border-radius-bottomright: 0.8em; +} + +#content +{ + padding: 0.5em; } -#sidebar +.sidebar { background-color: #f0f0f0; } @@ -110,30 +158,76 @@ h1, h2, h3, h4, h5, h6, table, p, ol, ul, li, div, pre, hr } -/* Variable width. */ -#sidebar +/* Placement. */ +.sidebar { - width: auto; - /* ikiwiki's default for `width'. */ - min-width: 20ex; + margin-left: 20px; } /* Less indentation for list items. */ -#sidebar ul +.sidebar ul { padding-left: 2ex; } -#sidebar ul ul +.sidebar ul ul { padding-left: 2.5ex; } /* Make the logo appear centered */ -#sidebar img { +.sidebar img { display: block; margin-left: auto; margin-right: auto; } +/* News items on the front page. */ +#feedlink, +.newsitem +{ + margin-bottom: 0.2em; +} + +.newsitem +{ + border: 1px solid grey; + overflow: auto; +} +.newsitem .newsitemheader .header +{ + max-width: 30%; + float: left; + margin-right: 1em; + border-bottom: 1px solid grey; + border-right: 1px solid grey; +} +.newsitem .header, +.newsitem .author +{ + font-size: small; + font-style: italic; +} +.newsitem .actions +{ + font-size: small; +} +.newsitem .actions ul +{ + border-bottom-style: none; + padding: 0.5em 0em; + line-height: 1; +} +.newsitemcontent +{ + padding-left: 0.2em; + padding-top: 0.1em; + +} +.newsitemcontent p +{ + margin: 0.3em; +} + + .table_style_1 { text-align: left; @@ -160,3 +254,33 @@ h1, h2, h3, h4, h5, h6, table, p, ol, ul, li, div, pre, hr border-width: thin; border-style: dotted; } + +#statements +{ + display: table; +} +.statement-title +{ + text-align: center; + font-weight: bold; +} +#what-is +{ + display: table-cell; + width: 50%; + vertical-align: top; + text-align: justify; + padding-right: 1ex; + padding-top: 0.3em; + padding-bottom: 0.3em; +} + +#mission +{ + display: table-cell; + vertical-align: top; + text-align: justify; + padding-left: 1em; + padding-top: 0.3em; + padding-bottom: 0.3em; +} |