diff options
| author | Natanael Copa <ncopa@alpinelinux.org> | 2014-09-20 13:16:21 +0200 |
|---|---|---|
| committer | Natanael Copa <ncopa@alpinelinux.org> | 2014-09-20 13:16:21 +0200 |
| commit | c4983a2ccfa01430d56a7a2d8d60d30681c88e50 (patch) | |
| tree | e13efc262f4b4756201927f06b0d9daa46dbfa45 | |
| parent | 9c2fb035c9b49c27a2b56e31e8a1aa41ffa6e477 (diff) | |
| download | alpine-mksite-c4983a2ccfa01430d56a7a2d8d60d30681c88e50.tar.bz2 alpine-mksite-c4983a2ccfa01430d56a7a2d8d60d30681c88e50.tar.xz | |
tempate: move navigation bar up and to the right of logo
| -rw-r--r-- | _default.template.html | 22 | ||||
| -rw-r--r-- | _static/styles.css | 66 |
2 files changed, 49 insertions, 39 deletions
diff --git a/_default.template.html b/_default.template.html index e416d37..f932699 100644 --- a/_default.template.html +++ b/_default.template.html @@ -8,24 +8,30 @@ </head> <body> <header> + <div class="left" style="padding: 10pt;"> <span class="icon-alpine-logo"></span> - <div class="right"> + </div> + <div id="pagenav"> + <nav> + <a href="/" class="{{pagestate.index}}">home</a> + <a href="/downloads" class="{{pagestate.downloads/index}}">downloads</a> + <a href="/about" class="{{pagestate.about/index}}">about</a> + <a href="/community" class="{{pagestate.community/index}}">community</a> + </nav> + </div> + <div class="right" style="padding: 10pt;" id="sitenav"> <span>Small Simple Secure</span> - <nav> + <nav id="#sitenav"> <span class="right"> <a href="http://wiki.alpinelinux.org">wiki</a> <a href="http://git.alpinelinux.org">git</a> <a href="http://bugs.alpinelinux.org">bugs</a> + <a href="http://alpinelinux.org/forum">forums</a> </span> </nav> </div> + <p/> </header> - <nav> - <a href="/" class="{{pagestate.index}}">home</a> - <a href="/downloads" class="{{pagestate.downloads/index}}">downloads</a> - <a href="/about" class="{{pagestate.about/index}}">about</a> - <a href="/community" class="{{pagestate.community/index}}">community</a> - </nav> <div class="hidden"> <article>{{{content}}}</article> </div> diff --git a/_static/styles.css b/_static/styles.css index ef27649..b5b137c 100644 --- a/_static/styles.css +++ b/_static/styles.css @@ -16,8 +16,8 @@ body { } .widebar { - margin: 0 -500% 4em; - padding: 1.5em 500%; + margin: 0 -30% 4em; + padding: 1.5em 30%; // background: #e8f1f6; background: #d3e5ef; @@ -48,44 +48,35 @@ header { color: #0D597F; background-color: #eee; font-size: 1.7em; - padding: 0.7ex 0.7ex 0.7ex 0.7em; -} - -header nav { - font-size: 50%; - background-color: #eee; -} -header nav a { -// color: #666; - color: #17a; -} - - -header a { - color: #666; + padding: 0; + border-style: none none solid none; + border-color: #17a; } nav { - overflow: hidden; - color: #069; - background-color: #17a; - padding: .7ex; - font-size: 94%; -/* border-top: 1px solid #ccc; */ - border-bottom: 0px; + font-size: 11pt; +// background-color: #fee; + margin: 0em; + padding: 1em; } nav a { - padding: 1ex; - color: #fff; + padding: 3em 1em 3.2em 1em; + color: #111; text-decoration: none; + font-weight: bold; } -nav a.active { - color: #111; - background-color: #ff9919; +#sitenav a { + color: #17a; + padding: 0.5em; + font-weight: normal; + font-style: italic; +} - margin: 0px; +nav a.active { + background-color: #17a; + color: white; } article { @@ -116,11 +107,24 @@ td { .right { float: right; } .icon-alpine-logo { - font-size: 300%; + font-size: 250%; // color: #17a; color: #0D597F; } +#pagenav { + float: left; + margin: 1em; +// position: relative; + //top: 50%; +// -webkit-transform: translateY(300%); +// -ms-transform: translateY(300%); +// transform: translateY(300%); +// border-style: solid; +// margin: 0; +// padding: 0; +} + footer { background-color: #0D597F; font-size: .7em; |