add themes page and remove actiontabs.css from css_market since it is a

theme
master
Joey Hess 2010-12-11 14:48:52 -04:00
parent 44231a052f
commit 99d74b3d6a
7 changed files with 23 additions and 134 deletions

View File

@ -4,9 +4,11 @@ User contributed stylesheet files for ikiwiki. Unless otherwise noted,
these style sheets can be installed by copying them into your wiki's source
dir with a filename of `local.css`.
Some of stylesheets have developed into fullfledged [[themes]] that are
included in ikiwiki for easy use.
Feel free to add your own stylesheets here. (Upload as wiki pages; wiki
gnomes will convert them to css files..) Selected ones from here are
included in the [[theme_plugin|plugins/theme]].
gnomes will convert them to css files..)
* **[[css_market/zack.css]]**, contributed by [[StefanoZacchiroli]],
customized mostly for *blogging purposes*, can be seen in action on
@ -46,15 +48,11 @@ included in the [[theme_plugin|plugins/theme]].
* **[contraste.css][4]**, contributed by [[Blanko]]. Can be seen on [Contraste Demo][5]. Local.css and templates available [here][6].
* **[[css_market/actiontabs.css]]**, contributed by [[svend]]. This style sheet displays
the action list (Edit, RecentChanges, etc.) as tabs. This is in use at [branchable](http://www.branchable.com/).
[[!meta stylesheet="actiontabs"]]
* **[wiki.css](http://cyborginstitute.net/includes/wiki.css)** by [[tychoish]].
I typically throw this in as `local.css` in new wikis as a slightly more clear and readable
layout for wikis that need to be functional and elegant, but not necessarily uniquely designed.
Currently in use by the [the outeralliance wiki](http://oa.criticalfutures.com/).
If your web browser allows selecting between multiple stylesheets, this
page can be viewed using many of the stylesheets above. For example, if

View File

@ -1,122 +0,0 @@
/* ikiwiki local style sheet */
/* Add local styling here, instead of modifying style.css. */
a {
text-decoration: none;
color: #005a9c;
}
a:hover {
text-decoration: underline;
}
hr {
border-style: none;
background-color: #999;
height: 1px;
}
code, pre {
background: #eee;
}
pre {
padding: .5em;
}
body {
margin: 0;
padding: 0;
font-family: sans-serif;
color: black;
background: white;
}
.pageheader {
margin: 0;
padding: 1em 2em 0 2em;
background: #eee;
border-color: #999;
border-style: none none solid none;
border-width: 1px;
}
.header {
font-size: 100%;
font-weight: normal;
}
.title {
display: block;
margin-top: .2em;
font: 140% sans-serif;
text-transform: capitalize;
}
.actions {
text-align: right;
padding: 0;
}
#content, #comments, #footer {
margin: 1em 2em;
}
#pageinfo {
border-color: #999;
}
.inlinepage {
margin: .4em 0;
padding: .4em 0;
border-style: none;
border-top: 1px solid #aaa;
}
.inlineheader {
font-size: 120%;
font-weight: normal;
}
h1 { font: 120% sans-serif }
h2 { font: bold 100% sans-serif }
h3 { font: italic 100% sans-serif }
h4, h5, h6 { font: small-caps 100% sans-serif }
/* Smaller headings for inline pages */
.inlinepage h1 { font-size: 110% }
.inlinepage h2 { font-size: 100% }
.inlinepage h3 { font-size: 100% }
.pageheader .actions ul {
border-style: none
}
.actions ul {
font-size: 75%;
padding: 0;
border-style: none;
}
.actions ul li a {
text-decoration: none;
}
.actions ul li {
margin: 0;
padding: .1em .5em 0 .5em;
background: white;
border-color: #999;
border-style: solid solid none solid;
border-width: 1px;
}
div.recentchanges {
border-style: none;
}
.pagecloud {
width: auto;
}

View File

@ -4,11 +4,8 @@
The theme plugin allows easily applying a theme to your wiki, by
configuring the `theme` setting in the setup file with the name of a theme
to use. The themes you can choose from are all subdirectories, typically
inside `/usr/share/ikiwiki/themes/`.
A theme provides, via the underlay, an enhanced version of the regular
[[style.css]]. This leaves [[local.css]] free for you to further
customise. Themes can also provide header and background images.
inside `/usr/share/ikiwiki/themes/`. See [[themes]] for an overview
of the themes included in ikiwiki.
You can set the theme via the **theme** option in your config file (after
enabling the plugin). Refresh the wiki after changing it to see the changes.

16
doc/themes.mdwn 100644
View File

@ -0,0 +1,16 @@
Ikiwiki now comes with several themes contributed by users.
You can enable the [[theme_plugin|plugins/theme]] to use any of these.
A theme provides, via the underlay, an enhanced version of the regular
[[style.css]]. This leaves [[local.css]] free for you to further
customise. Themes can also provide header and background images.
[[!img align=left actiontabs_small.png]] The actiontabs theme, contributed by
[[svend]]. This style sheet displays the action list
(Edit, RecentChanges, etc.) as tabs.
[[!img align=left blueview_small.png]] The blueview theme, contributed by
[[BerndZeimetz]], featuring a panorama photo he took.
[[!img align=left none_small.png]] For completeness, ikiwiki's default
anti-theme.

BIN
doc/themes/actiontabs_small.png vendored 100644

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

BIN
doc/themes/blueview_small.png vendored 100644

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
doc/themes/none_small.png vendored 100644

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB