diff --git a/_includes/dock.html b/_includes/dock.html deleted file mode 100644 index e862622..0000000 --- a/_includes/dock.html +++ /dev/null @@ -1,37 +0,0 @@ -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Home
News
Documentation
Mailing Lists
Development
Themes
Links
-
diff --git a/_includes/header.html b/_includes/header.html index bd1f5de..b6f5a95 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,10 +1,13 @@ -
- - - - -
- title bar -
-
+ diff --git a/_layouts/default.html b/_layouts/default.html index fe3979b..2980b75 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -1,25 +1,22 @@ - + - - Window Maker: {{ page.title }} - - + + - - - {% include dock.html %}{% include header.html %} - -
- - - - -
- {{ content }} -
- - {% include footer.html %} - - + +
+
+

+ + WindowMaker + +

+
+ {% include header.html %} +
+ {{ content }} +
+
+ diff --git a/img/gnustep.svg b/img/gnustep.svg new file mode 100644 index 0000000..5f4d197 --- /dev/null +++ b/img/gnustep.svg @@ -0,0 +1,261 @@ + + + + + GNUstep logo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + GNUstep logo + 21-06-2014 + + + Roman "gryf" Dobosz + + + + + + + + + + Window Maker + wmaker + GNUstep + + + + + + + + + + + + + + + + + + + + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..d2b4fdf --- /dev/null +++ b/style.css @@ -0,0 +1,124 @@ +html { + margin: 0; + padding: 0; +} + +body { + margin: 0; + padding: 0; + background-color: #515171; + font-family: Arial, sans-serif; +} + +header { + padding: 1em; + margin-top: 0; + margin-bottom: 0; + padding-top: 0.2em; + padding-bottom: 0; +} + +header h1 a { + font-family: "DejaVu Sans", sans-serif; + text-shadow: 0 4px 4px #666; + display: block; + padding-left: 1.4em; + background-image: url(/img/gnustep.svg); + background-position: left center; + background-repeat: no-repeat; + background-size: auto 100%; + text-decoration: none; + color: black; +} +header h1 span.second {color: white;} +header h1 span:first {color: black;} + +#wrapper { + width: 900px; + margin: 0 auto; + /* padding: 1em; */ + padding: 0; + margin-top: 1em; + margin-bottom: 1em; + box-shadow: 0 0 15px #000000; + background-color: #aeaaae; +} + +article { + padding: 1em; + border-right: 1px solid #333; + /* border-bottom: 1px solid #333; */ +} + +.nav { + position: relative; + padding: 0.6em 0 0.4em 0.6em; + border-bottom: 1px solid #333; + border-top: 1px solid #333; + background: linear-gradient(#444, #411, #000) repeat scroll 0 0 transparent; + border-bottom: 1px solid #000000; + border-top: 1px solid #333; +} +.nav ul { + margin: 0; + padding: 0; +} +.nav li { + margin: 0 5px 5px 0; + padding: 0; + list-style: none; + display: inline-block; +} +.nav a { + padding: 3px 12px; + text-decoration: none; + color: #999; + line-height: 100%; +} +.nav a:hover { + color: #BBB; +} + +.nav form { + display: inline; +} + +.nav .current a { + color: #fff; +} + + +@media screen and (max-width: 900px) { + + #wrapper { + width: 100%; + margin: 0; + } + + article { + width: auto; + } + +} + +@media screen and (max-width: 600px) { + + #wrapper { + width: 100%; + margin: 0; + } + + #header { + height: auto; + } + + .image-left { + float: none; + } + + article { + width: auto; + float: none; + } + +}