Revision [1709]
This is an old revision of WikkaCSS made by DarTar on 2004-10-06 17:42:14.
Wikka CSS Issues
Issues and discussion related to Wikka CSS stylesheets
Related pages:
Also relevant:
- for general bugs/issues see: WikkaBugs
- for Wikka CSS specification see: WikkaSkins
Also relevant:
- an unofficial Wikka Skin Repository
Strikethrough rendering
Strikethrough seems to highlight the selected text like this instead of striking through it. Looks like Wikka uses the deletions class from wikka.css instead of the strikethrough class.
.strikethrough {color: #888; text-decoration: line-through;} .deletions {color: #876; background-color: #FFCC99;}
--RichardTerry
Missing Pages
Is there a reason why missing pages are marked through <a href="..."><span class="missingpage">Page name</span></a> instead of <a class="missingpage">Page name</a>? This makes control on hover behavior difficult.-- DarTar
Better code rendering
I found that bits of code sometimes are rendered hard to understand, with both loss of original indents and line wrapping. The cause is 1) inheritance of the body's "justify" text alignment, and 2) the fact that lines are allowed to wrap (overflow: auto; doesn't prevent this).My suggested solution is the following change for the code class in wikka.css:
.code { color: black; background: #ffffee; border: 1px solid #888; font: 11px "Bitstream Vera Sans Mono","Courier New", monospace; width: 95%; margin:auto; padding: 3px; text-align: left; /* override justify on body */ overflow: auto; /* allow scroll bar in case of long lines - goes together with white-space: nowrap! */ white-space: nowrap; /* prevent line wrapping */ }
(BTW, a formatter for css would be nice ;-)))
-- JavaWoman
Alternate stylesheets
I really appreciate alternate stylesheets (classical one, more elaborated, aso). To allow them to be configured in WikkaWiki, you could just add :
* In wikka.config.php this line (for exampe just after "stylesheet" => "wikka.css", ) :
"alternates_stylesheets" => array("wikka1.css" => 'Wikka 1', "wikka2.css" => 'Wikka 2', "wikka3.css" => 'Wikka 3'),
* in header.php this two lines just after the last link and before the "style" box :
<?php // Alternate links foreach ($this->GetConfigValue("alternates_stylesheets") as $alternate_css => $alternate_name) { echo '<link rel="alternate stylesheet" type="text/css" href="' . $css_path . $alternate_css . '" media="screen" title="' . $alternate_name . '" />'; } ?>
(I've too added a $css_path variable,
$css_path = 'css/';
I don't thing that various "media=print" CSS would be really usefull.
Of course you need a brower like FireFox / Mozilla to easily switch them, otherwise you have to take care of the stylesheets' switch directly in your pages [ see http://www.openweb.eu.org/ for example ].
--SergiO