1/* =Discussion & Avatar Plugin 2----------------------------------------------- */ 3 4.comment_subscribe { 5 display: flex; 6 padding-top: 10px; 7} 8 9.comment_subscribe label { 10 padding-left: 10px; 11} 12 13.dokuwiki div.toolbar { 14 display: block; 15} 16 17.dokuwiki .vcard img.photo { 18 border-radius: 50%; 19 border: solid 3px @ini_background; 20} 21 22.dokuwiki div.comment_wrapper::before { 23 content: "top"; 24 position: absolute; 25 text-align: center; 26 font-size: 16px; 27 line-height: 16px; 28 height: 16px; 29 width: @ini_content_width; 30 border-bottom-left-radius: 16px; 31 border-bottom-right-radius: 16px; 32 background-color: @ini_background; 33 color: @ini_background; 34} 35 36.dokuwiki div.comment_wrapper::after { 37 content: "bottom"; 38 position: absolute; 39 bottom: 0px; 40 text-align: center; 41 font-size: 16px; 42 line-height: 16px; 43 height: 16px; 44 width: @ini_content_width; 45 border-top-left-radius: 16px; 46 border-top-right-radius: 16px; 47 background-color: @ini_background; 48 color: @ini_background; 49} 50 51.dokuwiki div.comment_wrapper { 52 position: relative; 53 margin: 0px -40px; 54 padding: 0px; 55 background-color: @ini_background; 56 57 .hfeed{ 58 background-color: @ini_text_alt; 59 padding: 40px 40px; 60 padding-bottom: 16px; 61 } 62 63 h2 { 64 background-color: @ini_text_alt; 65 color: @ini_background; 66 margin: 0px; 67 padding-top: 56px; 68 font-size: 32px; 69 70 a { 71 color: @ini_background; 72 padding: 0px 40px; 73 display: block; 74 line-height: 24px; 75 } 76 } 77 78 div.hentry { 79 padding-bottom: 10px; 80 margin-bottom: 20px; 81 margin-right: -40px; 82 83 div.comment_head { 84 color: @ini_text_alt; 85 background-color: @ini_background; 86 margin-left: 54px; 87 border-top-left-radius: 16px; 88 border-top-right-radius: 16px; 89 padding-top: 16px; 90 padding-left: 16px; 91 92 span.vcard { 93 position: relative; 94 95 img { 96 position: absolute; 97 left: -92px; 98 width: 60px; 99 height: 60px; 100 min-width: 60px; 101 min-height: 60px; 102 max-width: 60px; 103 max-height: 60px; 104 } 105 } 106 } 107 108 div.comment_buttons { 109 text-align: right; 110 background-color: @ini_background; 111 margin-left: 54px; 112 padding-bottom: 8px; 113 padding-left: 16px; 114 padding-right: 16px; 115 border-bottom-left-radius: 16px; 116 border-bottom-right-radius: 16px; 117 118 div.no { 119 font-size: 0px; 120 } 121 122 input[type=submit] { 123 border-radius: 0px; 124 } 125 .button:first-child [type=submit] { 126 border-top-left-radius: 20px; 127 border-bottom-left-radius: 20px; 128 } 129 .button:last-child [type=submit] { 130 border-top-right-radius: 20px; 131 border-bottom-right-radius: 20px; 132 } 133 } 134 input.button { 135 font-size: 12px; 136 padding: 5px 10px; 137 } 138 139 /* dead code for now due to bug in discussion plugin */ 140 div.comment_head span.author { 141 background-position: -2px 3px; 142 } 143 div.comment_head abbr.published { 144 background-position: -1px 4px; 145 } 146 div.comment_body { 147 border-bottom-width: 0; 148 background-color: @ini_background; 149 margin-left: 54px !important; 150 padding-left: 16px; 151 padding-right: 16px; 152 153 p { 154 margin-bottom: 0px; 155 padding-bottom: 20px; 156 } 157 } 158 } 159 160 div.comment_form { 161 padding: 8px 16px; 162 background-color: @ini_background; 163 margin: 0px -40px; 164 margin-bottom: 32px; 165 border-radius: 16px; 166 167 textarea { 168 border-color: @ini_theme_color; 169 background-color: @ini_background; 170 padding: 16px; 171 margin-top: 8px; 172 } 173 174 .no { 175 font-size: 0px; 176 177 div{ 178 font-size: 16px; 179 } 180 181 #discussion__comment_preview { 182 font-size: 16px; 183 } 184 185 [type=submit],[type=button] { 186 border-radius: 0px; 187 } 188 189 .comment_submit { 190 border-top-left-radius: 20px; 191 border-bottom-left-radius: 20px; 192 } 193 194 .comment_preview_button { 195 border-top-right-radius: 20px; 196 border-bottom-right-radius: 20px; 197 } 198 199 .comment_cancel { 200 font-size: 16px; 201 margin-left: 16px; 202 } 203 } 204 } 205 206 div.comment_preview { 207 padding: 0; 208 border-width: 0; 209 background: @ini_background_alt; 210 } 211} 212