Admin Panel Fluid Layout.

[shawn_a]

Heres mine

Code:

.wrapper{
/* main wrapper */
width:99%;
}

.wrapper .nav{
/* top header nav wrapper */
width:99%;
}

.wrapper .nav li:first-child {
/* breathing space for tabs */
margin-left: 35px;
}

.wrapper table {
/* tables in wrapper, eg page management lists */
width:99%;
}

#maincontent{
/* wrapper for admin inputs */
width:80%;
}

textarea, form input.title{
/* resize backend textareas */
/* outline backend administrative input fields for emphasis */
width:99% !important;
border:2px solid #FFCCCC !important;
}


form.manyinputs textarea{
/* resize backend textareas for components */
width:100% !important;
border:2px solid #FFCCCC !important;
}

I've done some work with auto expanding codemirror, but I have has issues with overflow overlapping the footer. Still trying to figure it out.