Skip to content
Permalink
Browse files
Add slidemenu theme by Chris Warrick
  • Loading branch information
Kwpolska committed Aug 29, 2016
1 parent 5ab7a58 commit 99028a2cda3aa6a82297ea4cf2cc9f03b041e635
@@ -0,0 +1,30 @@
Copyright © 2016, Chris Warrick.
All rights reserved.

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are
met:

1. Redistributions of source code must retain the above copyright
notice, this list of conditions, and the following disclaimer.

2. Redistributions in binary form must reproduce the above copyright
notice, this list of conditions, and the following disclaimer in the
documentation and/or other materials provided with the distribution.

3. Neither the name of the author of this software nor the names of
contributors to this software may be used to endorse or promote
products derived from this software without specific prior written
consent.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
@@ -0,0 +1,47 @@
slidemenu theme for Nikola
==========================

A minimalistic, responsive-ish theme for Nikola, based on the `base-jinja` theme, with a slide-out menu.

Customization
-------------

You can customize the theme by creating a `custom.css` file (`files/assets/css/custom.css`). Copy-paste the `/* Color preferences */` section from the provided `slidemenu.css` file and choose your own color scheme. Make sure to change `THEME_COLOR` in `conf.py` to fit.

The theme defaults to the system font stack (taken from Bootstrap 4), but you can use your own fonts by editing CSS.

License
-------

*This theme was originally created in January 2016 for a private project and is now being made available to the public, with some modifications.*

Copyright © 2016, [Chris Warrick](https://chriswarrick.com/).
All rights reserved.

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are
met:

1. Redistributions of source code must retain the above copyright
notice, this list of conditions, and the following disclaimer.

2. Redistributions in binary form must reproduce the above copyright
notice, this list of conditions, and the following disclaimer in the
documentation and/or other materials provided with the distribution.

3. Neither the name of the author of this software nor the names of
contributors to this software may be used to endorse or promote
products derived from this software without specific prior written
consent.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
@@ -0,0 +1,281 @@
/* CSS for slidemenu
* Copyright © 2016, Chris Warrick. All rights reserved.
* License: 3-clause BSD
*/

/* Color preferences */
#header, nav#menu li.active a, nav#menu li a:hover, #menu-toggle,
button.form-control, a.btn {
background: #5670d4;
}

.entry-title, .entry-title a {
color: #5670d4;
}

nav#menu li.group, ul.pager li a, input.form-control {
border: 1px solid #5670d4;
}

nav#menu, nav#menu li a, #menu-toggle.active {
background: #ccf;
}

#menu-toggle:focus, #menu-toggle:active {
outline: none;
color: #ccf;
}

#menu-toggle.active:focus, #menu-toggle.active:active {
color: #00c;
}
/* End of color preferences */

/* Display CSS */
body {
font-size: 11pt;
margin: 0 auto;
padding: 0;
}

body, #menu-toggle, input.form-control, button.form-control, a.btn {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#container {
max-width: 1200px;
margin-top: 0;
}

@media (max-width: 840px) {
body {
margin-left: 20px;
margin-right: 20px;
}
}

@media (min-width: 841px) and (max-width: 999px) {
#container {
max-width: 800px;
}
}

@media (min-width: 1000px) and (max-width: 1400px) {
#container {
max-width: 960px;
}
}

#header {
margin-top: 0;
text-align: center;
min-height: 100px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
box-shadow: #000 0px 0px 20px;
}

#header #brand {
margin: 0;
padding: 0;
}

#header #brand a {
color: white;
line-height: 100px;
font-size: 60px;
text-decoration: none;
}

#footer {
text-align: center;
color: #555;
}

table {
margin: 0 auto;
width: 95%;
table-layout: fixed;
border-spacing: 0;
border-collapse: collapse;
}

.table td, .table th {
border: 1px solid #000;
}

.table th {
font-weight: bold;
}

nav#menu {
width: 300px;
height: 100%;
margin: 0;
transition: all 1s ease;
position: fixed;
left: 0px;
top: 0px;
overflow: auto;
box-shadow: #000 3px 3px 5px;
}

nav#menu ul {
list-style: none;
padding: 0;
margin: 0;
}

nav#menu ul li {
display: block;
margin-right: 0;
border-radius: 20px;
}

nav#menu li a {
margin: 0;
width: 100%;
text-decoration: none;
display: block;
height: 40px;
line-height: 40px;
border-radius: 20px;
transition: all 0.3s ease;
}

nav#menu li a {
color: #000;
}

nav#menu li.active a {
color: white;
}

nav#menu li a:hover {
color: white;
}

nav#menu li .group-header {
height: 40px;
font-weight: bold;
text-transform: uppercase;
}

nav#menu li.group {
margin: 10px 0;
}

nav#menu.hide {
left: -300px;
box-shadow: none;
}

#menu-toggle {
margin: 0;
height: 40px;
width: 100px;
text-align: center;
border: 0;
color: white;
border-bottom-right-radius: 20px;
font-size: 20px;
line-height: 30px;
position: fixed;
top: 0px;
left: 0px;
transition: all 1s ease;
box-shadow: #000 3px 3px 5px;
z-index: 2;
}

#menu-toggle.active {
color: #000;
left: 300px;
}

.entry-title, .entry-title a {
text-align: center;
text-decoration: none;
font-size: 20pt;
}

ul.pager {
display: block;
list-style: none;
padding: 0;
text-align: center;
}

ul.pager li {
display: inline;
margin: 0 15px;
}

ul.pager li a {
display: inline-block;
border-radius: 12.5px;
height: 25px;
line-height: 25px;
text-decoration: none;
color: #000;
padding: 0 10px;
text-align: center;
}

ul.pager .previous a:before {
content: "« ";
}

ul.pager .next a:after {
content: " »";
}

/* reset from base theme */
.postindexpager .pager .next:before,
.postindexpager .pager .previous:before,
.postpromonav .pager .next:after,
.postpromonav .pager .previous:before {
content: "";
}

.lead {
font-size: 1.3em;
}

input.form-control {
font-size: 15px;
line-height: 30px;
margin-right: 10px;
border-radius: 15px;
padding: 5px;
height: 20px;
}

button.form-control, a.btn {
border: 0;
border-radius: 15px;
height: 30px;
color: white;
display: inline-block;
padding: 0 10px;
font-size: 15px;
line-height: 30px;
}

button.form-control:hover, a.btn:hover {
color: #ddd;
}

pre.code {
border: 1px solid #888;
border-radius: 4px;
padding: 15px;
}

div.admonition, div.attention, div.caution, div.danger, div.error, div.hint, div.important, div.note, div.tip, div.warning, div.sidebar {
border: 1px solid #888;
}

div.admonition p.admonition-title, div.hint p.admonition-title, div.important p.admonition-title, div.note p.admonition-title, div.tip p.admonition-title, div.sidebar p.sidebar-title, div.attention p.admonition-title, div.caution p.admonition-title, div.danger p.admonition-title, div.error p.admonition-title, div.warning p.admonition-title {
border-bottom: 1px solid #888;
}

0 comments on commit 99028a2

Please sign in to comment.