terms-privacy.css 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. body {
  2. font-family: 'Open Sans', sans-serif;
  3. box-sizing: border-box;
  4. -moz-box-sizing: border-box;
  5. -webkit-box-sizing: border-box;
  6. }
  7. .uppercase {
  8. text-transform: uppercase;
  9. }
  10. /* logo */
  11. .logo img {
  12. width: 40%;
  13. }
  14. a.logo {
  15. display: block;
  16. margin: 1.5em auto 0 auto;
  17. }
  18. h1.terms-page-title {
  19. font-size: 2.6em;
  20. margin-top: 2em;
  21. color: #333;
  22. }
  23. .terms-intro h3 {
  24. color: #546e7a;
  25. margin: 1.5em auto;
  26. line-height: 1.5;
  27. font-size: 1.5em;
  28. }
  29. .terms h2 {
  30. font-size: 1.8em;
  31. margin-top: 1em;
  32. line-height: 1.3;
  33. }
  34. /*------ STYLING THE LIST -------*/
  35. ol.terms {
  36. margin-top: 2em;
  37. margin-left: 0;
  38. padding-right: 0;
  39. list-style-type: none;
  40. }
  41. ol.terms li {
  42. counter-increment: step-counter;
  43. }
  44. ol.terms li:before {
  45. content: counter(step-counter);
  46. margin-right: 0.5em;
  47. font-size: 1.8em;
  48. background-color: rgb(200, 200, 200);
  49. color: white;
  50. font-weight: bold;
  51. padding: 0 8px;
  52. border-radius: 3px;
  53. }
  54. ol.terms h2 {
  55. display: inline;
  56. vertical-align: bottom;
  57. }
  58. ol.terms p {
  59. margin: 1em auto;
  60. padding: 0.2em;
  61. }
  62. /* ----- COLOR OF LIST COUNTERS-------------*/
  63. ol.terms li:nth-of-type(1):before {
  64. background-color: #606eb2;
  65. }
  66. ol.terms li:nth-of-type(2):before {
  67. background-color: #18AE90;
  68. }
  69. ol.terms li:nth-of-type(3):before {
  70. background-color: #80BF63;
  71. }
  72. ol.terms li:nth-of-type(4):before {
  73. background-color: #6589B9;
  74. }
  75. ol.terms li:nth-of-type(5):before {
  76. background-color: #7E67A7;
  77. }
  78. ol.terms li:nth-of-type(6):before {
  79. background-color: #6bb5b4;
  80. }
  81. ol.terms li:nth-of-type(7):before {
  82. background-color: #18AE90;
  83. }
  84. ol.terms li:nth-of-type(8):before {
  85. background-color: #606eb2;
  86. }
  87. ol.terms li:nth-of-type(9):before {
  88. background-color: #80BF63;
  89. }
  90. ol.terms li:nth-of-type(10):before {
  91. background-color: #6589B9;
  92. }
  93. ol.terms li:nth-of-type(11):before {
  94. background-color: #7E67A7;
  95. }
  96. ol.terms li:nth-of-type(12):before {
  97. background-color: #6bb5b4;
  98. }
  99. ol.terms li:nth-of-type(13):before {
  100. background-color: #18AE90;
  101. }
  102. ol.terms li:nth-of-type(14):before {
  103. background-color: #606eb2;
  104. }
  105. ol.terms li:nth-of-type(15):before {
  106. background-color: #80BF63;
  107. }
  108. ol.terms li:nth-of-type(16):before {
  109. background-color: #6589B9;
  110. }
  111. ol.terms li:nth-of-type(17):before {
  112. background-color: #7E67A7;
  113. }
  114. ol.terms li:nth-of-type(18):before {
  115. background-color: #6bb5b4;
  116. }
  117. ol.terms li:nth-of-type(19):before {
  118. background-color: #18AE90;
  119. }
  120. /* COLOR OF TERMS H2 TITLES */
  121. ol.terms li:nth-of-type(1) h2 {
  122. color: #606eb2;
  123. }
  124. ol.terms li:nth-of-type(2) h2 {
  125. color: #18AE90;
  126. }
  127. ol.terms li:nth-of-type(3) h2 {
  128. color: #80BF63;
  129. }
  130. ol.terms li:nth-of-type(4) h2 {
  131. color: #6589B9;
  132. }
  133. ol.terms li:nth-of-type(5) h2 {
  134. color: #7E67A7;
  135. }
  136. ol.terms li:nth-of-type(6) h2 {
  137. color: #6bb5b4;
  138. }
  139. ol.terms li:nth-of-type(7) h2 {
  140. color: #18AE90;
  141. }
  142. ol.terms li:nth-of-type(8) h2 {
  143. color: #606eb2;
  144. }
  145. ol.terms li:nth-of-type(9) h2 {
  146. color: #80BF63;
  147. }
  148. ol.terms li:nth-of-type(10) h2 {
  149. color: #6589B9;
  150. }
  151. ol.terms li:nth-of-type(11) h2 {
  152. color: #7E67A7;
  153. }
  154. ol.terms li:nth-of-type(12) h2 {
  155. color: #6bb5b4;
  156. }
  157. ol.terms li:nth-of-type(13) h2 {
  158. color: #18AE90;
  159. }
  160. ol.terms li:nth-of-type(14) h2 {
  161. color: #606eb2;
  162. }
  163. ol.terms li:nth-of-type(15) h2 {
  164. color: #80BF63;
  165. }
  166. ol.terms li:nth-of-type(16) h2 {
  167. color: #6589B9;
  168. }
  169. ol.terms li:nth-of-type(17) h2 {
  170. color: #7E67A7;
  171. }
  172. ol.terms li:nth-of-type(18) h2 {
  173. color: #6bb5b4;
  174. }
  175. ol.terms li:nth-of-type(19) h2 {
  176. color: #18AE90;
  177. }
  178. /*---------------------------------*/
  179. /*.color {
  180. color:#18AE90;
  181. }
  182. .color {
  183. color:#606eb2;
  184. }
  185. .color {
  186. color:#80BF63;
  187. }
  188. .color {
  189. color:#6589B9;
  190. }
  191. .color {
  192. color:#7E67A7;
  193. }*/