1 | /* |
---|
2 | ** v5.7.5 englische Grundlagenübersetzung. |
---|
3 | ** Zusatzdesign zum screen/fresh-Design |
---|
4 | ** |
---|
5 | ** Funktionen: |
---|
6 | ** |
---|
7 | ** .summary = Zusammenfassug oben von einer Seite |
---|
8 | ** |
---|
9 | ** <xyz class="progress[x]"> = Fortschritt andeuten |
---|
10 | ** [x] kann dabei 0,10,20,30,...100 sein und steht für eine |
---|
11 | ** entsprechende Prozentzahl, wie viel von diesem Teil bereits |
---|
12 | ** übersetzt ist. |
---|
13 | ** |
---|
14 | ** <q> = Inlinezitat = nicht übersetzbarer Ausdruck |
---|
15 | ** |
---|
16 | ** |
---|
17 | */ |
---|
18 | |
---|
19 | .summary { |
---|
20 | margin: 2em 0; |
---|
21 | border: .3em solid #333333; |
---|
22 | padding: 1em 2em; |
---|
23 | font-weight: bold; |
---|
24 | } |
---|
25 | |
---|
26 | .progress0, .progress10, .progress20, .progress30, |
---|
27 | .progress40, .progress50, .progress60, .progress70, |
---|
28 | .progress80, .progress90, .progress100 { |
---|
29 | /* was allgemeines? */ |
---|
30 | } |
---|
31 | |
---|
32 | .progress0 { background-color: #ff0000; } |
---|
33 | .progress10 { background-color: #f46d4a; } |
---|
34 | .progress20 { background-color: #f46d4a; } |
---|
35 | .progress30 { background-color: #f6b763; } |
---|
36 | .progress40 { background-color: #f7ea7a; } |
---|
37 | .progress50 { background-color: #ecf989; } |
---|
38 | .progress60 { background-color: #defa94; } |
---|
39 | .progress70 { background-color: #c7fdb9; } |
---|
40 | .progress80 { background-color: #cafcae; } |
---|
41 | .progress90 { background-color: #c6fdbf; } |
---|
42 | .progress100 { background-color: #00ff1e; } |
---|
43 | |
---|
44 | q { background-color: red; color: white; } |
---|