arfff ! Jim
tiens donc... à propos de cancoillotte
ou petite leçon de cancoillottage d'un site quelconque, wikipédia par exemple que quoi je viens d'écrire n'est pas quelconque, en 4 coups de cuillère à pot
1/pour que ça s'applique uniquement aux pages du site, votre code doit se trouver ENTRE les deux embrasses
@-moz-document domain(fr.wikipedia.org)
{
*/ === /*
ici le code
*/ === /*
}
2/les scrollbars m'énervent, c'est pas toujours possible de les cacher, heureusement wikipedia est des gens que qui sont trés conformes et trés corrects, donc
scrollbar
{
display: none !important;
}
3/passage au cirage, et admirage de la puissance de * (sélecteur universel), vu que tout est tout noir, réglage aussi de la couleur de texte et virage des bordures (si vous virez pas de bord, z'aurez pas beau et sur prises)
*
{
background-color: black !important;
color: navajowhite !important;
border: none !important;
}
ce qui vous donne ça
c'est d'un triste, hein ?
à partir de là, vous lui redonnez des couleurs et un peu de relief où ça vous dit
pour trouver où ça vous dit : l'inspecteur dom, bien sûr et l'extension web-developer bien sûr (menu entourer > entourer l'élément survolé (pratique et pas cher))
4/déjà, occupage des titres, hein ! les titres c'est h1, h2, h3, h4, h5, h6 du plus important au plus petit et pas besoin d'inspectage pour ça, doux code :
/* le * sur h1 indique 'tout ce qu' est inclu dans h1', tous ses enfants, quoi !*/
/* tout ce qui est entre /* et */ c'est du blabla pas lu par la machine */
h1, h1 *
{
background-color: transparent !important;
color: tomato !important;
}
/* pour fére beau */
h1:first-letter,h2:first-letter
{
font-size: 150% !important;
font-weight: bold !important;
color: tomato !important;
}
h2
{
font-variant: small-caps !important;
}
h2, h2 *
{
background-color: #060606 !important;
}
h5
{
font-style: italic !important;
}
/* autrement dit, comme ça vous chante */
/* les autres haches, je laisse tranquille, faut pas surcharger */
/* les bords, inspecteur dom et webdeveloper */
/* les onglets de navigation */
#p-cactions ul a
{
border: 1px solid #313131 !important;
border-bottom: 0 !important;
}
/* l'onglet sélectionné, on s'en doute */
#p-cactions ul li.selected a
{
color: tomato !important;
}
/* les bords pour démiliter un peu */
.mw-headline,
#bodyContent table,
#bodyContent table div > div > div > div,
div[style="padding: 5px; font-size: small;"]
{
border: 1px dotted #423131 !important;
}
.mw-headline,
.mw-headline *
{
padding: 0 !important;
}
/* .mv-headline, c'est une classe d'élément qui se retrouve dans les h2, à h6, c'est joli d'encadrer, les 'table' aussi et les div, mais pas toutes : ça charge ! le padding, c'est pour empêcher les débordements sur le fond*/
/* petite explication de #bodyContent table div > div > div > div : vous allez trouver ainsi la quatrième div imbriquée dans n'importe quelle première div rencontrée, simple comme bonjour, c'est joli aussi d'encadrer */
*/ donc #bodyContent table table table div > div > div n'est pas encadrée */
*/ donc #bodyContent table table table tr tbody td td div > div > div > div l'est, par exemple */
*/ ouais, mais ça encadre les h2 .mv-headline, ça fait trop, donc lavage et désintégration du h2 */
h2 .mw-headline
{
border: none !important;
}
/* un p'tit coup de projecteur sur les boites de recherche et les boutons */
/* input, c'est où écrit, submit c'est où pressé */
input, input *
{
background-color: #060606 !important;
}
input[type="submit"]
{
border: 1px solid #1f1f1f !important;
}
/* une p'tite douceur à l'infobox et à la grande boite (#content) */
.infobox,
#content
{
border: 1px solid #313131 !important;
}
/* et arrangeage des liens pour y les voir */
/* le :hover (balayage sur le lien) toujours en dernier */
/* visited, c'est quand c'est déjà visité, hein ! */
a:link
{
text-decoration: none !important;
}
a:visited
{
color: lightsalmon !important;
}
a:hover
{
text-decoration: underline !important;
}
/* ce qui subséquemment, compressément et proprement donne en 20 lignes, dont 21 sont inutiles */
Code : Tout sélectionner
@-moz-document domain(fr.wikipedia.org){
scrollbar {display: none !important;}
*{background-color: black !important;color: navajowhite !important;border: none !important;}
#p-cactions ul a{border: 1px solid #313131 !important;border-bottom: 0 !important;}
#p-cactions ul li.selected a{color: tomato !important;}
h1, h1 *{background-color: transparent !important;color: tomato !important;}
h1:first-letter,h2:first-letter{font-size: 150% !important;font-weight: bold !important;color: tomato !important;}
h2{font-variant: small-caps !important;}
h2, h2 *{background-color: #060606 !important;}
h5{font-style: italic !important;}
input, input *{background-color: #060606 !important;}
input[type="submit"]{border: 1px solid #1f1f1f !important; }
.mw-headline, #bodyContent table,#bodyContent table div > div > div > div,div[style="padding: 5px; font-size: small;"]{border: 1px dotted #423131 !important; }
.mw-headline,.mw-headline *{padding: 0 !important;}
h2 .mw-headline{border: none !important;}
.infobox,#content{border: 1px solid #313131 !important;}
.infobox caption{background-color: #313131 !important;color: cornsilk !important;padding: 0 6px !important;}
a:link {text-decoration: none !important;}
a:visited{color: lightsalmon !important;}
a:hover{text-decoration: underline !important;}}
/* hors sujet, je sais, Edith le sait aussi */
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0
Edith d'Edith ☎ : bises à asap
