1/* =Tag & Tagcloud Plugin
2----------------------------------------------- */
3
4.dokuwiki{
5
6    a[rel="tag"]::before {
7        font-family: 'bootstrap-icons';
8        content: "\F5B0";
9        font-size: 16px;
10        padding-right: 4px;
11        line-height: 16px;
12        vertical-align: middle;
13    }
14    a[rel="tag"] {
15        display: inline-block;
16        padding: 5px 10px;
17        margin: 0 5px 5px 0;
18        background: @ini_theme_color;
19        color: @ini_background;
20        font-size: 12px;
21        text-decoration: none;
22        border-radius: 5px;
23    }
24    a[rel="tag"]:hover,
25    a[rel="tag"]:focus,
26    a[rel="tag"]:active {
27        background: @ini_theme_color_alt;
28        color: @ini_background;
29    }
30
31    .tagsections.header.tag {
32        font-size: 0px;
33    }
34    .tagsections.header.tag:first-child:before {
35        background: none;
36    }
37
38    div.tags,
39    div.tagstop {
40        margin-bottom: 15px;
41        font-size: 0px;
42        text-align: right;
43
44        span {
45            background-position: -2px 6px;
46        }
47    }
48
49    div.tags {
50        border-top: 3px solid @ini_background_alt;
51        padding-top: 8px;
52        margin-top: 8px;
53    }
54
55    div.tagstop {
56        border-bottom: 15px double @ini_background_alt;
57        padding-bottom: 20px;
58    }
59
60    div.widget-area div.cloud {
61        a {
62            background: @ini_theme_color_alt;
63        }
64        a:hover,
65        a:focus,
66        a:active {
67            background: @ini_background;
68            color: @ini_theme_color;
69        }
70    }
71}
72
73/* repeating and being more specific because tagcloud styles are very specific */
74body.tpl_writr.dokuwiki div.cloud a {
75    color: @ini_background;
76}
77