Project Management Overview - Style Sheets (
Page 4 of 4 )
Accompanying these templates are three Cascading Style Sheets:
adminstyle.css
- As you've guessed, this one contains the styling for the admin section:
/* CSS Document */
body,html {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.headertxt{
font-size:24px;
color:#FFFFFF;
}
.cright{
font-size:10px;}
/*Form stuff*/
INPUT.login {
background-color: #FFFFFF;
border:1px solid #333300 ;
font-family: Tahoma, Arial, Verdana;
font-size: 11px;
color: #333333;
}
.formborder{
border:1px double #333300;
background:#CCCCCC;}
.loginheader{
font-size:18px;
font-weight:800;
color:#6699CC;
/*border:1px solid #FFFFFF;*/}
.errmsg{
color:#6699CC;
font-size:16px;
font-weight:800;}
.input40 {
border: 1px solid #999999;
font-family: Tahoma, Arial, Verdana;
font-size: 11px;
color: #333333;
background-color: #FFFFFF;
padding-left: 4px;
padding-right: 4px;
width:250px;
height: 20px;
}
/*end form stuff*/
.logoutnavblock{
background:#CCCCCC;
border:1px ridge #FFFFFF;
color:#6699CC;}
.tooltip {
color: #006699;
font-style: italic;
font-size: 10px;
}
The other two styling sheets are:
main.css
- contains styles for the main application section
loginstyle.css
- contains styling for the user authentication section.
Database Tables
There are four database tables available for the application:
users - contains user log-in information
projects - contains project information
staff - contains staff information
tasks - contains information about tasks for each project
-DOWNLOAD SOURCE-
Conclusion
In this article we discussed the various sections and components that make up the project management application. In the next article we will look at the user authentication section of the application where we will discuss the code that makes up this section in detail.
