1#plugin__upgrade { 2 margin: 0 auto; 3 height: 20em; 4 overflow: auto; 5} 6 7#plugin__upgrade_form { 8 display: block; 9 margin: 0 auto 3em auto; 10 width: 20em; 11} 12 13#plugin__upgrade_form input.continue { 14 float: right; 15} 16 17#plugin__upgrade_form input.abort { 18 float: left; 19} 20 21/* based on http://cssdeck.com/labs/progress-bar */ 22 23#plugin__upgrade_meter { 24 height: 20px; 25 position: relative; 26 margin: 1em; 27} 28 29#plugin__upgrade_meter ol { 30 margin: 0; 31 padding: 0; 32 display: block; 33 height: 100%; 34 width: 99%; 35 border-radius: 10px; 36 background-color: #ddd; 37 position: relative; 38 list-style: none; 39} 40#plugin__upgrade_meter ol li { 41 float: left; 42 margin: 0; 43 padding: 0; 44 text-align: right; 45 width: 19%; 46 position: relative; 47 border-radius: 10px; 48} 49 50#plugin__upgrade_meter ol li span{ 51 right:-0.5em; 52 display: block; 53 text-align: center; 54} 55#plugin__upgrade_meter ol li .step { 56 top: -0.4em; 57 padding: .2em 0; 58 border: 3px solid #ddd; 59 z-index: 99; 60 font-size: 1.25em; 61 color: #ddd; 62 width: 1.5em; 63 font-weight: 700; 64 position: absolute; 65 background-color: #fff; 66 border-radius: 50%; 67} 68#plugin__upgrade_meter ol li .stage { 69 color: #fff; 70 font-weight: 700; 71} 72 73#plugin__upgrade_meter ol li.active { 74 height: 20px; 75 background: #aaa; 76} 77 78#plugin__upgrade_meter ol li.active span.stage { 79 color: #000; 80} 81 82#plugin__upgrade_meter ol li.active span.step{ 83 color: #000; 84 border: 3px solid __link__; 85} 86