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