flutie2 1.0.0

data/public/stylesheets/sass/_default.scss

@@ -0,0 +1,39 @@
+/* Success, error & notice boxes for messages and errors. */
+div.error, div.notice, div.success,
+#flash_failure, #flash_success, #flash_notice {
+  @include style-p-trbl(14);
+  @include style-m-trbl(14);
+  border: 1px solid;
+  color: #fff;
+}
+
+div.error,
+#flash_failure {
+  border-color: darken(#B02B2C, 20%); 
+  background: #B02B2C;
+}
+
+div.error a,
+#flash_failure a {
+}
+
+div.notice,
+#flash_notice {
+  border-color: darken(#356AA0, 20%);
+  background: #356AA0;
+}
+
+div.notice a,
+#flash_notice a {
+}
+
+div.success,
+#flash_success {
+  border-color: darken(#73880A, 20%);
+  background: #73880A;
+}
+
+div.success a,
+#flash_success a {
+}
+

data/public/stylesheets/sass/_forms.scss

@@ -0,0 +1,71 @@
+/* Form */
+form {
+  @include style-m-trbl(14);
+  table {
+    table-layout: auto; 
+  }
+  tr, td {
+    border: 0 none;
+  }
+}
+td.warning_dialog {
+  padding-top: 0;
+  font-size: 11px;
+}
+td.with_warning_dialog {
+  padding-bottom: 0;
+}
+td.label_text_area {
+  vertical-align: top;
+  padding-top: 1em * 1 / 2;
+}
+td.label {
+  text-align: right;
+  width: 10%;
+}
+tr {
+}
+td.text_field {
+  width: 90%;
+  input {
+    font-size: 16px;
+    padding: 1em * 1 / 4;
+    background: url("/images/input_bg.gif") repeat-x scroll center top #FFFFFF;
+    border: 1px solid;
+    border-color: #666666 #CCCCCC #CCCCCC;
+    width: 400px;
+  }
+}
+td.text_area {
+  textarea {
+    font-size: 16px;
+    padding: 1em * 1 / 4;
+    height: 200px;
+    width: 400px;
+    background: url("/images/input_bg.gif") repeat-x scroll center top #FFFFFF;
+    border: 1px solid;
+    border-color:#666666 #CCCCCC #CCCCCC;
+  }
+}
+td.select {
+  select {
+    font-size: 16px;
+    padding: 1em * 1 / 4;
+    border: 1px solid;
+    border-color: #666666 #CCCCCC #CCCCCC;
+  }
+}
+td.submit {
+  padding-top: 1em * 1 / 1;
+  input {
+    padding: 1em * 1 / 1.2;
+    cursor:pointer;
+    display:inline-block;
+    font-size:12px;
+    font-weight:bold;
+    @include style-s;
+    &:hover {
+      @include style-s-h;
+    }
+  }
+}

data/public/stylesheets/sass/_functions.scss

@@ -0,0 +1,83 @@
+/*
+Formulas ritmo vertical:
+(1 ÷ tamaño de fuente padre × requerido por el valor en pixel = valor en em)
+
+m => margin
+p => padding
+t = top
+l = left
+b = bottom
+r = right
+*/
+$parent_size: 16;
+$base_size: 18;
+@mixin style-m-w ($size: 14) {
+    width: 1em / $parent_size * $size;
+    margin-top: 1em * $base_size / 12;
+    margin-bottom: 1em * $base_size / 12;
+    margin-right: auto;
+    margin-left: auto;
+}
+@mixin style-p-trbl ($size: 14) {
+    padding: 1em * $base_size / $size;
+    font-size: 1em / $parent_size * $size;
+    line-height: 1em * $base_size / $size;
+}
+@mixin style-p-trl ($size: 14) {
+    padding-top: 1em * $base_size / $size;
+    padding-left: 1em * $base_size / $size;
+    padding-right: 1em * $base_size / $size;
+    padding-bottom: 0;
+    font-size: 1em / $parent_size * $size;
+    line-height: 1em * $base_size / $size;
+}
+@mixin style-m-trbl ($size: 14) {
+    margin: 1em * $base_size / $size;
+    font-size: 1em / $parent_size * $size;
+    line-height: 1em * $base_size / $size;
+}
+@mixin style-m-trl ($size: 14) {
+    margin-top: 1em * $base_size / $size;
+    margin-left: 1em * $base_size / $size;
+    margin-right: 1em * $base_size / $size;
+    margin-bottom: 0;
+    font-size: 1em / $parent_size * $size;
+    line-height: 1em * $base_size / $size;
+}
+@mixin style-s () {
+  color: #333333;
+  display:inline-block;
+
+  /* Background */
+  background: #286da3;
+  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF',endColorstr='#E1E1E1'); /* IE6,IE7 */ 
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#E1E1E1')"; /* IE8 */
+  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E1E1E1)); 
+  background: -moz-linear-gradient(-90deg, #FFFFFF, #E1E1E1) repeat scroll 0 0 transparent;
+
+  /* Border */
+  border:1px solid #EBEBEB;
+  -webkit-border-radius: 4px; /* Saf3-4 */
+  -moz-border-radius: 4px; /* FF1+ */
+  border-radius: 4px; /* Opera 10.5, IE 9, Saf5, Chrome */
+
+  /* Shadow */
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); /* Saf3.0+, Chrome */ 
+  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); /* FF3.5+ */
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE 9.0 */
+
+  /* Aditional */
+  -webkit-font-smoothing: antialiased;
+  text-shadow:1px 1px 0 #FFFFFF;
+}
+@mixin style-s-h () {
+  border: 1px solid #0CA6DD;
+  color: #FFFFFF;
+  background: #286da3;
+  background:-moz-linear-gradient(-90deg, #0CA6DD, #0770A0) repeat scroll 0 0 transparent; 
+  background:-webkit-gradient(linear,0% 0,0% 100%,from(#0CA6DD),to(#0770A0));
+  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0CA6DD',endColorstr='#0770A0');
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0CA6DD', EndColorStr='#0770A0')"; /* IE8 */
+  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25);
+}
+

data/public/stylesheets/sass/_grids.scss

@@ -0,0 +1,15 @@
+@media screen and (max-width: 319px) {.unit{float: none !important; width: auto !important;}}
+.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
+.line{*zoom:1;}
+.unit{float:left;}
+.size1of1{float:none;}
+.size1of2{width:50%;}
+.size1of3{width:33.33333%;}
+.size2of3{width:66.66666%;}
+.size1of4{width:25%;}
+.size3of4{width:75%;}
+.size1of5{width:20%;}
+.size2of5{width:40%;}
+.size3of5{width:60%;}
+.size4of5{width:80%;}
+.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}

data/public/stylesheets/sass/_html5.scss

@@ -0,0 +1,3 @@
+section, article, header, footer, nav {
+    display: block;
+} 

data/public/stylesheets/sass/_lists.scss

@@ -0,0 +1,38 @@
+/* Lists */
+ul, ol {
+  list-style-position: inside;
+  @include style-m-trbl(14);
+}
+
+li ul, li ol {
+    font-size: 1em;
+}
+
+ul {
+  list-style-type: disc;
+}
+
+ol {
+  list-style-type: decimal;
+}
+
+dl {
+  @include style-m-trbl(14);
+}
+
+dl dt {
+  font-weight: bold;
+  margin-top: 1em * $base_size / 12;
+}
+
+dl dd {
+  margin-bottom: 0em;
+}
+
+dd {
+  margin-left: 1em * $base_size / 12;
+}
+
+ol ol, ol ul, ul ul, ul ol {
+  margin-left: 1em * $base_size / 12;
+}

data/public/stylesheets/sass/_prettify.scss

@@ -0,0 +1,155 @@
+*, :active, :focus {
+  outline:0 none;
+}
+body {
+  font-size: 1em;
+  font-family: Arial, Verdana, sans-serif;
+  /* Experimental: */
+  -webkit-user-select: none;
+  color: lighten(#000000, 20%);
+}
+div.wrap {
+  @include style-m-w(750);
+}
+h1, h2, h3, h4, h5, h6 {
+  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
+  color: #203360;
+}
+h1 {
+  @include style-p-trl(20);
+  font-weight: bold;
+}
+h2 {
+  @include style-p-trl(18);
+  word-spacing:-1px;
+  font-weight: normal;
+}
+h3 {
+  @include style-p-trl(16);
+  font-weight: bold;
+}
+h4 {
+  @include style-p-trl(16);
+  font-weight: bold;
+}
+h5 {
+  @include style-p-trl(16);
+  font-weight: bold;
+}
+h6 {
+  @include style-p-trl(16);
+  font-weight: bold;
+}
+p {
+  @include style-m-trbl(14);
+}
+
+
+/* Use this to create a horizontal ruler across a column. */
+hr {
+  background: #000000;
+  border: none;
+  clear: both;
+  color: #000000;
+  float: none;
+  height: 1px;
+  @include style-m-trbl(14);
+}
+
+hr.space {
+  background: #fff;
+  color: #fff;
+}
+
+/* Clearfix hack I love you */
+.clearfix:after {
+  content:".";
+  display:block;
+  height:0;
+  clear:both;
+  visibility:hidden;
+}
+
+.clearfix {display:inline-block;}
+/* Hide from IE Mac \*/
+.clearfix {display:block;}
+/* End hide from IE Mac */
+
+abbr, acronym {
+  border-bottom: 1px dotted #666;
+  cursor: help;
+}
+
+address {
+  font-style: italic;
+  @include style-m-trbl(14);
+}
+
+del {
+  color:#666;
+}
+
+a, a:link {
+  color: #1a4882;
+  text-decoration: underline;
+}
+
+a:visited {
+  color: #1a4882;
+}
+
+a:hover {
+  color: #052246;
+}
+
+a:active,
+a:focus {
+  color: #1a4882;
+}
+
+blockquote {
+  @include style-m-trbl(14);
+  border-left: 4px solid #d1d1d1;
+  color: lighten(#000000, 50%);
+  font-style: italic;
+  font-size: 1em;
+}
+
+strong {
+  font-weight: bold;
+}
+
+em,
+dfn {
+  font-style: italic;
+}
+
+dfn {
+  font-weight: bold;
+}
+
+pre, code {
+  @include style-m-trbl(14);
+  white-space: pre;
+  display: block;
+}
+
+pre, code, tt {
+  font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;
+}
+
+pre.code {
+  background: #000;
+  color: #fff;
+  @include style-p-trbl(14);
+  code {
+    margin: 0;
+  }
+}
+
+tt {
+  display: block;
+  @include style-m-trbl(14);
+}
+
+

data/public/stylesheets/sass/_reset.scss

@@ -0,0 +1,54 @@
+/* http://meyerweb.com/eric/tools/css/reset/ */
+/* v1.0 | 20080212 */
+
+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, font, 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 {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-size: 100%;
+	vertical-align: baseline;
+	background: transparent;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+
+/* remember to highlight inserts somehow! */
+ins {
+	text-decoration: none;
+}
+del {
+	text-decoration: line-through;
+}
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+