Saturday, December 17, 2016
CSS files
body {
padding: 0;
margin: 0;
background: #f7f7f7;
/* Old browsers */
background: -moz-linear-gradient(45deg, #f7f7f7 0%, #EAE0D5 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #f7f7f7 0%, #EAE0D5 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #f7f7f7 0%, #EAE0D5 100%);
}
/** Header styles **/
.header {
background-image: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-4/htmlcss1-img_coffee-bgnd.jpeg");
height: 400px;
background-position: center center;
}
h1 {
font-family: 'Covered By Your Grace', sans-serif;
font-size: 100px;
line-height: 76px;
margin: 0;
position: relative;
text-align: center;
top: 20%;
color: rgb(3,150,100);
color: rgba(3,101,100,0.75);
}
/** List style **/
h2 {
color: #E4BB97;
font-family: 'Raleway', sans-serif;
font-size: 28px;
font-weight: 500;
text-align: left;
text-transform: uppercase;
background-color:#AA8EB5;
}
ul {
margin: 0 auto;
padding: 0;
width: 50%;
}
li {
border-bottom: 1px solid #E4BB97;
list-style: none;
margin: 100px 0px;
padding-bottom: 60px;
}
p {
color: #444444;
line-height: 32px;
font-family: 'Raleway', sans-serif;
font-size: 20px;
font-weight: 100;
}
a {
color: #214E34;
font-family: 'Raleway', sans-serif;
font-size: 13px;
font-weight: 900;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 2px;
}
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment