Advertisement
Guest User

Untitled

a guest
Oct 27th, 2016
166
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.25 KB | None | 0 0
  1. .card img {
  2. width: 200px;
  3. height: 200px;
  4. border: 1px solid grey;
  5. box-shadow: 0px 0px 10px black;
  6. margin-top: 8px;
  7. }
  8.  
  9. #dropdown1 li a {
  10. color: #2196f3;
  11. }
  12.  
  13. #carte-presentation div {
  14. margin-bottom: 4px;
  15. margin-top: 4px;
  16. }
  17.  
  18. .button-collapse {
  19. color: #26a69a;
  20. }
  21.  
  22. .parallax-container {
  23. min-height: 380px;
  24. line-height: 0;
  25. height: auto;
  26. color: rgba(255, 255, 255, .9);
  27. }
  28.  
  29. .parallax-container .section {
  30. width: 100%;
  31. }
  32.  
  33. @media only screen and (max-width: 992px) {
  34. .parallax-container .section {
  35. position: absolute;
  36. top: 40%;
  37. }
  38. #index-banner .section {
  39. top: 10%;
  40. }
  41. }
  42.  
  43. @media only screen and (max-width: 600px) {
  44. #index-banner .section {
  45. top: 0;
  46. }
  47. }
  48.  
  49. .icon-block {
  50. padding: 0 15px;
  51. }
  52.  
  53. .icon-block .material-icons {
  54. font-size: inherit;
  55. }
  56.  
  57. #timeline1 {
  58. font: normal 16px/1.5 "Helvetica Neue", sans-serif;
  59. background: #456990;
  60. color: #fff;
  61. overflow-x: hidden;
  62. padding-bottom: 50px;
  63. }
  64.  
  65.  
  66. /* INTRO SECTION
  67. –––––––––––––––––––––––––––––––––––––––––––––––––– */
  68.  
  69.  
  70. /*
  71. *,
  72. *::before,
  73. *::after {
  74. margin: 0;
  75. padding: 0;
  76. box-sizing: border-box;
  77. }
  78.  
  79. */
  80.  
  81.  
  82. /* TIMELINE
  83. –––––––––––––––––––––––––––––––––––––––––––––––––– */
  84.  
  85. #cartes-divider {
  86. color: #fff;
  87. border: 1px solid white;
  88. }
  89.  
  90. .timeline ul li {
  91. list-style-type: none;
  92. position: relative;
  93. width: 6px;
  94. margin: 0 auto;
  95. padding-top: 50px;
  96. background: #FFF;
  97. }
  98.  
  99. .timeline ul li::after {
  100. content: '';
  101. position: absolute;
  102. left: 50%;
  103. bottom: 0;
  104. transform: translateX(-50%);
  105. width: 30px;
  106. height: 30px;
  107. border-radius: 50%;
  108. background: inherit;
  109. }
  110.  
  111. .timeline ul li div {
  112. position: relative;
  113. bottom: 0;
  114. width: 400px;
  115. padding: 15px;
  116. background: #2196f3;
  117. }
  118.  
  119. .timeline ul li div::before {
  120. content: '';
  121. position: absolute;
  122. bottom: 7px;
  123. width: 0;
  124. height: 0;
  125. border-style: solid;
  126. }
  127.  
  128. .timeline ul li:nth-child(odd) div {
  129. left: 45px;
  130. }
  131.  
  132. .timeline ul li:nth-child(odd) div::before {
  133. left: -15px;
  134. border-width: 8px 16px 8px 0;
  135. border-color: transparent #2196f3 transparent transparent;
  136. }
  137.  
  138. .timeline ul li:nth-child(even) div {
  139. left: -439px;
  140. }
  141.  
  142. .timeline ul li:nth-child(even) div::before {
  143. right: -15px;
  144. border-width: 8px 0 8px 16px;
  145. border-color: transparent transparent transparent #2196f3;
  146. }
  147.  
  148. .timeline ul li::after {
  149. background: red;
  150. transition: background .5s ease-in-out;
  151. }
  152.  
  153. .timeline ul li.in-view::after {
  154. background: #00e676;
  155. }
  156.  
  157. .timeline ul li div {
  158. visibility: hidden;
  159. opacity: 0;
  160. transition: all .5s ease-in-out;
  161. }
  162.  
  163. .timeline ul li:nth-child(odd) div {
  164. transform: translate3d(200px, 0, 0);
  165. }
  166.  
  167. .timeline ul li:nth-child(even) div {
  168. transform: translate3d(-200px, 0, 0);
  169. }
  170.  
  171. .timeline ul li.in-view div {
  172. transform: none;
  173. visibility: visible;
  174. opacity: 1;
  175. }
  176.  
  177. footer.page-footer {
  178. margin: 0;
  179. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement