.monpostit.article { background:transparent; float:left; } .monpostit { padding:0; font-family:arial,sans-serif; font-size:100%; margin:0em; background:#fbfbfd; color:#fff; } .monpostit h2,.monpostit p{ font-size:100%; font-weight:normal; } .monpostit ul,.monpostit li{ list-style:none; } .monpostit ul{ overflow:hidden; padding:3em; } .monpostit ul li div{ text-decoration:none; color:#000; background:#ffc; display:block; height:12em; width:12em; padding:1em; -moz-box-shadow:5px 5px 7px rgba(33,33,33,1); -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7); box-shadow: 5px 5px 7px rgba(33,33,33,.7); -moz-transition:-moz-transform .15s linear; -o-transition:-o-transform .15s linear; -webkit-transition:-webkit-transform .15s linear; } .monpostit ul li:nth-child(even) div{ -o-transform:rotate(4deg); -webkit-transform:rotate(4deg); -moz-transform:rotate(4deg); position:relative; top:5px; background:#cfc; } .monpostit ul li:nth-child(3n) div{ -o-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); position:relative; top:-5px; background:#ccf; } .monpostit ul li:nth-child(5n) div{ -o-transform:rotate(5deg); -webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); position:relative; top:-10px; } .monpostit ul li h2{ margin:0; font-weight:bold; font-size: 120%; background-image: url([(#CHEMIN_IMAGE{damier_clair-16.png}|url_absolue|protocole_implicite)]); background-repeat: repeat; } .monpostit ul li p{ margin:0; padding:0; } .monpostit ul li a{ margin:0; padding:0; } .monpostit ul li{ margin:1em; float:left; } .monpostit ul li div:hover,ul li div:focus{ -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7); -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7); box-shadow:10px 10px 7px rgba(0,0,0,.7); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); position:relative; z-index:5; } /* icone en bord haut du pensebete */ .pensebete-icone {position: relative; top: -5em; right: 0.1em; float:right} .itineraire{ font-size: 80%; font-style: italic; } /* des styles pour l'appel des pense-betes dans les articles */ #wysiwyg p.titre { margin: 0; } .monpostit .article .titre { font-weight:bold; font-size: 120%; background-image: url([(#CHEMIN_IMAGE{damier_clair-16.png}|url_absolue|protocole_implicite)]); background-repeat: repeat; } .monpostit .article .titre .pensebete-icone {top: -1.5em;}