Debian-facile

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

Ouais mais non. Je n'aime pas le liseré lumineux, et j'ai viré les dégradés pour les boutons. Et je vire aussi les séparateurs.

---

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

Anonyme

Invité

Re : [concours coopératif] nouveau style DF

Mince, ça merdouille chez moi. Il faut que revoit ça au niveau Search. Ça me décalle tout

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

Et je viens de rajouter une variante Narrow pour ceux qui aiment lire sur des colonnes plus étroites.

---

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

paskal

autobahn

Lieu : ailleurs

Inscription : 14-06-2011

Site Web

Re : [concours coopératif] nouveau style DF

+1 avec captnfab

Ouais mais non. Je n'aime pas le liseré lumineux, et j'ai viré les dégradés pour les boutons. Et je vire aussi les séparateurs.

Ce thème me semble en bonne voie d'achèvement.
Voir peut-être les espaces entre boutons ?

---

I'd love to change the world
But I don't know what to do
So I'll leave it up to you...

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

@Paskal: tu préfères comme ça ? (désactivé la largeur min)

---

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

paskal

autobahn

Lieu : ailleurs

Inscription : 14-06-2011

Site Web

Re : [concours coopératif] nouveau style DF

À mes yeux, ça me parait plus harmonieux. 
Mais il y avait sans doute une bonne raison dans la disposition précédente. 

---

I'd love to change the world
But I don't know what to do
So I'll leave it up to you...

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 suppose que c'était pour que les boutons semblent plus homogènes. Mais comme il n'y a pas de bouton dans KaoSmart, il y a moins d'intérêt à reprendre cela.

---

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

paskal

autobahn

Lieu : ailleurs

Inscription : 14-06-2011

Site Web

Re : [concours coopératif] nouveau style DF

ok 

---

I'd love to change the world
But I don't know what to do
So I'll leave it up to you...

Anonyme

Invité

Re : [concours coopératif] nouveau style DF

EDIT: wiki-perso.css

Bon, je pense que ce bon comme ça:

body {
  font-size: 100%;
  margin: 0 0 0 0;
  padding: 8px 0;
  width: 100%;
  color: #2C466C;
  background: #eee url('http://pix.tdct.org/upload/original/1392097871.png') repeat-x center;
 
         
   
}

#menudf {                                      
  margin:             2px auto 0 auto;
  background: none repeat scroll 0% 0% rgb(246, 249, 252);  
  width:              100%;                
  max-width:          115em;            
  text-align:         left;            
  font: 0.75em Zekton, Arial,Helvetica,sans-serif;
 
  border-radius: 5px;
  /*border: solid 6px ;*/
   border-color: #ffffff #C5C3BF #777777 #C5C3BF;
  /*box-shadow: 3px 3px 40px 7px LightSlateGray,inset 0 -1px 0 0  ;*/
  box-shadow: -7px 27px 10px 7px #8C8C8C;
}


/******************************
*#brddesc {                   *                                          
*  padding: 10px 0 10px 0;    *          
*                             *              
*  font-weight: normal;       *            
*  margin: 0 0 0 0;           *            
*}                            *                                
*                             *                                  
*#brheader #box{              *                    
*  line-height: 1em;          *              
*}                            *                              
******************************/



#menudf a{                      
  text-decoration:    none;    
}

#menudf h1{                      
  padding: 10px 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;          
  font-weight: normal;    
}

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

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

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

#dokuwiki__top.site {  
  margin: -80px 0 0 0;
  padding: 20px 0 0 0;

}

#dokuwiki__header {
  padding: 80px 0 -1px 0;
  margin: -80px 0 0 0;                  /* EH BEN !!!!!! */
  font-weight: normal;
  font-size: 1.09em;
  top: -130px;
  background-color: FFFFFF;
  background-image:linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -webkit-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -moz-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -o-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -ms-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  color: rgb(255, 255, 255);
  border-radius: 0 0 0 0;
}

#dokuwiki__header .group {  
  padding: 0 0 0 0;
  margin: 0 0 10px 0;
}

#dokuwiki__header .group {
  width: 100%;                         /* Largeur du connecté en tant que  */
}

#export_header {
  font-style: bold;
  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-image:linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -webkit-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -moz-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -o-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -ms-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  /*background-size: 98px 2px, 18px 2px;                                             2PX C'EST L'ESPACE DES HACHURES */
  border-radius: 0 0 0 0;
       
}

.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: -3px;                                                                            /* TEXTE CONNECTE DANS LE HEADER ANTHRACITE */
  right: 0;
  padding: 20px 0 0 0;                                                                  /* EPAISSEUR DU HEADER ANTHRACITE */
 
 
}
#dokuwiki__usertools ul {
  display: inline;
}
#dokuwiki__usertools li {
  font-size: 0.8em;
  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: 0.95em;
  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 {
  background-color:#313131;
  padding:3px 3px 25px;
  width:330px;
  height: 0;
  box-sizing:border-box;
  border-top: 3px  solid #242424;
  border-radius:7px 7px 7px 7px;
  position: relative;
  right: 0;                                      /* DEPLACER SEARCH VERS LA DROITE */
  top: -6px;  
  float: right;
  margin-right: 30px;      
  display: inline;
}

#dw__search .button {
  background: #5C89C8;
  background-image: linear-gradient(#78ABF0, #43689B, #43689B, #78ABF0);
  background-image: -webkit-linear-gradient(#78ABF0, #43689B, #43689B, #78ABF0);
  background-image: -moz-linear-gradient(#78ABF0, #43689B, #43689B, #78ABF0);
  background-image: -o-linear-gradient(#78ABF0, #43689B, #43689B, #78ABF0);
  background-image: -ms-linear-gradient(#78ABF0, #43689B, #43689B, #78ABF0);
  border-top: 1px   solid #242424;
  margin-left: 229px;
  margin-top:-45px;
  text-align: center;
  border-radius: 0 5px 5px 0;
  border-color: #1D1D1D;
  /*background-size: 98px 2px, 18px 2px; */
  color: #C4C4C9;
  height: 23px;
  width:100px;
}



#qsearch__in {
  padding-left: 2px;
  height:25px;
  background: white;
  background-image:linear-gradient(#242424,#636363, #636363,#636363);
  background-image: -webkit-linear-gradient(#242424,#636363, #636363,#636363);
  background-image: -moz-linear-gradient(#242424,#636363, #636363,#636363);
  background-image: -o-linear-gradient(#242424,#636363, #636363,#636363);
  background-image: -ms-linear-gradient(#242424,#636363, #636363,#636363);
  box-shadow: 0px 1px 2px LightSlateGray;
  color: 242424;
  border-radius: 5px ;
  width:330px;
  height: 24px;
  border-color: #404040;

}




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

/*************     PAR KAO    **************************/
#dokuwiki__site .mode_show  {
    background: #ffffff;
    width: 100%;
    height: 100%;
    margin: 4px 0;
    /*padding: auto auto;*/
    border-radius: 0;
    /*border: solid 6px;*/
    border-color: #2C466C;
    border-color: #C5C3BF #C5C3BF #777777 #C5C3BF;
    /*box-shadow: 3px 3px 40px 7px LightSlateGray,inset 0 -1px 0 0  ;*/
    box-shadow: -7px 30px 10px 7px #8C8C8C;
}
/**********************************************************/

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: Zekton, sans-serif;
}

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

}

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

.page h3 {
  font-size: 1.6em;
  font-weight: bold;
  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#1F1D1D;

}

.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 50%, #2E4970 100%);
    background: -webkit-linear-gradient(top, #ddd 50%, #2E4970 100%);
    background: -o-linear-gradient(     top, #ddd 50%, #2E4970 100%);
    background: -ms-linear-gradient(    top, #ddd 50%, #2E4970 100%);
    background: linear-gradient(        top, #ddd 50%, #2E4970 100%);
    color: inherit;
    border: 1px none #000000;
    border-bottom-color: #000000;
    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 50%, #2E4970 100%);
    background: -webkit-linear-gradient(top, #ddd 50%, #2E4970 100%);
    background: -o-linear-gradient(     top, #ddd 50%, #2E4970 100%);
    background: -ms-linear-gradient(    top, #ddd 50%, #2E4970 100%);
    background: linear-gradient(        top, #ddd 50%, #2E4970 100%);
    color: inherit;
    border: 1px none #000000;
    border-bottom-color: #000000;
    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 {
  background-image:linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -webkit-linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -moz-linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -o-linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -ms-linear-gradient(#F6ECD4, #C3C2BE);
  background-size: 98px 2px, 18px 2px;
  border-color: #555;
  border-radius: 3px;
/*  box-shadow: inset 0 0 2px #000; */
  border-left: 0.5em #555 solid;
}

pre.root {
  background-image:linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -webkit-linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -moz-linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -o-linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -ms-linear-gradient(#F6ECD4, #C3C2BE);
  background-size: 98px 2px, 18px 2px;
  border-color: #a55;
  border-radius: 3px;                                                                          
/*  box-shadow: inset 0 0 2px #000; */
  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.pun {
  border-bottom: none;
 
 
}

div.page {
  box-shadow: none !important;
  border: none !important;
}

 

Dernière modification par Anonyme (23-02-2014 12:14:33)

kao

Modérateur

Distrib. : Testing

Noyau : Linux 4.quelquechose

(G)UI : Gnome 3

Inscription : 27-09-2012

Site Web

Re : [concours coopératif] nouveau style DF

Ouais mais non. Je n'aime pas le liseré lumineux, et j'ai viré les dégradés pour les boutons. Et je vire aussi les séparateurs.

Ok comme, tu veux mais moi je les garde en tout cas
J'aime pas sans, c'est vide

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

C'est lequel que tu as posté là Golgot ?

---

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

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

Ok comme, tu veux mais moi je les garde en tout cas
J'aime pas sans

Voilà, donc on garde la variante

---

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

Anonyme

Invité

Re : [concours coopératif] nouveau style DF

Mince excuses moi, le wiki 

Dernière modification par Anonyme (23-02-2014 12:14:53)

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

Ok, mis à jour
Bon, par contre, la recherche, gris sur gris je trouve ça difficile. Mais c'est peut-être parce qu'à cette heure-ci j'ai l'écran à contre-jour…

---

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

Anonyme

Invité

Re : [concours coopératif] nouveau style DF

Oui, j'étais pas encore sur les tons mais les formes

Anonyme

Invité

Re : [concours coopératif] nouveau style DF

En fait, c'est la taille des polices que j'utilise dans mon navigateur qui merde. 17 ça décalle et 16 ça recalle tout ça. Il ya pas moyen de mettre une contrainte à 16 maxi  dans le css ?

Dernière modification par Anonyme (23-02-2014 12:26:30)

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

Non, pas que je sache

---

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

MicP

Invité

Re : [concours coopératif] nouveau style DF

Puisque vous êtes dans le travail du site, je pensai que ça pourrait être intéressant de voir aussi ce petit détail au sujet de la barre des menus "brdmenu".
Alors, si vous avez 5 mn, allez voir ici.

Dernière modification par MicP (23-02-2014 13:49:48)

Anonyme

Invité

Re : [concours coopératif] nouveau style DF

OK, captnfab

Bon je fais un essai  de celui-ci pour voir :


wiki-perso:

body {
  font-size: 100%;
  margin: 0 0 0 0;
  padding: 8px 0;
  width: 100%;
  color: #2C466C;
  background: #eee url('http://pix.tdct.org/upload/original/1392097871.png') repeat-x center;
 
         
   
}

#menudf {                                      
  margin:             2px auto 0 auto;
  background: none repeat scroll 0% 0% rgb(246, 249, 252);  
  width:              100%;                
  max-width:          115em;            
  text-align:         left;            
  font: 0.75em Zekton, Arial,Helvetica,sans-serif;
 
  border-radius: 5px;
  /*border: solid 6px ;*/
   border-color: #ffffff #C5C3BF #777777 #C5C3BF;
  /*box-shadow: 3px 3px 40px 7px LightSlateGray,inset 0 -1px 0 0  ;*/
  box-shadow: -7px 27px 10px 7px #8C8C8C;
}


/******************************
*#brddesc {                   *                                          
*  padding: 10px 0 10px 0;    *          
*                             *              
*  font-weight: normal;       *            
*  margin: 0 0 0 0;           *            
*}                            *                                
*                             *                                  
*#brheader #box{              *                    
*  line-height: 1em;          *              
*}                            *                              
******************************/



#menudf a{                      
  text-decoration:    none;    
}

#menudf h1{                      
  padding: 10px 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;          
  font-weight: normal;    
}

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

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

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

#dokuwiki__top.site {  
  margin: -80px 0 0 0;
  padding: 20px 0 0 0;

}

#dokuwiki__header {
  padding: 80px 0 -1px 0;
  margin: -80px 0 0 0;                  /* EH BEN !!!!!! */
  font-weight: normal;
  font-size: 1.09em;
  top: -130px;
  background-color: FFFFFF;
  background-image:linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -webkit-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -moz-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -o-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -ms-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  color: rgb(255, 255, 255);
  border-radius: 0 0 0 0;
}

#dokuwiki__header .group {  
  padding: 0 0 0 0;
  margin: 0 0 10px 0;
}

#dokuwiki__header .group {
  width: 100%;                         /* Largeur du connecté en tant que  */
}

#export_header {
  font-style: bold;
  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-image:linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -webkit-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -moz-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -o-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -ms-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  /*background-size: 98px 2px, 18px 2px;                                             2PX C'EST L'ESPACE DES HACHURES */
  border-radius: 0 0 0 0;
       
}

.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: -3px;                                                                            /* TEXTE CONNECTE DANS LE HEADER ANTHRACITE */
  right: 0;
  padding: 20px 0 0 0;                                                                  /* EPAISSEUR DU HEADER ANTHRACITE */
 
 
}
#dokuwiki__usertools ul {
  display: inline;
}
#dokuwiki__usertools li {
  font-size: 0.8em;
  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: 0.95em;
  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 {
  background-color:#313131;
  padding:3px 3px 25px;
  width:330px;
  height: 10px;
  box-sizing:border-box;
  border-top: 3px  solid #242424;
  border-radius:0 0 0 0;
  position: relative;
  right: 0;                                      /* DEPLACER SEARCH VERS LA DROITE */
  top: -6px;  
  float: right;
  margin-right: 30px;      
  display: inline;
}

#dw__search .button {
  background: #5C89C8;
  -moz-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
  -webkit-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
  box-shadow:inset 0px 1px 0px 0px #7a8eb9;
  background:-moz-linear-gradient(top, #638FCB 5%, #5972a7 100%);
  background:-webkit-linear-gradient(top, #638FCB 5%, #5972a7 100%);
  background:-o-linear-gradient(top, #638FCB 5%, #5972a7 100%);
  background:-ms-linear-gradient(top, #638FCB 5%, #5972a7 100%);
  background:linear-gradient(to bottom, #638FCB 5%, #5972a7 100%);
  border-top: 1px   solid #242424;
  margin-left: 229px;
  margin-top:-51px;
  text-align: center;
  border-radius: 0 0 0 0;
  border-color: #303741;
  /*background-size: 98px 2px, 18px 2px; */
  color: #C4C4C9;
  height: 29px;
  width:100px;






















}



#qsearch__in {
  padding-left: 2px;
  height:25px;
  background: white;
  background-image:linear-gradient(#242424,#56739B, #56739B,  #56739B);

  box-shadow: 0px 0 1px LightSlateGray;
  color: 242424;
  border-radius: 0 ;
  width:330px;
  height: 32px;
  border-color: #404040;

}




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

/*************     PAR KAO    **************************/
#dokuwiki__site .mode_show  {
    background: #ffffff;
    width: 100%;
    height: 100%;
    margin: 4px 0;
    /*padding: auto auto;*/
    border-radius: 0;
    /*border: solid 6px;*/
    border-color: #2C466C;
    border-color: #C5C3BF #C5C3BF #777777 #C5C3BF;
    /*box-shadow: 3px 3px 40px 7px LightSlateGray,inset 0 -1px 0 0  ;*/
    box-shadow: -7px 30px 10px 7px #8C8C8C;
}
/**********************************************************/

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: Zekton, sans-serif;
}

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

}

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

.page h3 {
  font-size: 1.6em;
  font-weight: bold;
  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#1F1D1D;

}

.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 50%, #2E4970 100%);
    background: -webkit-linear-gradient(top, #ddd 50%, #2E4970 100%);
    background: -o-linear-gradient(     top, #ddd 50%, #2E4970 100%);
    background: -ms-linear-gradient(    top, #ddd 50%, #2E4970 100%);
    background: linear-gradient(        top, #ddd 50%, #2E4970 100%);
    color: inherit;
    border: 1px none #000000;
    border-bottom-color: #000000;
    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 50%, #2E4970 100%);
    background: -webkit-linear-gradient(top, #ddd 50%, #2E4970 100%);
    background: -o-linear-gradient(     top, #ddd 50%, #2E4970 100%);
    background: -ms-linear-gradient(    top, #ddd 50%, #2E4970 100%);
    background: linear-gradient(        top, #ddd 50%, #2E4970 100%);
    color: inherit;
    border: 1px none #000000;
    border-bottom-color: #000000;
    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 {
  background-image:linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -webkit-linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -moz-linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -o-linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -ms-linear-gradient(#F6ECD4, #C3C2BE);
  background-size: 98px 2px, 18px 2px;
  border-color: #555;
  border-radius: 3px;
/*  box-shadow: inset 0 0 2px #000; */
  border-left: 0.5em #555 solid;
}

pre.root {
  background-image:linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -webkit-linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -moz-linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -o-linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -ms-linear-gradient(#F6ECD4, #C3C2BE);
  background-size: 98px 2px, 18px 2px;
  border-color: #a55;
  border-radius: 3px;                                                                          
/*  box-shadow: inset 0 0 2px #000; */
  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.pun {
  border-bottom: none;
 
 
}

div.page {
  box-shadow: none !important;
  border: none !important;
}

 

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

@MicP : modifier le html Attention malheureux, tu vas nous fâcher Captnfab

---

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

MicP

Invité

Re : [concours coopératif] nouveau style DF

Merci, je saurai en tenir compte à l'avenir

Dernière modification par MicP (23-02-2014 16:14:09)

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

@MicP: ils disent ça parce que je me suis montré inflexible sur la modification du php et de la génération auto du html.
Autrement dit, je ne suis pas du tout fâché, mais je suis toujours très inflexible

---

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

kao

Modérateur

Distrib. : Testing

Noyau : Linux 4.quelquechose

(G)UI : Gnome 3

Inscription : 27-09-2012

Site Web

Re : [concours coopératif] nouveau style DF

Puisque l'on parle de code html à modifier Ce serait bien que Paste ai les mêmes menus pour être raccord avec le reste. Comme il a été fait pour le wiki.

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

@kao: j'ai essayé, sans succès.
Paste utilise déjà un système de template, apparemment incompatible avec celui du forum.

---

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

paskal

autobahn

Lieu : ailleurs

Inscription : 14-06-2011

Site Web

Re : [concours coopératif] nouveau style DF

Coucou,

Dans "Recherche", j'ai une case à cocher sortant du cadre :

---

I'd love to change the world
But I don't know what to do
So I'll leave it up to you...