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 } 90 } 91 } 92 93 div.comment_buttons { 94 text-align: right; 95 background-color: @ini_background; 96 margin-left: 54px; 97 padding-bottom: 8px; 98 padding-left: 16px; 99 padding-right: 16px; 100 border-bottom-left-radius: 16px; 101 border-bottom-right-radius: 16px; 102 103 div.no { 104 font-size: 0px; 105 } 106 107 input[type=submit] { 108 border-radius: 0px; 109 } 110 .button:first-child [type=submit] { 111 border-top-left-radius: 20px; 112 border-bottom-left-radius: 20px; 113 } 114 .button:last-child [type=submit] { 115 border-top-right-radius: 20px; 116 border-bottom-right-radius: 20px; 117 } 118 } 119 input.button { 120 font-size: 12px; 121 padding: 5px 10px; 122 } 123 124 /* dead code for now due to bug in discussion plugin */ 125 div.comment_head span.author { 126 background-position: -2px 3px; 127 } 128 div.comment_head abbr.published { 129 background-position: -1px 4px; 130 } 131 div.comment_body { 132 border-bottom-width: 0; 133 background-color: @ini_background; 134 margin-left: 54px; 135 padding-left: 16px; 136 padding-right: 16px; 137 } 138 } 139 140 div.comment_form { 141 padding: 8px 16px; 142 background-color: @ini_background; 143 margin: 0px -40px; 144 margin-bottom: 32px; 145 border-radius: 16px; 146 147 div.toolbar { 148 padding-top: 10px; 149 } 150 151 textarea { 152 border-color: @ini_theme_color; 153 background-color: @ini_background; 154 padding: 16px; 155 margin-top: 8px; 156 } 157 158 .no { 159 font-size: 0px; 160 161 .comment_text{ 162 font-size: 16px; 163 } 164 165 #discussion__comment_preview { 166 font-size: 16px; 167 } 168 169 [type=submit],[type=button] { 170 border-radius: 0px; 171 } 172 173 .comment_submit { 174 border-top-left-radius: 20px; 175 border-bottom-left-radius: 20px; 176 } 177 178 .comment_preview_button { 179 border-top-right-radius: 20px; 180 border-bottom-right-radius: 20px; 181 } 182 183 .comment_cancel { 184 font-size: 16px; 185 margin-left: 16px; 186 } 187 } 188 } 189 190 div.comment_preview { 191 padding: 0; 192 border-width: 0; 193 background: @ini_background_alt; 194 } 195} 196