|
- body {
- background-color: #fff;
- color: #000;
- width: 600px;
- margin: 120px auto;
- font-family: Georgia, Times, "Times New Roman", serif;
- line-height: 1.2rem;
- font-size: 1.7em;
- -webkit-font-smoothing: antialiased;
- }
-
- div.highlight {
- margin: 0 0 2rem 0;
- line-height: 1.5rem;
- }
-
- a {
- color: #6b0000;
- text-decoration: none;
- }
-
- a:visited {
- color: #333;
- }
-
- #articles div {
- display: block;
- border: 0px #777 solid;
- padding: 0;
- margin: 60px 0;
- border-radius: 10px;
- line-height: 1.9rem;
- }
-
- #articles p {
- font-size: 1.2rem;
- margin: 1rem 0 0rem 0;
- }
-
- #articles .list-date {
- font-size: 1.0rem;
- text-transform: capitalize;
- }
-
- #articles h2 {
- font-weight: normal;
- font-size: 1.7rem;
- line-height: 2.5rem;
- margin: 0 0 5px 0;
- }
-
- .postmeta, .listmeta {
- font-weight: 300;
- text-transform: uppercase;
- font-size: 0.9rem;
- margin: 20px 0;
- }
-
- .postmeta {
- margin: 1rem 0 3rem 0;
- }
-
- .postmeta a, .postmeta a:visited {
- color: #333;
- }
-
- img {
- width: 100%;
- margin: 1rem 0 1rem 0;
- }
-
- figure {
- margin: 20px 0;
- padding: 0;
- }
-
- figcaption, figcaption h4 {
- text-align: right;
- font-size: 1.0rem;
- font-weight: normal;
- }
-
- article {
- font-size: 1.1rem;
- line-height: 1.9rem;
- color: #222;
- }
-
- article a {
- text-decoration: underline;
- color: #4b0000;
- }
-
- article figcaption {
- text-transform: none;
- letter-spacing: 0.0rem;
- text-align: right;
- font-size: 0.8rem;
- }
-
- h1 {
- color: #eee;
- font-size: 1.0rem;
- }
-
- article h1 {
- font-size: 2.4rem;
- line-height: 3.0rem;
- margin: 0 0 50px 0;
- color: #6b0000;
- font-weight: 500;
- }
-
- article #description {
- margin: 1rem 0 1rem 0;
- font-style: italic;
- }
-
- article p {
- margin: 0 0 1.3rem 0;
- }
-
- article h2 {
- margin: 50px 0 15px 0;
- }
-
- hr {
- border: 1px dotted #aaa;
-
- }
-
- section.footnotes {
- margin-top: 3rem;
- font-size: 1.0rem;
- line-height: 1.5rem;
- }
-
- sup {
- font-size: 0.9rem;
- }
-
- #feedback {
- margin-top: 5rem;
- font-style: italic;
- font-size: 1.0rem;
- }
-
- #feedback a, #feedback a:visited {
- text-decoration: underline;
- }
-
- #site-title {
- margin: 0;
- font-size: 3.5rem;
- line-height: 4.0rem;
- font-weight: 500;
- color: #6b0000;
- font-variant-caps: petite-caps;
- }
-
- #site-title a, #site-title a:visited {
- text-decoration: none;
- text-transform: uppercase;
- font-weight: normal;
- }
-
- .post-title {
- text-transform: none;
- }
-
- ul.pagination {
- margin: 0;
- padding: 0;
- }
-
- ul.pagination li {
- display: inline;
- margin: 0 30px 0 0;
- }
-
- ul.pagination a {
- width: 20px;
- height: 20px;
- font-size: 1.7rem;
- text-decoration: none;
- }
-
- ul.pagination li.active a {
- background-color: white;
- padding: 5px 10px;
- }
-
- ul.pagination li.disabled {
- color: #333;
- }
-
- blockquote {
- margin: 0 0 0 2rem;
- padding: 0;
- font-style: italic;
- }
-
- @media screen and (max-width: 699px) {
- body {
- width: 90%;
- margin: 20px auto;
- }
-
- img {
- width: 100%;
- }
- }
|