1
0
mirror of https://github.com/moparisthebest/SickRage synced 2024-11-11 11:55:03 -05:00
SickRage/gui/slick/css/formwizard.css
2014-10-01 08:20:37 +10:00

102 lines
2.7 KiB
CSS

fieldset.sectionwrap{
text-align: left;
width: 800px;
border-width:0;
padding:5px;
top: -25px !important;
}
legend.legendStep{
font-weight: bold;
font-size: 16px;
color: #343434;
display: none;
}
div.stepsguide{ /*div that contains all the "steps" text located at top of form */
text-align: left;
width: 800px; /*width of "steps" container*/
overflow:hidden;
margin-bottom:15px;
cursor:pointer;
}
div.stepsguide .step{
width:266px; /*width of each "steps" text*/
font-weight: bold;
font-size: 24px;
float:left;
}
div.stepsguide .step p {
border-bottom: 4px solid #23afdc;
}
div.stepsguide .disabledstep{
color:#C4C4C4;
}
div.stepsguide .disabledstep p {
border-bottom: 4px solid #1178b3;
}
div.stepsguide .step .smalltext{
font-size: 13px;
font-weight: normal;
}
div.formpaginate{
width: 800px;
overflow:auto;
font-weight:bold;
text-align:center;
margin-top:1em;
}
div.formpaginate .prev, div.formpaginate .next{
display: inline-block;
padding: 3.5px 10px 3.5px;
font-size: 14px;
font-weight: normal;
line-height: 18px;
color:#fff;
text-align:center;
text-shadow:0 1px rgba(0,0,0,0.8);
background:#2265a1;
background-clip:padding-box;
border:1px solid #111;
border-radius:3px;
cursor:pointer;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.08),rgba(255,255,255,0) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.25));
background-image:-moz-linear-gradient(top, rgba(255,255,255,0.08),rgba(255,255,255,0) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.25));
background-image:-o-linear-gradient(top, rgba(255,255,255,0.08),rgba(255,255,255,0) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.25));
background-image:linear-gradient(to bottom, rgba(255,255,255,0.08),rgba(255,255,255,0) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.25));
-webkit-box-shadow:inset 0 1px rgba(255,255,255,0.1),inset 0 -1px 3px rgba(0,0,0,0.3),inset 0 0 0 1px rgba(255,255,255,0.08),0 1px 2px rgba(0,0,0,0.15);
box-shadow:inset 0 1px rgba(255,255,255,0.1),inset 0 -1px 3px rgba(0,0,0,0.3),inset 0 0 0 1px rgba(255,255,255,0.08),0 1px 2px rgba(0,0,0,0.15);
}
.prev:hover , .next:hover{
background-color:#2672b6 !important;
}
.stepDiv {
padding: 21px 15px 15px 15px;
margin-left: auto;
margin-right: auto;
}
input:not(.btn){
margin-right: 6px;
padding: 4px;
border-radius: 3px;
border: 1px solid #111;
}
/* step 3 related */
#customQualityWrapper {/* height: 190px;*/ overflow: hidden; }
#customQualityWrapper div.component-group-desc{float:left;width:165px;}
#customQualityWrapper div.component-group-desc p{width:85%;font-size:14px;color:#666;margin:.8em 0;}
#customQualityWrapper div.component-group-desc p.note{width:90%;font-size:14px;color:#333;margin:.8em 0;}