Skip to content

Instantly share code, notes, and snippets.

@branquito

branquito/09-top-menu.css

Created December 3, 2013 20:33
Show Gist options
  • Save branquito/7777018 to your computer and use it in GitHub Desktop.
Save branquito/7777018 to your computer and use it in GitHub Desktop.
Download ZIP
geopolitika
Raw
09-top-menu.css
/*nema vremena sada, da se vidi odakle ovo.. */
/*privremeni fix*/
.separator {
color: white;
font-weight: bold;
}
/* MENU styling */
.moduletable_menusf, .moduletable_menusf ul {
padding: 0;
margin: 0;
list-style: none;
overflow: hidden;
background-color: #0D69B7;
}
.moduletable_menusf a {
color: white;
font-weight: bold;
display: inline-block;
}
.moduletable_menusf li {
background-color: #0D69B7;
float: left;
width: 8.5em;
line-height: 33px;
text-align: center;
}
.moduletable_menusf li:hover {
background-color: #18BAF3;
}
.moduletable_menusf li ul {
position: absolute;
left: -999em;
width: 11.5em;
}
.moduletable_menusf li ul li {
text-align: left;
padding-left: 5px;
}
.moduletable_menusf li:hover ul {
left: auto;
}
.moduletable_menusf li:hover ul, .moduletable_menusf li.sfhover ul {
left: auto;
z-index: 100;
}
Raw
dirty.css
.row.topmost {
background: none repeat scroll 0 0 #D71921;
}
.blubox-jck, .grebox-jck, .redbox-jck, .blabox-jck, .yelbox-jck {
border-top-left-radius: 0;
border-width: 2px;
border-bottom-left-radius: 15px;
border-style: solid;
color: #444444 !important;
margin: 10px 0 20px !important;
padding: 8px 8px 8px 20px !important;
text-shadow: 1px 1px 1px #FFFFFF;
}
Raw
index.php
<?php
/**
* @copyright Copyright (C) 2005 - 2010 Barrie North.
* @license GPL
*/
defined('_JEXEC') or die;
$app = JFactory::getApplication();
?>
<!DOCTYPE html>
<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<!-- blog columns -->
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/10-columns.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/f_css/normalize.css">
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/f_css/foundation.css">
<!-- TOP MENU -->
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/09-top-menu.css" type="text/css" />
<!-- custom css -->
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/dirty.css" type="text/css" />
<?php // get template params
$siteheightmin = $this->params->get( 'siteheightmin', 200 );
$sitebottommargin = $this->params->get( 'sitebottommargin', 0 );
?>
</head>
<body>
<!-- Nav Bar -->
<div class="row topmost">
<div class="large-7 columns">
<div id="headlogo">
<a name="top-of-page" href="<?php echo $this->baseurl;?>"><img width="488" height="78" border="0" alt="Geopolitika logo" src="<?php echo $this->baseurl;?>/templates/<?php echo $this->template;?>/images/geopolitika-logo-head.gif" /></a>
</div>
</div>
<div class="large-4 columns">
<div id="languagemenu">
<jdoc:include type="modules" name="languagemenu" style="none" />
</div>
</div>
<div class="large-1 columns">
<div id="donate-link">Donate</div>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<div id="subtitle">
лист за политичка и друштвена питања, геополитичка и стратешка истраживања
</div>
</div>
<div class="large-12 columns">
<jdoc:include type="modules" name="main-header" style="xhtml" />
<hr />
</div>
</div>
<!-- End Nav -->
<!-- Main Page Content and Sidebars -->
<div class="row">
<?php if ($this->countModules( 'leftcol or leftcol-footer' )) : ?>
<div class="large-2 columns">
<jdoc:include type="modules" name="leftcol" style="xhtml" />
<jdoc:include type="modules" name="leftcol-footer" style="xhtml" />
</div>
<?php endif; ?>
<!-- Main Blog Content -->
<div class="large-7 columns" role="content">
<jdoc:include type="component" />
</div>
<!-- End Main Content -->
<!-- Right sidebar -->
<?php if ($this->countModules( 'leftcol or leftcol-footer' )) : ?>
<aside class="large-3 columns">
<jdoc:include type="modules" name="right-header" style="xhtml" />
<jdoc:include type="modules" name="right-footer" style="xhtml" />
<div class="panel">
<h5>Featured</h5>
<p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow.</p>
<a href="#">Read More →</a>
</div>
</aside>
<?php endif; ?>
<!-- End Sidebar -->
</div>
<!-- End Main Content and Sidebar -->
<!-- Footer -->
<footer class="row">
<div class="large-12 columns">
<hr />
<div class="row">
<div class="large-6 columns">
<p>© Copyright no one at all. Go to town.</p>
</div>
<div class="large-6 columns">
<ul class="inline-list right">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</div>
</div>
</div>
</footer>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment