1/* 插件或 jquery 相关的
2********************************************************************/
3// jquery-ui-theme 弹出层背景
4.ui-widget-overlay {
5    background: rgba(0,0,0,.4);
6    backface-visibility: hidden;
7    visibility: hidden;
8    opacity: 0;
9    transition-duration: .3s;
10    transition-property: opacity, visibility;
11    will-change: opacity;
12}
13.ui-front {
14    visibility: visible;
15    opacity: 1;
16}
17.ui-widget,
18.ui-widget .ui-widget {
19    font-size: 1rem;
20}
21.ui-widget-header {
22    background-color: transparent;
23    background-image: none;
24}
25.ui-widget.ui-widget-content {
26    border: 0;
27}
28.ui-dialog {
29    width: 85%;
30    min-width: 180px;
31    max-width: 500px;
32    padding: 0;
33    overflow: hidden;
34    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
35
36    .ui-dialog-title {
37        margin: 0;
38    }
39
40    .ui-dialog-titlebar {
41        padding: 12px;
42        border: 0;
43        background-color: @ini_background_alt;
44        background-image: none;
45        font-size: 1rem;
46        line-height: 24px;
47        text-align: left;
48        border-radius: 0;
49    }
50
51    .ui-dialog-titlebar-close {
52        right: 24px;
53        width: 24px;
54        height: 24px;
55        border: 0;
56        box-shadow: none;
57        background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAtElEQVQ4T62T4RHCMAiFHxs4QkfoCI7ACI7QURzBDWATdRM3wCNnvDSF2LvKz1z4eDyAcDDoYD6+AGaeHaaqjxGUmRdVvdY/KwARqZlxBmHmGxHNIlKKeaxacBUZpCab2VlVXyHAHyNIlrxRUKktBMDisvvKqYIOcgfwzJJTBZ9WimEATiNjwz1oewYwjaazAUSGjabTj7HIjnrOIO0iuduXkWEVIiLTzynsvZH/HdPeiv2/N0rkiRGIW6CFAAAAAElFTkSuQmCC") center center no-repeat;
58    }
59
60    .ui-dialog-content {
61        padding: 1rem !important;
62        font-size: .9375rem;
63        height: auto !important;
64        overflow-y: auto;
65    }
66
67    .ui-dialog-buttonpane {
68        margin: 0;
69        padding: 8px;
70    }
71
72    .ui-dialog-buttonpane button {
73        margin: 0 0 0 8px;
74    }
75}
76
77// discussion
78div.dokuwiki {
79
80    div.comment_wrapper {
81        padding: 0;
82        background-color: @ini_background;
83        border: 2px solid @ini_background_alt;
84        border-radius: 8px;
85
86        h2 {
87            margin: 0;
88            padding: 1rem;
89            font-size: 18px;
90            background-color: @ini_background_alt;
91        }
92
93        .hentry {
94            position: relative;
95            padding: 8px 1rem;
96            border-bottom: 1px solid @ini_background_alt;
97        }
98    }
99
100    .comment_head {
101        font-size: .875rem;
102        padding-top: 0;
103        margin-top: 0;
104
105        span.author,
106        abbr.published {
107            padding: 0;
108            color: #5B7083;
109            background-image: none;
110        }
111
112        span.author {
113            color: @ini_text;
114            font-weight: 700;
115        }
116
117        abbr {
118            border-bottom: none;
119            cursor: default;
120            text-decoration: none;
121        }
122
123        img {
124            width: 28px;
125            height: 28px;
126            border-radius: 28px;
127        }
128    }
129
130    .comment_body {
131        margin-left: 0 !important;
132        padding-left: 33px;
133        padding-top: .25rem;
134        padding-bottom: .5rem;
135        border: 0;
136
137        p {
138            padding-bottom: 0;
139        }
140    }
141
142    .comment_buttons {
143        display: flex;
144        position: absolute;
145        right: 8px;
146        top: 4px;
147        margin-top: 0 !important;
148        padding-bottom: 0 !important;
149    }
150
151    .comment_replies {
152        margin-left: 0 !important;
153        padding-left: 33px;
154    }
155
156    .comment_form {
157        margin-top: 0 !important;
158        padding: 1rem;
159    }
160
161    .comment_text {
162        padding: 0;
163        text-align: left;
164
165        textarea {
166            height: 8rem;
167        }
168    }
169
170}
171
172// edittable
173.dokuwiki div.editbutton_table form div.no button,
174.dokuwiki div.editbutton_table form div.no input.button {
175    margin-left: 8px;
176    padding: .3125rem 1rem;
177    height: auto;
178    line-height: 1.5;
179    font-size: .9375rem;
180}
181
182// nspages
183.nspagesPicturesModeMain {
184    display: flex;
185    -ms-flex-pack: justify !important;
186    justify-content: space-between !important;
187
188    a {
189        display: block;
190        width: 24%;
191        height: 168px;
192        -webkit-transition: all .2s linear;
193        transition: all .2s linear;
194    }
195
196    a:hover {
197        -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
198        box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
199        -webkit-transform: translate3d(0, -2px, 0);
200        transform: translate3d(0, -2px, 0);
201    }
202
203    .nspagesPicturesModeImg {
204        position: relative;
205        width: 100%;
206        height: 168px;
207        border-radius: 4px;
208        border: 1px solid transparent;
209        background-repeat: no-repeat;
210        background-position: center center;
211
212        .nspagesPicturesModeTitle {
213            position: absolute;
214            bottom: 0;
215            width: 100%;
216            padding: 4px 8px;
217            font-size: 15px;
218            color: #fff;
219            background-color: rgba(0, 0, 0, .25);
220            border-radius: 0 0 4px 4px;
221        }
222    }
223}
224
225.catpageheadline {
226    display: none;
227}
228
229.addnewpage select {
230    vertical-align: baseline !important;
231}