[Code] Hiệu Ứng Đóng Mở Khung Trả Lời Nhanh

form#quick_reply #textarea_content textarea#text_editor_textarea, form#quick_reply #textarea_content iframe#text_editor_iframe {
color: #666
resize: none;
overflow: auto;
background-color: #ff0000 !important;
border: transparent !important;
background-image: -moz-linear-gradient(top,#ffffff 0%,#ffffff 100%);
background-image: -ms-linear-gradient(top,#ffffff 0%,#ffffff 100%);
background-image: -o-linear-gradient(top,#ffffff 0%,#ffffff 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#ffffff));
background-image: -webkit-linear-gradient(top,#ffffff 0%,#ffffff 100%);
background-image: linear-gradient(top,#ffffff 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ffffff);
-moz-border-radius-topleft: 0;
}
#quick_reply {
padding: 2px;
}
#quick_reply:focus, #quick_reply:hover, #quick_reply:active {
height: 312px;
-moz-transition: all 0.518s;
-ms-transition: all 0.518s;
-o-transtion: all 0.518s;
-webkit-transition: all 0.518s;
transition: all 0.518s;
}
#quick_reply {
height: 74px;
-moz-transition: all 0.518s;
-ms-transition: all 0.518s;
-o-transtion: all 0.518s;
-webkit-transition: all 0.518s;
transition: all 0.518s;
}





#quick_reply {
z-index: 999;
border: 1px solid #CCC;
overflow: hidden;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-image: -moz-linear-gradient(top,#ffffff 0%,#ffffff 100%);
background-image: -ms-linear-gradient(top,#ffffff 0%,#ffffff 100%);
background-image: -o-linear-gradient(top,#ffffff 0%,#ffffff 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#ffffff));
background-image: -webkit-linear-gradient(top,#ffffff 0%,#ffff 100%);
background-image: linear-gradient(top,#ffffff 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ffffff);
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
-ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
-o-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}




form#quick_reply #textarea_content textarea#text_editor_textarea:focus{
background-image: -moz-linear-gradient(top,#ffffff 0%,#ffffff 100%);
 background-image: -ms-linear-gradient(top,#ffffff 0%,#ffffff 100%);
 background-image: -o-linear-gradient(top,#ffffff 0%,#ffffff 100%);
 background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#ffffff));
 background-image: -webkit-linear-gradient(top,#ffffff 0%,#ffffff 100%);
 background-image: linear-gradient(top,#ffffff 0%,#ffffff 100%);
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ffffff);
}