xref: /template/writr/css/plugins/discussion.less (revision 8cb979f5bab4a80a033e0f56803f14a2d9c502a6) 
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        background-color: @ini_text_alt;
61        color: @ini_background;
62        margin: 0px;
63        padding-top: 56px;
64        font-size: 32px;
65
66        a {
67            color: @ini_background;
68            padding: 0px 40px;
69            display: block;
70            line-height: 24px;
71        }
72    }
73
74    div.hentry {
75        padding-bottom: 10px;
76        margin-bottom: 20px;
77        margin-right: -40px;
78
79        div.comment_head {
80            color: @ini_text_alt;
81            background-color: @ini_background;
82            margin-left: 54px;
83            border-top-left-radius: 16px;
84            border-top-right-radius: 16px;
85            padding-top: 16px;
86            padding-left: 16px;
87
88            span.vcard {
89                position: relative;
90
91                img {
92                    position: absolute;
93                    left: -92px;
94                    width: 60px;
95                    height: 60px;
96                    min-width: 60px;
97                    min-height: 60px;
98                    max-width: 60px;
99                    max-height: 60px;
100                }
101            }
102        }
103
104        div.comment_buttons {
105            text-align: right;
106            background-color: @ini_background;
107            margin-left: 54px;
108            padding-bottom: 8px;
109            padding-left: 16px;
110            padding-right: 16px;
111            border-bottom-left-radius: 16px;
112            border-bottom-right-radius: 16px;
113
114            div.no {
115                font-size: 0px;
116            }
117
118            input[type=submit] {
119                border-radius: 0px;
120            }
121            .button:first-child [type=submit] {
122                border-top-left-radius: 20px;
123                border-bottom-left-radius: 20px;
124            }
125            .button:last-child [type=submit] {
126                border-top-right-radius: 20px;
127                border-bottom-right-radius: 20px;
128            }
129        }
130        input.button {
131            font-size: 12px;
132            padding: 5px 10px;
133        }
134
135        /* dead code for now due to bug in discussion plugin */
136        div.comment_head span.author {
137            background-position: -2px 3px;
138        }
139        div.comment_head abbr.published {
140            background-position: -1px 4px;
141        }
142        div.comment_body {
143            border-bottom-width: 0;
144            background-color: @ini_background;
145            margin-left: 54px;
146            padding-left: 16px;
147            padding-right: 16px;
148
149            p {
150                margin-bottom: 0px;
151                padding-bottom: 20px;
152            }
153        }
154    }
155
156    div.comment_form {
157        padding: 8px 16px;
158        background-color: @ini_background;
159        margin: 0px -40px;
160        margin-bottom: 32px;
161        border-radius: 16px;
162
163        div.toolbar {
164            padding-top: 10px;
165        }
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