1#plugin__upgrade { 2 margin: 0 auto; 3 height: 20em; 4 overflow: auto; 5} 6 7#plugin__upgrade .log-error::before { 8 content: "✗ "; 9 color: #f00; 10} 11#plugin__upgrade .log-warning::before { 12 content: "⚠ "; 13 color: #f90; 14} 15#plugin__upgrade .log-notice::before { 16 content: "☛ "; 17 color: #ccc; 18} 19 20#plugin__upgrade_form { 21 display: block; 22 overflow: auto; 23 margin: 1em; 24 font-size: 120%; 25} 26 27#plugin__upgrade_careful { 28 float: right; 29 text-align: right; 30 margin-right: 1em; 31 color: red; 32} 33 34#plugin__upgrade_form { 35 clear: right; 36} 37 38#plugin__upgrade_form button { 39 float: right; 40 margin-left: 0.5em; 41} 42 43#plugin__upgrade_form button.careful { 44 opacity: 0.5; 45} 46 47/* based on http://cssdeck.com/labs/progress-bar */ 48 49#plugin__upgrade_meter { 50 height: 20px; 51 position: relative; 52 margin: 3em 1em 1em 1em; 53} 54 55#plugin__upgrade_meter ol { 56 margin: 0; 57 padding: 0; 58 display: block; 59 height: 100%; 60 border-radius: 10px; 61 background-color: #ddd; 62 position: relative; 63 list-style: none; 64} 65#plugin__upgrade_meter ol li { 66 float: left; 67 margin: 0; 68 padding: 0; 69 text-align: right; 70 width: 19%; 71 position: relative; 72 border-radius: 10px; 73} 74 75#plugin__upgrade_meter ol li span{ 76 right:-0.5em; 77 display: block; 78 text-align: center; 79} 80#plugin__upgrade_meter ol li .step { 81 top: -0.4em; 82 padding: .2em 0; 83 border: 3px solid #ddd; 84 z-index: 99; 85 font-size: 1.25em; 86 color: #ddd; 87 width: 1.5em; 88 font-weight: 700; 89 position: absolute; 90 background-color: #fff; 91 border-radius: 50%; 92} 93#plugin__upgrade_meter ol li .stage { 94 color: #fff; 95 font-weight: 700; 96} 97 98#plugin__upgrade_meter ol li.active { 99 height: 20px; 100 background: #aaa; 101} 102 103#plugin__upgrade_meter ol li.active span.stage { 104 color: #000; 105} 106 107#plugin__upgrade_meter ol li.active span.step{ 108 color: #000; 109 border: 3px solid __link__; 110} 111