Debian-facile

Bienvenue sur Debian-Facile, site d'aide pour les nouveaux utilisateurs de Debian.

Vous n'êtes pas identifié(e).

#1 30-01-2014 13:33:03

smolski
administrateur quasi...modo
Lieu : AIN
Distrib. : 8 (jessie) 64 bits + backports
Noyau : 4.6.0-0.bpo.1-amd64
(G)UI : gnome 3.14.1
Inscription : 21-10-2008

[concours coopératif] nouveau style DF

Après le succès de la représentation pour la bannière des fêtes...
Après le succès de la migration du forum df sur un serveur indépendant sous l'égide du captnfab et presque de MaTTuX_ ... Ahem ! wink
Après le succès de la modification de la page d'Accueil du site df sous les éclairages de leonlemouton et les décors de kao. Applauded
Nous voici donc à vous proposer maintenant la création d'un nouvel aspect environnemental pour les pages du forum !

Les propositions, coopérations et débats sont à faire sur ce fil.
Les outils de départ sont le téléchargement des fichiers ci-dessous :

une petite archive contenant le nécessaire pour personnaliser et tester un style DF.

Certains éléments visuels du site sont disponibles dans la charte graphique avec les fichiers sources :
http://debian-facile.org/asso:chartegraphique

Introduction

Cette archive contient un ensemble de pages représentant à peu près tous les d'éléments affichables par le site, ainsi que l'ensemble des feuilles de style de base pour la création de thème.

Les feuilles de style contiennent toutes les informations de mise en forme pour un site web.
Pour créer un nouveau thème, il suffit donc de modifier une feuille de style (fichier .css), sans toucher aux fichiers .html.

Les feuilles de style à modifier sont les suivantes :
style/Perso.css
style/wiki-perso.css
style/paste-perso.css

Le résultat des modifications est immédiatement visible après rechargement des pages .html

Exemples de styles :
La feuille de style type est style/NewAir.css, le thème par défaut de PunBB.
Le site de Debian-Facile est actuellement basé sur style/Air.css

Ces deux fichiers peuvent être utilisés comme exemples et points de repères.

Rendu

Une fois votre thème mis au point, il vous suffit de poster les deux fichiers .css sur le forum soit via un hébergeur, soit directement dans un message.

Les contraintes de départ sont faibles, elles s'affineront à mi-parcours :
    la palette de couleur nous paraît gagner à rester celle du bleu  DF traditionnel. Il n'est pas interdit de s'en dégager d'une manière cohérente...
    contraste non lassant à long terme (par opposition aux thèmes flashy genre pâques/nowel),
    changement de mise en page libre,
    changement de mise en forme libre,

La création d'une bannière personnalisée sera à suivre à mi-parcours, ne vous en préoccupez pas immédiatement (sauf kao qui fait rien qu'à...).

1/ Dans un délai d'un mois, le vote permettra de sélectionner les pages gréant le plus de suffrages.
2/ Dans le délai du mois suivant, la page définitive issue du même vote sera envoyée au four pour sa publication.
3.../ Les autres thèmes resteront en compte, on peut prévoir de les utiliser ultérieurement au choix légitime de chacun. Non mais sans blague... wink

Les débats et résultats seront orchestrés par les modos présents et comm' d'hab les absents auront tort. tongue

"Définition d'eric besson : S'il fallait en chier des tonnes pour devenir ministre, il aurait 2 trous du cul." - JP Douillon
"L'utopie ne signifie pas l'irréalisable, mais l'irréalisée." - T Monod (source :  La zone de Siné)
"Je peux rire de tout mais pas avec n'importe qui." - P Desproges
"saque eud dun" (patois chtimi : fonce dedans)

En ligne

#2 30-01-2014 19:17:37

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : [concours coopératif] nouveau style DF

Je m'abonne au sujet et je tarderai pas à faire des propositions.

Ce qui est intéressant, le plus souvent, c'est d'aller voir la concurrence et de circuler sur le web pour avoir des idées.
Comme ce site qui référence de l'aide et l'inspiration: http://dubostbenoit.com/influences
Et en fouillant, je suis tombé sur un générateur de code css3: http://css3generator.com/ mais est ce qu'on peut utiliser le CSS3?

Du coup quelle version de nos chers explorateurs doit on supporter?
Pour avoir un ordre d'idée des tailles d'écran, on peut consulter ces stats:
http://gs.statcounter.com/#resolution-w … 201312-bar

Pour les versions de chaque navigateur internet, c'est un peu plus dur:
http://gs.statcounter.com/#browser_vers … 212-201312

Hors ligne

#3 31-01-2014 10:53:24

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : [concours coopératif] nouveau style DF

Bon, j'ouvre les hostilités avec un mockup fait sous Gimp sur lequel je bosse depuis un petit moment, en fait big_smile
1391075317.jpg

Le bando seul est ici:
1390838222.png

Je me suis pas encore plongé dans le CSS, parce que c'est pas mon fort et je préfère avoir un brouillon avant de me lancer dans du code...

Donc vos avis sont les bienvenues, et vous pouvez me piquer des idées et des éléments, ils sont là pour ça...

Hors ligne

#4 31-01-2014 11:00:44

smolski
administrateur quasi...modo
Lieu : AIN
Distrib. : 8 (jessie) 64 bits + backports
Noyau : 4.6.0-0.bpo.1-amd64
(G)UI : gnome 3.14.1
Inscription : 21-10-2008

Re : [concours coopératif] nouveau style DF

Rââââ Lovely ! lol

Au fait kao : Accueil et pas Acceuil wink

"Définition d'eric besson : S'il fallait en chier des tonnes pour devenir ministre, il aurait 2 trous du cul." - JP Douillon
"L'utopie ne signifie pas l'irréalisable, mais l'irréalisée." - T Monod (source :  La zone de Siné)
"Je peux rire de tout mais pas avec n'importe qui." - P Desproges
"saque eud dun" (patois chtimi : fonce dedans)

En ligne

#5 01-02-2014 15:00:42

leonlemouton
Adhérent(e)
Distrib. : Jessie
Noyau : Linux 3.16.0-4-686-pae
(G)UI : Mate 1.8.1
Inscription : 14-08-2012

Re : [concours coopératif] nouveau style DF

Youpi un concours coopératif!! big_smile

J'en suis; j'espère que ça va pas me bouffer trop de temps mais je suis motivé!!

Kao démarre très fort; c'est Whaouhhh!! smile

Je vais essayer de faire des points sur l'avancement régulièrement mais je ne vous promet rien...

Je ne touche pas au html et je me concentre sur la css.
Merci pour le kit smolski; c'est top!!

Je démarre avec un thème air et eau (AirEau.css => notez le super jeu de mot!!) ; on verra ou ça va...

cool

Leonlemouton
°(")°

Hors ligne

#6 01-02-2014 15:58:44

smolski
administrateur quasi...modo
Lieu : AIN
Distrib. : 8 (jessie) 64 bits + backports
Noyau : 4.6.0-0.bpo.1-amd64
(G)UI : gnome 3.14.1
Inscription : 21-10-2008

Re : [concours coopératif] nouveau style DF

Bon décollage ce thème, leonlemounton, ça va zader impec, sûr ! lol

"Définition d'eric besson : S'il fallait en chier des tonnes pour devenir ministre, il aurait 2 trous du cul." - JP Douillon
"L'utopie ne signifie pas l'irréalisable, mais l'irréalisée." - T Monod (source :  La zone de Siné)
"Je peux rire de tout mais pas avec n'importe qui." - P Desproges
"saque eud dun" (patois chtimi : fonce dedans)

En ligne

#7 01-02-2014 16:59:41

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : [concours coopératif] nouveau style DF

Cool leonlemouton se joint à nous!!

De mon côté, j'ai attaqué le CSS, et j'ai modifié les pages html pour pouvoir organiser l'ordre des menus.
Vous pouvez télécharger le dossier ici normalement:
https://drive.google.com/file/d/0B39ng- … sp=sharing
J'ai juste un soucis avec la page wiki, je ne sais pas ce qui coche, Si vous avez une idée je suis preneur.

J'ai aussi modifier le bando, les exports en bmp depuis inkscape ne sont pas terrible en fait, vaut mieux importer le svg dans gimp puis l'exporter depuis là.
L'image est donc plus précise.
1391264578.png

J'attends vos retours.
Kao

Hors ligne

#8 01-02-2014 17:03:27

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

Hé ho, non pas de modif du html hein smile

captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#9 01-02-2014 17:07:37

MaTTuX_
La Paillasse !!!
Lieu : Zoubidou-Land
Distrib. : 75 serveurs
Noyau : 3.2.0-4-amd64
(G)UI : tty et ... pas gnome en tout cas....
Inscription : 28-05-2007
Site Web

Re : [concours coopératif] nouveau style DF

Hé ho hé ho on rentre du boulot ??????????...

\o/ Le closedSource c'est tabou on a viendra tous à bout \o/

Hors ligne

#10 01-02-2014 17:12:31

daufinsyd
Membre
Lieu : Alsace, Haut Rhin
Distrib. : Manjaro + Tanglu + Debian Stable + Xubuntu
Noyau : Linux 4.4-amd64
(G)UI : Plasma 5 & Gnome
Inscription : 02-02-2013

Re : [concours coopératif] nouveau style DF

whaouhh kao !!!
j'adore !!!! vraiment splendide !!!

Aspire V3-772G + SSD 850Evo (msata)
Intel i7-4790 4 (8) * 3.6Ghz - 12Go - GTX460 1Go - 1To + 500Go DD
Intel i7-6700 - 8Go - AMD R9 280X 3Go - 1To HDD + 2To HDD + SSD 850Evo (2.5)

Hors ligne

#11 01-02-2014 17:17:51

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : [concours coopératif] nouveau style DF

captnfab a écrit :

Hé ho, non pas de modif du html hein smile

juste un soupçon big_smile

Hors ligne

#12 01-02-2014 17:20:14

MaTTuX_
La Paillasse !!!
Lieu : Zoubidou-Land
Distrib. : 75 serveurs
Noyau : 3.2.0-4-amd64
(G)UI : tty et ... pas gnome en tout cas....
Inscription : 28-05-2007
Site Web

Re : [concours coopératif] nouveau style DF

kao ne reveille pas la bête qui dort en lui lol

\o/ Le closedSource c'est tabou on a viendra tous à bout \o/

Hors ligne

#13 01-02-2014 17:20:33

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

kao a écrit :

captnfab a écrit :

Hé ho, non pas de modif du html hein smile

juste un soupçon big_smile


Non, du tout smile
C'est du php, partiellement généré, partiellement statique, c'est vraiment la plaie smile


captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#14 01-02-2014 17:32:34

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : [concours coopératif] nouveau style DF

diff ./concours-styles/accueil.html ./concours-styles-kao/accueil.html   >Diff.txt


Une broutille big_smile :

10d9
<
13c12
< <div class="punwrap">
---
> <div id="mainframe" class="punwrap">
18,19c17,18
<             <h1><a href="accueil.html">Debian-facile</a></h1>
<             <div id="brddesc">Bienvenue sur Debian-Facile, site d'aide pour les nouveaux utilisateurs de Debian.</div>
---
>             <h1><a href="accueil.html">Debian-facile</a></h1>
> <!--             <div id="brddesc">Bienvenue sur Debian-Facile, site d'aide pour les nouveaux utilisateurs de Debian.</div> -->
31a31,33
>             </ul>
>             <ul id="brdmenuli">
>                 <li id="navlogout"><a href="#">Déconnexion</a></li>
34d35
<                 <li id="navlogout"><a href="#">Déconnexion</a></li>
39c40
<                 <li><span>Connecté(e) sous l'identité&nbsp; <strong>utilisateur</strong></span></li>
---
>                 <li><span>Connecté(e) sous l'identité&nbsp; <strong id="brduser">utilisateur</strong></span></li>

Hors ligne

#15 01-02-2014 17:54:18

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

Nan, tolérance Zéro smile

captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#16 01-02-2014 18:19:45

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : [concours coopératif] nouveau style DF

Juste en modifiant le Perso.css ça passe:
J'ai toujours un truc bizarre sur la page wiki, mais je pense que l'on peut trouver:

/*****************************************************************
1. INITIAL SETTINGS
*****************************************************************/

/*Ajout palmito
----------------------------------------------------------------*/



#brdtitle h1 {
  display: block;
/*  background: url(http://debian-facile.org/img/df_bleu_test.png); */
  background: url(http://pix.toile-libre.org/upload/original/1391264578.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 124px; /* Hauteur de l'image */
  width: 100%; /* largeur de l'image */
  text-indent: -200%;
}

#main .block .box .inbox{
  border-bottom: 2px dotted;
  border-left: 2px dotted;
  border-color: #cad7e1;
  padding: 15px;

}

#mainframe {
  box-shadow: 10px 10px 20px 2px rgba(122,122,122,);
}



.pun .thanks {
  border: 1px dotted;
  padding: 10px 20px 10px 20px;
  margin: 10px 0 10px 0;
  border-color:#000;
}

/* Poll */
#ap_poll_input {
}

.ap_poll_hidden { display: none; }

fieldset.ap_poll {
        margin-top: 2em;
        padding: 1em;
        background-color: #F6F9FC;
        border: 1px solid #DFE6EE;
}

.ap_poll legend {
        font-weight: normal;
}

.ap_poll p {
        font-weight: bold;
}

.ap_poll table {
        width: auto;
}

.ap_poll th {
        font-weight: normal;
        padding: .5em 1em .5em 0;
}

.ap_poll td {
        padding: .5em 1em;
}

.ap_poll label {
       
}

.ap_poll .percent {
        text-align: right;
}

.ap_poll .results .bar {
        height: 20px;
        background-color: #44699C;
}

.ap_poll .results .bar .top {
        background-color: #4F78B2;
        width: 100%;
        height: 10px;
}

.ap_poll .total {
        color: #b7b7b7;
        margin-top: .5em;
        font-style: italic;
}



/* Limited Reset
----------------------------------------------------------------*/

html, body, .pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, .pun h4, .pun h5, .pun pre, .pun blockquote,
.pun ul, .pun ol, .pun li, .pun dl, .pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun legend .pun img,
.pun abbr, .pun cite {
  border: 0;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.pun ul, .pun ol {
  list-style: none;
}

.pun select {
  padding-bottom: 1px;
  padding-top: 1px;
}

/* Content Defaults
----------------------------------------------------------------*/

.pun {
  font: 0.8em Arial, Helvetica, sans-serif;
}

.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun legend {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.pun pre, .pun code {
  font-family: monospace;
  font-size: 1em;
}

.pun pre code {
  font-size: 1em;
}

.pun table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  empty-cells: show;
  width: 100%;
}

.pun h1 {
  font:2.154em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding: 7px 0;
}

.pun h2, .pun .hd h2 {
  font: 1.462em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding: 7px 0;
}

.pun h3 {
  font-size: 1.154em;
  line-height: 1.267em;
  padding: 7px 0;
}

.pun h4 {
  font-size: 1.077em;
  font-weight: bold;
  padding: 7px 0;
}

.pun h5, .pun h6 {
  font-size: 1em;
  font-weight: bold;
  padding: 7px 0;
}

.pun p, .pun ul, .pun ol, .pun dl, .pun th, .pun td, .pun legend {
  padding: 7px 0;
}

.pun strong, .pun th, .pun span.warntext, .pun p.warntext {
  font-weight: bold;
}

.pun em {
  font-style: italic;
}

.pun a, .pun a:link, .pun a:visited {
  text-decoration: none;
}

.pun a:hover, .pun a:active, .pun a:focus {
  text-decoration: underline;
}

.pun .actions span {
  padding-left: 16px;
  padding-right: 8px;
  background: url(Air/img/bull.png) center left no-repeat;
  display: inline-block;
  line-height: normal;
}

/* Hidden Elements
----------------------------------------------------------------*/

#brdfooter h2, #brdstats h2, #debug h2, #brdstats .conl dt, #brdstats .conr dt, #modcontrols dt,
#searchlinks dt, div.postright h3, .pun .subscribelink span, #announce .hd, #reportform h2, #punmoderate #vf h2,
#punviewforum #vf h2, .pun .required strong span, .pun .icon div {
  display: block;
  overflow: hidden;
  position: absolute;
  text-indent: -9999em;
  width: 0;
}

/* Generic Float Clear
----------------------------------------------------------------*/

.pun .inbox, .pun #brdmain, .pun .crumbs, .pun .pagepost, .pun .block2col {
  min-height: 1px;
}

* html .pun .inbox, * html .pun #brdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col {
  display: inline-block;
}

* html .pun .inbox, * html .pun #bdrdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col {
  display: block;
}

.pun .inbox:after, .pun #brdmain:after, .pun .crumbs:after, .pun .pagepost:after, .pun .block2col:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.pun .block2col .inbox:after {
  content: none;
  clear: none;
}

.clearl {
  clear: left;
}


/*****************************************************************
2. COMMON STYLES
*****************************************************************/

/* Page Layout
----------------------------------------------------------------*/

.pun {
  padding: 30px 40px;
}

#punredirect, #punmaint {
  padding: 60px 20% 12px 20%;
}

#puninstall, #pundb_update {
  padding: 20px 10%;
}

.pun .punwrap {
  border: 1px solid;
  padding: 0px;
}

.pun .top-box {
  height: 0px;
  margin-bottom: 0px;
  position: relative;
  background: url(Air/img/main_top.png) top left no-repeat;
}

.pun .top-box div {
  height: 0px;
  margin-left: 50%;
  background: url(Air/img/main_top.png) top right no-repeat;
}

.pun .end-box {
/*  margin-top: -17px;*/
  height: 18px;
  position: relative;
/*  background: url(Air/img/main_end.png) bottom left no-repeat; */
 background: none;
}

.pun .end-box div {
  height: 18px;
  margin-left: 50%;
/*  background: url(Air/img/main_end.png) bottom left no-repeat; */
 background: none;
}

#punredirect h2, #punmaint h2 {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  margin-bottom: 3px;
}

/* Section Spacing and Borders
----------------------------------------------------------------*/

#brdmain {
  border-style: solid none;
  border-width: 2px 0;
  margin-bottom: 12px;
  padding: 12px 0;
}

#brdfooternav{
  padding: 0 5px 5px 5px;
}


#punindex #brdmain {
  padding-top: 24px;
}

#punredirect #brdmain, #punmaint #brdmain {
  border: 0;
  margin: 0;
  padding: 0;
}

#brdstats {
  border-style: solid none none none;
  border-width: 2px 0 0 0;
  margin-top: 24px;
  padding-top: 12px;
}

#quickpost {
  border-style: solid none none none;
  border-width: 2px 0 0 0;
  margin-top: 12px;
  padding-top: 12px;
}

#announce {
  border-style: solid none none none;
  border-width: 2px 0 0 0;
  padding-top: 3px;
}

/*****************************************************************
3. COMMON BOARD ELEMENTS
*****************************************************************/

/* Logo, Description and Main Menu
----------------------------------------------------------------*/

#brdtitle h1 {
  padding: 0 0 0 0;
}

#brddesc {
    display:none;
}

#brddesc p {
  padding: 0;
}

#brdmenu ul {
  padding: 0;
  text-align:center;
}

#brdmenu li {
  float: left;
}

#brdmenuli li {
  float: right;
}

#brdmenu a:link, #brdmenu a:visited {
/*  border-right-style: solid;
  border-width: 1px;*/
  display: block;
  min-width: 60px;
  padding: 10px 8px;
  white-space: nowrap;
  border-radius: 8px 8px 0 0;
}

#brdmenu a:hover, #brmenu a:active, #brdmenu a:focus {
  text-decoration: none;
  border-radius: 8px 8px 0 0;
}

/* Welcome Box
----------------------------------------------------------------*/

#brdwelcome {
  padding: 10px 8px;
  background-color: #363434;
  color: #FFFFFF;

}

#brduser {
  color: #2466b0;
}

#brdwelcome .conl, #brdwelcome .conr, #brdwelcome p, #brdwelcome li {
  display: inline;
  padding: 0;
}

#brdwelcome .conl {
  float: left;
}

#brdwelcome .conr {
  float: right;
}

#brdwelcome li span {
  background: url(Air/img/bull.png) center left no-repeat;
  padding-left: 18px;
  margin-right: 3px;
  display: inline-block;
  line-height: normal;
  white-space: nowrap;
}

#brdwelcome .conl li:first-child span {
  padding-left: 0;
  background: none;
}

/* Stats
----------------------------------------------------------------*/

#brdstats .conl {
  float: left;
}

#brdstats .conr {
  float: right;
  text-align: right;
}

#brdstats #onlinelist {
  border-top-style: dotted;
  border-top-width: 1px;
  clear: both;
}

#brdstats #onlinelist dt, #brdstats #onlinelist dd {
  display: inline;
}

/* Footer
----------------------------------------------------------------*/

.pun #modcontrols {
  border-style: none none dotted none;
  border-width: 0 0 1px 0;
  margin-bottom: 4px;
  text-align: center;
  width: 100%;
}

.pun #modcontrols dd {
  display: inline;
}

.pun #brdfooter #modcontrols dd span {
  background: url(Air/img/bull.png) center left no-repeat;
  display: inline-block;
  line-height: normal;
  padding-left: 18px;
  white-space: nowrap;
}

.pun #brdfooter .conl {
  float: left;
}

.pun #brdfooter .conr {
  text-align: right;
  float: right;
}

.pun #brdfooter #poweredby a {
  font-size: 1.077em;
  font-weight: bold;
}

.pun #brdfooter #qjump {
  padding-top: 5px;
}

.pun #brdfooter #qjump * {
  white-space: nowrap;
}

.pun #brdfooter #searchlinks dd span {
  background: url(Air/img/bull.png) center left no-repeat;
  display: inline-block;
  line-height: normal;
  padding-left: 18px;
  white-space: nowrap;
}

.pun #brdfooter #feedlinks {
  padding-bottom: 0;
}

.pun #brdfooter #feedlinks span {
  background: url(Air/img/feed.png) center left no-repeat;
  display: inline-block;
  padding-left: 18px;
  white-space: nowrap;
}

.pun #debugtime {
  border-style: dotted none none none;
  border-width: 1px 0 0 0;
  margin-top: 7px;
  text-align: center;
}

/* Breadcrumbs, Postlink, Pagination
----------------------------------------------------------------*/

.pun .linkst .inbox, .pun linksb .inbox, .pun .postlinksb .inbox {
  overflow: hidden;
}

.pun .linksb, .pun .postlinksb, .pun .linkst, .pun .crumbs {
  clear: both;
  position: relative;
}

.pun .linkst .crumbs {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.462em;
  line-height: 1.211em;
  padding: 7px 0;
}

.pun .linksb .crumbs, .pun .postlinksb .crumbs {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.154em;
}

.pun .linkst .crumbsplus .pagepost {
  border-top-style: dotted;
  border-top-width: 1px;
}

.pun .linksb .crumbsplus .pagepost, .pun .postlinksb .crumbsplus .pagepost {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}

.pun .postlinksb .crumbs {
  margin-right: 11em;
}

.pun .crumbs li {
  float: left;
  padding-right: 0.4em;
  white-space: nowrap;
}

.pun .crumbs li strong {
  font-weight: normal;
}

.pun .pagelink {
  float: left;
  white-space: nowrap;
}

.pun .pagelink strong, .pun .pagelink a, .pun .pagelink span.spacer {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  display: inline-block;
  padding: 0 12px 0 10px;
  margin-right: -6px;
}

.pun .pagelink .item1 {
  border: 0;
}

.pun .pagelink .pages-label {
  display: inline-block;
}

.pun .postlink {
  float: right;
  font-weight: bold;
  text-align: right;
}

.pun .modbuttons {
  float: right;
  padding: 5px 0 3px 0;
}

.pun .modbuttons input {
  margin-left: 8px;
}

.pun .subscribelink {
  position: absolute;
  right: 0;
  text-align: right;
  top: 33px;
}

#punindex .subscribelink {
  top: 0px;
}

#punindex .linksb {
  height: 12px;
}

/*****************************************************************
4. MAIN TABLES
*****************************************************************/

.pun #brdmain .blocktable {
  position: relative;
}

#punindex #brdmain .blocktable h2, #punsearch #vf h2 {
  font: 1em/1.462em Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 1px 1px 0 1px;
  padding-left: 8px;
  position: relative;
  left: 0;
  white-space: nowrap;
  z-index: 100;
}

#punindex .blocktable th.tcl, #punsearch #vf th.tcl {
  font-size: 0;
  text-indent: -9999em;
}

.pun .blocktable .box {
  border-style: solid;
  border-width: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
}

* html .pun .blocktable .box {
  display: inline-block;
}

.pun .blocktable table {
  table-layout: fixed;
  margin-bottom: -1px;
}

.pun .blocktable th {
  padding: 7px 8px;
  border-style: none none solid none;
  border-width: 1px;
  text-align: left;
}

.pun .blocktable td {
  padding: 7px 8px;
  line-height: 1.3077em;
  border-style: none none solid none;
  border-width: 1px;
  text-align: left;
}

.pun .blocktable h3 {
  font-size: 1.077em;
  font-weight: bold;
  padding: 0;
}

.pun .blocktable p {
  padding: 0;
}

.pun .blocktable .tcl p {
  padding: 5px 0 0 0;
}

.pun .blocktable .tcl {
  width: auto;
}

.pun .blocktable .tc2, .pun .blocktable .tc3, .pun .blocktable .tcmod {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 11%;
}

.pun .blocktable .tcr {
  width: 30%;
}

.pun .blocktable td .newtext, .pun .blocktable td .pagestext, .pun .blocktable td .byuser {
  white-space: nowrap;
}

.pun .blocktable .tcl h3 span.newtext {
  font-size: 0.929em;
  font-weight: normal;
}

.pun #vf td.tcl span.stickytext, .pun #vf td.tcl span.closedtext {
  font-size: 1em;
  font-weight: bold;
}

#punsearch #vf .tc2 {
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
  width: 18%;
}

#users1 .tcr {
  width: 25%;
}

#users1 .tc2 {
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
  width: 25%;
}

#debug {
  margin-top: 12px;
}

#debug .tcl {
  width: 10%;
}

#punredirect #debug .tcl, #punmaint #debug .tcl {
  width: 20%;
}

#debug .tcr {
  width: 90%;
  white-space: normal
}

#punindex .tcr .byuser {
  display: block
}

#punindex td.tc2, #punindex td.tc3, #punindex td.tcr, .pun #vf td.tc2, .pun #vf td.tc3,
.pun #vf td.tcr, #punindex td.tcl div.forumdesc, .pun #vf td.tcl span {
  font-size: 0.923em;
}

.pun #vf td.tcl a {
  font-weight: bold;
}

.pun #vf td.tcl span a {
  font-weight: normal;
}

.pun .blocktable .tclcon {
  height: 1%;
  min-height: 1px;
  overflow: hidden;
  padding: 0 11px 0 12px;
  position: relative;
}

.pun .blocktable .tclcon div {
  width: 100%;
  overflow: hidden;
}

.pun .icon {
  border-style: solid;
  border-width: 8px;
  float: left;
  height: 0;
  overflow: hidden;
  width: 0;
}

.pun .iposted .ipost {
  font-weight: bold;
  left: 0;
  padding-left: 4px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 8px;
}

/*****************************************************************
MAIN POSTS
*****************************************************************/

/* Structure
----------------------------------------------------------------*/

.pun .blockpost {
  border-style: solid;
  border-width: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
}

* html .pun .blockpost {
  display: inline-block;
}

.pun .blockpost h2 {
  font: 1em/1.462em Arial, Helvetica, sans-serif;
  white-space: nowrap;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  height: 1.462em;
  padding: 0.538em 8px 0.538em 236px;
  font-weight: normal;
}

#punsearch .blockpost h2 {
  height: auto;
  padding-left: 36px;
  white-space: normal;
}

#punsearch .blockpost h2 span span {
  white-space: nowrap;
  display: inline-block;
  font: 1.077em "Trebuchet MS", Arial, Helvetica, sans-serif
}

#punsearch .blockpost .icon {
  position: absolute;
  top: 0;
  margin-top: -2.154em;
}

.pun .blockpost h2 .conr {
  float: right;
  text-align: right;
}

.pun .blockpost .inbox {
  float: right;
  position: relative;
  width: 100%;
}

.pun .blockpost .postbody, .pun .blockpost .postfoot {
  border-left-style: solid;
  border-left-width: 1px;
  float: right;
  margin-right: -218px;
  position: relative;
  text-align: left;
  width: 100%;
}

.pun .blockpost .postleft, .pun .blockpost .postfootleft {
  width: 194px;
  padding: 7px 12px 7px 12px;
  float: left;
  margin-left: -218px;
  position: relative;
}

.pun .blockpost .postleft dl {
  padding: 0;
}

#punviewtopic .blockpost dt, #punmoderate .blockpost dt {
  display: block;
  position: absolute;
  padding: 0.538em 0 0.538em 12px;
  height: 1.462em;
  top: -2.615em;
  left: 0;
  overflow: hidden;
  width: 206px;
}

.pun .blockpost dt strong {
  font-size: 1.231em;
  font-weight: bold;
}

.pun .blockpost .postleft dd {
  font-size: 0.923em;
}

.pun .blockpost .postleft .usertitle {
  padding: 4px 0 6px 0;
  font-size: 1em;
}

.pun .blockpost .postleft .postavatar {
  display: block;
  margin: 0 0 4px 0;
}

.pun .blockpost .postright {
  position: relative;
  padding: 4px 230px 7px 18px;
}

.pun .postmsg {
  width:100%;
  overflow: hidden;
  word-wrap: break-word;
}

.pun .blockpost .postfootright {
  position: relative;
  padding: 7px 230px 7px 18px;
  text-align: right;
}

.pun .postfoot p, .pun .postfoot ul {
  padding: 0;
}

.pun .blockpost .postfootright li {
  display: inline;
}

.pun .blockpost .postfootright li span {
  display: inline-block;
  padding-left: 16px;
  margin-left: 8px;
  line-height: normal;
  background: url(Air/img/bull.png) center left no-repeat;
}

.pun .blockpost .usercontacts {
  padding: 7px 0;
}

.pun .blockpost .usercontacts .email {
  background: url(Air/img/email.png) left 65% no-repeat;
  margin-right: 5px;
  padding-left: 21px;
  display: inline-block;
  line-height: normal;
}

.pun .blockpost .usercontacts .website {
  background: url(Air/img/ext.png) left 65% no-repeat;
  padding-left: 18px;
  display: inline-block;
  line-height: normal;
}

.pun .postsignature hr {
  border:none;
  height: 1px;
  margin-left: 0px;
  text-align: left;
}

/* Content (includes other user content)
----------------------------------------------------------------*/

.pun .usercontent {
  padding: 7px 0;
}

.pun .postmsg p, .pun .postmsg li, #punhelp p samp {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pun .usercontent h1, .pun .usercontent h2, .pun .usercontent h3,
.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 {
  padding: 7px 0 0 0;
}

.pun .postmsg h5, #punhelp h5 {
  font-size: 1.231em;
  font-weight: bold;
  padding: 7px 0;
}

.pun .usercontent ul, .pun .postmsg ul {
  list-style: disc;
  padding: 4px 13px 4px 30px;
}

.pun .usercontent ol, .pun .postmsg ol {
  list-style: decimal;
  padding: 4px 13px 4px 30px;
}

.pun .usercontent ol.alpha, .pun .postmsg ol.alpha {
  list-style: lower-alpha;
}

.pun .usercontent li, .pun .postmsg li {
  padding: 0 3px;
}

.pun .usercontent li p, .pun .postmsg li p {
  padding: 0;
}

.pun span.bbu {
  text-decoration: underline;
}

.pun span.bbs, .pun del {
  text-decoration: line-through;
}

.pun .postmsg ins, #punhelp samp ins {
  text-decoration: none;
}

.pun .blockpost .postmsg .postedit {
  font-size: 0.857em;
}

.pun .blockform .postsignature, .pun .blockpost .postsignature {
  font-size: 0.923em;
}

.pun .codebox {
  border-style: solid;
  border-width: 1px;
  margin: 0.75em 1em;
  padding: 0;
}

.pun .quotebox {
  border-style: solid;
  border-width: 1px 1px 1px 3px;
  margin: 0.75em 1em;
  padding: 0 0.75em;
}

.pun .quotebox cite {
  display: block;
  padding: 0.75em 0 0 0;
  font-weight: bold;
  line-height: 1.462em;
}

.pun .quotebox blockquote {
  overflow: hidden;
  width: 100%;
}

.pun .codebox pre {
  overflow-y:hidden;
  overflow: auto;
  width: 100%;
  direction: ltr;
  text-align: left;
}

* html .pun .codebox pre {
  padding-bottom: 10px;
}

*:first-child+html .pun .codebox pre {
  padding-bottom: 10px;
}

.pun .codebox pre code {
  padding: 0.75em;
  white-space: pre;
}

.pun div[class*=codebox] pre code {
  display: inline-block;
}

* html .pun .codebox pre code {
  display: block;
}

.pun .codebox pre.vscroll {
  height: 32em;
  overflow: auto;
  overflow-y: auto
}

.pun .postmsg img, #punhelp samp img {
  vertical-align: text-top;
}

.pun .postmsg .postimg img {
  max-width: 98%;
  vertical-align: middle;
  margin: 7px 0.5em 7px 0;
}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
  border-style: solid;
  border-width: 2px;
}

/*****************************************************************
MAIN FORMS
*****************************************************************/

#punedit .blockform h2, #punpost .blockform h2, #postpreview h2, #posterror h2,
.pun #quickpost h2, .pun #reportform h2, #pundelete .blockform h2 {
  font: 1em/1.462em Arial, Helvetica, sans-serif;
  font-weight: bold;
  white-space: nowrap;
  padding: 10px 19px 4px 37px;
  border: 0;
}

#punpost .blockform h2, #punedit .blockform h2,.pun #quickpost h2,
#pundelete .blockform h2 {
  margin: 1px 1px 0 1px;
  width: 25em;
  position: absolute;
  z-index: 100;
}

.pun #quickpost legend, #punpost legend, #punedit legend {
  width: 25em;
  overflow: hidden;
  white-space: nowrap;
}

.pun .blockform .box {
  border-style: solid;
  border-width: 1px;
  padding-bottom: 12px;
}

.pun #posterror {
  border-style: solid;
  border-width: 1px;
}

.pun #posterror .box {
  padding: 0 18px 12px 18px;
}

* html .pun .blockform .box, * html .pun #posterror {
  display: inline-block;
}

.pun .blockform .forminfo, .pun .error-info {
  padding: 12px 18px;
  border-style: solid;
  border-width: 1px;
  position: relative;
}

.pun .blockform .forminfo {
  margin-top: 12px;
}

#pundelete .blockform .forminfo {
  margin-top: 33px;
}

.pun .forminfo h3 {
  padding-bottom: 0;
}

.pun .error-list li {
  padding-left: 24px;
  background: url(Air/img/exclaim.png) center left no-repeat;
}

.pun .inform {
  padding: 0 18px;
}

.pun legend {
  font-weight: bold;
  padding: 10px 19px 4px 19px;
}

* html .pun legend {
  margin-left: -7px;
}

*:first-child+html .pun legend {
  margin-left: -7px;
}

.pun .infldset {
  border-style: solid;
  border-width: 1px;
  padding: 12px 18px;
}

#punregister #rules .infldset {
  padding: 5px 18px;
}

.pun fieldset p {
  padding: 0 0 7px 0;
  width: 100%;
}

.pun fieldset .usercontent p {
  padding: 7px 0;
}

.pun fieldset label {
  display: block;
  padding: 0 0 7px 0;
}

.pun label em {
  font-weight: normal;
  font-style: normal;
}

.pun .required strong {
  background: url(Air/img/asterisk.png) center right no-repeat;
  font-weight: normal;
  padding-right: 14px;
  white-space: pre;
  display: inline-block;
  line-height: normal;
}

.pun label input, .pun label select, .pun label textarea {
  margin-top: 2px;
}

.pun label.conl {
  display: inline-block;
  padding-right: 12px;
}

.pun form .buttons {
  padding: 8px 19px 8px 34px;
  margin-bottom: -12px;
}

.pun .blockform .buttons input {
  margin-right: 12px;
}

.pun .rbox {
  padding: 3px 0;
}

.pun .rbox label {
  padding: 3px 0 3px 1.75em;
  position: relative;
  min-height: 1px;
}

* html .pun .rbox label {
  text-indent: -3px;
  height: 1%;
}

.pun .rbox input {
  margin: 3px 0.75em 3px -1.75em;
  float: left;
  position: relative;
  vertical-align: middle;
  padding: 0;
  height: 1em;
  width: 1em;
}

.pun input[type=text], .pun select, .pun textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pun .txtarea textarea, .pun input.longinput {
  width: 98%;
}

.pun #quickpost .txtarea {
  padding-right: 12px;
  position: relative;
}

.pun .blockform .bblinks {
  padding-top: 0;
}

.pun .blockform .bblinks li {
  display: inline;
}

.pun .blockform .bblinks li span {
  background: url(Air/img/help.png) center left no-repeat;
  margin-right: 8px;
  padding-left: 20px;
  display: inline-block;
}

.pun #quickpost .bblinks {
  padding-top: 0;
}

.pun #quickpost .bblinks li {
  display: inline;
}

.pun #login p.clearb {
  border-top-style: dotted;
  border-top-width: 1px;
  font-size: 0;
  height: 0;
  line-height: 0;
  margin-top: 7px;
  overflow: hidden;
  padding-bottom: 3px;
  padding-top: 7px;
  text-indent: -9999em;
  width: 100%;
}

.pun #postreview {
  padding-top: 12px;
}

.pun #postpreview, .pun #posterror {
  margin-bottom: 12px;
}

.pun #postpreview .postright {
  padding: 0;
}

.pun #postpreview .postbody {
  border-style: solid;
  border-width: 1px;
  float: none;
  margin: 0 18px 12px 18px;
  padding: 0;
  padding: 4px 18px 4px 18px;
  width: auto;
}

.pun span.email {
  background: url(Air/img/email.png) left 65% no-repeat;
  margin-right: 5px;
  padding-left: 21px;
  display: inline-block;
  line-height: normal;
}

.pun span.website {
  background: url(Air/img/ext.png) left 65% no-repeat;
  padding-left: 18px;
  display: inline-block;
  line-height: normal;
}

#punmisc #rules .box {
  border-style: solid;
  border-width: 1px;
  padding: 5px 18px;
}


#punhelp .box {
  border-style: solid;
  border-width: 1px;
  padding: 7px 12px;
}

.pun .multiselect {
  float: left;
  padding-bottom: 7px;
}

.pun .checklist {
  border-width: 1px;
  border-style: solid;
  max-height: 9em;
  width: 20em;
  overflow: auto;
  padding: 0.25em 0.5em;
  margin: 0.25em 16px 0 0.15em;
}

.pun .checklist legend {
  padding: 0;
}

.pun .checklist legend span {
  width: auto;
  max-width: 25em;
}

.pun .checklist .checklist-item {
  position: relative;
}

.pun .checklist .checklist-item label {
  padding: 0 0 0 1.75em;
}

.pun .checklist .checklist-item .fld-input {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
}

.pun .checklist .checklist-item input {
  margin: 0;
  height: 1.55em;
  width: 1.55em;
}

/*****************************************************************
PROFILES (+ ADMIN MENU)
*****************************************************************/

/* Profile / Admin
----------------------------------------------------------------*/

.pun .blockmenu {
  width: 13em;
  float: left;
  padding-bottom: 12px;
}

.pun .block2col .blockform, .pun .block2col .block {
  margin-left: 15em;
}

.pun .blockmenu .block2 {
  padding-top: 19px;
}

.pun .blockmenu ul {
  border-top-style: dotted;
  border-top-width: 1px;
  padding: 0;
}

.pun .blockmenu li {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  font-weight: bold;
  padding: 0;
}

.pun .blockmenu a:link, .pun .blockmenu a:visited {
  display: block;
  padding: 9px 6px 3px 6px;
  min-height: 1px;
  text-decoration: none;
}

* html .pun .blockmenu a:link,  * html .pun .blockmenu a:visited {
  height: 1%;
}

.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
  text-decoration: none;
}

#viewprofile .box {
  border-style: solid;
  border-width: 1px;
  padding-bottom: 18px;
}

#viewprofile dt, #adstats dt {
  padding: 7px 0;
  position: absolute;
  width: 13em;
  left: 0;
}

#viewprofile dl {
  border-style: solid none none none;
  border-width: 1px;
  margin: 7px 0;
  padding: 0;
  width: 100%;
  position: relative;
}

#adintro, #adstats {
  border-style: solid;
  border-width: 1px;
  padding: 18px;
}

#adintro li span {
  display: inline-block;
  padding-left: 16px;
  margin-left: 8px;
  line-height: normal;
  background: url(Air/img/bull.png) center left no-repeat;
}

#adstats .inbox, #adintro .inbox {
  border-style: solid;
  border-width: 1px;
  padding: 18px;
}

#adstats dl {
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
}

#viewprofile dd, #adstats dd {
  border-style: none none solid none;
  border-width: 1px;
  padding: 7px 0 7px 13em;
}

/*****************************************************************
COLOUR SCHEME
*****************************************************************/

/* Basic defaults and Common Items
----------------------------------------------------------------*/

html, body, .pun {
  background: #f6f9fc;
  color: #333;
}

.pun .punwrap {
/*  background: #fff;*/
/*  border-color: #cad7e1; */
 border: none;
  color: #566579;
}

#brdtitle #brddesc, .pun .pagepost, #brdstats #onlinelist, #brdfooter #searchlinks, #brdfooter #modcontrols,
#punmaint h2, #punredirect h2, #adminconsole .submittop, .pun #debugtime, .pun .pagelink a, .pun .pagelink * {
  border-color: #b9c5ce;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.pun a, .pun a:link, .pun a:visited {
  color: #2365B0;
}

.pun a:hover, .pun a:active, .pun a:focus {
  color: #004687;
}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
  border-color: #22538a;
}

.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img {
  border-color: #b50000;
}

/* Primary Navigation
----------------------------------------------------------------*/

#brdmenu {
  background: #44699c;
}

#brdmenu a, #brdmenu a:link, #brdmenu a:visited {
  background: #44699c;
  border-color: #fff;
  color: #d4dae2;
}

#brdmenu a:hover, #brdmenu a:active, #brdmenu a:focus {
/*  background: #004687; */
  background-color: #363434;
  border-color: #fff;
  color: #fff;
}

/* Main Tables
----------------------------------------------------------------*/

.pun .blocktable .box {
  background: #fcfdfe;
  border-color: #b9c5ce #d9e1e7;
}

#punindex .blocktable h2, .pun #vf h2 {
  color: #357082;
}

#adminconsole fieldset th, #adminconsole fieldset td {
  background: #f6f9fc;
  border-color: #dfe6ee;
}

.pun #users1 h2 {
  background: #fff;
}

.pun .blocktable td {
  border-color: #dfe6ee;
}

.pun .blocktable th {
  background: #ebf1f5;
  border-color: #cad7e1;
  color: #357082;
}

.pun .blocktable td.tcl span.stickytext {
  color: #3399CC;
}

/* Main Posts
----------------------------------------------------------------*/

.pun .blockpost {
  background: #f6f9fc;
  border-color: #b9c5ce #d9e1e7;
}

.pun .blockpost h2 {
  background: #ebf1f5;
  border-color: #cad7e1;
  color: #357082;
}

.pun .blockpost .postbody, .pun .blockpost .postfoot {
  background: #fcfdfe;
  border-color: #dfe6ee;
}

.pun .blockpost .postfootright li {
  color: #fcfdfe;
}

.pun .postmsg, #punhelp code, #punhelp samp {
  color: #333;
}

.pun .postsignature, .pun .postmsg .postedit {
  color: #566579;
}

.pun .quotebox {
  background: #f8f9f0;
  border-color: #7aadbd;
  color: #566579;
}

.pun .quotebox cite {
  color: #357082;
}

.pun .codebox, #punhelp .codebox code {
  background: #333;
  color: #fff;
}

.pun .postmsg hr {
  background: #b9c5ce;
}

.pun .postmsg ins, #punhelp samp ins {
  background-color: #ff0;
}

/* Main Forms + Profile
----------------------------------------------------------------*/

.pun .blockform .box, #adstats, #adintro, #postpreview, #posterror {
  border-color: #b9c5ce #d9e1e7;
  background: #ebf1f5;
}

#punmisc #rules .box, #punhelp .box {
  border-color: #b9c5ce #d9e1e7;
  background: #f6f9fc;
}

.pun #quickpost h2, #punpost .blockform h2, #punedit .blockform h2, #posterror h2,
#pundelete .blockform h2 {
  background: #ebf1f5;
  color: #357082;
}

.pun .forminfo {
  background: #fff;
  border-color: #dfe6ee;
}

#puninstall form#install .forminfo {
  background: #44699c;
  color: #fff;
}

.pun #posterror .error-info {
  background: #ffffe1;
  border-color: #dfe6ee;
}

#puninstall form#install .error-info {
  background: #ffffe1;
  border-color: #dfe6ee;
  color: #333;
}

.pun .infldset, #adintro .inbox, #adstats .inbox {
  background: #f6f9fc;
  border-color: #dfe6ee;
}

.pun label, .pun legend, #adminconsole fieldset th {
  color: #357082;
}

.pun fieldset p {
  border-color: #b9c5ce;
}

.pun .blockmenu ul, .pun .blockmenu li {
  border-color: #b9c5ce;
}

.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
  background: #ffffe6;
}

.pun .blockmenu .isactive a:link, .pun .blockmenu .isactive a:visited {
  color: #333;
  background: #f6f9fc;
  }

.pun #viewprofile .box {
  border-color: #b9c5ce #d9e1e7;
  background: #ebf1f5;
}

.pun #viewprofile dt, #adstats dt {
  color: #357082;
}

.pun #viewprofile dl, .pun #viewprofile dd, #adstats dl, #adstats dd {
  border-color: #dfe6ee;
}

#adminconsole fieldset td.nodefault {
  background: #d59b9b;
}

.pun .multiselect {
  color: #357082;
}

.pun .checklist {
  background: white;
  border-color: #ccc;
}

/* Status Indicators
----------------------------------------------------------------*/

.pun .icon {
  border-color: #e8ecf1 #d4d9dd #dfe3e8 #e8ecf1;
}

.pun .iredirect .icon {
  border-color: #b9c5ce;
  border-width: 1px;
  padding: 7px;
}

.pun .inew .icon {
  border-color: #91b3d9 #87a8d1 #6c85bb #7292c3;
}

div.pun {
  max-width: 115em;
  width: 100%;
  margin: auto auto;
  padding: 10px 0px;
}

/* Intégration du code source
----------------------------------------------------------------*/

.pun .geshicodebox {
  overflow-y:auto;
  overflow: auto;
  width: 95%;
  direction: ltr;
  text-align: left;
  font-size: 10pt;
  max-height: 22em;
  white-space: nowrap;
  padding: 1em;
  background-color: rgb(251, 250, 249);
  color: black;
  margin: 0.5em;
  border-color: rgb(85, 85, 85);
  box-shadow: 0px 0px 5px rgb(187, 187, 187) inset;
  margin-left: 1em;
}

.pun div.code_root {
  margin-left: 0.5em;
  border-color: rgb(170, 85, 85) rgb(170, 85, 85) rgb(170, 85, 85) rgb(170, 0, 0);
  box-shadow: 0px 0px 5px rgb(170, 136, 136) inset;
  border-left: 0.5em solid rgb(170, 0, 0);
}

.pun div.code_user {
  margin-left: 0.5em;
  border-color: rgb(85, 85, 85);
  box-shadow: 0px 0px 5px rgb(187, 187, 187) inset;
  border-left: 0.5em solid rgb(85, 85, 85);
}

.pun div.code_root:before, .pun div.code_user:before {
  border-bottom: 0px dotted black;
  margin: -1em -1em 0 -1em;
  padding: 0.1em 0.5em 0.5em 0.5em;
  margin-bottom: 0.5em;
  height: 1em;
  text-align: left;
  display: block;
  font-size: small;
  font-style: italic;
}
.pun div.code_root:before {
  content: "en root";
  background: url(http://images.debian-facile.org/root.png) no-repeat right;
  background-size: contain;
}
.pun div.code_root:hover:before {
  content: "Ce code doit être entré dans un shell super-utilisateur.";
}

.pun div.code_user:before {
  content: "en user";
  background: url(http://images.debian-facile.org/user.png) no-repeat right;
  background-size: contain;
}
.pun div.code_user:hover:before {
  content: "Ce code doit être entré dans un shell utilisateur simple.";
}

/* Page d'accueil
----------------------------------------------------------------*/

.carre {
  width:31%;
  height:100px;
  background-color: #44699C;
  float: left;
  box-shadow: 10px 10px 5px #CAD7E1;
  margin: 1%;
/*  -webkit-border-radius: 8px 8px 8px 8px; */
  border-radius: 8px 8px 8px 8px;
}

.carre h1{
  font-size:170%;
  text-align: center;
}

.carre h2{
  padding-left:10px !important;
  font-size:125% !important;
  line-height:1.2 !important;
}

.carre a{
  text-decoration: none !important;
  background-repeat:no-repeat;
  background-position:95% 45%;
  height: 100%;
  display: block;
}

.carre a:hover{
  text-decoration: none !important;
  background-color: #363434;
  box-shadow: 10px 10px 5px #CAD7E1;
  background-position:95% 55%;
  border-radius: 8px 8px 8px 8px;
}

#carregauche{
  margin: 1%;
}

#carregauche a{
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('http://images.debian-facile.org/btn-archive.png');
}

#carregauche2{
  margin: 1%;
}

#carregauche2 a{
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('http://images.debian-facile.org/btn-installer.png');
}

#carremilieu{
  margin: 1%;
}

#carremilieu a{
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('http://images.debian-facile.org/btn-forum.png');
}

#carremilieu2{
  margin: 1%;
}

#carremilieu2 a{
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('http://images.debian-facile.org/btn-irc.png');
}

#carredroite{
  margin: 1%;
}

#carredroite a{
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('http://images.debian-facile.org/btn-asso.png');
}

.news{
  box-shadow: 10px 10px 5px #CAD7E1;
  background-repeat:no-repeat;
  background-position:98% 0%;
}

.news h1{
  padding-left: 10px !important;
  color: #44699C;
}

.news h2{
  padding-top: 10px !important;
  padding-left: 20px !important;
}

.news p{
  padding-left: 20px !important;
  padding-right: 10px !important;
  padding-top: 0px !important;
}

#news{
  float:left;
  width:64%;
  margin: 1%;
}

#newsasso{
  float:right;
  width:31%;
  margin: 1% 2% 1% 1%;
  background-image:url('http://images.debian-facile.org/logo-asso-4-mini.png');
}
 

Hors ligne

#17 02-02-2014 12:34:47

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : [concours coopératif] nouveau style DF

Bon j'arrive pas à retirer cette fichu bande blanche pour la page wiki, il y a truc qui cloche dans le code html.
Si quelqu'un à une idée je suis preneur, tongue
Voilà mon Perso.css et mon wiki-perso.css

Perso.css

/*****************************************************************
1. INITIAL SETTINGS
*****************************************************************/

/*Ajout palmito
----------------------------------------------------------------*/



#brdtitle h1 {
  display: block;
/*  background: url(http://debian-facile.org/img/df_bleu_test.png); */
  background: url(http://pix.toile-libre.org/upload/original/1391264578.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 124px; /* Hauteur de l'image */
  width: 100%; /* largeur de l'image */
  text-indent: -200%;
}

#main .block .box .inbox{
  border-bottom: 2px dotted;
  border-left: 2px dotted;
  border-color: #cad7e1;
  padding: 15px;

}

#mainframe {
  box-shadow: 10px 10px 20px 2px rgba(122,122,122,);
}



.pun .thanks {
  border: 1px dotted;
  padding: 10px 20px 10px 20px;
  margin: 10px 0 10px 0;
  border-color:#000;
}

/* Poll */
#ap_poll_input {
}

.ap_poll_hidden { display: none; }

fieldset.ap_poll {
        margin-top: 2em;
        padding: 1em;
        background-color: #F6F9FC;
        border: 1px solid #DFE6EE;
}

.ap_poll legend {
        font-weight: normal;
}

.ap_poll p {
        font-weight: bold;
}

.ap_poll table {
        width: auto;
}

.ap_poll th {
        font-weight: normal;
        padding: .5em 1em .5em 0;
}

.ap_poll td {
        padding: .5em 1em;
}

.ap_poll label {
       
}

.ap_poll .percent {
        text-align: right;
}

.ap_poll .results .bar {
        height: 20px;
        background-color: #44699C;
}

.ap_poll .results .bar .top {
        background-color: #4F78B2;
        width: 100%;
        height: 10px;
}

.ap_poll .total {
        color: #b7b7b7;
        margin-top: .5em;
        font-style: italic;
}



/* Limited Reset
----------------------------------------------------------------*/

html, body, .pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, .pun h4, .pun h5, .pun pre, .pun blockquote,
.pun ul, .pun ol, .pun li, .pun dl, .pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun legend .pun img,
.pun abbr, .pun cite {
  border: 0;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.pun ul, .pun ol {
  list-style: none;
}

.pun select {
  padding-bottom: 1px;
  padding-top: 1px;
}

/* Content Defaults
----------------------------------------------------------------*/

.pun {
  font: 0.8em Arial, Helvetica, sans-serif;
}

.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun legend {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.pun pre, .pun code {
  font-family: monospace;
  font-size: 1em;
}

.pun pre code {
  font-size: 1em;
}

.pun table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  empty-cells: show;
  width: 100%;
}

.pun h1 {
  font:2.154em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding: 7px 0;
}

.pun h2, .pun .hd h2 {
  font: 1.462em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding: 7px 0;
}

.pun h3 {
  font-size: 1.154em;
  line-height: 1.267em;
  padding: 7px 0;
}

.pun h4 {
  font-size: 1.077em;
  font-weight: bold;
  padding: 7px 0;
}

.pun h5, .pun h6 {
  font-size: 1em;
  font-weight: bold;
  padding: 7px 0;
}

.pun p, .pun ul, .pun ol, .pun dl, .pun th, .pun td, .pun legend {
  padding: 7px 0;
}

.pun strong, .pun th, .pun span.warntext, .pun p.warntext {
  font-weight: bold;
}

.pun em {
  font-style: italic;
}

.pun a, .pun a:link, .pun a:visited {
  text-decoration: none;
}

.pun a:hover, .pun a:active, .pun a:focus {
  text-decoration: underline;
}

.pun .actions span {
  padding-left: 16px;
  padding-right: 8px;
  background: url(Air/img/bull.png) center left no-repeat;
  display: inline-block;
  line-height: normal;
}

/* Hidden Elements
----------------------------------------------------------------*/

#brdfooter h2, #brdstats h2, #debug h2, #brdstats .conl dt, #brdstats .conr dt, #modcontrols dt,
#searchlinks dt, div.postright h3, .pun .subscribelink span, #announce .hd, #reportform h2, #punmoderate #vf h2,
#punviewforum #vf h2, .pun .required strong span, .pun .icon div {
  display: block;
  overflow: hidden;
  position: absolute;
  text-indent: -9999em;
  width: 0;
}

/* Generic Float Clear
----------------------------------------------------------------*/

.pun .inbox, .pun #brdmain, .pun .crumbs, .pun .pagepost, .pun .block2col {
  min-height: 1px;
}

* html .pun .inbox, * html .pun #brdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col {
  display: inline-block;
}

* html .pun .inbox, * html .pun #bdrdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col {
  display: block;
}

.pun .inbox:after, .pun #brdmain:after, .pun .crumbs:after, .pun .pagepost:after, .pun .block2col:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.pun .block2col .inbox:after {
  content: none;
  clear: none;
}

.clearl {
  clear: left;
}


/*****************************************************************
2. COMMON STYLES
*****************************************************************/

/* Page Layout
----------------------------------------------------------------*/

.pun {
  padding: 30px 40px;
}

#punredirect, #punmaint {
  padding: 60px 20% 12px 20%;
}

#puninstall, #pundb_update {
  padding: 20px 10%;
}

.pun .punwrap {
  border: 1px solid;
  padding: 0px;
}

.pun .top-box {
  height: 0px;
  margin-bottom: 0px;
  position: relative;
  background: url(Air/img/main_top.png) top left no-repeat;
}

.pun .top-box div {
  height: 0px;
  margin-left: 50%;
  background: url(Air/img/main_top.png) top right no-repeat;
}

.pun .end-box {
/*  margin-top: -17px;*/
  height: 18px;
  position: relative;
/*  background: url(Air/img/main_end.png) bottom left no-repeat; */
 background: none;
}

.pun .end-box div {
  height: 18px;
  margin-left: 50%;
/*  background: url(Air/img/main_end.png) bottom left no-repeat; */
 background: none;
}

#punredirect h2, #punmaint h2 {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  margin-bottom: 3px;
}

/* Section Spacing and Borders
----------------------------------------------------------------*/

#brdmain {
  border-style: solid none;
  border-width: 2px 0;
  margin-bottom: 12px;
  padding: 12px 0;
}

#brdfooternav{
  padding: 0 5px 5px 5px;
}


#punindex #brdmain {
  padding-top: 24px;
}

#punredirect #brdmain, #punmaint #brdmain {
  border: 0;
  margin: 0;
  padding: 0;
}

#brdstats {
  border-style: solid none none none;
  border-width: 2px 0 0 0;
  margin-top: 24px;
  padding-top: 12px;
}

#quickpost {
  border-style: solid none none none;
  border-width: 2px 0 0 0;
  margin-top: 12px;
  padding-top: 12px;
}

#announce {
  border-style: solid none none none;
  border-width: 2px 0 0 0;
  padding-top: 3px;
}

/*****************************************************************
3. COMMON BOARD ELEMENTS
*****************************************************************/

/* Logo, Description and Main Menu
----------------------------------------------------------------*/

#brdtitle h1 {
  padding: 0 0 0 0;
}

#brddesc {
    display:none;
}

#brddesc p {
  padding: 0;
}

#brdmenu ul {
  padding: 0;
  text-align:center;
}

#brdmenu li {
  float: left;
}

#brdmenuli li {
  float: right;
}

#brdmenu a:link, #brdmenu a:visited {
/*  border-right-style: solid;
  border-width: 1px;*/
  display: block;
  min-width: 60px;
  padding: 10px 8px;
  white-space: nowrap;
  border-radius: 8px 8px 0 0;
}

#brdmenu a:hover, #brmenu a:active, #brdmenu a:focus {
  text-decoration: none;
  border-radius: 8px 8px 0 0;

}

/* Welcome Box
----------------------------------------------------------------*/

#brdwelcome {
  padding: 10px 8px;
  background-image:linear-gradient(#363434, #1e1d1d);
/*  background-color: #363434; */
  color: #FFFFFF;

}

#brduser {
  color: #2466b0;
}

#brdwelcome .conl, #brdwelcome .conr, #brdwelcome p, #brdwelcome li {
  display: inline;
  padding: 0;
}

#brdwelcome .conl {
  float: left;
}

#brdwelcome .conr {
  float: right;
}

#brdwelcome li span {
  background: url(Air/img/bull.png) center left no-repeat;
  padding-left: 18px;
  margin-right: 3px;
  display: inline-block;
  line-height: normal;
  white-space: nowrap;
}

#brdwelcome .conl li:first-child span {
  padding-left: 0;
  background: none;
}

/* Stats
----------------------------------------------------------------*/

#brdstats .conl {
  float: left;
}

#brdstats .conr {
  float: right;
  text-align: right;
}

#brdstats #onlinelist {
  border-top-style: dotted;
  border-top-width: 1px;
  clear: both;
}

#brdstats #onlinelist dt, #brdstats #onlinelist dd {
  display: inline;
}

/* Footer
----------------------------------------------------------------*/

.pun #modcontrols {
  border-style: none none dotted none;
  border-width: 0 0 1px 0;
  margin-bottom: 4px;
  text-align: center;
  width: 100%;
}

.pun #modcontrols dd {
  display: inline;
}

.pun #brdfooter #modcontrols dd span {
  background: url(Air/img/bull.png) center left no-repeat;
  display: inline-block;
  line-height: normal;
  padding-left: 18px;
  white-space: nowrap;
}

.pun #brdfooter .conl {
  float: left;
}

.pun #brdfooter .conr {
  text-align: right;
  float: right;
}

.pun #brdfooter #poweredby a {
  font-size: 1.077em;
  font-weight: bold;
}

.pun #brdfooter #qjump {
  padding-top: 5px;
}

.pun #brdfooter #qjump * {
  white-space: nowrap;
}

.pun #brdfooter #searchlinks dd span {
  background: url(Air/img/bull.png) center left no-repeat;
  display: inline-block;
  line-height: normal;
  padding-left: 18px;
  white-space: nowrap;
}

.pun #brdfooter #feedlinks {
  padding-bottom: 0;
}

.pun #brdfooter #feedlinks span {
  background: url(Air/img/feed.png) center left no-repeat;
  display: inline-block;
  padding-left: 18px;
  white-space: nowrap;
}

.pun #debugtime {
  border-style: dotted none none none;
  border-width: 1px 0 0 0;
  margin-top: 7px;
  text-align: center;
}

/* Breadcrumbs, Postlink, Pagination
----------------------------------------------------------------*/

.pun .linkst .inbox, .pun linksb .inbox, .pun .postlinksb .inbox {
  overflow: hidden;
}

.pun .linksb, .pun .postlinksb, .pun .linkst, .pun .crumbs {
  clear: both;
  position: relative;
}

.pun .linkst .crumbs {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.462em;
  line-height: 1.211em;
  padding: 7px 0;
}

.pun .linksb .crumbs, .pun .postlinksb .crumbs {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.154em;
}

.pun .linkst .crumbsplus .pagepost {
  border-top-style: dotted;
  border-top-width: 1px;
}

.pun .linksb .crumbsplus .pagepost, .pun .postlinksb .crumbsplus .pagepost {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}

.pun .postlinksb .crumbs {
  margin-right: 11em;
}

.pun .crumbs li {
  float: left;
  padding-right: 0.4em;
  white-space: nowrap;
}

.pun .crumbs li strong {
  font-weight: normal;
}

.pun .pagelink {
  float: left;
  white-space: nowrap;
}

.pun .pagelink strong, .pun .pagelink a, .pun .pagelink span.spacer {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  display: inline-block;
  padding: 0 12px 0 10px;
  margin-right: -6px;
}

.pun .pagelink .item1 {
  border: 0;
}

.pun .pagelink .pages-label {
  display: inline-block;
}

.pun .postlink {
  float: right;
  font-weight: bold;
  text-align: right;
}

.pun .modbuttons {
  float: right;
  padding: 5px 0 3px 0;
}

.pun .modbuttons input {
  margin-left: 8px;
}

.pun .subscribelink {
  position: absolute;
  right: 0;
  text-align: right;
  top: 33px;
}

#punindex .subscribelink {
  top: 0px;
}

#punindex .linksb {
  height: 12px;
}

/*****************************************************************
4. MAIN TABLES
*****************************************************************/

.pun #brdmain .blocktable {
  position: relative;
}

#punindex #brdmain .blocktable h2, #punsearch #vf h2 {
  font: 1em/1.462em Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 1px 1px 0 1px;
  padding-left: 8px;
  position: relative;
  left: 0;
  white-space: nowrap;
  z-index: 100;
}

#punindex .blocktable th.tcl, #punsearch #vf th.tcl {
  font-size: 0;
  text-indent: -9999em;
}

.pun .blocktable .box {
  border-style: solid;
  border-width: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
}

* html .pun .blocktable .box {
  display: inline-block;
}

.pun .blocktable table {
  table-layout: fixed;
  margin-bottom: -1px;
}

.pun .blocktable th {
  padding: 7px 8px;
  border-style: none none solid none;
  border-width: 1px;
  text-align: left;
}

.pun .blocktable td {
  padding: 7px 8px;
  line-height: 1.3077em;
  border-style: none none solid none;
  border-width: 1px;
  text-align: left;
}

.pun .blocktable h3 {
  font-size: 1.077em;
  font-weight: bold;
  padding: 0;
}

.pun .blocktable p {
  padding: 0;
}

.pun .blocktable .tcl p {
  padding: 5px 0 0 0;
}

.pun .blocktable .tcl {
  width: auto;
}

.pun .blocktable .tc2, .pun .blocktable .tc3, .pun .blocktable .tcmod {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 11%;
}

.pun .blocktable .tcr {
  width: 30%;
}

.pun .blocktable td .newtext, .pun .blocktable td .pagestext, .pun .blocktable td .byuser {
  white-space: nowrap;
}

.pun .blocktable .tcl h3 span.newtext {
  font-size: 0.929em;
  font-weight: normal;
}

.pun #vf td.tcl span.stickytext, .pun #vf td.tcl span.closedtext {
  font-size: 1em;
  font-weight: bold;
}

#punsearch #vf .tc2 {
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
  width: 18%;
}

#users1 .tcr {
  width: 25%;
}

#users1 .tc2 {
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
  width: 25%;
}

#debug {
  margin-top: 12px;
}

#debug .tcl {
  width: 10%;
}

#punredirect #debug .tcl, #punmaint #debug .tcl {
  width: 20%;
}

#debug .tcr {
  width: 90%;
  white-space: normal
}

#punindex .tcr .byuser {
  display: block
}

#punindex td.tc2, #punindex td.tc3, #punindex td.tcr, .pun #vf td.tc2, .pun #vf td.tc3,
.pun #vf td.tcr, #punindex td.tcl div.forumdesc, .pun #vf td.tcl span {
  font-size: 0.923em;
}

.pun #vf td.tcl a {
  font-weight: bold;
}

.pun #vf td.tcl span a {
  font-weight: normal;
}

.pun .blocktable .tclcon {
  height: 1%;
  min-height: 1px;
  overflow: hidden;
  padding: 0 11px 0 12px;
  position: relative;
}

.pun .blocktable .tclcon div {
  width: 100%;
  overflow: hidden;
}

.pun .icon {
  border-style: solid;
  border-width: 8px;
  float: left;
  height: 0;
  overflow: hidden;
  width: 0;
}

.pun .iposted .ipost {
  font-weight: bold;
  left: 0;
  padding-left: 4px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 8px;
}

/*****************************************************************
MAIN POSTS
*****************************************************************/

/* Structure
----------------------------------------------------------------*/

.pun .blockpost {
  border-style: solid;
  border-width: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
}

* html .pun .blockpost {
  display: inline-block;
}

.pun .blockpost h2 {
  font: 1em/1.462em Arial, Helvetica, sans-serif;
  white-space: nowrap;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  height: 1.462em;
  padding: 0.538em 8px 0.538em 236px;
  font-weight: normal;
}

#punsearch .blockpost h2 {
  height: auto;
  padding-left: 36px;
  white-space: normal;
}

#punsearch .blockpost h2 span span {
  white-space: nowrap;
  display: inline-block;
  font: 1.077em "Trebuchet MS", Arial, Helvetica, sans-serif
}

#punsearch .blockpost .icon {
  position: absolute;
  top: 0;
  margin-top: -2.154em;
}

.pun .blockpost h2 .conr {
  float: right;
  text-align: right;
}

.pun .blockpost .inbox {
  float: right;
  position: relative;
  width: 100%;
}

.pun .blockpost .postbody, .pun .blockpost .postfoot {
  border-left-style: solid;
  border-left-width: 1px;
  float: right;
  margin-right: -218px;
  position: relative;
  text-align: left;
  width: 100%;
}

.pun .blockpost .postleft, .pun .blockpost .postfootleft {
  width: 194px;
  padding: 7px 12px 7px 12px;
  float: left;
  margin-left: -218px;
  position: relative;
}

.pun .blockpost .postleft dl {
  padding: 0;
}

#punviewtopic .blockpost dt, #punmoderate .blockpost dt {
  display: block;
  position: absolute;
  padding: 0.538em 0 0.538em 12px;
  height: 1.462em;
  top: -2.615em;
  left: 0;
  overflow: hidden;
  width: 206px;
}

.pun .blockpost dt strong {
  font-size: 1.231em;
  font-weight: bold;
}

.pun .blockpost .postleft dd {
  font-size: 0.923em;
}

.pun .blockpost .postleft .usertitle {
  padding: 4px 0 6px 0;
  font-size: 1em;
}

.pun .blockpost .postleft .postavatar {
  display: block;
  margin: 0 0 4px 0;
}

.pun .blockpost .postright {
  position: relative;
  padding: 4px 230px 7px 18px;
}

.pun .postmsg {
  width:100%;
  overflow: hidden;
  word-wrap: break-word;
}

.pun .blockpost .postfootright {
  position: relative;
  padding: 7px 230px 7px 18px;
  text-align: right;
}

.pun .postfoot p, .pun .postfoot ul {
  padding: 0;
}

.pun .blockpost .postfootright li {
  display: inline;
}

.pun .blockpost .postfootright li span {
  display: inline-block;
  padding-left: 16px;
  margin-left: 8px;
  line-height: normal;
  background: url(Air/img/bull.png) center left no-repeat;
}

.pun .blockpost .usercontacts {
  padding: 7px 0;
}

.pun .blockpost .usercontacts .email {
  background: url(Air/img/email.png) left 65% no-repeat;
  margin-right: 5px;
  padding-left: 21px;
  display: inline-block;
  line-height: normal;
}

.pun .blockpost .usercontacts .website {
  background: url(Air/img/ext.png) left 65% no-repeat;
  padding-left: 18px;
  display: inline-block;
  line-height: normal;
}

.pun .postsignature hr {
  border:none;
  height: 1px;
  margin-left: 0px;
  text-align: left;
}

/* Content (includes other user content)
----------------------------------------------------------------*/

.pun .usercontent {
  padding: 7px 0;
}

.pun .postmsg p, .pun .postmsg li, #punhelp p samp {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pun .usercontent h1, .pun .usercontent h2, .pun .usercontent h3,
.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 {
  padding: 7px 0 0 0;
}

.pun .postmsg h5, #punhelp h5 {
  font-size: 1.231em;
  font-weight: bold;
  padding: 7px 0;
}

.pun .usercontent ul, .pun .postmsg ul {
  list-style: disc;
  padding: 4px 13px 4px 30px;
}

.pun .usercontent ol, .pun .postmsg ol {
  list-style: decimal;
  padding: 4px 13px 4px 30px;
}

.pun .usercontent ol.alpha, .pun .postmsg ol.alpha {
  list-style: lower-alpha;
}

.pun .usercontent li, .pun .postmsg li {
  padding: 0 3px;
}

.pun .usercontent li p, .pun .postmsg li p {
  padding: 0;
}

.pun span.bbu {
  text-decoration: underline;
}

.pun span.bbs, .pun del {
  text-decoration: line-through;
}

.pun .postmsg ins, #punhelp samp ins {
  text-decoration: none;
}

.pun .blockpost .postmsg .postedit {
  font-size: 0.857em;
}

.pun .blockform .postsignature, .pun .blockpost .postsignature {
  font-size: 0.923em;
}

.pun .codebox {
  border-style: solid;
  border-width: 1px;
  margin: 0.75em 1em;
  padding: 0;
}

.pun .quotebox {
  border-style: solid;
  border-width: 1px 1px 1px 3px;
  margin: 0.75em 1em;
  padding: 0 0.75em;
}

.pun .quotebox cite {
  display: block;
  padding: 0.75em 0 0 0;
  font-weight: bold;
  line-height: 1.462em;
}

.pun .quotebox blockquote {
  overflow: hidden;
  width: 100%;
}

.pun .codebox pre {
  overflow-y:hidden;
  overflow: auto;
  width: 100%;
  direction: ltr;
  text-align: left;
}

* html .pun .codebox pre {
  padding-bottom: 10px;
}

*:first-child+html .pun .codebox pre {
  padding-bottom: 10px;
}

.pun .codebox pre code {
  padding: 0.75em;
  white-space: pre;
}

.pun div[class*=codebox] pre code {
  display: inline-block;
}

* html .pun .codebox pre code {
  display: block;
}

.pun .codebox pre.vscroll {
  height: 32em;
  overflow: auto;
  overflow-y: auto
}

.pun .postmsg img, #punhelp samp img {
  vertical-align: text-top;
}

.pun .postmsg .postimg img {
  max-width: 98%;
  vertical-align: middle;
  margin: 7px 0.5em 7px 0;
}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
  border-style: solid;
  border-width: 2px;
}

/*****************************************************************
MAIN FORMS
*****************************************************************/

#punedit .blockform h2, #punpost .blockform h2, #postpreview h2, #posterror h2,
.pun #quickpost h2, .pun #reportform h2, #pundelete .blockform h2 {
  font: 1em/1.462em Arial, Helvetica, sans-serif;
  font-weight: bold;
  white-space: nowrap;
  padding: 10px 19px 4px 37px;
  border: 0;
}

#punpost .blockform h2, #punedit .blockform h2,.pun #quickpost h2,
#pundelete .blockform h2 {
  margin: 1px 1px 0 1px;
  width: 25em;
  position: absolute;
  z-index: 100;
}

.pun #quickpost legend, #punpost legend, #punedit legend {
  width: 25em;
  overflow: hidden;
  white-space: nowrap;
}

.pun .blockform .box {
  border-style: solid;
  border-width: 1px;
  padding-bottom: 12px;
}

.pun #posterror {
  border-style: solid;
  border-width: 1px;
}

.pun #posterror .box {
  padding: 0 18px 12px 18px;
}

* html .pun .blockform .box, * html .pun #posterror {
  display: inline-block;
}

.pun .blockform .forminfo, .pun .error-info {
  padding: 12px 18px;
  border-style: solid;
  border-width: 1px;
  position: relative;
}

.pun .blockform .forminfo {
  margin-top: 12px;
}

#pundelete .blockform .forminfo {
  margin-top: 33px;
}

.pun .forminfo h3 {
  padding-bottom: 0;
}

.pun .error-list li {
  padding-left: 24px;
  background: url(Air/img/exclaim.png) center left no-repeat;
}

.pun .inform {
  padding: 0 18px;
}

.pun legend {
  font-weight: bold;
  padding: 10px 19px 4px 19px;
}

* html .pun legend {
  margin-left: -7px;
}

*:first-child+html .pun legend {
  margin-left: -7px;
}

.pun .infldset {
  border-style: solid;
  border-width: 1px;
  padding: 12px 18px;
}

#punregister #rules .infldset {
  padding: 5px 18px;
}

.pun fieldset p {
  padding: 0 0 7px 0;
  width: 100%;
}

.pun fieldset .usercontent p {
  padding: 7px 0;
}

.pun fieldset label {
  display: block;
  padding: 0 0 7px 0;
}

.pun label em {
  font-weight: normal;
  font-style: normal;
}

.pun .required strong {
  background: url(Air/img/asterisk.png) center right no-repeat;
  font-weight: normal;
  padding-right: 14px;
  white-space: pre;
  display: inline-block;
  line-height: normal;
}

.pun label input, .pun label select, .pun label textarea {
  margin-top: 2px;
}

.pun label.conl {
  display: inline-block;
  padding-right: 12px;
}

.pun form .buttons {
  padding: 8px 19px 8px 34px;
  margin-bottom: -12px;
}

.pun .blockform .buttons input {
  margin-right: 12px;
}

.pun .rbox {
  padding: 3px 0;
}

.pun .rbox label {
  padding: 3px 0 3px 1.75em;
  position: relative;
  min-height: 1px;
}

* html .pun .rbox label {
  text-indent: -3px;
  height: 1%;
}

.pun .rbox input {
  margin: 3px 0.75em 3px -1.75em;
  float: left;
  position: relative;
  vertical-align: middle;
  padding: 0;
  height: 1em;
  width: 1em;
}

.pun input[type=text], .pun select, .pun textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pun .txtarea textarea, .pun input.longinput {
  width: 98%;
}

.pun #quickpost .txtarea {
  padding-right: 12px;
  position: relative;
}

.pun .blockform .bblinks {
  padding-top: 0;
}

.pun .blockform .bblinks li {
  display: inline;
}

.pun .blockform .bblinks li span {
  background: url(Air/img/help.png) center left no-repeat;
  margin-right: 8px;
  padding-left: 20px;
  display: inline-block;
}

.pun #quickpost .bblinks {
  padding-top: 0;
}

.pun #quickpost .bblinks li {
  display: inline;
}

.pun #login p.clearb {
  border-top-style: dotted;
  border-top-width: 1px;
  font-size: 0;
  height: 0;
  line-height: 0;
  margin-top: 7px;
  overflow: hidden;
  padding-bottom: 3px;
  padding-top: 7px;
  text-indent: -9999em;
  width: 100%;
}

.pun #postreview {
  padding-top: 12px;
}

.pun #postpreview, .pun #posterror {
  margin-bottom: 12px;
}

.pun #postpreview .postright {
  padding: 0;
}

.pun #postpreview .postbody {
  border-style: solid;
  border-width: 1px;
  float: none;
  margin: 0 18px 12px 18px;
  padding: 0;
  padding: 4px 18px 4px 18px;
  width: auto;
}

.pun span.email {
  background: url(Air/img/email.png) left 65% no-repeat;
  margin-right: 5px;
  padding-left: 21px;
  display: inline-block;
  line-height: normal;
}

.pun span.website {
  background: url(Air/img/ext.png) left 65% no-repeat;
  padding-left: 18px;
  display: inline-block;
  line-height: normal;
}

#punmisc #rules .box {
  border-style: solid;
  border-width: 1px;
  padding: 5px 18px;
}


#punhelp .box {
  border-style: solid;
  border-width: 1px;
  padding: 7px 12px;
}

.pun .multiselect {
  float: left;
  padding-bottom: 7px;
}

.pun .checklist {
  border-width: 1px;
  border-style: solid;
  max-height: 9em;
  width: 20em;
  overflow: auto;
  padding: 0.25em 0.5em;
  margin: 0.25em 16px 0 0.15em;
}

.pun .checklist legend {
  padding: 0;
}

.pun .checklist legend span {
  width: auto;
  max-width: 25em;
}

.pun .checklist .checklist-item {
  position: relative;
}

.pun .checklist .checklist-item label {
  padding: 0 0 0 1.75em;
}

.pun .checklist .checklist-item .fld-input {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
}

.pun .checklist .checklist-item input {
  margin: 0;
  height: 1.55em;
  width: 1.55em;
}

/*****************************************************************
PROFILES (+ ADMIN MENU)
*****************************************************************/

/* Profile / Admin
----------------------------------------------------------------*/

.pun .blockmenu {
  width: 13em;
  float: left;
  padding-bottom: 12px;
}

.pun .block2col .blockform, .pun .block2col .block {
  margin-left: 15em;
}

.pun .blockmenu .block2 {
  padding-top: 19px;
}

.pun .blockmenu ul {
  border-top-style: dotted;
  border-top-width: 1px;
  padding: 0;
}

.pun .blockmenu li {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  font-weight: bold;
  padding: 0;
}

.pun .blockmenu a:link, .pun .blockmenu a:visited {
  display: block;
  padding: 9px 6px 3px 6px;
  min-height: 1px;
  text-decoration: none;
}

* html .pun .blockmenu a:link,  * html .pun .blockmenu a:visited {
  height: 1%;
}

.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
  text-decoration: none;
}

#viewprofile .box {
  border-style: solid;
  border-width: 1px;
  padding-bottom: 18px;
}

#viewprofile dt, #adstats dt {
  padding: 7px 0;
  position: absolute;
  width: 13em;
  left: 0;
}

#viewprofile dl {
  border-style: solid none none none;
  border-width: 1px;
  margin: 7px 0;
  padding: 0;
  width: 100%;
  position: relative;
}

#adintro, #adstats {
  border-style: solid;
  border-width: 1px;
  padding: 18px;
}

#adintro li span {
  display: inline-block;
  padding-left: 16px;
  margin-left: 8px;
  line-height: normal;
  background: url(Air/img/bull.png) center left no-repeat;
}

#adstats .inbox, #adintro .inbox {
  border-style: solid;
  border-width: 1px;
  padding: 18px;
}

#adstats dl {
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
}

#viewprofile dd, #adstats dd {
  border-style: none none solid none;
  border-width: 1px;
  padding: 7px 0 7px 13em;
}

/*****************************************************************
COLOUR SCHEME
*****************************************************************/

/* Basic defaults and Common Items
----------------------------------------------------------------*/

html, body, .pun {
  background: #f6f9fc;
  color: #333;
}

.pun .punwrap {
/*  background: #fff;*/
/*  border-color: #cad7e1; */
 border: none;
  color: #566579;
}

#brdtitle #brddesc, .pun .pagepost, #brdstats #onlinelist, #brdfooter #searchlinks, #brdfooter #modcontrols,
#punmaint h2, #punredirect h2, #adminconsole .submittop, .pun #debugtime, .pun .pagelink a, .pun .pagelink * {
  border-color: #b9c5ce;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.pun a, .pun a:link, .pun a:visited {
  color: #2365B0;
}

.pun a:hover, .pun a:active, .pun a:focus {
  color: #004687;
}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
  border-color: #22538a;
}

.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img {
  border-color: #b50000;
}

/* Primary Navigation
----------------------------------------------------------------*/

#brdmenu {
  background: #44699c;
}

#brdmenu a, #brdmenu a:link, #brdmenu a:visited {
  background: #44699c;
  border-color: #fff;
  color: #d4dae2;
}

#brdmenu a:hover, #brdmenu a:active, #brdmenu a:focus {
/*  background: #004687; */
  background-color: #363434;
  border-color: #fff;
  color: #fff;
}

/* Main Tables
----------------------------------------------------------------*/

.pun .blocktable .box {
  background: #fcfdfe;
  border-color: #b9c5ce #d9e1e7;
}

#punindex .blocktable h2, .pun #vf h2 {
  color: #357082;
}

#adminconsole fieldset th, #adminconsole fieldset td {
  background: #f6f9fc;
  border-color: #dfe6ee;
}

.pun #users1 h2 {
  background: #fff;
}

.pun .blocktable td {
  border-color: #dfe6ee;
}

.pun .blocktable th {
  background: #ebf1f5;
  border-color: #cad7e1;
  color: #357082;
}

.pun .blocktable td.tcl span.stickytext {
  color: #3399CC;
}

/* Main Posts
----------------------------------------------------------------*/

.pun .blockpost {
  background: #f6f9fc;
  border-color: #b9c5ce #d9e1e7;
}

.pun .blockpost h2 {
  background: #ebf1f5;
  border-color: #cad7e1;
  color: #357082;
}

.pun .blockpost .postbody, .pun .blockpost .postfoot {
  background: #fcfdfe;
  border-color: #dfe6ee;
}

.pun .blockpost .postfootright li {
  color: #fcfdfe;
}

.pun .postmsg, #punhelp code, #punhelp samp {
  color: #333;
}

.pun .postsignature, .pun .postmsg .postedit {
  color: #566579;
}

.pun .quotebox {
  background: #f8f9f0;
  border-color: #7aadbd;
  color: #566579;
}

.pun .quotebox cite {
  color: #357082;
}

.pun .codebox, #punhelp .codebox code {
  background: #333;
  color: #fff;
}

.pun .postmsg hr {
  background: #b9c5ce;
}

.pun .postmsg ins, #punhelp samp ins {
  background-color: #ff0;
}

/* Main Forms + Profile
----------------------------------------------------------------*/

.pun .blockform .box, #adstats, #adintro, #postpreview, #posterror {
  border-color: #b9c5ce #d9e1e7;
  background: #ebf1f5;
}

#punmisc #rules .box, #punhelp .box {
  border-color: #b9c5ce #d9e1e7;
  background: #f6f9fc;
}

.pun #quickpost h2, #punpost .blockform h2, #punedit .blockform h2, #posterror h2,
#pundelete .blockform h2 {
  background: #ebf1f5;
  color: #357082;
}

.pun .forminfo {
  background: #fff;
  border-color: #dfe6ee;
}

#puninstall form#install .forminfo {
  background: #44699c;
  color: #fff;
}

.pun #posterror .error-info {
  background: #ffffe1;
  border-color: #dfe6ee;
}

#puninstall form#install .error-info {
  background: #ffffe1;
  border-color: #dfe6ee;
  color: #333;
}

.pun .infldset, #adintro .inbox, #adstats .inbox {
  background: #f6f9fc;
  border-color: #dfe6ee;
}

.pun label, .pun legend, #adminconsole fieldset th {
  color: #357082;
}

.pun fieldset p {
  border-color: #b9c5ce;
}

.pun .blockmenu ul, .pun .blockmenu li {
  border-color: #b9c5ce;
}

.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
  background: #ffffe6;
}

.pun .blockmenu .isactive a:link, .pun .blockmenu .isactive a:visited {
  color: #333;
  background: #f6f9fc;
  }

.pun #viewprofile .box {
  border-color: #b9c5ce #d9e1e7;
  background: #ebf1f5;
}

.pun #viewprofile dt, #adstats dt {
  color: #357082;
}

.pun #viewprofile dl, .pun #viewprofile dd, #adstats dl, #adstats dd {
  border-color: #dfe6ee;
}

#adminconsole fieldset td.nodefault {
  background: #d59b9b;
}

.pun .multiselect {
  color: #357082;
}

.pun .checklist {
  background: white;
  border-color: #ccc;
}

/* Status Indicators
----------------------------------------------------------------*/

.pun .icon {
  border-color: #e8ecf1 #d4d9dd #dfe3e8 #e8ecf1;
}

.pun .iredirect .icon {
  border-color: #b9c5ce;
  border-width: 1px;
  padding: 7px;
}

.pun .inew .icon {
  border-color: #91b3d9 #87a8d1 #6c85bb #7292c3;
}

div.pun {
  max-width: 115em;
  width: 100%;
  margin: auto auto;
  padding: 10px 0px;
}

/* Intégration du code source
----------------------------------------------------------------*/

.pun .geshicodebox {
  overflow-y:auto;
  overflow: auto;
  width: 95%;
  direction: ltr;
  text-align: left;
  font-size: 10pt;
  max-height: 22em;
  white-space: nowrap;
  padding: 1em;
  background-color: rgb(251, 250, 249);
  color: black;
  margin: 0.5em;
  border-color: rgb(85, 85, 85);
  box-shadow: 0px 0px 5px rgb(187, 187, 187) inset;
  margin-left: 1em;
}

.pun div.code_root {
  margin-left: 0.5em;
  border-color: rgb(170, 85, 85) rgb(170, 85, 85) rgb(170, 85, 85) rgb(170, 0, 0);
  box-shadow: 0px 0px 5px rgb(170, 136, 136) inset;
  border-left: 0.5em solid rgb(170, 0, 0);
}

.pun div.code_user {
  margin-left: 0.5em;
  border-color: rgb(85, 85, 85);
  box-shadow: 0px 0px 5px rgb(187, 187, 187) inset;
  border-left: 0.5em solid rgb(85, 85, 85);
}

.pun div.code_root:before, .pun div.code_user:before {
  border-bottom: 0px dotted black;
  margin: -1em -1em 0 -1em;
  padding: 0.1em 0.5em 0.5em 0.5em;
  margin-bottom: 0.5em;
  height: 1em;
  text-align: left;
  display: block;
  font-size: small;
  font-style: italic;
}
.pun div.code_root:before {
  content: "en root";
  background: url(http://images.debian-facile.org/root.png) no-repeat right;
  background-size: contain;
}
.pun div.code_root:hover:before {
  content: "Ce code doit être entré dans un shell super-utilisateur.";
}

.pun div.code_user:before {
  content: "en user";
  background: url(http://images.debian-facile.org/user.png) no-repeat right;
  background-size: contain;
}
.pun div.code_user:hover:before {
  content: "Ce code doit être entré dans un shell utilisateur simple.";
}

/* Page d'accueil
----------------------------------------------------------------*/

.carre {
  width:31%;
  height:100px;
  background-color: #44699C;
  float: left;
  box-shadow: 10px 10px 5px #CAD7E1;
  margin: 1%;
/*  -webkit-border-radius: 8px 8px 8px 8px; */
  border-radius: 8px 8px 8px 8px;
}

.carre h1{
  font-size:170%;
  text-align: center;
}

.carre h2{
  padding-left:10px !important;
  font-size:125% !important;
  line-height:1.2 !important;
}

.carre a{
  text-decoration: none !important;
  background-repeat:no-repeat;
  background-position:95% 45%;
  height: 100%;
  display: block;
}

.carre a:hover{
  text-decoration: none !important;
  background-color: #363434; 
  box-shadow: 10px 10px 5px #CAD7E1;
  background-position:95% 55%;
  border-radius: 8px 8px 8px 8px;
}

#carregauche{
  margin: 1%;
}

#carregauche a{
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('http://images.debian-facile.org/btn-archive.png');
}

#carregauche2{
  margin: 1%;
}

#carregauche2 a{
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('http://images.debian-facile.org/btn-installer.png');
}

#carremilieu{
  margin: 1%;
}

#carremilieu a{
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('http://images.debian-facile.org/btn-forum.png');
}

#carremilieu2{
  margin: 1%;
}

#carremilieu2 a{
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('http://images.debian-facile.org/btn-irc.png');
}

#carredroite{
  margin: 1%;
}

#carredroite a{
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('http://images.debian-facile.org/btn-asso.png');
}

.news{
  box-shadow: 10px 10px 5px #CAD7E1;
  background-repeat:no-repeat;
  background-position:98% 0%;
}

.news h1{
  padding-left: 10px !important;
  color: #44699C;
}

.news h2{
  padding-top: 10px !important;
  padding-left: 20px !important;
}

.news p{
  padding-left: 20px !important;
  padding-right: 10px !important;
  padding-top: 0px !important;
}

#news{
  float:left;
  width:64%;
  margin: 1%;
}

#newsasso{
  float:right;
  width:31%;
  margin: 1% 2% 1% 1%;
  background-image:url('http://images.debian-facile.org/logo-asso-4-mini.png');
}
 


wiki-perso.css

body {
  font-size: 100%;

}
#menudf {
  margin:             10px auto 0 auto;
  width:              100%;
  max-width:          115em;
  text-align:         left;
  font: 0.8em Arial,Helvetica,sans-serif;
}

#menudf h1{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
#brdheader .box {
  background-color: #44699c;
  height: 125px;
}

#brheader #box{
  line-height: 1em;
}

#menudf a{
  text-decoration:    none;
}

#menudf h1{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
}

#bienvenudf {
  font-size:          1em;
}

#menudf ul{
list-style: none outside;
}
#menudf li{
  float: left;
  margin-left: 0em;
}

#bodydf {
  width: 100%;
 max-width: 115em;
  margin: 0 auto 0 auto;
  padding: 0;
  border: none;
  font: 0.8em Arial,Helvetica,sans-serif;
}

#dokuwiki__top.site {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#dokuwiki__header {
  padding: 0 0 0 0;
  margin: 1px 0 0 0;
}
#dokuwiki__header .group {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  width: 100%;
}



#export_header {
  font-style: italic;
  height: 1em;
  min-height: 50px;
  vertical-align: middle;
  text-align: center;
  margin-bottom: -1em;
  margin-top: -0.8em;
  margin-right: -1.2em;
  margin-left: -1.2em;
}

#export_header img {
  display: inline;
  position: relative;
  float: right;
  height: 32px;
}

.tools {
  background: none repeat scroll 0% 0% rgb(68, 105, 156);
}

.tools a {
  text-decoration: none;
  color: rgb(212, 218, 226);
}
.tools a:link {
  color: rgb(212, 218, 226);
}
.tools a:active {
  color: white;
  text-decoration: none;
}
.tools a:hover {
  color: white;
  text-decoration: none;
}

#dokuwiki__usertools {
  position: relative;
  float: left;
  text-align: left;
  top: 0;
  right: 0;
  padding: 5px 0 5px 0;
  background-color: #363434;
}
#dokuwiki__usertools ul {
  display: inline;
}
#dokuwiki__usertools li {
  font-size: 1em;
  margin-left: 1em;
  list-style: none outside none;
  display: inline;
}

#dokuwiki__usertools li.user {
  color: rgb(212, 218, 226);
}

#dokuwiki__header .tools li {
  font-size: 1em;
  margin-left: 1em;
  list-style: none outside none;
  display: inline;
}

#dw__toc {
  margin-top: 1em;
}

.page a:hover {
  text-decoration: none;
  color: blue;
}

#dw__search {
  position: relative;
  float: right;
  display: inline;
}

#qsearch__out a {
  color: green;
}
#qsearch__out a:hover {
  color: blue;
}

table.inline tr:hover td {
  color: white;
}

table.inline .row0 th {
  background-color: #173d70;
  color: rgb(212, 218, 226);
  text-transform: uppercase;
  font-weight: bold;
}
table.inline tr:hover.row0 th {
  background-color: #173d70;
  color: white;
}
table.inline .row0 td {
  background-color: #173d70;
  color: rgb(212, 218, 226);
  text-transform: uppercase;
  font-weight: bold;
}
table.inline tr:hover.row0 td {
  background-color: #173d70;
  color: white;
}

.page p {
  font-family: sans-serif;
}

.page h1 {
  border-bottom: 3px solid rgb(140, 172, 187);
  font-size: 2.5em;
  font-weight: normal;
  font-family: sans-serif;
  margin-left: -1em;
  padding-left: 0.5em;
}

.page h2 {
  border-bottom: 2px solid rgb(160, 192, 207);
  font-size: 2em;
  font-weight: normal;
  margin-left: -1em;
  padding-left: 0.5em;
}

.page h3 {
  font-size: 1.6em;
  font-weight: normal;
  margin: 0.5em 0 0.888em -1em;
  padding-left: 0.5em;
  border-bottom: 1px solid rgb(160, 192, 207);
  display: inline-block;
  padding-right: 0.5em;
}

div.level3, div.level4 {
/*  margin-left: 2em; */
}


.page h4 {
  font-size: 1em;
  text-decoration: underline;
}

.page ul {
  padding-bottom: 0.5em;
}

em.u {
  text-decoration: none !important;
  border-bottom: 1px solid rgb(160, 192, 207);
}

.dokuwiki dl.file dt {
    background-color: #fbfaf9;
    background: -moz-linear-gradient(   top, #ddd 0%, #fbfaf9 100%);
    background: -webkit-linear-gradient(top, #ddd 0%, #fbfaf9 100%);
    background: -o-linear-gradient(     top, #ddd 0%, #fbfaf9 100%);
    background: -ms-linear-gradient(    top, #ddd 0%, #fbfaf9 100%);
    background: linear-gradient(        top, #ddd 0%, #fbfaf9 100%);
    color: inherit;
    border: 1px solid #8cacbb;
    border-bottom-color: #fbfaf9;
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
    padding: .3em .6em .1em;
    margin-bottom: -1px;
    float: left;
}
.dokuwiki dl.code dt {
    background-color: #fbfaf9;
    background: -moz-linear-gradient(   top, #ddd 0%, #fbfaf9 100%);
    background: -webkit-linear-gradient(top, #ddd 0%, #fbfaf9 100%);
    background: -o-linear-gradient(     top, #ddd 0%, #fbfaf9 100%);
    background: -ms-linear-gradient(    top, #ddd 0%, #fbfaf9 100%);
    background: linear-gradient(        top, #ddd 0%, #fbfaf9 100%);
    color: inherit;
    border: 1px solid #8cacbb;
    border-bottom-color: #fbfaf9;
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
    padding: .3em .6em .1em;
    margin-bottom: -1px;
    float: left;
}

pre.bash:before {
  height: 1em;
/*  content: "Le code suivant est à taper dans un terminal utilisateur."; */
  display: block;
  background: #ccc;
}
pre.user {
  border-color: #555;
  box-shadow: inset 0 0 5px #bbb;
  border-left: 0.5em #555 solid;
}

pre.root {
  border-color: #a55;
  box-shadow: inset 0 0 5px #a88;
  border-left: 0.5em #a00 solid;
}

pre.root:before, pre.user:before {
  border-bottom: 0px dotted black;
  margin: -0.7em -1em 0 -1em;
  padding: 0.1em 3em 0.5em 0.5em;
  margin-bottom: 0.5em;
  height: 1em;
  text-align: left;
  display: block;
  font-size: small;
  font-style: italic;
}
pre.root:before {
  content: "en root";
  background: url(http://images.debian-facile.org/root.png) no-repeat right;
  background-size: contain;
}
pre.root:hover:before {
  content: "Ce code doit être entré dans un shell super-utilisateur.";
}

pre.user:before {
  content: "en user";
  background: url(http://images.debian-facile.org/user.png) no-repeat right;
  background-size: contain;
}
pre.user:hover:before {
  content: "Ce code doit être entré dans un shell utilisateur simple.";
}

#config__manager fieldset {
  background: #fff;
}

Hors ligne

#18 02-02-2014 13:01:45

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

Le code html du wiki peut dans une certaine mesure être patché, dans la mesure où l'habillage est statique, templaté dans le style, et où il ne supporte pas toutes les espèces de thèmes à poils ras du forum smile

captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#19 02-02-2014 18:33:19

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : [concours coopératif] nouveau style DF

Faut tester avec les autres thèmes, mais je pense qu'il faut faire une copie du menu de la page accueil vers la page wiki.
Le  menu + la bannière utilisant le perso.css plutôt que le css du wiki. Le reste ne change pas. Cela permettrait une unification des menus pour toutes les pages.

diff wikiold.html wiki.html



31,51c31,61
<
< <div id="menudf">
< <div id="brdheader" class="block">
<  <div class="box">
<   <div id="brdtitle" class="inbox">
<    <h1><span>Debian-Facile</span></h1>
<    <div id="brddesc">Bienvenue sur Debian-Facile, site d'aide pour les nouveaux utilisateurs de Debian.</div>
<   </div>
<   <div id="brdmenu" class="inbox">
<    <ul>
<     <li id="navextra1"><a href="accueil.html">Accueil</a></li>
<     <li id="navindex"><a href="forum.html">Forums</a></li>
<     <li id="navextra2"><a href="wiki.html">Documentation</a></li>
<     <li id="navextra2"><a href="asso-prez.html">Association</a></li>
<     <li id="navextra3"><a href="paste.html">Paste</a></li>
<     <li id="navextra4"><a href="#">Recherche (bêta)</a></li>
<    </ul>
<   <div style="clear: both;"></div>
<   </div>
<  </div>
< </div>
---
> <div id="punindex-df" class="pun">
> <div class="top-box"><div><!-- Top Corners --></div></div>
> <div class="punwrap">
>       <div id="brdheader" class="block">
>         <div class="box">
>           <div id="brdtitle" class="inbox">
>             <h1><a href="accueil.html">Debian-facile</a></h1>
>             <div id="brddesc">Bienvenue sur Debian-Facile, site d'aide pour les nouveaux utilisateurs de Debian.</div>
>           </div>
>           <div id="brdmenu" class="inbox">
>             <ul>
>               <li id="navindex"><a href="accueil.html">Accueil</a></li>
>               <li id="navextra1"><a href="forum.html">Forums</a></li>
>               <li id="navextra2"><a href="wiki.html">Documentation</a></li>
>               <li id="navextra3"><a href="asso-prez.html">Association</a></li>
>               <li id="navextra4"><a href="paste.html">Paste</a></li>
>               <li id="navextra5"><a href="#">Recherche (bêta)</a></li>
>               <li id="navuserlist"><a href="#">Liste des membres</a></li>
>               <li id="navrules"><a href="#">Règles</a></li>
>               <li id="navsearch"><a href="chercher.html">Recherche</a></li>
>               <li id="navprofile"><a href="profil.html">Profil</a></li>
>               <li id="navpm"><a href="mp.html"><acronym title="Messages Privés">MP</acronym></a></li>
>               <li id="navlogout"><a href="#">Déconnexion</a></li>
>             </ul>
>           </div>
>             <div class="clearer"></div>
>           </div>
>         </div>
>       </div>
>     </div>
>   </div>
56d65
<
 




Ce qui donne pour la page du wiki.html:

<!DOCTYPE html>
<html dir="ltr" class="js desktop" lang="fr"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><![endif]-->
    <title>doc:systeme:apt:sources.list [Wiki Debian-facile]</title>
    <script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
    <meta name="generator" content="DokuWiki">
<meta name="robots" content="index,follow">
<meta name="date" content="2014-01-21T09:00:26+0100">
<meta name="keywords" content="debutant-expert">
<link rel="search" type="application/opensearchdescription+xml" href="#" title="Wiki Debian-facile">
<link rel="start" href="#">
<link rel="contents" href="#" title="Index">
<link rel="alternate" type="application/rss+xml" title="Recent Changes" href="#">
<link rel="alternate" type="application/rss+xml" title="Current Namespace" href="#">
<link rel="edit" title="Modifier cette page" href="#">
<link rel="alternate" type="text/html" title="Plain HTML" href="#">
<link rel="canonical" href="#">
<link rel="stylesheet" type="text/css" href="style/css.css">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="shortcut icon" href="#">
<link rel="apple-touch-icon" href="#">
      <meta name="google-site-verification" content="Q20tq--aiaNBEMk0XSU9c-JKNIHSIG_Q_YeyR8d4my0">
  <link rel="stylesheet" type="text/css" href="style/wiki-base.css"><!--SpinkBB.css-->
  <link rel="stylesheet" type="text/css" href="style/Perso.css"><!--SpinkBB.css-->
  <link rel="stylesheet" type="text/css" href="style/wiki-perso.css"><!--SpinkBB.css-->
</head>

<body>
<div id="punindex-df" class="pun">
<div class="top-box"><div><!-- Top Corners --></div></div>
<div class="punwrap">
      <div id="brdheader" class="block">
        <div class="box">
          <div id="brdtitle" class="inbox">
            <h1><a href="accueil.html">Debian-facile</a></h1>
            <div id="brddesc">Bienvenue sur Debian-Facile, site d'aide pour les nouveaux utilisateurs de Debian.</div>
          </div>
          <div id="brdmenu" class="inbox">
            <ul>
              <li id="navindex"><a href="accueil.html">Accueil</a></li>
              <li id="navextra1"><a href="forum.html">Forums</a></li>
              <li id="navextra2"><a href="wiki.html">Documentation</a></li>
              <li id="navextra3"><a href="asso-prez.html">Association</a></li>
              <li id="navextra4"><a href="paste.html">Paste</a></li>
              <li id="navextra5"><a href="#">Recherche (bêta)</a></li>
              <li id="navuserlist"><a href="#">Liste des membres</a></li>
              <li id="navrules"><a href="#">Règles</a></li>
              <li id="navsearch"><a href="chercher.html">Recherche</a></li>
              <li id="navprofile"><a href="profil.html">Profil</a></li>
              <li id="navpm"><a href="mp.html"><acronym title="Messages Privés">MP</acronym></a></li>
              <li id="navlogout"><a href="#">Déconnexion</a></li>
            </ul>
          </div>
            <div class="clearer"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="bodydf">
    <!--[if lte IE 7 ]><div id="IE7"><![endif]--><!--[if IE 8 ]><div id="IE8"><![endif]-->
    <div id="dokuwiki__site"><div id="dokuwiki__top" class="dokuwiki site mode_show  ">
       
<!-- ********** HEADER ********** -->
<div id="dokuwiki__header"><div class="pad group">

   
    <div class="tools group">
        <!-- USER TOOLS -->
            <div id="dokuwiki__usertools">
                <ul>
                    <li class="user">Connecté en tant que : Fab (captnfab)</li><li><a href="#" class="action admin" rel="nofollow" title="Administrer">Administrer</a></li><li><a href="#" class="action recent" accesskey="r" rel="nofollow" title="Derniers changements [R]">Derniers changements</a></li>                </ul>
                <form action="/accueil" accept-charset="utf-8" class="search" id="dw__search" method="get"><div class="no"><input name="do" value="search" type="hidden"><input id="qsearch__in" accesskey="f" name="id" class="edit" title="[F]" type="text"><input value="Rechercher" class="button" title="Rechercher" type="submit"><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>                <div class="mobileTools">
                    <form action="/doku.php" method="get" accept-charset="utf-8"><div class="no"><input name="id" value="doc:systeme:apt:sources.list" type="hidden"><input name="sectok" value="7ce1f541091a6fac7edc37fd773f70a6" type="hidden"><select name="do" class="edit quickselect" title="Outils"><option selected="selected" value="">Outils</option><optgroup label="Outils de la page"><option value="edit">Modifier cette page</option><option value="revisions">Anciennes révisions</option><option value="backlink">Liens vers cette page</option></optgroup><optgroup label="Outils du site"><option value="recent">Derniers changements</option><option value="media">Gestionnaire de médias</option><option value="index">Index</option></optgroup><optgroup label="Outils pour utilisateurs"><option value="admin">Administrer</option></optgroup></select><input style="display: none;" value="&gt;" type="submit"></div></form>                </div>
        </div>

    </div>

    <!-- BREADCRUMBS -->
            <div class="breadcrumbs">
                            <div class="youarehere"><span class="bchead">Vous êtes ici: </span><span class="home"><a href="#" class="wikilink1" title="accueil">accueil</a></span> » <a href="#" class="wikilink2" title="doc:accueil" rel="nofollow">doc</a> » <a href="#" class="wikilink2" title="doc:systeme:accueil" rel="nofollow">systeme</a> » <a href="#" class="wikilink1" title="doc:systeme:apt">apt</a> » <span class="curid"><a href="#" class="wikilink1" title="doc:systeme:apt:sources.list">sources.list</a></span></div>
                                </div>
   
   
    <hr class="a11y">
</div></div><!-- /header -->

        <div class="wrapper group">

           
            <!-- ********** CONTENT ********** -->
            <div id="dokuwiki__content"><div class="pad group">


                <div class="page group">
                                        <p id="export_header">
L'icône rouge permet de télécharger chaque page du wiki visitée au format
PDF et la grise au format ODT ?
<a rel="nofollow" href="#">
<img src="style/odt_36x36.png" alt="ODT"></a>
<a rel="nofollow" href="#">
<img src="style/pdf_64x64.png" alt="PDF Export" width="36"></a>
</p>
                    <!-- wikipage start -->
                    <!-- TOC START -->
<div id="dw__toc">
<h3 style="cursor: pointer;" class="toggle open"><strong><span>?</span></strong>Table des matières</h3>
<div style="">

<ul style="" class="toc">
<li class="level1"><div class="li"><a href="#introduction">Introduction</a></div></li>
<li class="level1"><div class="li"><a href="#depots-branches-et-sections">Dépôts, branches et sections</a></div></li>
<li class="level1"><div class="li"><a href="#les-fichiers-sourceslist">Les fichiers sources.list</a></div>
<ul class="toc">
<li class="level2"><div class="li"><a href="#emplacement-des-fichiers">Emplacement des fichiers</a></div></li>
</ul>
</li>
<li class="level1"><div class="li"><a href="#configurations-types-plusieurs-fichiers-sources">Configurations types plusieurs fichiers sources</a></div>
<ul class="toc">
<li class="level2"><div class="li"><a href="#prealable">Préalable</a></div></li>
<li class="level2"><div class="li"><a href="#syntaxe-des-fichiers">Syntaxe des fichiers</a></div>
<ul class="toc">
<li class="level3"><div class="li"><a href="#pour-les-listes-de-paquets">Pour les listes de paquets</a></div></li>
<li class="level3"><div class="li"><a href="#pour-les-listes-de-sources">Pour les listes de sources</a></div></li>
<li class="level3"><div class="li"><a href="#pour-les-commentaires">Pour les commentaires</a></div></li>
</ul>
</li>
</ul>
</li>
<li class="level1"><div class="li"><a href="#mise-a-jour-de-la-liste-des-paquets">Mise à jour de la liste des paquets</a></div></li>
<li class="level1"><div class="li"><a href="#liste-des-depots-principaux">Liste des dépôts principaux</a></div>
<ul class="toc">
<li class="level2"><div class="li"><a href="#les-depots-debian-officiels">Les dépôts Debian Officiels</a></div></li>
<li class="level2"><div class="li"><a href="#les-depots-debian-security">Les dépôts Debian Security</a></div></li>
<li class="level2"><div class="li"><a href="#les-depots-des-mainteneurs-mozilla">Les dépôts des mainteneurs Mozilla</a></div></li>
<li class="level2"><div class="li"><a href="#les-depots-deb-multimedia">Les dépôts Deb-Multimedia</a></div></li>
</ul>
</li>
<li class="level1"><div class="li"><a href="#configurations-types-un-seul-fichier">Configurations types un seul fichier</a></div>
<ul class="toc">
<li class="level2"><div class="li"><a href="#debian-stable-wheezy">Debian Stable (Wheezy)</a></div>
<ul class="toc">
<li class="level3"><div class="li"><a href="#sourceslist-minimal-recommande">sources.list minimal (recommandé)</a></div></li>
<li class="level3"><div class="li"><a href="#sourceslist-avec-backports-et-depots-mozilla">sources.list avec backports et dépôts mozilla</a></div></li>
</ul>
</li>
<li class="level2"><div class="li"><a href="#debian-unstable-sid">Debian Unstable (Sid)</a></div></li>
<li class="level2"><div class="li"><a href="#debian-testing-avec-unstable-en-roue-de-secours">Debian Testing avec Unstable en roue de secours</a></div></li>
<li class="level2"><div class="li"><a href="#mooooaaarrrrrrrrrrr">MOOOOAAARRRRRRRRRRR !!</a></div></li>
</ul>
</li>
<li class="level1"><div class="li"><a href="#tp-creation-des-sources-par-fichiers-distincts">TP - Création des sources par fichiers distincts</a></div>
<ul class="toc">
<li class="level2"><div class="li"><a href="#sources-stables">Sources Stables</a></div></li>
</ul></li>
</ul>
</div>
</div>
<!-- TOC END -->

<h1 class="sectionedit1" id="configurer-ses-depots-favoris-avec-les-fichiers-sourceslist">Configurer ses dépôts favoris avec les fichiers sources.list</h1>
<div class="level1">
<ul>
<li class="level1"><div class="li"> Objet : Bien configurer son sources.list</div>
</li>
<li class="level1"><div class="li"> Niveau requis : <div class="tags"><span>
  <a href="#" class="wikilink1" title="tag:debutant-expert" rel="tag">débutant,expert</a>
</span></div>
</div>
</li>
<li class="level1"><div class="li"> Commentaires : <em>Pour bien comprendre comment apt-get ou aptitude trouvent et récupèrent les logiciels que vous leur demandez d'installer.</em></div>
</li>
<li class="level1"><div class="li"> Débutant, à savoir : <a href="#" class="wikilink1" title="doc:systeme:commandes:le_debianiste_qui_papillonne">Utiliser GNU/Linux en ligne de commande, tout commence là !.</a>, <a href="#" class="wikilink1" title="doc:systeme:apt">La gestion des paquets avec APT</a></div>
</li>
<li class="level1"><div class="li"> Suivi : </div>
<ul>
<li class="level2"><div class="li"> <em>testé</em> - <strong>captnfab</strong> 25/05/2013</div>
</li>
<li class="level2"><div class="li"> Le retour sur le forum est <a href="#" class="urlextern" title="http://debian-facile.org/viewtopic.php?id=2290"> ici</a><sup><a href="#fn__1" id="fnt__1" class="fn_top">1)</a></sup></div>
</li>
</ul>
</li>
</ul>

<p>
<strong>Tout utilisateur de Debian se doit d'avoir lu en totalité cette page une fois dans sa vie. Autant que ce soit maintenant.</strong> :)
</p>

</div>
<div class="secedit editbutton_section editbutton_1"><form class="button btn_secedit" method="post" action="/doc:systeme:apt:sources.list"><div class="no"><input name="do" value="edit" type="hidden"><input name="rev" value="1390291226" type="hidden"><input name="summary" value="[Configurer ses dépôts favoris avec les fichiers sources.list] " type="hidden"><input name="target" value="section" type="hidden"><input name="range" value="1-880" type="hidden"><input value="Modifier" class="button" title="Configurer ses dépôts favoris avec les fichiers sources.list" type="submit"></div></form></div>
<h2 class="sectionedit2" id="introduction">Introduction</h2>
<div class="level2">

<p>
L'utilisation normale de Debian se fait sans jamais manipuler de fichier <code>.deb</code> à la main, mais en indiquant à <strong>APT</strong> où récupérer ces fichiers.
</p>

<p>
En général, ils se trouvent sur des serveurs appelés <em>dépôts</em>. Il convient alors de renseigner son fichier <code>/etc/apt/sources.list</code> afin d'indiquer de quelles <em>sections</em> de quelles <em>branches</em> de quels <em>dépôts</em> il lui faut récupérer les listes de paquets.
</p>

<p>
Cela se fait en renseignant les fichiers présents dans <code>/etc/apt/sources.list.d/</code> ou en complétant le fichier <code>/etc/apt/sources.list</code> lui-même.
</p>

<p>
<strong>Si vous êtes pressé(e)</strong>, allez directement voir <span class="curid"><a href="#" class="wikilink1" title="doc:systeme:apt:sources.list">les configurations type du sources.list</a></span>.
</p>

</div>
<div class="secedit editbutton_section editbutton_2"><form class="button btn_secedit" method="post" action="/doc:systeme:apt:sources.list"><div class="no"><input name="do" value="edit" type="hidden"><input name="rev" value="1390291226" type="hidden"><input name="summary" value="[Introduction] " type="hidden"><input name="target" value="section" type="hidden"><input name="range" value="881-1639" type="hidden"><input value="Modifier" class="button" title="Introduction" type="submit"></div></form></div>
<h2 class="sectionedit3" id="depots-branches-et-sections">Dépôts, branches et sections</h2>
<div class="level2">

<p>
Les paquets Debian sont regroupés dans des <em>dépôts</em>, le celaprincipal étant le dépôt officiel. Chaque dépôt se divise ensuite suivant les différentes <em>branches</em> de Debian (voir <a href="#" class="wikilink1" title="doc:systeme:apt:branches-debian">branches-debian</a>). Et chaque branche est à son tour divisée en sections relatives à la liberté<sup><a href="#fn__2" id="fnt__2" class="fn_top">2)</a></sup> des paquets.
</p>

<p>
Prenons par exemple le dépôt officiel Debian.
</p>

<p>
Le miroir<sup><a href="#fn__3" id="fnt__3" class="fn_top">3)</a></sup> français habituel se situe à l'adresse <a href="#" class="urlextern" title="http://ftp.fr.debian.org/debian/">http://ftp.fr.debian.org/debian/</a>.
</p>

<p>
On trouve sur ce miroir les branches Debian habituelles :
</p>
<ul>
<li class="level1"><div class="li"> <strong>oldstable</strong><sup><a href="#fn__4" id="fnt__4" class="fn_top">4)</a></sup> la version en passe de devenir obsolète, </div>
</li>
<li class="level1"><div class="li"> <strong>stable</strong><sup><a href="#fn__5" id="fnt__5" class="fn_top">5)</a></sup>, la version courante,</div>
</li>
<li class="level1"><div class="li"> <strong>testing</strong><sup><a href="#fn__6" id="fnt__6" class="fn_top">6)</a></sup>, la version qui un jour deviendra stable,</div>
</li>
<li class="level1"><div class="li"> <strong>unstable</strong><sup><a href="#fn__7" id="fnt__7" class="fn_top">7)</a></sup>, la version de développement,</div>
</li>
<li class="level1"><div class="li"> et <strong>experimental</strong><sup><a href="#fn__8" id="fnt__8" class="fn_top">8)</a></sup>, la version de, euh, tests…</div>
</li>
</ul>

<p>
Il existe trois <em>branches</em> supplémentaires :
</p>
<ul>
<li class="level1"><div class="li"> <strong>stable-updates</strong>,<sup><a href="#fn__9" id="fnt__9" class="fn_top">9)</a></sup> Propose quelques mises à jour pour stable de logiciels plus récents. Indispensable pour <a href="#" class="wikilink1" title="doc:systeme:clamav">clamav</a>.</div>
</li>
<li class="level1"><div class="li"> <strong>stable-proposed-updates</strong><sup><a href="#fn__10" id="fnt__10" class="fn_top">10)</a></sup> Propose des paquets en passe d'entrer dans stable-updates.</div>
</li>
<li class="level1"><div class="li"> et <strong>stable-backports</strong><sup><a href="#fn__11" id="fnt__11" class="fn_top">11)</a></sup> Apporte des paquets supplémentaires à la branche <strong>stable</strong> tout en ne faisant pas à proprement parler partie de celle-ci.</div>
</li>
</ul>

<p>
Si l'on s'intéresse à la branche <strong>stable</strong>, on y trouve à l'intérieur les trois <em>sections</em> habituelles :
</p>
<ul>
<li class="level1"><div class="li"> <strong>main</strong>, contenant les paquets libres,</div>
</li>
<li class="level1"><div class="li"> <strong>contrib</strong>, contenant les paquets libres dépendant de contenu non-libre,</div>
</li>
<li class="level1"><div class="li"> et <strong>non-free</strong> contenant les paquets non-libres.</div>
</li>
</ul>

</div>
<div class="secedit editbutton_section editbutton_3"><form class="button btn_secedit" method="post" action="/doc:systeme:apt:sources.list"><div class="no"><input name="do" value="edit" type="hidden"><input name="rev" value="1390291226" type="hidden"><input name="summary" value="[Dépôts, branches et sections] " type="hidden"><input name="target" value="section" type="hidden"><input name="range" value="1640-3518" type="hidden"><input value="Modifier" class="button" title="Dépôts, branches et sections" type="submit"></div></form></div>
<h2 class="sectionedit4" id="les-fichiers-sourceslist">Les fichiers sources.list</h2>
<div class="level2">

<p>
Nous allons maintenant voir où placer nos fichiers contenant la liste des dépôts, et comment les rédiger.
</p>

</div>

<h3 id="emplacement-des-fichiers">Emplacement des fichiers</h3>
<div class="level3">

<p>
Il existe deux emplacements possibles pour la configuration des sources :
</p>
<ol>
<li class="level1"><div class="li"> soit tout dans le fichier <strong>/etc/apt/sources.list</strong>.</div>
</li>
<li class="level1"><div class="li"> soit par des fichiers individuels dans le répertoire <strong>/etc/apt/sources.list.d/</strong> en créant un nouveau fichier par thème. <br>
Par exemple les fichiers :</div>
<ul>
<li class="level2"><div class="li"> <strong>/etc/apt/sources.list.d/00debian-officiel.list</strong> pour les paquets du miroir officiel</div>
</li>
<li class="level2"><div class="li"> <strong>/etc/apt/sources.list.d/10deb-mozilla.list</strong> pour les miroirs des mainteneurs mozilla</div>
</li>
<li class="level2"><div class="li"> Autres fichiers…</div>
</li>
</ul>
</li>
</ol>

</div>

<h5 id="nota">Nota</h5>
<div class="level5">

<p>
Créer des <em>fichiers individuels</em> pour les sources permet la simplification de la gestion des sources, notamment en ajoutant simplement un <em>fichier sources</em> particulier avec <a href="#" class="wikilink1" title="doc:systeme:cp"> la commande cp</a> plutôt qu'en éditant tout le fichier à chaque fois pour y écrire dedans.
</p><p></p><div class="notetip">Très intéressant pour l'administration des pc distants !
</div><p></p>
On peut utiliser ainsi cette méthode pour l'entraide en indiquant
d'ajouter la copie du fichier sources nécessaire directement dans le
répertoire '<strong>/etc/apt/sources.list.d/</strong> plutôt que de
devoir indiquer l'usage de nano et tout l'toutim pour rédiger la
correction dans un seul fichier sources.list avec des risques d'erreurs
ICC<sup><a href="#fn__12" id="fnt__12" class="fn_top">12)</a></sup> grandissant avec la peur de ne pas y arriver. <br>

<img src="style/icon_smile2.gif" class="icon" alt="=)">
<p></p>

<p>
S'agissant d'une opération d'administration, la création et l'édition de ces fichiers devront être faites en tant que <em><a href="#" class="wikilink1" title="doc:systeme:superutilisateur"> super-utilisateur</a></em> en utilisant un éditeur de texte<sup><a href="#fn__13" id="fnt__13" class="fn_top">13)</a></sup> tel <a href="#" class="wikilink1" title="doc:editeurs:nano"> la commande nano</a>. <br>

Se positionner d'abord dans <a href="#" class="wikilink1" title="doc:programmation:shell:repertoires"> le bon répertoire</a> avec <a href="#" class="wikilink1" title="doc:programmation:shell:cd"> la commande cd</a> :
</p>
<pre class="code root"><span class="kw3">cd</span> <span class="sy0">/</span>etc<span class="sy0">/</span>apt</pre>

<p>
</p><p></p><div class="notewarning"><strong>ATTENTION</strong> ! Toute
modification d'un fichier de configuration doit commencer par la
sauvegarde de l'ancien afin de le conserver intact tant que cela marche
et en utilisant d'une manière inconditionnelle <a href="#" class="wikilink1" title="doc:programmation:bash:autocompletion"> l'autocompletion</a>
</div><p></p>
<p></p>

<p>
Faire <a href="#" class="wikilink1" title="doc:systeme:cp">la copie de sauvegarde</a> du fichier <strong>sources.list</strong> :
</p>
<pre class="code root"><span class="kw2">cp</span> sources.list sources-sav</pre>

<p>
Vérifier la copie avec <a href="#" class="wikilink1" title="doc:editeurs:less"> la commande less</a> :
</p>
<pre class="code user"><span class="kw2">less</span> sources-sav</pre>

</div>
<div class="secedit editbutton_section editbutton_4"><form class="button btn_secedit" method="post" action="/doc:systeme:apt:sources.list"><div class="no"><input name="do" value="edit" type="hidden"><input name="rev" value="1390291226" type="hidden"><input name="summary" value="[Les fichiers sources.list] " type="hidden"><input name="target" value="section" type="hidden"><input name="range" value="3519-6046" type="hidden"><input value="Modifier" class="button" title="Les fichiers sources.list" type="submit"></div></form></div>
<h2 class="sectionedit5" id="configurations-types-plusieurs-fichiers-sources">Configurations types plusieurs fichiers sources</h2>
<div class="level2">

<p>
</p><p></p><div class="notetip">Configuration recommandée par df
</div><p></p>
<p></p>

<p>
Ces configurations sont destinées à la création et l'édition de plusieurs fichiers sources tous situés dans le même répertoire :
</p>
<pre class="code">/etc/apt/sources.list.d/</pre>

</div>

<h3 id="prealable">Préalable</h3>
<div class="level3">

<p>
Déplacer dans le répertoire <strong>sources.list.d</strong> le fichier <strong>sources.list</strong> original en le renommant avec <a href="#" class="wikilink1" title="doc:systeme:mv"> la commande mv</a> :
</p>
<pre class="code root"><span class="kw2">mv</span> sources.list sources.list.d<span class="sy0">/</span>00debian-officiel.list</pre>

<p>
Puis se placer dans le répertoire <strong>sources.list.d</strong> pour modifier facilement le fichier <strong>00debian-officiel.list</strong> et créer éventuellement d'autres fichier sources avec <a href="#" class="wikilink1" title="doc:editeurs:nano"> la commande nano</a> <img src="style/icon_smile.gif" class="icon" alt=":-)">.
</p>
<pre class="code root"><span class="kw3">cd</span> sources.list.d</pre>

</div>

<h3 id="syntaxe-des-fichiers">Syntaxe des fichiers</h3>
<div class="level3">

</div>

<h4 id="pour-les-listes-de-paquets">Pour les listes de paquets</h4>
<div class="level4">

<p>
La syntaxe est élémentaire, pour récupérer la liste des paquets d'un dépôt : <strong>url_du_dépôt</strong> pour la branche <strong>ma_branche</strong> pour les sections <strong>section_1</strong> et <strong>section_2</strong>, soit la ligne :
</p>
<pre class="code">deb url_du_dépôt ma_branche section_1 section_2</pre>

<p>
</p><p></p><div class="noteclassic">L'<abbr title="Uniform Resource Locator">URL</abbr> peut débuter : <br>

1. par <strong>file://</strong> pour indiquer une source locale située
dans l'arborescence de fichiers du système (dans ce cas, il faut bien
veiller à ce que l'<abbr title="Uniform Resource Locator">URL</abbr> se termine par un slach : /), <br>

2. par <strong>http://</strong> pour indiquer une source accessible depuis un serveur web, ou encore <br>

3. par <strong>ftp://</strong> pour une source disponible sur un serveur <abbr title="File Transfer Protocol">FTP</abbr>.
</div><p></p>
<p></p>

<p>
Exemple, pour récupérer les listes des trois sections de la branche stable du dépôt officiel via le miroir francophone :
</p>
<dl class="file">
<dt><a href="#" title="Télécharger un extrait" class="mediafile mf_list">/etc/apt/sources.list</a></dt>
<dd><pre class="code file /etc/apt/sources.list">deb http://ftp.fr.debian.org/debian/ stable main contrib non-free</pre>
</dd></dl>

<p>
On peut, et il est même préférable de le faire, remplacer la branche par <em><a href="#" class="wikilink1" title="doc:systeme:apt:branches-debian"> son nom release</a></em>. La ligne devient donc :
</p>
<dl class="file">
<dt><a href="#" title="Télécharger un extrait" class="mediafile mf_list">/etc/apt/sources.list</a></dt>
<dd><pre class="code file /etc/apt/sources.list">deb http://ftp.fr.debian.org/debian/ wheezy main contrib non-free</pre>
</dd></dl>

<p>
</p><p></p><div class="noteimportant">L'intérêt d'utiliser le nom <em>release</em>
 est que lors de la sortie d'une nouvelle stable, le système ne se met
pas à jour automatiquement mais attend que l'administrateur (ie. vous)
décide du bon moment pour migrer vers celle-ci.
</div><p></p>
<p></p>

</div>

<h4 id="pour-les-listes-de-sources">Pour les listes de sources</h4>
<div class="level4">

<p>
De manière similaire, si vous voulez récupérer le code source des
paquets, pour recompiler vous-même les paquets après y avoir effectué
vos propres modifications, vous pouvez ajouter une ligne sur le modèle
suivant : <br>

</p>
<pre class="code">deb-src url_du_dépôt ma_branche section_1 section_2</pre>

<p>
Ce qui donne pour notre exemple précédent :
</p>
<dl class="file">
<dt><a href="#" title="Télécharger un extrait" class="mediafile mf_list">/etc/apt/sources.list</a></dt>
<dd><pre class="code file /etc/apt/sources.list">deb-src http://ftp.fr.debian.org/debian/ wheezy main contrib non-free</pre>
</dd></dl>

</div>

<h4 id="pour-les-commentaires">Pour les commentaires</h4>
<div class="level4">

<p>
Afin de rajouter des titres ou/et des explications dans les fichiers <strong>APT</strong> il suffit <a href="#" class="wikilink1" title="doc:systeme:programmation:commenter"> d'en commenter</a> les lignes. <br>

Exemple :
</p>
<dl class="file">
<dt><a href="#" title="Télécharger un extrait" class="mediafile mf_list">/etc/apt/sources.list</a></dt>
<dd><pre class="code file /etc/apt/sources.list"># Les dépôts officiels Debian Wheezy, sans les sources :
deb http://ftp.fr.debian.org/debian/ wheezy main contrib non-free</pre>
</dd></dl>

</div>
<div class="secedit editbutton_section editbutton_5"><form class="button btn_secedit" method="post" action="/doc:systeme:apt:sources.list"><div class="no"><input name="do" value="edit" type="hidden"><input name="rev" value="1390291226" type="hidden"><input name="summary" value="[Configurations types plusieurs fichiers sources] " type="hidden"><input name="target" value="section" type="hidden"><input name="range" value="6047-9205" type="hidden"><input value="Modifier" class="button" title="Configurations types plusieurs fichiers sources" type="submit"></div></form></div>
<h2 class="sectionedit6" id="mise-a-jour-de-la-liste-des-paquets">Mise à jour de la liste des paquets</h2>
<div class="level2">

<p>
Après chaque modification des <code>sources.list</code>, il est nécessaire de lancer un <em>update</em> de la liste des paquets, via la commande suivant :
</p>
<pre class="code root"><span class="kw2">apt-get update</span></pre>

<p>
Cette opération doit être lancée en tant que super-utilisateur<sup><a href="#fn__14" id="fnt__14" class="fn_top">14)</a></sup>.
</p>

</div>
<div class="secedit editbutton_section editbutton_6"><form class="button btn_secedit" method="post" action="/doc:systeme:apt:sources.list"><div class="no"><input name="do" value="edit" type="hidden"><input name="rev" value="1390291226" type="hidden"><input name="summary" value="[Mise à jour de la liste des paquets] " type="hidden"><input name="target" value="section" type="hidden"><input name="range" value="9206-9524" type="hidden"><input value="Modifier" class="button" title="Mise à jour de la liste des paquets" type="submit"></div></form></div>
<h2 class="sectionedit7" id="liste-des-depots-principaux">Liste des dépôts principaux</h2>
<div class="level2">

<p>
Nous avons repris ci-dessous une liste des principaux dépôts Debian
existants. Chacun d'eux apporte une liste de paquets différente.
</p>
<ul>
<li class="level1"><div class="li"> L'<strong>archive officielle</strong> apporte les paquets Debian qui ont été conçus et vérifiés par des <em>Développeurs Debian</em>, elle est indispensable et doit être inclue dans tout <code>sources.list</code></div>
</li>
<li class="level1"><div class="li"> L'<strong>archive de sécurité</strong> apporte les mises à jour de sécurité pour les paquets Debian stable. C'est un complément essentiel à toute Debian stable.</div>
</li>
<li class="level1"><div class="li"> L'<strong>archive développeurs mozilla</strong> est une archive facultative permettant d'accéder à la dernière version d'Iceweasel.</div>
</li>
<li class="level1"><div class="li"> L'<strong>archive deb-multimedia</strong>
 est une archive facultative et déconseillée permettant d'accéder à des
paquets multimedia compilés avec différentes options que les paquets
officiels.</div>
</li>
</ul>

<p>
</p><p></p><div class="noteimportant">Il faut savoir que si les dépôts officiels sont des dépôts de confiance, chaque <em>Développeur Debian</em> signant ses envois via une clé GPG, il n'en est pas nécessairement de même des autres dépôts. Aussi, <strong>nous vous conseillons pour des raisons de sécurité de vous limiter autant que possible aux dépôts officiels</strong>, voire même à la section <strong>main</strong> de celui-ci, le code en étant libre et donc vérifiable par tout le monde.
</div><p></p>
<p></p>

</div>

<h3 id="les-depots-debian-officiels">Les dépôts Debian Officiels</h3>
<div class="level3">

<p>
Ils existent pour les branches <strong>oldstable</strong>, <strong>stable</strong>=<strong>wheezy</strong>, <strong>testing</strong>=<strong>jessie</strong>, <strong>unstable</strong>=<strong>sid</strong> et <strong>experimental</strong>=<strong>rc-buggy</strong> (avec en plus, dans le cas de stable, les branches <strong>stable-updates</strong>, <strong>stable-proposed-updates</strong> et <strong>stable-backports</strong>) et sont à chaque fois déclinés en les trois sections <strong>main</strong>, <strong>contrib</strong> et <strong>non-free</strong>.
</p>

<p>
</p><p></p><div class="noteclassic">Pour Debian Stable, la branche <strong>stable-updates</strong> propose quelques mises à jour pour <strong>stable</strong> de logiciels plus récents mais considérés comme <em>stables</em> ainsi que la mise à jour de la base de donnée pour l'anti-virus <a href="#" class="wikilink1" title="doc:systeme:clamav">clamav</a>, et la branche <strong>stable-proposed-updates</strong> propose des paquets en passe d'entrer dans <strong>stable-updates</strong>.
<p></p>

<p>
La branche <strong>stable-backports</strong> propose une série de paquets issus de <strong>testing</strong> et rétroportés vers <strong>stable</strong>.
 On y trouve par exemple en ce moment la version 4.0 de LibreOffice
(alors que seule la 3.5 est présente dans Wheezy) ainsi qu'une version
plus récente du noyau.
</p></div><p></p>
<p></p>

<p>
Exemples pour un Wheezy libre mais très à jour, sans récupération de la liste des sources :
</p>
<dl class="file">
<dt><a href="#" title="Télécharger un extrait" class="mediafile mf_list">/etc/apt/sources.list.d/00debian-officiel.list</a></dt>
<dd><pre class="code file /etc/apt/sources.list.d/apt_sources"># wheezy
deb http://ftp.fr.debian.org/debian/ wheezy main
# wheezy updates  
deb http://ftp.fr.debian.org/debian/ wheezy-updates main
# wheezy proposed updates
deb http://ftp.fr.debian.org/debian/ wheezy-proposed-updates main
# wheezy-backports
deb http://ftp.fr.debian.org/debian wheezy-backports main</pre>
</dd></dl>

<p>
</p><p></p><div class="noteclassic">Pour installer un paquet <code>le_paquet</code> depuis les <strong>backports</strong>, on utilisera la commande suivante :
<p></p>
<pre class="code root"><span class="kw2">apt-get</span> <span class="re5">-t</span> wheezy-backports <span class="kw2">install</span> le_paquet</pre>

<p>

</p></div><p></p>
<p></p>

<p>
</p><p></p><div class="noteimportant">Si vous avez besoin d'utiliser un logiciel récent qui n'est pas dans <strong>stable</strong> ni dans ses <strong>backports</strong>, vous avez deux alternatives : soit passer sous <strong>testing</strong>/<strong>sid</strong>, soit créer un chroot contenant <strong>testing</strong>/<strong>sid</strong>. Voir par exemple ici : <a href="#" class="wikilink1" title="doc:systeme:chroot">Installer une version récente de gimp dans un chroot</a>?
</div><p></p>
<p></p>
<ul>
<li class="level1"><div class="li"> Pour plus d'informations sur la branche <strong>proposed-updates</strong> voyez ici : <a href="#" class="urlextern" title="http://www.debian.org/releases/proposed-updates.fr.html">http://www.debian.org/releases/proposed-updates.fr.html</a></div>
</li>
</ul>

</div>

<h3 id="les-depots-debian-security">Les dépôts Debian Security</h3>
<div class="level3">
<pre class="code">/etc/apt/sources.list.d/10debian-security.list</pre>

<p>
Un complément indispensable pour les machines tournant sur Debian stable et étant exposées sur internet.
</p>

<p>
Exemple pour wheezy, sans récupération de la liste des sources :
</p>
<dl class="file">
<dt><a href="#" title="Télécharger un extrait" class="mediafile mf_list">/etc/apt/sources.list.d/10debian-security.list</a></dt>
<dd><pre class="code file /etc/apt/sources.list.d/apt_sources"># wheezy security
deb http://security.debian.org/ wheezy/updates main </pre>
</dd></dl>
<ul>
<li class="level1"><div class="li"> Pour plus d'informations sur le dépôt <strong>security</strong> voyez ici : <a href="#" class="urlextern" title="http://www.debian.org/security/">http://www.debian.org/security/</a></div>
</li>
</ul>

</div>

<h3 id="les-depots-des-mainteneurs-mozilla">Les dépôts des mainteneurs Mozilla</h3>
<div class="level3">
<pre class="code">/etc/apt/sources.list.d/50iceweasel-release.list</pre>

<p>
Ce dépôt permet d'accéder à la dernière version d'Iceweasel, le clone 100% libre<sup><a href="#fn__15" id="fnt__15" class="fn_top">15)</a></sup> de Firefox.
</p><p></p><div class="noteclassic">Si vous n'avez pas besoin de la dernière version d'Iceweasel, contentez-vous de mettre les dépôts <em>security</em> qui fournissent déjà la dernière version <em>ESR</em> (support long terme) d'Iceweasel.
</div><p></p>
<p></p>

<p>
Il contient trois sections : <strong>iceweasel-release</strong>, <strong>iceweasel-beta</strong> et <strong>iceweasel-aurora</strong> associées aux versions correspondantes de Firefox.
</p>

<p>
Exemple pour récupérer la version release pour Wheezy, sans récupération de la liste des sources :
</p>
<dl class="file">
<dt><a href="#" title="Télécharger un extrait" class="mediafile mf_list">/etc/apt/sources.list.d/50iceweasel-release.list</a></dt>
<dd><pre class="code file /etc/apt/sources.list.d/apt_sources"># wheezy iceweasel release
deb http://mozilla.debian.net/ wheezy-backports iceweasel-release</pre>
</dd></dl>

<p>
</p><p></p><div class="noteimportant">Si après un <code>apt-get update</code> un message d'avertissement vous indique que ce dépôt est non vérifié et ses paquets non-sûrs, installez le paquet <code>pkg-mozilla-archive-keyring</code> via
<p></p>
<pre class="code root"><span class="kw2">apt-get install</span> pkg-mozilla-archive-keyring</pre>

<p>

</p></div><p></p>
<p></p>

</div>

<h3 id="les-depots-deb-multimedia">Les dépôts Deb-Multimedia</h3>
<div class="level3">
<pre class="code">/etc/apt/sources.list.d/60deb-multimedia.list</pre>

<p>
</p><p></p><div class="notewarning">Attention dans la plupart des cas,
ces dépôts ne sont pas nécessaires, voire ils peuvent causer des
problèmes de stabilité ou de sécurité. Passez-vous-en dans la mesure du
possible.
</div><p></p>
<p></p>

<p>
Ce dépôt contient quelques paquets ne pouvant pas être hébergés par
Debian car ne respectant pas les conditions de distributions. C'est en
particulier le cas de la <code>libdvdcss2</code> permettant de déchiffrer certains DVD protégés.
</p>

<p>
Ce dépôt ne comporte pas de section <strong>contrib</strong>.
</p>

<p>
Exemple pour wheezy, sans récupération de la liste des sources :
</p>
<dl class="file">
<dt><a href="#" title="Télécharger un extrait" class="mediafile mf_list">/etc/apt/sources.list.d/60deb-multimedia.list</a></dt>
<dd><pre class="code file /etc/apt/apt_sources"># wheezy deb-multimedia
deb http://www.deb-multimedia.org wheezy main non-free</pre>
</dd></dl>

<p>
</p><p></p><div class="noteimportant">Si après un <code>apt-get update</code> un message d'avertissement vous indique que ce dépôt est non vérifié et ses paquets non-sûrs, installez le paquet <code>deb-multimedia-keyring</code> via
<p></p>
<pre class="code root"><span class="kw2">apt-get</span> <span class="re5">--allow-unauthenticated</span> <span class="kw2">install</span> deb-multimedia-keyring</pre>

<p>
 Pour savoir ce que fait <code>apt-get --allow-unauthenticated</code>, voir le : <strong>man apt-get</strong>, <em>bande d'assistés</em> ! <img src="style/icon_biggrin.gif" class="icon" alt=":-D">

</p></div><p></p>
<p></p>

<p>
Pour plus de détails, rendez-vous <a href="#" class="urlextern" title="http://mozilla.debian.net/">sur la page officielle</a><sup><a href="#fn__16" id="fnt__16" class="fn_top">16)</a></sup>.
</p>

</div>
<div class="secedit editbutton_section editbutton_7"><form class="button btn_secedit" method="post" action="/doc:systeme:apt:sources.list"><div class="no"><input name="do" value="edit" type="hidden"><input name="rev" value="1390291226" type="hidden"><input name="summary" value="[Liste des dépôts principaux] " type="hidden"><input name="target" value="section" type="hidden"><input name="range" value="9525-16127" type="hidden"><input value="Modifier" class="button" title="Liste des dépôts principaux" type="submit"></div></form></div>
<h2 class="sectionedit8" id="configurations-types-un-seul-fichier">Configurations types un seul fichier</h2>
<div class="level2">

<p>
Ces configurations sont destinées à l'utilisation d'un seul fichier source.list :
</p>
<pre class="code">/etc/apt/sources.list</pre>

</div>

<h3 id="debian-stable-wheezy">Debian Stable (Wheezy)</h3>
<div class="level3">

<p>
On se place dans le cas où l'on a une Debian Stable (Wheezy). Dans le
cas où vous n'auriez besoin d'aucun paquet non-libre, vous pouvez
retirer <code>contrib</code> et <code>non-free</code> à chaque fois qu'elles sont présentes.
</p>

<p>
Vous pouvez, comme nous l'avons dit plus haut, placer cela dans le fichier <code>/etc/apt/sources.list</code> ou dans un ou des fichiers dans le répertoire <code>/etc/apt/sources.list.d/</code>.
</p>

<p>
</p><p></p><div class="noteimportant">Pensez bien à faire la mise à jour de vos sources avant toute modification en tapant et validant dans un <a href="#" class="wikilink1" title="doc:systeme:terminal">terminal</a> ou dans une <a href="#" class="wikilink1" title="doc:systeme:console">console</a> la commande<sup><a href="#fn__17" id="fnt__17" class="fn_top">17)</a></sup> :
<p></p>
<pre class="code file root"><span class="kw2">apt-get update</span></pre>

<p>

</p></div><p></p>
<p></p>

</div>

<h4 id="sourceslist-minimal-recommande">sources.list minimal (recommandé)</h4>
<div class="level4">
<dl class="file">
<dt><a href="#" title="Télécharger un extrait" class="mediafile mf_list">/etc/apt/sources.list</a></dt>
<dd><pre class="code file /etc/apt/apt_sources"># wheezy
deb http://ftp.fr.debian.org/debian/ wheezy main contrib non-free
# wheezy updates  
deb http://ftp.fr.debian.org/debian/ wheezy-updates main contrib non-free
# wheezy security
deb http://security.debian.org/ wheezy/updates main contrib non-free</pre>
</dd></dl>

</div>

<h4 id="sourceslist-avec-backports-et-depots-mozilla">sources.list avec backports et dépôts mozilla</h4>
<div class="level4">
<dl class="file">
<dt><a href="#" title="Télécharger un extrait" class="mediafile mf_list">/etc/apt/sources.list</a></dt>
<dd><pre class="code file /etc/apt/apt_sources"># wheezy
deb http://ftp.fr.debian.org/debian/ wheezy main contrib non-free
# wheezy updates  
deb http://ftp.fr.debian.org/debian/ wheezy-updates main contrib non-free
# wheezy-backports
deb http://ftp.fr.debian.org/debian wheezy-backports main contrib non-free
# wheezy security
deb http://security.debian.org/ wheezy/updates main contrib non-free
# wheezy iceweasel release
deb http://mozilla.debian.net/ wheezy-backports iceweasel-release</pre>
</dd></dl>

<p>
Et pensez à faire chacune des opérations suivantes :
</p>
<pre class="code root"><span class="kw2">apt-get update</span></pre>
<pre class="code root"><span class="kw2">apt-get install</span> pkg-mozilla-archive-keyring</pre>
<pre class="code root"><span class="kw2">apt-get update</span></pre>

<p>
</p><p></p><div class="noteclassic">Pour installer un paquet <code>le_paquet</code> depuis les backports, on utilisera la commande suivante :
<p></p>
<pre class="code root"><span class="kw2">apt-get</span> <span class="re5">-t</span> wheezy-backports <span class="kw2">install</span> le_paquet</pre>

<p>

</p></div><p></p>
<p></p>

</div>

<h5 id="proposed-updates">Proposed updates</h5>
<div class="level5">

<p>
Si vous voulez bénéficier des paquets mis à jour en passe d'entrer dans la branche <strong>stable-update</strong>, rajoutez le dépôt suivant :
</p>
<dl class="file">
<dt><a href="#" title="Télécharger un extrait" class="mediafile mf_list">/etc/apt/sources.list</a></dt>
<dd><pre class="code file /etc/apt/sources.list">&gt;# wheezy proposed updates
deb http://ftp.fr.debian.org/debian/ wheezy-proposed-updates main contrib non-free</pre>
</dd></dl>

</div>

<h5 id="depot-deb-multimedia">Dépôt deb-multimedia</h5>
<div class="level5">

<p>
Si malgré tout vous souhaitez utiliser les dépôts deb-multimedia, rajoutez ces lignes :
</p>
<dl class="file">
<dt><a href="#" title="Télécharger un extrait" class="mediafile mf_list">/etc/apt/sources.list</a></dt>
<dd><pre class="code file /etc/apt/sources.list">&gt;# wheezy deb-multimedia
deb http://www.deb-multimedia.org stable main non-free</pre>
</dd></dl>

<p>
Et pensez à faire les opérations suivantes wheezy un terminal <code>root</code> :
</p>
<pre class="code root"><span class="kw2">apt-get update</span>
<span class="kw2">apt-get</span> <span class="re5">--allow-unauthenticated</span> <span class="kw2">install</span> deb-multimedia-keyring
<span class="kw2">apt-get update</span></pre>

</div>

<h3 id="debian-unstable-sid">Debian Unstable (Sid)</h3>
<div class="level3">
<dl class="file">
<dt><a href="#" title="Télécharger un extrait" class="mediafile mf_list">/etc/apt/sources.list</a></dt>
<dd><pre class="code file /etc/apt/sources.list"># testing
deb http://ftp.fr.debian.org/debian/ testing main contrib non-free
# sid
deb http://ftp.fr.debian.org/debian/ sid main contrib non-free
# experimental (contient iceweasel version release)
deb http://ftp.fr.debian.org/debian/ experimental main contrib non-free</pre>
</dd></dl>

<p>
</p><p></p><div class="notewarning">
Les dépôts testing sont là pour permettre de réinstaller la version
précédente si on a installé la version de sid et qu'elle ne fonctionne
pas.
<p></p>
<pre class="code root"><span class="kw2">apt-get install</span> nomdupaquet <span class="re5">-t</span> testing</pre>

<p>

</p></div><p></p>
<p></p>

<p>
</p><p></p><div class="noteclassic">
Si vous avez une distribution amd64, il vous est possible d'ajouter les dépôts experimental, à condition de faire du <a href="#" class="wikilink1" title="doc:systeme:apt:pinning">pinning pour Multimedia Experimental</a> pour leur mettre une faible priorité (1). Qui plus est, une fois de plus, nous ne vous recommandons pas d'utiliser ces dépôts.
<p></p>
<dl class="file">
<dt><a href="#" title="Télécharger un extrait" class="mediafile mf_list">/etc/apt/sources.list</a></dt>
<dd><pre class="code file /etc/apt/sources.list"># experimental deb-multimedia
deb http://www.deb-multimedia.org experimental main non-free</pre>
</dd></dl>

<p>

</p></div><p></p>
<p></p>

<p>
</p><p></p><div class="noteclassic">La version release de Iceweasel est dans les dépôts officiels <code>experimental</code>, pour les autres versions, utilisez les dépôts des développeurs mozilla.
Exemple :
<p></p>
<dl class="file">
<dt><a href="#" title="Télécharger un extrait" class="mediafile mf_list">/etc/apt/sources.list</a></dt>
<dd><pre class="code file /etc/apt/sources.list">&gt;# iceweasel beta
deb http://mozilla.debian.net/ experimental iceweasel-beta</pre>
</dd></dl>

<p>

</p></div><p></p>
<p></p>

</div>

<h3 id="debian-testing-avec-unstable-en-roue-de-secours">Debian Testing avec Unstable en roue de secours</h3>
<div class="level3">
<dl class="file">
<dt><a href="#" title="Télécharger un extrait" class="mediafile mf_list">/etc/apt/sources.list</a></dt>
<dd><pre class="code file /etc/apt/sources.list">&gt;
# testing
deb http://ftp.fr.debian.org/debian/ testing main contrib non-free
# sid
deb http://ftp.fr.debian.org/debian/ sid main contrib non-free
# experimental (contient iceweasel version release)
deb http://ftp.fr.debian.org/debian/ experimental main contrib non-free</pre>
</dd></dl>

<p>
</p><p></p><div class="notewarning">Attention, il est nécessaire de créer un fichier de <a href="#" class="wikilink1" title="doc:systeme:apt:pinning">pinning pour Debian Testing</a> afin de donner une priorité 100 aux dépôts <strong>sid</strong> et 1 au dépôt <em>deb-multimedia</em> <strong>experimental</strong> éventuels. Sans quoi, vous allez vous retrouvez en sid.
</div><p></p>
<p></p>

</div>

<h3 id="mooooaaarrrrrrrrrrr">MOOOOAAARRRRRRRRRRR !!</h3>
<div class="level3">

<p>
</p><p></p><div class="notewarning">Euh, ça, c'est juste si vous adorez
passer votre temps à télécharger tout plein de sources. En vrai, ça ne
sert à rien, mais vous pouvez quand même trouver cela rigolo. Ne pas
utiliser sans casque, genouillères et autres moyens de sauvegardes
basiques.
</div><p></p>
<p></p>

<p>
Le sources.list complet pour un <a href="#" class="wikilink1" title="doc:systeme:apt:pinning"> pinning</a> de taré :
</p>

<p>
</p><p></p><div class="notewarning">Il va de soit que si vous ne maîtrisez pas l'utilisation du fichier <a href="#" class="wikilink1" title="doc:systeme:apt:pinning">preferences</a> il n'est pas la peine de penser à utiliser ce fichier de sources vous vous retrouveriez simplement en <strong>sid</strong>.
</div><p></p>
<p></p>
<dl class="file">
<dt><a href="#" title="Télécharger un extrait" class="mediafile mf_list">/etc/apt/sources.list</a></dt>
<dd><pre class="code file /etc/apt/sources.list">&gt;
# wheezy
deb http://ftp.fr.debian.org/debian/ wheezy main contrib non-free
&nbsp;
# wheezy multimedia
deb http://www.deb-multimedia.org wheezy main non-free
&nbsp;
# wheezy security
deb http://security.debian.org/ stable/updates main contrib non-free
&nbsp;
# wheezy updates  
deb http://ftp.fr.debian.org/debian/ wheezy-updates main contrib non-free
&nbsp;
# wheezy proposed updates  
deb http://ftp.fr.debian.org/debian/ wheezy-proposed-updates main contrib non-free
&nbsp;
# wheezy-backports
deb http://ftp.fr.debian.org/debian/ wheezy-backports main contrib non-free
&nbsp;
# jessie
deb http://ftp.fr.debian.org/debian/ jessie main contrib non-free
&nbsp;
# jessie multimedia
deb http://www.deb-multimedia.org jessie main non-free
&nbsp;
# jessie security
deb http://security.debian.org/ jessie/updates main contrib non-free
&nbsp;
# sid
deb http://ftp.fr.debian.org/debian/ sid main contrib non-free
&nbsp;
# sid multimedia
deb http://www.deb-multimedia.org sid main non-free
&nbsp;
# experimental
deb http://ftp.fr.debian.org/debian/ experimental main contrib non-free
&nbsp;
# experimental multimedia (Seulement pour architecture amd64)
deb http://www.deb-multimedia.org experimental main</pre>
</dd></dl>

</div>
<div class="secedit editbutton_section editbutton_8"><form class="button btn_secedit" method="post" action="/doc:systeme:apt:sources.list"><div class="no"><input name="do" value="edit" type="hidden"><input name="rev" value="1390291226" type="hidden"><input name="summary" value="[Configurations types un seul fichier] " type="hidden"><input name="target" value="section" type="hidden"><input name="range" value="16128-23057" type="hidden"><input value="Modifier" class="button" title="Configurations types un seul fichier" type="submit"></div></form></div>
<h2 class="sectionedit9" id="tp-creation-des-sources-par-fichiers-distincts">TP - Création des sources par fichiers distincts</h2>
<div class="level2">

<p>
testé par <strong>smolski</strong> le 09/09/2013
</p>

<p>
Ce tuto se réalise par la ligne de commande en session <a href="#" class="wikilink1" title="doc:systeme:superutilisateur">superutilisateur</a>.
</p>

</div>

<h3 id="sources-stables">Sources Stables</h3>
<div class="level3">

<p>
Dans ce TP, on utilise le nom release <code>wheezy</code> de la stable actuelle.
</p>

<p>
Modifier le nom du sources.list pour le conserver intact :
</p>
<pre class="code root"> <span class="kw2">mv</span> <span class="sy0">/</span>etc<span class="sy0">/</span>apt<span class="sy0">/</span>sources.list <span class="sy0">/</span>etc<span class="sy0">/</span>apt<span class="sy0">/</span>sources.list-sav</pre>

<p>
Nous allons maintenant créer et éditer un à un les fichiers des sources
officielles mais aussi des sources multimedia et iceweasel<sup><a href="#fn__18" id="fnt__18" class="fn_top">18)</a></sup> ainsi :<br>

</p>

<p>
Créer et rédiger<sup><a href="#fn__19" id="fnt__19" class="fn_top">19)</a></sup> les fichiers à volonté, par exemple avec ces commandes :
</p>
<pre class="code root"><span class="kw2">cat</span> <span class="sy0">&gt;</span> <span class="sy0">/</span>etc<span class="sy0">/</span>apt<span class="sy0">/</span>sources.list.d<span class="sy0">/</span>00debian-officielle.list <span class="sy0">&lt;&lt;</span>EOF
<span class="co0"># wheezy</span>
deb http:<span class="sy0">//</span>ftp.fr.debian.org<span class="sy0">/</span>debian<span class="sy0">/</span> wheezy main contrib non-free
<span class="co0"># wheezy updates</span>
deb http:<span class="sy0">//</span>ftp.fr.debian.org<span class="sy0">/</span>debian<span class="sy0">/</span> wheezy-updates main contrib non-free
<span class="co0"># wheezy-backports</span>
deb http:<span class="sy0">//</span>ftp.fr.debian.org<span class="sy0">/</span>debian wheezy-backports main contrib non-free
<span class="co0"># wheezy security</span>
deb http:<span class="sy0">//</span>security.debian.org<span class="sy0">/</span> wheezy<span class="sy0">/</span>updates main contrib non-free
<span class="co0"># wheezy proposed updates</span>
deb http:<span class="sy0">//</span>ftp.fr.debian.org<span class="sy0">/</span>debian<span class="sy0">/</span> wheezy-proposed-updates main contrib non-free
EOF</pre>

<p>
Vérifiez la conformité par <a href="#" class="wikilink1" title="doc:editeurs:less"> la commande less</a> ainsi :
</p>
<pre class="code user"><span class="kw2">less</span> <span class="sy0">/</span>etc<span class="sy0">/</span>apt<span class="sy0">/</span>sources.list.d<span class="sy0">/</span>00debian-officielle.list</pre>

<p>
Puis continuez de même avec les propositions de noms des fichiers suivants :
</p>
<pre class="code root"><span class="kw2">cat</span> <span class="sy0">&gt;</span> <span class="sy0">/</span>etc<span class="sy0">/</span>apt<span class="sy0">/</span>sources.list.d<span class="sy0">/</span>10deb-multi.list <span class="sy0">&lt;&lt;</span>EOF
<span class="co0"># wheezy multimedia</span>
deb http:<span class="sy0">//</span>www.deb-multimedia.org wheezy main non-free
EOF</pre>
<pre class="code root"><span class="kw2">cat</span> <span class="sy0">&gt;</span> <span class="sy0">/</span>etc<span class="sy0">/</span>apt<span class="sy0">/</span>sources.list.d<span class="sy0">/</span>20deb-mozilla.list <span class="sy0">&lt;&lt;</span>EOF
<span class="co0"># wheezy iceweasel release</span>
deb http:<span class="sy0">//</span>mozilla.debian.net<span class="sy0">/</span> wheezy-backports iceweasel-release
EOF</pre>

<p>
Enfin, mettez à jour<sup><a href="#fn__20" id="fnt__20" class="fn_top">20)</a></sup>.
</p>

</div>
<div class="secedit editbutton_section editbutton_9"><form class="button btn_secedit" method="post" action="/doc:systeme:apt:sources.list"><div class="no"><input name="do" value="edit" type="hidden"><input name="rev" value="1390291226" type="hidden"><input name="summary" value="[TP - Création des sources par fichiers distincts] " type="hidden"><input name="target" value="section" type="hidden"><input name="range" value="23058-" type="hidden"><input value="Modifier" class="button" title="TP - Création des sources par fichiers distincts" type="submit"></div></form></div><div class="footnotes">
<div class="fn"><sup><a href="#fnt__1" id="fn__1" class="fn_bot">1)</a></sup>
N'hésitez pas à y faire part de vos remarques, succès, améliorations ou échecs !</div>
<div class="fn"><sup><a href="#fnt__2" id="fn__2" class="fn_bot">2)</a></sup>
en terme de licence</div>
<div class="fn"><sup><a href="#fnt__3" id="fn__3" class="fn_bot">3)</a></sup>
 
Une copie. Le dépôt est présent sur de multiples serveurs à travers le
monde, on parle de miroir quand il s'agit d'une copie exacte.</div>
<div class="fn"><sup><a href="#fnt__4" id="fn__4" class="fn_bot">4)</a></sup>
En ce moment, Squeeze</div>
<div class="fn"><sup><a href="#fnt__5" id="fn__5" class="fn_bot">5)</a></sup>
Wheezy</div>
<div class="fn"><sup><a href="#fnt__6" id="fn__6" class="fn_bot">6)</a></sup>
Jessie</div>
<div class="fn"><sup><a href="#fnt__7" id="fn__7" class="fn_bot">7)</a></sup>
Sid</div>
<div class="fn"><sup><a href="#fnt__8" id="fn__8" class="fn_bot">8)</a></sup>
Rc-Buggy</div>
<div class="fn"><sup><a href="#fnt__9" id="fn__9" class="fn_bot">9)</a></sup>
En ce moment wheezy-updates</div>
<div class="fn"><sup><a href="#fnt__10" id="fn__10" class="fn_bot">10)</a></sup>
En ce moment wheezy-proposed-updates</div>
<div class="fn"><sup><a href="#fnt__11" id="fn__11" class="fn_bot">11)</a></sup>
En ce moment wheezy-backports</div>
<div class="fn"><sup><a href="#fnt__12" id="fn__12" class="fn_bot">12)</a></sup>
Interface Chaise Clavier</div>
<div class="fn"><sup><a href="#fnt__13" id="fn__13" class="fn_bot">13)</a></sup>
Attention, libreoffice est un traitement de texte <em class="u">pas un éditeur de texte</em></div>
<div class="fn"><sup><a href="#fnt__14" id="fn__14" class="fn_bot">14)</a></sup>
i.e. en tant que root</div>
<div class="fn"><sup><a href="#fnt__15" id="fn__15" class="fn_bot">15)</a></sup>
i.e. sans logo ni nom non-libre</div>
<div class="fn"><sup><a href="#fnt__16" id="fn__16" class="fn_bot">16)</a></sup>
en anglish</div>
<div class="fn"><sup><a href="#fnt__17" id="fn__17" class="fn_bot">17)</a></sup>
Voir : <a href="#" class="wikilink1" title="doc:systeme:apt:apt-get">apt-get</a></div>
<div class="fn"><sup><a href="#fnt__18" id="fn__18" class="fn_bot">18)</a></sup>
mozilla</div>
<div class="fn"><sup><a href="#fnt__19" id="fn__19" class="fn_bot">19)</a></sup>
Voir <a href="#" class="wikilink1" title="doc:systeme:cat"> la commande cat</a></div>
<div class="fn"><sup><a href="#fnt__20" id="fn__20" class="fn_bot">20)</a></sup>
<a href="#" class="wikilink1" title="doc:systeme:apt:apt-get">apt-get</a></div>
</div>

                    <!-- wikipage stop -->
                                    </div>

                <div class="docInfo">doc/systeme/apt/sources.list.txt · Dernière modification: 21/01/2014 09:00 par smolski</div>

                            </div></div><!-- /content -->

            <hr class="a11y">

            <!-- PAGE ACTIONS -->
            <div class="tools group">
                <div id="dokuwiki__usertools">
                    <ul>
                        <li><a href="#" class="action edit" accesskey="e" rel="nofollow" title="Modifier cette page [E]">Modifier cette page</a></li><li><a href="#" class="action revs" accesskey="o" rel="nofollow" title="Anciennes révisions [O]">Anciennes révisions</a></li><li><a href="#" class="action backlink" rel="nofollow" title="Liens vers cette page">Liens vers cette page</a></li><li><a href="#" class="action">Déplacer la page</a></li><li><a href="#dokuwiki__top" class="action top" accesskey="t" rel="nofollow" title="Haut de page [T]">Haut de page</a></li>                    </ul>
                </div>
            </div>
        </div><!-- /wrapper -->

       
<!-- ********** FOOTER ********** -->
<div id="dokuwiki__footer"><div class="pad">
    <div class="license">Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante&nbsp;: <a href="#" rel="license" class="urlextern">GNU Free Documentation License 1.3</a></div>
    <div class="buttons">
        <a href="#" rel="license"><img src="style/gnufdl.png" alt="GNU Free Documentation License 1.3"></a>        <a href="#" title="Donate"><img src="style/button-donate.gif" alt="Donate" height="15" width="80"></a>
        <a href="#" title="Powered by PHP"><img src="style/button-php.gif" alt="Powered by PHP" height="15" width="80"></a>
        <a href="#" title="Valid HTML5"><img src="style/button-html5.png" alt="Valid HTML5" height="15" width="80"></a>
        <a href="#" title="Valid XHTML 1.0"><img src="style/button-xhtml.html" alt="Valid XHTML 1.0" height="15" width="80"></a>
        <a href="#" title="Valid CSS"><img src="style/button-css.png" alt="Valid CSS" height="15" width="80"></a>
        <a href="#" title="Driven by DokuWiki"><img src="style/button-dw.png" alt="Driven by DokuWiki" height="15" width="80"></a>
    </div>
</div></div><!-- /footer -->

    </div></div><!-- /site -->

    <div class="no"><img src="style/indexer.gif" alt="" height="1" width="2"></div>
    <div id="screen__mode" class="no"></div>    <!--[if ( lte IE 7 | IE 8 ) ]></div><![endif]-->
</div>


</body></html>
 

Hors ligne

#20 02-02-2014 18:37:17

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

Le wiki n'a a priori pas besoin de supporter plusieurs thèmes. Ça n'est pas le cas aujourd'hui : il ne supporte qu'Air.

captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#21 02-02-2014 19:27:46

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

Et ben, ça me fera l'occasion d'apprendre. J'en suis smile

L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#22 02-02-2014 22:28:12

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

Et on se moque pas,  ... je bidouille smile

1391372835.png 1391372912.png

Dernière modification par golgot200 (02-02-2014 22:28:46)


L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#23 03-02-2014 00:04:34

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

1391378660.png

L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#24 03-02-2014 08:16:54

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

Bonjour

Savez vous où se trouve cette ombre dans le code ? hmm

1391408155.png 1391408894.png

Dernière modification par golgot200 (03-02-2014 08:28:34)


L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#25 03-02-2014 11:11:47

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : [concours coopératif] nouveau style DF

@golgot200 c'est top comme approche, les boutons sont sympas, j'aime bien la police aussi.
J'aime bien les dégradés, ils sont doux, t'arrive à les conserver en hover?

Pour les ombres, il faut chercher les "box-shadow"

  box-shadow: 10px 10px 5px #CAD7E1;


dans le .news   je pense.


captnfab a écrit :

Le wiki n'a a priori pas besoin de supporter plusieurs thèmes. Ça n'est pas le cas aujourd'hui : il ne supporte qu'Air.


En fait je ne comprends pas cette phrase, tu veux un css par page html? parce que actuellement ce n'est pas du tout le cas.
Pour moi, je pensais qu'avoir des menus communs permettait de faciliter les choses.

Hors ligne

Pied de page des forums