Files
PrestaShop/themes/default/mobile/css/global.css
2012-09-25 15:08:11 +00:00

925 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-20{width:20%}
.width-40{width:40%}
.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:white;
}
.to_delete {
background-color:red;
color:white;
font-size:12pt;
text-shadow: none;
padding:5px;
}
/* JQUERY MOBILE */
.ui-content {overflow-y: hidden}
section .ui-content {padding:0 !important}
.ui-header .ui-title, .ui-footer .ui-title {
margin:0.5em 20px 0.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:bold;
}
.warning {
margin: 10px 0 10px 0;
padding: 10px;
border: 1px solid #E6DB55;
font-size: 13px;
background: lightYellow;
}
.error-box,
.error {
margin: 10px 0 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:-0.5em;
}
.without-margin {margin: 0;}
.without-padding {padding:0;}
/* title *************************************************************************************** */
h1 {font-size:20px}
h2 {margin:0 0 0.6em 0; 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: 0.96;
position: fixed;
top:100px;
font-family: arial, sans-serif;
width:80%;
left:10%;
padding:20px 10px;
-moz-border-radius: 0.6em;
-webkit-border-radius: 0.6em;
border-radius: 0.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 0}
hr {margin:30px 0 10px 0}
hr.margin_bottom {margin:10px 0 30px 0}
hr.margin_less {margin:10px 0 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:#DDDDDD;
color:#aaaaaa;
cursor:default;
}
.pagination_mobile .current .ui-btn {
cursor:default;
}
.pagination_mobile .current .ui-btn-down-c {
color:#ffffff;
}
.pagination_mobile .disabled .ui-btn-inner {
border-top:1px solid #dddddd;
}
.pagination_mobile .ui-btn-inner {
padding: 0.6em 10px;
font-size: 80%;
}
.pagination_mobile .pagination_next .ui-btn-inner{
padding:0.6em 35px 0.6em 10px;
}
.pagination_mobile .pagination_previous .ui-btn-inner{
padding:0.6em 10px 0.6em 35px;
}
.pagination ul {
margin:2px 0 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 .ui-radio-on .ui-icon{width:0px;height:18px;background:none;background-image:url(../img/icons-18-white.png);background-position:-720px 50%;background-repeat:no-repeat;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px}
#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:#cccccc;
}
.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 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 0;}
#highlight {margin:0 0 10px 0;}
#category {margin:0 0 10px 0;}
/* ################################################################################################
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 #cccccc;
}
#category-list .ui-li-heading {height:45px; white-space:normal;}
#category-list .ui-li-price {text-align:right; color:#990000; font-size:12pt; font-weight: bold;}
#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:#ffffff; text-shadow:none;}
#category-list .ui-btn-icon-right .ui-icon {display:none}
.product-list-row {
margin-right: 0px!important;
margin-left: 0px!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 0;
}
.cart_total_bar .btn-row {
text-align: right;
}
.cart_total_bar .ui-btn {
margin: 10px 0 0 0;
display:inline-block;
}
.total_price p{
margin:5px 0;
font-size:12px;
text-align:right
}
.cart img.img_product_cart{
margin-top:0.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 0;
padding:10px 5px;
border:1px solid #cccccc;
box-shadow: 1px 1px 2px #cccccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.category_desc p{
margin:0px;
padding:0px;
}
.category_desc .hide_desc {
display:none;
}
.category_desc .lnk_more {
float:right;
}
.category_desc .lnk_more .ui-btn-inner {
font-size:80%;
padding:0.4em 10px 0.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:bold;
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:#DDDDDD;
color:#aaaaaa;
cursor:default;
}
.ui-btn.disabled .ui-btn-inner {
border-top:1px solid #dddddd;
}
.ui-btn.disabled button,
.ui-btn.disabled input {
cursor:default;
}
.ui-btn-hover-c.disabled {
border:1px solid #CCCCCC;
}
#availability_statut {
margin: 10px 0 0 0;
}
#availability_statut #availability_value {
background-color:green;
color:#ffffff;
text-shadow:none;
padding:0 10px;
text-transform: uppercase;
font-size:10pt;
font-weight: bold;
display:inline;
}
#availability_statut #availability_value.warning_inline {
background-color:#9B0000;
}
.content_prices .online_only {
font-weight: bold;
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:#ffffff;
text-shadow:none;
padding:0 5px;
margin: 0 0 0 5px;
font-weight: bold;
}
.content_prices .price .our_price_display {
color:#990000;
font-size:21pt;
font-weight: bold;
}
.content_prices .price .unit-price,
.content_prices .price .price-ecotax {
margin: 10px 0 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:#111111;
border-bottom:1px solid #555555;
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 h5 {
margin:0;
color:white;
}
.accessories_block li .col-right .inner h5 {
font-size:10pt;
}
.accessories_block li .col-right .inner p {
color:#aaaaaa;
}
.accessories_block li .price {
text-align:right;
font-size:14pt;
font-weight: bold;
}
.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 0;
padding:0;
font-size:0.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 0 0 0px;
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:#ffffff;
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:#ffffff;
}
/* ################################################################################################
MY ACCOUNT
################################################################################################ */
#list_myaccount .ui-li-icon {top: 0.7em}
.lnk_my-account_home {
display:block;
padding:20px 0 0 0
}
/* ################################################################################################
LAYERED
################################################################################################ */
#layered {}
#layered h3 {margin:30px 0 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: black;
background: none repeat scroll 0 0 #dddddd;
}
/* ################################################################################################
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: 0px;
top: 0px;
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: normal;
font-size: 12px;
}
#authentication #account-creation_form p.select label {
display:inline;
font-size:16px;
font-weight:normal;
line-height:1.4;
margin:0 0 0.3em;
padding:0px;
}
#authentication #account-creation_form div.ui-radio label span {
text-align:center;
}