X-Git-Url: http://git.vanrenterghem.biz/git.ikiwiki.info.git/blobdiff_plain/31970d3c076cf4b24ab836c088a1193da0b9d81c..16143c0e50806a497ada73b27a88fe5cd8c69287:/doc/style.css?ds=sidebyside diff --git a/doc/style.css b/doc/style.css index 97b30fbf8..5ba8b299c 100644 --- a/doc/style.css +++ b/doc/style.css @@ -1,42 +1,112 @@ -#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; - padding: 2px 0; + font-size: 22px; + font-weight: bold; + line-height: 1em; + display: block; } -#actions ul { +.author { margin: 0; - padding: 2px; + font-size: 18px; + font-weight: bold; + display: block; +} + +.actions ul { + margin: 0; + 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; +#backlinks { + margin: 1em 0; } -/* Used for adding a blog page. */ -#blogform { +.tags { + clear: both; +} + +div.tags { + border-top: 1px solid #000; +} + +#footer { + margin: 1em 0; +} + +#searchform { + display: inline; + float: right; +} + +#editcontent { + width: 100%; +} + +/* 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; +} + +.pagecloud { padding: 10px 10px; border: 1px solid #aaa; - color: black !important;; background: #eee; + color: black !important; } -#backlinks { - margin: 1em 0; +/* Used for adding a blog page. */ +#blogform { + padding: 10px 10px; + border: 1px solid #aaa; + background: #eee; + color: black !important; } -#footer { - margin: 1em 0; +.inlinepage { + padding: 10px 10px; + border: 1px solid #aaa; } -#pageinfo { +.pageinfo { + clear: both; font-style: italic; + display: block; } /* Used for invalid form fields. */ @@ -50,8 +120,8 @@ font-weight: bold; } -/* RSS button. */ -.rssbutton { +/* Orange feed button. */ +.feedbutton { background: #ff6600; color: white !important; border-left: 1px solid #cc9966; @@ -59,13 +129,136 @@ border-right: 1px solid #993300; border-bottom: 1px solid #331100; padding: 0px 0.5em 0px 0.5em; - font-family: helvetica, arial, sans-serif; + font-family: sans-serif; font-weight: bold; font-size: small; text-decoration: none; margin-top: 1em; } -.rssbutton:hover { +.feedbutton:hover { color: white !important; background: #ff9900; } + +/* Tag cloud. */ +.pagecloud { + float: right; + width: 30%; + text-align: center; +} +.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; + opacity: 0.95; + -moz-opacity: 0.95; + filter: alpha(opacity=95); +}