From 8a9056d6e5c14c805602d939a646ad98c065e050 Mon Sep 17 00:00:00 2001 From: joey Date: Mon, 30 Oct 2006 02:00:38 +0000 Subject: [PATCH] revamp css market, allow selecting stylesheets on the fly in web browser --- doc/css_market.mdwn | 19 +++-- doc/css_market/kirkambar.css | 142 ++++++++++++++++++++++++++++++++++ doc/css_market/kirkambar.mdwn | 142 ---------------------------------- doc/css_market/zack.css | 135 ++++++++++++++++++++++++++++++++ doc/css_market/zack.mdwn | 135 -------------------------------- 5 files changed, 291 insertions(+), 282 deletions(-) create mode 100644 doc/css_market/kirkambar.css delete mode 100644 doc/css_market/kirkambar.mdwn create mode 100644 doc/css_market/zack.css delete mode 100644 doc/css_market/zack.mdwn diff --git a/doc/css_market.mdwn b/doc/css_market.mdwn index ae88db239..418d8e191 100644 --- a/doc/css_market.mdwn +++ b/doc/css_market.mdwn @@ -1,10 +1,19 @@ -User contributed local.css files. +User contributed stylesheet files for ikiwiki. Feel free to add your own +stylesheets here. (Upload as wiki pages; wiki gnomes will convert them to css +files..) -* **[[css_market/zack]]**, contributed by [[StefanoZacchiroli]], customized - mostly for *blogging purposes*, can be seen in action on +* **[[css_market/zack.css]]**, contributed by [[StefanoZacchiroli]], + customized mostly for *blogging purposes*, can be seen in action on [zack's blog](http://www.bononia.it/~zack/blog/) + [[meta link="css_market/zack.css" rel="alternate stylesheet" title="zack" type="text/css"]] -* **[[css_market/kirkambar]]**, contributed by [[Roktas]]. This far from perfect +* **[[css_market/kirkambar.css]]**, contributed by [[Roktas]]. This far from perfect stylesheet follows a [Gitweb](http://www.kernel.org/git/?p=git/git.git;a=tree;f=gitweb) like theme, so it may provide a consistent look'n feel along with the [[git]] backend. ;-) - You can see it in action on [kirkambar](http://kirkambar.net/) (Turkish content). \ No newline at end of file + You can see it in action on [kirkambar](http://kirkambar.net/) (Turkish content). + [[meta link="css_market/kirkambar.css" rel="alternate stylesheet" title="kirkambar" type="text/css"]] + +If your web browser allows selecting between multiple stylesheets, this +page can be viewed using any of the stylesheets above. For example, if +using Epiphany with the Select Stylesheet extention enabled, use View -> +Style. diff --git a/doc/css_market/kirkambar.css b/doc/css_market/kirkambar.css new file mode 100644 index 000000000..256986e32 --- /dev/null +++ b/doc/css_market/kirkambar.css @@ -0,0 +1,142 @@ +/* + * IkiWiki `local.css` stylesheet following the Gitweb theme. + * + * Copyright © 2006 Recai Oktaş + * + * Licensed under the GNU General Public License, version 2. + * See the file `http://www.gnu.org/copyleft/gpl.txt`. + * + */ + + +/* + * ----------------------------------------------------------------------------- + * Generic style elements. + * ----------------------------------------------------------------------------- + */ + +body { + font-family: "Trebuchet MS", + "Luxi Sans", + "Bitstream Vera Sans", + "Tahoma", + "Verdana", + "Arial", + "Helvetica", + sans-serif; + padding: 1em; + margin: 0; + font-size: 100.01%; + line-height: 1.5em; + color: black; + background-color: white; +} + +pre, tt, code { + font-family: "Bitstream Vera Sans Mono", + "Luxi Mono", + "Courier New", + "Courier", + monospace; +} + +pre, tt, code, tr.changeinfo, #blogform { + color: inherit; + background-color: #f6f6f0; +} + +pre { + margin: 0px 96px 0px 48px; + padding: 12px 0px 12px 0px; +} + +h1, h2, h3, h4, h5, h6, dl, dt { + font-weight: bold; + background-color: inherit; + color: #c00040 !important; +} + +h1, h2, h3, h4, h5, h6 { + letter-spacing: .04em; +} + + +/* + * ----------------------------------------------------------------------------- + * Headers, footers. + * ----------------------------------------------------------------------------- + */ + +.header, #footer, .changeheader { + color: black !important; + background-color: #d9d8d1; +} + +.header, #footer { + height: 1.8em; + padding: 6px 6px; + border: 1px solid #aaa; + margin-bottom: 4px; + display: block; +} + +.header { + font-size: 120.01%; + font-weight: normal; + letter-spacing: .11em; +} + +span.header { + background-image: none !important; + text-align: right; +} + +.header { /* Optional header logo (right aligned). */ + background-image: url(/* ENTER HEADER LOGO PATH */); + background-repeat: no-repeat; + background-position: 99%; +} + +#footer { /* Optional footer logo (right aligned). */ + background-image: url(/* ENTER FOOTER LOGO PATH */); + background-repeat: no-repeat; + background-position: 99%; +} + + +/* + * ----------------------------------------------------------------------------- + * Specials. + * ----------------------------------------------------------------------------- + */ + +#searchform { + position: absolute; + top: 25px; + right: 90px; +} + + +td.changetime { + font-style: italic; +} + +td.changelog { + font-style: normal; + font-size: x-small; + font-weight: bold; +} + +/* + * Attribution `div` for IkiWiki. Use something like as follows: + *
+ * This site is maintained using Joey Hess's + * + * IkiWiki + * . + *
+ */ +#attribution img { + border: 1px solid black; + padding: 2px; +} diff --git a/doc/css_market/kirkambar.mdwn b/doc/css_market/kirkambar.mdwn deleted file mode 100644 index 795941d67..000000000 --- a/doc/css_market/kirkambar.mdwn +++ /dev/null @@ -1,142 +0,0 @@ - /* - * IkiWiki `local.css` stylesheet following the Gitweb theme. - * - * Copyright © 2006 Recai Oktaş - * - * Licensed under the GNU General Public License, version 2. - * See the file `http://www.gnu.org/copyleft/gpl.txt`. - * - */ - - - /* - * ----------------------------------------------------------------------------- - * Generic style elements. - * ----------------------------------------------------------------------------- - */ - - body { - font-family: "Trebuchet MS", - "Luxi Sans", - "Bitstream Vera Sans", - "Tahoma", - "Verdana", - "Arial", - "Helvetica", - sans-serif; - padding: 1em; - margin: 0; - font-size: 100.01%; - line-height: 1.5em; - color: black; - background-color: white; - } - - pre, tt, code { - font-family: "Bitstream Vera Sans Mono", - "Luxi Mono", - "Courier New", - "Courier", - monospace; - } - - pre, tt, code, tr.changeinfo, #blogform { - color: inherit; - background-color: #f6f6f0; - } - - pre { - margin: 0px 96px 0px 48px; - padding: 12px 0px 12px 0px; - } - - h1, h2, h3, h4, h5, h6, dl, dt { - font-weight: bold; - background-color: inherit; - color: #c00040 !important; - } - - h1, h2, h3, h4, h5, h6 { - letter-spacing: .04em; - } - - - /* - * ----------------------------------------------------------------------------- - * Headers, footers. - * ----------------------------------------------------------------------------- - */ - - .header, #footer, .changeheader { - color: black !important; - background-color: #d9d8d1; - } - - .header, #footer { - height: 1.8em; - padding: 6px 6px; - border: 1px solid #aaa; - margin-bottom: 4px; - display: block; - } - - .header { - font-size: 120.01%; - font-weight: normal; - letter-spacing: .11em; - } - - span.header { - background-image: none !important; - text-align: right; - } - - .header { /* Optional header logo (right aligned). */ - background-image: url(/* ENTER HEADER LOGO PATH */); - background-repeat: no-repeat; - background-position: 99%; - } - - #footer { /* Optional footer logo (right aligned). */ - background-image: url(/* ENTER FOOTER LOGO PATH */); - background-repeat: no-repeat; - background-position: 99%; - } - - - /* - * ----------------------------------------------------------------------------- - * Specials. - * ----------------------------------------------------------------------------- - */ - - #searchform { - position: absolute; - top: 25px; - right: 90px; - } - - - td.changetime { - font-style: italic; - } - - td.changelog { - font-style: normal; - font-size: x-small; - font-weight: bold; - } - - /* - * Attribution `div` for IkiWiki. Use something like as follows: - *
- * This site is maintained using Joey Hess's - * - * IkiWiki - * . - *
- */ - #attribution img { - border: 1px solid black; - padding: 2px; - } \ No newline at end of file diff --git a/doc/css_market/zack.css b/doc/css_market/zack.css new file mode 100644 index 000000000..fbb0f2cec --- /dev/null +++ b/doc/css_market/zack.css @@ -0,0 +1,135 @@ +/* local.css stylesheet to be used with ikiwiki + * + * Copyright: (C) 2006 Stefano Zacchiroli + * License: GNU General Public License version 2 or above. + * + * TODO + * - plone-like actions in the toplevel bar, but remember: resiste the + * temptation of making them floating to the right: the breadcrumb trail can + * grow indefinetely + * - blog form aligned to the right, keeping the RSS logo to the left + * - some rendering for the tags (a la 'xhtml' logo of plone? ...) + * - some rendering for backlinks + * - some rendering for posting dates + */ + +body { + font-family: sans; + width: 760px; + margin-left: 20px; +} + +div#content { + font-size: 11pt; +} + +.header span { + font-size: 14pt; + font-weight: normal; +} + +div.actions ul { + font-size: 10pt; +} + +h1 { + font-weight: normal; + font-size: 17pt; +} +h2 { + font-weight: normal; + font-size: 16pt; +} +h3 { + font-weight: normal; + font-size: 15pt; +} +h4 { + font-weight: normal; + font-size: 14pt; +} +h5 { + font-weight: normal; + font-size: 13pt; +} +h6 { + font-weight: normal; + font-size: 12pt; +} + +div.inlinepage > span.header > a { + float: right; + display: block; + font-size: 11pt; + font-weight: normal; + margin: 0; + padding: 0; +} +div.inlinepage > span.header > a:before { + content: "permalink: "; + font-size: smaller; + text-decoration: none; + font-style: italic; +} + +div.inlinepage { + margin-bottom: 10px; +} + +div.inlinepage h1 { + font-weight: normal; + font-size: 14pt; + margin: 0; +} +div.inlinepage h2 { + font-weight: normal; + font-size: 13pt; + margin: 0; +} +div.inlinepage h3 { + font-weight: normal; + font-size: 12pt; + margin: 0; +} +div.inlinepage h4 { + font-weight: normal; + font-size: 11pt; + margin: 0; +} +div.inlinepage h5 { + font-weight: normal; + font-size: 11pt; + margin: 0; +} +div.inlinepage h6 { + font-weight: normal; + font-size: 11pt; + margin: 0; +} + +div#blogform { + padding: 0px 5px; + margin-bottom: 10px; +} + +pre { + width: 90%; + font-size: 10pt; + font-family: monospace; + background: #e1e1e1; + margin-left: 4%; + padding-top: 5px; + padding-bottom: 5px; +} + +.pagecloud { + width: 25%; + border-top: 1px solid #aaa; + border-bottom: 1px solid #aaa; + background: #eee; + color: black !important; +} + +.pagecloud a { + text-decoration: none; +} diff --git a/doc/css_market/zack.mdwn b/doc/css_market/zack.mdwn deleted file mode 100644 index c41ea3472..000000000 --- a/doc/css_market/zack.mdwn +++ /dev/null @@ -1,135 +0,0 @@ - /* local.css stylesheet to be used with ikiwiki - * - * Copyright: (C) 2006 Stefano Zacchiroli - * License: GNU General Public License version 2 or above. - * - * TODO - * - plone-like actions in the toplevel bar, but remember: resiste the - * temptation of making them floating to the right: the breadcrumb trail can - * grow indefinetely - * - blog form aligned to the right, keeping the RSS logo to the left - * - some rendering for the tags (a la 'xhtml' logo of plone? ...) - * - some rendering for backlinks - * - some rendering for posting dates - */ - - body { - font-family: sans; - width: 760px; - margin-left: 20px; - } - - div#content { - font-size: 11pt; - } - - .header span { - font-size: 14pt; - font-weight: normal; - } - - div.actions ul { - font-size: 10pt; - } - - h1 { - font-weight: normal; - font-size: 17pt; - } - h2 { - font-weight: normal; - font-size: 16pt; - } - h3 { - font-weight: normal; - font-size: 15pt; - } - h4 { - font-weight: normal; - font-size: 14pt; - } - h5 { - font-weight: normal; - font-size: 13pt; - } - h6 { - font-weight: normal; - font-size: 12pt; - } - - div.inlinepage > span.header > a { - float: right; - display: block; - font-size: 11pt; - font-weight: normal; - margin: 0; - padding: 0; - } - div.inlinepage > span.header > a:before { - content: "permalink: "; - font-size: smaller; - text-decoration: none; - font-style: italic; - } - - div.inlinepage { - margin-bottom: 10px; - } - - div.inlinepage h1 { - font-weight: normal; - font-size: 14pt; - margin: 0; - } - div.inlinepage h2 { - font-weight: normal; - font-size: 13pt; - margin: 0; - } - div.inlinepage h3 { - font-weight: normal; - font-size: 12pt; - margin: 0; - } - div.inlinepage h4 { - font-weight: normal; - font-size: 11pt; - margin: 0; - } - div.inlinepage h5 { - font-weight: normal; - font-size: 11pt; - margin: 0; - } - div.inlinepage h6 { - font-weight: normal; - font-size: 11pt; - margin: 0; - } - - div#blogform { - padding: 0px 5px; - margin-bottom: 10px; - } - - pre { - width: 90%; - font-size: 10pt; - font-family: monospace; - background: #e1e1e1; - margin-left: 4%; - padding-top: 5px; - padding-bottom: 5px; - } - - .pagecloud { - width: 25%; - border-top: 1px solid #aaa; - border-bottom: 1px solid #aaa; - background: #eee; - color: black !important; - } - - .pagecloud a { - text-decoration: none; - } -- 2.26.2