Files
PrestaShop/install-dev/view.css
2011-08-10 08:36:17 +00:00

745 lines
17 KiB
CSS

@CHARSET "UTF-8";
/* ****************************************************************************
reset
**************************************************************************** */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}
a {cursor:pointer;}
.installModuleList { display: none; }
.installModuleList.selected { display: block; }
.clearfix:before,
.clearfix:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
/* ****************************************************************************
structure
**************************************************************************** */
#container{
position:relative;
display:none;
margin:0 auto;
padding:0;
width:990px;
background :#fff;
}
#header {
padding:6px 16px 16px 16px;
height:68px;/* 90 */
background:#394049;
}
#loaderSpace{
display:none;
z-index: 100;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background:transparent url(img/bg_loaderSpace.png) repeat 0 0;
}
div#loader{
display:none;
margin: 450px 0 0 440px;
height:128px;
width:128px;
color:#fff;
background-image:url(img/ajax-loader.gif);
}
div#leftpannel{
float:left;
margin:65px 30px 0 30px;
width:220px;
}
div#sheets {
float:left;
margin-top:65px;
min-height:400px;
width:700px;
background-color:#fff;
}
* html div#sheets {
height: 400px;
}
#sheets div.sheet{
/*display:none;*/
padding:1em;
width:650px;
}
div#buttons{
clear:both;
margin:0 0 0 295px;
height:70px;
width:650px;
}
* html div#buttons {
margin-bottom:60px;
margin-top:-30px;
}
#btNext {float:right;}
ul#footer{
margin-top:5px;
list-style-type:none;
text-align:center;
margin-bottom:2px;
color:#fff;
}
/* ****************************************************************************
generics styles
**************************************************************************** */
body{
font:normal 13px/18px Arial, Helvetica, sans-serif;
color:#333;
background:#e1e2e2;
}
/* title */
h1 {font-size:24px;}
h2 {
padding-bottom:20px;
font-size:18px;
line-height:20px;
}
h3 {
padding-bottom:20px;
font-size:16px;
}
h4 {
padding-bottom:20px;
font-size:14px;
}
/* text */
p {padding-bottom:20px;}
#sheets ul {
margin-left: 15px;
padding-bottom:20px;
list-style-type:square;
}
/* link */
a, a:active, a:visited {
color:#d41958;
text-decoration:none;
}
a:hover {text-decoration:underline;}
sup.required {color: red;}
/*buttons */
/* form */
input.button {
padding:0 30px;
height:31px;
line-height:31px;
font-weight:bold;
color:#fff;
text-shadow:0 1px 0 #0d7903;
background:#039701 url(img/bt.png) repeat-x 0 0;
border:1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius: 5px;
box-shadow:0 1px #666;
}
input.button:hover {
background:#039701 url(img/bt-hover.png) repeat-x 0 0;
cursor:pointer;
}
input#btBack {
color:#666;
text-shadow:0 1px 0 #fff;
background-image:url(img/bt_off.png);
}
input#btBack:hover {background-image:url(img/bt_off_hover.png);}
input.button.disabled {
color:#666;
text-shadow:0 1px 0 #fff;
background:#ccc url(img/bt-dsbl.png) repeat-x 0 0;
}
input.text {
padding:0 6px;
height:22px;
width:218px;/* 230 */
background:#fff url(img/bg_input_button.png) repeat-x 0 0;
border:1px solid #ccc;
}
select {
width: 232px;
border:1px solid #ccc;
}
div.field {
padding:10px 0;
border-bottom:1px solid #ccc;
}
div.field label {
display:inline-block;
width:190px;
vertical-align: top;
}
div.field label.radiolabel {width:auto;}
div.field span.contentinput {
display:inline-block;
width:245px;
vertical-align: top;
}
div.field .userInfos {
display:inline-block;
width:200px;
font-size:11px;
font-style:italic;
color:#999;
}
.okBlock {
padding:20px 20px 20px 38px;
background:#b7e2a7 url(img/pict_ok.png) no-repeat 15px 21px;
border:1px solid #85c10c;
}
.errorBlock {
padding:20px 20px 20px 38px;
background:#ffebe8 url(img/pict_error.png) no-repeat 15px 21px;
border:1px solid #cc0000;
}
.infosBlock {
padding:14px 25px 14px 35px;
font-weight:normal;
font-size:13px;
line-height:18px;
background:#f8f8f8 url(img/pict_h3_infos.png) no-repeat 10px 13px;
border:1px solid #ccc;
}
.okBlock h1,
.okBlock h2,
.okBlock h3,
.errorBlock h1,
.errorBlock h2,
.errorBlock h3,
.infosBlock h1,
.infosBlock h2,
.infosBlock h3 {
padding-bottom:5px;
}
/* ****************************************************************************
HEADER
**************************************************************************** */
#header #headerLinks {float:right;}
#header #headerLinks li {
display:inline-block;
padding:0 12px;
vertical-align: top;
background:transparent url(img/bg-li-headerLinks.png) no-repeat right 2px;
}
#header #headerLinks li.last {background:none;}
#header #headerLinks li a {
color:#fff;
text-decoration:none;
}
#header #headerLinks li a:hover {text-decoration:underline;}
#header #headerLinks #phone_block {
padding:0 0 0 46px;
line-height:14px;
color:#fff;
text-shadow:0 1px 0 #333;
background:transparent url(img/bg-phone_block.png) no-repeat 0 0;
}
#header #headerLinks #phone_block div {
padding:7px 15px 8px 0;
background:transparent url(img/bg-phone_block.png) no-repeat right top;
}
#header #PrestaShopLogo {
float:left;
margin:5px 0 0 10px;
height: 51px;
width: 192px;
text-indent: -5000px;
background:transparent url(img/logo.png) no-repeat 0 0;
}
#header #infosSup {
display:none;
float:left;
margin:10px 0 0 50px;
}
/* ****************************************************************************
LEFTPANEL
**************************************************************************** */
div#leftpannel div#help{display:none;}
ol#tabs{
list-style-type:none;
margin:0;
padding:0;
}
ol#tabs li{
padding:9px 0 9px 16px;
font-size:14px;
color:#adadad;
}
ol#tabs li.selected{
font-weight: bold;
color:#000;
background : url(img/bg-li-tabs.png) no-repeat 1px 15px;
}
ol#tabs li.finished{
color:#78a531;
background : url(img/bg-li-tabs-finished.png) no-repeat 0 12px;
}
/* ****************************************************************************
FOOTER
**************************************************************************** */
ul#footer li {
display:inline;
font-weight:bold;
font-size:12px;
color:#666;
}
ul#footer a:link, ul#footer a:active, ul#footer a:visited {
color:#666;
text-decoration:none;
}
ul#footer a:hover{
color:#333;
text-decoration:underline;
}
/* ****************************************************************************
SHEET
**************************************************************************** */
#sheets div.sheet {
display: none;
padding: 14px;
width: 650px;
}
#sheets div#sheet_lang{
display:block;
}
.sheet .contentTitle {
position:absolute;
top:90px;
left:0;
padding:15px 25px 10px 38px;
height:28px;/* 53 */
width:927px;/* 990 */
background:transparent url(img/bg-contentTitle.png) repeat-x 0 0;
}
.sheet .contentTitle .stepList {
position:absolute;
top:7px;
right:20px;
list-style-type:none !important;
}
.sheet .contentTitle .stepList li {
float:left;
height:42px;
width:42px;
text-indent:-5000px;
background:transparent url(img/bg_li_stepList.png) no-repeat 0 0;
}
.sheet .contentTitle .stepList li.ok {background-position:0 -50px;}
.sheet .contentTitle .stepList li.ko {background-position:0 -100px;}
.sheet .contentTitle h1 {text-shadow:0 1px 0 #fff;}
.sheet .contentTitle ul {list-style-type:none;}
li.title {
margin:0;
font-weight:bold;
}
/* INSTALLATION ***************************************************************************** */
/* ETAPE 1 - lang ********************************************************** */
#formSetMethod {padding-bottom:20px;}
#formSetMethod p {padding-bottom:0;}
ul#langList {list-style-type:none;}
/* ETAPE 2 - required ******************************************************* */
#sheet_require #req_bt_refresh {float:right;}
#sheet_require #btTestDB {float:right;}
/*h3#resultConfig {
padding:20px 20px 20px 38px;
background:#ffebe8 url(img/pict_error.png) no-repeat 15px 21px;
border:1px solid #cc0000;
}*/
ul#required,
ul#optional {list-style-type:none;}
ul#required li,
ul#optional li {
padding:6px 8px 4px 8px;
background:#f8f8f8;
}
ul#required li.title,
ul#optional li.title {
margin-top: 20px;
padding:4px 8px;
background:#f8f8f8 url(img/bg_li_title.png) repeat-x 0 0;
}
ul#required li.required ,
ul#optional li.optional{
border-top:1px solid #fff;
border-bottom:1px solid #ccc;
}
ul#required li.ok,
ul#optional li.ok{
background:#f8f8f8 url(img/pict_ok.png) no-repeat 100% 10px;
}
ul#required li.fail,
ul#optional li.fail {
background:#f8f8f8 url(img/pict_error.png) no-repeat 100% 8px;
}
/* ETAPE 3 - DB ************************************************************* */
#sheet_db {
padding:0 !important;
width:678px !important;
}
#formCheckSQL p,
#mailSMTPParam p {
/*
USELESS
padding:10px 0;
border-top:1px solid #fff;
border-bottom:1px solid #ccc;*/
}
#formCheckSQL p.first {border-top:none;}
#formCheckSQL p.last {border-bottom:none;}
/*USELESS #formCheckSQL p#dbResultCheck {border:none;}*/
#formCheckSQL p label,
#mailSMTPParam p label {
display:inline-block;
width:230px;
}
#dbPart,
#dbTableParam,
#mailPart {
margin-bottom:15px;
padding:14px;
width:650px;
background:#f8f8f8;
}
#mailSMTPParam {margin-bottom:10px;}
#mailSMTPParam #configsmtp span {
padding-left:15px;
font-size:11px;
font-style:italic;
color:#999;
}
#mailPart .userInfos {
padding-left:18px;
font: 11px Georgia, Arial, Sans-serif italic;
color:#999;
}
/* ETAPE 4 - infos ********************************************************* */
#sheet_infos {
padding:0 !important;
width:678px !important;
}
#contentInfosNotification {
padding-left:190px;
border:none;
}
#contentInfosNotification label {
width:auto;
font-size:11px;
}
#infosShopBlock,
#benefitsBlock {
margin-bottom:15px;
padding:14px;
width:650px;
background:#f8f8f8;
}
#inputFileLogo {margin-left:190px;}
.moduleTable {
padding: 5px;
width: 650px;
background:#fff;
border: 1px solid #CCC;
border-bottom:none;
}
.moduleTable tr {
border-bottom: 1px solid #CCC;
}
.moduleTable th {
font-size:13;
color:#000;
text-shadow:0 1px 0 #fff;
background:#cfcfcf url(img/bg_moduleTable_th.png) repeat-x 0 0;
}
.moduleTable .field {
padding:10px 0;
border-bottom:none;
}
.moduleTable .field label {
display:inline-block;
padding-left:10px;
width:180px;/* 190 */
}
.moduleTable .field label.radiolabel {width:auto;}
.moduleTable .field span.contentinput {
display:inline-block;
width:245px;
font-size: 11px;
font-style:italic;
color:#999;
}
#paypal_uk_form_form_dateOfEstablishment_year,
#paypal_de_form_dateOfEstablishment_year,
#paypal_es_form_dateOfEstablishment_year,
#paypal_it_form_dateOfEstablishment_year,
#paypal_gb_form_dateOfEstablishment_year,
#paypal_se_form_dateOfEstablishment_year,
#paypal_fr_form_dateOfEstablishment_year
#moneybookers_uk_form_dateOfBirth_year,
#moneybookers_de_form_dateOfBirth_year,
#moneybookers_es_form_dateOfBirth_year,
#moneybookers_it_form_dateOfBirth_year,
#moneybookers_gb_form_dateOfBirth_year,
#moneybookers_se_form_dateOfBirth_year,
#moneybookers_fr_form_dateOfBirth_year {
margin-right:10px;
width:60px !important;
}
#paypal_uk_form_dateOfEstablishment_month,
#paypal_uk_form_dateOfEstablishment_day,
#paypal_de_form_dateOfEstablishment_month,
#paypal_de_form_dateOfEstablishment_day,
#paypal_es_form_dateOfEstablishment_month,
#paypal_es_form_dateOfEstablishment_day,
#paypal_it_form_dateOfEstablishment_month,
#paypal_it_form_dateOfEstablishment_day,
#paypal_gb_form_dateOfEstablishment_month,
#paypal_gb_form_dateOfEstablishment_day,
#paypal_se_form_dateOfEstablishment_month,
#paypal_se_form_dateOfEstablishment_day,
#moneybookers_uk_form_dateOfBirth_month,
#moneybookers_uk_form_dateOfBirth_day,
#moneybookers_de_form_dateOfBirth_month,
#moneybookers_de_form_dateOfBirth_day,
#moneybookers_es_form_dateOfBirth_month,
#moneybookers_es_form_dateOfBirth_day,
#moneybookers_it_form_dateOfBirth_month,
#moneybookers_it_form_dateOfBirth_day,
#moneybookers_gb_form_dateOfBirth_month,
#moneybookers_gb_form_dateOfBirth_day,
#moneybookers_se_form_dateOfBirth_month,
#moneybookers_se_form_dateOfBirth_day,
#moneybookers_fr_form_dateOfBirth_month,
#moneybookers_fr_form_dateOfBirth_day {
margin-right:10px;
width:45px !important;
}
#resultInfosPasswordRepeat {color:#cc0000;}
/* ETAPE 5 - end *********************************************************** */
#resultInstall {margin-bottom:25px;}
#resultInstall td {padding:7px 6px;}
#resultInstall tr.odd {background:#f8f8f8;}
#resultInstall td.resultEnd {color:#666;}
.blockInfoEnd {
float:left;
margin:34px 20px 22px 0;
padding:10px;
width:292px;/* 312 */
background:#fff url(img/bg_blockInfoEnd.png) repeat-x 0 0;
border:1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius: 5px;
box-shadow:0 1px #d9d9d9;
}
.blockInfoEnd.last {margin-right:0;}
.blockInfoEnd p {
font:italic 11px/14px Georgia, Arial, Sans-serif;
color:#666;
}
.blockInfoEnd img {
float:left;
margin:0 14px 5px 0;
}
.blockInfoEnd a.BO,
.blockInfoEnd a.FO {
float:right;
padding:0 0 0 12px;
height:33px;
line-height:33px;
color:#fff;
background:#039701 url(img/bg_bt_blockInfoEnd.png) no-repeat 0 0;
border:1px solid #019700;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius: 5px;
}
.blockInfoEnd a.BO span ,
.blockInfoEnd a.FO span {
display:inline-block;
padding:0 32px 0 0;
height:33px;
line-height:33px;
color:#fff;
background:#039701 url(img/bg_bt_blockInfoEnd.png) no-repeat 100% 0;
}
#prestastore,
#prestastore_update {
height:210px;
width:645px;
border:none;
/*-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius: 5px*/
}
/* MISE A JOUR ********************************************************************************* */
/* ETAPE 1 - disclaimer **************************************************** */
/* ETAPE 2 - require_update ************************************************ */
#disclaimerDivCertify {margin-bottom:20px;}
#upgradeProcess table {
padding: 5px;
width: 650px;
background:#fff;
border: 1px solid #CCC;
border-bottom:none;
}
#upgradeProcess tr {
border-bottom: 1px solid #CCC;
}
#upgradeProcess th,
#upgradeProcess td{padding:3px 5px;}
#upgradeProcess th {
font-size:13;
color:#000;
text-shadow:0 1px 0 #fff;
background:#cfcfcf url(img/bg_moduleTable_th.png) repeat-x 0 0;
}
#upgradeProcess .infosBlock {
margin:20px 0;
padding:14px 25px;
background:#F8F8F8;
}
ul#required_update,
ul#optional_update {list-style-type:none;}
ul#required_update li,
ul#optional_update li {
padding:6px 8px 4px 8px;
background:#f8f8f8;
}
ul#required_update li.title,
ul#optional_update li.title {
margin-top: 20px;
padding:4px 8px;
background:#f8f8f8 url(img/bg_li_title.png) repeat-x 0 0;
}
ul#required_update li.required ,
ul#optional_update li.optional{
border-top:1px solid #fff;
border-bottom:1px solid #ccc;
}
ul#required_update li.fail,
ul#optional_update li.fail {
background:#f8f8f8 url(img/pict_error.png) no-repeat 100% 8px;
}
ul#required_update li.ok,
ul#optional_update li.ok{
background:#f8f8f8 url(img/pict_ok.png) no-repeat 100% 10px;
}
#sheet_require_update #req_bt_refresh_update {float:right;}
/* ETAPE 3 - updateErrors ************************************************** */
/* ETAPE 4 - end_update **************************************************** */
#updateLog {
height: 200px;
overflow: scroll;
border: 1px solid #E1E2E2;
}
#updateLog .fail {
font-weight:bold;
color: red;
}
.request {
border-bottom: 1px solid #E1E2E2;
}
/* ****************************************************************************
xxxxx
**************************************************************************** */