From a7cb8a63d7f41ba8e65df3608c3ffd5c6d6e8798 Mon Sep 17 00:00:00 2001 From: Matchu Date: Sat, 15 May 2010 19:34:13 -0400 Subject: [PATCH] very basic styling to match impress --- app/stylesheets/ie.scss | 16 + app/stylesheets/partials/_blue.sass | 13 + app/stylesheets/print.scss | 8 + app/stylesheets/screen.scss | 39 ++ app/views/items/index.html.haml | 2 +- app/views/layouts/items.html.haml | 9 +- config/compass.rb | 11 + config/initializers/compass.rb | 5 + public/images/grid.png | Bin 0 -> 206 bytes public/stylesheets/compiled/ie.css | 89 +++++ public/stylesheets/compiled/print.css | 73 ++++ public/stylesheets/compiled/screen.css | 487 +++++++++++++++++++++++++ 12 files changed, 748 insertions(+), 4 deletions(-) create mode 100644 app/stylesheets/ie.scss create mode 100644 app/stylesheets/partials/_blue.sass create mode 100644 app/stylesheets/print.scss create mode 100644 app/stylesheets/screen.scss create mode 100644 config/compass.rb create mode 100644 config/initializers/compass.rb create mode 100644 public/images/grid.png create mode 100644 public/stylesheets/compiled/ie.css create mode 100644 public/stylesheets/compiled/print.css create mode 100644 public/stylesheets/compiled/screen.css diff --git a/app/stylesheets/ie.scss b/app/stylesheets/ie.scss new file mode 100644 index 00000000..a867281c --- /dev/null +++ b/app/stylesheets/ie.scss @@ -0,0 +1,16 @@ +@import "blueprint"; + +// To generate css equivalent to the blueprint css but with your configuration applied, uncomment: +// +blueprint-ie + +//Recommended Blueprint configuration with scoping and semantic layout: +body.bp { + @include blueprint-ie(true); + // Note: Blueprint centers text to fix IE6 container centering. + // This means all your texts will be centered under all version of IE by default. + // If your container does not have the .container class, don't forget to restore + // the correct behavior to your main container (but not the body tag!) + // Example: + // .my-container + // text-align: left +} diff --git a/app/stylesheets/partials/_blue.sass b/app/stylesheets/partials/_blue.sass new file mode 100644 index 00000000..45e6892f --- /dev/null +++ b/app/stylesheets/partials/_blue.sass @@ -0,0 +1,13 @@ +// Used internally: +$background_color: #0b61a4 +$module_border_color: #033e6b +$module_background_color: #66a3d2 + +// Used by Blueprint: +$font_color: #fff +$header_color: #fff +$link_color: #fff +$link_hover_color: #fff +$link_focus_color: #fff +$link_active_color: #fff +$link_visited_color: #fff diff --git a/app/stylesheets/print.scss b/app/stylesheets/print.scss new file mode 100644 index 00000000..44fd58f0 --- /dev/null +++ b/app/stylesheets/print.scss @@ -0,0 +1,8 @@ +@import "blueprint"; + +// To generate css equivalent to the blueprint css but with your configuration applied, uncomment: +// +blueprint-print + +//Recommended Blueprint configuration with scoping and semantic layout: +body.bp { + @include blueprint-print(true); } diff --git a/app/stylesheets/screen.scss b/app/stylesheets/screen.scss new file mode 100644 index 00000000..a480aea1 --- /dev/null +++ b/app/stylesheets/screen.scss @@ -0,0 +1,39 @@ +@import "blueprint/reset"; +// The blue color scheme +@import "partials/blue"; +@import "blueprint"; +@import "compass"; + +body { + @include blueprint-typography(true); + @include blueprint-utilities; + @include blueprint-debug; + @include blueprint-interaction; + + background: $background_color; + text-align: center; +} + +#container { + margin: 0 auto; + padding: 1em 2em 1em; + text-align: center; + width: 800px; +} + +form.bp { + @include blueprint-form; } + +.item { + @include inline-block; + padding: 10px; + text-align: center; + vertical-align: top; + width: 100px; + img { + display: block; + height: 80px; + margin: 0 auto; + width: 80px; + } +} diff --git a/app/views/items/index.html.haml b/app/views/items/index.html.haml index fef42b81..e614e577 100644 --- a/app/views/items/index.html.haml +++ b/app/views/items/index.html.haml @@ -1,4 +1,4 @@ -= form_tag items_path, :method => :get do += form_tag items_path, :method => :get, :class => 'bp' do = text_field_tag :q, @query = submit_tag 'Search', :name => nil - if @results diff --git a/app/views/layouts/items.html.haml b/app/views/layouts/items.html.haml index 291c8a24..f3c2ed16 100644 --- a/app/views/layouts/items.html.haml +++ b/app/views/layouts/items.html.haml @@ -1,7 +1,10 @@ !!! 5 %html %head - %title Dress to Impress - Items + %title Infinite Closet + = stylesheet_link_tag 'compiled/screen' %body - = flashes - = yield + #container + %h1 Infinite Closet + = flashes + = yield diff --git a/config/compass.rb b/config/compass.rb new file mode 100644 index 00000000..7861ff0f --- /dev/null +++ b/config/compass.rb @@ -0,0 +1,11 @@ +# This configuration file works with both the Compass command line tool and within Rails. +# Require any additional compass plugins here. +project_type = :rails +project_path = RAILS_ROOT if defined?(RAILS_ROOT) +# Set this to the root of your project when deployed: +http_path = "/" +css_dir = "public/stylesheets/compiled" +sass_dir = "app/stylesheets" +environment = Compass::AppIntegration::Rails.env +# To enable relative paths to assets via compass helper functions. Uncomment: +# relative_assets = true diff --git a/config/initializers/compass.rb b/config/initializers/compass.rb new file mode 100644 index 00000000..4375914d --- /dev/null +++ b/config/initializers/compass.rb @@ -0,0 +1,5 @@ +require 'compass' +rails_root = (defined?(Rails) ? Rails.root : RAILS_ROOT).to_s +Compass.add_project_configuration(File.join(rails_root, "config", "compass.rb")) +Compass.configure_sass_plugin! +Compass.handle_configuration_change! diff --git a/public/images/grid.png b/public/images/grid.png new file mode 100644 index 0000000000000000000000000000000000000000..129d4a29fbe92688aabed5638e0c4f73a7bca818 GIT binary patch literal 206 zcmeAS@N?(olHy`uVBq!ia0vp^8bB<>!3HEX<>xE|QY^(zo*^7SP{WbZ0pxQQctjR6 zFmQbUVMeDlCNqG7G9|7NCBgY=CFO}lsSJ)O`AMk?Zka`?<@rU~#R|^B#xt(DF$2|k zc)B=-cyuP$eEj#lzKxOL5tEL~%H%~Gtu@#d^DPnSv6>KM@XEpK;0k6FVdQ&MBb@06Zo?vj6}9 literal 0 HcmV?d00001 diff --git a/public/stylesheets/compiled/ie.css b/public/stylesheets/compiled/ie.css new file mode 100644 index 00000000..7f6028ae --- /dev/null +++ b/public/stylesheets/compiled/ie.css @@ -0,0 +1,89 @@ +/* line 7, ../../../app/stylesheets/ie.scss */ +body.bp { + text-align: center; +} +/* line 48, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +* html body.bp legend { + margin: 0px -8px 16px 0; + padding: 0; +} +/* line 52, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +html > body.bp p code { + *white-space: normal; +} +/* line 67, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +body.bp .container { + text-align: left; +} +/* line 69, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +body.bp sup { + vertical-align: text-top; +} +/* line 71, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +body.bp sub { + vertical-align: text-bottom; +} +/* line 73, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +body.bp hr { + margin: -8px auto 11px; +} +/* line 75, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +body.bp img { + -ms-interpolation-mode: bicubic; +} +/* line 77, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +body.bp fieldset { + padding-top: 0; +} +/* line 79, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +body.bp textarea { + overflow: auto; +} +/* line 82, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +body.bp input.text { + margin: 0.5em 0; + background-color: white; + border: 1px solid #bbbbbb; +} +/* line 86, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +body.bp input.text:focus { + border: 1px solid #666666; +} +/* line 88, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +body.bp input.title { + margin: 0.5em 0; + background-color: white; + border: 1px solid #bbbbbb; +} +/* line 92, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +body.bp input.title:focus { + border: 1px solid #666666; +} +/* line 94, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +body.bp input.checkbox { + position: relative; + top: 0.25em; +} +/* line 97, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +body.bp input.radio { + position: relative; + top: 0.25em; +} +/* line 100, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +body.bp input.button { + position: relative; + top: 0.25em; +} +/* line 103, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +body.bp textarea { + margin: 0.5em 0; +} +/* line 105, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +body.bp select { + margin: 0.5em 0; +} +/* line 107, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_ie.scss */ +body.bp button { + position: relative; + top: 0.25em; +} diff --git a/public/stylesheets/compiled/print.css b/public/stylesheets/compiled/print.css new file mode 100644 index 00000000..5c1ea148 --- /dev/null +++ b/public/stylesheets/compiled/print.css @@ -0,0 +1,73 @@ +/* line 7, ../../../app/stylesheets/print.scss */ +body.bp { + line-height: 1.5; + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; + color: black; + background: none; + font-size: 10pt; +} +/* line 52, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_print.scss */ +body.bp .container { + background: none; +} +/* line 54, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_print.scss */ +body.bp hr { + background: #cccccc; + color: #cccccc; + width: 100%; + height: 2px; + margin: 2em 0; + padding: 0; + border: none; +} +/* line 62, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_print.scss */ +body.bp hr.space { + background: white; + color: white; +} +/* line 65, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_print.scss */ +body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 { + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; +} +/* line 67, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_print.scss */ +body.bp code { + font-size: 0.9em; + font-family: "andale mono", "lucida console", monospace; +} +/* line 72, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_print.scss */ +body.bp a img { + border: none; +} +/* line 75, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_print.scss */ +body.bp a:link, body.bp a:visited { + background: transparent; + font-weight: 700; + text-decoration: underline; +} +/* line 79, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_print.scss */ +body.bp p img.top { + margin-top: 0; +} +/* line 81, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_print.scss */ +body.bp blockquote { + margin: 1.5em; + padding: 1em; + font-style: italic; + font-size: 0.9em; +} +/* line 86, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_print.scss */ +body.bp .small { + font-size: 0.9em; +} +/* line 88, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_print.scss */ +body.bp .large { + font-size: 1.1em; +} +/* line 90, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_print.scss */ +body.bp .quiet { + color: #999999; +} +/* line 92, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_print.scss */ +body.bp .hide { + display: none; +} diff --git a/public/stylesheets/compiled/screen.css b/public/stylesheets/compiled/screen.css new file mode 100644 index 00000000..8806b7be --- /dev/null +++ b/public/stylesheets/compiled/screen.css @@ -0,0 +1,487 @@ +/* line 4, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ +html, body { + margin: 0; + padding: 0; + border: 0; + font-weight: inherit; + font-style: inherit; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; +} + +/* line 6, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ +html { + font-size: 100.01%; +} + +/* line 16, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ +div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, +pre, a, abbr, acronym, address, code, del, dfn, em, img, +dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { + margin: 0; + padding: 0; + border: 0; + font-weight: inherit; + font-style: inherit; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; +} + +/* line 18, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ +blockquote, q { + margin: 0; + padding: 0; + border: 0; + font-weight: inherit; + font-style: inherit; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + quotes: "" ""; +} +/* line 45, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ +blockquote:before, blockquote:after, q:before, q:after { + content: ""; +} + +/* line 20, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ +th, td, caption { + margin: 0; + padding: 0; + border: 0; + font-weight: inherit; + font-style: inherit; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + text-align: left; + font-weight: normal; + vertical-align: middle; +} + +/* line 22, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ +table { + margin: 0; + padding: 0; + border: 0; + font-weight: inherit; + font-style: inherit; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + border-collapse: separate; + border-spacing: 0; + vertical-align: middle; +} + +/* line 24, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ +a img { + border: none; +} + +/* line 7, ../../../app/stylesheets/screen.scss */ +body { + line-height: 1.5; + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; + color: white; + font-size: 75%; + background: #0b61a4; + text-align: center; +} +/* line 65, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body h1, body h2, body h3, body h4, body h5, body h6 { + font-weight: normal; + color: white; +} +/* line 66, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body h1 img, body h2 img, body h3 img, body h4 img, body h5 img, body h6 img { + margin: 0; +} +/* line 67, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body h1 { + font-size: 3em; + line-height: 1; + margin-bottom: 0.50em; +} +/* line 68, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body h2 { + font-size: 2em; + margin-bottom: 0.75em; +} +/* line 69, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body h3 { + font-size: 1.5em; + line-height: 1; + margin-bottom: 1.00em; +} +/* line 70, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body h4 { + font-size: 1.2em; + line-height: 1.25; + margin-bottom: 1.25em; +} +/* line 71, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body h5 { + font-size: 1em; + font-weight: bold; + margin-bottom: 1.50em; +} +/* line 72, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body h6 { + font-size: 1em; + font-weight: bold; +} +/* line 73, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body p { + margin: 0 0 1.5em; +} +/* line 74, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body p img.left { + display: inline; + float: left; + margin: 1.5em 1.5em 1.5em 0; + padding: 0; +} +/* line 75, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body p img.right { + display: inline; + float: right; + margin: 1.5em 0 1.5em 1.5em; + padding: 0; +} +/* line 77, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body a { + text-decoration: underline; + color: white; +} +/* line 18, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ +body a:visited { + color: white; +} +/* line 21, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ +body a:focus { + color: white; +} +/* line 24, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ +body a:hover { + color: white; +} +/* line 27, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ +body a:active { + color: white; +} +/* line 78, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body blockquote { + margin: 1.5em; + color: #666666; + font-style: italic; +} +/* line 79, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body strong { + font-weight: bold; +} +/* line 80, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body em { + font-style: italic; +} +/* line 81, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body dfn { + font-style: italic; + font-weight: bold; +} +/* line 82, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body sup, body sub { + line-height: 0; +} +/* line 83, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body abbr, body acronym { + border-bottom: 1px dotted #666666; +} +/* line 84, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body address { + margin: 0 0 1.5em; + font-style: italic; +} +/* line 85, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body del { + color: #666666; +} +/* line 86, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body pre { + margin: 1.5em 0; + white-space: pre; +} +/* line 87, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body pre, body code, body tt { + font: 1em "andale mono", "lucida console", monospace; + line-height: 1.5; +} +/* line 88, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body li ul, body li ol { + margin: 0; +} +/* line 89, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body ul, body ol { + margin: 0 1.5em 1.5em 0; + padding-left: 3.333em; +} +/* line 90, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body ul { + list-style-type: disc; +} +/* line 91, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body ol { + list-style-type: decimal; +} +/* line 92, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body dl { + margin: 0 0 1.5em 0; +} +/* line 93, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body dl dt { + font-weight: bold; +} +/* line 94, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body dd { + margin-left: 1.5em; +} +/* line 95, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body table { + margin-bottom: 1.4em; + width: 100%; +} +/* line 96, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body th { + font-weight: bold; +} +/* line 97, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body thead th { + background: #c3d9ff; +} +/* line 98, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body th, body td, body caption { + padding: 4px 10px 4px 5px; +} +/* line 99, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body tr.even td { + background: #e5ecf9; +} +/* line 100, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body tfoot { + font-style: italic; +} +/* line 101, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body caption { + background: #eeeeee; +} +/* line 102, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body .quiet { + color: white; +} +/* line 103, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +body .loud { + color: #dddddd; +} +/* line 9, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ +body .clear { + clear: both; +} +/* line 12, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ +body .nowrap { + white-space: nowrap; +} +/* line 16, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ +body .clearfix { + overflow: hidden; + display: inline-block; +} +/* line 8, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss */ +body .clearfix { + display: block; +} +/* line 18, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ +body .small { + font-size: 0.8em; + margin-bottom: 1.875em; + line-height: 1.875em; +} +/* line 22, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ +body .large { + font-size: 1.2em; + line-height: 2.5em; + margin-bottom: 1.25em; +} +/* line 26, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ +body .first { + margin-left: 0; + padding-left: 0; +} +/* line 29, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ +body .last { + margin-right: 0; + padding-right: 0; +} +/* line 32, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ +body .top { + margin-top: 0; + padding-top: 0; +} +/* line 35, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ +body .bottom { + margin-bottom: 0; + padding-bottom: 0; +} +/* line 8, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_debug.scss */ +body .showgrid { + background: url('/images/grid.png?1273964747'); +} +/* line 4, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +body .error { + padding: 0.8em; + margin-bottom: 1em; + border: 2px solid #dddddd; + background: #fbe3e4; + color: #8a1f11; + border-color: #fbc2c4; +} +/* line 29, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +body .error a { + color: #8a1f11; +} +/* line 6, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +body .notice { + padding: 0.8em; + margin-bottom: 1em; + border: 2px solid #dddddd; + background: #fff6bf; + color: #514721; + border-color: #ffd324; +} +/* line 37, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +body .notice a { + color: #514721; +} +/* line 8, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +body .success { + padding: 0.8em; + margin-bottom: 1em; + border: 2px solid #dddddd; + background: #e6efc2; + color: #264409; + border-color: #c6d880; +} +/* line 45, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +body .success a { + color: #264409; +} +/* line 10, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +body .hide { + display: none; +} +/* line 12, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +body .highlight { + background: yellow; +} +/* line 14, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +body .added { + background: #006600; + color: white; +} +/* line 16, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +body .removed { + background: #990000; + color: white; +} + +/* line 17, ../../../app/stylesheets/screen.scss */ +#container { + margin: 0 auto; + padding: 1em 2em 1em; + text-align: center; + width: 800px; +} + +/* line 18, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +form.bp label { + font-weight: bold; +} +/* line 19, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +form.bp fieldset { + padding: 1.4em; + margin: 0 0 1.5em 0; +} +/* line 20, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +form.bp legend { + font-weight: bold; + font-size: 1.2em; +} +/* line 25, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +form.bp input.text, form.bp input.title, form.bp input[type=text], form.bp input[type=password] { + margin: 0.5em 0; + background-color: white; + padding: 5px; +} +/* line 26, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +form.bp input.title { + font-size: 1.5em; +} +/* line 30, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +form.bp input[type=checkbox], form.bp input.checkbox, form.bp input[type=radio], form.bp input.radio { + position: relative; + top: 0.25em; +} +/* line 32, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +form.bp textarea { + margin: 0.5em 0; + padding: 5px; +} +/* line 33, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +form.bp select { + margin: 0.5em 0; +} +/* line 57, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +form.bp fieldset { + border: 1px solid #cccccc; +} +/* line 60, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +form.bp input.text, form.bp input.title, form.bp input[type=text], form.bp input[type=password], +form.bp textarea, form.bp select { + border: 1px solid #bbbbbb; +} +/* line 62, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +form.bp input.text:focus, form.bp input.title:focus, form.bp input[type=text]:focus, form.bp input[type=password]:focus, +form.bp textarea:focus, form.bp select:focus { + border: 1px solid #666666; +} +/* line 46, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +form.bp input.text, form.bp input.title, form.bp input[type=text], form.bp input[type=password] { + width: 300px; +} +/* line 48, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +form.bp textarea { + width: 390px; + height: 250px; +} + +/* line 27, ../../../app/stylesheets/screen.scss */ +.item { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: middle; + *display: inline; + *vertical-align: auto; + padding: 10px; + text-align: center; + vertical-align: top; + width: 100px; +} +/* line 33, ../../../app/stylesheets/screen.scss */ +.item img { + display: block; + height: 80px; + margin: 0 auto; + width: 80px; +}