Arrow Trader 5

Installation Guides
Admin Modules
References

Arrow Trader Core

Installation Guides
Admin Modules
References

Arrow Trader eXtreme V2

Installation Guides
Admin Modules
References

Arrow Trader eXtreme V1

Installation Guides
Admin Modules
References

Arrow Trader Lite 3

Installation Guides
Admin Modules
References

Q&A

Getting started

Search

gui - css

Almost all tables and other elements in the ATX 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(http://www.arrowscripts.com/a2/gradient-blue.gif); background-repeat:repeat-y}

/* selected textarea fields */
textarea:focus{background-color:#fff; background-image:url(http://www.arrowscripts.com/a2/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}


Help us improve our articles by rating them
- This article is -

Too long & complicated

Too short & simple

Not relevant enough

Just about right
4696