Advertisement
blueballoonguy

141127-Light-VRC

Nov 27th, 2014
171
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.28 KB | None | 0 0
  1. .slideshow_container { }
  2.  
  3. /* try margin-bottom 10px here */
  4. .slideshow_container a { text-decoration: none; margin-bottom:10px}
  5.  
  6. .slideshow_container .slideshow_slide { margin-right: 2px; }
  7. .slideshow_container .slideshow_slide_text div.slideshow_title { text-align: center; font-size: 1.3em; }
  8. .slideshow_container .slideshow_slide_text div.slideshow_description {text-align: center; font-size: 0.8em }
  9. .slideshow_container .slideshow_slide_image { }
  10. .slideshow_container .slideshow_slide_video { }
  11.  
  12. .slideshow_container .slideshow_description_box {width: 100%; background: #000 }
  13. /* text attributes for caption header */
  14. .slideshow_container .slideshow_description_box div.slideshow_title { font-size: 1em; text-align: center; margin-bottom:10px}
  15. .slideshow_container .slideshow_description_box div.slideshow_description { text-align: center; margin-top: -10px; margin-bottom:10px}
  16. .slideshow_container .slideshow_description_box a { color: #fff; margin-left:10%; margin-right: 10%}
  17.  
  18. /* Opacity non-hover */
  19. .slideshow_container .slideshow_transparent { filter: alpha(opacity = 70); opacity: 0.7; }
  20. /* Opacity hover */
  21. .slideshow_container .slideshow_transparent:hover { filter: alpha(opacity = 100); opacity: 1; }
  22.  
  23. .slideshow_container .slideshow_controlPanel {
  24. width: 21px;
  25. height: 21px;
  26. margin-left: -11px;
  27. background: #000;
  28. border-radius: 2px;
  29. -moz-border-radius: 10px;
  30. }
  31.  
  32. .slideshow_container .slideshow_controlPanel ul { }
  33.  
  34. .slideshow_container .slideshow_controlPanel ul li {
  35. margin: 3px;
  36. width: 15px;
  37. height: 15px;
  38. }
  39.  
  40. .slideshow_container .slideshow_controlPanel ul li:hover { }
  41.  
  42. .slideshow_container .slideshow_play {
  43. background: url('%plugin-url%/images/SlideshowPlugin/light-controlpanel.png') 0 0 no-repeat;
  44. }
  45.  
  46. .slideshow_container .slideshow_pause {
  47. background: url('%plugin-url%/images/SlideshowPlugin/light-controlpanel.png') -15px 0 no-repeat;
  48. }
  49.  
  50. .slideshow_container .slideshow_button {
  51. margin-top: -20px;
  52. height: 40px;
  53. width: 19px;
  54. background: url('%plugin-url%/images/SlideshowPlugin/light-arrows.png') no-repeat;
  55. }
  56.  
  57. .slideshow_container .slideshow_previous { }
  58.  
  59. .slideshow_container .slideshow_next {
  60. background-position: -19px 0;
  61. }
  62.  
  63. .slideshow_container .slideshow_pagination { bottom: 15px }
  64.  
  65. /* Take pagination buttons into the picture even for different crops (move buttons 'up')*/
  66. .slideshow_container .slideshow_pagination_center { margin-bottom: 5px }
  67.  
  68. .slideshow_container .slideshow_pagination .slideshow_currentView {
  69. filter: alpha(opacity = 100);
  70. opacity: 1;
  71. }
  72.  
  73. .slideshow_container .slideshow_pagination ul { }
  74.  
  75. .slideshow_container .slideshow_pagination ul li {
  76. margin: 0 2px;
  77. width: 11px;
  78. height: 11px;
  79. background: url('%plugin-url%/images/SlideshowPlugin/light-bullet.png') no-repeat;
  80. }
  81.  
  82. .slideshow_container .slideshow_loading_icon {
  83. position: absolute;
  84. top: 50%;
  85. left: 50%;
  86. width: 32px;
  87. height: 32px;
  88. margin: -16px 0 0 -16px;
  89. background: url('%plugin-url%/images/SlideshowPlugin/loading-icon-128x128.gif') no-repeat;
  90. background-size: 32px 32px;
  91. }
  92.  
  93. .slideshow_container .slideshow_slide_text p,
  94. .slideshow_container .slideshow_slide_text h1,
  95. .slideshow_container .slideshow_slide_text h2,
  96. .slideshow_container .slideshow_slide_text h3,
  97. .slideshow_container .slideshow_slide_text h4,
  98. .slideshow_container .slideshow_slide_text h5,
  99. .slideshow_container .slideshow_slide_text h6 { text-align: center; }
  100.  
  101. .slideshow_container .slideshow_description_box div,
  102. .slideshow_container .slideshow_description_box div a,
  103. .slideshow_container .slideshow_description_box p,
  104. .slideshow_container .slideshow_description_box p a,
  105. .slideshow_container .slideshow_description_box h1,
  106. .slideshow_container .slideshow_description_box h1 a,
  107. .slideshow_container .slideshow_description_box h2,
  108. .slideshow_container .slideshow_description_box h2 a,
  109. .slideshow_container .slideshow_description_box h3,
  110. .slideshow_container .slideshow_description_box h3 a,
  111. .slideshow_container .slideshow_description_box h4,
  112. .slideshow_container .slideshow_description_box h4 a,
  113. .slideshow_container .slideshow_description_box h5,
  114. .slideshow_container .slideshow_description_box h5 a,
  115. .slideshow_container .slideshow_description_box h6,
  116. .slideshow_container .slideshow_description_box h6 a {
  117. text-align: center;
  118. color: #fff;
  119. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement