diff --git a/balkiantheme/static/css/main-desktop.css b/balkiantheme/static/css/main-desktop.css index 27e2490..348b99e 100755 --- a/balkiantheme/static/css/main-desktop.css +++ b/balkiantheme/static/css/main-desktop.css @@ -1,6 +1,6 @@ #badge{ position: relative; - margin: -100px auto 30px; + margin: 0 auto 30px; width: 180px; height: 210px; padding: 0; @@ -106,20 +106,12 @@ /*}*/ #container { - min-height: 100%; - position:relative; width: 1200px; margin: 0 auto; - } #contentwrapper { - position: relative; width: 1200px; - padding-bottom: 220px; - background-color: rgba(255, 255, 255, 0.5); - overflow: display; - border: 1px solid #CCC; } #sidebar { @@ -136,7 +128,6 @@ #content { - position: relative; width: 840px; padding: 10px 30px; float: right; @@ -154,39 +145,6 @@ height: 0; } - -footer { - height: 180px; - position:absolute; - clear: both; - bottom: 0px; - left: -10px; - padding: 10px; - text-align: center; - width: 100%; - margin: 0; - background-color: #000; - color: white; - font-weight: bold; - /*text-shadow: 2px 2px 1px #AAA;*/ -} - -footer div, footer p, footer ul{ - color: white; - padding: 2px; - margin: 3px; -} - -footer a { - color: #069; - text-shadow: 1px 1px 1px #FFF; -} - -footer a:hover { - text-shadow: 0.1em 0.1em 0.1em #333; - /*color: #ffd700;*/ -} - .date { position: absolute; right: -10px; @@ -199,6 +157,11 @@ footer a:hover { font-weight: bold; } +footer { + width: 102%; + margin-left: -1%; +} + h1 + .date { margin-top: -3.5em; } @@ -221,43 +184,6 @@ header { padding: 0; } -/*#social:after {*/ - /*content: ".";*/ - /*display: block;*/ - /*clear: both;*/ - /*visibility: hidden;*/ - /*line-height: 0;*/ - /*height: 0;*/ -/*}*/ - -#social li { - position: relative; - list-style-type: none; - display: inline-block; - height: 100px; - width: 80px; - padding: 0; -} - -#social li a { - margin: 0; - position: absolute; - text-align: center; - font-size: 60px; - left: 0; - top: 0; -} - -#social li a:hover { - position: absolute; - font-size: 80px; - top: -15px; - left: -10px; - /*left: 10px;*/ - /*top: -50px;*/ - z-index: 100; -} - #navbar { font-size: 1.2em; padding-left: 300px; @@ -265,7 +191,6 @@ header { div.navbar { background-color: black; - border-radius: 20px 0px 0px; } .navbar ul { @@ -314,27 +239,6 @@ div.navbar { color: #c00; } -a { - color: #069; - text-decoration: none; -} - -.label { - font-family: comfortaa; - border-radius: 10px 0px 0px 10px; - padding: 5px; - background-color: #ffd700; - color: black; - font-size: 10px; - padding-left: 10px; - border: 1px solid #777; -} - -.label:after{ - content: " •"; - color: #666; -} - .postnav { height: 1em; width: 100%; @@ -357,6 +261,7 @@ a { display:inline; width: 33.333%; } + @-webkit-keyframes toright { from { padding-left: 0px; diff --git a/balkiantheme/static/css/main-medium.css b/balkiantheme/static/css/main-medium.css index dac0314..503b0c6 100644 --- a/balkiantheme/static/css/main-medium.css +++ b/balkiantheme/static/css/main-medium.css @@ -1,6 +1,6 @@ #badge{ position: relative; - margin: -40px auto 10px; + margin: 0px auto 10px; width: 80%; height: 180px; padding: 0; @@ -101,16 +101,8 @@ visibility: hidden; } -#container { - min-height: 100%; - position:relative; - padding: 1em 2em; - margin: 0 auto; -} - #contentwrapper { position: relative; - padding-bottom: 200px; background-color: rgba(255, 255, 255, 0.5); overflow: display; border: 1px solid #CCC; @@ -150,38 +142,6 @@ height: 0; } -footer { - height: 110px; - position:absolute; - clear: both; - bottom: 0px; - left: -10px; - padding: 10px; - text-align: center; - width: 100%; - margin: 0; - background-color: #000; - color: white; - font-weight: bold; - /*text-shadow: 2px 2px 1px #AAA;*/ -} - -footer div, footer p, footer ul{ - color: white; - padding: 2px; - margin: 3px; -} - -footer a { - color: #069; - text-shadow: 1px 1px 1px #FFF; -} - -footer a:hover { - text-shadow: 0.1em 0.1em 0.1em #333; - /*color: #ffd700;*/ -} - .date { position: absolute; right: -10px; @@ -220,35 +180,6 @@ header { padding-left: 20%;; } -#social li { - position: relative; - list-style-type: none; - display: inline-block; - height: 50px; - width: 40px; - padding: 0; -} - -#social li a { - margin: 0; - position: absolute; - text-align: center; - font-size: 30px; - left: 0; - top: 0; -} - -#social li a:hover { - position: absolute; - font-size: 80px; - top: -15px; - left: -10px; - /*left: 10px;*/ - /*top: -50px;*/ - z-index: 100; -} - - #navbar { font-size: 1em; padding-left: 20%;; @@ -256,7 +187,6 @@ header { div.navbar { background-color: black; - border-radius: 20px 0px 0px; } .navbar ul { @@ -310,22 +240,6 @@ a { text-decoration: none; } -.label { - font-family: comfortaa; - border-radius: 10px 0px 0px 10px; - padding: 5px; - background-color: #ffd700; - color: black; - font-size: 10px; - padding-left: 10px; - border: 1px solid #777; -} - -.label:after{ - content: " •"; - color: #666; -} - .postnav { height: 1em; width: 100%; diff --git a/balkiantheme/static/css/main-xs.css b/balkiantheme/static/css/main-xs.css index e2452f2..f3b331b 100644 --- a/balkiantheme/static/css/main-xs.css +++ b/balkiantheme/static/css/main-xs.css @@ -3,8 +3,12 @@ } #container { - margin: 1em; - padding: 0.2em; + padding: 0em; +} + +#contentwrapper { + padding-left: 0.5em; + padding-right: 0.5em; } #headline { @@ -88,21 +92,21 @@ div.navbar { } -.label { - font-family: comfortaa; - border-radius: 10px 0px 0px 10px; - padding: 5px; - background-color: #ffd700; - color: black; - font-size: 10px; - padding-left: 10px; - border: 1px solid #777; -} +/* .label { */ +/* font-family: comfortaa; */ +/* border-radius: 10px 0px 0px 10px; */ +/* padding: 5px; */ +/* background-color: #ffd700; */ +/* color: black; */ +/* font-size: 10px; */ +/* padding-left: 10px; */ +/* border: 1px solid #777; */ +/* } */ -.label:after{ - content: " •"; - color: #666; -} +/* .label:after{ */ +/* content: " •"; */ +/* color: #666; */ +/* } */ a { color: #069; text-decoration: none; @@ -124,64 +128,4 @@ a { background-color: white; border: dashed 1px #AAA; text-align: center; -} - -.nextpost, .nextpage { - float: right; -} - -.previouspost, .previouspage { - float: left; -} -footer { - margin: 0 auto; - text-align: center; - padding: 1em; - background-color: black; - color: white; -} -#social { - margin: 0 auto; - padding: 0; -} - -/*#social:after {*/ - /*content: ".";*/ - /*display: block;*/ - /*clear: both;*/ - /*visibility: hidden;*/ - /*line-height: 0;*/ - /*height: 0;*/ -/*}*/ - -#social li { - position: relative; - list-style-type: none; - display: inline-block; - height: 100px; - width: 80px; - padding: 0; -} - -#social li a { - margin: 0; - position: absolute; - text-align: center; - font-size: 60px; - left: 0; - top: 0; -} - -#social li a:hover { - position: absolute; - font-size: 80px; - top: -15px; - left: -10px; - /*left: 10px;*/ - /*top: -50px;*/ - z-index: 100; -} - -.highlighttable { - width: 100%; -} +} \ No newline at end of file diff --git a/balkiantheme/static/css/main.css b/balkiantheme/static/css/main.css index 96fdcc1..1ae62c1 100755 --- a/balkiantheme/static/css/main.css +++ b/balkiantheme/static/css/main.css @@ -11,14 +11,63 @@ body { background: url(../img/noise.jpg); } +#container { + min-height: 100%; + position:relative; + margin: 0 auto; +} + +#contentwrapper { + position: relative; + background-color: rgba(255, 255, 255, 0.5); + overflow: display; + border: 1px solid #CCC; + padding-bottom: 12.5em; +} + +a { + color: #069; + text-decoration: none; +} + +footer { + height: 12em; + bottom: -0em; + position: absolute; + background-color: #000; + color: white; + font-weight: bold; + text-align: center; + margin: 0 auto; + width: 100%; + overflow: auto; +} + +footer div, footer p, footer ul{ + color: white; + padding: 2px; + margin: 3px; +} + .site .footer { font-size: 80%; color: #666; border-top: 4px solid #eee; margin-top: 2em; + margin: 0em; + padding: 1em; overflow: hidden; } +footer a { + color: #FFF; + text-shadow: 1px 1px 1px #069; +} + +footer a:hover { + text-shadow: 0.1em 0.1em 0.1em #333; +} + .site .footer .contact { float: left; margin-right: 3em; @@ -61,6 +110,48 @@ body { padding-left: 0.5em; } + +.nextpost, .nextpage { + float: right; +} + +.previouspost, .previouspage { + float: left; +} + +#social { + margin: 0 auto; + padding: 0; +} + +#social li { + position: relative; + list-style-type: none; + display: inline-block; + height: 100px; + width: 80px; + padding: 0; +} + +#social li a { + margin: 0; + position: absolute; + text-align: center; + font-size: 60px; + left: 0; + top: 0; +} + +#social li a:hover { + position: absolute; + font-size: 80px; + top: -15px; + left: -10px; + /*left: 10px;*/ + /*top: -50px;*/ + z-index: 100; +} + .highlighttable { display: block; overflow: auto; @@ -113,7 +204,7 @@ body { .pag-top{ margin: -9px auto; - margin-bottom 0; + margin-bottom: 0; border-radius: 0 0 15px 15px; border: dashed 1px #AAA; border-top-width: 0; @@ -206,3 +297,19 @@ a:hover { .hll { background: yellow; } + +.label { + font-family: comfortaa; + border-radius: 10px 0px 0px 10px; + padding: 5px; + background-color: #ffd700; + color: black; + font-size: 10px; + padding-left: 10px; + border: 1px solid #777; +} + +.label:after{ + content: " •"; + color: #666; +} \ No newline at end of file diff --git a/balkiantheme/static/img/batman.jpg b/balkiantheme/static/img/batman.jpg new file mode 100644 index 0000000..3098370 Binary files /dev/null and b/balkiantheme/static/img/batman.jpg differ diff --git a/balkiantheme/static/img/me-bat-small.png b/balkiantheme/static/img/me-bat-small.png new file mode 100644 index 0000000..e6d0697 Binary files /dev/null and b/balkiantheme/static/img/me-bat-small.png differ diff --git a/balkiantheme/static/img/me-bat.png b/balkiantheme/static/img/me-bat.png new file mode 100644 index 0000000..bd2017c Binary files /dev/null and b/balkiantheme/static/img/me-bat.png differ diff --git a/balkiantheme/static/img/me.jpg b/balkiantheme/static/img/me-li.jpg similarity index 100% rename from balkiantheme/static/img/me.jpg rename to balkiantheme/static/img/me-li.jpg diff --git a/balkiantheme/static/img/me-vag.png b/balkiantheme/static/img/me-vag.png new file mode 100644 index 0000000..cfd2af6 Binary files /dev/null and b/balkiantheme/static/img/me-vag.png differ diff --git a/balkiantheme/templates/base.html b/balkiantheme/templates/base.html index 75bcc03..ae0bd86 100644 --- a/balkiantheme/templates/base.html +++ b/balkiantheme/templates/base.html @@ -23,37 +23,40 @@
@@ -67,7 +70,7 @@
- +
diff --git a/content/pages/about.md b/content/pages/about.md index ab8f568..a674d6c 100644 --- a/content/pages/about.md +++ b/content/pages/about.md @@ -1,7 +1,5 @@ title: About -

This is me.... I mean, my website

-