Subject: Chapter 3 -> Missing Source
Posted By: Haddy Post Date: 4/17/2008 10:08:51 AM
I have downloaded the source code for the book, but there is no source code snippet for the stylesheet noted on page 63-65.

Joomla FTW!
Reply By: Haddy Reply Date: 4/17/2008 10:44:44 AM
/* Template Styles for the three column template */

/*Define the columns for layout with no visible borders */
#colLeft{ float: left; width: 15%; padding: 5px;}
#colCenter{ float: left; width: 60%; padding: 5px;}
#colRight{ float: left; width: 15%; padding: 5px;}

/* Set the default font for body text */
Body{
    font-family: Tahoma,Helvetica,Arial,sans-serif;
    font-size: 0.7em/1.5;
}

/* Display the organizational logo */
#logo {
    width: 110%; height: 100px;
    margin-left: -10px;
    background: URL(../images/banner.png) left no-repeat;
    border: 1px solid #244223;
    padding: 20px;
}

/*Create the first div that shows the top-left rounded corner */
.moduletable, moduletable_menu {
    margin-top: 10px;
    background: #999 url(../images/topright.gif) top right no-repeat;
    width: 90%
}

/* Display the top-right rounded corner */
div.moduletable h3, .moduletable_menu h3  {
    background: URL(../images/topright.gif) top right no-repeat;
    padding: 10px;
    border-bottom: 1px solid #fff;
    margin: 0px;
    color: #ffffff;
}

/* Align the poll question correctly */
.moduletable table {
    margin-top: -1em;
}

/* Set the poll question parameters */
.poll td {
    font-size: 80%;
    margin-left: 5px;
    padding-left: 0px;
    margin-right: 5px;
    margin-top: 0em;
    padding-top: -10px;
}

.latestnews, .mainmenu, .keyconcepts, .othermenu{
    background: #ccc top right repeat-y;
    margin-left: 5px;
    padding-left: 0px;
    margin-right: 5px;
    margin-top: 0em;
}

div.moduletable li, .mainmenu li, .keyconcepts li, .othermenu li{
    background: #ccc top right repeat-y;
    margin-left: 1.5em;
    /* margin-top: -2em; */
    padding: 5px;
    font-size: 80%;
}

.ArticleFooter{
    background: url(../images/bottomleft.gif) bottom left no-repeat;
    /*clear: both;*/
    margin: -14px 0px 0px 0px;
}

.ArticleFooter p{
    background: url(../images/bottomright.gif) bottom right no-repeat;
    display: block;
    clear: both;
    padding: 0 15px 15px 15px;
    margin: -0.8em 0 0 0;
}



-----------------------
Joomla FTW!

Go to topic 70684

Return to index page 1