xref: /template/writr/css/plugins/tag.less (revision e2751be0730058d8d619d3f0b284bcab48ac8bbe)
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        text-transform: capitalize;
24    }
25    a[rel="tag"]:hover,
26    a[rel="tag"]:focus,
27    a[rel="tag"]:active {
28        background: @ini_theme_color_alt;
29        color: @ini_background;
30    }
31
32    .tagsections.header.tag {
33        font-size: 0px;
34    }
35    .tagsections.header.tag:first-child:before {
36        background: none;
37    }
38
39    div.tags,
40    div.tagstop {
41        margin-bottom: 15px;
42        font-size: 0px;
43        text-align: right;
44
45        span {
46            background-position: -2px 6px;
47        }
48    }
49
50    div.tags {
51        border-top: 3px solid @ini_background_alt;
52        padding-top: 8px;
53        margin-top: 8px;
54    }
55
56    div.tagstop {
57        border-bottom: 15px double @ini_background_alt;
58        padding-bottom: 20px;
59    }
60
61    div.widget-area div.cloud {
62        a {
63            background: @ini_theme_color_alt;
64        }
65        a:hover,
66        a:focus,
67        a:active {
68            background: @ini_background;
69            color: @ini_theme_color;
70        }
71    }
72}
73
74/* repeating and being more specific because tagcloud styles are very specific */
75body.tpl_writr.dokuwiki div.cloud a {
76    color: @ini_background;
77}
78