Permalink
Browse files

partials for footer and header, basic layout, colors and typography

  • Loading branch information...
1 parent 5feb61b commit decfc796ea6e2144d3cb8d7e63259d659416e849 Kristina Schneider committed Aug 4, 2010

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -1,141 +0,0 @@
-/* add styles here */
-
-body {
- font:1em Helvetica, sans-serif;
-}
-
-h1 {
- margin:0;
- font-weight:normal;
- font-size:2em;
-}
-
-#header {
- background:#f3f3f7;
- padding:8px;
-}
-
-#account {
- float:right;
-}
-
-#profile {
- border-bottom:1px solid #abc;
- border-top:1px solid #abc;
- background:#cde;
- margin-bottom:8px;
- float:right;
-}
-
-p.menu {
- margin:8px;
- float:right;
-}
-
-p.menu a {
- padding:4px;
- margin:2px;
- background:#EAF3FA;
- border-radius: 5px;
-}
-
-#tools {
- float:right;
- clear:right;
- border-bottom:1px solid #abc;
- border-top:1px solid #abc;
- background:#cde;
- padding:8px;
- max-width:35%;
-}
-
-#wiki {
- margin:8px;
-}
-
-#comments {
- margin:4px;
- padding:4px;
- background:#efeeef;
-}
-
-#comments p {
- margin-bottom:4px;
-}
-
-#comments li {
- margin:4px;
- padding:4px;
- background:#dfdcdf;
-}
-
-#comments ul li {
- list-style-type: none;
-}
-
-.date {
- font-size:80%
-}
-
-#files {
- border-bottom:1px solid #abc;
- border-top:1px solid #abc;
- background:#cde;
- padding:8px;
-}
-
-.markdown-help {
- float:left;
- margin-left:20px;
- width:37%;
-}
-
-.markdown-help pre {
- overflow-x:auto;
- background:#bbb;
- padding:4px;
-}
-
-.edit-form {
- float:left;
- width:60%;
-}
-
-.preview {
- background:#eee;
- padding:4px;
-}
-
-textarea[name=markdown] {
- width:100%;
-}
-
-form {
- padding:4px;
- margin:6px;
- background-color:#ddd;
-}
-
-div.avatar {
- padding:2px;
- padding-bottom:0;
- margin-right:4px;
- float:left;
- font-size:0.78em;
- text-align: center;
-}
-
-div.avatar .name {
- padding-top:2px;
-}
-
-div.avatar img {
- margin:0 auto;
- padding:0;
- width : 40px;
- height : 40px;
-}
-
-.clear {
- clear:both;
-}
View
@@ -1,4 +1,5 @@
{{>header}}
+
<div id="tools"></div>
<div id="wiki">{{{body}}}</div>
<div id="comments"></div>
@@ -11,8 +12,9 @@
{{/atts}}
</ul>
</div>
+
{{/has_atts}}
- </body>
+
<script src="/script/myloader.js"></script>
<script src="/_utils/script/base64.js"></script>
<script src="/_utils/script/jquery.form.js"></script>
@@ -32,4 +34,6 @@
design : "pages"
});
</script>
-</html>
+
+{{>footer}}
+
View
@@ -4,7 +4,8 @@
<li><a href="/page/{{id}}">{{title}}</a> by {{by}} <span class="date">{{at}}</span></li>
{{/pages}}
</ul>
- </body>
+
+
<script src="/script/myloader.js"></script>
<script src="/_utils/script/base64.js"></script>
<script type="text/javascript" charset="utf-8">
@@ -20,4 +21,6 @@
design : "pages"
});
</script>
-</html>
+
+{{>footer}}
+
@@ -0,0 +1,68 @@
+ </div>
+ <!-- end wikicontainer -->
+
+ </div>
+ <!-- end container -->
+
+ </div>
+ </div>
+
+
+ <!-- start footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="span2">
+ <h4>Couchio</h4>
+ <ul>
+ <!--<li><a href="/about" title="About Couchio">About</a></li>-->
+ <li><a href="/about" title="Team">Team</a></li>
+ <li><a href="/contact" title="Contact">Contact</a></li>
+ </ul>
+ </div>
+
+ <div class="span2">
+ <h4>Dev Room</h4>
+ <ul>
+ <li><a href="/get" title="Try CouchDB Now">Try CouchDB</a></li>
+ <li><a href="/case-studies" title="Case Studies">Case Studies</a></li>
+ <!--<li><a href="" title="Case Studies">API Docs</a></li>
+ <li><a href="" title="Case Studies">Videos</a></li>-->
+ <li><a href="http://forums.couch.io/" title="Forums">Forums</a></li>
+ </ul>
+ </div>
+
+ <div class="span2">
+ <h4>Open Source</h4>
+ <ul>
+ <!--<li><a href="http://couchapp.org/" title="CouchApp.org">CouchApp.org</a></li>-->
+ <li><a href="http://couchdb.apache.org/" title="Apache CouchDB">Apache CouchDB</a></li>
+ </ul>
+ </div>
+
+ <div class="span2">
+ <h4>News</h4>
+ <ul>
+ <!--<li><a href="" title="Newsroom">Newsroom</a></li>-->
+ <li><a href="http://blog.couch.io/" title="Couchio Blog">Blog</a></li>
+ <li><a href="http://www.twitter.com/couchio/" title="Couchio on Twitter">Twitter</a></li>
+ </ul>
+ </div>
+
+ <div class="span4 last">
+
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="tos" title="Terms of Service">Terms of Service</a></li>
+ <li><a href="privacy" title="Privacy Policy">Privacy Policy</a></li>
+ </ul>
+
+ </div>
+
+ <p class="copyright center">&copy; 2010 Couchio, a Relaxed Company</p>
+ </div>
+
+ </div>
+ <!-- end footer -->
+
+ </body>
+</html>
@@ -2,12 +2,52 @@
<html>
<head>
<title>{{title}} - {{site_title}}</title>
- <link rel="stylesheet" href="/style/base-min.css" type="text/css">
- <link rel="stylesheet" href="/style/main.css" type="text/css">
+
+ <script type="text/javascript" src="http://use.typekit.com/pmv7xgm.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <!--link rel="stylesheet" href="/style/custom_new.css" type="text/css" /-->
+
+ <link rel="stylesheet" href="/stylesheets/screen.css" type="text/css" media="screen, projection" />
+ <link rel="stylesheet" href="/stylesheets/print.css" type="text/css" media="print" />
+ <!--[if lt IE 8]>
+ <link rel="stylesheet" href="/stylesheets/ie.css" type="text/css" media="screen, projection" />
+ <![endif]-->
+ <link rel="shortcut icon" href="/favicon.ico" />
</head>
<body>
- <div id="header">
- <div id="account"></div>
- <h1><strong>{{site_title}}:</strong> <a href="{{path}}">{{title}}</a></h1>
- </div>
- <div id="profile"></div>
+ <div class="wrap">
+ <div class="wrap_inner">
+ <div id="header">
+ <div id="account"></div>
+ <h1><strong>{{site_title}}:</strong> <a href="{{path}}">{{title}}</a></h1>
+ </div>
+
+ <!-- start header -->
+
+ <div class="header">
+ <div class="container">
+ <a href="/" title="Home" class="logo">
+ <h1>CouchOne</h1>
+ <span>Your data. Anywhere.</span>
+ </a>
+
+ <div class="navbar">
+ <ul class="nav inline_list">
+ <li class="{{#dev_active}}active{{/dev_active}}"><a href="/dev" title="Developer Resources &ndash; Community, Code, Docs">Dev Room</a></li>
+ <li class="{{#support_active}}active{{/support_active}}"><a href="/support" title="Support and Training &ndash; Commercial Support &amp; Training">Support Center</a></li>
+ <li class="{{#case_active}}active{{/case_active}}"><a href="/case-studies" title="Production Deployments &ndash; Reliable in Production">Case Studies</a></li>
+ <li class="{{#get_active}}active{{/get_active}}"><a href="/get" title="Try CouchDB Now &ndash; Hosting &amp; Downloads">Try Now</a></li>
+ </ul>
+ </div>
+
+ </div>
+ </div>
+ <!-- end header -->
+
+ <!-- container -->
+ <div class="container">
+ <!-- wiki container -->
+ <div class="wiki_container">
+
+ <div id="profile"></div>

0 comments on commit decfc79

Please sign in to comment.