main.css 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  1. /* http://meyerweb.com/eric/tools/css/reset/
  2. v2.0 | 20110126
  3. License: none (public domain)
  4. */
  5. html, body, div, span, applet, object, iframe,
  6. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  7. a, abbr, acronym, address, big, cite, code,
  8. del, dfn, em, img, ins, kbd, q, s, samp,
  9. small, strike, strong, sub, sup, tt, var,
  10. b, u, i, center,
  11. dl, dt, dd, ol, ul, li,
  12. fieldset, form, label, legend,
  13. table, caption, tbody, tfoot, thead, tr, th, td,
  14. article, aside, canvas, details, embed,
  15. figure, figcaption, footer, header, hgroup,
  16. menu, nav, output, ruby, section, summary,
  17. time, mark, audio, video {
  18. margin: 0;
  19. padding: 0;
  20. border: 0;
  21. font-size: 100%;
  22. font: inherit;
  23. vertical-align: baseline;
  24. }
  25. /* HTML5 display-role reset for older browsers */
  26. article, aside, details, figcaption, figure,
  27. footer, header, hgroup, menu, nav, section {
  28. display: block;
  29. }
  30. body {
  31. line-height: 1;
  32. }
  33. ol, ul {
  34. list-style: none;
  35. }
  36. blockquote, q {
  37. quotes: none;
  38. }
  39. blockquote:before, blockquote:after,
  40. q:before, q:after {
  41. content: '';
  42. content: none;
  43. }
  44. table {
  45. border-collapse: collapse;
  46. border-spacing: 0;
  47. }
  48. /* fonts */
  49. @font-face {
  50. font-family: 'allerregular';
  51. src: url('/cdn/fonts/aller_rg-webfont.eot');
  52. src: url('/cdn/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
  53. url('/cdn/fonts/aller_rg-webfont.woff2') format('woff2'),
  54. url('/cdn/fonts/aller_rg-webfont.woff') format('woff'),
  55. url('/cdn/fonts/aller_rg-webfont.ttf') format('truetype'),
  56. url('/cdn/fonts/aller_rg-webfont.svg#allerregular') format('svg');
  57. font-weight: normal;
  58. font-style: normal;
  59. }
  60. @font-face {
  61. font-family: 'droid_sansregular';
  62. src: url('/cdn/fonts/droidsans-webfont.eot');
  63. src: url('/cdn/fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
  64. url('/cdn/fonts/droidsans-webfont.woff2') format('woff2'),
  65. url('/cdn/fonts/droidsans-webfont.woff') format('woff'),
  66. url('/cdn/fonts/droidsans-webfont.ttf') format('truetype'),
  67. url('/cdn/fonts/droidsans-webfont.svg#allerregular') format('svg');
  68. font-weight: normal;
  69. font-style: normal;
  70. }
  71. /* alternative for body text
  72. @font-face {
  73. font-family: 'fertigo_proregular';
  74. src: url('/cdn/fonts/fertigo_pro_regular-webfont.eot');
  75. src: url('/cdn/fonts/fertigo_pro_regular-webfont.eot?#iefix') format('embedded-opentype'),
  76. url('/cdn/fonts/fertigo_pro_regular-webfont.woff2') format('woff2'),
  77. url('/cdn/fonts/fertigo_pro_regular-webfont.woff') format('woff'),
  78. url('/cdn/fonts/fertigo_pro_regular-webfont.ttf') format('truetype'),
  79. url('/cdn/fonts/fertigo_pro_regular-webfont.svg#fertigo_proregular') format('svg');
  80. font-weight: normal;
  81. font-style: normal;
  82. }
  83. */
  84. /* alternative for headings
  85. @font-face {
  86. font-family: 'droid_sansbold';
  87. src: url('/cdn/fonts/droidsans-bold-webfont.eot');
  88. src: url('/cdn/fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
  89. url('/cdn/fonts/droidsans-bold-webfont.woff2') format('woff2'),
  90. url('/cdn/fonts/droidsans-bold-webfont.woff') format('woff'),
  91. url('/cdn/fonts/droidsans-bold-webfont.ttf') format('truetype'),
  92. url('/cdn/fonts/droidsans-bold-webfont.svg#aller_lightregular') format('svg');
  93. font-weight: normal;
  94. font-style: normal;
  95. }
  96. */
  97. /* default styles */
  98. html {
  99. font-family: 'droid_sansregular', helvetica;
  100. }
  101. h1, h2, h3, h4 {
  102. font-family: 'allerregular', sans-serif, georgia;
  103. margin-bottom: 15px;
  104. margin-top: 20px;
  105. letter-spacing: 2px;
  106. }
  107. h1, h2 {
  108. font-weight: bolder;
  109. }
  110. h3, h4, strong {
  111. font-weight: bold;
  112. }
  113. h1 {
  114. font-size: 250%;
  115. }
  116. h2 {
  117. font-size: 200%;
  118. }
  119. h3 {
  120. font-size: 150%;
  121. }
  122. p, ul {
  123. margin-bottom: 10px;
  124. }
  125. li {
  126. margin-left: 45px;
  127. }
  128. /* default sizes */
  129. header, .content, footer {
  130. width: 80%;
  131. margin: 20px auto;
  132. }
  133. /* header & navigation */
  134. header>a {
  135. color: #000;
  136. text-decoration: none;
  137. }
  138. header h1 {
  139. margin-bottom: 15px;
  140. }
  141. nav li {
  142. display: inline;
  143. padding: 0 15px;
  144. }
  145. /* content styles */
  146. .content h2, .content h3, .content h4 {
  147. text-decoration: underline;
  148. }
  149. /* footer styles */
  150. footer {
  151. text-align: center;
  152. }
  153. footer .link {
  154. display: inline-block;
  155. width: 29px;
  156. height: 29px;
  157. margin: 0 15px;
  158. overflow: hidden;
  159. background-repeat: no-repeat;
  160. }
  161. footer .facebook {
  162. background-image: url('https://d2xxklvztqk0jd.cloudfront.net/images/facebook.png');
  163. }
  164. footer .linkedin {
  165. background-image: url('https://d2xxklvztqk0jd.cloudfront.net/images/linkedin.png');
  166. width: 34px;
  167. }
  168. footer .youtube {
  169. background-image: url('https://d2xxklvztqk0jd.cloudfront.net/images/youtube.png');
  170. width: 41px;
  171. }
  172. footer .github {
  173. background-image: url('https://d2xxklvztqk0jd.cloudfront.net/images/github.png');
  174. }
  175. footer .skype {
  176. background-image: url('https://d2xxklvztqk0jd.cloudfront.net/images/skype.png');
  177. }
  178. /* clearfix */
  179. .group:after {
  180. content: "";
  181. display: table;
  182. clear: both;
  183. }