]> sipb.mit.edu Git - ikiwiki.git/commitdiff
revamp css market, allow selecting stylesheets on the fly in web browser
authorjoey <joey@0fa5a96a-9a0e-0410-b3b2-a0fd24251071>
Mon, 30 Oct 2006 02:00:38 +0000 (02:00 +0000)
committerjoey <joey@0fa5a96a-9a0e-0410-b3b2-a0fd24251071>
Mon, 30 Oct 2006 02:00:38 +0000 (02:00 +0000)
doc/css_market.mdwn
doc/css_market/kirkambar.css [new file with mode: 0644]
doc/css_market/kirkambar.mdwn [deleted file]
doc/css_market/zack.css [new file with mode: 0644]
doc/css_market/zack.mdwn [deleted file]

index ae88db239a64fe65bc704724d28130599f635bd4..418d8e19190a80ee6b06cd118f87b9bdc1d01913 100644 (file)
@@ -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 (file)
index 0000000..256986e
--- /dev/null
@@ -0,0 +1,142 @@
+/*
+ * IkiWiki `local.css` stylesheet following the Gitweb theme.
+ *
+ * Copyright © 2006  Recai Oktaş <roktasATdebian.org>
+ *
+ * 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:
+ *             <div id="attribution">
+ *                 This site is maintained using Joey Hess's
+ *                 <a href="http://ikiwiki.kitenet.net/">
+ *                     <img src="ikiwiki.png" title="IkiWiki" alt="IkiWiki" />
+ *                 </a>.
+ *             </div>
+ */    
+#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 (file)
index 795941d..0000000
+++ /dev/null
@@ -1,142 +0,0 @@
-    /*
-     * IkiWiki `local.css` stylesheet following the Gitweb theme.
-     *
-     * Copyright © 2006  Recai Oktaş <roktasATdebian.org>
-     *
-     * 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:
-     *         <div id="attribution">
-     *             This site is maintained using Joey Hess's
-     *             <a href="http://ikiwiki.kitenet.net/">
-     *                 <img src="ikiwiki.png" title="IkiWiki" alt="IkiWiki" />
-     *             </a>.
-     *         </div>
-     */        
-    #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 (file)
index 0000000..fbb0f2c
--- /dev/null
@@ -0,0 +1,135 @@
+/* local.css stylesheet to be used with ikiwiki
+ *
+ * Copyright: (C) 2006 Stefano Zacchiroli <zack@debian.org>
+ * 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 (file)
index c41ea34..0000000
+++ /dev/null
@@ -1,135 +0,0 @@
-    /* local.css stylesheet to be used with ikiwiki
-     *
-     * Copyright: (C) 2006 Stefano Zacchiroli <zack@debian.org>
-     * 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;
-    }