Need a unique gift idea?
A Pastebin account makes a great Christmas gift
SHARE
TWEET

Untitled

a guest Oct 12th, 2018 109 Never
Upgrade to PRO!
ENDING IN00days00hours00mins00secs
 
  1. /*
  2.  
  3.     style.css
  4.  
  5. =======================
  6. Couleurs
  7. =======================
  8. Black           #000000
  9. Darker gray     #222222
  10. Gray            #444444
  11. Blue gray       #cddde5
  12. Orange          #ef6047
  13. Hero background #c8dae3
  14. =======================
  15.  
  16. */ 
  17.  
  18.  
  19. /* ---------------------
  20.     General styles
  21.  ---------------------  */
  22.  
  23. html {
  24.     -webkit-font-smoothing: antialiased;
  25.     text-rendering: optimizeLegibility;
  26. }
  27.  
  28. body {
  29.     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  30.     font-size: 14px;
  31.     line-height: 20px;
  32.     color: #444444;
  33.     margin: 0;
  34. }
  35.  
  36. .clearfix:before, .clearfix:after {
  37.     content:"";
  38.     display:table;
  39. }
  40.  
  41. .clearfix:after {
  42.     clear:both;
  43. }
  44.  
  45. .clearfix {
  46.     zoom: 1; /* for IE6/7 */
  47. }
  48.  
  49.  
  50.  
  51. /* ---------------------
  52.     Global styles
  53.  ---------------------  */
  54.  
  55. .column {
  56.     float:left;
  57.     margin-right: 20px;
  58. }
  59.  
  60. .four {
  61.     width:220px;
  62. }
  63.  
  64. .last {
  65.     margin-right: 0;
  66. }
  67.  
  68.  
  69. input[type="text"], input[type="email"] {
  70.     position : relative;
  71.     padding: 10px;
  72.     border: solid 1px #ccc;
  73.     width: 200px;
  74. }
  75.  
  76.  
  77.  
  78.  
  79.  
  80. /* ---------------------
  81.     Typography
  82.  ---------------------  */
  83.  
  84.  h1, h2, h3 {
  85.     font-weight: 300;
  86.     margin: 0;
  87.     line-height: 45px;
  88.  }
  89.  
  90.  h4, h5, h6 {
  91.     font-weight: bold;
  92.     margin: 5px 0;
  93. }
  94.  
  95. h1 {
  96.     font-size: 48px;
  97. }
  98.  
  99. h2 {
  100.     font-size: 24px;
  101. }
  102.  
  103. h3 {
  104.     font-size: 30px;
  105. }
  106.  
  107. h4{
  108.     font-size: 18px;
  109.     margin: 10px 0;
  110. }
  111.  
  112. h5{
  113.     font-size: 13px;
  114.     margin:0;
  115.     text-transform:uppercase;
  116. }
  117.  
  118. p {
  119.     margin-bottom: 10px;
  120. }
  121.  
  122.  
  123. /* ---------------------
  124.     Layout
  125.  ---------------------  */
  126.  
  127. .container {
  128.     width: 940px;
  129.     padding: 0 10px;
  130.     margin: 0 auto;
  131. }
  132.  
  133. .container-2 {
  134.     padding: 15px 0 15px 5px;
  135.     background: #000000;
  136. }
  137.  
  138. header {
  139.  
  140. }
  141.  
  142. #logo {
  143.  
  144.     background: #000000;
  145.     }
  146.  
  147. #hero {
  148.     background: #c8dae3;
  149.     background-image: url("../images/photo_header.png");
  150.     background-repeat: no-repeat;
  151.     background-position: center;
  152.     background-size: cover;
  153. }
  154.  
  155.  
  156. #hero-title {
  157.     width: 520 px;
  158.     padding: 60px 0;
  159.     float: left;
  160. }
  161.  
  162. #call-to-action {
  163.     margin: 40px 0;
  164. }
  165.  
  166. #hero-image{
  167.     float:right;
  168.     margin: 10px 0 -30px 0;
  169. }
  170.  
  171. #content {
  172.     padding: 100px 0;
  173. }
  174. #column-content {
  175.     width: 700px;
  176.     float:left;
  177. }
  178.  
  179. #lead-in {
  180.     margin-bottom: 30px;
  181. }
  182.  
  183.  
  184.  
  185. /* ---------------------
  186.     Sidebar
  187.  ---------------------  */
  188.  
  189. aside {
  190.     background: #444444;
  191.     width : 160px;
  192.     color: #fff;
  193.     float:left;
  194.     margin-left:20px;
  195.     padding: 30px;
  196.     font-size: 12px;
  197.     line-height: 18px;
  198. }
  199.  
  200. aside .widget {
  201.     margin: 10px 0;
  202. }
  203.  
  204. aside .widget h4 {
  205.     font-weight: 200;
  206.     font-style: 20px;
  207.     margin: 0 0 10px;
  208. }
  209.  
  210. aside .socials a {
  211.     position : relative;
  212.     margin: 5px;
  213. }
  214.  
  215. aside .socials a:hover {
  216.     top: -1px;
  217. }
  218.  
  219.  
  220.  
  221.  
  222.  
  223. /* ---------------------
  224.     Secondary cta
  225.  ---------------------  */
  226.  
  227. #secondary-cta {
  228.     background: #cddde5;
  229.     padding: 30px 0;
  230. }
  231.  
  232. #secondary-cta h4 {
  233.     font-weight: 200;
  234.     font-size: 24px;
  235.     float: left;
  236.     margin-left: 20px;
  237. }
  238.  
  239. #secondary-cta form {
  240.     margin:0;
  241.     float:right;
  242.     margin-right: 20px;
  243. }
  244.  
  245.  
  246.  
  247. /* ---------------------
  248.     Footer
  249.  ---------------------  */
  250.  
  251. footer {
  252.     background: #444444;
  253.     color: #fff;
  254.     padding: 50px 0;
  255. }
  256.  
  257. footer #copyright {
  258.     width: 280px;
  259.     float:left;
  260. }
  261.  
  262. footer nav {
  263.     width: 340px;
  264.     float:right;
  265. }
  266.  
  267. footer a {
  268.     color: #fff;
  269.     text-decoration: none;
  270. }
  271.  
  272. footer nav a {
  273.     margin: 0 0 0 15px;
  274. }
  275.  
  276. footer a:hover {
  277.     color: #00c0ff;
  278. }
  279.  
  280.  
  281.  
  282.  
  283. /* ---------------------
  284.     Navigation
  285.  ---------------------  */
  286.  
  287.  
  288. nav ul {
  289.     margin:0;
  290.     padding:0;
  291.     float: right;
  292. }
  293.  
  294. nav ul li {
  295.     list-style: none;
  296.     float: left;
  297. }
  298.  
  299. header nav ul li a {
  300.     display: block;
  301.     color: #fff;
  302.     text-decoration: none;
  303.     font-weight: bold;
  304.     padding:20px;
  305.     border-left: solid 1px #333;
  306. }
  307.  
  308. header nav ul li a:hover {
  309.     background: #222;
  310. }
RAW Paste Data
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
 
Top