Files
PrestaShop/themes/default/mobile/css/global.css
2013-03-15 17:24:00 +01:00

1215 lines
20 KiB
CSS

/* ################################################################################################
GLOBAL
################################################################################################ */
#hook_mobile_top_site_map {
margin-top:5px;
}
.center {
text-align:center;
}
.right {
text-align:right;
}
.qty-field {
width:50px!important;
}
.hide {
display:none;
}
.fl {
float:left;
}
.clear {
clear:both;
}
.width-15 {
width:15%;
}
.width-20 {
width:20%;
}
.width-40 {
width:40%;
}
.width-60 {
width:60%;
}
.width-70 {
width:70%;
}
.width-100 {
width:100%;
}
.padding-left-5px {
padding-left:5px;
}
.margin-bottom-10px {
margin-bottom:10px;
}
.ui-btn-up-a .ui-btn-text:visited,.ui-btn-hover-a .ui-btn-text:visited,.ui-btn-down-a .ui-btn-text:visited,.ui-btn-hover-a .ui-btn-text:hover,.ui-btn-up-a .ui-btn-text:hover,.ui-btn-down-a .ui-btn-text:hover,.ui-btn-hover-a .ui-btn-text,.ui-btn-down-a .ui-btn-text,.ui-btn-up-a .ui-btn-text {
color:#fff;
}
.to_delete {
background-color:red;
color:#fff;
font-size:12pt;
text-shadow:none;
padding:5px;
}
/* JQUERY MOBILE */
.ui-content {
overflow-y:hidden;
background:none !important;
}
.ui-page > .ui-content {
padding:15px !important;
}
section .ui-content {
padding:0!important;
}
.ui-header .ui-title,.ui-footer .ui-title {
margin:.5em 20px .8em;
font-size:20px;
text-align:left;
}
.ui-icon-prestashop-pdf {
background:url(../../img/icon/pdf.gif) no-repeat;
}
.ui-mobile fieldset {
margin-bottom:15px;
border:none;
}
.ui-field-contain {
padding:0;
}
.ui-content .ui-listview {
margin:0;
}
.ui-input-search .ui-input-clear {
right:5px;
}
label.ui-select {
top:5px;
vertical-align:top;
}
/*.ui-controlgroup-horizontal .ui-select {margin:-5px 0 0 0}*/
.required.bold,.required sup {
color:#900;
font-weight:700;
}
.warning {
margin:10px 0;
padding:10px;
border:1px solid #E6DB55;
font-size:13px;
background:#ffffe0;
}
.error-box,.error {
margin:10px 0;
padding:10px;
border:1px solid red;
font-size:13px;
background:#ffb6c1;
}
.error-box ol,.error ol {
margin:0;
padding:0 50px;
}
.ui-listview p,.ui-listview h3 {
padding:0;
}
.ui-listview p {
margin-top:-.5em;
}
.without-margin {
margin:0;
}
.without-padding {
padding:0;
}
/* title *************************************************************************************** */
h1 {
font-size:20px;
}
h2 {
margin:0 0 .6em;
font-size:18px;
}
h3 {
padding-bottom:14px;
font-size:16px;
}
h4 {
font-size:14px;
}
/* text **************************************************************************************** */
p {
padding-bottom:10px;
font-size:12px;
}
.txt-center {
text-align:center;
}
/* link **************************************************************************************** */
a,a:active,a:visited {
color:#333;
text-decoration:none;
outline:none;
}
/* errors box ************************************************************************************* */
.error-box {
display:block;
background-color:#FFB200;
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0.0,#ffd573),color-stop(1,#FEEFB3));
background-image:-o-linear-gradient(top,#ffd573,#FEEFB3);
background-image:-moz-linear-gradient(center top,#ffd573 0%,#FEEFB3 100%);
border:1px solid #9E6014;
opacity:.96;
position:fixed;
top:100px;
font-family:arial,sans-serif;
width:80%;
left:10%;
padding:20px 10px;
-moz-border-radius:.6em;
-webkit-border-radius:.6em;
border-radius:.6em;
color:#9E6014;
z-index:1000;
}
.error-box ol {
margin:0;
padding:0;
}
.error-box .close-bt {
position:absolute;
top:5px;
right:10px;
}
/* form **************************************************************************************** */
.ui-mobile fieldset {
margin:0 0 15px;
}
hr {
margin:30px 0 10px;
}
hr.margin_bottom {
margin:10px 0 30px;
}
hr.margin_less {
margin:10px 0;
}
.clearfix:before,.clearfix:after {
content:".";
display:block;
height:0;
overflow:hidden;
}
.clearfix:after {
clear:both;
}
.clearfix {
zoom:1;
}
.ui-br {
border:none;
}
/* PAGINATION */
.pagination {
position:relative;
margin:5px 0;
text-align:center;
}
ul.pagination_mobile {
float:right;
}
.pagination_mobile li {
float:left;
}
.pagination_mobile .disabled,.pagination_mobile .disabled .ui-btn-inner {
background-color:#DDD;
color:#aaa;
cursor:default;
}
.pagination_mobile .current .ui-btn {
cursor:default;
}
.pagination_mobile .current .ui-btn-down-c {
color:#fff;
}
.pagination_mobile .disabled .ui-btn-inner {
border-top:1px solid #ddd;
}
.pagination_mobile .ui-btn-inner {
padding:.6em 10px;
font-size:80%;
}
.pagination_mobile .pagination_next .ui-btn-inner {
padding:.6em 35px .6em 10px;
}
.pagination_mobile .pagination_previous .ui-btn-inner {
padding:.6em 10px .6em 35px;
}
.pagination ul {
margin:2px 0 0;
padding:0;
list-style-type:none;
}
.pagination li {
display:inline-block;
}
/*.pagination li a,
.pagination li.active {
display:inline-block;
padding:2px 10px;
color:#666 !important;
text-decoration:none;
border:1px solid #ccc;
}*/
.pagination li.active {
color:#888!important;
border:1px solid #eee;
}
.pagination li a:hover {
color:#333!important;
border:1px solid #333;
}
.pagination .btnnprevious {
position:absolute;
top:2px;
left:5px;
height:26px;
width:26px;
text-indent:-5000px;
background:#333;
}
.pagination .btnnext {
position:absolute;
top:2px;
right:5px;
height:26px;
width:26px;
text-indent:-5000px;
background:#333;
}
/* button */
.button_next {
float:right;
}
/* check form */
.valid {
border:1px solid green;
}
.invalid {
border:1px solid red;
}
#account-creation_form p.select .ui-select .ui-icon {
background:none;
}
/* ################################################################################################
HEADER
################################################################################################ */
/*#header {
position:relative;
height:122px;
font-weight:normal !important;
font-size:10pt;
color:#333;
text-shadow:none;
border:0 !important;
background:none !important;
}
#header a {
color:#333;
text-decoration:none;
}
#logo {
position:absolute;
top:0;
left:0;
z-index:10;
}
.shoppingbag {
margin:10px 0 2px 0;
padding:2px 5px 4px 5px;
color:#fff;
background:#383838;
}
.shoppingbag a {color:#fff !important;}
.shoppingbag span {
font-size:8pt
}
.quicklink {
margin:5px 0;
padding:0 5px;
}
.login {
margin:25px 0;
padding:0 5px;
font-size:8pt;
}*/
/* HEADER */
#header {
padding-bottom:10px;
}
#header .ui-block-a img {
display:block;
margin:10px;
}
/* NAVBAR TOP */
.navbartop {
height:42px;
background:#383838;
}
.navbarcontent {
height:32px;
background:#ccc;
}
.navbarcontent h3 {
margin:0;
}
.navbartop .btnopen {
text-indent:-5000px;
}
.link_cart {
background:url(../img/img_cart.png) 0 2px no-repeat;
padding:5px 5px 5px 30px;
text-decoration:none;
float:right;
}
.link_account {
background:url(../img/icon/my-account.png) 0 5px no-repeat;
padding:5px 5px 5px 20px;
text-decoration:none;
float:right;
}
.input_search {
margin:0 10px 10px 0;
text-align:right;
}
#block_cart {
margin:10px;
}
/* ################################################################################################
CONTENT
################################################################################################ */
#content {
}
/* ################################################################################################
FOOTER
################################################################################################ */
#footer {
margin-top:20px;
}
#newsletter {
margin:0 auto;
width:96%;
}
#newsletter .ui-field-contain label.ui-input-text {
width:auto;
}
/*#newsletter .ui-btn {
position:relative;
top:8px;
}*/
h2.site_map {
text-align:center;
}
#lnk_footer {
margin:0 auto;
padding:2%;
background:#ddd;
}
#lnk_footer li .ui-btn {
display:inline-block;
text-align:left!important;
}
#lnk_footer .ui-btn-up-a,#lnk_footer .ui-btn-hover-a {
color:#333;
text-shadow:none!important;
border:none!important;
background:none!important;
}
#lnk_footer .ui-btn-hover-a {
text-decoration:underline;
}
#lnk_footer .ui-btn-inner {
padding:2px!important;
border:0;
}
#footer .ui-field-contain {
text-align:center;
}
#account_link {
text-align:center;
padding:10px 0;
}
#account_link .ui-block-a {
width:46%;
padding:0 2%;
text-align:right;
}
#account_link .ui-block-b {
width:46%;
padding:0 2%;
text-align:left;
}
#bar_footer {
margin:10px 0 0;
}
#link_bar_footer {
padding:15px 0;
}
#link_bar_footer .ui-block-a {
width:46%;
padding:0 2%;
}
#link_bar_footer .ui-block-b {
width:46%;
padding:0 2%;
text-align:right;
}
.ui-body-c #footer #account_link .ui-link {
color:#333!important;
}
.ui-body-c #footer #link_bar_footer .ui-link {
color:#fff!important;
}
/* ################################################################################################
HOMEPAGE
################################################################################################ */
#slider {
margin:0 0 10px;
}
#highlight {
margin:0 0 10px;
}
#category {
margin:0 0 10px;
}
/* ################################################################################################
CATEGORY
################################################################################################ */
#category h1 {
text-align:left;
}
#category .container-sort {
float:right;
}
#category .container-sort-bottom {
float:left;
}
#category-list .ui-li-thumb {
float:none;
position:relative;
}
#category-list .ui-block-a .ui-btn-inner {
border-right:1px solid #ccc;
}
#category-list .ui-li-heading {
height:45px;
white-space:normal;
}
#category-list .ui-li-price {
text-align:right;
color:#900;
font-size:12pt;
font-weight:700;
}
#category-list .ui-li-price-info {
text-align:right;
font-size:7pt;
text-transform:uppercase;
}
#category-list .ui-li-price-info span {
display:inline-block;
}
#category-list .ui-li-price-info.discount span {
background-color:#9B0000;
color:#fff;
text-shadow:none;
}
#category-list .ui-btn-icon-right .ui-icon {
display:none;
}
.product-list-row {
margin-right:0!important;
margin-left:0!important;
}
/* ################################################################################################
CART
################################################################################################ */
.price_on_accordion_cart {
position:fixed;
right:30px;
padding:4px;
background:red;
border-radius:50%;
}
.accordeon_cart .test {
margin:0;
}
.accordeon_cart div.ui-collapsible-content {
margin:0;
}
.information_details_cart p {
margin-top:10px;
}
.total_price .ui-bar h3 {
display:block;
text-align:right;
}
.cart_total_bar h3 {
margin:0 0 10px;
}
.cart_total_bar .btn-row {
text-align:right;
}
.cart_total_bar .ui-btn {
margin:10px 0 0;
display:inline-block;
}
.total_price p {
margin:5px 0;
font-size:12px;
text-align:right;
}
.cart img.img_product_cart {
margin-top:.7em;
border-radius:0;
}
.ui-controlgroup.grouped_buttons_card,fieldset.ui-controlgroup.grouped_buttons_card {
margin:0;
}
.grouped_buttons_card,.display_block_card_product {
text-align:center;
margin-top:10px;
}
/* ################################################################################################
PRODUCT
################################################################################################ */
/* .second_container{
float: left;
margin-top:0;
margin:0 1%;
padding:0 1%;
width: 96%;
text-align:center
}
.first_container{
margin:0 1%;
padding:0 1%;
width:96%;
float:left;
text-align:center
}*/
.category_desc {
margin:0 0 10px;
padding:10px 5px;
border:1px solid #ccc;
box-shadow:1px 1px 2px #ccc;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.category_desc p {
margin:0;
padding:0;
}
.category_desc .hide_desc {
display:none;
}
.category_desc .lnk_more {
float:right;
}
.category_desc .lnk_more .ui-btn-inner {
font-size:80%;
padding:.4em 10px .4em 33px;
}
#product_title h1 {
width:62%;
margin-left:5%;
float:left;
}
#product_title span {
width:25%;
margin:14px 3% 10px 5%;
font-size:20px;
font-weight:700;
text-align:right;
float:left;
}
.product_img_wrapper {
text-align:center;
}
.product_img_wrapper img {
width:95%;
max-width:none;
max-height:none;
margin:0;
}
#attributes-1 .ui-select {
float:left;
}
#select_attributes .ui-select {
float:left;
}
.product_page {
text-align:center;
}
.description {
text-align:left;
}
.quantite {
text-align:left;
}
.img_product {
margin:0 auto;
}
.img_product_list {
margin:0 auto;
}
.view_product {
background:#fff;
}
.view_product .view_full_size {
text-align:center;
}
.view_product .thumbs_list_frame {
list-style-type:none;
}
.view_product .thumbs_list_frame li {
float:left;
}
.view_product .thumbs_list_frame li img {
margin:0 6px;
border:1px solid #CDCDCD;
}
.list_view {
text-align:center;
}
#product_page {
width:100%;
}
.ui-btn.disabled,.ui-btn.disabled .ui-btn-inner {
background-color:#DDD;
color:#aaa;
cursor:default;
}
.ui-btn.disabled .ui-btn-inner {
border-top:1px solid #ddd;
}
.ui-btn.disabled button,.ui-btn.disabled input {
cursor:default;
}
.ui-btn-hover-c.disabled {
border:1px solid #CCC;
}
.content_prices .online_only {
font-weight:700;
font-size:10pt;
color:#900;
text-transform:uppercase;
margin:0;
padding:0;
}
.content_prices .price {
text-align:right;
}
.content_prices .price .on_sale {
background-color:#F8DC0C;
padding:2px 5px;
font-size:12pt;
border:1px solid #DDA84E;
margin:2px 0;
display:inline-block;
}
.content_prices .price p {
margin:0;
padding:0;
}
.content_prices .price .old_price_display {
text-decoration:line-through;
font-size:11pt;
}
.content_prices .price .old_price .reduction_amount_display,.content_prices .price .old_price .reduction_percent {
background-color:#9B0000;
color:#fff;
text-shadow:none;
padding:0 5px;
margin:0 0 0 5px;
font-weight:700;
}
.content_prices .price .our_price_display {
color:#900;
font-size:21pt;
font-weight:700;
}
.content_prices .price .unit-price,.content_prices .price .price-ecotax {
margin:10px 0 0;
}
#more_info_block ul li {
font-size:9pt;
}
.accessories_block ul {
list-style-type:none;
margin:0;
padding:0;
}
.accessories_block li {
background-color:#111;
border-bottom:1px solid #555;
padding:5px;
}
.accessories_block li.last_item {
border:none;
}
.accessories_block li .col-left {
word-wrap:break-word;
float:left;
}
.accessories_block li .col-right {
float:right;
width:100%;
margin:0 0 0 -68px;
}
.accessories_block li .col-right .inner {
margin:0 0 0 78px;
}
.accessories_block li .col-right .inner p,.accessories_block li .col-right .inner .s_title_block {
margin:0;
color:#fff;
}
.accessories_block li .col-right .inner .s_title_block {
font-size:10pt;
}
.accessories_block li .col-right .inner p {
color:#aaa;
}
.accessories_block li .price {
text-align:right;
font-size:14pt;
font-weight:700;
}
.accessories_block li .btn-row {
text-align:right;
}
/*.third_container{float:left}*/
/* ################################################################################################
PRODUCT
################################################################################################ */
/* ################################################################################################
404
################################################################################################ */
#not_found {
padding:3%;
}
.input_search_404 {
text-align:center;
}
.nbr_result {
position:relative;
top:6px;
font-size:14px;
}
/* ################################################################################################
OPC
################################################################################################ */
h3.bg {
padding:8px;
color:#fff;
background:#666;
text-shadow:0 1px 0 #000!important;
}
.block {
margin:10px 0;
padding:10px;
border:1px solid #bbb;
background:#dbdbdb;
}
.block h3 {
margin-top:0;
}
ul.adress {
list-style-type:none;
margin:0;
padding:0 0 0 10px;
}
#cart {
}
#cart h3 {
margin:0;
padding:0;
}
#cart input {
margin:5px 0;
}
#cart .ui-li-desc {
margin:0;
}
#voucher {
}
#voucher h3 {
margin:0;
}
#cart_price .ui-btn-up-c {
border:none;
background:none;
}
.lnk_CGV {
padding:0;
}
/* ################################################################################################
LOGIN
################################################################################################ */
.login_form .submit_button {
float:right;
}
.login_form .forget_pwd {
margin:5px 0 0;
padding:0;
font-size:.8em;
}
.login_form .ui-btn {
float:right;
}
/* ################################################################################################
CATEGORY
################################################################################################ */
#category-list li a {
position:relative;
}
#category-list li .ui-li-desc {
padding:0;
margin:0;
}
#category-list li .ui-li-price-info span {
padding:2px 5px;
}
.new {
position:absolute;
top:17px;
right:-22px;
margin:0;
padding:2px 0;
width:100px;
text-align:center;
background-color:rgba(162,29,28,0.9);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
color:#fff;
text-shadow:none;
text-transform:uppercase;
font-size:8pt;
}
#category-list .online_only {
position:absolute;
margin:0;
padding:0;
top:32px;
right:-29px;
margin:0;
padding:2px 0;
width:142px;
text-align:center;
background-color:rgba(0,0,0,0.5);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
text-shadow:none;
text-transform:uppercase;
font-size:8pt;
color:#fff;
}
/* ################################################################################################
MY ACCOUNT
################################################################################################ */
#list_myaccount .ui-li-icon {
top:.7em;
}
.lnk_my-account_home {
display:block;
padding:20px 0 0;
}
/* ################################################################################################
LAYERED
################################################################################################ */
#layered {
}
#layered h3 {
margin:30px 0 0;
}
#layered .color-option {
margin-left:0;
margin-right:5px;
padding:0;
height:16px;
display:inline-block;
width:16px;
border:1px solid #666;
}
/* ################################################################################################
Manufacturer
################################################################################################ */
.nbrmanufacturer {
margin:15px 0 10px;
padding:8px 7px;
font-size:12px;
color:#000;
background:none repeat scroll 0 0 #ddd;
}
/* ################################################################################################
STORES
################################################################################################ */
#stores_search_block {
margin-top:20px;
padding-left:10px;
}
.stores_block {
margin-top:25px;
display:none;
}
.stores_block .ui-listview span.image {
display:table-cell;
position:absolute;
left:0;
top:0;
vertical-align:middle;
width:80px;
height:80px;
}
.stores_block .ui-listview span img {
position:relative;
display:inline;
vertical-align:middle;
}
#full-site-section a {
font-weight:400;
font-size:12px;
}
#authentication #account-creation_form p.select label {
display:inline;
font-size:16px;
font-weight:400;
line-height:1.4;
margin:0 0 .3em;
padding:0;
}
#authentication #account-creation_form div.ui-radio label span {
text-align:center;
}