cirandas.net

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

body {
  background-color:#000;
  color:white;
  padding-top:20px;
  text-align: center;
  font-family: Verdana, sans-serif;
}

/* These hieghts and widths should be edited to your images */
ul#slideshow {
	padding-left: 0;
	margin: 0 auto;
}

a, a:link, a:visited {
  color: #FFF;
  text-decoration: bold;
}

.back-button {
  position: absolute;
  right: 10px;
  margin: 0px;
  top: 3px
}

.pika_main {
	width: 680px;
  height: 510px;
	padding-right: 20px;
	margin: 0 auto;
  overflow: hidden;
}

#slideshow li {
	margin: 5px;
	float: left;
	border: 2px solid #222;
}

/* thats all you NEED to edit. But continue if you'd like. */
ul#slideshow li img{position:relative;cursor:pointer;}
.pika_main img{border:5px solid #222;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:30px;text-align:center;}
.pika_navigation a{font-size: 12px;color:white;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* SliderJS */
.sliderjs{margin:0 auto;}