[Codes] Tổng hợp codes làm khung Quotes, Spoilers

.postbody
table{margin-left:auto;margin-right:auto;width:auto!important}.code
div.cont_code{background:#f7f7f7 url(https://2img.net/i/bl/spirale.png)
no-repeat;border:1px solid
#8F8F8F;color:#2E8B57;display:block;font-family:Courier,CourierNew,sans-serif;font-size:.9em;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.3em;margin:2px

auto;max-height:200px;overflow:auto;padding-top:5px;white-space:pre!important;width:460px!important}.quote{background:#D2E4F2
url(https://2img.net/i/fa/prosilver/quote.gif) no-repeat top
left;border:1px solid
#d4d4d4;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:125%;min-width:500px;padding:6px;text-indent:2em;width:80%}.quote
.quote{background-color:#EFE0E6}.quote .quote
.quote{background-color:#EBEADD}.quote table{margin:5px 16px
0}a.copyright{color:#844A21;text-decoration:none}a.copyright:hover{color:#dd6900;text-decoration:none}

.quote{
background-color: #FAFAFA;
color: #444;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 125%;
padding: 7px;}
div.postbody table{background: #FFFBC3 none;
border: 1px dashed #FF9C00;}
div.postbody
table span.genmed{color:#777777;display:block;padding: 6px 30px 13px
30px;background: #fffbc3
url(http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0440/folder_add.png)
no-repeat 5px 8px;font: bold 18px Courier New}

.postbody table[width="90%"] .genmed{
background: white url(https://2img.net/i/fa/wysiwyg/comments.png) no-repeat 3px 4px;}

.spoiler .genmed{background: white url(https://i.servimg.com/u/f66/11/96/49/61/arrow_16.png) no-repeat 3px 4px !important;}

.mod_news .genmed, .postbody .genmed {
border: 1px solid #1675bc;
border-bottom: 0;
padding: 5px;
padding-bottom: 4px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
background: white url(https://2img.net/i/fa/wysiwyg/page_white_code.png) no-repeat 3px 4px;
padding-left: 22px;}

.code, .quote {
position: relative;
padding: 5px;
font-family: Arial;
font-size: 11px;
color: #858585;
background-color: white;
border: 1px solid #1675bc;
-moz-border-radius: 0 5px 5px 5px;
-webkit-border-radius: 0 5px 5px 5px;
border-radius: 0 5px 5px 5px;}

.mod_news .code, .mod_news .quote, .spoiler_content, .spoiler_closed{
padding: 5px;
font-family: Arial;
font-size: 11px;
color: #858585;
background-color: white;
border: 1px solid #1675bc;
-moz-border-radius: 0 5px 5px 5px;
-webkit-border-radius: 0 5px 5px 5px;
border-radius: 0 5px 5px 5px;}

.spoiler_closed{padding: 1px;}

#calendar_container .quote, form[name="_calendar"] .quote{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

/*quote---------------------------------------------------------------------*/

.quote {
font: normal 10pt Segoe UI, Verdana, Tahoma, Arial, Sans-Serif, Trebuchet MS, Georgia, Courier, Times New Roman, Serif;
border-color : black;
color:black;
border-left:solid 5px black !important;
border-top:dashed 1px black !important;
border-right:dashed 1px black !important;
border-bottom:dashed 1px black !important;
background : #ffffff url(http://images.dailyinfo.vn/archive/photo/fashion/201103/20110321/21441121quote.gif) no-repeat;
padding-left: 10px;padding-top: 35px;
padding-right: 10px;padding-bottom: 5px;
max-height:300px;
overflow:auto;}

.code {
color : green;
font-family: Lucida Console;
font-size : 10pt;
border-color : green;
border-left:solid 5px green !important;
border-top:dashed 1px green !important;
border-right:dashed 1px green !important;
border-bottom:dashed 1px green !important;
background
: #ffffff
url(http://images.dailyinfo.vn/archive/photo/fashion/201103/20110321/21051102code.gif)
no-repeat;padding-left: 10px;padding-top: 35px;padding-right:
10px;padding-bottom: 5px;
max-height:300px; overflow:auto;}

.code div.cont_code::selection{
background-color:green;
color:#fff;
}
.code div.cont_code::-moz-selection {
background-color:green;
color:#fff;
}

.code div.cont_code::-webkit-selection {
background-color:green;
color:#fff;
}


.code div.cont_code {
max-height:300px; overflow:auto;
}

/* Spoiler */
.spoiler_closed {
display:block;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #000000;
line-height: 125%;
background-color: #fafafa;
border: #808080;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;

}
.spoiler_closed.hidden {

display:none;


}
.spoiler_content {
display:block;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #000000;
line-height: 125%;
background-color: #fafafa;
border: #808080;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
padding : 10px;
}
.spoiler_content.hidden {
display:none;
}