/* Styles for Slider 1.5
Majunke Michael
An Example for Suffix _test in included
*/
/**
Active Default Style
*/
.slideBarActive {
background-color: rgb(120,120,120);
background-image: url(slideBarOpen.gif);
background-repeat:no-repeat;
background-position: left center;
padding: 3px;
padding-left: 23px;
border: 1px solid gray;
color:black;
text-decoration:none;
}
.slideBarActive:link {
color:blue;
text-decoration:none;
}
.slideBarActive:visited {
color:blue;
text-decoration:none;
}
.slideBarActive:focus {
color:blue;
text-decoration:none;
}
.slideBarActive:hover {
color:blue;
text-decoration:none;
}
.slideBarActive:active {
color:black;
text-decoration:none;
}
/* here we hide the Description in Active Sliders */
.slideDescActive {
display: none;
}
.slideTextActive {
margin-bottom: 5px;
}
/* Show an additional Close Button at end of Active slider */
.slideBarEndActive {
background-color: rgb(120,120,120);
background-image: url(slideBarEnd.gif);
background-repeat:no-repeat;
background-position: left center;
padding: 3px;
padding-left: 23px;
border: 1px solid gray;
color:black;
text-decoration:none;
margin-bottom: 5px;
}
/**
Closed Default Style
*/
.slideBar {
background-color: rgb(174,174,174);
background-image: url(slideBar.gif);
background-repeat:no-repeat;
background-position: left center;
padding: 3px;
padding-left: 23px;
border: 1px solid gray;
color:black;
text-decoration:none;
}
.slideBar:link {
color:blue;
text-decoration:none;
}
.slideBar:visited {
color:blue;
text-decoration:none;
}
.slideBar:focus {
color:blue;
text-decoration:none;
}
.slideBar:hover {
color:blue;
text-decoration:none;
}
.slideBar:active {
color:black;
text-decoration:none;
}
/* show desc in closed Sliders */
.slideDesc {
background-color: rgb(174,174,174);
margin-top: 5px;
padding: 1px;
padding-left: 23px;
border: 1px solid gray;
color:black;
text-decoration:none;
font-size:small;
margin-top: 5px;
margin-bottom: 5px;
}
.slideText{
margin-bottom: 5px;
}
/* here we hide the End-Button in Closed/Inactive Sliders */
.slideBarEnd{
display: none;
}
/**
* Simple Example with Suffix _test
*
* you can see it in live Demo Slider3
*/
.slideBarActive_test {
background-color: rgb(80,80,80);
background-image: url(slideBarOpen.gif);
background-repeat:no-repeat;
background-position: left center;
padding: 3px;
padding-left: 23px;
border: 1px solid gray;
color:red;
text-decoration:none;
}
/* we show the Description also in Active Sliders */
.slideDescActive_test {
background-color: rgb(80,80,80);
padding: 1px;
padding-left: 23px;
border: 1px solid gray;
color:green;
text-decoration:none;
font-size:small;
margin-top: 5px;
margin-bottom: 5px;
}
.slideBar_test {
background-color: rgb(180,180,180);
background-image: url(slideBar.gif);
background-repeat:no-repeat;
background-position: left center;
padding: 3px;
padding-left: 23px;
border: 1px solid magenta;
color:red;
text-decoration:none;
}
.slideDesc_test {
background-color: rgb(180,180,180);
padding: 1px;
padding-left: 23px;
border: 1px solid gray;
color:black;
text-decoration:none;
font-size:small;
margin-top: 5px;
margin-bottom: 5px;
}
/** Show an additional Close Button at end of Active slider */
.slideBarEndActive_test {
background-color: rgb(80,80,80);
background-image: url(slideBarEnd.gif);
background-repeat:no-repeat;
background-position: left center;
padding: 3px;
padding-left: 23px;
border: 1px solid gray;
color:red;
text-decoration:none;
margin-bottom: 5px;
}
/* here we hide the End-Button in Closed/Inactive Sliders */
.slideBarEnd_test {
display: none;
}
.slideText_test {
margin-bottom: 5px;
}