1/** @file     progrecss/style.css
2 *  @brief    Default stylesheets for progrecss plugin
3 *  @author   Luis Machuca Bezzaza <luis [dot] machuca [at] gulix [dot] cl>
4 *  @version  1.8
5 *  @license  GPL v2
6 */
7
8/** This file provides three (3) default styles for the "progrecss"
9 *  (CSS-based progress bars) plugin for Dokuwiki.
10 */
11
12
13.progrecss_default {
14	display: inline-block;
15}
16
17.progrecss_default .border {
18    display: inline-block;
19    border: 2px dotted gray;
20}
21
22
23.progrecss_default .border .bar {
24    display: inline-block;
25    background-color: #dddddd;
26    padding: 0 1em;
27    color: __existing__ !important;
28}
29
30.progrecss_default .caption {
31	display: inline-block;
32	font-family: Helvetica, Arial;
33	font-size: 75%;
34	text-align: center;
35	color: gray;
36	}
37
38
39.progrecss_gauge {
40    display: inline-block;
41    }
42
43.progrecss_gauge .border {
44    display: inline-block;
45    height: 80%;
46    font-size: 80%;
47    padding: 0;
48    border: 1px solid __text_alt__;
49    box-shadow: 2px 2px 2px __text_neu__ !important;
50    }
51
52.progrecss_gauge .border .bar {
53    display: inline-block;
54    padding: 0;
55    padding-right: 5px;
56    border: 1px solid __text_neu__ !important;
57    border-right: 4px solid __text_neu__ !important;
58    border-top-right-radius: 6px / 0.5em !important;
59    border-bottom-right-radius: 6px / 0.5em !important;
60    color: gray;
61    font-size: 75%;
62}
63
64
65.progrecss_inline {
66  position: relative;
67  display: inline-block;
68  line-height: 1.4em;
69  }
70
71.progrecss_inline .border {
72  display: inline-block;
73  height: 0.3em;
74  margin-bottom: 0;
75  background-color: __missing__;
76  border: 1px solid __missing__;
77  border-radius: 2px;
78  }
79
80.progrecss_inline .border .bar {
81  display: inline-block;
82  height: 0.1em;
83  background-color: __existing__;
84  text-align: center;
85  vertical-align: top;
86  font-size: 50%;
87  color: gray;
88  }
89
90.progrecss_inline .caption {
91  display: block;
92  height: 1em;
93  color: gray;
94  font-size: 70%;
95  vertical-align: baseline;
96  }
97
98
99