Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add slidemenu theme by Chris Warrick
- Loading branch information
Showing
12 changed files
with
11,576 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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; | ||
} |
Oops, something went wrong.