contentsliderbk.css in Featured Content Slider 7.3
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 2px solid gray;
border-bottom-width: 2px;
width: 90%; /*width of featured content slider*/
height: 250px;
float:left;
}
.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0; /*leave as is*/
top: 0; /*leave as is*/
padding: 5px;
background: white;
width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.pagination{
/*width: 100%; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: lightgray;
padding: 5px 10px;
}
.pagination a{
padding: 0 5px;
text-decoration: none;
color: #00007D;
background: white;
}
.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}
File
css/contentsliderbk.css
View source
- .sliderwrapper{
- position: relative; /*leave as is*/
- overflow: hidden; /*leave as is*/
- border: 2px solid gray;
- border-bottom-width: 2px;
- width: 90%; /*width of featured content slider*/
- height: 250px;
- float:left;
- }
-
-
-
- .sliderwrapper .contentdiv{
- visibility: hidden; /*leave as is*/
- position: absolute; /*leave as is*/
- left: 0; /*leave as is*/
- top: 0; /*leave as is*/
- padding: 5px;
- background: white;
- width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
- height: 100%;
- filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
- -moz-opacity: 1;
- opacity: 1;
- }
-
- .pagination{
- /*width: 100%; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
- text-align: right;
- background-color: lightgray;
- padding: 5px 10px;
- }
-
- .pagination a{
- padding: 0 5px;
- text-decoration: none;
- color: #00007D;
- background: white;
- }
-
- .pagination a:hover, .pagination a.selected{
- color: #000;
- background-color: #FEE496;
- }