Permalink
Browse files

Grid prototype

- Setup grid with headline, split footer, and content area with sidebar
  • Loading branch information...
1 parent d1f2658 commit 221a9902669a866a4f1a1bf26e126c3cdfc9e7cd @weierophinney committed Oct 18, 2010
View
@@ -197,6 +197,7 @@ mobile-app=/home/matthew/git/zf-examples/mobile-app CD=. filter="*.php *.phtml *
960.css
reset.css
text.css
+ mobile-demo-desktop.css
}
}
tests=tests {
@@ -4,7 +4,8 @@ $this->placeholder('sidebar')
->setPostfix('</ul>');
$this->headTitle('Mobile Device Demo')
->setSeparator(' - ');
-$this->headLink()->prependStylesheet('/css/960.css')
+$this->headLink()->prependStylesheet('/css/mobile-demo-desktop.css')
+ ->prependStylesheet('/css/960.css')
->prependStylesheet('/css/text.css')
->prependStylesheet('/css/reset.css');
@@ -19,7 +20,36 @@ echo $this->doctype() ?>
?>
</head>
<body>
-<?php echo $this->placeholder('sidebar') ?>
-<?php echo $this->layout()->content; ?>
+<div class="container_12 application">
+ <div class="grid_12 header">
+ <h1>ZF Mobile Demo</h1>
+ </div>
+ <div class="clear"></div>
+
+ <div class="grid_12 spacer"></div>
+ <div class="clear"></div>
+
+ <div class="grid_10 content">
+ <?php echo $this->layout()->content; ?>
+ </div>
+ <div class="grid_2 sidebar">
+ <?php echo $this->placeholder('sidebar') ?>
+ </div>
+ <div class="clear"></div>
+
+ <div class="grid_12 spacer"></div>
+ <div class="clear"></div>
+
+ <div class="grid_6 footer1">
+ &copy; 2010 Zend Technologies
+ </div>
+ <div class="grid_6 footer2">
+ <a href="http://framework.zend.com/manual/en/zend.http.user-agent.html">Zend_Http_UserAgent docs</a>
+ </div>
+ <div class="clear"></div>
+
+ <div class="grid_12 spacer"></div>
+ <div class="clear"></div>
+</div>
</body>
</html>
@@ -13,9 +13,4 @@
'controller' => 'mobile',
'action' => 'details',
), 'default') ?>">List of mobile capabilities</a></li>
-
- <li><a href="<?php echo $this->url(array(
- 'controller' => 'mobile',
- 'action' => 'dojo',
- ), 'default') ?>">dojox.mobile</a></li>
<?php $this->placeholder('sidebar')->captureEnd() ?>
@@ -12,3 +12,9 @@
<?php endforeach ?>
</dl>
+<?php $this->placeholder('sidebar')->captureStart() ?>
+ <li><a href="<?php echo $this->url(array(
+ 'controller' => 'index',
+ 'action' => 'index',
+ ), 'default') ?>">Home</a></li>
+<?php $this->placeholder('sidebar')->captureEnd() ?>
@@ -0,0 +1,53 @@
+body {
+ text-size: 62.5%;
+}
+
+.application {
+ background-color: #000033;
+}
+
+.header, .content, .sidebar, .footer1, .footer2 {
+ background-color: #FFFFFF;
+ padding: 1em 0;
+}
+
+.spacer {
+ height: 1em;
+}
+
+.header h1 {
+ padding-left: 0.5em;
+ text-size: 3em;
+}
+
+.content {
+ overflow: auto;
+}
+
+.footer1, .footer2 {
+ text-align: center;
+}
+
+.content h2, .content p, .content dl {
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+}
+
+dl dt {
+ font-weight: bold;
+}
+
+dl dt:after {
+ content: ":";
+}
+
+dl dd {
+ margin-left: 2em;
+ background-color: #FFCCFF;
+ border: 1px solid #003333;
+ padding: 0.5em;
+}
+
+.sidebar ul {
+ list-style-type: none;
+}

0 comments on commit 221a990

Please sign in to comment.