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