tonyair
/
silverstripe-simple
mirror of https://github.com/silverstripe/silverstripe-simple
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

FIX left and right alignment of header & footer to content area

This commit is contained in:
Paul Clarke 2013-01-23 11:56:46 +13:00
parent e68e63cf4b
commit bba8ebfac5
3 changed files with 25 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/layout.css
View File

@ -219,11 +219,13 @@ body {
/* NAVIGATION */
/* Primary navigation */
.header .inner .unit {
position: relative; /* used to position the main navigation */
}
.header .primary ul {
position:absolute;
bottom:0;
right:17px; /* positions the main navigation */
right:0; /* positions the main navigation */
}
.header .primary li {
float: left;

12
templates/Includes/Footer.ss
View File

@ -1,8 +1,10 @@
<footer class="footer" role="contentinfo">
<div class="inner copy">
<div class="left">
<a href="$BaseHref" class="brand" rel="home">$SiteConfig.Title</a>
<span class="arrow">&rarr;</span> <% include Navigation %></div>
<small class="right"><a href="http://simple.innovatif.com/about/">Theme</a> by <a href="http://www.saratusar.com">Sara</a> (Innovatif) / Powered by <a href="http://silverstripe.org">Silverstripe</a></small>
<div class="inner">
<div class="unit size4of4 lastUnit">
<div class="left">
<a href="$BaseHref" class="brand" rel="home">$SiteConfig.Title</a>
<span class="arrow">&rarr;</span> <% include Navigation %></div>
<small class="right"><a href="http://simple.innovatif.com/about/">Theme</a> by <a href="http://www.saratusar.com">Sara</a> (Innovatif) / Powered by <a href="http://silverstripe.org">Silverstripe</a></small>
</div>
</div>
</footer>

26
templates/Includes/Header.ss
View File

@ -1,17 +1,19 @@
<header class="header" role="banner">
<div class="inner">
<a href="$BaseHref" class="brand" rel="home">
<h1>$SiteConfig.Title</h1>
<% if $SiteConfig.Tagline %>
<p>$SiteConfig.Tagline</p>
<div class="unit size4of4 lastUnit">
<a href="$BaseHref" class="brand" rel="home">
<h1>$SiteConfig.Title</h1>
<% if $SiteConfig.Tagline %>
<p>$SiteConfig.Tagline</p>
<% end_if %>
</a>
<% if $SearchForm %>
<span class="search-dropdown-icon">L</span>
<div class="search-bar">
$SearchForm
</div>
<% end_if %>
</a>
<% if $SearchForm %>
<span class="search-dropdown-icon">L</span>
<div class="search-bar">
$SearchForm
</div>
<% end_if %>
<% include Navigation %>
<% include Navigation %>
</div>
</div>
</header>