initial commit
This commit is contained in:
chenjinsong
306
WebRoot/css/smart_wizard.css
Normal file
306
WebRoot/css/smart_wizard.css
Normal file
@@ -0,0 +1,306 @@
|
||||
/*
|
||||
SmartWizard 2.0 plugin
|
||||
jQuery Wizard control Plugin
|
||||
by Dipu
|
||||
|
||||
http://www.techlaboratory.net
|
||||
http://tech-laboratory.blogspot.com
|
||||
*/
|
||||
.swMain {
|
||||
position:relative;
|
||||
display:block;
|
||||
margin:0;
|
||||
padding:0;
|
||||
border: 0px solid #CCC;
|
||||
overflow:visible;
|
||||
float:left;
|
||||
width:100%;
|
||||
}
|
||||
.swMain .stepContainer {
|
||||
display:block;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding:0;
|
||||
border: 0px solid #CCC;
|
||||
overflow:hidden;
|
||||
clear:both;
|
||||
height:460px;
|
||||
}
|
||||
|
||||
.setp_content{
|
||||
height: 460px;
|
||||
}
|
||||
|
||||
.swMain .stepContainer div.content {
|
||||
display:block;
|
||||
position: absolute;
|
||||
float:left;
|
||||
margin: 0;
|
||||
padding:5px;
|
||||
border: 1px solid #CCC;
|
||||
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
|
||||
color:#5A5655;
|
||||
background-color:#F8F8F8;
|
||||
height:460px;
|
||||
text-align:left;
|
||||
overflow:visible;
|
||||
z-index:88;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius : 5px;
|
||||
width:100%;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
.swMain div.actionBar {
|
||||
display:block;
|
||||
position: relative;
|
||||
clear:both;
|
||||
margin: 3px 0 0 0;
|
||||
border: 1px solid #CCC;
|
||||
padding: 0;
|
||||
color: #5A5655;
|
||||
background-color: #F8F8F8;
|
||||
height:50px;
|
||||
text-align:left;
|
||||
overflow:auto;
|
||||
z-index:88;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius : 5px;
|
||||
left:0;
|
||||
}
|
||||
|
||||
.swMain .stepContainer .StepTitle {
|
||||
display:block;
|
||||
position: relative;
|
||||
margin:0;
|
||||
border:1px solid #E0E0E0;
|
||||
padding:5px;
|
||||
font: bold 16px Verdana, Arial, Helvetica, sans-serif;
|
||||
color:#5A5655;
|
||||
background-color:#E0E0E0;
|
||||
clear:both;
|
||||
text-align:left;
|
||||
z-index:88;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius : 5px;
|
||||
}
|
||||
.swMain ul.anchor {
|
||||
position: relative;
|
||||
display:block;
|
||||
float:left;
|
||||
list-style: none;
|
||||
padding: 0px;
|
||||
margin: 10px 0;
|
||||
clear: both;
|
||||
border: 0px solid #CCCCCC;
|
||||
background: transparent; /*#EEEEEE */
|
||||
}
|
||||
.swMain ul.anchor li{
|
||||
position: relative;
|
||||
display:block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-left:3px;
|
||||
padding-right: 3px;
|
||||
border: 0px solid #E0E0E0;
|
||||
float: left;
|
||||
}
|
||||
/* Anchor Element Style */
|
||||
.swMain ul.anchor li a {
|
||||
display:block;
|
||||
position:relative;
|
||||
float:left;
|
||||
margin:0;
|
||||
height:50px;
|
||||
text-decoration: none;
|
||||
outline-style:none;
|
||||
-moz-border-radius : 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
z-index:99;
|
||||
padding-top: 8px;
|
||||
}
|
||||
.swMain ul.anchor li a .stepNumber{
|
||||
position:relative;
|
||||
float:left;
|
||||
text-align: center;
|
||||
padding:5px;
|
||||
padding-top:0;
|
||||
font: bold 35px Verdana, Arial, Helvetica, sans-serif;
|
||||
}
|
||||
.swMain ul.anchor li a .stepDesc{
|
||||
position:relative;
|
||||
display:block;
|
||||
float:left;
|
||||
text-align: left;
|
||||
padding:5px;
|
||||
|
||||
font: bold 26px Verdana, Arial, Helvetica, sans-serif;
|
||||
}
|
||||
.swMain ul.anchor li a .stepDesc small{
|
||||
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
|
||||
}
|
||||
.swMain ul.anchor li a.selected{
|
||||
color:#F8F8F8;
|
||||
background: #A71D31; /* EA8511 */
|
||||
border: 1px solid #A71D31;
|
||||
cursor:text;
|
||||
-moz-box-shadow: 5px 5px 8px #888;
|
||||
-webkit-box-shadow: 5px 5px 8px #888;
|
||||
box-shadow: 5px 5px 8px #888;
|
||||
}
|
||||
.swMain ul.anchor li a.selected:hover {
|
||||
color:#F8F8F8;
|
||||
background: #A71D31;
|
||||
}
|
||||
|
||||
.swMain ul.anchor li a.done {
|
||||
position:relative;
|
||||
color:#FFF;
|
||||
background: url('../images/line.png') left repeat-x;
|
||||
border: 0px solid #000;
|
||||
z-index:99;
|
||||
}
|
||||
.swMain ul.anchor li a.done:hover {
|
||||
color:#5A5655;
|
||||
background: url('../images/line.png') left repeat-x;
|
||||
border: 1px solid #5A5655;
|
||||
}
|
||||
.swMain ul.anchor li a.disabled {
|
||||
color:#CCCCCC;
|
||||
background: #F8F8F8;
|
||||
border: 1px solid #CCC;
|
||||
cursor:text;
|
||||
}
|
||||
.swMain ul.anchor li a.disabled:hover {
|
||||
color:#CCCCCC;
|
||||
background: #F8F8F8;
|
||||
}
|
||||
|
||||
.swMain ul.anchor li a.error {
|
||||
color:#6c6c6c !important;
|
||||
background: #f08f75 !important;
|
||||
border: 1px solid #fb3500 !important;
|
||||
}
|
||||
.swMain ul.anchor li a.error:hover {
|
||||
color:#000 !important;
|
||||
}
|
||||
|
||||
.swMain .buttonNext {
|
||||
display:block;
|
||||
float:right;
|
||||
margin:5px 3px 0 3px;
|
||||
padding:5px;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
|
||||
width:100px;
|
||||
color:#FFF;
|
||||
outline-style:none;
|
||||
background-color: #5A5655;
|
||||
border: 1px solid #5A5655;
|
||||
-moz-border-radius : 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
.swMain .buttonDisabled {
|
||||
color:#F8F8F8 !important;
|
||||
background-color: #CCCCCC !important;
|
||||
border: 1px solid #CCCCCC !important;
|
||||
cursor:text;
|
||||
}
|
||||
.swMain .buttonPrevious {
|
||||
display:block;
|
||||
float:right;
|
||||
margin:5px 3px 0 3px;
|
||||
padding:5px;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
|
||||
width:100px;
|
||||
color:#FFF;
|
||||
outline-style:none;
|
||||
background-color: #5A5655;
|
||||
border: 1px solid #5A5655;
|
||||
-moz-border-radius : 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
.swMain .buttonFinish {
|
||||
display:block;
|
||||
float:right;
|
||||
margin:5px 10px 0 3px;
|
||||
padding:5px;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
|
||||
width:100px;
|
||||
color:#FFF;
|
||||
outline-style:none;
|
||||
background-color: #5A5655;
|
||||
border: 1px solid #5A5655;
|
||||
-moz-border-radius : 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
|
||||
/* Form Styles */
|
||||
|
||||
.txtBox {
|
||||
border:1px solid #CCCCCC;
|
||||
color:#5A5655;
|
||||
font:13px Verdana,Arial,Helvetica,sans-serif;
|
||||
padding:2px;
|
||||
width:430px;
|
||||
}
|
||||
.txtBox:focus {
|
||||
border:1px solid #A71D31;
|
||||
}
|
||||
|
||||
.swMain .loader {
|
||||
position:relative;
|
||||
display:none;
|
||||
float:left;
|
||||
margin: 2px 0 0 2px;
|
||||
padding:8px 10px 8px 40px;
|
||||
border: 1px solid #FFD700;
|
||||
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
|
||||
color:#5A5655;
|
||||
background: #FFF url(../images/loader.gif) no-repeat 5px;
|
||||
-moz-border-radius : 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
z-index:998;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.swMain .msgBox .content {
|
||||
font: normal 12px Verdana,Arial,Helvetica,sans-serif;
|
||||
padding: 0px;
|
||||
float:left;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.swMain .msgBox .close:hover{
|
||||
color: #A71D31;
|
||||
border: 1px solid #A71D31;
|
||||
}
|
||||
Reference in New Issue
Block a user