1/* =Include Plugin 2----------------------------------------------- */ 3 4.plugin_include_content { 5 padding-top: 0px; 6 padding-bottom: 0px; 7 8 .inclmeta { 9 font-size: 0; 10 } 11 .published{ 12 font-size: 16px; 13 font-weight:normal; 14 border: none; 15 border-image-width: 0; 16 opacity: 60%; 17 float: right; 18 transition: all 0.25s ease-in-out; 19 } 20 .published:hover{ 21 opacity: 100%; 22 } 23 .published::before{ 24 font-family: 'bootstrap-icons'; 25 content: "\f214"; 26 font-weight: normal; 27 font-size: 20px; 28 line-height: 20px; 29 padding-right: 6px; 30 vertical-align: text-top; 31 } 32 .author{ 33 font-size: 16px; 34 float: right; 35 margin-right: 8px; 36 } 37 .author::before{ 38 font-family: 'bootstrap-icons'; 39 content: "\f4e1"; 40 font-size: 20px; 41 margin-right: 4px; 42 line-height: 20px; 43 vertical-align: text-top; 44 } 45 .comment{ 46 font-size: 16px; 47 margin-right: 8px; 48 } 49 .comment::before{ 50 font-family: 'bootstrap-icons'; 51 content: "\f268"; 52 font-size: 20px; 53 padding-right: 6px; 54 line-height: 20px; 55 vertical-align: text-top; 56 } 57 .linkback{ 58 font-size: 16px; 59 margin-right: 8px; 60 } 61 .linkback::before{ 62 font-family: 'bootstrap-icons'; 63 content: "\f470"; 64 font-size: 20px; 65 padding-right: 4px; 66 line-height: 20px; 67 vertical-align: text-top; 68 } 69 .tags { 70 a::before { 71 font-family: 'bootstrap-icons'; 72 content: "\F5B0"; 73 font-size: 16px; 74 padding-right: 4px; 75 line-height: 16px; 76 vertical-align: middle; 77 } 78 a { 79 border-radius: 5px; 80 } 81 } 82 83 > h1:first-of-type, 84 > h2[class^="include_firsttag"] { 85 text-transform: uppercase; 86 width: @ini_content_width; 87 background: @ini_border; 88 padding: 20px 40px; 89 margin-left: -40px; 90 margin-right: -40px; 91 font-weight: bold; 92 93 a { 94 text-decoration: none; 95 transition: all 0.5s ease; 96 } 97 } 98} 99.makeFullWidth { 100 .plugin_include_content { 101 > h1:first-of-type, 102 > h2[class^="include_firsttag"] { 103 width: ~"calc(100vw - 400px - @{ini_content_border})"; 104 } 105 } 106} 107 108/* 960px > x */ 109@media only screen and (max-width: 959px) { 110 .makeFullWidth { 111 .plugin_include_content { 112 > h1:first-of-type, 113 > h2[class^="include_firsttag"] { 114 width: 100vw; 115 } 116 } 117 } 118} 119 120p.include_readmore { 121 margin-bottom: 8px; 122} 123.plugin_include_content a.wikilink1 { 124 text-decoration: none; 125} 126.include_readmore a { 127 -webkit-text-size-adjust: 100%; 128 word-wrap: break-word; 129 font-family: Montserrat,sans-serif; 130 margin: 0; 131 padding: 10px 20px !important; 132 border: none!important; 133 background-color: @ini_theme_color; 134 color: @ini_background !important; 135 font-size: 14px; 136 line-height: 1.5; 137 font-weight: bold; 138 text-transform: uppercase; 139 cursor: pointer; 140 -webkit-appearance: button; 141 box-sizing: border-box; 142 border-radius: 20px !important; 143 vertical-align: middle; 144 text-decoration: none; 145 transition: all 0.25s ease-in-out; 146} 147.include_readmore a:visited { 148 background-color: @ini_theme_color !important; 149} 150.include_readmore a:hover { 151 background-color: @ini_theme_color_alt !important; 152} 153.include_readmore a::after { 154 content: "\f285"; 155 font-family: 'bootstrap-icons'; 156 font-size: 16px; 157 line-height: 16px; 158 padding-left: 6px; 159 vertical-align: text-top; 160 transition: all 0.25s ease-in-out; 161} 162.include_readmore a:hover::after { 163 padding-left: 12px; 164} 165