4 lines
13 KiB
CSS
4 lines
13 KiB
CSS
|
/* Typesettings.css - Created by Mike Mai | http://mikemai.net | http://mikemai.net/typesettings/index.html */
|
||
|
|
.typesettings{*zoom:1}.typesettings:before,.typesettings:after{content:' ';display:table}.typesettings:after{clear:both}html{font-size:10px}.typesettings{position:relative;padding:2em 11% 3em 11%;color:#555;line-height:1.5;font-family:Georgia, serif}@media only screen and (max-width: 480px){.typesettings{font-size:1.6em}}@media only screen and (min-width: 481px) and (max-width: 1440px){.typesettings{font-size:2.1em}}@media only screen and (min-width: 1441px){.typesettings{font-size:2.8em}}.typesettings a{color:#222;text-decoration:none}.typesettings a:link{border-bottom:1px dotted #aeaeae}.typesettings a:visited{color:#aeaeae;border-bottom-color:#aeaeae}.typesettings a:hover{color:#222;border-bottom-color:#555}.typesettings a:active{position:relative;top:1px}.typesettings h1,.typesettings h2,.typesettings h3,.typesettings h4,.typesettings h5,.typesettings h6,.typesettings figcaption,.typesettings blockquote{font-family:sans-serif}.typesettings h1,.typesettings h2,.typesettings h3,.typesettings h4,.typesettings h5,.typesettings h6{margin-top:.9em;margin-bottom:-.25em;color:#222;line-height:1.25}@media only screen and (max-width: 480px){.typesettings h1{font-size:1.7em}}@media only screen and (min-width: 481px) and (max-width: 1440px){.typesettings h1{letter-spacing:-1px;font-size:2.1em}}@media only screen and (min-width: 1441px){.typesettings h1{letter-spacing:-2px;font-size:2.2em}}.typesettings h1:first-child{text-align:center}.typesettings h1:first-child+h2{letter-spacing:.25em;text-transform:uppercase;text-align:center;font-family:monospace;font-weight:normal;opacity:.4;filter:alpha(opacity=40)}@media only screen and (max-width: 480px){.typesettings h1:first-child+h2{font-size:.7em}}@media only screen and (min-width: 481px) and (max-width: 1440px){.typesettings h1:first-child+h2{font-size:.8em}}@media only screen and (min-width: 1441px){.typesettings h1:first-child+h2{font-size:.9em}}@media only screen and (max-width: 480px){.typesettings h2{font-size:1.4em}}@media only screen and (min-width: 481px) and (max-width: 1440px){.typesettings h2{font-size:1.6em}}@media only screen and (min-width: 1441px){.typesettings h2{letter-spacing:-1px;font-size:1.8em}}@media only screen and (max-width: 480px){.typesettings h3{font-size:1.2em}}@media only screen and (min-width: 481px) and (max-width: 1440px){.typesettings h3{font-size:1.3em}}@media only screen and (min-width: 1441px){.typesettings h3{font-size:1.5em}}@media only screen and (max-width: 480px){.typesettings h4{font-size:1em}}@media only screen and (min-width: 481px) and (max-width: 1440px){.typesettings h4{font-size:1.1em}}@media only screen and (min-width: 1441px){.typesettings h4{font-size:1.3em}}@media only screen and (max-width: 480px){.typesettings h5{margin-top:1.15em;font-size:.8em}}@media only screen and (min-width: 481px) and (max-width: 1440px){.typesettings h5{margin-top:1em;font-size:.9em}}@media only screen and (min-width: 1441px){.typesettings h5{font-size:1.1em}}.typesettings h6{text-transform:uppercase;letter-spacing:1px}@media only screen and (max-width: 480px){.typesettings h6{margin-top:1.3em;font-size:.7em}}@media only screen and (min-width: 481px) and (max-width: 1440px){.typesettings h6{margin-top:1.15em;font-size:.8em}}@media only screen and (min-width: 1441px){.typesettings h6{margin-top:1em;font-size:.9em}}.typesettings header:first-child+p{font-size:1.15em}.typesettings header:first-child+p:first-letter{float:left;margin-right:.15em;padding:0 .2em;line-height:1.1;text-transform:uppercase;font-size:3.6em;border:4px double #eee}@-moz-document url-prefix(){.typesettings header:first-child+p:first-letter{padding:.2em}}.typesettings p,.typesettings ol,.typesettings ul,.typesettings aside,.typesettings header,.typesettings footer,.typesettings hgroup,.typesettings figure,.typesettings blockquote,.typesettings pre,.typesettings hr{margin:.9em 0 0 0}.typesettings ul,.typesettings ol{padding:0}.typesettings figure{text-align:center}.typesettings figure img{max-width:100%;height:auto}.typesettings figure figcaption{margin-top:.2em;color:#aeaeae;font-size:
|
||
|
|
/*# sourceMappingURL=main.css.map */
|