/* STYLE SHEET FOR RESPONSIVE WEB DESIGN TESTING */ /* BEGIN MUDLARK STYLE SHEET */ /* Jennifer Kyrnin, Watch for Borders and Padding, Responsive Web Design, p. 159 */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body, html { font-size: 10px; background-color: whitesmoke; } #wrap-768-white { margin: 0 auto; text-align: left; max-width: 76.80rem; background-color: white; } #content-768-white { padding: 0 7.60rem 0 7.68rem; width: 100%; background-color: white; } #header-768 { margin: 0 0 3.20rem 0; padding: 1rem 0 1rem 7.68rem; background-color: #707070; } .header-text-white { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 1.60rem; letter-spacing: .40rem; color: white; } h1 { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 2rem; letter-spacing: .20rem; line-height: 3.20rem; font-style: normal; font-variant: normal; font-weight: normal; color: #707070; margin: 2.4rem 0 3.20rem 0; } h2 { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 1.60rem; letter-spacing: .20rem; line-height: 2.4rem; font-style: normal; font-variant: normal; font-weight: normal; color: #707070; margin: 2.40rem 0 2.40rem 0; } pre.non-serif-14px { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 1.40rem; color: #303030; line-height: 2.40rem; margin-bottom: 3.20rem; } pre.non-serif-14px-justify { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 1.40rem; color: #303030; text-align: justify; line-height: 2.40rem; margin-bottom: 3.20rem; } pre.non-serif-12px { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 1.20rem; color: #303030; line-height: 2.40em; margin-bottom: 3.20rem; } pre.non-serif-12px-justify { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 1.20rem; color: #303030; line-height: 2.4rem; margin-bottom: 3.20rem; } p.non-serif-14px { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 1.40rem; color: #303030; line-height: 2.40rem; margin-bottom: 3.20rem; } p.non-serif-12px { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 1.20rem; color: #303030; line-height: 2.40rem; margin-bottom: 3.20rem; } p.non-serif-12px-justify { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 1.20rem; color: #303030; line-height: 2.40rem; text-align: justify; margin-bottom: 3.20rem; } a { text-decoration: none; outline: none; } a:link { color: #707070; } a:visited { color: #707070; } a:hover { color: #303030; text-decoration: underline; } a:active { color: #303030; } hr { color: #707070; background: #909090; border: 0; height: .1rem; margin: 3.20rem 0 3.20rem 0; } #footer-768 { margin: 3.20rem 0 1.60rem 0; padding: 1.20rem 0 1.20rem 7.68rem; background-color: #707070; } .footer-text-white { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 1.40rem; letter-spacing: .40rem; color: white; } /* END MUDLARK STYLE SHEET */ /* BEGIN Experiment with Media Query */ @media (max-width: 48rem) { body, html { font-size: 10px; background-color: whitesmoke; } #wrap-768-white { margin: 0 auto; text-align: left; max-width: 48rem; background-color: white; } #header-768 { margin: 0rem 0 3.20rem 0; padding: 1rem 0 1rem 1.92rem; background-color: #707070; } .header-text-white { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 1.40rem; letter-spacing: .32rem; color: white; } #content-768-white { padding: 0 1.92rem 0 1.92rem; width: 100%; background-color: white; } h1 { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 1.80rem; letter-spacing: .20rem; line-height: 3.20rem; font-style: normal; font-variant: normal; font-weight: normal; color: #707070; margin: 2.40rem 0 3.20rem 0; } h2 { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 1.40rem; letter-spacing: .20rem; line-height: 2.40rem; font-style: normal; font-variant: normal; font-weight: normal; color: #707070; margin: 2.40rem 0 2.40rem 0; } pre.non-serif-14px { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 1.20rem; color: #303030; line-height: 2.40rem; margin-bottom: 3.20rem; } p.non-serif-14px { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 1.20rem; color: #303030; line-height: 2.40rem; margin-bottom: 3.20rem; } hr { color: #707070; background: #909090; border: 0; height: .1rem; margin: 3.20rem 0 3.20rem 0; } #footer-768 { margin: 2rem 0 0 0; padding: 1.20rem 0 1.20rem 1.92rem; background-color: #707070; } .footer-text-white { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 1.20rem; letter-spacing: .40rem; color: white; } } /* END Experiment with Media Query */