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}