xref: /template/writr/css/plugins/discussion.less (revision 8cd180598794e4d6785f9a335691d4d1c4d2547c) 
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 !important;
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        textarea {
164            border-color: @ini_theme_color;
165            background-color: @ini_background;
166            padding: 16px;
167            margin-top: 8px;
168        }
169
170        .no {
171            font-size: 0px;
172
173            div{
174                font-size: 16px;
175            }
176
177            #discussion__comment_preview {
178                font-size: 16px;
179            }
180
181            [type=submit],[type=button] {
182                border-radius: 0px;
183            }
184
185            .comment_submit {
186                border-top-left-radius: 20px;
187                border-bottom-left-radius: 20px;
188            }
189
190            .comment_preview_button {
191                border-top-right-radius: 20px;
192                border-bottom-right-radius: 20px;
193            }
194
195            .comment_cancel {
196                font-size: 16px;
197                margin-left: 16px;
198            }
199        }
200    }
201
202    div.comment_preview {
203        padding: 0;
204        border-width: 0;
205        background: @ini_background_alt;
206    }
207}
208