If you’re planning on using the same styling for every slideshow on your website, you could copy the CSS from one of the default stylesheets and place it in the header of your website.
For the ‘Light’ stylesheet, place this in your website’s <head></head>
area:
<style type="text/css">
.slideshow_container { }
.slideshow_container a { text-decoration: none; }
.slideshow_container .slideshow_slide { margin-right: 2px; }
.slideshow_container .slideshow_slide_text h2 { text-align: center; font-size: 1.3em; }
.slideshow_container .slideshow_slide_text p { text-align: center; }
.slideshow_container .slideshow_slide_image { }
.slideshow_container .slideshow_slide_vieo { }
.slideshow_container .slideshow_description { background: #000; width: 100%; }
.slideshow_container .slideshow_description h2 { color: #fff; font-size: 1.3em; text-align: center; }
.slideshow_container .slideshow_description p { color: #fff; text-align: center; }
.slideshow_container .slideshow_transparent { filter: alpha(opacity = 50); opacity: 0.5; }
.slideshow_container .slideshow_transparent:hover { filter: alpha(opacity = 80); opacity: 0.8; }
.slideshow_container .slideshow_controlPanel {
width: 21px;
height: 21px;
margin-left: -11px;
background: #000;
border-radius: 2px;
-moz-border-radius: 10px;
}
.slideshow_container .slideshow_controlPanel ul { }
.slideshow_container .slideshow_controlPanel ul li {
margin: 3px;
width: 15px;
height: 15px;
}
.slideshow_container .slideshow_controlPanel ul li:hover { }
.slideshow_container .slideshow_play {
background: url('%plugin-url%/images/SlideshowPlugin/light-controlpanel.png') 0 0 no-repeat;
}
.slideshow_container .slideshow_pause {
background: url('%plugin-url%/images/SlideshowPlugin/light-controlpanel.png') -15px 0 no-repeat;
}
.slideshow_container .slideshow_button {
margin-top: -20px;
height: 40px;
width: 19px;
background: url('%plugin-url%/images/SlideshowPlugin/light-arrows.png') no-repeat;
}
.slideshow_container .slideshow_previous { }
.slideshow_container .slideshow_next {
background-position: -19px 0;
}
.slideshow_container .slideshow_pagination { bottom: 16px; }
.slideshow_container .slideshow_pagination_center { }
.slideshow_container .slideshow_pagination .slideshow_currentView {
filter: alpha(opacity = 80);
opacity: 0.8;
}
.slideshow_container .slideshow_pagination ul { }
.slideshow_container .slideshow_pagination ul li {
margin: 0 2px;
width: 11px;
height: 11px;
background: url('%plugin-url%/images/SlideshowPlugin/light-bullet.png');
}
</style>