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