/*
// 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:0px;
margin:0px;
text-align:left;
background:#fff;
}
p, div, table, tr, td, form, input {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#222;
padding:0px;
margin:0px;
font-weight:normal;
text-decoration:none;
}
/* Links */
a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#222; /* 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:#c00;
font-weight:bold;
text-decoration:none;
}
/* Headings */
h1 {
font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
font-size:18px;
color:#c00;
padding:0px;
margin:0px;
font-weight:normal;
text-decoration:none;
}
h2 {}
h3 {
font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
font-family:Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
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:0px auto;padding:12px 0 0 0;}
#logo {float:left;margin:0px 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:0px 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:0px 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;}
.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;}
.emphasize {font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;font-size:18px;color:#222;padding:0px;margin:0px;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:0px;margin:0px;font-weight:normal;text-decoration:none;background:none;color:#222;}
span.emphasize a:hover {font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;font-size:18px;color:#c00;padding:0px;margin:0px;font-weight:normal;text-decoration:none;background:none;color:#c00;}
span.emphasize span {font-size:12px;color:#555;font-style:italic;}
/* ========================================================================== */
/* ========================================================================== */
/* ============= 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:0px;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:0px;margin:20px 8px 0 0;} /* flat list mode */
ul#mainlevel-nav li {display:inline;padding:0px 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 ============================ */
/* ========================================================================== */