You are here

contentslider.css in Featured Content Slider 7.2

.slider_title { color:#000000; font-size:12px; text-decoration:none;font-weight:bold; float:left; width:20%; margin-right:5px; }

.slider_image #VideoPlayback{ height:190px; width:290px; }

.a-tag object embed { height:40px; width:40px; }
.a-tag embed { height:35px; width:35px; }

.slider_image object { width:400px;height:300px;}

.slider_image object embed { width:400px;height:300px;}
.slider_image embed { width:400px;height:300px;}


.s-body {clear:both;float:left;width:100%;font-size:11px;font-color: #cccccc;text-decoration:none;font-weight:Normal; }

.slider_title  {padding-right:20px;}

.page2{ float:right;left:0;margin-left:220px;margin-top:87px;position:absolute;width:250px;}

.next-arr{float:left; }

.prev-arr{ float:right;}

.slider_center_image{ position:relative;height:auto;}

.next-arr img{ border:none; }

.prev-arr img{ border:none;}

.slider_center_image{border:0px solid #ffffff;background:transparent url(images/slider_center.gif) repeat scroll 0 0; width:97%; float:left; padding:10px;}

.slider_center_image #slider{width:90%;float:left; }

.slider_center_image #paginate-slider{float:right;width:10%;overflow:hidden;height:295px;margin-right:0px;}

.slider_center_image #paginate-slider .a-tag img{border:2px solid #597A9D;padding:2px;}

.slider_center_image #paginate-slider .a-tag{font-size:0;margin-bottom:20px;
width:55px;}

.slider_center_image #paginate-slider .a-tag a.toc{ font-size:0px;}

.slider_center_image #paginate-slider .a-tag a:hover img { border:2px solid red;padding:2px; }

.slider_center_image #paginate-slider .a-tag a.selected img { border:2px solid red;padding:2px; }



.prev-arr a {background:url(/larr.png);}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 2px solid #ffffff;
border-bottom-width: 2px;
height: 300px;
width:400px;
}

.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: 390px; /*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: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: navy;
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;
}

.thumb-img {
width: 35px;
height: 35px;
}

.slider-node .field-label {display: none;}
.slider_title .field-label {display: none;}
.slider_image .field-label {display: none;}

File

contrib/contentslider.css
View source
  1. .slider_title { color:#000000; font-size:12px; text-decoration:none;font-weight:bold; float:left; width:20%; margin-right:5px; }
  2. .slider_image #VideoPlayback{ height:190px; width:290px; }
  3. .a-tag object embed { height:40px; width:40px; }
  4. .a-tag embed { height:35px; width:35px; }
  5. .slider_image object { width:400px;height:300px;}
  6. .slider_image object embed { width:400px;height:300px;}
  7. .slider_image embed { width:400px;height:300px;}
  8. .s-body {clear:both;float:left;width:100%;font-size:11px;font-color: #cccccc;text-decoration:none;font-weight:Normal; }
  9. .slider_title {padding-right:20px;}
  10. .page2{ float:right;left:0;margin-left:220px;margin-top:87px;position:absolute;width:250px;}
  11. .next-arr{float:left; }
  12. .prev-arr{ float:right;}
  13. .slider_center_image{ position:relative;height:auto;}
  14. .next-arr img{ border:none; }
  15. .prev-arr img{ border:none;}
  16. .slider_center_image{border:0px solid #ffffff;background:transparent url(images/slider_center.gif) repeat scroll 0 0; width:97%; float:left; padding:10px;}
  17. .slider_center_image #slider{width:90%;float:left; }
  18. .slider_center_image #paginate-slider{float:right;width:10%;overflow:hidden;height:295px;margin-right:0px;}
  19. .slider_center_image #paginate-slider .a-tag img{border:2px solid #597A9D;padding:2px;}
  20. .slider_center_image #paginate-slider .a-tag{font-size:0;margin-bottom:20px;
  21. width:55px;}
  22. .slider_center_image #paginate-slider .a-tag a.toc{ font-size:0px;}
  23. .slider_center_image #paginate-slider .a-tag a:hover img { border:2px solid red;padding:2px; }
  24. .slider_center_image #paginate-slider .a-tag a.selected img { border:2px solid red;padding:2px; }
  25. .prev-arr a {background:url(/larr.png);}
  26. .sliderwrapper{
  27. position: relative; /*leave as is*/
  28. overflow: hidden; /*leave as is*/
  29. border: 2px solid #ffffff;
  30. border-bottom-width: 2px;
  31. height: 300px;
  32. width:400px;
  33. }
  34. .sliderwrapper .contentdiv{
  35. visibility: hidden; /*leave as is*/
  36. position: absolute; /*leave as is*/
  37. left: 0; /*leave as is*/
  38. top: 0; /*leave as is*/
  39. padding: 5px;
  40. background: white;
  41. width: 390px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
  42. height: 100%;
  43. filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
  44. -moz-opacity: 1;
  45. opacity: 1;
  46. }
  47. .pagination{
  48. width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
  49. text-align: right;
  50. background-color: navy;
  51. padding: 5px 10px;
  52. }
  53. .pagination a{
  54. padding: 0 5px;
  55. text-decoration: none;
  56. color: #00007D;
  57. background: white;
  58. }
  59. .pagination a:hover, .pagination a.selected{
  60. color: #000;
  61. background-color: #FEE496;
  62. }
  63. .thumb-img {
  64. width: 35px;
  65. height: 35px;
  66. }
  67. .slider-node .field-label {display: none;}
  68. .slider_title .field-label {display: none;}
  69. .slider_image .field-label {display: none;}