summaryrefslogtreecommitdiff
path: root/static/css
diff options
context:
space:
mode:
Diffstat (limited to 'static/css')
-rw-r--r--static/css/screen.css532
1 files changed, 225 insertions, 307 deletions
diff --git a/static/css/screen.css b/static/css/screen.css
index 48a1e0e..4519912 100644
--- a/static/css/screen.css
+++ b/static/css/screen.css
@@ -1,341 +1,292 @@
-@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold);
-@import url(http://fonts.googleapis.com/css?family=Droid+Serif:regular);
+/* reset */
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,abbr { margin:0; padding:0;}
+/* /reset */
body {
- background-color: #fafafa;
- color: #222;
- font-family: 'Droid Sans',Verdana, sans-serif;
- font-size: 13px;
- margin-top: 0px;
+ font-family: Palatino, georgia, "times new roman", serif;
+ font-size: 1.2em;
}
-ul {
- margin-left: 1.25em;
- list-style-type: square;
-}
-
-li {
- display: list-item;
+p {
+ margin: 0 0 1.5em 0;
+ text-align: justify;
}
-h1, h2 {
- font-size: 120%;
- margin: 1em 0em .5em 0em;
+a {
+ text-decoration: none;
+ color: #339;
}
-h3, h4, h5, h6 {
- font-size: 100%;
- margin: 1em 0em .5em 0em;
+a:hover {
+ text-decoration: underline;
+ color: #33f;
}
-p {
- margin: 1em 0;
+#content h1,h2,h3,h4 {
+ line-height:1em;
+ font-weight: normal;
+ clear: left;
+ font-family: 'lucida grande', sans-serif;
+ margin-top: .5em;
+ margin-right: 0;
+ margin-left: 0em;
+ margin-bottom: 0;
+ padding-bottom: .5em;
}
-a {
- color: #8085C1;
- text-decoration: none;
+#content h1 span.author {
+ font-size: 0.75em;
}
-.img_center {
- display: block;
- margin-left: auto;
- margin-right: auto;
- -webkit-box-shadow: 5px 5px 5px #262526; -moz-box-shadow: 5px 5px 5px #262526; box-shadow: 5px 5px 5px #262526;
-};
-
-a:hover {
- color: black;
- text-decoration: none;
+#content h1 span.post-date {
+ font-size: 0.75em;
}
-a:visited {
- /*color: #660000;*/
- text-decoration: none;
-}
-table {
- font-size: inherit;
- font: 100%;
+/* post title */
+#content h1.emphnext {
+ font-size: 1.5em;
}
-
-ul.posts {
- margin-bottom: 2em;
-}
-
-ul.posts span {
- color: #aaa;
- font-family: Monaco, "Courier New", monospace;
- font-size: 80%;
-}
-
-.site {
- background: #ffffff;
- border-style: solid;
- border-width: 1px;
- font-size: 110%;
- width: 65em;
- margin: 0em auto 2em auto;
-}
-
-.intro {
- font-size: 110%;
- line-height: 1.6em;
- padding-top: 50px;
- padding-left: 30px;
-}
-
-.title {
- /*background-color: black;*/
- background-image:url('/static/imgs/back.png');
- color: black;
- font-weight: bold;
- font-size: 180%;
- height: 248px;
- padding: 4em 1em 0 1em;
-}
-
-.site .title a {
- color: #ffffff;
- text-decoration: none;
- /*-moz-transition: color .25s linear;*/
- /*-webkit-transition: color .25s linear;*/
- /*transition: color .25s linear;*/
-}
-
-.site .title a:hover {
- /*color: black;*/
-}
-
-.site .title a.extra {
- /*color: #660000;*/
- text-decoration: none;
-/* margin-left: 1em;*/
+#content h1 { font-size: 1.25em; }
+#content h2 { font-size: 1.1em; }
+#content h2::before {
+ color: silver;
+ content: "❯ ";
}
-
-.site .title a.extra:hover {
- /*color: black;*/
+#content h3 { font-size: 1em; }
+#content h3::before {
+ color: silver;
+ content: "❯❯ ";
}
-.site .meta {
- color: #aaa;
-}
+sup { line-height: 1ex; }
-.site footer {
- font-size: 90%;
- color: #666;
- border-top: 4px solid #eee;
- margin-top: 2em;
- overflow: hidden;
- padding: 0 1em 0 1em;
+#site {
+ max-width: 46em;
+ margin: 1.5em auto 3em auto;
+ line-height:1.5em;
}
-.site footer .contact {
- float: left;
- margin-right: 3em;
+#page {
+ background: white;
+ padding: .5em 3em 1.5em 3em;
}
-.site footer .contact a {
- color: #8085C1;
+/* @group FancyFirst */
+.emphnext + p:first-letter, p.emphfirst:first-letter {
+ font-size: 2em;
+ padding: 0 0.15em 0 0;
+ margin: 0.05em 0 -0.15em 0;
+ line-height: 1em;
+ float: left;
}
-.site footer .rss {
- margin-top: 1.1em;
- margin-right: -.2em;
- float: right;
+.emphnext + p:first-line, p.emphfirst:first-line {
+ font-variant: small-caps;
+ font-size: larger;
}
+/* @end */
-.site footer .rss img {
- border: 0;
+.right { float: right; clear: left; }
+.left { float: left; clear: right; }
+.inset {
+ border: 1em solid silver;
+ padding: 2px;
+ margin: 0em 0.8em 0.8em 0.8em;
}
+.right.inset { margin-right: 0 !important; }
+.left.inset { margin-left: 0 !important; }
-#page {
- text-align: justify;
- line-height: 1.5em;
- margin: .5em 1.1em .5em 1.1em;
+blockquote {
+ padding: 0 2.8em;
+ margin: 1.714em 0;
+ color: #444;
+ font-size: 0.875em;
+ line-height: 1.714em;
}
-#post {
- text-align: justify;
- line-height: 1.5em;
- margin: 0em 1.1em .5em 1.1em;
+.note {
+ padding-top: 0.5em;
+ background-color: #fafaff;
+ border-top: 1px solid silver;
+ border-bottom: 1px solid silver;
}
-
-#post pre {
- border: 1px solid #ddd;
- background-color: #eef;
- padding: 0 .4em;
+/* @group Table */
+table {
+ width: 80%;
+ margin: 1.5em auto 1.5em auto;
+ table-layout: fixed;
+ border-spacing: 0;
+}
+table tr { text-align: center; }
+table th { font-weight: normal; background-color: #eeeeee; }
+table td { background-color: white; }
+table th.title { border-bottom: 1px solid gray; border-top: 1px solid gray; vertical-align: bottom; background-color: lightgrey; }
+caption {
+ color: #333;
+ font-size: 0.875em;
+ margin: 0.875em auto 0 auto;
+ line-height: 1.14em;
+ text-align: justify;
+}
+
+/* @end */
+
+/* @group Lists */
+ul {
+ margin-top: 1.5em;
+ margin-bottom: 1.5em;
+ line-height: 1.5em;
+ padding-left: 1.5em;
+}
+ul li {
+ list-style-type: square;
+ list-style-position: outside;
+}
+ol li {
+ list-style-type: decimal;
+ list-style-position: inside;
+}
+dt { font-weight: bold;}
+dd { margin: 0 0 1.5em 0; text-align: justify; }
+
+ul.compact { margin: 0; padding: 0;}
+ul.compact li { list-style: none; }
+/* @end */
+
+/* @group Header */
+#header a { color: silver; }
+
+#header {
+ color: silver;
+ position: relative;
+ font-variant: small-caps;
+ line-height: 1em;
+ margin-top: .5em;
+ margin-bottom: 0;
+ background: white;
+ padding-top: 0em;
+ padding-left: 3em;
+ padding-right: 3em;
+ padding-bottom: .25em;
+}
+
+#header h1 {
+ font-size: 1.5em;
+ font-family: Palatino, georgia, "times new roman", serif;
+ margin-bottom: 0;
+ line-height: 0.9em;
+ display: block;
+ font-weight: normal;
+ color: silver;
}
-
-#post ul, #post ol {
- margin-left: 1.25em;
+/* @end */
+
+/* @group Footnotes */
+.footnotes { color: grey; }
+.footnotes:hover { color: black; }
+.footnotes ol li {
+ list-style-type: decimal;
+ list-style-position: inside;
+ font-size: 75%;
+ line-height: 1.5em;
}
+.footnotes ol li > a { display: none; }
+/* @end */
-#post code {
- border: 1px solid #ddd;
- background-color: #eef;
- font-size: 95%;
- padding: 0 .2em;
-}
+.list { font-weight: bold; }
+p.line { position: relative; margin: 0; }
+p.excerpt { margin: 0; }
+.comments { font-size: smaller; position: absolute; color: silver; right: 0; top: 0; }
+.excerpt { color: black; }
-#post pre code {
- border: none;
+/* @group Code */
+pre {
+ margin: 1em 0 1.5em 0;
+ line-height: 1.5em;
+ color: #111;
+ background: white;
+ border: 1px solid #ddc;
+ padding: 0.5em 1em;
+ overflow: hidden;
}
-#post pre.terminal {
- border: 1px solid black;
- background-color: #333;
- color: white;
+pre:hover {
+ border-right: none;
+ overflow: visible;
}
-
-#post pre.terminal code {
- background-color: #333;
+code {
+ font-size: 1em;
+ background-color: #f7f7ff;
+ line-height: 1.4em;
}
-
-#date {
- font-size: 80%;
- text-align: right;
- font-weight: normal;
+pre > code {
+ background-color: transparent;
}
+/* @end */
-#post h2 {
- border-bottom: 1px solid #ededed;
+/* @group Figures and images */
+dl.figure {
+ margin-top: 1.5em;
+ margin-bottom: 1.5em;
+ text-align: center;
}
-#post h3 {
- border-bottom: 1px solid #ededed;
- margin-top: 2em;
+dl.figure dd {
+ color: #333;
+ font-size: 0.875em;
+ margin: 0.875em auto 0 auto;
+ line-height: 1.14em;
+ text-align: justify;
+ width: 85%;
}
+/* @end */
-#page h2 {
- border-bottom: 1px solid #ededed;
-}
+/* @group Equations */
+div.maruku-equation { display: block ;text-align: center; }
+div.maruku-equation img.maruku-png { position: relative; top: -0.75em;}
+span.maruku-inline { }
+img.maruku-png { }
+/* @end */
-#page h3 {
- border-bottom: 1px solid #ededed;
- margin-top: 2em;
+#footer {
+ padding: .5em 3em 1.5em 3em;
+ font-family: 'lucida grande', sans-serif;
}
-#post_title {
- background-color: #000000;
- text-align: left;
- letter-spacing: 2px;
- line-height: 1.8em;
- /*border-bottom: 1px solid #ededed;*/
- font-weight:bold;
- font-size: 1.5em;
- position: relative;
- /*margin: 0 -1.1em 0 -1.1em;*/
- /*padding-bottom: .1em;*/
- padding: 10px 10px 10px 0px;
- margin: 0px -15px 20px -55px;
- /*-webkit-box-shadow: 0px 2px 4px #888;*/
- /*-moz-box-shadow: 0px 2px 4px #888;*/
- /*box-shadow: 0px 2px 4px #888;*/
+#pagination a.back {
+ float: left;
}
-#post_title:after {
- content: ' ';
- position: absolute;
- width: 0;
- height: 0;
- left: 0px;
- top: 100%;
- border-width: 5px 20px;
- border-style: solid;
- border-color:#666 #666 transparent transparent;
+#pagination {
+ text-align: center;
+ font-family: 'lucida grande', sans-serif;
}
-#post_title:before {
- content: ' ';
- position: absolute;
- width: 0;
- height: 0;
- right: -4px;
- top: 0px;
- border-color: transparent #fff transparent transparent;
+#pagination a.forward {
+ float: right;
}
-#post_title a{
- color:white;
-/* -moz-transition: color .25s linear;
- -webkit-transition: color .25s linear;
- transition: color .25s linear;*/
+#navigation {
+ float: right;
+ font-size: .75em;
}
-#gplus {
- padding: 0px 10px 0px 6px;
+#navigation a {
+ color: darkgray;
}
-#actual_title{
- padding: 0px 0px 0px 10px;
+hr {
+ border-color: #ccc;
+ border-style: solid;
+ border-width: 1px 0 0;
+ clear: both;
+ margin: 0 0 20px;
+ height: 0;
}
-/*#post_title {*/
- /*background-color: #000000;*/
- /*text-align: left;*/
- /*letter-spacing: 2px;*/
- /*line-height: 1.8em;*/
- /*[>border-bottom: 1px solid #ededed;<]*/
- /*font-weight:bold;*/
- /*font-size: 1.5em;*/
- /*position: relative;*/
- /*[>width: 50%;<]*/
- /*[>margin: 0 -1.1em 0 -1.1em;<]*/
- /*[>padding-bottom: .1em;<]*/
- /*padding: 6px 20px 6px 70px;*/
- /*margin: 30px 10px 10px -70px;*/
- /*text-shadow: 0px 1px 2px #bbb;*/
- /*-webkit-box-shadow: 0px 2px 4px #888;*/
- /*-moz-box-shadow: 0px 2px 4px #888;*/
- /*[>box-shadow: 0px 2px 4px #888;<]*/
-/*}*/
-
-/*#post_title:after {*/
- /*content: ' ';*/
- /*position: absolute;*/
- /*width: 0;*/
- /*height: 0;*/
- /*left: 0px;*/
- /*top: 100%;*/
- /*border-width: 5px 10px;*/
- /*border-style: solid;*/
- /*border-color: #666 #666 transparent transparent;*/
-/*}*/
-
-/*#post_title:before {*/
- /*content: ' ';*/
- /*position: absolute;*/
- /*width: 0;*/
- /*height: 0;*/
- /*right: -2px;*/
- /*top: 0px;*/
- /*border-color: transparent #fff transparent transparent;*/
-/*}*/
-
-/*#post_title a{*/
- /*color:#E50;*/
- /*-moz-transition: color .25s linear;*/
- /*-webkit-transition: color .25s linear;*/
- /*transition: color .25s linear;*/
-/*}*/
-/*#post_title a:hover{color:#E50;}*/
-
-#related {
- margin-top: 2em;
-}
-
-#related h2 {
- margin-bottom: 1em;
-}
-
-.talk {
- padding-top: 1em;
-};
-
-.avatar {
- float: right;
- -webkit-box-shadow: 0px 0px 10px #262526; -moz-box-shadow: 0px 0px 10px #262526; box-shadow: 0px 0px 10px #262526;
+#dsq-footer {
+ display: none;
}
.floatright {
@@ -344,37 +295,4 @@ ul.posts span {
-webkit-box-shadow: 5px 5px 10px #262526; -moz-box-shadow: 5px 5px 10px #262526; box-shadow: 5px 5px 10px #262526;
}
-/* stargit */
-ul.actions {
- display: block;
- list-style-type: none;
- overflow: hidden;
- padding: 0;
-}
-
-ul.actions li {
- float: left;
- font-size: 1.2em;
- margin-left: 0.6em;
-}
-
-.minibutton input {
- background-color: #f7f7f7;
- border: 1px solid #d4d4d4;
- color: #333;
- display: block;
- font-weight: bold;
- margin: 0;
- padding: 0.4em 1em;
- height: 2em;
-
- text-shadow: 0 1px 0 #fff;
-
- background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
- background: -moz-linear-gradient(top, #f4f4f4, #ececec);
-
- border-radius: 3px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
-}
generated by cgit v1.2.3 (git 2.25.1) at 2025-12-06 11:08:58 +0000