@charset "UTF-8";
/* CSS Document */
/************* STYLES *************/
h1 { margin-top:0px; font-family: Verdana, Geneva, sans-serif; color:#590f21; font-size:18px; font-weight:bold;}
/************* SLIDESHOW BOX *************/
#angebote{
float:left;
width:2680px;
margin-top:30px;
margin-bottom:30px;
}
.slideshow{
float:left;
width:660px;
}
.show_ueberschrift{
width:660px;
padding-left:40px;
}
.show_bilder{
float:left;
width:660px;
}
.skip{
float:left;
width:20px;
padding-top:160px;
}
/************* Slideshow GROSS *************/
[id="1"] {
overflow:hidden;
position:absolute;
width:660px;
height:270px;
}
[id="1"]:target *+span {
-webkit-transform:translate3d(0,0,0);
-moz-transform:translateX(0);
}
[id="2"]:target *+span {
-webkit-transform:translate3d(-660px,0,0);
-moz-transform:translateX(-25%);
}
[id="3"]:target *+span {
-webkit-transform:translate3d(-1320px,0,0);
-moz-transform:translateX(-50%);
}
[id="4"]:target *+span {
-webkit-transform:translate3d(-1980px,0,0);
-moz-transform:translateX(-75%);
}
[pfeil] {
top:200px;
width:20px;
height:30px;
visibility: visible;
}
[pfeil]:active {
-webkit-transform:translateY(1px);
-moz-transform:translateY(1px);
}
[pfeil="l"] {
float:left;
width:20px;
background-repeat:no-repeat;
}
[pfeil="r"] {
float:left;
width:20px;
background-repeat:no-repeat;
}
[id="1"]:target [pfeil="r"][href$="2"],
[id="2"]:target [pfeil="l"][href$="1"],
[id="2"]:target [pfeil="r"][href$="3"],
[id="3"]:target [pfeil="l"][href$="2"],
[id="3"]:target [pfeil="r"][href$="4"],
[id="4"]:target [pfeil="l"][href$="3"]
{
visibility:visible;
}
*+span {
display:block;
width:2640px;
-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.2,1);
-moz-transition:-moz-transform 1s cubic-bezier(0,0,.2,1);
}
img {
float:left;
}
/************* SLIDESHOW GROSS *************/
[id="1"] {
overflow:hidden;
position:absolute;
width:660px;
height:270px;
}
[id="1"]:target *+span {
-webkit-transform:translate3d(0,0,0);
-moz-transform:translateX(0);
}
[id="2"]:target *+span {
-webkit-transform:translate3d(-660px,0,0);
-moz-transform:translateX(-25%);
}
[id="3"]:target *+span {
-webkit-transform:translate3d(-1320px,0,0);
-moz-transform:translateX(-50%);
}
[id="4"]:target *+span {
-webkit-transform:translate3d(-1980px,0,0);
-moz-transform:translateX(-75%);
}
[pfeil] {
top:200px;
width:20px;
height:30px;
visibility: visible;
}
[pfeil]:active {
-webkit-transform:translateY(1px);
-moz-transform:translateY(1px);
}
[pfeil="l"] {
float:left;
width:20px;
background-repeat:no-repeat;
}
[pfeil="r"] {
float:left;
width:20px;
background-repeat:no-repeat;
}
[id="1"]:target [pfeil="r"][href$="2"],
[id="2"]:target [pfeil="l"][href$="1"],
[id="2"]:target [pfeil="r"][href$="3"],
[id="3"]:target [pfeil="l"][href$="2"],
[id="3"]:target [pfeil="r"][href$="4"],
[id="4"]:target [pfeil="l"][href$="3"]
{
visibility:visible;
}
*+span {
display:block;
width:2640px;
-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.2,1);
-moz-transition:-moz-transform 1s cubic-bezier(0,0,.2,1);
}
img {
float:left;
} | 
19.06.2013 - 22:04 - 0 Replies
28.03.2013 -