// small fix on carriers wizard ( remove original css, and change js add/remove class .error to .errorStep)
This commit is contained in:
Kevin Granger
+228
-94
@@ -486,6 +486,7 @@ select optgroup option {
|
||||
border: 1px solid #CC0000;
|
||||
color:#D8000C;
|
||||
}
|
||||
|
||||
#content .conf a, #content .warn a, #content .error a {
|
||||
color:#D8000C;
|
||||
font-weight: bold;
|
||||
@@ -2404,38 +2405,235 @@ margin-bottom:7px;
|
||||
|
||||
|
||||
/******************** CSS Carrier Wizard ************************/
|
||||
|
||||
#carrier_wizard.swMain{width: 100%;}
|
||||
#carrier_wizard.swMain ul.anchor{width: 100%;}
|
||||
|
||||
#carrier_wizard.swMain ul.anchor li{
|
||||
margin-bottom:10px;
|
||||
background: transparent url(../img/admin/steps-carrierwizard.png) no-repeat 0 0 !important;
|
||||
border: medium none;
|
||||
padding-left: 0;
|
||||
width:auto;
|
||||
padding-right: 62px;
|
||||
padding-top:0
|
||||
#carrier_wizard.swMain {
|
||||
position:relative;
|
||||
display:block;
|
||||
margin:0;
|
||||
padding:0;
|
||||
float:left;
|
||||
min-width: 980px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
#carrier_wizard.swMain ul.nbr_steps_3 li{min-width: 29.9%;}
|
||||
#carrier_wizard.swMain ul.nbr_steps_4 li{min-width: 21.6%;}
|
||||
#carrier_wizard.swMain ul.nbr_steps_5 li{ min-width: 16.6%;}
|
||||
|
||||
#carrier_wizard.swMain ul.anchor li.disabled{background: transparent url(../img/admin/steps-carrierwizard.png) no-repeat right -64px !important;}
|
||||
#carrier_wizard.swMain ul.anchor li.selected{background: transparent url(../img/admin/steps-carrierwizard.png) no-repeat right -32px !important;}
|
||||
#carrier_wizard.swMain ul.anchor li.done{background: transparent url(../img/admin/steps-carrierwizard.png) no-repeat right 0 !important;}
|
||||
|
||||
#carrier_wizard.swMain ul.anchor li a{
|
||||
padding: 3px 20px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
min-height: 24px !important;
|
||||
border-radius:0;
|
||||
#carrier_wizard.swMain .stepContainer {
|
||||
display:block;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding:0;
|
||||
overflow:hidden;
|
||||
clear:both;
|
||||
}
|
||||
#carrier_wizard.swMain .stepContainer div.content {
|
||||
width: 100%;
|
||||
display:block;
|
||||
position: absolute;
|
||||
float:left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align:left;
|
||||
overflow:visible;
|
||||
z-index:88;
|
||||
clear:both;
|
||||
}
|
||||
#carrier_wizard.swMain div.actionBar {
|
||||
display:block;
|
||||
position: relative;
|
||||
clear:both;
|
||||
padding: 0;
|
||||
text-align:left;
|
||||
overflow:auto;
|
||||
z-index:88;
|
||||
background-color: #f7f8f7;
|
||||
border: 1px solid #caccca;
|
||||
height: 37px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#carrier_wizard.swMain .stepContainer .StepTitle {
|
||||
display:block;
|
||||
position: relative;
|
||||
margin:0;
|
||||
padding:5px;
|
||||
clear:both;
|
||||
text-align:left;
|
||||
z-index:88;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius : 5px;
|
||||
}
|
||||
#carrier_wizard.swMain ul.anchor {
|
||||
position: relative;
|
||||
display:block;
|
||||
float:left;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0 0 10px 0;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
}
|
||||
#carrier_wizard.swMain ul.anchor li{
|
||||
position: relative;
|
||||
display:block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
float: left;
|
||||
width: 25%;
|
||||
}
|
||||
#carrier_wizard.swMain ul.anchor li a {
|
||||
height: 32px;
|
||||
display:block;
|
||||
position:relative;
|
||||
margin: 0;
|
||||
padding-right: 25px;
|
||||
text-decoration: none;
|
||||
outline-style:none;
|
||||
z-index:99;
|
||||
overflow: hidden;
|
||||
}
|
||||
#carrier_wizard.swMain ul.anchor li a .stepNumber{
|
||||
position:relative;
|
||||
float:left;
|
||||
width: 24px;
|
||||
height: 32px;
|
||||
text-align: center;
|
||||
padding:0 5px;
|
||||
padding-top:0;
|
||||
font-size: 30px;
|
||||
line-height: 32px;
|
||||
color: #fffffe;
|
||||
text-shadow: none;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#carrier_wizard.swMain ul.anchor li a .stepDesc{
|
||||
position:relative;
|
||||
text-align: left;
|
||||
font-size: 15px;
|
||||
height: 32px;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
line-height: 13px;
|
||||
}
|
||||
#carrier_wizard.swMain ul.anchor li a.selected{
|
||||
color:#F8F8F8;
|
||||
cursor:text;
|
||||
background: #404956 url(../img/admin/steps-carrierwizard.png) no-repeat right -32px;
|
||||
}
|
||||
#carrier_wizard.swMain ul.anchor li a.done,
|
||||
#carrier_wizard.swMain ul.anchor li.done.selected a.selected {
|
||||
position:relative;
|
||||
color:#FFF;
|
||||
background: url(../img/admin/steps-carrierwizard.png) right 0 no-repeat #3f4856;
|
||||
z-index:99;
|
||||
}
|
||||
#carrier_wizard.swMain ul.anchor li a.disabled {
|
||||
cursor:text;
|
||||
background: url(../img/admin/steps-carrierwizard.png) right -64px no-repeat #cbcccb;
|
||||
color: #878787;
|
||||
}
|
||||
#carrier_wizard.swMain .buttonNext {
|
||||
display:block;
|
||||
float:right;
|
||||
margin:5px 3px 0 3px;
|
||||
padding:5px;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
width:100px;
|
||||
color:#FFF;
|
||||
outline-style:none;
|
||||
background-color: #5A5655;
|
||||
border: 1px solid #5A5655;
|
||||
-moz-border-radius : 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
#carrier_wizard.swMain .buttonDisabled {
|
||||
color:#F8F8F8 !important;
|
||||
background-color: #CCCCCC !important;
|
||||
border: 1px solid #CCCCCC !important;
|
||||
cursor:text;
|
||||
}
|
||||
#carrier_wizard.swMain .buttonPrevious {
|
||||
display:block;
|
||||
float:right;
|
||||
margin:5px 3px 0 3px;
|
||||
padding:5px;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
width:100px;
|
||||
color:#FFF;
|
||||
outline-style:none;
|
||||
background-color: #5A5655;
|
||||
border: 1px solid #5A5655;
|
||||
-moz-border-radius : 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
#carrier_wizard.swMain .buttonFinish {
|
||||
display:block;
|
||||
float:right;
|
||||
margin:5px 10px 0 3px;
|
||||
padding:5px;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
width:100px;
|
||||
color:#FFF;
|
||||
outline-style:none;
|
||||
background-color: #5A5655;
|
||||
border: 1px solid #5A5655;
|
||||
-moz-border-radius : 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
#carrier_logo_block{
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#carrier_wizard.swMain .msgBox {
|
||||
position:relative;
|
||||
display:none;
|
||||
float:left;
|
||||
margin: 4px 0 0 5px;
|
||||
padding:5px;
|
||||
border: 1px solid #FFD700;
|
||||
background-color: #FFFFDD;
|
||||
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
|
||||
color:#5A5655;
|
||||
-moz-border-radius : 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
z-index:999;
|
||||
min-width:200px;
|
||||
}
|
||||
#carrier_wizard.swMain .msgBox .content {
|
||||
padding: 0px;
|
||||
float:left;
|
||||
}
|
||||
#carrier_wizard.swMain .msgBox .close {
|
||||
border: 1px solid #CCC;
|
||||
border-radius: 3px;
|
||||
color: #CCC;
|
||||
display: block;
|
||||
float: right;
|
||||
margin: 0 0 0 5px;
|
||||
outline-style: none;
|
||||
padding: 0 2px 0 2px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
#carrier_wizard.swMain .msgBox .close:hover{color: #EA8511;border: 1px solid #EA8511;}
|
||||
#carrier_wizard.swMain ul.anchor li a.done .stepNumber {color: #A9B6C8;text-shadow: none;}
|
||||
#carrier_wizard.swMain ul.anchor li a.done .stepDesc {color: #A9B6C8;text-shadow: none;}
|
||||
#carrier_wizard .border_top {border-top:solid 1px #C0C0C0;}
|
||||
#carrier_wizard .border_bottom {border-bottom:solid 1px #C0C0C0;}
|
||||
#carrier_wizard .border_left {border-left:solid 1px #C0C0C0;}
|
||||
#carrier_wizard .border_right {border-right:solid 1px #C0C0C0;}
|
||||
#carrier_wizard .border_all {border:solid 1px #C0C0C0;}
|
||||
#carrier_wizard input.field_error {border : solid 1px red; background-color:#FFCCCCheight: 1px;}
|
||||
#carrier_wizard table td.center {text-align: center}
|
||||
#carrier_wizard .new_range {float: left; margin: 20px 0 0 10px; width: 130px;}
|
||||
#carrier_wizard tr.fees_all { background: #CCCCCC}
|
||||
#carrier_wizard #zones_table input[type=text] {width: 45px;}
|
||||
#carrier_wizard #fieldset_form { min-height: 190px}
|
||||
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /*** IE10 ***/
|
||||
/*** IE10 ***/
|
||||
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
||||
#carrier_wizard.swMain ul.anchor li a{padding: 3px 19px 3px 19px;}
|
||||
#carrier_wizard.swMain ul.anchor li{padding-right: 60px;}
|
||||
#carrier_wizard.swMain ul.nbr_steps_3 li{ min-width: 30%;}
|
||||
@@ -2443,82 +2641,18 @@ margin-bottom:7px;
|
||||
#carrier_wizard.swMain ul.nbr_steps_5 li{ min-width: 16.7%;}
|
||||
|
||||
}
|
||||
|
||||
.ie9 #carrier_wizard.swMain ul.anchor li a,
|
||||
.ie8 #carrier_wizard.swMain ul.anchor li a{padding: 3px 19px 3px 19px;}
|
||||
|
||||
.ie9 #carrier_wizard.swMain ul.anchor li,
|
||||
.ie8 #carrier_wizard.swMain ul.anchor li,
|
||||
.ie7 #carrier_wizard.swMain ul.anchor li{padding-right: 60px;}
|
||||
|
||||
.ie7 #carrier_wizard.swMain ul.anchor li a{padding: 3px 19px 3px 19px;}
|
||||
|
||||
.ie9 #carrier_wizard.swMain ul.nbr_steps_3 li,
|
||||
.ie8 #carrier_wizard.swMain ul.nbr_steps_3 li{ min-width: 30%;}
|
||||
|
||||
.ie9 #carrier_wizard.swMain ul.nbr_steps_4 li,
|
||||
.ie8 #carrier_wizard.swMain ul.nbr_steps_4 li{ min-width: 21.7%;}
|
||||
|
||||
.ie9 #carrier_wizard.swMain ul.nbr_steps_5 li,
|
||||
.ie8 #carrier_wizard.swMain ul.nbr_steps_5 li{ min-width: 16.7%;}
|
||||
|
||||
|
||||
.ie7 #carrier_wizard.swMain ul.nbr_steps_3 li{ width: 312px;}
|
||||
.ie7 #carrier_wizard.swMain ul.nbr_steps_4 li{ width: 312px;}
|
||||
.ie7 #carrier_wizard.swMain ul.nbr_steps_5 li{ width: 312px;}
|
||||
|
||||
|
||||
#carrier_wizard.swMain ul.anchor li a.disabled {
|
||||
background: #CCCCCC;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
#carrier_wizard.swMain ul.anchor li a.selected,
|
||||
#carrier_wizard.swMain ul.anchor li a.done,
|
||||
#carrier_wizard.swMain ul.anchor li a.error {
|
||||
background: #414A56 !important;
|
||||
border: none !important;
|
||||
box-shadow: none;
|
||||
color: #ffffff;
|
||||
cursor: text;
|
||||
margin:0;
|
||||
height:26px
|
||||
}
|
||||
|
||||
|
||||
#carrier_wizard.swMain ul.anchor li a .stepNumber {font: bold 23px/21px Verdana,Arial,Helvetica,sans-serif;color: #747C88;padding-bottom: 0;}
|
||||
#carrier_wizard.swMain ul.anchor li a.selected .stepNumber{color: #ffffff;}
|
||||
#carrier_wizard.swMain ul.anchor li a.done .stepNumber {color: #A9B6C8;text-shadow: none;}
|
||||
|
||||
#carrier_wizard.swMain ul.anchor li a .stepDesc {
|
||||
font: bold 13px/12px Verdana,Arial,Helvetica,sans-serif;
|
||||
color: #747C88;
|
||||
padding:0 5px;
|
||||
cursor:pointer
|
||||
}
|
||||
#carrier_wizard.swMain ul.anchor li a.selected .stepDesc{color: #ffffff;}
|
||||
#carrier_wizard.swMain ul.anchor li a.done .stepDesc {color: #A9B6C8;}
|
||||
|
||||
#carrier_wizard.swMain ul.anchor li a .stepDesc small {font: 11px Verdana,Arial,Helvetica,sans-serif;}
|
||||
|
||||
#carrier_wizard.swMain .stepContainer div.content{width:99%}
|
||||
#carrier_wizard.swMain div.actionBar{width:99.5%}
|
||||
|
||||
#carrier_wizard .border_top {border-top:solid 1px #C0C0C0;}
|
||||
#carrier_wizard .border_bottom {border-bottom:solid 1px #C0C0C0;}
|
||||
#carrier_wizard .border_left {border-left:solid 1px #C0C0C0;}
|
||||
#carrier_wizard .border_right {border-right:solid 1px #C0C0C0;}
|
||||
#carrier_wizard .border_all {border:solid 1px #C0C0C0;}
|
||||
#carrier_wizard input.field_error {border : solid 1px red; background-color:#FFCCCC}
|
||||
#carrier_wizard table td.center {text-align: center}
|
||||
.new_range {float: left;margin: 20px 0 0 10px;}
|
||||
#carrier_wizard tr.fees_all { background: #CCCCCC}
|
||||
|
||||
#carrier_wizard #zones_table input[type=text] {width: 45px;}
|
||||
|
||||
#carrier_logo_block{position: absolute;right: 15px;}
|
||||
|
||||
#carrier_wizard #fieldset_form { min-height: 190px}
|
||||
#carrier_wizard .step_container { padding-bottom:10px }
|
||||
.ie7 #carrier_wizard.swMain ul.nbr_steps_5 li{ width: 312px;}*/
|
||||
|
||||
Reference in New Issue
Block a user