diff --git a/readme.txt b/readme.txt old mode 100644 new mode 100755 index af60735..8cd254f --- a/readme.txt +++ b/readme.txt @@ -3,7 +3,7 @@ Contributors: kjodle Tags: black, gray, white, fixed-layout, two-columns, left-sidebar, custom-menu, featured-images, post-formats, theme-options, threaded-comments, translation-ready Requires at least: 4.1 Tested up to: 4.7.5 -Stable tag: 0.7 +Stable tag: 0.9 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html @@ -42,7 +42,8 @@ IM Fell English Font, Copyright 2016 Igino Marini License: SIL (http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL) Source: https://www.google.com/fonts/specimen/IM+Fell+English -jQuery Plugin Responsive Drop Down -Source: https://github.com/cssmenumaker/jQuery-Plugin-Responsive-Drop-Down +Superfish jQuery Menu Plugin, Copyright 2015 Joel Birch +License: MIT (http://opensource.org/licenses/mit-license.html) +Source: http://users.tpg.com.au/j_birch/plugins/superfish/ == Notes == diff --git a/style.css b/style.css index 3a884c2..3176ac1 100755 --- a/style.css +++ b/style.css @@ -4,7 +4,7 @@ Theme URI: http://wiki.kjodle.net/Category:Atticus_Finch_Theme Author: kjodle Author URI: http://d12webdesign.com/ Description: Description -Version: 0.8.2 +Version: 0.9 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: two-columns, left-sidebar, custom-menu, featured-images, post-formats, theme-options, threaded-comments, translation-ready @@ -223,6 +223,16 @@ a.top-button { color: #3437e5; } +/* Remove borders on image links */ +.post-content a[href$=jpg], +.post-content a[href$=jpeg], +.post-content a[href$=jpe], +.post-content a[href$=png], +.post-content a[href$=gif] { + text-decoration: none; + border: 0 none; + } + .post-title { font-size: 24px; margin: 0; diff --git a/styles/menus.css b/styles/menus.css new file mode 100755 index 0000000..061771f --- /dev/null +++ b/styles/menus.css @@ -0,0 +1,1085 @@ +/* All Menus */ + +.current-menu-item { + background: #ddd; +} + + +/* Above Header Menu */ + +#aboveheadermenu, +#aboveheadermenu ul, +#aboveheadermenu ul li, +#aboveheadermenu ul li a, +#aboveheadermenu #menu-button { + margin: 0; + padding: 0; + border: 0; + list-style: none; + line-height: 1; + display: block; + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +#aboveheadermenu:after, +#aboveheadermenu > ul:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} +#aboveheadermenu #menu-button { + display: none; +} +#aboveheadermenu { + font-family: serif; + background: #fff; + border-bottom: solid 1px #ddd; + border-top: solid 1px #ddd; +} +#aboveheadermenu > ul > li { + float: left; +} +#aboveheadermenu.align-center > ul { + font-size: 0; + text-align: center; +} +#aboveheadermenu.align-center > ul > li { + display: inline-block; + float: none; +} +#aboveheadermenu.align-center ul ul { + text-align: left; +} +#aboveheadermenu.align-right > ul > li { + float: right; +} +#aboveheadermenu > ul > li > a { + padding: 0.5em; + font-size: 0.9em; + letter-spacing: 1px; + text-decoration: none; + color: #333; + font-weight: 700; +} +#aboveheadermenu > ul > li:hover > a { + background: #333; + color: #ddd; +} + +/* +#aboveheadermenu > ul > li.has-sub > a { + padding-right: 30px; +} +#aboveheadermenu > ul > li.has-sub > a:after { + position: absolute; + top: 22px; + right: 11px; + width: 8px; + height: 2px; + display: block; + background: #dddddd; + content: ''; +} +#aboveheadermenu > ul > li.has-sub > a:before { + position: absolute; + top: 19px; + right: 14px; + display: block; + width: 2px; + height: 8px; + background: #dddddd; + content: ''; + -webkit-transition: all .25s ease; + -moz-transition: all .25s ease; + -ms-transition: all .25s ease; + -o-transition: all .25s ease; + transition: all .25s ease; +} +#aboveheadermenu > ul > li.has-sub:hover > a:before { + top: 23px; + height: 0; +} +#aboveheadermenu ul ul { + position: absolute; + left: -9999px; +} +#aboveheadermenu.align-right ul ul { + text-align: right; +} +#aboveheadermenu ul ul li { + height: 0; + -webkit-transition: all .25s ease; + -moz-transition: all .25s ease; + -ms-transition: all .25s ease; + -o-transition: all .25s ease; + transition: all .25s ease; +} +#aboveheadermenu li:hover > ul { + left: auto; +} +#aboveheadermenu.align-right li:hover > ul { + left: auto; + right: 0; +} +#aboveheadermenu li:hover > ul > li { + height: 35px; +} +#aboveheadermenu ul ul ul { + margin-left: 100%; + top: 0; +} +#aboveheadermenu.align-right ul ul ul { + margin-left: 0; + margin-right: 100%; +} +#aboveheadermenu ul ul li a { + border-bottom: 1px solid rgba(150, 150, 150, 0.15); + padding: 11px 15px; + width: 170px; + font-size: 12px; + text-decoration: none; + color: #dddddd; + font-weight: 400; + background: #333333; +} +#aboveheadermenu ul ul li:last-child > a, +#aboveheadermenu ul ul li.last-item > a { + border-bottom: 0; +} +#aboveheadermenu ul ul li:hover > a, +#aboveheadermenu ul ul li a:hover { + color: #ffffff; +} +#aboveheadermenu ul ul li.has-sub > a:after { + position: absolute; + top: 16px; + right: 11px; + width: 8px; + height: 2px; + display: block; + background: #dddddd; + content: ''; +} +#aboveheadermenu.align-right ul ul li.has-sub > a:after { + right: auto; + left: 11px; +} +#aboveheadermenu ul ul li.has-sub > a:before { + position: absolute; + top: 13px; + right: 14px; + display: block; + width: 2px; + height: 8px; + background: #dddddd; + content: ''; + -webkit-transition: all .25s ease; + -moz-transition: all .25s ease; + -ms-transition: all .25s ease; + -o-transition: all .25s ease; + transition: all .25s ease; +} +#aboveheadermenu.align-right ul ul li.has-sub > a:before { + right: auto; + left: 14px; +} +#aboveheadermenu ul ul > li.has-sub:hover > a:before { + top: 17px; + height: 0; +} +*/ +#aboveheadermenu.small-screen { + width: 100%; +} +#aboveheadermenu.small-screen ul { + width: 100%; + display: none; +} +#aboveheadermenu.small-screen.align-center > ul { + text-align: left; +} +#aboveheadermenu.small-screen ul li { + width: 100%; + border-top: 1px solid rgba(120, 120, 120, 0.2); +} +#aboveheadermenu.small-screen ul ul li, +#aboveheadermenu.small-screen li:hover > ul > li { + height: auto; +} +#aboveheadermenu.small-screen ul li a, +#aboveheadermenu.small-screen ul ul li a { + width: 100%; + border-bottom: 0; +} +#aboveheadermenu.small-screen > ul > li { + float: none; +} +#aboveheadermenu.small-screen ul ul li a { + padding-left: 25px; +} +#aboveheadermenu.small-screen ul ul ul li a { + padding-left: 35px; +} +#aboveheadermenu.small-screen ul ul li a { + color: #dddddd; + background: none; +} +#aboveheadermenu.small-screen ul ul li:hover > a, +#aboveheadermenu.small-screen ul ul li.active > a { + color: #ffffff; +} +#aboveheadermenu.small-screen ul ul, +#aboveheadermenu.small-screen ul ul ul, +#aboveheadermenu.small-screen.align-right ul ul { + position: relative; + left: 0; + width: 100%; + margin: 0; + text-align: left; +} +#aboveheadermenu.small-screen > ul > li.has-sub > a:after, +#aboveheadermenu.small-screen > ul > li.has-sub > a:before, +#aboveheadermenu.small-screen ul ul > li.has-sub > a:after, +#aboveheadermenu.small-screen ul ul > li.has-sub > a:before { + display: none; +} +#aboveheadermenu.small-screen #menu-button { + display: block; + padding: 17px; + color: #dddddd; + cursor: pointer; + font-size: 12px; + text-transform: uppercase; + font-weight: 700; +} +#aboveheadermenu.small-screen #menu-button:after { + position: absolute; + top: 22px; + right: 17px; + display: block; + height: 4px; + width: 20px; + border-top: 2px solid #dddddd; + border-bottom: 2px solid #dddddd; + content: ''; +} +#aboveheadermenu.small-screen #menu-button:before { + position: absolute; + top: 16px; + right: 17px; + display: block; + height: 2px; + width: 20px; + background: #dddddd; + content: ''; +} +#aboveheadermenu.small-screen #menu-button.menu-opened:after { + top: 23px; + border: 0; + height: 2px; + width: 15px; + background: #ffffff; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} +#aboveheadermenu.small-screen #menu-button.menu-opened:before { + top: 23px; + background: #ffffff; + width: 15px; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +#aboveheadermenu.small-screen .submenu-button { + position: absolute; + z-index: 99; + right: 0; + top: 0; + display: block; + border-left: 1px solid rgba(120, 120, 120, 0.2); + height: 46px; + width: 46px; + cursor: pointer; +} +#aboveheadermenu.small-screen .submenu-button.submenu-opened { + background: #262626; +} +#aboveheadermenu.small-screen ul ul .submenu-button { + height: 34px; + width: 34px; +} +#aboveheadermenu.small-screen .submenu-button:after { + position: absolute; + top: 22px; + right: 19px; + width: 8px; + height: 2px; + display: block; + background: #dddddd; + content: ''; +} +#aboveheadermenu.small-screen ul ul .submenu-button:after { + top: 15px; + right: 13px; +} +#aboveheadermenu.small-screen .submenu-button.submenu-opened:after { + background: #ffffff; +} +#aboveheadermenu.small-screen .submenu-button:before { + position: absolute; + top: 19px; + right: 22px; + display: block; + width: 2px; + height: 8px; + background: #dddddd; + content: ''; +} +#aboveheadermenu.small-screen ul ul .submenu-button:before { + top: 12px; + right: 16px; +} +#aboveheadermenu.small-screen .submenu-button.submenu-opened:before { + display: none; +} +#aboveheadermenu.small-screen.select-list { + padding: 5px; + background: #333; +} + + +/* Below Header Menu */ + +#belowheadermenu, +#belowheadermenu ul, +#belowheadermenu ul li, +#belowheadermenu ul li a, +#belowheadermenu #menu-button { + margin: 0; + padding: 0; + border: 0; + list-style: none; + line-height: 1; + display: block; + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +#belowheadermenu:after, +#belowheadermenu > ul:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} +#belowheadermenu #menu-button { + display: none; +} +#belowheadermenu { + font-family: serif; + background: #fff; + border-top: solid 1px #333; +} +#belowheadermenu > ul > li { + float: left; +} +#belowheadermenu.align-center > ul { + font-size: 0; + text-align: center; +} +#belowheadermenu.align-center > ul > li { + display: inline-block; + float: none; +} +#belowheadermenu.align-center ul ul { + text-align: left; +} +#belowheadermenu.align-right > ul > li { + float: right; +} +#belowheadermenu > ul > li > a { + padding: 17px; + font-size: 1.1em; + letter-spacing: 1px; + text-decoration: none; + color: #333; + font-weight: 700; +} +#belowheadermenu > ul > li:hover > a { + background: #333; + color: #ddd; +} +#belowheadermenu > ul > li.has-sub > a { + padding-right: 30px; +} +#belowheadermenu > ul > li.has-sub > a:after { + position: absolute; + top: 22px; + right: 11px; + width: 8px; + height: 2px; + display: block; + background: #333; + content: ''; +} +#belowheadermenu > ul > li.has-sub > a:before { + position: absolute; + top: 19px; + right: 14px; + display: block; + width: 2px; + height: 8px; + background: #333; + content: ''; + -webkit-transition: all .25s ease; + -moz-transition: all .25s ease; + -ms-transition: all .25s ease; + -o-transition: all .25s ease; + transition: all .25s ease; +} +#belowheadermenu > ul > li.has-sub:hover > a:after, +#belowheadermenu > ul > li.has-sub:hover > a:before { + background: #ddd; +} +#belowheadermenu > ul > li.has-sub:hover > a:before { + top: 23px; + height: 0; +} +#belowheadermenu ul ul { + position: absolute; + left: -9999px; +} +#belowheadermenu.align-right ul ul { + text-align: right; +} +#belowheadermenu ul ul li { + height: 0; + -webkit-transition: all .25s ease; + -moz-transition: all .25s ease; + -ms-transition: all .25s ease; + -o-transition: all .25s ease; + transition: all .25s ease; +} +#belowheadermenu li:hover > ul { + left: auto; +} +#belowheadermenu.align-right li:hover > ul { + left: auto; + right: 0; +} +#belowheadermenu li:hover > ul > li { + height: 35px; +} +#belowheadermenu ul ul ul { + margin-left: 100%; + top: 0; +} +#belowheadermenu.align-right ul ul ul { + margin-left: 0; + margin-right: 100%; +} +#belowheadermenu ul ul li a { + border-bottom: 1px solid rgba(150, 150, 150, 0.15); + padding: 11px 15px; + width: 170px; + font-size: 1.1em; + text-decoration: none; + color: #dddddd; + font-weight: 400; + background: #333333; +} +#belowheadermenu ul ul li:last-child > a, +#belowheadermenu ul ul li.last-item > a { + border-bottom: 0; +} +#belowheadermenu ul ul li:hover > a, +#belowheadermenu ul ul li a:hover { + color: #ffffff; +} +#belowheadermenu ul ul li.has-sub > a:after { + position: absolute; + top: 16px; + right: 11px; + width: 8px; + height: 2px; + display: block; + background: #dddddd; + content: ''; +} +#belowheadermenu.align-right ul ul li.has-sub > a:after { + right: auto; + left: 11px; +} +#belowheadermenu ul ul li.has-sub > a:before { + position: absolute; + top: 13px; + right: 14px; + display: block; + width: 2px; + height: 8px; + background: #dddddd; + content: ''; + -webkit-transition: all .25s ease; + -moz-transition: all .25s ease; + -ms-transition: all .25s ease; + -o-transition: all .25s ease; + transition: all .25s ease; +} +#belowheadermenu.align-right ul ul li.has-sub > a:before { + right: auto; + left: 14px; +} +#belowheadermenu ul ul > li.has-sub:hover > a:before { + top: 17px; + height: 0; +} +#belowheadermenu.small-screen { + width: 100%; +} +#belowheadermenu.small-screen ul { + width: 100%; + display: none; +} +#belowheadermenu.small-screen.align-center > ul { + text-align: left; +} +#belowheadermenu.small-screen ul li { + width: 100%; + border-top: 1px solid rgba(120, 120, 120, 0.2); + background: #333; +} +#belowheadermenu.small-screen ul ul li, +#belowheadermenu.small-screen li:hover > ul > li { + height: auto; +} +#belowheadermenu.small-screen ul li a, +#belowheadermenu.small-screen ul ul li a { + width: 100%; + border-bottom: 0; + color: #eee; +} +#belowheadermenu.small-screen > ul > li { + float: none; +} +#belowheadermenu.small-screen ul ul li a { + padding-left: 25px; +} +#belowheadermenu.small-screen ul ul ul li a { + padding-left: 35px; +} +#belowheadermenu.small-screen ul ul li a { + color: #dddddd; + background: none; + font-size: 1.2em; +} +#belowheadermenu.small-screen ul ul li:hover > a, +#belowheadermenu.small-screen ul ul li.active > a { + color: #ffffff; +} +#belowheadermenu.small-screen ul ul, +#belowheadermenu.small-screen ul ul ul, +#belowheadermenu.small-screen.align-right ul ul { + position: relative; + left: 0; + width: 100%; + margin: 0; + text-align: left; +} +#belowheadermenu.small-screen > ul > li.has-sub > a:after, +#belowheadermenu.small-screen > ul > li.has-sub > a:before, +#belowheadermenu.small-screen ul ul > li.has-sub > a:after, +#belowheadermenu.small-screen ul ul > li.has-sub > a:before { + display: none; +} +#belowheadermenu.small-screen #menu-button { + display: block; + padding: 17px; + color: #eee; + background: #333; + cursor: pointer; + font-size: 1.1em; + font-weight: 700; +} +#belowheadermenu.small-screen #menu-button:after { + position: absolute; + top: 22px; + right: 17px; + display: block; + height: 4px; + width: 20px; + border-top: 2px solid #dddddd; + border-bottom: 2px solid #dddddd; + content: ''; +} +#belowheadermenu.small-screen #menu-button:before { + position: absolute; + top: 16px; + right: 17px; + display: block; + height: 2px; + width: 20px; + background: #dddddd; + content: ''; +} +#belowheadermenu.small-screen #menu-button.menu-opened:after { + top: 23px; + border: 0; + height: 2px; + width: 15px; + background: #ffffff; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} +#belowheadermenu.small-screen #menu-button.menu-opened:before { + top: 23px; + background: #ffffff; + width: 15px; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +#belowheadermenu.small-screen .submenu-button { + position: absolute; + z-index: 99; + right: 0; + top: 0; + display: block; + border-left: 1px solid rgba(120, 120, 120, 0.2); + height: 46px; + width: 46px; + cursor: pointer; +} +#belowheadermenu.small-screen .submenu-button.submenu-opened { + background: #262626; +} +#belowheadermenu.small-screen ul ul .submenu-button { + height: 34px; + width: 34px; +} +#belowheadermenu.small-screen .submenu-button:after { + position: absolute; + top: 22px; + right: 19px; + width: 8px; + height: 2px; + display: block; + background: #dddddd; + content: ''; +} +#belowheadermenu.small-screen ul ul .submenu-button:after { + top: 15px; + right: 13px; +} +#belowheadermenu.small-screen .submenu-button.submenu-opened:after { + background: #ffffff; +} +#belowheadermenu.small-screen .submenu-button:before { + position: absolute; + top: 19px; + right: 22px; + display: block; + width: 2px; + height: 8px; + background: #dddddd; + content: ''; +} +#belowheadermenu.small-screen ul ul .submenu-button:before { + top: 12px; + right: 16px; +} +#belowheadermenu.small-screen .submenu-button.submenu-opened:before { + display: none; +} +#belowheadermenu.small-screen.select-list { + padding: 5px; +} + +#belowheadermenu.small-screen ul li.current-menu-item { + background: #eee; +} +#belowheadermenu.small-screen ul li.current-menu-item a { + color: #333; +} +#belowheadermenu.small-screen ul li.current-menu-item:hover { + background: #333; +} +#belowheadermenu.small-screen ul li.current-menu-item:hover a { + color: #eee; +} + +#belowheadermenu.small-screen ul ul li.current-menu-item { + background: #eee; +} +#belowheadermenu.small-screen ul ul li.current-menu-item a { + color: #333; +} + + +/* Footer Menu */ +/* Mobile menu items moved to mobile.css */ + +#footermenu li.current-menu-item a { + color: #333; +} + +#footermenu, +#footermenu ul, +#footermenu ul li, +#footermenu ul li a, +#footermenu #menu-button { + margin: 0; + padding: 0; + border: 0; + list-style: none; + line-height: 1; + display: block; + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +#footermenu:after, +#footermenu > ul:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} +#footermenu #menu-button { + display: none; +} +#footermenu { + font-family: sans-serif; + background: #333333; +} +#footermenu > ul > li { + float: left; +} +#footermenu.align-center > ul { + font-size: 0; + text-align: center; +} +#footermenu.align-center > ul > li { + display: inline-block; + float: none; +} +#footermenu.align-center ul ul { + text-align: left; +} +#footermenu.align-right > ul > li { + float: right; +} +#footermenu > ul > li > a { + padding: 17px; + font-size: 12px; + letter-spacing: 1px; + text-decoration: none; + color: #dddddd; + font-weight: 700; +} +#footermenu > ul > li:hover > a { + color: #ffffff; +} +#footermenu > ul > li.has-sub > a { + padding-right: 30px; +} +#footermenu > ul > li.has-sub > a:after { + position: absolute; + top: 22px; + right: 11px; + width: 8px; + height: 2px; + display: block; + background: #dddddd; + content: ''; +} +#footermenu > ul > li.has-sub > a:before { + position: absolute; + top: 19px; + right: 14px; + display: block; + width: 2px; + height: 8px; + background: #dddddd; + content: ''; + -webkit-transition: all .25s ease; + -moz-transition: all .25s ease; + -ms-transition: all .25s ease; + -o-transition: all .25s ease; + transition: all .25s ease; +} +#footermenu > ul > li.has-sub:hover > a:before { + top: 23px; + height: 0; +} +#footermenu ul ul { + position: absolute; + left: -9999px; +} +#footermenu.align-right ul ul { + text-align: right; +} +#footermenu ul ul li { + height: 0; + -webkit-transition: all .25s ease; + -moz-transition: all .25s ease; + -ms-transition: all .25s ease; + -o-transition: all .25s ease; + transition: all .25s ease; +} +#footermenu li:hover > ul { + left: auto; +} +#footermenu.align-right li:hover > ul { + left: auto; + right: 0; +} +#footermenu li:hover > ul > li { + height: 35px; +} +#footermenu ul ul ul { + margin-left: 100%; + top: 0; +} +#footermenu.align-right ul ul ul { + margin-left: 0; + margin-right: 100%; +} +#footermenu ul ul li a { + border-bottom: 1px solid rgba(150, 150, 150, 0.15); + padding: 11px 15px; + width: 170px; + font-size: 12px; + text-decoration: none; + color: #dddddd; + font-weight: 400; + background: #333333; +} +#footermenu ul ul li:last-child > a, +#footermenu ul ul li.last-item > a { + border-bottom: 0; +} +#footermenu ul ul li:hover > a, +#footermenu ul ul li a:hover { + color: #ffffff; +} +#footermenu ul ul li.has-sub > a:after { + position: absolute; + top: 16px; + right: 11px; + width: 8px; + height: 2px; + display: block; + background: #dddddd; + content: ''; +} +#footermenu.align-right ul ul li.has-sub > a:after { + right: auto; + left: 11px; +} +#footermenu ul ul li.has-sub > a:before { + position: absolute; + top: 13px; + right: 14px; + display: block; + width: 2px; + height: 8px; + background: #dddddd; + content: ''; + -webkit-transition: all .25s ease; + -moz-transition: all .25s ease; + -ms-transition: all .25s ease; + -o-transition: all .25s ease; + transition: all .25s ease; +} +#footermenu.align-right ul ul li.has-sub > a:before { + right: auto; + left: 14px; +} +#footermenu ul ul > li.has-sub:hover > a:before { + top: 17px; + height: 0; +} +#footermenu.small-screen { + width: 100%; +} +#footermenu.small-screen ul { + width: 100%; + display: none; +} +#footermenu.small-screen.align-center > ul { + text-align: left; +} +#footermenu.small-screen ul li { + width: 100%; + border-top: 1px solid rgba(120, 120, 120, 0.2); +} +#footermenu.small-screen ul ul li, +#footermenu.small-screen li:hover > ul > li { + height: auto; +} +#footermenu.small-screen ul li a, +#footermenu.small-screen ul ul li a { + width: 100%; + border-bottom: 0; +} +#footermenu.small-screen > ul > li { + float: none; +} +#footermenu.small-screen ul ul li a { + padding-left: 25px; +} +#footermenu.small-screen ul ul ul li a { + padding-left: 35px; +} +#footermenu.small-screen ul ul li a { + color: #dddddd; + background: none; +} +#footermenu.small-screen ul ul li:hover > a, +#footermenu.small-screen ul ul li.active > a { + color: #ffffff; +} +#footermenu.small-screen ul ul, +#footermenu.small-screen ul ul ul, +#footermenu.small-screen.align-right ul ul { + position: relative; + left: 0; + width: 100%; + margin: 0; + text-align: left; +} +#footermenu.small-screen > ul > li.has-sub > a:after, +#footermenu.small-screen > ul > li.has-sub > a:before, +#footermenu.small-screen ul ul > li.has-sub > a:after, +#footermenu.small-screen ul ul > li.has-sub > a:before { + display: none; +} +#footermenu.small-screen #menu-button { + display: block; + padding: 17px; + color: #dddddd; + cursor: pointer; + font-size: 12px; + text-transform: uppercase; + font-weight: 700; +} +#footermenu.small-screen #menu-button:after { + position: absolute; + top: 22px; + right: 17px; + display: block; + height: 4px; + width: 20px; + border-top: 2px solid #dddddd; + border-bottom: 2px solid #dddddd; + content: ''; +} +#footermenu.small-screen #menu-button:before { + position: absolute; + top: 16px; + right: 17px; + display: block; + height: 2px; + width: 20px; + background: #dddddd; + content: ''; +} +#footermenu.small-screen #menu-button.menu-opened:after { + top: 23px; + border: 0; + height: 2px; + width: 15px; + background: #ffffff; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} +#footermenu.small-screen #menu-button.menu-opened:before { + top: 23px; + background: #ffffff; + width: 15px; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +#footermenu.small-screen .submenu-button { + position: absolute; + z-index: 99; + right: 0; + top: 0; + display: block; + border-left: 1px solid rgba(120, 120, 120, 0.2); + height: 46px; + width: 46px; + cursor: pointer; +} +#footermenu.small-screen .submenu-button.submenu-opened { + background: #262626; +} +#footermenu.small-screen ul ul .submenu-button { + height: 34px; + width: 34px; +} +#footermenu.small-screen .submenu-button:after { + position: absolute; + top: 22px; + right: 19px; + width: 8px; + height: 2px; + display: block; + background: #dddddd; + content: ''; +} +#footermenu.small-screen ul ul .submenu-button:after { + top: 15px; + right: 13px; +} +#footermenu.small-screen .submenu-button.submenu-opened:after { + background: #ffffff; +} +#footermenu.small-screen .submenu-button:before { + position: absolute; + top: 19px; + right: 22px; + display: block; + width: 2px; + height: 8px; + background: #dddddd; + content: ''; +} +#footermenu.small-screen ul ul .submenu-button:before { + top: 12px; + right: 16px; +} +#footermenu.small-screen .submenu-button.submenu-opened:before { + display: none; +} +#footermenu.small-screen.select-list { + padding: 5px; +} + diff --git a/styles/mobile.css b/styles/mobile.css old mode 100644 new mode 100755 index 9a340f4..35cce4a --- a/styles/mobile.css +++ b/styles/mobile.css @@ -6,7 +6,7 @@ body { background: #fff; - color: brown; + color: #333; } body > header { @@ -91,6 +91,10 @@ body > footer { margin-bottom: 0; } +blockquote { + margin: 0 1em; +} + /* Mobile Menu Adjustments */ @@ -105,4 +109,4 @@ body > footer { #footermenu li.current-menu-item a { color: #333; } -*/ \ No newline at end of file +*/ diff --git a/styles/print.css b/styles/print.css index 31d518b..aa98ce0 100755 --- a/styles/print.css +++ b/styles/print.css @@ -17,6 +17,7 @@ body, width: 100%; padding: 0; margin: 0; + color: #000; } .post li { @@ -76,3 +77,14 @@ body, .post-content a:after { content:" [URL: " attr(href) "] "; +} + +/* Remove borders on image links */ +.post-content a[href$=jpg]:after, +.post-content a[href$=jpeg]:after, +.post-content a[href$=jpe]:after, +.post-content a[href$=png]:after, +.post-content a[href$=gif]:after { + content:"\A[Image location: " attr(href) "] "; +} +