Advertisement
Guest User

slider.css

a guest
Jun 21st, 2017
163
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.82 KB | None | 0 0
  1. /* line 4, ../sass/slider.scss */
  2. .active-slide {
  3.   display: block;
  4. }
  5.  
  6. /* line 7, ../sass/slider.scss */
  7. .slide {
  8.   width: 100%;
  9.   height: 450px;
  10.   position: absolute;
  11.   display: none;
  12. }
  13.  
  14. /* line 16, ../sass/slider.scss */
  15. .slide-wrapper {
  16.   position: relative;
  17. }
  18. /* line 19, ../sass/slider.scss */
  19. .slide-wrapper .ninja-wrap {
  20.   max-width: 100%;
  21.   height: 450px;
  22. }
  23. /* line 23, ../sass/slider.scss */
  24. .slide-wrapper .ninja-wrap .slider-cont {
  25.   position: relative;
  26. }
  27. /* line 27, ../sass/slider.scss */
  28. .slide-wrapper .ninja-wrap .slide {
  29.   width: 100%;
  30.   height: 450px;
  31.   position: absolute;
  32.   display: none;
  33.   background: #ebebeb;
  34. }
  35. /* line 35, ../sass/slider.scss */
  36. .slide-wrapper .ninja-wrap .slide section.container {
  37.   padding: 40px 0px;
  38.   background-color: transparent;
  39.   margin: 0 auto;
  40. }
  41. /* line 40, ../sass/slider.scss */
  42. .slide-wrapper .ninja-wrap .slide section.container .slide-copy {
  43.   width: 40%;
  44.   margin: 10px;
  45. }
  46. /* line 44, ../sass/slider.scss */
  47. .slide-wrapper .ninja-wrap .slide section.container .slide-copy h1 {
  48.   font-weight: 700;
  49.   margin-bottom: 10px;
  50.   font-size: 3vw;
  51.   color: #000;
  52. }
  53. /* line 52, ../sass/slider.scss */
  54. .slide-wrapper .ninja-wrap .slide section.container .slide-copy a {
  55.   color: #000;
  56.   font-weight: 700;
  57.   text-decoration: none;
  58. }
  59. /* line 57, ../sass/slider.scss */
  60. .slide-wrapper .ninja-wrap .slide section.container .slide-copy a:hover {
  61.   color: #000;
  62. }
  63. /* line 64, ../sass/slider.scss */
  64. .slide-wrapper .ninja-wrap .slide section.container .slide-copy span.tagline-p {
  65.   color: #000;
  66.   text-align: justify;
  67. }
  68. /* line 73, ../sass/slider.scss */
  69. .slide-wrapper .slider-nav {
  70.   text-align: center;
  71.   position: absolute;
  72.   bottom: 0;
  73.   margin-bottom: 10px;
  74.   font-size: 25px;
  75.   font-weight: 700;
  76.   width: 100%;
  77. }
  78. /* line 82, ../sass/slider.scss */
  79. .slide-wrapper .slider-nav .slider-nav-wrapper {
  80.   display: inline-block;
  81. }
  82. /* line 86, ../sass/slider.scss */
  83. .slide-wrapper .slider-nav .arrow-prev {
  84.   left: 0;
  85. }
  86. /* line 90, ../sass/slider.scss */
  87. .slide-wrapper .slider-nav .arrow-next {
  88.   right: 0;
  89. }
  90. /* line 94, ../sass/slider.scss */
  91. .slide-wrapper .slider-nav .arrow-next, .slide-wrapper .slider-nav .arrow-prev {
  92.   position: absolute;
  93.   padding: 10px;
  94.   bottom: 156%;
  95.   background: rgba(0, 0, 0, 0.3);
  96.   font-size: 50px;
  97.   color: #44749D;
  98. }
  99. /* line 103, ../sass/slider.scss */
  100. .slide-wrapper .slider-nav li {
  101.   margin: 5px;
  102.   display: inline-block;
  103. }
  104. /* line 113, ../sass/slider.scss */
  105. .slide-wrapper .slider-nav a i {
  106.   color: #ebebeb;
  107. }
  108. /* line 118, ../sass/slider.scss */
  109. .slide-wrapper .slider-nav .dot {
  110.   color: #bebebe;
  111. }
  112. /* line 122, ../sass/slider.scss */
  113. .slide-wrapper .slider-nav .activedot {
  114.   color: blue;
  115. }
  116. /* line 126, ../sass/slider.scss */
  117. .slide-wrapper .slider-nav .activeslide {
  118.   display: block;
  119. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement