diff --git a/Gemfile b/Gemfile index 5398ef4..0f604de 100644 --- a/Gemfile +++ b/Gemfile @@ -10,8 +10,11 @@ gem 'coffee-rails', '~> 4.0.0' gem 'i18n-active_record', :git => 'git://github.com/svenfuchs/i18n-active_record.git', :require => 'i18n/active_record' -gem 'sass-rails', '~> 4.0.0' -gem "compass-rails", "~> 1.1.3" +#gem 'sass', '~> 3.3' +#gem 'compass' +#gem 'compass-rails' +gem 'sass-rails', :git => 'git://github.com/rails/sass-rails.git' +gem 'buoy', :path => '../buoy' gem 'foundation-rails' gem 'uglifier', '>= 1.3.0' gem 'sorcery', '>= 0.8.1' @@ -19,7 +22,7 @@ gem 'oauth2', '~> 0.8.0' gem 'carrierwave' gem 'carrierwave-imageoptimizer' gem 'mini_magick' -gem 'carmen', :path => '../carmen/' if File.directory?('../carmen/') && RbConfig::CONFIG['target_os'] =~ /mswin|mingw|cygwin/i +gem 'carmen', :git => 'git://github.com/eikes/carmen.git' gem 'carmen-rails' gem 'nested_form' gem 'acts_as_list' @@ -31,7 +34,11 @@ gem 'wysiwyg-rails' gem 'rails-assets-cdn' gem 'sitemap_generator' gem 'activerecord-session_store' -gem 'paypal-express' +gem 'paypal-express', '0.7.1' +gem 'sass-json-vars' + +group :assets do +end group :development, :test do gem 'rspec' diff --git a/Gemfile.lock b/Gemfile.lock index 396232a..218b7a0 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -1,10 +1,28 @@ +GIT + remote: git://github.com/eikes/carmen.git + revision: 6d9f2f834deaf8f5b4502e71aaf40d8f4f01e8fa + specs: + carmen (1.0.1) + unicode_utils (~> 1.4.0) + GIT remote: git://github.com/josevalim/rails-footnotes.git - revision: 087914beabb56c2e9979f63eeb0183591065dde3 + revision: 5d5a43db5a898e755359343d8d981ce966c06418 specs: - rails-footnotes (4.0.2) + rails-footnotes (4.1.4) rails (>= 3.2) +GIT + remote: git://github.com/rails/sass-rails.git + revision: df3dadffb41dba048535e88b733c802036acd520 + specs: + sass-rails (5.0.0.beta1) + railties (>= 4.0.0, < 5.0) + sass (~> 3.2, >= 3.2.2) + sprockets (>= 2.8, < 4.0) + sprockets-rails (>= 2.0, < 4.0) + tilt (~> 1.1) + GIT remote: git://github.com/svenfuchs/i18n-active_record.git revision: 2d9a22b6a4e5d809782cdbfa65b14d9e47aa27fc @@ -12,6 +30,15 @@ GIT i18n-active_record (0.0.2) i18n (>= 0.5.0) +PATH + remote: ../buoy + specs: + buoy (0.0.4) + railties (>= 3.2, < 5.0) + sass-json-vars + sass-rails + useragent + GEM remote: http://rubygems.org/ specs: @@ -43,17 +70,18 @@ GEM multi_json (~> 1.3) thread_safe (~> 0.1) tzinfo (~> 0.3.37) - acts_as_list (0.4.0) + acts_as_list (0.5.0) activerecord (>= 3.0) addressable (2.3.6) arel (4.0.2) attr_required (1.0.0) awesome_print (1.2.0) - bcrypt (3.1.7) - bcrypt (3.1.7-x86-mingw32) - better_errors (1.1.0) + bcrypt (3.1.9) + bcrypt (3.1.9-x86-mingw32) + better_errors (2.0.0) coderay (>= 1.0.0) erubis (>= 2.6.6) + rack (>= 0.9.0) binding_of_caller (0.7.2) debug_inspector (>= 0.0.1) builder (3.1.4) @@ -64,14 +92,12 @@ GEM net-sftp (>= 2.0.0) net-ssh (>= 2.0.14) net-ssh-gateway (>= 1.1.0) - capybara (2.4.1) + capybara (2.4.4) mime-types (>= 1.16) nokogiri (>= 1.3.3) rack (>= 1.0.0) rack-test (>= 0.5.4) xpath (~> 2.0) - carmen (1.0.1) - unicode_utils (~> 1.4.0) carmen-rails (1.0.1) carmen (~> 1.0.0) rails @@ -83,11 +109,10 @@ GEM carrierwave-imageoptimizer (1.2.1) carrierwave (~> 0.8) image_optimizer (~> 1.2) - celluloid (0.15.2) - timers (~> 1.1.0) - childprocess (0.5.3) + celluloid (0.16.0) + timers (~> 4.0.0) + childprocess (0.5.5) ffi (~> 1.0, >= 1.0.11) - chunky_png (1.3.1) cliver (0.3.2) coderay (1.1.0) coffee-rails (4.0.1) @@ -96,15 +121,8 @@ GEM coffee-script (2.3.0) coffee-script-source execjs - coffee-script-source (1.7.1) - compass (0.12.7) - chunky_png (~> 1.2) - fssm (>= 0.2.7) - sass (~> 3.2.19) - compass-rails (1.1.7) - compass (>= 0.12.2) - sprockets (<= 2.11.0) - coveralls (0.7.0) + coffee-script-source (1.8.0) + coveralls (0.7.1) multi_json (~> 1.3) rest-client simplecov (>= 0.7) @@ -112,16 +130,16 @@ GEM thor crack (0.4.2) safe_yaml (~> 1.0.0) - cucumber (1.3.15) + cucumber (1.3.17) builder (>= 2.1.2) diff-lcs (>= 1.1.3) gherkin (~> 2.12) multi_json (>= 1.7.5, < 2.0) multi_test (>= 0.1.1) - cucumber-rails (1.4.1) + cucumber-rails (1.4.2) capybara (>= 1.1.2, < 3) cucumber (>= 1.3.8, < 2) - mime-types (~> 1.16) + mime-types (>= 1.16, < 3) nokogiri (~> 1.5) rails (>= 3, < 5) database_cleaner (1.3.0) @@ -129,39 +147,40 @@ GEM diff-lcs (1.2.5) docile (1.1.5) erubis (2.7.0) - execjs (2.2.1) - factory_girl (4.4.0) + execjs (2.2.2) + factory_girl (4.5.0) activesupport (>= 3.0.0) - factory_girl_rails (4.4.1) - factory_girl (~> 4.4.0) + factory_girl_rails (4.5.0) + factory_girl (~> 4.5.0) railties (>= 3.0.0) faraday (0.9.0) multipart-post (>= 1.2, < 3) - ffi (1.9.3) - ffi (1.9.3-x86-mingw32) - font-awesome-rails (4.1.0.0) + ffi (1.9.6) + ffi (1.9.6-x86-mingw32) + font-awesome-rails (4.2.0.0) railties (>= 3.2, < 5.0) forgery (0.6.0) formatador (0.2.5) - foundation-rails (5.3.1.0) + foundation-rails (5.4.5.0) railties (>= 3.1.0) sass (>= 3.2.0) - fssm (0.2.10) - geocoder (1.2.3) + geocoder (1.2.6) gherkin (2.12.2) multi_json (~> 1.3) gherkin (2.12.2-x86-mingw32) multi_json (~> 1.3) - guard (2.6.1) + guard (2.10.1) formatador (>= 0.2.4) listen (~> 2.7) lumberjack (~> 1.0) pry (>= 0.9.12) thor (>= 0.18.1) - guard-rspec (4.2.10) + guard-compat (0.3.0) + guard-rspec (4.4.2) guard (~> 2.1) - rspec (>= 2.14, < 4.0) - haml (4.0.5) + guard-compat (~> 0.1) + rspec (>= 2.99.0, < 4.0) + haml (4.0.6) tilt haml-rails (0.5.1) actionpack (~> 4.0.0) @@ -170,20 +189,21 @@ GEM railties (~> 4.0.0) highline (1.6.21) hike (1.2.3) + hitimes (1.2.2) httpauth (0.2.1) i18n (0.6.11) - image_optimizer (1.2.1) - jquery-rails (3.1.1) + image_optimizer (1.3.0) + jquery-rails (3.1.2) railties (>= 3.0, < 5.0) thor (>= 0.14, < 2.0) - jquery-ui-rails (5.0.0) + jquery-ui-rails (5.0.3) railties (>= 3.2.16) json (1.8.1) jwt (0.1.13) multi_json (>= 1.5) - launchy (2.4.2) + launchy (2.4.3) addressable (~> 2.3) - listen (2.7.9) + listen (2.8.3) celluloid (>= 0.15.2) rb-fsevent (>= 0.9.3) rb-inotify (>= 0.9) @@ -191,15 +211,14 @@ GEM mail (2.5.4) mime-types (~> 1.16) treetop (~> 1.4.8) - meta_request (0.3.3) + meta_request (0.3.4) callsite (~> 0.0, >= 0.0.11) rack-contrib (~> 1.1) railties (>= 3.0.0, < 5.0.0) method_source (0.8.2) mime-types (1.25.1) - mini_magick (3.7.0) - subexec (~> 0.2.1) - mini_portile (0.6.0) + mini_magick (4.0.1) + mini_portile (0.6.1) minitest (4.7.5) multi_json (1.10.1) multi_test (0.1.1) @@ -212,11 +231,11 @@ GEM net-ssh (2.9.1) net-ssh-gateway (1.2.0) net-ssh (>= 2.6.5) - netrc (0.7.7) - nokogiri (1.6.2.1) - mini_portile (= 0.6.0) - nokogiri (1.6.2.1-x86-mingw32) - mini_portile (= 0.6.0) + netrc (0.9.0) + nokogiri (1.6.5) + mini_portile (~> 0.6.0) + nokogiri (1.6.5-x86-mingw32) + mini_portile (~> 0.6.0) oauth (0.4.7) oauth2 (0.8.1) faraday (~> 0.8) @@ -224,13 +243,13 @@ GEM jwt (~> 0.1.4) multi_json (~> 1.0) rack (~> 1.2) - paper_trail (3.0.5) + paper_trail (3.0.6) activerecord (>= 3.0, < 5.0) activesupport (>= 3.0, < 5.0) - paypal-express (0.5.5) + paypal-express (0.7.1) activesupport (>= 2.3) attr_required (>= 0.0.5) - restclient_with_cert + rest-client pg (0.17.1) pg (0.17.1-x86-mingw32) poltergeist (1.5.1) @@ -239,17 +258,17 @@ GEM multi_json (~> 1.0) websocket-driver (>= 0.2.0) polyglot (0.3.5) - pry (0.10.0) + pry (0.10.1) coderay (~> 1.1.0) method_source (~> 0.8.1) slop (~> 3.4) - pry (0.10.0-x86-mingw32) + pry (0.10.1-x86-mingw32) coderay (~> 1.1.0) method_source (~> 0.8.1) slop (~> 3.4) win32console (~> 1.3) rack (1.5.2) - rack-contrib (1.1.0) + rack-contrib (1.2.0) rack (>= 0.9.1) rack-test (0.6.2) rack (>= 1.0) @@ -263,7 +282,7 @@ GEM sprockets-rails (~> 2.0.0) rails-assets-cdn (0.1.0) rails - rails_12factor (0.0.2) + rails_12factor (0.0.3) rails_serve_static_assets rails_stdout_logging rails_serve_static_assets (0.0.2) @@ -273,7 +292,7 @@ GEM activesupport (= 4.0.0) rake (>= 0.8.7) thor (>= 0.18.1, < 2.0) - rake (10.3.2) + rake (10.4.2) rb-fsevent (0.9.4) rb-inotify (0.9.5) ffi (>= 0.5.0) @@ -284,56 +303,51 @@ GEM ffi (~> 1.9) mime-types (>= 1.16, < 3.0) netrc (~> 0.7) - restclient_with_cert (0.0.8) - rest-client (>= 1.6) - rspec (3.0.0) - rspec-core (~> 3.0.0) - rspec-expectations (~> 3.0.0) - rspec-mocks (~> 3.0.0) - rspec-core (3.0.2) - rspec-support (~> 3.0.0) - rspec-expectations (3.0.2) + rspec (3.1.0) + rspec-core (~> 3.1.0) + rspec-expectations (~> 3.1.0) + rspec-mocks (~> 3.1.0) + rspec-core (3.1.7) + rspec-support (~> 3.1.0) + rspec-expectations (3.1.2) diff-lcs (>= 1.2.0, < 2.0) - rspec-support (~> 3.0.0) - rspec-mocks (3.0.2) - rspec-support (~> 3.0.0) - rspec-rails (3.0.1) + rspec-support (~> 3.1.0) + rspec-mocks (3.1.3) + rspec-support (~> 3.1.0) + rspec-rails (3.1.0) actionpack (>= 3.0) activesupport (>= 3.0) railties (>= 3.0) - rspec-core (~> 3.0.0) - rspec-expectations (~> 3.0.0) - rspec-mocks (~> 3.0.0) - rspec-support (~> 3.0.0) - rspec-support (3.0.2) + rspec-core (~> 3.1.0) + rspec-expectations (~> 3.1.0) + rspec-mocks (~> 3.1.0) + rspec-support (~> 3.1.0) + rspec-support (3.1.2) rubyzip (1.1.6) - rvm-capistrano (1.5.3) + rvm-capistrano (1.5.5) capistrano (~> 2.15.4) - safe_yaml (1.0.3) - sass (3.2.19) - sass-rails (4.0.3) - railties (>= 4.0.0, < 5.0) - sass (~> 3.2.0) - sprockets (~> 2.8, <= 2.11.0) - sprockets-rails (~> 2.0) - selenium-webdriver (2.42.0) - childprocess (>= 0.5.0) + safe_yaml (1.0.4) + sass (3.4.9) + sass-json-vars (0.3.2) + sass (>= 3.1) + selenium-webdriver (2.44.0) + childprocess (~> 0.5) multi_json (~> 1.0) rubyzip (~> 1.0) - websocket (~> 1.0.4) - simplecov (0.9.0) + websocket (~> 1.0) + simplecov (0.9.1) docile (~> 1.1.0) - multi_json + multi_json (~> 1.0) simplecov-html (~> 0.8.0) simplecov-html (0.8.0) - sitemap_generator (5.0.4) + sitemap_generator (5.0.5) builder slop (3.6.0) sorcery (0.8.6) bcrypt (~> 3.1) oauth (~> 0.4, >= 0.4.4) oauth2 (>= 0.8.0, < 1.0.0) - sprockets (2.11.0) + sprockets (2.12.3) hike (~> 1.2) multi_json (~> 1.0) rack (~> 1.0) @@ -342,31 +356,32 @@ GEM actionpack (>= 3.0) activesupport (>= 3.0) sprockets (~> 2.8) - subexec (0.2.3) term-ansicolor (1.3.0) tins (~> 1.0) thor (0.19.1) thread_safe (0.3.4) tilt (1.4.1) - timers (1.1.0) - tins (1.3.0) + timers (4.0.1) + hitimes + tins (1.3.3) treetop (1.4.15) polyglot polyglot (>= 0.3.1) - tzinfo (0.3.40) + tzinfo (0.3.42) uglifier (2.5.3) execjs (>= 0.3.0) json (>= 1.8.0) unicode_utils (1.4.0) + useragent (0.10.0) wdm (0.1.0) - webmock (1.18.0) + webmock (1.20.4) addressable (>= 2.3.6) crack (>= 0.3.2) - websocket (1.0.7) - websocket-driver (0.3.4) + websocket (1.2.1) + websocket-driver (0.4.0) win32console (1.3.2-x86-mingw32) - wysiwyg-rails (1.1.6) - font-awesome-rails (= 4.1.0.0) + wysiwyg-rails (1.2.4) + font-awesome-rails (= 4.2.0.0) railties (>= 3.2, < 5.0) xpath (2.0.0) nokogiri (~> 1.3) @@ -381,13 +396,14 @@ DEPENDENCIES awesome_print better_errors binding_of_caller + buoy! capistrano capybara + carmen! carmen-rails carrierwave carrierwave-imageoptimizer coffee-rails (~> 4.0.0) - compass-rails (~> 1.1.3) coveralls cucumber-rails database_cleaner @@ -408,7 +424,7 @@ DEPENDENCIES nested_form oauth2 (~> 0.8.0) paper_trail (~> 3.0.5) - paypal-express + paypal-express (= 0.7.1) pg poltergeist rails (= 4.0.0) @@ -418,7 +434,8 @@ DEPENDENCIES rspec rspec-rails rvm-capistrano - sass-rails (~> 4.0.0) + sass-json-vars + sass-rails! selenium-webdriver simplecov sitemap_generator diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss index 7912dac..e86229f 100644 --- a/app/assets/stylesheets/application.css.scss +++ b/app/assets/stylesheets/application.css.scss @@ -1,49 +1,8 @@ -/* - * - */ +//@include fontface('AlteHaasGroteskBold', '/assets/AlteHaasGroteskBold', 'alte_haas_groteskbold', ttf, normal, bold); - /* - * This is a manifest file that'll be compiled into application.css, which will include all the files - * listed below. - * - * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, - * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path. - * - * You're free to add application-wide styles to this file and they'll appear at the top of the - * compiled file, but it's generally better to create a new file per style scope. - * - */ +//body { +// font-family: 'AlteHaasGroteskBold'; +//} -@font-face { - font-family: 'FontAwesome'; - src: url('/assets/fontawesome-webfont.eot'); - src: url('/assets/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), - url('/assets/fontawesome-webfont.woff') format('woff'), - url('/assets/fontawesome-webfont.ttf') format('truetype'), - url('/assets/fontawesome-webfont.svg#alte_haas_groteskbold') format('svg'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'AlteHaasGroteskBold'; - src: url('/assets/AlteHaasGroteskBold.eot'); - src: url('/assets/AlteHaasGroteskBold.eot?#iefix') format('embedded-opentype'), - url('/assets/AlteHaasGroteskBold.woff') format('woff'), - url('/assets/AlteHaasGroteskBold.ttf') format('truetype'), - url('/assets/AlteHaasGroteskBold.svg#alte_haas_groteskbold') format('svg'); - font-weight: bold; - font-style: normal; -} - -// Libraries -@import "compass"; -//@import "font-awesome"; -@import "foundation_and_overrides"; - -// Local settings (also edit foundation_and_overrides.scss to modify global variables) -@import "sass/mixins"; -@import "sass/froala_editor"; -@import "sass/layout"; -@import "sass/typography"; -@import "sass/base"; +//@include breakpoint(medium-only) { +//} diff --git a/app/assets/stylesheets/event_types.css.scss b/app/assets/stylesheets/event_types.css.scss deleted file mode 100644 index f315e26..0000000 --- a/app/assets/stylesheets/event_types.css.scss +++ /dev/null @@ -1,3 +0,0 @@ -// Place all the styles related to the event_types controller here. -// They will automatically be included in application.css. -// You can use Sass (SCSS) here: http://sass-lang.com/ diff --git a/app/assets/stylesheets/events.css.scss b/app/assets/stylesheets/events.css.scss deleted file mode 100644 index 04d79bd..0000000 --- a/app/assets/stylesheets/events.css.scss +++ /dev/null @@ -1,3 +0,0 @@ -// Place all the styles related to the events controller here. -// They will automatically be included in application.css. -// You can use Sass (SCSS) here: http://sass-lang.com/ diff --git a/app/assets/stylesheets/oauths.css.scss b/app/assets/stylesheets/oauths.css.scss deleted file mode 100644 index c879339..0000000 --- a/app/assets/stylesheets/oauths.css.scss +++ /dev/null @@ -1,3 +0,0 @@ -// Place all the styles related to the Oauths controller here. -// They will automatically be included in application.css. -// You can use Sass (SCSS) here: http://sass-lang.com/ diff --git a/app/assets/stylesheets/sass/_base.scss b/app/assets/stylesheets/sass/_base.scss deleted file mode 100644 index e5a7697..0000000 --- a/app/assets/stylesheets/sass/_base.scss +++ /dev/null @@ -1,510 +0,0 @@ -table#translations { - table-layout: fixed; - padding: 0; - - .key, .pages { - width: 25%; - overflow: hidden; - - &:hover { - overflow: visible; - } - } - - .pages { - position: relative; - - ul { - font-size: 1em; - margin: 0; - list-style: none; - position: absolute; - left: 0; - top: 0; - } - - a { - display: block; - } - - &:hover { - ul { - z-index: 100; - } - - a { - background-color: $white; - } - } - } - - td.value { - position: relative; - cursor: text; - - &:hover, - .translation-form { - color: $white; - background-color: $body-font-color; - } - } - - .not-exists { - td.value { - font-style: italic; - color: lighten($body-font-color, 45); - } - } - - .translation-form { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - z-index: 10; - padding: inherit; - - textarea { - height: 100%; - font-size: inherit; - padding: 0; - color: inherit; - background-color: inherit; - } - - button { - right: 100%; - position: absolute; - border-radius: 0; - top: 0; - } - } - - .auto-translate { - float: right; - } -} - -.grid.links { - &.inactive li > a { - opacity: 0.75; - } - - li > a { - display: block; - background-color: $color-5; - color: $white; - padding: 1em; - min-height: 7em; - - &.complete { - background-color: $color-2; - } - - &.needs-work { - background-color: $color-4; - } - - &:hover { - background-color: $color-1; - opacity: 1; - } - - h3 { - color: inherit; - } - } -} - -ul.tags, -.tags > ul { - display: inline; - list-style: none; - font-size: 0.9em; - margin: 0; -} - -.tags { - li { - display: inline-block; - background-color: $black; - color: $white; - padding: 0 0.5em; - margin: 0.6em 0 0 0.3em; - } - h5 { - float: left; - color: lighten($body-font-color, 10); - } -} - -.org-preview { - /*display: block; - position: relative; - margin: 3em 0 0; - background-color: $organization-color; - background-size: cover; - background-position: center; - - /*&:before { - content: ''; - display: block; - padding-top: 50%; - }*/ - - /*figcaption { - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - } - - a { - display: block; - height: 100%; - } - - h3 { - position: absolute; - bottom: 100%; - height: 2em; - width: 100%; - background-color: $organization-color; - margin: 0; - font-size: 1em; - padding: 0.25em 0.5em; - } - - img { - background-color: $white; - margin: auto; - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - }*/ -} - -.preview-list { - li { - position: relative; - margin-bottom: 1em; - - &:before { - content: ''; - display: block; - padding-top: 50%; - } - - h4, h5 { - position: absolute; - top: 0; - min-height: 2em; - margin: 0; - font-size: 1em; - padding: 0.25em 0.5em; - color: $white; - //width: 100%; - z-index: 1; - left: 0;//.6667em; - right: 0;//.6667em; - } - - h5 { - left: 0.6667em; - right: 0.6667em; - } - - figure { - position: absolute; - //width: 100%; - height: 100%; - left: 0.6667em; - right: 0.6667em; - margin: 0; - bottom: 0; - text-align: center; - background-size: cover; - background-position: center; - background-blend-mode: luminosity; - @include single-transition(all, 100ms, ease-in); - - &:after { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background-color: $white; - opacity: 0.5; - @include single-transition(all, 100ms, ease-in); - } - - img { - margin: auto; - position: absolute; - left: 0; - right: 0; - top: 2em; - bottom: 0; - max-width: 90%; - max-height: 66.667%; - z-index: 1; - -webkit-transform: translate3d(0,0,0); - } - } - - a { - &:hover { - figure { - background-color: transparent; - - &:after { - opacity: 0.25; - } - } - } - } - - &.city figure { - background-color: rgba($primary-color, 0.75); - - &:after { - display: none; - } - } - } - - &.org-list li { - h4 { - background-color: $primary-color; - } - - h5 { - background-color: $organization-color; - } - - figure { - background-color: $organization-color; - } - } - - &.conference-list li { - h4 { - background-color: $secondary-color; - } - - h5 { - background-color: $conference-color; - } - - figure { - background-color: $conference-color; - } - } - - li.city figure { - background-color: rgba($primary-color, 0.75); - - &:after { - display: none; - } - } - - @include breakpoint(medium) { - margin-left: 3em; - - aside & { - margin-left: 0; - } - } -} - -.org-mini-preview { - position: relative; - overflow: auto; - margin: 0; - background-color: $gray; - border: 0.25em solid lighten($black, 33); - - &.portrait { - img { - float: left; - max-width: 50%; - } - - figcaption { - float: right; - max-width: 50%; - } - } - - p { - font-size: 0.9em; - line-height: 1.25em; - } - - figcaption { - padding: 0.25em - } -} - -.org-list-select { - - &.chosen { - display: none; - } - - ul { - list-style: none; - margin: 0; - overflow: auto; - height: 25em; - border: 0.25em solid $gray; - } - - li { - background-color: lighten($gray, 5);//rgba(225, 225, 225, 0.5); - margin: 0.25em; - - &:hover { - background-color: lighten($color-4, 25);//desaturate(lighten($organization-color, 33), 33); - } - - &.removable:hover { - background-color: desaturate(lighten($color-3, 16), 16); - } - - &.selected { - background-color: desaturate(lighten($organization-color, 33), 33); - } - - &.not-found { - display: none; - } - } - - figure { - margin: 0; - padding: 0.25em; - overflow: auto; - } - - img { - float: left; - margin-right: 1em; - } - - h6 { - margin: 0; - } - - p { - font-size: 0.8em; - margin: 0; - } - - figcaption { - overflow: auto; - } - - @include breakpoint(medium) { - &.chosen { - display: block; - } - - &.choose { - li.selected { - display: none; - } - } - } -} - -#org-filter { - width: 100%; - font-size: 1.25em; - padding: 0.333em; - border: 3px solid $gray; - margin-top: 0.5em; - outline: none !important; -} - -#register-dlg { - position: fixed; - left: 0; - top: 0; - width: 100%; - height: 100%; - background-color: transparent; - visibility: hidden; - z-index: 100; - @include text-shadow(none); - @include transition(background-color 250ms ease-in-out 125ms, visibility 0 linear 250ms); - - form { - position: fixed; - min-width: 30em; - left: 110%; - right: 0; - max-width: 30em; - bottom: 0; - margin: auto; - top: 0; - background-color: $white; - height: 10em; - padding: 1em; - z-index: 101; - @include transform(skewX(-30deg)); - @include transition(all 250ms ease-in-out 0); - } - - &.open { - background-color: rgba($primary-color, 0.8); - visibility: visible; - @include transition(background-color 250ms ease-in-out); - - form { - left: 0; - @include transform(skewX(0)); - @include transition(all 250ms ease-in-out 125ms); - } - } -} - -@include breakpoint(medium) { - .organizations-index, - .conferences-index { - #content { - h2 { - margin-top: 1em; - } - - h3 { - margin-left: 1em; - } - } - } -} - -.workshop { - list-style: none; - overflow: auto; - - &:target { - background-color: $color-5; - } -} - -.registrations .user { - vertical-align: top; - - &:target { - background-color: $color-5; - } -} diff --git a/app/assets/stylesheets/sass/_froala_editor.scss b/app/assets/stylesheets/sass/_froala_editor.scss deleted file mode 100644 index 34345a2..0000000 --- a/app/assets/stylesheets/sass/_froala_editor.scss +++ /dev/null @@ -1,2917 +0,0 @@ -body { - background-color: red; -} - -.fa-lg { - font-size: 1.33333333em; - line-height: 0.75em; - vertical-align: -15%; -} -.fa-2x { - font-size: 2em; -} -.fa-3x { - font-size: 3em; -} -.fa-4x { - font-size: 4em; -} -.fa-5x { - font-size: 5em; -} -.fa-fw { - width: 1.28571429em; - text-align: center; -} -.fa-ul { - padding-left: 0; - margin-left: 2.14285714em; - list-style-type: none; -} -.fa-ul > li { - position: relative; -} -.fa-li { - position: absolute; - left: -2.14285714em; - width: 2.14285714em; - top: 0.14285714em; - text-align: center; -} -.fa-li.fa-lg { - left: -1.85714286em; -} -.fa-border { - padding: .2em .25em .15em; - border: solid 0.08em #eeeeee; - border-radius: .1em; -} -.pull-right { - float: right; -} -.pull-left { - float: left; -} -.fa.pull-left { - margin-right: .3em; -} -.fa.pull-right { - margin-left: .3em; -} -.fa-spin { - -webkit-animation: spin 2s infinite linear; - -moz-animation: spin 2s infinite linear; - -o-animation: spin 2s infinite linear; - animation: spin 2s infinite linear; -} -@-moz-keyframes spin { - 0% { - -moz-transform: rotate(0deg); - } - 100% { - -moz-transform: rotate(359deg); - } -} -@-webkit-keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(359deg); - } -} -@-o-keyframes spin { - 0% { - -o-transform: rotate(0deg); - } - 100% { - -o-transform: rotate(359deg); - } -} -@keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -.fa-rotate-90 { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); -} -.fa-rotate-180 { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); - transform: rotate(180deg); -} -.fa-rotate-270 { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); - -webkit-transform: rotate(270deg); - -moz-transform: rotate(270deg); - -ms-transform: rotate(270deg); - -o-transform: rotate(270deg); - transform: rotate(270deg); -} -.fa-flip-horizontal { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); - -webkit-transform: scale(-1, 1); - -moz-transform: scale(-1, 1); - -ms-transform: scale(-1, 1); - -o-transform: scale(-1, 1); - transform: scale(-1, 1); -} -.fa-flip-vertical { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); - -webkit-transform: scale(1, -1); - -moz-transform: scale(1, -1); - -ms-transform: scale(1, -1); - -o-transform: scale(1, -1); - transform: scale(1, -1); -} -.fa-stack { - position: relative; - display: inline-block; - width: 2em; - height: 2em; - line-height: 2em; - vertical-align: middle; -} -.fa-stack-1x, -.fa-stack-2x { - position: absolute; - left: 0; - width: 100%; - text-align: center; -} -.fa-stack-1x { - line-height: inherit; -} -.fa-stack-2x { - font-size: 2em; -} -.fa-inverse { - color: #ffffff; -} -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - readers do not read off random characters that represent icons */ -.fa-glass:before { - content: "\f000"; -} -.fa-music:before { - content: "\f001"; -} -.fa-search:before { - content: "\f002"; -} -.fa-envelope-o:before { - content: "\f003"; -} -.fa-heart:before { - content: "\f004"; -} -.fa-star:before { - content: "\f005"; -} -.fa-star-o:before { - content: "\f006"; -} -.fa-user:before { - content: "\f007"; -} -.fa-film:before { - content: "\f008"; -} -.fa-th-large:before { - content: "\f009"; -} -.fa-th:before { - content: "\f00a"; -} -.fa-th-list:before { - content: "\f00b"; -} -.fa-check:before { - content: "\f00c"; -} -.fa-times:before { - content: "\f00d"; -} -.fa-search-plus:before { - content: "\f00e"; -} -.fa-search-minus:before { - content: "\f010"; -} -.fa-power-off:before { - content: "\f011"; -} -.fa-signal:before { - content: "\f012"; -} -.fa-gear:before, -.fa-cog:before { - content: "\f013"; -} -.fa-trash-o:before { - content: "\f014"; -} -.fa-home:before { - content: "\f015"; -} -.fa-file-o:before { - content: "\f016"; -} -.fa-clock-o:before { - content: "\f017"; -} -.fa-road:before { - content: "\f018"; -} -.fa-download:before { - content: "\f019"; -} -.fa-arrow-circle-o-down:before { - content: "\f01a"; -} -.fa-arrow-circle-o-up:before { - content: "\f01b"; -} -.fa-inbox:before { - content: "\f01c"; -} -.fa-play-circle-o:before { - content: "\f01d"; -} -.fa-rotate-right:before, -.fa-repeat:before { - content: "\f01e"; -} -.fa-refresh:before { - content: "\f021"; -} -.fa-list-alt:before { - content: "\f022"; -} -.fa-lock:before { - content: "\f023"; -} -.fa-flag:before { - content: "\f024"; -} -.fa-headphones:before { - content: "\f025"; -} -.fa-volume-off:before { - content: "\f026"; -} -.fa-volume-down:before { - content: "\f027"; -} -.fa-volume-up:before { - content: "\f028"; -} -.fa-qrcode:before { - content: "\f029"; -} -.fa-barcode:before { - content: "\f02a"; -} -.fa-tag:before { - content: "\f02b"; -} -.fa-tags:before { - content: "\f02c"; -} -.fa-book:before { - content: "\f02d"; -} -.fa-bookmark:before { - content: "\f02e"; -} -.fa-print:before { - content: "\f02f"; -} -.fa-camera:before { - content: "\f030"; -} -.fa-font:before { - content: "\f031"; -} -.fa-bold:before { - content: "\f032"; -} -.fa-italic:before { - content: "\f033"; -} -.fa-text-height:before { - content: "\f034"; -} -.fa-text-width:before { - content: "\f035"; -} -.fa-align-left:before { - content: "\f036"; -} -.fa-align-center:before { - content: "\f037"; -} -.fa-align-right:before { - content: "\f038"; -} -.fa-align-justify:before { - content: "\f039"; -} -.fa-list:before { - content: "\f03a"; -} -.fa-dedent:before, -.fa-outdent:before { - content: "\f03b"; -} -.fa-indent:before { - content: "\f03c"; -} -.fa-video-camera:before { - content: "\f03d"; -} -.fa-photo:before, -.fa-image:before, -.fa-picture-o:before { - content: "\f03e"; -} -.fa-pencil:before { - content: "\f040"; -} -.fa-map-marker:before { - content: "\f041"; -} -.fa-adjust:before { - content: "\f042"; -} -.fa-tint:before { - content: "\f043"; -} -.fa-edit:before, -.fa-pencil-square-o:before { - content: "\f044"; -} -.fa-share-square-o:before { - content: "\f045"; -} -.fa-check-square-o:before { - content: "\f046"; -} -.fa-arrows:before { - content: "\f047"; -} -.fa-step-backward:before { - content: "\f048"; -} -.fa-fast-backward:before { - content: "\f049"; -} -.fa-backward:before { - content: "\f04a"; -} -.fa-play:before { - content: "\f04b"; -} -.fa-pause:before { - content: "\f04c"; -} -.fa-stop:before { - content: "\f04d"; -} -.fa-forward:before { - content: "\f04e"; -} -.fa-fast-forward:before { - content: "\f050"; -} -.fa-step-forward:before { - content: "\f051"; -} -.fa-eject:before { - content: "\f052"; -} -.fa-chevron-left:before { - content: "\f053"; -} -.fa-chevron-right:before { - content: "\f054"; -} -.fa-plus-circle:before { - content: "\f055"; -} -.fa-minus-circle:before { - content: "\f056"; -} -.fa-times-circle:before { - content: "\f057"; -} -.fa-check-circle:before { - content: "\f058"; -} -.fa-question-circle:before { - content: "\f059"; -} -.fa-info-circle:before { - content: "\f05a"; -} -.fa-crosshairs:before { - content: "\f05b"; -} -.fa-times-circle-o:before { - content: "\f05c"; -} -.fa-check-circle-o:before { - content: "\f05d"; -} -.fa-ban:before { - content: "\f05e"; -} -.fa-arrow-left:before { - content: "\f060"; -} -.fa-arrow-right:before { - content: "\f061"; -} -.fa-arrow-up:before { - content: "\f062"; -} -.fa-arrow-down:before { - content: "\f063"; -} -.fa-mail-forward:before, -.fa-share:before { - content: "\f064"; -} -.fa-expand:before { - content: "\f065"; -} -.fa-compress:before { - content: "\f066"; -} -.fa-plus:before { - content: "\f067"; -} -.fa-minus:before { - content: "\f068"; -} -.fa-asterisk:before { - content: "\f069"; -} -.fa-exclamation-circle:before { - content: "\f06a"; -} -.fa-gift:before { - content: "\f06b"; -} -.fa-leaf:before { - content: "\f06c"; -} -.fa-fire:before { - content: "\f06d"; -} -.fa-eye:before { - content: "\f06e"; -} -.fa-eye-slash:before { - content: "\f070"; -} -.fa-warning:before, -.fa-exclamation-triangle:before { - content: "\f071"; -} -.fa-plane:before { - content: "\f072"; -} -.fa-calendar:before { - content: "\f073"; -} -.fa-random:before { - content: "\f074"; -} -.fa-comment:before { - content: "\f075"; -} -.fa-magnet:before { - content: "\f076"; -} -.fa-chevron-up:before { - content: "\f077"; -} -.fa-chevron-down:before { - content: "\f078"; -} -.fa-retweet:before { - content: "\f079"; -} -.fa-shopping-cart:before { - content: "\f07a"; -} -.fa-folder:before { - content: "\f07b"; -} -.fa-folder-open:before { - content: "\f07c"; -} -.fa-arrows-v:before { - content: "\f07d"; -} -.fa-arrows-h:before { - content: "\f07e"; -} -.fa-bar-chart-o:before { - content: "\f080"; -} -.fa-twitter-square:before { - content: "\f081"; -} -.fa-facebook-square:before { - content: "\f082"; -} -.fa-camera-retro:before { - content: "\f083"; -} -.fa-key:before { - content: "\f084"; -} -.fa-gears:before, -.fa-cogs:before { - content: "\f085"; -} -.fa-comments:before { - content: "\f086"; -} -.fa-thumbs-o-up:before { - content: "\f087"; -} -.fa-thumbs-o-down:before { - content: "\f088"; -} -.fa-star-half:before { - content: "\f089"; -} -.fa-heart-o:before { - content: "\f08a"; -} -.fa-sign-out:before { - content: "\f08b"; -} -.fa-linkedin-square:before { - content: "\f08c"; -} -.fa-thumb-tack:before { - content: "\f08d"; -} -.fa-external-link:before { - content: "\f08e"; -} -.fa-sign-in:before { - content: "\f090"; -} -.fa-trophy:before { - content: "\f091"; -} -.fa-github-square:before { - content: "\f092"; -} -.fa-upload:before { - content: "\f093"; -} -.fa-lemon-o:before { - content: "\f094"; -} -.fa-phone:before { - content: "\f095"; -} -.fa-square-o:before { - content: "\f096"; -} -.fa-bookmark-o:before { - content: "\f097"; -} -.fa-phone-square:before { - content: "\f098"; -} -.fa-twitter:before { - content: "\f099"; -} -.fa-facebook:before { - content: "\f09a"; -} -.fa-github:before { - content: "\f09b"; -} -.fa-unlock:before { - content: "\f09c"; -} -.fa-credit-card:before { - content: "\f09d"; -} -.fa-rss:before { - content: "\f09e"; -} -.fa-hdd-o:before { - content: "\f0a0"; -} -.fa-bullhorn:before { - content: "\f0a1"; -} -.fa-bell:before { - content: "\f0f3"; -} -.fa-certificate:before { - content: "\f0a3"; -} -.fa-hand-o-right:before { - content: "\f0a4"; -} -.fa-hand-o-left:before { - content: "\f0a5"; -} -.fa-hand-o-up:before { - content: "\f0a6"; -} -.fa-hand-o-down:before { - content: "\f0a7"; -} -.fa-arrow-circle-left:before { - content: "\f0a8"; -} -.fa-arrow-circle-right:before { - content: "\f0a9"; -} -.fa-arrow-circle-up:before { - content: "\f0aa"; -} -.fa-arrow-circle-down:before { - content: "\f0ab"; -} -.fa-globe:before { - content: "\f0ac"; -} -.fa-wrench:before { - content: "\f0ad"; -} -.fa-tasks:before { - content: "\f0ae"; -} -.fa-filter:before { - content: "\f0b0"; -} -.fa-briefcase:before { - content: "\f0b1"; -} -.fa-arrows-alt:before { - content: "\f0b2"; -} -.fa-group:before, -.fa-users:before { - content: "\f0c0"; -} -.fa-chain:before, -.fa-link:before { - content: "\f0c1"; -} -.fa-cloud:before { - content: "\f0c2"; -} -.fa-flask:before { - content: "\f0c3"; -} -.fa-cut:before, -.fa-scissors:before { - content: "\f0c4"; -} -.fa-copy:before, -.fa-files-o:before { - content: "\f0c5"; -} -.fa-paperclip:before { - content: "\f0c6"; -} -.fa-save:before, -.fa-floppy-o:before { - content: "\f0c7"; -} -.fa-square:before { - content: "\f0c8"; -} -.fa-navicon:before, -.fa-reorder:before, -.fa-bars:before { - content: "\f0c9"; -} -.fa-list-ul:before { - content: "\f0ca"; -} -.fa-list-ol:before { - content: "\f0cb"; -} -.fa-strikethrough:before { - content: "\f0cc"; -} -.fa-underline:before { - content: "\f0cd"; -} -.fa-table:before { - content: "\f0ce"; -} -.fa-magic:before { - content: "\f0d0"; -} -.fa-truck:before { - content: "\f0d1"; -} -.fa-pinterest:before { - content: "\f0d2"; -} -.fa-pinterest-square:before { - content: "\f0d3"; -} -.fa-google-plus-square:before { - content: "\f0d4"; -} -.fa-google-plus:before { - content: "\f0d5"; -} -.fa-money:before { - content: "\f0d6"; -} -.fa-caret-down:before { - content: "\f0d7"; -} -.fa-caret-up:before { - content: "\f0d8"; -} -.fa-caret-left:before { - content: "\f0d9"; -} -.fa-caret-right:before { - content: "\f0da"; -} -.fa-columns:before { - content: "\f0db"; -} -.fa-unsorted:before, -.fa-sort:before { - content: "\f0dc"; -} -.fa-sort-down:before, -.fa-sort-desc:before { - content: "\f0dd"; -} -.fa-sort-up:before, -.fa-sort-asc:before { - content: "\f0de"; -} -.fa-envelope:before { - content: "\f0e0"; -} -.fa-linkedin:before { - content: "\f0e1"; -} -.fa-rotate-left:before, -.fa-undo:before { - content: "\f0e2"; -} -.fa-legal:before, -.fa-gavel:before { - content: "\f0e3"; -} -.fa-dashboard:before, -.fa-tachometer:before { - content: "\f0e4"; -} -.fa-comment-o:before { - content: "\f0e5"; -} -.fa-comments-o:before { - content: "\f0e6"; -} -.fa-flash:before, -.fa-bolt:before { - content: "\f0e7"; -} -.fa-sitemap:before { - content: "\f0e8"; -} -.fa-umbrella:before { - content: "\f0e9"; -} -.fa-paste:before, -.fa-clipboard:before { - content: "\f0ea"; -} -.fa-lightbulb-o:before { - content: "\f0eb"; -} -.fa-exchange:before { - content: "\f0ec"; -} -.fa-cloud-download:before { - content: "\f0ed"; -} -.fa-cloud-upload:before { - content: "\f0ee"; -} -.fa-user-md:before { - content: "\f0f0"; -} -.fa-stethoscope:before { - content: "\f0f1"; -} -.fa-suitcase:before { - content: "\f0f2"; -} -.fa-bell-o:before { - content: "\f0a2"; -} -.fa-coffee:before { - content: "\f0f4"; -} -.fa-cutlery:before { - content: "\f0f5"; -} -.fa-file-text-o:before { - content: "\f0f6"; -} -.fa-building-o:before { - content: "\f0f7"; -} -.fa-hospital-o:before { - content: "\f0f8"; -} -.fa-ambulance:before { - content: "\f0f9"; -} -.fa-medkit:before { - content: "\f0fa"; -} -.fa-fighter-jet:before { - content: "\f0fb"; -} -.fa-beer:before { - content: "\f0fc"; -} -.fa-h-square:before { - content: "\f0fd"; -} -.fa-plus-square:before { - content: "\f0fe"; -} -.fa-angle-double-left:before { - content: "\f100"; -} -.fa-angle-double-right:before { - content: "\f101"; -} -.fa-angle-double-up:before { - content: "\f102"; -} -.fa-angle-double-down:before { - content: "\f103"; -} -.fa-angle-left:before { - content: "\f104"; -} -.fa-angle-right:before { - content: "\f105"; -} -.fa-angle-up:before { - content: "\f106"; -} -.fa-angle-down:before { - content: "\f107"; -} -.fa-desktop:before { - content: "\f108"; -} -.fa-laptop:before { - content: "\f109"; -} -.fa-tablet:before { - content: "\f10a"; -} -.fa-mobile-phone:before, -.fa-mobile:before { - content: "\f10b"; -} -.fa-circle-o:before { - content: "\f10c"; -} -.fa-quote-left:before { - content: "\f10d"; -} -.fa-quote-right:before { - content: "\f10e"; -} -.fa-spinner:before { - content: "\f110"; -} -.fa-circle:before { - content: "\f111"; -} -.fa-mail-reply:before, -.fa-reply:before { - content: "\f112"; -} -.fa-github-alt:before { - content: "\f113"; -} -.fa-folder-o:before { - content: "\f114"; -} -.fa-folder-open-o:before { - content: "\f115"; -} -.fa-smile-o:before { - content: "\f118"; -} -.fa-frown-o:before { - content: "\f119"; -} -.fa-meh-o:before { - content: "\f11a"; -} -.fa-gamepad:before { - content: "\f11b"; -} -.fa-keyboard-o:before { - content: "\f11c"; -} -.fa-flag-o:before { - content: "\f11d"; -} -.fa-flag-checkered:before { - content: "\f11e"; -} -.fa-terminal:before { - content: "\f120"; -} -.fa-code:before { - content: "\f121"; -} -.fa-mail-reply-all:before, -.fa-reply-all:before { - content: "\f122"; -} -.fa-star-half-empty:before, -.fa-star-half-full:before, -.fa-star-half-o:before { - content: "\f123"; -} -.fa-location-arrow:before { - content: "\f124"; -} -.fa-crop:before { - content: "\f125"; -} -.fa-code-fork:before { - content: "\f126"; -} -.fa-unlink:before, -.fa-chain-broken:before { - content: "\f127"; -} -.fa-question:before { - content: "\f128"; -} -.fa-info:before { - content: "\f129"; -} -.fa-exclamation:before { - content: "\f12a"; -} -.fa-superscript:before { - content: "\f12b"; -} -.fa-subscript:before { - content: "\f12c"; -} -.fa-eraser:before { - content: "\f12d"; -} -.fa-puzzle-piece:before { - content: "\f12e"; -} -.fa-microphone:before { - content: "\f130"; -} -.fa-microphone-slash:before { - content: "\f131"; -} -.fa-shield:before { - content: "\f132"; -} -.fa-calendar-o:before { - content: "\f133"; -} -.fa-fire-extinguisher:before { - content: "\f134"; -} -.fa-rocket:before { - content: "\f135"; -} -.fa-maxcdn:before { - content: "\f136"; -} -.fa-chevron-circle-left:before { - content: "\f137"; -} -.fa-chevron-circle-right:before { - content: "\f138"; -} -.fa-chevron-circle-up:before { - content: "\f139"; -} -.fa-chevron-circle-down:before { - content: "\f13a"; -} -.fa-html5:before { - content: "\f13b"; -} -.fa-css3:before { - content: "\f13c"; -} -.fa-anchor:before { - content: "\f13d"; -} -.fa-unlock-alt:before { - content: "\f13e"; -} -.fa-bullseye:before { - content: "\f140"; -} -.fa-ellipsis-h:before { - content: "\f141"; -} -.fa-ellipsis-v:before { - content: "\f142"; -} -.fa-rss-square:before { - content: "\f143"; -} -.fa-play-circle:before { - content: "\f144"; -} -.fa-ticket:before { - content: "\f145"; -} -.fa-minus-square:before { - content: "\f146"; -} -.fa-minus-square-o:before { - content: "\f147"; -} -.fa-level-up:before { - content: "\f148"; -} -.fa-level-down:before { - content: "\f149"; -} -.fa-check-square:before { - content: "\f14a"; -} -.fa-pencil-square:before { - content: "\f14b"; -} -.fa-external-link-square:before { - content: "\f14c"; -} -.fa-share-square:before { - content: "\f14d"; -} -.fa-compass:before { - content: "\f14e"; -} -.fa-toggle-down:before, -.fa-caret-square-o-down:before { - content: "\f150"; -} -.fa-toggle-up:before, -.fa-caret-square-o-up:before { - content: "\f151"; -} -.fa-toggle-right:before, -.fa-caret-square-o-right:before { - content: "\f152"; -} -.fa-euro:before, -.fa-eur:before { - content: "\f153"; -} -.fa-gbp:before { - content: "\f154"; -} -.fa-dollar:before, -.fa-usd:before { - content: "\f155"; -} -.fa-rupee:before, -.fa-inr:before { - content: "\f156"; -} -.fa-cny:before, -.fa-rmb:before, -.fa-yen:before, -.fa-jpy:before { - content: "\f157"; -} -.fa-ruble:before, -.fa-rouble:before, -.fa-rub:before { - content: "\f158"; -} -.fa-won:before, -.fa-krw:before { - content: "\f159"; -} -.fa-bitcoin:before, -.fa-btc:before { - content: "\f15a"; -} -.fa-file:before { - content: "\f15b"; -} -.fa-file-text:before { - content: "\f15c"; -} -.fa-sort-alpha-asc:before { - content: "\f15d"; -} -.fa-sort-alpha-desc:before { - content: "\f15e"; -} -.fa-sort-amount-asc:before { - content: "\f160"; -} -.fa-sort-amount-desc:before { - content: "\f161"; -} -.fa-sort-numeric-asc:before { - content: "\f162"; -} -.fa-sort-numeric-desc:before { - content: "\f163"; -} -.fa-thumbs-up:before { - content: "\f164"; -} -.fa-thumbs-down:before { - content: "\f165"; -} -.fa-youtube-square:before { - content: "\f166"; -} -.fa-youtube:before { - content: "\f167"; -} -.fa-xing:before { - content: "\f168"; -} -.fa-xing-square:before { - content: "\f169"; -} -.fa-youtube-play:before { - content: "\f16a"; -} -.fa-dropbox:before { - content: "\f16b"; -} -.fa-stack-overflow:before { - content: "\f16c"; -} -.fa-instagram:before { - content: "\f16d"; -} -.fa-flickr:before { - content: "\f16e"; -} -.fa-adn:before { - content: "\f170"; -} -.fa-bitbucket:before { - content: "\f171"; -} -.fa-bitbucket-square:before { - content: "\f172"; -} -.fa-tumblr:before { - content: "\f173"; -} -.fa-tumblr-square:before { - content: "\f174"; -} -.fa-long-arrow-down:before { - content: "\f175"; -} -.fa-long-arrow-up:before { - content: "\f176"; -} -.fa-long-arrow-left:before { - content: "\f177"; -} -.fa-long-arrow-right:before { - content: "\f178"; -} -.fa-apple:before { - content: "\f179"; -} -.fa-windows:before { - content: "\f17a"; -} -.fa-android:before { - content: "\f17b"; -} -.fa-linux:before { - content: "\f17c"; -} -.fa-dribbble:before { - content: "\f17d"; -} -.fa-skype:before { - content: "\f17e"; -} -.fa-foursquare:before { - content: "\f180"; -} -.fa-trello:before { - content: "\f181"; -} -.fa-female:before { - content: "\f182"; -} -.fa-male:before { - content: "\f183"; -} -.fa-gittip:before { - content: "\f184"; -} -.fa-sun-o:before { - content: "\f185"; -} -.fa-moon-o:before { - content: "\f186"; -} -.fa-archive:before { - content: "\f187"; -} -.fa-bug:before { - content: "\f188"; -} -.fa-vk:before { - content: "\f189"; -} -.fa-weibo:before { - content: "\f18a"; -} -.fa-renren:before { - content: "\f18b"; -} -.fa-pagelines:before { - content: "\f18c"; -} -.fa-stack-exchange:before { - content: "\f18d"; -} -.fa-arrow-circle-o-right:before { - content: "\f18e"; -} -.fa-arrow-circle-o-left:before { - content: "\f190"; -} -.fa-toggle-left:before, -.fa-caret-square-o-left:before { - content: "\f191"; -} -.fa-dot-circle-o:before { - content: "\f192"; -} -.fa-wheelchair:before { - content: "\f193"; -} -.fa-vimeo-square:before { - content: "\f194"; -} -.fa-turkish-lira:before, -.fa-try:before { - content: "\f195"; -} -.fa-plus-square-o:before { - content: "\f196"; -} -.fa-space-shuttle:before { - content: "\f197"; -} -.fa-slack:before { - content: "\f198"; -} -.fa-envelope-square:before { - content: "\f199"; -} -.fa-wordpress:before { - content: "\f19a"; -} -.fa-openid:before { - content: "\f19b"; -} -.fa-institution:before, -.fa-bank:before, -.fa-university:before { - content: "\f19c"; -} -.fa-mortar-board:before, -.fa-graduation-cap:before { - content: "\f19d"; -} -.fa-yahoo:before { - content: "\f19e"; -} -.fa-google:before { - content: "\f1a0"; -} -.fa-reddit:before { - content: "\f1a1"; -} -.fa-reddit-square:before { - content: "\f1a2"; -} -.fa-stumbleupon-circle:before { - content: "\f1a3"; -} -.fa-stumbleupon:before { - content: "\f1a4"; -} -.fa-delicious:before { - content: "\f1a5"; -} -.fa-digg:before { - content: "\f1a6"; -} -.fa-pied-piper-square:before, -.fa-pied-piper:before { - content: "\f1a7"; -} -.fa-pied-piper-alt:before { - content: "\f1a8"; -} -.fa-drupal:before { - content: "\f1a9"; -} -.fa-joomla:before { - content: "\f1aa"; -} -.fa-language:before { - content: "\f1ab"; -} -.fa-fax:before { - content: "\f1ac"; -} -.fa-building:before { - content: "\f1ad"; -} -.fa-child:before { - content: "\f1ae"; -} -.fa-paw:before { - content: "\f1b0"; -} -.fa-spoon:before { - content: "\f1b1"; -} -.fa-cube:before { - content: "\f1b2"; -} -.fa-cubes:before { - content: "\f1b3"; -} -.fa-behance:before { - content: "\f1b4"; -} -.fa-behance-square:before { - content: "\f1b5"; -} -.fa-steam:before { - content: "\f1b6"; -} -.fa-steam-square:before { - content: "\f1b7"; -} -.fa-recycle:before { - content: "\f1b8"; -} -.fa-automobile:before, -.fa-car:before { - content: "\f1b9"; -} -.fa-cab:before, -.fa-taxi:before { - content: "\f1ba"; -} -.fa-tree:before { - content: "\f1bb"; -} -.fa-spotify:before { - content: "\f1bc"; -} -.fa-deviantart:before { - content: "\f1bd"; -} -.fa-soundcloud:before { - content: "\f1be"; -} -.fa-database:before { - content: "\f1c0"; -} -.fa-file-pdf-o:before { - content: "\f1c1"; -} -.fa-file-word-o:before { - content: "\f1c2"; -} -.fa-file-excel-o:before { - content: "\f1c3"; -} -.fa-file-powerpoint-o:before { - content: "\f1c4"; -} -.fa-file-photo-o:before, -.fa-file-picture-o:before, -.fa-file-image-o:before { - content: "\f1c5"; -} -.fa-file-zip-o:before, -.fa-file-archive-o:before { - content: "\f1c6"; -} -.fa-file-sound-o:before, -.fa-file-audio-o:before { - content: "\f1c7"; -} -.fa-file-movie-o:before, -.fa-file-video-o:before { - content: "\f1c8"; -} -.fa-file-code-o:before { - content: "\f1c9"; -} -.fa-vine:before { - content: "\f1ca"; -} -.fa-codepen:before { - content: "\f1cb"; -} -.fa-jsfiddle:before { - content: "\f1cc"; -} -.fa-life-bouy:before, -.fa-life-saver:before, -.fa-support:before, -.fa-life-ring:before { - content: "\f1cd"; -} -.fa-circle-o-notch:before { - content: "\f1ce"; -} -.fa-ra:before, -.fa-rebel:before { - content: "\f1d0"; -} -.fa-ge:before, -.fa-empire:before { - content: "\f1d1"; -} -.fa-git-square:before { - content: "\f1d2"; -} -.fa-git:before { - content: "\f1d3"; -} -.fa-hacker-news:before { - content: "\f1d4"; -} -.fa-tencent-weibo:before { - content: "\f1d5"; -} -.fa-qq:before { - content: "\f1d6"; -} -.fa-wechat:before, -.fa-weixin:before { - content: "\f1d7"; -} -.fa-send:before, -.fa-paper-plane:before { - content: "\f1d8"; -} -.fa-send-o:before, -.fa-paper-plane-o:before { - content: "\f1d9"; -} -.fa-history:before { - content: "\f1da"; -} -.fa-circle-thin:before { - content: "\f1db"; -} -.fa-header:before { - content: "\f1dc"; -} -.fa-paragraph:before { - content: "\f1dd"; -} -.fa-sliders:before { - content: "\f1de"; -} -.fa-share-alt:before { - content: "\f1e0"; -} -.fa-share-alt-square:before { - content: "\f1e1"; -} -.fa-bomb:before { - content: "\f1e2"; -} - -/*! - * froala_editor v1.1.8 (http://editor.froala.com) - * Copyright 2014-2014 Froala - */ -[contenteditable], -[contenteditable]:focus { - outline: 0px solid transparent; -} -button { - outline: none; -} -.f-non-selectable { - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.f-non-selectable * { - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.f-italic { - font-style: italic !important; -} -.f-spaced { - letter-spacing: 3px !important; -} -.f-uppercase { - text-transform: uppercase !important; -} -.f-typewriter { - font-family: 'Lucida Console', monospace !important; - line-height: 160% !important; - font-size: 14px; -} -.froala-box { - position: relative; -} -.froala-box .html-switch { - position: absolute; - left: 0; - top: -30px; - z-index: 1000; - display: none; - font-size: 14px; - line-height: 160%; - height: 30px; - border: solid 1px #aaaaaa; -} -.froala-box.f-html .html-switch { - display: inline-block; -} -.froala-element { - min-height: 20px; - overflow-y: auto; - overflow-x: hidden; - position: relative; - word-wrap: break-word; - line-height: 120%; - vertical-align: top; - text-align: left; -} -.froala-element ul, -.froala-element ol { - padding-left: 20px; -} -.froala-element ul li, -.froala-element ol li { - position: relative; - left: 20px; - margin-right: 20px; -} -.froala-element hr { - height: 0px; - border: 0; - border-top: solid 1px #cccccc; - clear: both; -} -.froala-element * { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.froala-element.f-image { - overflow: visible; -} -.froala-element.f-tni span.f-img-wrap { - display: block; - text-align: center; -} -.froala-element.f-tni span.f-img-wrap:after { - clear: both; - display: block; - content: ""; -} -.froala-element.f-tni span.f-img-editor { - display: inline-block; -} -.froala-element.f-tni img { - display: block; - margin-left: auto !important; - margin-right: auto !important; -} -.froala-element.f-tni img:after { - clear: both; - display: block; - content: ""; -} -.froala-element span { - line-height: 120%; -} -.froala-element.f-basic.f-placeholder:before { - left: 10px; - right: 10px; - top: 10px; -} -.froala-element.f-placeholder:before { - color: #cccccc; - font-style: italic; - content: attr(data-placeholder); - position: absolute; - margin: auto; - left: 0; - top: 0; - right: 0; -} -.froala-element.not-msie pre, -.froala-element.not-msie blockquote { - overflow: hidden; -} -.froala-element pre { - white-space: pre-wrap; - /* CSS3 */ - white-space: -moz-pre-wrap; - /* Mozilla, post millennium */ - white-space: -pre-wrap; - /* Opera 4-6 */ - white-space: -o-pre-wrap; - /* Opera 7 */ - word-wrap: break-word; - /* Internet Explorer 5.5+ */ - border: solid 1px #cccccc; - background: #fcfcfc; - padding: 10px; - border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.froala-element blockquote { - margin-left: 20px; - margin-right: 0; - margin-top: 0; - padding-left: 20px; - position: relative; - font-style: italic; - border-left: solid 5px #cccccc; -} -.froala-element table { - border-collapse: collapse; - empty-cells: show; -} -.froala-element table > span, -.froala-element table tr > span { - display: none; - visibility: hidden; -} -.froala-element table td { - border: solid 1px #cccccc; - padding: 5px; -} -.froala-element a { - cursor: pointer; -} -.froala-element img { - min-width: 32px !important; - min-height: 32px !important; - cursor: pointer; - z-index: 1; - position: relative; - vertical-align: top; -} -.froala-element:not(.ie8) img { - max-width: 100% !important; -} -.froala-element img::selection { - color: #ffffff; - background-color: transparent !important; -} -.froala-element img::-moz-selection { - color: #ffffff; - background-color: transparent !important; -} -.froala-element span.f-img-wrap { - line-height: 0; - display: block; - text-align: center; -} -.froala-element span.f-img-editor { - display: inline-block; - position: relative; - max-width: 100% !important; - text-align: center; - padding: 0px; - line-height: 0; - overflow: visible; - z-index: 2; - vertical-align: top; -} -.froala-element span.f-img-editor:before { - content: " "; - position: absolute; - top: -2px; - left: -2px; - bottom: -2px; - right: -2px; - display: block; - border: solid 2px #ffffff; - outline: solid 1px #252525; -} -.froala-element span.f-img-editor:after { - content: ""; - display: block; - clear: both; -} -.froala-element span.f-img-handle { - position: absolute; - height: 15px; - width: 15px; - border: solid 1px #252525; - background: #ffffff; - z-index: 2; - margin: auto; -} -.froala-element span.f-img-handle.f-h-ne { - top: -3px; - left: auto; - right: -3px; - bottom: auto; - cursor: ne-resize; -} -.froala-element span.f-img-handle.f-h-se { - top: auto; - left: auto; - right: -3px; - bottom: -3px; - cursor: se-resize; -} -.froala-element span.f-img-handle.f-h-sw { - top: auto; - left: -3px; - right: auto; - bottom: -3px; - cursor: sw-resize; -} -.froala-element span.f-img-handle.f-h-nw { - top: -3px; - left: -3px; - right: auto; - bottom: auto; - cursor: nw-resize; -} -.f-html .froala-element { - background: #444444; - color: #ffffff; - font-family: "Courier New", Courier, monospace; - font-size: 13px; - overflow-y: auto; - padding: 0; -} -.f-html .froala-element:after { - clear: both; - display: block; - content: ""; -} -.f-html .froala-element textarea { - direction: ltr !important; - text-align: left; - width: 100%; - word-wrap: break-word; - padding: 0 0 0 10px; - background: transparent; - border: 0 transparent; - color: #FFF; - resize: none !important; - line-height: 140%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - resize: none; - min-height: 100px; -} -.froala-editor *:not(input):not(textarea) { - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.froala-editor { - text-align: left; - background: #ffffff; - border: solid 1px #252525; - border-top: solid 5px #252525; - padding: 0; - position: absolute; - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - font-size: 15px; - z-index: 1000; - font-family: Arial, Helvetica, sans-serif; - line-height: 140%; -} -.froala-editor * { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.froala-editor:not(.froala-modal):before { - width: 0; - height: 0; - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-bottom-color: inherit; - border-bottom-style: solid; - border-bottom-width: 6px; - content: ''; - position: absolute; - top: -10px; - left: 15px; -} -.froala-editor.right-side:before { - right: 15px; - left: auto; -} -.froala-editor .bttn-wrapper { - white-space: nowrap; -} -.froala-editor hr { - border: 0; - border-top-width: 1px; - border-top-style: solid; - border-top-color: #cccccc; - margin: 0 !important; - height: 0; -} -.froala-editor span.f-sep { - display: inline-block; - width: 0px; - height: 35px; - margin: 0; - border-right: solid 1px #cccccc; - float: left; -} -.froala-editor button::-moz-focus-inner { - border: 0; -} -.froala-editor i.for-text { - font-style: normal; - font-weight: bold; - padding-left: 4px; -} -.froala-editor .fr-dropdown { - display: inline-block; - position: relative; - text-align: left; - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.froala-editor .fr-dropdown .fr-trigger.active + .fr-dropdown-menu { - display: block; -} -.froala-editor .fr-dropdown .fr-trigger { - padding-left: 2px; - text-align: left; -} -.froala-editor .fr-dropdown .fr-trigger i { - margin-left: 5px; -} -.froala-editor .fr-dropdown .fr-dropdown-menu { - display: none; - position: absolute; - background: #ffffff; - text-align: left; - left: 0px; - top: 35px; - margin-top: 0; - padding: 0; - border: solid 1px #cccccc; - z-index: 1000; -} -.froala-editor .fr-dropdown .fr-dropdown-menu li { - list-style-type: none; - position: relative; -} -.froala-editor .fr-dropdown .fr-dropdown-menu li button.fr-bttn { - margin: 5px 5px; -} -.froala-editor .fr-dropdown .fr-dropdown-menu li.active a { - background: #444444 !important; - color: #ffffff !important; -} -.froala-editor .fr-dropdown .fr-dropdown-menu li a { - padding: 5px 25px; - margin: 0; - display: block; - text-decoration: none; - outline: 0; - color: #353535; - white-space: nowrap; - font-size: 14px; - line-height: 130%; -} -.froala-editor .fr-dropdown .fr-dropdown-menu li a:hover { - background: #444444 !important; - color: #ffffff !important; -} -.froala-editor .fr-dropdown .fr-dropdown-menu hr { - clear: both; - height: 0; - border: 0; - display: block; -} -.froala-editor .fr-dropdown .fr-dropdown-menu:after { - clear: both; - content: ""; - display: block; -} -.froala-editor .fr-dropdown.fr-color-picker i { - padding-left: 3px; -} -.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu { - padding: 10px 10px 10px; - line-height: 0px; - white-space: nowrap; - text-align: left; - direction: ltr !important; -} -.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu > div { - white-space: nowrap; - display: inline-block; -} -.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu > div + div { - margin-left: 12px; -} -.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu p { - margin: 6px 0px 12px 0px; - font-size: 13px; - color: #444444; -} -.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn { - display: inline; - width: 18px; - height: 18px; - padding: 0; - border: solid 1px #ffffff; - position: relative; - z-index: 100; - line-height: 16px !important; - border-radius: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn.active { - border: solid 1px #ffffff; - outline: solid 1px #252525; - z-index: 101; -} -.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn.active:after { - position: absolute; - left: 2px; - top: 1px; - content: "\f00c"; - font-family: 'FontAwesome'; - font-weight: normal; - font-size: 12px; - color: #ffffff; -} -.froala-editor button i { - font-family: 'FontAwesome'; - font-style: normal; - font-weight: normal; -} -.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .separator { - height: 8px; -} -.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn:hover:not(:focus):not(:active) { - border: solid 1px #252525; -} -.froala-editor .fr-dropdown .fr-dropdown-menu li a.format-blockquote { - font-style: italic; -} -.froala-editor .fr-dropdown .fr-dropdown-menu li a.format-pre { - font-family: monospace, sans-serif; -} -.froala-editor .fr-dropdown .fr-dropdown-menu li a.format-h1 { - font-size: 2em; - line-height: 120%; - font-weight: bolder; -} -.froala-editor .fr-dropdown .fr-dropdown-menu li a.format-h2 { - font-size: 1.5em; - line-height: 120%; - font-weight: bolder; -} -.froala-editor .fr-dropdown .fr-dropdown-menu li a.format-h3 { - font-size: 1.17em; - line-height: 120%; - font-weight: bolder; -} -.froala-editor .fr-dropdown .fr-dropdown-menu li a.format-h4 { - line-height: 120%; - font-weight: bolder; -} -.froala-editor .fr-dropdown .fr-dropdown-menu li a.format-h5 { - font-size: .83em; - line-height: 120%; - font-weight: bolder; -} -.froala-editor .fr-dropdown .fr-dropdown-menu li a.format-h6 { - font-size: .75em; - line-height: 120%; - font-weight: bolder; -} -.froala-editor .fr-dropdown .fr-dropdown-menu.f-font-sizes { - max-height: 200px; - overflow-y: scroll; -} -.froala-editor .fr-dropdown .fr-dropdown-menu.f-font-sizes a { - padding: 5px 7px !important; - font-size: 12px; - line-height: 160%; -} -.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > a { - padding-left: 10px; - position: relative; -} -.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > a i { - bottom: 0; - font-size: 12px; - height: 10px; - margin: auto; - position: absolute; - right: 5px; - top: 0; -} -.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li:hover > a { - background: #444444; - color: #ffffff; -} -.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li:hover > div, -.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li:hover > ul { - display: block !important; -} -.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > ul { - display: none; - position: absolute; - left: 100%; - top: 0; - background: #ffffff; - color: #353535; - border: solid 1px #cccccc; - line-height: 0; - padding: 0; - margin: 0; -} -.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > ul a { - padding: 5px 10px; -} -.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div { - display: none; - position: absolute; - left: 100%; - top: 0; - background: #ffffff; - color: #353535; - border: solid 1px #cccccc; - line-height: 0; - padding: 5px; -} -.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > div.fr-t-info { - line-height: 140%; - text-align: center; - font-size: 13px; - padding-bottom: 5px; -} -.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span { - display: inline-block; - padding: 0px 4px 4px 0; - line-height: 0; - float: none; -} -.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span > span { - display: inline-block; - width: 12px; - height: 12px; - border: solid 1px #cccccc; -} -.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span:hover > span, -.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span.hover > span { - background: rgba(61, 142, 185, 0.3); - border: solid 1px #3d8eb9; -} -.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div .new-line { - content: ""; - display: block; - clear: both; -} -.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > hr { - border-top: solid 1px #cccccc; -} -.froala-editor .fr-dropdown .fr-dropdown-menu.f-align a { - padding: 5px 0px !important; - width: 40px; - text-align: center; - font-size: 16px; -} -.froala-editor button.fr-bttn, -.froala-editor button.fr-trigger { - padding: 0; - background: transparent; - color: #353535; - -moz-outline: 0; - outline: 0; - border: 0; - font-size: 16px; - line-height: 35px; - display: inline-block; - cursor: pointer; - width: 40px; - text-align: center; - margin: 0px; - -webkit-transition: background linear 0.2s; - -moz-transition: background linear 0.2s; - -ms-transition: background linear 0.2s; - -o-transition: background linear 0.2s; - border-radius: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - z-index: 2; -} -.froala-editor button.fr-bttn img, -.froala-editor button.fr-trigger img { - max-width: 40px; - max-height: 35px; - display: block; -} -.froala-editor button.fr-bttn:disabled, -.froala-editor button.fr-trigger:disabled { - color: #aaaaaa !important; - background: transparent !important; - cursor: default; -} -.froala-editor button.fr-bttn:disabled:after, -.froala-editor button.fr-trigger:disabled:after { - border-top-color: #aaaaaa !important; -} -.froala-editor button.fr-bttn i, -.froala-editor button.fr-trigger i { - line-height: 170%; - -moz-outline: 0; - outline: 0; -} -.froala-editor .bttn-wrapper:not(.touch) button.fr-bttn:hover, -.froala-editor .bttn-wrapper:not(.touch) button.fr-trigger:hover { - background: #2c82c9; - color: #ffffff; -} -.froala-editor .bttn-wrapper:not(.touch) button.fr-bttn:hover:after, -.froala-editor .bttn-wrapper:not(.touch) button.fr-trigger:hover:after { - border-top-color: #ffffff; -} -.froala-editor .fr-bttn.active { - color: #2c82c9; - background: transparent; -} -.froala-editor .fr-trigger:after { - width: 0; - height: 0; - border-left: 3px solid transparent; - border-right: 3px solid transparent; - border-top-width: 3px; - border-top-style: solid; - border-top-color: #353535; - content: ' '; - position: absolute; - top: 15px; - right: 8px; - color: inherit; - cursor: pointer; - z-index: 3; - zoom: 1; -} -.froala-editor .fr-trigger.active { - color: #ffffff; - background: #2c82c9; -} -.froala-editor .fr-trigger.active:after { - border-top-color: #ffffff !important; -} -.froala-editor .froala-popup { - font-size: 13px; -} -.froala-editor .froala-popup *:not(input):not(textarea) { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.froala-editor .froala-popup h4 { - margin: 0; - font-size: 14px; - color: #444444; - margin: 7px 7px 0; -} -.froala-editor .froala-popup h4:after { - content: "."; - display: block; - clear: both; - visibility: hidden; - line-height: 0; - height: 0; -} -.froala-editor .froala-popup h4 span { - float: left; -} -.froala-editor .froala-popup h4 i { - float: right; - cursor: pointer; - color: #cccccc; - -webkit-transition: all 0.2s ease-in; - -moz-transition: all 0.2s ease-in; - -ms-transition: all 0.2s ease-in; - -o-transition: all 0.2s ease-in; -} -.froala-editor .froala-popup h4 i.fa-external-link { - float: left; - margin-left: 5px; - margin-top: 1px; - color: #444444; -} -.froala-editor .froala-popup h4 i.fa-external-link:hover { - color: #2c82c9; -} -.froala-editor .froala-popup h4 i:hover { - color: #444444; -} -.froala-editor .froala-popup div.f-popup-line { - margin: 0px 7px; - padding: 10px 0; - display: block; - position: relative; -} -.froala-editor .froala-popup div.f-popup-line:after { - content: ""; - display: block; - clear: both; -} -.froala-editor .froala-popup div.f-popup-line label { - float: left; - margin: 5px 5px 0; - line-height: 120%; - color: #444444; -} -.froala-editor .froala-popup div.f-popup-line input[type="text"] { - font-size: 12px; - width: 250px; - border: solid 1px #cccccc; - margin: 0 5px !important; - height: 25px; - line-height: 21px; - display: block; - padding: 2px; - float: left; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - border-radius: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - box-shadow: none; - -moz-box-shadow: none; - -webkit-box-shadow: none; - outline: 0; -} -.froala-editor .froala-popup div.f-popup-line input[type="text"]:focus { - border-color: #54acd2; -} -.froala-editor .froala-popup div.f-popup-line input[type="checkbox"] { - float: left; - margin-right: 0; - margin-left: 0; - margin-top: 3px; -} -.froala-editor .froala-popup div.f-popup-line textarea { - padding: 5px; - font-size: 12px; - margin: 0; - border: solid 1px #cccccc; - width: 100%; - height: 50px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - resize: none; - -moz-resize: none; - -webkit-resize: none; - border-radius: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - box-shadow: none; - -moz-box-shadow: none; - -webkit-box-shadow: none; - outline: 0; -} -.froala-editor .froala-popup div.f-popup-line textarea:focus { - border-color: #54acd2; - outline: 0; -} -.froala-popup.froala-image-popup div.f-popup-line.drop-upload { - overflow: hidden; - position: relative; -} -.froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload { - border: dashed 2px #cccccc; - color: #444444; - font-weight: normal; - text-align: center; - padding: 10px 0; - min-width: 315px; - position: relative; - overflow: hidden; -} -.froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload:hover { - border: dashed 2px #353535; -} -.froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload.f-hover { - border: dashed 2px #61bd6d; -} -.froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload strong { - font-size: 14px; -} -.froala-popup.froala-image-popup div.f-popup-line.drop-upload form { - width: 100%; - height: 100%; - background: transparent; - position: absolute; - top: 0; - left: 0; - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - cursor: pointer; - overflow: hidden; -} -.froala-popup.froala-image-popup div.f-popup-line.drop-upload form input { - background: transparent; - display: inline-block; - width: 400%; - margin-left: -300%; - height: 100%; - cursor: pointer; - font-size: 1000px !important; -} -.froala-popup.froala-image-popup div.f-popup-line.drop-upload form button { - background: transparent; -} -.froala-popup.froala-image-popup div.f-popup-line button.f-browse { - display: none; - margin: 0 5px 0 -1px; - padding: 2px 7px; - background: #475577; - color: #ffffff; -} -.froala-popup.froala-image-popup div.f-popup-line button.f-browse:hover { - background: #353535; - color: #ffffff; -} -.froala-popup.froala-image-popup div.f-popup-line + div.f-popup-line { - border-top: solid 1px #cccccc; -} -.froala-popup.froala-image-popup div.f-popup-line input[type="text"] { - margin-right: 0 !important; - width: 200px; -} -.froala-popup.froala-image-popup p.f-progress { - width: 100%; - display: none; - background-color: #61bd6d; - border: 0; - height: 20px; - margin: 5px 0; - width: 250px; -} -.froala-popup.froala-image-popup p.f-progress span { - display: inline-block; - height: 100%; - background-color: #61bd6d; - text-align: center; - color: #ffffff; - line-height: 20px; -} -.froala-popup.froala-image-editor-popup div.f-popup-line { - padding: 0; - margin: 0; -} -.froala-popup.froala-image-editor-popup div.f-popup-line input[type="text"] { - width: 160px; -} -.froala-popup.froala-image-editor-popup div.f-popup-line + div.f-popup-line { - border-top: solid 1px #cccccc; - padding: 5px; -} -.froala-popup.froala-link-popup div.f-popup-line button { - float: right; -} -.froala-popup.froala-link-popup div.f-popup-line input[type="text"] { - margin-left: 0 !important; - margin-right: 0 !important; -} -.froala-popup.froala-link-popup div.f-popup-line input[type="text"].f-bi { - width: 225px; -} -.froala-popup.froala-link-popup div.f-popup-line + div.f-popup-line { - padding-top: 0; -} -.froala-popup.froala-link-popup div.f-popup-line .f-browse-links { - background: #475577; - color: #ffffff; - margin-left: -1px; -} -.froala-popup.froala-link-popup div.f-popup-line .f-browse-links:hover { - background: #353535; - color: #ffffff; -} -.froala-popup.froala-link-popup div.f-popup-line ul { - background: #ffffff; - display: block; - list-style-type: none; - margin: 0; - padding: 0; - position: absolute; - top: 25px; - left: 0px; - right: 0px; - border: solid 1px #cccccc; - border-top: 0; - display: none; - max-height: 100px; - overflow-x: hidden; - overflow-y: auto; - z-index: 2; -} -.froala-popup.froala-link-popup div.f-popup-line ul li { - padding: 2px 5px; - cursor: pointer; - color: #444444; -} -.froala-popup.froala-link-popup div.f-popup-line ul li + li { - border-top: solid 1px #cccccc; -} -.froala-popup.froala-link-popup div.f-popup-line ul li:hover { - background: #444444; - color: #ffffff; -} -.froala-popup.froala-video-popup div.f-popup-line { - padding-bottom: 0; -} -.froala-popup.froala-video-popup p { - margin: 0; - text-align: center; - font-weight: bold; -} -.froala-popup.froala-video-popup p + div.f-popup-line { - padding-top: 2px; - padding-bottom: 7px; -} -.froala-popup.froala-video-popup p.or { - color: #444444; -} -.froala-popup.froala-text-popup div.f-popup-line input { - margin-left: 0 !important; -} -.froala-popup button { - border: 0; - color: #ffffff; - padding: 2px 5px; - margin: 0; - font-size: 12px; - line-height: 21px; - font-weight: bold; - cursor: pointer; - float: left; - -webkit-transition: background linear 0.2s; - -moz-transition: background linear 0.2s; - -ms-transition: background linear 0.2s; - -o-transition: background linear 0.2s; - min-width: 16px; -} -.froala-popup button.f-ok { - background: #2c82c9; - color: #ffffff; -} -.froala-popup button.f-unlink { - background: #b8312f; - margin: 0 5px; -} -.froala-popup button:hover { - background: #353535; - color: #ffffff; -} -.froala-modal { - position: fixed; - z-index: 1001; - overflow-x: auto; - overflow-y: scroll; - top: 0; - left: 0; - bottom: 0; - right: 0; - text-align: center; -} -.froala-modal .f-modal-wrapper { - margin: 50px auto; - display: inline-block; - background: #ffffff; - min-width: 300px; - text-align: center; - border: solid 1px #252525; - border-top: solid 5px #252525; -} -.froala-modal .f-modal-wrapper .f-preloader { - margin: 50px 0; -} -.froala-modal .f-modal-wrapper h4 { - margin: 0; - font-size: 18px; - color: #444444; - margin: 10px 10px; - text-align: left; -} -.froala-modal .f-modal-wrapper h4:after { - content: "."; - display: block; - clear: both; - visibility: hidden; - line-height: 0; - height: 0; -} -.froala-modal .f-modal-wrapper h4 i { - float: right; - cursor: pointer; - color: #cccccc; -} -.froala-modal .f-modal-wrapper h4 i:hover { - color: #444444; -} -.froala-modal .f-modal-wrapper div.f-image-list { - list-style-type: none; - margin: 10px; - padding: 0; - column-count: 3; - -moz-column-count: 3; - -webkit-column-count: 3; - column-gap: 10px; - -moz-column-gap: 10px; - -webkit-column-gap: 10px; - width: 600px; -} -.froala-modal .f-modal-wrapper div.f-image-list div { - position: relative; - width: 100%; - display: inline-block; - margin-bottom: 10px; -} -.froala-modal .f-modal-wrapper div.f-image-list div.f-img-deleting:after { - position: absolute; - -webkit-opacity: 0.75; - -moz-opacity: 0.75; - opacity: 0.75; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - background: #000; - content: ""; - top: 0; - left: 0; - bottom: 0; - right: 0; - color: #FFF; - z-index: 2; -} -.froala-modal .f-modal-wrapper div.f-image-list div.f-img-deleting:before { - content: "Deleting..."; - color: #FFF; - top: 0; - left: 0; - bottom: 0; - right: 0; - margin: auto; - position: absolute; - z-index: 3; - font-size: 15px; - height: 20px; -} -.froala-modal .f-modal-wrapper div.f-image-list div.f-empty { - width: 100%; - height: 200px; - background: #cccccc; - position: relative; - margin-bottom: 10px; -} -.froala-modal .f-modal-wrapper div.f-image-list div.f-empty:after { - position: absolute; - margin: auto; - top: 0; - bottom: 0; - left: 0; - right: 0; - content: "Loading.."; - display: inline-block; - height: 20px; -} -.froala-modal .f-modal-wrapper div.f-image-list div img { - width: 100%; - -webkit-opacity: 0.75; - -moz-opacity: 0.75; - opacity: 0.75; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - vertical-align: middle; -} -.froala-modal .f-modal-wrapper div.f-image-list div .f-delete-img { - display: none; - bottom: 0px; - left: 0; - background: #252525; - color: #ffffff; - font-family: Arial, Helvetica; - font-size: 12px; - text-transform: uppercase; - letter-spacing: 1px; - padding: 5px; - position: absolute; - -webkit-transition: background 0.2s; - -moz-transition: background 0.2s; - -ms-transition: background 0.2s; - -o-transition: background 0.2s; - cursor: pointer; - margin: 0; - text-decoration: none; -} -.froala-modal .f-modal-wrapper div.f-image-list div .f-delete-img { - display: inline-block; -} -.froala-modal .f-modal-wrapper div.f-image-list:not(.f-touch) .f-delete-img { - display: none; -} -.froala-modal .f-modal-wrapper div.f-image-list:not(.f-touch) div:hover .f-delete-img { - display: inline-block; -} -.froala-modal .f-modal-wrapper div.f-image-list:not(.f-touch) div:hover .f-delete-img:hover { - background: #d14841; - color: #ffffff; -} -.froala-modal .f-modal-wrapper div.f-image-list:not(.f-touch) div:hover img { - -webkit-opacity: 1; - -moz-opacity: 1; - opacity: 1; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -} -.froala-overlay { - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: #000; - z-index: 1000; - -webkit-opacity: 0.5; - -moz-opacity: 0.5; - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -} -.froala-editor.f-rtl { - direction: rtl; - text-align: right; -} -.froala-editor.f-rtl.f-basic .fr-bttn { - float: right; -} -.froala-editor.f-rtl.f-basic .f-sep { - float: right; -} -.froala-editor.f-rtl .fr-dropdown-menu { - text-align: right !important; - direction: rtl !important; -} -.froala-editor.f-rtl .fr-dropdown-menu li.active:before { - left: auto; - right: 5px; -} -.froala-editor.f-rtl .fr-dropdown.fr-color-picker .fr-dropdown-menu p { - text-align: right !important; - direction: rtl !important; -} -.froala-editor.f-rtl .fr-dropdown.fr-table .fr-dropdown-menu > li > a { - padding: 5px 10px 5px 25px; -} -.froala-editor.f-rtl .fr-dropdown.fr-table .fr-dropdown-menu > li > a i { - right: auto; - left: 5px; -} -.froala-editor.f-rtl .fr-dropdown.fr-table .fr-dropdown-menu > li > a i:before { - content: '\f053'; -} -.froala-editor.f-rtl .fr-dropdown.fr-table .fr-dropdown-menu > li > div, -.froala-editor.f-rtl .fr-dropdown.fr-table .fr-dropdown-menu > li > ul { - right: 100%; - left: auto; -} -.froala-editor.f-rtl .froala-popup div.f-popup-line label, -.froala-editor.f-rtl .froala-popup div.f-popup-line input { - float: right !important; -} -.froala-editor.f-rtl .froala-popup div.f-popup-line button { - float: left !important; -} -.froala-editor.f-rtl .froala-popup div.f-popup-line button.f-ok { - margin-right: 5px; -} -.froala-editor.f-rtl .froala-popup div.f-popup-line button.fr-bttn { - float: right !important; -} -.froala-editor.f-rtl .froala-popup div.f-popup-line button.f-browse { - float: right !important; - margin: 0 -1px 0 0; -} -.froala-editor.f-rtl .froala-popup div.f-popup-line input[type="text"] { - margin-left: 0 !important; -} -.froala-editor.f-rtl .froala-popup h4 { - direction: rtl !important; -} -.froala-editor.f-rtl .froala-popup h4 span { - float: right; -} -.froala-editor.f-rtl .froala-popup h4 .f-external-link { - float: right; -} -.froala-editor.f-rtl .froala-popup h4 .f-external-link i { - margin-right: 5px; - margin-left: 1px; -} -.froala-editor.f-rtl .froala-popup h4 i { - float: left !important; -} -.froala-modal.f-rtl .f-modal-wrapper { - direction: rtl; - text-align: right; -} -.froala-modal.f-rtl .f-modal-wrapper h4 span { - float: right !important; -} -.froala-modal.f-rtl .f-modal-wrapper h4 i { - float: left !important; -} -.froala-modal.f-rtl .f-modal-wrapper a.f-delete-img { - left: auto !important; - right: 0; -} -.froala-element.f-rtl { - direction: rtl; - text-align: right; -} -.froala-element.f-rtl.f-placeholder:before { - left: auto; - right: 10px; -} -.froala-editor.f-basic { - padding: 0px; - z-index: 999; - position: relative; - border-bottom: 0; -} -.froala-editor.f-basic:before { - display: none; -} -.froala-editor.f-basic:after { - content: ""; - display: block; - clear: both; -} -.froala-editor.f-basic .fr-bttn { - margin: 0; - float: left; -} -.froala-editor.f-basic.f-scroll { - position: absolute; - left: 0; - right: 0; - border-bottom-width: 1px; - border-bottom-style: solid; - border-bottom-color: inherit; -} -.froala-editor.f-basic hr { - display: none; -} -.froala-element.f-basic { - border: solid 1px #444444; - padding: 10px; -} -.froala-element.f-basic span.f-img-editor { - left: 0; - right: 0; -} -.ie8 .froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload { - min-width: 350px; -} -.ie8 .froala-popup.froala-image-editor-popup div.f-popup-line + div.f-popup-line { - min-width: 250px; -} -.froala-element.ie8.f-placeholder:before { - display: none; -} -.froala-editor.ie8 button.fr-bttn, -.froala-editor.ie8 button.fr-trigger { - zoom: 1; - position: relative; -} -.froala-editor.ie8 button.fr-bttn:hover, -.froala-editor.ie8 button.fr-trigger:hover { - background: #2c82c9; - color: #ffffff; -} -.froala-editor.ie8 button.fr-bttn:hover:after, -.froala-editor.ie8 button.fr-trigger:hover:after { - border-top-color: #ffffff; - z-index: 3; -} diff --git a/app/assets/stylesheets/sass/_layout.scss b/app/assets/stylesheets/sass/_layout.scss deleted file mode 100644 index 9e86d96..0000000 --- a/app/assets/stylesheets/sass/_layout.scss +++ /dev/null @@ -1,1083 +0,0 @@ -/** - - Layouts only - -*/ - -html { - background-color: $primary-color; -} - -body { - height: auto; - background-color: $white -} - -#main-nav { - background-color: $white; - width: 100%; - display: block; - font-size: 0.6667em; - font-size: 2.4vw; - overflow: hidden; - height: 3.1em; - min-height: 42px; - - p { - display: none; - } - - .buttons { - display: block; - width: 87%; - height: 100%; - //overflow: hidden; - white-space: nowrap; - float: right; - } - - .button { - width: 33.3%; - height: 100%; - margin: 0; - float: left; - display: -webkit-flexbox; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - text-align: center; - - &:hover { - background-color: rgba($white, 0.85); - } - - &.active { - &:after { - content: ''; - width: 0; - height: 0; - display: block; - position: absolute; - border-style: solid; - border-width: 1em 1em 0 1em; - border-color: #a0c700 transparent transparent transparent; - left: 0; - right: 0; - margin: 0.15em auto 0; - top: 100%; - z-index: 1; - border-width: 3vw 5vw 0 5vw; - } - } - - &.logo { - background-color: transparent; - width: 13%; - border: 0; - padding: 0; - vertical-align: top; - //overflow: hidden; - height: 100%; - float: left; - - .logo { - width: 100%; - height: 90%;//2em; - fill: $primary-color; - position: absolute; - left: 0; - margin-top: 0.15em; - } - - .logo-text { - display: none; - fill: $white; - } - - &:hover { - background-color: transparent; - color: $black; - } - } - } - - @include breakpoint(medium) { - height: 5em; - position: absolute; - z-index: 10; - //background-color: $white; - background-color: rgba($white, 0.5); - - .has-banner-image & { - background-color: transparent; - @include background-image(linear-gradient(top, #000 0%, rgba(#000, 0) 100%)); - } - - .buttons { - display: block; - width: 70%; - height: auto; - //overflow: hidden; - white-space: normal; - font-size: 0.75em; - margin-top: 2.5%; - } - - p { - font-size: 1.25em; - font-size: 1.25vw; - line-height: 1.2em; - } - - .button { - width: auto; - height: auto; - //float: none; - //margin: 0 0 1.25rem; - margin: 1%; - width: 30%; - display: block; - - &.logo { - position: relative; - //width: 100%; - //height: auto; - //margin-bottom: 2em; - //float: none; - width: 25%; - margin: 0; - height: 100%; - float: left; - padding: 0.25em; - - .logo { - position: static; - float: left; - width: 51%; - height: 100%; - margin: 0 5% 0 0; - } - - img.logo { - height: auto; - } - - .logo-text { - display: block; - width: 44%; - height: 100%; - } - } - } - } - - @include breakpoint(large) { - display: block; - position: static; - height: auto; - min-height: 0; - float: left; - width: 25%; - padding: 2.5%; - font-size: 1em; - - .has-banner-image & { - background-image: none; - } - - .button, p { - display: block; - } - - .button { - width: 100%; - height: auto; - margin: 0 0 1.25em; - float: none; - - &.logo { - width: 100%; - height: auto; - float: none; - - .logo-text { - fill: $black; - } - } - } - - .buttons { - display: block; - width: 100%; - font-size: 1em; - margin: 2em 0 0; - float: none; - } - } -} - -#side-bar { - padding: 2.5%; - - .preview-list { - - li { - margin: auto; - float: none; - display: block; - } - } - - h5 { - text-align: center; - } - - form { - text-align: center; - padding: 2em 0 0; - } - - @include breakpoint(medium) { - + #content { - padding-top: 0; - } - } - - @include breakpoint(large) { - float: left; - clear: left; - width: 25%; - font-size: 1vw; - - h5 { - text-align: left; - font-size: 1.25em; - } - - + #content { - padding-top: 4em; - } - - .conferences.page-style-article & { - min-height: 40em; - min-height: 50vh; - } - } -} - -main { - min-height: 100%; - //overflow: auto; - background-color: $white; - - @include breakpoint(large) { - overflow: auto; - - footer { - @include clearfix; - } - } -} - -#content { - padding: 1em; - overflow: auto; - //background-color: lighten($color-5, 20); - background-color: $white; - - .organizations & { - //background-color: lighten(desaturate($organization-color, 25), 50); - min-height: 100vh; - } - - .conferences & { - //background-color: #FFF; - //background-color: lighten(desaturate($conference-color, 25), 42.5); - min-height: 100vh; - } - - @include breakpoint(medium) { - padding: 4em; - clear: right; - - .organizations.page-style-article & { - min-height: 25em; - min-height: 50vh; - } - } -} - -#banner { - position: relative; - background-size: cover; - background-position: 25% 66.6667%; - //padding-top: 4em; - color: $white; - overflow: visible; - background-color: $black; - - h1, h2 { - color: inherit; - - a { - color: inherit; - } - } - - .row { - height: 100%; - z-index: 2; - position: relative; - - //.align-bottom { - // height: 50%; - //} - } - - //.align-bottom > div { - //margin-bottom: 3em; - //} - - .button { - width: 75%; - color: inherit; - border-color: inherit; - background-color: rgba(darken($primary-color, 0), 0.33); - padding: 0.75em 1em; - white-space: nowrap; - @include text-shadow(none); - - &:hover { - background-color: $primary-color; - color: $white; - border-color: transparent; - } - - &#register-now { - background-color: rgba(darken($warning-color, 0), 0.33); - margin-top: 0; - - &:hover { - background-color: $warning-color; - } - } - } - - .organizations & { - background-color: $organization-color; - } - - .has-banner-image & { - padding-bottom: 4em; - background-color: rgba($conference-color, 0.33); - background-blend-mode: overlay; - @include text-shadow(0 0 0.5em $black); - - .no-blend-modes & { - &:before { - content: ''; - display: block; - position: absolute; - background-color: inherit; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1; - } - } - - &:after { - content: ''; - display: block; - position: absolute; - //background-color: inherit; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1; - @include background-image(linear-gradient(top, rgba(0,0,0,0) 50%, darken($conference-color, 25) 100%)); - mix-blend-mode: multiply; - } - } - - .has-banner-image.organizations & { - background-color: rgba($organization-color, 0.33); - - &:after { - @include background-image(linear-gradient(top, rgba(0,0,0,0) 50%, darken($organization-color, 25) 100%)); - } - } - - h2 { - color: $color-4; - margin-bottom: 0.25em; - - + em { - display: block; - color: $color-5; - font-weight: 600; - margin-bottom: 1em; - } - } - - .organizations.page-style-article & { - h1 { - line-height: 0.9em; - margin-bottom: 0.5em; - } - - figure { - text-align: center; - } - } - - .conferences.page-style-article & { - .columns.banner { - //height: 75%; - padding-bottom: 1em; - - figure { - margin: 2em 0 0; - } - } - } - - .page-style-emphasize-banner &, - .conferences & { - figure img { - box-shadow: 0 0 2em $black; - } - } - - .organizations-index &, - .conferences-index & { - height: 13vw; - min-height: 0; - background-position: center 25%; - - h1 { - font-size: 8vw; - margin-top: 1vw; - } - } - - @include breakpoint(medium) { - padding: 7.5em 4em 1em; - - .has-banner-image & { - min-height: 40em; - height: 100%; - min-height: 100vh; - } - - .page-style-article & { - min-height: 30em; - - .row { - height: 100%; - } - - h1 { - font-size: 3.5em; - margin-top: 0.5em; - } - - figure { - img { - max-height: 75%; - } - } - - .portrait { - h1 { - margin-top: 20%; - } - - figure img { - //width: 100%; - } - } - - .landscape { - .columns { - max-height: 70%; - } - } - } - - .page-style-article.small-banner & { - min-height: 10em; - } - - .page-style-list & { - min-height: 10em; - height: 30em; - height: 30vw; - - h1 { - font-size: 6em; - font-size: 6vw; - } - } - - .row .align-bottom.buttons { - height: 14em; - } - } - - @include breakpoint(large) { - border-bottom-left-radius: 2.5em; - padding-top: 2em; - width: 75%; - float: right; - - .has-banner-image & { - padding-top: 0; - } - - .no-content & { - border-radius: 0; - } - - &:before, - &:after { - border-bottom-left-radius: inherit; - } - - .button { - //margin-top: 20%; - } - - .page-style-list & { - height: 15em; - height: 15vw; - - h1 { - font-size: 3.75vw; - margin-top: 6vw; - } - } - - .page-style-article & { - height: 50%; - height: 50vh; - } - - .row .align-bottom { - height: 50%; - } - - .conferences.page-style-article & { - height: auto; - padding-bottom: 2em; - - .align-bottom > div { - margin-bottom: 0; - } - - .columns.banner { - //height: 75%; - padding-bottom: 0; - } - - .row .align-bottom { - height: auto; - - &.buttons { - height: 10em; - } - } - } - } -} - -.align-bottom { - display: -webkit-flexbox; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-flex-align: flex-end; - -ms-flex-align: flex-end; - -webkit-align-items: flex-end; - align-items: flex-end; - - > div { - width: 100%; - } -} - -.centered { - text-align: center; -} - -#footnotes_debug { - display: none; -} - -#footer { - position: relative; - min-height: 5em; - background-color: inherit; - z-index: 1; - background-color: $primary-color; - - i { - display: block; - height: 0.5em - } - - .copyright { - margin-top: 2em; - text-align: right; - } - - @include breakpoint(medium) { - i { - display: inline-block; - border-left: 3px solid; - height: 1em; - vertical-align: middle; - -webkit-transform: skewX(-15deg); - -moz-transform: skewX(-15deg); - -ms-transform: skewX(-15deg); - transform: skewX(-15deg); - } - } -} - -.photo-attribution { - position: absolute; - top: 100%; - right: 0.25em; - //margin: 0.25em 0.25em 0 0; - margin: -1em 0.25em 0 0; - font-size: 0.8em; - text-align: right; - text-shadow: none; - @include opacity(0.5); - clear: right; - z-index: 2; - mix-blend-mode: luminosity; - - > span { - display: none; - color: $black; - } - - &:hover { - @include opacity(1); - - > span { - display: block; - } - } - - .no-content & { - top: auto; - bottom: 0.25em; - color: $white; - @include opacity(0.25); - - &:hover { - @include opacity(0.5); - } - - a, - a:visited, - span { - color: inherit; - } - } -} - -/*body { - height: auto; -} - -#footer { - //margin-top: 5em; -} - -main { - padding-bottom: 5em; - background-color: $white; - - body.page-style-form & { - //background-color: $color-5; - } - - .no-banner & { - //border-top: 0.25em solid $primary-color; - } -} - -$body-background-color: $white; -//$main-container-background-color: #F4F4F4; -//$content-background-color: #FFF; -//$layout-border-color: #DDD; -$translation-control-background-color: $black !default; -$translation-control-text-color: $black !default; - -#translation-control { - position: fixed; - padding: 0.75em; - background-color: $translation-control-background-color; - height: 3.75em; - overflow: visible; - z-index: 2; - width: 100%; - top: 0; - - .row { - max-width: none; - } - - select, button { - height: 2.66667em; - margin: 0; - } - - select { - } - - textarea { - margin: 0 0 0.5em; - min-height: 2.66667em; - } - - button { - line-height: 0em; - font-size: 0.875em; - } - - input, label { - margin: 0.75em 0 0 0.5em; - } - - + .top-bar { - margin-top: 3.75em; - } -} - -#translatepluralizations { - display: none; - background-color: $translation-control-background-color; - color: $translation-control-text-color; - padding: 0.5em; - - label { - color: inherit; - } -} - -#translatevars { - display: none; - //position: absolute; - background-color: $translation-control-background-color; - color: $translation-control-text-color; - z-index: 1; - padding: 0.5em; - //margin-top: 0.5em; - - ul { - list-style: none; - margin: 0; - display: inline-block; - } - - li { - font-family: monospace; - font-size: 0.9em; - display: inline-block; - margin-right: 0.5em; - - &:before { - content: '%{'; - } - - &:after { - content: '}'; - } - - &.used { - text-decoration: line-through; - } - } -} - -#banner { - //min-height: 5em; - //background-color: rgba($black, 0.125); - position: relative; - color: $black; - //border-top: 0.25em solid $primary-color; - padding: 1em 0; - margin-bottom: 2.5em; - text-align: center; - - &.has-image { - padding: 0; - margin-bottom: 5em; - color: #FFF; - background-size: cover; - background-position: center 75%; - min-height: 25em; - box-shadow: inset 0 10em 50em -5em #000; - text-shadow: 0 0.1em 0.75em #000; - text-align: left; - - &:before { - content: ''; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 100%; - background-color: $primary-color; - opacity: 0.5; - } - - &:after { - content: ''; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 1.1em; - background-image: linear-gradient(45deg, $white 25%, transparent 25%), linear-gradient(-45deg, transparent 75%, $white 75%); - background-image: -ms-linear-gradient(45deg, $white 25%, transparent 25%), -ms-linear-gradient(-45deg, transparent 75%, $white 75%); - background-image: -moz-linear-gradient(56deg, $white 25%, transparent 25%), -moz-linear-gradient(-56deg, transparent 75%, $white 75%); - background-image: -ms-linear-gradient(56deg, $white 25%, transparent 25%), -ms-linear-gradient(-56deg, transparent 75%, $white 75%); - background-image: -webkit-linear-gradient(56deg, $white 20%, transparent 25%), -webkit-linear-gradient(-56deg, transparent 75%, $white 80%); - background-repeat: repeat-x; - background-size: 1.25em 1.1em; - background-position: 0 bottom; - //padding-top: 0.6em; - //margin-top: 5em; - } - - body.organizations & { - border-color: $organization-color; - - &:before { - background-color: $organization-color; - } - - &.has-image { - h1 { - color: #FFF; - } - h2 { - color: #CCC; - } - } - } - - .page-style-emphasize-banner & { - padding-top: $topbar-height; - } - - h1 { - color: $color-3; - } - - h2, em { - color: $color-2; - } - } - - figure img { - margin-bottom: -2.5em; - box-shadow: 0 0.1em 0.75em #000; - position: relative; - z-index: 1; - background-color: $white; - } - - h1, h2 { - line-height: 1em; - } - - .info { - padding-top: 5%; - } - - p { - line-height: 1.3333em; - margin-top: 1.5em; - //box-shadow: 0 0 5em 1em #000; - //background-color: rgba(#000, 0.7); - //border-radius: 1em; - } - - .button { - color: inherit; - background-color: $primary-color;// rgba(0, 0, 0, 0.75); - } -} - -.top-bar { - .name h1 a { - text-shadow: - 0 -3px $black, 0 1px $black, - 0 3px $color-1, 0 4px $black, - 0 6px $color-2, 0 7px $black, - 0 9px $color-3, 0 10px $black, - 0 12px $color-4, 0 13px $black, - 0 15px $color-5, 0 16px $black; - -webkit-transition: text-shadow 333ms ease-in-out; - -moz-transition: text-shadow 333ms ease-in-out; - -ms-transition: text-shadow 333ms ease-in-out; - transition: text-shadow 333ms ease-in-out; - line-height: 2em; - padding-left: 0; - - &:hover { - text-shadow: - 0 0 $black, 0 0 $black, - 0 0 $color-1, 0 0 $black, - 0 0 $color-2, 0 0 $black, - 0 0 $color-3, 0 0 $black, - 0 0 $color-4, 0 0 $black, - 0 0 $color-5, 0 0 $black; - } - } - - .top-bar-section ul li > a { - text-transform: uppercase; - font-weight: 800; - font-size: 1em; - - &.button { - background-color: transparent; - margin: 1em 0; - color: $white; - border: 1px solid; - } - } - - .user-profile { - padding: 0; - - a { - padding: 0em 0.75em; - } - - img { - width: 2.25em; - border-radius: 33%; - } - } - - .has-form { - padding: 0; - - &.sign-out a.button { - font-size: 0.6em; - margin-top: 2.25em; - } - } - - .page-style-emphasize-banner & { - position: absolute; - left: 0; - right: 0; - z-index: 1; - text-shadow: 0 0.1em 0.75em #000; - } -} - -.centered { - text-align: center; -} - -select.cant { - display: none; -} - -body.organizations-show { - main > nav .tabs { - position: relative; - top: -2em; - } -} - -#overlay { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; - - #overlay-inner { - text-align: center; - display: inline-block; - background-color: $black; - padding: 2em; - margin: 5% 0 0 0; - padding-top: 0; - box-shadow: 0 0 1em #000; - } - - &.user-select { - #overlay-inner { - min-width: 50%; - } - } -} - -.user-preview { - display: inline-block; - margin: 0.5em; - position: relative; - - label { - position: absolute; - bottom: 0; - left: 0; - right: 0; - color: #FFF; - background-color: rgba(#000, 0.5); - } -} - -.small-text-centered { - text-align: center; - - @media #{$medium-up} { - text-align: inherit; - } -} - -table { - td { - vertical-align: top; - - &.primary { - width: 100%; - } - } -} - -@media #{$medium-up} { - .top-bar-section li a:not(.button) { - background: transparent !important; - } -} - -*/ -.clearfix { - @include clearfix; -} - -article.row { - margin-left: 0; -} diff --git a/app/assets/stylesheets/sass/_mixins.scss b/app/assets/stylesheets/sass/_mixins.scss deleted file mode 100644 index a5f3830..0000000 --- a/app/assets/stylesheets/sass/_mixins.scss +++ /dev/null @@ -1,11 +0,0 @@ -@mixin breakpoint($query) { - @if $query == small { - @media #{$small-only} { @content; } - } @else if $query == medium { - @media #{$medium-up} { @content; } - } @else if $query == large { - @media #{$large-up} { @content; } - } @else { - @media #{$query} { @content; } - } -} diff --git a/app/assets/stylesheets/sass/_typography.scss b/app/assets/stylesheets/sass/_typography.scss deleted file mode 100644 index c5ff002..0000000 --- a/app/assets/stylesheets/sass/_typography.scss +++ /dev/null @@ -1,656 +0,0 @@ -/** - - Basic theme rules, html native elements only - -*/ - -//$translate-me-bgcolor: rgba(255, 0, 0, 0.25) !default; -//$translate-me-outline-color: rgba(255, 0, 0, 0.5) !default; - -.button, button, input[type="file"] { - /*background-color: rgba($white, 0.5); - color: $primary-color; - border: 1px solid; - padding: 0.75em 1.5em; - text-transform: uppercase; - text-shadow: none; - - &:hover { - color: #FFF; - }*/ - - background-color: $primary-color; - color: $white; - font-weight: bold; - //font-family: $header-font-family; - font-size: 1.333em; - border: 0.15em solid transparent; - padding: 0.5em 1em; - vertical-align: middle; - - &.organization, &.secondary, &.best { - background-color: $organization-color; - } - - &.article, &.good { - background-color: $article-color; - } - - &.better { - background-color: darken($warning-color, 2); - } - - &:hover { - color: $primary-color; - border: 0.15em solid; - background-color: transparent; - - &.organization, &.secondary, &.best { - color: $organization-color; - } - - &.better { - color: darken($warning-color, 2); - } - - &.article, &.good { - color: $article-color; - } - } - - &[id*="previous"], - &.less, - &.arrow-l { - &:before { - content: '\f053'; - font-family: $icons; - vertical-align: middle; - margin-right: 0.25em; - } - } - - &[id*="next"], - &.more, - &.arrow-r { - &:after { - content: '\f054'; - font-family: $icons; - vertical-align: middle; - margin-left: 0.25em; - } - } -} - -input[type="file"] { - display: none;/*inline-block; - width: auto; - text-align: center; - -webkit-appearance: none; - background-color: #FFF; - border-radius: 1.5em; - padding: 0.6em 0; - cursor: pointer; - font-family: $button-font-family; - outline: none; - - &:hover { - background-color: $primary-color; - } - - &::-webkit-file-upload-button { - visibility: none; - opacity: 0; - width: 0; - }*/ -} - -input[type="date"] { - &:invalid { - color: #CCC; - } -} - -h2 { - line-height: 1em; - margin-bottom: 0.5em; -} - -select { - border: 1px solid #CCC; - border-radius: 0.2em; - font-size: 1.25em; - font-family: $body-font-family; - color: rgba($black, 0.75); - padding: 0 0.5em; - height: 2em; - box-shadow: 0 2px #CCC; - outline: 0; - background-color: #FFF; - - &.small { - font-size: 0.8em; - margin: 0 0 0.25em; - box-shadow: none; - } -} - -fieldset { - background-color: #FFF; - - legend { - margin-left: -2em; - font-family: $header-font-family; - } -} - -.field { - margin-bottom: 1em; - position: relative; - //border: 1px solid #CCC; - //border-radius: 1.25em 0 0 1.25em; - //overflow: hidden; - - label { - //float: left; - font-family: $header-font-family; - line-height: 2.5em; - //margin-right: 1em; - //background-color: rgba(#FFF, 0.2); - //color: $white; - display: inline-block; - position: absolute; - top: 100%; - margin: -1.333em 1.75em 0; - - span { - padding: 0 1em; - font-size: 0.9em; - } - } - div { - //border: 1px solid #EEE; - //border-width: 1px 0 0 1px; - } - input, select, button { - //margin: 0; - height: auto; - line-height: 1em; - padding: 0.333em 0.5em; - } - - input:not([type="file"]) { - border-bottom: 1px dashed #CCC; - line-height: 1.25em; - } - - textarea { - border: 1px dashed #CCC; - height: 10em; - font-size: 1.25em; - } - - &.text-area-field { - label { - /*top: 1px; - right: 1px; - bottom: 1px; - left: 1px; - display: block; - width: 100%; - height: 100%; - margin: 0; - padding: 0; - background-color: rgba(255, 255, 255, 0.5); - text-align: center; - width: calc(100% - 2px); - height: calc(100% - 2px);*/ - position: static; - background-color: #252528; - margin-top: 1em; - - span { - background-color: inherit; - color: $white; - /*position: relative; - top: 50%; - text-align: center; - font-size: 1.25em; - font-weight: 600; - margin: -1em 0 0; - padding: 0 0.5em; - display: inline-block; - border-radius: 0.5em; - box-shadow: 0 0 1em;*/ - } - } - - .froala-element { - min-height: 10em; - } - - textarea:focus + label { - display: none; - } - - .medium-8 > & { - font-size: 0.75em; - } - } - - input, select, button, label span { - background-color: $white; - color: #333; - } - - &.field-slug { - position: absolute; - top: 100%; - right: 0; - left: 50%; - margin-top: -0.875em; - margin-right: 0.9em; - margin-left: 10em; - z-index: 1; - - input { - font-size: 1em; - padding-bottom: 0; - background-color: $gray; - } - - label { - margin-top: -3em; - right: 100%; - margin-right: 0; - } - } - - &.image-field { - label { - position: relative; - margin: 0; - border-bottom: 1px dotted #CCC; - padding-bottom: 1.3em; - text-align: center; - - > span { - position: absolute; - background-color: transparent; - left: 0; - right: 0; - } - - &:hover { - img { - @include opacity(0.75); - } - } - } - } - - &.check-box-field { - margin-bottom: 0; - - div { - float: left; - font-size: 1.75em; - //display: none; - - /*input { - -webkit-appearance: none; - } - &:before { - content: ''; - width: 1em; - height: 1em; - display: inline-block; - border: 1px solid #CCC; - line-height: 0.75em; - text-align: center; - font-size: 1.6667em; - border-radius: 0.2em; - box-shadow: 0 1.9px #CCC; - content: '✓'; - }*/ - } - - input { - margin: 0; - } - - label { - position: relative; - margin: 0; - display: inline-block; - line-height: 1.6em; - - span { - display: inline-block; - vertical-align: text-top; - } - } - } - - &.select { - overflow: auto; - - label { - position: static; - margin: 0; - float: left; - - & + div { - float: left; - } - } - } - - &.user-select-field, - &.organization-select-field { - display: inline-block; - position: relative; - border: 1px solid #CCC; - padding: 0.25em; - margin: 1em 1em 0; - border-radius: 0.25em; - float: left; - box-shadow: 0 2px #CCC; - overflow: hidden; - - label { - display: block; - position: relative; - margin: 0 auto; - } - - input[type="checkbox"] { - position: absolute; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - -o-appearance: none; - appearance: none; - width: 100%; - width: calc(100% - 0.6em); - height: 9em; - border: 0; - background-color: transparent; - cursor: pointer; - outline: none; - - + label { - display: none; - width: 100%; - width: calc(100% - 0.06em); - height: 0.94em; - font-size: 8em; - position: absolute; - top: 0.03em; - left: 0.03em; - color: $white; - line-height: 0.75em; - text-align: center; - text-shadow: 0 2px 0px $black; - } - - &:checked { - - + label { - background-color: rgba($warning-color, 0.5); - display: block; - text-shadow: 0 2px 0px $warning-color; - } - } - &:hover { - + label { - display: block; - color: $warning-color; - } - } - } - - &.new { - input[type="checkbox"], - input[type="checkbox"] + label { - display: none; - } - } - - img { - display: block; - } - - .select-user, - .select-organization { - margin-bottom: 0.5em; - display: block; - } - - .remove-item { - position: absolute; - top: 0; - right: 0; - - &:before { - content: ''; - height: 0; - width: 0; - border-width: 0 2.5em 2.5em 0; - border-color: transparent $black; - border-style: solid; - position: absolute; - right: 0; - top: 0; - } - - &:after { - content: '×'; - color: $white; - position: absolute; - right: 0; - top: 0; - width: 1.5em; - height: 1.25em; - text-align: center; - line-height: 1.25em; - } - } - } -} - -form > div:first-child + .columns:not([class*="medium-"]) { - margin-top: 1em; - margin-bottom: 3em; - - > .field:first-child { - text-align: center; - - label { - //margin-left: 0; - //margin-right: 0; - left: 0; - right: 0; - } - - input { - font-size: 3em; - text-align: center; - } - } - - //+ .columns[class*="medium-"] {//+ .columns[class*="medium-"] { - //padding-top: 1em; - //} -} - -.actions { - text-align: center; - padding-top: 1em; -} - -:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ - font-style: italic; - color: rgba(0, 0, 0, 0.25); -} -::-moz-placeholder { /* Mozilla Firefox 19+ */ - font-style: italic; - color: rgba(0, 0, 0, 0.25); -} -:-ms-input-placeholder { /* Internet Explorer 10+ */ - font-style: italic; - color: rgba(0, 0, 0, 0.25); -} -::-webkit-input-placeholder { - font-style: italic; - color: rgba(0, 0, 0, 0.25); -} - -input:-webkit-autofill { - -webkit-box-shadow:0 0 0 5em $input-bg-color inset; /* Change the color to your own background color */ - -webkit-text-fill-color: $input-font-color; - - &:focus { - -webkit-box-shadow: 0 0 0 2em $input-focus-bg-color inset; /* Change the color to your own background color */ - } -} - -.tabs { - display: inline-block; - border: 1px solid #CCC; - margin: 1em 0; - box-shadow: 0 0.1em 0 #CCC; - border-radius: 0.25em; - overflow: hidden; - font-family: $header-font-family; - - .tab { - border-right: 1px solid #CCC; - display: inline-block; - //padding: 0.25em 1em 0.3333em 0.75em; - padding: 0.5em 1.5em 0.5em 1.25em; - background-color: #FFF; - color: $black; - float: left; - - &.current { - background-color: #EEE; - background-color: #EEE; - } - - &:hover { - background-color: #DDD; - color: $black; - } - - &:last-child { - border: 0; - } - } -} - -.sub-tabs { - background-color: #E1E1E1; - padding: 1em; - margin-bottom: 2em; - - a { - display: block; - position: relative; - padding: 1em; - margin: 1px 0; - height: 3.1em; - font-size: 1.1em; - font-family: $header-font-family; - color: $white; - background-color: $black; - text-transform: uppercase; - - &.current { - background-color: $primary-color; - - &:after { - content: ''; - position: absolute; - top: 0; - left: 100%; - width: 0; - height: 0; - border: 1.55em solid $primary-color; - border-color: transparent transparent transparent $primary-color; - border-width: 1.55em 0 1.55em 1.55em; - } - } - } -} - -svg { - height: 0%; -} - -#footer { - color: $white; - padding: 2.5em 0; - font-size: 1.25em; - - a { - margin: 0 1em; - } - - a, a:visited { - color: $white; - } - - a:hover { - color: rgba($white, 0.5); - } -} - -article { - p { - font-size: 1.4rem; - } -} -.error { - position: relative; - padding: 0.5em 1em; - background-color: $warning-color; - - &:before { - content: '!'; - position: absolute; - font-family: $header-font-family; - background-color: $alert-color; - color: $white; - font-size: 2em; - line-height: 1em; - width: 1em; - text-align: center; - border-radius: 50%; - right: -0.333em; - top: -0.333em; - } -} -p.help { - font-size: 1.1em; -} - -.small-form { - > .field { - display: inline-block; - vertical-align: baseline; - width: 10em; - - input { - text-align: right; - } - - label { - display: none; - } - } - - .actions { - display: inline-block; - vertical-align: middle; - } -} diff --git a/app/assets/stylesheets/scaffolds.css.scss b/app/assets/stylesheets/scaffolds.css.scss deleted file mode 100644 index 6ec6a8f..0000000 --- a/app/assets/stylesheets/scaffolds.css.scss +++ /dev/null @@ -1,69 +0,0 @@ -body { - background-color: #fff; - color: #333; - font-family: verdana, arial, helvetica, sans-serif; - font-size: 13px; - line-height: 18px; -} - -p, ol, ul, td { - font-family: verdana, arial, helvetica, sans-serif; - font-size: 13px; - line-height: 18px; -} - -pre { - background-color: #eee; - padding: 10px; - font-size: 11px; -} - -a { - color: #000; - &:visited { - color: #666; - } - &:hover { - color: #fff; - background-color: #000; - } -} - -div { - &.field, &.actions { - margin-bottom: 10px; - } -} - -#notice { - color: green; -} - -.field_with_errors { - padding: 2px; - background-color: red; - display: table; -} - -#error_explanation { - width: 450px; - border: 2px solid red; - padding: 7px; - padding-bottom: 0; - margin-bottom: 20px; - background-color: #f0f0f0; - h2 { - text-align: left; - font-weight: bold; - padding: 5px 5px 5px 15px; - font-size: 12px; - margin: -7px; - margin-bottom: 0px; - background-color: #c00; - color: #fff; - } - ul li { - font-size: 12px; - list-style: square; - } -} diff --git a/app/assets/stylesheets/workshop_facilitators.css.scss b/app/assets/stylesheets/workshop_facilitators.css.scss deleted file mode 100644 index 400b70f..0000000 --- a/app/assets/stylesheets/workshop_facilitators.css.scss +++ /dev/null @@ -1,3 +0,0 @@ -// Place all the styles related to the workshop_facilitators controller here. -// They will automatically be included in application.css. -// You can use Sass (SCSS) here: http://sass-lang.com/ diff --git a/app/assets/stylesheets/workshop_requested_resources.css.scss b/app/assets/stylesheets/workshop_requested_resources.css.scss deleted file mode 100644 index f1d8a3b..0000000 --- a/app/assets/stylesheets/workshop_requested_resources.css.scss +++ /dev/null @@ -1,3 +0,0 @@ -// Place all the styles related to the workshop_requested_resources controller here. -// They will automatically be included in application.css. -// You can use Sass (SCSS) here: http://sass-lang.com/ diff --git a/app/assets/stylesheets/workshops.css.scss b/app/assets/stylesheets/workshops.css.scss deleted file mode 100644 index d7f7461..0000000 --- a/app/assets/stylesheets/workshops.css.scss +++ /dev/null @@ -1,3 +0,0 @@ -// Place all the styles related to the workshops controller here. -// They will automatically be included in application.css. -// You can use Sass (SCSS) here: http://sass-lang.com/ diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb index 7b29fe7..a6e895d 100644 --- a/app/helpers/application_helper.rb +++ b/app/helpers/application_helper.rb @@ -572,6 +572,9 @@ module ApplicationHelper YAML.load(File.read(Rails.root.join("config/#{name.to_s}.yml")))[Rails.env].symbolize_keys end + def buoy_stylesheet + end + private def _form_field(type, name, value, options) if type == 'check_box' diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml index d47d859..6994b88 100644 --- a/app/views/layouts/application.html.haml +++ b/app/views/layouts/application.html.haml @@ -8,7 +8,11 @@ = csrf_meta_tags /[if lt IE 9] - = stylesheet_link_tag '//fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic', 'application', media: 'all' + = stylesheet_link_tag '//fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic', media: 'all' + =# stylesheet_link_tag 'application', media: 'all' + = inject_css! + =#:javascript + =# !function(){function e(e,n){try{if(localStorage[e])t(e);else{var a=new XMLHttpRequest;a.open("GET",n,!0),a.onload=function(){a.status>=200&&a.status<400&&(localStorage[e]=a.responseText,t())},a.send()}}catch(o){}}function t(e){var t=document.createElement("style");t.rel="stylesheet",document.head.appendChild(t),t.textContent=localStorage[e]}e("AlteHaasGroteskBold","/assets/AlteHaasGroteskBold")}(); %link{ href: asset_path('favicon.ico'), rel: 'shortcut icon', type: 'image/x-icon' } %link{ href: asset_path('favicon.ico'), rel: 'icon', type: 'image/x-icon' } %link{ href: asset_path('apple-touch-icon.png'), rel: 'apple-touch-icon' } @@ -16,9 +20,6 @@ %link{ href: asset_path('apple-touch-icon-114x114.png'), rel: 'apple-touch-icon', sizes: '114x114' } %link{ href: asset_path('apple-touch-icon-144x144.png'), rel: 'apple-touch-icon', sizes: '144x144' } = yield :head - =# javascript_include_tag '//use.typekit.net/iqv7hcg.js' - =# javascript_include_tag 'application' - =# javascript_include_tag 'nested_form' %body{ class: (yield_or_default :page_style) } :javascript @@ -49,6 +50,11 @@ #content=yield - else = yield + .row + .columns.medium-8 + here is something to look at + .columns.medium-4 + here is another thing = yield :garbage #footer %footer diff --git a/config/application.rb b/config/application.rb index f185e8b..65917c6 100644 --- a/config/application.rb +++ b/config/application.rb @@ -24,14 +24,8 @@ module BikeBike # The default locale is :en and all translations from config/locales/*.rb,yml are auto loaded. # config.i18n.load_path += Dir[Rails.root.join('my', 'locales', '*.{rb,yml}').to_s] - config.i18n.default_locale = :en #:de + config.i18n.default_locale = :en config.i18n.enforce_available_locales = false self.paths['config/database'] = Rails.root.parent.join('BikeBike', 'config', 'database.yml') - # config.action_controller.default_url_options = { :trailing_slash => true } - #config.middleware.swap 'Rack::MethodOverride', 'Rack::MethodOverrideWithParams' - #config.i18n.exception_handler = I18n::MissingTranslationExceptionHandler.new - #require '/app/helpers/bike_bike_form_helper' - #ActionView::Base.default_form_builder - #config.action_view.default_form_builder = 'BikeBikeFormHelper::BikeBikeFormBuilder' end end diff --git a/db/schema.rb b/db/schema.rb index fde0539..639bef2 100644 --- a/db/schema.rb +++ b/db/schema.rb @@ -1,319 +1,319 @@ -# encoding: UTF-8 -# This file is auto-generated from the current state of the database. Instead -# of editing this file, please use the migrations feature of Active Record to -# incrementally modify your database, and then regenerate this schema definition. -# -# Note that this schema.rb definition is the authoritative source for your -# database schema. If you need to create the application database on another -# system, you should be using db:schema:load, not running all the migrations -# from scratch. The latter is a flawed and unsustainable approach (the more migrations -# you'll amass, the slower it'll run and the greater likelihood for issues). -# -# It's strongly recommended that you check this file into your version control system. - -ActiveRecord::Schema.define(version: 20140725001300) do - - # These are extensions that must be enabled in order to support this database - enable_extension "plpgsql" - - create_table "authentications", force: true do |t| - t.integer "user_id", null: false - t.string "provider", null: false - t.string "uid", null: false - t.datetime "created_at" - t.datetime "updated_at" - end - - create_table "conference_admins", force: true do |t| - t.integer "conference_id" - t.integer "user_id" - t.datetime "created_at" - t.datetime "updated_at" - end - - create_table "conference_host_organizations", force: true do |t| - t.integer "conference_id" - t.integer "organization_id" - t.integer "order" - t.datetime "created_at" - t.datetime "updated_at" - end - - create_table "conference_registration_form_fields", force: true do |t| - t.integer "conference_id" - t.integer "registration_form_field_id" - t.datetime "created_at" - t.datetime "updated_at" - t.integer "position" - end - - create_table "conference_registration_responses", force: true do |t| - t.integer "conference_registration_id" - t.integer "registration_form_field_id" - t.text "data" - t.datetime "created_at" - t.datetime "updated_at" - end - - create_table "conference_registrations", force: true do |t| - t.integer "conference_id" - t.integer "user_id" - t.string "is_attending" - t.datetime "created_at" - t.datetime "updated_at" - t.boolean "is_confirmed" - t.boolean "is_participant" - t.boolean "is_volunteer" - t.string "confirmation_token" - t.binary "data" - t.string "email" - t.boolean "complete" - t.boolean "completed" - t.string "payment_confirmation_token" - t.string "payment_info" - t.integer "registration_fees_paid" - end - - create_table "conference_types", force: true do |t| - t.string "title" - t.string "info" - t.datetime "created_at" - t.datetime "updated_at" - t.string "slug" - end - - create_table "conferences", force: true do |t| - t.string "title" - t.string "slug" - t.datetime "start_date" - t.datetime "end_date" - t.text "info" - t.string "poster" - t.string "cover" - t.boolean "workshop_schedule_published" - t.boolean "registration_open" - t.boolean "meals_provided" - t.text "meal_info" - t.text "travel_info" - t.integer "conference_type_id" - t.datetime "created_at" - t.datetime "updated_at" - t.text "preregistration_info" - t.text "registration_info" - t.text "postregistration_info" - t.integer "cover_attribution_id" - t.string "cover_attribution_name" - t.string "cover_attribution_src" - t.integer "cover_attribution_user_id" - end - - create_table "event_types", force: true do |t| - t.string "slug" - t.text "info" - t.datetime "created_at" - t.datetime "updated_at" - end - - create_table "events", force: true do |t| - t.string "title" - t.string "slug" - t.integer "event_type_id" - t.integer "conference_id" - t.text "info" - t.integer "location_id" - t.datetime "start_time" - t.datetime "end_time" - t.datetime "created_at" - t.datetime "updated_at" - end - - create_table "locations", force: true do |t| - t.string "title" - t.float "latitude" - t.float "longitude" - t.datetime "created_at" - t.datetime "updated_at" - t.string "country" - t.string "territory" - t.string "city" - t.string "street" - t.string "postal_code" - end - - add_index "locations", ["latitude", "longitude"], name: "index_locations_on_latitude_and_longitude", using: :btree - - create_table "locations_organizations", id: false, force: true do |t| - t.integer "organization_id" - t.integer "location_id" - end - - add_index "locations_organizations", ["organization_id", "location_id"], name: "loc_org_index", using: :btree - - create_table "organization_statuses", force: true do |t| - t.string "name" - t.string "slug" - t.string "info" - t.datetime "created_at" - t.datetime "updated_at" - end - - create_table "organizations", force: true do |t| - t.string "name" - t.string "slug" - t.string "email_address" - t.string "url" - t.integer "year_founded" - t.text "info" - t.string "logo" - t.string "avatar" - t.boolean "requires_approval" - t.string "secret_question" - t.string "secret_answer" - t.integer "user_organization_replationship_id" - t.datetime "created_at" - t.datetime "updated_at" - t.string "cover" - t.integer "cover_attribution_id" - t.string "cover_attribution_name" - t.string "cover_attribution_src" - t.string "phone" - t.integer "organization_status_id" - t.integer "cover_attribution_user_id" - end - - create_table "registration_form_fields", force: true do |t| - t.string "title" - t.text "help" - t.boolean "required" - t.string "field_type" - t.string "options" - t.boolean "is_retired" - t.datetime "created_at" - t.datetime "updated_at" - end - - create_table "sessions", force: true do |t| - t.string "session_id", null: false - t.text "data" - t.datetime "created_at" - t.datetime "updated_at" - end - - add_index "sessions", ["session_id"], name: "index_sessions_on_session_id", unique: true, using: :btree - add_index "sessions", ["updated_at"], name: "index_sessions_on_updated_at", using: :btree - - create_table "translations", force: true do |t| - t.string "locale" - t.string "key" - t.text "value" - t.text "interpolations" - t.boolean "is_proc", default: false - t.datetime "created_at" - t.datetime "updated_at" - end - - create_table "user_organization_relationships", force: true do |t| - t.integer "user_id" - t.integer "organization_id" - t.string "relationship" - t.datetime "created_at" - t.datetime "updated_at" - end - - create_table "users", force: true do |t| - t.string "username", null: false - t.string "email" - t.string "crypted_password" - t.string "salt" - t.datetime "created_at" - t.datetime "updated_at" - t.string "remember_me_token" - t.datetime "remember_me_token_expires_at" - t.string "reset_password_token" - t.datetime "reset_password_token_expires_at" - t.datetime "reset_password_email_sent_at" - t.string "activation_state" - t.string "activation_token" - t.datetime "activation_token_expires_at" - t.integer "failed_logins_count", default: 0 - t.datetime "lock_expires_at" - t.string "unlock_token" - t.string "avatar" - t.text "about_me" - t.string "role" - t.string "firstname" - t.string "lastname" - end - - add_index "users", ["activation_token"], name: "index_users_on_activation_token", using: :btree - add_index "users", ["remember_me_token"], name: "index_users_on_remember_me_token", using: :btree - add_index "users", ["reset_password_token"], name: "index_users_on_reset_password_token", using: :btree - - create_table "versions", force: true do |t| - t.string "item_type" - t.integer "item_id" - t.string "event" - t.string "whodunnit" - t.text "object" - t.datetime "created_at" - t.string "value" - end - - create_table "workshop_facilitators", force: true do |t| - t.integer "user_id" - t.integer "workshop_id" - t.string "role" - t.datetime "created_at" - t.datetime "updated_at" - end - - create_table "workshop_presentation_styles", force: true do |t| - t.string "name" - t.string "slug" - t.string "info" - t.datetime "created_at" - t.datetime "updated_at" - t.integer "order" - end - - create_table "workshop_requested_resources", force: true do |t| - t.integer "workshop_id" - t.integer "workshop_resource_id" - t.string "status" - t.datetime "created_at" - t.datetime "updated_at" - end - - create_table "workshop_resources", force: true do |t| - t.string "name" - t.string "slug" - t.string "info" - t.datetime "created_at" - t.datetime "updated_at" - end - - create_table "workshop_streams", force: true do |t| - t.string "name" - t.string "slug" - t.string "info" - t.datetime "created_at" - t.datetime "updated_at" - t.integer "order" - end - - create_table "workshops", force: true do |t| - t.string "title" - t.string "slug" - t.text "info" - t.integer "conference_id" - t.integer "workshop_stream_id" - t.integer "workshop_presentation_style" - t.integer "min_facilitators" - t.integer "location_id" - t.datetime "start_time" - t.datetime "end_time" - t.datetime "created_at" - t.datetime "updated_at" - end - -end +# encoding: UTF-8 +# This file is auto-generated from the current state of the database. Instead +# of editing this file, please use the migrations feature of Active Record to +# incrementally modify your database, and then regenerate this schema definition. +# +# Note that this schema.rb definition is the authoritative source for your +# database schema. If you need to create the application database on another +# system, you should be using db:schema:load, not running all the migrations +# from scratch. The latter is a flawed and unsustainable approach (the more migrations +# you'll amass, the slower it'll run and the greater likelihood for issues). +# +# It's strongly recommended that you check this file into your version control system. + +ActiveRecord::Schema.define(version: 20140725001300) do + + # These are extensions that must be enabled in order to support this database + enable_extension "plpgsql" + + create_table "authentications", force: true do |t| + t.integer "user_id", null: false + t.string "provider", null: false + t.string "uid", null: false + t.datetime "created_at" + t.datetime "updated_at" + end + + create_table "conference_admins", force: true do |t| + t.integer "conference_id" + t.integer "user_id" + t.datetime "created_at" + t.datetime "updated_at" + end + + create_table "conference_host_organizations", force: true do |t| + t.integer "conference_id" + t.integer "organization_id" + t.integer "order" + t.datetime "created_at" + t.datetime "updated_at" + end + + create_table "conference_registration_form_fields", force: true do |t| + t.integer "conference_id" + t.integer "registration_form_field_id" + t.datetime "created_at" + t.datetime "updated_at" + t.integer "position" + end + + create_table "conference_registration_responses", force: true do |t| + t.integer "conference_registration_id" + t.integer "registration_form_field_id" + t.text "data" + t.datetime "created_at" + t.datetime "updated_at" + end + + create_table "conference_registrations", force: true do |t| + t.integer "conference_id" + t.integer "user_id" + t.string "is_attending" + t.datetime "created_at" + t.datetime "updated_at" + t.boolean "is_confirmed" + t.boolean "is_participant" + t.boolean "is_volunteer" + t.string "confirmation_token" + t.binary "data" + t.string "email" + t.boolean "complete" + t.boolean "completed" + t.string "payment_confirmation_token" + t.string "payment_info" + t.integer "registration_fees_paid" + end + + create_table "conference_types", force: true do |t| + t.string "title" + t.string "info" + t.datetime "created_at" + t.datetime "updated_at" + t.string "slug" + end + + create_table "conferences", force: true do |t| + t.string "title" + t.string "slug" + t.datetime "start_date" + t.datetime "end_date" + t.text "info" + t.string "poster" + t.string "cover" + t.boolean "workshop_schedule_published" + t.boolean "registration_open" + t.boolean "meals_provided" + t.text "meal_info" + t.text "travel_info" + t.integer "conference_type_id" + t.datetime "created_at" + t.datetime "updated_at" + t.text "preregistration_info" + t.text "registration_info" + t.text "postregistration_info" + t.integer "cover_attribution_id" + t.string "cover_attribution_name" + t.string "cover_attribution_src" + t.integer "cover_attribution_user_id" + end + + create_table "event_types", force: true do |t| + t.string "slug" + t.text "info" + t.datetime "created_at" + t.datetime "updated_at" + end + + create_table "events", force: true do |t| + t.string "title" + t.string "slug" + t.integer "event_type_id" + t.integer "conference_id" + t.text "info" + t.integer "location_id" + t.datetime "start_time" + t.datetime "end_time" + t.datetime "created_at" + t.datetime "updated_at" + end + + create_table "locations", force: true do |t| + t.string "title" + t.float "latitude" + t.float "longitude" + t.datetime "created_at" + t.datetime "updated_at" + t.string "country" + t.string "territory" + t.string "city" + t.string "street" + t.string "postal_code" + end + + add_index "locations", ["latitude", "longitude"], name: "index_locations_on_latitude_and_longitude", using: :btree + + create_table "locations_organizations", id: false, force: true do |t| + t.integer "organization_id" + t.integer "location_id" + end + + add_index "locations_organizations", ["organization_id", "location_id"], name: "loc_org_index", using: :btree + + create_table "organization_statuses", force: true do |t| + t.string "name" + t.string "slug" + t.string "info" + t.datetime "created_at" + t.datetime "updated_at" + end + + create_table "organizations", force: true do |t| + t.string "name" + t.string "slug" + t.string "email_address" + t.string "url" + t.integer "year_founded" + t.text "info" + t.string "logo" + t.string "avatar" + t.boolean "requires_approval" + t.string "secret_question" + t.string "secret_answer" + t.integer "user_organization_replationship_id" + t.datetime "created_at" + t.datetime "updated_at" + t.string "cover" + t.integer "cover_attribution_id" + t.string "cover_attribution_name" + t.string "cover_attribution_src" + t.string "phone" + t.integer "organization_status_id" + t.integer "cover_attribution_user_id" + end + + create_table "registration_form_fields", force: true do |t| + t.string "title" + t.text "help" + t.boolean "required" + t.string "field_type" + t.string "options" + t.boolean "is_retired" + t.datetime "created_at" + t.datetime "updated_at" + end + + create_table "sessions", force: true do |t| + t.string "session_id", null: false + t.text "data" + t.datetime "created_at" + t.datetime "updated_at" + end + + add_index "sessions", ["session_id"], name: "index_sessions_on_session_id", unique: true, using: :btree + add_index "sessions", ["updated_at"], name: "index_sessions_on_updated_at", using: :btree + + create_table "translations", force: true do |t| + t.string "locale" + t.string "key" + t.text "value" + t.text "interpolations" + t.boolean "is_proc", default: false + t.datetime "created_at" + t.datetime "updated_at" + end + + create_table "user_organization_relationships", force: true do |t| + t.integer "user_id" + t.integer "organization_id" + t.string "relationship" + t.datetime "created_at" + t.datetime "updated_at" + end + + create_table "users", force: true do |t| + t.string "username", null: false + t.string "email" + t.string "crypted_password" + t.string "salt" + t.datetime "created_at" + t.datetime "updated_at" + t.string "remember_me_token" + t.datetime "remember_me_token_expires_at" + t.string "reset_password_token" + t.datetime "reset_password_token_expires_at" + t.datetime "reset_password_email_sent_at" + t.string "activation_state" + t.string "activation_token" + t.datetime "activation_token_expires_at" + t.integer "failed_logins_count", default: 0 + t.datetime "lock_expires_at" + t.string "unlock_token" + t.string "avatar" + t.text "about_me" + t.string "role" + t.string "firstname" + t.string "lastname" + end + + add_index "users", ["activation_token"], name: "index_users_on_activation_token", using: :btree + add_index "users", ["remember_me_token"], name: "index_users_on_remember_me_token", using: :btree + add_index "users", ["reset_password_token"], name: "index_users_on_reset_password_token", using: :btree + + create_table "versions", force: true do |t| + t.string "item_type" + t.integer "item_id" + t.string "event" + t.string "whodunnit" + t.text "object" + t.datetime "created_at" + t.string "value" + end + + create_table "workshop_facilitators", force: true do |t| + t.integer "user_id" + t.integer "workshop_id" + t.string "role" + t.datetime "created_at" + t.datetime "updated_at" + end + + create_table "workshop_presentation_styles", force: true do |t| + t.string "name" + t.string "slug" + t.string "info" + t.datetime "created_at" + t.datetime "updated_at" + t.integer "order" + end + + create_table "workshop_requested_resources", force: true do |t| + t.integer "workshop_id" + t.integer "workshop_resource_id" + t.string "status" + t.datetime "created_at" + t.datetime "updated_at" + end + + create_table "workshop_resources", force: true do |t| + t.string "name" + t.string "slug" + t.string "info" + t.datetime "created_at" + t.datetime "updated_at" + end + + create_table "workshop_streams", force: true do |t| + t.string "name" + t.string "slug" + t.string "info" + t.datetime "created_at" + t.datetime "updated_at" + t.integer "order" + end + + create_table "workshops", force: true do |t| + t.string "title" + t.string "slug" + t.text "info" + t.integer "conference_id" + t.integer "workshop_stream_id" + t.integer "workshop_presentation_style" + t.integer "min_facilitators" + t.integer "location_id" + t.datetime "start_time" + t.datetime "end_time" + t.datetime "created_at" + t.datetime "updated_at" + end + +end