logo Debian Debian Debian-France Debian-Facile Debian-fr.org Forum-Debian.fr Debian ? Communautés logo inclusivité

Debian-facile

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

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

#676 09-07-2016 22:35:19

bruno-legrand
Adhérent(e)
Distrib. : Debian 12
Noyau : Linux 6.1.0-9-amd64
(G)UI : Plasma KDE
Inscription : 14-06-2016

Re : [concours coopératif] nouveau style DF

Je n'ai rien dit, autant pour moi.   wink

Hors ligne

#677 09-07-2016 23:26:00

arpinux
CA Debian-Facile
Lieu : Montréal d'aude
Distrib. : nakeDeb
Noyau : Linux 6.1 amd64
(G)UI : sway - i3wm - fluxbox
Inscription : 30-06-2016
Site Web

Re : [concours coopératif] nouveau style DF

re smile
tite coquille dans l'archive mise à dispo pour modification, la css prise en compte pour le paste "perso-paste.css" / "paste-perso.css" .... ça fait une heure que je comprends pas pourquoi il prend pas mes mods en compte !!!! mad
lol

... re ...
la feuille de style "paste" est-elle toujours d'actualité pour vos pages ? elle n'est pas utilisée là https://debian-facile.org/paste scratchhead.gif

Dernière modification par arpinux (09-07-2016 23:29:15)


nous sommes tous différents ... c'est notre point commun ...
Association Debian-Facile - Les cahiers du débutant - ISO Debian-Facile - 3hg - nakeDeb
GNU/Linux©2006-2024

Hors ligne

#678 10-07-2016 13:14:44

arpinux
CA Debian-Facile
Lieu : Montréal d'aude
Distrib. : nakeDeb
Noyau : Linux 6.1 amd64
(G)UI : sway - i3wm - fluxbox
Inscription : 30-06-2016
Site Web

Re : [concours coopératif] nouveau style DF

re coucou big_smile
bon en fait, à part la page "paste", c'est tout bon pour moi ... donc si vous me confirmez que la paste.css n'est plus utilisée, le thème est prêt big_smile
http://handylinux.org/tmp/DFhandy-theme-prw.mp4

Perso.css

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


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


#brdtitle h1 {
  display: block;
/*  background: url(http://debian-facile.org/img/df_bleu_test.png); */
        background-image: url("DFHandy/debian-facile.svg") !important;
  background: url(debian-facile.svg);
  background-position: 5px 5px;
  background-repeat: no-repeat;
  height: 62px; /* 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;
}

.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;
  font-family: 'DroidSans', Fallback, sans-serif;
  margin: 0;
  padding: 0;
 
}
* {
  -webkit-transition: background-color .5s ease-in-out, border-color .5s ease-in-out;
    -moz-transition: background-color .5s ease-in-out, border-color .5s ease-in-out;
    -o-transition: background-color .5s ease-in-out, border-color .5s ease-in-out;
    transition: background-color .5s ease-in-out, border-color .5s ease-in-out;
}
.modlist { display: none; }

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

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

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


.pun {
  font: 81.25%/1.462em 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: consolas, monaco, "bitstream vera sans mono", "courier new", courier, 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(DFhandy/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 {
  margin: 0 auto 10px auto;
  padding: 5px 10px;
}

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

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

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

.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;
}

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

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

#brdstats {
  border-width: none;
  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;
}

#brddesc {
  border-top-style: dotted;
  border-top-width: 0;
  padding: 0 0 5px 5px;
}

#brddesc p {
  padding: 0;
}

#brdmenu ul {
  padding: 0;
}

#brdmenu li {
  float: left;
}

#brdmenu a:link, #brdmenu a:visited {
  border-right-style: solid;
  border-width: 1px;
  display: block;
  min-width: 60px;
  padding: 4px 6px;
  white-space: nowrap;
}

#brdmenu a:hover, #brmenu a:active, #brdmenu a:focus {
  text-decoration: none;
}

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


#brdwelcome {
  padding: 10px 0;
}

#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;
  background-color: #fff;
  padding: 2px 4px;
  margin-top: 5px;
  border: 1px solid #41B1ff;
  border-radius: 2px;
}
.pun .postlink:hover {
  background-color: #41B1ff;
}
.pun .postlink:hover a, .pun .postlink:hover a:hover {
  color: #fff;
}

.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: 10px;
}

#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: absolute;
  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: 10px;
  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 {
  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: 5px;
  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;
  padding: 15px;
  background-color: #eee;
  border: 1px solid #41B1FF;
}

.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: #ddd;
  color: #444;
}

.pun .punwrap {
  background: #ddd;
  border-color: #ddd;
  color: #444;
}

#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: #41B1FF;
  font-family: "Droid Sans", sans-serif;
}

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

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

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

.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: #ddd;
  text-align: center;
}

#brdmenu li {
  margin-right: 5px;
        margin-bottom: 5px;
  border-radius: 5px;
}

#brdmenu a, #brdmenu a:link, #brdmenu a:visited {
  background: #fff;
  color: #2365B0;
  border: 1px solid #41B1ff;
  font-weight: bold;
}

#brdmenu a:hover, #brdmenu a:active, #brdmenu a:focus {
  background-color: #41B1FF;
  color: #fff;
}

#announce {
  background-color: #41B1FF;
  /*background-color: #B80101;*/
  color: #eee;
  border-color: #ffffff;
}

#brdmain {
  background-color: #ddd;
  border-color: #ddd;
}

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


.pun .blocktable .box {
  background: #eee;
  border-color: #41B1FF;
}

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

#adminconsole fieldset th, #adminconsole fieldset td {
  background: #eee;
  border-color: #ccc;
}

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

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

.pun .blocktable th {
  background: #fff;
  border-color: #41B1FF;
  color: #444;
}

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

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


.pun .blockpost {
  background: #eee;
  border-color: #41B1FF;
  border-radius: 2px;
}

.pun .blockpost h2 {
  background: #eee;
  border-color: #eee;
  color: #41B1FF;
}

.pun .blockpost .postbody, .pun .blockpost .postfoot {
  background: #fff;
  border-color: #eee;
}

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

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

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

.pun .quotebox {
  background: #eee;
  border-color: #ccc;
  color: #444;
}

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

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

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

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

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


.pun .blockform .box, #adstats, #adintro, #adalerts, #postpreview, #posterror {
  border-color: #41B1FF;
  background: #eee;
}

#punmisc #rules .box, #punhelp .box {
  border-color: #41B1FF;
  background: #eee;
}

.pun #quickpost h2, #punpost .blockform h2, #punedit .blockform h2, #posterror h2,
#pundelete .blockform h2 {
  background: #eee;
  color: #41B1FF;
}

.pun .forminfo {
  background: #eee;
  border-color: #ccc;
}

#puninstall form#install .forminfo {
  background: #41B1FF;
  color: #eee;
}

.pun #posterror .error-info, .pun #adalerts p {
  background: #eee;
  border-color: #ccc;
}

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

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

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

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

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

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

.pun .blockmenu .isactive a:link, .pun .blockmenu .isactive a:visited {
  color: #444;
  background: #eee;
  }

.pun #viewprofile .box {
  border-color: #41B1FF;
  background: #eee;
}

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

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

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

.pun .multiselect {
  color: #41B1FF;
}

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

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


.pun .icon {
  border-color: #eee #eee #eee #ddd;
}

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

.pun .inew .icon {
  border-color: #eee #eee #eee #41b1ff;
}

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

/* 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: #fff;
  float: left;
-moz-box-shadow: 0px 0px 0px 1px #41B1FF;
-webkit-box-shadow: 0px 0px 0px 1px #41B1FF;
-o-box-shadow: 0px 0px 0px 1px #41B1FF;
box-shadow: 0px 0px 0px 1px #41B1FF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#41B1FF, Direction=NaN, Strength=0);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
  margin: 1%;
}

.carre h1, .carre h2 {
  font-weight: bold;
  color: #44699C;
}
.carre:hover h1, .carre:hover h2 {
  font-weight: bold;
  color: #fff;
}

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

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

.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: #41B1FF;
-moz-box-shadow: 0px 0px 0px 1px #fff;
-webkit-box-shadow: 0px 0px 0px 1px #fff;
-o-box-shadow: 0px 0px 0px 1px #fff;
box-shadow: 0px 0px 0px 1px #fff;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#fff, Direction=NaN, Strength=0);
}

#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{
  -moz-box-shadow: 0px 0px 0px 1px #41B1FF;
  -webkit-box-shadow: 0px 0px 0px 1px #41B1FF;
  -o-box-shadow: 0px 0px 0px 1px #41B1FF;
  box-shadow: 0px 0px 0px 1px #41B1FF;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#41B1FF, Direction=NaN, Strength=0);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #eee;
  background-repeat:no-repeat;
  background-position:98% 5px;
  padding: 0 5px;
}

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

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

.news p{
  padding-left: 20px !important;
  padding-right: 10px !important;
  padding-top: 0px !important;
}
.news:hover {background-color: #fff;}
#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.css

html, body {
  font-size: 100%;
  background-color: #ddd;
}
#menudf {
  margin:             10px auto 0 auto;
  background: none repeat scroll 0% 0% rgb(246, 249, 252);
  width:              100%;
  max-width:          115em;
  text-align:         left;
  font: 0.8em Arial,Helvetica,sans-serif;
}

#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;
}

#brdmenu {
  position: relative;
  min-height: 1px;
}

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

#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;
}

#dokuwiki__header .group {
  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 {
  font-size: 1.2em;
}

.tools a {
  text-decoration: none;
  color: #44699C;
  background: inherit;
}
.tools a:link {
  color: #44699C;
}
.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;
}
#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 {
  text-align: center;
  border: none;
  font-size: 2.5em;
  font-weight: bold;
  font-family: "Droid Sans", sans-serif;
  margin: 0 auto 0 auto;
  background-color: #41B1FF;
  color: #fff;
}

.page h2 {
  border-bottom: 2px solid #41B1FF;
  background-color: #fff;
  font-size: 2em;
  font-weight: bold;
  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 #41B1FF;
  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;
}

div#wiki_container {
  width: 95em;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1px;
  font: 0.8em "Droid Sans", sans-serif;
}
div#brdmain {
  display: none;
}
div.punwrap {
  margin-bottom: 0;
  padding-bottom: 0 !important;
}
body {
  text-align: left;
}

/**********************************************************************/
.dokuwiki div.page {
  box-shadow: none;
  border: 1px solid #41B1FF;
  background-color: #eee;
}

 

Dernière modification par arpinux (10-07-2016 21:32:40)


nous sommes tous différents ... c'est notre point commun ...
Association Debian-Facile - Les cahiers du débutant - ISO Debian-Facile - 3hg - nakeDeb
GNU/Linux©2006-2024

Hors ligne

#679 10-07-2016 20:52:07

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian
Noyau : Dur
(G)UI : gui gui, je zuis un doiseau
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

Je vous laisse regarder le rendu sur dev.debian-facile.org smile

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

Hors ligne

#680 10-07-2016 20:59:45

arpinux
CA Debian-Facile
Lieu : Montréal d'aude
Distrib. : nakeDeb
Noyau : Linux 6.1 amd64
(G)UI : sway - i3wm - fluxbox
Inscription : 30-06-2016
Site Web

Re : [concours coopératif] nouveau style DF

coucou smile
ah zut ... la couleur de la barre d'outils du wiki est revenu en bleue ... j'ai du raté un truc hmm
et il faut que je rectif le margin des export-tools aussi ...
et que je rajoute une tite arge en dessous des boutons pour éviter le chevauchement en cas de double-ligne.

vous voyez d'autres bugs ?

ah juste un truc. la page d'accueil de la doc, quel que soit le thème, elle serait pas plus cool sans le TOC ? tongue

nous sommes tous différents ... c'est notre point commun ...
Association Debian-Facile - Les cahiers du débutant - ISO Debian-Facile - 3hg - nakeDeb
GNU/Linux©2006-2024

Hors ligne

#681 10-07-2016 21:23:19

Severian
Membre
Distrib. : Debian GNU/Linux 9.4 (stretch)
Noyau : Linux 4.14.0-0.bpo.3-amd64
(G)UI : Openbox 3.6.1-4
Inscription : 13-12-2014

Re : [concours coopératif] nouveau style DF

haaaa maisss

2 fois que ça m'efface mes remarques

les boutons (accueil, forum, documentation ...) sont collé s'ils sont sur deux lignes
page Documentation
ligne "vous êtes ici: la suite n'est pas visible à moins de survoler avec la souris (texte même couleur que le font)
page Contribuer, Outils
avec une fenêtre réduite, les textes des rubriques se chevauches avec les icônes (de même couleur)

Hors ligne

#682 10-07-2016 21:26:44

arpinux
CA Debian-Facile
Lieu : Montréal d'aude
Distrib. : nakeDeb
Noyau : Linux 6.1 amd64
(G)UI : sway - i3wm - fluxbox
Inscription : 30-06-2016
Site Web

Re : [concours coopératif] nouveau style DF

o/ Severian smile oki .. donc on a les mêmes tongue

nous sommes tous différents ... c'est notre point commun ...
Association Debian-Facile - Les cahiers du débutant - ISO Debian-Facile - 3hg - nakeDeb
GNU/Linux©2006-2024

Hors ligne

#683 10-07-2016 21:36:07

arpinux
CA Debian-Facile
Lieu : Montréal d'aude
Distrib. : nakeDeb
Noyau : Linux 6.1 amd64
(G)UI : sway - i3wm - fluxbox
Inscription : 30-06-2016
Site Web

Re : [concours coopératif] nouveau style DF

re smile j'ai corrigé mon code dans le message du dessus pour la couleur des tools et les boutons collés.

et oui, à chaque fois que tu vas dans l'autre onglet, ça te déconnecte et tu perds le message ... faut copier avant tongue

merci captnfab pour la mise à jour .... je ne sais pas pourquoi ça prend pas la couleur du fond hmm .... désolé pour ces aller-retours, c'est bientôt nickel tongue

Dernière modification par arpinux (10-07-2016 21:53:11)


nous sommes tous différents ... c'est notre point commun ...
Association Debian-Facile - Les cahiers du débutant - ISO Debian-Facile - 3hg - nakeDeb
GNU/Linux©2006-2024

Hors ligne

#684 10-07-2016 21:57:23

bendia
Chadministrateur
Distrib. : openSUSE Tumbleweed, Buster
Noyau : Linux 5.9.1-2-default + Linux 4.19.0-12-amd64
(G)UI : Gnome + Console et un peu Fluxbox
Inscription : 20-03-2012
Site Web

Re : [concours coopératif] nouveau style DF

plop smile

C'est poussé sur le forum de dev. J'ai ajouté dans ton code plus haut au début de quoi afficher le logo DF

background-image: url("DFHandy/debian-facile.svg") !important;


Ben
___________________
La seule question bête, c'est celle qu'on ne pose pas.

Hors ligne

#685 10-07-2016 22:04:33

arpinux
CA Debian-Facile
Lieu : Montréal d'aude
Distrib. : nakeDeb
Noyau : Linux 6.1 amd64
(G)UI : sway - i3wm - fluxbox
Inscription : 30-06-2016
Site Web

Re : [concours coopératif] nouveau style DF

re smile
bon, il reste juste les .tools  hmm
me suis gouré dans wiki.css ... pardon.

.tools a{ background:inherit;}

faut le coller dans .tools, pas .tools a

je t'embête encore après c'est bon captnfab smile


nous sommes tous différents ... c'est notre point commun ...
Association Debian-Facile - Les cahiers du débutant - ISO Debian-Facile - 3hg - nakeDeb
GNU/Linux©2006-2024

Hors ligne

#686 10-07-2016 22:07:52

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian
Noyau : Dur
(G)UI : gui gui, je zuis un doiseau
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

Je n'ai mis que la première version, c'est bendia (qui a les droit de push sur le git dev) qui a fait le reste des màj smile

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

Hors ligne

#687 10-07-2016 22:08:54

bendia
Chadministrateur
Distrib. : openSUSE Tumbleweed, Buster
Noyau : Linux 5.9.1-2-default + Linux 4.19.0-12-amd64
(G)UI : Gnome + Console et un peu Fluxbox
Inscription : 20-03-2012
Site Web

Re : [concours coopératif] nouveau style DF

arpinux a écrit :

faut le coller dans .tools, pas .tools a

Refait la moi, je pige moins vite que captnfab wink


Ben
___________________
La seule question bête, c'est celle qu'on ne pose pas.

Hors ligne

#688 10-07-2016 22:13:31

arpinux
CA Debian-Facile
Lieu : Montréal d'aude
Distrib. : nakeDeb
Noyau : Linux 6.1 amd64
(G)UI : sway - i3wm - fluxbox
Inscription : 30-06-2016
Site Web

Re : [concours coopératif] nouveau style DF

re smile
ligne 98 du wiki.css, il y a "background:inherit;" . c'est dans la mauvaise section (.tools a)
il faut le virer et le coller après la ligne 92, dans la section '.tools' smile

et merci beaucoup smile

nous sommes tous différents ... c'est notre point commun ...
Association Debian-Facile - Les cahiers du débutant - ISO Debian-Facile - 3hg - nakeDeb
GNU/Linux©2006-2024

Hors ligne

#689 10-07-2016 22:16:38

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian
Noyau : Dur
(G)UI : gui gui, je zuis un doiseau
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

\o/
Ça semble rouler. Je passe ça en prod ? smile

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

Hors ligne

#690 10-07-2016 22:17:41

bendia
Chadministrateur
Distrib. : openSUSE Tumbleweed, Buster
Noyau : Linux 5.9.1-2-default + Linux 4.19.0-12-amd64
(G)UI : Gnome + Console et un peu Fluxbox
Inscription : 20-03-2012
Site Web

Re : [concours coopératif] nouveau style DF

C'est fait smile

Ben
___________________
La seule question bête, c'est celle qu'on ne pose pas.

Hors ligne

#691 10-07-2016 22:21:15

arpinux
CA Debian-Facile
Lieu : Montréal d'aude
Distrib. : nakeDeb
Noyau : Linux 6.1 amd64
(G)UI : sway - i3wm - fluxbox
Inscription : 30-06-2016
Site Web

Re : [concours coopératif] nouveau style DF

vous êtes au top les gars ! big_smile
merci encore.
il reste un tout petit bug sur la bordure inférieure du h3 de la div_toc, mais ça fait un style décalé sympa aussi big_smile

nous sommes tous différents ... c'est notre point commun ...
Association Debian-Facile - Les cahiers du débutant - ISO Debian-Facile - 3hg - nakeDeb
GNU/Linux©2006-2024

Hors ligne

#692 10-07-2016 22:24:35

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian
Noyau : Dur
(G)UI : gui gui, je zuis un doiseau
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

Prodé smile
Si y'a des fix à faire, je ferai un autre push demain.

Grand merci arpinux pour ce chouette thème codé en 2-2 ! smile

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

Hors ligne

#693 10-07-2016 22:32:19

arpinux
CA Debian-Facile
Lieu : Montréal d'aude
Distrib. : nakeDeb
Noyau : Linux 6.1 amd64
(G)UI : sway - i3wm - fluxbox
Inscription : 30-06-2016
Site Web

Re : [concours coopératif] nouveau style DF

re smile
merci @vous smile

je mate pour 2~3 fix et je te fais un résumé propre pour demain smile

nous sommes tous différents ... c'est notre point commun ...
Association Debian-Facile - Les cahiers du débutant - ISO Debian-Facile - 3hg - nakeDeb
GNU/Linux©2006-2024

Hors ligne

#694 11-07-2016 01:48:21

arpinux
CA Debian-Facile
Lieu : Montréal d'aude
Distrib. : nakeDeb
Noyau : Linux 6.1 amd64
(G)UI : sway - i3wm - fluxbox
Inscription : 30-06-2016
Site Web

Re : [concours coopératif] nouveau style DF

re smile

bon en fait il n'y a pas grand chose.

les modifs :

corrections du thème DFhandy pour debian-facile
-----------------------------------------------

fichier
  DFHandy.css
section
  logo du site
fix
  http://powi.fr/debian-facile2.svg


fichier
  DFHandy.css
section
  ligne 621
  .pun .subscribelink {position: absolute;right: 0;text-align: right;top: 10px;}
fix
  supprimer "position: absolute"


fichier
  wiki.css
section
  ligne 91
  .tools {font-size: 1.2em;}
fix
  ajouter le background pour arriver à ça
  .tools {font-size: 1.2em;background-color: inherit;}


fichier
  wiki.css
section
  ligne 216
  .page h3 {
        font-size: 1.6em;
        font-weight: normal;
        margin: 0.5em 0 0.888em -1em;
        padding-left: 0.5em;
        border-bottom: 1px solid #41B1FF;
        display: inline-block;
        padding-right: 0.5em;
        }
fix
  marge à revoir "margin: 0.5em 0 0.888em .3em;"
 


les fichiers direct à modifier pour l'image du logo (j'ai laissé l'adresse chez FirePowi) tongue
DFHandy.css : http://arpinux.org/tmp/DFHandy.css
wiki.css : http://arpinux.org/tmp/wiki.css

merci encore, c'est juste un thème, mais si ça peut aider les novices à moins se perdre wink


nous sommes tous différents ... c'est notre point commun ...
Association Debian-Facile - Les cahiers du débutant - ISO Debian-Facile - 3hg - nakeDeb
GNU/Linux©2006-2024

Hors ligne

#695 11-07-2016 01:51:29

FirePowi
Membre
Lieu : @powi-pc
Distrib. : Debian testing
Noyau : Linux 4.6.0.1-amd64
(G)UI : xfwm4
Inscription : 08-07-2016
Site Web

Re : [concours coopératif] nouveau style DF

@arpinux : Par contre, je ne suis pas contre que tu hosts l’image de ton côté.
Mon serveur tiens sur une distribution en Rolling Release. C’est préférable de ne pas trop compter dessus. (même si en 2 ans, je n’ai pas eu masse de problèmes).

Hors ligne

#696 11-07-2016 01:56:11

arpinux
CA Debian-Facile
Lieu : Montréal d'aude
Distrib. : nakeDeb
Noyau : Linux 6.1 amd64
(G)UI : sway - i3wm - fluxbox
Inscription : 30-06-2016
Site Web

Re : [concours coopératif] nouveau style DF

non, c'est juste pour qu'il puisse choper l'image originale chez toi pour la coller ici wink

nous sommes tous différents ... c'est notre point commun ...
Association Debian-Facile - Les cahiers du débutant - ISO Debian-Facile - 3hg - nakeDeb
GNU/Linux©2006-2024

Hors ligne

#697 11-07-2016 08:19:27

bendia
Chadministrateur
Distrib. : openSUSE Tumbleweed, Buster
Noyau : Linux 5.9.1-2-default + Linux 4.19.0-12-amd64
(G)UI : Gnome + Console et un peu Fluxbox
Inscription : 20-03-2012
Site Web

Re : [concours coopératif] nouveau style DF

Salut les couche-tard big_smile

C'est poussé sur le forum de dev wink

Ben
___________________
La seule question bête, c'est celle qu'on ne pose pas.

Hors ligne

#698 11-07-2016 09:21:21

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian
Noyau : Dur
(G)UI : gui gui, je zuis un doiseau
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

Prodé smile

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

Hors ligne

#699 11-07-2016 10:00:56

Anonyme-8
Invité

Re : [concours coopératif] nouveau style DF

1468227571.png

#700 11-07-2016 10:23:14

arpinux
CA Debian-Facile
Lieu : Montréal d'aude
Distrib. : nakeDeb
Noyau : Linux 6.1 amd64
(G)UI : sway - i3wm - fluxbox
Inscription : 30-06-2016
Site Web

Re : [concours coopératif] nouveau style DF

merci encore smile

nous sommes tous différents ... c'est notre point commun ...
Association Debian-Facile - Les cahiers du débutant - ISO Debian-Facile - 3hg - nakeDeb
GNU/Linux©2006-2024

Hors ligne

Pied de page des forums