/*
// JoomlaWorks "Monochrome" Template for Joomla! 1.0.x - Version 1.0
// License: http://www.gnu.org/copyleft/gpl.html
// Author: Fotis Evangelou
// Copyright (c) 2006 - 2007 JoomlaWorks.gr - http://www.joomlaworks.gr
// Project page at http://www.joomlaworks.gr - Demos at http://demo.joomlaworks.gr
// Support forum at http://forum.joomlaworks.gr
// ***Last update: August 27th, 2007***
*/
/* ========================================================================== */
/* ========================================================================== */
/* ============================= GLOBAL STYLING ============================= */
/* ========================================================================== */
/* ========================================================================== */
/* * {margin:0;padding:0;} - reset all margins and paddings */
body { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#222; padding:0; margin:0; text-align:left; background:#fff; }
p,
div,
table,
tr,
td,
form,
input { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#222; padding:0; margin:0; font-weight:normal; text-decoration:none; }
/* Links */
a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#c00; /* light blue: 4d6486 */ font-weight:bold; text-decoration:none; }
a:link { }
a:visited { }
a:active,
a:focus { outline:0; }
a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#f60; font-weight:bold; text-decoration:none; }
/* Headings */
h1 { font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; font-size:18px; color:#c00; padding:0; margin:0; font-weight:normal; text-decoration:none; }
h2 { }
h3 { font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; font-weight:normal; text-decoration:none; color:#c00; font-size:16px; font-weight:normal; text-transform:uppercase; margin:12px 0 2px 0; }
h4 { }
h5 { }
h6 { }
/* Listings */
ul { list-style:none; margin:0; padding:0; }
ul li { margin:1px 4px; }
ol { list-style:none; margin:0; padding:0; }
ol li { margin:1px 4px; }
/* Forms */
select,
option { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#222; font-weight:normal; text-decoration:none; }
input { }
textarea { }
label { }
/* ========================================================================== */
/* ========================================================================== */
/* ============================ CONTENT LAYOUT ============================== */
/* ========================================================================== */
/* ========================================================================== */
#header-container { background:#222/* url(../images/header_bg.gif) repeat-x bottom*/; border-bottom:1px solid #fff; height:80px; overflow:hidden; }
#header { width:940px; margin:0 auto; padding:12px 0 0 0; }
#logo { float:left; margin:0 8px; }
#logo a,
#logo a:hover { font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; font-size:34px; color:#fff; padding:0 2px; font-weight:normal; position:relative; }
#logo a span { display:none; }
#logo a:hover span { visibility:visible; display:inline; white-space:nowrap; margin:0 0 0 0; padding:0 2px; font-size:10px; color:#222; background:#fff; position:absolute; top:35%; left:105%; }
#logo h2 { color:#777; font-size:12px; font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; margin:-10px 0 0 230px; }
#menu-top { float:right; }
#header-border { background:#202020; line-height:0; padding:1px 0; }
#pathway { width:940px; margin:0 auto; }
a#rss-icon,
a#rss-icon:hover { display:block; float:right; text-align:right; background:url(../images/rss.gif) no-repeat; width:26px; height:14px; padding:0; margin:14px 16px 12px 0; }
#container { width:940px; margin:0 auto; padding:0 0 16px 0; border-bottom:2px solid #222; }
#content { float:left; width:624px; border-top:2px solid #222; padding:12px 0; }
#content-and-sb { float:left; width:774px; border-top:2px solid #222; padding:12px 0; }
#content-full { border-top:2px solid #222; padding:12px 0; }
#content .contentpaneopen { width:auto; padding:0; margin:4px 6px; }
#banner-top { text-align:center; margin:0 0 8px 0; padding:8px; border-bottom:1px dotted #ddd; }
#banner-top a img { border:1px solid #999; }
#mid-col { float:left; width:150px; border-top:2px solid #222; padding:12px 0; margin:0 0 0 8px; }
#mid-col .moduletable table tr td a.mainlevel { display:block; padding:0 1px; border-bottom:1px solid #ccc; color:#222; }
#mid-col .moduletable table tr td a.mainlevel:hover { display:block; padding:0 1px; border-bottom:1px solid #ccc; background:#222; color:#fff; }
#content-boxes { clear:both; padding:8px 0; border-top:1px dotted #ccc; margin:12px 0 0 0; height:250px; }
.content-box { float:left; width:226px; padding:2px 3px; border-right:1px solid #ccc; margin:0 1px; height:250px; overflow:hidden; }
.content-box a {color:#222;}
.content-box a:hover {color:#f60;}
.last-box { border:none; }
#right-col { float:left; width:150px; border-top:2px solid #222; padding:12px 0; margin:0 0 0 8px; }
#footer { border-top:1px solid #222; margin:1px auto; padding:8px 0 24px 0; width:940px; clear:both; }
#footer div#copyrights { float:left; }
#footer div#copyrights span { font-weight:bold; }
#footer div#credits { float:right; }
#footer div#cms-credits { clear:both; color:#777;/*display:none;*/ }
#footer div#cms-credits a { color:#777; }
#footer div#cms-credits a:hover { color:#222; }
/* FPSS site */
.red { color:#c00; }
#fpss_examples { width:100%; }
#fpss_examples tr td { vertical-align:top; text-align:center; border-bottom:1px dotted #ccc; }
/* ========================================================================== */
/* ========================================================================== */
/* ============= COMMON ELEMENTS (titles, forms, buttons etc.) ============== */
/* ========================================================================== */
/* ========================================================================== */
/* Global clear */
.clr { clear:both; height:0; line-height:0; }
/* Layout */
fieldset { }
legend { }
pre { font-family:monospace; } /* used for displaying code blocks in content */
/* Images */
img { border:none; }
/* ---target images inside content tables only---
.contentpane img,
.contentpaneopen img {background:#fff;padding:2px;border:1px solid #ddd;}
td.buttonheading a img {border:none;padding:0;background:none;}
*/
#com_content .contentpane img,
/*#com_content .contentpaneopen img {background:#fff;padding:2px;margin:2px 4px;border:1px solid #ddd;}*/
#com_content td.buttonheading a img { border:none; padding:0; margin:0; background:none; }
#com_contact .contentpane td div img { border:1px solid #ddd; padding:4px; margin:0 0 4px 4px; }
/* Form elements */
.inputbox { }
.button { padding:1px 4px; }
/* Horizontal lines */
hr { line-height:0; height:0; border:none; border-bottom:1px solid #ccc; padding:0; margin:8px 0; }
hr.separator { }
/* Titles - headings */
.componentheading,
div.componentheading { color:#222; font-size:28px; font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 8px 0; padding:0; }
td.contentheading { width:100%; } /* force title to stretch to available space */
.contentheading,
.contentheading a,
a.contentheading,
.contentpagetitle,
.contentpagetitle a,
a.contentpagetitle { color:#222; font-size:22px; font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:0; }
.contentheading a:hover,
a.contentheading:hover,
.contentpagetitle a:hover,
a.contentpagetitle:hover { color:#c00; font-size:22px; font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:0; }
/* Content areas (tables) */
table.contentpane { } /* Table that holds all non-article information (components, category lists, contact forms etc) */
.contentpaneopen { width:100%; } /* Table that holds the actual text for an article */
.contentpaneopen a { color:#c00; font-weight:bold; text-decoration:none; }
.contentpaneopen a:hover { color:#fff; font-weight:bold; text-decoration:none; background:#c00; }
/* Section/category description pages */
td.contentdescription { background:#fafafa; padding:4px; }
/* Section listings */
td.sectiontableheader { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; background:#222; color:#fff; padding:4px; } /* This is for styling the section table headers */
td.sectiontablefooter { }
.sectiontableentry1 { }
.sectiontableentry2 { }
tr.sectiontableentry1 { }
tr.sectiontableentry1 td { background:#fff; padding:4px; }
tr.sectiontableentry2 { }
tr.sectiontableentry2 td { background:#eee; padding:4px; }
/* Blog section links */
.blogsection { }
a.blogsection { }
a.blogsection:hover { }
/* "Read More" button */
a.readon { color:#222; background:url(../images/readon.png) no-repeat left; padding:0 0 0 16px; margin:0; }
a.readon:hover { color:#c00; background:url(../images/readon.png) no-repeat left; padding:0 0 0 16px; margin:0; }
/* Back button */
div.back_button { border-top:1px solid #ccc; margin:12px 0px; padding:8px; text-align:center; }
div.back_button a { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; background:#c00; color:#fff; font-size:14px; line-height:18px; padding:2px 4px; }
div.back_button a:hover { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; background:#222; color:#fff; font-size:14px; line-height:18px; padding:2px 4px; }
/* Pathway */
span.pathway { display:block; margin:0; padding:12px; font-size:12px; float:left; }
span.pathway img { } /* the arrow */
a.pathway { font-size:12px; background:#c00; color:#fff; font-weight:normal; padding:0 2px; margin:0; }
a.pathway:hover { font-size:12px; background:#222; color:#fff; font-weight:normal; padding:0 2px; margin:0; }
/* Page navigation buttons - e.g. "<< Start < Previous 1 Next > End >>" */
a.pagenav { } /* page nav link */
a.pagenav:hover { }
span.pagenav { } /* page nav item */
/* Content item navigation buttons */
th.pagenav_next { } /* next button */
th.pagenav_next a { }
th.pagenav_prev { } /* previous button */
th.pagenav_prev a { }
/* Toolbar */
table#toolbar { margin-right: 10px; }
table#toolbar a.toolbar { color:#808080; text-decoration:none; display:block; border:1px solid #DDD; width:40px; padding:2px 5px 2px 5px; }
table#toolbar a.toolbar:hover { color:#C64934; cursor:pointer; border:1px solid #c24733; background-color:#f1e8e6; padding:3px 5px 1px 5px; }
table#toolbar a.toolbar:active { color:#FF9900; }
table#toolbar a.toolbar img { }
/* ========================================================================== */
/* ========================================================================== */
/* =============================== COMPONENTS =============================== */
/* ========================================================================== */
/* ========================================================================== */
/* com_banner */
/* com_messages */
/* com_contact
a.category[page class suffix]
div.componentheading[page class suffix]
div.contact_email[page class suffix]
span.small[page class suffix]
table.contentpane[page class suffix]
td.contentdescription[page class suffix]
td.sectiontableheader[page class suffix]
td.contentheading[page class suffix]
*/
div.componentheading { }
table.contentpane { }
td.contentheading { }
td.buttonheading { }
td.contentdescription { }
td.sectiontableheader { }
td.sectiontableentry1 { }
td.sectiontableentry2 { }
a.category { }
span.small { }
form#selectForm { }
/* the form - form#emailForm */
#emailForm { }
#emailForm label { display:block; font-weight:bold; margin-top:4px; }
#emailForm br { display:none; }
#emailForm input { }
#emailForm textarea { display:block; }
#emailForm input.button { padding:2px 20px; }
#emailForm input.inputbox { }
div.contact_email { }
input#contact_name { }
input#contact_email { }
input#contact_subject { }
input#contact_email_copy { }
textarea#contact_text { }
textarea.inputbox { }
/* END com_contact ------------------ */
/* ---------------------- com_content & com_frontpage ----------------------
a.contentpagetitle[page class suffix]
a.readon[page class suffix]
div.blog_more[page class suffix]
div.componentheading[page class suffix]
table.blog[page class suffix]
table.contentpane[page class suffix]
table.contentpaneopen[page class suffix]
td.contentdescription[page class suffix]
td.contentheading[page class suffix]
td.sectiontablefooter[page class suffix]
td.sectiontableheader[page class suffix]
*/
/* blog list */
a.blogsection { }
a.category { }
a.category:hover { }
a.contentpagetitle { }
a.toolbar { } /* Defined in /includes/HTML_toolbar.php */
div.componentheading { }
input.button { }
input.inputbox { }
input.text_area { }
span.article_seperator { }
span.contentheading { }
table.adminform { }
table.blog { }
table.contentpaneopen { }
td.contentdescription { }
td.contentheading { }
div#overDiv { }
input#publish_up { }
input#publish_down { }
table#toolbar { } /* Defined in /includes/HTML_toolbar.php */
/* blog more - article lists (the "more..." list) */
div.blog_more { }
div.blog_more div strong { color:#222; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 8px 0; font-weight:normal; padding:2px 6px; color:#c00; } /* title */
div.blog_more ul { margin:2px 12px; } /* article list */
div.blog_more ul li { } /* article list item */
/* content item styling */
table.contentpane { }
td.contentheading { } /* article title */
td.buttonheading { padding:0 1px; } /* email/print/pdf buttons */
td.buttonheading a,
td.buttonheading a:hover { background:none; }
table.contentpane { }
span.small { } /* author */
td.createdate { color:#999; background:url(../images/date.gif) no-repeat left; padding-left:16px; } /* creation date */
td.modifydate { color:#999; font-style:italic; } /* modification date */
/* ---------------------- END com_content & com_frontpage ---------------------- */
/* com_registration */
div.componentheading { }
input.inputbox { }
input.button { }
table.contentpane { }
/* com_login
div.componentheading[page class suffix]
table.contentpane[page class suffix]
*/
div.componentheading { }
input.inputbox { }
input.button { }
table.contentpane { }
form#login { }
/* com_newsfeeds
a.category[page class suffix]
div.componentheading[page class suffix]
table.contentpane[page class suffix]
td.componentheading[page class suffix]
td.contentdescription[page class suffix]
td.contentheading[page class suffix]
td.sectiontableheader[page class suffix]
*/
a.category { }
div.componentheading { }
input.inputbox { }
input.button { }
span.small { }
table.contentpane { }
td.componentheading { }
td.contentdescription { }
td.contentheading { }
td.sectiontableentry1 { }
td.sectiontableentry2 { }
td.sectiontableheader { }
/* com_poll
div.componentheading[page class suffix]
select.inputbox
table.contentpane[page class suffix]
table.pollstableborder (Defined in components/com_poll/poll_bars.css)
td.sectiontableheader
td.smalldark
tr.sectiontableentry1
tr.sectiontableentry2
img.polls_color_1, img.polls_color_2, … (Defined in poll_bars.css)
input.button
form#poll
*/
div.componentheading { }
select.inputbox { }
table.contentpane { }
table.pollstableborder { }
td.sectiontableheader { }
td.smalldark { }
tr.sectiontableentry1 tr.sectiontableentry2 img.polls_color_1 { }
img.polls_color_2 { }
img.polls_color_3 { }
img.polls_color_4 { }
input.button { }
form#poll { }
/* com_rss */
/* com_search
div.componentheading[page class suffix]
tr.[page class suffix]
table.searchintro[page class suffix]
table.contentpaneopen[page class suffix]
span.small[page class suffix]
*/
div.componentheading { }
input.inputbox { }
input.button { }
table.contentpaneopen tr td { }
table.searchintro { } /* This is for formatting the box with "Search Keyword: test returned 4 matches" box that appears after you have entered a search value. It appears on the mainbody with the search results */
table.contentpaneopen { }
select.inputbox { }
span.highlight { color:#c00; border-bottom:1px dotted #c00; }
/*span.small {}*/
input#search_searchword { }
select#search_ordering { }
input#searchphraseexact { }
input#searchphraseany { }
input#searchphraseall { }
table.contentpaneopen tr td fieldset { border:1px solid #ccc; padding:8px; }
fieldset div a { }
fieldset div a:hover { }
fieldset div span.small { font-weight:bold; }
fieldset div.small { color:#999; font-style:italic; }
/* com_user
a.toolbar (Defined in /includes/HTML_toolbar.php )
table#toolbar (Defined in /includes/HTML_toolbar.php )
*/
a.toolbar { }
div.componentheading { }
input.inputbox { }
table#toolbar { }
/* com_weblinks
a.category[page class suffix]
a.toolbar (Defined in /includes/HTML_toolbar.php )
div.componentheading[page class suffix]
table.contentpane[page class suffix]
td.contentdescription[page class suffix]
td.sectiontableheader[page class suffix]
table#toolbar (Defined in /includes/HTML_toolbar.php )
*/
a.category { }
a.toolbar { }
div.componentheading { }
input.inputbox { }
select.inputbox { }
span.small { }
table.contentpane { }
td.contentdescription { }
td.contentheading { }
td.sectiontableheader { }
textarea.inputbox { }
tr.sectiontableentry1 { }
tr.sectiontableentry2 { }
form#adminForm { }
table#toolbar { }
/* com_wrapper
div.contentpane[page class suffix]
div.componentheading[page suffix]
iframe.wrapper[page class suffix]
*/
div.contentpane { }
div.componentheading { }
iframe.wrapper { }
iframe#blockrandom { }
/* ========================================================================== */
/* ========================================================================== */
/* ================================= MODULES ================================ */
/* ========================================================================== */
/* ========================================================================== */
/* mod_archive.php - uses ul/li structure to display months */
/* mod_banners.php - outputs a or object tags */
/* mod_latestnews.php - [module class suffix] on all elements */
ul.latestnews { }
li.latestnews { }
a.latestnews { }
a.latestnews:hover { }
/* Cleaner version of the above would be:
ul.latestnews {}
ul.latestnews li {}
ul.latestnews li a {}
ul.latestnews li a:hover {}
*/
/* mod_login.php
form labels are targetted like this:
form table tr td label {}
*/
input.button { }
input.inputbox { }
input#mod_login_username { }
input#mod_login_password { }
input#mod_login_remember { }
/* ------------------ mod_mainmenu.php ------------------
a.mainlevel[menu class suffix]
a.sublevel[menu class suffix]
a#active_menu[menu class suffix]
span.mainlevel[menu class suffix]
ul#mainlevel[menu class suffix]
IF we use 'class suffix' on flat list mode then:
ul#mainlevel[menu class suffix] {}
ul#mainlevel[menu class suffix] li {}
ul#mainlevel[menu class suffix] li a:link {}
ul#mainlevel[menu class suffix] li a:visited{}
ul#mainlevel[menu class suffix] li a:hover {}
*/
a.mainlevel { } /* this styling is for the MAIN items in the menu */
a.mainlevel:link { }
a.mainlevel:visited { }
a.mainlevel:hover { }
a.sublevel { } /* this styling is for child menu items */
a.sublevel:link { }
a.sublevel:visited { }
a.sublevel:hover { }
#active_menu { } /* OR a.mainlevel#active_menu {} OR a.sublevel#active_menu {} - this styling is for the menu item when it is active, even in main/sub position */
span.mainlevel { } /* separator on horizontal/vertical mode */
ul#mainlevel { } /* flat list mode */
ul#mainlevel li { }
ul#mainlevel li a:link { }
ul#mainlevel li a:visited { }
ul#mainlevel li a:hover { }
ul#mainlevel-nav { list-style:none; padding:0; margin:20px 8px 0 0; } /* flat list mode */
ul#mainlevel-nav li { display:inline; padding:0 4px; margin:0; }
ul#mainlevel-nav li a { color:#fff; line-height:18px; background:#424242; padding:4px; }
ul#mainlevel-nav li a:hover { background:#c00; color:#fff; line-height:18px; padding:4px; }
ul#mainlevel-nav li a#active_menu { color:#222; background:#fff; }
/* ------------------ END mod_mainmenu.php ------------------ */
/* mod_mostread.php - [module class suffix] on all elements */
ul.mostread { }
li.mostread { }
a.mostread { }
/* Cleaner version of the above would be:
ul.mostread {}
ul.mostread li {}
ul.mostread li a {}
ul.mostread li a:hover {}
*/
/* mod_newsflash.php - [module class suffix] on table.moduletable */
table.moduletable { }
table.moduletable tr td { }
/* mod_poll.php
table.poll[module class suffix]
table.pollstableborder[module class suffix]
td.sectiontableentry1[module class suffix]
td.sectiontableentry2[module class suffix]
*/
table.poll { } /* predefined styling: <table width="95%" border="0" cellspacing="0" cellpadding="1" align="center" class="poll"> */
table.poll tr td { padding:1px 2px; text-align:left; }
table.pollstableborder { } /* full path: table.poll tr td table.pollstableborder {} */
table.pollstableborder td.sectiontableentry1 { }
table.pollstableborder td.sectiontableentry2 { }
input#voteid1 { } /* input#voteid[n] - where n=1,2,3,... */
input#voteid2 { }
input#voteid3 { }
input#voteid4 { }
table.poll tr td div input.button { } /* vote buttons */
/* mod_random_image.php - div a img {} */
/* mod_related_items.php - ul li a {} */
/* mod_rssfeed.php - [module class suffix] on div.syndicate AND div.syndicate_text */
div.syndicate { }
div.syndicate div.syndicate_text { }
div.syndicate div a { }
div.syndicate div a img { }
/* mod_search.php
div.search[module class suffix]
input.inputbox[module class suffix]
input.button[module class suffix]
*/
div.search { text-align:center; margin:4px auto; }
div.search input#mod_search_searchword { } /* OR div.search input#mod_search_searchword.inputbox {} */
div.search input.button { }
/* mod_sections.php */
ul li a { }
/* mod_stats.php - pattern: "<strong>OS:</strong> Linux<br />" */
strong { }
/* mod_templatechooser.php */
select#mod_templatechooser_jos_change_template.button { }
input.button { }
/* mod_whosonline.php */
ul li strong { }
/* mod_wrapper.php
iframe#blockrandom[module class suffix]
iframe.wrapper[module class suffix]
*/
iframe#blockrandom.wrapper { }
/* ========================================================================== */
/* ========================================================================== */
/* ================ PLUGINS (formerly known as MAMBOTS or BOTS) ============= */
/* ========================================================================== */
/* ========================================================================== */
/* mosimage.php */
div.mosimage { }
div.mosimage_caption { }
/* mospaging.php - Page break mambot
Usage:
{mospagebreak}</code>
{mospagebreak title=The page title}
or
{mospagebreak heading=The first page}
or
{mospagebreak title=The page title&heading=The first page}
or
{mospagebreak heading=The first page&title=The page title}
*/
div.pagenavcounter { font-weight:bold; margin-top:4px; }
table.contenttoc { display:block; float:right; margin:0 0 4px 4px; border:1px solid #ddd; } /* the article index table */
table.contenttoc tr th { background:#fafafa; padding:1px 2px; text-align:center; border-bottom:1px solid #ddd; } /* article index heading */
table.contenttoc tr td { padding:1px 2px; }
table.contenttoc tr td a.toclink { }
table.contenttoc tr td a.toclink:hover { }
div.pagenavbar { clear:both; text-align:center; }
div.pagenavbar div { padding:4px 0; }
div.pagenavbar div a { color:#222; }
div.pagenavbar div a:hover { color:#c00; background:none; }
/* mosvote.php */
span.content_rating { }
span.content_vote { }
span.content_vote input.button { }
/* ========================================================================== */
/* ========================================================================== */
/* ======================= GENERIC MODULE FORMATTING ======================== */
/* ========================================================================== */
/* ========================================================================== */
/*
Styling explanation:
0 = (default display) Modules are displayed in a column. See example below:
<table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<th valign="top">Module Title</th>
</tr>
<tr>
<td>Module Output</td>
</tr>
</table>
1 = Modules are displayed horizontally. See example below:
<table cellspacing="1" cellpadding="0" border="0" width="100%">
<tr>
<td align="top"><table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<th valign="top">Module Title</th>
</tr>
<tr>
<td>Module Output</td>
</tr>
</table></td>
<td align="top"><!-- ...Next module output... --></td>
</tr>
</table>
-1 = Modules are displayed as raw output and without titles.
-2 = Modules are displayed in CSS format enclosed by a <div>.
<div class="moduletable">
<h3>Module Title</h3>
Module Output
</div>
-3 = Modules are displayed in a format that allows, for example, stretchable rounded corners. See example below:
<div class="module">
<div>
<div>
<div>
<h3>Module Title</h3>
Module Output
</div>
</div>
</div>
</div>
*/
/* 0 & 1 styling */
table.moduletable { }
table.moduletable tr th { }
table.moduletable tr td { }
/* -2 styling */
div.moduletable { margin:0 0 20px 0; }
div.moduletable h3 { color:#c00; font-size:16px; font-weight:normal; text-transform:uppercase; margin:0 0 4px 0; }
/* -3 styling */
div.module { }
div.module div { }
div.module div div { }
div.module div div div { }
/* Rounded div corners example:
div.module {background:url(../images/topleftofbox.png) 0 0 no-repeat;}
div.module div {background:url(../images/toprightofbox.png) 100% 0 no-repeat;}
div.module div div{background:url(../images/bottomleftofbox.png) 0 100% no-repeat;}
div.module div div div {background:url(../images/bottomrightofbox.png) 100% 100% no-repeat;
width:auto !important;width:100%;
padding:12px;
}
*/
/* ========================================================================== */
/* ========================================================================== */
/* ==================== PRINT/E-MAIL PAGE - index2.php ====================== */
/* ========================================================================== */
/* ========================================================================== */
body.contentpane { padding:16px; margin:0; }
body.contentpane span.article_seperator { display:block; clear:both; margin:8px 0 0 0; border-bottom:1px solid #222; height:2px; line-height:0; }
body.contentpane div span.small { background:#eee; line-height:24px; padding:2px 8px; border:1px solid #ccc; }
body.contentpane form table { border:1px solid #ccc; padding:8px; margin:0; }
body.contentpane form table tr td { padding:1px 2px; margin:0; font-weight:bold; }
body.contentpane form table tr td .inputbox { width:90%; font-weight:normal; }
body.contentpane form table tr td .button { padding:1px 8px; font-weight:bold; }
/* ========================================================================== */
/* ========================================================================== */
/* ================= CSS CODE SNIPPETS - MIGHT COME HANDY =================== */
/* ========================================================================== */
/* ========================================================================== */
/* Hack to force browser scrollbar appear at all times so that the page does not jump when going from short to long pages */
html { height:100%; margin-bottom:1px; }
/* ========================================================================== */
/* ========================================================================== */
/* =========================== MAMBO COMPATIBILITY ========================== */
/* ========================================================================== */
/* ========================================================================== */
div#moduletable { margin:0 0 20px 0; }
div#moduletable h1 { color:#c00; font-size:16px; font-weight:normal; text-transform:uppercase; margin:0 0 4px 0; }
/* ========================================================================== */
/* =========================== END of stylesheet ============================ */
/* ========================================================================== */

span.emphasize { font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; font-size:18px; color:#222; padding:0; margin:0; font-weight:normal; text-decoration:none; display:block; background:#ffffd0; border-top:1px solid #ccc; border-bottom:1px solid #bbb; padding:8px; margin:4px; text-align:center; }
span.emphasize a { font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; font-size:18px; color:#c00; padding:0; margin:0; font-weight:normal; text-decoration:none; background:none; }
span.emphasize a:hover { font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; font-size:18px; color:#f60; padding:0; margin:0; font-weight:normal; text-decoration:none; background:none; }
span.emphasize b {color:#f60;}
span.emphasize span { font-size:12px; color:#555; font-style:italic; }