From 58ec317db5c46e462897f610b271ec2fce8d0e08 Mon Sep 17 00:00:00 2001 From: gryf Date: Mon, 11 Feb 2019 18:59:23 +0100 Subject: [PATCH] Added window decortation for main wrapper. --- _layouts/default.html | 6 +++ img/close.png | Bin 0 -> 197 bytes img/minimize.png | Bin 0 -> 173 bytes style.css | 91 ++++++++++++++++++++++++++++++++++++++++-- 4 files changed, 94 insertions(+), 3 deletions(-) create mode 100644 img/close.png create mode 100644 img/minimize.png diff --git a/_layouts/default.html b/_layouts/default.html index 2980b75..f82fda8 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -6,6 +6,9 @@
+
+
Window Maker: {{ page.title }}
+

@@ -17,6 +20,9 @@
{{ content }}
+
+
+

diff --git a/img/close.png b/img/close.png new file mode 100644 index 0000000000000000000000000000000000000000..7fb60f5d975595a1bb66547a293186b54586d9b2 GIT binary patch literal 197 zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V3y@T|W;X*;OiAAEE)4(M`_JqL@;D1TB8!2l zg+Q2bYlC?SP>{XE)7O>#F%!3dHJgRezX?Dg+02lL66gHf+|)df3I+z}qSVBa)D(sC z%#sWRcTeAd6une-pt!E5i(?4K_2eJ?EIb|zXa4_}kCZs)%&}PGM?cF2A1Cv{XE)7O>#F%!3dm6EKMHc*5?HZvrm#5q4VH#HBWf`P%gC^fMpHASI3 zvm`^o-P1Q9MK6^dC@$*h;uyklJ^4pJtHA`N6Af%Hv^zK%A}!KqF5D$<57O!B>gTe~ HDWM4ftB5GG literal 0 HcmV?d00001 diff --git a/style.css b/style.css index d2b4fdf..9d2b38e 100644 --- a/style.css +++ b/style.css @@ -30,24 +30,109 @@ header h1 a { text-decoration: none; color: black; } + header h1 span.second {color: white;} header h1 span:first {color: black;} +#resizel, #resizer { + margin: 0; + padding: 0; + height: 6px; + width: 28px; + border-left: 1px solid white; + border-top: 1px solid white; + border-right: 1px solid #555555; +} + +#resizebar { + position: absolute; + bottom: 2px; + display: inline-flex; + width: 100%; + margin: 0; + margin-top: 0px; + padding: 0; + background: #aaaaaa; + height: 5px; + border-top: 1px solid #555555; +} + +#resizebar-inner { + margin: 0; + padding: 0; + margin-top: 0px; + height: 6px; + width: 100%; + border-left: 1px solid white; + border-top: 1px solid white; + border-right: 1px solid #555555; +} + +#minimize, #close { + margin: 0; + padding: 0; + height: 19px; + width: 19px; + border-left: 1px solid #b6b6b6; + border-top: 1px solid #b6b6b6; + border-right: 1px solid #616161; + border-bottom: 1px solid #616161; + background-repeat: no-repeat; + background-position: center center; +} + +#minimize { + margin-right: 1px; + background-image: url(/img/minimize.png); +} + +#close { + margin-left: 1px; + background-image: url(/img/close.png); +} + +#titlebar { + display: inline-flex; + width: 100%; + margin: 0; + margin-top: 0px; + padding: 0; + background: black; + height: 22px; +} + +#titlebar-inner { + margin: 0; + padding: 0; + margin-top: 0px; + background: black; + height: 19px; + width: 100%; + border-left: 1px solid #b6b6b6; + border-top: 1px solid #b6b6b6; + border-right: 1px solid #616161; + border-bottom: 1px solid #616161; + font-size: 0.8em; + font-color: white; + text-align: center; + vertical-align: middle; +} + #wrapper { + position: relative; width: 900px; margin: 0 auto; /* padding: 1em; */ - padding: 0; + /* padding: 0; */ margin-top: 1em; margin-bottom: 1em; box-shadow: 0 0 15px #000000; background-color: #aeaaae; + border: 1px solid black; } article { padding: 1em; - border-right: 1px solid #333; - /* border-bottom: 1px solid #333; */ } .nav {