diff --git a/README.md b/README.md index a339a86..0d993cf 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,6 @@ -# Skull theme for Pico CMS +# Theme for Pico CMS -Skull is a basic [Pico](http://picocms.org) theme made utilizing the [Skeleton 2.0](http://getskeleton.com) responsive boilerplate. The theme is using stock Skeleton for the most part, with a few Pico-specific additions. - -Comes with two layouts; one with a vertical navigation, one with horizontal navigation. +A basic pico theme forked from https://github.com/bananana/skull, mostly with updates to fonts/colours. # Installation @@ -10,40 +8,14 @@ Comes with two layouts; one with a vertical navigation, one with horizontal navi
cd /path/to/Pico/themes
- git clone https://github.com/bananana/skull
+ git clone $repo
**2)** Edit your *config.php* file and change $config['theme'] to $config['theme'] = 'skull'.
-**3)** By default the theme is set to have a vertical sidebar with navigation. To change to something that looks more like the default Pico theme (with horizontal header), rename *index.php* file to *index-v-nav.php* and rename *index-h-nav.php* to *index.php*.
-
-- cd /path/to/Pico/themes - mv index.php index-v-nav.php - mv index-h-nav.php index.php -- -**4)** At this point you can remove the alt theme layout if you don't find in necessary. There's also a layout specific css file in *skull/css* direcotry. - -# Screenshots - -**Vertical sidebar navigation** - - - -- - - - -**Horisontal header navigation** - - - -- - - - -**Mobile** - - +**3)** Change colours in skeleton.css to your preference # To Do -- Make sure this works with Pico 1.0 -- Make layout switching easier +- Add social media icons to footer +- Update favicon diff --git a/css/custom-h-nav.css b/css/custom-h-nav.css index d933ad1..ecef66f 100644 --- a/css/custom-h-nav.css +++ b/css/custom-h-nav.css @@ -7,8 +7,8 @@ /* Header /*---------------------------------------------*/ header { - background: #33C3F0; - color: #afe1da; + background: var(--header-background); + color: var(--header-text); text-align: center; padding: 25px 0; margin-bottom: 30px; @@ -24,14 +24,14 @@ header a:hover { } header a:hover, footer a:hover { - color: #fff; + color: var(--header-text); } header h1 { font-weight: bold; margin: 0; } header h1 a { - color: #fff; + color: var(--header-text); } header ul { list-style: none; @@ -49,8 +49,8 @@ header ul a { /* Footer /*---------------------------------------------*/ footer { - background: #1EAEDB; - color: #afe1da; + background: var(--footer-background); + color: var(--footer-text); padding: 60px 0; margin-top: 80px; } @@ -68,4 +68,4 @@ footer { header ul { float: right; } -} \ No newline at end of file +} diff --git a/css/custom-v-nav.css b/css/custom-v-nav.css deleted file mode 100644 index ad8a61f..0000000 --- a/css/custom-v-nav.css +++ /dev/null @@ -1,82 +0,0 @@ -/* Sidebar -/*---------------------------------------------*/ -.sidebar { - position: relative; - background: #33C3F0; - color: #afe1da; - text-align: center; - padding: 25px 0; -} -.sidebar a { - color: #eee; -} -.sidebar a, -.sidebar a:hover { - text-decoration: none; -} -.sidebar a:hover { - color: #fff; -} -.sidebar h1 { - font-weight: bold; - margin: 0; -} -.sidebar h1 a { - color: #fff; -} -.sidebar ul { - list-style: none; - margin: 20px 0 0 0; - padding: 0; -} -.sidebar ul li { - display: inline; - margin: 0 5px; -} -.sidebar ul a { - font-weight: bold; -} -.content { - padding: 25px 10px 0 10px; -} - -/* Footer -/*---------------------------------------------*/ -footer { - display: none; -} - -/* For larger screens -/*---------------------------------------------*/ -@media (min-width: 550px) { - html, - body, - .row, - .sidebar { - height: 100%; - } - .sidebar { - position: fixed; - top: 0; - left: 0; - padding: 60px 0; - } - .sidebar ul li { - display: list-item; - margin: inherit; - } - .content { - padding: 67px 50px 0 0; - } - footer { - display: block; - position: fixed; - bottom: 0; - left: 0; - width: inherit; - background: #1EAEDB; - padding: 60px 0; - margin-top: 80px; - font-size: 0.8em; - } -} \ No newline at end of file diff --git a/css/skeleton.css b/css/skeleton.css index f28bf6c..5d40c53 100644 --- a/css/skeleton.css +++ b/css/skeleton.css @@ -26,6 +26,17 @@ */ +/* Theme colours +-------------------------------------------------- */ +:root { + --header-background: #600080; + --header-text: #fff; + --body-text: #222; + --body-background: #cceaea; + --footer-background: #4d0066; + --footer-text: var(--header-text); +} + /* Grid –––––––––––––––––––––––––––––––––––––––––––––––––– */ .container { @@ -124,8 +135,10 @@ body { font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */ line-height: 1.6; font-weight: 400; - font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; - color: #222; } + font-family: sans-serif; + color: var(--body-text); + background: var(--body-background); +} /* Typography @@ -206,8 +219,8 @@ input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary { color: #FFF; - background-color: #33C3F0; - border-color: #33C3F0; } + background-color: var(--header-background); + border-color: var(--header-background); } .button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, @@ -266,7 +279,7 @@ input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { - border: 1px solid #33C3F0; + border: 1px solid var(--header-background); outline: 0; } label, legend { diff --git a/images/screenshot-0.png b/images/screenshot-0.png deleted file mode 100644 index 7f57e02..0000000 Binary files a/images/screenshot-0.png and /dev/null differ diff --git a/images/screenshot-1.png b/images/screenshot-1.png deleted file mode 100644 index 2e878ce..0000000 Binary files a/images/screenshot-1.png and /dev/null differ diff --git a/images/screenshot-2.png b/images/screenshot-2.png deleted file mode 100644 index daa2817..0000000 Binary files a/images/screenshot-2.png and /dev/null differ diff --git a/index-h-nav.html b/index-h-nav.html deleted file mode 100644 index 67c912d..0000000 --- a/index-h-nav.html +++ /dev/null @@ -1,69 +0,0 @@ - - - - - - -