bebeboutik/modules/soflexibilite/css/soflexibilite.css
Marion Muszynski ffbb3232b9 modif soflex
2016-05-09 17:43:57 +02:00

892 lines
15 KiB
CSS

/**
* NOTICE OF LICENSE
*
* This source file is subject to a commercial license from Common-Services Co., Ltd.
* Use, copy, modification or distribution of this source file without written
* license agreement from the SARL SMC is strictly forbidden.
* In order to obtain a license, please contact us: contact@common-services.com
* ...........................................................................
* INFORMATION SUR LA LICENCE D'UTILISATION
*
* L'utilisation de ce fichier source est soumise a une licence commerciale
* concedee par la societe Common-Services Co., Ltd.
* Toute utilisation, reproduction, modification ou distribution du present
* fichier source sans contrat de licence ecrit de la part de la Common-Services Co. Ltd. est
* expressement interdite.
* Pour obtenir une licence, veuillez contacter Common-Services Co., Ltd. a l'adresse: contact@common-services.com
* ...........................................................................
*
* @package So Colissimo Flexibilite
* @author Alexandre D.
* @copyright Copyright (c) 2011-2015 Common Services Co Ltd - 90/25 Sukhumvit 81 - 10260 Bangkok - Thailand
* @license Commercial license
* Support by mail : support.soflexibilite@common-services.com
*/
/* PrestaShop Fix */
#columns {
z-index: 10;
}
/* !PrestaShop Fix */
.soflexibilite_overlay {
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 6000;
}
.so_box {
display: none;
box-sizing: border-box;
font-family: "Trebuchet MS", Helvetica, sans-serif;
position: fixed;
top: 50%;
left: 50%;
right: 50%;
z-index: 6001;
}
#gmap #uniform-so_constraint {
width: 15px !important;
display: inline-block !important;
}
#points::-webkit-scrollbar {
width: 10px;
}
#points::-webkit-scrollbar-track {
background-color: #eaeaea;
border-left: 1px solid #ccc;
}
#points::-webkit-scrollbar-thumb {
background-color: #ccc;
}
#points::-webkit-scrollbar-thumb:hover {
background-color: #aaa;
}
.row #soflexibilite_carrierList li img {
float: right;
margin-top: -15px;
}
.soflexibilite_addr_sumup input {
padding-left: 5px;
width: 50%;
min-height: 30px;
}
#infoCommande {
padding-left: 5px;
}
/* IE plus de cadre degue parce que src='' */
img[src=''] {
display: none;
}
a.tooltip {
outline: none;
margin-left: 5px;
text-decoration: none;
cursor: pointer;
}
a.tooltip:hover {
text-decoration: none;
}
a.tooltip span {
z-index: 10;
display: none;
}
#prevent_note {
width: 525px;
}
#soflexibilite_description_address #infoCommande {
width: 100%;
max-width: 100%;
}
/* CSS from default PS theme */
#so_box_hors {
font: normal 11px/14px Arial, Verdana, sans-serif;
color: #222;
}
#so_box_hors input,
#so_box_hors textarea {
-webkit-writing-mode: horizontal-tb;
}
#so_box_hors input,
#so_box_hors textarea {
margin: 0;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0;
text-shadow: none;
display: inline-block;
}
#so_box_hors input[type="text"],
#so_box_hors input[type="email"],
#so_box_hors input[type="password"],
#so_box_hors input[type="submit"],
#so_box_hors input[type="image"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
/* !CSS from default PS theme */
#soflex-loader {
width: 150px;
margin-left: auto;
margin-right: auto;
margin-top: 30%;
text-align: center;
}
#soflex-loader img {
width: 20px;
height: 20px;
}
#soflex-loader p {
margin-top: 10px;
}
#so_box_hors a.boxclose {
float: right;
width: 15px;
height: 15px;
background-color: transparent;
background-position: top left;
margin-top: -5px;
margin-right: 5px;
cursor: pointer;
}
#so_box_hors a.boxclose:hover {
background-position: -15px 0;
}
.float-left {
float: left;
display: block;
}
.keep-left {
margin-top: 10px;
width: 350px;
height: 423px;
}
.float-right {
float: right;
display: block;
}
#so-h3-recap-horsdom {
display: none;
}
.myAdress {
font-weight: bold;
font-size: 24px;
margin: 20px 0 20px;
}
#myContent2 {
display: block;
margin-left: auto;
margin-right: auto;
width: 550px;
/*border: 1px solid black;*/
}
.centrageInfo {
display: block;
margin-left: auto;
margin-right: auto;
width: 400px;
}
.so_info {
margin-bottom: 40px;
}
.telephone {
border: 1px solid silver;
font-weight: bold;
padding: 5px 5px 5px 5px;
}
.validation {
float: right;
padding: 5px 7px;
font-weight: bold;
color: #fff;
background-color: #ff6a00;
cursor: pointer;
}
#so_box_hors .lookup {
height: 32px;
width: 60%;
font-size: 18px;
padding-left: 5px;
}
#soflex-search {
position: relative;
width: 150px;
height: 30px;
text-align: center;
margin-left: 615px;
margin-top: -42px;
}
#soflex-search input {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#soflex-search img {
display: none;
margin-top: 7px;
}
#so_box_hors #search-btn-pending {
display: none;
opacity: 0.2;
}
#so_recherche_loader {
vertical-align: -7px;
}
#so_box_hors .so-home {
float: left;
}
#so_box_hors .so-home img {
margin: 5px 15px 5px 5px;
}
#so-search {
height: 36px;
vertical-align: 3px;
margin: 5px;
}
#so_box_hors button, #so_box_hors input[type="button"] {
border: 1px solid #cc9900;
background: #f4b61b;
color: black !important;
}
#so-search .so-search-button {
font-weight: normal;
width: 135px;
height: 33px;
vertical-align: 1px;
margin: 9px;
text-align: center;
font-size: 1.4em;
padding: 5px 7px;
white-space: normal;
background-image: none;
}
#so_box_hors .so-hd-search {
font-size: 1.8em;
position: relative;
top: -3px;
width: 80%;
}
#so_box_hors .so-dt-search {
font-size: 1.8em;
margin: 0 0 9px;
padding: 0;
}
#so_box_hors #super-selector {
margin: 0;
}
#so_box_hors .so-separator {
border-bottom: 1px solid #CFCECE;
margin: 15px auto 15px auto;
width: 100%;
height: 5px;
background-color: gainsboro;
opacity: 0.37;
-moz-opacity: 0.37;
-khtml-opacity: 0.37;
filter: alpha(opacity=37);
}
.valideDomRdv {
position: absolute;
right: 40px;
bottom: 40px;
}
#gmap {
border: 1px solid silver;
width: 60%;
height: 493px;
float: right;
}
#information-pr {
box-sizing: border-box;
position: relative;
display: none;
height: 100%;
width: 100%;
background: #fff;
border: 1px solid gainsboro;
padding: 10px
}
#so_box_hors .choixPR {
width: 170px;
height: 35px;
}
#so-no-points {
display: inline-block;
line-height: 1.3em;
font-size: 1.3em;
text-align: center;
margin-top: 50%;
padding: 15px;
color: grey;
}
#so_box_hors .pickup-point {
display: none;
cursor: pointer;
border-bottom: 1px solid silver;
}
#so_box_hors .picto {
float: left;
display: inline-block;
height: 60px;
margin: 5px 0 0 5px;
}
#so_box_hors .libelle {
padding-left: 10px;
font-weight: bold;
font-size: 1.2em;
display: inline-block;
width: 265px;
}
#so_box_hors .customName {
padding-left: 10px;
}
#so_box_hors .address1 {
padding-left: 10px;
white-space: nowrap;
}
#so_box_hors .code_postal {
padding-left: 10px;
}
#so_box_hors .commune {
padding-left: 10px;
}
#so_box_hors .point-choose {
float: right;
width: 24px;
height: 24px;
margin: -2px 15px 5px 0;
}
#so_box_hors table {
margin: 0;
}
#so_box_hors table td {
border: none;
}
#so_box_hors .hoLeft {
float: left;
border: 0px solid transparent;
font-family: "Lucida Console", Monaco, monospace;
background: none;
width: 98px;
}
#so_box_hors .hoLeft thead tr {
height: 35px;
}
#so_box_hors .hoLeft tbody tr td {
text-align: right;
height: 20px;
padding-right: 3px;
font-size: 11px;
}
#so_box_hors .hoClean {
clear: both;
width: 100%;
border: 2px solid whitesmoke;
}
#so_box_hors .tableHoFe {
/*float:left;*/
text-align: center;
border: 1px solid transparent;
font-family: "Lucida Console", "Courier New";
font-size: 10px;
background: none;
width: 230px;
}
#so_box_hors .tableHoFe tbody tr {
height: 60px;
}
#so_box_hors .tableHoFe thead {
color: black;
background-color: whitesmoke;
}
#so_box_hors .tableHoFe thead tr {
height: 25px;
}
#so_box_hors .tableHoFe thead tr td {
border: 1px solid white;
padding: 5px;
}
#so_box_hors .horaires {
background-color: white;
border: none;
}
#so_box_hors .tableHoFe tbody td {
width: 10%;
border: 1px solid transparent;
}
#so_box_hors .hoOpen {
background-color: darkseagreen;
color: white;
width: 100%;
height: 5px;
margin: 15px 0 15px 0;
}
#so_box_hors .hoClose {
background-color: salmon;
color: white;
width: 100%;
height: 5px;
margin: 15px 0 15px 0;
}
#main-selector {
width: 100%;
height: 100%;
position: absolute;
/*background-position-x: 0%;*/
/*background-position-y: 120%;*/
/*background-position: 0% 120%;*/
background-repeat: no-repeat;
}
#main-selector:hover {
background-color: gainsboro;
}
#button-selector {
position: absolute;
top: 0;
left: 0;
font-style: normal;
cursor: pointer;
border: 2px outset buttonface;
width: 350px;
height: 60px;
background-color: transparent;
background-repeat: no-repeat;
background-position-x: 95%;
background-position-y: 50%;
background-position: 95% 50%;
margin-left: 0;
}
#selector {
background-color: whitesmoke;
border: 1px solid #ccc;
width: 100%;
position: relative;
top: 65px;
overflow: hidden;
display: none;
z-index: 1600;
}
#selector ul {
list-style-type: none;
padding: 0;
margin: 0;
width: 350px;
}
#selector ul li:hover {
background-color: gainsboro;
cursor: pointer;
}
#handicappedAccess {
width: 430px;
}
#so_box_hors .handiOp {
margin-left: 10%;
margin-right: 10%;
}
#so_box_hors #mapPanel {
position: absolute;
top: 85%;
left: 44%;
z-index: 5;
background-color: white;
padding: 5px;
border: 1px solid #999;
opacity: 0.75;
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
filter: alpha(opacity=75);
}
#nbPoint {
width: auto;
background-color: whitesmoke;
}
#so_box_hors .choosethePR {
padding: 5px;
}
#so_box_hors .choosethePR:hover {
z-index: 3000;
background-color: lightgray;
border: 1px solid grey;
}
#so_box_hors .so-info-libelle {
color: #138913;
font-weight: bold;
margin-bottom: 10px;
padding-top: 5px;
line-height: 1.1em;
}
#so_box_hors .prez {
font-size: 1.4em;
line-height: 1.2em;
}
.so-prez-libelle {
font-size: 1.2em;
line-height: 1.3em;
color: #138913;
font-weight: bold;
margin-bottom: 10px;
}
#so_box_hors .so-infoWindow {
min-width: 300px;
}
#so_box_hors .so-info-close {
border: 1px solid whitesmoke;
cursor: pointer;
}
#so_box_hors .so-info-close:hover {
border: 1px solid gainsboro;
background-color: whitesmoke;
}
#so_box_hors table td, #so_box_hors table th {
padding: 0;
}
#so_box_hors .so-info-itinerary {
/*margin-left: 15px;*/
background: none;
border: none;
}
#so_box_hors .so-info-itinerary td {
background: none;
border: none;
}
#so_box_hors .so-info-itinerary input {
margin-right: 10px;
width: 100px;
text-align: center;
opacity: 0.6;
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
filter: alpha(opacity=60);
}
#so_box_hors .so-info-itinerary-title {
font-weight: bold;
display: inline-block;
margin: 20px 0 10px 0;
}
#so_box_hors .so-info-schedule-title {
font-weight: bold;
display: inline-block;
margin: 20px 0 10px 0;
}
#so_box_hors .so-info-closing-title {
font-weight: bold;
display: inline-block;
margin: 20px 0 10px 0;
}
#fermeture {
font-weight: bold;
margin-left: auto;
margin-right: auto;
width: 200px;
text-align: center;
}
#so-info-buttons {
position: absolute;
height: 30px;
width: 320px;
padding: 15px;
/*bottom: 25px;*/
left:0;
}
.soflexibiliteStar {
color: red;
font-size: 2em;
vertical-align: -7px;
margin-left: 5px;
}
#soflexibilite_speech {
width: 500px;
text-align: center;
margin: 10px auto 0 auto;
}
#soflexibilite_desc_pr td {
width: 270px;
}
#soflexibilite_desc_pr input, .choiceDomOrDos {
width: 70%;
border-radius: 5px;
border: 1px solid silver;
padding: 5px;
}
#soflexibilite_info_cust td {
width: 25%;
height: 80px;
}
#adresseFinal {
/*border: 1px dashed black;*/
/*padding: 10px;*/
/*width: 100%;*/
/*margin-top: 15px;*/
}
.soTabInfo {
width: 120px;
display: inline-block;
margin-bottom: 5px;
}
#infofofo {
margin: 5px 5px 5px 10px;
}
#table_so_info input, #infofofo input {
width: 50%;
border-radius: 5px;
border: 1px solid silver;
padding: 5px;
}
#table_so_info {
width: 100%;
}
#infofofo input {
width: 98%;
}
#soflexibilite_carrierList {
/*font: normal 12px/14px Arial, Verdana, sans-serif;*/
/*background-color: #F1F2F4;*/
/*border: 1px solid #BDC2C9;*/
/*padding: 5px;*/
}
#soflexibilite_cust {
border: 1px dashed black;
padding: 10px;
width: 300px;
alignment-adjust: central;
}
.soflex_leger_decal {
padding-left: 10px;
font-size: 15px;
font-weight: bold;
}
.so-bold {
font-weight: bold;
height: 25px;
}
#so_box_hors .so_distance {
position: relative;
color: grey;
margin-right: 15px;
top: -2px;
}
.delivery_option_title a:hover {
text-decoration: none;
}
#so_constraint {
vertical-align: -2px;
}
#so_box_hors .so-pipe-separator {
margin: 0 5px 0 5px;
color: black;
font-size: 14px;
}
#so_box_hors .so-info-cpt {
margin-bottom: 30px;
}
#so_box_hors .enConges {
color: #bd4931;
font-size: 1.7em;
font-weight: bolder;
float: right;
}
#custMail, #sl_phone {
min-height: 30px;
}
@media (max-width: 1024px), (max-height: 660px) {
#table_so_info > tbody td:nth-child(3) {
display: none;
}
#so_box_hors a.boxclose {
margin-top: 13px;
margin-right: 10px;
}
#so_box_hors .hoLeft tbody tr td {
font-size: 9px;
}
#button-selector {
background-repeat: no-repeat;
}
}
@media (max-width: 991px) {
#table_so_info {
width: 97%;
}
}
@media (max-width: 700px) {
#soflexibilite_desc_pr > tbody > tr > td:nth-child(1) {
display: none;
}
img[alt^="mon "] {
width: 40px;
}
.tooltip {
display: none !important;
}
#gmap {
display: none;
}
#so_box_hors #super-selector {
width: 100% !important;
}
#so_box_hors .keep-left {
width: 100% !important;
height: 80% !important;
}
#so_box_hors {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#so_box_hors .soflexibilite_addr_sumup .col-lg-6 {
float: none;
}
}