xref: /plugin/upgrade/style.css (revision eb52c46a343434f52d0105c529efb816add8ca38)
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