Updated style

mitsuhiko · Apr 30, 2015 · d771133 · d771133
1 parent 53f9c81
commit d771133
Showing 1 changed file with 18 additions and 12 deletions.
diff --git a/static/style.css b/static/style.css
@@ -1,15 +1,17 @@
+@charset "utf-8";
+
 /* fonts */
-@import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic|Merriweather:400,700,400italic,700italic,300,300italic|Jim+Nightshade);
+@import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic|Merriweather:400,700,400italic,700italic,300,300italic|Crimson+Text:400,400italic,600italic,600&subset=latin,latin-ext);
 
 /* general style */
 body    { font: 17px/25px 'Merriweather', serif;
           margin: 0; padding: 0; font-weight: 400; color: black; }
-a       { color: #834d24; font-weight: 400; }
-a:hover { color: #ce702c; }
+a       { color: #398ad5; font-weight: 400; }
+a:hover { color: #2771b5; }
 
 /* headlines */
-h1, h2, h3, h4, h5, h6      { font-family: 'Jim Nightshade', serif;
-                              font-weight: 400; color: #ce702c; }
+h1, h2, h3, h4, h5, h6      { font-family: 'Crimson Text', serif;
+                              font-weight: 400; color: #2771b5; font-style: italic }
 h1 a, h2 a, h3 a, h4 a,
 h5 a, h6 a                  { text-decoration: none; }
 h1 a:hover, h2 a:hover,
@@ -21,18 +23,21 @@ h1                          { font-size: 52px; line-height: 56px; }
 h2                          { font-size: 42px; line-height: 44px; }
 h3                          { font-size: 36px; line-height: 38px; }
 
+h1 span.small { color: black; font-size: 32px; display: block; margin-left: 25px;
+                margin-top: -15px; }
+
 /* layout elements */
 div.container               { max-width: 880px; margin: 48px auto; padding: 0 40px; }
 div.header                  { float: left; }
 div.navigation              { float: right; }
 div.header, div.navigation  { height: 25px; margin-bottom: 42px; }
 div.navigation ul           { margin: 0; padding: 0; list-style: none; }
 div.navigation ul li        { display: inline; margin: 0 2px; padding: 0; }
-div.body                    { clear: both; }
+div.body                    { clear: both; margin: 0 30px; line-height: 1.6; }
 div.footer                  { margin-top: 55px; font-size: 16px;
-                              text-align: right; color: #795d48; }
+                              text-align: right; color: #7b8894; }
 div.footer p                { margin: 0; }
-div.footer a                { color: #795d48; }
+div.footer a                { color: #7b8894; }
 
 /* margins and stuff */
 p, div.line-block, ul, ol, pre,
@@ -42,6 +47,7 @@ dd                              { margin: 16px 0 25px 40px; padding: 0; }
 ul ol, ol ul, ul ul, ol ol      { margin: 10px 0; padding: 0 0 0 40px; }
 li                              { padding: 0; }
 h1 + p.date                     { margin-top: -25px; font-style: italic; }
+blockquote                      { font-style: italic; }
 
 /* code formatting.  no monospace because of webkit (bug?) */
 pre, code, tt   { font-family: 'Ubuntu Mono', 'Consolas', 'Deja Vu Sans Mono',
@@ -71,12 +77,12 @@ div.entry-overview div.summary p    { display: inline; line-height: 25px; }
 div.entry-overview h1               { margin: 0; font-size: 17px; font-weight: 700;
                                       font-family: 'Merriweather', serif; }
 div.entry-overview h1:after         { content: " —"; color: black; }
-div.entry-overview h1 a             { color: #ce702c; }
+div.entry-overview h1 a             { color: #2771b5; }
 div.entry-overview div.summary,
 div.entry-overview div.date,
 div.entry-overview div.summary p    { margin: 0; padding: 0; }
 div.entry-overview div.detail       { margin-left: 140px; }
-div.entry-overview div.date         { float: left; width: 120px; color: #67635f;
+div.entry-overview div.date         { float: left; width: 120px; color: #7b8894;
                                       text-align: right; font-style: italic;
                                       font-size: 14px; }
 
@@ -88,9 +94,9 @@ div.pagination          { margin: 36px 0 0 0; text-align: center; }
 div.pagination strong   { font-weight: normal; font-style: italic; }
 
 /* tags */
-p.tags          { text-align: right; }
+p.tags          { text-align: right; margin-top: 35px; }
 ul.tagcloud     { font-size: 16px; margin: 36px 0; padding: 0;
-                  list-style: none; }
+                  list-style: none; line-height: 1.45; text-align: justify }
 ul.tagcloud li  { margin: 0; padding: 0 10px; display: inline; }
 
 /* latex math */