|
Tiêu đề: [Code] Khung Quote/Spoiler/Hide đẹp | |
| | Demo :Chèn code sau vào CSS : - Code:
-
.spoiler_closed:before { content:"Click để xem nội dung ẩn"; text-indent:0; }
.spoiler_closed{ padding: 6px 30px 13px 30px; font-size: 0.9em; font-weight: bold; border-width: 5px; border-style: solid; border-color: #d4d4d4; padding: 5px 8px; }
.spoiler_content { line-height: 155%; background: url(http://i47.servimg.com/u/f47/16/67/15/68/quote_10.png), url(http://i47.servimg.com/u/f47/16/67/15/68/quote_11.png); background-position: left top, bottom right; background-repeat: no-repeat; display:block; padding: 6px 30px 13px 30px; font-size: 0.9em; font-weight: bold; border-width: 5px; border-style: solid; border-color: #d4d4d4; padding: 5px 8px; }
#smallrum { background:#D9FFCC none; -moz-box-shadow:-2px 2px 2px #c8c8c8; -webkit-box-shadow:-2px 2px 2px #c8c8c8; box-shadow:-2px 2px 2px #c8c8c8; color:#D9FFCC; width:360px; margin:3px 1px; padding:0.4em 1em; }
#smallrum a img { vertical-align:middle; padding-right:2px; }
#smallrum a.gensmall { display:inline-block; text-align:left; width:155px; }
.quote { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; text-indent:2em; line-height:125%; min-width:350px; border:5px solid #d4d4d4; background: url(http://i47.servimg.com/u/f47/16/67/15/68/quote_10.png), url(http://i47.servimg.com/u/f47/16/67/15/68/quote_11.png); background-position: left top, bottom right; background-repeat: no-repeat; background-color:#F3F3F3; padding:6px; }
.quote .quote { background-color:#E6E6E6; }
.quote .quote .quote { background-color:#FCFCFC; }
div.postbody table { text-indent:0; margin:5px 16px 0; }
div.postbody table span.genmed { line-height: 155%; background: #DEDEDE url('http://i47.servimg.com/u/f47/16/67/15/68/citati10.png') no-repeat right; color: #606060; display:block; padding: 6px 30px 13px 30px; font-size: 0.9em; font-weight: bold; border-width: 1px 1px 0 5px; border-style: solid; border-color: #d4d4d4; padding: 5px 8px; }
|
|