Édition : Télécharger des thèmes

Table des matières

Themshu simple css

Par Omanu le 13.11.2012

Aperçu

aperçu de themshu

installation

Remplacez ou rééditez le fichier chuwiki/theme/default/ChuWiki.css par ceci:

/*
////////////////////////////////////////////////////////////////////////////////
// ***** BEGIN LICENSE BLOCK *****
// This file is part of ChuWiki.
// Copyright (c) 2004 Vincent Robert and contributors. All rights
// reserved.
//
// This program is free software; you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation; either version 2 of the License, or
// (at your option) any later version.
// 
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
// 
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA//
//
// ***** END LICENSE BLOCK *****
////////////////////////////////////////////////////////////////////////////////
*/

@media screen {

html
{
	background: #EEE;
	margin: 0;
	padding: 0;
}

body
{
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 0 1em 1em 1em;
	padding: 0;
} 
body h1 /* titre de la page */
{
	padding-left:20%;
	margin-left:1em;
	font-weight: bold;
	font-size: 3em;
	color:silver; 
	text-shadow: 1px 1px 1px #000;

} 
a{color:#386975; font-weight: bold;}
a:hover{color:#555;}
a:active{color:#386975;}
a:visited{color:#4890A2;}
code, pre
{
	font-family: monospace;
	font-size: 0.9em;
} 

pre{
	border: 1px solid #333;
	background: #DDD;
	margin: 1em;
	padding: 1em;
	overflow: auto;
	box-shadow: 0px 0px 12px #333 inset;
	border-radius:3px;
} 

blockquote{
	border-left: 1ex solid #ccc;
	padding-left: 1ex;
} 

p{
	text-align: justify;
}
p img{
	box-shadow: 0px 0px 3px #333;
	border-radius:10px;
} 
li{
	margin-top: 0.25em;
	margin-bottom: 0.25em;
} 

table{
	border-collapse: collapse;
}

td, th{
	border: 1px solid #000;
}

dt
{ 
    margin-top: 0.5em;
}

q:before{content: "\ab\a0";}
q:after{
	content: "\a0\bb";
}
q[lang]:after{
	content: "\a0\bb\a0[" attr(lang) "]";
}

a[hreflang]:after{
	content: "\a0[" attr(hreflang) "]";
} 

/* Titre
************************************************************/
#Logo
{
    font-size: 2em;
   color: #CCDDDE;
   line-height: 1em;
   margin: 0;
   padding:15px 5px;
   border-bottom:7px dotted #eee;
   background:black;
}

#Logo a
{
   color: #CCDDDE;
	text-decoration: none;
	text-shadow: 1px 1px 1px #555;
}

h1
{
	font-family: "Trebuchet MS", Verdana, "Bitstream Vera Sans", sans-serif;
	color: #111;
	margin: 0;
	border-radius:10px;
}

h2
{
    color: #0086A8;
   font-weight: bold;
   border-bottom: 1px solid #0086A8;
	background: #CCDDDE;
	padding:3px;
	text-shadow: 1px 1px 1px #fff;
}

h3
{
	color: #0086A8;
	font-weight: bold;
	text-shadow: 1px 1px 1px #ccc;
	border-bottom: 1px solid #0086A8;
} 
h4
{
	color: #0086A8;
	font-weight: bold;
} 

/* Barre d'outils
************************************************************/
#UtilsSeparator
{
	display: none;
}

#Utils
{
	position: absolute;
	font-size: 90%;
	padding: 5px 0;
	margin: 0;
	right: 2em;
	top: 1em;
}

#Utils li
{
	display: inline;
	padding: 4px 0;
} 

#Utils li p 
{
	display: inline;
	margin: 0;
}

#Utils li a
{
	border: 1px solid #666;
	-moz-border-radius: 5px 5px 4px 4px;
	background: #F2F2F2 url(../default/gfx/tb.png) repeat-x;
	padding: 4px 8px;
	color: #333;
	text-decoration: none;
} 

#Utils li a:hover{
	color: #000;
	background: #EEE url(../default/gfx/tbh.png) repeat-x;
	border-color: #000;
} 

#Search
{
	display: inline;
}

#Search input
{
	border: 1px solid #000;
	background: #fff;
	color: #000;
	margin: 0 0.5ex;
	padding: 4px 8px;
}

#Search .Button
{
	border: 1px solid #666;
	-moz-border-radius: 5px 5px 4px 4px;
	background: #F2F2F2 url(../default/gfx/tb.png) repeat-x;
	padding: 4px 8px;
	color: #333;
} 

/* Contenu
************************************************************/
#Content
{
	float: right;
	background: #fff;
	color: #000;
	border: 1px solid #CCC;
	padding: 1em;
	margin: 0.5em 0 1em 0ex;
	width: 75%;
}

#Content.Preview
{
	background: #FFF url(../default/gfx/preview.png) no-repeat right top;
} 
/* Table des matières
* *********************************************************/
p a[href="#top"]
{
	color:black;
	background:silver;
	padding:3px;
	border-radius:5px;
}

/* Menu
************************************************************/
#Menu
{
	margin: -3.3em 0 0 0;
	padding: 0;
    width: 20%;
	font-size: 80%;
} 
#Menu ul
{
	background: #CCDDDE;
	border: 1px solid #CCC;
	color: #000;
	padding: 0.5em 0;
	margin: 0 0 1em 0;
}
#Menu li
{
	display: inline;
}
#Menu li a
{
	display: block;
	padding: 0.2em 1ex;
} 
#Menu li a:hover
{
	color: #000;
	background: #eee;
}

#Menu h2
{
	background: #386975 /*url(../default/gfx/tb.png) repeat-x*/;
	font-size: 1.2em;
	text-align: center;
	padding: 0 8px;
	margin: 0;
    color: #CCDDDE;
	text-decoration: none;
	border: 1px solid #CCC;
	border-bottom: 0;
	border-radius:10px 10px 0 0;
	text-shadow: 1px 1px 1px #333;
}
#Menu h2 a
{
	color: #CCDDDE;
	
} 

/* Edit Mode
************************************************************/
#Wiki{
	border: 1px solid #CCC;
	width: 100%;
}

textarea, select{
	border: 0;
	margin: 0;
	width: 100%;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	border: 1px solid #ccc;
}

#PDate
{
	margin: 0;
	padding: 0;
} 

#Rules
{
	background: #fff;
	border: 1px solid #CCC;
	padding: 1em;
	font-size: 90%;
} 

#Rules dt
{
    margin-top: 1em;
}

#Rules dt code
{
    color: #191;
}

/* Footer
************************************************************/
#footer{
	text-align: center;
	font-weight: bold;
	color: #AAA;
} 

} /* @media screen */

@media print
{

html, body
{
	font-family: Georgia;
	text-align: justify;
	margin: 0;
	padding: 0;
	color: #000;
	background: #fff;
}

#Logo, #UtilsSeparator, #Utils, #Menu
{
	display: none;
}

h1, h2, h3, h4
{
	font-family: sans-serif;
	text-align: left;
	color: #000;
} 

h2
{
	border-bottom: 1px solid #000;
}

pre
{
	border: 1px solid #ddd;
	background: #eee;
	padding: 0.5em 0;
} 

a
{
	color: #000;
}

a:after
{
	content: " (" attr(href) ")";
}

} /* @media print */

Gasthon simple css

Par Omanu le 03.01.2015

Aperçu

aperçu de Gasthon

installation

Remplacez ou rééditez le fichier chuwiki/theme/default/ChuWiki.css par ceci:

 /*
////////////////////////////////////////////////////////////////////////////////
// ***** BEGIN LICENSE BLOCK *****
// This file is part of ChuWiki.
// Copyright (c) 2004 Vincent Robert and contributors. All rights
// reserved.
//
// This program is free software; you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation; either version 2 of the License, or
// (at your option) any later version.
// 
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
// 
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA//
//
// ***** END LICENSE BLOCK *****
////////////////////////////////////////////////////////////////////////////////
*/

@media screen {

html
{
	background: #EEE;
	margin: 0;
	padding: 0;
}

body
{ 
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 0 1em 1em 1em;
	padding: 0;
}
body h1 /* titre de la page */
{
	padding-left:20%;
	margin-left:1em;
	font-weight: bold;
	font-size: 3em;
	color:silver; 
	text-shadow: 1px 1px 1px #000;

}
a{color:#887210; font-weight: bold;}
a:hover{color:#555;}
a:active{color:#386975;}
a:visited{color:#887210;}
a:visited:hover{color:#555;}
code, pre
{
	font-family: monospace;
	font-size: 0.9em;
}

pre{
	border: 1px solid #333;
	background: #DDD;
	margin: 1em;
	padding: 1em;
	overflow: auto;
	box-shadow: 0px 0px 12px #333 inset;
	border-radius:3px;
}

blockquote{
	border-left: 1ex solid #ccc;
	padding-left: 1ex;
}

p{
	text-align: justify;
}
p img{
	box-shadow: 0px 0px 3px #333;
	border-radius:10px;
}
li{
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

table{
	border-collapse: collapse;
}

td, th{
	border: 1px solid #000;
}

dt
{
   margin-top: 0.5em;
}

q:before{
	content: "\ab\a0";
}
q:after{
	content: "\a0\bb";
}
q[lang]:after{
	content: "\a0\bb\a0[" attr(lang) "]";
}

a[hreflang]:after{
	content: "\a0[" attr(hreflang) "]";
}

/* Titre
************************************************************/
#Logo
{
   font-size: 2em;
   color: #FFCA3A;
   line-height: 1em;
   margin: 0;
   padding:15px 5px;
   border-bottom:7px dotted #eee;
   background:#366B99;
}

#Logo a
{
   color: #FFCA3A;
	text-decoration: none;
	text-shadow: 1px 1px 1px #555;
}

h1
{
	font-family: "Trebuchet MS", Verdana, "Bitstream Vera Sans", sans-serif;
	color: #111;
	margin: 0;
	border-radius:10px;
}

h2
{
   color: #FFCA3A;
   font-weight: bold;
    border-bottom: 1px solid #0086A8;
	background: #366B99;
	padding:3px;
	text-shadow: 1px 1px 1px #333;
}

h3
{
	color: #366B99;
	font-weight: bold;
	text-shadow: 1px 1px 1px #ccc;
	border-bottom: 1px solid #FFCA3A;
}
h4
{
	color: #FFCA3A;
	font-weight: bold;
}

/* Barre d'outils
************************************************************/
#UtilsSeparator
{
	display: none;
}

#Utils
{
	position: absolute;
	font-size: 90%;
	padding: 5px 0;
	margin: 0;
	right: 2em;
	top: 1em;
}

#Utils li
{
	display: inline;
	padding: 4px 0;
}

#Utils li p 
{
	display: inline;
	margin: 0;
}

#Utils li a
{
	border: 1px solid #666;
	-moz-border-radius: 5px 5px 4px 4px;
	background: #F2F2F2 url(../default/gfx/tb.png) repeat-x;
	padding: 4px 8px;
	color: #333;
	text-decoration: none;
}

#Utils li a:hover{
	color: #000;
	background: #EEE url(../default/gfx/tbh.png) repeat-x;
	border-color: #000;
}

#Search
{
	display: inline;
} 

#Search input
{
	border: 1px solid #000;
	background: #fff;
	color: #000;
	margin: 0 0.5ex;
	padding: 4px 8px;
}

#Search .Button
{
	border: 1px solid #666;
	-moz-border-radius: 5px 5px 4px 4px;
	background: #F2F2F2 url(../default/gfx/tb.png) repeat-x;
	padding: 4px 8px;
	color: #333;
} 

/* Contenu
************************************************************/
#Content
{ 
	float: right;
	background: #fff;
	color: #000;
	border: 1px solid #CCC;
	padding: 1em;
	margin: 0.5em 0 1em 0ex;
	width: 75%;
}

#Content.Preview
{
	background: #FFF url(../default/gfx/preview.png) no-repeat right top;
}
/* Table des matières
* *********************************************************/
p a[href="#top"]
{ 
	color:black;
	background:silver;
	padding:3px;
	border-radius:5px;
}



/* Menu
************************************************************/
#Menu
{
	margin: -3.3em 0 0 0;
	padding: 0;
    width: 20%;
	font-size: 80%;
}
#Menu ul
{
	background: #CCC;
	border: 1px solid #000;
	color: #000;
	padding: 0.5em 0;
	margin: 0 0 1em 0;
}
#Menu li
{
	display: inline;
}
#Menu li a
{
	display: block;
	padding: 0.2em 1ex;
	color: #000;
}
#Menu li a:hover
{
	color: #FFCA3A;
	background: #366B99;
}
#Menu li a:visited
{
	color: #555;
	background: #ccc;
}
#Menu li a:visited:hover
{
	color: #C5A20A;
	background: #366B99;
}
#Menu li a:active
{ 
	color: #FFCA3A;
	background: #000;
}
#Menu h2
{
	background: #366B99/*url(../default/gfx/tb.png) repeat-x*/;
	font-size: 1.2em;
	text-align: center;
	padding: 0 8px;
	margin: 0;
   color: #FFCA3A;
	text-decoration: none;
	border: 1px solid #000;
	border-bottom: 0;
	border-radius:10px 10px 0 0;
	text-shadow: 1px 1px 1px #333;
}
#Menu h2 a
{
	color: #FFCA3A;
	
}
a.logout{color:red;}
/* Edit Mode
************************************************************/
#Wiki{
	border: 1px solid #CCC;
	width: 100%;
}

textarea, select{
	border: 0;
	margin: 0;
	width: 100%;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	border: 1px solid #ccc;
}

#PDate
{
	margin: 0;
	padding: 0;
}

#Rules
{
	background: #fff;
	border: 1px solid #CCC;
	padding: 1em;
	font-size: 90%;
}

#Rules dt
{
   margin-top: 1em;
}

#Rules dt code
{
   color: #191;
}

/* Footer
************************************************************/
#footer{
	clear:both;
	text-align: center;
	font-weight: bold;
	color: #AAA;
	border-top: 1px solid silver;
	padding-top: 5px;

} 

} /* @media screen */

@media print
{

html, body
{
	font-family: Georgia;
	text-align: justify;
	margin: 0;
	padding: 0;
	color: #000;
	background: #fff;
}

#Logo, #UtilsSeparator, #Utils, #Menu
{
	display: none;
}

h1, h2, h3, h4
{
	font-family: sans-serif;
	text-align: left;
	color: #000;
}

h2
{
	border-bottom: 1px solid #000;
}

pre
{
	border: 1px solid #ddd;
	background: #eee;
	padding: 0.5em 0;
}

a
{
	color: #000;
}

a:after
{
	content: " (" attr(href) ")";
} 

} /* @media print */

Règles de formatage

_texte_
Faire une emphase (italique)
__texte__
Faire une emphase forte (gras)
@@texte@@
Faire un petit code
''texte|langue|source''
Faire une petite citation
>texte
Faire un paragraphe de citation
[texte|URI|langue|titre]
Faire un lien vers une page, les paramètres sont optionnels
((image|texte alternatif|alignement))
Ajouter une image, alignement peut valoir G(auche), D(roite) ou C(entre)
texte
Tout texte écrit simplement sera transformé en paragraphes.
!titre1, !!titre2, !!!titre3, etc.
Créer un titre d'un niveau égal au nombre de !
-texte ou *texte
Faire une liste d'éléments non numérotés
#texte
Faire une liste d'éléments numérotés
;titre:définition
Faire une définition/liste de définitions
??acronyme|titre??
Faire un acronyme
[ESPACE]texte ou {{{texte}}}
Le texte sera préformaté, utile pour écrire des bouts de code
==== ou ---- (au moins 4)
Une ligne de séparation horizontale
\
Si vous ne voulez pas que la syntaxe wiki s'applique, faites précéder les caractères spéciaux par des anti-slashs.