Return to Snippet

Revision: 10229
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