Commit

css/base.css

@@ -0,0 +1,62 @@
+body { font-family:'Ropa Sans', sans-serif }
+
+
+.wrapper { padding:40px 0 }
+
+.main { position:relative }
+
+/* Header
+-----------------------------------------------*/
+#header { text-align:center; position:relative }
+#header .backToHome { position:absolute; top:10px; left:0 }
+
+#header .logo { margin:20px auto; display:inline-block; position:relative }
+#header .logo:before { font-size:4em; display:inline-block; color:#000; font-style:italic }
+#header .logo h1 { font-size:3em; line-height:1.5em; text-align:center; color:#000; font-style:italic; text-shadow:0px 0px 1px rgba(0,0,0,0); }
+#header .logo span { color:#333; text-align:right; display:block; font-style:italic; text-shadow:0px 0px 1px rgba(0,0,0,0); }
+
+
+
+#headerSmall { text-align:center; position:fixed; top:0; left:0; width:100%; border-bottom:1px solid #ccc; padding:7px; z-index:10 }
+#headerSmall .backToHome { position:absolute; top:2px; left:2px; border:3px double #ccc; border-radius:100%; padding:2px; color:#000;
+    background: rgb(255,255,255);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1)));
+    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
+    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
+}
+
+#headerSmall .logo { margin:20px auto; display:inline-block; position:relative }
+#headerSmall .logo:before { font-size:1em; color:#000; font-style:italic; margin-right:15px }
+#headerSmall .logo { font-size:1em; line-height:1.2em; text-align:center; color:#000; font-style:italic; text-shadow:0px 0px 1px rgba(0,0,0,0); margin:0 }
+
+
+
+/* Start
+-----------------------------------------------*/
+.mainNav a { display:block; font-size:2.2em; text-decoration:none; color:#333; border:1px solid #333; border-top:0; padding:.4em;
+    background: rgb(255,255,255);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1)));
+    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
+    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
+}
+.mainNav a:before { font-size:1em; margin-right:0.6em }
+.mainNav a:first-child { border-top:1px solid #333; border-radius:.4em .4em 0 0 }
+.mainNav a:last-child { border-radius:0 0 .4em .4em }
+
+
+.mainNav a:hover { color:#000; font-weight:bold;
+    background: rgb(255,255,255);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1)));
+    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
+    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
+}
+
+
+/* Start
+-----------------------------------------------*/
+.searchWrapper { margin:40px auto; width:300px }
+#search { font-size:1.1em; width:210px; padding:4px }
+#searchButton { font-size:1.1em; width:80px; padding:2px }
+
+footer { position:fixed; bottom:0; left:0; background:#fff; border-top:1px solid #ccc; display:block; width:100%; text-align:center }
+footer a { color:#333 }

css/fontello.css

@@ -0,0 +1,49 @@
+@font-face {
+  font-family: 'fontello';
+  src: url('../font/fontello.eot?84426992');
+  src: url('../font/fontello.svg?84426992#fontello') format('svg'),
+       url('../font/fontello.eot?84426992#iefix') format('embedded-opentype'),
+       url('../font/fontello.woff?84426992') format('woff'),
+       url('../font/fontello.ttf?84426992') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+
+ [class^="icon-"]:before, [class*=" icon-"]:before {
+  font-family: "fontello";
+  font-style: normal;
+  font-weight: normal;
+  speak: none;
+
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: .2em;
+  text-align: center;
+  /* opacity: .8; */
+
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  margin-left: .2em;
+
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+
+  /* Uncomment for 3D effect */
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+}
+
+.icon-home:before { content: '\e805'; } /* '' */
+.icon-pencil:before { content: '\e801'; } /* '' */
+.icon-compass:before { content: '\e802'; } /* '' */
+.icon-stopwatch:before { content: '\e803'; } /* '' */
+.icon-emo-thumbsup:before { content: '\e804'; } /* '' */
+.icon-search:before { content: '\e800'; } /* '' */

css/reset.css

@@ -0,0 +1,146 @@
+/* `XHTML, HTML4, HTML5 Reset
+----------------------------------------------------------------------------------------------------*/
+
+a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,
+del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,
+hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,
+ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,
+xmp {border: 0;margin: 0;padding: 0;font-size: 100%;}
+
+html,body {height: 100%;}
+
+article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,
+section {
+/*
+  Override the default (display: inline) for
+  browsers that do not recognize HTML5 tags.
+
+  IE8 (and lower) requires a shiv:
+  http://ejohn.org/blog/html5-shiv
+*/
+  display: block;
+}
+
+b,
+strong {
+/*
+  Makes browsers agree.
+  IE + Opera = font-weight: bold.
+  Gecko + WebKit = font-weight: bolder.
+*/
+  font-weight: bold;
+}
+
+img {color: transparent;font-size: 0;vertical-align: middle;
+/*
+  For IE.
+  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
+*/
+  -ms-interpolation-mode: bicubic;
+}
+
+ol,ul {list-style: none;}
+
+li {
+/*
+  For IE6 + IE7:
+
+  "display: list-item" keeps bullets from
+  disappearing if hasLayout is triggered.
+*/
+  display: list-item;
+}
+
+table {border-collapse: collapse;border-spacing: 0;}
+
+th,td,caption {font-weight: normal;vertical-align: top;text-align: left;}
+
+q {quotes: none;}
+
+q:before,q:after {content: '';content: none;}
+
+sub,sup,small {font-size: 75%;}
+
+sub,sup {line-height: 0;position: relative;vertical-align: baseline;}
+
+sub {bottom: -0.25em;}
+
+sup {top: -0.5em;}
+
+svg {
+/*
+  For IE9. Without, occasionally draws shapes
+  outside the boundaries of <svg> rectangle.
+*/
+  overflow: hidden;
+}
+/*
+ * HTML5 Boilerplate
+ *
+ * What follows is the result of much research on cross-browser styling.
+ * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
+ * Kroc Camen, and the H5BP dev community and team.
+ */
+
+/* ==========================================================================
+   Base styles: opinionated defaults
+   ========================================================================== */
+
+html,button,input,select,textarea { color:#222 }
+
+body { font-size:1em; line-height:1.4 }
+
+
+/*
+ * A better looking default horizontal rule
+ */
+hr { display: block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0 }
+
+/*
+ * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
+ */
+img { vertical-align:middle }
+
+/*
+ * Remove default fieldset styles.
+ */
+fieldset { border:0; margin:0; padding:0 }
+
+/*
+ * Allow only vertical resizing of textareas.
+ */
+textarea { resize:vertical }
+
+/* ==========================================================================
+   Chrome Frame prompt
+   ========================================================================== */
+.chromeframe { margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0 }
+
+
+/* ==========================================================================
+   Helper classes
+   ========================================================================== */
+/*
+ * Image replacement
+ */
+.ir { background-color:transparent; border:0; overflow:hidden; /* IE 6/7 fallback */ *text-indent:-9999px }
+.ir:before { content:""; display:block; width:0; height:100% }
+
+/*
+ * Hide from both screenreaders and browsers: h5bp.com/u
+ */
+.hidden { display:none }
+
+/* Clearfix */
+.clearfix:before, .clearfix:after { content:" "; display:table }
+.clearfix:after { clear:both }
+
+/* Positions */
+.relative { position:relative }
+.absolute { position:absolute }
+
+/* Lists */
+ul, ol {list-style: none;}
+
+
+a { outline:none }

data/fontello-add56a7b/LICENSE.txt

@@ -0,0 +1,30 @@
+Font license info
+
+
+## Font Awesome
+
+   Copyright (C) 2012 by Dave Gandy
+
+   Author:    Dave Gandy
+   License:   SIL ()
+   Homepage:  http://fortawesome.github.com/Font-Awesome/
+
+
+## Typicons
+
+   (c) Stephen Hutchings 2012
+
+   Author:    Stephen Hutchings
+   License:   CC BY-SA 3.0 (http://creativecommons.org/licenses/by-sa/3.0/)
+   Homepage:  http://typicons.com/
+
+
+## Fontelico
+
+   Copyright (C) 2012 by Fontello project
+
+   Author:    Crowdsourced, for Fontello project
+   License:   SIL (http://scripts.sil.org/OFL)
+   Homepage:  http://fontello.com
+
+