xref: /template/writr/css/plugins/bloglinks.less (revision 9c7173faeb7e81a9f744db9cfd17d3e7f8043e01) 
1/* =BlogLinks Plugin
2----------------------------------------------- */
3
4.site-main.hideBlogLinksTitle a.wikilink1{
5    font-size: 0;
6}
7
8#plugin_bloglinks__links{
9    width: 800px;
10    margin-left: -40px;
11    display: flex;
12    justify-content: space-between;
13    align-items: center;
14    > div {
15        width: 50%;
16        display: flex;
17        align-items: center;
18
19        a.wikilink1 {
20            background: #303030;
21            color: #fff;
22            display: flex;
23            align-items: center;
24            justify-content: space-between;
25            -webkit-transition: all 0.25s ease-in-out;
26            -moz-transition: all 0.25s ease-in-out;
27            -ms-transition: all 0.25s ease-in-out;
28            -o-transition: all 0.25s ease-in-out;
29            transition: all 0.25s ease-in-out;
30            border-top-left-radius: 0px;
31            border-bottom-left-radius: 0px;
32            border-top-right-radius: 0px;
33            border-bottom-right-radius: 0px;
34            max-width: 80%;
35            line-height: 16px;
36            padding: 20px;
37
38            span.title {
39                display: inline-block;
40                white-space: nowrap;
41                overflow: hidden;
42                text-overflow: ellipsis;
43                max-width: 90%;
44            }
45            span.icon {
46                display: inline-block;
47                font-family: 'bootstrap-icons';
48                font-size: 30px;
49                vertical-align: middle;
50            }
51        }
52        a.wikilink1:hover {
53            background: #fff;
54            color: #303030;
55        }
56    }
57    .plugin_bloglinks__prev {
58
59        a.wikilink1 {
60            padding-left: 10px;
61            border-top-right-radius: 20px;
62            border-bottom-right-radius: 20px;
63
64            span.icon{
65                margin-right: 8px;
66            }
67            span.icon::before{
68                content: "\f284";
69            }
70        }
71    }
72    .plugin_bloglinks__next {
73
74        a.wikilink1 {
75            padding-right: 10px;
76            margin-left: auto;
77            border-top-left-radius: 20px;
78            border-bottom-left-radius: 20px;
79
80            span.icon{
81                margin-left: 8px;
82            }
83            span.icon::before{
84                content: "\f285";
85            }
86        }
87    }
88}