Revision: 10229
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at December 12, 2008 17:46 by johnloy
Initial Code
/*****************************************************************************
= Main page layout divisions
******************************************************************************
Fixtures of the page layout. These form the general shell into which
components can be placed.
#header - Global header container
#content - Content container
#main - Main content container
#sub1 or #sub2 - Subordinate content area containers, usually the sidebar
#footer - Global footer
*/
#header {
}
#content {
}
#main {
}
#sub1 {
}
#sub2 {
}
#footer {
}
/*****************************************************************************
= Content element defaults
******************************************************************************
Content element tags with or without the context of one of the main page
layout divisions, like #header, #content, etc.
*/
/* Links
----- */
/* Headings
-------- */
/* Ordered and unordered lists
--------------------------- */
/* Definition lists
---------------- */
/* Tables
---------------- */
/*****************************************************************************
= Components used in multiple viewing contexts
******************************************************************************
Blocks of markup that are mostly self-contained as objects, meaning they
can be added or removed from a document without altering the basic layout.
They generally come in the form of UI widgets/controls, partial-templates, or
boiler-plate design elements. The order of styles flows from generic to
specific, and class-based to id-based.
*/
/* Generic line divider
-------------------- */
.divider {
height: 1px;
margin: 1em 0;
background: url(../line_image.png) left center repeat-x;
}
.divider hr {
position: absolute;
left: -5000px;
height: 1px;
color: #fff;
}
/*****************************************************************************
= Components used in specific body.class or body#id viewing contexts
******************************************************************************
Blocks of markup that are mostly self-contained as objects, meaning they
can be added or removed from a document without altering the basic layout.
They generally come in the form of UI widgets/controls, partial-templates, or
boiler-plate design elements. The order of styles flows from generic to
specific, and class-based to id-based.
*/
Initial URL
Initial Description
Initial Title
starter CSS structure
Initial Tags
css, textmate
Initial Language
Other