Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url('https://fonts.googleapis.com/css?family=Lato');
- *{
- margin: 0;
- padding: 0;
- }
- body{
- font-family: 'Lato', sans-serif;
- font-size: 14px;
- background: url("images/dark-wood.jpg");
- }
- header{
- background: url("images/header-page.jpg");
- background-size: cover;
- height: 150px;
- line-height: 150px;
- width: 1024px;
- margin: 0 auto;
- }
- header h1{
- text-align: right;
- font-weight: bolder;
- padding-right: 10px;
- font-size: 50px;
- font-family: 'Lato', sans-serif;
- }
- nav{
- width: 1024px;
- margin: 5px auto;
- background: url("images/header-page.jpg");
- background-size: cover;
- background-position: top center;
- }
- nav ul{
- padding: 5px;
- }
- nav ul li{
- display: inline-block;
- }
- nav ul li a{
- text-decoration: none;
- font-size: 20px;
- padding-left: 35px;
- text-decoration: none;
- color: white;
- }
- nav ul li a:hover{
- color: #000000;
- }
- nav ul li:first-of-type > a{
- color: #000000;
- }
- main{
- width: 1024px;
- margin: 5px auto;
- padding-top: 5px;
- }
- .courses{
- width: 700px;
- float: left;
- background-color: white;
- }
- .courses article div h2 {
- padding-top: 15px;
- font-size: 25px;
- float: left;
- }
- .courses article div h3 {
- font-size: 18px;
- color: #DBC272;
- float: left;
- }
- figure{
- width: 300px;
- float: left;
- }
- figcaption{
- font-size: 18px;
- margin-top: 5px;
- margin-bottom: 10px;
- }
- div{
- width: 250px;
- float: right;
- }
- p{
- width: 150px;
- margin-left: 85px;
- margin-top: 20px;
- line-height: 20px;
- float: left;
- }
- .courses article:after {
- content: '';
- display: block;
- clear: both;
- }
- img{
- width: 350px;
- }
- aside{
- width: 300px;
- float: right;
- display: block;
- background-color: white;
- }
- .popular-recipes h2{
- padding-top: 15px;
- font-size: 25px;
- text-align: left;
- color: #DA5F7C;
- }
- .popular-recipes ul li{
- margin-top: 40px;
- font-size: 18px;
- list-style-type: none;
- border-bottom: 1px solid silver;
- }
- .popular-recipes ul li a{
- text-decoration: none;
- color: #DA5F7C;
- }
- footer{
- background: url("images/header-page.jpg");
- margin: 570px auto;
- text-align: center;
- height: 30px;
- line-height: 30px;
- }
Add Comment
Please, Sign In to add comment