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