Skip to content

Commit 9c57e13

Browse files
bfederlebfederle
committed
Update layout of multi-wizards
-Change colors of progress bar -Minor fixes to layout in zone wizard
1 parent e7685f8 commit 9c57e13

1 file changed

Lines changed: 28 additions & 42 deletions

File tree

‎ui/css/cloudstack3.css‎

Lines changed: 28 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -5315,38 +5315,34 @@ label.error {
53155315
float: left;
53165316
width: 128px;
53175317
height: 40px;
5318-
border: 1px solid #5B7084;
5319-
border-left: 1px solid #000000;
5320-
border-right: none;
5321-
background: url(../images/bg-gradients.png) 0px -261px;
53225318
padding: 0 0px;
53235319
position: relative;
53245320
}
53255321

53265322
.multi-wizard.instance-wizard .progress ul li {
5327-
width: 109px;
5323+
width: 102px;
5324+
margin-left: 8px;
53285325
}
53295326

53305327
.multi-wizard .progress ul li.first {
5331-
/*+border-radius:5px 0 0 5px;*/
5332-
-moz-border-radius: 5px 0 0 5px;
5333-
-webkit-border-radius: 5px 0 0 5px;
5334-
-khtml-border-radius: 5px 0 0 5px;
5335-
border-radius: 5px 0 0 5px;
5328+
/*+border-radius:5px;*/
5329+
-moz-border-radius: 5px;
5330+
-webkit-border-radius: 5px;
5331+
-khtml-border-radius: 5px;
5332+
border-radius: 5px;
53365333
}
53375334

53385335
.multi-wizard .progress ul li.last {
5339-
/*+border-radius:0 5px 5px 0;*/
5340-
-moz-border-radius: 0 5px 5px 0;
5341-
-webkit-border-radius: 0 5px 5px 0;
5342-
-khtml-border-radius: 0 5px 5px 0;
5343-
border-radius: 0 5px 5px 0;
5344-
border-right: 1px solid #5B7084;
53455336
}
53465337

53475338
.multi-wizard .progress ul li.active {
53485339
background: url(../images/bg-gradients.png) 0px -221px;
53495340
height: 40px;
5341+
/*+border-radius:5px;*/
5342+
-moz-border-radius: 5px;
5343+
-webkit-border-radius: 5px;
5344+
-khtml-border-radius: 5px;
5345+
border-radius: 5px;
53505346
}
53515347

53525348
.multi-wizard .progress ul li span {
@@ -5356,7 +5352,7 @@ label.error {
53565352
left: 46px;
53575353
top: 17px;
53585354
text-align: left;
5359-
color: #656565;
5355+
color: #000000;
53605356
/*+text-shadow:0px 1px 1px #FFFFFF;*/
53615357
-moz-text-shadow: 0px 1px 1px #FFFFFF;
53625358
-webkit-text-shadow: 0px 1px 1px #FFFFFF;
@@ -5370,6 +5366,7 @@ label.error {
53705366

53715367
.multi-wizard.instance-wizard .progress ul li span {
53725368
left: 26px;
5369+
top: 16px;
53735370
}
53745371

53755372
.multi-wizard .progress ul li span.multiline {
@@ -5386,10 +5383,11 @@ label.error {
53865383
margin-top: -3px;
53875384
background: url(../images/icons.png) no-repeat 0px -422px;
53885385
z-index: 1000;
5386+
display: none;
53895387
}
53905388

53915389
.multi-wizard.instance-wizard .progress ul li span.arrow {
5392-
left: 27px;
5390+
left: 19px;
53935391
}
53945392

53955393
.multi-wizard .progress ul li.active span.arrow {
@@ -5399,16 +5397,11 @@ label.error {
53995397
.multi-wizard .progress ul li span.number {
54005398
width: auto;
54015399
position: absolute;
5402-
top: 8px;
5400+
top: 7px;
54035401
left: 26px;
54045402
font-size: 27px;
54055403
font-weight: bold;
5406-
color: #E8E8E8;
5407-
/*+text-shadow:0px -1px 1px #C2BDBD;*/
5408-
-moz-text-shadow: 0px -1px 1px #C2BDBD;
5409-
-webkit-text-shadow: 0px -1px 1px #C2BDBD;
5410-
-o-text-shadow: 0px -1px 1px #C2BDBD;
5411-
text-shadow: 0px -1px 1px #C2BDBD;
5404+
color: #000000;
54125405
background: transparent;
54135406
}
54145407

@@ -5418,7 +5411,7 @@ label.error {
54185411

54195412
.multi-wizard.instance-wizard .progress ul li span.multiline {
54205413
width: 79px;
5421-
left: 23px;
5414+
left: 26px;
54225415
}
54235416

54245417
.multi-wizard .progress ul li.active span {
@@ -5431,16 +5424,6 @@ label.error {
54315424
}
54325425

54335426
.multi-wizard .progress ul li.active span.number {
5434-
/*+opacity:26%;*/
5435-
filter: alpha(opacity=26);
5436-
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=26);
5437-
-moz-opacity: 0.26;
5438-
opacity: 0.26;
5439-
/*+text-shadow:0px -1px 1px #000000;*/
5440-
-moz-text-shadow: 0px -1px 1px #000000;
5441-
-webkit-text-shadow: 0px -1px 1px #000000;
5442-
-o-text-shadow: 0px -1px 1px #000000;
5443-
text-shadow: 0px -1px 1px #000000;
54445427
}
54455428

54465429
/*** Content*/
@@ -5874,7 +5857,7 @@ label.error {
58745857
.multi-wizard .buttons .button.previous {
58755858
background: #D6D6D6;
58765859
color: #62798E;
5877-
margin-left: 12px;
5860+
margin-left: 27px;
58785861
}
58795862

58805863
.multi-wizard .buttons .button.previous:hover {
@@ -6357,10 +6340,10 @@ label.error {
63576340

63586341
.multi-wizard.zone-wizard ul.subnav {
63596342
text-align: left;
6360-
/*+placement:shift 13px 87px;*/
6343+
/*+placement:shift 30px 104px;*/
63616344
position: relative;
6362-
left: 13px;
6363-
top: 87px;
6345+
left: 30px;
6346+
top: 104px;
63646347
position: absolute;
63656348
list-style: disc inside;
63666349
}
@@ -6369,7 +6352,9 @@ label.error {
63696352
float: left;
63706353
padding: 0;
63716354
font-size: 12px;
6355+
white-space: nowrap;
63726356
text-transform: uppercase;
6357+
list-style: none;
63736358
height: 20px;
63746359
margin-right: 34px;
63756360
color: #9A9A9A;
@@ -6485,15 +6470,16 @@ label.error {
64856470
}
64866471

64876472
.multi-wizard.zone-wizard .buttons {
6488-
top: 584px;
6473+
top: 609px;
64896474
}
64906475

64916476
.multi-wizard.zone-wizard .progress ul {
64926477
width: 776px;
64936478
}
64946479

64956480
.multi-wizard.zone-wizard .progress ul li {
6496-
width: 114px;
6481+
width: 107px;
6482+
margin-left: 7px;
64976483
padding: 0 32px 0 0;
64986484
}
64996485

0 commit comments

Comments
 (0)