Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

initial commit

  • Loading branch information...
commit ee6bb9c169fd5dd22ccc097004d44bfe3f04bd08 0 parents
Gradus Parnassum authored

Showing 37 changed files with 1,661 additions and 0 deletions. Show diff stats Hide diff stats

  1. +2 0  .gitignore
  2. +48 0 404.html
  3. +5 0 Readme.md
  4. +48 0 gen/404.html
  5. BIN  gen/images/apple-touch-icon-114x114.png
  6. BIN  gen/images/apple-touch-icon-72x72.png
  7. BIN  gen/images/apple-touch-icon.png
  8. BIN  gen/images/bigwin.png
  9. BIN  gen/images/favicon.ico
  10. BIN  gen/images/roots_team_logo.png
  11. BIN  gen/images/rose.png
  12. BIN  gen/images/syl.png
  13. BIN  gen/images/syl2.png
  14. +74 0 gen/index.html
  15. +42 0 gen/javascripts/tabs.js
  16. +5 0 gen/robots.txt
  17. +335 0 gen/stylesheets/base.css
  18. +76 0 gen/stylesheets/layout.css
  19. +236 0 gen/stylesheets/skeleton.css
  20. BIN  images/apple-touch-icon-114x114.png
  21. BIN  images/apple-touch-icon-72x72.png
  22. BIN  images/apple-touch-icon.png
  23. BIN  images/bigwin.png
  24. BIN  images/favicon.ico
  25. BIN  images/roots_team_logo.png
  26. BIN  images/rose.png
  27. BIN  images/syl.png
  28. BIN  images/syl2.png
  29. +42 0 javascripts/tabs.js
  30. +48 0 layout.html
  31. +7 0 package.json
  32. +27 0 pages/index.md
  33. +5 0 robots.txt
  34. +14 0 server.js
  35. +335 0 stylesheets/base.css
  36. +76 0 stylesheets/layout.css
  37. +236 0 stylesheets/skeleton.css
2  .gitignore
... ... @@ -0,0 +1,2 @@
  1 +.DS_Store
  2 +images/.DS_Store
48 404.html
... ... @@ -0,0 +1,48 @@
  1 +<!DOCTYPE html>
  2 +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
  3 +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
  4 +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
  5 +<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
  6 +<head>
  7 +
  8 + <!-- Basic Page Needs
  9 + ================================================== -->
  10 + <meta charset="utf-8">
  11 + <title>Page Not Found 404 Error</title>
  12 + <meta name="description" content="">
  13 + <meta name="author" content="">
  14 + <!--[if lt IE 9]>
  15 + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  16 + <![endif]-->
  17 +
  18 + <!-- Mobile Specific Metas
  19 + ================================================== -->
  20 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  21 +
  22 + <!-- CSS
  23 + ================================================== -->
  24 + <link rel="stylesheet" href="stylesheets/base.css">
  25 + <link rel="stylesheet" href="stylesheets/skeleton.css">
  26 + <link rel="stylesheet" href="stylesheets/layout.css">
  27 +
  28 + <!-- Favicons
  29 + ================================================== -->
  30 + <link rel="shortcut icon" href="images/favicon.ico">
  31 + <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
  32 + <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
  33 + <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
  34 +
  35 +</head>
  36 +<body>
  37 +
  38 + <!-- Primary Page Layout
  39 + ================================================== -->
  40 + <div class="container">
  41 + <h1 style="margin-top: 100px; text-align:center">Sorry. Couldn't Find That Page!</h1>
  42 + <img src="/images/roots_team_logo.png" />
  43 + </div>
  44 +
  45 +<!-- End Document
  46 +================================================== -->
  47 +</body>
  48 +</html>
5 Readme.md
Source Rendered
... ... @@ -0,0 +1,5 @@
  1 +## Roots Surf Team website
  2 +
  3 +Static html site generate with [Bam](https://github.com/beautifulnode/bam)
  4 +
  5 +[RootsSurf.com](http://rootssurf.com)
48 gen/404.html
... ... @@ -0,0 +1,48 @@
  1 +<!DOCTYPE html>
  2 +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
  3 +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
  4 +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
  5 +<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
  6 +<head>
  7 +
  8 + <!-- Basic Page Needs
  9 + ================================================== -->
  10 + <meta charset="utf-8">
  11 + <title>Page Not Found 404 Error</title>
  12 + <meta name="description" content="">
  13 + <meta name="author" content="">
  14 + <!--[if lt IE 9]>
  15 + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  16 + <![endif]-->
  17 +
  18 + <!-- Mobile Specific Metas
  19 + ================================================== -->
  20 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  21 +
  22 + <!-- CSS
  23 + ================================================== -->
  24 + <link rel="stylesheet" href="stylesheets/base.css">
  25 + <link rel="stylesheet" href="stylesheets/skeleton.css">
  26 + <link rel="stylesheet" href="stylesheets/layout.css">
  27 +
  28 + <!-- Favicons
  29 + ================================================== -->
  30 + <link rel="shortcut icon" href="images/favicon.ico">
  31 + <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
  32 + <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
  33 + <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
  34 +
  35 +</head>
  36 +<body>
  37 +
  38 + <!-- Primary Page Layout
  39 + ================================================== -->
  40 + <div class="container">
  41 + <h1 style="margin-top: 100px; text-align:center">Sorry. Couldn't Find That Page!</h1>
  42 + <img src="/images/roots_team_logo.png" />
  43 + </div>
  44 +
  45 +<!-- End Document
  46 +================================================== -->
  47 +</body>
  48 +</html>
BIN  gen/images/apple-touch-icon-114x114.png
BIN  gen/images/apple-touch-icon-72x72.png
BIN  gen/images/apple-touch-icon.png
BIN  gen/images/bigwin.png
BIN  gen/images/favicon.ico
Binary file not shown
BIN  gen/images/roots_team_logo.png
BIN  gen/images/rose.png
BIN  gen/images/syl.png
BIN  gen/images/syl2.png
74 gen/index.html
... ... @@ -0,0 +1,74 @@
  1 +<!DOCTYPE html>
  2 +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
  3 +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
  4 +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
  5 +<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
  6 +<head>
  7 +
  8 + <!-- Basic Page Needs
  9 + ================================================== -->
  10 + <meta charset="utf-8">
  11 + <title>roots-surf</title>
  12 + <meta name="description" content="">
  13 + <meta name="author" content="">
  14 + <!--[if lt IE 9]>
  15 + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  16 + <![endif]-->
  17 +
  18 + <!-- Mobile Specific Metas
  19 + ================================================== -->
  20 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  21 +
  22 + <!-- CSS
  23 + ================================================== -->
  24 + <link rel="stylesheet" href="/stylesheets/base.css">
  25 + <link rel="stylesheet" href="/stylesheets/skeleton.css">
  26 + <link rel="stylesheet" href="/stylesheets/layout.css">
  27 +
  28 + <!-- Favicons
  29 + ================================================== -->
  30 + <link rel="shortcut icon" href="/images/favicon.ico">
  31 + <link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
  32 + <link rel="apple-touch-icon" sizes="72x72" href="/images/apple-touch-icon-72x72.png">
  33 + <link rel="apple-touch-icon" sizes="114x114" href="/images/apple-touch-icon-114x114.png">
  34 +
  35 +</head>
  36 +<body>
  37 + <!-- Primary Page Layout
  38 + ================================================== -->
  39 + <p><img src="images/roots_team_logo.png" alt="Roots Surf Team" title="" /></p>
  40 +
  41 +<h4>IOP, SC</h4>
  42 +
  43 +<div id="content">
  44 + <span class="left">
  45 + <img src="images/rose.png" />
  46 + <br />
  47 + Rose Windham
  48 + </span>
  49 + <span class="left">
  50 + <img src="images/syl.png" />
  51 + <br />
  52 + Sylvia Windham
  53 + </span>
  54 + <span class="left">
  55 + <img src="images/bigwin.png" />
  56 + <br />
  57 + 1st Place at the Joe Hiller
  58 + </span>
  59 + <span class="left">
  60 + <img src="images/syl2.png" />
  61 + <br />
  62 + Syl Chillin'
  63 + </span>
  64 +
  65 +</div>
  66 + <!-- JS
  67 + ================================================== -->
  68 + <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
  69 + <script src="/javascripts/tabs.js"></script>
  70 +
  71 +<!-- End Document
  72 +================================================== -->
  73 +</body>
  74 +</html>
42 gen/javascripts/tabs.js
... ... @@ -0,0 +1,42 @@
  1 +/*
  2 +* Skeleton V1.1
  3 +* Copyright 2011, Dave Gamache
  4 +* www.getskeleton.com
  5 +* Free to use under the MIT license.
  6 +* http://www.opensource.org/licenses/mit-license.php
  7 +* 8/17/2011
  8 +*/
  9 +
  10 +
  11 +$(document).ready(function() {
  12 +
  13 + /* Tabs Activiation
  14 + ================================================== */
  15 +
  16 + var tabs = $('ul.tabs');
  17 +
  18 + tabs.each(function(i) {
  19 +
  20 + //Get all tabs
  21 + var tab = $(this).find('> li > a');
  22 + tab.click(function(e) {
  23 +
  24 + //Get Location of tab's content
  25 + var contentLocation = $(this).attr('href');
  26 +
  27 + //Let go if not a hashed one
  28 + if(contentLocation.charAt(0)=="#") {
  29 +
  30 + e.preventDefault();
  31 +
  32 + //Make Tab Active
  33 + tab.removeClass('active');
  34 + $(this).addClass('active');
  35 +
  36 + //Show Tab Content & add active class
  37 + $(contentLocation).show().addClass('active').siblings().hide().removeClass('active');
  38 +
  39 + }
  40 + });
  41 + });
  42 +});
5 gen/robots.txt
... ... @@ -0,0 +1,5 @@
  1 +# www.robotstxt.org/
  2 +# www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156449
  3 +
  4 +User-agent: *
  5 +
335 gen/stylesheets/base.css
... ... @@ -0,0 +1,335 @@
  1 +/*
  2 +* Skeleton V1.1
  3 +* Copyright 2011, Dave Gamache
  4 +* www.getskeleton.com
  5 +* Free to use under the MIT license.
  6 +* http://www.opensource.org/licenses/mit-license.php
  7 +* 8/17/2011
  8 +*/
  9 +
  10 +
  11 +/* Table of Content
  12 +==================================================
  13 + #Reset & Basics
  14 + #Basic Styles
  15 + #Site Styles
  16 + #Typography
  17 + #Links
  18 + #Lists
  19 + #Images
  20 + #Buttons
  21 + #Tabs
  22 + #Forms
  23 + #Misc */
  24 +
  25 +
  26 +/* #Reset & Basics (Inspired by E. Meyers)
  27 +================================================== */
  28 + html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  29 + margin: 0;
  30 + padding: 0;
  31 + border: 0;
  32 + font-size: 100%;
  33 + font: inherit;
  34 + vertical-align: baseline; }
  35 + article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  36 + display: block; }
  37 + body {
  38 + line-height: 1; }
  39 + ol, ul {
  40 + list-style: none; }
  41 + blockquote, q {
  42 + quotes: none; }
  43 + blockquote:before, blockquote:after,
  44 + q:before, q:after {
  45 + content: '';
  46 + content: none; }
  47 + table {
  48 + border-collapse: collapse;
  49 + border-spacing: 0; }
  50 +
  51 +
  52 +/* #Basic Styles
  53 +================================================== */
  54 + body {
  55 + background: #fff;
  56 + font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  57 + color: #444;
  58 + -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  59 + -webkit-text-size-adjust: 100%;
  60 + }
  61 +
  62 +
  63 +/* #Typography
  64 +================================================== */
  65 + h1, h2, h3, h4, h5, h6 {
  66 + color: #181818;
  67 + font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
  68 + font-weight: normal; }
  69 + h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
  70 + h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
  71 + h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
  72 + h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
  73 + h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
  74 + h5 { font-size: 17px; line-height: 24px; }
  75 + h6 { font-size: 14px; line-height: 21px; }
  76 + .subheader { color: #777; }
  77 +
  78 + p { margin: 0 0 20px 0; }
  79 + p img { margin: 0; }
  80 + p.lead { font-size: 21px; line-height: 27px; color: #777; }
  81 +
  82 + em { font-style: italic; }
  83 + strong { font-weight: bold; color: #333; }
  84 + small { font-size: 80%; }
  85 +
  86 +/* Blockquotes */
  87 + blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
  88 + blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
  89 + blockquote cite { display: block; font-size: 12px; color: #555; }
  90 + blockquote cite:before { content: "\2014 \0020"; }
  91 + blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
  92 +
  93 + hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
  94 +
  95 +
  96 +/* #Links
  97 +================================================== */
  98 + a, a:visited { color: #333; text-decoration: underline; outline: 0; }
  99 + a:hover, a:focus { color: #000; }
  100 + p a, p a:visited { line-height: inherit; }
  101 +
  102 +
  103 +/* #Lists
  104 +================================================== */
  105 + ul, ol { margin-bottom: 20px; }
  106 + ul { list-style: none outside; }
  107 + ol { list-style: decimal; }
  108 + ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
  109 + ul.square { list-style: square outside; }
  110 + ul.circle { list-style: circle outside; }
  111 + ul.disc { list-style: disc outside; }
  112 + ul ul, ul ol,
  113 + ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; }
  114 + ul ul li, ul ol li,
  115 + ol ol li, ol ul li { margin-bottom: 6px; }
  116 + li { line-height: 18px; margin-bottom: 12px; }
  117 + ul.large li { line-height: 21px; }
  118 + li p { line-height: 21px; }
  119 +
  120 +/* #Images
  121 +================================================== */
  122 +
  123 + img.scale-with-grid {
  124 + max-width: 100%;
  125 + height: auto; }
  126 +
  127 +
  128 +/* #Buttons
  129 +================================================== */
  130 +
  131 + a.button,
  132 + button,
  133 + input[type="submit"],
  134 + input[type="reset"],
  135 + input[type="button"] {
  136 + background: #eee; /* Old browsers */
  137 + background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
  138 + background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
  139 + background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
  140 + background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
  141 + background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
  142 + background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
  143 + border: 1px solid #aaa;
  144 + border-top: 1px solid #ccc;
  145 + border-left: 1px solid #ccc;
  146 + padding: 4px 12px;
  147 + -moz-border-radius: 3px;
  148 + -webkit-border-radius: 3px;
  149 + border-radius: 3px;
  150 + color: #444;
  151 + display: inline-block;
  152 + font-size: 11px;
  153 + font-weight: bold;
  154 + text-decoration: none;
  155 + text-shadow: 0 1px rgba(255, 255, 255, .75);
  156 + cursor: pointer;
  157 + margin-bottom: 20px;
  158 + line-height: 21px;
  159 + font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  160 +
  161 + a.button:hover,
  162 + button:hover,
  163 + input[type="submit"]:hover,
  164 + input[type="reset"]:hover,
  165 + input[type="button"]:hover {
  166 + color: #222;
  167 + background: #ddd; /* Old browsers */
  168 + background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
  169 + background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
  170 + background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
  171 + background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
  172 + background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
  173 + background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
  174 + border: 1px solid #888;
  175 + border-top: 1px solid #aaa;
  176 + border-left: 1px solid #aaa; }
  177 +
  178 + a.button:active,
  179 + button:active,
  180 + input[type="submit"]:active,
  181 + input[type="reset"]:active,
  182 + input[type="button"]:active {
  183 + border: 1px solid #666;
  184 + background: #ccc; /* Old browsers */
  185 + background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
  186 + background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
  187 + background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
  188 + background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
  189 + background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
  190 + background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }
  191 +
  192 + .button.full-width,
  193 + button.full-width,
  194 + input[type="submit"].full-width,
  195 + input[type="reset"].full-width,
  196 + input[type="button"].full-width {
  197 + width: 100%;
  198 + padding-left: 0 !important;
  199 + padding-right: 0 !important;
  200 + text-align: center; }
  201 +
  202 +
  203 +/* #Tabs (activate in tabs.js)
  204 +================================================== */
  205 + ul.tabs {
  206 + display: block;
  207 + margin: 0 0 20px 0;
  208 + padding: 0;
  209 + border-bottom: solid 1px #ddd; }
  210 + ul.tabs li {
  211 + display: block;
  212 + width: auto;
  213 + height: 30px;
  214 + padding: 0;
  215 + float: left;
  216 + margin-bottom: 0; }
  217 + ul.tabs li a {
  218 + display: block;
  219 + text-decoration: none;
  220 + width: auto;
  221 + height: 29px;
  222 + padding: 0px 20px;
  223 + line-height: 30px;
  224 + border: solid 1px #ddd;
  225 + border-width: 1px 1px 0 0;
  226 + margin: 0;
  227 + background: #f5f5f5;
  228 + font-size: 13px; }
  229 + ul.tabs li a.active {
  230 + background: #fff;
  231 + height: 30px;
  232 + position: relative;
  233 + top: -4px;
  234 + padding-top: 4px;
  235 + border-left-width: 1px;
  236 + margin: 0 0 0 -1px;
  237 + color: #111;
  238 + -moz-border-radius-topleft: 2px;
  239 + -webkit-border-top-left-radius: 2px;
  240 + border-top-left-radius: 2px;
  241 + -moz-border-radius-topright: 2px;
  242 + -webkit-border-top-right-radius: 2px;
  243 + border-top-right-radius: 2px; }
  244 + ul.tabs li:first-child a.active {
  245 + margin-left: 0; }
  246 + ul.tabs li:first-child a {
  247 + border-width: 1px 1px 0 1px;
  248 + -moz-border-radius-topleft: 2px;
  249 + -webkit-border-top-left-radius: 2px;
  250 + border-top-left-radius: 2px; }
  251 + ul.tabs li:last-child a {
  252 + -moz-border-radius-topright: 2px;
  253 + -webkit-border-top-right-radius: 2px;
  254 + border-top-right-radius: 2px; }
  255 +
  256 + ul.tabs-content { margin: 0; display: block; }
  257 + ul.tabs-content > li { display:none; }
  258 + ul.tabs-content > li.active { display: block; }
  259 +
  260 + /* Clearfixing tabs for beautiful stacking */
  261 + ul.tabs:before,
  262 + ul.tabs:after {
  263 + content: '\0020';
  264 + display: block;
  265 + overflow: hidden;
  266 + visibility: hidden;
  267 + width: 0;
  268 + height: 0; }
  269 + ul.tabs:after {
  270 + clear: both; }
  271 + ul.tabs {
  272 + zoom: 1; }
  273 +
  274 +
  275 +/* #Forms
  276 +================================================== */
  277 +
  278 + form {
  279 + margin-bottom: 20px; }
  280 + fieldset {
  281 + margin-bottom: 20px; }
  282 + input[type="text"],
  283 + input[type="password"],
  284 + input[type="email"],
  285 + textarea,
  286 + select {
  287 + border: 1px solid #ccc;
  288 + padding: 6px 4px;
  289 + outline: none;
  290 + -moz-border-radius: 2px;
  291 + -webkit-border-radius: 2px;
  292 + border-radius: 2px;
  293 + font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  294 + color: #777;
  295 + margin: 0;
  296 + width: 210px;
  297 + max-width: 100%;
  298 + display: block;
  299 + margin-bottom: 20px;
  300 + background: #fff; }
  301 + select {
  302 + padding: 0; }
  303 + input[type="text"]:focus,
  304 + input[type="password"]:focus,
  305 + input[type="email"]:focus,
  306 + textarea:focus {
  307 + border: 1px solid #aaa;
  308 + color: #444;
  309 + -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
  310 + -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
  311 + box-shadow: 0 0 3px rgba(0,0,0,.2); }
  312 + textarea {
  313 + min-height: 60px; }
  314 + label,
  315 + legend {
  316 + display: block;
  317 + font-weight: bold;
  318 + font-size: 13px; }
  319 + select {
  320 + width: 220px; }
  321 + input[type="checkbox"] {
  322 + display: inline; }
  323 + label span,
  324 + legend span {
  325 + font-weight: normal;
  326 + font-size: 13px;
  327 + color: #444; }
  328 +
  329 +/* #Misc
  330 +================================================== */
  331 + .remove-bottom { margin-bottom: 0 !important; }
  332 + .half-bottom { margin-bottom: 10px !important; }
  333 + .add-bottom { margin-bottom: 20px !important; }
  334 +
  335 +
76 gen/stylesheets/layout.css
... ... @@ -0,0 +1,76 @@
  1 +/*
  2 +* Skeleton V1.1
  3 +* Copyright 2011, Dave Gamache
  4 +* www.getskeleton.com
  5 +* Free to use under the MIT license.
  6 +* http://www.opensource.org/licenses/mit-license.php
  7 +* 8/17/2011
  8 +*/
  9 +
  10 +/* Table of Content
  11 +==================================================
  12 + #Site Styles
  13 + #Page Styles
  14 + #Media Queries
  15 + #Font-Face */
  16 +
  17 +/* #Site Styles
  18 +================================================== */
  19 +
  20 +/* #Page Styles
  21 +================================================== */
  22 +
  23 +/* #Media Queries
  24 +================================================== */
  25 +
  26 + /* Smaller than standard 960 (devices and browsers) */
  27 + @media only screen and (max-width: 959px) {}
  28 +
  29 + /* Tablet Portrait size to standard 960 (devices and browsers) */
  30 + @media only screen and (min-width: 768px) and (max-width: 959px) {}
  31 +
  32 + /* All Mobile Sizes (devices and browser) */
  33 + @media only screen and (max-width: 767px) {}
  34 +
  35 + /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  36 + @media only screen and (min-width: 480px) and (max-width: 767px) {}
  37 +
  38 + /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  39 + @media only screen and (max-width: 479px) {}
  40 +
  41 +
  42 +/* #Font-Face
  43 +================================================== */
  44 +/* This is the proper syntax for an @font-face file
  45 + Just create a "fonts" folder at the root,
  46 + copy your FontName into code below and remove
  47 + comment brackets */
  48 +
  49 +/* @font-face {
  50 + font-family: 'FontName';
  51 + src: url('../fonts/FontName.eot');
  52 + src: url('../fonts/FontName.eot?iefix') format('eot'),
  53 + url('../fonts/FontName.woff') format('woff'),
  54 + url('../fonts/FontName.ttf') format('truetype'),
  55 + url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
  56 + font-weight: normal;
  57 + font-style: normal; }
  58 +*/
  59 +body {
  60 + background:#c2e5f6;
  61 + padding:5px;
  62 + margin:10px 40px;
  63 +
  64 +}
  65 +
  66 +#content {
  67 + text-align: center;
  68 +}
  69 +.left {
  70 + float: left;
  71 + margin: 5px;
  72 +}
  73 +.right {
  74 + float: right;
  75 + margin: 5px
  76 +}
236 gen/stylesheets/skeleton.css
... ... @@ -0,0 +1,236 @@
  1 +/*
  2 +* Skeleton V1.1
  3 +* Copyright 2011, Dave Gamache
  4 +* www.getskeleton.com
  5 +* Free to use under the MIT license.
  6 +* http://www.opensource.org/licenses/mit-license.php
  7 +* 8/17/2011
  8 +*/
  9 +
  10 +
  11 +/* Table of Contents
  12 +==================================================
  13 + #Base 960 Grid
  14 + #Tablet (Portrait)
  15 + #Mobile (Portrait)
  16 + #Mobile (Landscape)
  17 + #Clearing */
  18 +
  19 +
  20 +
  21 +/* #Base 960 Grid
  22 +================================================== */
  23 +
  24 + .container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
  25 + .column, .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
  26 + .row { margin-bottom: 20px; }
  27 +
  28 + /* Nested Column Classes */
  29 + .column.alpha, .columns.alpha { margin-left: 0; }
  30 + .column.omega, .columns.omega { margin-right: 0; }
  31 +
  32 + /* Base Grid */
  33 + .container .one.column { width: 40px; }
  34 + .container .two.columns { width: 100px; }
  35 + .container .three.columns { width: 160px; }
  36 + .container .four.columns { width: 220px; }
  37 + .container .five.columns { width: 280px; }
  38 + .container .six.columns { width: 340px; }
  39 + .container .seven.columns { width: 400px; }
  40 + .container .eight.columns { width: 460px; }
  41 + .container .nine.columns { width: 520px; }
  42 + .container .ten.columns { width: 580px; }
  43 + .container .eleven.columns { width: 640px; }
  44 + .container .twelve.columns { width: 700px; }
  45 + .container .thirteen.columns { width: 760px; }
  46 + .container .fourteen.columns { width: 820px; }
  47 + .container .fifteen.columns { width: 880px; }
  48 + .container .sixteen.columns { width: 940px; }
  49 +
  50 + .container .one-third.column { width: 300px; }
  51 + .container .two-thirds.column { width: 620px; }
  52 +
  53 + /* Offsets */
  54 + .container .offset-by-one { padding-left: 60px; }
  55 + .container .offset-by-two { padding-left: 120px; }
  56 + .container .offset-by-three { padding-left: 180px; }
  57 + .container .offset-by-four { padding-left: 240px; }
  58 + .container .offset-by-five { padding-left: 300px; }
  59 + .container .offset-by-six { padding-left: 360px; }
  60 + .container .offset-by-seven { padding-left: 420px; }
  61 + .container .offset-by-eight { padding-left: 480px; }
  62 + .container .offset-by-nine { padding-left: 540px; }
  63 + .container .offset-by-ten { padding-left: 600px; }
  64 + .container .offset-by-eleven { padding-left: 660px; }
  65 + .container .offset-by-twelve { padding-left: 720px; }
  66 + .container .offset-by-thirteen { padding-left: 780px; }
  67 + .container .offset-by-fourteen { padding-left: 840px; }
  68 + .container .offset-by-fifteen { padding-left: 900px; }
  69 +
  70 +
  71 +
  72 +/* #Tablet (Portrait)
  73 +================================================== */
  74 +
  75 + /* Note: Design for a width of 768px */
  76 +
  77 + @media only screen and (min-width: 768px) and (max-width: 959px) {
  78 + .container { width: 768px; }
  79 + .container .column,
  80 + .container .columns { margin-left: 10px; margin-right: 10px; }
  81 + .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; }
  82 + .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; }
  83 +
  84 + .container .one.column { width: 28px; }
  85 + .container .two.columns { width: 76px; }
  86 + .container .three.columns { width: 124px; }
  87 + .container .four.columns { width: 172px; }
  88 + .container .five.columns { width: 220px; }
  89 + .container .six.columns { width: 268px; }
  90 + .container .seven.columns { width: 316px; }
  91 + .container .eight.columns { width: 364px; }
  92 + .container .nine.columns { width: 412px; }
  93 + .container .ten.columns { width: 460px; }
  94 + .container .eleven.columns { width: 508px; }
  95 + .container .twelve.columns { width: 556px; }
  96 + .container .thirteen.columns { width: 604px; }
  97 + .container .fourteen.columns { width: 652px; }
  98 + .container .fifteen.columns { width: 700px; }
  99 + .container .sixteen.columns { width: 748px; }
  100 +
  101 + .container .one-third.column { width: 236px; }
  102 + .container .two-thirds.column { width: 492px; }
  103 +
  104 + /* Offsets */
  105 + .container .offset-by-one { padding-left: 48px; }
  106 + .container .offset-by-two { padding-left: 96px; }
  107 + .container .offset-by-three { padding-left: 144px; }
  108 + .container .offset-by-four { padding-left: 192px; }
  109 + .container .offset-by-five { padding-left: 240px; }
  110 + .container .offset-by-six { padding-left: 288px; }
  111 + .container .offset-by-seven { padding-left: 336px; }
  112 + .container .offset-by-eight { padding-left: 348px; }
  113 + .container .offset-by-nine { padding-left: 432px; }
  114 + .container .offset-by-ten { padding-left: 480px; }
  115 + .container .offset-by-eleven { padding-left: 528px; }
  116 + .container .offset-by-twelve { padding-left: 576px; }
  117 + .container .offset-by-thirteen { padding-left: 624px; }
  118 + .container .offset-by-fourteen { padding-left: 672px; }
  119 + .container .offset-by-fifteen { padding-left: 720px; }
  120 + }
  121 +
  122 +
  123 +/* #Mobile (Portrait)
  124 +================================================== */
  125 +
  126 + /* Note: Design for a width of 320px */
  127 +
  128 + @media only screen and (max-width: 767px) {
  129 + .container { width: 300px; }
  130 + .columns, .column { margin: 0; }
  131 +
  132 + .container .one.column,
  133 + .container .two.columns,
  134 + .container .three.columns,
  135 + .container .four.columns,
  136 + .container .five.columns,
  137 + .container .six.columns,
  138 + .container .seven.columns,
  139 + .container .eight.columns,
  140 + .container .nine.columns,
  141 + .container .ten.columns,
  142 + .container .eleven.columns,
  143 + .container .twelve.columns,
  144 + .container .thirteen.columns,
  145 + .container .fourteen.columns,
  146 + .container .fifteen.columns,
  147 + .container .sixteen.columns,
  148 + .container .one-third.column,
  149 + .container .two-thirds.column { width: 300px; }
  150 +
  151 + /* Offsets */
  152 + .container .offset-by-one,
  153 + .container .offset-by-two,
  154 + .container .offset-by-three,
  155 + .container .offset-by-four,
  156 + .container .offset-by-five,
  157 + .container .offset-by-six,
  158 + .container .offset-by-seven,
  159 + .container .offset-by-eight,
  160 + .container .offset-by-nine,
  161 + .container .offset-by-ten,
  162 + .container .offset-by-eleven,
  163 + .container .offset-by-twelve,
  164 + .container .offset-by-thirteen,
  165 + .container .offset-by-fourteen,
  166 + .container .offset-by-fifteen { padding-left: 0; }
  167 +
  168 + }
  169 +
  170 +
  171 +/* #Mobile (Landscape)
  172 +================================================== */
  173 +
  174 + /* Note: Design for a width of 480px */
  175 +
  176 + @media only screen and (min-width: 480px) and (max-width: 767px) {
  177 + .container { width: 420px; }
  178 + .columns, .column { margin: 0; }
  179 +
  180 + .container .one.column,
  181 + .container .two.columns,
  182 + .container .three.columns,
  183 + .container .four.columns,
  184 + .container .five.columns,
  185 + .container .six.columns,
  186 + .container .seven.columns,
  187 + .container .eight.columns,
  188 + .container .nine.columns,
  189 + .container .ten.columns,
  190 + .container .eleven.columns,
  191 + .container .twelve.columns,
  192 + .container .thirteen.columns,
  193 + .container .fourteen.columns,
  194 + .container .fifteen.columns,
  195 + .container .sixteen.columns,
  196 + .container .one-third.column,
  197 + .container .two-thirds.column { width: 420px; }
  198 + }
  199 +
  200 +
  201 +/* #Clearing
  202 +================================================== */
  203 +
  204 + /* Self Clearing Goodness */
  205 + .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
  206 +
  207 + /* Use clearfix class on parent to clear nested columns,
  208 + or wrap each row of columns in a <div class="row"> */
  209 + .clearfix:before,
  210 + .clearfix:after,
  211 + .row:before,
  212 + .row:after {
  213 + content: '\0020';
  214 + display: block;
  215 + overflow: hidden;
  216 + visibility: hidden;
  217 + width: 0;
  218 + height: 0; }
  219 + .row:after,
  220 + .clearfix:after {
  221 + clear: both; }
  222 + .row,
  223 + .clearfix {
  224 + zoom: 1; }
  225 +
  226 + /* You can also use a <br class="clear" /> to clear columns */
  227 + .clear {
  228 + clear: both;
  229 + display: block;
  230 + overflow: hidden;
  231 + visibility: hidden;
  232 + width: 0;
  233 + height: 0;
  234 + }
  235 +
  236 +
BIN  images/apple-touch-icon-114x114.png
BIN  images/apple-touch-icon-72x72.png
BIN  images/apple-touch-icon.png
BIN  images/bigwin.png
BIN  images/favicon.ico
Binary file not shown
BIN  images/roots_team_logo.png
BIN  images/rose.png
BIN  images/syl.png
BIN  images/syl2.png
42 javascripts/tabs.js
... ... @@ -0,0 +1,42 @@
  1 +/*
  2 +* Skeleton V1.1
  3 +* Copyright 2011, Dave Gamache
  4 +* www.getskeleton.com
  5 +* Free to use under the MIT license.
  6 +* http://www.opensource.org/licenses/mit-license.php
  7 +* 8/17/2011
  8 +*/
  9 +
  10 +
  11 +$(document).ready(function() {
  12 +
  13 + /* Tabs Activiation
  14 + ================================================== */
  15 +
  16 + var tabs = $('ul.tabs');
  17 +
  18 + tabs.each(function(i) {
  19 +
  20 + //Get all tabs
  21 + var tab = $(this).find('> li > a');
  22 + tab.click(function(e) {
  23 +
  24 + //Get Location of tab's content
  25 + var contentLocation = $(this).attr('href');
  26 +
  27 + //Let go if not a hashed one
  28 + if(contentLocation.charAt(0)=="#") {
  29 +
  30 + e.preventDefault();
  31 +
  32 + //Make Tab Active
  33 + tab.removeClass('active');
  34 + $(this).addClass('active');
  35 +
  36 + //Show Tab Content & add active class
  37 + $(contentLocation).show().addClass('active').siblings().hide().removeClass('active');
  38 +
  39 + }
  40 + });
  41 + });
  42 +});
48 layout.html
... ... @@ -0,0 +1,48 @@
  1 +<!DOCTYPE html>
  2 +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
  3 +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
  4 +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
  5 +<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
  6 +<head>
  7 +
  8 + <!-- Basic Page Needs
  9 + ================================================== -->
  10 + <meta charset="utf-8">
  11 + <title>roots-surf</title>
  12 + <meta name="description" content="">
  13 + <meta name="author" content="">
  14 + <!--[if lt IE 9]>
  15 + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  16 + <![endif]-->
  17 +
  18 + <!-- Mobile Specific Metas
  19 + ================================================== -->
  20 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  21 +
  22 + <!-- CSS
  23 + ================================================== -->
  24 + <link rel="stylesheet" href="/stylesheets/base.css">
  25 + <link rel="stylesheet" href="/stylesheets/skeleton.css">
  26 + <link rel="stylesheet" href="/stylesheets/layout.css">
  27 +
  28 + <!-- Favicons
  29 + ================================================== -->
  30 + <link rel="shortcut icon" href="/images/favicon.ico">
  31 + <link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
  32 + <link rel="apple-touch-icon" sizes="72x72" href="/images/apple-touch-icon-72x72.png">
  33 + <link rel="apple-touch-icon" sizes="114x114" href="/images/apple-touch-icon-114x114.png">
  34 +
  35 +</head>
  36 +<body>
  37 + <!-- Primary Page Layout
  38 + ================================================== -->
  39 + <%- @body %>
  40 + <!-- JS
  41 + ================================================== -->
  42 + <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
  43 + <script src="/javascripts/tabs.js"></script>
  44 +
  45 +<!-- End Document
  46 +================================================== -->
  47 +</body>
  48 +</html>
7 package.json
... ... @@ -0,0 +1,7 @@
  1 +{
  2 + "name": "roots-surf",
  3 + "version": "0.0.1",
  4 + "dependencies": {
  5 + "filed": "0.0.5"
  6 + }
  7 +}
27 pages/index.md
Source Rendered
... ... @@ -0,0 +1,27 @@
  1 +![Roots Surf Team](images/roots_team_logo.png)
  2 +#### IOP, SC
  3 +
  4 +<div id="content">
  5 + <span class="left">
  6 + <img src="images/rose.png" />
  7 + <br />
  8 + Rose Windham
  9 + </span>
  10 + <span class="left">
  11 + <img src="images/syl.png" />
  12 + <br />
  13 + Sylvia Windham
  14 + </span>
  15 + <span class="left">
  16 + <img src="images/bigwin.png" />
  17 + <br />
  18 + 1st Place at the Joe Hiller
  19 + </span>
  20 + <span class="left">
  21 + <img src="images/syl2.png" />
  22 + <br />
  23 + Syl Chillin'
  24 + </span>
  25 +
  26 +</div>
  27 +
5 robots.txt
... ... @@ -0,0 +1,5 @@
  1 +# www.robotstxt.org/
  2 +# www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156449
  3 +
  4 +User-agent: *
  5 +
14 server.js
... ... @@ -0,0 +1,14 @@
  1 +var http = require('http'),
  2 + filed = require('filed'),
  3 + url = require('url');
  4 +
  5 +server = http.createServer(function(req, resp){
  6 + var pathname = url.parse(req.url).pathname;
  7 + if (pathname === '/') pathname = '/index.html';
  8 + filed("" + __dirname + "/gen" + pathname).pipe(resp);
  9 +});
  10 +
  11 +server.listen(3000, function() {
  12 + console.log('Listening on Port 3000...');
  13 + console.log('CTRL-C to quit');
  14 +})
335 stylesheets/base.css
... ... @@ -0,0 +1,335 @@
  1 +/*
  2 +* Skeleton V1.1
  3 +* Copyright 2011, Dave Gamache
  4 +* www.getskeleton.com
  5 +* Free to use under the MIT license.
  6 +* http://www.opensource.org/licenses/mit-license.php
  7 +* 8/17/2011
  8 +*/
  9 +
  10 +
  11 +/* Table of Content
  12 +==================================================
  13 + #Reset & Basics
  14 + #Basic Styles
  15 + #Site Styles
  16 + #Typography
  17 + #Links
  18 + #Lists
  19 + #Images
  20 + #Buttons
  21 + #Tabs
  22 + #Forms
  23 + #Misc */
  24 +
  25 +
  26 +/* #Reset & Basics (Inspired by E. Meyers)
  27 +================================================== */
  28 + html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  29 + margin: 0;
  30 + padding: 0;
  31 + border: 0;
  32 + font-size: 100%;
  33 + font: inherit;
  34 + vertical-align: baseline; }
  35 + article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  36 + display: block; }
  37 + body {
  38 + line-height: 1; }
  39 + ol, ul {
  40 + list-style: none; }
  41 + blockquote, q {
  42 + quotes: none; }
  43 + blockquote:before, blockquote:after,
  44 + q:before, q:after {
  45 + content: '';
  46 + content: none; }
  47 + table {
  48 + border-collapse: collapse;
  49 + border-spacing: 0; }
  50 +
  51 +
  52 +/* #Basic Styles
  53 +================================================== */
  54 + body {
  55 + background: #fff;
  56 + font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  57 + color: #444;
  58 + -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  59 + -webkit-text-size-adjust: 100%;
  60 + }
  61 +
  62 +
  63 +/* #Typography
  64 +================================================== */
  65 + h1, h2, h3, h4, h5, h6 {
  66 + color: #181818;
  67 + font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
  68 + font-weight: normal; }
  69 + h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
  70 + h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
  71 + h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
  72 + h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
  73 + h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
  74 + h5 { font-size: 17px; line-height: 24px; }
  75 + h6 { font-size: 14px; line-height: 21px; }
  76 + .subheader { color: #777; }
  77 +
  78 + p { margin: 0 0 20px 0; }
  79 + p img { margin: 0; }
  80 + p.lead { font-size: 21px; line-height: 27px; color: #777; }
  81 +
  82 + em { font-style: italic; }
  83 + strong { font-weight: bold; color: #333; }
  84 + small { font-size: 80%; }
  85 +
  86 +/* Blockquotes */
  87 + blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
  88 + blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
  89 + blockquote cite { display: block; font-size: 12px; color: #555; }
  90 + blockquote cite:before { content: "\2014 \0020"; }
  91 + blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
  92 +
  93 + hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
  94 +
  95 +
  96 +/* #Links
  97 +================================================== */
  98 + a, a:visited { color: #333; text-decoration: underline; outline: 0; }
  99 + a:hover, a:focus { color: #000; }
  100 + p a, p a:visited { line-height: inherit; }
  101 +
  102 +
  103 +/* #Lists
  104 +================================================== */
  105 + ul, ol { margin-bottom: 20px; }
  106 + ul { list-style: none outside; }
  107 + ol { list-style: decimal; }
  108 + ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
  109 + ul.square { list-style: square outside; }
  110 + ul.circle { list-style: circle outside; }
  111 + ul.disc { list-style: disc outside; }
  112 + ul ul, ul ol,
  113 + ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; }
  114 + ul ul li, ul ol li,
  115 + ol ol li, ol ul li { margin-bottom: 6px; }
  116 + li { line-height: 18px; margin-bottom: 12px; }
  117 + ul.large li { line-height: 21px; }
  118 + li p { line-height: 21px; }
  119 +
  120 +/* #Images
  121 +================================================== */
  122 +
  123 + img.scale-with-grid {
  124 + max-width: 100%;
  125 + height: auto; }