xref: /template/writr/css/plugins/bloglinks.less (revision 76a9676a652684c657634ccd3cc210a40bf016a0) 
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: block;
40                max-width: 90%;
41            }
42
43            span.truncate {
44                display: inline-block !important;
45                white-space: nowrap;
46                overflow: hidden;
47                text-overflow: ellipsis;
48            }
49
50            span.icon {
51                display: inline-block;
52                font-family: 'bootstrap-icons';
53                font-size: 30px;
54                vertical-align: middle;
55            }
56        }
57        a.wikilink1:hover {
58            background: #fff;
59            color: #303030;
60        }
61    }
62    .plugin_bloglinks__prev {
63
64        a.wikilink1 {
65            padding-left: 10px;
66            border-top-right-radius: 20px;
67            border-bottom-right-radius: 20px;
68
69            span.icon{
70                margin-right: 8px;
71            }
72            span.icon::before{
73                content: "\f284";
74            }
75        }
76    }
77    .plugin_bloglinks__next {
78
79        a.wikilink1 {
80            padding-right: 10px;
81            margin-left: auto;
82            border-top-left-radius: 20px;
83            border-bottom-left-radius: 20px;
84
85            span.icon{
86                margin-left: 8px;
87            }
88            span.icon::before{
89                content: "\f285";
90            }
91        }
92    }
93}