revamp css market, allow selecting stylesheets on the fly in web browser
joey
parent
d8b4819d88
commit
8a9056d6e5
|
|
@ -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).
|
||||
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.
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
Loading…
Reference in New Issue