kidobreva

Japanese Kitchen

Oct 2nd, 2017
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.35 KB | None | 0 0
  1. @import url('https://fonts.googleapis.com/css?family=Lato');
  2. *{
  3.     margin: 0;
  4.     padding: 0;
  5. }
  6. body{
  7.     font-family: 'Lato', sans-serif;
  8.     font-size: 14px;
  9.     background: url("images/dark-wood.jpg");
  10. }
  11.  
  12. header{
  13.     background: url("images/header-page.jpg");
  14.     background-size: cover;
  15.     height: 150px;
  16.     line-height: 150px;
  17.     width: 1024px;
  18.     margin: 0 auto;
  19. }
  20.  
  21. header h1{
  22.     text-align: right;
  23.     font-weight: bolder;
  24.     padding-right: 10px;
  25.     font-size: 50px;
  26.     font-family: 'Lato', sans-serif;
  27. }
  28.  
  29. nav{
  30.     width: 1024px;
  31.     margin: 5px auto;
  32.     background: url("images/header-page.jpg");
  33.     background-size: cover;
  34.     background-position: top center;
  35.  
  36. }
  37. nav ul{
  38.     padding: 5px;
  39.  
  40. }
  41. nav ul li{
  42.     display: inline-block;
  43. }
  44.  
  45. nav ul li a{
  46.     text-decoration: none;
  47.     font-size: 20px;
  48.     padding-left: 35px;
  49.     text-decoration: none;
  50.     color: white;
  51. }
  52.  
  53. nav ul li a:hover{
  54.     color: #000000;
  55. }
  56.  
  57. nav ul li:first-of-type > a{
  58.     color: #000000;
  59. }
  60.  
  61. main{
  62.     width: 1024px;
  63.     margin: 5px auto;
  64.     padding-top: 5px;
  65. }
  66.  
  67. .courses{
  68.     width: 700px;
  69.     float: left;
  70.     background-color: white;
  71. }
  72.  
  73. .courses article div h2 {
  74.     padding-top: 15px;
  75.     font-size: 25px;
  76.     float: left;
  77. }
  78.  
  79. .courses article div h3 {
  80.     font-size: 18px;
  81.     color: #DBC272;
  82.     float: left;
  83. }
  84.  
  85. figure{
  86.     width: 300px;
  87.     float: left;
  88. }
  89. figcaption{
  90.     font-size: 18px;
  91.     margin-top: 5px;
  92.     margin-bottom: 10px;
  93. }
  94.  
  95. div{
  96.     width: 250px;
  97.     float: right;
  98. }
  99.  
  100. p{
  101.     width: 150px;
  102.     margin-left: 85px;
  103.     margin-top: 20px;
  104.     line-height: 20px;
  105.     float: left;
  106. }
  107.  
  108. .courses article:after {
  109.     content: '';
  110.     display: block;
  111.     clear: both;
  112. }
  113.  
  114. img{
  115.     width: 350px;
  116. }
  117.  
  118. aside{
  119.     width: 300px;
  120.     float: right;
  121.     display: block;
  122.     background-color: white;
  123. }
  124.  
  125. .popular-recipes h2{
  126.     padding-top: 15px;
  127.     font-size: 25px;
  128.     text-align: left;
  129.     color: #DA5F7C;
  130. }
  131.  
  132. .popular-recipes ul li{
  133.     margin-top: 40px;
  134.     font-size: 18px;
  135.     list-style-type: none;
  136.     border-bottom: 1px solid silver;
  137. }
  138.  
  139. .popular-recipes ul li a{
  140.     text-decoration: none;
  141.     color: #DA5F7C;
  142.  
  143. }
  144.  
  145. footer{
  146.     background: url("images/header-page.jpg");
  147.     margin: 570px auto;
  148.     text-align: center;
  149.     height: 30px;
  150.     line-height: 30px;
  151. }
Add Comment
Please, Sign In to add comment