Réécriture du fichier CSS principal de Wikini : wakka.css
Cette page propose une version de
wakka.css plus facile à lire et à comprendre, selon les recommandations émises sur la page
DiscussionsNormeDeCodageCSSPourWikiNi. Il serait certainement opportun d'en profiter pour réaliser un nettoyage de ces CSS et pourquoi pas de proposer un nouveau style de base de Wikini. Pour la future version 0.5 de Wikini ?
Proposition initiale :
JmPhilippe - 15/05/2005
- j'ai récupéré la version CVS de cette date
- il y a des classes non commentées dont je ne trouve pas la correspondance dans le Html (il faut dire que j'utilise une version 0.4.x pour cela...) :
- .commenteditlink
- .additions
- .deletions
- .error
- .debug
- les commentaires explicatifs ont été rédigés en anglais car ça évite le problème de l'encodage des caractères accentués et ça permet aux non francophones de les lire aussi :-).
/********************
* Wikini CSS file *
*******************
author: ???
revisions:
v0.5 - 2005/05/15 - JM. Philippe: beautification */
/***************
general setting
***************/
body {
background-color: #F5F5F5;
color: black;
}
/* font setting */
body, p, td, li, input, select, textarea {
font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.3;
}
/* titles */
h1, h2, h3, h4, h5 {
margin: 0px;
padding: 0px;
}
/* links */
a {
color: #993333;
}
/* lists */
ul {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
ol {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
/* misc. */
form {
margin: 0px;
padding: 0px;
}
tt {
color: Navy;
}
hr {
border: 0px;
color: Black;
background-color: Black; /* Internet Explorer */
height: 1px;
}
/***********
page layout
***********/
/* === page header ==== */
/* wiki site name */
h1.wiki_name {
float: left;
margin: 0px 15px 0px 10px;
font-size: 150%;
}
/* current page name */
h1.page_name {
font-size: 150%;
}
/* header links (main page, last changes, user, etc.) */
div.header {
padding: 10px;
padding-top: 0px;
}
/* ==== page body ==== */
/* normal page container */
div.page {
background-color: #FFFFFF;
padding: 10px;
border: 1px inset;
border-bottom: none;
}
/* preview page container */
div.page_preview {
background-color: #FFFFBF;
padding: 10px;
border: 1px inset;
border-bottom: none;
}
/* preview warning text container */
div.prev_alert {
background-color: red;
color: white;
font-size: 1.7em;
font-weight: bold;
margin-bottom: 5px;
}
/* former page version date container */
div.revisioninfo {
color: #AAAAAA;
padding-bottom: 20px;
}
/* stretches the page container for eventual floating boxes at page bottom */
hr.hr_clear {
clear: both;
visibility: hidden;
}
/* ==== page comments ==== */
/* container of the link show/hide comments */
div.commentsheader {
background-color: #DDDDDD;
padding: 2px 10px;
border-left: 1px inset;
border-right: 1px inset;
border-top: 1px solid #CCCCCC;
}
/* box for 1 comment */
div.comment {
background-color: #EEEEEE;
padding: 10px;
border-left: 1px inset;
border-right: 1px inset;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #EEEEEE;
}
/* comment author information */
div.commentinfo {
color: #AAAAAA;
}
/* new comment container */
div.commentform {
background-color: #EEEEEE;
padding: 10px;
border-left: 1px inset;
border-right: 1px inset;
border-top: 1px solid #CCCCCC;
}
/* ??? */
.commenteditlink {
float: right;
margin: 2;
}
/* ==== page foot ==== */
/* footer container: edit link, permissions, date, etc. */
div.footer {
background-color: #DDDDDD;
padding: 5px 10px;
border: 1px inset;
border-top: none;
border-top: 1px solid #CCCCCC;
}
/* wiki text search entry */
input.searchbox {
background: #FFFFF8;
border: 0px;
border-bottom: 1px solid #CCCCAA;
padding: 0px;
margin: 0px;
}
/* ==== container of validation + wikini.net links ==== */
div.copyright {
font-size: 11px;
color: #AAAAAA;
text-align: right;
}
div.copyright a {
color: #AAAAAA;
}
/**************
page text look
**************/
/* indented text block */
div.indent {
margin-left: 40px;
}
/* text marked as ££...££ */
span.add {
font-weight: bold;
color: #c00;
text-decoration: underline;
}
/* text marked as @@...@@ */
span.del {
font-style: italic;
color: #c00;
text-decoration: line-through;
}
/* page edition area */
textarea.edit {
width: 100%;
height: 400px;
}
/* text marked as %%...%% */
pre.code {
background: #FFFFFF;
border: solid #888888 2px;
font-family: 'Courier New', Courier;
width: 100%;
height: 400px;
overflow: scroll;
padding: 3px;
}
/* ??? */
.additions {
color: #008800;
}
/* ??? */
.deletions {
color: #880000;
}
/* ??? */
.error {
color: #CC3333;
font-weight: bold;
}
/* ??? */
.debug {
font-size: 11px;
color: #888888;
}
/**************
action include
**************
TODO: use multiple classes class="include scroll h30em right", etc.
*/
/* floating box on the right */
div.include_right {
float: right;
width: 17%;
}
/* floating box on the left */
div.include_left {
float: left;
width: 17%;
}
/* box with solid border */
div.include_solid_border {
border: solid;
padding: 2px;
}
/* with gray background */
div.include_gray_background {
background-color: #DDDDDD;
}
/* with small fonts */
div.include_small_fonts {
font-size: 0.8em;
}
/* with big fonts */
div.include_big_fonts {
font-size: 1.2em;
}
/* of 10em fixed height */
div.include_height10em {
height: 10em;
overflow: scroll;
}
/* of 15em fixed height */
div.include_height15em {
height: 15em;
overflow: scroll;
}
/* of 30em fixed height */
div.include_height30em {
height: 30em;
overflow: scroll;
}
/* of 60em fixed height */
div.include_height60em {
height: 60em;
overflow: scroll;
}
/************
action trail
************/
table.trail_table {
line-height: 30px;
}
span.trail_button {
color: #993333;
}