<style type="text/css">
@import 'css/screen.css' screen and (min-width: 960px);
@import 'css/phone.css' screen and (max-width: 599px);
+ @import 'css/tiny.css' screen and (max-width: 399px);
</style>
<script src="js/base.js"></script>
<!--[if IE 8]>
<a class="hide" href="#navigation">Jump to navigation</a>
<div class="b"></div>
</div>
- <div class="content <t:getAsString name="contentclass"/> cf">
- <section id="content" class="main">
- <h1><t:getAsString name="title"/></h1>
- <t:insertAttribute name="maincontent"/>
- </section>
- <div class="marginal">
- <nav id="nav">
- <hr />
- <a id="navigation"></a>
- <t:insertAttribute name="navigation"/>
- <hr />
- </nav>
- <t:insertAttribute name="marginalcontent" ignore="true"/>
+ <div class="fc <t:getAsString name="contentclass"/>">
+ <div class="content cf">
+ <section id="content" class="main">
+ <h1><t:getAsString name="title"/></h1>
+ <t:insertAttribute name="maincontent"/>
+ </section>
+ <div class="marginal">
+ <nav id="nav">
+ <hr />
+ <a id="navigation"></a>
+ <t:insertAttribute name="navigation"/>
+ <hr />
+ </nav>
+ <t:insertAttribute name="marginalcontent" ignore="true"/>
+ </div>
</div>
</div>
<footer id="footer">