section#js {
width: 400px;
margin: 0 auto;
font-family: helvetica;
float: left;
padding: 10px;
overflow: hidden;
}
section#js p {
font-size: 14px;
}
section#js p span {
display: block;
background-color: #000;
color: #fff;
font-size: 12px;
padding: 10px
}
#homeAccordion, #homeAccordion2, #homeAccordion3 {
width: 100%;
background-color: #fff;
border: 1px solid #666;
border-bottom: none;
overflow: hidden
}
h2 {
padding: 5px;
margin: 0;
cursor: pointer;
overflow: hidden;
position: relative;
z-index: 99999;
color: #fff;
text-shadow: 1px 4px 6px #000, 0 0 0 #000, 1px 4px 6px #000;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a6a6a6), color-stop(.51, #949294));
background-image: -o-linear-gradient(bottom, #a6a6a6 0%, #949294 51%);
background-image: -moz-linear-gradient(bottom, #a6a6a6 0%, #949294 51%);
background-image: -webkit-linear-gradient(bottom, #a6a6a6 0%, #949294 51%);
background-image: -ms-linear-gradient(bottom, #a6a6a6 0%, #949294 51%);
background-image: linear-gradient(to bottom, #a6a6a6 0%, #949294 51%);
}
h2 span {
float: right
}
.animSpanPlus {
transform: rotate(30deg)
-webkit-transform: rotate(30deg)
}
.content {
background-color: #fff;
color: #000;
border-bottom: 1px solid #666;
padding: 5px;
display: none;
height: auto
}
.loader {
background: url("../img/loader.gif") no-repeat center center
}
@keyframes slideDown {
0% {
opacity:0;
transform:translateY(150px)
}
100% {
opacity:1;
transform:translateY(0)
}
}
@keyframes slideUp {
0% {
opacity:0;
transform:translateY(-150px)
}
100% {
opacity:1;
transform:translateY(0)
}
}
@keyframes rotate {
0% {
opacity:0;
transform:rotate(0)
}
100% {
opacity:1;
transform:rotate(360deg)
}
}
@-webkit-keyframes slideDown {
0% {
opacity:0;
-webkit-transform:translateY(150px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@-webkit-keyframes slideUp {
0% {
opacity:0;
-webkit-transform:translateY(-150px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@-webkit-keyframes rotate {
0% {
opacity:0;
-webkit-transform:rotate(0)
}
100% {
opacity:1;
-webkit-transform:rotate(360deg)
}
}
@-moz-keyframes slideDown {
0% {
opacity:0;
-moz-transform:translateY(150px)
}
100% {
opacity:1;
-moz-transform:translateY(0)
}
}
@-moz-keyframes slideUp {
0% {
opacity:0;
-moz-transform:translateY(-150px)
}
100% {
opacity:1;
-moz-transform:translateY(0)
}
}
@-moz-keyframes rotate {
0% {
opacity:0;
-moz-transform:rotate(0)
}
100% {
opacity:1;
-moz-transform:rotate(360deg)
}
}