Skip to content

Instantly share code, notes, and snippets.

@aghust

aghust/index.php

Created September 24, 2013 08:28
Show Gist options
  • Save aghust/6681896 to your computer and use it in GitHub Desktop.
Save aghust/6681896 to your computer and use it in GitHub Desktop.
Download ZIP
KPU Joomla Templates
Raw
index.php
<?php
defined('_JEXEC') or die;
jimport('joomla.filesystem.file');
// check modules
$showRightColumn = ($this->countModules('position-3') or $this->countModules('position-6') or $this->countModules('position-8'));
$showbottom = ($this->countModules('position-9') or $this->countModules('position-10') or $this->countModules('position-11'));
$showleft = ($this->countModules('position-4') or $this->countModules('position-7') or $this->countModules('position-5'));
if ($showRightColumn==0 and $showleft==0) {
$showno = 0;
}
JHtml::_('behavior.framework', true);
?>
<?php echo '<?'; ?>xml version="1.0" encoding="<?php echo $this->_charset ?>"?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" />
</head>
<body>
<div id="all">
<div id="header"><!-- Header Area --></div><!-- #header -->
<div id="top"><!-- Pull down menu and search box area just below the banner -->
<div id="topleft"><!-- Left section of top display area, i.e., the pull down menu -->
<jdoc:include type="modules" name="position-1" style="none" />
</div><!-- #topleft -->
<div id="topright"><!-- Right section of top display area, i.e., the search box -->
<jdoc:include type="modules" name="position-0" style="none" />
</div><!-- #topright -->
<div id="featured"><!-- Featured Area -->
<!--img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/galeri_title.png" class="header_galeri" /-->
<jdoc:include type="modules" name="position-12" style="none" class="galeri" />
</div><!-- #featured -->
<div id="banner"><!-- Banner Area -->
<jdoc:include type="modules" name="position-13" style="none" />
</div><!-- #banner -->
</div><!-- #top -->
<div id="main"><!-- Main display area -->
<div id="left"><!-- Left section of main display area -->
<jdoc:include type="modules" name="position-7" style="xhtml" />
<jdoc:include type="modules" name="position-4" style="xhtml" />
<jdoc:include type="modules" name="position-5" style="xhtml" />
</div><!-- #left -->
<div id="content"><!-- Right section of main display area -->
<jdoc:include type="message" />
<jdoc:include type="component" />
</div><!-- #content -->
<div id="right"><!-- Sidebar section of main display area -->
<jdoc:include type="modules" name="position-6" style="xhtml" />
</div><!-- #right -->
</div><!-- #main -->
<div id="footer"><!-- Footer display area / Footer -->
<div class="contacts" style="float: left; width: 50%">
<strong>Hubungi Kami</strong><br />
Email : info@kpu.serangkota.go.id<br />
Alamat : Jl. KH. Abdul Fatah Hasan Bunderan Ciceri Serang<br/>
Telp. : (0254) 200374<br />
<br/>
Copyright &copy;<?php echo date('Y'); ?>&nbsp; KPU Kota Serang
</div>
<div class="logofooter">
<a href="#"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/footer-logo.png" width="200" height="87" alt="Kembali ke atas" /></a><br />
</div>
</div><!-- #footer -->
<jdoc:include type="modules" name="debug" />
</div><!-- #all -->
</body>
</html>
Raw
template.css
@charset "utf-8";
/* CSS Document */
body {
margin:auto;
width:960px;
padding:0px;
background-color:#ccc;
background-image:url(../images/bg-shadow.png);
background-attachment:scroll;
background-repeat:no-repeat;
background-position: center top;
font-family: Calibri, Verdana, Tahoma, Arial, sans-serif;
font-size: 90%;
}
/******* wrapper style *******/
#all {
width:960px;
min-height:900px;
background: #FFF;
margin:auto;
}
/******* header style *******/
#header {
height:151px;
background-image:url(../images/header.png);
background-repeat:no-repeat;
}
/* Top display area that will hold the pull */
/* down menu and the search modules */
/******* top style *******/
#top {
height: 50px;
background: #f2f6f8; /* Old browsers */
}
#topleft { /* Top Left -- Drop down menu */
float: left;
list-style-type: none;
text-decoration: none;
font-size: 14px;
text-align: left;
}
#topright { /* Top Right -- Search box */
float: right;
padding:1em;
}
#featured {
clear:both;
float:left;
padding:10px;
width:940px;
}
#featured img .header_galeri {
position: absolute; top: 100; right: 100; z-index:1;
}
#featured .galeri {
z-index:3;
}
#banner {
/*clear:both;
float:left;
width:960px;
height:303px;
background-image: url(../images/banner-fix.png); */
}
/******* main module style *******/
#main { /* Main display area */
clear: both;
font-size: 90%;
}
/******* left module style *******/
#left { /* Main Left -- Menu and Breadcrumbs */
float: left;
width: 25%;
padding: 5px;
background-color: #FFF;
}
#left a {
color: black;
text-decoration: none;
}
#left .moduletable_menu li a:hover {
color:#ff7800;
}
#left ul {
margin: 0em;
padding-left: 1.5em;
}
#left ul ul {
padding-top: 0em;
}
#left ul li {
list-style-type: none;
}
#left span.breadcrumbs {
display: block;
margin-top: 1em;
padding-left: .5em;
font-size: 90%;
}
#left h3 {
background-image: url(../images/header_title.jpg);
background-repeat: no-repeat;
padding: 3px;
text-align:center;
text-shadow: 2px 2px 4px #000000;
height: 38px;
/*width: 232px;*/
color: white;
}
#left .moduletable_menu h3 {
margin-bottom:0px;
}
#left .moduletable {
width: 233px;
}
#left .moduletable h3 {
margin-bottom:0px;
}
/******* content module style *******/
#content { /* Main Right -- Content */
float: left;
width: 45%;
font-size: 1em;
padding-left: 10px;
padding-right: 10px;
margin:auto;
background-color: #FFF;
text-align:justify;
}
#content .item-separator {
border-bottom: 1px solid gray;
}
#content .counter {
text-align:center;
}
#content .pagination {
text-align:center;
height: 35px;
}
#content .pagination li {
height: 35px;
float: left;
display: inline;
margin:0 5px;
position:relative;
}
/*#content .pagination li a:hover {
text-decoration:underline;
color:#ff7800;
}*/
#content .pagenav {
height: 35px;
}
#content .pagenav li {
height: 35px;
float: left;
display: inline;
margin:0 5px;
position:relative;
}
/*#content .pagenav a:link {text-decoration:underline;}*/
#content .actions {
height: 35px;
}
#content .actions li {
height: 35px;
float: left;
display: inline;
margin:0 5px;
position:relative;
}
#content a:link {
color: #ff7800;
text-decoration: none;
}
#content a:visited {
color: #ff7800;
text-decoration: none;
}
#content a:hover {
color: #ff7800;
text-decoration: underline;
}
#content h1 {
color: black;
text-align: center;
font-size: 180%;
text-transform: uppercase;
}
#content h2 {
color: black;
text-align: left;
font-size: 130%;
text-transform: uppercase;
}
#content h2 a:hover, a:link {
color:#ff7800;
}
#content h3 {
color: black;
text-align: left;
font-size: 130%;
/* text-transform: uppercase; */
}
#content p {
color: black;
text-align: left;
font-size: 90%;
/* text-transform: uppercase; */
}
#content span.a {
font-style:italic;
}
#content .readmore a:link {
font-weight: bold;
}
#content .readmore a:hover {
color:#ff7800;
}
/******* right module style *******/
#right {
float: right;
width: 25%;
padding: 5px;
background-color: #FFF;
}
/*Scale images smoothly as a user changes*/
/*the size of his browser window*/
img {
/*Internet Explorer doesn't use bicubic interpolation by default*/
/*so enable it to eliminate image jaggies*/
-ms-interpolation-mode: bicubic;
/*Allows IE7 to shrink images when browser window*/
/*size is made smaller*/
max-width: 100%;
margin-right:5px;
}
#right h3 {
text-align:center;
text-shadow: 2px 2px 4px #000000;
color:white;
height:30px;
background-image: url(../images/header_title_sidebar.png);
background-repeat: no-repeat;
}
#right .moduletable {
margin-left: 0;
padding-left: 0;
}
#right .moduletable li {
padding-left: 10px;
padding-right: 5px;
list-style-type: none;
}
#right .latestnews li {
list-style-type:square;
}
#right .moduletable li a {
text-decoration:none;
color:#000
}
#right .moduletable li a:hover {
color:#ff7800;
}
#right .moduletable h3 {
margin-bottom:0px;
}
#right .moduletablecountd h3 {
margin-bottom:0px;
}
#right .countdowncountd {
text-align:center;
width:240px;
background-color:#ff7800;
color:#fff;
}
/******* footer style *******/
#footer { /* Footer display area */
clear: both;
height: 100px;
padding: 10px;
color:#FFF;
background-color: #333;
/*-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;*/
}
#footer .contacts strong {color:#ccc;text-shadow: 0px -1px 0 px rgba(0,0,0,.5);}
#footer .logofooter img {
float:right;
}
.category {
font-color:blue;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment