/* Theme Name: AppPresser Theme Author: AppPresser Author URI: http://apppresser.com Description: Right to left language support Version: 1.0.9 License: GNU General Public License License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: flexible-width, custom-background, custom-colors, custom-header, flexible-header, featured-image-header, featured-images, light, white, full-width-template, theme-options, threaded-comments, translation-ready, one-column, two-columns, left-sidebar, right-sidebar AppPresser WordPress Theme, Copyright 2013 AppPresser AppPresser is distributed under the terms of the GNU GPL AppPresser uses code from _s ("Underscores") WordPress Theme, Copyright 2013 Automattic, Inc. Bootstrap designed and built by @mdo and @fat, sass-ified by Aaron Lademann @alademann http://getbootstrap.com/ license http://www.apache.org/licenses/LICENSE-2.0 Images included with the theme are under GPL license. */ /* Mixins */ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ /** * Remove default margin. */ body { margin: 0; direction: rtl; unicode-bidi: embed; } h1 { margin: 0.67em 0; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /* ========================================================================== Figures ========================================================================== */ /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { margin: 0; /* 3 */ } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { padding: 0; /* 2 */ } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* ========================================================================== Tables ========================================================================== */ .img-rounded { border-radius: 6px; } .img-thumbnail, .thumbnail { padding: 4px; border: 1px solid #dddddd; border-radius: 4px; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { margin: -1px; padding: 0; border: 0; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; } @media (min-width: 768px) { } .text-left { text-align: right; } .text-right { text-align: left; } .text-center { text-align: center; } h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled, .list-inline { padding-left: 0; padding-right:0; } .list-inline > li { padding-left: 5px; padding-right: 5px; } dl { margin-bottom: 20px; } dd { margin-left: 0; margin-right:0; } @media (min-width: 768px) { .dl-horizontal dt { float: right; clear: right; text-align: left; } .dl-horizontal dd { margin-left: 0px; margin-right: 180px; } .dl-horizontal dd:before, .dl-horizontal dd:after { } .dl-horizontal dd:after { clear: both; } } abbr[title], abbr[data-original-title] { border-bottom: 1px dotted #999999; } blockquote { padding: 10px 20px; margin: 0 0 20px; border-right: 5px solid #eeeeee; border-left:0; } blockquote p:last-child { margin-bottom: 0; } blockquote.pull-right { padding-right: 0px; padding-left: 15px; border-right: 0; border-left: 5px solid #eeeeee; } blockquote.pull-right p, blockquote.pull-right small { text-align: left; } address { margin-bottom: 20px; } code { padding: 2px 4px; border-radius: 4px; } pre { padding: 9.5px; margin: 0 0 10px; border: 1px solid #cccccc; border-radius: 4px; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; border: 0; } th { text-align: right; } .table { margin-bottom: 20px; } .table thead > tr > th, .table thead > tr > td, .table tbody > tr > th, .table tbody > tr > td, .table tfoot > tr > th, .table tfoot > tr > td { padding: 8px; border-top: 1px solid #dddddd; } .table thead > tr > th { border-bottom: 2px solid #dddddd; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table .table { } .table-condensed thead > tr > th, .table-condensed thead > tr > td, .table-condensed tbody > tr > th, .table-condensed tbody > tr > td, .table-condensed tfoot > tr > th, .table-condensed tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } table col[class*="col-"] { float: none; } table td[class*="col-"], table th[class*="col-"] { float: none; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { border-color: #d6e9c6; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { border-color: #eed3d7; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { border-color: #fbeed5; } @media (max-width: 768px) { .table-responsive { border: 1px solid #dddddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; border-right:0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; border-left:0; } .table-responsive > .table-bordered > thead > tr:last-child > th, .table-responsive > .table-bordered > thead > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; } legend { padding: 0; margin-bottom: 20px; border: 0; border-bottom: 1px solid #e5e5e5; } label { margin-bottom: 5px; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; } output { padding-top: 7px; } .form-control, textarea, input[type="text"], input[type="email"], input[type="password"] { padding: 6px 12px; border: 1px solid #cccccc; border-radius: 4px; } .form-group { margin-bottom: 15px; } .radio, .checkbox { margin-top: 10px; margin-bottom: 10px; padding-left: 0px; padding-right:20px; } .radio label, .checkbox label { margin-bottom: 0; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: right; margin-left: 0px; margin-right: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { padding-left: 0px; padding-right:20px; margin-bottom: 0; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 0px; margin-right:10px; } .input-sm { padding: 5px 10px; border-radius: 3px; } .input-lg { padding: 10px 16px; border-radius: 6px; } .form-control-static { margin-bottom: 0; padding-top: 7px; } .help-block { margin-top: 5px; margin-bottom: 10px; } @media (min-width: 768px) { .form-inline .form-group, .navbar-form .form-group { margin-bottom: 0; } .form-inline .radio, .navbar-form .radio, .form-inline .checkbox, .navbar-form .checkbox { margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right:0; } .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"], .navbar-form .checkbox input[type="checkbox"] { float: none; margin-left: 0; margin-right: 0; } } .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: left; } } .btn, .button, input[type="submit"] { padding: 6px 12px; margin-bottom: 0; text-align: center; border-radius: 4px; } .btn-primary, .woocommerce .button, input[type="submit"] { border: none; } .btn-link { border-radius: 0; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn, .btn-xs, .btn-group-xs > .btn { padding: 5px 10px; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; } .btn-block { padding-left: 0; padding-right: 0; } .btn-block + .btn-block { margin-top: 5px; } .caret { margin-left: 2px; border-top: 4px solid black; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 0 dotted; } .dropdown-menu { left: 0; right:0; float: right; padding: 5px 0; margin: 2px 0 0; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; } .dropdown-menu.pull-right { left: 0; right:auto; } .dropdown-menu .divider { margin: 9px 0; } .dropdown-menu > li > a { padding: 3px 20px; clear: both; } .dropdown-header { padding: 3px 20px; } .dropdown-backdrop { position: fixed; left: 0; right: 0; } .pull-right > .dropdown-menu { left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0 dotted; border-bottom: 4px solid black; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { float: left; } } .btn-group, .btn-group-vertical { position: relative; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: tight; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: 0px; margin-right:-1px; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn-group { float: right; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn-group + .btn-group { margin-left: 0px; margin-right:5px; } .btn-group > .btn:first-child { margin-left: 0; margin-right:0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: right; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn .caret { margin-left: 0; margin-right:0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { float: none; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; margin-right:0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child > .btn:last-child, .btn-group-vertical > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified .btn { float: none; } .input-group.col { padding-left: 0; padding-right: 0; } .input-group .form-control { margin-bottom: 0; } .input-group-lg > .form-control .input-lg, .input-group-lg > .input-group-addon .input-lg, .input-group-lg > .input-group-btn > .btn .input-lg { padding: 10px 16px; border-radius: 6px; } .input-group-sm > .form-control .input-sm, .input-group-sm > .input-group-addon .input-sm, .input-group-sm > .input-group-btn > .btn .input-sm { padding: 5px 10px; border-radius: 3px; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon { padding: 6px 12px; text-align: center; border: 1px solid #cccccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; border-radius: 6px; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:last-child { border-left: 0; border-right:0; } .input-group-btn > .btn + .btn { margin-left: 0px; margin-right: -4px; } .nav { margin-bottom: 0; padding-left: 0; padding-right:0; } .nav:after { clear: both; } .nav > li > a { padding: 10px 15px; } .nav .nav-divider { margin: 9px 0; } .nav-tabs > li { float: right; } .nav-tabs > li > a { margin-right: 0px; margin-left: 2px; border: 1px solid transparent; border-radius: 4px 0 0 4px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus { border: 1px solid #dddddd; } .nav-pills > li { float: right; } .nav-pills > li > a { border-radius: 5px; } .nav-pills > li + li { margin-left: 0px; margin-right:2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:focus { } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; margin-right:0; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; margin-left:0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 0 0 4px; } } .tabbable:after { clear: both; } .nav .caret { border-top-color: #42ad54; border-bottom-color: #42ad54; } .nav-tabs .dropdown-menu { border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { border: 1px solid transparent; } .navbar:before, .navbar:after { } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: right; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { } @media (min-width: 768px) { .navbar-collapse .navbar-nav.navbar-left:first-child { margin-left: 0px; margin-right:-15px; } .navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: -15px; margin-left:-15px; } .navbar-collapse .navbar-text:last-child { margin-right: 0; margin-left:0; } } .container > .navbar-header, .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-bottom { margin-bottom: 0; } .navbar-brand { float: right; padding: 15px 15px; } .navbar-brand:focus { } @media (min-width: 768px) { .navbar > .container .navbar-brand { margin-left: 0px; margin-right:-15px; } } .navbar-toggle { float: left; margin-right: 0px; margin-left:15px; padding: 9px 10px; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle .icon-bar { border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { } } .navbar-nav { margin: -7.5px; } .navbar-nav > li > a { } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { float: none; border: 0;} .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 25px 5px 15px; } } @media (min-width: 768px) { .navbar-nav { float: right; margin: 0; } .navbar-nav > li { float: right; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } @media (min-width: 768px) { .navbar-left { float: right; } .navbar-right { float: left; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; } @media (max-width: 767px) { } @media (min-width: 768px) { .navbar-form { border: 0; margin-left: 0; margin-right: 0; } } .navbar-nav > li > .dropdown-menu { border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right { left: 0; right: auto; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-text { float: right; margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { margin-left: 15px; margin-right: 15px; } } .breadcrumb { padding: 8px 15px; border-radius: 4px; } .breadcrumb > li { } .breadcrumb > li + li:before { padding: 0 5px; } .pagination, .woocommerce-pagination .page-numbers { padding-left: 0; } .pagination > li > a, .pagination > li > span, .woocommerce-pagination .page-numbers > li > a, .woocommerce-pagination .page-numbers > li > span { float: right; padding: 6px 12px; border: 1px solid #dddddd; margin-left: 0px; margin-right:-1px; } .pagination > li:first-child > a, .pagination > li:first-child > span, .woocommerce-pagination .page-numbers > li:first-child > a, .woocommerce-pagination .page-numbers > li:first-child > span { margin-left: 0; margin-right:0; border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span, .woocommerce-pagination .page-numbers > li:last-child > a, .woocommerce-pagination .page-numbers > li:last-child > span { border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pager { padding-left: 0; padding-right:0; margin: 0; text-align: center; } .pager:after { clear: both; } .pager li > a, .pager li > span { padding: 5px 14px; border: 1px solid #dddddd; border-radius: 15px; margin: 0; } @media only screen and (min-width: 35em) { .pager li > a, .pager li > span { width: auto; margin: 0; } } .pager .next > a, .pager .next > span { float: left; } .pager .previous > a, .pager .previous > span { float: right; } .label { padding: .2em .6em .3em; text-align: center; border-radius: .25em; } .badge { padding: 3px 7px; text-align: center; border-radius: 10px; } .nav-pills > li > a > .badge { margin-left: 0px; margin-right:3px; } .jumbotron { padding: 30px; margin-bottom: 30px;} .container .jumbotron { border-radius: 6px; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron { padding-left: 60px; padding-right: 60px; } } .thumbnail > img { margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { border-radius: 4px; } .progress-bar { float: right; text-align: center; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 0px; margin-left:10px; } .media > .pull-right { margin-left: 0px; margin-right:10px; } .media-list { padding-left: 0; padding-right:0; } .list-group { margin-bottom: 20px; padding-left: 0; padding-right:0; } .list-group-item { padding: 10px 15px; border: 1px solid #dddddd; } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .list-group-item:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .list-group-item > .badge { float: left; } .list-group-item > .badge + .badge { margin-right: 0px; margin-left:5px; } .panel { border: 1px solid transparent; border-radius: 4px; } .panel-body:after { clear: both; } .panel > .list-group .list-group-item { border-width: 1px 0; } .panel > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel-heading { padding: 10px 15px; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-footer { padding: 10px 15px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-group .panel { border-radius: 4px; } .well { padding: 19px; border: 1px solid #e3e3e3; border-radius: 4px; } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: left;} .close:focus { } button.close { padding: 0; border: 0; } .alert { padding: 15px; border: 1px solid transparent; border-radius: 4px; } .alert-dismissable { padding-right: 0; padding-left:35px; } .alert-dismissable .close { right: 0; left:-21px;} .modal { right: 5%; left: 5%; } .modal-dialog { margin-left: auto; margin-right: auto; padding: 10px; } .modal-content { border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; } .modal-inside { padding: 2.5em 1.5em 2em 1.5em; } .modal-backdrop { right: 0; left: 0; } .modal-header { padding: 15px; } .modal .close { right: 0; left:0; padding: .7rem 1.5rem; } .modal-title { margin: 0; } .modal-body { padding: 20px; } .modal-footer { padding: 19px 20px 20px; text-align: left; } .modal-footer:before, .modal-footer:after { } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 0px; margin-right:5px; } .modal-footer .btn-group .btn + .btn { margin-left: 0px; margin-right:-1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; margin-right:0; } @media screen and (min-width: 768px) { .modal-dialog { left: auto; right: 50%; } } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 0px; margin-right:3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: 0px; margin-right:-3px; padding: 0 5px; } .tooltip-inner { padding: 3px 8px; border-radius: 4px; } .tooltip.top .tooltip-arrow { left: 0; right:50%; margin-left: 0px; margin-right:-5px; border-width: 5px 5px 0; } .tooltip.top-left .tooltip-arrow { left: 0; right:5px; border-width: 5px 5px 0; } .tooltip.top-right .tooltip-arrow { right: 0; left:5px; border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { left: 0; right:0; margin-top: -5px; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { right: 0; left:0; margin-top: -5px; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { left: 0; right:50%; margin-left: 0px; margin-right:-5px; border-width: 0 5px 5px; } .tooltip.bottom-left .tooltip-arrow { left: 0; right:5px; border-width: 0 5px 5px; } .tooltip.bottom-right .tooltip-arrow { right: 0; left:5px; border-width: 0 5px 5px; } .popover { left: 0; right:0; padding: 1px; text-align: right; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px;} .popover.top { } .popover.right { margin-left: 0px; margin-right:10px; } .popover.bottom { } .popover.left { margin-left: 0px; margin-right:-10px; } .popover-title { margin: 0; padding: 8px 14px; border-radius: 5px 0 0 5px; } .popover-content { padding: 9px 14px; } .popover .arrow, .popover .arrow:after { } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px;} .popover.top .arrow { left: 0; right:50%; margin-left: 0px; margin-right:-11px;} .popover.top .arrow:after { margin-left: 0px; margin-right:-10px;} .popover.right .arrow { left: 0; right:-11px; border-left-width: 0; } .popover.right .arrow:after { left: 0; right:1px; border-left-width: 0; } .popover.bottom .arrow { left: 0; right:50%; margin-left: 0px; margin-right:-11px;} .popover.bottom .arrow:after { margin-left: 0px; margin-right:-10px; border-top-width: 0;} .popover.left .arrow { right: 0px; left:-11px; border-right-width: 0; } .popover.left .arrow:after { right: 0; left:1px; border-right-width: 0; } .clearfix:after { clear: both; } .pull-right { float: right !important; } .pull-left { float: left !important; } .text-hide { border: 0; } /* =Global ----------------------------------------------- */ .entry-title { margin: 0; } hr { border: 0; clear: both; } .page-links a { padding: .4em; } /* Alignment */ .alignleft { float: right; margin-right: 0; margin-left:1.5em; } .alignright { float: left; margin-left: 0; margin-right:1.5em;} .aligncenter { clear: both; margin: 0 auto 1.5em auto; } /* Clearing */ .clear { clear: both; } .clear:after, [class*="content"]:after, [class*="site"]:after { clear: both; } /* =Structure ----------------------------------------------- */ .header-inner, .site-main, .site-info, .footer-widget-area { margin: 0 auto; } #main { clear: both; padding: 15px 2%; } /*** Responsive Columns ***/ .one-half, .one-third, .two-thirds, .three-fourths, .one-fourth { float: right; margin-right: 0; margin-left:4%;} .last-col { clear: left; margin-right: 0; margin-left:0; } @media only screen and (max-width: 35em) { .one-half, .one-third, .two-thirds, .three-fourths, .one-fourth { float: none; clear: both; margin-right: 0; margin-left:0; } } /* =Site Header ----------------------------------------------- */ .site-header { left: 0; right: 0; } .site-title-wrap { margin: auto; left: 0; right: 0; } .site-title { text-align: center; } #site-logo { margin: 10px auto 0 auto; } /* =Menus ----------------------------------------------- */ .top-menu { float: left; margin-right: 0; margin-left:.5em; } .navigation-main ul, .top-menu ul, .sub-nav ul { margin: 0; padding-left: 0; padding-right:0; } .navigation-main a { padding: 1.3rem 1.5rem; } .navigation-main a i { margin-right: 0; margin-left: .3em; } .top-menu ul a { padding: .5em 1em;} .navigation-image, .navigation-comment, .navigation-paging { margin: 1em 0; } header .nav-left-btn { padding: 1.05em 1.1em .9em 1.1em; margin-left: 0; margin-right:-.2em; } header .back.nav-left-btn { padding-right: 0; padding-left:.5em; } .nav-right-btn, header .widget_search a { padding: 1.05em .9em .9em;} header .sub-nav { padding: 0; } .navigation-main .nav-divider a { padding: .5em 1.5rem; } /* =Shelf Menu ----------------------------------------------- */ #page { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; overflow: auto; -moz-box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.3); box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.3); -webkit-overflow-scrolling: touch; backface-visibility: hidden; -webkit-backface-visibility: hidden; /* Chrome and Safari */ -moz-backface-visibility: hidden; /* Firefox */ -ms-backface-visibility: hidden; /* Internet Explorer 10+ */ } .snap-drawer { position: absolute; z-index: 0; background: #333; top: 0; right: auto; bottom: 0; left: 0; width: 265px; height: auto; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -ms-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; } .snap-drawer-left { left: 0; z-index: 1; } .snap-drawer-right { right: 0; z-index: 1; } .snapjs-left .snap-drawer-right, .snapjs-right .snap-drawer-left { display: none; } .snapjs-expand-left .snap-drawer-left, .snapjs-expand-right .snap-drawer-right { width: 100%; } .shelf-top { width: 265px; position: relative; z-index: 1; } .shelf-top .user-name { margin-top: 1.1em; font-weight: normal; color: #eeeeee; } .shelf-top .avatar { float: right; margin: .5em; width: 50px; height: 50px; -webkit-border-radius: 25px; border-radius: 25px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.2); } .shelf-search { padding: .5em; } .shelf-search input { background: #777; color: #eee; padding: 3px 8px; font-size: 1.4rem; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 30px; width: 250px; } .cart-items { padding: 1.3rem 1.5rem; background: rgba(0, 0, 0, 0.3); color: #eeeeee; clear: both; } .cart-items i { float: left; margin-right: .6em; margin-top: .3em; } .cart-items .cart-contents { text-decoration: none; font-size: 1.4rem; color: #eeeeee; } .cart-items .cart-contents .amount { background: rgba(0, 0, 0, 0.3); border-radius: 5px; padding: 5px; margin-left: 1em; } .log-out-button a { display: block; margin: 10px; } /* =Item Panel ----------------------------------------------- */ .app-panel { display: none; right: 0; left:0; position: absolute; -webkit-backface-visibility: hidden; z-index: 6; top: 0; bottom: 0; background-color: #f7f5ef; width: 100%; height: 100%; overflow: auto; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } .app-panel .product { overflow: hidden; height: 100%; } .item-content { position: relative; height: 100%; } .app-panel .item-content { height: auto; } @media only screen and (min-width: 48em) { .app-panel .item-content { height: 100%; } } .open-panel body .app-panel { overflow-x: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } /* Stages page transitions */ .stage-bottom .app-panel { width: 100%; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .stage-top .app-panel { width: 100%; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .app-panel #main { top: 0; bottom: auto; padding: 0 3%; height: auto; } @media only screen and (min-width: 35em) { .app-panel #main { height: 100%; } } header.toolbar { height: 50px; padding: 0 3%; width: 100%; background-color: #42ad54; } .toolbar .btn { margin: .8em 0 0; color: #fff; } .ajax-spinner { display: none; color: white; opacity: .4; position: absolute; top: 30%; left: 50%; right: 50%; width: 56px; height: 55px; margin-left: 0; margin-right:-28px; z-index: 999; background: #000000; padding: 5px; border-radius: 6px; text-align: center; } /* =Content ----------------------------------------------- */ .hentry { margin: 0 0 1.5em; } .single-product .hentry { margin: 0; } .entry-content, .entry-summary { margin: 0; } .page-links { clear: both; margin: 0 0 1.5em; } .page-links a { padding: .3em .5em; border: 1px solid #dddddd; } .single footer.entry-meta, .search footer.entry-meta { margin: 1em 0 0; } .page footer.entry-meta { padding-top: 1.5em; } footer.entry-meta { padding-top: 1.3em; } .post { padding: .6em 0 1.3em 0; } .post .attachment-post-thumbnail { float: right; margin: 0 0 1em 1em; } /* =Media ----------------------------------------------- */ .entry-content img.wp-smiley, .comment-content img.wp-smiley { padding: 0; } .attachment-featured.wp-post-image { margin: 0 0 10px 10px; } .wp-caption { text-align: center; } .wp-caption.aligncenter, .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.alignnone { } .wp-caption img { margin: 1.2% auto 0; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } #content .gallery a img { max-width: 90%; } #content .gallery dd { margin: 0; } /* =Navigation ----------------------------------------------- */ .site-content .site-navigation { margin: 0 0 1.5em; } .site-content .nav-previous { float: right; } .site-content .nav-next { float: left; text-align: left;} /* =Widgets ----------------------------------------------- */ #header-widget-area { padding: 0; float: right; margin-right: 0; margin-left:-.6em; } #header-widget-area .widget { margin: 0 0 0 .5em; float: right; } header .search-dropdown { padding: .5em; left: 2% !important; right: 2% !important; } /* =Site Footer ----------------------------------------------- */ .footer-widget-area { clear: both; } .site-footer { left: 0; right: 0; } .site-footer .widget { float: right; margin-left: 0; margin-right:5%; } .site-footer .widget:first-child { margin-left: 0;} .site-info { padding: 1.5em 0; text-align: center; } footer .nav > li > a { padding: .8rem .3rem 0; margin: 0; } @media only screen and (min-width: 48em) { footer .nav > li > a { padding: 1rem; } } footer .nav-justified > li, footer .nav-tabs.nav-justified > li, footer .nav-tabs.nav-justified > li, footer .nav-tabs.nav-justified > li { text-align: center; } /* =Infinite Scroll ----------------------------------------------- */ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .navigation-paging, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { } /* =Comments ----------------------------------------------- */ #comments { clear: both; } .page #comments { padding-top: 1.5em; } ol.comment-list, .children { margin: 0; } ol.comment-list { margin-bottom: .7em; padding-left: 0; padding-right:0; } .children { margin: 0 6% 0 0; } .comment-list li.comment, .comment-list li.pingback { padding: 1em 0; } .comment-list .children li, .comment-list li:last-of-type { } article.comment, li.pingback { padding: 2.5em 0 0.7em; } .comment .avatar { float: right; margin-right: 0; margin-left: 1.25em; } .comment-meta { padding-bottom: 1.5em; border-bottom: 1px solid #eee; margin-bottom: 1.5em; } .comment-content { margin: 1em 0 0; } .comment-body { padding: 2em; } p.nocomments { margin: 2.5em; } /* * Swiper - Mobile Touch Slider CSS * http://www.idangero.us/sliders/swiper * * Vladimir Kharlampidi, The iDangero.us * http://www.idangero.us/ * * Copyright 2012-2013, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us * * Licensed under GPL & MIT * */ /* =============================================================== Basic Swiper Styles ================================================================*/ .swiper-container { margin: 0 -2.1% .7em -2.1%; } .swiper-slide { float: right; } .swiper-slide .swiper-slide-content { padding: 0 1em 2em; margin: 0 auto; left: 30%; right:0; } @media (min-width: 64em) { } .swiper-slide.single { float: none; margin: 0 auto; } @media (min-width: 64em) { .swiper-slider img { margin: 0 auto; } } /* =============================================================== Your custom styles, here you need to specify container's and slide's sizes, pagination, etc. ================================================================*/ .swiper-container, .swiper-slide { direction: ltr; unicode-bidi: embed; } .swiper-slide { /* Specify Slides's Size: */ /*width: 100%; height: 100%;*/ } .swiper-slide-active { /* Specific active slide styling: */ } .swiper-slide-visible { /* Specific visible slide styling: */ } /* =============================================================== Pagination Styles ================================================================*/ .pagination { left: 0; right:0; text-align: center; } @media (min-width: 64em) { .pagination { } } .swiper-pagination-switch { margin-right: 0; margin-left: 5px; } /** * Animations * -------------------------------------------------- * The animations in this file are "simple" - not too complex * and pretty easy on performance. They can be overidden * and enhanced easily. */ /** * Modals * -------------------------------------------------- * Modals are independent windows that slide in from off-screen. */ .io-modal { right: 0; left:0; } .io-modal .io-modal-close { right: 0; left:0; padding: 15px; margin: 0; } .io-modal .btn-primary.btn-camera { margin: 10px 0; float: right; } .io-modal .io-modal-content { padding: 10px; } /*! * Font Awesome 4.0.0 * the iconic font designed for Bootstrap * ------------------------------------------------------------------------------ * The full suite of pictographic icons, examples, and documentation can be * found at http://fontawesome.io. Stay up to date on Twitter at * http://twitter.com/fontawesome. * * License * ------------------------------------------------------------------------------ * - The Font Awesome font is licensed under SIL OFL 1.1 - * http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License - * http://opensource.org/licenses/mit-license.html * - Font Awesome documentation licensed under CC BY 3.0 - * http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fontawesome.io" * * Author - Dave Gandy * ------------------------------------------------------------------------------ * Email: dave@fontawesome.io * Twitter: http://twitter.com/davegandy * Work: Lead Product Designer @ Kyruus - http://kyruus.com */ /*! FONT PATH * -------------------------- */ /* makes the font 33% larger relative to the icon container */ .fa-fw { width: 1.28571em; text-align: center; } .fa-ul { padding-left: 0; padding-right:0; margin-left: 0; margin-right: 2.14286em; } .fa-li { left: 0; right:-2.14286em; text-align: center; } .fa-li.fa-lg { left: 0; right:-1.85715em;} .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: left; } .pull-left { float: right; } .fa.pull-left { margin-right: 0; margin-left: .3em; } .fa.pull-right { margin-left: 0; margin-right: .3em; } .fa-stack-1x, .fa-stack-2x { text-align: center; }