Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- box-sizing: border-box;
- }
- body {
- color: #3F2860;
- background-color: #3F2860;
- font-family: Verdana, Arial, Sans-serif;
- }
- header {
- background-color: #9BC1C2;
- background-image: url(lilyheader.jpg);
- background-position: right;
- background-repeat: no-repeat;
- height: 150px;
- }
- h1 {
- padding-top: 50px;
- padding-left: 2em;
- }
- nav {
- text-align: center;
- font-weight: bold;
- padding: 1em;
- float: left;
- width: 190px;
- }
- nav ul {
- list-style: none;
- padding-left: 0;
- font-size: 1.2em;
- }
- nav a {
- text-decoration: none;
- display: block;
- text-align: center;
- font-weight: bold;
- border: 3px #CCC;
- padding: 1em;
- margin-bottom: 1em;
- border: 3px #CCCCCC outset;
- }
- nav a:link {
- color: #3F2860;
- }
- nav a:visited {
- color: #497777;
- }
- nav a:hover {
- color: #A26100;
- border: 3px #333 inset;
- }
- main {
- padding-top: 0px;
- padding-left: 3em;
- padding-right: 3em;
- padding-bottom: 3em;
- display: block;
- margin-left: 170px;
- }
- li {
- font-size: 90%;
- }
- dt {
- font-weight: bold;
- }
- footer {
- background-color: #9BC1C2;
- text-align: center;
- font-size: small;
- font-style: italic;
- padding: 1em;
- }
- .floatleft {
- float: left;
- margin-right: 4em;
- }
- .clear {
- clear: both;
- }
- #wrapper {
- margin-left: auto;
- margin-right: auto;
- width: 80%;
- min-width: 550px;
- max-width: 1280px;
- color: #3F2860;
- background-color: #F5F5F5;
- }
- #mathero {
- height: 300px;
- background-image: url(yogamat.jpg);
- background-size: 100% 100%;
- background-repeat: no-repeat;
- }
- #loungehero {
- height: 300px;
- background-image: url(yogalounge.jpg);
- background-size: 100% 100%;
- background-repeat: no-repeat;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement