summaryrefslogtreecommitdiffstats
path: root/content/style.scss
diff options
context:
space:
mode:
authorTomasz Kramkowski <tk@the-tk.com>2018-07-18 23:46:06 +0100
committerTomasz Kramkowski <tk@the-tk.com>2018-07-18 23:55:42 +0100
commitc34ae6fed8503c6f8b27b4bd55cf26bb3f47ad23 (patch)
treea50e1f923f5101846e440fba4b076b14d8ac6b4b /content/style.scss
downloadthe-tk.com-c34ae6fed8503c6f8b27b4bd55cf26bb3f47ad23.tar.gz
the-tk.com-c34ae6fed8503c6f8b27b4bd55cf26bb3f47ad23.tar.xz
the-tk.com-c34ae6fed8503c6f8b27b4bd55cf26bb3f47ad23.zip
init commit
Diffstat (limited to 'content/style.scss')
-rw-r--r--content/style.scss153
1 files changed, 153 insertions, 0 deletions
diff --git a/content/style.scss b/content/style.scss
new file mode 100644
index 0000000..e1873b8
--- /dev/null
+++ b/content/style.scss
@@ -0,0 +1,153 @@
+html {
+ background-image: url(./images/grid_noise.png);
+ background-repeat: repeat;
+ background-color: #F3F5F7;
+ font-family: sans-serif;
+ text-align: justify;
+}
+
+main {
+ max-width: 100%;
+ min-width: 60%;
+ width: 50em;
+ margin: 1em auto;
+ padding: 1em;
+ background-color: white;
+ box-shadow: 0 0 5px #888;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+#copyright {
+ color: grey;
+ font-size: x-small;
+ text-align: center;
+}
+
+nav {
+ overflow: hidden; width: 100%; font-weight: bold; font-size: large;
+ a { text-decoration: none; }
+ a:link { color: black; }
+ a:visited { color: black; }
+ a:hover { color: grey; }
+ a:active { color: darkgrey; }
+}
+
+code, div.codehilite pre {
+ border: 1px dashed #DDD;
+ background-color: #FAFAFA;
+ padding: 0.1em;
+}
+div.codehilite pre { display: block; overflow: auto; }
+
+.fleft { float: left; }
+.fright { float: right; }
+
+figure {
+ margin: 0 0.5em;
+ figcaption {
+ font-size: small;
+ color: #BBB;
+ text-align: right;
+ border-top: thin dotted grey;
+ }
+}
+
+blockquote { font-family: serif; }
+
+img.icon { height: 0.8em; }
+
+a:link { color: grey; } a:hover { color: lightgrey; }
+a:visited { color: darkgrey; } a:active { color: darkgrey; }
+
+footer { text-align: center; }
+
+hr { border: none; border-top: 1px dashed lightgrey; height: 0px; }
+
+article footer {
+ text-align: right;
+}
+
+time {
+ color: #BBB;
+}
+
+ul.taglist {
+ padding-left: 0;
+ list-style: none;
+ li { display: inline; }
+}
+
+ul.postlist {
+ padding-left: 0;
+ list-style: none;
+}
+
+ul.projects {
+ padding-left: 0;
+ list-style: none;
+}
+
+/* Syntax highlighting mess */
+.codehilite {
+ .c { color: #998; font-style: italic }
+ .err { color: #a61717; background-color: #e3d2d2 }
+ .k { font-weight: bold }
+ .o { font-weight: bold }
+ .cm { color: #998; font-style: italic }
+ .cp { color: #999; font-weight: bold }
+ .c1 { color: #998; font-style: italic }
+ .cs { color: #999; font-weight: bold; font-style: italic }
+ .gd { color: #000; background-color: #fdd }
+ .gd .x { color: #000; background-color: #faa }
+ .ge { font-style: italic }
+ .gr { color: #a00 }
+ .gh { color: #999 }
+ .gi { color: #000; background-color: #dfd }
+ .gi .x { color: #000; background-color: #afa }
+ .go { color: #888 }
+ .gp { color: #555 }
+ .gs { font-weight: bold }
+ .gu { color: #aaa }
+ .gt { color: #a00 }
+ .kc { font-weight: bold }
+ .kd { font-weight: bold }
+ .kp { font-weight: bold }
+ .kr { font-weight: bold }
+ .kt { color: #458; font-weight: bold }
+ .m { color: #099 }
+ .s { color: #d14 }
+ .na { color: #008080 }
+ .nb { color: #0086B3 }
+ .nc { color: #458; font-weight: bold }
+ .no { color: #008080 }
+ .ni { color: #800080 }
+ .ne { color: #900; font-weight: bold }
+ .nf { color: #900; font-weight: bold }
+ .nn { color: #555 }
+ .nt { color: #000080 }
+ .nv { color: #008080 }
+ .ow { font-weight: bold }
+ .w { color: #bbb }
+ .mf { color: #099 }
+ .mh { color: #099 }
+ .mi { color: #099 }
+ .mo { color: #099 }
+ .sb { color: #d14 }
+ .sc { color: #d14 }
+ .sd { color: #d14 }
+ .s2 { color: #d14 }
+ .se { color: #d14 }
+ .sh { color: #d14 }
+ .si { color: #d14 }
+ .sx { color: #d14 }
+ .sr { color: #009926 }
+ .s1 { color: #d14 }
+ .ss { color: #990073 }
+ .bp { color: #999 }
+ .vc { color: #008080 }
+ .vg { color: #008080 }
+ .vi { color: #008080 }
+ .il { color: #099 }
+}