Sections PSA.ACC

Crée en 1975, PSA ACC a pour but l'organisation et la pratique d'activités et de loisirs sportifs mais, aussi, de détente. L'association vous offre, à vous et à vos proches, la possibilité de pratiquer l'activité de votre choix.
 
AccueilAccueil  S'enregistrerS'enregistrer  Connexion  
Pour mettre votre annonce ici, voir Pascal
compteur internet
Vos liens utiles
message privé
Votre boite aux lettres




PSA Meteo
Préparez vos sorties

Agrandir le plan
Preparez vos challenges

Agrandir le plan
calculez votre IMC

(Widget offert par www.calculersonimc.fr)


Partagez | 
 

 code

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Admin
Admin
avatar

Messages : 116
Points : 412
Réputation : 11
Date d'inscription : 20/06/2009
Age : 54
Localisation : boutancourt

MessageSujet: code   Mar 20 Oct - 4:14:35

.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 { 
  color: black;
    font-size: 16px;    
  font-weight: normal;
  margin: 0; 
  z-index: 100; 
  position: absolute; 
  top: 0; 
  left: 0; 
  -webkit-transform: translateX(-100%) rotate(-90deg); 
  -webkit-transform-origin: right top; 
  -moz-transform: translateX(-100%) rotate(-90deg);
  -moz-transform-origin: right top; 
  -o-transform: translateX(-100%) rotate(-90deg); 
  -o-transform-origin: right top; 
  transform: translateX(-100%) rotate(-90deg); 
  transform-origin: right top;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
}
.accordion .slide > h2 span { 
    display: block; 
    padding-right: 8%; 
    text-align: right; 
    height: 90%;
    margin-top: 5px; 
-moz-user-select: none; -khtml-user-select: none;
   user-select: none;
.accordion .slide > h2 b { 
 display: inline-block; 
position: absolute; 
top: 13%; 
  left: 10%; 
text-align: center; 
-webkit-transform: rotate(90deg); 
moz-transform: rotate(90deg); 
 -o-transform: rotate(90deg); 
 transform: rotate(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
.accordion .slide > h2:hover { cursor: pointer }
.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
.accordion noscript p { padding: 10px; margin: 0; background: white }
.accordion { 
border: 9px solid #353535; 
 border-bottom-width: 8px; 
padding: 5px 5px 6px 0; 
background: #030303; 
-webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); 
-moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); 
-ms-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4)
.accordion .slide > h2 { background: #030303; text-shadow: 0 -1px 0 #030303; line-height: 265% }
.accordion .slide > h2 span { background: #353535; color: white }
.accordion .slide > h2 b { background: #353535; color: #030303; text-shadow: -1px 1px 0 #5b5b5b }
.accordion .slide > h2.selected span, .accordion .slide > h2.selected span:hover { 
 background: #353535;
 background: -moz-linear-gradient(left,  #353535 0%, #555555 100%);
 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#353535), color-stop(100%,#555555));
  background: -webkit-linear-gradient(left,  #353535 0%,#555555 100%);
  background: -o-linear-gradient(left,  #353535 0%,#555555 100%);
background: -ms-linear-gradient(left,  #353535 0%,#555555 100%);background: linear-gradient(left,  #353535 0%,#555555 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=1 );
.accordion .slide > h2.selected b { 
background: #383838;
background: -moz-linear-gradient(top,  #3a3a3a 0%, #363636 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#363636));
background: -webkit-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
background: -o-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
background: -ms-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
background: linear-gradient(top,  #3a3a3a 0%,#363636 100%);
.accordion .slide > div { background: #030303; margin-left: 5px }
.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
ie.accordion .slide > h2 b { top: 44% }
.ie9.accordion .slide > h2.selected span, .ie9.accordion .slide > h2.selected span:hover { filter: none }
accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }
/* centrer l'accordéon */
accordion { margin: auto; }
#accordeon-pa figure {
margin: 0;
 width: 100%;
 height: 100%;
Revenir en haut Aller en bas
http://psaacc.forumactif.com
 
code
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Code Couleur] Votre véhicule et son code couleur
» Carte Code
» Code couleur peinture
» Comment trouver mon code couleur cuir intérieur
» Aide code couleur carrosserie megane 2

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sections PSA.ACC :: Espace membres :: CULTURISME-
Sauter vers: