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: @ini_text_alt; 21 color: @ini_background; 22 display: flex; 23 align-items: center; 24 justify-content: space-between; 25 transition: all 0.25s ease-in-out; 26 border-radius: 0px; 27 max-width: 80%; 28 line-height: 16px; 29 padding: 20px; 30 31 span.title { 32 display: block; 33 max-width: 90%; 34 } 35 36 span.truncate { 37 display: inline-block !important; 38 white-space: nowrap; 39 overflow: hidden; 40 text-overflow: ellipsis; 41 } 42 43 span.icon { 44 display: inline-block; 45 font-family: 'bootstrap-icons'; 46 font-size: 30px; 47 vertical-align: middle; 48 } 49 } 50 a.wikilink1:hover { 51 background: @ini_background; 52 color: @ini_text_alt; 53 } 54 } 55 .plugin_bloglinks__prev { 56 57 a.wikilink1 { 58 padding-left: 10px; 59 border-top-right-radius: 20px; 60 border-bottom-right-radius: 20px; 61 62 span.icon{ 63 margin-right: 8px; 64 } 65 span.icon::before{ 66 content: "\f284"; 67 } 68 } 69 } 70 .plugin_bloglinks__next { 71 72 a.wikilink1 { 73 padding-right: 10px; 74 margin-left: auto; 75 border-top-left-radius: 20px; 76 border-bottom-left-radius: 20px; 77 78 span.icon{ 79 margin-left: 8px; 80 } 81 span.icon::before{ 82 content: "\f285"; 83 } 84 } 85 } 86} 87