index.php
<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
// ------------------------------------------------------------------------
/**
* A default Example Index File.
*
*
* @package themeMagic
* @subpackage
* @version 1.0 Beta.
* @author Ken Erickson AKA Bookworm http://www.bookwormproductions.net
* @copyright Copyright 2009 - 2010 DesignBreakDown
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2
* please visit the themeMagic site http://www.theme-magic.com for support.
* Do not e-mail (or god forbid IM or call) me directly.
*/
// Load Framework
require('thememagic/core/framework.php');
/** Your Code Here **/
loadLayout('main', 'base');
base.php
<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
// Output Header
echo $magic->joomla->j_head();
echo js($magic->tconfig->js);
$magic->CSScaffoldInit('template_styles.css');
echo css($magic->tconfig->styles);
?>
</head>
<body class="<?php echo bodyClass();?>">
<?php
if(JRequest::getString('style')) {
$styleRequest = JRequest::getString('style'). '.css';
echo '<div class="user_flash" style="display:none;">'; $magic->admin->save("styles", $styleRequest); echo '</div>';
}
if(isAdmin() AND $magic->template->params->get( 'configBarEnable') == 'on') {
echo $magic->admin->configBar();
}
?>
<?php if(module('login')): ?>
<div id="login_popup" style="display:none;">
<div class="logintopper">Авторизация</div>
<div id="login_left">
<?php echo loadModule('logintop', 'simple', null, null, false); ?>
<?php echo loadModule('login', 'simple', null, null, false); ?>
</div>
<div class="login_side">
<?php echo loadModule('loginside', 'simple', null, null, false); ?>
</div>
</div>
<?php endif;?>
<div id="layout_outer">
<div id="header_outer">
<div id="header" class="wrapper">
<div class="fr mainnav">
<?php $magic->menu->createMenu('mainmenu', 'Main Menu', 'dropdown', null); ?>
</div>
<div id="logo_wrap">
<a id="logo" class="hideTxt" href="<?php echo JSITEURL;?>">Logo</a>
</div>
<?php if(module('top')): ?>
<div id="menu">
<?php echo loadModule('top', 'clean', null, null, false) ; ?>
</div>
<?php endif; ?>
</div>
</div>
<div id="bg_wrap" class="bgFull">
<div class="wrapper">
<div class="wrapper fl" id="body_container">
<?php echo loadModule('newsflash', 'simple', null, null, false); ?>
<div class="top_bg">
<div class="top_bg_content">
<div id="login-wrap">
<div id="login-content">
<!-- LOGIN TEXT WRAP-->
<div id="login-text">
<div class="top-content">
<div class="login_links">
<a id="login_open" class="hideTxt" href="<?php echo $magic->admin->getParam('registerPath2'); ?>">Register</a>
<a id="register_link" class="hideTxt" href="<?php echo $magic->admin->getParam('registerPath'); ?>">Register</a>
</div>
</div>
</div>
<!-- END LOGIN TEXT WRAP -->
</div>
</div>
<div class="breadcrumbs">
<?php if(!module('breadcrumbs')): ?>
<h1 class="pagetitle">
<?php echo $magic->joomla->pageTitle; ?>
</h1>
<?php endif; ?>
<?php echo loadModule('breadcrumbs', 'clean', null, null, false) ; ?>
</div>
<?php echo loadModule('search', 'simple', null, null, false) ; ?>
</div>
</div>
<div class="wrapper" id="mid_container">
<div id="mid_container_inner" class="inner_wrapper">
<?php loadLayout('regions', $magic->tconfig->region1); ?>
<?php loadLayout('regions', $magic->tconfig->region2); ?>
<?php loadLayout('regions', $magic->tconfig->region3); ?>
<?php echo loadModule('bottom', 'simple', 'fl inner_wrapper', null, false) ; ?>
<?php if(modules($magic->tconfig->userMods22_26)): ?>
<div id="userMods22-26" class="inner_wrapper userModColumnWrap">
<?php echo loadModuleSet($magic->tconfig->userMods22_26, '916', false, null, false, '15', true); ?>
</div>
<?php endif;?>
<?php echo loadModule('logo2', 'clean', null, null, false) ; ?>
</div>
</div>
<div class="bottom_bg"></div>
</div>
</div>
</div>
<?php if(modules($magic->tconfig->legalMods)): ?>
<div id="footer_container" class="bgFull">
<div id="footer_inner" class="wrapper">
<div class="footer_content fl">
<?php echo loadModuleSet($magic->tconfig->legalMods, $magic->tconfig->wrapperWidth, false, null, false, null, true); ?>
</div>
</div>
</div>
<?php endif; ?>
</div>
<?php if(isAdmin() AND $magic->template->params->get( 'styleEditorEnable') == 'on'):?>
<?php loadLayout('admin', 'base'); ?>
<?php endif; ?>
</body>
</html>
<?php //$magic->media->initMediaGZIP(); ?>
css
@include "base.css";
@include "menu-base.css";
@include "forms.css";
@include "joomla.css";
@include "typography.css";
/** Generica Elements **/
body {
background:!bodyBGColor url(../images/backgrounds/!headerImg_name) no-repeat scroll center top;
color:!body-color;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:#[!body-fontSize]px;
font-weight:normal;
line-height:14px;
}
/** Typography **/
a { color:!link-color; text-decoration:none; }
p { }
.componentheading {
font-size:#[!comHead-fontSize]px;
color:!componentHeading-color;
background:url(../images/t_head_bg.jpg) repeat-x 0 0;
width:100%;
padding:18px 0px 18px 18px;
}
.contentheading {
font-size:#[!conHead-fontSize]px;
color:!contentHeading-color;
}
/********layout structure starts********/
#layout_outer {
float:left;
width:100%;
}
.container .columnSeparator { background:#000; }
/** Header Outer **/
#header_outer
{
float:left;
width:100%;
background:url(../images/top_bg.png) repeat-x 0 0;
#header
{
min-height:150px;
#logo {
z-index: 9000;
float:left;
height:!logoImg_height;
width:!logoImg_width;
background:url(../images/logos/!logoImg_name) no-repeat;
}
}
}
/** Body Container **/
#body_container .top_bg_content {
float:left;
width:1003px;
}
#body_container .top_bg_content #login-wrap #login-text .top-content{
padding:16px 0px 0px 0px;
}
.login_links {
margin:0px auto;
width:180px;
}
#login_open, #register_link {
cursor:pointer;
float:left;
}
#login_open { margin-right:15px; }
#login_open {
background:url(../images/logins/!loginImg_name) no-repeat scroll center bottom;
width:!loginImg_width;
height:!loginImg_height;
}
#login_open.logout {
background:url(../images/logins/!logoutImg_name) no-repeat scroll right !important;
width:85px !important;
height:!logoutImg_height !important;
}
#register_link {
background:url(../images/logins/!registerImg_name) no-repeat scroll center bottom;
cursor:pointer;
width:!registerImg_width;
height:!registerImg_height;
}
#body_container .top_bg_content #login-wrap #login-form{
overflow:hidden;
width:1003px;
height:0px;
background:#0B0B0B;
}
#body_container .top_bg_content #login {
float:left;
list-style-image:url('none');
list-style-position:outside;
list-style-type:none;
padding:14px 0px 0px 40px;
}
#body_container .top_bg_content h1.pagetitle {
color:#999999;
display:block;
float:left;
font-family:Verdana,Geneva,sans-serif;
font-size:16px;
font-weight:bold;
padding-left:35px;
width:626px;
position:relative;
}
#breadcrumbs {
float:left;
margin-left:40px;
padding-top: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:bold;
color:#555555 !important;
width:60%;
position:relative;
}
div.breadcrumbs { position:relative; top:27px; }
#body_container .top_bg {
float:left;
height:95px;
width:1003px;
background:url('../images/top_body_bg.png') no-repeat scroll 0 0;
}
#body_container .bottom_bg {
background:url('../images/bottom_bg.png') no-repeat 0 0;
float:left;
height:70px;
width:1003px;
}
/** Mid Container **/
#mid_container {
background:#0b0b0b url(../images/bg.png) repeat-x left bottom ;
float:left;
}
#mid_container_inner {
background:url(../images/bottom_blc_bg.png) repeat scroll left bottom;
margin:0 auto;
}
.container_outer { background:#161616; }
.container { background:url(../images/bg_bottom_grad.png) repeat-x left bottom; }
/** Module Wrappers **/
#bottom {
background:#2a2a2a url('../images/logo_bg.jpg') repeat-x 0 0;
padding-top:2px;
border-bottom:1px solid #000;
.module { border-bottom:1px solid #363636 }
.module_content { padding:0px; border-bottom:1px solid #151515; }
}
#userMods16-21 .module-set { float:left; background: transparent url('../images/user1621-bkgfade.png') repeat-x left bottom; }
#userMods22-26
{
background:#1D1D1D url('../images/link_bottom.jpg') no-repeat left bottom;
.module-set
{
background:transparent url(../images/link_top.jpg) no-repeat 0 0;
float:left;
padding:22px;
width:916px;
.module { margin-right:22px }
}
}
#inset {
width: 960px;
margin:0 auto;
border-top: 1px #272727 solid;
float:left;
}
.top_row, .bottom_container {
background:url('../images/top_row.png') no-repeat scroll left bottom;
padding-bottom:45px;
}
/** General Module Stuff **/
.module_content {
padding:16px 14px 14px 14px;
color:#7B7876;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
}
/** Default Suffix **/
.col_default
{
.modhead {
background:transparent url(../images/t_head_bg.png) repeat-x scroll 0 0;
width:100%;
height: 54px;
}
.modhead h3 {
color:#888888;
font-family:Tahoma,Geneva,sans-serif;
font-size:12px;
font-weight:bold;
padding:20px 0 0 18px;
}
.module_content { background:url('../images/top_col_bg_lt_fade.png') repeat-x 0 0; }
}
.doublelt, .ltvsdark, .darkvslt.mod-title-off, .dark.mod-title-off {
.module_content_wrap, .inner { width:100%; }
}
.doublelt
{
.module_content, .inner { background:url(../images/top_col_bg_lt_fade.png) repeat-x scroll 0 0; }
.module_content_wrap, .inner { background:#161616 url('../images/bot_col_bg_lt_fade.png') repeat-x center bottom; }
}
.ltvsdark
{
.module_content, .inner { background:url(../images/top_col_bg_lt_fade.png) repeat-x scroll 0 0; }
.module_content_wrap, .inner { background:#161616 url('../images/bot_col_bg_dk_fade.png') repeat-x center bottom; }
}
.darkvslt.mod-title-on
{
.module_content, .inner { background:url(../images/top_col_bg_dk_fade.png) repeat-x scroll 0 0; }
.module_content_wrap, .inner { background:#161616 url('../images/bot_col_bg_lt_fade.png') repeat-x center bottom; }
}
.darkvslt.mod-title-off
{
.module_content, .inner { background:url(../images/top_col_bg_dk_fade.png) repeat-x scroll 0 0; }
.module_content_wrap, .inner { background:#161616 url(../images/bot_col_bgu_lt_fade.png) repeat-x center bottom; }
}
.dark.mod-title-on
{
.module_content, .inner { background:url(../images/top_col_bg_dk_fade.png) repeat-x scroll 0 0; }
.module_content_wrap, .inner { background:#161616; }
}
.dark.mod-title-off
{
.module_content, .inner { background:url(../images/top_col_bg_dk_groove_fade.png) repeat-x scroll 0 0; }
.module_content_wrap, .inner { background:#161616 url(../images/bot_col_bg_dk_fade.png) repeat-x center bottom; }
}
/** Top Suffix **/
.top {
.modhead { background:transparent url(../images/t_headtop_bg.png) repeat-x scroll 0 0; }
}
/** No Padding For Content **/
.nopad
{
.module_content { padding:0px; }
}
.nopadbottom
{
.module_content { padding-bottom:0px; }
}
/** Underline Suffix **/
.module.underline
{
background:#1D1D1D url('../images/content_bottom_bg.jpg') repeat-x left bottom;
margin-bottom:1px;
width:100%;
.inner {
background:url('../images/top_col_bg_lt_fade.png') repeat-x 0 0;
}
.modhead {
background:url('../images/border.jpg') no-repeat left bottom;
padding:17px 0px 17px 0px;
margin:0px 0px 0px 14px;
margin-left:14px;
width:100%;
h3 {
color:#888888;
font-family:Tahoma,Geneva,sans-serif;
font-size:12px;
font-weight:bold;
padding:2px 4px 0px 4px;
}
}
.module_content { padding:18px; }
}
/** Head Suffixes **/
.member, .drive, .control, .shooter, .rocket, .puzzle, .grenade, .bomb, .arcade, .castle, .rifle, .joystick, .pac, .invader
{ .modhead h3 { padding:18px 0px 18px 45px; }
}
/** Icon Suffixes **/
.member .modhead h3 { background:transparent url(../images/sim.png) no-repeat scroll 16px center; }
.drive .modhead h3 { background:transparent url(../images/driving.png) no-repeat scroll 16px center; }
.control .modhead h3 { background:transparent url(../images/controller.png) no-repeat scroll 16px center; }
.shooter .modhead h3 { background:transparent url(../images/focus.png) no-repeat scroll 16px center; }
.rocket .modhead h3 { background:transparent url(../images/space.png) no-repeat scroll 16px center; }
.puzzle .modhead h3 { background:transparent url(../images/puzzle.png) no-repeat scroll 16px center; }
.grenade .modhead h3 { background:transparent url(../images/grenade.png) no-repeat scroll 16px center; }
.bomb .modhead h3 { background:transparent url(../images/bomb.png) no-repeat scroll 16px center; }
.arcade .modhead h3 { background:transparent url(../images/computer.png) no-repeat scroll 16px center; }
.castle .modhead h3 { background:transparent url(../images/chess.png) no-repeat scroll 16px center; }
.rifle .modhead h3 { background:transparent url(../images/fps.png) no-repeat scroll 16px center; }
.joystick .modhead h3 { background:transparent url(../images/joystick.png) no-repeat scroll 16px center; }
.pac .modhead h3 { background:transparent url(../images/pacman.png) no-repeat scroll 16px center; }
.invader .modhead h3 { background:transparent url(../images/invader.png) no-repeat scroll 16px center; }
/** Color Suffixes **/
.red .modhead h3 { color:#e2424e !important; }
.darkred .modhead h3 { color:#903031 !important; }
.blue .modhead h3 { color:#3c7ad8 !important; }
.darkblue .modhead h3 { color:#2c608a !important; }
.green .modhead h3 { color:#b3d01b !important; }
.darkgreen .modhead h3 { color:#828745 !important; }
.orange .modhead h3 { color:#8e6545 !important; }
.yellow .modhead h3 { color:#ffae00 !important; }
.tan .modhead h3 { color:#8e6545 !important; }
/** Footer **/
#footer_container {
background:url('../images/footer_bg.png') repeat-x 0 0;
height:160px;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
margin-top:-60px;
a { color:#2C86CA; text-decoration:none }
#legals { float:right; }
#footer { float:left; }
.footer_content { padding-top:120px; }
.module_content { padding:0px; }
}
/* ----------------------------------------------*/
/* 06 - CONTENT
/* ----------------------------------------------*/
#component-com_content .article, #component-com_content .item { padding-bottom:0px; float:left; }
#component-com_content .article_info_container {
height:20px;
background:url('../images/top_col_bg_dk_fade.png') repeat-x 0 0;
float:left;
width:100%;
margin-bottom:4px;
padding-left:20px; padding-right:0; padding-top:12px; padding-bottom:8px
}
#component-com_content .contentheading { float:left; }
#component-com_content .article { overflow-y:none; float:none; }
#component-com_content .article_text { padding:19px 19px 14px 20px; width:97%; float:left; background:#161616 url('../images/top_col_bg_dk_fade.png') repeat-x 0 0px; }
#component-com_content .multicolumns .article_text { width:auto; }
#component-com_content .headline { background:url('../images/t_head_bg.png') repeat-x 0 0;
height:27px;
float:left;
width:100%; padding-left:20px; padding-right:0; padding-top:20px; padding-bottom:7px
}
#component-com_content .icons { float:right; margin:-4px 25px 0px 0px; }
#component-com_content .pagination, #component-com_content .morearticles {
padding:19px 0px 12px 16px;
}
.teaserarticles.multicolumns { float:left; }
#component-com_content div.commentBlogView { position:relative; top:0px; height:15px; }
.article_info_container p { font-weight:600; font-size:10px; }
.filter { background:url('../images/t_head_bg.png') repeat-x 0 0;
height:27px;
float:left;
width:100%; padding-left:20px; padding-right:0; padding-top:20px; padding-bottom:7px
}
.sectionlist {padding: 20px;}
.slist{padding: 12px 0 12px 0;}
/* Vertical Menu Flyouts */
ul.vertmenu_flyout li ul{
position:absolute;
width:200px;
top:0px;
left:160px;
background:url('../images/left_nav_bg.jpg');
z-index:200;
}
/* com_community overrides */
.com_community .box_right_title .pagetitle {padding-right:15px; }
.com_community .box_left_title .pagetitle {padding-left:15px; }
input, textarea, select{background-color:#121212;border:1px solid #272727;color:#7b7876;padding:4px;font-size:11px;}
button, .button{
color:#c2c2c2;text-align:center;font-family:Verdana; font-size:11px;padding-left:8px;padding-right:8px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background-color:#2E2E2E;border:1px solid #515151;padding-top:3px;padding-bottom:3px;font-weight:bold;
}
/** Fix For Kuena **/
.com_kunena #col-center { overflow:visible; }