1/* Size factor. */
2@sF: 1;
3
4.dokuwiki div.cloud { margin-bottom: 1em; line-height: 145% * @sF; }
5
6.dokuwiki div.cloud a { padding: 0; margin: 0 0.5ex; }
7
8@l: 10%; /* Percentage to lighten the original color. */
9@d: 15%; /* Percentage to desaturate the original color. */
10
11/* Font sizes from largest to smallest font. */
12@f5: 130% * @sF;
13@f4: 115% * @sF;
14@f3: 100% * @sF;
15@f2: 85%  * @sF;
16@f1: 70%  * @sF;
17
18@c0: #003F9E;
19.dokuwiki div.cloud a.cloud1 { font-size: @f1; color: desaturate(lighten(@c0, 4 * @l), 4 * @d); }
20.dokuwiki div.cloud a.cloud2 { font-size: @f2; color: desaturate(lighten(@c0, 3 * @l), 3 * @d); }
21.dokuwiki div.cloud a.cloud3 { font-size: @f3; color: desaturate(lighten(@c0, 2 * @l), 2 * @d); }
22.dokuwiki div.cloud a.cloud4 { font-size: @f4; color: desaturate(lighten(@c0, 1 * @l), 1 * @d); }
23.dokuwiki div.cloud a.cloud5 { font-size: @f5; color: @c0; }
24
25@c1: #009E08;
26.dokuwiki div.cloud a.cloud1_tag1 { font-size: @f1; color: desaturate(lighten(@c1, 4 * @l), 4 * @d); }
27.dokuwiki div.cloud a.cloud2_tag1 { font-size: @f2; color: desaturate(lighten(@c1, 3 * @l), 3 * @d); }
28.dokuwiki div.cloud a.cloud3_tag1 { font-size: @f3; color: desaturate(lighten(@c1, 2 * @l), 2 * @d); }
29.dokuwiki div.cloud a.cloud4_tag1 { font-size: @f4; color: desaturate(lighten(@c1, 1 * @l), 1 * @d); }
30.dokuwiki div.cloud a.cloud5_tag1 { font-size: @f5; color: @c1; }
31
32@c2: #9E0028;
33.dokuwiki div.cloud a.cloud1_tag2 { font-size: @f1; color: desaturate(lighten(@c2, 4 * @l), 4 * @d); }
34.dokuwiki div.cloud a.cloud2_tag2 { font-size: @f2; color: desaturate(lighten(@c2, 3 * @l), 3 * @d); }
35.dokuwiki div.cloud a.cloud3_tag2 { font-size: @f3; color: desaturate(lighten(@c2, 2 * @l), 2 * @d); }
36.dokuwiki div.cloud a.cloud4_tag2 { font-size: @f4; color: desaturate(lighten(@c2, 1 * @l), 1 * @d); }
37.dokuwiki div.cloud a.cloud5_tag2 { font-size: @f5; color: @c2; }
38