You are here

contentsliderbk.css in Featured Content Slider 7.3

Same filename and directory in other branches
  1. 7 css/contentsliderbk.css
  2. 7.2 css/contentsliderbk.css
.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
  1. .sliderwrapper{
  2. position: relative; /*leave as is*/
  3. overflow: hidden; /*leave as is*/
  4. border: 2px solid gray;
  5. border-bottom-width: 2px;
  6. width: 90%; /*width of featured content slider*/
  7. height: 250px;
  8. float:left;
  9. }
  10. .sliderwrapper .contentdiv{
  11. visibility: hidden; /*leave as is*/
  12. position: absolute; /*leave as is*/
  13. left: 0; /*leave as is*/
  14. top: 0; /*leave as is*/
  15. padding: 5px;
  16. background: white;
  17. width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
  18. height: 100%;
  19. filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
  20. -moz-opacity: 1;
  21. opacity: 1;
  22. }
  23. .pagination{
  24. /*width: 100%; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
  25. text-align: right;
  26. background-color: lightgray;
  27. padding: 5px 10px;
  28. }
  29. .pagination a{
  30. padding: 0 5px;
  31. text-decoration: none;
  32. color: #00007D;
  33. background: white;
  34. }
  35. .pagination a:hover, .pagination a.selected{
  36. color: #000;
  37. background-color: #FEE496;
  38. }