Slideshow 001# - CSS

<style type="text/css">
.slide {
width: 500px; /* a slideshow szélessége */
margin: 0 auto;
position: relative;
z-index: 2!important;
padding: 10px 0 0 0;
-webkit-animation-name: fade-in;
-webkit-animation-duration: 1.5s;
}

.slide img {
width: 500px; /* a képek szélessége */
vertical-align: middle;
background: #ffffff; /* a slideshow háttérszíne - a képek mögötti háttér színe */
}

.slide span {
height: 315px; /* slideshow magassága */
overflow-y: hidden;
}

.slidesjs-pagination {
background: #f2f2f2; /* képek alatti sáv háttérszíne */
padding: 15px;
margin: 0;
list-style: none;
}

.slidesjs-pagination li {
margin: 0 8px 0 0;
padding: 0;
display: inline-block;
}

.slidesjs-pagination li a {
display: block;
width: 8px;
height: 0;
padding-top: 8px;
background: #cfcfcf; /* léptető körök színe */
overflow: hidden;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}

.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover {
background: #000000; /* léptető körök színe ha rávisszük az egeret */
}

.slidesjs-pagination li:before {
display: none;
}</style>