La date/heure actuelle est Jeu 28 Mar 2024 - 21:57

1 résultat trouvé pour fa

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

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


par clost
le Dim 27 Déc 2015 - 9:58
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: barre outils Icones "messages" trop sérrées
Réponses: 2
Vues: 924

Revenir en haut

Sauter vers: