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:.6em}.typesettings blockquote{padding:1em 0;color:#222;text-align:center;font-weight:bold;border-top:4px double #eee;border-bottom:4px double #eee}@media only screen and (max-width: 480px){.typesettings blockquote>p{font-size:1.2em}}@media only screen and (min-width: 481px) and (max-width: 1440px){.typesettings blockquote>p{font-size:1.3em}}@media only screen and (min-width: 1441px){.typesettings blockquote>p{font-size:1.5em}}.typesettings blockquote>p:before,.typesettings blockquote>p:after{color:#aeaeae;font-weight:bold}.typesettings blockquote>p:before{content:'\201C'}.typesettings blockquote>p:after{content:'\201D'}.typesettings code{padding:.1em .5em;font-size:.9em;background-color:#eee}.typesettings pre{border-left:5px solid #d5d5d5}.typesettings pre code{display:block;margin:0;padding:.5em 1em;font-size:.7em;white-space:inherit;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch}.typesettings hr{display:block;height:1px;border:0;border-top:1px solid #e1e1e1;padding:0}.typesettings address{display:inline-block}.typesettings section:first-of-type{margin-left:-11%;margin-right:-11%;padding:3em 11%;color:#d5d5d5;background-color:#222}.typesettings section:first-of-type a{color:white;text-decoration:none}.typesettings section:first-of-type a:link{border-color:#aeaeae}.typesettings section:first-of-type a:visited{color:#555;border-color:#555}.typesettings section:first-of-type a:hover{color:white;border-color:white}.typesettings section:first-of-type h1,.typesettings section:first-of-type h2,.typesettings section:first-of-type h3,.typesettings section:first-of-type h4,.typesettings section:first-of-type h5,.typesettings section:first-of-type h6,.typesettings section:first-of-type blockquote{color:white}.typesettings section:first-of-type header:first-child+p:first-letter,.typesettings section:first-of-type blockquote,.typesettings section:first-of-type hr,.typesettings section:first-of-type aside{border-color:#3c3c3c}.typesettings section:first-of-type code{color:#aeaeae;background-color:black}.typesettings section:first-of-type pre{border-color:black}.typesettings section:first-of-type pre code{background-color:rgba(0,0,0,0.2)}@media (min-width: 950px){.typesettings section:first-of-type figure{margin-left:0;margin-right:0}}@media only screen and (min-width: 1441px){.typesettings section:first-of-type figure{margin-left:0;margin-right:0}}@media (min-width: 950px){.typesettings section:first-of-type blockquote{margin-left:0;margin-right:0}}@media only screen and (min-width: 1441px){.typesettings section:first-of-type blockquote{margin-left:0;margin-right:0}}.typesettings section+section,.typesettings hr+section,.typesettings section+hr{margin:2em 0 0 0}.typesettings aside{margin-left:1em;padding:.5em;border:1px solid #eee}@media only screen and (max-width: 768px){.typesettings aside{margin-right:1em}}@media only screen and (min-width: 769px){.typesettings aside{position:relative;top:.3em;float:right;width:10em}}.typesettings aside>*{font-size:.7em}.typesettings :first-child{margin-top:0}.typesettings.sans-serif{font-family:sans-serif}@media only screen and (max-width: 480px){.typesettings.sans-serif{font-size:1.5em}}@media only screen and (min-width: 481px) and (max-width: 1440px){.typesettings.sans-serif{font-size:2em}}@media only screen and (min-width: 1441px){.typesettings.sans-serif{font-size:2.4em}}.typesettings.sans-serif h1,.typesettings.sans-serif h2,.typesettings.sans-serif h3,.typesettings.sans-serif h4,.typesettings.sans-serif h5,.typesettings.sans-serif h6,.typesettings.sans-serif figcaption,.typesettings.sans-serif blockquote{letter-spacing:normal;font-family:Georgia, serif}@media only screen and (max-width: 480px){.typesettings.sans-serif h1{font-size:1.8em}}@media only screen and (min-width: 481px) and (max-width: 1440px){.typesettings.sans-serif h1{font-size:2.2em}}@media only screen and (min-width: 1441px){.typesettings.sans-serif h1{font-size:2.4em}}.typesettings.sans-serif h1:first-child+h2{letter-spacing:.25em;font-family:'Verdana', sans-serif}@media only screen and (max-width: 480px){.typesettings.sans-serif h1:first-child+h2{font-size:.5em}}@media only screen and (min-width: 481px) and (max-width: 1440px){.typesettings.sans-serif h1:first-child+h2{font-size:.65em}}@media only screen and (min-width: 1441px){.typesettings.sans-serif h1:first-child+h2{font-size:.7em}}@media only screen and (max-width: 480px){.typesettings.sans-serif h2{font-size:1.3em}}@media only screen and (min-width: 481px) and (max-width: 1440px){.typesettings.sans-serif h2{font-size:1.5em}}@media only screen and (min-width: 1441px){.typesettings.sans-serif h2{letter-spacing:-1px;font-size:1.7em}}@media only screen and (max-width: 480px){.typesettings.sans-serif h3{font-size:1em}}@media only screen and (min-width: 481px) and (max-width: 1440px){.typesettings.sans-serif h3{font-size:1.2em}}@media only screen and (min-width: 1441px){.typesettings.sans-serif h3{font-size:1.4em}}@media only screen and (max-width: 480px){.typesettings.sans-serif h4{margin-top:1.15em;font-size:.8em}}@media only screen and (min-width: 481px) and (max-width: 1440px){.typesettings.sans-serif h4{font-size:1em}}@media only screen and (min-width: 1441px){.typesettings.sans-serif h4{font-size:1.1em}}@media only screen and (max-width: 480px){.typesettings.sans-serif h5{margin-top:1.4em;font-size:.65em}}@media only screen and (min-width: 481px) and (max-width: 1440px){.typesettings.sans-serif h5{margin-top:1.15em;font-size:.8em}}@media only screen and (min-width: 1441px){.typesettings.sans-serif h5{margin-top:1em;font-size:.9em}}@media only screen and (max-width: 480px){.typesettings.sans-serif h6{margin-top:1.8em;font-size:.5em}}@media only screen and (min-width: 481px) and (max-width: 1440px){.typesettings.sans-serif h6{margin-top:1.45em;font-size:.65em}}@media only screen and (min-width: 1441px){.typesettings.sans-serif h6{margin-top:1.3em;font-size:.7em}}.typesettings.sans-serif header:first-child+p:first-letter{line-height:1.15;font-size:3.4em;font-weight:bold}.typesettings.indented p:first-of-type{text-indent:0}.typesettings.indented p+p,.typesettings.indented figure+p,.typesettings.indented blockquote+p,.typesettings.indented aside+p,.typesettings.indented pre+p,.typesettings.indented ul+p,.typesettings.indented ol+p{text-indent:2em}.typesettings.indented p+p{margin-top:0}@media only screen and (min-width: 769px){.typesettings.indented p+aside,.typesettings.indented aside+p{margin-top:0}}.typesettings.indented blockquote *{text-align:inherit}.typesettings.dark{color:#d5d5d5;background-color:#222}.typesettings.dark a{color:white;text-decoration:none}.typesettings.dark a:link{border-color:#aeaeae}.typesettings.dark a:visited{color:#555;border-color:#555}.typesettings.dark a:hover{color:white;border-color:white}.typesettings.dark h1,.typesettings.dark h2,.typesettings.dark h3,.typesettings.dark h4,.typesettings.dark h5,.typesettings.dark h6,.typesettings.dark blockquote{color:white}.typesettings.dark header:first-child+p:first-letter,.typesettings.dark blockquote,.typesettings.dark hr,.typesettings.dark aside{border-color:#3c3c3c}.typesettings.dark code{color:#aeaeae;background-color:black}.typesettings.dark pre{border-color:black}.typesettings.dark pre code{background-color:rgba(0,0,0,0.2)}.typesettings.dark ol{list-style:upper-roman}.typesettings.dark ul{list-style:circle}.typesettings.dark section:first-of-type{color:#555;background-color:white}.typesettings.dark section:first-of-type a{color:#222}.typesettings.dark section:first-of-type a:link{border-bottom:1px dotted #aeaeae}.typesettings.dark section:first-of-type a:visited{color:#aeaeae;border-bottom-color:#aeaeae}.typesettings.dark section:first-of-type a:hover{color:#222;border-bottom-color:#555}.typesettings.dark section:first-of-type h1,.typesettings.dark section:first-of-type h2,.typesettings.dark section:first-of-type h3,.typesettings.dark section:first-of-type h4,.typesettings.dark section:first-of-type h5,.typesettings.dark section:first-of-type h6,.typesettings.dark section:first-of-type blockquote{color:#222}.typesettings.dark section:first-of-type header:first-child+p:first-letter,.typesettings.dark section:first-of-type blockquote,.typesettings.dark section:first-of-type hr,.typesettings.dark section:first-of-type aside{border-color:#eee}.typesettings.dark section:first-of-type code{color:#555;background-color:#eee}.typesettings.dark section:first-of-type pre{border-left:5px solid #d5d5d5}@media only screen and (max-width: 768px){.typesettings.golden{padding:2em 11% 3em 11%}}@media only screen and (min-width: 769px){.typesettings.golden{padding:2em 21.6447% 3em 21.6447%}}@media (min-width: 950px){.typesettings.golden section:first-of-type{margin-left:-10%;margin-right:-10%}}@media only screen and (min-width: 1441px){.typesettings.golden section:first-of-type{margin-left:-20%;margin-right:-20%}}@media (min-width: 950px){.typesettings.golden figure{margin-left:-10%;margin-right:-10%}}@media only screen and (min-width: 1441px){.typesettings.golden figure{margin-left:-20%;margin-right:-20%}}@media (min-width: 950px){.typesettings.golden blockquote{margin-left:-15%;margin-right:-15%}}@media only screen and (min-width: 1441px){.typesettings.golden blockquote{margin-left:-25%;margin-right:-25%}}
|
|
/*# sourceMappingURL=main.css.map */
|