Blame view

public/scss/home/_comment.css 10.1 KB
weiqingting authored
1
.comment-me-page {
刘传洋 authored
2
    .btn {
yyq authored
3 4 5 6 7 8 9 10 11
        display: inline-block;
        margin: 0 7px 0 0;
        border: 1px solid #636363;
        font-size: 12px;
        line-height: 1.3;
        text-decoration: none;
        color: #141414;
        cursor: pointer;
        padding: 3px 10px 3px 7px;
hongweigao authored
12
    }
yyq authored
13 14 15

    .btn.active {
        background: #444;
刘传洋 authored
16 17
        color: #fff;
    }
yyq authored
18 19

    .btn.disabled {
刘传洋 authored
20 21 22
        border-color: #999;
        color: #999;
    }
yyq authored
23 24 25

    .btn.radius {
        border-radius: 3px;
刘传洋 authored
26
    }
yyq authored
27 28

    .txt-center {
刘传洋 authored
29 30
        text-align: center;
    }
yyq authored
31 32

    .color-warn {
刘传洋 authored
33 34
        color: #da1511;
    }
yyq authored
35 36

    .color-gray {
刘传洋 authored
37 38
        color: #999;
    }
yyq authored
39 40

    .fl-left {
刘传洋 authored
41 42
        float: left;
    }
yyq authored
43 44 45

    .m-hide {
        display: none;
刘传洋 authored
46
    }
yyq authored
47
weiqingting authored
48
    .comment .title {
刘传洋 authored
49
        background-image: resolve("home/comment.png");
刘传洋 authored
50 51

        &.comment-order {
刘传洋 authored
52
            background-image: resolve("home/comment-order.jpg");
刘传洋 authored
53
        }
weiqingting authored
54
    }
yyq authored
55
weiqingting authored
56 57 58 59 60
    .me-comment {
        padding: 10px;
        font-size: 12px;
        line-height: 18px;
    }
yyq authored
61
陈轩 authored
62
    .main-tip span {
weiqingting authored
63 64
        color: #e8044f;
    }
yyq authored
65
weiqingting authored
66 67 68
    .comment-table-header {
        padding: 0;
        margin-top: 10px;
yyq authored
69
weiqingting authored
70
        .info {
刘传洋 authored
71
            width: 50%;
weiqingting authored
72
        }
yyq authored
73
weiqingting authored
74 75 76 77 78
        .time {
            width: 415px;
            border-left: 1px solid #e6e6e6;
            border-right: 1px solid #e6e6e6;
        }
yyq authored
79
weiqingting authored
80
        .type {
刘传洋 authored
81
            width: 49%;
weiqingting authored
82 83
        }
    }
yyq authored
84
weiqingting authored
85 86 87
    .comment-table {
        width: 100%;
        margin-top: 10px;
yyq authored
88
weiqingting authored
89
        tr {
刘传洋 authored
90
            border-bottom: 1px solid #e6e6e6;
yyq authored
91
weiqingting authored
92 93 94 95
            th {
                background: #efefef;
                padding: 5px;
            }
yyq authored
96
weiqingting authored
97
            td {
刘传洋 authored
98
                color: #444;
weiqingting authored
99
                padding: 5px;
刘传洋 authored
100 101 102 103 104
                text-align: left;

                &.center {
                    text-align: center;
                }
yyq authored
105
刘传洋 authored
106
                &.right {
yyq authored
107
                    text-align: right;
刘传洋 authored
108
                }
yyq authored
109
刘传洋 authored
110 111 112
                &.vtop {
                    vertical-align: top;
                }
yyq authored
113
刘传洋 authored
114
                .goods-img {
yyq authored
115 116
                    display: block;
                    min-height: 100px;
hongweigao authored
117
                }
刘传洋 authored
118
hongweigao authored
119 120
                .goods-img img {
                    max-width: 100%;
刘传洋 authored
121
                }
weiqingting authored
122
            }
yyq authored
123
weiqingting authored
124 125 126
            a {
                text-decoration: none;
            }
yyq authored
127
刘传洋 authored
128 129
            .name {
                display: block;
yyq authored
130
                margin-bottom: 10px;
刘传洋 authored
131
            }
yyq authored
132
weiqingting authored
133 134 135
            .remarked {
                color: #e8044f;
            }
yyq authored
136
weiqingting authored
137 138 139 140
            .remark-btn {
                width: 69px;
                height: 22px;
                line-height: 21px;
陈轩 authored
141
                border: 0;
刘传洋 authored
142
                background: resolve("home/remark-btn.png") no-repeat;
weiqingting authored
143 144 145 146 147
                cursor: pointer;
                color: #fff;
                outline: none;
            }
        }
yyq authored
148
yyq authored
149
        .require-sign {
刘传洋 authored
150
            float: left;
yyq authored
151
            margin-left: -10px;
刘传洋 authored
152 153
            line-height: 1.8;
        }
yyq authored
154
weiqingting authored
155 156 157 158 159
        .remark-content {
            width: 405px;
            border: 1px solid #e6e6e6;
            word-break: break-all;
        }
刘传洋 authored
160
yyq authored
161 162
        .img-preview {
            float: left;
刘传洋 authored
163
            position: relative;
yyq authored
164 165 166
            width: 60px;
            height: 60px;
            border: 1px dashed #ccc;
刘传洋 authored
167
            background: resolve("home/upload-icon.png") no-repeat center;
yyq authored
168 169
            margin-right: 10px;
            overflow: hidden;
刘传洋 authored
170 171

            input[type="file"] {
yyq authored
172 173 174
                opacity: 0;
                width: 100%;
                height: 100%;
刘传洋 authored
175
                cursor: pointer;
yyq authored
176 177 178
                position: absolute;
                left: 0;
                top: 0;
刘传洋 authored
179
            }
yyq authored
180 181 182

            i {
                display: none;
刘传洋 authored
183
                position: absolute;
yyq authored
184 185 186 187 188
                top: 0;
                width: 50%;
                text-align: center;
                color: #fff;
                background: rgba(0, 0, 0, 0.5);
刘传洋 authored
189
                cursor: pointer;
刘传洋 authored
190 191

                &.view {
yyq authored
192
                    left: 0;
刘传洋 authored
193
                }
yyq authored
194 195 196

                &.view-only {
                    width: 100%;
刘传洋 authored
197
                }
yyq authored
198
刘传洋 authored
199
                &.del {
yyq authored
200 201
                    right: 0;
                }
刘传洋 authored
202
            }
yyq authored
203
刘传洋 authored
204
            img {
yyq authored
205 206
                width: 100%;
                min-height: 100%;
刘传洋 authored
207
                display: none;
刘传洋 authored
208 209 210
            }

            &.selected {
yyq authored
211 212
                background: none;
                border-color: #fff;
刘传洋 authored
213
hongweigao authored
214 215
                &:hover i {
                    display: block;
刘传洋 authored
216
                }
刘传洋 authored
217
yyq authored
218
                img {
刘传洋 authored
219 220
                    display: block;
                }
刘传洋 authored
221 222 223
            }
        }
刘传洋 authored
224 225
        .comment-add {
            padding: 20px 50px;
yyq authored
226
            position: relative;
刘传洋 authored
227
刘传洋 authored
228
            .arrow {
刘传洋 authored
229
                position: absolute;
yyq authored
230 231 232 233 234 235 236 237 238
                width: 40px;
                height: 20px;
                left: 75%;
                margin-left: -20px;
                top: -20px;
                overflow: hidden;

                i,
                em {
刘传洋 authored
239
                    position: absolute;
yyq authored
240 241
                    width: 0;
                    height: 0;
刘传洋 authored
242
                    left: 0;
yyq authored
243 244 245 246
                    top: -20px;
                    border-color: transparent transparent #ccc;
                    border-width: 20px;
                    border-style: dashed dashed solid;
刘传洋 authored
247
                }
yyq authored
248
刘传洋 authored
249
                em {
yyq authored
250 251 252
                    border-color: transparent transparent #fff;
                    top: -19px;
                    left: 0;
刘传洋 authored
253
                }
刘传洋 authored
254
            }
yyq authored
255
刘传洋 authored
256
            .row {
yyq authored
257
                margin-bottom: 16px;
刘传洋 authored
258
yyq authored
259
                .col {
刘传洋 authored
260
                    margin-right: 50px;
hongweigao authored
261
                }
yyq authored
262
hongweigao authored
263 264
                .col:last-child {
                    margin-right: 0;
刘传洋 authored
265 266
                }
            }
yyq authored
267
刘传洋 authored
268 269 270 271 272
            .s-input {
                width: 25px;
                padding-left: 5px;
                padding-right: 5px;
            }
yyq authored
273 274 275 276 277

            .textarea {
                position: relative;

                > textarea {
刘传洋 authored
278 279
                    width: 100%;
                    height: 80px;
yyq authored
280
                    padding: 10px;
刘传洋 authored
281
                    border-color: #dfdfdf;
刘传洋 authored
282
                    resize: none;
刘传洋 authored
283
                }
yyq authored
284 285 286

                .text-tip {
                    position: absolute;
刘传洋 authored
287
                    display: none;
yyq authored
288 289
                    top: 10px;
                    left: 10px;
刘传洋 authored
290 291
                    color: #999;
                }
yyq authored
292 293

                .text-tip i {
刘传洋 authored
294 295
                    color: #000;
                }
yyq authored
296 297 298 299 300 301 302

                .text-tip-limit {
                    position: absolute;
                    top: auto;
                    left: auto;
                    right: 0;
                    bottom: 10px;
刘传洋 authored
303 304
                    color: #999;
                }
刘传洋 authored
305 306
            }
        }
yyq authored
307 308

        .commented-list {
刘传洋 authored
309
            td {
刘传洋 authored
310
                padding: 20px 5px;
刘传洋 authored
311
            }
yyq authored
312
刘传洋 authored
313
            .item {
yyq authored
314
                border-bottom: 1px solid #e6e6e6;
刘传洋 authored
315 316 317
                padding-bottom: 15px;
                margin-bottom: 15px;
yyq authored
318 319 320 321
                &:last-child {
                    border-bottom: 0;
                    margin-bottom: 0;
                    padding-bottom: 0;
刘传洋 authored
322 323
                }
yyq authored
324
                p {
刘传洋 authored
325 326 327
                    margin: 8px 0;
                }
            }
yyq authored
328
刘传洋 authored
329 330 331 332
            .comment-info {
                text-align: right;

                span {
yyq authored
333 334
                    display: inline-block;
                    margin-right: 50px;
刘传洋 authored
335
                }
刘传洋 authored
336 337
            }
        }
yyq authored
338
刘传洋 authored
339
        .comment-star {
yyq authored
340 341 342 343 344
            position: relative;
            display: inline-block;
            height: 20px;
            width: 90px;
            cursor: pointer;
刘传洋 authored
345
            background: resolve("home/star.png") 0 -20px repeat-x;
刘传洋 authored
346
yyq authored
347 348 349 350 351
            .star-1,
            .star-2,
            .star-3,
            .star-4,
            .star-5 {
刘传洋 authored
352
                position: absolute;
yyq authored
353 354 355 356
                left: 0;
                top: 0;
                display: inline-block;
                height: 20px;
刘传洋 authored
357 358
                width: 18px;
刘传洋 authored
359
                &.active {
刘传洋 authored
360
                    background: resolve("home/star.png") repeat-x;
刘传洋 authored
361 362
                }
            }
yyq authored
363 364 365

            .star-2 {
                width: 36px;
刘传洋 authored
366
            }
yyq authored
367 368 369

            .star-3 {
                width: 54px;
刘传洋 authored
370
            }
yyq authored
371 372 373

            .star-4 {
                width: 72px;
刘传洋 authored
374
            }
yyq authored
375 376 377

            .star-5 {
                width: 90px;
刘传洋 authored
378
            }
刘传洋 authored
379
yyq authored
380 381 382 383
            &.editable > span {
                &:hover {
                    background: resolve("home/star.png") repeat-x;
                }
刘传洋 authored
384
            }
刘传洋 authored
385
        }
weiqingting authored
386
    }
yyq authored
387 388

    .comment-dialog-widget {
weiqingting authored
389 390 391 392 393 394
        position: absolute;
        padding: 5px;
        border: 1px solid #999;
        background: #fff;
        border-radius: 4px;
        z-index: 1050;
yyq authored
395
weiqingting authored
396 397 398
        .dialog-titlebar {
            height: 16px;
            cursor: move;
yyq authored
399
weiqingting authored
400 401 402 403
            .dialog-close-btn {
                float: right;
                width: 46px;
                height: 16px;
刘传洋 authored
404
                background: resolve("home/openbox_close.png") no-repeat 0 0;
weiqingting authored
405
                cursor: pointer;
yyq authored
406
weiqingting authored
407
                &:hover {
陈轩 authored
408
                    background-position: 0 -16px;
weiqingting authored
409 410 411
                }
            }
        }
yyq authored
412
weiqingting authored
413 414
        .dialog-content {
            padding: 3px 30px;
yyq authored
415
weiqingting authored
416 417 418
            dl {
                display: table-row;
            }
yyq authored
419
weiqingting authored
420 421 422 423 424 425
            dd {
                display: table-cell;
                vertical-align: top;
                font-size: 13px;
                line-height: 15px;
            }
yyq authored
426
weiqingting authored
427
            textarea {
陈轩 authored
428 429
                width: 390px;
                height: 80px;
weiqingting authored
430 431
                max-width: 390px;
                max-height: 240px;
刘传洋 authored
432
                background: resolve("home/input-back.png") repeat-x;
weiqingting authored
433 434 435
                font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
            }
        }
yyq authored
436
weiqingting authored
437 438
        .dialog-buttons {
            padding-right: 30px;
yyq authored
439
weiqingting authored
440 441 442 443 444
            button {
                color: #666;
                float: right;
                padding: 8px 15px;
                margin-left: 5px;
陈轩 authored
445
                border: 1px solid #aaa;
weiqingting authored
446 447 448 449
                border-radius: 3px;
                background-color: #f2f2f2;
                outline: none;
            }
yyq authored
450
weiqingting authored
451 452 453
            .dialog-save-btn {
                color: #fff;
                font-weight: bold;
陈轩 authored
454 455
                border-color: #b5023d;
                background-color: #da0249;
weiqingting authored
456 457 458
            }
        }
    }
yyq authored
459 460 461 462

    .foot-pager {
        padding-bottom: 0;
    }
陈轩 authored
463
}
刘传洋 authored
464 465

@import "../common/img-preview";