/* ikiwiki local style sheet Copyright © 2007, 2008, 2009, 2010, 2013 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 * actually look good... Some examples are available at * . --tschwinge */ /* TODO. I'm incapable, but have ideas, so... (1) On web-edit pages like , 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; margin-left: 0; } pre { 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; } .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 { background-color: #f0f0f0; } .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 { 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, .newsitemenclosure { padding-left: 0.2em; padding-top: 0.1em; } .newsitemcontent p, .newsitemenclosure p { margin: 0.3em; } .table_style_1 { text-align: left; font-size: small; border-width: thin; border-style: solid; border-collapse: collapse; empty-cells: show; } .table_style_1 th { vertical-align: top; border-width: thin; border-style: solid; } .table_style_1 td { vertical-align: top; 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; }