dw-plugin-clock
Diff
Login
HomeTimelineBranchesTagsTicketsWiki
Annotate Patch Side-by-side Diff

Differences From Artifact [a13a7bdb08]:

To Artifact [7a7e724af7]:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

















17
18
19
20
21
22
23
24
25
26

27
28
29


30


31
32



33
34
35

36
37
38

39
40
41
42
43

44
45

46
47
48
49
50
51
52
53
54
55

1
2
3




4
5







6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

32



33
34
35
36
37


38
39
40



41



42





43


44
45
46

47
48
49
50
51
52
53




-
-
-
-


-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+









-
+
-
-
-
+
+

+
+
-
-
+
+
+
-
-
-
+
-
-
-
+
-
-
-
-
-
+
-
-
+


-








/** 
 * @file       clock/style.css
 * @brief      Default styles for the "clock" plugin
 * @license    GPL 2 (http://www.gnu.org/licenses/gpl.html)
 * @author     Luis Machuca Bezzaza  <luis.machuca [at] gulix.cl>
 * @version    1.5
 * @link       http://www.dokuwiki.org/plugin:clock
 */

/* This file sets the default style for the "clock" plugin.
 * Information available on wikipage.
 */
#dw_clock_object {
  min-width: 6em;
  padding: 0 2px;
  }
#clock_wrapper {
	padding: 0;
	--clock-border: 2px solid gray;
	--clock-border-radius: 2px;
	--clock-text-font-size: inherit;
	--clock-binary-font-size: large;
	--clock-binary-digit0: '○';
	--clock-binary-digit1: '●';
}

#clock_wrapper > div > #dw_clock_object {
	min-width: 6em;
	margin: 0 auto;
	padding: 4px;
	border: var(--clock-border);
	border-radius: var(--clock-border-radius);
}

/** 
 * ---------------------------------------------------------------------
 * Style #0    : plain
 * Description : pretty plain
 * Features    : 
 * With this style the face itself is not stulized, only some layout
 * attributes are given as well as default style for the helpbar.
 */
#dw_clock_object .face.plain {
#clock_wrapper > div.text {
  position: relative;
  margin: 0 2em;
  }
  text-align: center;
}

#clock_wrapper > div.text > #dw_clock_object {
	font-size: var(--clock-text-font-size);

/** 
}

/*
 * ---------------------------------------------------------------------
 * Style #1    : default
 * Description : a light-coloured wall-like clock
 * text clock styles
 * Features    : monospaced font, wide margin and dark borders,
 *               with the face colour following the template theme
 */
 * */
#dw_clock_object .face.default {
  position: relative;
  /*width: 120px;*/
  margin: auto 6px;
  }


#dw_clock_object .face.default {
#clock_wrapper > div.text > #dw_clock_object.plain {
  display: block;
  font-family: monospace;
  font-size: 1.5em;
  text-align: center;
  color: __text__;
  border: 4px inset __text_alt__;
  background-color: __background_alt__;
  }
︙
74
75
76
77
78
79
80
81

82
83
84
85
86
87
88
89
90
91
92
93
94

95
96
97
98
99
100
101
102

103
104

105
106
107

108
109
110
111
112
113
114
115
116
117
118
119

120
121
122
123
124
125
126
127
128
129

130
131
132
133
134
135
136
137
138

139
140

141
142

143
144
145
146
147

148
149
150
151
152

153
154

155
156
157
158
159

160
161
162
163

164
165
166
167
168
169
170

72
73
74
75
76
77
78

79
80
81
82
83
84
85
86
87
88
89
90
91

92
93
94
95
96

97


98


99



100












101










102



103





104


105


106
107
108
109
110

111
112
113
114
115

116
117

118
119
120
121
122

123
124
125
126

127
128
129
130
131
132
133
134








-
+












-
+




-

-
-
+
-
-
+
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
+
-
-
-

-
-
-
-
-
+
-
-
+
-
-
+




-
+




-
+

-
+




-
+



-
+









@font-face {
  font-family: 'Atomic Clock Radio';
  src: local('Atomic Clock Radio');
  /* src: url(path/to/your/copy/of/atomicclockradio.ttf) format('truetype'); */
  }

#dw_clock_object .face.aradio {
#clock_wrapper > div.text > #dw_clock_object.aradio {
  padding: 4px;
  padding-right: 1em;
  background-color: #c4c8ee;
  border: 2px solid #b6b6d8;
  font-family: "Atomic Clock Radio", fantasy;
  font-size: 14pt;
  text-align: right;
  letter-spacing: 0.6pt;
  text-shadow: -2px 1px #884446;
  color: #848861;
  }

#dw_clock_object .face.aradio span.sep {
#clock_wrapper > div.text > #dw_clock_object.aradio span.sep {
  color: #808080;
  font-weight: bold;
  }


/**
 * ---------------------------------------------------------------------
 * Style #3    : tv24
 * style: tv24
 * Description : "24"-like digital clock
 * Features    : a clock using a digital clock font with yellow face in a 
 * a clock using a digital clock font with yellow face in a black background and a shadow, degrading to monospace if the digital clock is unavailable.
 *               black background and a shadow, degrading to monospace
 *               if the digital clock is unavailable.
 *
 * 
 * ---Warning---
 * This style makes use of CSS3 @font-face specification, 
 * which is only supported by decent (or incredible, like Opera) web browsers.
 * **Check the plugin page for support and indications** 
 *
 * For full experience, it is _recommended_ to make the typeface available  
 * to clients via a direct download link, and source that URL from here.
 * Take into consideration the licensing of the typeface, and offer a 
 * fallback or switch if it is now available at last as Freeware.
 * ---End Warning---
 */

 * This style uses four font fallbacks: 'LCDRegular', 'LCD', 'Segment7Standard' and 'dseg7classic'. They are not provided here, they must be available either client-side or provided via an external source (eg.: via usertsyle.css).
/**
 *  Warning: this defines a Truetype typeface with the following license:
 * free-for-noncommercial-use (URW Software).
 */
@font-face {
  font-family: 'lcdd';
  src: local('LCDd');
  /* src: url(path/to/your/copy/of/lcd.ttf) format('truetype'); */
  }

 * 
/**
 *  Warning: this defines a Truetype typeface with the following license:
 * freeware (????).
 */
@font-face {
  font-family: 'Digital Readout';
  src: local('Digital Readout');
  /* src: url(path/to/your/copy/of/digitalreadout.ttf) format('truetype'); */
  }
      

#dw_clock_object .face.tv24 {
#clock_wrapper > div.text > #dw_clock_object.tv24 {
  width: 75%;
  min-width: 6em;
  min-width: 8em;
  background-color: black;
  border: 2px solid navy;
  line-height: 20pt;
  text-align: center;
  font-family: "Digital Readout", "lcdd", monospace;
  font-family: "LCDRegular", 'LCD', "Segment7Standard", "Digital Readout", "DSEG7 Classic", monospace;
  font-size: 14pt;
  text-shadow: 2px 2px #404020;
  letter-spacing: 0.2em; 
  color: yellow;
  }
}

#dw_clock_object .face.tv24 .info {
#dw_clock_object.text > div.tv24 .info {
  position: absolute;
  right: 0;
  bottom: 0; 
  border: 2px solid black;
  }
}

#dw_clock_object .face.tv24 .info:hover {
  border: 2px solid __existing__;
  }
}

/**
 * ---------------------------------------------------------------------
 * Style #4    : bluebox
 * Description : "24"-like digital clock
 * Features    : a blue box with a white typeface, shadows.
 *
︙
190
191
192
193
194
195
196
197

198
199



200
201
202


203
204
205
206
207
208
209



154
155
156
157
158
159
160

161
162

163
164
165
166


167
168
169
170
171
172
173
174
175
176
177








-
+

-
+
+
+

-
-
+
+







+
+

  text-align: center;
  font-family: "Liberation", "Helvetica", cursive;
  font-size: 14pt;
  text-shadow: -1px 2px #80c080;
  text-shadow: 2px -1px #882222;
  letter-spacing: 0.2em; 
  color: #e0f0e0;
  }
}

/* ---------------------------------------------------------------------


/* 
 * Helpbar styling
 */
#dw_clock_object p.helpbar {
 * */
#clock_wrapper p.helpbar {
  margin: 0 2em; 
  padding: 0 0.5em;
  background-color: __background_alt__;
  border: 1px solid __existing__;
  border-radius: 6px;
  font-size: 90%;
  }
Powered by Fossil · RSS