barre outils Icones "messages" trop sérrées

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu barre outils Icones "messages" trop sérrées

Message par clost Dim 27 Déc 2015 - 7:48

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Opera
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 24/12/15
Lien du forum : http://www.zone-motards-forum.net/forum

Description du problème

Bonjour
Ayant modifié le CSS dernièrement, je souhaiterais pour voir récupérer un bon écartement des icones de message , trop sérrées entre elles. (voir image)
Où dois je modifier (quel template) (ou mon css) cela pour reprendre la taille d'origine ?

barre outils Icones "messages" trop sérrées Captur17
merci par avance
Cdt


Dernière édition par clost le Dim 27 Déc 2015 - 20:40, édité 2 fois
clost

clost
***

Masculin
Messages : 149
Inscrit(e) le : 20/02/2013

https://www.dyane-collection-passion.net/
clost a été remercié(e) par l'auteur de ce sujet.

Résolu Re: barre outils Icones "messages" trop sérrées

Message par Invité Dim 27 Déc 2015 - 9:31

Bonjour,

Si les modifications qui ont causé ce problème ont été faite par la feuille de style css ça sera par celle-ci qu'il faudrait voir.
Peut-on avoir le code css qui a été mis dernièrement juste la partie qui a provoqué le soucis s'il vous plait?
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: barre outils Icones "messages" trop sérrées

Message par clost Dim 27 Déc 2015 - 9:58

merci pour ta réponse Very Happy Very Happy

je te pose le css modifié
la partie modifiée va jusqu'à #fa toolbar
je sais que des bugs existent via {
Code:

/* Box Model */

   *, *:before, *:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
   }



/* Grid */

   .row {
      border-bottom: solid 1px transparent;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
   }

   .row > * {
      float: left;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
   }

   .row:after, .row:before {
      content: \'\';
      display: block;
      clear: both;
      height: 0;
   }

   .row.uniform > * > :first-child {
      margin-top: 0;
   }

   .row.uniform > * > :last-child {
      margin-bottom: 0;
   }

   .row.30 25 > * {
      padding: 0 0 0 0px;
   }

   .row.30 25 {
      margin: 0 0 -1px 0px;
   }

   .row.uniform.30 25 > * {
      padding: 0px 0 0 0px;
   }

   .row.uniform.30 25 {
      margin: 0px 0 -1px 0px;
   }

   .row > * {
      padding: 0 0 0 40px;
   }

   .row {
      margin: 0 0 -1px -40px;
   }

   .row.uniform > * {
      padding: 40px 0 0 40px;
   }

   .row.uniform {
      margin: -40px 0 -1px -40px;
   }

   .row.32 0025 > * {
      padding: 0 0 0 80px;
   }

   .row.32 0025 {
      margin: 0 0 -1px -80px;
   }

   .row.uniform.32 0025 > * {
      padding: 80px 0 0 80px;
   }

   .row.uniform.32 0025 {
      margin: -80px 0 -1px -80px;
   }

   .row.31 5025 > * {
      padding: 0 0 0 60px;
   }

   .row.31 5025 {
      margin: 0 0 -1px -60px;
   }

   .row.uniform.31 5025 > * {
      padding: 60px 0 0 60px;
   }

   .row.uniform.31 5025 {
      margin: -60px 0 -1px -60px;
   }

   .row.35 025 > * {
      padding: 0 0 0 20px;
   }

   .row.35 025 {
      margin: 0 0 -1px -20px;
   }

   .row.uniform.35 025 > * {
      padding: 20px 0 0 20px;
   }

   .row.uniform.35 025 {
      margin: -20px 0 -1px -20px;
   }

   .row.32 525 > * {
      padding: 0 0 0 10px;
   }

   .row.32 525 {
      margin: 0 0 -1px -10px;
   }

   .row.uniform.32 525 > * {
      padding: 10px 0 0 10px;
   }

   .row.uniform.32 525 {
      margin: -10px 0 -1px -10px;
   }

   .31 2u, .31 2u24 {
      width: 100%;
      clear: none;
      margin-left: 0;
   }

   .31 1u, .31 1u24 {
      width: 91.6666666667%;
      clear: none;
      margin-left: 0;
   }

   .31 0u, .31 0u24 {
      width: 83.3333333333%;
      clear: none;
      margin-left: 0;
   }

   .39 u, .39 u24 {
      width: 75%;
      clear: none;
      margin-left: 0;
   }

   .38 u, .38 u24 {
      width: 66.6666666667%;
      clear: none;
      margin-left: 0;
   }

   .37 u, .37 u24 {
      width: 58.3333333333%;
      clear: none;
      margin-left: 0;
   }

   .36 u, .36 u24 {
      width: 50%;
      clear: none;
      margin-left: 0;
   }

   .35 u, .35 u24 {
      width: 41.6666666667%;
      clear: none;
      margin-left: 0;
   }

   .34 u, .34 u24 {
      width: 33.3333333333%;
      clear: none;
      margin-left: 0;
   }

   .33 u, .33 u24 {
      width: 25%;
      clear: none;
      margin-left: 0;
   }

   .32 u, .32 u24 {
      width: 16.6666666667%;
      clear: none;
      margin-left: 0;
   }

   .31 u, .31 u24 {
      width: 8.3333333333%;
      clear: none;
      margin-left: 0;
   }

   .31 2u24 + *,
   .31 1u24 + *,
   .31 0u24 + *,
   .39 u24 + *,
   .38 u24 + *,
   .37 u24 + *,
   .36 u24 + *,
   .35 u24 + *,
   .34 u24 + *,
   .33 u24 + *,
   .32 u24 + *,
   .31 u24 + * {
      clear: left;
   }

   .-11u {
      margin-left: 91.66667%;
   }

   .-10u {
      margin-left: 83.33333%;
   }

   .-9u {
      margin-left: 75%;
   }

   .-8u {
      margin-left: 66.66667%;
   }

   .-7u {
      margin-left: 58.33333%;
   }

   .-6u {
      margin-left: 50%;
   }

   .-5u {
      margin-left: 41.66667%;
   }

   .-4u {
      margin-left: 33.33333%;
   }

   .-3u {
      margin-left: 25%;
   }

   .-2u {
      margin-left: 16.66667%;
   }

   .-1u {
      margin-left: 8.33333%;
   }

   

      .row > * {
         padding: 25px 0 0 25px;
      }

      .row {
         margin: -25px 0 -1px -25px;
      }

      .row.uniform > * {
         padding: 25px 0 0 25px;
      }

      .row.uniform {
         margin: -25px 0 -1px -25px;
      }

      .row.32 0025 > * {
         padding: 50px 0 0 50px;
      }

      .row.32 0025 {
         margin: -50px 0 -1px -50px;
      }

      .row.uniform.32 0025 > * {
         padding: 50px 0 0 50px;
      }

      .row.uniform.32 0025 {
         margin: -50px 0 -1px -50px;
      }

      .row.31 5025 > * {
         padding: 37.5px 0 0 37.5px;
      }

      .row.31 5025 {
         margin: -37.5px 0 -1px -37.5px;
      }

      .row.uniform.31 5025 > * {
         padding: 37.5px 0 0 37.5px;
      }

      .row.uniform.31 5025 {
         margin: -37.5px 0 -1px -37.5px;
      }

      .row.35 025 > * {
         padding: 12.5px 0 0 12.5px;
      }

      .row.35 025 {
         margin: -12.5px 0 -1px -12.5px;
      }

      .row.uniform.35 025 > * {
         padding: 12.5px 0 0 12.5px;
      }

      .row.uniform.35 025 {
         margin: -12.5px 0 -1px -12.5px;
      }

      .row.32 525 > * {
         padding: 6.25px 0 0 6.25px;
      }

      .row.32 525 {
         margin: -6.25px 0 -1px -6.25px;
      }

      .row.uniform.32 525 > * {
         padding: 6.25px 0 0 6.25px;
      }

      .row.uniform.32 525 {
         margin: -6.25px 0 -1px -6.25px;
      }

      .31 2u28desktop29, .31 2u2428desktop29 {
         width: 100%;
         clear: none;
         margin-left: 0;
      }

      .31 1u28desktop29, .31 1u2428desktop29 {
         width: 91.6666666667%;
         clear: none;
         margin-left: 0;
      }

      .31 0u28desktop29, .31 0u2428desktop29 {
         width: 83.3333333333%;
         clear: none;
         margin-left: 0;
      }

      .39 u28desktop29, .39 u2428desktop29 {
         width: 75%;
         clear: none;
         margin-left: 0;
      }

      .38 u28desktop29, .38 u2428desktop29 {
         width: 66.6666666667%;
         clear: none;
         margin-left: 0;
      }

      .37 u28desktop29, .37 u2428desktop29 {
         width: 58.3333333333%;
         clear: none;
         margin-left: 0;
      }

      .36 u28desktop29, .36 u2428desktop29 {
         width: 50%;
         clear: none;
         margin-left: 0;
      }

      .35 u28desktop29, .35 u2428desktop29 {
         width: 41.6666666667%;
         clear: none;
         margin-left: 0;
      }

      .34 u28desktop29, .34 u2428desktop29 {
         width: 33.3333333333%;
         clear: none;
         margin-left: 0;
      }

      .33 u28desktop29, .33 u2428desktop29 {
         width: 25%;
         clear: none;
         margin-left: 0;
      }

      .32 u28desktop29, .32 u2428desktop29 {
         width: 16.6666666667%;
         clear: none;
         margin-left: 0;
      }

      .31 u28desktop29, .31 u2428desktop29 {
         width: 8.3333333333%;
         clear: none;
         margin-left: 0;
      }

      .31 2u2428desktop29 + *,
      .31 1u2428desktop29 + *,
      .31 0u2428desktop29 + *,
      .39 u2428desktop29 + *,
      .38 u2428desktop29 + *,
      .37 u2428desktop29 + *,
      .36 u2428desktop29 + *,
      .35 u2428desktop29 + *,
      .34 u2428desktop29 + *,
      .33 u2428desktop29 + *,
      .32 u2428desktop29 + *,
      .31 u2428desktop29 + * {
         clear: left;
      }

      .-11u28desktop29 {
         margin-left: 91.66667%;
      }

      .-10u28desktop29 {
         margin-left: 83.33333%;
      }

      .-9u28desktop29 {
         margin-left: 75%;
      }

      .-8u28desktop29 {
         margin-left: 66.66667%;
      }

      .-7u28desktop29 {
         margin-left: 58.33333%;
      }

      .-6u28desktop29 {
         margin-left: 50%;
      }

      .-5u28desktop29 {
         margin-left: 41.66667%;
      }

      .-4u28desktop29 {
         margin-left: 33.33333%;
      }

      .-3u28desktop29 {
         margin-left: 25%;
      }

      .-2u28desktop29 {
         margin-left: 16.66667%;
      }

      .-1u28desktop29 {
         margin-left: 8.33333%;
      }

   }

   

      .row > * {
         padding: 20px 0 0 20px;
      }

      .row {
         margin: -20px 0 -1px -20px;
      }

      .row.uniform > * {
         padding: 20px 0 0 20px;
      }

      .row.uniform {
         margin: -20px 0 -1px -20px;
      }

      .row.32 0025 > * {
         padding: 40px 0 0 40px;
      }

      .row.32 0025 {
         margin: -40px 0 -1px -40px;
      }

      .row.uniform.32 0025 > * {
         padding: 40px 0 0 40px;
      }

      .row.uniform.32 0025 {
         margin: -40px 0 -1px -40px;
      }

      .row.31 5025 > * {
         padding: 30px 0 0 30px;
      }

      .row.31 5025 {
         margin: -30px 0 -1px -30px;
      }

      .row.uniform.31 5025 > * {
         padding: 30px 0 0 30px;
      }

      .row.uniform.31 5025 {
         margin: -30px 0 -1px -30px;
      }

      .row.35 025 > * {
         padding: 10px 0 0 10px;
      }

      .row.35 025 {
         margin: -10px 0 -1px -10px;
      }

      .row.uniform.35 025 > * {
         padding: 10px 0 0 10px;
      }

      .row.uniform.35 025 {
         margin: -10px 0 -1px -10px;
      }

      .row.32 525 > * {
         padding: 5px 0 0 5px;
      }

      .row.32 525 {
         margin: -5px 0 -1px -5px;
      }

      .row.uniform.32 525 > * {
         padding: 5px 0 0 5px;
      }

      .row.uniform.32 525 {
         margin: -5px 0 -1px -5px;
      }

      




      .row > * {
         padding: 20px 0 0 20px;
      }

      .row {
         margin: -20px 0 -1px -20px;
      }

      .row.uniform > * {
         padding: 20px 0 0 20px;
      }

      .row.uniform {
         margin: -20px 0 -1px -20px;
      }

      .row.32 0025 > * {
         padding: 40px 0 0 40px;
      }

      .row.32 0025 {
         margin: -40px 0 -1px -40px;
      }

      .row.uniform.32 0025 > * {
         padding: 40px 0 0 40px;
      }

      .row.uniform.32 0025 {
         margin: -40px 0 -1px -40px;
      }

      .row.31 5025 > * {
         padding: 30px 0 0 30px;
      }

      .row.31 5025 {
         margin: -30px 0 -1px -30px;
      }

      .row.uniform.31 5025 > * {
         padding: 30px 0 0 30px;
      }

      .row.uniform.31 5025 {
         margin: -30px 0 -1px -30px;
      }

      .row.35 025 > * {
         padding: 10px 0 0 10px;
      }

      .row.35 025 {
         margin: -10px 0 -1px -10px;
      }

      .row.uniform.35 025 > * {
         padding: 10px 0 0 10px;
      }

      .row.uniform.35 025 {
         margin: -10px 0 -1px -10px;
      }

      .row.32 525 > * {
         padding: 5px 0 0 5px;
      }

      .row.32 525 {
         margin: -5px 0 -1px -5px;
      }

      .row.uniform.32 525 > * {
         padding: 5px 0 0 5px;
      }

      .row.uniform.32 525 {
         margin: -5px 0 -1px -5px;
      }

   

/* Basic */

   body {
      
      color:#f5f6f7 ;
      font-size: 12,5pt;
      
      line-height: 1.25em;
      font-weight: 300;
   }

   

   ul, ol, p, dl {
      margin: 0 0 2em 0;
   }

   

   section > :last-child,
   .last-child {
      margin-bottom: 0 !important;
   }
   

/* Multi-use */

   .link-list li {
      padding: 0.2em 0 0.2em 0;
   }

      .link-list li:first-child {
         padding-top: 0 !important;
         border-top: 0 !important;
      }

      .link-list li:last-child {
         padding-bottom: 0 !important;
         border-bottom: 0 !important;
      }

   .quote-list li {
      padding: 1em 0 1em 0;
      overflow: hidden;
   }

      .quote-list li:first-child {
         padding-top: 0 !important;
         border-top: 0 !important;
      }

      .quote-list li:last-child {
         padding-bottom: 0 !important;
         border-bottom: 0 !important;
      }

      .quote-list li img {
         float: left;
      }

      .quote-list li p {
         margin: 0 0 0 90px;
         font-size: 1.2em;
         font-style: italic;
      }

      .quote-list li span {
         display: block;
         margin-left: 90px;
         font-size: 0.9em;
         font-weight: 400;
      }

   .check-list li {
      padding: 0.7em 0 0.7em 45px;
      font-size: 1.2em;
      
 
   }

      .check-list li:first-child {
         padding-top: 0 !important;
         border-top: 0 !important;
         background-position: 0 0.3em;
      }

      .check-list li:last-child {
         padding-bottom: 0 !important;
         border-bottom: 0 !important;
      }

   

   .button-big {
      background-image: -moz-linear-gradient(top, #088A29, #0B610B);
      background-image: -webkit-linear-gradient(top, #088A29, #0B610B);
      background-image: -ms-linear-gradient(top, #088A29, #0B610B);
      background-image: linear-gradient(top, #088A29, #0B610B);
      display: inline-block;
      background-color: #088A29;
      color: #fff;
      text-decoration: none;
      font-size: 1.35em;
      font-weight: 300;
      padding: 10px 35px 10px 35px;
                margin-bottom:5px;
                width : 300px; 
      outline: 0;
      border-radius: 10px;
      box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
      text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
   }

      .button-big:hover {
         background-image: -moz-linear-gradient(top, #fd492b, #de2a10);
         background-image: -webkit-linear-gradient(top, #fd492b, #de2a10);
         background-image: -ms-linear-gradient(top, #fd492b, #de2a10);
         background-image: linear-gradient(top, #fd492b, #de2a10);
         background-color: #fd492b;
         box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
      }

      .button-big:active {
         background-image: -moz-linear-gradient(top, #ce1a00, #ed391b);
         background-image: -webkit-linear-gradient(top, #ce1a00, #ed391b);
         background-image: -ms-linear-gradient(top, #ce1a00, #ed391b);
         background-image: linear-gradient(top, #ce1a00, #ed391b);
         background-color: #ce1a00;
         box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
      }
/* Content */

   #content .quote-list li {
      border-bottom: solid 1px #e2e6e8;
   }

   #content .link-list li {
      border-bottom: solid 1px #e2e6e8;
   }

   #content .check-list li {
      border-bottom: solid 1px #e2e6e8;
   }

/* Footer */

   #footer .quote-list li {
      border-top: solid 1px #e0e4e6;
      border-bottom: solid 1px #b5bec3;
   }

   #footer .link-list li {
      border-top: solid 1px #e0e4e6;
      border-bottom: solid 1px #b5bec3;
   }

   #footer .check-list li {
      border-top: solid 1px #e0e4e6;
      border-bottom: solid 1px #b5bec3;
   }



/* Footer */

   #footer .quote-list li {
      border-top: solid 1px #e0e4e6;
      border-bottom: solid 1px #b5bec3;
   }

   #footer .link-list li {
      border-top: solid 1px #e0e4e6;
      border-bottom: solid 1px #b5bec3;
   }

   #footer .check-list li {
      border-top: solid 1px #e0e4e6;
      border-bottom: solid 1px #b5bec3;
   }

/* Desktop */

   /* Basic */

         body {
            min-width: 1200px;
         }

         section:last-child {
            margin-bottom: 0 !important;
         }
      

      /* Wrappers */

         #header-wrapper {
            
            border-bottom: solid 1px #272d30;
            box-shadow: inset 0px -1px 0px 0px #51575a;
            text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
         }

         .subpage #header-wrapper {
            height: 155px;
         }

         #features-wrapper {
            
            border-bottom: solid 1px #272e31;
            padding: 45px 0 45px 0;
            text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
         }

         #content-wrapper {
            
            border-top: solid 1px #fff;
            padding: 45px 0 45px 0;
         }
         #footer-wrapper {
            padding: 45px 0 45px 0;
            text-shadow: 1px 1px 1px white;
         }

/* Header */

         #header {
            min-height: 205px;
            position: relative;
         }

   #header h1 {
               position: absolute;
               left: 0;
               bottom: 35px;
               font-size: 2.75em;
            }         
               #header h1 a {
                  color: #fff;
                  text-decoration: none;
               }

            #header nav {
               position: absolute;
               right: 0;
               bottom: 25px;
               font-weight: 150;
            }

               #header nav a {
                  color: #2EFE2E;
                  text-decoration: none;
                  font-size: 1.2em;
                  margin-left: 60px;
                  outline: 0;
               }

                  #header nav a:hover {
                     color: #FFFCFC;
                                                background-color:#22952F;
                  }

 body {
  margin: 0;
  padding: 0;
  background: #ccc;
}

.nav ul {
  list-style: none;
  background-color: #444;
  text-align: center;
  padding: 0;
  margin: 0;
}

.nav li {
  font-family: \'Oswald\', sans-serif;
  font-size: 1.2em;
  line-height: 40px;
  text-align: left;
}

.nav a {
  text-decoration: none;
  color: #fff;
  display: block;
  padding-left: 15px;
  border-bottom: 1px solid #888;
  transition: .3s background-color;
}

.nav a:hover {
  background-color: #0F8B17;
}

.nav a.active {
  background-color: #0F8B17;
  color: #444;
  cursor: default;
}

/* Sub Menus */
.nav li li {
  font-size: .8em;
}

/*******************************************
  Style menu for larger screens

  Using 650px (130px each * 5 items), but ems
  or other values could be used depending on other factors
********************************************/


  .nav li {
    width: 130px;
    border-bottom: none;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    display: inline-block;
    margin-right: -4px;
  }

  .nav a {
    border-bottom: none;
  }

  .nav > ul > li {
    text-align: center;
  }

  .nav > ul > li > a {
    padding-left: 0;
  }

  /* Sub Menus */
  .nav li ul {
    position: absolute;
    display: none;
    width: inherit;
  }

  .nav li:hover ul {
    display: block;
  }

  .nav li ul li {
    display: block;
  }
}        
   
   
   
   
      
      

      /* Footer */

         #footer {
            color: #546b76;
            text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
         }

            #footer h2 {
               font-size: 1.25em;
               color: #212f35;
               margin: 0 0 1em 0;
            }

            #footer a {
               color: #546b76;
            }

      /* Copyright */

         #copyright {
            border-top: solid 1px #b5bec3;
            box-shadow: inset 0px 1px 0px 0px #e0e4e7;
            text-align: center;
            padding: 45px 0 80px 0;
            color: #8d9ca3;
            text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
         }

            #copyright a {
               color: #8d9ca3;
            }

   }





      /* Multi-use */

      .link-list li {
      padding: 0.2em 0 0.2em 0;
   }

      .link-list li:first-child {
         padding-top: 0 !important;
         border-top: 0 !important;
      }

      .link-list li:last-child {
         padding-bottom: 0 !important;
         border-bottom: 0 !important;
      }

   .quote-list li {
      padding: 1em 0 1em 0;
      overflow: hidden;
   }

      .quote-list li:first-child {
         padding-top: 0 !important;
         border-top: 0 !important;
      }

      .quote-list li:last-child {
         padding-bottom: 0 !important;
         border-bottom: 0 !important;
      }

      .quote-list li img {
         float: left;
      }

      .quote-list li p {
         margin: 0 0 0 90px;
         font-size: 1.2em;
         font-style: italic;
      }

      .quote-list li span {
         display: block;
         margin-left: 90px;
         font-size: 0.9em;
         font-weight: 400;
      }

   .check-list li {
      padding: 0.7em 0 0.7em 45px;
      font-size: 1.2em;
      
   }

      .check-list li:first-child {
         padding-top: 0 !important;
         border-top: 0 !important;
         background-position: 0 0.3em;
      }

      .check-list li:last-child {
         padding-bottom: 0 !important;
         border-bottom: 0 !important;
      }

   .feature-image {
      display: block;
      margin: 0 0 2em 0;
      outline: 0;
   }

      .feature-image img {
         display: block;
         width: 100%;
      }

   .bordered-feature-image {
      display: block;
      
      padding: 10px;
      box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
      margin: 0 0 1.5em 0;
      outline: 0;
   }

      .bordered-feature-image img {
         display: block;
         width: 100%;
      }
   

/* Banner */

         #banner {
            border-top: solid 1px #222628;
            box-shadow: inset 0px 1px 0px 0px #3e484a;
            padding: 35px 0 35px 0;
            color: #fff;
         }

            #banner .bordered-feature-image {
               margin-bottom: 0;
            }

            #banner p {
               font-size: 2em;
               font-weight: 200;
               line-height: 1.25em;
               padding-right: 1em;
               margin: 0 0 1em 0;
            }

/* Features */

         #features {
            color: #a0a8ab;
         }

            #features h2 {
               font-size: 1.25em;
               color: #fff;
               margin: 0 0 0.25em 0;
            }

            #features a {
               color: #e0e8eb;
            }

            #features strong {
               color: #fff;
            }
      /* Content */

         #content section {
            background: #fff;
            box-shadow: inset 0px 0px 0px 1px rgba(128, 128, 128, 0.2);
            padding: 30px 15px 30px 15px;
            margin: 0 0 5px 0;
         }

         #content h2 {
            font-size: 1.25em;
            color: #373f42;
            margin: 0 0 0.1em 0;
         }

         #content h3 {
            color: #96a9b5;
            font-size: 1em;
         }

         #content a {
            color: #ED391B;
         }

         #content header {
            margin: 0 0 1.25em 0;
         }

      /* Footer */

         #footer {
            color: #546b76;
            text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
         }

            #footer section {
               margin: 0 0 40px 0;
            }

            #footer h2 {
               font-size: 1.25em;
               color: #212f35;
               margin: 0 0 0.75em 0;
            }

            #footer a {
               color: #546b76;
            }

            #footer .link-list {
               margin: 0 0 30px 0 !important;
            }

      /* Copyright */

         #copyright {
            border-top: solid 1px #b5bec3;
            box-shadow: inset 0px 1px 0px 0px #e0e4e7;
            text-align: center;
            padding: 20px 30px 20px 30px;
            color: #8d9ca3;
            text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
         }

            #copyright a {
               color: #8d9ca3;
            }

      
 
 
  #fa_toolbar {
    background-color: transparent !important;  /* Rend transparent le fond principal */
}
#fa_right {
    background-color: #44B81E;  /* Couleur de fond */
    border-radius: 0 0 80px 80px;  /* Arrondis les bords */
    padding-left: 40px;  /* Règle la marge intérieure gauche */
    padding-right: 40px;  /* Règle la marge intérieure droite */
    position: relative;  /* Permet de décaler la toolbar */
    right: 40px;  /* Décale la toolbar de la droite */
    height: 40px;
   
  }
 
#fa_left {
    background-color: #31B404;  /* Couleur de fond */
    border-radius: 0 0 0 40px;  /* Arrondis les bords */
    position: relative;  /* Permet de décaler la toolbar */
    left: 20px;  /* Décale la toolbar de la gauche */
    margin-top: -1px;  /* Petite correction d\'1px - Peut dépendre de votre forum (peut être retirée) */
    padding-left: 10px;  /* Règle la marge intérieure gauche */
    padding-right: 10px;  /* Règle la marge intérieure droite */
}
 
#fa_search {
    background-color: #000000;  /* Couleur de fond */
    margin-top: -1px;  /* Petite correction d\'1px - Peut dépendre de votre forum (peut être retirée) */
    padding-left: 10px;  /* Règle la marge intérieure gauche */
    padding-right: 10px;  /* Règle la marge intérieure droite */
}
 
#fa_share {
    background-color: #000000;  /* Couleur de fond */
    border-radius: 0 0 40px;  /* Arrondis les bords */
    position: relative;  /* Permet de décaler la toolbar */
    left: -20px;  /* Décale la toolbar de la gauche */
    margin-top: -1px;  /* Petite correction d\'1px - Peut dépendre de votre forum (peut être retirée) */
    padding-left: 10px;  /* Règle la marge intérieure gauche */
    padding-right: 10px;  /* Règle la marge intérieure droite */
}

span#fa_share {display:none!important;}
div#fa_search {display:none!important;}
déco des bords du forum

.forumline{
    border-bottom: 3px #04B404 solid;
    border-top:    3px #04B404 solid;
    border-right:  2px #04B404 solid;
    border-left:  2px  #04B404 solid;
    border-radius: 5px;
}


/*()Bouton avertissement rapide */
 
.mod_mess, .adm_mess {
margin: 5px auto;
width: 90%;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
 
.mod_mess a.postlink, .adm_mess a.postlink {
color: #01DF01 !important;
text-decoration: underline !important;
}
 
/* administrateur bb-Code - bloc de message d\'enregistrement */
 
.adm_mess {
background: #64FE2E;
background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #01DF01), color-stop(100%, #f5b57a));
background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
 
/* Administrateur bb-Code - mise en page */
.adm_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #B60505; 
}
   
/* Administrateur BB-Code - présentation du texte */
.adm_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome-10.png) no-repeat left center;
}
 
/* Messages BB-Code - bloc de message d\'enregistrement */
 
.mod_mess {
background: #5c93f5;
background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
 
/* Messages BB-Code - Un titre */
.mod_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #0D4DD3;   
}
   
/* modernité BB-Code - présentation du texte */
.mod_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome610.png) no-repeat left center; 
}










.onglet,
.onglet_0 {display:inline-block;
          PROPRIETE: VALEUR; }

 .contenu_onglet{display:none;
          height : Xpx; /* HAUTEUR */
          width : Xpx; /*LARGEUR*/
          overflow : auto;
          PROPRIETE: VALEUR;
}
.forumline {
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;}




#fa_thanks_message img { vertical-align:middle }
#fa_thanks_message {
  color:#280;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  background-color:#DFD;
  border:1px solid #BDB;
  border-radius:6px;
  padding:6px;
  margin:6px;
}
 
# Chatbox_header. chatBottom. chattitle {
    color: #080908;
}

#chatbox_header.chatbox-options.genmed,
#chatbox_header.chatbox-options
#chatbox_header.chatbox-options a {
    color: white;
}

# chatbox_members li ul,
# chatbox_members li ul {
    color: #31B404;
 }

. Chatbox_row_1,
chatbox_row_2.
chatbox_row_3.
chatbox_row_1 a.
chatbox_row_2 a.
chatbox_row_3 un. {
    color: #31B404;
}
body.chatbox {
    background-color: #787c77;
}   


       

/*()Bouton avertissement rapide */
       
        .mod_mess, .adm_mess {
        margin: 5px auto;
        width: 90%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        }
       
        .mod_mess a.postlink, .adm_mess a.postlink {
        color: #FFF !important;
        text-decoration: underline !important;
        }
       
        /* administrateur bb-Code - bloc de message d\'enregistrement */
       
        .adm_mess {
        background: #e54858;
        background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e54858), color-stop(100%, #f5b57a));
        background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
        -webkit-box-shadow: 4px 4px 0px 0px #352727;
        -moz-box-shadow: 4px 4px 0px 0px #352727;
        box-shadow: 4px 4px 0px 0px #352727;
        }
       
        /* Administrateur bb-Code - mise en page */
        .adm_mess .titl {
        font-size: 15px;
        font-weight: bold;
        padding: 5px;
        border-bottom: 1px dashed #B60505; 
        }
           
        /* Administrateur BB-Code - présentation du texte */
        .adm_mess .titl + div {
        display: block;
        margin-left: 10px;
        padding: 25px 5px 25px 80px;
        background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome-10.png) no-repeat left center;
        }
       
        /* Messages BB-Code - bloc de message d\'enregistrement */
       
        .mod_mess {
        background: #5c93f5;
        background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
        background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
        -webkit-box-shadow: 4px 4px 0px 0px #352727;
        -moz-box-shadow: 4px 4px 0px 0px #352727;
        box-shadow: 4px 4px 0px 0px #352727;
        }
       
        /* Messages BB-Code - Un titre */
        .mod_mess .titl {
        font-size: 15px;
        font-weight: bold;
        padding: 5px;
        border-bottom: 1px dashed #0D4DD3;   
        }
           
        /* modernité BB-Code - présentation du texte */
        .mod_mess .titl + div {
        display: block;
        margin-left: 10px;
        padding: 25px 5px 25px 80px;
        background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome610.png) no-repeat left center; 
        }

        .mini_ava {
          float: left;
        }
        .mini_ava img {
          width: 40px;
          height: 40px;
          margin: 0 5px;
          border-radius: 10px;
          transition: all 2s;
          -moz-transition: all 2s;
          -webkit-transition: all 2s;
          -o-transition: all 2s;
        }
        .mini_ava img:hover
        {
          width: 80px;
          height: 80px;
        }

                    table {border-radius:8px;-webkit-border-radius:8px;}


clost

clost
***

Masculin
Messages : 149
Inscrit(e) le : 20/02/2013

https://www.dyane-collection-passion.net/
clost a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum