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 { 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 100.makeFullWidth { 101 .plugin_include_content { 102 > h1:first-of-type, 103 > h2 { 104 width: ~"calc(100vw - 400px - @{ini_content_border})"; 105 } 106 } 107} 108 109/* 960px > x */ 110@media only screen and (max-width: 959px) { 111 .makeFullWidth { 112 .plugin_include_content { 113 > h1:first-of-type, 114 > h2 { 115 width: 100vw; 116 } 117 } 118 } 119} 120 121p.include_readmore { 122 margin-bottom: 8px; 123} 124.plugin_include_content a.wikilink1 { 125 text-decoration: none; 126} 127.include_readmore a { 128 -webkit-text-size-adjust: 100%; 129 word-wrap: break-word; 130 font-family: Montserrat,sans-serif; 131 margin: 0; 132 padding: 10px 20px !important; 133 border: none!important; 134 background-color: @ini_theme_color; 135 color: @ini_background !important; 136 font-size: 14px; 137 line-height: 1.5; 138 font-weight: bold; 139 text-transform: uppercase; 140 cursor: pointer; 141 -webkit-appearance: button; 142 box-sizing: border-box; 143 border-radius: 20px !important; 144 vertical-align: middle; 145 text-decoration: none; 146 transition: all 0.25s ease-in-out; 147} 148.include_readmore a:visited { 149 background-color: @ini_theme_color !important; 150} 151.include_readmore a:hover { 152 background-color: @ini_theme_color_alt !important; 153} 154.include_readmore a::after { 155 content: "\f285"; 156 font-family: 'bootstrap-icons'; 157 font-size: 16px; 158 line-height: 16px; 159 padding-left: 6px; 160 vertical-align: text-top; 161 transition: all 0.25s ease-in-out; 162} 163.include_readmore a:hover::after { 164 padding-left: 12px; 165} 166