aboutsummaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
Diffstat (limited to 'css')
-rw-r--r--css/base.css120
-rw-r--r--css/base.css~210
-rw-r--r--css/default.css104
3 files changed, 330 insertions, 104 deletions
diff --git a/css/base.css b/css/base.css
new file mode 100644
index 0000000..2143bb7
--- /dev/null
+++ b/css/base.css
@@ -0,0 +1,120 @@
+body, html {
+ width: 100%;
+ height: 100%;
+}
+html {
+ min-height:100%;
+ position:relative
+ background-color: #fff;
+ font-size: 16px;
+ font-family: sans-serif;
+ line-height: 24px;
+}
+body {
+ color: #333;
+ font-size:16px;
+ margin:0px;
+ padding: 0;
+}
+h1, h2, h3 {
+ margin: 0px 0px 18px 0px;
+ padding: 24px 0px 0px 0px;
+}
+
+p, ul {
+ margin: 18px 0px 18px 0px;
+}
+
+img {
+ margin: 12px 0px 12px 0px;
+ max-width: 100%;
+}
+
+ul {
+ padding-left: 18px;
+}
+
+a {
+ color: #111;
+ text-decoration: none;
+}
+
+h1, h2, h3 {
+ font-weight: normal;
+}
+
+h1 {
+ font-size: 26px;
+}
+
+h2 {
+ font-size: 22px;
+}
+
+h3 {
+ font-size: 18px;
+}
+@media screen and (min-width: 768px) {
+ aside {
+ width: 20%;
+ height: 100%;
+ position: fixed;
+ top:0;
+ left:0;
+
+ }
+ main {
+ width: 80%;
+ position: absolute;
+ top: 0;
+ left: 20%;
+ }
+}
+aside h1, aside h2, aside h3{
+ margin: 0px 0px 8px 0px;
+ padding: 8px 0px 0px 0px;
+}
+aside ul {
+ padding-left: 0px;
+ margin: 8px 0px 8px 0px;
+}
+aside {
+ background-color: #333333;
+ color: #ffffff;
+ text-align: center;
+}
+aside a{
+ color: #eeeeee;
+}
+aside div{
+ padding-bottom: 1em;
+}
+aside div img{
+ border-radius: 50%;
+ max-width: 120px;
+}
+aside div nav ul li{
+ display: block;
+ text-transform: lowercase;
+}
+
+footer {
+ color:#999999;
+ font-size:12px;
+ text-align:center;
+ height:4em;
+ width:100%;
+ padding-top:1.2em;
+ font-family:sans-serif
+ bottom: 0;
+}
+footer a{
+ color: #111111;
+ font-weight: bold;
+}
+div#content {
+ padding-left: 4%;
+}
+main a{
+ border-bottom: 1px solid #555;
+}
diff --git a/css/base.css~ b/css/base.css~
new file mode 100644
index 0000000..94f8f58
--- /dev/null
+++ b/css/base.css~
@@ -0,0 +1,210 @@
+h1, h2, h3 {
+ margin: 0px 0px 18px 0px;
+ padding: 24px 0px 0px 0px;
+}
+
+p, ul {
+ margin: 18px 0px 18px 0px;
+}
+
+img {
+ margin: 12px 0px 12px 0px;
+ max-width: 100%;
+}
+
+ul {
+ padding-left: 18px;
+}
+
+div#footer {
+ margin: 60px 0px 36px 0px;
+}
+
+html {
+ background-color: #fff;
+ font-size: 16px;
+ font-family: sans-serif;
+ line-height: 24px;
+}
+
+body {
+ color: #333;
+}
+
+a {
+ color: #111;
+ text-decoration: none;
+ border-bottom: 1px solid #555;
+}
+
+/* Pandoc 2 puts 'a' elements inside code blocks for linking to lines. We don't
+ * want to underline those. */
+code a {
+ border-bottom: none;
+}
+
+div.figure a{
+ border: none;
+}
+
+@media all and (min-width: 620px) {
+ div.flickr img {
+ border: 1px solid #888;
+ padding: 6px;
+ }
+}
+
+div.flickr {
+ margin-top: 60px;
+ margin-bottom: 60px;
+}
+
+a img {
+ margin-bottom: 0px;
+}
+
+pre {
+ margin-left: 18px;
+ overflow: auto;
+}
+
+pre code {
+ background-color: transparent;
+ color: #333;
+ font-size: 14px;
+ margin: 0px;
+ padding: 0px;
+}
+
+code {
+ color: #408090;
+}
+
+h1, h2, h3 {
+ font-weight: normal;
+}
+
+h1 {
+ font-size: 26px;
+}
+
+h2 {
+ font-size: 22px;
+}
+
+h3 {
+ font-size: 18px;
+}
+
+
+blockquote {
+ background: #e6e6e6 url("../images/quote-background.png") no-repeat left top;
+ font-style: italic;
+ margin-left: 18px;
+ padding: 6px 6px 6px 54px;
+}
+
+hr {
+ border: none;
+ margin: 36px auto 36px auto;
+ text-align: center;
+}
+
+hr:after {
+ content: "\002217 \002217 \002217";
+}
+
+span.soft, figcaption {
+ font-style: italic;
+ color: #555;
+}
+
+div.figure {
+ text-align: center;
+}
+
+div.figure p {
+ margin-top: 6px;
+}
+
+Au.footnote-ref {
+ border: none;
+}
+
+a.footnote-ref sup:before {
+ content: "(";
+}
+
+a.footnote-ref sup:after {
+ content: ")";
+}
+
+a.footnote-ref sup {
+ padding: 2px;
+}
+
+a.footnote-back {
+ border: none;
+ padding: 0px 6px 0px 6px;
+}
+
+section.footnotes:before {
+ content: "Footnotes";
+ font-size: 18px;
+ padding-left: 18px;
+}
+
+section.footnotes {
+ border-left: 1px dashed #555;
+ color: #555;
+ margin-top: 36px;
+}
+
+section.footnotes hr {
+ display: none;
+}
+
+div.photoblog img {
+ margin-top: 48px;
+ margin-bottom: 48px;
+}
+
+div.photoblog div.pagination {
+ font-size: 14px;
+ padding: 12px 0px;
+}
+
+div#footer {
+ font-size: 14px;
+}
+
+footer {
+ color:#999999;
+ font-size:12px;
+ text-align:center;
+ height:4em;
+ background-color:#323232;
+ position:absolute;
+ bottom:0;
+ width:100%;
+ overflow:hidden;
+ padding-top:1em;
+ font-family:sans-serif
+}
+footer a{
+ color: #fff;
+ font-weight: bold;
+}
+
+/*******************************************************************************
+ * Disqus *
+ ******************************************************************************/
+
+/* Reset list image for disqus */
+div#disqus_thread ul {
+ list-style-image: none;
+}
+
+div#dsq-subscribe em {
+ text-decoration: none;
+}
diff --git a/css/default.css b/css/default.css
deleted file mode 100644
index d61b8af..0000000
--- a/css/default.css
+++ /dev/null
@@ -1,104 +0,0 @@
-
-html {
- /* to allow the #footer to be properly positioned
- at the bottom, even when #content is longer than
- the viewport high */
- min-height: 100%;
- position: relative;
-}
-
-body {
- color: black;
- font-size: 16px;
- margin: 0px;
-}
-
-header {
- margin-bottom: 0px;
- padding: 50px;
- background: linear-gradient(to right,#19111f 0%,#2c1e37 100%);
-}
-
-div.logo a {
- color: #FFFFFF;
- float: left;
- font-family: sans-serif;
- font-size: 28px;
- font-weight: bold;
- text-decoration: none;
-}
-
-header nav {
- text-align: right;
-}
-
-header nav a {
- color: #d1cddc!important;
- font-family: sans-serif;
- font-size: 14px;
- font-weight: bold;
- margin-left: 12px;
- text-decoration: none;
- text-transform: uppercase;
-}
-
-header nav a:hover{
- color: #FFFFFF;
-}
-
-main {
- margin-left: 50px;
- margin-right: 50px;
- margin-bottom: 5.5rem; /* footer-height + 1.5rem */
-}
-
-main h1{
- color: #6e618d;
- font-size: 25px;
- font-family: sans-serif;
-}
-
-main h2{
- color: #6e618d;
- font-size: 20px;
- font-family: sans-serif;
-}
-
-main, /* this line for archives page */
-main p{
- color: #333333;
- font-family: sans-serif;
- font-size: 15px;
-}
-
-main a{
- color: #428bca;
- text-decoration: none;
-}
-
-footer {
- color: #999999;
- font-size: 12px;
- text-align: center;
- height: 4em;
- background-color: #323232;
- position: absolute;
- bottom: 0;
- width: 100%;
- overflow: hidden;
- padding-top: 1em;
- font-family: sans-serif;
-}
-
-footer a {
- color: #ffffff;
- font-weight: bold;
- text-decoration: none;
-}
-
-section.header {
- color: #555;
- font-size: 14px;
- font-style: italic;
-}
-
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-21 22:45:22 +0000