X-Git-Url: http://git.vanrenterghem.biz/git.ikiwiki.info.git/blobdiff_plain/ff107da245d1c4623957386108e8eb92e0fdb069..41d8586b94cc9d464fc3d3e09bda4be64fe9fe47:/doc/style.css diff --git a/doc/style.css b/doc/style.css index 8f5d0ae04..34dd5a49c 100644 --- a/doc/style.css +++ b/doc/style.css @@ -1,48 +1,293 @@ -#header h1 { +/* ikiwiki style sheet */ + +/* Note that instead of modifying this style sheet, you can instead edit + * local.css and use it to override or change settings in this one. + */ + +.header { + margin: 0; + font-size: 22px; + font-weight: bold; + line-height: 1em; + display: block; +} + +.author { margin: 0; - padding: 2px 0; + font-size: 18px; + font-weight: bold; + display: block; } -#actions ul { +.actions ul { margin: 0; - padding: 2px; + padding: 6px; list-style-type: none; border-bottom: 1px solid #000; } -#actions li { +.inlinepage .actions ul { + border-bottom: 0; +} + +.actions li { display: inline; padding: .2em .4em; } -#content { - border-bottom: 1px solid #000; +.tags { + clear: both; } -/* Used for adding a blog page. */ -#blogform { - margin: 10 10; - border: 1px solid #aaa; - color: #eee; +#pageinfo { + clear: both; + margin: 1em 0; + border-top: 1px solid #000; +} + +div.tags { + margin-top: 1em; } #backlinks { - margin: 1em 0; + margin-top: 1em; } -#footer { - margin: 1em 0; +#searchform { + display: inline; + float: right; } -#pageinfo { +#editcontent { + width: 100%; +} + +img { + border-style: none; +} + +/* Stuff for the RecentChanges table. */ +tr.changeheader { + background: #eee; + color: black !important; +} +tr.changeinfo { + background: #eee; + color: black !important; +} +th.changeheader { + padding: 1px .3em; +} +td.changeinfo { + padding: 1px .3em; +} +td.changetime { + white-space: nowrap; + padding: 1px .3em; +} +td.changelog { font-style: italic; } +/* Used for adding a blog page. */ +#blogform { + padding: 10px 10px; + border: 1px solid #aaa; + background: #eee; + color: black !important; +} + +.inlinepage { + padding: 10px 10px; + border: 1px solid #aaa; +} + +.pagedate { + clear: both; + font-style: italic; + display: block; + margin-top: 1em; +} + /* Used for invalid form fields. */ .fb_invalid { color: red; + background: white !important; } + /* Used for required form fields. */ .fb_required { - fornt-style: bold; + font-weight: bold; +} + +/* Orange feed button. */ +.feedbutton { + background: #ff6600; + color: white !important; + border-left: 1px solid #cc9966; + border-top: 1px solid #ccaa99; + border-right: 1px solid #993300; + border-bottom: 1px solid #331100; + padding: 0px 0.5em 0px 0.5em; + font-family: sans-serif; + font-weight: bold; + font-size: small; + text-decoration: none; + margin-top: 1em; +} +.feedbutton:hover { + color: white !important; + background: #ff9900; +} + +/* Tag cloud. */ +.pagecloud { + float: right; + width: 30%; + text-align: center; + padding: 10px 10px; + border: 1px solid #aaa; + background: #eee; + color: black !important; +} +.smallestPC { font-size: 70%; } +.smallPC { font-size: 85%; } +.normalPC { font-size: 100%; } +.bigPC { font-size: 115%; } +.biggestPC { font-size: 130%; } + +#sidebar { + line-height: 3ex; + width: 20ex; + float: right; + margin-left: 40px; + margin-bottom: 40px; + padding: 2ex 2ex; +} + +/* outlines */ +li.L1 { + list-style: upper-roman; +} +li.L2 { + list-style: decimal; +} +li.L3 { + list-style: lower-alpha; +} +li.L4 { + list-style: disc; +} +li.L5 { + list-style: square; +} +li.L6 { + list-style: circle; +} +li.L7 { + list-style: lower-roman; +} +li.L8 { + list-style: upper-alpha; +} + +hr.poll { + height: 10pt; + color: white !important; + background: #eee; + border: 2px solid black; +} +div.poll { + margin-top: 1ex; + margin-bottom: 1ex; + padding: 1ex 1ex; + border: 1px solid #aaa; +} + +input#openid_url { + background: url(wikiicons/openidlogin-bg.gif) no-repeat; + background-color: #fff; + background-position: 0 50%; + color: #000; + padding-left: 18px; +} + +/* Things to hide in printouts. */ +@media print { + .actions { display: none; } + .tags { display: none; } + .feedbutton { display: none; } + #searchform { display: none; } + #blogform { display: none; } + #backlinks { display: none; } +} + +/* Provided for use by template plugin for floating info boxes. */ +.infobox { + float: right; + margin-left: 2ex; + margin-top: 1ex; + margin-bottom: 1ex; + padding: 1ex 1ex; + border: 1px solid #aaa; +} + +/* Provided for use by template plugin for floating note boxes. */ +.notebox { + float: right; + margin-left: 2ex; + margin-top: 1ex; + margin-bottom: 1ex; + padding: 1ex 1ex; + border: 1px solid #aaa; + width: 25% +} + +/* Used by the popup template and for backlinks hiding. */ +.popup { + border-bottom: 1px dotted #366; + color: #366; +} +.popup .balloon, +.popup .paren, +.popup .expand { + display: none; +} +.popup:hover .balloon, +.popup:focus .balloon { + position: absolute; + display: inline; + margin: 1em 0 0 -2em; + padding: 0.625em; + border: 2px solid; + background-color: #dee; + color: black; + + /* Nonstandard, but very nice. */ + opacity: 0.95; + -moz-opacity: 0.95; + filter: alpha(opacity=95); +} + +/* Formbuilder styling */ +fieldset { + margin: 1ex 0; + border: 1px solid black; +} +legend { + padding: 0 1ex; +} +.fb_submit { + float: left; + margin: 2px 0; +} +#signin_openid_url_label { + float: left; + margin-right: 1ex; +} +#signin_openid { + padding: 10px 10px; + border: 1px solid #aaa; + background: #eee; + color: black !important; }