The Client-Side Code
Only a few files make up the client-side code of Timekeeper, in fact, the exact number is three!
Although the number of files is small, they have some decent meat to them, so let??™s jump
right in.
styles.css
All the style sheet information in Timekeeper is nicely externalized into the style sheet file
named styles.css, found in the css directory, and shown in Listing 9-7.
Listing 9-7. The styles.css File
/* Catch-all style. */
* {
font-family : arial;
font-size : 10pt;
font-weight : bold;
}
/* Style for body. */
.cssBody {
margin : 0px;
padding : 0px;
background-image : url("../img/background.gif");
}
/* Style for outer container div. */
.cssOuter {
margin : 4px;
padding : 4px;
}
CHAPTER 9 n TIMEKEEPER: DWR EVEN MAKES PROJECT MANAGEMENT FUN! 471
/* Style for source of dialog animations. */
.cssSource {
position : absolute;
left : 1px;
top : 1px;
width : 1px;
height : 1px;
}
/* Style for heading on home page. */
.cssHeader {
font-size : 14pt;
}
/* Style of a table on the home page. */
.cssTable {
background-color : #ffffff;
}
/* Style of container of tables on home page. */
.cssHomeTableContainer {
border : 3px solid #98c0f4;
}
/* Style for table headers.
Pages:
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804