diff options
Diffstat (limited to 'local.css')
| -rw-r--r-- | local.css | 241 |
1 files changed, 224 insertions, 17 deletions
@@ -1,6 +1,13 @@ -/* ikiwiki local style sheet */ +/* ikiwiki local style sheet -/* Add local styling here, instead of modifying style.css. */ + 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 + version published by the Free Software Foundation; with no Invariant + Sections, no Front-Cover Texts, and no Back-Cover Texts. A copy of the + license is included in the section entitled ``GNU Free Documentation + License''. */ /* * Someone else please work on this stuff -- someone who knows to make it @@ -8,50 +15,220 @@ * <http://ikiwiki.info/css_market/>. --tschwinge */ +/* TODO. I'm incapable, but have ideas, so... + + (1) On web-edit pages like + <http://www.bddebian.com/cgi-bin/wiki-ikiwiki.cgi?page=index&do=edit> I'd + like to have the whole page fit into the web browser frame, so that no + scrollbars show up in the browser and all of header, text editing box, + 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 +*/ + + +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: 1cm; - /* - * I want these blocks to be as wide as they need to be for the included - * text, but not any wider -- with respect to the `background-color'. - * Currently it may happen that the background colors of `pre' and `#sidebar' - * overlap. How to do this properly? --tschwinge - */ - background-color: #e5e5e5; + margin-left: 3em; + font-weight: bold; + padding: 0.5em; +} + +a +{ + text-decoration: none; +} +a:hover +{ + border-bottom: 1px dotted blue; +} + +/* Put these elements side by side. */ +.pagedate, +.pagecopyright, +.pagelicense +{ + display: table-cell; + padding: 0.15em; +} +.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; } -#license +.pagedate, +.pagecopyright, +.pagelicense +{ + background-color: #f0f0f0; + font-size: small; +} + +/* Used in `.templates/editpage.tmpl'. */ +.copyright_assignment_notice { background-color: #f0f0f0; font-size: small; } + +/* Placement. */ +.sidebar +{ + width: auto; + margin-left: 20px; +} + +/* Less indentation for list items. */ +.sidebar ul +{ + padding-left: 2ex; +} +.sidebar ul ul +{ + padding-left: 2.5ex; +} +/* Make the logo appear centered */ +.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; @@ -78,3 +255,33 @@ pre 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; +} |