SLOW DOWN REPLY-BOX

This tutorial was provided by Niko from Forum of Codes

Description

Using this tutorial you will have a slow-down effect for the reply-box: When you pass hover the box it will go down

Set up

It is very easy... You have just to put this code in your CSS (ACP > Display > Images and Colors > CSS):

Code:

form#quick_reply #textarea_content textarea#text_editor_textarea {
height: 50px;
width: 100%!important;
-htm-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
transition-duration: 1s;
background: whitesmoke;
border: 1px dashed black;
}

form#quick_reply:hover #textarea_content textarea#text_editor_textarea:hover  {
height: 155px;
width: 100%!important;
background: white;
border: 1px solid teal;
position: relative;
}

Go demo: click

Customize the tutorial

You can edit the attribute Border: with other colors and styles; You can also change the height: of the textare after and before the pass hover it

Technical problems

Friendly,
The team of the Forum of Codes.