Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

upgraded to HTML5 Boilerplated Flutie. fixes a number of the cross-br…

…owser issues we're seeing
  • Loading branch information...
commit 89ae84d770c3dda8b18fb13783ce6896c30a6594 1 parent bb294dc
Dan Croak croaky authored
2  Gemfile
View
@@ -10,7 +10,7 @@ gem "paperclip"
gem "will_paginate"
gem "formtastic"
gem "mysql"
-gem "flutie"
+gem "flutie", "1.1.3"
gem "dynamic_form"
# http://blog.davidchelimsky.net/2010/07/11/rspec-rails-2-generators-and-rake-tasks/
4 Gemfile.lock
View
@@ -68,7 +68,7 @@ GEM
fakeweb (1.3.0)
ffi (0.6.3)
rake (>= 0.8.7)
- flutie (1.1.2)
+ flutie (1.1.3)
formtastic (1.2.0)
actionpack (>= 2.3.7)
activesupport (>= 2.3.7)
@@ -167,7 +167,7 @@ DEPENDENCIES
dynamic_form
factory_girl_rails
fakeweb
- flutie
+ flutie (= 1.1.3)
formtastic
haml
high_voltage
2  app/views/shared/_head.html.erb
View
@@ -1,6 +1,6 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-<%= stylesheet_link_tag :flutie, 'screen', :media => 'all' %>
+<%= stylesheet_link_tag 'screen', :media => 'all' %>
<link href='http://fonts.googleapis.com/css?family=IM+Fell+English&subset=latin' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=IM+Fell+English+SC&subset=latin' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lobster&subset=latin' rel='stylesheet' type='text/css'>
2  public/flutie/stylesheets/flutie.css
View
@@ -328,7 +328,7 @@ input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
-input[type="password"]
+input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
67 public/flutie/stylesheets/sass/_defaults.scss
View
@@ -80,16 +80,57 @@ hr.space {
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 */
+/* for image replacement */
+.ir {
+ display: block;
+ text-indent: -999em;
+ overflow: hidden;
+ background-repeat:
+ no-repeat;
+ text-align: left;
+ direction: ltr;
+}
+
+/* Hide for both screenreaders and browsers
+ css-discuss.incutio.com/wiki/Screenreader_Visibility */
+.hidden {
+ display: none;
+ visibility: hidden;
+}
+
+/* Hide only visually, but have it available for screenreaders
+ www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
+.visuallyhidden { position: absolute !important;
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+ clip: rect(1px, 1px, 1px, 1px); }
+
+/* Hide visually and from screenreaders, but maintain layout */
+.invisible { visibility: hidden; }
+
+/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
+.clearfix:before, .clearfix:after {
+ content: "\0020";
+ display: block;
+ height: 0;
+ visibility: hidden;
+}
+
+.clearfix:after { clear: both; }
+/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
+.clearfix { zoom: 1; }
+
+.ie7 img { -ms-interpolation-mode: bicubic; }
+
+@media print {
+ * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
+ a, a:visited { color: #444 !important; text-decoration: underline; }
+ a:after { content: " (" attr(href) ")"; }
+ abbr:after { content: " (" attr(title) ")"; }
+ .ir a:after { content: ""; } /* Don't show links for images */
+ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+ thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
+ tr, img { page-break-inside: avoid; }
+ @page { margin: 0.5cm; }
+ p, h2, h3 { orphans: 3; widows: 3; }
+ h2, h3{ page-break-after: avoid; }
+}
10 public/flutie/stylesheets/sass/_forms.scss
View
@@ -83,6 +83,7 @@ fieldset fieldset fieldset {
legend {
font-weight: bold;
}
+.ie6 legend, .ie7 legend { margin-left: -7px; }
fieldset.buttons {
background: inherit;
@@ -107,7 +108,7 @@ input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
-input[type="password"]
+input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
@@ -119,6 +120,9 @@ input[type="week"] {
padding: 3px 2px;
width: 300px;
}
+.ie6 input {
+ vertical-align: text-bottom;
+}
input[disabled='disabled'] {
background-color: #fcfcfc;
@@ -131,6 +135,9 @@ input[type="checkbox"] {
top: -2px;
vertical-align: middle;
}
+.ie7 input[type="checkbox"] {
+ vertical-align: baseline;
+}
input[type="radio"] {
margin: 0 3px 0 0;
@@ -156,6 +163,7 @@ textarea {
margin: 0 0.5em 0.5em 0;
padding: 5px;
width: 440px;
+ overflow: auto;
}
/* Select fields */
92 public/flutie/stylesheets/sass/_reset.scss
View
@@ -1,53 +1,55 @@
-/* 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;
-}
+/*
+ html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+ v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
+ html5doctor.com/html-5-reset-stylesheet/
+*/
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+ margin:0;
+ padding:0;
+ border:0;
+ outline:0;
+ font-size:100%;
+ vertical-align:baseline;
+ background:transparent;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display:block;
+}
+
+nav ul { list-style:none; }
+
+blockquote, q { quotes:none; }
-body {
- line-height: 1;
-}
+blockquote:before, blockquote:after,
+q:before, q:after { content:''; content:none; }
-ol, ul {
- list-style: none;
-}
+a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
-blockquote, q {
- quotes: none;
-}
+ins { background-color:#ff9; color:#000; text-decoration:none; }
-blockquote:before, blockquote:after,
-q:before, q:after {
- content: '';
- content: none;
-}
+mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
-/* remember to define focus styles! */
-:focus {
- outline: 0;
-}
+del { text-decoration: line-through; }
-/* remember to highlight inserts somehow! */
-ins {
- text-decoration: none;
-}
+abbr[title], dfn[title] { cursor:help; }
-del {
- text-decoration: line-through;
-}
+/* tables still need cellspacing="0" in the markup */
+table { border-collapse:collapse; border-spacing:0; }
-/* tables still need 'cellspacing="0"' in the markup */
-table {
- border-collapse: collapse;
- border-spacing: 0;
-}
+hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
+
+input, select { vertical-align:middle; }
7 public/flutie/stylesheets/sass/_type.scss
View
@@ -116,7 +116,10 @@ dfn {
pre, code {
margin: 1.5em 0;
- white-space: pre;
+ white-space: pre; /* CSS2 */
+ white-space: pre-wrap; /* CSS 2.1 */
+ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
+ word-wrap: break-word; /* IE */
}
pre, code, tt {
@@ -134,4 +137,4 @@ tt {
display: block;
line-height: 1.5;
margin: 1.5em 0;
-}
+}
175 public/stylesheets/flutie.css
View
@@ -1,10 +1,20 @@
-/* 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 {
+/*
+ html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+ v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
+ html5doctor.com/html-5-reset-stylesheet/
+*/
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
@@ -13,10 +23,11 @@ caption, tbody, tfoot, thead, tr, th, td {
vertical-align: baseline;
background: transparent; }
-body {
- line-height: 1; }
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block; }
-ol, ul {
+nav ul {
list-style: none; }
blockquote, q {
@@ -27,22 +38,46 @@ q:before, q:after {
content: '';
content: none; }
-/* remember to define focus styles! */
-:focus {
- outline: 0; }
+a {
+ margin: 0;
+ padding: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ background: transparent; }
-/* remember to highlight inserts somehow! */
ins {
+ background-color: #ff9;
+ color: #000;
text-decoration: none; }
+mark {
+ background-color: #ff9;
+ color: #000;
+ font-style: italic;
+ font-weight: bold; }
+
del {
text-decoration: line-through; }
-/* tables still need 'cellspacing="0"' in the markup */
+abbr[title], dfn[title] {
+ cursor: help; }
+
+/* tables still need cellspacing="0" in the markup */
table {
border-collapse: collapse;
border-spacing: 0; }
+hr {
+ display: block;
+ height: 1px;
+ border: 0;
+ border-top: 1px solid #ccc;
+ margin: 1em 0;
+ padding: 0; }
+
+input, select {
+ vertical-align: middle; }
+
body {
color: #222;
font-size: 13px;
@@ -113,22 +148,91 @@ hr.space {
background: #fff;
color: #fff; }
-/* Clearfix hack I love you */
-.clearfix:after {
- content: ".";
+/* for image replacement */
+.ir {
+ display: block;
+ text-indent: -999em;
+ overflow: hidden;
+ background-repeat: no-repeat;
+ text-align: left;
+ direction: ltr; }
+
+/* Hide for both screenreaders and browsers
+ css-discuss.incutio.com/wiki/Screenreader_Visibility */
+.hidden {
+ display: none;
+ visibility: hidden; }
+
+/* Hide only visually, but have it available for screenreaders
+ www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
+.visuallyhidden {
+ position: absolute !important;
+ clip: rect(1px 1px 1px 1px);
+ /* IE6, IE7 */
+ clip: rect(1px, 1px, 1px, 1px); }
+
+/* Hide visually and from screenreaders, but maintain layout */
+.invisible {
+ visibility: hidden; }
+
+/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
+.clearfix:before, .clearfix:after {
+ content: "\0020";
display: block;
height: 0;
- clear: both;
visibility: hidden; }
-.clearfix {
- display: inline-block; }
+.clearfix:after {
+ clear: both; }
-/* Hide from IE Mac \*/
+/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
- display: block; }
+ zoom: 1; }
+
+.ie7 img {
+ -ms-interpolation-mode: bicubic; }
+
+@media print {
+ * {
+ background: transparent !important;
+ color: #444 !important;
+ text-shadow: none !important; }
+
+ a, a:visited {
+ color: #444 !important;
+ text-decoration: underline; }
+
+ a:after {
+ content: " (" attr(href) ")"; }
+
+ abbr:after {
+ content: " (" attr(title) ")"; }
+
+ .ir a:after {
+ content: ""; }
+
+ /* Don't show links for images */
+ pre, blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid; }
+
+ thead {
+ display: table-header-group; }
+
+ /* css-discuss.incutio.com/wiki/Printing_Tables */
+ tr, img {
+ page-break-inside: avoid; }
+
+ @page {
+ margin: 0.5cm; }
+
+ p, h2, h3 {
+ orphans: 3;
+ widows: 3; }
+
+ h2, h3 {
+ page-break-after: avoid; } }
-/* End hide from IE Mac */
/* Headings */
h1, h2, h3, h4, h5, h6 {
font-weight: bold; }
@@ -224,7 +328,14 @@ dfn {
pre, code {
margin: 1.5em 0;
- white-space: pre; }
+ white-space: pre;
+ /* CSS2 */
+ white-space: pre-wrap;
+ /* CSS 2.1 */
+ white-space: pre-line;
+ /* CSS 3 (and 2.1 as well, actually) */
+ word-wrap: break-word;
+ /* IE */ }
pre, code, tt {
font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;
@@ -308,6 +419,9 @@ fieldset fieldset fieldset {
legend {
font-weight: bold; }
+.ie6 legend, .ie7 legend {
+ margin-left: -7px; }
+
fieldset.buttons {
background: inherit;
border: 0;
@@ -328,7 +442,7 @@ input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
-input[type="password"]
+input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
@@ -340,6 +454,9 @@ input[type="week"] {
padding: 3px 2px;
width: 300px; }
+.ie6 input {
+ vertical-align: text-bottom; }
+
input[disabled='disabled'] {
background-color: #fcfcfc;
cursor: default; }
@@ -350,6 +467,9 @@ input[type="checkbox"] {
top: -2px;
vertical-align: middle; }
+.ie7 input[type="checkbox"] {
+ vertical-align: baseline; }
+
input[type="radio"] {
margin: 0 3px 0 0;
position: relative;
@@ -370,7 +490,8 @@ textarea {
height: 200px;
margin: 0 0.5em 0.5em 0;
padding: 5px;
- width: 440px; }
+ width: 440px;
+ overflow: auto; }
/* Select fields */
fieldset .select select {
177 public/stylesheets/sass/screen.scss
View
@@ -1,179 +1,4 @@
-/* Eric Meyer Reset */
-
-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;
-}
-:focus {
- outline: 0;
-}
-ins {
- text-decoration: none;
-}
-del {
- text-decoration: line-through;
-}
-table {
- border-collapse: collapse;
- border-spacing: 0;
-}
-
-/* Flutie */
-
-body {
- color: #222;
- font-size: 13px;
- font-family: "Inconsolata", "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-h1, h2, h3, h4, h5, h6 {
- color: #111;
- font-family: "Inconsolata", "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-.box {
- padding: 1.5em;
- margin-bottom: 1.5em;
- background: #eee;
-}
-hr {
- background: #ddd;
- color: #ddd;
- clear: both;
- float: none;
- width: 100%;
- height: 1px;
- margin-top: 10px;
- border: none;
-}
-hr.space {
- background: #fff;
- color: #fff;
-}
-.clearfix:after {
- content:".";
- display:block;
- height:0;
- clear:both;
- visibility:hidden;
-}
-.clearfix {display:inline-block;}
-.clearfix {display:block;}
-ul, ol {
- margin-bottom: 1.5em;
- list-style-position: inside;
-}
-ul { list-style-type: disc; }
-ol { list-style-type: decimal; }
-dl {
- margin-bottom: 1.5em;
- line-height: 1.4;
-}
-dl dt {
- font-weight: bold;
- margin-top: .5em;
-}
-dl dd { margin-bottom: 0em;}
-dd { margin-left: .5em; }
-li { line-height: 1.4; }
-ol ol, ol ul, ul ul, ul ol {
- margin-left: 1em;
-}
-h1, h2, h3, h4, h5, h6 { font-weight: bold; }
-h1 {
- font-size: 2.2em;
- line-height: 1.2;
- margin-bottom: 0.2em;
-}
-h2 {
- font-size: 1.8em;
- line-height: 1.2;
- margin: 0.4em 0;
-}
-header h2 {
- margin: 0;
- font-size: 1.4em;
- text-align: right;
- font-weight: lighter;
-}
-h3 {
- font-size: 1.3em;
- line-height: 1;
- margin-bottom: .25em;
-}
-p.last { margin-bottom: 0; }
-p img {
- float: left;
- margin: 1.5em 1.5em 1.5em 0;
- padding: 0;
-}
-p img.top { margin-top: 0; }
-img { margin: 0 0 1.5em; }
-abbr, acronym {
- border-bottom: 1px dotted #666;
- cursor: help;
-}
-address {
- margin-top: 1.5em;
- font-style: italic;
-}
-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 {
- margin: 1.5em 0;
- color: #666;
- font-style: italic;
- padding-left: 1em;
- border-left: 4px solid #d1d1d1;
-}
-strong { font-weight: bold; }
-em, dfn { font-style: italic; }
-dfn { font-weight: bold; }
-pre, code {
- margin: 1.5em 0;
- white-space: pre;
-}
-pre, code, tt {
- font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;
- line-height: 1.5;
-}
-pre.code {
- background: #000;
- color: #fff;
- padding: 20px;
-}
-tt {
- display: block;
- margin: 1.5em 0;
- line-height: 1.5;
-}
+@import 'flutie';
/* Grid */
512 public/stylesheets/screen.css
View
@@ -1,9 +1,20 @@
-/* Eric Meyer Reset */
-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 {
+/*
+ html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+ v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
+ html5doctor.com/html-5-reset-stylesheet/
+*/
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
@@ -12,10 +23,11 @@ caption, tbody, tfoot, thead, tr, th, td {
vertical-align: baseline;
background: transparent; }
-body {
- line-height: 1; }
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block; }
-ol, ul {
+nav ul {
list-style: none; }
blockquote, q {
@@ -26,114 +38,236 @@ q:before, q:after {
content: '';
content: none; }
-:focus {
- outline: 0; }
+a {
+ margin: 0;
+ padding: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ background: transparent; }
ins {
+ background-color: #ff9;
+ color: #000;
text-decoration: none; }
+mark {
+ background-color: #ff9;
+ color: #000;
+ font-style: italic;
+ font-weight: bold; }
+
del {
text-decoration: line-through; }
+abbr[title], dfn[title] {
+ cursor: help; }
+
+/* tables still need cellspacing="0" in the markup */
table {
border-collapse: collapse;
border-spacing: 0; }
-/* Flutie */
+hr {
+ display: block;
+ height: 1px;
+ border: 0;
+ border-top: 1px solid #ccc;
+ margin: 1em 0;
+ padding: 0; }
+
+input, select {
+ vertical-align: middle; }
+
body {
color: #222;
font-size: 13px;
- font-family: "Inconsolata", "Helvetica Neue", Helvetica, Arial, sans-serif; }
+ font-family: arial, "helvetica neue", helvetica, "lucida grande", sans-serif; }
h1, h2, h3, h4, h5, h6 {
color: #111;
- font-family: "Inconsolata", "Helvetica Neue", Helvetica, Arial, sans-serif; }
-
+ font-family: "helvetica neue", Helvetica, arial, sans-serif; }
+
+/* Success, error & notice boxes for messages and errors. */
+div.error, div.notice, div.success,
+#flash_failure, #flash_success, #flash_notice {
+ border: 1px solid #ddd;
+ -moz-border-radius: 8px;
+ -webkit-border-radius: 8px;
+ margin-bottom: 1em;
+ padding: 0.8em; }
+
+div.error,
+#flash_failure {
+ background: #FBE3E4;
+ border-color: #FBC2C4;
+ color: #D12F19; }
+
+div.error a,
+#flash_failure a {
+ color: #D12F19; }
+
+div.notice,
+#flash_notice {
+ background: #FFF6BF;
+ border-color: #FFD324;
+ color: #817134; }
+
+div.notice a,
+#flash_notice a {
+ color: #817134; }
+
+div.success,
+#flash_success {
+ background: #E6EFC2;
+ border-color: #C6D880;
+ color: #529214; }
+
+div.success a,
+#flash_success a {
+ color: #529214; }
+
+/* Misc classes and elements */
+/* Use a .box to create a padded box inside a column. */
.box {
- padding: 1.5em;
+ background: #eee;
margin-bottom: 1.5em;
- background: #eee; }
+ padding: 1.5em; }
+/* Use this to create a horizontal ruler across a column. */
hr {
background: #ddd;
- color: #ddd;
+ border: none;
clear: both;
+ color: #ddd;
float: none;
- width: 100%;
height: 1px;
- margin-top: 10px;
- border: none; }
+ margin: 0 0 1.4em;
+ width: 100%; }
hr.space {
background: #fff;
color: #fff; }
-.clearfix:after {
- content: ".";
+/* for image replacement */
+.ir {
+ display: block;
+ text-indent: -999em;
+ overflow: hidden;
+ background-repeat: no-repeat;
+ text-align: left;
+ direction: ltr; }
+
+/* Hide for both screenreaders and browsers
+ css-discuss.incutio.com/wiki/Screenreader_Visibility */
+.hidden {
+ display: none;
+ visibility: hidden; }
+
+/* Hide only visually, but have it available for screenreaders
+ www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
+.visuallyhidden {
+ position: absolute !important;
+ clip: rect(1px 1px 1px 1px);
+ /* IE6, IE7 */
+ clip: rect(1px, 1px, 1px, 1px); }
+
+/* Hide visually and from screenreaders, but maintain layout */
+.invisible {
+ visibility: hidden; }
+
+/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
+.clearfix:before, .clearfix:after {
+ content: "\0020";
display: block;
height: 0;
- clear: both;
visibility: hidden; }
-.clearfix {
- display: inline-block; }
+.clearfix:after {
+ clear: both; }
+/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
- display: block; }
+ zoom: 1; }
-ul, ol {
- margin-bottom: 1.5em;
- list-style-position: inside; }
+.ie7 img {
+ -ms-interpolation-mode: bicubic; }
-ul {
- list-style-type: disc; }
+@media print {
+ * {
+ background: transparent !important;
+ color: #444 !important;
+ text-shadow: none !important; }
-ol {
- list-style-type: decimal; }
+ a, a:visited {
+ color: #444 !important;
+ text-decoration: underline; }
-dl {
- margin-bottom: 1.5em;
- line-height: 1.4; }
+ a:after {
+ content: " (" attr(href) ")"; }
-dl dt {
- font-weight: bold;
- margin-top: .5em; }
+ abbr:after {
+ content: " (" attr(title) ")"; }
-dl dd {
- margin-bottom: 0em; }
+ .ir a:after {
+ content: ""; }
-dd {
- margin-left: .5em; }
+ /* Don't show links for images */
+ pre, blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid; }
-li {
- line-height: 1.4; }
+ thead {
+ display: table-header-group; }
-ol ol, ol ul, ul ul, ul ol {
- margin-left: 1em; }
+ /* css-discuss.incutio.com/wiki/Printing_Tables */
+ tr, img {
+ page-break-inside: avoid; }
+
+ @page {
+ margin: 0.5cm; }
+ p, h2, h3 {
+ orphans: 3;
+ widows: 3; }
+
+ h2, h3 {
+ page-break-after: avoid; } }
+
+/* Headings */
h1, h2, h3, h4, h5, h6 {
font-weight: bold; }
h1 {
font-size: 2.2em;
- line-height: 1.2;
- margin-bottom: 0.2em; }
+ line-height: 1;
+ margin-bottom: 0.25em; }
h2 {
- font-size: 1.8em;
- line-height: 1.2;
- margin: 0.4em 0; }
-
-header h2 {
- margin: 0;
- font-size: 1.4em;
- text-align: right;
- font-weight: lighter; }
+ font-size: 1.6em;
+ line-height: 1.1;
+ margin-bottom: 0.25em; }
h3 {
font-size: 1.3em;
line-height: 1;
- margin-bottom: .25em; }
+ margin-bottom: 0.25em; }
+
+h4 {
+ font-size: 1.1em;
+ line-height: 1.25;
+ margin-bottom: 0.25em; }
+
+h5 {
+ font-size: 1em;
+ margin-bottom: 0.25em; }
+
+h6 {
+ font-size: 1em;
+ margin-bottom: 0.25em; }
+
+/* Text elements */
+p {
+ margin-bottom: 0.5em; }
p.last {
margin-bottom: 0; }
@@ -143,6 +277,7 @@ p img {
margin: 1.5em 1.5em 1.5em 0;
padding: 0; }
+/* Use this if the image is at the top of the <p>. */
p img.top {
margin-top: 0; }
@@ -154,8 +289,8 @@ abbr, acronym {
cursor: help; }
address {
- margin-top: 1.5em;
- font-style: italic; }
+ font-style: italic;
+ margin-top: 1.5em; }
del {
color: #666; }
@@ -170,20 +305,22 @@ a:visited {
a:hover {
color: #052246; }
-a:active, a:focus {
+a:active,
+a:focus {
color: #1a4882; }
blockquote {
- margin: 1.5em 0;
+ border-left: 4px solid #d1d1d1;
color: #666;
font-style: italic;
- padding-left: 1em;
- border-left: 4px solid #d1d1d1; }
+ margin: 1.5em 0;
+ padding-left: 1em; }
strong {
font-weight: bold; }
-em, dfn {
+em,
+dfn {
font-style: italic; }
dfn {
@@ -191,7 +328,14 @@ dfn {
pre, code {
margin: 1.5em 0;
- white-space: pre; }
+ white-space: pre;
+ /* CSS2 */
+ white-space: pre-wrap;
+ /* CSS 2.1 */
+ white-space: pre-line;
+ /* CSS 3 (and 2.1 as well, actually) */
+ word-wrap: break-word;
+ /* IE */ }
pre, code, tt {
font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;
@@ -204,8 +348,235 @@ pre.code {
tt {
display: block;
- margin: 1.5em 0;
- line-height: 1.5; }
+ line-height: 1.5;
+ margin: 1.5em 0; }
+
+/* Forms */
+/*removes dotted outline on submit buttons when clicking in firefox */
+input[type="submit"]::-moz-focus-inner {
+ border: none; }
+
+form ol {
+ list-style: none;
+ margin: 0 0 1em 0; }
+
+form ol ol {
+ margin-left: 0; }
+
+form ol li {
+ list-style-position: outside;
+ margin: 0 0 1em 0; }
+
+/*list-style-position fixes IE label margin bug*/
+form ol ol li {
+ list-style-position: outside;
+ margin: 0 0 .25em 0; }
+
+form ol li.error input {
+ background: #FBE3E4; }
+
+p.inline-errors {
+ color: #D12F19; }
+
+form ol li.file {
+ background: #e1e1e1;
+ border: 1px solid #c8c8c8;
+ padding: 10px; }
+
+form abbr {
+ border-bottom: 0; }
+
+label {
+ display: block; }
+
+.required label {
+ font-weight: bold; }
+
+.checkbox_field label,
+.radio_field label {
+ font-weight: normal; }
+
+a.cancel {
+ color: #7d0d0d; }
+
+.inline-hints {
+ color: #666;
+ font-size: 0.8em;
+ margin-bottom: 0.25em; }
+
+/* Fieldsets */
+fieldset {
+ background: #f1f1f1;
+ border: 1px solid #e3e3e3;
+ margin: 0 0 1.5em 0;
+ padding: 1.5em 1.5em 1em 1.5em; }
+
+fieldset fieldset,
+fieldset fieldset fieldset {
+ border: 0;
+ padding: 0; }
+
+legend {
+ font-weight: bold; }
+
+.ie6 legend, .ie7 legend {
+ margin-left: -7px; }
+
+fieldset.buttons {
+ background: inherit;
+ border: 0;
+ padding: 0; }
+
+fieldset.buttons li {
+ display: inline; }
+
+.radio fieldset {
+ margin: 0;
+ padding: 0; }
+
+/* Text fields */
+input[type="color"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="password"],
+input[type="range"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="time"],
+input[type="url"],
+input[type="week"] {
+ font-size: inherit;
+ padding: 3px 2px;
+ width: 300px; }
+
+.ie6 input {
+ vertical-align: text-bottom; }
+
+input[disabled='disabled'] {
+ background-color: #fcfcfc;
+ cursor: default; }
+
+input[type="checkbox"] {
+ margin: 0 3px 0 0;
+ position: relative;
+ top: -2px;
+ vertical-align: middle; }
+
+.ie7 input[type="checkbox"] {
+ vertical-align: baseline; }
+
+input[type="radio"] {
+ margin: 0 3px 0 0;
+ position: relative;
+ top: -2px;
+ vertical-align: middle; }
+
+.check_boxes label {
+ display: inline;
+ padding: 0;
+ vertical-align: middle; }
+
+.radio label {
+ padding: 0; }
+
+/* Textareas */
+textarea {
+ font-size: inherit;
+ height: 200px;
+ margin: 0 0.5em 0.5em 0;
+ padding: 5px;
+ width: 440px;
+ overflow: auto; }
+
+/* Select fields */
+fieldset .select select {
+ width: 200px;
+ font-size: 0.9em; }
+
+optgroup {
+ margin: 0 0 .5em 0; }
+
+/* Date & Time */
+form ol li.date ol li,
+form ol li.time ol li {
+ display: inline; }
+
+form ol li.datetime ol li {
+ display: inline-block; }
+
+form ol li.datetime select,
+form ol li.date select,
+form ol li.time select {
+ display: inline;
+ width: auto; }
+
+form ol li.date label,
+form ol li.time label {
+ display: none; }
+
+/* Tables */
+table {
+ margin-bottom: 2em;
+ width: 100%; }
+
+th {
+ border-bottom: 2px solid #ccc;
+ font-weight: bold;
+ text-align: left; }
+
+td {
+ border-bottom: 1px solid #ddd; }
+
+caption, th, td {
+ padding: 4px 10px 4px 0; }
+
+caption {
+ background: #f1f1f1;
+ margin-bottom: 1em;
+ padding: 10px 0; }
+
+tr, td, th {
+ vertical-align: middle; }
+
+/* Use this if you use span-x classes on th/td. */
+table .last {
+ padding-right: 0; }
+
+/* Lists */
+ul, ol {
+ list-style-position: inside;
+ margin-bottom: 1.5em; }
+
+ul {
+ list-style-type: disc; }
+
+ol {
+ list-style-type: decimal; }
+
+dl {
+ line-height: 1.4;
+ margin-bottom: 1.5em; }
+
+dl dt {
+ font-weight: bold;
+ margin-top: 0.5em; }
+
+dl dd {
+ margin-bottom: 0em; }
+
+dd {
+ margin-left: 0.5em; }
+
+li {
+ line-height: 1.4; }
+
+ol ol, ol ul, ul ul, ul ol {
+ margin-left: 1em; }
/* Grid */
.grid {
@@ -665,6 +1036,7 @@ section.talk-wrapper {
section.talk-wrapper div.talk-description ul li {
margin: 5px 0; }
+/* AUTOCOMPLETE */
ul.ui-autocomplete {
background: #F2F2F2;
border-radius: 3px 3px;
Please sign in to comment.
Something went wrong with that request. Please try again.