-
AuthorPosts
-
July 17, 2008 at 4:06 pm #130991
http://mbcm.info/
you’ll notice a div on the top of the content named raggedtop
there is also another one along the left called raggedlefti’m trying to get that raggedleft to sit on the edge of the content like the top is…i’ve tried every possible placement i can think of without success
any ideas?
obviously there will be raggedright as well…
thanks for any suggestions
Menalto FriendMenalto
- Join date:
- May 2007
- Posts:
- 4736
- Downloads:
- 0
- Uploads:
- 43
- Thanks:
- 2
- Thanked:
- 531 times in 361 posts
July 17, 2008 at 4:45 pm #260555Ask the people at http://www.compeldesign.com/ since they designed it.
July 17, 2008 at 4:50 pm #260557I am compeldesign…
Menalto FriendMenalto
- Join date:
- May 2007
- Posts:
- 4736
- Downloads:
- 0
- Uploads:
- 43
- Thanks:
- 2
- Thanked:
- 531 times in 361 posts
July 17, 2008 at 6:04 pm #260562Then i suggest you read http://www.joomlart.com/joomla_templates_club_faqs/448.html
Specially here:
Can I remove JoomlArt Copyright?
Written by Hung Dinh
Yes. You can edit or remove the JoomlArt copyright information at the bottom of the template. You can claim the copyright notice "All right reserved", however the claim on creation of the template, such as:"Designed by Your Company"...are not allowed. Allowed: Copyright � 2005 - 2006 Your Company. Developed by Your Company Not Allowed : Copyright � 2005 - 2006 Your Company. Designed by Your CompanyJuly 17, 2008 at 6:11 pm #260564point taken…i’ve revised it…
now back to problem…any thoughts?Menalto FriendMenalto
- Join date:
- May 2007
- Posts:
- 4736
- Downloads:
- 0
- Uploads:
- 43
- Thanks:
- 2
- Thanked:
- 531 times in 361 posts
July 17, 2008 at 8:09 pm #260581Give me the code you have added in the index.php file and in the css file?
July 18, 2008 at 12:59 pm #260736i really appreciate you looking at this for me….
index.php
<?php
/*------------------------------------------------------------------------
# JA Drimia 1.0 - Dec, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2006 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
-------------------------------------------------------------------------*/
defined( '_JEXEC' ) or die( 'Restricted access' );
defined( 'DS') || define( 'DS', DIRECTORY_SEPARATOR );
include_once (dirname(__FILE__).DS.'/ja_vars.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<jdoc:include type="head" />
<?php JHTML::_('behavior.mootools'); ?>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="<?php echo $tmpTools->templateurl();?>/css/template.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="<?php echo $tmpTools->baseurl(); ?>templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $tmpTools->baseurl(); ?>templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/editor.css" type="text/css" />
<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl();?>/scripts/ja.script.js"></script>
<?php $tmpTools->genMenuHead(); ?>
<link href="<?php echo $tmpTools->templateurl(); ?>/css/colors/<?php echo $tmpTools->getParam(JA_TOOL_COLOR); ?>.css" rel="stylesheet" type="text/css" />
<!-->
<style type="text/css">
.clearfix {height: 1%;}
</style>
<!-->
<!-->
<style type="text/css">
.clearfix {display: inline-block;}
</style>
<!-->
<?php if ($tmpTools->isIE6()) {
?>
<script type="text/javascript">
window.addEvent ('domready', makeTransBG);
function makeTransBG() {
$$('#ja-cssmenu li ul').each(function(el){
makeTransBg(el, null, 'scale');
});
}
</script>
<style type="text/css">
#ja-cssmenu li li,
{
background:transparent url(../../images/blank.png) no-repeat right;
}
</style>
<?php } ?>
</head>
<div id="raggedtop" style="height:47px;width:1043px;background:transparent;margin-left:-32px;margin-top:5px;background:url(/templates/ja_drimia/images/ragged-top.png)">
</div>
<div id="raggedleft" style="height:200px;width:47px;background:transparent;position:relative;left:-32px;top:-60px;background:url(/templates/ja_drimia/images/ragged-left.png)">
</div>
<!--
<div id="raggedright" style="height:1003px;width:47px;background:transparent;background:url(/templates/ja_drimia/images/ragged-right.png)">
</div>
--><body id="bd" class="<?php echo $tmpTools->getParam(JA_TOOL_SCREEN);?> fs<?php echo $tmpTools->getParam(JA_TOOL_FONT);?>">
<a name="Top" id="Top"></a>
<ul class="accessibility">
<li><a href="#ja-content" title="<?php echo JText::_("Skip to content");?>"><?php echo JText::_("Skip to content");?></a></li>
<li><a href="#ja-mainnav" title="<?php echo JText::_("Skip to main navigation");?>"><?php echo JText::_("Skip to main navigation");?></a></li>
<li><a href="#ja-colwrap" title="<?php echo JText::_("Skip to columns");?>"><?php echo JText::_("Skip to columns");?></a></li>
</ul>
<div id="ja-wrapper1">
<div id="ja-wrapper2">
<div id="ja-wrapper3">
<div id="ja-wrapper4" class="clearfix">
<!-- BEGIN: HEADER -->
<div id="ja-headerwrap">
<div id="ja-header">
<h1 class="logo"><a href="index.php" title="<?php echo $tmpTools->sitename();?>"><?php echo $tmpTools->sitename(); ?></a></h1>
<!-- BEGIN: MAIN NAVIGATION -->
<div id="ja-mainnav">
<?php
//Gen menu for CSS, MOO
//Gen first level menu for Split, Dropline
$jamenu->genMenu (0);
?>
</div>
<!-- END: MAIN NAVIGATION -->
<?php if ($this->countModules('user4')) { ?>
<div id="ja-search">
<jdoc:include type="modules" name="user4" style="raw" />
</div>
<?php } ?>
<?php if ($tmpTools->getParam(JA_TOOL_USER)) { ?>
<div id="ja-usertoolswrap">
<div id="ja-usertools" class="clearfix">
<?php $tmpTools->genToolMenu($tmpTools->getParam(JA_TOOL_USER) & 7, 'gif'); ?>
</div></div>
<?php } ?>
</div>
</div>
<!-- END: HEADER -->
<div id="ja-containerwrap<?php echo $divid ?>" class="clearfix">
<div id="ja-container">
<!-- BEGIN: CONTENT -->
<div id="ja-content">
<div class="ja-innerpad clearfix">
<?php
$spotlight = array ('user1','user2');
$topspl = $tmpTools->calSpotlight ($spotlight, 100);
if( $topspl ) {
?>
<!-- BEGIN: TOP SPOTLIGHT -->
<div id="ja-topsl" class="clearfix">
<?php if( $this->countModules('user1') ) {?>
<div class="ja-box<?php echo $topspl['user1']['class']; ?>" style="width: <?php echo $topspl['user1']['width']; ?>;">
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<?php } ?>
<?php if( $this->countModules('user2') ) {?>
<div class="ja-box<?php echo $topspl['user2']['class']; ?>" style="width: <?php echo $topspl['user2']['width']; ?>;">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
<?php } ?>
</div>
<!-- END: TOP SPOTLIGHT -->
<?php } ?>
<?php if ( $option != 'com_frontpage' ) { ?><!--<?php } ?>
<div id="ja-pathwaywrap">
<div id="ja-pathway">
<jdoc:include type="module" name="breadcrumbs" />
</div>
</div>
<?php if ( $option != 'com_frontpage' ) { ?>--><?php } ?><jdoc:include type="component" />
<?php if ( $this->countModules('banner') ) { ?>
<div id="ja-banner">
<jdoc:include type="modules" name="banner" style="raw" />
</div>
<?php } ?>
</div></div>
<!-- END: CONTENT -->
<?php if ($ja_left || $ja_right || $ja_masscol) { ?>
<!-- BEGIN: COLUMNS -->
<!-- BEGIN: MASSCOL -->
<?php if ( $ja_masscol) { ?>
<div id="ja-masscol" class="clearfix" >
<div class="ja-newflash" >
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
</div>
<?php } ?>
<!-- END: MASSCOL -->
<div id="ja-colwrap">
<div id="ja-colwrap-bot">
<div id="ja-colwrap-top">
<div class="ja-innerpad">
<?php if ($ja_left) { ?>
<div id="ja-col1">
<?php if ($hasSubnav) { ?>
<div id="ja-subnav">
<?php $jamenu->genMenu (1,1); ?>
</div>
<?php } ?>
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<?php } ?>
<?php if ($ja_right) { ?>
<div id="ja-col2">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
<?php } ?>
</div></div></div></div><br />
<!-- END: COLUMNS -->
<?php } ?>
</div>
</div>
<?php
$spotlight1 = array ('user6','user7');
$botsl1 = $tmpTools->calSpotlight ($spotlight1,60);
if( $botsl1 || $this->countModules('user5')) {
?>
<!-- BEGIN: BOTTOM SPOTLIGHT -->
<div id="ja-botsl" class="clearfix">
<?php if( $this->countModules('user5') ) {?>
<div class="ja-box-leftcol" style="width: <?php echo $botsl1?39.9:100;?>%;">
<jdoc:include type="modules" name="user5" style="rounded" />
</div>
<?php } ?>
<?php if( $this->countModules('user6') ) {?>
<div class="ja-box<?php echo $botsl1['user6']['class']; ?>" style="width: <?php echo $botsl1['user6']['width']; ?>;">
<jdoc:include type="modules" name="user6" style="rounded" />
</div>
<?php } ?>
<?php if( $this->countModules('user7') ) {?>
<div class="ja-box<?php echo $botsl1['user7']['class']; ?>" style="width: <?php echo $botsl1['user7']['width']; ?>;">
<jdoc:include type="modules" name="user7" style="rounded" />
</div>
<?php } ?>
</div>
<!-- END: BOTTOM SPOTLIGHT -->
<?php } ?>
<!-- BEGIN: FOOTER -->
<div id="ja-footerwrap" class="clearfix">
<div id="ja-footer" class="clearfix">
<small><?php echo JHTML::_('date', 'now', '2005 - %Y' ) . ' ' . $tmpTools->sitename();?>.</small>
<jdoc:include type="modules" name="user3" style="raw" />
<small class="ja-copyright">
Developed by <a href="http://www.compeldesign.com/" title="Visit compelDesign.com!" target="blank">compelDesign.com</a>
</small>
</div>
</div>
<!-- END: FOOTER -->
</div>
</div>
</div>
</div>
<jdoc:include type="modules" name="debug" style="raw" />
</body>
</html>
template.css
/*------------------------------------------------------------------------
# JA Drimia 1.0 - Dec, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2007 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
-------------------------------------------------------------------------*/
/* COMMON STYLE
--------------------------------------------------------- */
html{
background: url(../images/map_bg.gif) no-repeat;
}
html, body, form, fieldset {
margin:0 auto;
padding: 0;
}body {
margin-top: 50px;
background: #FFFFFF;
align:center;
color: #000000;
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
line-height: 160%;
margin-top:60px;
width:945px;
}body#bd {
color: #666666;
padding: 0;
background: url(../images/ragged-top.png) no-repeat;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top;
}body.contentpane {
background: #FFFFFF;
color: #000000;
font-family: serif;
font-size: 12pt;
line-height: 140%;
margin: 1em 2em;
width: auto; /* Printable Page */
}
body.fs1 {
font-size: 9px;
}
body.fs2{
font-size: 10px;
}
body.fs3{
font-size: 11px;
}
body.fs4{
font-size: 12px;
}
body.fs5{
font-size: 13px;
}
body.fs6{
font-size: 14px;
}
/* Normal link */
a {
color: #18a3d7;
text-decoration: none;
}
a:hover, a:active, a:focus {
color: #0C436F;
text-decoration: underline;
}
/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, .nftitle {
color: #545454;
}
/* Small text */
small, .small, .smalldark, .mosimage_caption, .createdate, .modifydate {
color: #999999;
font-size: 100%;
}
/* Heading */
h1 {
font-size: 175%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 125%;
}
h4 {
font-size: 100%;
text-transform: uppercase;
}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
margin: 1em 0;
padding: 0;
}
ul {
list-style: none;
}
ul li {
background: url(../images/bullet-list.gif) no-repeat 18px 8px;
line-height: 180%;
padding-left: 30px;
}
ol li {
line-height: 180%;
margin-left: 35px;
}
th {
font-weight: bold;
padding: 5px;
text-align: left;
}
fieldset {
border: none;
}
fieldset a {
font-weight: bold;
}
hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #CCCCCC;
height: 1px;
}
a img {
border: none;
}
td, div {
font-size: 100%;
}
address {
background: url(../images/contact.png) no-repeat bottom right;
font-style: normal;
}
/* FORM
--------------------------------------------------------- */
form {
margin: 0;
padding: 0;
}
form label {
cursor: pointer;
}
input, select, textarea, .inputbox {
font-family: Tahoma, Arial, sans-serif;
font-size: 100%;
padding: 1px;
}
select, textarea, .inputbox {
background: #FFFFFF;
color: #666666;
}
.button {
background: url(../images/grad1.jpg) repeat-x center #EFEFEF;
border: 1px solid #DDDDDD;
border-bottom-color: #CCCCCC;
color: #666666;
padding: 2px 8px;
}
* html .button, *+html .button {
padding: 1px 5px !important;
}
.inputbox {
background: #FFFFFF;
border: 1px solid #CCCCCC;
margin-bottom: 1px;
padding: 3px 2px;
}
.inputbox:hover, .inputbox:focus {
background: #FFFFEA;
border: 1px solid #999999;
}
/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
background-color: #FFFFEA;
border-left: 5px solid #666666;
margin: 5px 0 15px;
padding: 10px 15px;
}
blockquote {
padding: 1em 40px 1em 15px;
}
blockquote span.open {
background: url(../images/so-q.gif) no-repeat left top;
padding: 3px 0 3px 30px;
}
blockquote span.close {
background: url(../images/sc-q.gif) no-repeat bottom right;
padding: 3px 30px 3px 0;
}
/* Blockquote home */
blockquote.home {
margin: 0 0 5px 0;
padding: 0;
}
.home span.open {
background: url(../images/open-q.gif) no-repeat left top;
padding: 1px 0 2px 15px;
}
.home span.close {
background: url(../images/close-q.gif) no-repeat right bottom;
padding: 2px 15px 1px 0;
}
/* Dropcap */
.dropcap {
color: #0C436F;
display: block;
float: left;
font: 50px/40px Georgia, Times, serif;
padding: 4px 8px 0 0;
}
/* Tips, Error, Message, Hightlight*/
.error {
background: url(../images/bullet-error.gif) no-repeat top left;
color: #CC0000;
padding-left: 25px;
}
.message {
background: url(../images/bullet-info.gif) no-repeat top left;
color: #16A9CD;
padding-left: 25px;
}
.tips {
background: url(../images/bullet-tips.gif) no-repeat top left;
color: #0C436F;
padding-left: 25px;
}
.highlight {
background-color: #FFFFEA;
font-weight: bold;
padding: 1px 5px;
}
/* Note Style */
p.stickynote {
background: url(../images/sticky-bg.gif) no-repeat 10px 10px #FFFFEA;
border: 1px solid #DDDDDD;
padding: 10px 20px 20px 60px;
}
p.download {
background: url(../images/download-bg.gif) no-repeat 10px 10px #FFFFEA;
border: 1px solid #DDDDDD;
padding: 10px 20px 20px 60px;
}
.blocknumber {
clear: both;
padding: 5px 15px 10px;
position: relative;
}
/* Check list */
ul.checklist {
list-style: none;
}
ul.checklist li {
background: url(../images/checklist-bg.gif) no-repeat 5px 5px;
margin-left: 10px;
padding: 0 0 2px 20px;
}
/* Star list */
ul.stars {
list-style: none;
}
ul.stars li {
background: url(../images/star-bg.gif) no-repeat 4px 3px;
margin-left: 10px;
padding: 0px 0 2px 20px;
}
/* Arrow list */
ul.arrow {
list-style: none;
}
ul.arrow li {
background: url(../images/list-arrow.gif) no-repeat 4px 6px;
margin-left: 10px;
padding: 0px 0 2px 20px;
}
/* Smallnumber */
ol.smallnumber {
list-style: none;
margin: 0;
padding: 0;
}
ol.smallnumber li {
line-height: 150%;
margin: 10px 0 10px 20px;
padding: 3px 0 5px 40px;
}
ol.smallnumber li.number-1 {
background: url(../images/n-1.gif) no-repeat left top;
}
ol.smallnumber li.number-2 {
background: url(../images/n-2.gif) no-repeat left top;
}
ol.smallnumber li.number-3 {
background: url(../images/n-3.gif) no-repeat left top;
}
ol.smallnumber li.number-4 {
background: url(../images/n-4.gif) no-repeat left top;
}
ol.smallnumber li.number-5 {
background: url(../images/n-5.gif) no-repeat left top;
}
ol.smallnumber li.number-6 {
background: url(../images/n-6.gif) no-repeat left top;
}
ol.smallnumber li.number-7 {
background: url(../images/n-7.gif) no-repeat left top;
}
ol.smallnumber li.number-8 {
background: url(../images/n-8.gif) no-repeat left top;
}
ol.smallnumber li.number-9 {
background: url(../images/n-9.gif) no-repeat left top;
}
/* Bignumber */
.bignumber {
background: url(../images/ol-bg.gif) no-repeat top left;
color: #FFFFFF;
display: block;
float: left;
font: bold 20px/normal Arial, sans-serif;
margin-right: 8px;
padding: 7px 7px 5px 7px;
}
/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
margin: 15px 0;
}
div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
background: url(../images/author.gif) no-repeat center left;
font-weight: bold;
margin-left: 15px;
padding-left: 15px;
}
div.bubble1 div {
background: url(../images/bub1-br.gif) no-repeat bottom right;
margin: 0;
width: 100%;
}
div.bubble1 div div {
background: url(../images/bub1-bl.gif) no-repeat bottom left;
}
div.bubble1 div div div {
background: url(../images/bub1-tr.gif) no-repeat top right;
}
div.bubble1 div div div div {
background: url(../images/bub1-tl.gif) no-repeat top left;
}
div.bubble1 div div div div div {
margin: 0;
padding: 15px 15px 30px 15px;
width: auto;
}
div.bubble2 div {
background: url(../images/bub2-br.gif) no-repeat bottom right;
margin: 0;
width: 100%;
}
div.bubble2 div div {
background: url(../images/bub2-bl.gif) no-repeat bottom left;
}
div.bubble2 div div div {
background: url(../images/bub2-tr.gif) no-repeat top right;
}
div.bubble2 div div div div {
background: url(../images/bub2-tl.gif) no-repeat top left;
}
div.bubble2 div div div div div {
margin: 0;
padding: 15px 15px 35px 15px;
width: auto;
}
div.bubble3 div {
background: url(../images/bub3-br.gif) no-repeat bottom right;
margin: 0;
width: 100%;
}
div.bubble3 div div {
background: url(../images/bub3-bl.gif) no-repeat bottom left;
}
div.bubble3 div div div {
background: url(../images/bub3-tr.gif) no-repeat top right;
}
div.bubble3 div div div div {
background: url(../images/bub3-tl.gif) no-repeat top left;
}
div.bubble3 div div div div div {
margin: 0;
padding: 15px 15px 50px 15px;
width: auto;
}
div.bubble4 div {
background: url(../images/bub4-br.gif) no-repeat bottom right;
margin: 0;
width: 100%;
}
div.bubble4 div div {
background: url(../images/bub4-bl.gif) no-repeat bottom left;
}
div.bubble4 div div div {
background: url(../images/bub4-tr.gif) no-repeat top right;
}
div.bubble4 div div div div {
background: url(../images/bub4-tl.gif) no-repeat top left;
}
div.bubble4 div div div div div {
margin: 0;
padding: 15px 15px 55px 15px;
width: auto;
}
/* Legend */
.legend-title {
background-color: #FFFFFF;
display: block;
float: left;
font-size: 100%;
font-weight: bold;
left: 7px;
margin: 0;
padding: 0 3px;
position: absolute;
top: -12px;
}
.legend {
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
margin: 20px 0;
padding: 0 10px;
position: relative;
}
/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}
.article_separator {
background: url(../images/sep.gif) no-repeat center right;
display: block;
height: 30px;
}
#ja-col1 .article_seperator, #ja-col2 .article_seperator {
display: none;
}
table.contentpane {
border: none;
width: 100%;
}
table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}
table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 35%;
}
table.contenttoc a {
}
table.contenttoc td {
background: url(../images/arrow.png) no-repeat 10px 9px;
padding: 3px 5px 3px 22px;
}
table.contenttoc th {
background: url(../images/grad1.jpg) repeat-x bottom #EFEFEF;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #F3F3F3;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #F3F3F3;
font-weight: bold;
padding: 5px;
text-indent: 5px;
}
table.poll {
border-collapse: collapse;
padding: 0;
width: 100%;
}
table.pollstableborder {
border: none;
padding: 0;
text-align: left;
width: 100%;
}
table.pollstableborder .sectiontableheader {
padding: 8px 5px !important;
}
table.pollstableborder img {
vertical-align: baseline;
}
table.pollstableborder td {
border-collapse: collapse;
border-spacing: 0;
padding: 2px!important;
}
table.pollstableborder tr.sectiontableentry1 td {
background: #F3F3F3;
border: none;
}
table.pollstableborder tr.sectiontableentry2 td {
border: none;
}
table.searchintro {
padding: 10px 0;
width: 100%;
}
table.searchintro td {
padding: 5px!important;
}
table.adminform {
width: 400px!important; /*Control the Frontend Editor area width*/
}
.adminform .inputbox {
}
.blog_more {
margin: 10px 0;
}
.blog_more strong {
display: block;
font-size: 155%;
line-height: 30px;
margin: 0 0 5px;
}
.blog_more ul {
margin: 0;
padding: 0;
}
.blog_more ul li {
background: url(../images/arrow.png) no-repeat 12px 8px;
margin: 0;
padding: 0 0 0 24px;
}
td.buttonheading {
padding: 0 0 0 8px!important;
text-align: center;
}
.category {
font-weight: bold;
}
.clr {
clear: both;
}
.componentheading {
background: url(../images/dot.gif) repeat-x bottom;
color: #545454;
font-size: 250%;
font-weight: bold;
margin-bottom: 20px;
padding: 0 0 15px 0;
}
.contentdescription {
padding-bottom: 30px;
}
table.blog .contentheading {
font-size: 165%;
}
.contentheading {
font-size: 200%;
font-weight: bold;
padding: 5px 0;
}
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
color: #545454;
text-decoration: none;
}
a.readon {
background: url(../images/readon.png) no-repeat top;
color: #666666;
display: block;
float: left;
font-size: 10px;
height: 20px;
line-height: normal;
line-height: 20px;
text-decoration: none;
text-indent: 30px;
width: 101px;
}
a.readon:hover, a.readon:active, a.readon:focus {
background: url(../images/readon.png) no-repeat bottom;
color: #666666;
text-decoration: none;
}
table.contentpaneopen td, table.contentpane td {
}
table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}
.createdate {
}
.modifydate {
height: 15px;
}
.moduletable {
padding: 0;
}
.moduletable_menu {
padding: 0;
}
.moduletable_text {
padding: 0;
}
.mosimage {
margin: 5px 15px 5px 0;
padding: 0 0 5px;
}
* html .mosimage {
margin: 5px 5px 10px 0;
padding: 0 !important; /*IE 6*/
}
*+html .mosimage {
margin: 5px 10px 10px 0;
padding: 0 !important; /*IE 7*/
}
.mosimage img {
margin: 0 !important;
padding: 0 !important;
}
.mosimage_caption {
margin-top: 3px;
padding: 1px 2px;
}
.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar {
padding: 0 2px;
}
a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
background: url(../images/grad1.jpg) repeat-x center #EFEFEF;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCC;
border-top: 1px solid #CCC;
color: #666666;
padding: 1px 3px !important;
padding: 1px 3px;
text-decoration: none;
line-height:20px;
}
a.pagenav:hover, a.pagenav:active,
.pagenav_prev a:hover, .pagenav_prev a:active,
.pagenav_next a:hover, .pagenav_next a:active,
.pagenavbar a:hover, .pagenavbar a:active {
background: #999999;
color: #FFFFFF;
padding: 3px 6px;
text-decoration: none;
}
.pagenavbar {
background: url(../images/pages.gif) no-repeat center left;
padding-left: 14px;
}
.pagenavcounter {
background: url(../images/pages.gif) no-repeat 0 11px;
padding: 8px 14px 0 14px;
}
.sectiontableheader {
background: url(../images/grad1.jpg) repeat-x bottom #EFEFEF;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #F3F3F3;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #F3F3F3;
font-weight: bold;
padding: 5px;
}
tr.sectiontableentry1 td {
background: url(../images/dot.gif) repeat-x bottom;
padding: 7px 5px;
}
tr.sectiontableentry2 td {
background: url(../images/dot.gif) repeat-x bottom;
padding: 7px 5px;
}
tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
background: url(../images/dot.gif) repeat-x bottom #FFFFEA;
}
.smalldark {
text-align: left;
}
div.syndicate div {
text-align: center;
}
.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
background: none;
}
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper1 {
clear: both;
margin: 0 auto;
width: 980px;
}
.narrow #ja-wrapper1 {
width: 770px;
}
#ja-wrapper2 {
/* background: url(../images/shadow-left.gif) repeat-y top left;*/
padding-left: 15px;
}
#ja-wrapper3 {
/*background: url(../images/shadow-right.gif) repeat-y top right;*/
padding-right: 15px;
}
#ja-wrapper4 {
background: #FFFFFF;
padding: 0 20px 30px;
}
/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-content {
background: url(../images/content-center.gif) repeat-y;
float: right;
width: 60%;
}
#ja-content div.ja-innerpad {
clear: both;
display: block;
margin: 0;
padding: 0 0 0 20px;
}
/* SECONDARY COLUMNS
--------------------------------------------------------- */
#ja-colwrap {
background: url(../images/col-center.gif) repeat-y center top;
float: left;
overflow: hidden;
width: 40%;
}
#ja-colwrap-top {
background: url(../images/col-top.gif) no-repeat top;
padding-top: 10px;
}
#ja-colwrap-bot {
background: url(../images/col-bot.gif) no-repeat bottom;
padding-bottom: 10px;
}
.narrow #ja-colwrap {
background: url(../images/col-center-n.gif) repeat-y center top;
}
.narrow #ja-colwrap-top {
background: url(../images/col-top-n.gif) no-repeat top;
}
.narrow #ja-colwrap-bot {
background: url(../images/col-bot-n.gif) no-repeat bottom;
}
#ja-colwrap-bot div.ja-innerpad {
background: url(../images/vline.gif) repeat-y center;
display: block;
overflow: hidden;
}
#ja-masscol {
background: url(../images/mc-bg.gif) no-repeat ;
color: #FFFFFF;
display: block;
float: left;
height: 283px;
margin-bottom: 20px;
overflow: hidden;
position: relative;
width: 40%;
}
* html #ja-masscol {
margin-bottom: 8px !important;
}
*+html #ja-masscol {
margin-bottom: 10px !important;
}
#ja-masscol div.moduletable {
left: 20px;
margin: 0;
padding: 0;
position: absolute;
top: 15px;
width: 90%;
}
#ja-masscol div.moduletable_menu {
left: 20px;
margin: 0;
padding: 0;
position: absolute;
top: 15px;
width: 90%;
}
#ja-masscol div.moduletable_text {
left: 20px;
margin: 0;
padding: 0;
position: absolute;
top: 15px;
width: 90%;
}
.narrow #ja-masscol {
background: url(../images/mc-bg-n.gif) no-repeat #0C436F;
}
#ja-masscol h3 {
display: none;
}
#ja-masscol a, #ja-masscol a:hover, #ja-masscol a:active, #ja-masscol a:focus {
color: #FFFFFF;
text-decoration: underline;
}
#ja-masscol .nftitle {
font-size: 150%;
font-weight: bold;
padding-top: 5px;
}
#ja-masscol .nftitle a,
#ja-masscol .nftitle a:hover,
#ja-masscol .nftitle a:active,
#ja-masscol .nftitle a:focus {
text-decoration: none;
}
#ja-masscol ul {
margin: 1em 0;
padding: 0;
}
#ja-masscol ul li {
background: url(../images/bullet-list2.gif) no-repeat 2px 8px;
padding-left: 13px;
}
#ja-col1 {
float: left;
overflow: hidden;
width: 50%;
}
#ja-col1 div.ja-innerpad{
padding: 15px;
}
#ja-col2 {
float: right;
overflow: hidden;
width: 49.9%;
}
#ja-col2 div.ja-innerpad{
padding: 15px;
}
#ja-col1 table, #ja-col2 table {
border-collapse: collapse;
border-spacing: 0;
}
#ja-col1 ul, #ja-col2 ul {
margin: 0;
padding: 0;
}
#ja-col1 ul li, #ja-col2 ul li {
background: url(../images/bullet-list.gif) no-repeat 2px 8px;
padding-left: 13px;
}
#ja-masscol .article_seperator {
display: none;
}
/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap, #ja-containerwrap-cm, #ja-containerwrap-c, #ja-containerwrap-f {
padding: 0;
}
#ja-container {
padding: 10px 0;
}
/* full */
#ja-containerwrap-f #ja-content {
float: none;
width: 100%;
}
/* content + col + mass */
#ja-containerwrap-cm {
}
#ja-containerwrap-cm #ja-colwrap .ja-innerpad {
background: none;
}
#ja-containerwrap-cm #ja-col1,
#ja-containerwrap-cm #ja-col2 {
width: 100%;
}
/* content + col */
#ja-containerwrap-c #ja-content {
width: 78%;
}
#ja-containerwrap-c #ja-colwrap {
background: url(../images/col-center1.gif) repeat-y center;
width: 22%;
}
#ja-containerwrap-c #ja-colwrap-top {
background: url(../images/col-top1.gif) no-repeat top;
}
#ja-containerwrap-c #ja-colwrap-bot {
background: url(../images/col-bot1.gif) no-repeat bottom;
}
.narrow #ja-containerwrap-c #ja-colwrap {
background: url(../images/col-center1-n.gif) repeat-y center;
}
.narrow #ja-containerwrap-c #ja-colwrap-top {
background: url(../images/col-top1-n.gif) no-repeat top;
}
.narrow #ja-containerwrap-c #ja-colwrap-bot {
background: url(../images/col-bot1-n.gif) no-repeat bottom;
}
#ja-containerwrap-c #ja-colwrap .ja-innerpad {
background: none;
}
#ja-containerwrap-c #ja-col1,
#ja-containerwrap-c #ja-col2 {
width: 100%;
}
/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
position: relative;
z-index: 10;
}
#ja-header {
background: url(../images/head-bg.gif) no-repeat 0 60px;
height: 140px;
position: relative;
z-index: 999;
}
.narrow #ja-header {
background: url(../images/head-bg-n.gif) no-repeat 0 60px;
}
h1.logo {
font-size: 300%;
height: 90px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 30px;
width: 198px;
}
h1.logo a {
background: url(../images/logo.gif) no-repeat;
display: block;
float: left;
height: 106px;
outline: none;
text-indent: -5000px;
text-transform: uppercase;
width: 198px;
}
/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {
bottom: 36px;
height: 44px;
left: 30%;
position: absolute;
z-index: 10;
}
#ja-mainnav a,
#ja-mainnav a:hover,
#ja-mainnav a:active,
#ja-mainnav a:focus {
outline: none;
}
#ja-mainnav span.separator {
display: block;
}
/* Default Joomla! Menu */
/* Default Joomla! Menu */
a.mainlevel {
border-bottom: 1px solid #DDDDDD;
color: #666666;
display: block;
height: 29px;
line-height: 29px;
text-decoration: none;
text-indent: 5px;
width: 99%;
}
a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
background: url(../images/grad1.jpg) top #FFFFFF;
color: #666666;
text-decoration: none;
}
a.mainlevel#active_menu {
background: #DDDDDD;
color: #666666;
font-weight: bold;
}
a.sublevel {
background: url(../images/arrow.png) no-repeat 5px 12px;
color: #666666;
display: block;
padding: 5px 4px 5px 15px;
text-decoration: none;
}
a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
color: #0C436F;
text-decoration: underline;
}
#active_menu {
color: #0C436F;
font-weight: bold;
}
#form-login ul li {
background: none !important;
}
ul.menu li {
background: none !important;
}
ul.menu li a {
border-bottom: 1px solid #DDDDDD;
color: #666666;
display: block;
height: 29px;
line-height: 29px;
text-decoration: none;
text-indent: 5px;
width: 99%;
}
ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
background: url(../images/grad1.jpg) top #FFFFFF;
color: #666666;
text-decoration: none;
}
ul.menu #current a {
background: #DDDDDD;
color: #666666;
font-weight: bold;
}
ul.menu li ul li a {
background: url(../images/arrow.png) no-repeat 5px 12px !important;
color: #666666;
display: block;
padding: 5px 4px 5px 15px;
text-decoration: none;
font-weight: normal !important;
line-height: 20px !important;
border: 0 !important;
height: 20px !important;
}
ul.menu #current ul li a:hover,
ul.menu #current ul li a:active,
ul.menu #current ul li a:focus {
color: #0C436F;
text-decoration: underline;
}
ul.menu li ul #current a {
color: #0C436F;
font-weight: bold !important;
}
#ja-pathwaywrap {
background: url(../images/pw-l.gif) no-repeat left #F3F3F3;
display: block;
height: 27px;
margin: 0 0 15px;
padding-left: 10px;
}
#ja-pathway {
background: url(../images/pw-r.gif) no-repeat right #F3F3F3;
display: block;
float: left;
height: 27px;
line-height: 27px;
width: 100%;
}
#ja-pathway img {
margin: 0 5px 1px;
}
#ja-pathway a {
}
/* MODULE
--------------------------------------------------------- */
div.moduletable h3,
div.moduletable-hilite h3 {
color: #0C436F;
font-size: 150%;
line-height: normal;
margin: 0 0 8px;
padding: 0;
}
div.moduletable_menu h3 {
color: #0C436F;
font-size: 150%;
line-height: normal;
margin: 0 0 8px;
padding: 0;
}
div.moduletable_text h3 {
color: #0C436F;
font-size: 150%;
line-height: normal;
margin: 0 0 8px;
padding: 0;
}
div.moduletable h3 span,
div.moduletable-hilite h3 span {
background: url(../images/h3-bg.gif) no-repeat center right;
padding-right: 20px;
}
div.moduletable_menu h3 span {
background: url(../images/h3-bg.gif) no-repeat center right;
padding-right: 20px;
}
div.moduletable_text h3 span {
background: url(../images/h3-bg.gif) no-repeat center right;
padding-right: 20px;
}
div.moduletable {
padding: 10px 20px;
}
div.moduletable_menu {
padding: 10px 20px;
}
div.moduletable_text {
padding: 10px 20px;
}
div.module h3 {
border-bottom: 1px solid #DDDDDD;
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
margin: 0 -20px 10px;
padding: 5px 20px;
white-space: nowrap;
}
div.moduletable-hilite {
background: url(../images/grad2.jpg) repeat-x top #EFEFEF;
border: 1px solid #DDDDDD;
border-bottom: 2px solid #CCCCCC;
margin: 10px;
padding: 10px 10px 15px;
}
div.moduletable-hilite h3 {
color: #666666;
}
div.moduletable-hilite h3 span {
background-image: url(../images/h3-bg2.gif);
}
div.module h3 span {
background: none;
}
div.module {
background: url(../images/box-br.gif) no-repeat bottom right;
margin: 0;
overflow: hidden;
padding: 0;
}
div.module div {
background: url(../images/box-bl.gif) no-repeat bottom left;
padding: 0;
}
div.module div div {
background: url(../images/box-tr.gif) no-repeat top right;
padding: 0;
}
div.module div div div {
background: url(../images/box-tl.gif) no-repeat top left;
padding: 0 20px 15px;
}
div.module div div div div {
background: none;
float: none;
margin: 0;
overflow: hidden;
padding: 0;
}
/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-left, .ja-box-leftcol, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}
.ja-box-full {
float: none;
overflow: hidden;
}
.ja-box-left div.moduletable {
padding: 0 10px 0 0;
}
.ja-box-right div.moduletable {
padding: 0 0 0 10px;
}
.ja-box-left div.moduletable_menu {
padding: 0 10px 0 0;
}
.ja-box-right div.moduletable_menu {
padding: 0 0 0 10px;
}
ja-box-left div.moduletable_text {
padding: 0 10px 0 0;
}
.ja-box-right div.moduletable_text {
padding: 0 0 0 10px;
}
.ja-box-left div.module {
margin: 0 0 0 20px;
}
.ja-box-right div.module {
margin: 0 0 0 20px;
}
/* Top Spotlight */
#ja-topsl {
}
#ja-topsl ul {
margin: 0;
padding: 0;
}
#ja-topsl li {
background: url(../images/arrow.png) no-repeat 2px 10px;
margin: 0;
padding-left: 12px;
}
#ja-topsl div.moduletable {
margin-bottom: 20px;
}
#ja-topsl div.moduletable_menu {
margin-bottom: 20px;
}
#ja-topsl div.moduletable_text {
margin-bottom: 20px;
}
/* Bottom Spotlight */
#ja-botsl {
clear: both;
padding: 30px 0 0;
}
/* Common Style for Spotlight */
#ja-botsl ul {
margin: 0 0 0 2px;
padding: 0;
}
#ja-botsl li {
background: url(../images/arrow.png) no-repeat 0 8px;
margin: 0;
padding-left: 12px;
}
#ja-topsl td, #ja-botsl td {
padding: 0;
}
#ja-topsl .article_seperator, #ja-botsl .article_seperator {
display: none;
}
#ja-topsl table, #ja-botsl table {
border-collapse: collapse;
border-spacing: 0;
}
#ja-botsl a, #ja-botsl a:focus, #ja-botsl a:active, #ja-botsl a:focus {
color: #666666;
}
/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
clear: both;
font-size: 92%;
margin-top: 30px;
}
#ja-footer {
background: #F3F3F3;
border-top: 1px solid #CCCCCC;
clear: both;
padding: 8px 0;
position: relative;
}
#ja-footer small {
color: #999999;
display: block;
float: left;
font-style: normal;
line-height: normal;
padding: 4px 0 0 10px;
}
small.ja-copyright {
position: absolute;
right: 10px;
}
#ja-footer a {
text-decoration: none;
}
#ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus {
text-decoration: underline;
}
#ja-footer ul {
background: url(../images/vline.gif) no-repeat center right;
float: left;
line-height: normal;
margin: 4px 0 5px 10px;
padding: 0;
}
#ja-footer li {
background: none;
display: inline;
margin: 0;
padding: 0;
}
#ja-footer li a {
background: url(../images/vline.gif) no-repeat center left;
display: inline;
line-height: normal;
padding: 0 10px;
}
/* Search */
#ja-search {
background: url(../images/seach-bg.gif) no-repeat;
display: block;
height: 22px;
position: absolute;
right: 0;
top: 20px;
width: 166px;
}
#ja-search .inputbox {
border: none;
color: #666666;
font-size: 11px;
margin: 3px 0 0 5px;
padding: 0;
width: 135px;
}
#ja-search .inputbox:hover, #ja-search .inputbox:focus {
background: #FFFFFF;
border: none;
}
/* USER TOOLS
--------------------------------------------------------- */
#ja-usertools {
left: 200px;
margin: 0;
padding: 0;
position: absolute;
top: 20px;
}
#ja-usertools ul {
display: inline;
line-height: normal;
margin: 0 10px 0 0;
padding: 0;
}
.narrow #ja-usertools ul {
margin: 0 5px 0 0;
}
#ja-usertools ul li {
background: none;
display: inline;
margin: 0;
padding: 0;
}
#ja-usertools img {
margin: 0;
padding: 0;
}
/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
position: absolute;
top: -100%;
}
div.ja-innerdiv {
border-bottom: 1px solid #DDDDDD;
margin: 5px 0;
overflow: hidden;
padding: 0 0 10px 0;
}
#ja-banner {
clear: both;
display: block;
margin: 10px 0 0;
text-align: center;
}
div.back_button a,
div.back_button a:hover,
div.back_button a:active {
text-decoration: none;
}
#modlgn_passwd, #modlgn_username {
width: 90%;
}
#modlgn_remember {
background: none;
border: none;
}
/* SLWI */
.ja-slwi-container {
width: 244px;
margin-left:5px;
margin-right:auto;
}.ja-slwi-container h3 {
color: #545454 !important;
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px !important;
letter-spacing:1px;
line-height: normal !important;margin: 0 !important;
padding: 7px 10px !important;
}
.ja-slwi-container h3 span {
background: none !important;
}
.ja-slwi-text p {
color: #666666;
margin: 0;
padding: 0 10px;
}
/* Clearfix */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
* html > body .clearfix {
display: block;
width: 100%;
}
* html .clearfix {
height: 1%;
}
/* Firefox Scrollbar Hack - Do not remove */
html {
height: 100% !important;
height: auto;
margin-bottom: 1px;
}
-
AuthorPosts
This topic contains 7 replies, has 2 voices, and was last updated by bopritchard 16 years, 5 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum