1 $(".main").onepage_scroll({ 2 sectionContainer: "section" 3 }); /* Header */ 2 header{ 3 background: #5b264e; 4 padding: 10px 20px; 5 margin-bottom: 0; 6 position: relative; 7 z-index: 10; 8 overflow: hidden; 9 } 10 header a{ 11 color: #dddddd; 12 text-decoration: none; 13 } 14 header img{ 15 float: left; 16 } 17 header h1{ 18 margin-top:20px; 19 margin-left:80px; 20 font-family: 'Righteous', cursive; 21 } 22 23 /* Content */ 24 25 .page{ 26 background: url(../img/twd-logo.png) right top no-repeat; 27 } 28 .one{ 29 background-color: #ae6c66; 30 } 31 .one .page-container{ 32 position: absolute; 33 bottom: 100px; 34 margin-left: -400px; 35 left: 50%; 36 margin-bottom: 150px; 37 max-width: 650px; 38 } 39 .one .page-container h2{ 40 font-size: 4em; 41 } 42 .one .page-container p{ 43 padding: 20px 0; 44 line-height: 1.5em; 45 } 46 47 .two{ 48 background-color: #b69877; 49 } 50 .two .page-container{ 51 position: absolute; 52 bottom: 100px; 53 margin-left: -400px; 54 left: 50%; 55 margin-bottom: 150px; 56 max-width: 650px; 57 } 58 .two .page-container h2{ 59 font-size: 4em; 60 } 61 .two .page-container p{ 62 padding: 20px 0; 63 line-height: 1.5em; 64 } 65 66 .three{ 67 background-color: #036564; 68 } 69 .three .page-container{ 70 position: absolute; 71 bottom: 0px; 72 margin-left: -400px; 73 left: 50%; 74 margin-bottom: 150px; 75 max-width: 650px; 76 } 77 .three .page-container h2{ 78 font-size: 4em; 79 } 80 .three .page-container p{ 81 padding: 20px 0; 82 line-height: 1.5em; 83 }
Tidak ada komentar:
Posting Komentar