-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathskitter.styles.css
More file actions
39 lines (32 loc) · 2.71 KB
/
skitter.styles.css
File metadata and controls
39 lines (32 loc) · 2.71 KB
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
/* =Skitter styles
----------------------------------------------- */
.box_skitter {position:relative;width:900px;height: 460px;background:#000;}
.box_skitter img { max-width:900px; } /* Tip for stildv */
.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden;position:relative; width:900px !important;}
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none;}
/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}
/* =Navigation
-------------------------------------------------------------- */
.box_skitter .prev_button {position:absolute;top:220px;left:2%;z-index:100;width:60px;height:60px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/prev.png) no-repeat left top;}
.box_skitter .next_button {position:absolute;top:212px;right:0%;z-index:100;width:60px;height:60px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/next.png) no-repeat left top;}
.box_skitter .prev_button {top: 40%;}
.box_skitter .next_button {top: 40%;}
/* =Numbers
-------------------------------------------------------------- */
.box_skitter .info_slide {position:absolute;top:15px;left:15px;z-index:100;background:#000;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:0.75;}
.box_skitter .info_slide .image_number {background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.box_skitter .info_slide .image_number_select {background:#cc0000;float:left;padding:2px 10px;margin:0 5px 0 0;}
.box_skitter .info_slide {display: none !important;}
#overlay_skitter { position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000; }
.box_skitter .focus_button {position:absolute;top:50%;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/focus-button.png) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button {position:absolute;top:50%;z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/pause-button.png) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button.play_button {background:url(../images/play-button.png) no-repeat left top;}
/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_large {width:900px; !important; height:460px !important;}
.box_skitter_small {width:900px;height:460px;}