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 0000000..7fb60f5 Binary files /dev/null and b/img/close.png differ diff --git a/img/minimize.png b/img/minimize.png new file mode 100644 index 0000000..e66ab0e Binary files /dev/null and b/img/minimize.png differ 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 {