123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236 |
- html {
- margin-top: 75px;
- }
- body {
- background-color: #222;
- font-family: "Linux Libertine", "Liberation Serif", "FreeSerif", "EB Garamond", serif;
- color: #ccc;
- }
- header {
- font-size: 108pt;
- font-weight: bold;
- text-align: center;
- line-height: 0.5;
- }
- header a {
- color: white;
- text-decoration: none;
- }
- main, footer, #navigation {
- width: 60%;
- margin: auto;
- }
- summary {
- color: white;
- cursor: pointer;
- width: 240px;
- height: 50px;
- text-align: center;
- margin: auto;
- }
- summary:hover {
- color: #ccc;
- }
- h1 {
- font-size: 54pt;
- text-align: center;
- color: white;
- }
- h2 {
- font-size: 36pt;
- color: white;
- margin-bottom: -5px;
- }
- h2 a {
- text-decoration: none;
- color: white;
- }
- h2 a:hover {
- color: #ccc;
- }
- h3 {
- font-size: 24pt;
- color: #ccc;
- margin-bottom: 20px;
- }
- h3 a {
- text-decoration: none;
- color: white;
- }
- h3 a:hover {
- color: #ccc;
- }
- p {
- font-size: 18pt;
- text-align: justify;
- hyphens: auto;
- line-height: 1.25;
- }
- a {
- color: white;
- }
- a:hover {
- text-decoration: none;
- color: #ccc;
- }
- a:visited {
- color: #ccc;
- }
- table {
- width: 100%;
- font-size: 16pt;
- padding-right: 4%;
- margin-left: -2%;
- text-align: center;
- }
- td {
- padding-bottom: 3px;
- padding-top: 3px;
- }
- .bigcenter {
- text-align: center;
- font-size: 36pt;
- }
- .story {
- width: 100%;
- margin-bottom: 75px;
- }
- .story p {
- margin-left: 150px;
- text-align: left;
- line-height: 1.35;
- }
- .preview {
- float: left;
- }
- .center {
- text-align: center;
- }
- .fullwidth {
- width: 100%;
- }
- .bigbreak {
- margin-bottom: 600px;
- }
- .grey, img {
- -webkit-filter: grayscale(1);
- filter: grayscale(1);
- }
- #kofi {
- text-align: center;
- margin-top: 50px;
- margin-bottom: -20px;
- }
- #subheader {
- font-size: 27pt;
- padding-top: -500px;
- font-weight: normal;
- }
- #authorship {
- text-align: center;
- font-size: 22pt;
- margin-top: -25px;
- }
- #synopsis {
- margin-top: 18pt;
- font-size: 27pt;
- cursor: auto;
- }
- #synopsis p {
- line-height: 1.25;
- }
- #navigation, .navigation {
- text-align: center;
- font-size: 27pt;
- width: 100%;
- }
- #navigation h2 {
- margin-bottom: 20px;
- }
- b, strong {
- color: white;
- }
- footer p {
- text-align: center;
- font-size: 14pt;
- }
- ::-moz-selection {
- color: black;
- background: #acc;
- }
- ::selection {
- color: black;
- background: #acc;
- }
- img {
- image-rendering: -moz-crisp-edges;
- image-rendering: -o-crisp-edges;
- image-rendering: -webkit-optimize-contrast;
- image-rendering: pixelated;
- image-rendering: optimize-contrast;
- -ms-interpolation-mode: nearest-neighbor;
- image-rendering: crisp-edges;
- }
- @font-face {
- font-family: "Linux Libertine";
- font-style: normal;
- src: url(fonts/LinuxLibertine-Regular.woff2) format("woff2");
- }
- @font-face {
- font-family: "Linux Libertine";
- font-weight: bold;
- src: url(fonts/LinuxLibertine-Bold.woff2) format("woff2");
- }
- @font-face {
- font-family: "Linux Libertine";
- font-style: italic;
- src: url(fonts/LinuxLibertine-Italic.woff2) format("woff2");
- }
- @font-face {
- font-family: "Linux Libertine";
- font-style: italic;
- font-weight: bold;
- src: url(fonts/LinuxLibertine-BoldItalic.woff2) format("woff2");
- }
|