API tools faq
paste
rdellconsulting

Untitled

rdellconsulting
Apr 5th, 2016
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.75 KB | None | 0 0
raw download clone embed print report
  1.  
  2. You can write your custom CSS here. #logo-slider-wraper {
  3. position:relative;
  4. }
  5. .slider-controls {
  6. position:absolute;
  7. width:450px;
  8. top: 80px !important;
  9. }
  10. #logo-slider {
  11. position: relative;
  12. width: 450px;
  13. height: 198px;
  14. margin: 0; padding: 0;
  15. overflow: hidden;
  16. list-style:none;
  17. background:#97d604;
  18. text-align:center;
  19. }
  20. .slide {
  21. list-style:none;
  22. margin:0 !important;
  23. width:450px !important;
  24. }
  25. .slider-controls a {
  26. height:40px;
  27. width:40px;
  28. display:inline-block;
  29. text-indent:-9000px;
  30. }
  31. #prev{
  32. background:url(http://azdolphins.com/wp-content/plugins/logo-slider/arrows/arrow7.png) no-repeat center;
  33. float:right;
  34. margin-right:-50px;
  35. }
  36. #next{
  37. background:url(http://azdolphins.com/wp-content/plugins/logo-slider/arrows/arrow7-prev.png) no-repeat center;
  38. float:left;
  39. margin-left:-50px
  40. }
  41. /*
  42. ===============================================================
  43. --------------------_ Responsive _--------------------
  44. ===============================================================
  45. */
  46. @media screen and (max-width:320px) {
  47. #logo-slider-wraper{
  48. position:relative !important;
  49. width:52% !important;
  50. left:42px;
  51. }
  52. .slider-controls {
  53. position: absolute;
  54. top: 80px;
  55. left:30px;
  56. width: 100% !important;
  57. }
  58. #logo-slider {
  59. background:#97d604;
  60. height: 198px;
  61. list-style: none outside none;
  62. margin: 0;
  63. overflow: hidden;
  64. padding: 0;
  65. position: relative;
  66. width: 110% !important;
  67. }
  68. .slide {
  69. list-style: none outside none;
  70. margin: 0 !important;
  71. width: 100% !important;
  72. }
  73. #next{
  74. background:url(http://azdolphins.com/wp-content/plugins/logo-slider/arrows/arrow7-prev.png) no-repeat center;
  75. float:left;
  76. margin-left:-66px !important;
  77. }
  78. .logo-img {
  79. margin-left:32px;
  80. }
  81. }
  82. @media screen and (min-width:321px) and (max-width:480px){
  83. #logo-slider-wraper{
  84. position:relative;
  85. width:35% !important;
  86. left:55px !important;
  87. }
  88. .slider-controls {
  89. position: absolute;
  90. top: 80px;
  91. width: 100% !important;
  92. }
  93. #logo-slider {
  94. background:#97d604;
  95. height: 198px;
  96. list-style: none outside none;
  97. margin: 0;
  98. overflow: hidden;
  99. padding: 0;
  100. position: relative;
  101. width: 102% !important;
  102. }
  103. .slide {
  104. list-style: none outside none;
  105. margin: 0 !important;
  106. width: 100% !important;
  107. }
  108. }
  109. @media screen and (min-width:321px) and (max-width:360px){
  110. #logo-slider-wraper{
  111. position:relative;
  112. width:50% !important;
  113. }
  114. .slider-controls {
  115. position: absolute;
  116. top: 80px;
  117. width: 100% !important;
  118. }
  119. #logo-slider {
  120. background:#97d604;
  121. height: 198px;
  122. list-style: none outside none;
  123. margin: 0;
  124. overflow: hidden;
  125. padding: 0;
  126. position: relative;
  127. width: 100% !important;
  128. }
  129. .slide {
  130. list-style: none outside none;
  131. margin: 0 !important;
  132. width: 100% !important;
  133. }
  134. }
  135. @media screen and (min-width:481px) and (max-width:640px){
  136. #logo-slider-wraper{
  137. position:relative;
  138. width:28% !important;
  139. left:34px !important;
  140. }
  141. .slider-controls {
  142. position: absolute;
  143. top: 80px;
  144. width: 100% !important;
  145. }
  146. #logo-slider {
  147. background:#97d604;
  148. height: 198px;
  149. list-style: none outside none;
  150. margin: 0;
  151. overflow: hidden;
  152. padding: 0;
  153. position: relative;
  154. width: 100% !important;
  155. }
  156. .slide {
  157. list-style: none outside none;
  158. margin: 0 !important;
  159. width: 100% !important;
  160. }
  161. }
  162. @media only screen and (min-width:641px) and (max-width:768px){
  163. #logo-slider-wraper{
  164. position:relative;
  165. width:78% !important;
  166. left:34px !important
  167. }
  168. .slider-controls {
  169. position: absolute;
  170. top: 80px;
  171. width: 100% !important;
  172. }
  173. #logo-slider {
  174. background:#97d604;
  175. height: 198px;
  176. list-style: none outside none;
  177. margin: 0;
  178. overflow: hidden;
  179. padding: 0;
  180. position: relative;
  181. width: 100% !important;
  182. left:-12px;
  183. }
  184. .slide {
  185. list-style: none outside none;
  186. margin: 0 !important;
  187. width: 100% !important;
  188. }
  189. }
  190. @media only screen and (min-width:770px){
  191. #logo-slider-wraper{
  192. position:relative;
  193. width:450px !important;
  194. left:34px !important;
  195. }
  196. .slider-controls {
  197. position: absolute;
  198. top: 80px;
  199. width: 100% !important;
  200. }
  201. #logo-slider {
  202. background:#97d604;
  203. height: 198px;
  204. list-style: none outside none;
  205. margin: 0;
  206. overflow: hidden;
  207. padding: 0;
  208. position: relative;
  209. width: 100% !important;
  210. }
  211. .slide {
  212. list-style: none outside none;
  213. margin: 0 !important;
  214. width: 450px !important;
  215. }
  216. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!