+ + {l s='We\'re sorry, but the Web address you\'ve entered is no longer available.'} +
+ ++ {if isset($id_address) && (isset($smarty.post.alias) || isset($address->alias))} + {l s='Modify address'} + {if isset($smarty.post.alias)} + "{$smarty.post.alias}" + {else} + {if isset($address->alias)}"{$address->alias|escape:'html'}"{/if} + {/if} + {else} + {l s='To add a new address, please fill out the form below.'} + {/if} +
+ + {include file="$tpl_dir./errors.tpl"} + +*{l s='Required field'}
+ + +{l s='Please configure your default billing and delivery addresses when placing an order. You may also add additional addresses, which can be useful for sending gifts or receiving an order at your office.'}
+ +{if isset($multipleAddresses) && $multipleAddresses} +{l s='Your addresses are listed below.'}
+{l s='Be sure to update your personal information if it has changed.'}
+ {assign var="adrs_style" value=$addresses_style} +{l s='No addresses are available.'} {l s='Add a new address'}
+{/if} + + + + diff --git a/themes/default-bootstrap/authentication.tpl b/themes/default-bootstrap/authentication.tpl new file mode 100644 index 000000000..757e96e75 --- /dev/null +++ b/themes/default-bootstrap/authentication.tpl @@ -0,0 +1,637 @@ +{* +* 2007-2013 PrestaShop +* +* NOTICE OF LICENSE +* +* This source file is subject to the Academic Free License (AFL 3.0) +* that is bundled with this package in the file LICENSE.txt. +* It is also available through the world-wide-web at this URL: +* http://opensource.org/licenses/afl-3.0.php +* If you did not receive a copy of the license and are unable to +* obtain it through the world-wide-web, please send an email +* to license@prestashop.com so we can send you a copy immediately. +* +* DISCLAIMER +* +* Do not edit or add to this file if you wish to upgrade PrestaShop to newer +* versions in the future. If you wish to customize PrestaShop for your +* needs please refer to http://www.prestashop.com for more information. +* +* @author PrestaShop SA{l s='No top sellers for the moment.'}
+{/if} diff --git a/themes/default-bootstrap/breadcrumb.tpl b/themes/default-bootstrap/breadcrumb.tpl new file mode 100644 index 000000000..944fe19c1 --- /dev/null +++ b/themes/default-bootstrap/breadcrumb.tpl @@ -0,0 +1,39 @@ +{* +* 2007-2013 PrestaShop +* +* NOTICE OF LICENSE +* +* This source file is subject to the Academic Free License (AFL 3.0) +* that is bundled with this package in the file LICENSE.txt. +* It is also available through the world-wide-web at this URL: +* http://opensource.org/licenses/afl-3.0.php +* If you did not receive a copy of the license and are unable to +* obtain it through the world-wide-web, please send an email +* to license@prestashop.com so we can send you a copy immediately. +* +* DISCLAIMER +* +* Do not edit or add to this file if you wish to upgrade PrestaShop to newer +* versions in the future. If you wish to customize PrestaShop for your +* needs please refer to http://www.prestashop.com for more information. +* +* @author PrestaShop SA{l s='Subcategories'}
+{l s='This category is currently unavailable.'}
+ {/if} +{/if} diff --git a/themes/default-bootstrap/cms.tpl b/themes/default-bootstrap/cms.tpl new file mode 100644 index 000000000..863ce4792 --- /dev/null +++ b/themes/default-bootstrap/cms.tpl @@ -0,0 +1,71 @@ +{* +* 2007-2013 PrestaShop +* +* NOTICE OF LICENSE +* +* This source file is subject to the Academic Free License (AFL 3.0) +* that is bundled with this package in the file LICENSE.txt. +* It is also available through the world-wide-web at this URL: +* http://opensource.org/licenses/afl-3.0.php +* If you did not receive a copy of the license and are unable to +* obtain it through the world-wide-web, please send an email +* to license@prestashop.com so we can send you a copy immediately. +* +* DISCLAIMER +* +* Do not edit or add to this file if you wish to upgrade PrestaShop to newer +* versions in the future. If you wish to customize PrestaShop for your +* needs please refer to http://www.prestashop.com for more information. +* +* @author PrestaShop SA{l s='This CMS page is not visible to your customers.'} + + + +
+ + + +{l s='List of sub categories in %s:' sprintf=$cms_category->name}
+{l s='List of pages in %s:' sprintf=$cms_category->name}
+{l s='Your message has been successfully sent to our team.'}
+ +{elseif isset($alreadySent)} +{l s='Your message has already been sent.'}
+ +{else} +{l s='For questions about an order or for more information about our products'}.
+ {include file="$tpl_dir./errors.tpl"} + +{/if} + diff --git a/themes/default-bootstrap/css/addresses.css b/themes/default-bootstrap/css/addresses.css new file mode 100644 index 000000000..5a475d875 --- /dev/null +++ b/themes/default-bootstrap/css/addresses.css @@ -0,0 +1,21 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/******************************************************* + Addresses Styles +********************************************************/ +#addresses #center_column .page-heading { + margin-bottom: 22px; +} +#addresses #center_column p { + margin-bottom: 13px; +} +#addresses #center_column p.p-indent { + margin-bottom: 27px; +} + +.address li.address_update { + margin-top: 14px; + margin-bottom: 6px; +} +.address li.address_update a { + margin-right: 10px; +} diff --git a/themes/default-bootstrap/css/authentication.css b/themes/default-bootstrap/css/authentication.css new file mode 100644 index 000000000..bba38d7fa --- /dev/null +++ b/themes/default-bootstrap/css/authentication.css @@ -0,0 +1,37 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/********************************************************** + Authentication Styles +**********************************************************/ +#account-creation_form .id_state, #account-creation_form .dni, #account-creation_form .postcode { + display: none; +} + +#create-account_form { + min-height: 297px; +} +#create-account_form p { + margin-bottom: 8px; +} +#create-account_form .form-group { + margin-bottom: 20px; +} + +#login_form { + min-height: 297px; +} +#login_form .form-group { + margin-bottom: 3px; +} +#login_form .form-group.lost_password { + margin: 14px 0 15px 0; +} +#login_form .form-group.lost_password a { + text-decoration: underline; +} +#login_form .form-group.lost_password a:hover { + text-decoration: none; +} + +#login_form .form-control, #create-account_form .form-control { + max-width: 271px; +} diff --git a/themes/default-bootstrap/css/bootstrap_lib/bootstrap.css b/themes/default-bootstrap/css/bootstrap_lib/bootstrap.css new file mode 100644 index 000000000..d516a27e5 --- /dev/null +++ b/themes/default-bootstrap/css/bootstrap_lib/bootstrap.css @@ -0,0 +1,6217 @@ +/* + * Bootstrap v3.0.0 + * + * Copyright 2013 Twitter, Inc + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world by @mdo and @fat. + */ +/* normalize.css v2.1.0 | MIT License | git.io/normalize */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden] { + display: none; +} + +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +a:focus { + outline: thin dotted; +} + +a:active, +a:hover { + outline: 0; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} + +mark { + background: #ff0; + color: #000; +} + +code, +kbd, +pre, +samp { + font-family: monospace, serif; + font-size: 1em; +} + +pre { + white-space: pre-wrap; +} + +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + border: 0; + padding: 0; +} + +button, +input, +select, +textarea { + font-family: inherit; + font-size: 100%; + margin: 0; +} + +button, +input { + line-height: normal; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +textarea { + overflow: auto; + vertical-align: top; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +@media print { + * { + text-shadow: none !important; + color: #000 !important; + background: transparent !important; + box-shadow: none !important; + } + + a, + a:visited { + text-decoration: underline; + } + + a[href]:after { + content: " (" attr(href) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, + img { + page-break-inside: avoid; + } + + img { + max-width: 100% !important; + } + + @page { + margin: 2cm .5cm; +} + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } + + .navbar { + display: none; + } + + .table td, + .table th { + background-color: #fff !important; + } + + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; + } + + .label { + border: 1px solid #000; + } + + .table { + border-collapse: collapse !important; + } + + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; + } +} +*, +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +html { + font-size: 62.5%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +body { + font-family: Arial, Helvetica, sans-serif; + font-size: 13px; + line-height: 1.42857; + color: #777777; + background-color: white; +} + +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input, +select[multiple], +textarea { + background-image: none; +} + +a { + color: #777777; + text-decoration: none; +} +a:hover, a:focus { + color: #515151; + text-decoration: underline; +} +a:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +img { + vertical-align: middle; +} + +.img-responsive { + display: block; + max-width: 100%; + height: auto; +} + +.img-rounded { + border-radius: 6px; +} + +.img-thumbnail, .thumbnail { + padding: 4px; + line-height: 1.42857; + background-color: white; + border: 1px solid #dddddd; + border-radius: 0px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + display: inline-block; + max-width: 100%; + height: auto; +} + +.img-circle { + border-radius: 50%; +} + +hr { + margin-top: 18px; + margin-bottom: 18px; + border: 0; + border-top: 1px solid #eeeeee; +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0 0 0 0); + border: 0; +} + +p { + margin: 0 0 9px; +} + +.lead { + margin-bottom: 18px; + font-size: 14.95px; + font-weight: 200; + line-height: 1.4; +} +@media (min-width: 768px) { + .lead { + font-size: 19.5px; + } +} + +small { + font-size: 85%; +} + +cite { + font-style: normal; +} + +.text-muted { + color: #999999; +} + +.text-primary { + color: #428bca; +} + +.text-warning { + color: white; +} + +.text-danger { + color: white; +} + +.text-success { + color: white; +} + +.text-info { + color: white; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + font-family: Arial, Helvetica, sans-serif; + font-weight: 500; + line-height: 1.1; +} +h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, +.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { + font-weight: normal; + line-height: 1; + color: #999999; +} + +h1, +h2, +h3 { + margin-top: 18px; + margin-bottom: 9px; +} + +h4, +h5, +h6 { + margin-top: 9px; + margin-bottom: 9px; +} + +h1, .h1 { + font-size: 33px; +} + +h2, .h2 { + font-size: 27px; +} + +h3, .h3 { + font-size: 23px; +} + +h4, .h4 { + font-size: 17px; +} + +h5, .h5 { + font-size: 13px; +} + +h6, .h6 { + font-size: 12px; +} + +h1 small, .h1 small { + font-size: 23px; +} + +h2 small, .h2 small { + font-size: 17px; +} + +h3 small, .h3 small, +h4 small, .h4 small { + font-size: 13px; +} + +.page-header { + padding-bottom: 8px; + margin: 36px 0 18px; + border-bottom: 1px solid #eeeeee; +} + +ul, +ol { + margin-top: 0; + margin-bottom: 9px; +} +ul ul, +ul ol, +ol ul, +ol ol { + margin-bottom: 0; +} + +.list-unstyled, .list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; +} + +dl { + margin-bottom: 18px; +} + +dt, +dd { + line-height: 1.42857; +} + +dt { + font-weight: bold; +} + +dd { + margin-left: 0; +} + +@media (min-width: 768px) { + .dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .dl-horizontal dd { + margin-left: 180px; + } + .dl-horizontal dd:before, .dl-horizontal dd:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ + } + .dl-horizontal dd:after { + clear: both; + } +} +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999999; +} + +abbr.initialism { + font-size: 90%; + text-transform: uppercase; +} + +blockquote { + padding: 9px 18px; + margin: 0 0 18px; + border-left: 5px solid #eeeeee; +} +blockquote p { + font-size: 16.25px; + font-weight: 300; + line-height: 1.25; +} +blockquote p:last-child { + margin-bottom: 0; +} +blockquote small { + display: block; + line-height: 1.42857; + color: #999999; +} +blockquote small:before { + content: '\2014 \00A0'; +} +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; +} +blockquote.pull-right p, +blockquote.pull-right small { + text-align: right; +} +blockquote.pull-right small:before { + content: ''; +} +blockquote.pull-right small:after { + content: '\00A0 \2014'; +} + +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} + +address { + display: block; + margin-bottom: 18px; + font-style: normal; + line-height: 1.42857; +} + +code, +pre { + font-family: Monaco, Menlo, Consolas, "Courier New", monospace; +} + +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + background-color: #f9f2f4; + white-space: nowrap; + border-radius: 0px; +} + +pre { + display: block; + padding: 8.5px; + margin: 0 0 9px; + font-size: 12px; + line-height: 1.42857; + word-break: break-all; + word-wrap: break-word; + color: #333333; + background-color: whitesmoke; + border: 1px solid #cccccc; + border-radius: 0px; +} +pre.prettyprint { + margin-bottom: 18px; +} +pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border: 0; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} +.container:before, .container:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} +.container:after { + clear: both; +} + +.row { + margin-left: -15px; + margin-right: -15px; +} +.row:before, .row:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} +.row:after { + clear: both; +} + +.col-xs-1, +.col-xs-2, +.col-xs-3, +.col-xs-4, +.col-xs-5, +.col-xs-6, +.col-xs-7, +.col-xs-8, +.col-xs-9, +.col-xs-10, +.col-xs-11, +.col-xs-12, +.col-sm-1, +.col-sm-2, +.col-sm-3, +.col-sm-4, +.col-sm-5, +.col-sm-6, +.col-sm-7, +.col-sm-8, +.col-sm-9, +.col-sm-10, +.col-sm-11, +.col-sm-12, +.col-md-1, +.col-md-2, +.col-md-3, +.col-md-4, +.col-md-5, +.col-md-6, +.col-md-7, +.col-md-8, +.col-md-9, +.col-md-10, +.col-md-11, +.col-md-12, +.col-lg-1, +.col-lg-2, +.col-lg-3, +.col-lg-4, +.col-lg-5, +.col-lg-6, +.col-lg-7, +.col-lg-8, +.col-lg-9, +.col-lg-10, +.col-lg-11, +.col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; +} + +.col-xs-1, +.col-xs-2, +.col-xs-3, +.col-xs-4, +.col-xs-5, +.col-xs-6, +.col-xs-7, +.col-xs-8, +.col-xs-9, +.col-xs-10, +.col-xs-11 { + float: left; +} + +.col-xs-1 { + width: 8.33333%; +} + +.col-xs-2 { + width: 16.66667%; +} + +.col-xs-3 { + width: 25%; +} + +.col-xs-4 { + width: 33.33333%; +} + +.col-xs-5 { + width: 41.66667%; +} + +.col-xs-6 { + width: 50%; +} + +.col-xs-7 { + width: 58.33333%; +} + +.col-xs-8 { + width: 66.66667%; +} + +.col-xs-9 { + width: 75%; +} + +.col-xs-10 { + width: 83.33333%; +} + +.col-xs-11 { + width: 91.66667%; +} + +.col-xs-12 { + width: 100%; +} + +@media (min-width: 768px) { + .container { + max-width: 750px; + } + + .col-sm-1, + .col-sm-2, + .col-sm-3, + .col-sm-4, + .col-sm-5, + .col-sm-6, + .col-sm-7, + .col-sm-8, + .col-sm-9, + .col-sm-10, + .col-sm-11 { + float: left; + } + + .col-sm-1 { + width: 8.33333%; + } + + .col-sm-2 { + width: 16.66667%; + } + + .col-sm-3 { + width: 25%; + } + + .col-sm-4 { + width: 33.33333%; + } + + .col-sm-5 { + width: 41.66667%; + } + + .col-sm-6 { + width: 50%; + } + + .col-sm-7 { + width: 58.33333%; + } + + .col-sm-8 { + width: 66.66667%; + } + + .col-sm-9 { + width: 75%; + } + + .col-sm-10 { + width: 83.33333%; + } + + .col-sm-11 { + width: 91.66667%; + } + + .col-sm-12 { + width: 100%; + } + + .col-sm-push-1 { + left: 8.33333%; + } + + .col-sm-push-2 { + left: 16.66667%; + } + + .col-sm-push-3 { + left: 25%; + } + + .col-sm-push-4 { + left: 33.33333%; + } + + .col-sm-push-5 { + left: 41.66667%; + } + + .col-sm-push-6 { + left: 50%; + } + + .col-sm-push-7 { + left: 58.33333%; + } + + .col-sm-push-8 { + left: 66.66667%; + } + + .col-sm-push-9 { + left: 75%; + } + + .col-sm-push-10 { + left: 83.33333%; + } + + .col-sm-push-11 { + left: 91.66667%; + } + + .col-sm-pull-1 { + right: 8.33333%; + } + + .col-sm-pull-2 { + right: 16.66667%; + } + + .col-sm-pull-3 { + right: 25%; + } + + .col-sm-pull-4 { + right: 33.33333%; + } + + .col-sm-pull-5 { + right: 41.66667%; + } + + .col-sm-pull-6 { + right: 50%; + } + + .col-sm-pull-7 { + right: 58.33333%; + } + + .col-sm-pull-8 { + right: 66.66667%; + } + + .col-sm-pull-9 { + right: 75%; + } + + .col-sm-pull-10 { + right: 83.33333%; + } + + .col-sm-pull-11 { + right: 91.66667%; + } + + .col-sm-offset-1 { + margin-left: 8.33333%; + } + + .col-sm-offset-2 { + margin-left: 16.66667%; + } + + .col-sm-offset-3 { + margin-left: 25%; + } + + .col-sm-offset-4 { + margin-left: 33.33333%; + } + + .col-sm-offset-5 { + margin-left: 41.66667%; + } + + .col-sm-offset-6 { + margin-left: 50%; + } + + .col-sm-offset-7 { + margin-left: 58.33333%; + } + + .col-sm-offset-8 { + margin-left: 66.66667%; + } + + .col-sm-offset-9 { + margin-left: 75%; + } + + .col-sm-offset-10 { + margin-left: 83.33333%; + } + + .col-sm-offset-11 { + margin-left: 91.66667%; + } +} +@media (min-width: 992px) { + .container { + max-width: 970px; + } + + .col-md-1, + .col-md-2, + .col-md-3, + .col-md-4, + .col-md-5, + .col-md-6, + .col-md-7, + .col-md-8, + .col-md-9, + .col-md-10, + .col-md-11 { + float: left; + } + + .col-md-1 { + width: 8.33333%; + } + + .col-md-2 { + width: 16.66667%; + } + + .col-md-3 { + width: 25%; + } + + .col-md-4 { + width: 33.33333%; + } + + .col-md-5 { + width: 41.66667%; + } + + .col-md-6 { + width: 50%; + } + + .col-md-7 { + width: 58.33333%; + } + + .col-md-8 { + width: 66.66667%; + } + + .col-md-9 { + width: 75%; + } + + .col-md-10 { + width: 83.33333%; + } + + .col-md-11 { + width: 91.66667%; + } + + .col-md-12 { + width: 100%; + } + + .col-md-push-0 { + left: auto; + } + + .col-md-push-1 { + left: 8.33333%; + } + + .col-md-push-2 { + left: 16.66667%; + } + + .col-md-push-3 { + left: 25%; + } + + .col-md-push-4 { + left: 33.33333%; + } + + .col-md-push-5 { + left: 41.66667%; + } + + .col-md-push-6 { + left: 50%; + } + + .col-md-push-7 { + left: 58.33333%; + } + + .col-md-push-8 { + left: 66.66667%; + } + + .col-md-push-9 { + left: 75%; + } + + .col-md-push-10 { + left: 83.33333%; + } + + .col-md-push-11 { + left: 91.66667%; + } + + .col-md-pull-0 { + right: auto; + } + + .col-md-pull-1 { + right: 8.33333%; + } + + .col-md-pull-2 { + right: 16.66667%; + } + + .col-md-pull-3 { + right: 25%; + } + + .col-md-pull-4 { + right: 33.33333%; + } + + .col-md-pull-5 { + right: 41.66667%; + } + + .col-md-pull-6 { + right: 50%; + } + + .col-md-pull-7 { + right: 58.33333%; + } + + .col-md-pull-8 { + right: 66.66667%; + } + + .col-md-pull-9 { + right: 75%; + } + + .col-md-pull-10 { + right: 83.33333%; + } + + .col-md-pull-11 { + right: 91.66667%; + } + + .col-md-offset-0 { + margin-left: 0; + } + + .col-md-offset-1 { + margin-left: 8.33333%; + } + + .col-md-offset-2 { + margin-left: 16.66667%; + } + + .col-md-offset-3 { + margin-left: 25%; + } + + .col-md-offset-4 { + margin-left: 33.33333%; + } + + .col-md-offset-5 { + margin-left: 41.66667%; + } + + .col-md-offset-6 { + margin-left: 50%; + } + + .col-md-offset-7 { + margin-left: 58.33333%; + } + + .col-md-offset-8 { + margin-left: 66.66667%; + } + + .col-md-offset-9 { + margin-left: 75%; + } + + .col-md-offset-10 { + margin-left: 83.33333%; + } + + .col-md-offset-11 { + margin-left: 91.66667%; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1170px; + } + + .col-lg-1, + .col-lg-2, + .col-lg-3, + .col-lg-4, + .col-lg-5, + .col-lg-6, + .col-lg-7, + .col-lg-8, + .col-lg-9, + .col-lg-10, + .col-lg-11 { + float: left; + } + + .col-lg-1 { + width: 8.33333%; + } + + .col-lg-2 { + width: 16.66667%; + } + + .col-lg-3 { + width: 25%; + } + + .col-lg-4 { + width: 33.33333%; + } + + .col-lg-5 { + width: 41.66667%; + } + + .col-lg-6 { + width: 50%; + } + + .col-lg-7 { + width: 58.33333%; + } + + .col-lg-8 { + width: 66.66667%; + } + + .col-lg-9 { + width: 75%; + } + + .col-lg-10 { + width: 83.33333%; + } + + .col-lg-11 { + width: 91.66667%; + } + + .col-lg-12 { + width: 100%; + } + + .col-lg-push-0 { + left: auto; + } + + .col-lg-push-1 { + left: 8.33333%; + } + + .col-lg-push-2 { + left: 16.66667%; + } + + .col-lg-push-3 { + left: 25%; + } + + .col-lg-push-4 { + left: 33.33333%; + } + + .col-lg-push-5 { + left: 41.66667%; + } + + .col-lg-push-6 { + left: 50%; + } + + .col-lg-push-7 { + left: 58.33333%; + } + + .col-lg-push-8 { + left: 66.66667%; + } + + .col-lg-push-9 { + left: 75%; + } + + .col-lg-push-10 { + left: 83.33333%; + } + + .col-lg-push-11 { + left: 91.66667%; + } + + .col-lg-pull-0 { + right: auto; + } + + .col-lg-pull-1 { + right: 8.33333%; + } + + .col-lg-pull-2 { + right: 16.66667%; + } + + .col-lg-pull-3 { + right: 25%; + } + + .col-lg-pull-4 { + right: 33.33333%; + } + + .col-lg-pull-5 { + right: 41.66667%; + } + + .col-lg-pull-6 { + right: 50%; + } + + .col-lg-pull-7 { + right: 58.33333%; + } + + .col-lg-pull-8 { + right: 66.66667%; + } + + .col-lg-pull-9 { + right: 75%; + } + + .col-lg-pull-10 { + right: 83.33333%; + } + + .col-lg-pull-11 { + right: 91.66667%; + } + + .col-lg-offset-0 { + margin-left: 0; + } + + .col-lg-offset-1 { + margin-left: 8.33333%; + } + + .col-lg-offset-2 { + margin-left: 16.66667%; + } + + .col-lg-offset-3 { + margin-left: 25%; + } + + .col-lg-offset-4 { + margin-left: 33.33333%; + } + + .col-lg-offset-5 { + margin-left: 41.66667%; + } + + .col-lg-offset-6 { + margin-left: 50%; + } + + .col-lg-offset-7 { + margin-left: 58.33333%; + } + + .col-lg-offset-8 { + margin-left: 66.66667%; + } + + .col-lg-offset-9 { + margin-left: 75%; + } + + .col-lg-offset-10 { + margin-left: 83.33333%; + } + + .col-lg-offset-11 { + margin-left: 91.66667%; + } +} +table { + max-width: 100%; + background-color: transparent; +} + +th { + text-align: left; +} + +.table { + width: 100%; + margin-bottom: 18px; +} +.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: 9px 8px 11px 18px; + line-height: 1.42857; + vertical-align: top; + border-top: 1px solid #d6d4d4; +} +.table thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #d6d4d4; +} +.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 #d6d4d4; +} +.table .table { + background-color: white; +} + +.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 #d6d4d4; +} +.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 #d6d4d4; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td { + border-bottom-width: 2px; +} + +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; +} + +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background-color: whitesmoke; +} + +table col[class*="col-"] { + float: none; + display: table-column; +} + +table td[class*="col-"], +table th[class*="col-"] { + float: none; + display: table-cell; +} + +.table > thead > tr > td.active, +.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, +.table > tbody > tr > td.active, +.table > tbody > tr > th.active, +.table > tbody > tr.active > td, +.table > tbody > tr.active > th, +.table > tfoot > tr > td.active, +.table > tfoot > tr > th.active, +.table > tfoot > tr.active > td, +.table > tfoot > tr.active > th { + background-color: whitesmoke; +} + +.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 { + background-color: #55c65e; + border-color: #48b151; +} + +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td { + background-color: #42c04c; + border-color: #419f49; +} + +.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 { + background-color: #f3515c; + border-color: #d4323d; +} + +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td { + background-color: #f13946; + border-color: #c32933; +} + +.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 { + background-color: #fe9126; + border-color: #e4752b; +} + +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td { + background-color: #fe840d; + border-color: #da681c; +} + +@media (max-width: 768px) { + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-y: hidden; + overflow-x: scroll; + border: 1px solid #d6d4d4; + } + .table-responsive > .table { + margin-bottom: 0; + background-color: #fff; + } + .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 { + white-space: nowrap; + } + .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; + } + .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; + } + .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 { + display: block; + width: 100%; + padding: 0; + margin-bottom: 18px; + font-size: 19.5px; + line-height: inherit; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} + +label { + display: inline-block; + margin-bottom: 5px; + font-weight: bold; +} + +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + /* IE8-9 */ + line-height: normal; +} + +input[type="file"] { + display: block; +} + +select[multiple], +select[size] { + height: auto; +} + +select optgroup { + font-size: inherit; + font-style: inherit; + font-family: inherit; +} + +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { + height: auto; +} + +.form-control:-moz-placeholder { + color: #999999; +} +.form-control::-moz-placeholder { + color: #999999; +} +.form-control:-ms-input-placeholder { + color: #999999; +} +.form-control::-webkit-input-placeholder { + color: #999999; +} + +.form-control { + display: block; + width: 100%; + height: 32px; + padding: 6px 12px; + font-size: 13px; + line-height: 1.42857; + color: #9c9b9b; + vertical-align: middle; + background-color: white; + border: 1px solid #d6d4d4; + border-radius: 0px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; +} +.form-control:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); +} +.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { + cursor: not-allowed; + background-color: #eeeeee; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 15px; +} + +.radio, +.checkbox { + display: block; + min-height: 18px; + margin-top: 10px; + margin-bottom: 10px; + padding-left: 20px; + vertical-align: middle; +} +.radio label, +.checkbox label { + display: inline; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; +} + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + float: left; + margin-left: -20px; +} + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} + +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} + +input[type="radio"][disabled], fieldset[disabled] input[type="radio"], +input[type="checkbox"][disabled], fieldset[disabled] +input[type="checkbox"], +.radio[disabled], fieldset[disabled] +.radio, +.radio-inline[disabled], fieldset[disabled] +.radio-inline, +.checkbox[disabled], fieldset[disabled] +.checkbox, +.checkbox-inline[disabled], fieldset[disabled] +.checkbox-inline { + cursor: not-allowed; +} + +.input-sm, .input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +select.input-sm, .input-group-sm > select.form-control, +.input-group-sm > select.input-group-addon, +.input-group-sm > .input-group-btn > select.btn { + height: 30px; + line-height: 30px; +} + +textarea.input-sm, .input-group-sm > textarea.form-control, +.input-group-sm > textarea.input-group-addon, +.input-group-sm > .input-group-btn > textarea.btn { + height: auto; +} + +.input-lg, .input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + height: 44px; + padding: 10px 16px; + font-size: 17px; + line-height: 1.33; + border-radius: 6px; +} + +select.input-lg, .input-group-lg > select.form-control, +.input-group-lg > select.input-group-addon, +.input-group-lg > .input-group-btn > select.btn { + height: 44px; + line-height: 44px; +} + +textarea.input-lg, .input-group-lg > textarea.form-control, +.input-group-lg > textarea.input-group-addon, +.input-group-lg > .input-group-btn > textarea.btn { + height: auto; +} + +.has-warning .help-block, +.has-warning .control-label { + color: white; +} +.has-warning .form-control { + border-color: white; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-warning .form-control:focus { + border-color: #e6e6e6; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; +} +.has-warning .input-group-addon { + color: white; + border-color: white; + background-color: #fe9126; +} + +.has-error .help-block, +.has-error .control-label { + color: white; +} +.has-error .form-control { + border-color: white; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-error .form-control:focus { + border-color: #e6e6e6; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; +} +.has-error .input-group-addon { + color: white; + border-color: white; + background-color: #f3515c; +} + +.has-success .help-block, +.has-success .control-label { + color: white; +} +.has-success .form-control { + border-color: white; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-success .form-control:focus { + border-color: #e6e6e6; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; +} +.has-success .input-group-addon { + color: white; + border-color: white; + background-color: #55c65e; +} + +.form-control-static { + margin-bottom: 0; + padding-top: 7px; +} + +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #b7b7b7; +} + +@media (min-width: 768px) { + .form-inline .form-group, .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .form-control, .navbar-form .form-control { + display: inline-block; + } + .form-inline .radio, .navbar-form .radio, + .form-inline .checkbox, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + padding-left: 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; + } +} + +.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; +} +.form-horizontal .form-group:before, .form-horizontal .form-group:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} +.form-horizontal .form-group:after { + clear: both; +} +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + } +} + +.btn { + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 13px; + font-weight: normal; + line-height: 1.42857; + text-align: center; + vertical-align: middle; + cursor: pointer; + border: 1px solid transparent; + border-radius: 0px; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; +} +.btn:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.btn:hover, .btn:focus { + color: #333333; + text-decoration: none; +} +.btn:active, .btn.active { + outline: 0; + background-image: none; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn.disabled, .btn[disabled], fieldset[disabled] .btn { + cursor: not-allowed; + pointer-events: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-default { + color: #333333; + background-color: white; + border-color: #cccccc; +} +.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { + color: #333333; + background-color: #ebebeb; + border-color: #adadad; +} +.open .btn-default.dropdown-toggle { + color: #333333; + background-color: #ebebeb; + border-color: #adadad; +} +.btn-default:active, .btn-default.active { + background-image: none; +} +.open .btn-default.dropdown-toggle { + background-image: none; +} +.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { + background-color: white; + border-color: #cccccc; +} + +.btn-primary { + color: white; + background-color: #428bca; + border-color: #357ebd; +} +.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { + color: white; + background-color: #3276b1; + border-color: #285e8e; +} +.open .btn-primary.dropdown-toggle { + color: white; + background-color: #3276b1; + border-color: #285e8e; +} +.btn-primary:active, .btn-primary.active { + background-image: none; +} +.open .btn-primary.dropdown-toggle { + background-image: none; +} +.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { + background-color: #428bca; + border-color: #357ebd; +} + +.btn-warning { + color: white; + background-color: #f0ad4e; + border-color: #eea236; +} +.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { + color: white; + background-color: #ed9c28; + border-color: #d58512; +} +.open .btn-warning.dropdown-toggle { + color: white; + background-color: #ed9c28; + border-color: #d58512; +} +.btn-warning:active, .btn-warning.active { + background-image: none; +} +.open .btn-warning.dropdown-toggle { + background-image: none; +} +.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { + background-color: #f0ad4e; + border-color: #eea236; +} + +.btn-danger { + color: white; + background-color: #d9534f; + border-color: #d43f3a; +} +.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active { + color: white; + background-color: #d2322d; + border-color: #ac2925; +} +.open .btn-danger.dropdown-toggle { + color: white; + background-color: #d2322d; + border-color: #ac2925; +} +.btn-danger:active, .btn-danger.active { + background-image: none; +} +.open .btn-danger.dropdown-toggle { + background-image: none; +} +.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { + background-color: #d9534f; + border-color: #d43f3a; +} + +.btn-success { + color: white; + background-color: #5cb85c; + border-color: #4cae4c; +} +.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active { + color: white; + background-color: #47a447; + border-color: #398439; +} +.open .btn-success.dropdown-toggle { + color: white; + background-color: #47a447; + border-color: #398439; +} +.btn-success:active, .btn-success.active { + background-image: none; +} +.open .btn-success.dropdown-toggle { + background-image: none; +} +.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { + background-color: #5cb85c; + border-color: #4cae4c; +} + +.btn-info { + color: white; + background-color: #5bc0de; + border-color: #46b8da; +} +.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { + color: white; + background-color: #39b3d7; + border-color: #269abc; +} +.open .btn-info.dropdown-toggle { + color: white; + background-color: #39b3d7; + border-color: #269abc; +} +.btn-info:active, .btn-info.active { + background-image: none; +} +.open .btn-info.dropdown-toggle { + background-image: none; +} +.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { + background-color: #5bc0de; + border-color: #46b8da; +} + +.btn-link { + color: #777777; + font-weight: normal; + cursor: pointer; + border-radius: 0; +} +.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { + border-color: transparent; +} +.btn-link:hover, .btn-link:focus { + color: #515151; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { + color: #999999; + text-decoration: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 10px 16px; + font-size: 17px; + line-height: 1.33; + border-radius: 6px; +} + +.btn-sm, .btn-group-sm > .btn, +.btn-xs, +.btn-group-xs > .btn { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +.btn-xs, .btn-group-xs > .btn { + padding: 1px 5px; +} + +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; +} + +.btn-block + .btn-block { + margin-top: 5px; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.fade.in { + opacity: 1; +} + +.collapse { + display: none; +} +.collapse.in { + display: block; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + transition: height 0.35s ease; +} + +@font-face { + font-family: 'Glyphicons Halflings'; + src: url("../fonts/glyphicons-halflings-regular.eot"); + src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg"); +} + +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; +} + +.glyphicon-asterisk:before { + content: "\2a"; +} + +.glyphicon-plus:before { + content: "\2b"; +} + +.glyphicon-euro:before { + content: "\20ac"; +} + +.glyphicon-minus:before { + content: "\2212"; +} + +.glyphicon-cloud:before { + content: "\2601"; +} + +.glyphicon-envelope:before { + content: "\2709"; +} + +.glyphicon-pencil:before { + content: "\270f"; +} + +.glyphicon-glass:before { + content: "\e001"; +} + +.glyphicon-music:before { + content: "\e002"; +} + +.glyphicon-search:before { + content: "\e003"; +} + +.glyphicon-heart:before { + content: "\e005"; +} + +.glyphicon-star:before { + content: "\e006"; +} + +.glyphicon-star-empty:before { + content: "\e007"; +} + +.glyphicon-user:before { + content: "\e008"; +} + +.glyphicon-film:before { + content: "\e009"; +} + +.glyphicon-th-large:before { + content: "\e010"; +} + +.glyphicon-th:before { + content: "\e011"; +} + +.glyphicon-th-list:before { + content: "\e012"; +} + +.glyphicon-ok:before { + content: "\e013"; +} + +.glyphicon-remove:before { + content: "\e014"; +} + +.glyphicon-zoom-in:before { + content: "\e015"; +} + +.glyphicon-zoom-out:before { + content: "\e016"; +} + +.glyphicon-off:before { + content: "\e017"; +} + +.glyphicon-signal:before { + content: "\e018"; +} + +.glyphicon-cog:before { + content: "\e019"; +} + +.glyphicon-trash:before { + content: "\e020"; +} + +.glyphicon-home:before { + content: "\e021"; +} + +.glyphicon-file:before { + content: "\e022"; +} + +.glyphicon-time:before { + content: "\e023"; +} + +.glyphicon-road:before { + content: "\e024"; +} + +.glyphicon-download-alt:before { + content: "\e025"; +} + +.glyphicon-download:before { + content: "\e026"; +} + +.glyphicon-upload:before { + content: "\e027"; +} + +.glyphicon-inbox:before { + content: "\e028"; +} + +.glyphicon-play-circle:before { + content: "\e029"; +} + +.glyphicon-repeat:before { + content: "\e030"; +} + +.glyphicon-refresh:before { + content: "\e031"; +} + +.glyphicon-list-alt:before { + content: "\e032"; +} + +.glyphicon-flag:before { + content: "\e034"; +} + +.glyphicon-headphones:before { + content: "\e035"; +} + +.glyphicon-volume-off:before { + content: "\e036"; +} + +.glyphicon-volume-down:before { + content: "\e037"; +} + +.glyphicon-volume-up:before { + content: "\e038"; +} + +.glyphicon-qrcode:before { + content: "\e039"; +} + +.glyphicon-barcode:before { + content: "\e040"; +} + +.glyphicon-tag:before { + content: "\e041"; +} + +.glyphicon-tags:before { + content: "\e042"; +} + +.glyphicon-book:before { + content: "\e043"; +} + +.glyphicon-print:before { + content: "\e045"; +} + +.glyphicon-font:before { + content: "\e047"; +} + +.glyphicon-bold:before { + content: "\e048"; +} + +.glyphicon-italic:before { + content: "\e049"; +} + +.glyphicon-text-height:before { + content: "\e050"; +} + +.glyphicon-text-width:before { + content: "\e051"; +} + +.glyphicon-align-left:before { + content: "\e052"; +} + +.glyphicon-align-center:before { + content: "\e053"; +} + +.glyphicon-align-right:before { + content: "\e054"; +} + +.glyphicon-align-justify:before { + content: "\e055"; +} + +.glyphicon-list:before { + content: "\e056"; +} + +.glyphicon-indent-left:before { + content: "\e057"; +} + +.glyphicon-indent-right:before { + content: "\e058"; +} + +.glyphicon-facetime-video:before { + content: "\e059"; +} + +.glyphicon-picture:before { + content: "\e060"; +} + +.glyphicon-map-marker:before { + content: "\e062"; +} + +.glyphicon-adjust:before { + content: "\e063"; +} + +.glyphicon-tint:before { + content: "\e064"; +} + +.glyphicon-edit:before { + content: "\e065"; +} + +.glyphicon-share:before { + content: "\e066"; +} + +.glyphicon-check:before { + content: "\e067"; +} + +.glyphicon-move:before { + content: "\e068"; +} + +.glyphicon-step-backward:before { + content: "\e069"; +} + +.glyphicon-fast-backward:before { + content: "\e070"; +} + +.glyphicon-backward:before { + content: "\e071"; +} + +.glyphicon-play:before { + content: "\e072"; +} + +.glyphicon-pause:before { + content: "\e073"; +} + +.glyphicon-stop:before { + content: "\e074"; +} + +.glyphicon-forward:before { + content: "\e075"; +} + +.glyphicon-fast-forward:before { + content: "\e076"; +} + +.glyphicon-step-forward:before { + content: "\e077"; +} + +.glyphicon-eject:before { + content: "\e078"; +} + +.glyphicon-chevron-left:before { + content: "\e079"; +} + +.glyphicon-chevron-right:before { + content: "\e080"; +} + +.glyphicon-plus-sign:before { + content: "\e081"; +} + +.glyphicon-minus-sign:before { + content: "\e082"; +} + +.glyphicon-remove-sign:before { + content: "\e083"; +} + +.glyphicon-ok-sign:before { + content: "\e084"; +} + +.glyphicon-question-sign:before { + content: "\e085"; +} + +.glyphicon-info-sign:before { + content: "\e086"; +} + +.glyphicon-screenshot:before { + content: "\e087"; +} + +.glyphicon-remove-circle:before { + content: "\e088"; +} + +.glyphicon-ok-circle:before { + content: "\e089"; +} + +.glyphicon-ban-circle:before { + content: "\e090"; +} + +.glyphicon-arrow-left:before { + content: "\e091"; +} + +.glyphicon-arrow-right:before { + content: "\e092"; +} + +.glyphicon-arrow-up:before { + content: "\e093"; +} + +.glyphicon-arrow-down:before { + content: "\e094"; +} + +.glyphicon-share-alt:before { + content: "\e095"; +} + +.glyphicon-resize-full:before { + content: "\e096"; +} + +.glyphicon-resize-small:before { + content: "\e097"; +} + +.glyphicon-exclamation-sign:before { + content: "\e101"; +} + +.glyphicon-gift:before { + content: "\e102"; +} + +.glyphicon-leaf:before { + content: "\e103"; +} + +.glyphicon-eye-open:before { + content: "\e105"; +} + +.glyphicon-eye-close:before { + content: "\e106"; +} + +.glyphicon-warning-sign:before { + content: "\e107"; +} + +.glyphicon-plane:before { + content: "\e108"; +} + +.glyphicon-random:before { + content: "\e110"; +} + +.glyphicon-comment:before { + content: "\e111"; +} + +.glyphicon-magnet:before { + content: "\e112"; +} + +.glyphicon-chevron-up:before { + content: "\e113"; +} + +.glyphicon-chevron-down:before { + content: "\e114"; +} + +.glyphicon-retweet:before { + content: "\e115"; +} + +.glyphicon-shopping-cart:before { + content: "\e116"; +} + +.glyphicon-folder-close:before { + content: "\e117"; +} + +.glyphicon-folder-open:before { + content: "\e118"; +} + +.glyphicon-resize-vertical:before { + content: "\e119"; +} + +.glyphicon-resize-horizontal:before { + content: "\e120"; +} + +.glyphicon-hdd:before { + content: "\e121"; +} + +.glyphicon-bullhorn:before { + content: "\e122"; +} + +.glyphicon-certificate:before { + content: "\e124"; +} + +.glyphicon-thumbs-up:before { + content: "\e125"; +} + +.glyphicon-thumbs-down:before { + content: "\e126"; +} + +.glyphicon-hand-right:before { + content: "\e127"; +} + +.glyphicon-hand-left:before { + content: "\e128"; +} + +.glyphicon-hand-up:before { + content: "\e129"; +} + +.glyphicon-hand-down:before { + content: "\e130"; +} + +.glyphicon-circle-arrow-right:before { + content: "\e131"; +} + +.glyphicon-circle-arrow-left:before { + content: "\e132"; +} + +.glyphicon-circle-arrow-up:before { + content: "\e133"; +} + +.glyphicon-circle-arrow-down:before { + content: "\e134"; +} + +.glyphicon-globe:before { + content: "\e135"; +} + +.glyphicon-tasks:before { + content: "\e137"; +} + +.glyphicon-filter:before { + content: "\e138"; +} + +.glyphicon-fullscreen:before { + content: "\e140"; +} + +.glyphicon-dashboard:before { + content: "\e141"; +} + +.glyphicon-heart-empty:before { + content: "\e143"; +} + +.glyphicon-link:before { + content: "\e144"; +} + +.glyphicon-phone:before { + content: "\e145"; +} + +.glyphicon-usd:before { + content: "\e148"; +} + +.glyphicon-gbp:before { + content: "\e149"; +} + +.glyphicon-sort:before { + content: "\e150"; +} + +.glyphicon-sort-by-alphabet:before { + content: "\e151"; +} + +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; +} + +.glyphicon-sort-by-order:before { + content: "\e153"; +} + +.glyphicon-sort-by-order-alt:before { + content: "\e154"; +} + +.glyphicon-sort-by-attributes:before { + content: "\e155"; +} + +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; +} + +.glyphicon-unchecked:before { + content: "\e157"; +} + +.glyphicon-expand:before { + content: "\e158"; +} + +.glyphicon-collapse-down:before { + content: "\e159"; +} + +.glyphicon-collapse-up:before { + content: "\e160"; +} + +.glyphicon-log-in:before { + content: "\e161"; +} + +.glyphicon-flash:before { + content: "\e162"; +} + +.glyphicon-log-out:before { + content: "\e163"; +} + +.glyphicon-new-window:before { + content: "\e164"; +} + +.glyphicon-record:before { + content: "\e165"; +} + +.glyphicon-save:before { + content: "\e166"; +} + +.glyphicon-open:before { + content: "\e167"; +} + +.glyphicon-saved:before { + content: "\e168"; +} + +.glyphicon-import:before { + content: "\e169"; +} + +.glyphicon-export:before { + content: "\e170"; +} + +.glyphicon-send:before { + content: "\e171"; +} + +.glyphicon-floppy-disk:before { + content: "\e172"; +} + +.glyphicon-floppy-saved:before { + content: "\e173"; +} + +.glyphicon-floppy-remove:before { + content: "\e174"; +} + +.glyphicon-floppy-save:before { + content: "\e175"; +} + +.glyphicon-floppy-open:before { + content: "\e176"; +} + +.glyphicon-credit-card:before { + content: "\e177"; +} + +.glyphicon-transfer:before { + content: "\e178"; +} + +.glyphicon-cutlery:before { + content: "\e179"; +} + +.glyphicon-header:before { + content: "\e180"; +} + +.glyphicon-compressed:before { + content: "\e181"; +} + +.glyphicon-earphone:before { + content: "\e182"; +} + +.glyphicon-phone-alt:before { + content: "\e183"; +} + +.glyphicon-tower:before { + content: "\e184"; +} + +.glyphicon-stats:before { + content: "\e185"; +} + +.glyphicon-sd-video:before { + content: "\e186"; +} + +.glyphicon-hd-video:before { + content: "\e187"; +} + +.glyphicon-subtitles:before { + content: "\e188"; +} + +.glyphicon-sound-stereo:before { + content: "\e189"; +} + +.glyphicon-sound-dolby:before { + content: "\e190"; +} + +.glyphicon-sound-5-1:before { + content: "\e191"; +} + +.glyphicon-sound-6-1:before { + content: "\e192"; +} + +.glyphicon-sound-7-1:before { + content: "\e193"; +} + +.glyphicon-copyright-mark:before { + content: "\e194"; +} + +.glyphicon-registration-mark:before { + content: "\e195"; +} + +.glyphicon-cloud-download:before { + content: "\e197"; +} + +.glyphicon-cloud-upload:before { + content: "\e198"; +} + +.glyphicon-tree-conifer:before { + content: "\e199"; +} + +.glyphicon-tree-deciduous:before { + content: "\e200"; +} + +.glyphicon-briefcase:before { + content: "\1f4bc"; +} + +.glyphicon-calendar:before { + content: "\1f4c5"; +} + +.glyphicon-pushpin:before { + content: "\1f4cc"; +} + +.glyphicon-paperclip:before { + content: "\1f4ce"; +} + +.glyphicon-camera:before { + content: "\1f4f7"; +} + +.glyphicon-lock:before { + content: "\1f512"; +} + +.glyphicon-bell:before { + content: "\1f514"; +} + +.glyphicon-bookmark:before { + content: "\1f516"; +} + +.glyphicon-fire:before { + content: "\1f525"; +} + +.glyphicon-wrench:before { + content: "\1f527"; +} + +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid black; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + border-bottom: 0 dotted; + content: ""; +} + +.dropdown { + position: relative; +} + +.dropdown-toggle:focus { + outline: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + font-size: 13px; + background-color: white; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + background-clip: padding-box; +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 8px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.42857; + color: #333333; + white-space: nowrap; +} + +.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { + text-decoration: none; + color: white; + background-color: #428bca; +} + +.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { + color: white; + text-decoration: none; + outline: 0; + background-color: #428bca; +} + +.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { + color: #999999; +} + +.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: not-allowed; +} + +.open > .dropdown-menu { + display: block; +} +.open > a { + outline: 0; +} + +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.42857; + color: #999999; +} + +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990; +} + +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0 dotted; + border-bottom: 4px solid black; + content: ""; +} +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} + +@media (min-width: 768px) { + .navbar-right .dropdown-menu { + right: 0; + left: auto; + } +} +.btn-default .caret { + border-top-color: #333333; +} +.btn-primary .caret, .btn-success .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret { + border-top-color: #fff; +} + +.dropup .btn-default .caret { + border-bottom-color: #333333; +} +.dropup .btn-primary .caret, +.dropup .btn-success .caret, +.dropup .btn-warning .caret, +.dropup .btn-danger .caret, +.dropup .btn-info .caret { + border-bottom-color: #fff; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + float: left; +} +.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:hover, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 2; +} +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus { + outline: none; +} + +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: -1px; +} + +.btn-toolbar:before, .btn-toolbar:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} +.btn-toolbar:after { + clear: both; +} +.btn-toolbar .btn-group { + float: left; +} +.btn-toolbar > .btn + .btn, +.btn-toolbar > .btn + .btn-group, +.btn-toolbar > .btn-group + .btn, +.btn-toolbar > .btn-group + .btn-group { + margin-left: 5px; +} + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} + +.btn-group > .btn:first-child { + margin-left: 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: left; +} + +.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 .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 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-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} + +.btn .caret { + margin-left: 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 { + display: block; + float: none; + width: 100%; + max-width: 100%; +} +.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} +.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; +} + +.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: 0px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-bottom-left-radius: 0px; + 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 { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; +} +.btn-group-justified .btn { + float: none; + display: table-cell; + width: 1%; +} + +[data-toggle="buttons"] > .btn > input[type="radio"], +[data-toggle="buttons"] > .btn > input[type="checkbox"] { + display: none; +} + +.input-group { + position: relative; + display: table; + border-collapse: separate; +} +.input-group.col { + float: none; + padding-left: 0; + padding-right: 0; +} +.input-group .form-control { + width: 100%; + margin-bottom: 0; +} + +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; +} +.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, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; +} + +.input-group-addon { + padding: 6px 12px; + font-size: 13px; + font-weight: normal; + line-height: 1; + text-align: center; + background-color: #eeeeee; + border: 1px solid #d6d4d4; + border-radius: 0px; +} +.input-group-addon.input-sm, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .input-group-addon.btn { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; +} +.input-group-addon.input-lg, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .input-group-addon.btn { + padding: 10px 16px; + font-size: 17px; + border-radius: 6px; +} +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; +} + +.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; +} + +.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; +} + +.input-group-addon:last-child { + border-left: 0; +} + +.input-group-btn { + position: relative; + white-space: nowrap; +} + +.input-group-btn > .btn { + position: relative; +} +.input-group-btn > .btn + .btn { + margin-left: -4px; +} +.input-group-btn > .btn:hover, .input-group-btn > .btn:active { + z-index: 2; +} + +.nav { + margin-bottom: 0; + padding-left: 0; + list-style: none; +} +.nav:before, .nav:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} +.nav:after { + clear: both; +} +.nav > li { + position: relative; + display: block; +} +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; +} +.nav > li > a:hover, .nav > li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #999999; +} +.nav > li.disabled > a:hover, .nav > li.disabled > a:focus { + color: #999999; + text-decoration: none; + background-color: transparent; + cursor: not-allowed; +} +.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { + background-color: #eeeeee; + border-color: #777777; +} +.nav .nav-divider { + height: 1px; + margin: 8px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.nav > li > a > img { + max-width: none; +} + +.nav-tabs { + border-bottom: 1px solid #dddddd; +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857; + border: 1px solid transparent; + border-radius: 0px 0px 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #dddddd; +} +.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { + color: #555555; + background-color: white; + border: 1px solid #dddddd; + border-bottom-color: transparent; + cursor: default; +} + +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 5px; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { + color: white; + background-color: #428bca; +} + +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} + +.nav-justified, .nav-tabs.nav-justified { + width: 100%; +} +.nav-justified > li, .nav-tabs.nav-justified > li { + float: none; +} +.nav-justified > li > a, .nav-tabs.nav-justified > li > a { + text-align: center; +} +@media (min-width: 768px) { + .nav-justified > li, .nav-tabs.nav-justified > li { + display: table-cell; + width: 1%; + } +} + +.nav-tabs-justified, .nav-tabs.nav-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #dddddd; + margin-right: 0; +} +.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a { + border-bottom-color: white; +} + +.tabbable:before, .tabbable:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} +.tabbable:after { + clear: both; +} + +.tab-content > .tab-pane, +.pill-content > .pill-pane { + display: none; +} + +.tab-content > .active, +.pill-content > .active { + display: block; +} + +.nav .caret { + border-top-color: #777777; + border-bottom-color: #777777; +} + +.nav a:hover .caret { + border-top-color: #515151; + border-bottom-color: #515151; +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.navbar { + position: relative; + z-index: 1000; + min-height: 50px; + margin-bottom: 18px; + border: 1px solid transparent; +} +.navbar:before, .navbar:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} +.navbar:after { + clear: both; +} +@media (min-width: 768px) { + .navbar { + border-radius: 0px; + } +} + +.navbar-header:before, .navbar-header:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} +.navbar-header:after { + clear: both; +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} + +.navbar-collapse { + max-height: 340px; + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-overflow-scrolling: touch; +} +.navbar-collapse:before, .navbar-collapse:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} +.navbar-collapse:after { + clear: both; +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-collapse .navbar-nav.navbar-left:first-child { + margin-left: -15px; + } + .navbar-collapse .navbar-nav.navbar-right:last-child { + margin-right: -15px; + } + .navbar-collapse .navbar-text:last-child { + margin-right: 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-top { + z-index: 1030; + top: 0; +} + +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; +} + +.navbar-brand { + float: left; + padding: 16px 15px; + font-size: 17px; + line-height: 18px; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand { + margin-left: -15px; + } +} + +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 8px; + margin-bottom: 8px; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0px; +} +.navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; +} +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; +} +@media (min-width: 768px) { + .navbar-toggle { + display: none; + } +} + +.navbar-nav { + margin: 8px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 18px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none; + } + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 18px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 16px; + padding-bottom: 16px; + } +} + +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + + .navbar-right { + float: right !important; + } +} +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 9px; + margin-bottom: 9px; +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + 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: auto; + right: 0; +} + +.navbar-btn { + margin-top: 9px; + margin-bottom: 9px; +} + +.navbar-text { + float: left; + margin-top: 16px; + margin-bottom: 16px; +} +@media (min-width: 768px) { + .navbar-text { + margin-left: 15px; + margin-right: 15px; + } +} + +.navbar-default { + background-color: #f8f8f8; + border-color: #e7e7e7; +} +.navbar-default .navbar-brand { + color: #777777; +} +.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { + color: #5e5e5e; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777777; +} +.navbar-default .navbar-nav > li > a { + color: #777777; +} +.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { + color: #333333; + background-color: transparent; +} +.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { + color: #555555; + background-color: #e7e7e7; +} +.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #dddddd; +} +.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { + background-color: #dddddd; +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #cccccc; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #e6e6e6; +} +.navbar-default .navbar-nav > .dropdown > a:hover .caret, +.navbar-default .navbar-nav > .dropdown > a:focus .caret { + border-top-color: #333333; + border-bottom-color: #333333; +} +.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { + background-color: #e7e7e7; + color: #555555; +} +.navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} +.navbar-default .navbar-nav > .dropdown > a .caret { + border-top-color: #777777; + border-bottom-color: #777777; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #777777; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: #333333; + background-color: transparent; + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #555555; + background-color: #e7e7e7; + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #cccccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #777777; +} +.navbar-default .navbar-link:hover { + color: #333333; +} + +.navbar-inverse { + background-color: #222222; + border-color: #090909; +} +.navbar-inverse .navbar-brand { + color: #999999; +} +.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { + color: white; + background-color: transparent; +} +.navbar-inverse .navbar-text { + color: #999999; +} +.navbar-inverse .navbar-nav > li > a { + color: #999999; +} +.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { + color: white; + background-color: transparent; +} +.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { + color: white; + background-color: #090909; +} +.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { + color: #444444; + background-color: transparent; +} +.navbar-inverse .navbar-toggle { + border-color: #333333; +} +.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { + background-color: #333333; +} +.navbar-inverse .navbar-toggle .icon-bar { + background-color: white; +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form { + border-color: #101010; +} +.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { + background-color: #090909; + color: white; +} +.navbar-inverse .navbar-nav > .dropdown > a:hover .caret { + border-top-color: white; + border-bottom-color: white; +} +.navbar-inverse .navbar-nav > .dropdown > a .caret { + border-top-color: #999999; + border-bottom-color: #999999; +} +.navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret { + border-top-color: white; + border-bottom-color: white; +} +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { + border-color: #090909; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: #999999; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: white; + background-color: transparent; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { + color: white; + background-color: #090909; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #444444; + background-color: transparent; + } +} +.navbar-inverse .navbar-link { + color: #999999; +} +.navbar-inverse .navbar-link:hover { + color: white; +} + +.breadcrumb { + padding: 8px 15px; + margin-bottom: 18px; + list-style: none; + background-color: #f6f6f6; + border-radius: 0px; +} +.breadcrumb > li { + display: inline-block; +} +.breadcrumb > li + li:before { + content: "/\00a0"; + padding: 0 5px; + color: #333333; +} +.breadcrumb > .active { + color: #333333; +} + +.pagination { + display: inline-block; + padding-left: 0; + margin: 18px 0; + border-radius: 0px; +} +.pagination > li { + display: inline; +} +.pagination > li > a, +.pagination > li > span { + position: relative; + float: left; + padding: 6px 12px; + line-height: 1.42857; + text-decoration: none; + background-color: white; + border: 1px solid #dddddd; + margin-left: -1px; +} +.pagination > li:first-child > a, +.pagination > li:first-child > span { + margin-left: 0; + border-bottom-left-radius: 0px; + border-top-left-radius: 0px; +} +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-bottom-right-radius: 0px; + border-top-right-radius: 0px; +} +.pagination > li > a:hover, .pagination > li > a:focus, +.pagination > li > span:hover, +.pagination > li > span:focus { + background-color: #eeeeee; +} +.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, +.pagination > .active > span, +.pagination > .active > span:hover, +.pagination > .active > span:focus { + z-index: 2; + color: white; + background-color: #428bca; + border-color: #428bca; + cursor: default; +} +.pagination > .disabled > span, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999999; + background-color: white; + border-color: #dddddd; + cursor: not-allowed; +} + +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 10px 16px; + font-size: 17px; +} +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-bottom-right-radius: 6px; + border-top-right-radius: 6px; +} + +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 5px 10px; + font-size: 12px; +} +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; +} + +.pager { + padding-left: 0; + margin: 18px 0; + list-style: none; + text-align: center; +} +.pager:before, .pager:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} +.pager:after { + clear: both; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: white; + border: 1px solid #dddddd; + border-radius: 15px; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.pager .next > a, +.pager .next > span { + float: right; +} +.pager .previous > a, +.pager .previous > span { + float: left; +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + background-color: white; + cursor: not-allowed; +} + +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: white; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; +} +.label[href]:hover, .label[href]:focus { + color: white; + text-decoration: none; + cursor: pointer; +} +.label:empty { + display: none; +} + +.label-default { + background-color: #999999; +} +.label-default[href]:hover, .label-default[href]:focus { + background-color: gray; +} + +.label-primary { + background-color: #428bca; +} +.label-primary[href]:hover, .label-primary[href]:focus { + background-color: #3071a9; +} + +.label-success { + background-color: #5cb85c; +} +.label-success[href]:hover, .label-success[href]:focus { + background-color: #449d44; +} + +.label-info { + background-color: #5bc0de; +} +.label-info[href]:hover, .label-info[href]:focus { + background-color: #31b0d5; +} + +.label-warning { + background-color: #f0ad4e; +} +.label-warning[href]:hover, .label-warning[href]:focus { + background-color: #ec971f; +} + +.label-danger { + background-color: #d9534f; +} +.label-danger[href]:hover, .label-danger[href]:focus { + background-color: #c9302c; +} + +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + color: white; + line-height: 1; + vertical-align: baseline; + white-space: nowrap; + text-align: center; + background-color: #999999; + border-radius: 10px; +} +.badge:empty { + display: none; +} + +a.badge:hover, a.badge:focus { + color: white; + text-decoration: none; + cursor: pointer; +} + +.btn .badge { + position: relative; + top: -1px; +} + +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #777777; + background-color: white; +} + +.nav-pills > li > a > .badge { + margin-left: 3px; +} + +.jumbotron { + padding: 30px; + margin-bottom: 30px; + font-size: 19.5px; + font-weight: 200; + line-height: 2.14286; + color: inherit; + background-color: #eeeeee; +} +.jumbotron h1 { + line-height: 1; + color: inherit; +} +.jumbotron p { + line-height: 1.4; +} +.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; + } + .jumbotron h1 { + font-size: 58.5px; + } +} + +.thumbnail { + display: block; +} +.thumbnail > img { + display: block; + max-width: 100%; + height: auto; +} + +a.thumbnail:hover, +a.thumbnail:focus { + border-color: #777777; +} + +.thumbnail > img { + margin-left: auto; + margin-right: auto; +} + +.thumbnail .caption { + padding: 9px; + color: #777777; +} + +.alert { + padding: 15px; + margin-bottom: 18px; + border: 1px solid transparent; + border-radius: 0px; +} +.alert h4 { + margin-top: 0; + color: inherit; +} +.alert .alert-link { + font-weight: bold; +} +.alert > p, +.alert > ul { + margin-bottom: 0; +} +.alert > p + p { + margin-top: 5px; +} + +.alert-dismissable { + padding-right: 35px; +} +.alert-dismissable .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} + +.alert-success { + background-color: #55c65e; + border-color: #48b151; + color: white; +} +.alert-success hr { + border-top-color: #419f49; +} +.alert-success .alert-link { + color: #e6e6e6; +} + +.alert-info { + background-color: #5192f3; + border-color: #4b80c3; + color: white; +} +.alert-info hr { + border-top-color: #3d73b7; +} +.alert-info .alert-link { + color: #e6e6e6; +} + +.alert-warning { + background-color: #fe9126; + border-color: #e4752b; + color: white; +} +.alert-warning hr { + border-top-color: #da681c; +} +.alert-warning .alert-link { + color: #e6e6e6; +} + +.alert-danger { + background-color: #f3515c; + border-color: #d4323d; + color: white; +} +.alert-danger hr { + border-top-color: #c32933; +} +.alert-danger .alert-link { + color: #e6e6e6; +} + +@-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 { + overflow: hidden; + height: 18px; + margin-bottom: 18px; + background-color: whitesmoke; + border-radius: 0px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.progress-bar { + float: left; + width: 0%; + height: 100%; + font-size: 12px; + color: white; + text-align: center; + background-color: #428bca; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: width 0.6s ease; + transition: width 0.6s ease; +} + +.progress-striped .progress-bar { + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 40px 40px; +} + +.progress.active .progress-bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} + +.progress-bar-success { + background-color: #5cb85c; +} +.progress-striped .progress-bar-success { + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-info { + background-color: #5bc0de; +} +.progress-striped .progress-bar-info { + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-warning { + background-color: #f0ad4e; +} +.progress-striped .progress-bar-warning { + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-danger { + background-color: #d9534f; +} +.progress-striped .progress-bar-danger { + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.media, +.media-body { + overflow: hidden; + zoom: 1; +} + +.media, +.media .media { + margin-top: 15px; +} + +.media:first-child { + margin-top: 0; +} + +.media-object { + display: block; +} + +.media-heading { + margin: 0 0 5px; +} + +.media > .pull-left { + margin-right: 10px; +} +.media > .pull-right { + margin-left: 10px; +} + +.media-list { + padding-left: 0; + list-style: none; +} + +.list-group { + margin-bottom: 20px; + padding-left: 0; +} + +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + margin-bottom: -1px; + background-color: white; + border: 1px solid #dddddd; +} +.list-group-item:first-child { + border-top-right-radius: 0px; + border-top-left-radius: 0px; +} +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; +} +.list-group-item > .badge { + float: right; +} +.list-group-item > .badge + .badge { + margin-right: 5px; +} +.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { + z-index: 2; + color: white; + background-color: #428bca; + border-color: #428bca; +} +.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading { + color: inherit; +} +.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { + color: #e1edf7; +} + +a.list-group-item { + color: #555555; +} +a.list-group-item .list-group-item-heading { + color: #333333; +} +a.list-group-item:hover, a.list-group-item:focus { + text-decoration: none; + background-color: whitesmoke; +} + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} + +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} + +.panel { + margin-bottom: 18px; + background-color: white; + border: 1px solid transparent; + border-radius: 0px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); +} + +.panel-body { + padding: 15px; +} +.panel-body:before, .panel-body:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} +.panel-body:after { + clear: both; +} + +.panel > .list-group { + margin-bottom: 0; +} +.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 > .list-group .list-group-item:last-child { + border-bottom: 0; +} + +.panel-heading + .list-group .list-group-item:first-child { + border-top-width: 0; +} + +.panel > .table { + margin-bottom: 0; +} +.panel > .panel-body + .table { + border-top: 1px solid #d6d4d4; +} + +.panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-right-radius: -1px; + border-top-left-radius: -1px; +} + +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 15px; +} +.panel-title > a { + color: inherit; +} + +.panel-footer { + padding: 10px 15px; + background-color: whitesmoke; + border-top: 1px solid #dddddd; + border-bottom-right-radius: -1px; + border-bottom-left-radius: -1px; +} + +.panel-group .panel { + margin-bottom: 0; + border-radius: 0px; + overflow: hidden; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group .panel-heading { + border-bottom: 0; +} +.panel-group .panel-heading + .panel-collapse .panel-body { + border-top: 1px solid #dddddd; +} +.panel-group .panel-footer { + border-top: 0; +} +.panel-group .panel-footer + .panel-collapse .panel-body { + border-bottom: 1px solid #dddddd; +} + +.panel-default { + border-color: #dddddd; +} +.panel-default > .panel-heading { + color: #333333; + background-color: whitesmoke; + border-color: #dddddd; +} +.panel-default > .panel-heading + .panel-collapse .panel-body { + border-top-color: #dddddd; +} +.panel-default > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #dddddd; +} + +.panel-primary { + border-color: #428bca; +} +.panel-primary > .panel-heading { + color: white; + background-color: #428bca; + border-color: #428bca; +} +.panel-primary > .panel-heading + .panel-collapse .panel-body { + border-top-color: #428bca; +} +.panel-primary > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #428bca; +} + +.panel-success { + border-color: #48b151; +} +.panel-success > .panel-heading { + color: white; + background-color: #55c65e; + border-color: #48b151; +} +.panel-success > .panel-heading + .panel-collapse .panel-body { + border-top-color: #48b151; +} +.panel-success > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #48b151; +} + +.panel-warning { + border-color: #e4752b; +} +.panel-warning > .panel-heading { + color: white; + background-color: #fe9126; + border-color: #e4752b; +} +.panel-warning > .panel-heading + .panel-collapse .panel-body { + border-top-color: #e4752b; +} +.panel-warning > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #e4752b; +} + +.panel-danger { + border-color: #d4323d; +} +.panel-danger > .panel-heading { + color: white; + background-color: #f3515c; + border-color: #d4323d; +} +.panel-danger > .panel-heading + .panel-collapse .panel-body { + border-top-color: #d4323d; +} +.panel-danger > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #d4323d; +} + +.panel-info { + border-color: #4b80c3; +} +.panel-info > .panel-heading { + color: white; + background-color: #5192f3; + border-color: #4b80c3; +} +.panel-info > .panel-heading + .panel-collapse .panel-body { + border-top-color: #4b80c3; +} +.panel-info > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #4b80c3; +} + +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: whitesmoke; + border: 1px solid #e3e3e3; + border-radius: 0px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} + +.well-lg { + padding: 24px; + border-radius: 6px; +} + +.well-sm { + padding: 9px; + border-radius: 3px; +} + +.close { + float: right; + font-size: 19.5px; + font-weight: bold; + line-height: 1; + color: black; + text-shadow: 0 1px 0 white; + opacity: 0.2; + filter: alpha(opacity=20); +} +.close:hover, .close:focus { + color: black; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); +} + +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} + +.modal-open { + overflow: hidden; +} +.modal-open .navbar-fixed-top, +.modal-open .navbar-fixed-bottom { + margin-right: 15px; +} + +body.modal-open { + margin-right: 15px; +} + +.modal { + display: none; + overflow: auto; + overflow-y: scroll; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; +} +.modal.fade .modal-dialog { + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + transform: translate(0, -25%); + -webkit-transition: -webkit-transform 0.3s ease-out; + -moz-transition: -moz-transform 0.3s ease-out; + -o-transition: -o-transform 0.3s ease-out; + transition: transform 0.3s ease-out; +} +.modal.in .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); +} + +.modal-dialog { + margin-left: auto; + margin-right: auto; + width: auto; + padding: 10px; + z-index: 1050; +} + +.modal-content { + position: relative; + background-color: white; + border: 1px solid #999999; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + background-clip: padding-box; + outline: none; +} + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + background-color: black; +} +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0); +} +.modal-backdrop.in { + opacity: 0.5; + filter: alpha(opacity=50); +} + +.modal-header { + padding: 15px; + border-bottom: 1px solid #e5e5e5; + min-height: 16.42857px; +} + +.modal-header .close { + margin-top: -2px; +} + +.modal-title { + margin: 0; + line-height: 1.42857; +} + +.modal-body { + position: relative; + padding: 20px; +} + +.modal-footer { + margin-top: 15px; + padding: 19px 20px 20px; + text-align: right; + border-top: 1px solid #e5e5e5; +} +.modal-footer:before, .modal-footer:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} +.modal-footer:after { + clear: both; +} +.modal-footer .btn + .btn { + margin-left: 5px; + margin-bottom: 0; +} +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} + +@media screen and (min-width: 768px) { + .modal-dialog { + left: 50%; + right: auto; + width: 600px; + padding-top: 30px; + padding-bottom: 30px; + } + + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + } +} +.tooltip { + position: absolute; + z-index: 1030; + display: block; + visibility: visible; + font-size: 12px; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0); +} +.tooltip.in { + opacity: 0.9; + filter: alpha(opacity=90); +} +.tooltip.top { + margin-top: -3px; + padding: 5px 0; +} +.tooltip.right { + margin-left: 3px; + padding: 0 5px; +} +.tooltip.bottom { + margin-top: 3px; + padding: 5px 0; +} +.tooltip.left { + margin-left: -3px; + padding: 0 5px; +} + +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: white; + text-align: center; + text-decoration: none; + background-color: black; + border-radius: 0px; +} + +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: black; +} +.tooltip.top-left .tooltip-arrow { + bottom: 0; + left: 5px; + border-width: 5px 5px 0; + border-top-color: black; +} +.tooltip.top-right .tooltip-arrow { + bottom: 0; + right: 5px; + border-width: 5px 5px 0; + border-top-color: black; +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: black; +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: black; +} +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: black; +} +.tooltip.bottom-left .tooltip-arrow { + top: 0; + left: 5px; + border-width: 0 5px 5px; + border-bottom-color: black; +} +.tooltip.bottom-right .tooltip-arrow { + top: 0; + right: 5px; + border-width: 0 5px 5px; + border-bottom-color: black; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + background-color: white; + background-clip: padding-box; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + white-space: normal; +} +.popover.top { + margin-top: -10px; +} +.popover.right { + margin-left: 10px; +} +.popover.bottom { + margin-top: 10px; +} +.popover.left { + margin-left: -10px; +} + +.popover-title { + margin: 0; + padding: 8px 14px; + font-size: 13px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} + +.popover-content { + padding: 9px 14px; +} + +.popover .arrow, .popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.popover .arrow { + border-width: 11px; +} + +.popover .arrow:after { + border-width: 10px; + content: ""; +} + +.popover.top .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #999999; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px; +} +.popover.top .arrow:after { + content: " "; + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: white; +} +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999999; + border-right-color: rgba(0, 0, 0, 0.25); +} +.popover.right .arrow:after { + content: " "; + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: white; +} +.popover.bottom .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999999; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px; +} +.popover.bottom .arrow:after { + content: " "; + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: white; +} +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999999; + border-left-color: rgba(0, 0, 0, 0.25); +} +.popover.left .arrow:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: white; + bottom: -10px; +} + +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; +} +.carousel-inner > .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + display: block; + max-width: 100%; + height: auto; + line-height: 1; +} +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} +.carousel-inner > .active { + left: 0; +} +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} +.carousel-inner > .next { + left: 100%; +} +.carousel-inner > .prev { + left: -100%; +} +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} +.carousel-inner > .active.left { + left: -100%; +} +.carousel-inner > .active.right { + left: 100%; +} + +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 15%; + opacity: 0.5; + filter: alpha(opacity=50); + font-size: 20px; + color: white; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-control.left { + background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%)); + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); +} +.carousel-control.right { + left: auto; + right: 0; + background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%)); + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); +} +.carousel-control:hover, .carousel-control:focus { + color: white; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} +.carousel-control .icon-prev, +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-left, +.carousel-control .glyphicon-chevron-right { + position: absolute; + top: 50%; + left: 50%; + z-index: 5; + display: inline-block; +} +.carousel-control .icon-prev, +.carousel-control .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + font-family: serif; +} +.carousel-control .icon-prev:before { + content: '\2039'; +} +.carousel-control .icon-next:before { + content: '\203a'; +} + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; +} +.carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid white; + border-radius: 10px; + cursor: pointer; +} +.carousel-indicators .active { + margin: 0; + width: 12px; + height: 12px; + background-color: white; +} + +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: white; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-caption .btn { + text-shadow: none; +} + +@media screen and (min-width: 768px) { + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + margin-left: -15px; + font-size: 30px; + } + + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + + .carousel-indicators { + bottom: 20px; + } +} +.clearfix:before, .clearfix:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} +.clearfix:after { + clear: both; +} + +.pull-right { + float: right !important; +} + +.pull-left { + float: left !important; +} + +.hide { + display: none !important; +} + +.show { + display: block !important; +} + +.invisible { + visibility: hidden; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.affix { + position: fixed; +} + +@-ms-viewport { + width: device-width; +} + +@media screen and (max-width: 400px) { + @-ms-viewport { + width: 320px; +} +} +.hidden { + display: none !important; + visibility: hidden !important; +} + +.visible-xs { + display: none !important; +} + +tr.visible-xs { + display: none !important; +} + +th.visible-xs, +td.visible-xs { + display: none !important; +} + +@media (max-width: 767px) { + .visible-xs { + display: block !important; + } + + tr.visible-xs { + display: table-row !important; + } + + th.visible-xs, + td.visible-xs { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-xs.visible-sm { + display: block !important; + } + + tr.visible-xs.visible-sm { + display: table-row !important; + } + + th.visible-xs.visible-sm, + td.visible-xs.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-xs.visible-md { + display: block !important; + } + + tr.visible-xs.visible-md { + display: table-row !important; + } + + th.visible-xs.visible-md, + td.visible-xs.visible-md { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-xs.visible-lg { + display: block !important; + } + + tr.visible-xs.visible-lg { + display: table-row !important; + } + + th.visible-xs.visible-lg, + td.visible-xs.visible-lg { + display: table-cell !important; + } +} +.visible-sm { + display: none !important; +} + +tr.visible-sm { + display: none !important; +} + +th.visible-sm, +td.visible-sm { + display: none !important; +} + +@media (max-width: 767px) { + .visible-sm.visible-xs { + display: block !important; + } + + tr.visible-sm.visible-xs { + display: table-row !important; + } + + th.visible-sm.visible-xs, + td.visible-sm.visible-xs { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + + tr.visible-sm { + display: table-row !important; + } + + th.visible-sm, + td.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-sm.visible-md { + display: block !important; + } + + tr.visible-sm.visible-md { + display: table-row !important; + } + + th.visible-sm.visible-md, + td.visible-sm.visible-md { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-sm.visible-lg { + display: block !important; + } + + tr.visible-sm.visible-lg { + display: table-row !important; + } + + th.visible-sm.visible-lg, + td.visible-sm.visible-lg { + display: table-cell !important; + } +} +.visible-md { + display: none !important; +} + +tr.visible-md { + display: none !important; +} + +th.visible-md, +td.visible-md { + display: none !important; +} + +@media (max-width: 767px) { + .visible-md.visible-xs { + display: block !important; + } + + tr.visible-md.visible-xs { + display: table-row !important; + } + + th.visible-md.visible-xs, + td.visible-md.visible-xs { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-md.visible-sm { + display: block !important; + } + + tr.visible-md.visible-sm { + display: table-row !important; + } + + th.visible-md.visible-sm, + td.visible-md.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + + tr.visible-md { + display: table-row !important; + } + + th.visible-md, + td.visible-md { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-md.visible-lg { + display: block !important; + } + + tr.visible-md.visible-lg { + display: table-row !important; + } + + th.visible-md.visible-lg, + td.visible-md.visible-lg { + display: table-cell !important; + } +} +.visible-lg { + display: none !important; +} + +tr.visible-lg { + display: none !important; +} + +th.visible-lg, +td.visible-lg { + display: none !important; +} + +@media (max-width: 767px) { + .visible-lg.visible-xs { + display: block !important; + } + + tr.visible-lg.visible-xs { + display: table-row !important; + } + + th.visible-lg.visible-xs, + td.visible-lg.visible-xs { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-lg.visible-sm { + display: block !important; + } + + tr.visible-lg.visible-sm { + display: table-row !important; + } + + th.visible-lg.visible-sm, + td.visible-lg.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-lg.visible-md { + display: block !important; + } + + tr.visible-lg.visible-md { + display: table-row !important; + } + + th.visible-lg.visible-md, + td.visible-lg.visible-md { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-lg { + display: block !important; + } + + tr.visible-lg { + display: table-row !important; + } + + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } +} +.hidden-xs { + display: block !important; +} + +tr.hidden-xs { + display: table-row !important; +} + +th.hidden-xs, +td.hidden-xs { + display: table-cell !important; +} + +@media (max-width: 767px) { + .hidden-xs { + display: none !important; + } + + tr.hidden-xs { + display: none !important; + } + + th.hidden-xs, + td.hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-xs.hidden-sm { + display: none !important; + } + + tr.hidden-xs.hidden-sm { + display: none !important; + } + + th.hidden-xs.hidden-sm, + td.hidden-xs.hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-xs.hidden-md { + display: none !important; + } + + tr.hidden-xs.hidden-md { + display: none !important; + } + + th.hidden-xs.hidden-md, + td.hidden-xs.hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-xs.hidden-lg { + display: none !important; + } + + tr.hidden-xs.hidden-lg { + display: none !important; + } + + th.hidden-xs.hidden-lg, + td.hidden-xs.hidden-lg { + display: none !important; + } +} +.hidden-sm { + display: block !important; +} + +tr.hidden-sm { + display: table-row !important; +} + +th.hidden-sm, +td.hidden-sm { + display: table-cell !important; +} + +@media (max-width: 767px) { + .hidden-sm.hidden-xs { + display: none !important; + } + + tr.hidden-sm.hidden-xs { + display: none !important; + } + + th.hidden-sm.hidden-xs, + td.hidden-sm.hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important; + } + + tr.hidden-sm { + display: none !important; + } + + th.hidden-sm, + td.hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-sm.hidden-md { + display: none !important; + } + + tr.hidden-sm.hidden-md { + display: none !important; + } + + th.hidden-sm.hidden-md, + td.hidden-sm.hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-sm.hidden-lg { + display: none !important; + } + + tr.hidden-sm.hidden-lg { + display: none !important; + } + + th.hidden-sm.hidden-lg, + td.hidden-sm.hidden-lg { + display: none !important; + } +} +.hidden-md { + display: block !important; +} + +tr.hidden-md { + display: table-row !important; +} + +th.hidden-md, +td.hidden-md { + display: table-cell !important; +} + +@media (max-width: 767px) { + .hidden-md.hidden-xs { + display: none !important; + } + + tr.hidden-md.hidden-xs { + display: none !important; + } + + th.hidden-md.hidden-xs, + td.hidden-md.hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-md.hidden-sm { + display: none !important; + } + + tr.hidden-md.hidden-sm { + display: none !important; + } + + th.hidden-md.hidden-sm, + td.hidden-md.hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-md { + display: none !important; + } + + tr.hidden-md { + display: none !important; + } + + th.hidden-md, + td.hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-md.hidden-lg { + display: none !important; + } + + tr.hidden-md.hidden-lg { + display: none !important; + } + + th.hidden-md.hidden-lg, + td.hidden-md.hidden-lg { + display: none !important; + } +} +.hidden-lg { + display: block !important; +} + +tr.hidden-lg { + display: table-row !important; +} + +th.hidden-lg, +td.hidden-lg { + display: table-cell !important; +} + +@media (max-width: 767px) { + .hidden-lg.hidden-xs { + display: none !important; + } + + tr.hidden-lg.hidden-xs { + display: none !important; + } + + th.hidden-lg.hidden-xs, + td.hidden-lg.hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-lg.hidden-sm { + display: none !important; + } + + tr.hidden-lg.hidden-sm { + display: none !important; + } + + th.hidden-lg.hidden-sm, + td.hidden-lg.hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-lg.hidden-md { + display: none !important; + } + + tr.hidden-lg.hidden-md { + display: none !important; + } + + th.hidden-lg.hidden-md, + td.hidden-lg.hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-lg { + display: none !important; + } + + tr.hidden-lg { + display: none !important; + } + + th.hidden-lg, + td.hidden-lg { + display: none !important; + } +} +.visible-print { + display: none !important; +} + +tr.visible-print { + display: none !important; +} + +th.visible-print, +td.visible-print { + display: none !important; +} + +@media print { + .visible-print { + display: block !important; + } + + tr.visible-print { + display: table-row !important; + } + + th.visible-print, + td.visible-print { + display: table-cell !important; + } + + .hidden-print { + display: none !important; + } + + tr.hidden-print { + display: none !important; + } + + th.hidden-print, + td.hidden-print { + display: none !important; + } +} diff --git a/themes/default-bootstrap/css/category.css b/themes/default-bootstrap/css/category.css new file mode 100644 index 000000000..727f7ae9c --- /dev/null +++ b/themes/default-bootstrap/css/category.css @@ -0,0 +1,89 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/* ************************************************************************************************ + Categories Page Styles +************************************************************************************************ */ +.content_scene_cat { + border-top: 5px solid #333333; + color: #d7d7d7; + line-height: 19px; + margin-bottom: 26px; +} +.content_scene_cat .content_scene_cat_bg { + padding: 18px 0 10px 42px; + background-color: #403d3b; +} +.content_scene_cat h1.category-name { + font: 600 42px/51px "Open Sans", sans-serif; + color: #fff; + margin-bottom: 12px; +} +.content_scene_cat p { + margin-bottom: 0; +} +.content_scene_cat a { + color: #fff; +} +.content_scene_cat a:hover { + text-decoration: underline; +} +.content_scene_cat .content_scene { + color: #777777; +} +.content_scene_cat .content_scene .cat_desc { + padding-top: 20px; +} +.content_scene_cat .content_scene .cat_desc a { + color: #777777; +} +.content_scene_cat .content_scene .cat_desc a:hover { + color: #515151; +} + +/* ************************************************************************************************ + Sub Categories Styles +************************************************************************************************ */ +#subcategories { + border-top: 1px solid #d6d4d4; + padding: 15px 0 13px 0; +} +#subcategories p.subcategory-heading { + font-weight: bold; + color: #333; + margin: 0 0 15px 0; +} +#subcategories ul { + margin-left: -20px; +} +#subcategories ul li { + float: left; + width: 128px; + margin-left: 20px; + text-align: center; +} +#subcategories ul li .subcategory-image { + padding-bottom: 8px; +} +#subcategories ul li .subcategory-image a { + display: block; + padding: 9px; + border: 1px solid #d6d4d4; +} +#subcategories ul li .subcategory-image a img { + max-width: 100%; + vertical-align: top; +} +#subcategories ul li .subcategory-name { + font: 600 18px/22px "Open Sans", sans-serif; + color: #555454; + text-transform: uppercase; +} +#subcategories ul li .subcategory-name:hover { + color: #515151; +} +#subcategories ul li .cat_desc { + display: none; +} +#subcategories ul li:hover .subcategory-image a { + border: 5px solid #333333; + padding: 5px; +} diff --git a/themes/default-bootstrap/css/cms.css b/themes/default-bootstrap/css/cms.css new file mode 100644 index 000000000..d115deba5 --- /dev/null +++ b/themes/default-bootstrap/css/cms.css @@ -0,0 +1,88 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/************************************************************** + CMS Pages Styles +***************************************************************/ +#cms #center_column .cms-block { + padding-bottom: 20px; +} +#cms #center_column h1 { + margin-bottom: 25px; +} +#cms #center_column h3 { + font-size: 16px; + border-bottom: none; + margin: 0 0 0 0; + padding-bottom: 17px; +} +#cms #center_column p { + line-height: 18px; +} +#cms #center_column .list-1 li { + padding: 4px 0 6px 0; + font-weight: bold; + color: #46a74e; + border-top: 1px solid #d6d4d4; +} +#cms #center_column .list-1 li:first-child { + border: none; +} +#cms #center_column .list-1 li em { + font-size: 20px; + line-height: 20px; + padding-right: 15px; + vertical-align: -2px; +} +#cms #center_column img { + margin: 4px 0 17px; + max-width: 100%; + height: auto; +} +#cms #center_column .testimonials { + border: 1px solid; + border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0; + margin: 4px 0 13px 0; + position: relative; +} +#cms #center_column .testimonials .inner { + border: 1px solid #fff; + padding: 19px 18px 11px 18px; + background: #fbfbfb; + background: -moz-linear-gradient(top, #fbfbfb 0%, #fefefe 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #fefefe)); + background: -webkit-linear-gradient(top, #fbfbfb 0%, #fefefe 100%); + background: -o-linear-gradient(top, #fbfbfb 0%, #fefefe 100%); + background: -ms-linear-gradient(top, #fbfbfb 0%, #fefefe 100%); + background: linear-gradient(to bottom, #fbfbfb 0%, #fefefe 100%); +} +#cms #center_column .testimonials .inner span { + text-indent: -5000px; + display: inline-block; + width: 20px; + height: 15px; +} +#cms #center_column .testimonials .inner span.before { + background: url(../img/bl-before-bg.png) no-repeat; + margin-right: 8px; +} +#cms #center_column .testimonials .inner span.after { + background: url(../img/bl-after-bg.png) no-repeat; + margin-left: 8px; +} +#cms #center_column .testimonials:after { + content: "."; + display: block; + text-indent: -5000px; + position: absolute; + bottom: -16px; + left: 21px; + width: 15px; + height: 16px; + background: url(../img/testimon-after.gif) no-repeat; +} +#cms #center_column .testimonials + p { + padding-left: 45px; + margin-bottom: 18px; +} +#cms #center_column p.bottom-indent { + margin-bottom: 18px; +} diff --git a/themes/default-bootstrap/css/comparator.css b/themes/default-bootstrap/css/comparator.css new file mode 100644 index 000000000..a321199b5 --- /dev/null +++ b/themes/default-bootstrap/css/comparator.css @@ -0,0 +1,88 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/******************************************************************** + Compare Page Styles +********************************************************************/ +table#product_comparison tbody tr td.product-block { + vertical-align: top; + padding: 14px 19px 19px; + text-align: center; +} +table#product_comparison tbody tr td.td_empty, table#product_comparison tbody tr td.feature-name, table#product_comparison tbody tr.comparison_header { + background: #fbfbfb; + color: #333; +} +table#product_comparison tbody tr td.comparison_infos { + text-align: center; +} +table#product_comparison tbody tr td.comparison_infos div.center { + margin: 0 auto; + width: 80px; +} +table#product_comparison tbody tr td.td_empty { + vertical-align: bottom; +} +table#product_comparison tbody tr td.td_empty span { + font: 600 18px/22px "Open Sans", sans-serif; + text-transform: uppercase; + color: #555454; +} +table#product_comparison .remove { + text-align: right; + padding-bottom: 15px; +} +table#product_comparison .remove a { + font-size: 23px; + line-height: 23px; + color: #c0c0c0; +} +table#product_comparison .remove a:hover { + color: #515151; +} +table#product_comparison .product-image-block { + display: inline-block; + position: relative; +} +table#product_comparison .product-image-block .product_image { + padding: 9px; + border: 1px solid #d6d4d4; + display: inline-block; + margin: 0 0 8px 0; +} +table#product_comparison .product-image-block .product_image img { + width: 100%; +} +table#product_comparison h5 { + padding-bottom: 8px; + min-height: 54px; +} +table#product_comparison .prices-container { + padding-bottom: 5px; +} +table#product_comparison .comparison_availability_statut { + display: none; + font-weight: bold; + color: #060; +} +table#product_comparison .product_discount { + padding-top: 5px; +} +table#product_comparison .product_discount .reduced-price { + color: #f00; + font-weight: bold; +} +table#product_comparison .product_desc { + padding-bottom: 12px; +} +table#product_comparison .button-container a { + margin-bottom: 10px; +} +table#product_comparison .comparison_unit_price { + font-size: 17px; + font-family: 'Open Sans', sans-serif; + color: #333; + font-style: italic; +} + +.footer_link { + margin-bottom: 20px; +} diff --git a/themes/default-bootstrap/css/contact-form.css b/themes/default-bootstrap/css/contact-form.css new file mode 100644 index 000000000..b0c02aa1f --- /dev/null +++ b/themes/default-bootstrap/css/contact-form.css @@ -0,0 +1,101 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/************************************************************************** + Contact Page Styles +**************************************************************************/ +.contact-title { + margin-top: -5px; + line-height: 23px; + margin-bottom: 27px; +} +.contact-title i { + font-size: 23px; + color: #c0c0c0; + padding-right: 8px; +} + +.contact-form-box { + padding: 23px 0 0 0; + margin-bottom: 30px; + background: url(../img/contact-form.png) repeat-x white; + -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 5px 13px; + -moz-box-shadow: rgba(0, 0, 0, 0) 0px 5px 13px; + box-shadow: rgba(0, 0, 0, 0) 0px 5px 13px; +} +.contact-form-box fieldset { + padding: 0 19px 21px 19px; + background: url(../img/form-contact-shadow.png) center bottom no-repeat; + background-size: contain; +} +.contact-form-box label { + margin-bottom: 6px; +} +.contact-form-box .page-subheading { + padding-left: 0px; + border: none; + margin-bottom: 0; +} +.contact-form-box .col-md-3 { + padding-left: 0; +} +.contact-form-box .col-md-9 { + padding-right: 0; +} +.contact-form-box #desc_contact0 { + display: none; +} +.contact-form-box .form-group { + margin-bottom: 7px; +} +.contact-form-box textarea { + height: 257px; +} +.contact-form-box .submit { + margin-top: 13px; +} +.contact-form-box select.form-control { + max-width: 270px; + width: 100%; +} + +/************************************************************************** + Contact Page Bottom Banners Styles +**************************************************************************/ +.contact-banners .list-1 { + padding: 6px 0 3px 0; +} +.contact-banners .list-1 li { + padding: 0px 0 3px 0; + font: 600 18px/22px "Open Sans", sans-serif; + color: #555454; +} +.contact-banners .list-1 li i { + font-size: 25px; + line-height: 25px; + color: #cdcdcd; + padding-right: 10px; + vertical-align: -3px; +} +.contact-banners .list-2 { + padding: 2px 0 2px 0; +} +.contact-banners .list-2 li { + font-weight: bold; + color: #46a74e; + padding: 0 0 5px 0; +} +.contact-banners .list-2 li i { + font-size: 20px; + line-height: 20px; + padding-right: 10px; + vertical-align: -2px; +} +.contact-banners .box.box-last { + padding-bottom: 49px; +} +.contact-banners .box.box-last p i { + font-size: 29px; + line-height: 29px; + color: #c0c0c0; + vertical-align: -6px; + padding-right: 13px; +} diff --git a/themes/default-bootstrap/css/font-awesome.css b/themes/default-bootstrap/css/font-awesome.css new file mode 100644 index 000000000..a7a9950f3 --- /dev/null +++ b/themes/default-bootstrap/css/font-awesome.css @@ -0,0 +1,1479 @@ +/*! + * Font Awesome 3.2.1 + * 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 + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url('../../font/fontawesome-webfont.eot?v=3.2.1'); + src: url('../../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../../font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); + font-weight: normal; + font-style: normal; +} +/* FONT AWESOME CORE + * -------------------------- */ +[class^="icon-"], +[class*=" icon-"] { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; +} +[class^="icon-"]:before, +[class*=" icon-"]:before { + text-decoration: inherit; + display: inline-block; + speak: none; +} +/* makes the font 33% larger relative to the icon container */ +.icon-large:before { + vertical-align: -10%; + font-size: 1.3333333333333333em; +} +/* makes sure icons active on rollover in links */ +a [class^="icon-"], +a [class*=" icon-"] { + display: inline; +} +/* increased font size for icon-large */ +[class^="icon-"].icon-fixed-width, +[class*=" icon-"].icon-fixed-width { + display: inline-block; + width: 1.1428571428571428em; + text-align: right; + padding-right: 0.2857142857142857em; +} +[class^="icon-"].icon-fixed-width.icon-large, +[class*=" icon-"].icon-fixed-width.icon-large { + width: 1.4285714285714286em; +} +.icons-ul { + margin-left: 2.142857142857143em; + list-style-type: none; +} +.icons-ul > li { + position: relative; +} +.icons-ul .icon-li { + position: absolute; + left: -2.142857142857143em; + width: 2.142857142857143em; + text-align: center; + line-height: inherit; +} +[class^="icon-"].hide, +[class*=" icon-"].hide { + display: none; +} +.icon-muted { + color: #eeeeee; +} +.icon-light { + color: #ffffff; +} +.icon-dark { + color: #333333; +} +.icon-border { + border: solid 1px #eeeeee; + padding: .2em .25em .15em; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.icon-2x { + font-size: 2em; +} +.icon-2x.icon-border { + border-width: 2px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.icon-3x { + font-size: 3em; +} +.icon-3x.icon-border { + border-width: 3px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.icon-4x { + font-size: 4em; +} +.icon-4x.icon-border { + border-width: 4px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.icon-5x { + font-size: 5em; +} +.icon-5x.icon-border { + border-width: 5px; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; +} +.pull-right { + float: right; +} +.pull-left { + float: left; +} +[class^="icon-"].pull-left, +[class*=" icon-"].pull-left { + margin-right: .3em; +} +[class^="icon-"].pull-right, +[class*=" icon-"].pull-right { + margin-left: .3em; +} +/* BOOTSTRAP SPECIFIC CLASSES + * -------------------------- */ +/* Bootstrap 2.0 sprites.less reset */ +[class^="icon-"], +[class*=" icon-"] { + display: inline; + width: auto; + height: auto; + line-height: normal; + vertical-align: baseline; + background-image: none; + background-position: 0% 0%; + background-repeat: repeat; + margin-top: 0; +} +/* more sprites.less reset */ +.icon-white, +.nav-pills > .active > a > [class^="icon-"], +.nav-pills > .active > a > [class*=" icon-"], +.nav-list > .active > a > [class^="icon-"], +.nav-list > .active > a > [class*=" icon-"], +.navbar-inverse .nav > .active > a > [class^="icon-"], +.navbar-inverse .nav > .active > a > [class*=" icon-"], +.dropdown-menu > li > a:hover > [class^="icon-"], +.dropdown-menu > li > a:hover > [class*=" icon-"], +.dropdown-menu > .active > a > [class^="icon-"], +.dropdown-menu > .active > a > [class*=" icon-"], +.dropdown-submenu:hover > a > [class^="icon-"], +.dropdown-submenu:hover > a > [class*=" icon-"] { + background-image: none; +} +/* keeps Bootstrap styles with and without icons the same */ +.btn [class^="icon-"].icon-large, +.nav [class^="icon-"].icon-large, +.btn [class*=" icon-"].icon-large, +.nav [class*=" icon-"].icon-large { + line-height: .9em; +} +.btn [class^="icon-"].icon-spin, +.nav [class^="icon-"].icon-spin, +.btn [class*=" icon-"].icon-spin, +.nav [class*=" icon-"].icon-spin { + display: inline-block; +} +.nav-tabs [class^="icon-"], +.nav-pills [class^="icon-"], +.nav-tabs [class*=" icon-"], +.nav-pills [class*=" icon-"], +.nav-tabs [class^="icon-"].icon-large, +.nav-pills [class^="icon-"].icon-large, +.nav-tabs [class*=" icon-"].icon-large, +.nav-pills [class*=" icon-"].icon-large { + line-height: .9em; +} +.btn [class^="icon-"].pull-left.icon-2x, +.btn [class*=" icon-"].pull-left.icon-2x, +.btn [class^="icon-"].pull-right.icon-2x, +.btn [class*=" icon-"].pull-right.icon-2x { + margin-top: .18em; +} +.btn [class^="icon-"].icon-spin.icon-large, +.btn [class*=" icon-"].icon-spin.icon-large { + line-height: .8em; +} +.btn.btn-small [class^="icon-"].pull-left.icon-2x, +.btn.btn-small [class*=" icon-"].pull-left.icon-2x, +.btn.btn-small [class^="icon-"].pull-right.icon-2x, +.btn.btn-small [class*=" icon-"].pull-right.icon-2x { + margin-top: .25em; +} +.btn.btn-large [class^="icon-"], +.btn.btn-large [class*=" icon-"] { + margin-top: 0; +} +.btn.btn-large [class^="icon-"].pull-left.icon-2x, +.btn.btn-large [class*=" icon-"].pull-left.icon-2x, +.btn.btn-large [class^="icon-"].pull-right.icon-2x, +.btn.btn-large [class*=" icon-"].pull-right.icon-2x { + margin-top: .05em; +} +.btn.btn-large [class^="icon-"].pull-left.icon-2x, +.btn.btn-large [class*=" icon-"].pull-left.icon-2x { + margin-right: .2em; +} +.btn.btn-large [class^="icon-"].pull-right.icon-2x, +.btn.btn-large [class*=" icon-"].pull-right.icon-2x { + margin-left: .2em; +} +/* Fixes alignment in nav lists */ +.nav-list [class^="icon-"], +.nav-list [class*=" icon-"] { + line-height: inherit; +} +/* EXTRAS + * -------------------------- */ +/* Stacked and layered icon */ +.icon-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: -35%; +} +.icon-stack [class^="icon-"], +.icon-stack [class*=" icon-"] { + display: block; + text-align: center; + position: absolute; + width: 100%; + height: 100%; + font-size: 1em; + line-height: inherit; + *line-height: 2em; +} +.icon-stack .icon-stack-base { + font-size: 2em; + *line-height: 1em; +} +/* Animated rotating icon */ +.icon-spin { + display: inline-block; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + -webkit-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; +} +/* Prevent stack and spinners from being taken inline when inside a link */ +a .icon-stack, +a .icon-spin { + display: inline-block; + text-decoration: none; +} +@-moz-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + } + 100% { + -moz-transform: rotate(359deg); + } +} +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + } +} +@-o-keyframes spin { + 0% { + -o-transform: rotate(0deg); + } + 100% { + -o-transform: rotate(359deg); + } +} +@-ms-keyframes spin { + 0% { + -ms-transform: rotate(0deg); + } + 100% { + -ms-transform: rotate(359deg); + } +} +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } +} +/* Icon rotations and mirroring */ +.icon-rotate-90:before { + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); +} +.icon-rotate-180:before { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.icon-rotate-270:before { + -webkit-transform: rotate(270deg); + -moz-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -o-transform: rotate(270deg); + transform: rotate(270deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); +} +.icon-flip-horizontal:before { + -webkit-transform: scale(-1, 1); + -moz-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + -o-transform: scale(-1, 1); + transform: scale(-1, 1); +} +.icon-flip-vertical:before { + -webkit-transform: scale(1, -1); + -moz-transform: scale(1, -1); + -ms-transform: scale(1, -1); + -o-transform: scale(1, -1); + transform: scale(1, -1); +} +/* ensure rotation occurs inside anchor tags */ +a .icon-rotate-90:before, +a .icon-rotate-180:before, +a .icon-rotate-270:before, +a .icon-flip-horizontal:before, +a .icon-flip-vertical:before { + display: inline-block; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.icon-glass:before { + content: "\f000"; +} +.icon-music:before { + content: "\f001"; +} +.icon-search:before { + content: "\f002"; +} +.icon-envelope-alt:before { + content: "\f003"; +} +.icon-heart:before { + content: "\f004"; +} +.icon-star:before { + content: "\f005"; +} +.icon-star-empty:before { + content: "\f006"; +} +.icon-user:before { + content: "\f007"; +} +.icon-film:before { + content: "\f008"; +} +.icon-th-large:before { + content: "\f009"; +} +.icon-th:before { + content: "\f00a"; +} +.icon-th-list:before { + content: "\f00b"; +} +.icon-ok:before { + content: "\f00c"; +} +.icon-remove:before { + content: "\f00d"; +} +.icon-zoom-in:before { + content: "\f00e"; +} +.icon-zoom-out:before { + content: "\f010"; +} +.icon-power-off:before, +.icon-off:before { + content: "\f011"; +} +.icon-signal:before { + content: "\f012"; +} +.icon-gear:before, +.icon-cog:before { + content: "\f013"; +} +.icon-trash:before { + content: "\f014"; +} +.icon-home:before { + content: "\f015"; +} +.icon-file-alt:before { + content: "\f016"; +} +.icon-time:before { + content: "\f017"; +} +.icon-road:before { + content: "\f018"; +} +.icon-download-alt:before { + content: "\f019"; +} +.icon-download:before { + content: "\f01a"; +} +.icon-upload:before { + content: "\f01b"; +} +.icon-inbox:before { + content: "\f01c"; +} +.icon-play-circle:before { + content: "\f01d"; +} +.icon-rotate-right:before, +.icon-repeat:before { + content: "\f01e"; +} +.icon-refresh:before { + content: "\f021"; +} +.icon-list-alt:before { + content: "\f022"; +} +.icon-lock:before { + content: "\f023"; +} +.icon-flag:before { + content: "\f024"; +} +.icon-headphones:before { + content: "\f025"; +} +.icon-volume-off:before { + content: "\f026"; +} +.icon-volume-down:before { + content: "\f027"; +} +.icon-volume-up:before { + content: "\f028"; +} +.icon-qrcode:before { + content: "\f029"; +} +.icon-barcode:before { + content: "\f02a"; +} +.icon-tag:before { + content: "\f02b"; +} +.icon-tags:before { + content: "\f02c"; +} +.icon-book:before { + content: "\f02d"; +} +.icon-bookmark:before { + content: "\f02e"; +} +.icon-print:before { + content: "\f02f"; +} +.icon-camera:before { + content: "\f030"; +} +.icon-font:before { + content: "\f031"; +} +.icon-bold:before { + content: "\f032"; +} +.icon-italic:before { + content: "\f033"; +} +.icon-text-height:before { + content: "\f034"; +} +.icon-text-width:before { + content: "\f035"; +} +.icon-align-left:before { + content: "\f036"; +} +.icon-align-center:before { + content: "\f037"; +} +.icon-align-right:before { + content: "\f038"; +} +.icon-align-justify:before { + content: "\f039"; +} +.icon-list:before { + content: "\f03a"; +} +.icon-indent-left:before { + content: "\f03b"; +} +.icon-indent-right:before { + content: "\f03c"; +} +.icon-facetime-video:before { + content: "\f03d"; +} +.icon-picture:before { + content: "\f03e"; +} +.icon-pencil:before { + content: "\f040"; +} +.icon-map-marker:before { + content: "\f041"; +} +.icon-adjust:before { + content: "\f042"; +} +.icon-tint:before { + content: "\f043"; +} +.icon-edit:before { + content: "\f044"; +} +.icon-share:before { + content: "\f045"; +} +.icon-check:before { + content: "\f046"; +} +.icon-move:before { + content: "\f047"; +} +.icon-step-backward:before { + content: "\f048"; +} +.icon-fast-backward:before { + content: "\f049"; +} +.icon-backward:before { + content: "\f04a"; +} +.icon-play:before { + content: "\f04b"; +} +.icon-pause:before { + content: "\f04c"; +} +.icon-stop:before { + content: "\f04d"; +} +.icon-forward:before { + content: "\f04e"; +} +.icon-fast-forward:before { + content: "\f050"; +} +.icon-step-forward:before { + content: "\f051"; +} +.icon-eject:before { + content: "\f052"; +} +.icon-chevron-left:before { + content: "\f053"; +} +.icon-chevron-right:before { + content: "\f054"; +} +.icon-plus-sign:before { + content: "\f055"; +} +.icon-minus-sign:before { + content: "\f056"; +} +.icon-remove-sign:before { + content: "\f057"; +} +.icon-ok-sign:before { + content: "\f058"; +} +.icon-question-sign:before { + content: "\f059"; +} +.icon-info-sign:before { + content: "\f05a"; +} +.icon-screenshot:before { + content: "\f05b"; +} +.icon-remove-circle:before { + content: "\f05c"; +} +.icon-ok-circle:before { + content: "\f05d"; +} +.icon-ban-circle:before { + content: "\f05e"; +} +.icon-arrow-left:before { + content: "\f060"; +} +.icon-arrow-right:before { + content: "\f061"; +} +.icon-arrow-up:before { + content: "\f062"; +} +.icon-arrow-down:before { + content: "\f063"; +} +.icon-mail-forward:before, +.icon-share-alt:before { + content: "\f064"; +} +.icon-resize-full:before { + content: "\f065"; +} +.icon-resize-small:before { + content: "\f066"; +} +.icon-plus:before { + content: "\f067"; +} +.icon-minus:before { + content: "\f068"; +} +.icon-asterisk:before { + content: "\f069"; +} +.icon-exclamation-sign:before { + content: "\f06a"; +} +.icon-gift:before { + content: "\f06b"; +} +.icon-leaf:before { + content: "\f06c"; +} +.icon-fire:before { + content: "\f06d"; +} +.icon-eye-open:before { + content: "\f06e"; +} +.icon-eye-close:before { + content: "\f070"; +} +.icon-warning-sign:before { + content: "\f071"; +} +.icon-plane:before { + content: "\f072"; +} +.icon-calendar:before { + content: "\f073"; +} +.icon-random:before { + content: "\f074"; +} +.icon-comment:before { + content: "\f075"; +} +.icon-magnet:before { + content: "\f076"; +} +.icon-chevron-up:before { + content: "\f077"; +} +.icon-chevron-down:before { + content: "\f078"; +} +.icon-retweet:before { + content: "\f079"; +} +.icon-shopping-cart:before { + content: "\f07a"; +} +.icon-folder-close:before { + content: "\f07b"; +} +.icon-folder-open:before { + content: "\f07c"; +} +.icon-resize-vertical:before { + content: "\f07d"; +} +.icon-resize-horizontal:before { + content: "\f07e"; +} +.icon-bar-chart:before { + content: "\f080"; +} +.icon-twitter-sign:before { + content: "\f081"; +} +.icon-facebook-sign:before { + content: "\f082"; +} +.icon-camera-retro:before { + content: "\f083"; +} +.icon-key:before { + content: "\f084"; +} +.icon-gears:before, +.icon-cogs:before { + content: "\f085"; +} +.icon-comments:before { + content: "\f086"; +} +.icon-thumbs-up-alt:before { + content: "\f087"; +} +.icon-thumbs-down-alt:before { + content: "\f088"; +} +.icon-star-half:before { + content: "\f089"; +} +.icon-heart-empty:before { + content: "\f08a"; +} +.icon-signout:before { + content: "\f08b"; +} +.icon-linkedin-sign:before { + content: "\f08c"; +} +.icon-pushpin:before { + content: "\f08d"; +} +.icon-external-link:before { + content: "\f08e"; +} +.icon-signin:before { + content: "\f090"; +} +.icon-trophy:before { + content: "\f091"; +} +.icon-github-sign:before { + content: "\f092"; +} +.icon-upload-alt:before { + content: "\f093"; +} +.icon-lemon:before { + content: "\f094"; +} +.icon-phone:before { + content: "\f095"; +} +.icon-unchecked:before, +.icon-check-empty:before { + content: "\f096"; +} +.icon-bookmark-empty:before { + content: "\f097"; +} +.icon-phone-sign:before { + content: "\f098"; +} +.icon-twitter:before { + content: "\f099"; +} +.icon-facebook:before { + content: "\f09a"; +} +.icon-github:before { + content: "\f09b"; +} +.icon-unlock:before { + content: "\f09c"; +} +.icon-credit-card:before { + content: "\f09d"; +} +.icon-rss:before { + content: "\f09e"; +} +.icon-hdd:before { + content: "\f0a0"; +} +.icon-bullhorn:before { + content: "\f0a1"; +} +.icon-bell:before { + content: "\f0a2"; +} +.icon-certificate:before { + content: "\f0a3"; +} +.icon-hand-right:before { + content: "\f0a4"; +} +.icon-hand-left:before { + content: "\f0a5"; +} +.icon-hand-up:before { + content: "\f0a6"; +} +.icon-hand-down:before { + content: "\f0a7"; +} +.icon-circle-arrow-left:before { + content: "\f0a8"; +} +.icon-circle-arrow-right:before { + content: "\f0a9"; +} +.icon-circle-arrow-up:before { + content: "\f0aa"; +} +.icon-circle-arrow-down:before { + content: "\f0ab"; +} +.icon-globe:before { + content: "\f0ac"; +} +.icon-wrench:before { + content: "\f0ad"; +} +.icon-tasks:before { + content: "\f0ae"; +} +.icon-filter:before { + content: "\f0b0"; +} +.icon-briefcase:before { + content: "\f0b1"; +} +.icon-fullscreen:before { + content: "\f0b2"; +} +.icon-group:before { + content: "\f0c0"; +} +.icon-link:before { + content: "\f0c1"; +} +.icon-cloud:before { + content: "\f0c2"; +} +.icon-beaker:before { + content: "\f0c3"; +} +.icon-cut:before { + content: "\f0c4"; +} +.icon-copy:before { + content: "\f0c5"; +} +.icon-paperclip:before, +.icon-paper-clip:before { + content: "\f0c6"; +} +.icon-save:before { + content: "\f0c7"; +} +.icon-sign-blank:before { + content: "\f0c8"; +} +.icon-reorder:before { + content: "\f0c9"; +} +.icon-list-ul:before { + content: "\f0ca"; +} +.icon-list-ol:before { + content: "\f0cb"; +} +.icon-strikethrough:before { + content: "\f0cc"; +} +.icon-underline:before { + content: "\f0cd"; +} +.icon-table:before { + content: "\f0ce"; +} +.icon-magic:before { + content: "\f0d0"; +} +.icon-truck:before { + content: "\f0d1"; +} +.icon-pinterest:before { + content: "\f0d2"; +} +.icon-pinterest-sign:before { + content: "\f0d3"; +} +.icon-google-plus-sign:before { + content: "\f0d4"; +} +.icon-google-plus:before { + content: "\f0d5"; +} +.icon-money:before { + content: "\f0d6"; +} +.icon-caret-down:before { + content: "\f0d7"; +} +.icon-caret-up:before { + content: "\f0d8"; +} +.icon-caret-left:before { + content: "\f0d9"; +} +.icon-caret-right:before { + content: "\f0da"; +} +.icon-columns:before { + content: "\f0db"; +} +.icon-sort:before { + content: "\f0dc"; +} +.icon-sort-down:before { + content: "\f0dd"; +} +.icon-sort-up:before { + content: "\f0de"; +} +.icon-envelope:before { + content: "\f0e0"; +} +.icon-linkedin:before { + content: "\f0e1"; +} +.icon-rotate-left:before, +.icon-undo:before { + content: "\f0e2"; +} +.icon-legal:before { + content: "\f0e3"; +} +.icon-dashboard:before { + content: "\f0e4"; +} +.icon-comment-alt:before { + content: "\f0e5"; +} +.icon-comments-alt:before { + content: "\f0e6"; +} +.icon-bolt:before { + content: "\f0e7"; +} +.icon-sitemap:before { + content: "\f0e8"; +} +.icon-umbrella:before { + content: "\f0e9"; +} +.icon-paste:before { + content: "\f0ea"; +} +.icon-lightbulb:before { + content: "\f0eb"; +} +.icon-exchange:before { + content: "\f0ec"; +} +.icon-cloud-download:before { + content: "\f0ed"; +} +.icon-cloud-upload:before { + content: "\f0ee"; +} +.icon-user-md:before { + content: "\f0f0"; +} +.icon-stethoscope:before { + content: "\f0f1"; +} +.icon-suitcase:before { + content: "\f0f2"; +} +.icon-bell-alt:before { + content: "\f0f3"; +} +.icon-coffee:before { + content: "\f0f4"; +} +.icon-food:before { + content: "\f0f5"; +} +.icon-file-text-alt:before { + content: "\f0f6"; +} +.icon-building:before { + content: "\f0f7"; +} +.icon-hospital:before { + content: "\f0f8"; +} +.icon-ambulance:before { + content: "\f0f9"; +} +.icon-medkit:before { + content: "\f0fa"; +} +.icon-fighter-jet:before { + content: "\f0fb"; +} +.icon-beer:before { + content: "\f0fc"; +} +.icon-h-sign:before { + content: "\f0fd"; +} +.icon-plus-sign-alt:before { + content: "\f0fe"; +} +.icon-double-angle-left:before { + content: "\f100"; +} +.icon-double-angle-right:before { + content: "\f101"; +} +.icon-double-angle-up:before { + content: "\f102"; +} +.icon-double-angle-down:before { + content: "\f103"; +} +.icon-angle-left:before { + content: "\f104"; +} +.icon-angle-right:before { + content: "\f105"; +} +.icon-angle-up:before { + content: "\f106"; +} +.icon-angle-down:before { + content: "\f107"; +} +.icon-desktop:before { + content: "\f108"; +} +.icon-laptop:before { + content: "\f109"; +} +.icon-tablet:before { + content: "\f10a"; +} +.icon-mobile-phone:before { + content: "\f10b"; +} +.icon-circle-blank:before { + content: "\f10c"; +} +.icon-quote-left:before { + content: "\f10d"; +} +.icon-quote-right:before { + content: "\f10e"; +} +.icon-spinner:before { + content: "\f110"; +} +.icon-circle:before { + content: "\f111"; +} +.icon-mail-reply:before, +.icon-reply:before { + content: "\f112"; +} +.icon-github-alt:before { + content: "\f113"; +} +.icon-folder-close-alt:before { + content: "\f114"; +} +.icon-folder-open-alt:before { + content: "\f115"; +} +.icon-expand-alt:before { + content: "\f116"; +} +.icon-collapse-alt:before { + content: "\f117"; +} +.icon-smile:before { + content: "\f118"; +} +.icon-frown:before { + content: "\f119"; +} +.icon-meh:before { + content: "\f11a"; +} +.icon-gamepad:before { + content: "\f11b"; +} +.icon-keyboard:before { + content: "\f11c"; +} +.icon-flag-alt:before { + content: "\f11d"; +} +.icon-flag-checkered:before { + content: "\f11e"; +} +.icon-terminal:before { + content: "\f120"; +} +.icon-code:before { + content: "\f121"; +} +.icon-reply-all:before { + content: "\f122"; +} +.icon-mail-reply-all:before { + content: "\f122"; +} +.icon-star-half-full:before, +.icon-star-half-empty:before { + content: "\f123"; +} +.icon-location-arrow:before { + content: "\f124"; +} +.icon-crop:before { + content: "\f125"; +} +.icon-code-fork:before { + content: "\f126"; +} +.icon-unlink:before { + content: "\f127"; +} +.icon-question:before { + content: "\f128"; +} +.icon-info:before { + content: "\f129"; +} +.icon-exclamation:before { + content: "\f12a"; +} +.icon-superscript:before { + content: "\f12b"; +} +.icon-subscript:before { + content: "\f12c"; +} +.icon-eraser:before { + content: "\f12d"; +} +.icon-puzzle-piece:before { + content: "\f12e"; +} +.icon-microphone:before { + content: "\f130"; +} +.icon-microphone-off:before { + content: "\f131"; +} +.icon-shield:before { + content: "\f132"; +} +.icon-calendar-empty:before { + content: "\f133"; +} +.icon-fire-extinguisher:before { + content: "\f134"; +} +.icon-rocket:before { + content: "\f135"; +} +.icon-maxcdn:before { + content: "\f136"; +} +.icon-chevron-sign-left:before { + content: "\f137"; +} +.icon-chevron-sign-right:before { + content: "\f138"; +} +.icon-chevron-sign-up:before { + content: "\f139"; +} +.icon-chevron-sign-down:before { + content: "\f13a"; +} +.icon-html5:before { + content: "\f13b"; +} +.icon-css3:before { + content: "\f13c"; +} +.icon-anchor:before { + content: "\f13d"; +} +.icon-unlock-alt:before { + content: "\f13e"; +} +.icon-bullseye:before { + content: "\f140"; +} +.icon-ellipsis-horizontal:before { + content: "\f141"; +} +.icon-ellipsis-vertical:before { + content: "\f142"; +} +.icon-rss-sign:before { + content: "\f143"; +} +.icon-play-sign:before { + content: "\f144"; +} +.icon-ticket:before { + content: "\f145"; +} +.icon-minus-sign-alt:before { + content: "\f146"; +} +.icon-check-minus:before { + content: "\f147"; +} +.icon-level-up:before { + content: "\f148"; +} +.icon-level-down:before { + content: "\f149"; +} +.icon-check-sign:before { + content: "\f14a"; +} +.icon-edit-sign:before { + content: "\f14b"; +} +.icon-external-link-sign:before { + content: "\f14c"; +} +.icon-share-sign:before { + content: "\f14d"; +} +.icon-compass:before { + content: "\f14e"; +} +.icon-collapse:before { + content: "\f150"; +} +.icon-collapse-top:before { + content: "\f151"; +} +.icon-expand:before { + content: "\f152"; +} +.icon-euro:before, +.icon-eur:before { + content: "\f153"; +} +.icon-gbp:before { + content: "\f154"; +} +.icon-dollar:before, +.icon-usd:before { + content: "\f155"; +} +.icon-rupee:before, +.icon-inr:before { + content: "\f156"; +} +.icon-yen:before, +.icon-jpy:before { + content: "\f157"; +} +.icon-renminbi:before, +.icon-cny:before { + content: "\f158"; +} +.icon-won:before, +.icon-krw:before { + content: "\f159"; +} +.icon-bitcoin:before, +.icon-btc:before { + content: "\f15a"; +} +.icon-file:before { + content: "\f15b"; +} +.icon-file-text:before { + content: "\f15c"; +} +.icon-sort-by-alphabet:before { + content: "\f15d"; +} +.icon-sort-by-alphabet-alt:before { + content: "\f15e"; +} +.icon-sort-by-attributes:before { + content: "\f160"; +} +.icon-sort-by-attributes-alt:before { + content: "\f161"; +} +.icon-sort-by-order:before { + content: "\f162"; +} +.icon-sort-by-order-alt:before { + content: "\f163"; +} +.icon-thumbs-up:before { + content: "\f164"; +} +.icon-thumbs-down:before { + content: "\f165"; +} +.icon-youtube-sign:before { + content: "\f166"; +} +.icon-youtube:before { + content: "\f167"; +} +.icon-xing:before { + content: "\f168"; +} +.icon-xing-sign:before { + content: "\f169"; +} +.icon-youtube-play:before { + content: "\f16a"; +} +.icon-dropbox:before { + content: "\f16b"; +} +.icon-stackexchange:before { + content: "\f16c"; +} +.icon-instagram:before { + content: "\f16d"; +} +.icon-flickr:before { + content: "\f16e"; +} +.icon-adn:before { + content: "\f170"; +} +.icon-bitbucket:before { + content: "\f171"; +} +.icon-bitbucket-sign:before { + content: "\f172"; +} +.icon-tumblr:before { + content: "\f173"; +} +.icon-tumblr-sign:before { + content: "\f174"; +} +.icon-long-arrow-down:before { + content: "\f175"; +} +.icon-long-arrow-up:before { + content: "\f176"; +} +.icon-long-arrow-left:before { + content: "\f177"; +} +.icon-long-arrow-right:before { + content: "\f178"; +} +.icon-apple:before { + content: "\f179"; +} +.icon-windows:before { + content: "\f17a"; +} +.icon-android:before { + content: "\f17b"; +} +.icon-linux:before { + content: "\f17c"; +} +.icon-dribbble:before { + content: "\f17d"; +} +.icon-skype:before { + content: "\f17e"; +} +.icon-foursquare:before { + content: "\f180"; +} +.icon-trello:before { + content: "\f181"; +} +.icon-female:before { + content: "\f182"; +} +.icon-male:before { + content: "\f183"; +} +.icon-gittip:before { + content: "\f184"; +} +.icon-sun:before { + content: "\f185"; +} +.icon-moon:before { + content: "\f186"; +} +.icon-archive:before { + content: "\f187"; +} +.icon-bug:before { + content: "\f188"; +} +.icon-vk:before { + content: "\f189"; +} +.icon-weibo:before { + content: "\f18a"; +} +.icon-renren:before { + content: "\f18b"; +} diff --git a/themes/default-bootstrap/css/global.css b/themes/default-bootstrap/css/global.css new file mode 100644 index 000000000..9c079d41b --- /dev/null +++ b/themes/default-bootstrap/css/global.css @@ -0,0 +1,2673 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/* ################################################################################################## + PRESTASHOP SCSS +################################################################################################## */ +/* **************************************************************************** + reset +**************************************************************************** */ +html { + min-height: 100%; +} + +body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td { + margin: 0; + padding: 0; +} + +del, ins { + text-decoration: none; +} + +caption, th { + text-align: left; +} + +q:before, q:after { + content: ''; +} + +abbr, acronym { + border: 0; + font-variant: normal; +} + +sup { + vertical-align: baseline; +} + +sub { + vertical-align: baseline; +} + +legend { + color: #000; +} + +ul, ol { + list-style-type: none; +} + +a { + cursor: pointer; +} +a:hover { + text-decoration: none; +} + +@media only screen and (min-width: 1200px) { + .container { + padding-left: 0; + padding-right: 0; + } +} +body { + min-width: 320px; + height: 100%; + background: #333333; + line-height: 18px; + font-size: 13px; +} + +textarea { + resize: none; +} + +/* ************************************************************************************************ + struture +************************************************************************************************ */ +#header { + z-index: 10; +} + +.columns-container { + background: #fff; +} + +#columns { + z-index: 1; + padding-bottom: 50px; +} + +/* title *************************************************************************************** */ +#center_column .page_product_box h3 { + color: #555454; + text-transform: uppercase; + font-family: "Open Sans", sans-serif; + font-weight: 600; + font-size: 18px; + line-height: 20px; + padding: 14px 20px 17px; + margin: 0 0 20px; + position: relative; + border: 1px solid #d6d4d4; + border-bottom: none; + background: #fbfbfb; +} + +/* text **************************************************************************************** */ +p.info-title { + font-weight: bold; + color: #333; + margin-bottom: 25px; +} + +p.info-account { + margin: -4px 0 24px 0; +} + +.dark { + color: #333; +} + +.main-page-indent { + margin-bottom: 30px; +} + +.alert { + font-weight: bold; +} +.alert ul, .alert ol { + padding-left: 15px; +} +.alert ul li, .alert ol li { + list-style-type: decimal; + font-weight: normal; +} + +.required sup { + color: #f13340; + font-size: 13px; + font-weight: bold; + top: 0; +} + +.unvisible { + display: none; +} + +label { + color: #333; +} + +.close { + opacity: 1; +} +.close:hover { + opacity: 1; +} + +/*buttons ************************************************************************************** */ +input.button_mini, input.button_small, input.button, input.button_large, +input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, +input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, +input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, +a.button_mini, a.button_small, a.button, a.button_large, +a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, +span.button_mini, span.button_small, span.button, span.button_large, +span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { + position: relative; + display: inline-block; + padding: 5px 7px; + border: 1px solid #cc9900; + font-weight: bold; + color: #000; + background: url(../img/bg_bt.gif) repeat-x 0 0 #f4b61b; + cursor: pointer; +} + +*:first-child + html input.button_mini, *:first-child + html input.button_small, *:first-child + html input.button, *:first-child + html input.button_large, +*:first-child + html input.button_mini_disabled, *:first-child + html input.button_small_disabled, *:first-child + html input.button_disabled, *:first-child + html input.button_large_disabled, +*:first-child + html input.exclusive_mini, *:first-child + html input.exclusive_small, *:first-child + html input.exclusive, *:first-child + html input.exclusive_large, +*:first-child + html input.exclusive_mini_disabled, *:first-child + html input.exclusive_small_disabled, *:first-child + html input.exclusive_disabled, *:first-child + html input.exclusive_large_disabled { + border: none; +} + +/* input button */ +input.button_mini, input.button_small, input.button, input.button_large, +input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, +input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, +input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled { + /*padding-bottom: 2px*/ +} + +/* disabled button */ +input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, +input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, +span.button_mini, span.button_small, span.button, span.button_large, +span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { + /*background-position: left -36px; + cursor: default; + color: #888!important*/ +} + +/* exclusive button */ +input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, +input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, +a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, +span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { + /*color: white!important*/ +} + +/* exclusive disabled button */ +input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { + /*color: #488c40!important*/ +} + +/* hover button */ +input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, +input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, +a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, +a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { + text-decoration: none; + background-position: left -50px; +} + +/* exclusive hover button */ +input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { + /*color: white!important*/ +} + +/* active button */ +input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active, +input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active, +a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active, +a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active { + background-position: left -100px; +} + +/* classic buttons */ +input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini { + /*width: 30px; + background-image: url('../img/button-mini.png')*/ +} + +input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small { + /*width: 60px; + background-image: url('../img/button-small.png')*/ +} + +input.button_disabled, input.exclusive_disabled, span.exclusive { + border: 1px solid #ccc; + color: #999; + background: url(../img/bg_bt_2.gif) repeat-x 0 0 #cccccc; + cursor: default; +} + +input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large, span.exclusive_large_disabled { + /*width: 180px; + background-image: url('../img/button-large.png')*/ +} + +.button.button-small { + font: bold 13px/17px Arial, Helvetica, sans-serif; + color: #fff; + background: #6f6f6f; + border: 1px solid; + border-color: #666666 #5f5f5f #292929 #5f5f5f; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + padding: 0; + text-shadow: 1px 1px rgba(0, 0, 0, 0); +} +.button.button-small span { + display: block; + padding: 3px 8px 3px 8px; + border: 1px solid; + border-color: #8b8a8a; +} +.button.button-small i { + vertical-align: 0px; + margin-right: 5px; +} +.button.button-small i.right { + margin-right: 0; + margin-left: 5px; +} +.button.button-small:hover { + background: #575757; + border-color: #303030 #303030 #666666 #444444; +} + +.button.button-medium { + font-size: 17px; + line-height: 21px; + color: #fff; + padding: 0; + font-weight: bold; + background: #43b754; + background: -moz-linear-gradient(top, #43b754 0%, #41b757 2%, #41b854 4%, #43b756 6%, #41b354 38%, #44b355 40%, #45af55 66%, #41ae53 74%, #42ac52 91%, #41ae55 94%, #43ab54 96%, #42ac52 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43b754), color-stop(2%, #41b757), color-stop(4%, #41b854), color-stop(6%, #43b756), color-stop(38%, #41b354), color-stop(40%, #44b355), color-stop(66%, #45af55), color-stop(74%, #41ae53), color-stop(91%, #42ac52), color-stop(94%, #41ae55), color-stop(96%, #43ab54), color-stop(100%, #42ac52)); + background: -webkit-linear-gradient(top, #43b754 0%, #41b757 2%, #41b854 4%, #43b756 6%, #41b354 38%, #44b355 40%, #45af55 66%, #41ae53 74%, #42ac52 91%, #41ae55 94%, #43ab54 96%, #42ac52 100%); + background: -o-linear-gradient(top, #43b754 0%, #41b757 2%, #41b854 4%, #43b756 6%, #41b354 38%, #44b355 40%, #45af55 66%, #41ae53 74%, #42ac52 91%, #41ae55 94%, #43ab54 96%, #42ac52 100%); + background: -ms-linear-gradient(top, #43b754 0%, #41b757 2%, #41b854 4%, #43b756 6%, #41b354 38%, #44b355 40%, #45af55 66%, #41ae53 74%, #42ac52 91%, #41ae55 94%, #43ab54 96%, #42ac52 100%); + background: linear-gradient(to bottom, #43b754 0%, #41b757 2%, #41b854 4%, #43b756 6%, #41b354 38%, #44b355 40%, #45af55 66%, #41ae53 74%, #42ac52 91%, #41ae55 94%, #43ab54 96%, #42ac52 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#43b754', endColorstr='#42ac52',GradientType=0 ); + border: 1px solid; + border-color: #399a49 #247f32 #1a6d27 #399a49; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; +} +.button.button-medium span { + display: block; + padding: 10px 10px 10px 14px; + border: 1px solid; + border-color: #74d578; +} +.button.button-medium i.left { + font-size: 24px; + vertical-align: -2px; + margin: -4px 10px 0 0; + display: inline-block; +} +.button.button-medium i.right { + margin-right: 0; + margin-left: 9px; +} +.button.button-medium:hover { + background: #3aa04c; + background: -moz-linear-gradient(top, #3aa04c 0%, #3aa04a 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3aa04c), color-stop(100%, #3aa04a)); + background: -webkit-linear-gradient(top, #3aa04c 0%, #3aa04a 100%); + background: -o-linear-gradient(top, #3aa04c 0%, #3aa04a 100%); + background: -ms-linear-gradient(top, #3aa04c 0%, #3aa04a 100%); + background: linear-gradient(to bottom, #3aa04c 0%, #3aa04a 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3aa04c', endColorstr='#3aa04a',GradientType=0 ); + border-color: #196f28 #399a49 #399a49 #258033; +} + +.button.button-medium.exclusive { + border-color: #db8600 #d98305 #c86d26 #d98305; + background: #fdaa02; + background: -moz-linear-gradient(top, #fdaa02 0%, #fe9702 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdaa02), color-stop(100%, #fe9702)); + background: -webkit-linear-gradient(top, #fdaa02 0%, #fe9702 100%); + background: -o-linear-gradient(top, #fdaa02 0%, #fe9702 100%); + background: -ms-linear-gradient(top, #fdaa02 0%, #fe9702 100%); + background: linear-gradient(to bottom, #fdaa02 0%, #fe9702 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdaa02', endColorstr='#fe9702',GradientType=0 ); +} +.button.button-medium.exclusive span { + border-color: #fec133 #febc33 #feb233 #febc33; +} +.button.button-medium.exclusive:hover { + filter: none; + background: #f89609; + border-color: #a6550c #ba6708 #db8600 #ba6708; +} +.button.button-medium.exclusive:hover span { + border-color: #fec133; +} + +.link-button { + font-weight: bold; +} +.link-button i { + margin-right: 5px; +} +.link-button i.large { + font-size: 26px; + line-height: 26px; + vertical-align: -3px; + color: #c0c0c0; +} + +.btn.button-plus, .btn.button-minus { + font-size: 14px; + line-height: 14px; + color: #c0c0c0; + text-shadow: 1px -1px rgba(0, 0, 0, 0); + padding: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + border: 1px solid; + border-color: #dedcdc #c1bfbf #b5b4b4 #dad8d8; +} +.btn.button-plus span, .btn.button-minus span { + display: block; + border: 1px solid #fff; + vertical-align: middle; + width: 25px; + height: 25px; + text-align: center; + vertical-align: middle; + padding: 4px 0 0 0; + background: #1e5799; + background: white; + background: -moz-linear-gradient(top, white 0%, #fbfbfb 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fbfbfb)); + background: -webkit-linear-gradient(top, white 0%, #fbfbfb 100%); + background: -o-linear-gradient(top, white 0%, #fbfbfb 100%); + background: -ms-linear-gradient(top, white 0%, #fbfbfb 100%); + background: linear-gradient(to bottom, #ffffff 0%, #fbfbfb 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 ); +} +.btn.button-plus:hover, .btn.button-minus:hover { + color: #333333; +} +.btn.button-plus:hover span, .btn.button-minus:hover span { + filter: none; + background: #f6f6f6; +} + +.button.exclusive-medium { + font-size: 17px; + padding: 0; + line-height: 21px; + color: #333333; + font-weight: bold; + border: 1px solid; + border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7; + text-shadow: 1px 1px white; +} +.button.exclusive-medium span { + border: 1px solid; + border-color: #fff; + display: block; + padding: 9px 10px 11px 10px; + background: #f7f7f7; + background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed)); + background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 ); +} +.button.exclusive-medium:hover { + border-color: #9e9e9e #c2c2c2 #c8c8c8 #c2c2c2; +} +.button.exclusive-medium:hover span { + background: #e7e7e7; + background: -moz-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(0%, #e7e7e7)); + background: -webkit-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%); + background: -o-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%); + background: -ms-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%); + background: linear-gradient(to bottom, #e7e7e7 0%, #e7e7e7 0%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 ); +} + +.button.ajax_add_to_cart_button { + font: 700 17px/21px Arial, Helvetica, sans-serif; + color: #fff; + text-shadow: 1px 1px rgba(0, 0, 0, 0); + padding: 0; + border: 1px solid; + border-color: #0079b6 #006fa8 #012740 #006fa8; +} +.button.ajax_add_to_cart_button span { + border: 1px solid; + border-color: #06b2e6; + padding: 10px 14px; + display: block; + background: #009ad0; + background: -moz-linear-gradient(top, #009ad0 0%, #007ab7 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ad0), color-stop(100%, #007ab7)); + background: -webkit-linear-gradient(top, #009ad0 0%, #007ab7 100%); + background: -o-linear-gradient(top, #009ad0 0%, #007ab7 100%); + background: -ms-linear-gradient(top, #009ad0 0%, #007ab7 100%); + background: linear-gradient(to bottom, #009ad0 0%, #007ab7 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 ); +} +.button.ajax_add_to_cart_button:hover { + border-color: #01314e #004b74 #0079b6 #004b74; +} +.button.ajax_add_to_cart_button:hover span { + filter: none; + background: #0084bf; +} + +.button.lnk_view { + font: 700 17px/21px Arial, Helvetica, sans-serif; + color: #333333; + text-shadow: 1px 1px white; + padding: 0; + border: 1px solid; + border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7; +} +.button.lnk_view span { + border: 1px solid; + border-color: #fff; + padding: 10px 14px; + display: block; + background: #f7f7f7; + background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed)); + background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 ); +} +.button.lnk_view:hover { + border-color: #9e9e9e #9e9e9e #c8c8c8 #9e9e9e; +} +.button.lnk_view:hover span { + filter: none; + background: #e7e7e7; +} +.button.lnk_view i.left { + padding-right: 8px; + color: #777777; +} + +/* form ******************************************************************************************/ +.form-control { + padding: 3px 5px; + height: 27px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.form-control.grey { + background: #fbfbfb; +} + +/* table *************************************************************************************** */ +table.std, +table.table_block { + margin-bottom: 20px; + width: 100%; + border: 1px solid #999; + border-bottom: none; + background: white; + border-collapse: inherit; +} + +table.std th, +table.table_block th { + padding: 14px 12px; + font-size: 12px; + color: #fff; + font-weight: bold; + text-transform: uppercase; + text-shadow: 0 1px 0 #000; + background: #999999; +} + +table.std tr.alternate_item, +table.table_block tr.alternate_item { + background-color: #f3f3f3; +} + +table.std td, +table.table_block td { + padding: 12px; + border-right: 1px solid #e9e9e9; + border-bottom: 1px solid #e9e9e9; + font-size: 12px; + vertical-align: top; +} + +.table { + margin-bottom: 30px; +} +.table > thead > tr > th { + background: #fbfbfb; + border-bottom-width: 1px; + color: #333; +} +.table td a.color-myaccount { + color: #777777; + text-decoration: underline; +} +.table td a.color-myaccount:hover { + text-decoration: none; +} +.table tfoot tr { + background: #fbfbfb; +} + +/******************** product elements ****************/ +.product-name { + font-size: 17px; + line-height: 23px; + color: #3a3939; + margin-bottom: 0; +} +.product-name a { + font-size: 17px; + line-height: 23px; + color: #3a3939; +} +.product-name a:hover { + color: #f13340; +} + +.price { + font-size: 13px; + color: #777777; +} + +.price.product-price { + font: 600 21px/26px "Open Sans", sans-serif; + color: #333333; +} + +.old-price { + color: #6f6f6f; + text-decoration: line-through; +} + +.old-price.product-price { + font-size: 17px; +} + +.special-price { + color: #f13340; +} + +.price-percent-reduction { + background: #f13340; + border: 1px solid #d02a2c; + font: 600 21px/26px "Open Sans", sans-serif; + color: #fff; + padding: 0 5px 0 3px; + display: inline-block; +} + +/*************************************************************************************************** + Labels New/Sale +***************************************************************************************************/ +.new-box, .sale-box { + position: absolute; + top: -4px; + overflow: hidden; + height: 74px; + width: 74px; + text-align: center; + z-index: 0; +} + +.new-box { + left: -4px; +} + +.sale-box { + right: -5px; +} + +.new { + font: 700 15px/18px Arial, Helvetica, sans-serif; + color: #fff; + background: #6ad4ff; + text-transform: uppercase; + padding: 9px 0 7px; + text-shadow: 1px 1px rgba(0, 0, 0, 0); + width: 113px; + text-align: center; + display: block; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); + position: absolute; + left: -33px; + top: 6px; + z-index: 1; +} +.new:before { + position: absolute; + bottom: -3px; + right: 5px; + width: 0px; + height: 0px; + border-style: solid; + border-width: 4px 4px 0px 4px; + border-color: #21a3d8 transparent transparent transparent; + content: "."; + text-indent: -5000px; + -webkit-transform: rotate(225deg); + -moz-transform: rotate(225deg); + -ms-transform: rotate(225deg); + -o-transform: rotate(225deg); + transform: rotate(225deg); +} +.new:after { + position: absolute; + bottom: -3px; + left: 4px; + width: 0px; + height: 0px; + border-style: solid; + border-width: 4px 4px 0px 4px; + border-color: #21a3d8 transparent transparent transparent; + content: "."; + text-indent: -5000px; + -webkit-transform: rotate(145deg); + -moz-transform: rotate(145deg); + -ms-transform: rotate(145deg); + -o-transform: rotate(145deg); + transform: rotate(145deg); +} + +.sale { + font: 700 15px/18px Arial, Helvetica, sans-serif; + color: #fff; + background: #f13340; + text-transform: uppercase; + padding: 9px 0 7px; + text-shadow: 1px 1px rgba(0, 0, 0, 0); + width: 113px; + text-align: center; + display: block; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + position: absolute; + right: -33px; + top: 6px; + z-index: 1; +} +.sale:before { + position: absolute; + bottom: -3px; + right: 4px; + width: 0px; + height: 0px; + border-style: solid; + border-width: 4px 4px 0px 4px; + border-color: #ad2b34 transparent transparent transparent; + content: "."; + text-indent: -5000px; + -webkit-transform: rotate(225deg); + -moz-transform: rotate(225deg); + -ms-transform: rotate(225deg); + -o-transform: rotate(225deg); + transform: rotate(225deg); +} +.sale:after { + position: absolute; + bottom: -3px; + left: 5px; + width: 0px; + height: 0px; + border-style: solid; + border-width: 4px 4px 0px 4px; + border-color: #ad2b34 transparent transparent transparent; + content: "."; + text-indent: -5000px; + -webkit-transform: rotate(136deg); + -moz-transform: rotate(136deg); + -ms-transform: rotate(136deg); + -o-transform: rotate(136deg); + transform: rotate(136deg); +} + +/************************************* BOXES *****************************************************/ +.box { + background: #fbfbfb; + border: 1px solid #d6d4d4; + padding: 14px 18px 13px; + margin: 0 0 30px 0; + line-height: 23px; +} +.box p { + margin-bottom: 0; +} +.box.box-small { + padding: 9px 10px 9px 20px; +} +.box.box-small .dark { + margin-top: 10px; + margin-bottom: 0; + float: left; +} + +/* BLOCK .block ******************************************************************************** */ +/************************************************************************************************** + Homepage Tabs +***************************************************************************************************/ +#home-page-tabs { + border: none; + margin: 0 0 0 -18px; + padding: 10px 0; +} +#home-page-tabs > li { + border-left: 1px solid #d6d4d4; + margin: 0 0px 0 9px; + padding: 0 0px 0 9px; +} +#home-page-tabs > li a { + font: 600 21px/24px "Open Sans", sans-serif; + color: #555454; + text-transform: uppercase; + padding: 1px 10px; + border: none; + outline: none; + margin: 0; +} +#home-page-tabs > li:first-child { + border: none; +} +#home-page-tabs > li.active a, #home-page-tabs > li a:hover { + background: #333333; + color: #fff; + margin: -10px 0; + padding: 10px; +} + +#index .tab-content { + margin-top: 35px; +} + +.block { + margin-bottom: 30px; +} + +.block .title_block, .block h4 { + font: 600 18px/22px "Open Sans", sans-serif; + color: #555454; + background: #f6f6f6; + border-top: 5px solid #333; + text-transform: uppercase; + padding: 14px 0 17px 20px; + margin-bottom: 20px; +} +.block .title_block a, .block h4 a { + color: #555454; +} +.block .title_block a:hover, .block h4 a:hover { + color: #333; +} +.block#contact_block { + background: #333; +} +.block#contact_block .title_block { + border-color: #e4e3e3; + background: #333; + color: #fff; + margin-bottom: 0; + padding-bottom: 9px; +} +.block .list-block { + margin-top: -8px; +} +.block .list-block li { + padding: 5px 0 6px 20px; + border-top: 1px solid #d6d4d4; +} +.block .list-block li a i { + display: none; +} +.block .list-block li a:before { + content: ""; + display: inline; + font-family: 'FontAwesome'; + color: #333; + padding-right: 8px; +} +.block .list-block li a:hover { + color: #333333; + font-weight: bold; +} +.block .list-block li:first-child { + border-top: none; +} +.block .list-block .form-group { + padding-top: 20px; + border-top: 1px solid #d6d4d4; +} +.block .list-block .btn { + margin-top: 12px; +} +.block .products-block li { + padding: 0 0 20px 0; + margin-bottom: 20px; + border-bottom: 1px solid #d6d4d4; +} +.block .products-block li .products-block-image { + float: left; + border: 1px solid #d6d4d4; + margin-right: 19px; +} +.block .products-block li .product-content { + overflow: hidden; +} +.block .products-block li .product-content h5 { + margin: -3px 0 0 0; +} +.block .products-block .product-name { + font-size: 15px; + line-height: 18px; +} +.block .products-block .product-description { + margin-bottom: 14px; +} +.block .products-block .price-percent-reduction { + font: 700 14px/17px Arial, Helvetica, sans-serif; + padding: 1px 6px; +} + +/*************** Block CATEGORIES ***************/ +#categories_block_left .block_content > ul { + border-top: 1px solid #d6d4d4; +} +#categories_block_left li { + position: relative; +} +#categories_block_left li a { + font-weight: bold; + color: #333333; + display: block; + font-size: 13px; + line-height: 30px; + padding: 0 30px 0 19px; + border-bottom: 1px solid #d6d4d4; +} +#categories_block_left li span.grower { + display: block; + background: #f6f6f6; + position: absolute; + right: 0; + top: 0; + cursor: pointer; + text-align: center; + font-family: 'FontAwesome'; + font-size: 14px; +} +#categories_block_left li span.grower.OPEN:before, #categories_block_left li span.grower.CLOSE:before { + content: ""; + display: block; + vertical-align: middle; + width: 30px; + height: 30px; + color: #333; + line-height: 30px; +} +#categories_block_left li span.grower.CLOSE:before { + content: ""; + color: #c0c0c0; +} +#categories_block_left li span.grower:hover + a, #categories_block_left li a:hover, #categories_block_left li a.selected { + background: #f6f6f6; +} +#categories_block_left li li a { + font-weight: normal; + color: #777777; +} +#categories_block_left li li a:before { + content: ""; + font-family: 'FontAwesome'; + line-height: 29px; + padding-right: 8px; +} + +/*************************************************************************************************/ +.page-heading { + font: 600 18px/22px "Open Sans", sans-serif; + color: #555454; + text-transform: uppercase; + padding: 0px 0px 17px 0px; + margin-bottom: 30px; + border-bottom: 1px solid #d6d4d4; +} +.page-heading span.heading-counter { + font: bold 13px/22px Arial, Helvetica, sans-serif; + float: right; + color: #333; + text-transform: none; +} +.page-heading.bottom-indent { + margin-bottom: 16px; +} +.page-heading.product-listing { + border-bottom: none; + margin-bottom: 0; +} + +.page-subheading { + font-family: 'Open Sans',sans-serif; + font-weight: 600; + text-transform: uppercase; + color: #555454; + font-size: 18px; + padding: 0 0 15px; + line-height: normal; + margin-bottom: 12px; + border-bottom: 1px solid #d6d4d4; +} + +/* BLOCK .footer_links (cms pages) ************************************************************* */ +ul.footer_links { + padding: 20px 0 50px 0; + border-top: 1px solid #d6d4d4; +} +ul.footer_links li { + float: left; +} +ul.footer_links li + li { + margin-left: 10px; +} + +/* barre comparaison / tri ********************************************************************* */ +.content_sortPagiBar .sortPagiBar { + border-top: 1px solid #d6d4d4; + border-bottom: 1px solid #d6d4d4; + padding: 19px 0 10px 0; +} +.content_sortPagiBar .sortPagiBar #productsSortForm { + float: left; + margin-right: 20px; + margin-bottom: 10px; +} +.content_sortPagiBar .sortPagiBar #productsSortForm select { + width: 192px; + float: left; +} +.content_sortPagiBar .sortPagiBar #productsSortForm .selector { + float: left; +} +.content_sortPagiBar .sortPagiBar .nbrItemPage { + float: left; +} +.content_sortPagiBar .sortPagiBar .nbrItemPage select { + width: 59px; + float: left; +} +.content_sortPagiBar .sortPagiBar .nbrItemPage .clearfix > span { + padding: 3px 0 0 12px; + display: inline-block; +} +.content_sortPagiBar .sortPagiBar .nbrItemPage #uniform-nb_item { + float: left; +} +.content_sortPagiBar .sortPagiBar label, .content_sortPagiBar .sortPagiBar select { + float: left; +} +.content_sortPagiBar .sortPagiBar label { + padding: 3px 6px 0 0; +} +.content_sortPagiBar .sortPagiBar.instant_search #productsSortForm { + display: none; +} +.content_sortPagiBar .display, .content_sortPagiBar .display_m { + float: right; + margin-top: -4px; +} +.content_sortPagiBar .display li, .content_sortPagiBar .display_m li { + float: left; + padding-left: 12px; + text-align: center; +} +.content_sortPagiBar .display li a, .content_sortPagiBar .display_m li a { + color: #808080; + font-size: 11px; + line-height: 14px; +} +.content_sortPagiBar .display li a i, .content_sortPagiBar .display_m li a i { + display: block; + font-size: 24px; + height: 24px; + line-height: 24px; + margin-bottom: -3px; + color: #e1e0e0; +} +.content_sortPagiBar .display li a:hover i, .content_sortPagiBar .display li.selected i, .content_sortPagiBar .display_m li a:hover i, .content_sortPagiBar .display_m li.selected i { + color: #333333; +} +.content_sortPagiBar .display li.selected a, .content_sortPagiBar .display_m li.selected a { + cursor: default; +} +.content_sortPagiBar .display li.display-title, .content_sortPagiBar .display_m li.display-title { + font-weight: bold; + color: #333333; + padding: 7px 6px 0 0; +} + +/* pagination ********************************************************************************** */ +.top-pagination-content, .bottom-pagination-content { + text-align: center; + padding: 12px 0 12px 0; + position: relative; +} +.top-pagination-content div.pagination, .bottom-pagination-content div.pagination { + margin: 0; + float: right; + width: 530px; + text-align: center; +} +.top-pagination-content div.pagination .showall, .bottom-pagination-content div.pagination .showall { + float: right; + margin: 8px 53px 8px 14px; +} +.top-pagination-content div.pagination .showall .btn span, .bottom-pagination-content div.pagination .showall .btn span { + font-size: 13px; + padding: 3px 5px 4px 5px; + line-height: normal; +} +.top-pagination-content ul.pagination, .bottom-pagination-content ul.pagination { + margin: 8px 0px 8px 0; +} +.top-pagination-content ul.pagination li, .bottom-pagination-content ul.pagination li { + display: inline-block; + float: left; +} +.top-pagination-content ul.pagination li > a, .top-pagination-content ul.pagination li > span, .bottom-pagination-content ul.pagination li > a, .bottom-pagination-content ul.pagination li > span { + margin: 0 1px 0 0px; + padding: 0; + font-weight: bold; + border: 1px solid; + border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0; + display: block; +} +.top-pagination-content ul.pagination li > a span, .top-pagination-content ul.pagination li > span span, .bottom-pagination-content ul.pagination li > a span, .bottom-pagination-content ul.pagination li > span span { + border: 1px solid #fff; + padding: 2px 8px; + display: block; + background: url(../img/pagination-li.gif) 0 0 repeat-x #fbfbfb; +} +.top-pagination-content ul.pagination li > a:hover span, .bottom-pagination-content ul.pagination li > a:hover span { + background: #f6f6f6; +} +.top-pagination-content ul.pagination li.pagination_previous, .top-pagination-content ul.pagination li.pagination_next, .bottom-pagination-content ul.pagination li.pagination_previous, .bottom-pagination-content ul.pagination li.pagination_next { + color: #777676; + font-weight: bold; +} +.top-pagination-content ul.pagination li.pagination_previous > a, .top-pagination-content ul.pagination li.pagination_previous > span, .top-pagination-content ul.pagination li.pagination_next > a, .top-pagination-content ul.pagination li.pagination_next > span, .bottom-pagination-content ul.pagination li.pagination_previous > a, .bottom-pagination-content ul.pagination li.pagination_previous > span, .bottom-pagination-content ul.pagination li.pagination_next > a, .bottom-pagination-content ul.pagination li.pagination_next > span { + border: none; + background: none; + display: block; + padding: 4px 0; +} +.top-pagination-content ul.pagination li.pagination_previous > a span, .top-pagination-content ul.pagination li.pagination_previous > span span, .top-pagination-content ul.pagination li.pagination_next > a span, .top-pagination-content ul.pagination li.pagination_next > span span, .bottom-pagination-content ul.pagination li.pagination_previous > a span, .bottom-pagination-content ul.pagination li.pagination_previous > span span, .bottom-pagination-content ul.pagination li.pagination_next > a span, .bottom-pagination-content ul.pagination li.pagination_next > span span { + border: none; + padding: 0; + background: none; +} +.top-pagination-content ul.pagination li.pagination_previous, .bottom-pagination-content ul.pagination li.pagination_previous { + margin-right: 10px; +} +.top-pagination-content ul.pagination li.pagination_next, .bottom-pagination-content ul.pagination li.pagination_next { + margin-left: 10px; +} +.top-pagination-content ul.pagination li.active > span, .bottom-pagination-content ul.pagination li.active > span { + color: #333333; + border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0; +} +.top-pagination-content ul.pagination li.active > span span, .bottom-pagination-content ul.pagination li.active > span span { + background: #f6f6f6; +} +.top-pagination-content .compare-form, .bottom-pagination-content .compare-form { + float: right; +} +.top-pagination-content .product-count, .bottom-pagination-content .product-count { + position: absolute; + left: 0; + top: 0; + padding: 22px 0 0 0; +} + +.bottom-pagination-content { + border-top: 1px solid #d6d4d4; +} + +/* CART steps *********************************************************************** */ +ul.step { + margin-bottom: 30px; + overflow: hidden; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; +} +ul.step li { + float: left; + width: 20%; + text-align: left; + border: 1px solid; + border-top-color: #cacaca; + border-bottom-color: #9a9a9a; + border-right-color: #b7b7b7; + border-left-width: 0px; +} +ul.step li a, ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span { + display: block; + padding: 13px 10px 14px 13px; + color: #333333; + font-size: 17px; + line-height: 21px; + font-weight: bold; + text-shadow: 1px 1px white; + position: relative; +} +ul.step li a:after, ul.step li span:after, ul.step li.step_current span:after, ul.step li.step_current_end span:after { + content: "."; + position: absolute; + top: 0; + right: -31px; + z-index: 0; + text-indent: -5000px; + display: block; + width: 31px; + height: 52px; + margin-top: -2px; +} +ul.step li a:focus, ul.step li span:focus, ul.step li.step_current span:focus, ul.step li.step_current_end span:focus { + text-decoration: none; + outline: none; +} +ul.step li.first { + border-left-width: 1px; + border-left-color: #b7b7b7; + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; +} +ul.step li.first span, ul.step li.first a { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + z-index: 5; + padding-left: 13px !important; +} +ul.step li.second span, ul.step li.second a { + z-index: 4; +} +ul.step li.third span, ul.step li.third a { + z-index: 3; +} +ul.step li.four span, ul.step li.four a { + z-index: 2; +} +ul.step li.last { + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; +} +ul.step li.last span { + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + z-index: 1; +} +ul.step li.step_current { + font-weight: bold; + background: #42b856; + background: -moz-linear-gradient(top, #42b856 0%, #43ab54 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #42b856), color-stop(100%, #43ab54)); + background: -webkit-linear-gradient(top, #42b856 0%, #43ab54 100%); + background: -o-linear-gradient(top, #42b856 0%, #43ab54 100%); + background: -ms-linear-gradient(top, #42b856 0%, #43ab54 100%); + background: linear-gradient(to bottom, #42b856 0%, #43ab54 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42b856', endColorstr='#43ab54',GradientType=0 ); + border-color: #399b49 #51ae5c #208931 #369946; +} +ul.step li.step_current span { + color: #fff; + text-shadow: 1px 1px #208931; + border: 1px solid; + border-color: #73ca77 #74c776 #74c175 #74c776; + position: relative; + padding-left: 38px; +} +ul.step li.step_current span:after { + background: url(../img/order-step-a.png) right 0 no-repeat; +} +ul.step li.step_current_end { + font-weight: bold; +} +ul.step li.step_todo span { + display: block; + color: #333; + background: #f7f7f7; + background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed)); + background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 ); + border: 1px solid; + border-color: #fff; + padding-left: 38px; + position: relative; +} +ul.step li.step_todo span:after { + background: url(../img/order-step-current.png) right 0 no-repeat; +} +ul.step li.step_done { + border-color: #666666 #5f5f5f #292929 #5f5f5f; +} +ul.step li.step_done a { + color: #fff; + text-shadow: 1px 1px rgba(0, 0, 0, 0); + border: 1px solid; + border-color: #8b8a8a; + background: #727171; + background: -moz-linear-gradient(top, #727171 0%, #666666 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #727171), color-stop(100%, #666666)); + background: -webkit-linear-gradient(top, #727171 0%, #666666 100%); + background: -o-linear-gradient(top, #727171 0%, #666666 100%); + background: -ms-linear-gradient(top, #727171 0%, #666666 100%); + background: linear-gradient(to bottom, #727171 0%, #666666 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#727171', endColorstr='#666666',GradientType=0 ); + padding-left: 38px; +} +ul.step li.step_done a:after { + background: url(../img/order-step-done.png) right 0 no-repeat; +} +ul.step li.step_done.step_done_last a:after { + background: url(../img/order-step-done-last.png) right 0 no-repeat; +} +ul.step li#step_end span:after { + display: none; +} + +/* module productcomments ********************************************************************** */ +.rating { + clear: both; + display: block; + margin: 2em; + cursor: pointer; +} + +.rating:after { + content: '.'; + display: block; + height: 0; + width: 0; + clear: both; + visibility: hidden; +} + +.cancel, .star { + overflow: hidden; + float: left; + margin: 0 1px 0 0; + width: 16px; + height: 16px; + text-indent: -999em; + cursor: pointer; +} + +.cancel, .cancel a { + background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important; +} + +.star, .star a { + background: url(modules/productcomments/img/star.gif) no-repeat 0 0; +} + +.cancel a, .star a { + display: block; + width: 100%; + height: 100%; + background-position: 0 0; +} + +div.star_on a { + background-position: 0 -16px; +} + +div.star_hover a, div.star a:hover { + background-position: 0 -32px; +} + +.pack_content { + margin: 10px 0 10px 0; +} + +.pack_price { + float: right; + margin-right: 3px; + font-size: 12px; +} + +.confirmation { + margin: 0 0 10px; + padding: 10px; + border: 1px solid #e6db55; + font-size: 13px; + background: none repeat scroll 0 0 #ffffe0; +} + +#page .rte { + background: transparent none repeat scroll 0 0; +} + +.listcomment { + list-style-type: none; + margin: 0 0 20px 0 !important; +} + +.listcomment li { + padding: 10px 0; + border-bottom: 1px dotted #d6d4d4; + color: #666666; +} + +.listcomment .titlecomment { + display: block; + font-weight: bold; + font-size: 12px; + color: #333333; +} + +.listcomment .txtcomment { + display: block; + padding: 5px 0; + color: #333333; +} + +/* ************************************************************************************************ + HEADER +************************************************************************************************ */ +.banner-top { + background: #000; +} + +.header-container { + background: #fff; +} + +#header { + padding-bottom: 21px; + position: relative; + /* languages/currencies */ +} +#header .header-row { + background: #333333; +} +#header .header-row .shop-phone { + display: block; + padding: 5px 0 10px; +} +#header .header-row .shop-phone i { + font-size: 21px; + line-height: 21px; + color: #fff; + padding-right: 7px; +} +#header .header-row .shop-phone strong { + color: #fff; +} +#header .header-row #header_user_info { + float: right; + border-left: 1px solid #515151; + border-right: 1px solid #515151; +} +#header .header-row #header_user_info a { + color: #fff; + font-weight: bold; + display: block; + padding: 8px 9px 11px 8px; +} +#header .header-row-2 { + position: relative; + z-index: 1; +} +#header #header_logo { + position: absolute; + left: 0; + top: 27px; + z-index: 1; +} +#header #header_right { + position: relative; +} +#header #currencies-block-top, #header #languages-block-top { + float: right; + border-left: 1px solid #515151; + position: relative; +} +#header #currencies-block-top span.firstWord, #header #languages-block-top span.firstWord { + display: none; +} +#header #currencies-block-top div.current, #header #languages-block-top div.current { + font-weight: bold; + padding: 8px 10px 10px 10px; + color: #fff; + text-shadow: 1px 1px rgba(0, 0, 0, 0); +} +#header #currencies-block-top div.current strong, #header #languages-block-top div.current strong { + color: #777777; +} +#header #currencies-block-top div.current:after, #header #languages-block-top div.current:after { + content: ""; + font-family: "FontAwesome"; + font-size: 18px; + line-height: 18px; + color: #686666; + vertical-align: -2px; + padding-left: 12px; +} +#header #currencies-block-top ul, #header #languages-block-top ul { + display: none; + position: absolute; + top: 37px; + left: 0; + width: 166px; + background: #333333; + z-index: 2; +} +#header #currencies-block-top ul li, #header #languages-block-top ul li { + color: #fff; + line-height: 35px; + font-size: 13px; +} +#header #currencies-block-top ul li a, #header #currencies-block-top ul li > span, #header #languages-block-top ul li a, #header #languages-block-top ul li > span { + padding: 0 10px 0 12px; + display: block; + color: #fff; +} +#header #currencies-block-top ul li.selected, #header #currencies-block-top ul li:hover a, #header #languages-block-top ul li.selected, #header #languages-block-top ul li:hover a { + background: #484848; +} +#header #currencies-block-top ul:hover, #header #languages-block-top ul:hover { + display: block; +} +#header #contact-link { + float: right; + border-left: 1px solid #515151; +} +#header #contact-link a { + display: block; + color: #FFF; + font-weight: bold; + padding: 8px 10px 11px 10px; + text-shadow: 1px 1px rgba(0, 0, 0, 0); +} +#header #contact-link a, #header .header-row #header_user_info a, #header #currencies-block-top div.current, #header #languages-block-top div.current { + cursor: pointer; +} +#header #contact-link a:hover, #header .header-row #header_user_info a:hover, #header #currencies-block-top div.current:hover, #header #languages-block-top div.current:hover { + background: #2b2b2b; +} +#header #contact-link a:hover + ul, #header .header-row #header_user_info a:hover + ul, #header #currencies-block-top div.current:hover + ul, #header #languages-block-top div.current:hover + ul { + display: block; +} + +/* ************************************************************************************************ + BREADCRUMB +************************************************************************************************ */ +.breadcrumb { + display: inline-block; + padding: 0 11px 0 0; + border: 1px solid #d6d4d4; + font-weight: bold; + font-size: 12px; + line-height: 24px; + height: 26px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + overflow: hidden; + margin-bottom: 16px; + position: relative; + z-index: 1; +} +.breadcrumb .navigation-pipe { + float: left; + width: 18px; + display: inline-block; + text-indent: -5000px; +} +.breadcrumb .navigation_page { + float: left; +} +.breadcrumb a { + display: inline-block; + float: left; + background: #fff; + padding: 0 8px 0 22px; + margin-left: -20px; + position: relative; + z-index: 2; + color: #333; +} +.breadcrumb a.home { + font-size: 17px; + color: #777777; + width: 38px; + text-align: center; + padding: 0; + margin: 0; + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; + z-index: 99; +} +.breadcrumb a:after { + display: inline-block; + content: "."; + position: absolute; + right: -6px; + top: 0; + width: 24px; + height: 24px; + background: #fff; + border-right: 1px solid #d6d4d4; + border-top: 1px solid #d6d4d4; + border-radius: 2px; + text-indent: -5000px; + z-index: -1; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} +.breadcrumb a:hover { + color: #777; +} + +/* ************************************************************************************************ + FOOTER +************************************************************************************************ */ +.footer-container { + padding: 0 0 100px 0; + background: url(../img/footer-bg.gif) repeat-x; +} +.footer-container #footer { + color: #777; + position: relative; +} +.footer-container #footer .footer-block { + margin-top: 45px; +} +.footer-container #footer a { + color: #777; +} +.footer-container #footer a:hover { + color: #fff; +} +.footer-container #footer h4 { + font: 600 18px/22px "Open Sans", sans-serif; + color: #fff; + margin: 0 0 13px 0; +} +.footer-container #footer h4 a { + color: #fff; +} +.footer-container #footer ul li { + padding-bottom: 8px; +} +.footer-container #footer ul li a { + font-weight: bold; + text-shadow: 1px 1px 0px rgba(0, 0, 0, 0); +} +.footer-container #footer #block_contact_infos { + border-left: 1px solid #515151; +} +.footer-container #footer #block_contact_infos > div { + padding: 0 0 0 5px; +} +.footer-container #footer #block_contact_infos > div ul li { + padding: 0 0 7px 4px; + overflow: hidden; + line-height: 30px; +} +.footer-container #footer #block_contact_infos > div ul li > span, .footer-container #footer #block_contact_infos > div ul li > span a { + color: #fff; + font-weight: normal; +} +.footer-container #footer #block_contact_infos > div ul li i { + font-size: 25px; + width: 32px; + text-align: center; + padding-right: 12px; + float: left; + color: #908f8f; +} +.footer-container #footer .blockcategories_footer { + clear: left; +} +.footer-container #footer #social_block { + float: left; + width: 50%; + padding: 23px 30px 0 0; +} +.footer-container #footer #social_block ul { + float: right; +} +.footer-container #footer #social_block ul li { + float: left; + width: 40px; + text-align: center; +} +.footer-container #footer #social_block ul li a { + display: inline-block; + color: #908f8f; + font-size: 28px; +} +.footer-container #footer #social_block ul li a span { + display: none; +} +.footer-container #footer #social_block ul li a:before { + display: inline-block; + font-family: "FontAwesome"; + vertical-align: -5px; +} +.footer-container #footer #social_block ul li a:hover { + color: #fff; +} +.footer-container #footer #social_block ul li.facebook a:before { + content: ""; +} +.footer-container #footer #social_block ul li.twitter a:before { + content: ""; +} +.footer-container #footer #social_block ul li.rss a:before { + content: ""; +} +.footer-container #footer #social_block h4 { + float: right; + margin-bottom: 0; + font-size: 21px; + line-height: 25px; + text-transform: none; + padding: 0 10px 0 0; +} +.footer-container #footer .bottom-footer { + position: absolute; + bottom: -55px; + left: 0; +} +.footer-container #footer .bottom-footer div { + padding: 15px 0 0 0; + border-top: 1px solid #515151; + width: 100%; +} + +/* Make sure lists are correctly displayed in tinyMCE BO edition mode too */ +#short_description_content ul, +#short_description_content ol, +#short_description_content dl, +#tinymce ul, +#tinymce ol, +#tinymce dl { + margin-left: 20px; +} + +.block_hidden_only_for_screen { + display: none; +} + +/* ************************************************************************************************ + PAIMENT - PAGE ORDER +************************************************************************************************ */ +/* nav bottom ********************************************************************************** */ +.cart_navigation { + margin: 0 0 20px; +} +.cart_navigation .button-medium { + float: right; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + font-size: 20px; + line-height: 24px; +} +.cart_navigation .button-medium span { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + padding: 11px 15px 10px 15px; +} +.cart_navigation .button-medium i.right { + font-size: 25px; + line-height: 25px; + vertical-align: -4px; + margin-left: 6px; +} +.cart_navigation .button-exclusive { + border: none; + background: none; + padding: 0; + font-size: 17px; + font-weight: bold; + color: #333; + margin: 9px 0 0 0; +} +.cart_navigation .button-exclusive i { + color: #777777; + margin-right: 8px; +} +.cart_navigation .button-exclusive:hover, .cart_navigation .button-exclusive:focus, .cart_navigation .button-exclusive:active { + color: #515151; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +/* step 1 - cart ******************************************************************************* */ +.cart_last_product { + display: none; +} + +.cart_quantity .cart_quantity_input { + height: 27px; + line-height: 27px; + padding: 0; + text-align: center; + width: 57px; +} + +.table tbody > tr > td { + vertical-align: middle; +} +.table tbody > tr > td.cart_quantity { + padding: 41px 14px 25px; + width: 88px; +} +.table tbody > tr > td.cart_quantity .cart_quantity_button { + margin-top: 3px; +} +.table tbody > tr > td.cart_quantity .cart_quantity_button a { + float: left; + margin-right: 3px; +} +.table tbody > tr > td.cart_quantity .cart_quantity_button a + a { + margin-right: 0; +} +.table tbody > tr > td.cart_delete, .table tbody > tr > td.price_discount_del { + padding: 5px; +} + +.table tfoot > tr > td { + vertical-align: middle; +} + +.cart_delete a.cart_quantity_delete, +a.price_discount_delete { + font-size: 23px; + color: #333333; +} +.cart_delete a.cart_quantity_delete:hover, +a.price_discount_delete:hover { + color: #c0c0c0; +} + +#cart_summary tbody td.cart_product { + padding: 19px; +} +#cart_summary tbody td.cart_product img { + border: 1px solid #d6d4d4; +} +#cart_summary tbody td.cart_unit .price span { + display: block; +} +#cart_summary tbody td.cart_unit .price span.old-price { + text-decoration: line-through; +} +#cart_summary tfoot td.text-right { + font-weight: bold; + color: #333; +} +#cart_summary tfoot td.price { + text-align: right; +} +#cart_summary tfoot td.total_price_container span { + font: 600 18px/22px "Open Sans", sans-seif; + color: #555454; + text-transform: uppercase; +} +#cart_summary tfoot td#total_price_container { + font: 600 21px/25px "Open Sans", sans-serif; + color: #333333; + background: #fff; +} + +.cart_voucher { + vertical-align: top !important; +} +.cart_voucher h4 { + font: 600 18px/22px "Open Sans", sans-serif; + color: #555454; + text-transform: uppercase; + padding: 7px 0 10px 0; +} +.cart_voucher .title-offers { + color: #333; + font-weight: bold; + margin-bottom: 6px; +} +.cart_voucher fieldset { + margin-bottom: 10px; +} +.cart_voucher fieldset #discount_name { + float: left; + width: 219px; + margin-right: 11px; +} +.cart_voucher #display_cart_vouchers span { + font-weight: bold; + cursor: pointer; + color: #777777; +} +.cart_voucher #display_cart_vouchers span:hover { + color: #515151; +} + +.enable-multishipping { + margin: -13px 0 17px; +} +.enable-multishipping label { + font-weight: normal; +} + +#HOOK_SHOPPING_CART #loyalty i { + font-size: 26px; + line-height: 26px; + color: #cfcccc; +} + +#order_carrier { + clear: both; + margin-top: 20px; + border: 1px solid #999; + background: white; +} + +#order_carrier .title_block { + padding: 0 15px; + height: 29px; + font-weight: bold; + line-height: 29px; + color: #fff; + font-weight: bold; + text-transform: uppercase; + background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999; +} + +#order_carrier span { + display: block; + padding: 15px; + font-weight: bold; +} + +.multishipping_close_container { + text-align: center; +} + +table#cart_summary .gift-icon { + color: white; + background: #0088CC; + line-height: 20px; + padding: 2px 5px; + border-radius: 5px; +} + +/* step 3 - address ************************************************************************** */ +#multishipping_mode_box { + padding-top: 12px; + padding-bottom: 19px; +} +#multishipping_mode_box .title { + font-weight: bold; + color: #333; + margin-bottom: 15px; +} + +#multishipping_mode_box .description_off { + display: none; +} + +#multishipping_mode_box .description_off div { + margin-bottom: 10px; +} + +#multishipping_mode_box .description_off a:hover, #multishipping_mode_box .description a:hover { + background: #f3f3f3; + border: 1px solid #ccc; +} + +#multishipping_mode_box.on .description_off { + display: block; +} + +.multishipping-cart .cart_address_delivery.form-control { + width: 198px; +} + +#order .address_add.submit { + margin-bottom: 20px; +} + +#ordermsg { + margin-bottom: 30px; +} + +#id_address_invoice.form-control, #id_address_delivery.form-control { + width: 269px; +} + +.checkbox.addressesAreEquals { + margin: 0 0 25px 0; +} + +/* step 4 - paiement ************************************************************************** */ +#order .delivery_option label, #order-opc .delivery_option label { + display: block; + margin-bottom: 20px; + font-weight: normal; +} +#order .delivery_option label > table, #order-opc .delivery_option label > table { + background: #fff; + margin-bottom: 0; +} +#order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume { + height: 53px; +} +#order .delivery_option label > table.delivery_option_carrier, #order-opc .delivery_option label > table.delivery_option_carrier { + margin-top: 10px; + width: 100%; + background: #5192f3; + color: white; + border: 1px solid #4b80c3; + font-weight: bold; +} +#order .delivery_option label > table.delivery_option_carrier td, #order-opc .delivery_option label > table.delivery_option_carrier td { + padding: 8px 11px 7px 11px; +} +#order .delivery_option label > table.delivery_option_carrier td i, #order-opc .delivery_option label > table.delivery_option_carrier td i { + font-size: 20px; + margin-right: 7px; + vertical-align: -2px; +} +#order .delivery_option label > table td.delivery_option_radio, #order-opc .delivery_option label > table td.delivery_option_radio { + width: 54px; + padding-left: 0; + padding-right: 0; + text-align: center; +} +#order .delivery_option label > table td.delivery_option_logo, #order-opc .delivery_option label > table td.delivery_option_logo { + width: 97px; + padding-left: 21px; +} +#order .delivery_option label > table td.delivery_option_price, #order-opc .delivery_option label > table td.delivery_option_price { + width: 162px; +} + +.order_carrier_content { + line-height: normal; + padding-bottom: 16px; +} +.order_carrier_content .carrier_title { + font-weight: bold; + color: #333; +} +.order_carrier_content .checkbox input { + margin-top: 2px; +} +.order_carrier_content .delivery_options_address .carrier_title { + margin-bottom: 17px; +} + +#carrierTable { + border: 1px solid #999; + border-bottom: none; + background: white; +} + +#carrierTable tbody { + border-bottom: 1px solid #999; +} + +#carrierTable th { + padding: 0 15px; + height: 29px; + font-weight: bold; + line-height: 29px; + color: #fff; + text-transform: uppercase; + background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999; +} + +#carrierTable td { + padding: 15px; + font-weight: bold; + border-right: 1px solid #e9e9e9; +} + +#carrierTable td.carrier_price { + border: none; +} + +p.checkbox.gift { + margin-bottom: 10px; +} + +#gift_div { + display: none; + margin-top: 5px; + margin-bottom: 10px; +} + +a.iframe { + color: #333333; + text-decoration: underline; +} +a.iframe:hover { + text-decoration: none; +} + +/* step 5 - paiement ************************************************************************** */ +p.payment_module { + margin-bottom: 10px; +} +p.payment_module a { + display: block; + border: 1px solid #d6d4d4; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + font-size: 17px; + line-height: 23px; + color: #333; + font-weight: bold; + padding: 33px 40px 34px 99px; + letter-spacing: -1px; + position: relative; +} +p.payment_module a.bankwire { + background: url(../img/bankwire.png) 15px 12px no-repeat #fbfbfb; +} +p.payment_module a.cheque { + background: url(../img/cheque.png) 15px 15px no-repeat #fbfbfb; +} +p.payment_module a.cheque:after, p.payment_module a.bankwire:after { + display: block; + content: ""; + position: absolute; + right: 20px; + margin-top: -11px; + top: 50%; + font-family: 'FontAwesome'; + font-size: 25px; + height: 22px; + width: 14px; + color: #777777; +} +p.payment_module a:hover { + background-color: #f6f6f6; +} + +.payment_module.box { + margin-top: 20px; +} + +p.cheque-indent { + margin-bottom: 9px; +} + +.cheque-box .form-group { + margin-bottom: 10px; +} +.cheque-box .form-group .form-control { + width: 269px; +} + +.order-confirmation.box { + line-height: 29px; +} +.order-confirmation.box a { + text-decoration: underline; +} +.order-confirmation.box a:hover { + text-decoration: none; +} + +/* ************************************************************************************************ + PAGE ORDER-OPC +************************************************************************************************ */ +.delivery_option_carrier td { + width: 200px; +} + +.delivery_option_carrier td + td { + width: 280px; +} + +.delivery_option_carrier td + td + td { + width: 200px; +} + +.delivery_option_carrier tr td { + padding: 5px; +} + +.delivery_option_carrier.selected { + display: table; +} + +.delivery_option_carrier.not-displayable { + display: none; +} + +/* ************************************************************************************************ + PAGES ADRESSES, IDENTITY +************************************************************************************************ */ +#address .box, #identity .box, #account-creation_form .box, #new_account_form .box, #opc_account_form .box, #authentication .box { + padding-bottom: 20px; + line-height: 20px; +} +#address p.required, #identity p.required, #account-creation_form p.required, #new_account_form p.required, #opc_account_form p.required, #authentication p.required { + color: #f13340; + margin: 9px 0 16px 0; +} +#address p.inline-infos, #identity p.inline-infos, #account-creation_form p.inline-infos, #new_account_form p.inline-infos, #opc_account_form p.inline-infos, #authentication p.inline-infos { + color: #f00; +} +#address .form-group, #identity .form-group, #account-creation_form .form-group, #new_account_form .form-group, #opc_account_form .form-group, #authentication .form-group { + margin-bottom: 4px; +} +#address .form-group .form-control, #identity .form-group .form-control, #account-creation_form .form-group .form-control, #new_account_form .form-group .form-control, #opc_account_form .form-group .form-control, #authentication .form-group .form-control { + width: 271px; +} +#address .form-group#adress_alias, #identity .form-group#adress_alias, #account-creation_form .form-group#adress_alias, #new_account_form .form-group#adress_alias, #opc_account_form .form-group#adress_alias, #authentication .form-group#adress_alias { + margin-bottom: 20px; +} + +#identity #center_column form.std .row, #authentication #center_column form.std .row, #order-opc #center_column form.std .row { + margin-left: -5px; + margin-right: -5px; +} +#identity #center_column form.std .row .col-xs-4, #authentication #center_column form.std .row .col-xs-4, #order-opc #center_column form.std .row .col-xs-4 { + padding-left: 5px; + padding-right: 5px; + width: 94px; +} +#identity #center_column form.std .row .col-xs-4 .form-control, #authentication #center_column form.std .row .col-xs-4 .form-control, #order-opc #center_column form.std .row .col-xs-4 .form-control { + width: 84px; +} +#identity #center_column .footer_links, #authentication #center_column .footer_links, #order-opc #center_column .footer_links { + border: none; + padding-top: 0; +} + +#new_account_form .box { + line-height: 20px; +} +#new_account_form .box .date-select { + padding-bottom: 10px; +} +#new_account_form .box .top-indent { + padding-top: 10px; +} +#new_account_form .box .customerprivacy { + padding-top: 15px; +} + +#authentication fieldset.account_creation { + margin-bottom: 20px; +} + +/************************************************************************************************** + PASSWORD +**************************************************************************************************/ +#password .box p { + margin-bottom: 9px; +} +#password .box .form-group { + margin-bottom: 20px; +} +#password .box .form-group .form-control { + width: 263px; +} +#password .footer_links { + padding-top: 0; + border: none; +} + +/* ************************************************************************************************ + PAGE SEARCH +************************************************************************************************ */ +#instant_search_results a.close { + font-size: 13px; + font-weight: 600; + opacity: 1; + line-height: inherit; + text-transform: none; + font-family: Arial, Helvetica, sans-serif; +} +#instant_search_results a.close:hover { + color: #515151; +} + +/* ************************************************************************************************ + MANUFACTURERS/SUPPLIERS +************************************************************************************************ */ +#manufacturers_list h3, #suppliers_list h3 { + font-size: 17px; + line-height: 23px; +} +#manufacturers_list .description, #suppliers_list .description { + line-height: 18px; +} +#manufacturers_list .product-counter a, #suppliers_list .product-counter a { + font-weight: bold; + color: #333333; +} +#manufacturers_list .product-counter a:hover, #suppliers_list .product-counter a:hover { + color: #515151; +} +#manufacturers_list.list li .mansup-container, #suppliers_list.list li .mansup-container { + border-top: 1px solid #d6d4d4; + padding: 31px 0 30px 0; +} +#manufacturers_list.list li:first-child .mansup-container, #suppliers_list.list li:first-child .mansup-container { + border-top: 0; +} +#manufacturers_list.list li .left-side, #suppliers_list.list li .left-side { + text-align: center; +} +#manufacturers_list.list li h3, #suppliers_list.list li h3 { + margin-top: -5px; + padding-bottom: 8px; +} +#manufacturers_list.list li .middle-side, #suppliers_list.list li .middle-side { + padding-left: 0; +} +#manufacturers_list.list li .right-side-content, #suppliers_list.list li .right-side-content { + border-left: 1px solid #d6d4d4; + padding: 0 0 32px 31px; + min-height: 108px; +} +#manufacturers_list.list li .right-side-content .product-counter, #suppliers_list.list li .right-side-content .product-counter { + position: relative; + top: -6px; + margin-bottom: 12px; +} +#manufacturers_list.grid li, #suppliers_list.grid li { + text-align: center; +} +#manufacturers_list.grid li .product-container, #suppliers_list.grid li .product-container { + padding-top: 40px; + padding-bottom: 20px; + border-bottom: 1px solid #d6d4d4; +} +#manufacturers_list.grid li .product-container .left-side, #suppliers_list.grid li .product-container .left-side { + padding-bottom: 42px; +} +#manufacturers_list.grid li .product-container h3, #suppliers_list.grid li .product-container h3 { + padding-bottom: 10px; +} +#manufacturers_list.grid li .product-container .product-counter, #suppliers_list.grid li .product-container .product-counter { + margin-bottom: 12px; +} +#manufacturers_list.grid li.first-in-line, #suppliers_list.grid li.first-in-line { + clear: left; +} +#manufacturers_list.grid li.last-line .product-container, #suppliers_list.grid li.last-line .product-container { + border-bottom: none; +} + +#manufacturer .description_box, #supplier .description_box { + padding-top: 20px; + padding-bottom: 20px; + border-top: 1px solid #d6d4d4; +} +#manufacturer .description_box .hide_desc, #supplier .description_box .hide_desc { + display: none; +} +#manufacturer .bottom-pagination-content, #manufacturer .top-pagination-content, #supplier .bottom-pagination-content, #supplier .top-pagination-content { + min-height: 69px; +} +#manufacturer .bottom-pagination-content #pagination .showall, #manufacturer .top-pagination-content #pagination .showall, #supplier .bottom-pagination-content #pagination .showall, #supplier .top-pagination-content #pagination .showall { + margin-right: 201px; +} +#manufacturer .top-pagination-content.bottom-line, #supplier .top-pagination-content.bottom-line { + border-bottom: 1px solid #d6d4d4; +} + +/***************************************************************************************************** + DISCOUNT PAGE +******************************************************************************************************/ +table.discount i { + font-size: 20px; + line-height: 20px; + vertical-align: -2px; +} +table.discount i.icon-ok { + color: #46a74e; +} +table.discount i.icon-remove { + color: #f13340; +} + +/***************************************************************************************************** + GUEST TRACKING +******************************************************************************************************/ +#guestTracking .form-control { + width: 271px; +} + +/***************************************************************************************************** + PAGE 404 +******************************************************************************************************/ +#pagenotfound .pagenotfound { + max-width: 824px; + margin: 0 auto; + text-align: center; +} +#pagenotfound .pagenotfound .img-404 { + padding: 8px 0 27px 0; +} +#pagenotfound .pagenotfound .img-404 img { + max-width: 100%; +} +#pagenotfound .pagenotfound h1 { + font: 600 28px/34px "Open Sans", sans-serif; + color: #333333; + text-transform: uppercase; + margin-bottom: 7px; +} +#pagenotfound .pagenotfound p { + font: 600 16px/20px "Open Sans", sanserif; + color: #555454; + text-transform: uppercase; + border-bottom: 1px solid #d6d4d4; + padding-bottom: 19px; + margin-bottom: 20px; +} +#pagenotfound .pagenotfound h3 { + font-weight: bold; + color: #333; + font-size: 13px; + line-height: normal; + margin-bottom: 18px; +} +#pagenotfound .pagenotfound label { + font-weight: normal; +} +#pagenotfound .pagenotfound .form-control { + max-width: 293px; + display: inline-block; + margin-right: 5px; +} +#pagenotfound .pagenotfound .buttons { + padding: 48px 0 20px 0; +} +#pagenotfound .pagenotfound .buttons .button-medium i.left { + font-size: 17px; +} + +/* ************************************************************************************************ + addon RerversoForm +************************************************************************************************ */ +#account-creation_form fieldset.reversoform { + padding: 10px !important; +} + +#account-creation_form fieldset.reversoform .text label { + display: block; + padding: 0 0 10px 0; + width: 100%; + text-align: left; +} + +#account-creation_form fieldset.reversoform .infos-sup { + padding: 0 !important; + font-size: 10px; + font-style: italic; + text-align: right; +} + +/* ************************************************************************************************ + addon customer privacy +************************************************************************************************ */ +#account-creation_form fieldset.customerprivacy label, fieldset.customerprivacy label { + cursor: pointer; +} + +/* ************************************************************************************************ + addon referralprogram +************************************************************************************************ */ +.tab-content { + margin-top: 20px; +} + +/* ************************************************************************************************ + addon Livezilla +************************************************************************************************ */ +#livezilla_lnk { + margin: 10px 0; + text-align: right; +} + +#livezilla_lnk a { + display: inline-block; + padding: 6px 8px 8px 8px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + font: bold 10px Arial,Verdana,sans-serif; + color: #fff; + text-shadow: 0 -1px 0 black; + background: url(../img/bg_bt_compare.gif) repeat-x scroll 0 0 black; +} + +#livezilla_lnk a:hover { + text-decoration: none; +} + +/* ************************************************************************************************ + addons comments products +************************************************************************************************ */ +form#sendComment fieldset { + padding: 10px; + border: 1px solid #ccc; + background: #eeeeee; +} + +form#sendComment h3 { + font-size: 14px; +} + +#new_comment_form p.text { + margin-bottom: 0; + padding-bottom: 0; +} + +#sendComment p.text label, +#sendComment p.textarea label { + display: block; + margin: 12px 0 4px; + font-weight: bold; + font-size: 12px; +} + +#sendComment p.text input { + padding: 0 5px; + height: 28px; + width: 498px; + border: 1px solid #ccc; + background: url(../img/bg_input.png) repeat-x 0 0 white; +} + +#sendComment p.textarea textarea { + height: 80px; + width: 508px; + border: 1px solid #ccc; +} + +#sendComment p.submit { + padding: 0; + text-align: right; +} + +#sendComment p.closeform { + float: right; + padding: 0; + height: 12px; + width: 12px; + text-indent: -5000px; + background: url(../img/icon/delete.gif) no-repeat 0 0; +} + +.star { + position: relative; + top: 2px; + float: left; + height: 12px; + width: 12px; + overflow: hidden; + text-indent: -999em; + cursor: pointer; +} + +.star, .star a { + background: url(modules/productcomments/img/star.gif) no-repeat 0 0; +} + +div.star_on a { + background-position: 0 -13px; +} + +div.star_hover a, div.star a:hover { + background-position: 0 -13px; +} + +/* ************************************************************************************************ + xxxxx +************************************************************************************************ */ +/* ************************************************************************************************ + CSS Modules +************************************************************************************************ */ +/******* IMPORTANT - Internet Explorer can read 31 CSS files max. Some CSS have been put here and erased from their own module folder.************/ +/*************** Block ADVERTISING ***************/ +.advertising_block { + width: 191px; + margin-bottom: 1em; + text-align: center; +} + +/* footer */ +.blockcategories_footer ul ul { + display: none !important; +} + +/****************************************************************** + Form validate +*******************************************************************/ +.form-group.form-error input, .form-group.form-error textarea { + border: 1px solid #f13340; + color: #f13340; + background: url(../img/icon/form-error.png) 98% 5px no-repeat #fff1f2; +} +.form-group.form-ok input, .form-group.form-ok textarea { + border: 1px solid #46a74e; + color: #35b33f; + background: url(../img/icon/form-ok.png) 98% 5px no-repeat #87f590; +} +.form-group.form-error .form-control, .form-group.form-ok .form-control { + padding-right: 30px; +} + +/********************************************************************* + uniform +*********************************************************************/ +.radio-inline, .checkbox { + padding-left: 0; +} +.radio-inline .checker, .checkbox .checker { + float: left; +} +.radio-inline .checker span, .checkbox .checker span { + top: 3px; +} +.radio-inline div.radio, .checkbox div.radio { + display: inline-block; +} +.radio-inline div.radio span, .checkbox div.radio span { + float: left; + top: 0px; +} diff --git a/themes/default-bootstrap/css/grid_prestashop.css b/themes/default-bootstrap/css/grid_prestashop.css new file mode 100644 index 000000000..e69de29bb diff --git a/themes/default-bootstrap/css/highdpi.css b/themes/default-bootstrap/css/highdpi.css new file mode 100644 index 000000000..1f777ceb2 --- /dev/null +++ b/themes/default-bootstrap/css/highdpi.css @@ -0,0 +1,17 @@ +@media only screen and (-webkit-min-device-pixel-ratio: 2), +only screen and (min-device-pixel-ratio: 2) { + + + .replace-2x { + font-size: 1px; + } + + .example { + background-image: url(../images/example2x.png); + -webkit-background-size:13px 13px; + -moz-background-size:13px 13px; + -o-background-size:13px 13px; + background-size:13px 13px; + } + +} \ No newline at end of file diff --git a/themes/default-bootstrap/css/history.css b/themes/default-bootstrap/css/history.css new file mode 100644 index 000000000..5e0ff9946 --- /dev/null +++ b/themes/default-bootstrap/css/history.css @@ -0,0 +1,49 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/************************************************************ + History Page Styles +************************************************************/ +#order-detail-content table .return_quantity_buttons { + margin-top: 3px; +} +#order-detail-content table .return_quantity_buttons a { + display: none; + float: left; +} +#order-detail-content table .return_quantity_buttons a + a { + margin-left: 3px; +} +#order-detail-content table .order_qte_input { + display: none; + width: 57px; + height: 27px; + line-height: 27px; + padding: 0; + text-align: center; +} +#order-detail-content table label { + font-weight: 400; +} + +.table td.history_detail a + a { + margin-left: 14px; +} +.table tfoot strong { + color: #333; +} + +.info-order i { + font-size: 20px; +} +.info-order i.icon-gift { + color: #f13340; +} +.info-order i.icon-repeat { + color: #55c65e; +} + +#sendOrderMessage { + margin-bottom: 30px; +} +#sendOrderMessage select.form-control { + width: 263px; +} diff --git a/themes/default-bootstrap/css/identity.css b/themes/default-bootstrap/css/identity.css new file mode 100644 index 000000000..e69de29bb diff --git a/themes/default-bootstrap/css/index.php b/themes/default-bootstrap/css/index.php new file mode 100644 index 000000000..52b4e5c37 --- /dev/null +++ b/themes/default-bootstrap/css/index.php @@ -0,0 +1,35 @@ + +* @copyright 2007-2013 PrestaShop SA +* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) +* International Registered Trademark & Property of PrestaShop SA +*/ + +header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); +header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT"); + +header("Cache-Control: no-store, no-cache, must-revalidate"); +header("Cache-Control: post-check=0, pre-check=0", false); +header("Pragma: no-cache"); + +header("Location: ../"); +exit; diff --git a/themes/default-bootstrap/css/jquery/owl-carousel/owl.carousel.css b/themes/default-bootstrap/css/jquery/owl-carousel/owl.carousel.css new file mode 100644 index 000000000..0e3ec8ea3 --- /dev/null +++ b/themes/default-bootstrap/css/jquery/owl-carousel/owl.carousel.css @@ -0,0 +1,404 @@ +/* + * Core Owl Carousel CSS File + * v1.24 + */ +/* clearfix */ +.owl-carousel .owl-wrapper:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} + +/* display none until init */ +.owl-carousel { + display: none; + position: relative; + width: 100%; + -ms-touch-action: pan-y; + overflow: hidden; +} + +.owl-carousel .owl-wrapper { + display: none; + position: relative; + -webkit-transform: translate3d(0px, 0px, 0px); +} + +.owl-carousel .owl-wrapper-outer { + overflow: hidden; + position: relative; + margin: 0 -10px; +} + +.owl-carousel .owl-wrapper-outer.autoHeight { + -webkit-transition: height 500ms ease-in-out; + -moz-transition: height 500ms ease-in-out; + -ms-transition: height 500ms ease-in-out; + -o-transition: height 500ms ease-in-out; + transition: height 500ms ease-in-out; +} + +.owl-carousel .owl-item { + float: left; + width: 200px !important; +} + +.owl-controls .owl-page, +.owl-controls .owl-buttons div { + cursor: pointer; +} + +.owl-controls { + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +/* mouse grab icon */ +.grabbing { + cursor: url(grabbing.png) 8 8, move; +} + +/* fix */ +.owl-carousel .owl-wrapper, +.owl-carousel .owl-item { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); +} + +/* CSS3 Transitions */ +.owl-origin { + -webkit-perspective: 1200px; + -webkit-perspective-origin-x: 50%; + -webkit-perspective-origin-y: 50%; + -moz-perspective: 1200px; + -moz-perspective-origin-x: 50%; + -moz-perspective-origin-y: 50%; + perspective: 1200px; +} + +/* fade */ +.owl-fade-out { + z-index: 10; + -webkit-animation: fadeOut .7s both ease; + -moz-animation: fadeOut .7s both ease; + animation: fadeOut .7s both ease; +} + +.owl-fade-in { + -webkit-animation: fadeIn .7s both ease; + -moz-animation: fadeIn .7s both ease; + animation: fadeIn .7s both ease; +} + +/* backSlide */ +.owl-backSlide-out { + -webkit-animation: backSlideOut 1s both ease; + -moz-animation: backSlideOut 1s both ease; + animation: backSlideOut 1s both ease; +} + +.owl-backSlide-in { + -webkit-animation: backSlideIn 1s both ease; + -moz-animation: backSlideIn 1s both ease; + animation: backSlideIn 1s both ease; +} + +/* goDown */ +.owl-goDown-out { + -webkit-animation: scaleToFade .7s ease both; + -moz-animation: scaleToFade .7s ease both; + animation: scaleToFade .7s ease both; +} + +.owl-goDown-in { + -webkit-animation: goDown .6s ease both; + -moz-animation: goDown .6s ease both; + animation: goDown .6s ease both; +} + +/* scaleUp */ +.owl-fadeUp-in { + -webkit-animation: scaleUpFrom .5s ease both; + -moz-animation: scaleUpFrom .5s ease both; + animation: scaleUpFrom .5s ease both; +} + +.owl-fadeUp-out { + -webkit-animation: scaleUpTo .5s ease both; + -moz-animation: scaleUpTo .5s ease both; + animation: scaleUpTo .5s ease both; +} + +/* Keyframes */ +/*empty*/ +@-webkit-keyframes empty { + 0% { + opacity: 1; + } +} + +@-moz-keyframes empty { + 0% { + opacity: 1; + } +} + +@keyframes empty { + 0% { + opacity: 1; + } +} + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@-moz-keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +@-moz-keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +@keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +@-webkit-keyframes backSlideOut { + 25% { + opacity: .5; + -webkit-transform: translateZ(-500px); + } + + 75% { + opacity: .5; + -webkit-transform: translateZ(-500px) translateX(-200%); + } + + 100% { + opacity: .5; + -webkit-transform: translateZ(-500px) translateX(-200%); + } +} + +@-moz-keyframes backSlideOut { + 25% { + opacity: .5; + -moz-transform: translateZ(-500px); + } + + 75% { + opacity: .5; + -moz-transform: translateZ(-500px) translateX(-200%); + } + + 100% { + opacity: .5; + -moz-transform: translateZ(-500px) translateX(-200%); + } +} + +@keyframes backSlideOut { + 25% { + opacity: .5; + transform: translateZ(-500px); + } + + 75% { + opacity: .5; + transform: translateZ(-500px) translateX(-200%); + } + + 100% { + opacity: .5; + transform: translateZ(-500px) translateX(-200%); + } +} + +@-webkit-keyframes backSlideIn { + 0%, 25% { + opacity: .5; + -webkit-transform: translateZ(-500px) translateX(200%); + } + + 75% { + opacity: .5; + -webkit-transform: translateZ(-500px); + } + + 100% { + opacity: 1; + -webkit-transform: translateZ(0) translateX(0); + } +} + +@-moz-keyframes backSlideIn { + 0%, 25% { + opacity: .5; + -moz-transform: translateZ(-500px) translateX(200%); + } + + 75% { + opacity: .5; + -moz-transform: translateZ(-500px); + } + + 100% { + opacity: 1; + -moz-transform: translateZ(0) translateX(0); + } +} + +@keyframes backSlideIn { + 0%, 25% { + opacity: .5; + transform: translateZ(-500px) translateX(200%); + } + + 75% { + opacity: .5; + transform: translateZ(-500px); + } + + 100% { + opacity: 1; + transform: translateZ(0) translateX(0); + } +} + +@-webkit-keyframes scaleToFade { + to { + opacity: 0; + -webkit-transform: scale(0.8); + } +} + +@-moz-keyframes scaleToFade { + to { + opacity: 0; + -moz-transform: scale(0.8); + } +} + +@keyframes scaleToFade { + to { + opacity: 0; + transform: scale(0.8); + } +} + +@-webkit-keyframes goDown { + from { + -webkit-transform: translateY(-100%); + } +} + +@-moz-keyframes goDown { + from { + -moz-transform: translateY(-100%); + } +} + +@keyframes goDown { + from { + transform: translateY(-100%); + } +} + +@-webkit-keyframes scaleUpFrom { + from { + opacity: 0; + -webkit-transform: scale(1.5); + } +} + +@-moz-keyframes scaleUpFrom { + from { + opacity: 0; + -moz-transform: scale(1.5); + } +} + +@keyframes scaleUpFrom { + from { + opacity: 0; + transform: scale(1.5); + } +} + +@-webkit-keyframes scaleUpTo { + to { + opacity: 0; + -webkit-transform: scale(1.5); + } +} + +@-moz-keyframes scaleUpTo { + to { + opacity: 0; + -moz-transform: scale(1.5); + } +} + +@keyframes scaleUpTo { + to { + opacity: 0; + transform: scale(1.5); + } +} diff --git a/themes/default-bootstrap/css/jquery/owl-carousel/owl.theme.css b/themes/default-bootstrap/css/jquery/owl-carousel/owl.theme.css new file mode 100644 index 000000000..038962bec --- /dev/null +++ b/themes/default-bootstrap/css/jquery/owl-carousel/owl.theme.css @@ -0,0 +1,93 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/* +* Owl Carousel Owl Demo Theme +* v1.24 +*/ +.owl-theme { + /* Styling Next and Prev buttons */ + /* preloading images */ +} +.owl-theme .owl-controls { + margin-top: 10px; + text-align: center; +} +.owl-theme .owl-controls { + /* Styling Pagination*/ + /* If PaginationNumbers is true */ +} +.owl-theme .owl-controls .owl-buttons div { + margin-top: 38px; + height: 20px; + width: 20px; + line-height: 0; + position: absolute; + top: 40%; + margin-top: -10px; + font-size: 0; + overflow: hidden; +} +.owl-theme .owl-controls .owl-buttons div:before { + padding-left: 2px; + color: #c0c0c0; + font-family: FontAwesome; + font-size: 20px; + line-height: 22px; +} +.owl-theme .owl-controls .owl-buttons div:hover:before { + color: #333; +} +.owl-theme .owl-controls .owl-next { + right: 10px; +} +.owl-theme .owl-controls .owl-next:before { + content: ""; +} +.owl-theme .owl-controls .owl-prev { + left: 10px; +} +.owl-theme .owl-controls .owl-prev:before { + content: ""; +} +.owl-theme .owl-controls .owl-pagination { + display: none; +} +.owl-theme .owl-controls .owl-page { + display: inline-block; + zoom: 1; + *display: inline; + /*IE7 life-saver */ +} +.owl-theme .owl-controls .owl-page span { + display: block; + width: 12px; + height: 12px; + margin: 5px 7px; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); + opacity: 0; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + -ms-border-radius: 20px; + -o-border-radius: 20px; + border-radius: 20px; + background: #869791; +} +.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; +} +.owl-theme .owl-controls .owl-page span.owl-numbers { + height: auto; + width: auto; + color: #FFF; + padding: 2px 10px; + font-size: 12px; + -webkit-border-radius: 30px; + -moz-border-radius: 30px; + -ms-border-radius: 30px; + -o-border-radius: 30px; + border-radius: 30px; +} +.owl-theme .owl-item.loading { + min-height: 150px; + background: url(AjaxLoader.gif) no-repeat center center; +} diff --git a/themes/default-bootstrap/css/jquery/uniform.default.css b/themes/default-bootstrap/css/jquery/uniform.default.css new file mode 100644 index 000000000..ce31683bb --- /dev/null +++ b/themes/default-bootstrap/css/jquery/uniform.default.css @@ -0,0 +1,507 @@ +/* +Uniform Theme: Uniform Default +Version: 1.8 +By: Josh Pyles +License: MIT License +--- +For use with the Uniform plugin: +http://uniformjs.com/ + +*/ +/* General settings */ +div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span { + background-image: url("../../../img/jquery/uniform/sprite.png"); + background-repeat: no-repeat; + -webkit-font-smoothing: antialiased; +} +div.selector, div.checker, div.button, div.radio, div.uploader { + vertical-align: middle; + /* Keeping this as :focus to remove browser styles */ +} +div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus { + outline: 0; +} +div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * { + margin: 0; + padding: 0; +} + +.highContrastDetect { + background: url("../../../img/jquery/uniform/bg-input.png") repeat-x 0 0; + width: 0px; + height: 0px; +} + +/* Input & Textarea */ +input.uniform-input, +select.uniform-multiselect, +textarea.uniform { + padding: 3px; + background: white; + outline: 0; +} + +/* Remove default webkit and possible mozilla .search styles. + * Keeping this as :active to remove browser styles */ +div.checker input, +input[type="search"], +input[type="search"]:active { + -moz-appearance: none; + -webkit-appearance: none; +} + +/* Select */ +div.selector { + background-position: 0 -54px; + line-height: 27px; + height: 27px; + padding: 0 0 0 10px; + position: relative; + overflow: hidden; +} +div.selector span { + text-overflow: ellipsis; + display: block; + overflow: hidden; + white-space: nowrap; + background-position: right 0; + height: 27px; + line-height: 27px; + padding-right: 30px; + cursor: pointer; + width: 100%; + display: block; +} +div.selector.fixedWidth { + width: 190px; +} +div.selector.fixedWidth span { + width: 150px; +} +div.selector select { + opacity: 0; + filter: alpha(opacity=0); + -moz-opacity: 0; + border: none; + background: none; + position: absolute; + height: 27px; + top: 0px; + left: 0px; + width: 100%; +} +div.selector.active span { + background-position: right -27px; +} +div.selector.hover span, div.selector.focus span { + background-position: right -27px; +} +div.selector.hover.active span, div.selector.focus.active span { + background-position: right -27px; +} +div.selector.disabled span, div.selector.disabled.active span { + background-position: right 0; +} + +/* Select1 */ +div.selector1 > div { + background-position: 0 -135px; +} +div.selector1 > div span { + background-position: right -81px; +} +div.selector1 > div.active span { + background-position: right -108px; +} +div.selector1 > div.hover span, div.selector1 > div.focus span { + background-position: right -108px; +} +div.selector1 > div.hover.active span, div.selector1 > div.focus.active span { + background-position: right -108px; +} +div.selector1 > div.disabled, div.selector1 > div.disabled.active { + background-position: 0 -135px; +} +div.selector1 > div.disabled span, div.selector1 > div.disabled.active span { + background-position: right -81px; +} + +/* Select2 */ +div.selector2 > div { + background-position: 0 -216px; +} +div.selector2 > div span { + background-position: right -162px; +} +div.selector2 > div.active span { + background-position: right -189px; +} +div.selector2 > div.hover span, div.selector2 > div.focus span { + background-position: right -189px; +} +div.selector2 > div.hover.active span, div.selector2 > div.focus.active span { + background-position: right -189px; +} +div.selector2 > div.disabled, div.selector2 > div.disabled.active { + background-position: 0 -216px; +} +div.selector2 > div.disabled span, div.selector2 > div.disabled.active span { + background-position: right -162px; +} + +/* Select3 */ +div.selector3 > div { + background-position: 0 -351px; +} +div.selector3 > div span { + background-position: right -297px; +} +div.selector3 > div.active span { + background-position: right -324px; +} +div.selector3 > div.hover span, div.selector3 > div.focus span { + background-position: right -324px; +} +div.selector3 > div.hover.active span, div.selector3 > div.focus.active span { + background-position: right -324px; +} +div.selector3 > div.disabled, div.selector3 > div.disabled.active { + background-position: 0 -351px; +} +div.selector3 > div.disabled span, div.selector3 > div.disabled.active span { + background-position: right -297px; +} + +/* Checkbox */ +div.checker { + position: relative; +} +div.checker, div.checker span, div.checker input { + width: 15px; + height: 15px; +} +div.checker span { + display: -moz-inline-box; + display: inline-block; + *display: inline; + zoom: 1; + text-align: center; + background-position: 0 -257px; +} +div.checker span.checked { + background-position: -15px -257px; +} +div.checker input { + opacity: 0; + filter: alpha(opacity=0); + -moz-opacity: 0; + border: none; + background: none; + display: -moz-inline-box; + display: inline-block; + *display: inline; + zoom: 1; +} +div.checker.active span { + background-position: -15px -257px; +} +div.checker.active span.checked { + background-position: -15px -257px; +} +div.checker.hover span, div.checker.focus span { + background-position: -30px -257px; +} +div.checker.hover span.checked, div.checker.focus span.checked { + background-position: -15px -257px; +} +div.checker.hover.active span, div.checker.focus.active span { + background-position: -15px -257px; +} +div.checker.hover.active span.checked, div.checker.focus.active span.checked { + background-position: -15px -257px; +} +div.checker.disabled, div.checker.disabled.active { + background-position: 0 -257px; +} +div.checker.disabled span.checked, div.checker.disabled.active span.checked { + background-position: 0 -257px; +} + +/* Radio */ +div.radio { + position: relative; + display: inline; +} +div.radio, div.radio span, div.radio input { + width: 13px; + height: 13px; +} +div.radio span { + display: -moz-inline-box; + display: inline-block; + *display: inline; + zoom: 1; + text-align: center; + background-position: 0 -243px; +} +div.radio span.checked { + background-position: -13px -243px; +} +div.radio input { + opacity: 0; + filter: alpha(opacity=0); + -moz-opacity: 0; + border: none; + background: none; + display: -moz-inline-box; + display: inline-block; + *display: inline; + zoom: 1; + text-align: center; +} +div.radio.active span { + background-position: -13px -243px; +} +div.radio.active span.checked { + background-position: -13px -243px; +} +div.radio.hover span, div.radio.focus span { + background-position: -13px -36px -243px; +} +div.radio.hover span.checked, div.radio.focus span.checked { + background-position: -13px -243px; +} +div.radio.hover.active span, div.radio.focus.active span { + background-position: -13px -243px; +} +div.radio.hover.active span.checked, div.radio.focus.active span.checked { + background-position: -13px -243px; +} +div.radio.disabled span, div.radio.disabled.active span { + background-position: 0 -243px; +} +div.radio.disabled span.checked, div.radio.disabled.active span.checked { + background-position: 0 -243px; +} + +/* Uploader */ +div.uploader { + background: none; + height: 27px; + width: 100%; + cursor: pointer; + position: relative; + overflow: hidden; +} +div.uploader span.action { + background-position: 0 -378px; + height: 27px; + line-height: 27px; + width: 94px; + text-align: center; + float: left; + display: inline; + overflow: hidden; + cursor: pointer; +} +div.uploader span.filename { + text-overflow: ellipsis; + display: block; + overflow: hidden; + white-space: nowrap; + float: left; + cursor: default; + height: 27px; + margin: 0px 0 0px 0px; + line-height: 27px; + width: 172px; + padding: 0 10px; +} +div.uploader input { + opacity: 0; + filter: alpha(opacity=0); + -moz-opacity: 0; + border: none; + background: none; + position: absolute; + top: 0; + right: 0; + float: right; + cursor: default; + width: 100%; + height: 100%; +} + +/* Buttons */ +div.button { + background-position: 0 -634px; + height: 30px; + cursor: pointer; + position: relative; + /* Keep buttons barely visible so they can get focus */ +} +div.button a, div.button button, div.button input { + opacity: 0.01; + filter: alpha(opacity=1); + -moz-opacity: 0.01; + display: block; + top: 0; + left: 0; + right: 0; + bottom: 0; + position: absolute; +} +div.button span { + display: -moz-inline-box; + display: inline-block; + *display: inline; + zoom: 1; + line-height: 30px; + text-align: center; + background-position: right -514px; + height: 30px; + margin-left: 13px; + padding: 0; +} +div.button.active { + background-position: 0 -664px; +} +div.button.active span { + background-position: right -544px; + cursor: default; +} +div.button.hover, div.button.focus { + background-position: 0 -694px; +} +div.button.hover span, div.button.focus span { + background-position: right -574px; +} +div.button.disabled, div.button.disabled.active { + background-position: 0 -724px; +} +div.button.disabled span, div.button.disabled.active span { + background-position: right -604px; + cursor: default; +} + +/* INPUT & TEXTAREA */ +/* ************************************************************************************************ + uniform +************************************************************************************************ */ +input.uniform-input, +select.uniform-multiselect, +textarea.uniform { + font-size: 13px; + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; + font-weight: normal; + line-height: 18px; + color: #777; + border: solid 1px #d6d4d4; +} +input.uniform-input.hover, input.uniform-input.focus, +select.uniform-multiselect.hover, +select.uniform-multiselect.focus, +textarea.uniform.hover, +textarea.uniform.focus { + -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + border-color: #cbcaca; +} + +/* PRESENTATION */ +/* Buttons */ +div.button span { + font-weight: bold; + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; + font-size: 12px; + letter-spacing: 1px; + text-transform: uppercase; +} +div.button.hover span, div.button.focus span { + color: #555; +} +div.button.disabled span, div.button.disabled.active span { + color: #bbb; +} + +/* Select */ +#compare_shipping .form-group label { + display: block; +} + +div.selector { + font-size: 12px; +} +div.selector span { + color: #666; + text-shadow: 0 1px 0 #fff; +} +div.selector select { + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; + font-size: 12px; +} +div.selector.disabled span, div.selector.disabled.active span { + color: #bbb; +} + +.checker span input { + margin: 0 !important; +} + +.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { + margin: 0 !important; +} + +.radio-inline, .checkbox-inline { + cursor: default; +} + +/* Checker */ +div.checker { + cursor: pointer; + margin-right: 5px; +} +div.checker span { + position: relative; + top: -2px; +} + +#layered_form div.checker { + display: inline; +} + +/* Radio */ +div.radio { + margin-right: 3px; +} +div.radio span { + position: relative; + top: -2px; +} + +/* Uploader */ +div.uploader span.action { + text-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px; + font-size: 13px; + font-weight: bold; + color: #fff; +} +div.uploader span.filename { + color: #777; + border: solid 1px #d6d4d4; + font-size: 13px; + background: #fbfbfb; + margin-right: 2px; +} +div.uploader.disabled span.action, div.uploader.disabled.active span.action { + color: #aaa; +} +div.uploader.disabled span.filename, div.uploader.disabled.active span.filename { + border-color: #ddd; + color: #aaa; +} + +input.uniform-input, input.uniform-input:focus { + background-color: #fff; +} diff --git a/themes/default-bootstrap/css/maintenance.css b/themes/default-bootstrap/css/maintenance.css new file mode 100644 index 000000000..4afbeb2e7 --- /dev/null +++ b/themes/default-bootstrap/css/maintenance.css @@ -0,0 +1,33 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/********************************************************************* + Maintenance Page Styles +**********************************************************************/ +#maintenance { + margin: 126px 0 0 0; + padding: 91px 48px 365px 297px; + background: url(../img/bg_maintenance.png) no-repeat; +} +#maintenance .logo { + margin-bottom: 31px; +} +#maintenance h1 { + font: 600 28px/34px "Open Sans", sans-serif; + color: #333; + text-transform: uppercase; + border-bottom: 1px solid #d6d4d4; + padding: 0 0 14px 0; + margin: 0 0 19px 0; +} +#maintenance #message { + font: 600 16px/31px "Open Sans", sans-serif; + padding-left: 18px; + color: #555454; + text-transform: uppercase; +} + +@media only screen and (min-width: 1200px) { + .container { + padding-left: 0; + padding-right: 0; + } +} diff --git a/themes/default-bootstrap/css/modules/blockbestsellers/blockbestsellers.css b/themes/default-bootstrap/css/modules/blockbestsellers/blockbestsellers.css new file mode 100644 index 000000000..e69de29bb diff --git a/themes/default-bootstrap/css/modules/blockcart/blockcart.css b/themes/default-bootstrap/css/modules/blockcart/blockcart.css new file mode 100644 index 000000000..a029bf17f --- /dev/null +++ b/themes/default-bootstrap/css/modules/blockcart/blockcart.css @@ -0,0 +1,332 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/* Special style for block cart*/ +/******************************************************************* + Cart Block Styles +********************************************************************/ +#cart_block #cart_block_list .deleteCustomizableProduct, #cart_block #cart_block_list .remove_link { + position: absolute; + right: 10px; + top: 19px; +} +#cart_block #cart_block_list .remove_link a, #cart_block #cart_block_list .ajax_cart_block_remove_link { + color: #777777; +} +#cart_block #cart_block_list .remove_link a:before, #cart_block #cart_block_list .ajax_cart_block_remove_link:before { + display: inline-block; + content: ""; + font-family: "FontAwesome"; + font-size: 18px; + line-height: 18px; +} +#cart_block #cart_block_list .remove_link a:hover, #cart_block #cart_block_list .ajax_cart_block_remove_link:hover { + color: #515151; +} +#cart_block .cart-images { + float: left; + margin-right: 20px; +} +#cart_block .cart-info { + overflow: hidden; + position: relative; + padding-right: 20px; +} +#cart_block .cart-info .product-name { + padding-bottom: 15px; + margin-top: -4px; +} +#cart_block .cart-info .product-name a { + font-size: 13px; + line-height: 18px; + display: inline-block; +} +#cart_block .cart-info .quantity-formated { + display: inline-block; + color: #9c9b9b; + text-transform: uppercase; +} +#cart_block dt { + font-weight: normal; + overflow: hidden; + padding: 20px 10px 16px 20px; + position: relative; +} +#cart_block dd { + padding: 10px 20px; + position: relative; +} +#cart_block dd li .deleteCustomizableProduct { + top: 12px !important; + right: 15px !important; +} +#cart_block #cart_block_no_products { + margin: 0; + padding: 10px 20px; +} +#cart_block #cart-prices { + border-top: 1px solid #d6d4d4; + font-weight: bold; + padding: 10px 20px 22px 20px; +} +#cart_block #cart-prices .cart-prices-line { + overflow: hidden; + border-bottom: 1px solid #515151; + padding: 7px 0; +} +#cart_block #cart-prices .cart-prices-line.last-line { + border: none; +} +#cart_block #cart-buttons { + overflow: hidden; + padding: 20px 20px 10px 20px; + margin: 0; + background: #f6f6f6; +} +#cart_block #cart-buttons a { + float: left; + margin-bottom: 10px; + margin-right: 10px; +} +#cart_block #cart-buttons a#button_order_cart { + margin-right: 0; +} + +/******************************************************************* + Cart Block(Header) Styles +********************************************************************/ +#header #cart_block { + z-index: 10; + display: none; + position: absolute; + right: 0; + top: 132px; + height: auto; + width: 270px; + background: #484848; + color: #fff; +} +#header #cart_block a { + color: #fff; +} +#header #cart_block a:hover { + color: #9c9b9b; +} +#header #cart_block #cart_block_list .remove_link a, #header #cart_block #cart_block_list .ajax_cart_block_remove_link { + color: #fff; + outline: none; + text-decoration: none; +} +#header #cart_block #cart_block_list .remove_link a:hover, #header #cart_block #cart_block_list .ajax_cart_block_remove_link:hover { + color: #9c9b9b; +} +#header #cart_block .price { + color: #fff; +} +#header #cart_block dt { + background: url(../../../img/cart-shadow.png) repeat-x; +} +#header #cart_block dt.first_item { + background: none; +} +#header #cart_block dd { + background: url(../../../img/cart-shadow.png) repeat-x; +} +#header #cart_block .product-atributes { + padding-bottom: 10px; + font-size: 11px; +} +#header #cart_block .product-atributes a { + color: #9c9b9b; +} +#header #cart_block .product-atributes a:hover { + color: #fff; +} +#header #cart_block #cart-prices { + border: none; + background: url(../../../img/cart-shadow.png) repeat-x #3d3d3d; +} +#header #cart_block #cart-buttons { + background: url(../../../img/cart-shadow.png) repeat-x #333333; +} + +#cart_block #cart_block_summary, #cart_block .title_block span, #header #cart_block h4, #header #cart_block .title_block, #header #cart_block h4 { + display: none; +} + +#cart_block #cart_block_shipping_cost, +#cart_block #cart_block_total { + float: right; +} + +#cart_block table#vouchers { + clear: both; + width: 80%; + margin: 0 auto; + margin-bottom: 10px; +} +#cart_block table#vouchers tr td { + padding: 2px; +} +#cart_block table#vouchers tr td.quantity { + margin-right: 5px; + min-width: 18px; +} +#cart_block table#vouchers tr td.delete { + padding-left: 0; + padding-right: 0; + text-align: right; + width: 15px; +} + +/***************************************************************************** + Layer Cart Css +*****************************************************************************/ +.layer_cart_overlay { + background-color: #000; + display: none; + height: 100%; + left: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 98; + opacity: .20; + -moz-opacity: .20; + filter: alpha(opacity=20); +} + +* html .layer_cart_overlay { + filter: alpha(opacity=20); + position: absolute; + left: 0; + margin-left: -160px; +} + +#layer_cart { + background-color: #fff; + position: absolute; + display: none; + z-index: 99; + width: 84%; + margin-right: 8%; + margin-left: 8%; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; +} +#layer_cart .layer_cart_product { + padding: 30px 30px 30px 30px; +} +#layer_cart .layer_cart_product h2 { + font: 400 23px/29px Arial, Helvetica, sans-serif; + color: #46a74e; + margin-bottom: 22px; + padding-right: 100px; +} +#layer_cart .layer_cart_product h2 i { + font-size: 30px; + line-height: 30px; + float: left; + padding-right: 8px; +} +#layer_cart .layer_cart_product .product-image-container { + max-width: 178px; + border: 1px solid #d6d4d4; + padding: 5px; + float: left; + margin-right: 30px; +} +#layer_cart .layer_cart_product .layer_cart_product_info { + padding: 38px 0 0 0; +} +#layer_cart .layer_cart_product .layer_cart_product_info #layer_cart_product_title { + display: block; + padding-bottom: 8px; +} +#layer_cart .layer_cart_product .layer_cart_product_info > div { + padding-bottom: 7px; +} +#layer_cart .layer_cart_product .layer_cart_product_info > div strong { + padding-right: 3px; +} +#layer_cart .layer_cart_cart { + background: #fafafa; + border-left: 1px solid #d6d4d4; + padding: 21px 30px 90px 30px; + -webkit-border-radius: 0px 4px 4px 0px; + -moz-border-radius: 0px 4px 4px 0px; + -ms-border-radius: 0px 4px 4px 0px; + -o-border-radius: 0px 4px 4px 0px; + border-radius: 0px 4px 4px 0px; + min-height: 318px; + position: relative; +} +#layer_cart .layer_cart_cart h2 { + font: 400 23px/29px Arial, Helvetica, sans-serif; + color: #333; + border-bottom: 1px solid #d6d4d4; + padding-bottom: 13px; + margin-bottom: 17px; +} +#layer_cart .layer_cart_cart .layer_cart_row { + padding: 0 0 7px 0; +} +#layer_cart .layer_cart_cart .button-container { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + padding: 0px 30px 20px 30px; +} +#layer_cart .layer_cart_cart .button-container .btn { + margin-bottom: 10px; +} +#layer_cart .layer_cart_cart .button-container span.exclusive-medium { + margin-right: 5px; +} +#layer_cart .layer_cart_cart .button-container span.exclusive-medium i { + padding-right: 5px; + color: #777777; +} +#layer_cart .layer_cart_cart .cross { + position: absolute; + right: 7px; + top: 8px; + width: 25px; + height: 25px; + cursor: pointer; + color: #333; +} +#layer_cart .layer_cart_cart .cross:before { + content: ""; + display: block; + font-family: "FontAwesome"; + font-size: 25px; + line-height: 25px; +} +#layer_cart .layer_cart_cart .cross:hover { + color: #515151; +} +#layer_cart .continue { + cursor: pointer; +} +#layer_cart p { + padding: 0px; +} + +#blockcart_list { + width: 232px; + overflow: hidden; +} + +#blockcart_list ul { + display: block; + height: 90px; +} + +#blockcart_list li { + list-style-type: none; + float: left; + width: 58px; +} diff --git a/themes/default-bootstrap/css/modules/blockcontact/blockcontact.css b/themes/default-bootstrap/css/modules/blockcontact/blockcontact.css new file mode 100644 index 000000000..bf925481f --- /dev/null +++ b/themes/default-bootstrap/css/modules/blockcontact/blockcontact.css @@ -0,0 +1,21 @@ +/* block CONTACT ******************************************************************************* */ +#contact_block .label { + display: none; +} +#contact_block .block_content { + color: #888888; + padding: 0 20px 20px; +} +#contact_block p { + margin-bottom: 4px; +} +#contact_block p.tel { + font: 400 17px/21px Arial, Helvetica, sans-serif; + color: #fff; + margin-bottom: 6px; +} +#contact_block p.tel i { + font-size: 25px; + vertical-align: -2px; + padding-right: 10px; +} diff --git a/themes/default-bootstrap/css/modules/blocklayered/blocklayered-15.css b/themes/default-bootstrap/css/modules/blocklayered/blocklayered-15.css new file mode 100644 index 000000000..963bd655d --- /dev/null +++ b/themes/default-bootstrap/css/modules/blocklayered/blocklayered-15.css @@ -0,0 +1,241 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +#enabled_filters { + background: #484848; + padding: 16px 20px; + margin-bottom: 16px; +} +#enabled_filters span.layered_subtitle { + color: #fff; + display: block; + padding-bottom: 11px; +} +#enabled_filters li { + padding: 1px 0; + color: #9c9b9b; + cursor: pointer; + position: relative; +} +#enabled_filters li:hover, #enabled_filters li:hover a { + color: #fff; +} +#enabled_filters li a { + position: absolute; + top: 1px; + right: 0; + display: block; + cursor: pointer; + text-indent: 0px; + color: #888888; +} +#enabled_filters li a:before { + content: ""; + display: block; + font-family: "FontAwesome"; + width: 12px; + height: 12px; +} + +#layered_block_left .layered_subtitle_heading { + border-bottom: 1px solid #d6d4d4; + padding: 0 12px 6px 0; + margin-bottom: 8px; + font-weight: bold; + position: relative; + color: #333333; +} +#layered_block_left .layered_subtitle_heading .layered_close { + position: absolute; + right: 0; + top: 4px; + height: 14px; + width: 12px; +} +#layered_block_left .layered_subtitle_heading .layered_close a { + display: block; + height: 14px; + width: 12px; + text-indent: -5000px; + position: relativee; + color: #d3d2d2; + font-size: 12px; + line-height: 14px; +} +#layered_block_left .layered_subtitle_heading .layered_close a:after { + content: ""; + display: block; + text-indent: 0; + height: 14px; + width: 12px; + position: absolute; + top: 0px; + left: 0; + font-family: 'FontAwesome'; + vertical-align: 1px; +} +#layered_block_left .layered_subtitle_heading .layered_close a:hover { + color: #515151; +} +#layered_block_left .layered_subtitle_heading .layered_close.closed a:after { + content: ""; +} + +#layered_block_left label { + font-weight: normal; +} +#layered_block_left .layered_filter_ul { + padding: 0 20px 5px; +} +#layered_block_left .layered_filter_ul li { + padding-bottom: 7px; +} +#layered_block_left .layered_filter_ul li .checker span, #layered_block_left .layered_filter_ul li .radio span { + top: 0; +} +#layered_block_left .layered_filter_ul li label { + margin-bottom: 0; +} +#layered_block_left .layered_filter_ul li label a { + font-weight: normal; +} +#layered_block_left .layered_filter_ul li label a:hover { + color: #333; +} + +#layered_block_left ul li label { + cursor: pointer; + display: inline; +} + +/* Style moved form the template to the css */ +/****************************************************************************** + Color List Style +*******************************************************************************/ +#layered_block_left ul.color-group { + padding-top: 2px; + overflow: hidden; +} +#layered_block_left ul.color-group li { + width: 50%; + float: left; + line-height: 15px; + vertical-align: middle; + padding-bottom: 9px; +} +#layered_block_left ul.color-group li .color-option { + border: 1px solid #d6d4d4; + height: 15px; + margin-left: 0; + margin-right: 4px; + padding: 0; + width: 15px; + -webkit-box-shadow: white 0 0 1px 0px inset, white 0 0 0px 1px inset, white 0 0 0px 1px inset, white 0 0 1px 0px inset; + -moz-box-shadow: white 0 0 1px 0px inset, white 0 0 0px 1px inset, white 0 0 0px 1px inset, white 0 0 1px 0px inset; + box-shadow: white 0 0 1px 0px inset, white 0 0 0px 1px inset, white 0 0 0px 1px inset, white 0 0 1px 0px inset; +} +#layered_block_left ul.color-group li .color-option.on { + border-color: #000; +} +#layered_block_left ul.color-group li .color-option.disable { + opacity: 0.5; + filter: alpha(opacity=50); + -moz-opacity: 0.5; +} + +#layered_block_left .nomargin a { + display: inline; +} + +/************************************************************************************** + Layered Form Selects Styles +***************************************************************************************/ +#layered_form .select { + max-width: 230px; +} + +/************************************************************************************** + Range Slider Styles +***************************************************************************************/ +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { + background: #fbfbfb; + border-color: #d6d4d4; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + width: 15px; + height: 15px; +} +.ui-state-default.ui-state-hover, .ui-widget-content .ui-state-default.ui-state-hover, .ui-widget-header .ui-state-default.ui-state-hover { + background: #555454; + border-color: #333; +} + +.ui-slider .ui-slider-range { + background: #959595; + border: none; +} + +.ui-corner-all { + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background: #efefef; + border: none; + height: 11px; +} + +.ui-slider-horizontal .ui-slider-handle { + top: -0.14em; +} + +.layered_price_range { + margin-left: 7px; +} + +/************************************************************************************** + Range Input Styles +***************************************************************************************/ +.layered_price_range_unit { + margin-right: 7px; +} + +.layered_slider_container { + margin: 6px 0 6px 7px; +} + +.layered_input_range_min, .layered_input_range_max { + width: 60px; + display: inline; +} + +.layered_list_selected { + font-weight: bold; +} + +.layered_list { + display: block; + cursor: pointer; +} + +.layered_list:hover { + font-weight: bold; +} + +.layered_ajax_loader p { + margin: 20px 0; + text-align: center; +} + +.hide-action { + text-align: center; + text-align: right; + display: block; + cursor: pointer; +} + +.hide-action:hover { + font-weight: bold; +} diff --git a/themes/default-bootstrap/css/modules/blocklayered/blocklayered.css b/themes/default-bootstrap/css/modules/blocklayered/blocklayered.css new file mode 100644 index 000000000..f6d8e5155 --- /dev/null +++ b/themes/default-bootstrap/css/modules/blocklayered/blocklayered.css @@ -0,0 +1,117 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +#layered_block_left ul.layered_filter_ul { + border-top: 1px solid #d6d4d4; +} + +#layered_block_left div.block_content { + padding: 6px; +} + +#layered_block_left ul { + padding-left: 0; + max-height: 120px; + overflow-y: auto; + overflow-x: hidden; + padding-left: 1px; + padding-right: 1px; +} + +#layered_form > div > div { + border-bottom: 1px dotted #CCCCCC; + padding-bottom: 5px; + margin-bottom: 5px; +} + +#layered_block_left .hide-action { + display: block; + text-align: right; + padding-right: 5px; +} + +#layered_block_left .hide-action:hover { + text-decoration: underline; +} + +#layered_block_left ul li { + margin-left: 15px; + padding-left: 2px; + list-style-type: none; +} + +#layered_block_left #enabled_filters, #layered_url_filter_block { + font-size: 10px; + padding-bottom: 5px; +} + +/* Style moved form the template to the css */ +#layered_block_left ul li .disabled { + color: #666; +} + +.product_list .warning { + margin-top: 13px; +} + +#layered_form .select { + width: 165px; +} + +#layered_block_left .color-option.disable { + opacity: 0.5; + filter: alpha(opacity=50); + -moz-opacity: 0.5; +} + +#layered_form .color-option.on { + border: 1px solid red; +} + +#layered_form input[type=radio] { + margin-left: 2px; + vertical-align: middle; +} + +.layered_price_range { + margin-left: 7px; +} + +.layered_price_range_unit { + margin-right: 7px; +} + +.layered_slider_container { + margin: 6px 0 6px 6px; + width: 93%; +} + +.layered_slider { + margin-top: 5px; +} + +.layered_input_range_min { + width: 30px; +} + +.layered_input_range_max { + width: 40px; +} + +.layered_list_selected { + font-weight: bold; +} + +.layered_ajax_loader p { + margin: 20px 0; + text-align: center; +} + +.hide-action { + text-align: center; + text-align: right; + display: block; + cursor: pointer; +} + +.hide-action:hover { + font-weight: bold; +} diff --git a/themes/default-bootstrap/css/modules/blockmyaccountfooter/blockmyaccount.css b/themes/default-bootstrap/css/modules/blockmyaccountfooter/blockmyaccount.css new file mode 100644 index 000000000..e69de29bb diff --git a/themes/default-bootstrap/css/modules/blocknewproducts/blocknewproducts.css b/themes/default-bootstrap/css/modules/blocknewproducts/blocknewproducts.css new file mode 100644 index 000000000..e69de29bb diff --git a/themes/default-bootstrap/css/modules/blocknewsletter/blocknewsletter.css b/themes/default-bootstrap/css/modules/blocknewsletter/blocknewsletter.css new file mode 100644 index 000000000..4e4fbdca6 --- /dev/null +++ b/themes/default-bootstrap/css/modules/blocknewsletter/blocknewsletter.css @@ -0,0 +1,84 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/* Block newsletter */ +#columns #newsletter_block_left .form-group { + margin-bottom: 0; +} +#columns #newsletter_block_left .form-group .form-control { + max-width: 222px; + display: inline-block; + margin-right: 6px; +} +#columns #newsletter_block_left .success_inline, #columns #newsletter_block_left .warning_inline { + text-align: left; + padding: 1px 0 0 0; + margin-bottom: -19px; +} +#columns #newsletter_block_left .success_inline { + color: #418B19; +} +#columns #newsletter_block_left .warning_inline { + color: #f13340; +} + +/* Block newsletter footer */ +#footer #newsletter_block_left { + overflow: hidden; + width: 50%; + float: left; + padding: 13px 15px 7px 15px; + margin-bottom: 0; +} +#footer #newsletter_block_left h4 { + background: none; + float: left; + padding: 7px 16px 5px 0; + text-transform: none; + font-size: 21px; + line-height: 25px; + border: none; +} +#footer #newsletter_block_left .block_content { + overflow: hidden; +} +#footer #newsletter_block_left .form-group { + margin-bottom: 0; +} +#footer #newsletter_block_left .form-group .form-control { + height: 45px; + max-width: 267px; + background: #3c3c3c; + border-color: #515151; + color: #fff; + padding: 5px 43px 5px 12px; + display: inline-block; +} +#footer #newsletter_block_left .form-group .form-control:focus { + -webkit-box-shadow: black 0px 0px 0px; + -moz-box-shadow: black 0px 0px 0px; + box-shadow: black 0px 0px 0px; +} +#footer #newsletter_block_left .form-group .button-small { + margin-left: -41px; + border: none; + background: none; + text-align: center; + color: #908f8f; +} +#footer #newsletter_block_left .form-group .button-small:before { + content: ""; + font-family: 'FontAwesome'; + font-size: 28px; + line-height: 28px; +} +#footer #newsletter_block_left .form-group .button-small:hover { + color: #fff !important; +} +#footer #newsletter_block_left .form-group .button-small span { + display: none; +} +#footer #newsletter_block_left .warning_inline { + display: inline-block; + color: #f13340; + font-size: 13px; + line-height: 26px; +} diff --git a/themes/default-bootstrap/css/modules/blocksearch/blocksearch.css b/themes/default-bootstrap/css/modules/blocksearch/blocksearch.css new file mode 100644 index 000000000..a6f546620 --- /dev/null +++ b/themes/default-bootstrap/css/modules/blocksearch/blocksearch.css @@ -0,0 +1,69 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/* block top search */ +#search_block_top { + position: absolute; + right: 420px; + top: 50px; +} +#search_block_top .btn.button-search { + background: #333; + float: left; + border: none; + color: #fff; + width: 57px; + text-align: center; + padding: 10px 0 11px 0; +} +#search_block_top .btn.button-search span { + display: none; +} +#search_block_top .btn.button-search:before { + content: ""; + display: block; + font-family: "FontAwesome"; + font-size: 17px; +} +#search_block_top .btn.button-search:hover { + color: #6f6f6f; +} +#search_block_top #search_query_top { + padding: 0 13px; + height: 45px; + width: 271px; + background: #fbfbfb; + float: left; + margin-right: 1px; +} + +.ac_results { + background: #fff; + border: 1px solid #d6d4d4; + width: 271px; + margin-top: -1px; +} +.ac_results li { + padding: 0 10px; + font-weight: normal; + color: #686666; + font-size: 13px; + line-height: 22px; +} +.ac_results li.ac_odd { + background: #fff; +} +.ac_results li:hover, .ac_results li.ac_over { + background: #fbfbfb; +} + +form#searchbox label { + color: #333; + margin-bottom: 1px; +} +form#searchbox input#search_query_block { + border: 1px solid #d6d4d4; + height: 18px; + margin-top: 10px; +} +form#searchbox input#search_button { + padding: 1px 4px; +} diff --git a/themes/default-bootstrap/css/modules/blockspecials/blockspecials.css b/themes/default-bootstrap/css/modules/blockspecials/blockspecials.css new file mode 100644 index 000000000..e69de29bb diff --git a/themes/default-bootstrap/css/modules/blocktags/blocktags.css b/themes/default-bootstrap/css/modules/blocktags/blocktags.css new file mode 100644 index 000000000..6ecdfba8a --- /dev/null +++ b/themes/default-bootstrap/css/modules/blocktags/blocktags.css @@ -0,0 +1,18 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +.tags_block .block_content { + overflow: hidden; +} +.tags_block .block_content a { + display: inline-block; + font-size: 13px; + line-height: 16px; + font-weight: bold; + padding: 4px 9px 5px 9px; + border: 1px solid #d6d4d4; + float: left; + margin: 0 3px 3px 0; +} +.tags_block .block_content a:hover { + color: #333; + background: #f6f6f6; +} diff --git a/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css b/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css new file mode 100644 index 000000000..aec239ac7 --- /dev/null +++ b/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css @@ -0,0 +1,115 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/*** ESSENTIAL STYLES ***/ +.sf-contener { + clear: both; +} + +.sf-menu, .sf-menu * { + margin: 0; + padding: 0; + list-style: none; +} + +.sf-menu { + margin: 50px 0 0; + padding: 0; + width: 100%; + border-bottom: 3px solid #e9e9e9; + background: #f6f6f6; +} + +.sf-menu ul { + position: absolute; + top: -999em; + width: 10em; + /* left offset of submenus need to match (see below) */ + background: #fff; +} + +.sf-menu ul li { + width: 100%; +} + +.sf-menu li:hover { + visibility: inherit; + /* fixes IE7 'sticky bug' */ +} + +.sf-menu li { + position: relative; +} + +.sf-menu > li { + float: left; + border-right: 1px solid #d6d4d4; + margin-bottom: -3px; +} +.sf-menu > li > a { + font: 600 18px/22px "Open Sans", sans-serif; + text-transform: uppercase; + color: #484848; + display: block; + padding: 17px 20px; + border-bottom: 3px solid #e9e9e9; +} +.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce a { + background: #333; + border-bottom-color: #666666; + color: #fff; +} + +.sf-menu li li a { + display: block; + position: relative; + color: #777777; + font-size: 13px; + line-height: 16px; + font-weight: bold; + padding-bottom: 10px; +} +.sf-menu li li a:before { + content: ""; + display: inline-block; + font-family: "FontAwesome"; + padding-right: 10px; +} +.sf-menu li li a:hover { + color: #333; +} + +.sf-menu li ul { + display: none; + left: 0; + top: 59px; + /* match top ul list item height */ + z-index: 99; + width: 220px; + padding: 25px 30px; + -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; + -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; + box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; +} + +ul.sf-menu li:hover li ul, +ul.sf-menu li.sfHover li ul { + top: -999em; +} + +ul.sf-menu li li:hover ul, +ul.sf-menu li li.sfHover ul { + left: 200px; + /* match ul width */ + top: 0; +} + +ul.sf-menu li li:hover li ul, +ul.sf-menu li li.sfHover li ul { + top: -999em; +} + +ul.sf-menu li li li:hover ul, +ul.sf-menu li li li.sfHover ul { + left: 200px; + /* match ul width */ + top: 0; +} diff --git a/themes/default-bootstrap/css/modules/blockuserinfo/blockuserinfo.css b/themes/default-bootstrap/css/modules/blockuserinfo/blockuserinfo.css new file mode 100644 index 000000000..0b56b452d --- /dev/null +++ b/themes/default-bootstrap/css/modules/blockuserinfo/blockuserinfo.css @@ -0,0 +1,42 @@ +/* block top user information */ +#header_right #header_user { + clear: both; + float: right; + margin-top: 50px; +} +#header_right #header_user #shopping_cart a { + padding: 7px 10px 14px 16px; + background: #333333; + min-width: 270px; + /* 200 */ + display: block; + font-weight: bold; + color: #777777; + text-shadow: 1px 1px rgba(0, 0, 0, 0.2); +} +#header_right #header_user #shopping_cart a b { + color: #fff; + font: 600 18px/22px "Open Sans", sans-serif; + padding-right: 5px; +} +#header_right #header_user #shopping_cart a:before { + content: ""; + font-family: "FontAwesome"; + display: inline-block; + font-size: 23px; + line-height: 23px; + color: #fff; + padding-right: 15px; +} +#header_right #header_user #shopping_cart a:after { + content: ""; + font-family: "FontAwesome"; + display: inline-block; + float: right; + font-size: 18px; + color: #686666; + padding: 6px 0 0 0; +} +#header_right #header_user #shopping_cart .ajax_cart_total { + display: none !important; +} diff --git a/themes/default-bootstrap/css/modules/blockviewed/blockviewed.css b/themes/default-bootstrap/css/modules/blockviewed/blockviewed.css new file mode 100644 index 000000000..04b29fd7f --- /dev/null +++ b/themes/default-bootstrap/css/modules/blockviewed/blockviewed.css @@ -0,0 +1,6 @@ +/* Block Viewed Products */ +#viewed-products_block_left li.last_item { + padding-bottom: 0; + margin-bottom: 0; + border-bottom: none; +} diff --git a/themes/default-bootstrap/css/modules/blockwishlist/blockwishlist.css b/themes/default-bootstrap/css/modules/blockwishlist/blockwishlist.css new file mode 100644 index 000000000..612247285 --- /dev/null +++ b/themes/default-bootstrap/css/modules/blockwishlist/blockwishlist.css @@ -0,0 +1,160 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/* module blockwishlist */ +/* lnk on detail product page */ +#primary_block #wishlist_button { + font-weight: bold; +} +#primary_block #wishlist_button:before { + content: ""; + font-family: FontAwesome; + color: #fff; + font-size: 15px; + line-height: 31px; + border-radius: 50px; + -moz-border-radius: 50px; + -webkit-border-radius: 50px; + background: #929292; + width: 30px; + font-weight: normal; + text-align: center; + display: inline-block; + height: 30px; + margin-right: 6px; +} + +/* bt add */ +.add_wishlist_button a { + padding: 5px 7px 5px 18px; +} + +.add_wishlist_button a span { + z-index: 10; + display: block; + position: absolute; + top: -1px; + left: -12px; + height: 26px; + width: 26px; + background: url(img/icon/pict_add_wishlist.png) no-repeat 0 0 transparent; +} + +/* block */ +#wishlist_block #wishlist_block_list { + margin-bottom: 20px; +} +#wishlist_block #wishlist_block_list dl { + font-weight: normal; +} +#wishlist_block #wishlist_block_list dl.products.no-products { + font-weight: bold; + padding-bottom: 15px; + border-bottom: 1px solid #d6d4d4; +} +#wishlist_block #wishlist_block_list dl.products.no-products dt { + padding-top: 0px; + border-top: none; +} +#wishlist_block #wishlist_block_list dl.products { + border-bottom: 1px solid #d6d4d4; +} +#wishlist_block #wishlist_block_list dl.products dt { + padding-top: 20px; + border-top: 1px solid #d6d4d4; +} +#wishlist_block #wishlist_block_list dl.products dd { + padding-bottom: 20px; +} +#wishlist_block #wishlist_block_list dl.products dt.first_item { + padding-top: 0px; + border-top: none; +} +#wishlist_block #wishlist_block_list dl dt { + position: relative; + padding-right: 0px; +} +#wishlist_block #wishlist_block_list dl dd { + margin-left: 24px; +} +#wishlist_block .lnk .form-group { + margin-bottom: 20px; +} +#wishlist_block .lnk .form-group select { + max-width: 192px; +} +#wishlist_block .ajax_cart_block_remove_link { + font-size: 14px; + line-height: 14px; + color: #d3d2d2; + width: 14px; + height: 14px; + float: right; +} +#wishlist_block .ajax_cart_block_remove_link:hover { + color: #515151; +} +#wishlist_block .cart_block_product_name { + width: 85%; + display: inline-block; + font-weight: bold; +} +#wishlist_block .quantity-formated { + float: left; + margin-right: 5px; + width: 15px; +} + +#wishlist_block_list .price { + float: right; +} + +/* page in my account ************************************************************************* */ +#mywishlist td.wishlist_delete a { + font-size: 15px; +} + +/* wishlistLinkTop */ +#module-blockwishlist-mywishlist #block-order-detail #hideSendWishlist { + display: inline-block; +} + +#module-blockwishlist-mywishlist .wishlistLinkTop ul.display_list { + border-bottom: 1px dotted #ccc; + margin-bottom: 20px; +} + +#module-blockwishlist-mywishlist .wishlistLinkTop li { + float: left; +} + +#module-blockwishlist-mywishlist .wishlistLinkTop .display_list li a { + display: inline-block; + padding: 7px 11px 5px 22px; + color: #333; + background: url(img/arrow_right_2.png) no-repeat 10px 10px transparent; +} + +#module-blockwishlist-mywishlist .wishlistLinkTop #hideSendWishlist { + float: right; +} + +#module-blockwishlist-mywishlist .wishlistLinkTop #showBoughtProducts, +#module-blockwishlist-mywishlist .wishlistLinkTop #hideBoughtProductsInfos { + display: none; +} + +/* wlp_bought ****************************************** */ +/* wlp_bought_list */ +ul.wlp_bought_list li .inner-content { + position: relative; +} + +ul.wlp_bought_list li .lnkdel { + position: absolute; + top: 5px; + right: 5px; + display: block; + height: 12px; + width: 12px; + text-indent: -5000px; + background: url(img/icon/delete.gif) no-repeat 0 0; +} diff --git a/themes/default-bootstrap/css/modules/carriercompare/style.css b/themes/default-bootstrap/css/modules/carriercompare/style.css new file mode 100644 index 000000000..1c5fdb753 --- /dev/null +++ b/themes/default-bootstrap/css/modules/carriercompare/style.css @@ -0,0 +1,73 @@ +#compare_shipping .form-group { + line-height: normal; + margin-bottom: 10px; +} +#compare_shipping .form-group label { + margin-bottom: 6px; +} +#compare_shipping .form-group .form-control { + width: 263px; +} +#compare_shipping .form-group.last { + margin-bottom: 20px; +} +#compare_shipping .form-group.last input { + margin-bottom: 3px; +} +#compare_shipping .table { + background: #fff; +} +#compare_shipping .table thead tr th { + background: #fff; + padding: 4px 10px 3px 10px; +} +#compare_shipping .table tbody td { + margin: 0; +} +#compare_shipping .table tbody td.carrier_action { + width: 54px; + padding-left: 0; + padding-right: 0; + text-align: center; +} +#compare_shipping .table tbody td.carrier_action input { + margin: 0; +} + +#availableCarriers .table { + margin-bottom: 20px; +} + +#compare_shipping ul#carriercompare_errors_list { + color: red; +} + +#compare_shipping_form { + padding-bottom: 20px; +} + +#compare_shipping ul#carriercompare_errors_list li { + margin-left: 30px; + text-decoration: none; + list-style: none; +} + +#SE_AjaxDisplay { + text-align: center; + display: none; +} + +#SE_AjaxDisplay img { + width: 15px; +} + +.SE_SubmitRefreshCard button { + float: left; +} +.SE_SubmitRefreshCard button#carriercompare_submit { + margin-right: 10px; +} + +#carriercompare_errors { + display: none; +} diff --git a/themes/default-bootstrap/css/modules/favoriteproducts/favoriteproducts.css b/themes/default-bootstrap/css/modules/favoriteproducts/favoriteproducts.css new file mode 100644 index 000000000..25f9c5840 --- /dev/null +++ b/themes/default-bootstrap/css/modules/favoriteproducts/favoriteproducts.css @@ -0,0 +1,59 @@ +#favoriteproducts_block_account .favoriteproduct { + position: relative; + margin-bottom: 14px; + padding: 12px 8px; + border: 1px solid #eee; + border-radius: 3px 3px 3px 3px; +} + +.favoriteproduct a.product_img_link { + border: 1px solid #CCCCCC; + display: block; + float: left; + margin-right: 14px; + overflow: hidden; + position: relative; +} + +.favoriteproduct p.product_desc { + line-height: 16px; + overflow: hidden; + padding: 0; +} + +.favoriteproduct .remove { + position: absolute; + top: 10px; + right: 10px; +} + +.favoriteproduct .remove .icon { + cursor: pointer; +} + +/* lnk fiche produit */ +#usefull_link_block li#favoriteproducts_block_extra_add { + padding-left: 20px; + background: url(img/add_favorite.gif) no-repeat 0 0; + cursor: pointer; +} + +#usefull_link_block li#favoriteproducts_block_extra_remove { + padding-left: 20px; + background: url(img/del_favorite.gif) no-repeat 0 0; + cursor: pointer; +} + +ul#usefull_link_block li#favoriteproducts_block_extra_added { + padding-left: 20px; + background: url(img/add_favorite.gif) no-repeat 0 0; + cursor: pointer; + display: none; +} + +ul#usefull_link_block li#favoriteproducts_block_extra_removed { + padding-left: 20px; + background: url(img/add_favorite.gif) no-repeat 0 0; + cursor: pointer; + display: none; +} diff --git a/themes/default-bootstrap/css/modules/homefeatured/homefeatured.css b/themes/default-bootstrap/css/modules/homefeatured/homefeatured.css new file mode 100644 index 000000000..e69de29bb diff --git a/themes/default-bootstrap/css/modules/homeslider/bx_styles.css b/themes/default-bootstrap/css/modules/homeslider/bx_styles.css new file mode 100644 index 000000000..bdefa938f --- /dev/null +++ b/themes/default-bootstrap/css/modules/homeslider/bx_styles.css @@ -0,0 +1,198 @@ +/** + * BxSlider v4.0 - Fully loaded, responsive content slider + * http://bxslider.com + * + * Written by: Steven Wanderski, 2012 + * http://stevenwanderski.com + * (while drinking Belgian ales and listening to jazz) + * + * CEO and founder of bxCreative, LTD + * http://bxcreative.com + */ +/****************************************************************************** + Home Page Slider +*******************************************************************************/ +#homepage-slider { + padding-left: 0; + padding-right: 0; + padding-top: 30px; + margin-bottom: 30px; + max-width: 779px; +} + +/***************************************************************************** + BXSlider Styles +********************************************************************************/ +/** RESET AND LAYOUT +===================================*/ +.bx-wrapper { + position: relative; + padding: 0; + *zoom: 1; +} +.bx-wrapper a { + display: block; +} +.bx-wrapper img { + display: block; + max-width: 100%; + height: auto; +} + +/** THEME +===================================*/ +.bx-wrapper .bx-viewport { + width: 100%; +} + +.bx-wrapper .bx-pager, +.bx-wrapper .bx-controls-auto { + position: absolute; + bottom: -30px; + width: 100%; +} + +/* LOADER */ +.bx-wrapper .bx-loading { + min-height: 50px; + background: url(images/bx_loader.gif) center center no-repeat white; + height: 100%; + width: 100%; + position: absolute; + top: 0; + left: 0; + z-index: 2000; +} + +/* PAGER */ +.bx-wrapper .bx-pager { + text-align: center; + font-size: .85em; + font-family: Arial; + font-weight: bold; + color: #666; + padding-top: 20px; +} + +.bx-wrapper .bx-pager .bx-pager-item, +.bx-wrapper .bx-controls-auto .bx-controls-auto-item { + display: inline-block; + *zoom: 1; + *display: inline; +} + +.bx-wrapper .bx-pager.bx-default-pager a { + background: #666; + text-indent: -9999px; + display: block; + width: 10px; + height: 10px; + margin: 0 5px; + outline: 0; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} + +.bx-wrapper .bx-pager.bx-default-pager a:hover, +.bx-wrapper .bx-pager.bx-default-pager a.active { + background: #000; +} + +/* DIRECTION CONTROLS (NEXT / PREV) */ +.bx-wrapper .bx-prev { + left: 10px; + background: url(images/controls.png) no-repeat 0 -32px; +} + +.bx-wrapper .bx-next { + right: 10px; + background: url(images/controls.png) no-repeat -43px -32px; +} + +.bx-wrapper .bx-prev:hover { + background-position: 0 0; +} + +.bx-wrapper .bx-next:hover { + background-position: -43px 0; +} + +.bx-wrapper .bx-controls-direction a { + position: absolute; + top: 50%; + margin-top: -16px; + outline: 0; + width: 32px; + height: 32px; + text-indent: -9999px; + z-index: 9999; +} + +.bx-wrapper .bx-controls-direction a.disabled { + display: none; +} + +/* AUTO CONTROLS (START / STOP) */ +.bx-wrapper .bx-controls-auto { + text-align: center; +} + +.bx-wrapper .bx-controls-auto .bx-start { + display: block; + text-indent: -9999px; + width: 10px; + height: 11px; + outline: 0; + background: url(images/controls.png) -86px -11px no-repeat; + margin: 0 3px; +} + +.bx-wrapper .bx-controls-auto .bx-start:hover, +.bx-wrapper .bx-controls-auto .bx-start.active { + background-position: -86px 0; +} + +.bx-wrapper .bx-controls-auto .bx-stop { + display: block; + text-indent: -9999px; + width: 9px; + height: 11px; + outline: 0; + background: url(images/controls.png) -86px -44px no-repeat; + margin: 0 3px; +} + +.bx-wrapper .bx-controls-auto .bx-stop:hover, +.bx-wrapper .bx-controls-auto .bx-stop.active { + background-position: -86px -33px; +} + +/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ +.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { + text-align: left; + width: 80%; +} + +.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { + right: 0; + width: 35px; +} + +/* IMAGE CAPTIONS */ +.bx-wrapper .bx-caption { + position: absolute; + bottom: 0; + left: 0; + background: #666\9; + background: rgba(80, 80, 80, 0.75); + width: 100%; +} + +.bx-wrapper .bx-caption span { + color: #fff; + font-family: Arial; + display: block; + font-size: .85em; + padding: 10px; +} diff --git a/themes/default-bootstrap/css/modules/homeslider/images/bx_loader.gif b/themes/default-bootstrap/css/modules/homeslider/images/bx_loader.gif new file mode 100644 index 000000000..f4ff40eda Binary files /dev/null and b/themes/default-bootstrap/css/modules/homeslider/images/bx_loader.gif differ diff --git a/themes/default-bootstrap/css/modules/homeslider/images/controls.png b/themes/default-bootstrap/css/modules/homeslider/images/controls.png new file mode 100644 index 000000000..28918dde0 Binary files /dev/null and b/themes/default-bootstrap/css/modules/homeslider/images/controls.png differ diff --git a/themes/default-bootstrap/css/modules/productcomments/img/accept.png b/themes/default-bootstrap/css/modules/productcomments/img/accept.png new file mode 100644 index 000000000..89c8129a4 Binary files /dev/null and b/themes/default-bootstrap/css/modules/productcomments/img/accept.png differ diff --git a/themes/default-bootstrap/css/modules/productcomments/img/bg_bt.gif b/themes/default-bootstrap/css/modules/productcomments/img/bg_bt.gif new file mode 100644 index 000000000..202d52afb Binary files /dev/null and b/themes/default-bootstrap/css/modules/productcomments/img/bg_bt.gif differ diff --git a/themes/default-bootstrap/css/modules/productcomments/img/bg_li.png b/themes/default-bootstrap/css/modules/productcomments/img/bg_li.png new file mode 100644 index 000000000..c970f18ef Binary files /dev/null and b/themes/default-bootstrap/css/modules/productcomments/img/bg_li.png differ diff --git a/themes/default-bootstrap/css/modules/productcomments/img/comment.png b/themes/default-bootstrap/css/modules/productcomments/img/comment.png new file mode 100644 index 000000000..7bc9233ea Binary files /dev/null and b/themes/default-bootstrap/css/modules/productcomments/img/comment.png differ diff --git a/themes/default-bootstrap/css/modules/productcomments/img/comments_delete.png b/themes/default-bootstrap/css/modules/productcomments/img/comments_delete.png new file mode 100644 index 000000000..6df7376d0 Binary files /dev/null and b/themes/default-bootstrap/css/modules/productcomments/img/comments_delete.png differ diff --git a/themes/default-bootstrap/css/modules/productcomments/img/delete.gif b/themes/default-bootstrap/css/modules/productcomments/img/delete.gif new file mode 100644 index 000000000..43c6ca876 Binary files /dev/null and b/themes/default-bootstrap/css/modules/productcomments/img/delete.gif differ diff --git a/themes/default-bootstrap/css/modules/productcomments/img/delete.png b/themes/default-bootstrap/css/modules/productcomments/img/delete.png new file mode 100644 index 000000000..08f249365 Binary files /dev/null and b/themes/default-bootstrap/css/modules/productcomments/img/delete.png differ diff --git a/themes/default-bootstrap/css/modules/productcomments/img/index.php b/themes/default-bootstrap/css/modules/productcomments/img/index.php new file mode 100644 index 000000000..3f6561f72 --- /dev/null +++ b/themes/default-bootstrap/css/modules/productcomments/img/index.php @@ -0,0 +1,35 @@ + +* @copyright 2007-2013 PrestaShop SA +* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) +* International Registered Trademark & Property of PrestaShop SA +*/ + +header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); +header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT"); + +header("Cache-Control: no-store, no-cache, must-revalidate"); +header("Cache-Control: post-check=0, pre-check=0", false); +header("Pragma: no-cache"); + +header("Location: ../"); +exit; \ No newline at end of file diff --git a/themes/default-bootstrap/css/modules/productcomments/img/note.png b/themes/default-bootstrap/css/modules/productcomments/img/note.png new file mode 100644 index 000000000..244e6ca04 Binary files /dev/null and b/themes/default-bootstrap/css/modules/productcomments/img/note.png differ diff --git a/themes/default-bootstrap/css/modules/productcomments/img/note_go.png b/themes/default-bootstrap/css/modules/productcomments/img/note_go.png new file mode 100644 index 000000000..49e54fd87 Binary files /dev/null and b/themes/default-bootstrap/css/modules/productcomments/img/note_go.png differ diff --git a/themes/default-bootstrap/css/modules/productcomments/img/star.gif b/themes/default-bootstrap/css/modules/productcomments/img/star.gif new file mode 100644 index 000000000..f7f80c2bf Binary files /dev/null and b/themes/default-bootstrap/css/modules/productcomments/img/star.gif differ diff --git a/themes/default-bootstrap/css/modules/productcomments/img/star1.gif b/themes/default-bootstrap/css/modules/productcomments/img/star1.gif new file mode 100644 index 000000000..6d647b432 Binary files /dev/null and b/themes/default-bootstrap/css/modules/productcomments/img/star1.gif differ diff --git a/themes/default-bootstrap/css/modules/productcomments/productcomments.css b/themes/default-bootstrap/css/modules/productcomments/productcomments.css new file mode 100644 index 000000000..63f104521 --- /dev/null +++ b/themes/default-bootstrap/css/modules/productcomments/productcomments.css @@ -0,0 +1,311 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +#product_comments_block_extra { + padding: 8px 10px 10px; + font-weight: bold; + line-height: 18px; + border: 1px solid #d6d4d4; + background: #fbfbfb; + margin: 39px 0 22px; +} + +.comments_advices { + padding-top: 2px; +} +.comments_advices li { + display: inline-block; + line-height: 30px; + /*min 768px max 991px*/ +} +@media (min-width: 768px) and (max-width: 991px) { + .comments_advices li { + display: block; + line-height: 20px; + } +} +.comments_advices a { + text-decoration: none; + color: #777; + position: relative; + margin-right: 8px; + line-height: 30px; + padding: 0; + display: inline-block; + /*min 768px max 991px*/ +} +@media (min-width: 768px) and (max-width: 1199px) { + .comments_advices a { + float: none; + line-height: 20px; + } +} +.comments_advices a:before { + background: #929292; + border-radius: 50px; + -moz-border-radius: 50px; + -webkit-border-radius: 50px; + color: white; + display: inline-block; + font-family: FontAwesome; + font-size: 15px; + font-weight: normal; + height: 30px; + line-height: 30px; + margin-right: 6px; + text-align: center; + width: 30px; + /*max 1199px*/ +} +@media (max-width: 1199px) { + .comments_advices a:before { + display: none; + } +} +.comments_advices a.reviews:before { + content: ""; +} +.comments_advices a.open-comment-form:before { + content: ""; +} +.comments_advices a:hover { + color: #333; +} +.comments_advices a.reviews { + border-right: 1px solid #d6d4d4; + padding-right: 30px; + margin-right: 9px; + /* min 768px max 991px*/ +} +@media (min-width: 768px) and (max-width: 991px) { + .comments_advices a.reviews { + margin-right: 0; + padding: 0; + border: none; + } +} + +#product_comments_block_extra .comments_note { + margin-bottom: 5px; +} +#product_comments_block_extra #product_comments_block_extra .comments_note span, +#product_comments_block_extra .star_content { + float: left; + color: #333; +} +#product_comments_block_extra .star_content { + margin-top: 1px; +} +#product_comments_block_extra div.star { + background: url(img/star.gif) no-repeat 0 0; +} +#product_comments_block_extra div.star_on { + background: url(img/star.gif) no-repeat 0 -13px; +} +#product_comments_block_extra .comments_advices { + clear: both; +} + +/* pop-in add grade/advice ********************************************************************* */ +#fancybox-wrap { + width: 585px; +} + +#fancybox-content { + width: 585px; + border-width: 0; +} + +.new_comment_form_content .intro_form { + padding-bottom: 10px; + font-weight: bold; + font-size: 12px; +} + +#new_comment_form { + width: 465px; + overflow: hidden; + color: #333; + text-align: left; + /*max 767px*/ +} +@media (max-width: 767px) { + #new_comment_form { + width: 275px; + } +} +#new_comment_form h2 { + margin-bottom: 10px; +} +#new_comment_form .title { + padding: 10px; + font-size: 13px; + color: #fff; + text-transform: uppercase; + background: #333333; +} +#new_comment_form ul.grade_content { + list-style-type: none; +} +#new_comment_form .grade_content li { + width: 50%; +} +#new_comment_form .product { + padding: 15px; +} +#new_comment_form .product img { + border: 1px solid #d6d4d4; +} +#new_comment_form .product .product_desc { + line-height: 18px; + color: #666666; +} +#new_comment_form .product .product_desc .product_name { + padding: 10px 0 5px; + font-size: 13px; + color: black; +} +#new_comment_form .grade_content { + margin: 0 0 20px 0; +} +#new_comment_form .grade_content span, +#new_comment_form .grade_content span { + display: inline-block; + padding: 0 10px; + width: 150px; + /* 160 */ + font-weight: bold; +} +#new_comment_form .grade_content .cancel { + margin-right: 5px; +} +#new_comment_form .new_comment_form_content { + padding: 15px; + background: #f8f8f8; +} +#new_comment_form label { + display: block; + margin: 12px 0 4px 0; + font-weight: bold; + font-size: 12px; +} +#new_comment_form input, +#new_comment_form textarea { + padding: 0 5px; + height: 28px; + width: 100%; + border: 1px solid #ccc; + background: #fff; +} +#new_comment_form textarea { + height: 80px; +} +#new_comment_form .submit { + margin-top: 20px; + padding: 0; + font-size: 13px; + text-align: right; +} +#new_comment_form #criterions_list { + border-bottom: 1px solid #CCC; + padding-bottom: 15px; + list-style-type: none; +} +#new_comment_form #criterions_list li { + margin-bottom: 10px; +} +#new_comment_form #criterions_list label { + display: inline; + float: left; + margin: 0 10px 0 0; +} +#new_comment_form #criterions_list .star_content { + float: left; +} +#new_comment_form #new_comment_form_footer { + margin-top: 20px; + font-size: 12px; +} + +/* TAB COMMENTS ******************************************************************************** */ +#product_comments_block_tab { + margin: 0 0 20px 0; +} +#product_comments_block_tab div.comment { + margin: 0 0 14px; + padding-top: 14px; + border-top: 1px solid #d6d4d4; +} +#product_comments_block_tab div.comment:first-child { + padding: 0; + border: none; +} +#product_comments_block_tab div.comment div.comment_author { + padding: 0 20px; + line-height: 18px; +} +#product_comments_block_tab div.comment div.comment_author span { + font-weight: bold; +} +#product_comments_block_tab div.comment div.comment_author span, +#product_comments_block_tab div.comment .star_content { + float: left; +} +#product_comments_block_tab div.comment .star_content { + margin: 0 0 0 5px; +} +#product_comments_block_tab div.star, +#product_comments_block_tab div.star_on { + background: url(img/star.gif) no-repeat 0 0 transparent; +} +#product_comments_block_tab div.star_on { + background-position: 0 -13px; +} +#product_comments_block_tab .comment_author_infos { + clear: both; + padding-top: 9px; +} +#product_comments_block_tab .comment_author_infos strong { + display: block; + color: #333; +} +#product_comments_block_tab .comment_author_infos em { + color: #adadad; +} +#product_comments_block_tab div.comment div.comment_details { + overflow: hidden; + border-left: 1px solid #d6d4d4; + /*max 767px */ +} +@media (max-width: 991px) { + #product_comments_block_tab div.comment div.comment_details { + border-left: none; + } +} +#product_comments_block_tab div.comment_details ul { + list-style-type: none; + margin: 0; +} +#product_comments_block_tab div.comment_details li { + padding: 2px 0 2px 12px; + background: url(img/bg_li.png) no-repeat 1px 45% white; +} +#product_comments_block_tab div.comment_details .title_block { + text-transform: capitalize; +} +#product_comments_block_tab a { + text-decoration: none; + font-weight: bold; +} +#product_comments_block_tab span.report_btn { + cursor: pointer; +} +#product_comments_block_tab span.report_btn:hover { + text-decoration: underline; +} + +.fl { + float: left; +} + +.fr { + float: right; +} diff --git a/themes/default-bootstrap/css/modules/productscategory/productscategory.css b/themes/default-bootstrap/css/modules/productscategory/productscategory.css new file mode 100644 index 000000000..20b48ca69 --- /dev/null +++ b/themes/default-bootstrap/css/modules/productscategory/productscategory.css @@ -0,0 +1,50 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +h2.productscategory_h2 { + margin: 40px 0 20px 0; + padding: 10px 0; + border-bottom: 1px solid #ccc; + font-size: 18px; + color: #333333; +} + +#productscategory { + overflow: auto; + margin-left: -10px; +} + +#productscategory_list { + overflow: hidden; +} +#productscategory_list ul { + list-style-type: none; + overflow: hidden; +} +#productscategory_list li a.lnk_img { + display: block; +} + +#productscategory_noscroll { + height: 220px; + width: 100%; + margin-bottom: 30px; +} + +#productscategory_scroll_left, #productscategory_scroll_right { + background: url("img/thumbs_left.gif") no-repeat center; + text-indent: -3000px; + display: block; + width: 9px; + height: 18px; + float: left; + margin-top: 30px; +} + +#productscategory_scroll_right { + background-image: url("img/thumbs_right.gif"); +} + +@media screen and (-webkit-min-device-pixel-ratio: 0) { + #productscategory_list li { + margin: 0 7px; + } +} diff --git a/themes/default-bootstrap/css/modules/stripejs/stripe-prestashop.css b/themes/default-bootstrap/css/modules/stripejs/stripe-prestashop.css new file mode 100644 index 000000000..0a6dbd629 --- /dev/null +++ b/themes/default-bootstrap/css/modules/stripejs/stripe-prestashop.css @@ -0,0 +1,138 @@ +#stripe-payment-form { + line-height: 20px; + padding-bottom: 7px; +} +#stripe-payment-form .form-group { + margin-bottom: 5px; +} +#stripe-payment-form .form-group input.stripe-card-number { + width: 263px; +} +#stripe-payment-form .block-left { + float: left; + width: 188px; +} +#stripe-payment-form .block-left .form-control { + width: 72px; + float: left; + margin-right: 10px; +} +#stripe-payment-form .block-left a { + margin-top: 5px; +} +#stripe-payment-form img.cc-icon { + float: left; + margin-right: 10px; +} +#stripe-payment-form .stripe-card-cvc-info { + display: inline-block; + position: relative; + font-style: italic; + text-decoration: underline; +} +#stripe-payment-form .stripe-card-cvc-info:hover { + text-decoration: none; +} +#stripe-payment-form .stripe-card-expiry-year.form-control, #stripe-payment-form .stripe-card-expiry-month.form-control { + float: left; +} +#stripe-payment-form .stripe-card-expiry-year.form-control { + width: 68px; +} +#stripe-payment-form .stripe-card-expiry-month.form-control { + width: 115px; + margin-right: 10px; +} +#stripe-payment-form .stripe-line { + margin-bottom: 11px; +} +#stripe-payment-form .ckeckbox { + margin-bottom: 11px; +} +#stripe-payment-form .ckeckbox label { + font-weight: normal; +} + +a.stripe-card-cvc-info div.cvc-info { + background-color: #BDE5F8; + border: #00529B solid 1px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + color: #00529B!important; + display: none; + font-style: normal; + padding: 8px; + position: absolute; + right: -320px; + top: -10px; + text-decoration: none; + width: 300px; +} + +a.stripe-card-cvc-info:hover div.cvc-info { + display: block; +} + +div.cvc-info:hover { + cursor: default; +} + +img.disable { + opacity: 0.3; +} + +img.enable { + opacity: 1; +} + +#stripe-payment-form-cc .stripe-submit-button-cc { + margin-left: 5px; +} + +#stripe-payment-form-cc a { + display: inline; + font-size: 11px; + text-decoration: underline; +} + +div.stripe-payment-errors { + margin: 0 0 10px 0; + padding: 10px; + border: 1px solid #900; + font-size: 13px; + background: #FCC; + display: none; +} + +div.stripe-card-deleted { + margin: 0 0 10px 0; + padding: 10px; + border: 1px solid #ade27d; + font-size: 13px; + background: #d3ffab; + display: none; + text-transform: none; +} + +#stripe-translations, #stripe-ajax-loader { + display: none; +} + +#stripe_save_token { + vertical-align: top; +} + +a#stripe_error { + display: none; +} + +#stripe-payment-form input, #stripe-payment-form select { + margin-left: 0; +} + +#stripe-replace-card, #stripe-delete-card { + border: none; + padding: 0; + cursor: pointer; +} diff --git a/themes/default-bootstrap/css/my-account.css b/themes/default-bootstrap/css/my-account.css new file mode 100644 index 000000000..e1052c3c7 --- /dev/null +++ b/themes/default-bootstrap/css/my-account.css @@ -0,0 +1,70 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +#my-account .addresses-lists { + margin-bottom: 30px; +} +#my-account ul.myaccount-link-list li { + overflow: hidden; + padding-bottom: 10px; +} +#my-account ul.myaccount-link-list li a { + display: block; + overflow: hidden; + font: 600 16px/20px "Open Sans", sans-serif; + color: #555454; + text-shadow: 0px 1px white; + text-transform: uppercase; + text-decoration: none; + position: relative; + background: #f7f7f7; + background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed)); + background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 ); + border: 1px solid; + border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; +} +#my-account ul.myaccount-link-list li a i { + font-size: 25px; + color: #fd7e01; + position: absolute; + left: 0; + top: 0; + width: 52px; + height: 100%; + padding: 10px 0 0 0; + text-align: center; + border: 1px solid #fff; + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; +} +#my-account ul.myaccount-link-list li a span { + display: block; + padding: 13px 15px 15px 17px; + overflow: hidden; + border: 1px solid; + border-color: #fff #fff #fff #c8c8c8; + -moz-border-radius-topright: 5px; + -webkit-border-top-right-radius: 5px; + border-top-right-radius: 5px; + -moz-border-radius-bottomright: 5px; + -webkit-border-bottom-right-radius: 5px; + border-bottom-right-radius: 5px; + margin-left: 52px; +} +#my-account ul.myaccount-link-list li a:hover { + filter: none; + background: #e7e7e7; + border-color: #9e9e9e #c2c2c2 #c8c8c8 #c2c2c2; +} diff --git a/themes/default-bootstrap/css/order-opc.css b/themes/default-bootstrap/css/order-opc.css new file mode 100644 index 000000000..b49b62700 --- /dev/null +++ b/themes/default-bootstrap/css/order-opc.css @@ -0,0 +1,80 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/******************************************************** + One-Page Checkout Styles +********************************************************/ +#order-opc { + line-height: 20px; +} +#order-opc .box { + padding-bottom: 20px; +} +#order-opc .cart_navigation { + margin-bottom: 53px; +} +#order-opc .page-heading.step-num { + position: relative; + padding-left: 45px; +} +#order-opc .page-heading.step-num span { + font-weight: bold; + font-size: 42px; + line-height: 51px; + font-style: italic; + color: #333; + position: absolute; + left: 10px; + top: -14px; +} +#order-opc .form-group { + margin-bottom: 2px; +} +#order-opc .form-group .form-control { + width: 271px; +} +#order-opc .lost_password { + display: inline-block; + text-decoration: underline; + margin: 5px 0 14px; +} +#order-opc .lost_password:hover { + text-decoration: none; +} +#order-opc .title_block { + font-weight: bold; + color: #333; + padding: 3px 0 6px; +} +#order-opc .opc-button { + padding: 11px 0 0 0; +} +#order-opc ul.bullet { + line-height: 22px; + margin-bottom: 5px; +} +#order-opc .date-select { + padding-bottom: 10px; +} +#order-opc .opc-add-save { + border-top: 1px solid #d6d4d4; + margin-top: 20px; + padding-top: 20px; +} +#order-opc #message { + margin-bottom: 35px; +} +#order-opc #opc_payment_methods { + margin-bottom: 30px; +} +#order-opc #opc_account { + margin-bottom: 30px; +} +#order-opc .address_delivery.select { + margin-bottom: 15px; +} +#order-opc #address_invoice_form.form-group { + margin-bottom: 30px; +} + +#new_account_form .id_state, #new_account_form .dni, #new_account_form .postcode { + display: none; +} diff --git a/themes/default-bootstrap/css/product.css b/themes/default-bootstrap/css/product.css new file mode 100644 index 000000000..c474ad0b7 --- /dev/null +++ b/themes/default-bootstrap/css/product.css @@ -0,0 +1,1042 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/* product desc */ +/* primary_block ***************************************************************************** */ +#primary_block { + margin-bottom: 40px; +} + +.top-hr { + height: 5px; + background: #c4c4c4; + margin: 2px 0 31px; +} + +.product-image { + border: 1px solid #d6d4d4; + background: white; + padding: 5px; + display: block; + margin-bottom: 14px; +} +.product-image img { + max-width: 100%; + width: 100%; + height: auto; +} + +.product-heading-h5 { + color: #333; + font-weight: bold; + margin: 3px 0 8px; +} + +.box-security .product-heading-h5 { + margin: 3px 0 -8px; + /*max 1199px*/ +} +@media (max-width: 1199px) { + .box-security .product-heading-h5 { + margin-bottom: 8px; + } +} + +.name-product { + margin-bottom: 5px; +} +.name-product a { + font-size: 15px; + line-height: 18px; + color: #3a3939; +} +.name-product a:hover { + color: #999999; +} + +.product-box { + width: 178px; + margin: 0 10px; + float: left; +} + +h3.page-product-heading { + color: #555454; + text-transform: uppercase; + font-family: "Open Sans", sans-serif; + font-weight: 600; + font-size: 18px; + line-height: 20px; + padding: 14px 20px 17px; + margin: 0 0 20px; + position: relative; + border: 1px solid #d6d4d4; + border-bottom: none; + background: #fbfbfb; +} + +.page-product-box { + padding-bottom: 10px; +} + +img { + max-width: 100%; + height: auto; +} + +/* pb-right-column ***************************************************************************** */ +#pb-right-column #image-block { + position: relative; + padding: 5px; + border: 1px solid #dbdbdb; + background: #fff; + /*max 767px*/ +} +@media (max-width: 767px) { + #pb-right-column #image-block { + width: 280px; + margin: 0 auto; + } +} +#pb-right-column #image-block img { + background: #fbfbfb; + width: 100%; +} +#pb-right-column #image-block #view_full_size { + display: block; + cursor: pointer; +} +#pb-right-column #image-block #view_full_size .span_link { + position: absolute; + bottom: 20px; + left: 50%; + margin-left: -68px; + display: block; + padding: 10px 0; + text-align: center; + line-height: 22px; + color: #777676; + width: 136px; + text-align: center; + font-weight: bold; + background: rgba(255, 255, 255, 0); + -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0); + -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0); + box-shadow: 0 2px 8px rgba(0, 0, 0, 0); +} +#pb-right-column #image-block #view_full_size .span_link:after { + font-family: FontAwesome; + color: #c0c0c0; + font-size: 20px; + line-height: 22px; + content: ""; + font-weight: normal; + margin: 0 0 0 4px; +} +#pb-right-column #image-block #view_full_size .span_link:hover:after { + color: #333; +} + +/* miniatures */ +#pb-right-column #views_block { + margin-top: 10px; +} + +@media (max-width: 767px) { + #views_block { + width: 280px; + margin: 0 auto; + } +} +#thumbs_list { + overflow: hidden; + float: left; + width: 392px; + /*min 992px max 1199px*/ + /* min 768px max 991px*/ + /*max 767px*/ +} +@media (min-width: 992px) and (max-width: 1199px) { + #thumbs_list { + width: 290px; + } +} +@media (min-width: 768px) and (max-width: 991px) { + #thumbs_list { + width: 164px; + } +} +@media (max-width: 767px) { + #thumbs_list { + width: 194px; + } +} +#thumbs_list ul#thumbs_list_frame { + list-style-type: none; + padding-left: 0; + overflow: hidden; + height: 100px; +} +#thumbs_list li { + float: left; + height: 90px; + width: 90px; + cursor: pointer; + border: 1px solid #dbdbdb; + margin-right: 9px; + line-height: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + /*min 768px max 991px*/ +} +@media (min-width: 768px) and (max-width: 991px) { + #thumbs_list li { + width: 76px; + height: 76px; + } +} +#thumbs_list li:first-child { + margin-left: 0; + margin-right: 9px; +} +#thumbs_list li.last { + margin-right: 0; +} +#thumbs_list li a { + display: block; + border: 3px solid #fff; + -webkit-transition: all 0s ease; + -moz-transition: all 0s ease; + -o-transition: all 0s ease; + transition: all 0.3s ease; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + background: #fbfbfb; +} +#thumbs_list li a:hover, #thumbs_list li a.shown { + border-color: #dbdbdb; +} +#thumbs_list li img { + border: 2px solid #fff; + width: 82px; + height: 82px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + /*min 768px max 991px*/ +} +@media (min-width: 768px) and (max-width: 991px) { + #thumbs_list li img { + width: 68px; + height: 68px; + } +} + +span.view_scroll_spacer { + float: left; + width: 39px; + padding-left: 12px; + /*min 768px max 991px*/ +} +@media (min-width: 768px) and (max-width: 991px) { + span.view_scroll_spacer { + padding-left: 6px; + width: 28px; + } +} + +#view_scroll_left, +#view_scroll_right { + margin-top: 38px; + height: 20px; + width: 20px; + line-height: 0; + font-size: 0; + overflow: hidden; + /*min 768px max 991px*/ +} +@media (min-width: 768px) and (max-width: 991px) { + #view_scroll_left, + #view_scroll_right { + margin-top: 28px; + } +} +#view_scroll_left:before, +#view_scroll_right:before { + padding-left: 2px; + color: #c0c0c0; + font-family: FontAwesome; + font-size: 20px; + line-height: 22px; +} +#view_scroll_left:hover:before, +#view_scroll_right:hover:before { + color: #333; +} + +#view_scroll_right { + float: left; +} +#view_scroll_right:before { + content: ""; +} + +#view_scroll_left:before { + content: ""; + padding-right: 2px; +} + +.resetimg { + padding: 10px 0 0; +} + +/* link list */ +#usefull_link_block { + list-style-type: none; +} +#usefull_link_block li { + float: left; + /*min 768px max 991px*/ +} +@media (min-width: 768px) and (max-width: 991px) { + #usefull_link_block li { + float: none !important; + } +} +#usefull_link_block li a { + color: #777676; + font-weight: bold; + position: relative; + padding-left: 30px; + line-height: 22px; + display: inline-block; +} +#usefull_link_block li a:before { + font-family: FontAwesome; + color: #333; + font-size: 19px; + line-height: 24px; + position: absolute; + top: -2px; + left: 0; + font-weight: normal; +} +#usefull_link_block li a:hover { + color: #000; +} +#usefull_link_block li.print { + border-left: 1px solid #d6d4d4; + padding-left: 20px; + margin-left: 20px; + /*min 768px max 991px*/ +} +@media (min-width: 768px) and (max-width: 991px) { + #usefull_link_block li.print { + margin: 8px 0 0; + padding: 0; + border: none; + } +} +#usefull_link_block li.print a:before { + content: ""; +} +#usefull_link_block li.sendtofriend a:before { + content: ""; +} + +/* pb-left-column ****************************************************************************** */ +#pb-left-column { + margin-bottom: 30px; +} + +#product p#loyalty { + padding: 17px 0 15px 35px; + border-top: 1px solid #d6d4d4; + border-bottom: 1px solid #d6d4d4; + margin: 10px 0 -5px; + position: relative; +} +#product p#loyalty b { + color: #333; +} +#product p#loyalty:before { + content: ""; + font-family: FontAwesome; + color: #cfcccc; + font-size: 26px; + line-height: 28px; + position: absolute; + top: 16px; + left: 0; +} + +#pb-left-column h1 { + padding-bottom: 16px; + font-size: 20px; + color: #3a3939; +} + +#pb-left-column #product_reference { + margin-bottom: 6px; +} +#pb-left-column #product_reference span { + font-weight: bold; + color: #333; +} + +#pb-left-column #short_description_block { + color: #666; +} + +#pb-left-column #short_description_block .buttons_bottom_block { + display: none; +} + +#short_description_content p { + line-height: 18px; +} + +#page .rte { + padding: 0 20px 20px; +} + +#page .rte p { + margin-bottom: 0; +} + +/* form */ +#pb-left-column #buy_block { + margin-top: 10px; +} + +/* buy_block */ +#pb-left-column p { + margin-bottom: 10px; +} + +#pb-left-column #buy_block label { + display: inline-block; + width: 125px; + font-weight: 700; + font-size: 12px; + text-align: right; +} + +.ie7 #pb-left-column #buy_block label { + margin-right: 5px; + float: left; +} + +#short_description_block #short_description_content { + padding: 0 0 15px; +} + +/* color_picker */ +#pb-left-column #color_picker p { + padding-bottom: 5px; + font-weight: 700; +} + +#attributes fieldset { + padding-bottom: 3px; +} + +#attributes fieldset label { + vertical-align: top; + display: block; +} + +#attributes .attribute_list { + display: inline-block; +} + +.ie7 #attributes .attribute_list { + display: inline; + zoom: 1; + float: right; +} + +#attributes .attribute_list ul { + list-style: none; + clear: both; +} + +#attributes .attribute_list ul li { + float: left; + margin-right: 10px; +} + +#attributes .attribute_list input.attribute_radio { + float: left; + margin-left: 3px; +} + +#attributes .attribute_list div.radio, +#attributes .attribute_list div.radio span, +#attributes .attribute_list div.radio input { + float: none; + display: inline-block; +} + +.ie7 #attributes .attribute_list span { + margin-top: 1px; +} + +#attributes .attribute_list #color_to_pick_list { + list-style-type: none; +} + +#attributes .attribute_list #color_to_pick_list li { + float: left; + margin: 0 3px 3px 0; + padding: 1px; + border: 1px solid #d6d4d4; + clear: none; +} + +#attributes .attribute_list #color_to_pick_list li.selected { + border: 1px solid #4d4d4d; +} + +#attributes .attribute_list #color_to_pick_list a.color_pick { + display: block; + height: 22px; + width: 22px; +} + +.product_attributes, +.box-cart-bottom { + -webkit-box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0); + -moz-box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0); + box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0); + padding: 19px 19px 17px; +} + +.box-cart-bottom { + padding: 18px 19px 12px; +} + +.box-info-product #add_to_cart { + padding: 0; + border-top: 1px solid #0079b6; + border-right: 1px solid #006fa8; + border-left: 1px solid #006fa8; + border-bottom: 1px solid #012740; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + position: relative; + display: inline-block; +} +.box-info-product #add_to_cart:before { + font-family: FontAwesome; + position: absolute; + top: 0; + left: 0; + bottom: 0; + color: #fff; + font-size: 25px; + line-height: 47px; + text-shadow: 0 1px #015883; + content: ""; + z-index: 10; + width: 51px; + text-align: center; + border-top: 1px solid #06b2e6; + border-right: 1px solid #06b2e6; + border-left: 1px solid #06b2e6; + border-bottom: 1px solid #06b2e6; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #009ad0), color-stop(100%, #007ab7)); + background-image: -webkit-linear-gradient(#009ad0, #007ab7); + background-image: -moz-linear-gradient(#009ad0, #007ab7); + background-image: -o-linear-gradient(#009ad0, #007ab7); + background-image: linear-gradient(#009ad0, #007ab7); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 ); + -webkit-border-radius: 5px 0 0 5px; + -moz-border-radius: 5px 0 0 5px; + -ms-border-radius: 5px 0 0 5px; + -o-border-radius: 5px 0 0 5px; + border-radius: 5px 0 0 5px; + /*max 991px*/ +} +@media (max-width: 991px) { + .box-info-product #add_to_cart:before { + display: none; + } +} +.box-info-product #add_to_cart:after { + background: url(../img/border-1.gif) repeat-y 0 0; + position: absolute; + top: 0; + bottom: 0; + left: 51px; + content: ""; + width: 1px; + z-index: 10; + /* max 991px*/ +} +@media (max-width: 991px) { + .box-info-product #add_to_cart:after { + display: none; + } +} + +.box-info-product .exclusive { + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #009ad0), color-stop(100%, #007ab7)); + background-image: -webkit-linear-gradient(#009ad0, #007ab7); + background-image: -moz-linear-gradient(#009ad0, #007ab7); + background-image: -o-linear-gradient(#009ad0, #007ab7); + background-image: linear-gradient(#009ad0, #007ab7); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 ); + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + font-weight: bold; + font-size: 20px; + line-height: 22px; + border-top: 1px solid #06b2e6; + border-right: 1px solid #06b2e6; + border-left: 1px solid #06b2e6; + border-bottom: 1px solid #06b2e6; + text-shadow: 0 1px #015883; + padding: 12px 36px 14px 82px; + text-align: right; + color: #fff; + display: block !important; + /* max 1199px*/ + /*max 991px*/ +} +@media (max-width: 1199px) { + .box-info-product .exclusive { + padding: 12px 22px 14px 70px; + font-size: 14px; + } +} +@media (max-width: 991px) { + .box-info-product .exclusive { + padding: 8px 12px 10px; + text-align: left; + } +} +.box-info-product .exclusive:hover { + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #007ab7), color-stop(100%, #009ad0)); + background-image: -webkit-linear-gradient(#007ab7, #009ad0); + background-image: -moz-linear-gradient(#007ab7, #009ad0); + background-image: -o-linear-gradient(#007ab7, #009ad0); + background-image: linear-gradient(#007ab7, #009ad0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007ab7', endColorstr='#009ad0',GradientType=0 ); + background-position: 0 0; +} + +/* table_data_sheet */ +.table-data-sheet { + border-bottom: 1px solid #d6d4d4; + width: 100%; + margin: 0 0 20px; + background: #fff; +} +.table-data-sheet tr { + border-top: 1px solid #d6d4d4; +} +.table-data-sheet tr.even { + background: #fdfdfd; +} +.table-data-sheet tr td:first-child { + border-right: 1px solid #d6d4d4; + width: 30%; + font-weight: bold; + color: #333; +} +.table-data-sheet tr td { + padding: 10px 20px 11px; +} + +/* table produst-discounts */ +table.table-produst-discounts { + border: none; + border-bottom: 1px solid #d6d4d4; + border-right: 1px solid #d6d4d4; + width: 50%; + margin: 0 0 20px; + background: #fff; +} +table.table-produst-discounts tr th { + background: #fbfbfb; + color: #333; + font-weight: bold; + border: none; + font-weight: bold; +} +table.table-produst-discounts tr td, +table.table-produst-discounts tr th { + border-left: 1px solid #d6d4d4; + width: 33%; + padding: 10px 20px 11px; + border-top: 1px solid #d6d4d4; + border-right: none; + text-shadow: none; + text-transform: none; + font-weight: 13px; + line-height: 18px; + border-bottom: none; +} + +/* accessories */ +.accessories-block .block_description { + display: none; +} +.accessories-block .exclusive span { + font-size: 13px; + line-height: 18px; + padding: 2px 8px 3px; + text-decoration: none; +} +.accessories-block .exclusive span:focus, .accessories-block .exclusive span:active { + text-decoration: none; +} + +/* attributes */ +.box-info-product { + background: #f6f6f6; + border: 1px solid #d2d0d0; + border-top: 1px solid #b0afaf; + border-bottom: 1px solid #b0afaf; +} +.box-info-product p { + margin-bottom: 7px; +} + +/* quantity_wanted */ +#quantity_wanted_p input { + width: 78px; + height: 27px; + padding: 0 6px; + border: 1px solid #d6d4d4; + /*min 768px max 991px*/ +} +@media (min-width: 768px) and (max-width: 991px) { + #quantity_wanted_p input { + width: 100%; + margin-bottom: 4px; + } +} +#quantity_wanted_p button { + margin-top: -2px; +} +#quantity_wanted_p label { + display: block; + margin-bottom: 7px; +} + +/* availability_statut */ +#availability_statut span#availability_label, +#availability_date_label { + display: inline-block; + width: 125px; + font-weight: 700; + font-size: 12px; + text-align: right; +} + +#quantityAvailable { + color: #333333; + font-size: 13px; + line-height: 18px; + font-weight: bold; +} + +#quantityAvailableTxt, +#availability_value, +#last_quantities { + color: #fff; + font-weight: bold; + line-height: 18px; + display: inline-block; + padding: 3px 8px 4px; + background: #46a74e; + border: 1px solid #36943e; + margin-left: 5px; +} + +#last_quantities { + background: #ff7430; + border: 1px solid #ea5e1a; + padding: 4px 8px 3px; +} + +#availability_statut, +#pQuantityAvailable { + display: inline-block; +} + +#pQuantityAvailable span { + font-weight: bold; + color: #333; +} + +#availability_statut #availability_value.warning_inline { + background-color: #fe9126; + border-color: #e4752b; + text-shadow: 1px 1px #e68322; + margin: 0; +} + +/* box-security */ +.box-security { + border-top: 1px solid #dfdede; + padding: 19px 19px 6px; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fbfbfb)); + background-image: -webkit-linear-gradient(#ffffff, #fbfbfb); + background-image: -moz-linear-gradient(#ffffff, #fbfbfb); + background-image: -o-linear-gradient(#ffffff, #fbfbfb); + background-image: linear-gradient(#ffffff, #fbfbfb); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fbfbfb',GradientType=0 ); +} + +/* prices */ +.content_prices { + padding: 13px 19px; +} + +#buy_block p.price { + padding: 0; +} + +.discount { + display: none; +} + +#buy_block p#old_price { + padding-bottom: 15px; + font-size: 14px; + text-decoration: line-through; +} + +#old_price { + display: inline-block; + font-family: "Open Sans", sans-serif; + font-size: 17px; + line-height: 23px; + text-decoration: line-through; +} + +.our_price_display { + font-weight: 600; + font-size: 29px; + line-height: 32px; + font-family: "Open Sans", sans-serif; + color: #333; + /*max 991px*/ +} +@media (max-width: 991px) { + .our_price_display { + font-size: 26px; + line-height: 28px; + } +} + +#reduction_percent, +#reduction_amount { + display: inline-block; + margin-right: 10px; + padding: 1px 2px; + font-weight: 600; + font-family: "Open Sans", sans-serif; + font-size: 21px; + line-height: 23px; + color: #fff; + background: #f13340; + border: 1px solid #d02a2c; +} + +#reduction_percent span, #reduction_amount span { + display: block; +} + +/* online_only */ +#pb-left-column p.online_only { + font-weight: bold; + font-size: 13px; + color: #f13340; + text-align: left; +} + +/* add_to_cart */ +.content_prices #add_to_cart { + position: relative; + float: right; + padding: 0; +} + +.content_prices #add_to_cart .exclusive, .content_prices #add_to_cart .exclusive_disabled { + height: 26px; + padding: 5px 7px 5px 15px; +} + +@media screen and (-webkit-min-device-pixel-ratio: 0) { + /*hack Chrome and Safari */ + .content_prices #add_to_cart .exclusive, .content_prices #add_to_cart .exclusive_disabled { + padding: 6px 7px 4px 15px; + } +} +.ie9 .content_prices #add_to_cart .exclusive, .ie9 .content_prices #add_to_cart .exclusive_disabled, +.ie8 .content_prices #add_to_cart .exclusive, .ie8 .content_prices #add_to_cart .exclusive_disabled, +.ie7 .content_prices #add_to_cart .exclusive, .ie7 .content_prices #add_to_cart .exclusive_disabled { + padding: 8px 7px 4px 15px; + line-height: 12px; +} + +:first-child + html .content_prices #add_to_cart .exclusive { + padding: 4px 3px 4px 11px; +} + +.content_prices #add_to_cart span { + z-index: 10; + display: block; + position: absolute; + top: 0; + left: -12px; + height: 26px; + width: 26px; + background: url(../img/icon/pict_add_cart.png) no-repeat 0 0 transparent; +} + +/* */ +.buttons_bottom_block { + clear: both; + padding-top: 13px; +} + +.buttons_bottom_block #wishlist_button { + font-weight: 700; +} + +/* SEND TO FRIEND (pop-in) ##################################################################### */ +#send_friend_form { + width: 555px; + overflow: hidden; + /*max 767px*/ +} +@media (max-width: 767px) { + #send_friend_form { + width: 280px; + } +} + +#send_friend_form .product img { + margin: 0 0 10px 0; + border: 1px solid #ccc; +} + +#send_friend_form .product .product_desc p { + padding: 0; + color: #333; +} + +#send_friend_form .product .product_desc p.product_name { + font-size: 12px; + color: #000; +} + +#send_friend_form .form_container { + padding: 10px 15px; + border: 1px solid #ccc; + background: #eee; +} + +#send_friend_form .form_container p.intro_form { + padding-bottom: 6px; + font-weight: 700; + font-size: 13px; + color: #333; +} + +#send_friend_form .form_container p.txt_required { + padding-bottom: 0; + color: #666; +} + +#send_friend_form .form_container .text { + padding-bottom: 10px; +} + +#send_friend_form .form_container .text label { + display: block; + padding: 0; + width: 100%; + font-size: 12px; +} + +#send_friend_form .form_container .text input { + padding: 0 5px; + height: 22px; + width: 100%; + border: 1px solid #ccc; + font-size: 12px; + color: #666; +} + +#send_friend_form .submit { + margin-top: 20px; + padding-bottom: 0; + text-align: right; +} + +/* PACK ##################################################################### */ +#blockpack { + margin-top: 20px; + padding-top: 20px; + border-top: 1px dotted #999; +} + +/* PERSONNALISATION ##################################################################### */ +.customization_block p.infoCustomizable { + margin: 10px 0 20px; + padding: 0 0 0 20px; + background: url(../img/icon/infos.gif) no-repeat 0 0 transparent; +} + +ul#uploadable_files, ul#text_fields { + list-style-type: none; +} + +.customizableProductsFile, .customizableProductsText { + margin-bottom: 20px; + padding-bottom: 10px; + border-bottom: 1px dotted #ccc; +} + +.customizationUploadLine { + padding-bottom: 10px; +} + +.customizationUploadBrowse img + a { + position: relative; + top: -51px; +} + +.customizationUploadLine label { + display: block; + vertical-align: top; +} + +.customizationUploadLine textarea { + width: 50%; + border: 1px solid #d6d4d4; +} + +#customizedDatas { + float: right; +} + +.accessories_block div ul li a { + display: inline-block; +} + +.accessories_block div ul li .s_title_block a, .accessories_block div ul li .s_title_block span { + font-weight: bold; +} diff --git a/themes/default-bootstrap/css/product_list.css b/themes/default-bootstrap/css/product_list.css new file mode 100644 index 000000000..4ba56dd55 --- /dev/null +++ b/themes/default-bootstrap/css/product_list.css @@ -0,0 +1,263 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/******************************************************* + Product list Styles +********************************************************/ +ul.product_list .availability span { + display: inline-block; + color: #fff; + font-weight: bold; + padding: 3px 8px 4px 8px; + margin-bottom: 20px; +} +ul.product_list .availability span.available-now { + background: #46a74e; + border: 1px solid #36943e; +} +ul.product_list .availability span.out-of-stock { + background: #ff7430; + border: 1px solid #ea5e1a; +} +ul.product_list .color-list-container { + margin-bottom: 12px; +} +ul.product_list .color-list-container ul li { + display: inline-block; + border: 1px solid #d6d4d4; +} +ul.product_list .color-list-container ul li a { + display: block; + width: 23px; + height: 23px; + margin: 1px; +} + +/******************************************************* + Product list(Grid) Styles +********************************************************/ +ul.product_list.grid > li { + margin-bottom: 20px; + text-align: center; +} +ul.product_list.grid > li .product-container { + background: #fff; + padding: 0; + position: relative; +} +ul.product_list.grid > li .product-container .product-image-container { + border: 1px solid #d6d4d4; + padding: 9px; + margin-bottom: 13px; + position: relative; +} +ul.product_list.grid > li .product-container .product-image-container .content_price { + position: absolute; + left: 0; + bottom: -1px; + width: 100%; + background: url(../img/price-container-bg.png); + padding: 9px 0; + display: none; +} +ul.product_list.grid > li .product-container .product-image-container .content_price span { + color: #fff; +} +ul.product_list.grid > li .product-container h5 { + padding: 0 15px 7px 15px; + min-height: 53px; +} +ul.product_list.grid > li .product-container .product-desc { + display: none; +} +ul.product_list.grid > li .product-container .content_price { + padding-bottom: 9px; + line-height: 21px; +} +ul.product_list.grid > li .product-container .old-price, ul.product_list.grid > li .product-container .price, ul.product_list.grid > li .product-container .price-percent-reduction { + display: inline-block; +} +ul.product_list.grid > li .product-container .product-flags { + display: none; +} +ul.product_list.grid > li .product-container .old-price { + margin-right: 5px; +} +ul.product_list.grid > li .product-container .button-container { + display: none; + margin-bottom: 14px; +} +ul.product_list.grid > li .product-container .button-container .ajax_add_to_cart_button, ul.product_list.grid > li .product-container .button-container span.button { + margin-right: 6px; +} +ul.product_list.grid > li .product-container .functional-buttons { + display: none; + background: url(../img/functional-bt-shadow.png) repeat-x; + padding: 11px 0 5px; +} +ul.product_list.grid > li .product-container .functional-buttons div { + width: 50%; + float: left; + padding: 3px 0 4px 0; +} +ul.product_list.grid > li .product-container .functional-buttons div a, ul.product_list.grid > li .product-container .functional-buttons div label { + font-weight: bold; + color: #777676; + cursor: pointer; +} +ul.product_list.grid > li .product-container .functional-buttons div a:hover, ul.product_list.grid > li .product-container .functional-buttons div label:hover { + color: #000; +} +ul.product_list.grid > li .product-container .functional-buttons div.wishlist { + border-right: 1px solid #d6d4d4; +} +ul.product_list.grid > li .product-container .functional-buttons div.compare:before { + content: ""; + display: inline-block; + font-family: 'FontAwesome'; +} +ul.product_list.grid > li .product-container .functional-buttons div.compare.compare.checked:before { + content: ""; +} +ul.product_list.grid > li .product-container:hover { + -webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px; + -moz-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px; + box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px; + margin-bottom: -48px; + position: relative; + z-index: 2; +} +ul.product_list.grid > li .product-container:hover .content_price { + display: none; +} +ul.product_list.grid > li .product-container:hover .product-image-container .content_price { + display: block; +} +ul.product_list.grid > li .product-container:hover .button-container, ul.product_list.grid > li .product-container:hover .functional-buttons { + display: block; +} +ul.product_list.grid > li.first-in-line { + clear: left; +} + +/******************************************************* + Product list(List) Styles +********************************************************/ +ul.product_list.list > li .product-container { + border-top: 1px solid #d6d4d4; + padding: 30px 0 30px; +} +ul.product_list.list > li .product-image-container { + position: relative; + border: 1px solid #d6d4d4; + padding: 9px; +} +ul.product_list.list > li .product-image-container .content_price { + display: none !important; +} +ul.product_list.list > li .product-flags { + color: #333333; + margin: -5px 0 10px 0; +} +ul.product_list.list > li .product-flags .discount { + color: #f13340; +} +ul.product_list.list > li h5 { + padding-bottom: 8px; +} +ul.product_list.list > li .product-desc { + margin-bottom: 15px; +} +ul.product_list.list > li .right-block .right-block-content { + border-left: 1px solid #d6d4d4; + padding-left: 30px; + padding-bottom: 16px; +} +ul.product_list.list > li .right-block .right-block-content .content_price { + padding-bottom: 24px; +} +ul.product_list.list > li .right-block .right-block-content .content_price span { + display: inline-block; + margin-top: -4px; +} +ul.product_list.list > li .right-block .right-block-content .content_price span.price-percent-reduction { + margin-left: 8px; +} +ul.product_list.list > li .right-block .right-block-content .button-container { + overflow: hidden; + padding-bottom: 20px; +} +ul.product_list.list > li .right-block .right-block-content .button-container .btn { + float: left; + clear: both; + margin-bottom: 10px; +} +ul.product_list.list > li .right-block .right-block-content .functional-buttons a, ul.product_list.list > li .right-block .right-block-content .functional-buttons label { + font-weight: bold; + color: #777676; + cursor: pointer; +} +ul.product_list.list > li .right-block .right-block-content .functional-buttons a i, ul.product_list.list > li .right-block .right-block-content .functional-buttons label i { + width: 30px; + height: 30px; + font-size: 15px; + text-align: center; + display: inline-block; + background: #929292; + color: #fff; + padding: 7px 0 0 0; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + -ms-border-radius: 100px; + -o-border-radius: 100px; + border-radius: 100px; + margin-right: 3px; +} +ul.product_list.list > li .right-block .right-block-content .functional-buttons a:hover, ul.product_list.list > li .right-block .right-block-content .functional-buttons label:hover { + color: #333333; +} +ul.product_list.list > li .right-block .right-block-content .functional-buttons a:hover i, ul.product_list.list > li .right-block .right-block-content .functional-buttons label:hover i { + background: #333333; +} +ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare { + padding-top: 10px; +} +ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label:before { + content: ""; + display: inline-block; + font-family: 'FontAwesome'; + width: 30px; + height: 30px; + font-size: 15px; + text-align: center; + background: #929292; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + -ms-border-radius: 100px; + -o-border-radius: 100px; + border-radius: 100px; + margin-right: 3px; + padding: 4px 0 0 0; + color: #fff; +} +ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label:hover { + color: #333333; +} +ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label:hover:before { + background: #333333; +} + +/******************************************************* + Product list(Index page) Styles +********************************************************/ +#index ul.product_list > li { + border-bottom: 1px solid #d6d4d4; + padding-bottom: 35px; + margin-bottom: 50px; +} +#index ul.product_list > li .availability { + display: none; +} +#index ul.product_list > li.last-line { + border: none; + padding-bottom: 0; + margin-bottom: 0; +} diff --git a/themes/default-bootstrap/css/restricted-country.css b/themes/default-bootstrap/css/restricted-country.css new file mode 100644 index 000000000..e69de29bb diff --git a/themes/default-bootstrap/css/rtl.css b/themes/default-bootstrap/css/rtl.css new file mode 100644 index 000000000..828352725 --- /dev/null +++ b/themes/default-bootstrap/css/rtl.css @@ -0,0 +1,7 @@ +* { + direction: rtl !important; +} + +#page { + text-align: right !important; +} diff --git a/themes/default-bootstrap/css/scenes.css b/themes/default-bootstrap/css/scenes.css new file mode 100644 index 000000000..aee32aa69 --- /dev/null +++ b/themes/default-bootstrap/css/scenes.css @@ -0,0 +1,159 @@ +/*TMP*/ +#scenes .cluetip span { + background: transparent url(../img/icon/cible.gif) no-repeat scroll center center; + color: black; + display: block; + font-size: 1.1em; + font-weight: bold; + height: 23px; + padding-top: 5px; + text-align: center; + width: 23px; +} + +/*TMP*/ +.thumbs_banner { + margin: 10px auto; + padding: 2px 0; + height: 60px !important; + width: 100%; + border-top: 1px solid #ccc; + border-bottom: 1px solid #ccc; +} + +.thumbs_banner .space-keeper { + width: 21px; + float: left; + display: block; + height: 100%; +} + +.thumbs_banner .space-keeper a.prev { + display: none; + width: 21px; + text-align: center; + font-size: 1.5em; + text-decoration: none; + background: url(../img/icon/serial_scroll_left.gif) no-repeat 0 0 #eeeeee; +} + +#scenes_list { + overflow: hidden; + float: left; + width: 478px; +} + +#scenes_list ul { + list-style-type: none; +} + +#scenes_list li { + float: left; +} + +#scenes_list a { + display: block; +} + +.thumbs_banner a.next { + float: left; + display: block; + width: 21px; + text-align: center; + font-size: 1.5em; + text-decoration: none; + background: url(../img/icon/serial_scroll_right.gif) no-repeat 0 0 #dddddd; +} + +/* Cluetip design ****************************************************************************** */ +#scenes .screen_scene { + margin: 0 auto; +} + +#scenes a.cluetip { + display: block; + position: absolute; + text-decoration: none; +} + +.cluetip-product_scene { + padding: 10px; + border: 7px solid #999; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + text-align: left; + background: #fff; + opacity: 0.95; +} + +.cluetip-product_scene #cluetip-close { + text-align: right; + float: right; +} + +.cluetip-product_scene img { + float: left; + margin-right: 10px; + border: 1px solid #cccccc; +} + +.cluetip-product_scene .title_block { + display: inline-block; + margin-bottom: 5px; + padding: 0 !important; + font-size: 12px; +} + +.cluetip-product_scene .clear { + margin: 0; + padding: 0; +} + +.cluetip-product_scene .clear a { + /*float:left;*/ + margin-top: 2px; +} + +.cluetip-product_scene p.description { + float: left; + padding: 0; + width: 140px; + color: #666666; +} + +.cluetip-product_scene div.prices { + float: right; + position: relative; + width: 65px; + text-align: right; +} + +.cluetip-product_scene .new { + position: absolute; + top: 0; + right: 0; + display: inline-block; + padding: 1px 5px; + font-weight: bold; + font-size: 10px; + color: #fff; + text-transform: uppercase; + background: none repeat scroll 0 0 #9b0000; +} + +.cluetip-product_scene .price { + padding-top: 18px; + font-weight: bold; + font-size: 13px; + color: #990000; +} + +.cluetip-product_scene .on_sale, .cluetip-product_scene .discount { + display: block; + font-weight: bold; + color: #DA0F00; + text-transform: uppercase; +} + +/* END Cluetip design */ diff --git a/themes/default-bootstrap/css/sitemap.css b/themes/default-bootstrap/css/sitemap.css new file mode 100644 index 000000000..7259cd516 --- /dev/null +++ b/themes/default-bootstrap/css/sitemap.css @@ -0,0 +1,55 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/****************************************************************** + Sitemap Page Styles +*******************************************************************/ +#sitemap .sitemap_block .page-subheading { + margin-bottom: 16px; +} +#sitemap .sitemap_block li { + line-height: 16px; + padding-bottom: 11px; +} +#sitemap .sitemap_block li a:before { + content: ""; + display: inline-block; + font-family: 'FontAwesome'; + padding-right: 10px; +} +#sitemap .sitemap_block li a:hover { + font-weight: bold; +} + +#listpage_content div.tree_top { + padding-left: 27px; + padding-top: 5px; +} +#listpage_content div.tree_top a:before { + content: ""; + display: inline-block; + font-family: "FontAwesome"; + font-size: 20px; + color: #333; +} +#listpage_content div.tree_top a:hover:before { + color: #515151; +} + +ul.tree { + padding-left: 24px; +} +ul.tree li { + margin: 0 0 0 21px; + padding: 5px 0 0 33px; + border-left: 1px solid #d6d4d4; + background: url(../img/sitemap-horizontal.png) no-repeat left 15px transparent; +} +ul.tree li a:hover { + font-weight: bold; +} +ul.tree > li { + margin: 0 0 0 11px; +} +ul.tree li.last { + border: medium none; + background: url(../img/sitemap-last.png) no-repeat 0px -4px transparent; +} diff --git a/themes/default-bootstrap/css/stores.css b/themes/default-bootstrap/css/stores.css new file mode 100644 index 000000000..000d60ef5 --- /dev/null +++ b/themes/default-bootstrap/css/stores.css @@ -0,0 +1,78 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); +/*********************************************************** + Stores Page Styles +************************************************************/ +#stores #map { + width: 100%; + height: 447px; + margin-bottom: 26px; +} +#stores input#addressInput { + display: inline-block; + width: 269px; +} +#stores .address-input { + float: left; + margin-right: 19px; +} +#stores .address-input label { + margin-right: 5px; +} +#stores .radius-input { + float: left; + line-height: 23px; + margin-right: 20px; +} +#stores .radius-input label, #stores .radius-input .selector { + float: left; +} +#stores .radius-input label { + margin-right: 10px; +} +#stores .radius-input #radiusSelect { + width: 78px; +} +#stores .store-content { + padding-bottom: 30px; +} +#stores .store-content-select .selector { + visibility: hidden; + display: none; +} +#stores .store-content-select.active { + padding-top: 30px; + margin-bottom: 30px; + border-top: 1px solid #d6d4d4; +} +#stores .store-content-select.active .selector { + visibility: visible; + display: block; +} +#stores .store-title { + margin-bottom: 16px; +} +#stores label { + font-weight: normal; + color: #777777; +} +#stores #stores_loader { + display: none; + margin-left: 5px; +} +#stores #locationSelect { + width: 356px; + visibility: hidden; +} +#stores #stores-table { + display: none; +} +#stores #stores-table tbody td { + padding: 20px; +} +#stores #stores-table tbody td.num { + background: #fbfbfb; + width: 46px; +} +#stores #stores-table tbody td.name span { + padding-left: 15px; +} diff --git a/themes/default-bootstrap/discount.tpl b/themes/default-bootstrap/discount.tpl new file mode 100644 index 000000000..2cd5d8401 --- /dev/null +++ b/themes/default-bootstrap/discount.tpl @@ -0,0 +1,85 @@ +{* +* 2007-2013 PrestaShop +* +* NOTICE OF LICENSE +* +* This source file is subject to the Academic Free License (AFL 3.0) +* that is bundled with this package in the file LICENSE.txt. +* It is also available through the world-wide-web at this URL: +* http://opensource.org/licenses/afl-3.0.php +* If you did not receive a copy of the license and are unable to +* obtain it through the world-wide-web, please send an email +* to license@prestashop.com so we can send you a copy immediately. +* +* DISCLAIMER +* +* Do not edit or add to this file if you wish to upgrade PrestaShop to newer +* versions in the future. If you wish to customize PrestaShop for your +* needs please refer to http://www.prestashop.com for more information. +* +* @author PrestaShop SA| {l s='Code'} | +{l s='Description'} | +{l s='Quantity'} | +{l s='Value'}* | +{l s='Minimum'} | +{l s='Cumulative'} | +{l s='Expiration date'} | +
|---|---|---|---|---|---|---|
| {$discountDetail.code} | +{$discountDetail.name} | +{$discountDetail.quantity_for_user} | ++ {if $discountDetail.id_discount_type == 1} + {$discountDetail.value|escape:'htmlall':'UTF-8'}% + {elseif $discountDetail.id_discount_type == 2} + {convertPrice price=$discountDetail.value} ({if $discountDetail.reduction_tax == 1}{l s='Tax included'}{else}{l s='Tax excluded'}{/if}) + {elseif $discountDetail.id_discount_type == 3} + {l s='Free shipping'} + {else} + - + {/if} + | ++ {if $discountDetail.minimal == 0} + {l s='None'} + {else} + {convertPrice price=$discountDetail.minimal} + {/if} + | ++ {if $discountDetail.cumulable == 1} + {l s='Yes'} + {else} + {l s='No'} + {/if} + | +{dateFormat date=$discountDetail.date_to} | +
{l s='You do not have any vouchers.'}
+{/if} + + diff --git a/themes/default-bootstrap/errors.tpl b/themes/default-bootstrap/errors.tpl new file mode 100644 index 000000000..94f52f479 --- /dev/null +++ b/themes/default-bootstrap/errors.tpl @@ -0,0 +1,38 @@ +{* +* 2007-2013 PrestaShop +* +* NOTICE OF LICENSE +* +* This source file is subject to the Academic Free License (AFL 3.0) +* that is bundled with this package in the file LICENSE.txt. +* It is also available through the world-wide-web at this URL: +* http://opensource.org/licenses/afl-3.0.php +* If you did not receive a copy of the license and are unable to +* obtain it through the world-wide-web, please send an email +* to license@prestashop.com so we can send you a copy immediately. +* +* DISCLAIMER +* +* Do not edit or add to this file if you wish to upgrade PrestaShop to newer +* versions in the future. If you wish to customize PrestaShop for your +* needs please refer to http://www.prestashop.com for more information. +* +* @author PrestaShop SA{if $errors|@count > 1}{l s='There are %d errors' sprintf=$errors|@count}{else}{l s='There is %d error' sprintf=$errors|@count}{/if}
+