summaryrefslogtreecommitdiff
path: root/static
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--static/css/cabin.ttfbin0 -> 188320 bytes
-rw-r--r--static/css/style.css (renamed from static/css/screen.css)345
2 files changed, 99 insertions, 246 deletions
diff --git a/static/css/cabin.ttf b/static/css/cabin.ttf
new file mode 100644
index 0000000..7c57306
--- /dev/null
+++ b/static/css/cabin.ttf
Binary files differ
diff --git a/static/css/screen.css b/static/css/style.css
index 962a8fd..adb4c40 100644
--- a/static/css/screen.css
+++ b/static/css/style.css
@@ -1,271 +1,113 @@
-html {
- -webkit-text-size-adjust: 100%;
- -ms-text-size-adjust: 100%;
+@font-face {
+ font-family: 'Cabin';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Cabin Regular'), local('Cabin-Regular'), url('cabin.ttf') format('truetype');
}
-body {
- font-family: Helvetica, Arial, sans-serif;
- font-size: 14px;
- background-color: #fff;
- text-align: left;
- margin: auto;
-}
-@media only screen and (max-width: 46em) {
- body {
- font-size: 0.8em;
- }
+* {
+ font-family: 'Cabin', "Book Antiqua", "URW Palladio L", sans-serif;
}
-em {
- font-style: italic;
+body {
+ padding: 1.5em 0;
}
-a {
- color: #4c6296;
- text-decoration: none;
- outline: 0;
+div#container {
+ width: 900px;
+ margin: 0 auto;
}
-a:hover {
- color: #173061;
- text-decoration: none;
+h1 {
+ margin: 1.5em 0 1.5em 3em;
}
-a:visited {
- color: #6a4c96;
+h1 a {
+ text-decoration: none;
}
-a:visited:hover {
- color: #463263;
+.archives h2 h3 h4 {
+ font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
}
-a img {
- border: 0;
+blockquote {
+ background-color: #eee;
+ margin: 1em;
+ padding: 0.3em 1em;
}
-h1, h2, h3, h4 {
- color: #375EAB;
+#entry, #wrapper {
+ font-size: 15pt;
}
-#cover_wrap {
- width: 900px;
- margin: auto;
- line-height: 1;
- border-bottom: 1px solid #e8ebf2;
-}
-@media only screen and (max-width: 46em) {
- #cover_wrap {
- width: 90%;
- }
-}
-#cover_wrap #masthead {
- margin: 0 auto;
- color: #57626b;
-}
-#cover_wrap #masthead header {
- display: block;
-}
-#cover_wrap #masthead .intro {
- line-height: 0.8;
- float: left;
-}
-#cover_wrap #masthead .intro h1 {
- line-height: 1;
-}
-#cover_wrap #masthead #home {
- font-size: 1.2em;
- font-weight: 700;
- color: #57626b;
-}
-#cover_wrap #masthead h1 {
- font-weight: 700;
- font-size: 1.1em;
-}
-#cover_wrap #masthead h2 {
- font-weight: 500;
- font-size: 1em;
-}
-#cover_wrap #masthead a {
- text-decoration: none;
- font-size: 0.8em;
- font-weight: 500;
- color: #669ecc;
+#entry img {
+ margin-right: 1em;
+ margin-bottom: 1em;
}
-.clearfix:after {
- clear: both;
- content: ".";
- display: block;
- height: 0;
- visibility: hidden;
- font-size: 0;
+#entry img.right {
+ float: right;
+ margin-left: 1em;
}
-#footer {
- width: 900px;
- margin: auto;
- border-top: 1px solid #e8ebf2;
- box-shadow: inset 0 1px 0 #fff;
- background: #fdfdfd;
- display: block;
-}
-@media only screen and (max-width: 46em) {
- #footer {
- width: 90%;
- }
-}
-#footer .center_mod {
- margin: 0 auto;
+#entry, #entries, #wrapper, #resume {
+ width: 40em;
+ margin-left: 5em;
+ text-align: justify;
+ line-height: 1.5em;
}
-.nav {
- float: right;
- padding: 0;
-}
-.nav li {
- line-height: 1.3;
- display: inline-block;
-}
-.nav li a {
- margin-right: 16px;
- font-weight: 700;
- color: #9198ad;
- font-size: 12px;
+#entries li {
+ margin: 0.5em;
}
-img {
- width: 100%;
- max-width: 1000px;
- text-align: center;
- vertical-align: baseline;
- height: auto !important;
+.footnotes {
+ font-size: 88%;
+ border-top: 1px solid grey;
}
-figure {
- margin: 4em 0;
- display: block;
- text-align: center;
+ul.spaced li {
+ margin-bottom: 1.5em;
}
-#site {
- margin: auto;
- text-align: justify;
- text-justify: inter-word;
- line-height: 1.65;
- font-weight: 400;
- font-size: 110%;
-}
-#site section {
- width: 900px;
- margin: auto;
-}
-@media only screen and (max-width: 46em) {
- #site section {
- width: 90%;
- }
-}
-#site .post-listing {
- width: 900px;
- margin: auto;
- padding-left: 0px;
- display: block;
- list-style-image: none;
- list-style-position: outside;
- margin-bottom: 1em;
-}
-@media only screen and (max-width: 46em) {
- #site .post-listing {
- width: 90%;
- }
-}
-#site .post-listing li {
- list-style-type: none;
- margin: 2.5em 0;
-}
-#site .post-listing li:first-child {
- margin-top: 0;
-}
-#site .post-listing li h2 {
- color: #2C251D;
-}
-#site .post-listing .oneliner {
- color: #4A4235;
-}
-#site .post-listing .entry-title {
- margin: 15px auto;
-}
-#site .post-listing .entry-title h2 {
- font-size: 1.7em;
- font-weight: 500;
- margin-bottom: 5px;
- color: #2c251d;
- line-height: 1.1;
-}
-#site #resume #interests p {
- font-weight: 700;
- margin-top: 4em;
+#footer {
+ margin: 2em 0 8em 2em;
}
-#site #resume h2 {
- margin-top: 3em;
+
+#footer p {
text-align: center;
}
-#site #resume h3 {
- font-weight: 700;
- font-size: 1.1em;
-}
-#site #resume .exp {
- padding-bottom: 1.2em;
- border-bottom: 1px solid #dedede;
-}
-#site #resume .exp:last-child {
- border-bottom: 1px solid white;
-}
-#site #entry {
- padding: 0;
- margin: 0 auto;
- font-weight: 400;
- color: #222;
-}
-#site #entry .entry-title {
- width: 900px;
- margin: 15px auto;
- font-size: 100%;
-}
-@media only screen and (max-width: 46em) {
- #site #entry .entry-title {
- width: 90%;
- }
-}
-#site #entry .entry-title h1 {
- color: #2c251d;
- font-size: 2.2em;
- font-weight: 700;
- line-height: 1.1;
+
+#footer img {
+ border: 0;
}
-#site #entry section {
- font-size: 100%;
+
+img.portrait {
+ margin-top: -3em;
+ margin-left: 2em;
}
-#site #entry a {
- transition: color 0.25s ease-in;
- font-weight: 600;
- color: #4c6296;
+
+a {
+ text-decoration: none;
+ color: #31674b;
}
-#site #entry a:visited {
- color: #6a4c96;
+
+a:hover {
+ text-decoration: underline;
+ color: #11472b;
}
-#site #entry blockquote {
- border-left: 4px solid #eee;
- margin-left: 0;
- margin-right: 18px;
- margin-bottom: 18px;
- padding-left: 10px;
- color: #666;
+
+a img { border: 0; }
+
+a.older, a.newer {
+ size: 80%;
}
-#site #entry pre {
+
+pre {
font-family: Menlo, monospace;
-webkit-font-smoothing: subpixel-antialiased;
font-smoothing: subpixel-antialiased;
- background-color: #E9E9E9;
+ background: #eee;
border: 1px solid #d1d8e3;
padding: .35em;
overflow: auto;
@@ -274,32 +116,43 @@ figure {
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
+ line-height: 1;
}
-#site #entry pre::-webkit-scrollbar {
- height: 12px;
- background-color: #fafafa;
- border-top: 1px solid #d1d8e3;
-}
-#site #entry .highlight code {
-}
-#site #entry p code, #site #entry li code {
- background-color: #E9E9E9;;
- font-weight: 400;
+
+code {
+ background: #eee;
font-family: Menlo, monospace;
font-size: 14px;
}
-#site #entry .highlight {
- margin: 1.5em 0;
-}
-#site #entry p {
- margin: 0 0 1.5em;
+
+.timestamp {
+ text-align: right;
+ color: grey;
}
-#site #entry h2 {
- font-weight: 700;
- font-size: 1.6em;
- color: #5F516;
+
+#resume h3 { margin-left: -1em; }
+#resume dt { font-style: italic; }
+
+@media only screen and (max-width: 960px) {
+ body {
+ font-size: 0.8em;
+ }
+ div#container {
+ width: 90%;
+ padding:
+ }
+ #entry, #entries, #wrapper, #resume {
+ width: 90%;
+ margin-left: 0.2em;
+ text-align: justify;
+ }
+ h1 {
+ margin-left: 0em;
+ }
}
+/* htmlize styles for code snippets */
+.highlight { margin: 1.5em 0; }
.highlight .hll { background-color: #ffffcc }
.highlight .c { color: #999988; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
generated by cgit v1.2.3 (git 2.25.1) at 2025-12-06 15:56:08 +0000