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