AT CORE documentation
ATC - gui - css
Almost all tables and other elements in the ATC admin use css to define their look.You can change the css code of the most common elements, to create your own style.
In the default template you will find a short description and the actual code.
The first thing most people change is the look of the tables;
classes .table1 .header1. row1 and .row2
We suggest that you make one change at the time and see the result.
The default code is the following
/* active links */
a:active{text-decoration:none; color:#000}
/* target links */
a:link{text-decoration:none; color:#000}
/* visited links */
a:visited{text-decoration:none; color:#000}
/* mouse-over on link */
a:hover{color:#036; text-decoration:underline}
/* selected input fields */
input:focus{background-color:#cee0ff; background-image:url(/atc/gradient-blue.gif); background-repeat:repeat-y}
/* selected textarea fields */
textarea:focus{background-color:#fff; background-image:url(/atc/gradient-blue-v.gif); background-repeat:repeat-x}
/* global table row */
tr{font-family:Verdana,Tahoma,Arial; font-size:8.5pt; color:#000}
/* global table cell */
td{font-family:Verdana,Tahoma,Arial; font-size:8pt}
/* main tables */
.table1{background-color:#444; border:none}
/* header row with title */
.header1{font-size:11px; background-color:#87a7cb; color:#fff}
/* table row with rotating color */
.row1{background-color:#ddd}
/* table row with rotating color */
.row2{background-color:#fff}
/* highlighted row (double click)*/
.hirow{font-size:11px; background-color:yellow; color:#111}
