From 58182a067d95488db2dc9adb2c06297f46a1b0b8 Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Tue, 10 Oct 2017 21:45:29 -0700 Subject: [PATCH 01/25] Initial Rails setup --- .gitignore | 19 ++ Gemfile | 69 ++++++ Gemfile.lock | 222 ++++++++++++++++++ README.md | 2 + Rakefile | 6 + app/assets/config/manifest.js | 3 + app/assets/images/.keep | 0 app/assets/javascripts/application.js | 15 ++ app/assets/javascripts/cable.js | 13 + app/assets/javascripts/channels/.keep | 0 app/assets/stylesheets/application.css | 15 ++ app/channels/application_cable/channel.rb | 4 + app/channels/application_cable/connection.rb | 4 + app/controllers/application_controller.rb | 3 + app/controllers/concerns/.keep | 0 app/helpers/application_helper.rb | 2 + app/jobs/application_job.rb | 2 + app/mailers/application_mailer.rb | 4 + app/models/application_record.rb | 3 + app/models/concerns/.keep | 0 app/views/layouts/application.html.erb | 14 ++ app/views/layouts/mailer.html.erb | 13 + app/views/layouts/mailer.text.erb | 1 + bin/bundle | 3 + bin/rails | 9 + bin/rake | 9 + bin/setup | 38 +++ bin/spring | 17 ++ bin/update | 29 +++ bin/yarn | 11 + config.ru | 5 + config/application.rb | 25 ++ config/boot.rb | 3 + config/cable.yml | 10 + config/database.yml | 85 +++++++ config/environment.rb | 5 + config/environments/development.rb | 54 +++++ config/environments/production.rb | 91 +++++++ config/environments/test.rb | 42 ++++ .../application_controller_renderer.rb | 8 + config/initializers/assets.rb | 14 ++ config/initializers/backtrace_silencers.rb | 7 + config/initializers/cookies_serializer.rb | 5 + .../initializers/filter_parameter_logging.rb | 4 + config/initializers/inflections.rb | 16 ++ config/initializers/mime_types.rb | 4 + config/initializers/wrap_parameters.rb | 14 ++ config/locales/en.yml | 33 +++ config/puma.rb | 56 +++++ config/routes.rb | 3 + config/secrets.yml | 32 +++ config/spring.rb | 6 + db/seeds.rb | 7 + lib/assets/.keep | 0 lib/tasks/.keep | 0 log/.keep | 0 package.json | 5 + public/404.html | 67 ++++++ public/422.html | 67 ++++++ public/500.html | 66 ++++++ public/apple-touch-icon-precomposed.png | 0 public/apple-touch-icon.png | 0 public/favicon.ico | 0 public/robots.txt | 1 + test/application_system_test_case.rb | 5 + test/controllers/.keep | 0 test/fixtures/.keep | 0 test/fixtures/files/.keep | 0 test/helpers/.keep | 0 test/integration/.keep | 0 test/mailers/.keep | 0 test/models/.keep | 0 test/system/.keep | 0 test/test_helper.rb | 26 ++ tmp/.keep | 0 vendor/.keep | 0 76 files changed, 1296 insertions(+) create mode 100644 .gitignore create mode 100644 Gemfile create mode 100644 Gemfile.lock create mode 100644 Rakefile create mode 100644 app/assets/config/manifest.js create mode 100644 app/assets/images/.keep create mode 100644 app/assets/javascripts/application.js create mode 100644 app/assets/javascripts/cable.js create mode 100644 app/assets/javascripts/channels/.keep create mode 100644 app/assets/stylesheets/application.css create mode 100644 app/channels/application_cable/channel.rb create mode 100644 app/channels/application_cable/connection.rb create mode 100644 app/controllers/application_controller.rb create mode 100644 app/controllers/concerns/.keep create mode 100644 app/helpers/application_helper.rb create mode 100644 app/jobs/application_job.rb create mode 100644 app/mailers/application_mailer.rb create mode 100644 app/models/application_record.rb create mode 100644 app/models/concerns/.keep create mode 100644 app/views/layouts/application.html.erb create mode 100644 app/views/layouts/mailer.html.erb create mode 100644 app/views/layouts/mailer.text.erb create mode 100755 bin/bundle create mode 100755 bin/rails create mode 100755 bin/rake create mode 100755 bin/setup create mode 100755 bin/spring create mode 100755 bin/update create mode 100755 bin/yarn create mode 100644 config.ru create mode 100644 config/application.rb create mode 100644 config/boot.rb create mode 100644 config/cable.yml create mode 100644 config/database.yml create mode 100644 config/environment.rb create mode 100644 config/environments/development.rb create mode 100644 config/environments/production.rb create mode 100644 config/environments/test.rb create mode 100644 config/initializers/application_controller_renderer.rb create mode 100644 config/initializers/assets.rb create mode 100644 config/initializers/backtrace_silencers.rb create mode 100644 config/initializers/cookies_serializer.rb create mode 100644 config/initializers/filter_parameter_logging.rb create mode 100644 config/initializers/inflections.rb create mode 100644 config/initializers/mime_types.rb create mode 100644 config/initializers/wrap_parameters.rb create mode 100644 config/locales/en.yml create mode 100644 config/puma.rb create mode 100644 config/routes.rb create mode 100644 config/secrets.yml create mode 100644 config/spring.rb create mode 100644 db/seeds.rb create mode 100644 lib/assets/.keep create mode 100644 lib/tasks/.keep create mode 100644 log/.keep create mode 100644 package.json create mode 100644 public/404.html create mode 100644 public/422.html create mode 100644 public/500.html create mode 100644 public/apple-touch-icon-precomposed.png create mode 100644 public/apple-touch-icon.png create mode 100644 public/favicon.ico create mode 100644 public/robots.txt create mode 100644 test/application_system_test_case.rb create mode 100644 test/controllers/.keep create mode 100644 test/fixtures/.keep create mode 100644 test/fixtures/files/.keep create mode 100644 test/helpers/.keep create mode 100644 test/integration/.keep create mode 100644 test/mailers/.keep create mode 100644 test/models/.keep create mode 100644 test/system/.keep create mode 100644 test/test_helper.rb create mode 100644 tmp/.keep create mode 100644 vendor/.keep diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000000..82701fedc8 --- /dev/null +++ b/.gitignore @@ -0,0 +1,19 @@ +# See https://help.github.com/articles/ignoring-files for more about ignoring files. +# +# If you find yourself ignoring temporary files generated by your text editor +# or operating system, you probably want to add a global ignore instead: +# git config --global core.excludesfile '~/.gitignore_global' + +# Ignore bundler config. +/.bundle + +# Ignore all logfiles and tempfiles. +/log/* +/tmp/* +!/log/.keep +!/tmp/.keep + +/node_modules +/yarn-error.log + +.byebug_history diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000000..774f60d51e --- /dev/null +++ b/Gemfile @@ -0,0 +1,69 @@ +source 'https://rubygems.org' + +git_source(:github) do |repo_name| + repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/") + "https://github.com/#{repo_name}.git" +end + + +# Bundle edge Rails instead: gem 'rails', github: 'rails/rails' +gem 'rails', '~> 5.1.4' +# Use postgresql as the database for Active Record +gem 'pg', '~> 0.18' +# Use Puma as the app server +gem 'puma', '~> 3.7' +# Use SCSS for stylesheets +gem 'sass-rails', '~> 5.0' +# Use Uglifier as compressor for JavaScript assets +gem 'uglifier', '>= 1.3.0' +# See https://github.com/rails/execjs#readme for more supported runtimes +# gem 'therubyracer', platforms: :ruby + +# Use CoffeeScript for .coffee assets and views +# gem 'coffee-rails', '~> 4.2' +# Turbolinks makes navigating your web application faster. Read more: https://github.com/turbolinks/turbolinks +gem 'turbolinks', '~> 5' +# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder +gem 'jbuilder', '~> 2.5' +# Use Redis adapter to run Action Cable in production +# gem 'redis', '~> 3.0' +# Use ActiveModel has_secure_password +# gem 'bcrypt', '~> 3.1.7' + +# Use Capistrano for deployment +# gem 'capistrano-rails', group: :development + +group :development, :test do + # Call 'byebug' anywhere in the code to stop execution and get a debugger console + gem 'byebug', platforms: [:mri, :mingw, :x64_mingw] + # Adds support for Capybara system testing and selenium driver + gem 'capybara', '~> 2.13' + gem 'selenium-webdriver' +end + +group :development do + # Access an IRB console on exception pages or by using <%= console %> anywhere in the code. + gem 'web-console', '>= 3.3.0' + gem 'listen', '>= 3.0.5', '< 3.2' + # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring + gem 'spring' + gem 'spring-watcher-listen', '~> 2.0.0' +end + +# Windows does not include zoneinfo files, so bundle the tzinfo-data gem +gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby] + +gem 'jquery-turbolinks' +group :development, :test do + gem 'pry-rails' +end + +group :development do + gem 'better_errors' + gem 'binding_of_caller' +end + +group :test do + gem 'minitest-rails' + gem 'minitest-reporters' +end diff --git a/Gemfile.lock b/Gemfile.lock new file mode 100644 index 0000000000..69fae647c5 --- /dev/null +++ b/Gemfile.lock @@ -0,0 +1,222 @@ +GEM + remote: https://rubygems.org/ + specs: + actioncable (5.1.4) + actionpack (= 5.1.4) + nio4r (~> 2.0) + websocket-driver (~> 0.6.1) + actionmailer (5.1.4) + actionpack (= 5.1.4) + actionview (= 5.1.4) + activejob (= 5.1.4) + mail (~> 2.5, >= 2.5.4) + rails-dom-testing (~> 2.0) + actionpack (5.1.4) + actionview (= 5.1.4) + activesupport (= 5.1.4) + rack (~> 2.0) + rack-test (>= 0.6.3) + rails-dom-testing (~> 2.0) + rails-html-sanitizer (~> 1.0, >= 1.0.2) + actionview (5.1.4) + activesupport (= 5.1.4) + builder (~> 3.1) + erubi (~> 1.4) + rails-dom-testing (~> 2.0) + rails-html-sanitizer (~> 1.0, >= 1.0.3) + activejob (5.1.4) + activesupport (= 5.1.4) + globalid (>= 0.3.6) + activemodel (5.1.4) + activesupport (= 5.1.4) + activerecord (5.1.4) + activemodel (= 5.1.4) + activesupport (= 5.1.4) + arel (~> 8.0) + activesupport (5.1.4) + concurrent-ruby (~> 1.0, >= 1.0.2) + i18n (~> 0.7) + minitest (~> 5.1) + tzinfo (~> 1.1) + addressable (2.5.2) + public_suffix (>= 2.0.2, < 4.0) + ansi (1.5.0) + arel (8.0.0) + better_errors (2.3.0) + coderay (>= 1.0.0) + erubi (>= 1.0.0) + rack (>= 0.9.0) + bindex (0.5.0) + binding_of_caller (0.7.2) + debug_inspector (>= 0.0.1) + builder (3.2.3) + byebug (9.1.0) + capybara (2.15.4) + addressable + mini_mime (>= 0.1.3) + nokogiri (>= 1.3.3) + rack (>= 1.0.0) + rack-test (>= 0.5.4) + xpath (~> 2.0) + childprocess (0.8.0) + ffi (~> 1.0, >= 1.0.11) + coderay (1.1.2) + concurrent-ruby (1.0.5) + crass (1.0.2) + debug_inspector (0.0.3) + erubi (1.7.0) + execjs (2.7.0) + ffi (1.9.18) + globalid (0.4.0) + activesupport (>= 4.2.0) + i18n (0.8.6) + jbuilder (2.7.0) + activesupport (>= 4.2.0) + multi_json (>= 1.2) + jquery-turbolinks (2.1.0) + railties (>= 3.1.0) + turbolinks + listen (3.1.5) + rb-fsevent (~> 0.9, >= 0.9.4) + rb-inotify (~> 0.9, >= 0.9.7) + ruby_dep (~> 1.2) + loofah (2.1.1) + crass (~> 1.0.2) + nokogiri (>= 1.5.9) + mail (2.6.6) + mime-types (>= 1.16, < 4) + method_source (0.9.0) + mime-types (3.1) + mime-types-data (~> 3.2015) + mime-types-data (3.2016.0521) + mini_mime (0.1.4) + mini_portile2 (2.3.0) + minitest (5.10.3) + minitest-rails (3.0.0) + minitest (~> 5.8) + railties (~> 5.0) + minitest-reporters (1.1.18) + ansi + builder + minitest (>= 5.0) + ruby-progressbar + multi_json (1.12.2) + nio4r (2.1.0) + nokogiri (1.8.1) + mini_portile2 (~> 2.3.0) + pg (0.21.0) + pry (0.11.1) + coderay (~> 1.1.0) + method_source (~> 0.9.0) + pry-rails (0.3.6) + pry (>= 0.10.4) + public_suffix (3.0.0) + puma (3.10.0) + rack (2.0.3) + rack-test (0.7.0) + rack (>= 1.0, < 3) + rails (5.1.4) + actioncable (= 5.1.4) + actionmailer (= 5.1.4) + actionpack (= 5.1.4) + actionview (= 5.1.4) + activejob (= 5.1.4) + activemodel (= 5.1.4) + activerecord (= 5.1.4) + activesupport (= 5.1.4) + bundler (>= 1.3.0) + railties (= 5.1.4) + sprockets-rails (>= 2.0.0) + rails-dom-testing (2.0.3) + activesupport (>= 4.2.0) + nokogiri (>= 1.6) + rails-html-sanitizer (1.0.3) + loofah (~> 2.0) + railties (5.1.4) + actionpack (= 5.1.4) + activesupport (= 5.1.4) + method_source + rake (>= 0.8.7) + thor (>= 0.18.1, < 2.0) + rake (12.1.0) + rb-fsevent (0.10.2) + rb-inotify (0.9.10) + ffi (>= 0.5.0, < 2) + ruby-progressbar (1.9.0) + ruby_dep (1.5.0) + rubyzip (1.2.1) + sass (3.5.2) + sass-listen (~> 4.0.0) + sass-listen (4.0.0) + rb-fsevent (~> 0.9, >= 0.9.4) + rb-inotify (~> 0.9, >= 0.9.7) + sass-rails (5.0.6) + railties (>= 4.0.0, < 6) + sass (~> 3.1) + sprockets (>= 2.8, < 4.0) + sprockets-rails (>= 2.0, < 4.0) + tilt (>= 1.1, < 3) + selenium-webdriver (3.6.0) + childprocess (~> 0.5) + rubyzip (~> 1.0) + spring (2.0.2) + activesupport (>= 4.2) + spring-watcher-listen (2.0.1) + listen (>= 2.7, < 4.0) + spring (>= 1.2, < 3.0) + sprockets (3.7.1) + concurrent-ruby (~> 1.0) + rack (> 1, < 3) + sprockets-rails (3.2.1) + actionpack (>= 4.0) + activesupport (>= 4.0) + sprockets (>= 3.0.0) + thor (0.20.0) + thread_safe (0.3.6) + tilt (2.0.8) + turbolinks (5.0.1) + turbolinks-source (~> 5) + turbolinks-source (5.0.3) + tzinfo (1.2.3) + thread_safe (~> 0.1) + uglifier (3.2.0) + execjs (>= 0.3.0, < 3) + web-console (3.5.1) + actionview (>= 5.0) + activemodel (>= 5.0) + bindex (>= 0.4.0) + railties (>= 5.0) + websocket-driver (0.6.5) + websocket-extensions (>= 0.1.0) + websocket-extensions (0.1.2) + xpath (2.1.0) + nokogiri (~> 1.3) + +PLATFORMS + ruby + +DEPENDENCIES + better_errors + binding_of_caller + byebug + capybara (~> 2.13) + jbuilder (~> 2.5) + jquery-turbolinks + listen (>= 3.0.5, < 3.2) + minitest-rails + minitest-reporters + pg (~> 0.18) + pry-rails + puma (~> 3.7) + rails (~> 5.1.4) + sass-rails (~> 5.0) + selenium-webdriver + spring + spring-watcher-listen (~> 2.0.0) + turbolinks (~> 5) + tzinfo-data + uglifier (>= 1.3.0) + web-console (>= 3.3.0) + +BUNDLED WITH + 1.15.4 diff --git a/README.md b/README.md index 6d792f05ce..55f370116e 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,5 @@ +# README + # Media Ranker ## Introduction diff --git a/Rakefile b/Rakefile new file mode 100644 index 0000000000..e85f913914 --- /dev/null +++ b/Rakefile @@ -0,0 +1,6 @@ +# Add your own tasks in files placed in lib/tasks ending in .rake, +# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake. + +require_relative 'config/application' + +Rails.application.load_tasks diff --git a/app/assets/config/manifest.js b/app/assets/config/manifest.js new file mode 100644 index 0000000000..b16e53d6d5 --- /dev/null +++ b/app/assets/config/manifest.js @@ -0,0 +1,3 @@ +//= link_tree ../images +//= link_directory ../javascripts .js +//= link_directory ../stylesheets .css diff --git a/app/assets/images/.keep b/app/assets/images/.keep new file mode 100644 index 0000000000..e69de29bb2 diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js new file mode 100644 index 0000000000..46b20359fa --- /dev/null +++ b/app/assets/javascripts/application.js @@ -0,0 +1,15 @@ +// This is a manifest file that'll be compiled into application.js, which will include all the files +// listed below. +// +// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's +// vendor/assets/javascripts directory can be referenced here using a relative path. +// +// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the +// compiled file. JavaScript code in this file should be added after the last require_* statement. +// +// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details +// about supported directives. +// +//= require rails-ujs +//= require turbolinks +//= require_tree . diff --git a/app/assets/javascripts/cable.js b/app/assets/javascripts/cable.js new file mode 100644 index 0000000000..739aa5f022 --- /dev/null +++ b/app/assets/javascripts/cable.js @@ -0,0 +1,13 @@ +// Action Cable provides the framework to deal with WebSockets in Rails. +// You can generate new channels where WebSocket features live using the `rails generate channel` command. +// +//= require action_cable +//= require_self +//= require_tree ./channels + +(function() { + this.App || (this.App = {}); + + App.cable = ActionCable.createConsumer(); + +}).call(this); diff --git a/app/assets/javascripts/channels/.keep b/app/assets/javascripts/channels/.keep new file mode 100644 index 0000000000..e69de29bb2 diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css new file mode 100644 index 0000000000..d05ea0f511 --- /dev/null +++ b/app/assets/stylesheets/application.css @@ -0,0 +1,15 @@ +/* + * 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, or any plugin's + * vendor/assets/stylesheets directory 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 bottom of the + * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS + * files in this directory. Styles in this file should be added after the last require_* statement. + * It is generally better to create a new file per style scope. + * + *= require_tree . + *= require_self + */ diff --git a/app/channels/application_cable/channel.rb b/app/channels/application_cable/channel.rb new file mode 100644 index 0000000000..d672697283 --- /dev/null +++ b/app/channels/application_cable/channel.rb @@ -0,0 +1,4 @@ +module ApplicationCable + class Channel < ActionCable::Channel::Base + end +end diff --git a/app/channels/application_cable/connection.rb b/app/channels/application_cable/connection.rb new file mode 100644 index 0000000000..0ff5442f47 --- /dev/null +++ b/app/channels/application_cable/connection.rb @@ -0,0 +1,4 @@ +module ApplicationCable + class Connection < ActionCable::Connection::Base + end +end diff --git a/app/controllers/application_controller.rb b/app/controllers/application_controller.rb new file mode 100644 index 0000000000..1c07694e9d --- /dev/null +++ b/app/controllers/application_controller.rb @@ -0,0 +1,3 @@ +class ApplicationController < ActionController::Base + protect_from_forgery with: :exception +end diff --git a/app/controllers/concerns/.keep b/app/controllers/concerns/.keep new file mode 100644 index 0000000000..e69de29bb2 diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb new file mode 100644 index 0000000000..de6be7945c --- /dev/null +++ b/app/helpers/application_helper.rb @@ -0,0 +1,2 @@ +module ApplicationHelper +end diff --git a/app/jobs/application_job.rb b/app/jobs/application_job.rb new file mode 100644 index 0000000000..a009ace51c --- /dev/null +++ b/app/jobs/application_job.rb @@ -0,0 +1,2 @@ +class ApplicationJob < ActiveJob::Base +end diff --git a/app/mailers/application_mailer.rb b/app/mailers/application_mailer.rb new file mode 100644 index 0000000000..286b2239d1 --- /dev/null +++ b/app/mailers/application_mailer.rb @@ -0,0 +1,4 @@ +class ApplicationMailer < ActionMailer::Base + default from: 'from@example.com' + layout 'mailer' +end diff --git a/app/models/application_record.rb b/app/models/application_record.rb new file mode 100644 index 0000000000..10a4cba84d --- /dev/null +++ b/app/models/application_record.rb @@ -0,0 +1,3 @@ +class ApplicationRecord < ActiveRecord::Base + self.abstract_class = true +end diff --git a/app/models/concerns/.keep b/app/models/concerns/.keep new file mode 100644 index 0000000000..e69de29bb2 diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb new file mode 100644 index 0000000000..6af511b830 --- /dev/null +++ b/app/views/layouts/application.html.erb @@ -0,0 +1,14 @@ + + + + MediaRanker + <%= csrf_meta_tags %> + + <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> + <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> + + + + <%= yield %> + + diff --git a/app/views/layouts/mailer.html.erb b/app/views/layouts/mailer.html.erb new file mode 100644 index 0000000000..cbd34d2e9d --- /dev/null +++ b/app/views/layouts/mailer.html.erb @@ -0,0 +1,13 @@ + + + + + + + + + <%= yield %> + + diff --git a/app/views/layouts/mailer.text.erb b/app/views/layouts/mailer.text.erb new file mode 100644 index 0000000000..37f0bddbd7 --- /dev/null +++ b/app/views/layouts/mailer.text.erb @@ -0,0 +1 @@ +<%= yield %> diff --git a/bin/bundle b/bin/bundle new file mode 100755 index 0000000000..66e9889e8b --- /dev/null +++ b/bin/bundle @@ -0,0 +1,3 @@ +#!/usr/bin/env ruby +ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__) +load Gem.bin_path('bundler', 'bundle') diff --git a/bin/rails b/bin/rails new file mode 100755 index 0000000000..5badb2fde0 --- /dev/null +++ b/bin/rails @@ -0,0 +1,9 @@ +#!/usr/bin/env ruby +begin + load File.expand_path('../spring', __FILE__) +rescue LoadError => e + raise unless e.message.include?('spring') +end +APP_PATH = File.expand_path('../config/application', __dir__) +require_relative '../config/boot' +require 'rails/commands' diff --git a/bin/rake b/bin/rake new file mode 100755 index 0000000000..d87d5f5781 --- /dev/null +++ b/bin/rake @@ -0,0 +1,9 @@ +#!/usr/bin/env ruby +begin + load File.expand_path('../spring', __FILE__) +rescue LoadError => e + raise unless e.message.include?('spring') +end +require_relative '../config/boot' +require 'rake' +Rake.application.run diff --git a/bin/setup b/bin/setup new file mode 100755 index 0000000000..78c4e861dc --- /dev/null +++ b/bin/setup @@ -0,0 +1,38 @@ +#!/usr/bin/env ruby +require 'pathname' +require 'fileutils' +include FileUtils + +# path to your application root. +APP_ROOT = Pathname.new File.expand_path('../../', __FILE__) + +def system!(*args) + system(*args) || abort("\n== Command #{args} failed ==") +end + +chdir APP_ROOT do + # This script is a starting point to setup your application. + # Add necessary setup steps to this file. + + puts '== Installing dependencies ==' + system! 'gem install bundler --conservative' + system('bundle check') || system!('bundle install') + + # Install JavaScript dependencies if using Yarn + # system('bin/yarn') + + + # puts "\n== Copying sample files ==" + # unless File.exist?('config/database.yml') + # cp 'config/database.yml.sample', 'config/database.yml' + # end + + puts "\n== Preparing database ==" + system! 'bin/rails db:setup' + + puts "\n== Removing old logs and tempfiles ==" + system! 'bin/rails log:clear tmp:clear' + + puts "\n== Restarting application server ==" + system! 'bin/rails restart' +end diff --git a/bin/spring b/bin/spring new file mode 100755 index 0000000000..fb2ec2ebb4 --- /dev/null +++ b/bin/spring @@ -0,0 +1,17 @@ +#!/usr/bin/env ruby + +# This file loads spring without using Bundler, in order to be fast. +# It gets overwritten when you run the `spring binstub` command. + +unless defined?(Spring) + require 'rubygems' + require 'bundler' + + lockfile = Bundler::LockfileParser.new(Bundler.default_lockfile.read) + spring = lockfile.specs.detect { |spec| spec.name == "spring" } + if spring + Gem.use_paths Gem.dir, Bundler.bundle_path.to_s, *Gem.path + gem 'spring', spring.version + require 'spring/binstub' + end +end diff --git a/bin/update b/bin/update new file mode 100755 index 0000000000..a8e4462f20 --- /dev/null +++ b/bin/update @@ -0,0 +1,29 @@ +#!/usr/bin/env ruby +require 'pathname' +require 'fileutils' +include FileUtils + +# path to your application root. +APP_ROOT = Pathname.new File.expand_path('../../', __FILE__) + +def system!(*args) + system(*args) || abort("\n== Command #{args} failed ==") +end + +chdir APP_ROOT do + # This script is a way to update your development environment automatically. + # Add necessary update steps to this file. + + puts '== Installing dependencies ==' + system! 'gem install bundler --conservative' + system('bundle check') || system!('bundle install') + + puts "\n== Updating database ==" + system! 'bin/rails db:migrate' + + puts "\n== Removing old logs and tempfiles ==" + system! 'bin/rails log:clear tmp:clear' + + puts "\n== Restarting application server ==" + system! 'bin/rails restart' +end diff --git a/bin/yarn b/bin/yarn new file mode 100755 index 0000000000..c2bacef836 --- /dev/null +++ b/bin/yarn @@ -0,0 +1,11 @@ +#!/usr/bin/env ruby +VENDOR_PATH = File.expand_path('..', __dir__) +Dir.chdir(VENDOR_PATH) do + begin + exec "yarnpkg #{ARGV.join(" ")}" + rescue Errno::ENOENT + $stderr.puts "Yarn executable was not detected in the system." + $stderr.puts "Download Yarn at https://yarnpkg.com/en/docs/install" + exit 1 + end +end diff --git a/config.ru b/config.ru new file mode 100644 index 0000000000..f7ba0b527b --- /dev/null +++ b/config.ru @@ -0,0 +1,5 @@ +# This file is used by Rack-based servers to start the application. + +require_relative 'config/environment' + +run Rails.application diff --git a/config/application.rb b/config/application.rb new file mode 100644 index 0000000000..e73bab908f --- /dev/null +++ b/config/application.rb @@ -0,0 +1,25 @@ +require_relative 'boot' + +require 'rails/all' + +# Require the gems listed in Gemfile, including any gems +# you've limited to :test, :development, or :production. +Bundler.require(*Rails.groups) + +module MediaRanker + class Application < Rails::Application + config.generators do |g| + # Force new test files to be generated in the minitest-spec style + g.test_framework :minitest, spec: true + + # Always use .js files, never .coffee + g.javascript_engine :js + end + # Initialize configuration defaults for originally generated Rails version. + config.load_defaults 5.1 + + # Settings in config/environments/* take precedence over those specified here. + # Application configuration should go into files in config/initializers + # -- all .rb files in that directory are automatically loaded. + end +end diff --git a/config/boot.rb b/config/boot.rb new file mode 100644 index 0000000000..30f5120df6 --- /dev/null +++ b/config/boot.rb @@ -0,0 +1,3 @@ +ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../Gemfile', __dir__) + +require 'bundler/setup' # Set up gems listed in the Gemfile. diff --git a/config/cable.yml b/config/cable.yml new file mode 100644 index 0000000000..3a27f13933 --- /dev/null +++ b/config/cable.yml @@ -0,0 +1,10 @@ +development: + adapter: async + +test: + adapter: async + +production: + adapter: redis + url: redis://localhost:6379/1 + channel_prefix: MediaRanker_production diff --git a/config/database.yml b/config/database.yml new file mode 100644 index 0000000000..0bd2511123 --- /dev/null +++ b/config/database.yml @@ -0,0 +1,85 @@ +# PostgreSQL. Versions 9.1 and up are supported. +# +# Install the pg driver: +# gem install pg +# On OS X with Homebrew: +# gem install pg -- --with-pg-config=/usr/local/bin/pg_config +# On OS X with MacPorts: +# gem install pg -- --with-pg-config=/opt/local/lib/postgresql84/bin/pg_config +# On Windows: +# gem install pg +# Choose the win32 build. +# Install PostgreSQL and put its /bin directory on your path. +# +# Configure Using Gemfile +# gem 'pg' +# +default: &default + adapter: postgresql + encoding: unicode + # For details on connection pooling, see Rails configuration guide + # http://guides.rubyonrails.org/configuring.html#database-pooling + pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %> + +development: + <<: *default + database: MediaRanker_development + + # The specified database role being used to connect to postgres. + # To create additional roles in postgres see `$ createuser --help`. + # When left blank, postgres will use the default role. This is + # the same name as the operating system user that initialized the database. + #username: MediaRanker + + # The password associated with the postgres role (username). + #password: + + # Connect on a TCP socket. Omitted by default since the client uses a + # domain socket that doesn't need configuration. Windows does not have + # domain sockets, so uncomment these lines. + #host: localhost + + # The TCP port the server listens on. Defaults to 5432. + # If your server runs on a different port number, change accordingly. + #port: 5432 + + # Schema search path. The server defaults to $user,public + #schema_search_path: myapp,sharedapp,public + + # Minimum log levels, in increasing order: + # debug5, debug4, debug3, debug2, debug1, + # log, notice, warning, error, fatal, and panic + # Defaults to warning. + #min_messages: notice + +# Warning: The database defined as "test" will be erased and +# re-generated from your development database when you run "rake". +# Do not set this db to the same as development or production. +test: + <<: *default + database: MediaRanker_test + +# As with config/secrets.yml, you never want to store sensitive information, +# like your database password, in your source code. If your source code is +# ever seen by anyone, they now have access to your database. +# +# Instead, provide the password as a unix environment variable when you boot +# the app. Read http://guides.rubyonrails.org/configuring.html#configuring-a-database +# for a full rundown on how to provide these environment variables in a +# production deployment. +# +# On Heroku and other platform providers, you may have a full connection URL +# available as an environment variable. For example: +# +# DATABASE_URL="postgres://myuser:mypass@localhost/somedatabase" +# +# You can use this database configuration with: +# +# production: +# url: <%= ENV['DATABASE_URL'] %> +# +production: + <<: *default + database: MediaRanker_production + username: MediaRanker + password: <%= ENV['MEDIARANKER_DATABASE_PASSWORD'] %> diff --git a/config/environment.rb b/config/environment.rb new file mode 100644 index 0000000000..426333bb46 --- /dev/null +++ b/config/environment.rb @@ -0,0 +1,5 @@ +# Load the Rails application. +require_relative 'application' + +# Initialize the Rails application. +Rails.application.initialize! diff --git a/config/environments/development.rb b/config/environments/development.rb new file mode 100644 index 0000000000..5187e22186 --- /dev/null +++ b/config/environments/development.rb @@ -0,0 +1,54 @@ +Rails.application.configure do + # Settings specified here will take precedence over those in config/application.rb. + + # In the development environment your application's code is reloaded on + # every request. This slows down response time but is perfect for development + # since you don't have to restart the web server when you make code changes. + config.cache_classes = false + + # Do not eager load code on boot. + config.eager_load = false + + # Show full error reports. + config.consider_all_requests_local = true + + # Enable/disable caching. By default caching is disabled. + if Rails.root.join('tmp/caching-dev.txt').exist? + config.action_controller.perform_caching = true + + config.cache_store = :memory_store + config.public_file_server.headers = { + 'Cache-Control' => "public, max-age=#{2.days.seconds.to_i}" + } + else + config.action_controller.perform_caching = false + + config.cache_store = :null_store + end + + # Don't care if the mailer can't send. + config.action_mailer.raise_delivery_errors = false + + config.action_mailer.perform_caching = false + + # Print deprecation notices to the Rails logger. + config.active_support.deprecation = :log + + # Raise an error on page load if there are pending migrations. + config.active_record.migration_error = :page_load + + # Debug mode disables concatenation and preprocessing of assets. + # This option may cause significant delays in view rendering with a large + # number of complex assets. + config.assets.debug = true + + # Suppress logger output for asset requests. + config.assets.quiet = true + + # Raises error for missing translations + # config.action_view.raise_on_missing_translations = true + + # Use an evented file watcher to asynchronously detect changes in source code, + # routes, locales, etc. This feature depends on the listen gem. + config.file_watcher = ActiveSupport::EventedFileUpdateChecker +end diff --git a/config/environments/production.rb b/config/environments/production.rb new file mode 100644 index 0000000000..d242dac65c --- /dev/null +++ b/config/environments/production.rb @@ -0,0 +1,91 @@ +Rails.application.configure do + # Settings specified here will take precedence over those in config/application.rb. + + # Code is not reloaded between requests. + config.cache_classes = true + + # Eager load code on boot. This eager loads most of Rails and + # your application in memory, allowing both threaded web servers + # and those relying on copy on write to perform better. + # Rake tasks automatically ignore this option for performance. + config.eager_load = true + + # Full error reports are disabled and caching is turned on. + config.consider_all_requests_local = false + config.action_controller.perform_caching = true + + # Attempt to read encrypted secrets from `config/secrets.yml.enc`. + # Requires an encryption key in `ENV["RAILS_MASTER_KEY"]` or + # `config/secrets.yml.key`. + config.read_encrypted_secrets = true + + # Disable serving static files from the `/public` folder by default since + # Apache or NGINX already handles this. + config.public_file_server.enabled = ENV['RAILS_SERVE_STATIC_FILES'].present? + + # Compress JavaScripts and CSS. + config.assets.js_compressor = :uglifier + # config.assets.css_compressor = :sass + + # Do not fallback to assets pipeline if a precompiled asset is missed. + config.assets.compile = false + + # `config.assets.precompile` and `config.assets.version` have moved to config/initializers/assets.rb + + # Enable serving of images, stylesheets, and JavaScripts from an asset server. + # config.action_controller.asset_host = 'http://assets.example.com' + + # Specifies the header that your server uses for sending files. + # config.action_dispatch.x_sendfile_header = 'X-Sendfile' # for Apache + # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for NGINX + + # Mount Action Cable outside main process or domain + # config.action_cable.mount_path = nil + # config.action_cable.url = 'wss://example.com/cable' + # config.action_cable.allowed_request_origins = [ 'http://example.com', /http:\/\/example.*/ ] + + # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies. + # config.force_ssl = true + + # Use the lowest log level to ensure availability of diagnostic information + # when problems arise. + config.log_level = :debug + + # Prepend all log lines with the following tags. + config.log_tags = [ :request_id ] + + # Use a different cache store in production. + # config.cache_store = :mem_cache_store + + # Use a real queuing backend for Active Job (and separate queues per environment) + # config.active_job.queue_adapter = :resque + # config.active_job.queue_name_prefix = "MediaRanker_#{Rails.env}" + config.action_mailer.perform_caching = false + + # Ignore bad email addresses and do not raise email delivery errors. + # Set this to true and configure the email server for immediate delivery to raise delivery errors. + # config.action_mailer.raise_delivery_errors = false + + # Enable locale fallbacks for I18n (makes lookups for any locale fall back to + # the I18n.default_locale when a translation cannot be found). + config.i18n.fallbacks = true + + # Send deprecation notices to registered listeners. + config.active_support.deprecation = :notify + + # Use default logging formatter so that PID and timestamp are not suppressed. + config.log_formatter = ::Logger::Formatter.new + + # Use a different logger for distributed setups. + # require 'syslog/logger' + # config.logger = ActiveSupport::TaggedLogging.new(Syslog::Logger.new 'app-name') + + if ENV["RAILS_LOG_TO_STDOUT"].present? + logger = ActiveSupport::Logger.new(STDOUT) + logger.formatter = config.log_formatter + config.logger = ActiveSupport::TaggedLogging.new(logger) + end + + # Do not dump schema after migrations. + config.active_record.dump_schema_after_migration = false +end diff --git a/config/environments/test.rb b/config/environments/test.rb new file mode 100644 index 0000000000..8e5cbde533 --- /dev/null +++ b/config/environments/test.rb @@ -0,0 +1,42 @@ +Rails.application.configure do + # Settings specified here will take precedence over those in config/application.rb. + + # The test environment is used exclusively to run your application's + # test suite. You never need to work with it otherwise. Remember that + # your test database is "scratch space" for the test suite and is wiped + # and recreated between test runs. Don't rely on the data there! + config.cache_classes = true + + # Do not eager load code on boot. This avoids loading your whole application + # just for the purpose of running a single test. If you are using a tool that + # preloads Rails for running tests, you may have to set it to true. + config.eager_load = false + + # Configure public file server for tests with Cache-Control for performance. + config.public_file_server.enabled = true + config.public_file_server.headers = { + 'Cache-Control' => "public, max-age=#{1.hour.seconds.to_i}" + } + + # Show full error reports and disable caching. + config.consider_all_requests_local = true + config.action_controller.perform_caching = false + + # Raise exceptions instead of rendering exception templates. + config.action_dispatch.show_exceptions = false + + # Disable request forgery protection in test environment. + config.action_controller.allow_forgery_protection = false + config.action_mailer.perform_caching = false + + # Tell Action Mailer not to deliver emails to the real world. + # The :test delivery method accumulates sent emails in the + # ActionMailer::Base.deliveries array. + config.action_mailer.delivery_method = :test + + # Print deprecation notices to the stderr. + config.active_support.deprecation = :stderr + + # Raises error for missing translations + # config.action_view.raise_on_missing_translations = true +end diff --git a/config/initializers/application_controller_renderer.rb b/config/initializers/application_controller_renderer.rb new file mode 100644 index 0000000000..89d2efab2b --- /dev/null +++ b/config/initializers/application_controller_renderer.rb @@ -0,0 +1,8 @@ +# Be sure to restart your server when you modify this file. + +# ActiveSupport::Reloader.to_prepare do +# ApplicationController.renderer.defaults.merge!( +# http_host: 'example.org', +# https: false +# ) +# end diff --git a/config/initializers/assets.rb b/config/initializers/assets.rb new file mode 100644 index 0000000000..4b828e80cb --- /dev/null +++ b/config/initializers/assets.rb @@ -0,0 +1,14 @@ +# Be sure to restart your server when you modify this file. + +# Version of your assets, change this if you want to expire all your assets. +Rails.application.config.assets.version = '1.0' + +# Add additional assets to the asset load path. +# Rails.application.config.assets.paths << Emoji.images_path +# Add Yarn node_modules folder to the asset load path. +Rails.application.config.assets.paths << Rails.root.join('node_modules') + +# Precompile additional assets. +# application.js, application.css, and all non-JS/CSS in the app/assets +# folder are already added. +# Rails.application.config.assets.precompile += %w( admin.js admin.css ) diff --git a/config/initializers/backtrace_silencers.rb b/config/initializers/backtrace_silencers.rb new file mode 100644 index 0000000000..59385cdf37 --- /dev/null +++ b/config/initializers/backtrace_silencers.rb @@ -0,0 +1,7 @@ +# Be sure to restart your server when you modify this file. + +# You can add backtrace silencers for libraries that you're using but don't wish to see in your backtraces. +# Rails.backtrace_cleaner.add_silencer { |line| line =~ /my_noisy_library/ } + +# You can also remove all the silencers if you're trying to debug a problem that might stem from framework code. +# Rails.backtrace_cleaner.remove_silencers! diff --git a/config/initializers/cookies_serializer.rb b/config/initializers/cookies_serializer.rb new file mode 100644 index 0000000000..5a6a32d371 --- /dev/null +++ b/config/initializers/cookies_serializer.rb @@ -0,0 +1,5 @@ +# Be sure to restart your server when you modify this file. + +# Specify a serializer for the signed and encrypted cookie jars. +# Valid options are :json, :marshal, and :hybrid. +Rails.application.config.action_dispatch.cookies_serializer = :json diff --git a/config/initializers/filter_parameter_logging.rb b/config/initializers/filter_parameter_logging.rb new file mode 100644 index 0000000000..4a994e1e7b --- /dev/null +++ b/config/initializers/filter_parameter_logging.rb @@ -0,0 +1,4 @@ +# Be sure to restart your server when you modify this file. + +# Configure sensitive parameters which will be filtered from the log file. +Rails.application.config.filter_parameters += [:password] diff --git a/config/initializers/inflections.rb b/config/initializers/inflections.rb new file mode 100644 index 0000000000..ac033bf9dc --- /dev/null +++ b/config/initializers/inflections.rb @@ -0,0 +1,16 @@ +# Be sure to restart your server when you modify this file. + +# Add new inflection rules using the following format. Inflections +# are locale specific, and you may define rules for as many different +# locales as you wish. All of these examples are active by default: +# ActiveSupport::Inflector.inflections(:en) do |inflect| +# inflect.plural /^(ox)$/i, '\1en' +# inflect.singular /^(ox)en/i, '\1' +# inflect.irregular 'person', 'people' +# inflect.uncountable %w( fish sheep ) +# end + +# These inflection rules are supported but not enabled by default: +# ActiveSupport::Inflector.inflections(:en) do |inflect| +# inflect.acronym 'RESTful' +# end diff --git a/config/initializers/mime_types.rb b/config/initializers/mime_types.rb new file mode 100644 index 0000000000..dc1899682b --- /dev/null +++ b/config/initializers/mime_types.rb @@ -0,0 +1,4 @@ +# Be sure to restart your server when you modify this file. + +# Add new mime types for use in respond_to blocks: +# Mime::Type.register "text/richtext", :rtf diff --git a/config/initializers/wrap_parameters.rb b/config/initializers/wrap_parameters.rb new file mode 100644 index 0000000000..bbfc3961bf --- /dev/null +++ b/config/initializers/wrap_parameters.rb @@ -0,0 +1,14 @@ +# Be sure to restart your server when you modify this file. + +# This file contains settings for ActionController::ParamsWrapper which +# is enabled by default. + +# Enable parameter wrapping for JSON. You can disable this by setting :format to an empty array. +ActiveSupport.on_load(:action_controller) do + wrap_parameters format: [:json] +end + +# To enable root element in JSON for ActiveRecord objects. +# ActiveSupport.on_load(:active_record) do +# self.include_root_in_json = true +# end diff --git a/config/locales/en.yml b/config/locales/en.yml new file mode 100644 index 0000000000..decc5a8573 --- /dev/null +++ b/config/locales/en.yml @@ -0,0 +1,33 @@ +# Files in the config/locales directory are used for internationalization +# and are automatically loaded by Rails. If you want to use locales other +# than English, add the necessary files in this directory. +# +# To use the locales, use `I18n.t`: +# +# I18n.t 'hello' +# +# In views, this is aliased to just `t`: +# +# <%= t('hello') %> +# +# To use a different locale, set it with `I18n.locale`: +# +# I18n.locale = :es +# +# This would use the information in config/locales/es.yml. +# +# The following keys must be escaped otherwise they will not be retrieved by +# the default I18n backend: +# +# true, false, on, off, yes, no +# +# Instead, surround them with single quotes. +# +# en: +# 'true': 'foo' +# +# To learn more, please read the Rails Internationalization guide +# available at http://guides.rubyonrails.org/i18n.html. + +en: + hello: "Hello world" diff --git a/config/puma.rb b/config/puma.rb new file mode 100644 index 0000000000..1e19380dcb --- /dev/null +++ b/config/puma.rb @@ -0,0 +1,56 @@ +# Puma can serve each request in a thread from an internal thread pool. +# The `threads` method setting takes two numbers: a minimum and maximum. +# Any libraries that use thread pools should be configured to match +# the maximum value specified for Puma. Default is set to 5 threads for minimum +# and maximum; this matches the default thread size of Active Record. +# +threads_count = ENV.fetch("RAILS_MAX_THREADS") { 5 } +threads threads_count, threads_count + +# Specifies the `port` that Puma will listen on to receive requests; default is 3000. +# +port ENV.fetch("PORT") { 3000 } + +# Specifies the `environment` that Puma will run in. +# +environment ENV.fetch("RAILS_ENV") { "development" } + +# Specifies the number of `workers` to boot in clustered mode. +# Workers are forked webserver processes. If using threads and workers together +# the concurrency of the application would be max `threads` * `workers`. +# Workers do not work on JRuby or Windows (both of which do not support +# processes). +# +# workers ENV.fetch("WEB_CONCURRENCY") { 2 } + +# Use the `preload_app!` method when specifying a `workers` number. +# This directive tells Puma to first boot the application and load code +# before forking the application. This takes advantage of Copy On Write +# process behavior so workers use less memory. If you use this option +# you need to make sure to reconnect any threads in the `on_worker_boot` +# block. +# +# preload_app! + +# If you are preloading your application and using Active Record, it's +# recommended that you close any connections to the database before workers +# are forked to prevent connection leakage. +# +# before_fork do +# ActiveRecord::Base.connection_pool.disconnect! if defined?(ActiveRecord) +# end + +# The code in the `on_worker_boot` will be called if you are using +# clustered mode by specifying a number of `workers`. After each worker +# process is booted, this block will be run. If you are using the `preload_app!` +# option, you will want to use this block to reconnect to any threads +# or connections that may have been created at application boot, as Ruby +# cannot share connections between processes. +# +# on_worker_boot do +# ActiveRecord::Base.establish_connection if defined?(ActiveRecord) +# end +# + +# Allow puma to be restarted by `rails restart` command. +plugin :tmp_restart diff --git a/config/routes.rb b/config/routes.rb new file mode 100644 index 0000000000..787824f888 --- /dev/null +++ b/config/routes.rb @@ -0,0 +1,3 @@ +Rails.application.routes.draw do + # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html +end diff --git a/config/secrets.yml b/config/secrets.yml new file mode 100644 index 0000000000..4bfbe5ebf4 --- /dev/null +++ b/config/secrets.yml @@ -0,0 +1,32 @@ +# Be sure to restart your server when you modify this file. + +# Your secret key is used for verifying the integrity of signed cookies. +# If you change this key, all old signed cookies will become invalid! + +# Make sure the secret is at least 30 characters and all random, +# no regular words or you'll be exposed to dictionary attacks. +# You can use `rails secret` to generate a secure secret key. + +# Make sure the secrets in this file are kept private +# if you're sharing your code publicly. + +# Shared secrets are available across all environments. + +# shared: +# api_key: a1B2c3D4e5F6 + +# Environmental secrets are only available for that specific environment. + +development: + secret_key_base: 256f7eeb508456de3eda1a5a22fc5bd108f3d753cd97c1ff3b20dabe1cb5e380763b027d6f769432b40da74c77c8a4d4b439bf48fcd6e25afe6e0559a370cece + +test: + secret_key_base: 7284017cf55247e2db11086666d0444dfa9e5614a61036a75894f0ddc74d53eba2e1711a124526e346bfa94b3f12627f0ec8d213a7da36927ee6b8d6095998a5 + +# Do not keep production secrets in the unencrypted secrets file. +# Instead, either read values from the environment. +# Or, use `bin/rails secrets:setup` to configure encrypted secrets +# and move the `production:` environment over there. + +production: + secret_key_base: <%= ENV["SECRET_KEY_BASE"] %> diff --git a/config/spring.rb b/config/spring.rb new file mode 100644 index 0000000000..c9119b40c0 --- /dev/null +++ b/config/spring.rb @@ -0,0 +1,6 @@ +%w( + .ruby-version + .rbenv-vars + tmp/restart.txt + tmp/caching-dev.txt +).each { |path| Spring.watch(path) } diff --git a/db/seeds.rb b/db/seeds.rb new file mode 100644 index 0000000000..1beea2accd --- /dev/null +++ b/db/seeds.rb @@ -0,0 +1,7 @@ +# This file should contain all the record creation needed to seed the database with its default values. +# The data can then be loaded with the rails db:seed command (or created alongside the database with db:setup). +# +# Examples: +# +# movies = Movie.create([{ name: 'Star Wars' }, { name: 'Lord of the Rings' }]) +# Character.create(name: 'Luke', movie: movies.first) diff --git a/lib/assets/.keep b/lib/assets/.keep new file mode 100644 index 0000000000..e69de29bb2 diff --git a/lib/tasks/.keep b/lib/tasks/.keep new file mode 100644 index 0000000000..e69de29bb2 diff --git a/log/.keep b/log/.keep new file mode 100644 index 0000000000..e69de29bb2 diff --git a/package.json b/package.json new file mode 100644 index 0000000000..625900f9d8 --- /dev/null +++ b/package.json @@ -0,0 +1,5 @@ +{ + "name": "MediaRanker", + "private": true, + "dependencies": {} +} diff --git a/public/404.html b/public/404.html new file mode 100644 index 0000000000..2be3af26fc --- /dev/null +++ b/public/404.html @@ -0,0 +1,67 @@ + + + + The page you were looking for doesn't exist (404) + + + + + + +
+
+

The page you were looking for doesn't exist.

+

You may have mistyped the address or the page may have moved.

+
+

If you are the application owner check the logs for more information.

+
+ + diff --git a/public/422.html b/public/422.html new file mode 100644 index 0000000000..c08eac0d1d --- /dev/null +++ b/public/422.html @@ -0,0 +1,67 @@ + + + + The change you wanted was rejected (422) + + + + + + +
+
+

The change you wanted was rejected.

+

Maybe you tried to change something you didn't have access to.

+
+

If you are the application owner check the logs for more information.

+
+ + diff --git a/public/500.html b/public/500.html new file mode 100644 index 0000000000..78a030af22 --- /dev/null +++ b/public/500.html @@ -0,0 +1,66 @@ + + + + We're sorry, but something went wrong (500) + + + + + + +
+
+

We're sorry, but something went wrong.

+
+

If you are the application owner check the logs for more information.

+
+ + diff --git a/public/apple-touch-icon-precomposed.png b/public/apple-touch-icon-precomposed.png new file mode 100644 index 0000000000..e69de29bb2 diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png new file mode 100644 index 0000000000..e69de29bb2 diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000000..e69de29bb2 diff --git a/public/robots.txt b/public/robots.txt new file mode 100644 index 0000000000..37b576a4a0 --- /dev/null +++ b/public/robots.txt @@ -0,0 +1 @@ +# See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file diff --git a/test/application_system_test_case.rb b/test/application_system_test_case.rb new file mode 100644 index 0000000000..d19212abd5 --- /dev/null +++ b/test/application_system_test_case.rb @@ -0,0 +1,5 @@ +require "test_helper" + +class ApplicationSystemTestCase < ActionDispatch::SystemTestCase + driven_by :selenium, using: :chrome, screen_size: [1400, 1400] +end diff --git a/test/controllers/.keep b/test/controllers/.keep new file mode 100644 index 0000000000..e69de29bb2 diff --git a/test/fixtures/.keep b/test/fixtures/.keep new file mode 100644 index 0000000000..e69de29bb2 diff --git a/test/fixtures/files/.keep b/test/fixtures/files/.keep new file mode 100644 index 0000000000..e69de29bb2 diff --git a/test/helpers/.keep b/test/helpers/.keep new file mode 100644 index 0000000000..e69de29bb2 diff --git a/test/integration/.keep b/test/integration/.keep new file mode 100644 index 0000000000..e69de29bb2 diff --git a/test/mailers/.keep b/test/mailers/.keep new file mode 100644 index 0000000000..e69de29bb2 diff --git a/test/models/.keep b/test/models/.keep new file mode 100644 index 0000000000..e69de29bb2 diff --git a/test/system/.keep b/test/system/.keep new file mode 100644 index 0000000000..e69de29bb2 diff --git a/test/test_helper.rb b/test/test_helper.rb new file mode 100644 index 0000000000..10594a3248 --- /dev/null +++ b/test/test_helper.rb @@ -0,0 +1,26 @@ +ENV["RAILS_ENV"] = "test" +require File.expand_path("../../config/environment", __FILE__) +require "rails/test_help" +require "minitest/rails" +require "minitest/reporters" # for Colorized output + +# For colorful output! +Minitest::Reporters.use!( + Minitest::Reporters::SpecReporter.new, + ENV, + Minitest.backtrace_filter +) + + +# To add Capybara feature tests add `gem "minitest-rails-capybara"` +# to the test group in the Gemfile and uncomment the following: +# require "minitest/rails/capybara" + +# Uncomment for awesome colorful output +# require "minitest/pride" + +class ActiveSupport::TestCase + # Setup all fixtures in test/fixtures/*.yml for all tests in alphabetical order. + fixtures :all + # Add more helper methods to be used by all tests here... +end diff --git a/tmp/.keep b/tmp/.keep new file mode 100644 index 0000000000..e69de29bb2 diff --git a/vendor/.keep b/vendor/.keep new file mode 100644 index 0000000000..e69de29bb2 From d73300d95b363393362c265ec6445b83e2657a4f Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Tue, 10 Oct 2017 22:44:17 -0700 Subject: [PATCH 02/25] create works routes, generate WorksController, and create work model --- app/assets/javascripts/works.js | 2 ++ app/assets/stylesheets/works.scss | 3 +++ app/controllers/works_controller.rb | 4 ++++ app/helpers/works_helper.rb | 2 ++ app/models/work.rb | 2 ++ app/views/works/index.html.erb | 1 + config/routes.rb | 1 + db/migrate/20171011053012_create_works.rb | 13 +++++++++++ db/schema.rb | 28 +++++++++++++++++++++++ test/controllers/works_controller_test.rb | 7 ++++++ test/fixtures/works.yml | 15 ++++++++++++ test/models/work_test.rb | 9 ++++++++ 12 files changed, 87 insertions(+) create mode 100644 app/assets/javascripts/works.js create mode 100644 app/assets/stylesheets/works.scss create mode 100644 app/controllers/works_controller.rb create mode 100644 app/helpers/works_helper.rb create mode 100644 app/models/work.rb create mode 100644 app/views/works/index.html.erb create mode 100644 db/migrate/20171011053012_create_works.rb create mode 100644 db/schema.rb create mode 100644 test/controllers/works_controller_test.rb create mode 100644 test/fixtures/works.yml create mode 100644 test/models/work_test.rb diff --git a/app/assets/javascripts/works.js b/app/assets/javascripts/works.js new file mode 100644 index 0000000000..dee720facd --- /dev/null +++ b/app/assets/javascripts/works.js @@ -0,0 +1,2 @@ +// Place all the behaviors and hooks related to the matching controller here. +// All this logic will automatically be available in application.js. diff --git a/app/assets/stylesheets/works.scss b/app/assets/stylesheets/works.scss new file mode 100644 index 0000000000..5618452f3e --- /dev/null +++ b/app/assets/stylesheets/works.scss @@ -0,0 +1,3 @@ +// Place all the styles related to the Works controller here. +// They will automatically be included in application.css. +// You can use Sass (SCSS) here: http://sass-lang.com/ diff --git a/app/controllers/works_controller.rb b/app/controllers/works_controller.rb new file mode 100644 index 0000000000..0895e0bd10 --- /dev/null +++ b/app/controllers/works_controller.rb @@ -0,0 +1,4 @@ +class WorksController < ApplicationController + def index + end +end diff --git a/app/helpers/works_helper.rb b/app/helpers/works_helper.rb new file mode 100644 index 0000000000..ccb78c2b73 --- /dev/null +++ b/app/helpers/works_helper.rb @@ -0,0 +1,2 @@ +module WorksHelper +end diff --git a/app/models/work.rb b/app/models/work.rb new file mode 100644 index 0000000000..95322dd45e --- /dev/null +++ b/app/models/work.rb @@ -0,0 +1,2 @@ +class Work < ApplicationRecord +end diff --git a/app/views/works/index.html.erb b/app/views/works/index.html.erb new file mode 100644 index 0000000000..eba2d815db --- /dev/null +++ b/app/views/works/index.html.erb @@ -0,0 +1 @@ +

test

diff --git a/config/routes.rb b/config/routes.rb index 787824f888..8eb4b49d1e 100644 --- a/config/routes.rb +++ b/config/routes.rb @@ -1,3 +1,4 @@ Rails.application.routes.draw do # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html + resources :works end diff --git a/db/migrate/20171011053012_create_works.rb b/db/migrate/20171011053012_create_works.rb new file mode 100644 index 0000000000..58fba27f1a --- /dev/null +++ b/db/migrate/20171011053012_create_works.rb @@ -0,0 +1,13 @@ +class CreateWorks < ActiveRecord::Migration[5.1] + def change + create_table :works do |t| + t.string :category + t.string :title + t.string :creator + t.integer :publication_year + t.string :description + + t.timestamps + end + end +end diff --git a/db/schema.rb b/db/schema.rb new file mode 100644 index 0000000000..9b48314a2f --- /dev/null +++ b/db/schema.rb @@ -0,0 +1,28 @@ +# 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: 20171011053012) do + + # These are extensions that must be enabled in order to support this database + enable_extension "plpgsql" + + create_table "works", force: :cascade do |t| + t.string "category" + t.string "title" + t.string "creator" + t.integer "publication_year" + t.string "description" + t.datetime "created_at", null: false + t.datetime "updated_at", null: false + end + +end diff --git a/test/controllers/works_controller_test.rb b/test/controllers/works_controller_test.rb new file mode 100644 index 0000000000..d95073c22e --- /dev/null +++ b/test/controllers/works_controller_test.rb @@ -0,0 +1,7 @@ +require "test_helper" + +describe WorksController do + # it "must be a real test" do + # flunk "Need real tests" + # end +end diff --git a/test/fixtures/works.yml b/test/fixtures/works.yml new file mode 100644 index 0000000000..6772d84de5 --- /dev/null +++ b/test/fixtures/works.yml @@ -0,0 +1,15 @@ +# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html + +one: + category: MyString + title: MyString + creator: MyString + publication_year: 1 + description: MyString + +two: + category: MyString + title: MyString + creator: MyString + publication_year: 1 + description: MyString diff --git a/test/models/work_test.rb b/test/models/work_test.rb new file mode 100644 index 0000000000..f6fba7104d --- /dev/null +++ b/test/models/work_test.rb @@ -0,0 +1,9 @@ +require "test_helper" + +describe Work do + let(:work) { Work.new } + + it "must be valid" do + value(work).must_be :valid? + end +end From d676e924aedf8a9be3fc9febad93d2b6acfa5c4d Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Tue, 10 Oct 2017 22:55:34 -0700 Subject: [PATCH 03/25] create MainController, root main#index route, and empty main page --- app/assets/javascripts/main.js | 2 ++ app/assets/stylesheets/main.scss | 3 +++ app/controllers/main_controller.rb | 4 ++++ app/helpers/main_helper.rb | 2 ++ app/views/main/index.html.erb | 2 ++ config/routes.rb | 4 ++++ test/controllers/main_controller_test.rb | 9 +++++++++ 7 files changed, 26 insertions(+) create mode 100644 app/assets/javascripts/main.js create mode 100644 app/assets/stylesheets/main.scss create mode 100644 app/controllers/main_controller.rb create mode 100644 app/helpers/main_helper.rb create mode 100644 app/views/main/index.html.erb create mode 100644 test/controllers/main_controller_test.rb diff --git a/app/assets/javascripts/main.js b/app/assets/javascripts/main.js new file mode 100644 index 0000000000..dee720facd --- /dev/null +++ b/app/assets/javascripts/main.js @@ -0,0 +1,2 @@ +// Place all the behaviors and hooks related to the matching controller here. +// All this logic will automatically be available in application.js. diff --git a/app/assets/stylesheets/main.scss b/app/assets/stylesheets/main.scss new file mode 100644 index 0000000000..971b13c825 --- /dev/null +++ b/app/assets/stylesheets/main.scss @@ -0,0 +1,3 @@ +// Place all the styles related to the Main controller here. +// They will automatically be included in application.css. +// You can use Sass (SCSS) here: http://sass-lang.com/ diff --git a/app/controllers/main_controller.rb b/app/controllers/main_controller.rb new file mode 100644 index 0000000000..88181c281f --- /dev/null +++ b/app/controllers/main_controller.rb @@ -0,0 +1,4 @@ +class MainController < ApplicationController + def index + end +end diff --git a/app/helpers/main_helper.rb b/app/helpers/main_helper.rb new file mode 100644 index 0000000000..826effed96 --- /dev/null +++ b/app/helpers/main_helper.rb @@ -0,0 +1,2 @@ +module MainHelper +end diff --git a/app/views/main/index.html.erb b/app/views/main/index.html.erb new file mode 100644 index 0000000000..77a4757a3e --- /dev/null +++ b/app/views/main/index.html.erb @@ -0,0 +1,2 @@ +

Main#index

+

Find me in app/views/main/index.html.erb

diff --git a/config/routes.rb b/config/routes.rb index 8eb4b49d1e..b542a360e8 100644 --- a/config/routes.rb +++ b/config/routes.rb @@ -1,4 +1,8 @@ Rails.application.routes.draw do + # get 'main/index' + # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html resources :works + + root "main#index" end diff --git a/test/controllers/main_controller_test.rb b/test/controllers/main_controller_test.rb new file mode 100644 index 0000000000..32ded261bd --- /dev/null +++ b/test/controllers/main_controller_test.rb @@ -0,0 +1,9 @@ +require "test_helper" + +describe MainController do + it "should get index" do + get main_index_url + value(response).must_be :success? + end + +end From 6f50b83674fbeb22b80b24db85b09db6234ae8f2 Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Wed, 11 Oct 2017 00:34:41 -0700 Subject: [PATCH 04/25] add WorksController actions and basic views --- app/controllers/main_controller.rb | 1 + app/controllers/works_controller.rb | 45 +++++++ app/views/layouts/_error_messages.html.erb | 17 +++ app/views/main/index.html.erb | 132 ++++++++++++++++++++- app/views/works/_form.html.erb | 26 ++++ app/views/works/edit.html.erb | 4 + app/views/works/index.html.erb | 131 +++++++++++++++++++- app/views/works/new.html.erb | 4 + app/views/works/show.html.erb | 13 ++ 9 files changed, 370 insertions(+), 3 deletions(-) create mode 100644 app/views/layouts/_error_messages.html.erb create mode 100644 app/views/works/_form.html.erb create mode 100644 app/views/works/edit.html.erb create mode 100644 app/views/works/new.html.erb create mode 100644 app/views/works/show.html.erb diff --git a/app/controllers/main_controller.rb b/app/controllers/main_controller.rb index 88181c281f..6f80eef1a4 100644 --- a/app/controllers/main_controller.rb +++ b/app/controllers/main_controller.rb @@ -1,4 +1,5 @@ class MainController < ApplicationController def index + @works = Work.all end end diff --git a/app/controllers/works_controller.rb b/app/controllers/works_controller.rb index 0895e0bd10..42ab4f872f 100644 --- a/app/controllers/works_controller.rb +++ b/app/controllers/works_controller.rb @@ -1,4 +1,49 @@ class WorksController < ApplicationController def index + @works = Work.all + end + + def show + @work = Work.find(params[:id]) + end + + def edit + @work = Work.find(params[:id]) + end + + def new + @work = Work.new + end + + def create + @work = Work.new(work_params) + if @work.save + redirect_to work_path(@work.id) + else + render :new + end + end + + def update + @work = Work.find(params[:id]) + @work.update_attributes(work_params) + if @work.save + redirect_to work_path(@work.id) + else + render :edit + end + end + + def destroy + @work = Work.find(params[:id]) + @work.destroy + redirect_to works_path + end + + + private + + def work_params + return params.require(:work).permit(:category, :title, :creator, :publication_year, :description) end end diff --git a/app/views/layouts/_error_messages.html.erb b/app/views/layouts/_error_messages.html.erb new file mode 100644 index 0000000000..5c84436f80 --- /dev/null +++ b/app/views/layouts/_error_messages.html.erb @@ -0,0 +1,17 @@ +<% if model.errors.messages.length > 0 %> +
+ +

Errors Happened!

+ + + <% model.errors.messages.each do |field, problems| %> + <% problems.each do |problem| %> + +

<%= field.capitalize %> <%= problem %>

+ + <% end %> + <% end %> + +
+ +<% end %> diff --git a/app/views/main/index.html.erb b/app/views/main/index.html.erb index 77a4757a3e..c50fb835c9 100644 --- a/app/views/main/index.html.erb +++ b/app/views/main/index.html.erb @@ -1,2 +1,130 @@ -

Main#index

-

Find me in app/views/main/index.html.erb

+

Media Spotlight: ADD AND ORDER BY VOTES!

+

Top Albums

+ + + + + + + + + <% @works.each do |work| %> + <% if work.category == "album" %> + + + + + + + + <% end %> + <% end %> + +
+ Votes + + Title + + Created By + + Published + + Upvote +
+ + + <%=link_to work.title, work_path(work.id)%> + + <%=work.creator%> + + <%=work.publication_year%> + + +
+

Top Books

+ + + + + + + + + + <% @works.each do |work| %> + <% if work.category == "book" %> + + + + + + + + <% end %> + <% end %> + +
+ Votes + + Title + + Created By + + Published + + Upvote +
+ + + <%= link_to work.title, work_path(work.id)%> + + <%=work.creator%> + + <%=work.publication_year%> + + +
+ + +

Top Movies

+ + + + + + + + + <% @works.each do |work| %> + <% if work.category == "movie" %> + + + + + + + + <% end %> + <% end %> + +
+ Votes + + Title + + Created By + + Published + + Upvote +
+ + + <%= link_to work.title, work_path(work.id)%> + + <%=work.creator%> + + <%=work.publication_year%> + + +
diff --git a/app/views/works/_form.html.erb b/app/views/works/_form.html.erb new file mode 100644 index 0000000000..89a99e16df --- /dev/null +++ b/app/views/works/_form.html.erb @@ -0,0 +1,26 @@ +<%= form_for @work do |f| %> +
    +
  • +<%= f.label :category %> +<%= f.text_field :category, class: "form-field"%> +
    • +
  • +<%= f.label :title %> +<%= f.text_field :title, class: "form-field"%> +
    • +
  • +<%= f.label :creator %> +<%= f.text_field :creator, class: "form-field"%> +
    • +
  • +<%= f.label :publication_year %> +<%= f.text_field :publication_year, class: "form-field"%> +
    • +
  • +<%= f.label :description %> +<%= f.text_field :description, class: "form-field"%> +
    • +<%= f.submit class: "submit"%> + +
+<% end %> diff --git a/app/views/works/edit.html.erb b/app/views/works/edit.html.erb new file mode 100644 index 0000000000..eb9dd10a8c --- /dev/null +++ b/app/views/works/edit.html.erb @@ -0,0 +1,4 @@ +<%= render partial: 'layouts/error_messages', locals: {model: @work} %> + +

Edit this <%=@work.category%>

+<%= render partial: 'form' %> diff --git a/app/views/works/index.html.erb b/app/views/works/index.html.erb index eba2d815db..244d0e57af 100644 --- a/app/views/works/index.html.erb +++ b/app/views/works/index.html.erb @@ -1 +1,130 @@ -

test

+

List of Works

+

Albums

+ + + + + + + + + <% @works.each do |work| %> + <% if work.category == "album" %> + + + + + + + + <% end %> + <% end %> + +
+ Votes + + Title + + Created By + + Published + + Upvote +
+ + + <%=link_to work.title, work_path(work.id)%> + + <%=work.creator%> + + <%=work.publication_year%> + + +
+

Books

+ + + + + + + + + + <% @works.each do |work| %> + <% if work.category == "book" %> + + + + + + + + <% end %> + <% end %> + +
+ Votes + + Title + + Created By + + Published + + Upvote +
+ + + <%= link_to work.title, work_path(work.id)%> + + <%=work.creator%> + + <%=work.publication_year%> + + +
+ + +

Movies

+ + + + + + + + + <% @works.each do |work| %> + <% if work.category == "movie" %> + + + + + + + + <% end %> + <% end %> + +
+ Votes + + Title + + Created By + + Published + + Upvote +
+ + + <%= link_to work.title, work_path(work.id)%> + + <%=work.creator%> + + <%=work.publication_year%> + + +
diff --git a/app/views/works/new.html.erb b/app/views/works/new.html.erb new file mode 100644 index 0000000000..17febc1c52 --- /dev/null +++ b/app/views/works/new.html.erb @@ -0,0 +1,4 @@ +<%= render partial: 'layouts/error_messages', locals: {model: @work} %> + +

Add a New Work

+<%= render partial: 'form' %> diff --git a/app/views/works/show.html.erb b/app/views/works/show.html.erb new file mode 100644 index 0000000000..ab09876faa --- /dev/null +++ b/app/views/works/show.html.erb @@ -0,0 +1,13 @@ +

<%= @work.title %>

+

+ Created by: <%= @work.creator %> +

+

+ Published: <%= @work.publication_year %> +

+

+<%= @work.description %> +

+ +<%= link_to "Edit", edit_work_path(@work.id) %> +<%= link_to "Delete", work_path(@work.id), method: :delete, data: {:confirm => "Are you sure you want to delete this #{@work.category}?"} %> From a181c8d9b9d2ff8d6aa5d3da9b461f099804ce11 Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Wed, 11 Oct 2017 11:30:29 -0700 Subject: [PATCH 05/25] add test data to works fixture and start CRUD WorksController tests --- app/controllers/works_controller.rb | 15 +- app/models/work.rb | 1 + test/controllers/works_controller_test.rb | 166 +++++++++++++++++++++- test/fixtures/works.yml | 45 ++++-- 4 files changed, 207 insertions(+), 20 deletions(-) diff --git a/app/controllers/works_controller.rb b/app/controllers/works_controller.rb index 42ab4f872f..d718788e53 100644 --- a/app/controllers/works_controller.rb +++ b/app/controllers/works_controller.rb @@ -4,11 +4,11 @@ def index end def show - @work = Work.find(params[:id]) + find_work_by_params_id end def edit - @work = Work.find(params[:id]) + find_work_by_params_id end def new @@ -20,7 +20,7 @@ def create if @work.save redirect_to work_path(@work.id) else - render :new + render :new, status: :bad_request end end @@ -30,7 +30,7 @@ def update if @work.save redirect_to work_path(@work.id) else - render :edit + render :edit, status: :bad_request end end @@ -46,4 +46,11 @@ def destroy def work_params return params.require(:work).permit(:category, :title, :creator, :publication_year, :description) end + + def find_work_by_params_id + @work = Work.find_by(id: params[:id]) + unless @work + head :not_found + end + end end diff --git a/app/models/work.rb b/app/models/work.rb index 95322dd45e..c72e564e53 100644 --- a/app/models/work.rb +++ b/app/models/work.rb @@ -1,2 +1,3 @@ class Work < ApplicationRecord + validates :title, presence: true end diff --git a/test/controllers/works_controller_test.rb b/test/controllers/works_controller_test.rb index d95073c22e..b32a00a831 100644 --- a/test/controllers/works_controller_test.rb +++ b/test/controllers/works_controller_test.rb @@ -1,7 +1,167 @@ require "test_helper" describe WorksController do - # it "must be a real test" do - # flunk "Need real tests" - # end + + describe "index" do + it "returns a success status for all books" do + get works_path + must_respond_with :success + end + + it "returns a success status when there are no works" do + Work.destroy_all + get works_path + must_respond_with :success + end + + end + + describe "show" do + it "returns success when given a valid work id" do + # Arrange + work_id = Work.first.id + + # Act + get work_path(work_id) + + # Assert + must_respond_with :success + + end + + it "returns not_found when given an invalid work id" do + # Arrange + invalid_work_id = Work.last.id + 1 + + # Act + get work_path(invalid_work_id) + + # Assert + must_respond_with :not_found + + end + + end + + describe "edit" do + it "returns success when given a valid work id" do + # Arrange + work_id = Work.first.id + + # Act + get edit_work_path(work_id) + + # Assert + must_respond_with :success + + end + + it "returns not_found when given an invalid work id" do + # Arrange + work_id = Work.last.id + 1 + + # Act + get edit_work_path(work_id) + + # Assert + must_respond_with :not_found + + end + + end + + + describe "new" do + it "renders new page" do + + end + + end + + describe "create" do + it "redirects to show page when the book data is valid" do + #Arrange + work_data = { + work: { + category: "album", + title: "Test book" + } + } + + # makes sure test breaks if we change the model (i.e., test data no longer vaild) + Work.new(work_data[:work]).must_be :valid? + test_work = Work.create!(work_data[:work]) + + #Act + # post works_path, params: work_data + post works_path, params: work_data + + + start_work_count = Work.count + + #Assert + + must_respond_with :redirect + must_redirect_to work_path(test_work.id) + + Work.count.must_equal start_work_count + 1 + end + + it "sends bad_request when the new page when the work data is bogus" do + # don't pass in valid info + # i.e. a required field like title + # should render new + #Arrange + invalid_work_data = { + work: { + category: "album", + # title: "Test book" + } + } + + # makes sure test breaks if we change the model (i.e., test data no longer vaild) + Work.new(invalid_work_data[:work]).wont_be :valid? + + #Act + post works_path, params: invalid_work_data + + start_work_count = Work.count + + #Assert + must_respond_with :bad_request + # must_redirect_to new_work_path + + Work.count.must_equal start_work_count + + + end + + end + + describe "update" do + + it "returns success if the work exists and the change is valid" do + + end + + it "returns not_found if the work id is not valid" do + + end + + it "returns bad request if the changes are not valid" do + + end + + end + + describe "destroy" do + it "returns success if the book id is valid" do + + end + + it "returns not found if the book id is not valid" do + + end + + end end diff --git a/test/fixtures/works.yml b/test/fixtures/works.yml index 6772d84de5..ec27532b05 100644 --- a/test/fixtures/works.yml +++ b/test/fixtures/works.yml @@ -1,15 +1,34 @@ # Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html -one: - category: MyString - title: MyString - creator: MyString - publication_year: 1 - description: MyString - -two: - category: MyString - title: MyString - creator: MyString - publication_year: 1 - description: MyString +# one: +# category: MyString +# title: MyString +# creator: MyString +# publication_year: 1 +# description: MyString +# +# two: +# category: MyString +# title: MyString +# creator: MyString +# publication_year: 1 +# description: MyString + +lemonade: + category: album + title: lemonade + creator: beyonce + publication_year: 2016 + description: best album ever + +Hunger: + category: book + title: Hunger + creator: Roxane Gay + publication_year: 2017 + +girls_trip: + category: movie + title: Girls Trip + creator: Malcolm Lee + publication_year: 2017 From 753576e8300c1019747d59a0d2ae58f36bd7c0f8 Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Wed, 11 Oct 2017 15:38:46 -0700 Subject: [PATCH 06/25] create user model, UsersController --- app/assets/javascripts/users.js | 2 ++ app/assets/stylesheets/application.css | 8 ++++++ app/assets/stylesheets/users.scss | 3 +++ app/controllers/users_controller.rb | 20 ++++++++++++++ app/controllers/works_controller.rb | 31 ++++++++++++++++++++++ app/helpers/users_helper.rb | 2 ++ app/models/user.rb | 2 ++ app/views/layouts/application.html.erb | 32 +++++++++++++++++++++++ app/views/users/login_form.html.erb | 6 +++++ app/views/works/edit.html.erb | 2 +- app/views/works/new.html.erb | 2 +- config/routes.rb | 3 +++ db/migrate/20171011183537_create_users.rb | 10 +++++++ db/schema.rb | 9 ++++++- test/controllers/users_controller_test.rb | 7 +++++ test/fixtures/users.yml | 9 +++++++ test/models/user_test.rb | 9 +++++++ 17 files changed, 154 insertions(+), 3 deletions(-) create mode 100644 app/assets/javascripts/users.js create mode 100644 app/assets/stylesheets/users.scss create mode 100644 app/controllers/users_controller.rb create mode 100644 app/helpers/users_helper.rb create mode 100644 app/models/user.rb create mode 100644 app/views/users/login_form.html.erb create mode 100644 db/migrate/20171011183537_create_users.rb create mode 100644 test/controllers/users_controller_test.rb create mode 100644 test/fixtures/users.yml create mode 100644 test/models/user_test.rb diff --git a/app/assets/javascripts/users.js b/app/assets/javascripts/users.js new file mode 100644 index 0000000000..dee720facd --- /dev/null +++ b/app/assets/javascripts/users.js @@ -0,0 +1,2 @@ +// Place all the behaviors and hooks related to the matching controller here. +// All this logic will automatically be available in application.js. diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index d05ea0f511..3322b331be 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -13,3 +13,11 @@ *= require_tree . *= require_self */ + +.flash.success { + color: green; +} + +.flash.failure { + color: red; +} diff --git a/app/assets/stylesheets/users.scss b/app/assets/stylesheets/users.scss new file mode 100644 index 0000000000..31a2eacb84 --- /dev/null +++ b/app/assets/stylesheets/users.scss @@ -0,0 +1,3 @@ +// Place all the styles related to the Users controller here. +// They will automatically be included in application.css. +// You can use Sass (SCSS) here: http://sass-lang.com/ diff --git a/app/controllers/users_controller.rb b/app/controllers/users_controller.rb new file mode 100644 index 0000000000..17335a7d92 --- /dev/null +++ b/app/controllers/users_controller.rb @@ -0,0 +1,20 @@ +class UsersController < ApplicationController + + + def login + username = params[:user][:username] + user = User.find_by(username: username) + + if user + session[:logged_in_user] = user.id + redirect_to root_path + + else + flash[:status] = :failure + flash[:message] = "No user found with username #{username}" + render :login_form, status: :bad_request + end + + + end +end diff --git a/app/controllers/works_controller.rb b/app/controllers/works_controller.rb index d718788e53..5c05ff5dd8 100644 --- a/app/controllers/works_controller.rb +++ b/app/controllers/works_controller.rb @@ -18,8 +18,13 @@ def new def create @work = Work.new(work_params) if @work.save + flash[:status] = :success + flash[:message] = "Successfuly created new #{@work.category}" redirect_to work_path(@work.id) else + flash.now[:status] = :failure + flash.now[:message] = "Failed to create new work" + flash.now[:details] = @work.errors.messages render :new, status: :bad_request end end @@ -35,8 +40,33 @@ def update end def destroy + + current_user = nil + if session[:logged_in_user] + current_user = User.find_by(session[:logged_in_user]) + ## The following code is redundant + # else + # flash[:status] = :failure + # flash[:message] = "You must be logged in to do that!" + # redirect_to works_path + # # redirect will not return need to explicitly return + # return + end + + #could use for create update etc. + if find_work_by_params_id + if current_user != @work.user + flash[:status] = :failure + flash[:message] = "You must be logged in to do that!" + redirect_to works_path + # redirect will not return need to explicitly return + return + end + end @work = Work.find(params[:id]) @work.destroy + flash[:status] = :success + flash[:message] = "Deleted #{@work.category} #{@work.title}" redirect_to works_path end @@ -52,5 +82,6 @@ def find_work_by_params_id unless @work head :not_found end + return @work end end diff --git a/app/helpers/users_helper.rb b/app/helpers/users_helper.rb new file mode 100644 index 0000000000..2310a240d7 --- /dev/null +++ b/app/helpers/users_helper.rb @@ -0,0 +1,2 @@ +module UsersHelper +end diff --git a/app/models/user.rb b/app/models/user.rb new file mode 100644 index 0000000000..379658a509 --- /dev/null +++ b/app/models/user.rb @@ -0,0 +1,2 @@ +class User < ApplicationRecord +end diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 6af511b830..85604660fd 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -9,6 +9,38 @@ +
+ <% if session[:logged_in_user] %> +

+ Logged in as + <%= User.find(session[:logged_in_user]) %> +

+ <% else %> +

+ Not logged in +

+ <% end %> + +
+
+
+

+ <%= flash[:message] %> +

+ <% if flash[:details] %> +
    + <% flash[:details].each do |field, problems| %> + <% problems.each do |problem| %> + +

    <%= field.capitalize %> <%= problem %>

    + + <% end %> + <%end%> + +
+ <% end %> +
+
<%= yield %> diff --git a/app/views/users/login_form.html.erb b/app/views/users/login_form.html.erb new file mode 100644 index 0000000000..428c19203a --- /dev/null +++ b/app/views/users/login_form.html.erb @@ -0,0 +1,6 @@ +<%= form_tag do %> +<%= label_tag "username" %> +<%= text_field :user, :username %> + +<%= submit_tag "Log in" %> +<% end %> diff --git a/app/views/works/edit.html.erb b/app/views/works/edit.html.erb index eb9dd10a8c..cc0153d7cf 100644 --- a/app/views/works/edit.html.erb +++ b/app/views/works/edit.html.erb @@ -1,4 +1,4 @@ -<%= render partial: 'layouts/error_messages', locals: {model: @work} %> +<%# render partial: 'layouts/error_messages', locals: {model: @work} %>

Edit this <%=@work.category%>

<%= render partial: 'form' %> diff --git a/app/views/works/new.html.erb b/app/views/works/new.html.erb index 17febc1c52..d90544c53c 100644 --- a/app/views/works/new.html.erb +++ b/app/views/works/new.html.erb @@ -1,4 +1,4 @@ -<%= render partial: 'layouts/error_messages', locals: {model: @work} %> +<%# render partial: 'layouts/error_messages', locals: {model: @work} %>

Add a New Work

<%= render partial: 'form' %> diff --git a/config/routes.rb b/config/routes.rb index b542a360e8..c587a4d81a 100644 --- a/config/routes.rb +++ b/config/routes.rb @@ -5,4 +5,7 @@ resources :works root "main#index" + + get 'login', to: "users#login_form", as: 'login' + post 'login', to: 'users#login' end diff --git a/db/migrate/20171011183537_create_users.rb b/db/migrate/20171011183537_create_users.rb new file mode 100644 index 0000000000..362d0d3bd7 --- /dev/null +++ b/db/migrate/20171011183537_create_users.rb @@ -0,0 +1,10 @@ +class CreateUsers < ActiveRecord::Migration[5.1] + def change + create_table :users do |t| + t.string :username + t.date :date_joined + + t.timestamps + end + end +end diff --git a/db/schema.rb b/db/schema.rb index 9b48314a2f..e60ddb044e 100644 --- a/db/schema.rb +++ b/db/schema.rb @@ -10,11 +10,18 @@ # # It's strongly recommended that you check this file into your version control system. -ActiveRecord::Schema.define(version: 20171011053012) do +ActiveRecord::Schema.define(version: 20171011183537) do # These are extensions that must be enabled in order to support this database enable_extension "plpgsql" + create_table "users", force: :cascade do |t| + t.string "username" + t.date "date_joined" + t.datetime "created_at", null: false + t.datetime "updated_at", null: false + end + create_table "works", force: :cascade do |t| t.string "category" t.string "title" diff --git a/test/controllers/users_controller_test.rb b/test/controllers/users_controller_test.rb new file mode 100644 index 0000000000..89decb54e0 --- /dev/null +++ b/test/controllers/users_controller_test.rb @@ -0,0 +1,7 @@ +require "test_helper" + +describe UsersController do + # it "must be a real test" do + # flunk "Need real tests" + # end +end diff --git a/test/fixtures/users.yml b/test/fixtures/users.yml new file mode 100644 index 0000000000..c7e069ec95 --- /dev/null +++ b/test/fixtures/users.yml @@ -0,0 +1,9 @@ +# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html + +one: + username: MyString + date_joined: 2017-10-11 + +two: + username: MyString + date_joined: 2017-10-11 diff --git a/test/models/user_test.rb b/test/models/user_test.rb new file mode 100644 index 0000000000..cc862ac2d9 --- /dev/null +++ b/test/models/user_test.rb @@ -0,0 +1,9 @@ +require "test_helper" + +describe User do + let(:user) { User.new } + + it "must be valid" do + value(user).must_be :valid? + end +end From 3e6909d316de0d8e5f79a1fb9c4527f67a4fe529 Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Thu, 12 Oct 2017 10:14:59 -0700 Subject: [PATCH 07/25] add Foundation stylesheet an login page --- app/assets/stylesheets/foundation.css | 5805 +++++++++++++++++++++ app/controllers/users_controller.rb | 14 +- app/models/user.rb | 1 + app/models/vote.rb | 6 + app/models/work.rb | 3 + app/views/layouts/application.html.erb | 21 +- app/views/works/_form.html.erb | 4 +- db/migrate/20171011224736_create_votes.rb | 9 + db/schema.rb | 8 +- test/fixtures/votes.yml | 7 + test/models/vote_test.rb | 9 + test/models/work_test.rb | 51 +- 12 files changed, 5922 insertions(+), 16 deletions(-) create mode 100644 app/assets/stylesheets/foundation.css create mode 100644 app/models/vote.rb create mode 100644 db/migrate/20171011224736_create_votes.rb create mode 100644 test/fixtures/votes.yml create mode 100644 test/models/vote_test.rb diff --git a/app/assets/stylesheets/foundation.css b/app/assets/stylesheets/foundation.css new file mode 100644 index 0000000000..ac6648c4d6 --- /dev/null +++ b/app/assets/stylesheets/foundation.css @@ -0,0 +1,5805 @@ +@charset "UTF-8"; +/** + * Foundation for Sites by ZURB + * Version 6.4.2 + * foundation.zurb.com + * Licensed under MIT Open Source + */ +@media print, screen and (min-width: 40em) { + .reveal, .reveal.tiny, .reveal.small, .reveal.large { + right: auto; + left: auto; + margin: 0 auto; } } + +/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ +/* Document + ========================================================================== */ +/** + * 1. Change the default font family in all browsers (opinionated). + * 2. Correct the line height in all browsers. + * 3. Prevent adjustments of font size after orientation changes in + * IE on Windows Phone and in iOS. + */ +html { + font-family: sans-serif; + /* 1 */ + line-height: 1.15; + /* 2 */ + -ms-text-size-adjust: 100%; + /* 3 */ + -webkit-text-size-adjust: 100%; + /* 3 */ } + +/* Sections + ========================================================================== */ +/** + * Remove the margin in all browsers (opinionated). + */ +body { + margin: 0; } + +/** + * Add the correct display in IE 9-. + */ +article, +aside, +footer, +header, +nav, +section { + display: block; } + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; } + +/* Grouping content + ========================================================================== */ +/** + * Add the correct display in IE 9-. + */ +figcaption, +figure { + display: block; } + +/** + * Add the correct margin in IE 8. + */ +figure { + margin: 1em 40px; } + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ +hr { + box-sizing: content-box; + /* 1 */ + height: 0; + /* 1 */ + overflow: visible; + /* 2 */ } + +/** + * Add the correct display in IE. + */ +main { + display: block; } + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ +pre { + font-family: monospace, monospace; + /* 1 */ + font-size: 1em; + /* 2 */ } + +/* Links + ========================================================================== */ +/** + * 1. Remove the gray background on active links in IE 10. + * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + */ +a { + background-color: transparent; + /* 1 */ + -webkit-text-decoration-skip: objects; + /* 2 */ } + +/** + * Remove the outline on focused links when they are also active or hovered + * in all browsers (opinionated). + */ +a:active, +a:hover { + outline-width: 0; } + +/* Text-level semantics + ========================================================================== */ +/** + * 1. Remove the bottom border in Firefox 39-. + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ +abbr[title] { + border-bottom: none; + /* 1 */ + text-decoration: underline; + /* 2 */ + text-decoration: underline dotted; + /* 2 */ } + +/** + * Prevent the duplicate application of `bolder` by the next rule in Safari 6. + */ +b, +strong { + font-weight: inherit; } + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ +b, +strong { + font-weight: bolder; } + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ +code, +kbd, +samp { + font-family: monospace, monospace; + /* 1 */ + font-size: 1em; + /* 2 */ } + +/** + * Add the correct font style in Android 4.3-. + */ +dfn { + font-style: italic; } + +/** + * Add the correct background and color in IE 9-. + */ +mark { + background-color: #ff0; + color: #000; } + +/** + * Add the correct font size in all browsers. + */ +small { + font-size: 80%; } + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sub { + bottom: -0.25em; } + +sup { + top: -0.5em; } + +/* Embedded content + ========================================================================== */ +/** + * Add the correct display in IE 9-. + */ +audio, +video { + display: inline-block; } + +/** + * Add the correct display in iOS 4-7. + */ +audio:not([controls]) { + display: none; + height: 0; } + +/** + * Remove the border on images inside links in IE 10-. + */ +img { + border-style: none; } + +/** + * Hide the overflow in IE. + */ +svg:not(:root) { + overflow: hidden; } + +/* Forms + ========================================================================== */ +/** + * 1. Change the font styles in all browsers (opinionated). + * 2. Remove the margin in Firefox and Safari. + */ +button, +input, +optgroup, +select, +textarea { + font-family: sans-serif; + /* 1 */ + font-size: 100%; + /* 1 */ + line-height: 1.15; + /* 1 */ + margin: 0; + /* 2 */ } + +/** + * Show the overflow in IE. + */ +button { + overflow: visible; } + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ +button, +select { + /* 1 */ + text-transform: none; } + +/** + * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` + * controls in Android 4. + * 2. Correct the inability to style clickable types in iOS and Safari. + */ +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; + /* 2 */ } + +button, +[type="button"], +[type="reset"], +[type="submit"] { + /** + * Remove the inner border and padding in Firefox. + */ + /** + * Restore the focus styles unset by the previous rule. + */ } + button::-moz-focus-inner, + [type="button"]::-moz-focus-inner, + [type="reset"]::-moz-focus-inner, + [type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; } + button:-moz-focusring, + [type="button"]:-moz-focusring, + [type="reset"]:-moz-focusring, + [type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; } + +/** + * Show the overflow in Edge. + */ +input { + overflow: visible; } + +/** + * 1. Add the correct box sizing in IE 10-. + * 2. Remove the padding in IE 10-. + */ +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; } + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ +[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ + /** + * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + */ } + [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ +::-webkit-file-upload-button { + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ } + +/** + * Change the border, margin, and padding in all browsers (opinionated). + */ +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ +legend { + box-sizing: border-box; + /* 1 */ + display: table; + /* 1 */ + max-width: 100%; + /* 1 */ + padding: 0; + /* 3 */ + color: inherit; + /* 2 */ + white-space: normal; + /* 1 */ } + +/** + * 1. Add the correct display in IE 9-. + * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ +progress { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ } + +/** + * Remove the default vertical scrollbar in IE. + */ +textarea { + overflow: auto; } + +/* Interactive + ========================================================================== */ +/* + * Add the correct display in Edge, IE, and Firefox. + */ +details { + display: block; } + +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; } + +/* + * Add the correct display in IE 9-. + */ +menu { + display: block; } + +/* Scripting + ========================================================================== */ +/** + * Add the correct display in IE 9-. + */ +canvas { + display: inline-block; } + +/** + * Add the correct display in IE. + */ +template { + display: none; } + +/* Hidden + ========================================================================== */ +/** + * Add the correct display in IE 10-. + */ +[hidden] { + display: none; } + +.foundation-mq { + font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } + +html { + box-sizing: border-box; + font-size: 100%; } + +*, +*::before, +*::after { + box-sizing: inherit; } + +body { + margin: 0; + padding: 0; + background: #fefefe; + font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +img { + display: inline-block; + vertical-align: middle; + max-width: 100%; + height: auto; + -ms-interpolation-mode: bicubic; } + +textarea { + height: auto; + min-height: 50px; + border-radius: 0; } + +select { + box-sizing: border-box; + width: 100%; + border-radius: 0; } + +.map_canvas img, +.map_canvas embed, +.map_canvas object, +.mqa-display img, +.mqa-display embed, +.mqa-display object { + max-width: none !important; } + +button { + padding: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: 0; + border-radius: 0; + background: transparent; + line-height: 1; + cursor: auto; } + [data-whatinput='mouse'] button { + outline: 0; } + +pre { + overflow: auto; } + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; } + +.is-visible { + display: block !important; } + +.is-hidden { + display: none !important; } + +.grid-container { + padding-right: 0.625rem; + padding-left: 0.625rem; + max-width: 75rem; + margin: 0 auto; } + @media print, screen and (min-width: 40em) { + .grid-container { + padding-right: 0.9375rem; + padding-left: 0.9375rem; } } + .grid-container.fluid { + padding-right: 0.625rem; + padding-left: 0.625rem; + max-width: 100%; + margin: 0 auto; } + @media print, screen and (min-width: 40em) { + .grid-container.fluid { + padding-right: 0.9375rem; + padding-left: 0.9375rem; } } + .grid-container.full { + padding-right: 0; + padding-left: 0; + max-width: 100%; + margin: 0 auto; } + +.grid-x { + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row wrap; + flex-flow: row wrap; } + +.cell { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + min-height: 0px; + min-width: 0px; + width: 100%; } + .cell.auto { + -ms-flex: 1 1 0px; + flex: 1 1 0px; } + .cell.shrink { + -ms-flex: 0 0 auto; + flex: 0 0 auto; } + +.grid-x > .auto { + width: auto; } + +.grid-x > .shrink { + width: auto; } + +.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { + -ms-flex-preferred-size: auto; + flex-basis: auto; } + +@media print, screen and (min-width: 40em) { + .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { + -ms-flex-preferred-size: auto; + flex-basis: auto; } } + +@media print, screen and (min-width: 64em) { + .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { + -ms-flex-preferred-size: auto; + flex-basis: auto; } } + +.grid-x > .small-1 { + width: 8.33333%; } + +.grid-x > .small-2 { + width: 16.66667%; } + +.grid-x > .small-3 { + width: 25%; } + +.grid-x > .small-4 { + width: 33.33333%; } + +.grid-x > .small-5 { + width: 41.66667%; } + +.grid-x > .small-6 { + width: 50%; } + +.grid-x > .small-7 { + width: 58.33333%; } + +.grid-x > .small-8 { + width: 66.66667%; } + +.grid-x > .small-9 { + width: 75%; } + +.grid-x > .small-10 { + width: 83.33333%; } + +.grid-x > .small-11 { + width: 91.66667%; } + +.grid-x > .small-12 { + width: 100%; } + +@media print, screen and (min-width: 40em) { + .grid-x > .medium-auto { + -ms-flex: 1 1 0px; + flex: 1 1 0px; + width: auto; } + .grid-x > .medium-shrink { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; } + .grid-x > .medium-1 { + width: 8.33333%; } + .grid-x > .medium-2 { + width: 16.66667%; } + .grid-x > .medium-3 { + width: 25%; } + .grid-x > .medium-4 { + width: 33.33333%; } + .grid-x > .medium-5 { + width: 41.66667%; } + .grid-x > .medium-6 { + width: 50%; } + .grid-x > .medium-7 { + width: 58.33333%; } + .grid-x > .medium-8 { + width: 66.66667%; } + .grid-x > .medium-9 { + width: 75%; } + .grid-x > .medium-10 { + width: 83.33333%; } + .grid-x > .medium-11 { + width: 91.66667%; } + .grid-x > .medium-12 { + width: 100%; } } + +@media print, screen and (min-width: 64em) { + .grid-x > .large-auto { + -ms-flex: 1 1 0px; + flex: 1 1 0px; + width: auto; } + .grid-x > .large-shrink { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; } + .grid-x > .large-1 { + width: 8.33333%; } + .grid-x > .large-2 { + width: 16.66667%; } + .grid-x > .large-3 { + width: 25%; } + .grid-x > .large-4 { + width: 33.33333%; } + .grid-x > .large-5 { + width: 41.66667%; } + .grid-x > .large-6 { + width: 50%; } + .grid-x > .large-7 { + width: 58.33333%; } + .grid-x > .large-8 { + width: 66.66667%; } + .grid-x > .large-9 { + width: 75%; } + .grid-x > .large-10 { + width: 83.33333%; } + .grid-x > .large-11 { + width: 91.66667%; } + .grid-x > .large-12 { + width: 100%; } } + +.grid-margin-x:not(.grid-x) > .cell { + width: auto; } + +.grid-margin-y:not(.grid-y) > .cell { + height: auto; } + +.grid-margin-x { + margin-left: -0.625rem; + margin-right: -0.625rem; } + @media print, screen and (min-width: 40em) { + .grid-margin-x { + margin-left: -0.9375rem; + margin-right: -0.9375rem; } } + .grid-margin-x > .cell { + width: calc(100% - 1.25rem); + margin-left: 0.625rem; + margin-right: 0.625rem; } + @media print, screen and (min-width: 40em) { + .grid-margin-x > .cell { + width: calc(100% - 1.875rem); + margin-left: 0.9375rem; + margin-right: 0.9375rem; } } + .grid-margin-x > .auto { + width: auto; } + .grid-margin-x > .shrink { + width: auto; } + .grid-margin-x > .small-1 { + width: calc(8.33333% - 1.25rem); } + .grid-margin-x > .small-2 { + width: calc(16.66667% - 1.25rem); } + .grid-margin-x > .small-3 { + width: calc(25% - 1.25rem); } + .grid-margin-x > .small-4 { + width: calc(33.33333% - 1.25rem); } + .grid-margin-x > .small-5 { + width: calc(41.66667% - 1.25rem); } + .grid-margin-x > .small-6 { + width: calc(50% - 1.25rem); } + .grid-margin-x > .small-7 { + width: calc(58.33333% - 1.25rem); } + .grid-margin-x > .small-8 { + width: calc(66.66667% - 1.25rem); } + .grid-margin-x > .small-9 { + width: calc(75% - 1.25rem); } + .grid-margin-x > .small-10 { + width: calc(83.33333% - 1.25rem); } + .grid-margin-x > .small-11 { + width: calc(91.66667% - 1.25rem); } + .grid-margin-x > .small-12 { + width: calc(100% - 1.25rem); } + @media print, screen and (min-width: 40em) { + .grid-margin-x > .auto { + width: auto; } + .grid-margin-x > .shrink { + width: auto; } + .grid-margin-x > .small-1 { + width: calc(8.33333% - 1.875rem); } + .grid-margin-x > .small-2 { + width: calc(16.66667% - 1.875rem); } + .grid-margin-x > .small-3 { + width: calc(25% - 1.875rem); } + .grid-margin-x > .small-4 { + width: calc(33.33333% - 1.875rem); } + .grid-margin-x > .small-5 { + width: calc(41.66667% - 1.875rem); } + .grid-margin-x > .small-6 { + width: calc(50% - 1.875rem); } + .grid-margin-x > .small-7 { + width: calc(58.33333% - 1.875rem); } + .grid-margin-x > .small-8 { + width: calc(66.66667% - 1.875rem); } + .grid-margin-x > .small-9 { + width: calc(75% - 1.875rem); } + .grid-margin-x > .small-10 { + width: calc(83.33333% - 1.875rem); } + .grid-margin-x > .small-11 { + width: calc(91.66667% - 1.875rem); } + .grid-margin-x > .small-12 { + width: calc(100% - 1.875rem); } + .grid-margin-x > .medium-auto { + width: auto; } + .grid-margin-x > .medium-shrink { + width: auto; } + .grid-margin-x > .medium-1 { + width: calc(8.33333% - 1.875rem); } + .grid-margin-x > .medium-2 { + width: calc(16.66667% - 1.875rem); } + .grid-margin-x > .medium-3 { + width: calc(25% - 1.875rem); } + .grid-margin-x > .medium-4 { + width: calc(33.33333% - 1.875rem); } + .grid-margin-x > .medium-5 { + width: calc(41.66667% - 1.875rem); } + .grid-margin-x > .medium-6 { + width: calc(50% - 1.875rem); } + .grid-margin-x > .medium-7 { + width: calc(58.33333% - 1.875rem); } + .grid-margin-x > .medium-8 { + width: calc(66.66667% - 1.875rem); } + .grid-margin-x > .medium-9 { + width: calc(75% - 1.875rem); } + .grid-margin-x > .medium-10 { + width: calc(83.33333% - 1.875rem); } + .grid-margin-x > .medium-11 { + width: calc(91.66667% - 1.875rem); } + .grid-margin-x > .medium-12 { + width: calc(100% - 1.875rem); } } + @media print, screen and (min-width: 64em) { + .grid-margin-x > .large-auto { + width: auto; } + .grid-margin-x > .large-shrink { + width: auto; } + .grid-margin-x > .large-1 { + width: calc(8.33333% - 1.875rem); } + .grid-margin-x > .large-2 { + width: calc(16.66667% - 1.875rem); } + .grid-margin-x > .large-3 { + width: calc(25% - 1.875rem); } + .grid-margin-x > .large-4 { + width: calc(33.33333% - 1.875rem); } + .grid-margin-x > .large-5 { + width: calc(41.66667% - 1.875rem); } + .grid-margin-x > .large-6 { + width: calc(50% - 1.875rem); } + .grid-margin-x > .large-7 { + width: calc(58.33333% - 1.875rem); } + .grid-margin-x > .large-8 { + width: calc(66.66667% - 1.875rem); } + .grid-margin-x > .large-9 { + width: calc(75% - 1.875rem); } + .grid-margin-x > .large-10 { + width: calc(83.33333% - 1.875rem); } + .grid-margin-x > .large-11 { + width: calc(91.66667% - 1.875rem); } + .grid-margin-x > .large-12 { + width: calc(100% - 1.875rem); } } + +.grid-padding-x .grid-padding-x { + margin-right: -0.625rem; + margin-left: -0.625rem; } + @media print, screen and (min-width: 40em) { + .grid-padding-x .grid-padding-x { + margin-right: -0.9375rem; + margin-left: -0.9375rem; } } + +.grid-container:not(.full) > .grid-padding-x { + margin-right: -0.625rem; + margin-left: -0.625rem; } + @media print, screen and (min-width: 40em) { + .grid-container:not(.full) > .grid-padding-x { + margin-right: -0.9375rem; + margin-left: -0.9375rem; } } + +.grid-padding-x > .cell { + padding-right: 0.625rem; + padding-left: 0.625rem; } + @media print, screen and (min-width: 40em) { + .grid-padding-x > .cell { + padding-right: 0.9375rem; + padding-left: 0.9375rem; } } + +.small-up-1 > .cell { + width: 100%; } + +.small-up-2 > .cell { + width: 50%; } + +.small-up-3 > .cell { + width: 33.33333%; } + +.small-up-4 > .cell { + width: 25%; } + +.small-up-5 > .cell { + width: 20%; } + +.small-up-6 > .cell { + width: 16.66667%; } + +.small-up-7 > .cell { + width: 14.28571%; } + +.small-up-8 > .cell { + width: 12.5%; } + +@media print, screen and (min-width: 40em) { + .medium-up-1 > .cell { + width: 100%; } + .medium-up-2 > .cell { + width: 50%; } + .medium-up-3 > .cell { + width: 33.33333%; } + .medium-up-4 > .cell { + width: 25%; } + .medium-up-5 > .cell { + width: 20%; } + .medium-up-6 > .cell { + width: 16.66667%; } + .medium-up-7 > .cell { + width: 14.28571%; } + .medium-up-8 > .cell { + width: 12.5%; } } + +@media print, screen and (min-width: 64em) { + .large-up-1 > .cell { + width: 100%; } + .large-up-2 > .cell { + width: 50%; } + .large-up-3 > .cell { + width: 33.33333%; } + .large-up-4 > .cell { + width: 25%; } + .large-up-5 > .cell { + width: 20%; } + .large-up-6 > .cell { + width: 16.66667%; } + .large-up-7 > .cell { + width: 14.28571%; } + .large-up-8 > .cell { + width: 12.5%; } } + +.grid-margin-x.small-up-1 > .cell { + width: calc(100% - 1.25rem); } + +.grid-margin-x.small-up-2 > .cell { + width: calc(50% - 1.25rem); } + +.grid-margin-x.small-up-3 > .cell { + width: calc(33.33333% - 1.25rem); } + +.grid-margin-x.small-up-4 > .cell { + width: calc(25% - 1.25rem); } + +.grid-margin-x.small-up-5 > .cell { + width: calc(20% - 1.25rem); } + +.grid-margin-x.small-up-6 > .cell { + width: calc(16.66667% - 1.25rem); } + +.grid-margin-x.small-up-7 > .cell { + width: calc(14.28571% - 1.25rem); } + +.grid-margin-x.small-up-8 > .cell { + width: calc(12.5% - 1.25rem); } + +@media print, screen and (min-width: 40em) { + .grid-margin-x.small-up-1 > .cell { + width: calc(100% - 1.25rem); } + .grid-margin-x.small-up-2 > .cell { + width: calc(50% - 1.25rem); } + .grid-margin-x.small-up-3 > .cell { + width: calc(33.33333% - 1.25rem); } + .grid-margin-x.small-up-4 > .cell { + width: calc(25% - 1.25rem); } + .grid-margin-x.small-up-5 > .cell { + width: calc(20% - 1.25rem); } + .grid-margin-x.small-up-6 > .cell { + width: calc(16.66667% - 1.25rem); } + .grid-margin-x.small-up-7 > .cell { + width: calc(14.28571% - 1.25rem); } + .grid-margin-x.small-up-8 > .cell { + width: calc(12.5% - 1.25rem); } + .grid-margin-x.medium-up-1 > .cell { + width: calc(100% - 1.875rem); } + .grid-margin-x.medium-up-2 > .cell { + width: calc(50% - 1.875rem); } + .grid-margin-x.medium-up-3 > .cell { + width: calc(33.33333% - 1.875rem); } + .grid-margin-x.medium-up-4 > .cell { + width: calc(25% - 1.875rem); } + .grid-margin-x.medium-up-5 > .cell { + width: calc(20% - 1.875rem); } + .grid-margin-x.medium-up-6 > .cell { + width: calc(16.66667% - 1.875rem); } + .grid-margin-x.medium-up-7 > .cell { + width: calc(14.28571% - 1.875rem); } + .grid-margin-x.medium-up-8 > .cell { + width: calc(12.5% - 1.875rem); } } + +@media print, screen and (min-width: 64em) { + .grid-margin-x.large-up-1 > .cell { + width: calc(100% - 1.875rem); } + .grid-margin-x.large-up-2 > .cell { + width: calc(50% - 1.875rem); } + .grid-margin-x.large-up-3 > .cell { + width: calc(33.33333% - 1.875rem); } + .grid-margin-x.large-up-4 > .cell { + width: calc(25% - 1.875rem); } + .grid-margin-x.large-up-5 > .cell { + width: calc(20% - 1.875rem); } + .grid-margin-x.large-up-6 > .cell { + width: calc(16.66667% - 1.875rem); } + .grid-margin-x.large-up-7 > .cell { + width: calc(14.28571% - 1.875rem); } + .grid-margin-x.large-up-8 > .cell { + width: calc(12.5% - 1.875rem); } } + +.small-margin-collapse { + margin-right: 0; + margin-left: 0; } + .small-margin-collapse > .cell { + margin-right: 0; + margin-left: 0; } + .small-margin-collapse > .small-1 { + width: 8.33333%; } + .small-margin-collapse > .small-2 { + width: 16.66667%; } + .small-margin-collapse > .small-3 { + width: 25%; } + .small-margin-collapse > .small-4 { + width: 33.33333%; } + .small-margin-collapse > .small-5 { + width: 41.66667%; } + .small-margin-collapse > .small-6 { + width: 50%; } + .small-margin-collapse > .small-7 { + width: 58.33333%; } + .small-margin-collapse > .small-8 { + width: 66.66667%; } + .small-margin-collapse > .small-9 { + width: 75%; } + .small-margin-collapse > .small-10 { + width: 83.33333%; } + .small-margin-collapse > .small-11 { + width: 91.66667%; } + .small-margin-collapse > .small-12 { + width: 100%; } + @media print, screen and (min-width: 40em) { + .small-margin-collapse > .medium-1 { + width: 8.33333%; } + .small-margin-collapse > .medium-2 { + width: 16.66667%; } + .small-margin-collapse > .medium-3 { + width: 25%; } + .small-margin-collapse > .medium-4 { + width: 33.33333%; } + .small-margin-collapse > .medium-5 { + width: 41.66667%; } + .small-margin-collapse > .medium-6 { + width: 50%; } + .small-margin-collapse > .medium-7 { + width: 58.33333%; } + .small-margin-collapse > .medium-8 { + width: 66.66667%; } + .small-margin-collapse > .medium-9 { + width: 75%; } + .small-margin-collapse > .medium-10 { + width: 83.33333%; } + .small-margin-collapse > .medium-11 { + width: 91.66667%; } + .small-margin-collapse > .medium-12 { + width: 100%; } } + @media print, screen and (min-width: 64em) { + .small-margin-collapse > .large-1 { + width: 8.33333%; } + .small-margin-collapse > .large-2 { + width: 16.66667%; } + .small-margin-collapse > .large-3 { + width: 25%; } + .small-margin-collapse > .large-4 { + width: 33.33333%; } + .small-margin-collapse > .large-5 { + width: 41.66667%; } + .small-margin-collapse > .large-6 { + width: 50%; } + .small-margin-collapse > .large-7 { + width: 58.33333%; } + .small-margin-collapse > .large-8 { + width: 66.66667%; } + .small-margin-collapse > .large-9 { + width: 75%; } + .small-margin-collapse > .large-10 { + width: 83.33333%; } + .small-margin-collapse > .large-11 { + width: 91.66667%; } + .small-margin-collapse > .large-12 { + width: 100%; } } + +.small-padding-collapse { + margin-right: 0; + margin-left: 0; } + .small-padding-collapse > .cell { + padding-right: 0; + padding-left: 0; } + +@media print, screen and (min-width: 40em) { + .medium-margin-collapse { + margin-right: 0; + margin-left: 0; } + .medium-margin-collapse > .cell { + margin-right: 0; + margin-left: 0; } } + +@media print, screen and (min-width: 40em) { + .medium-margin-collapse > .small-1 { + width: 8.33333%; } + .medium-margin-collapse > .small-2 { + width: 16.66667%; } + .medium-margin-collapse > .small-3 { + width: 25%; } + .medium-margin-collapse > .small-4 { + width: 33.33333%; } + .medium-margin-collapse > .small-5 { + width: 41.66667%; } + .medium-margin-collapse > .small-6 { + width: 50%; } + .medium-margin-collapse > .small-7 { + width: 58.33333%; } + .medium-margin-collapse > .small-8 { + width: 66.66667%; } + .medium-margin-collapse > .small-9 { + width: 75%; } + .medium-margin-collapse > .small-10 { + width: 83.33333%; } + .medium-margin-collapse > .small-11 { + width: 91.66667%; } + .medium-margin-collapse > .small-12 { + width: 100%; } } + +@media print, screen and (min-width: 40em) { + .medium-margin-collapse > .medium-1 { + width: 8.33333%; } + .medium-margin-collapse > .medium-2 { + width: 16.66667%; } + .medium-margin-collapse > .medium-3 { + width: 25%; } + .medium-margin-collapse > .medium-4 { + width: 33.33333%; } + .medium-margin-collapse > .medium-5 { + width: 41.66667%; } + .medium-margin-collapse > .medium-6 { + width: 50%; } + .medium-margin-collapse > .medium-7 { + width: 58.33333%; } + .medium-margin-collapse > .medium-8 { + width: 66.66667%; } + .medium-margin-collapse > .medium-9 { + width: 75%; } + .medium-margin-collapse > .medium-10 { + width: 83.33333%; } + .medium-margin-collapse > .medium-11 { + width: 91.66667%; } + .medium-margin-collapse > .medium-12 { + width: 100%; } } + +@media print, screen and (min-width: 64em) { + .medium-margin-collapse > .large-1 { + width: 8.33333%; } + .medium-margin-collapse > .large-2 { + width: 16.66667%; } + .medium-margin-collapse > .large-3 { + width: 25%; } + .medium-margin-collapse > .large-4 { + width: 33.33333%; } + .medium-margin-collapse > .large-5 { + width: 41.66667%; } + .medium-margin-collapse > .large-6 { + width: 50%; } + .medium-margin-collapse > .large-7 { + width: 58.33333%; } + .medium-margin-collapse > .large-8 { + width: 66.66667%; } + .medium-margin-collapse > .large-9 { + width: 75%; } + .medium-margin-collapse > .large-10 { + width: 83.33333%; } + .medium-margin-collapse > .large-11 { + width: 91.66667%; } + .medium-margin-collapse > .large-12 { + width: 100%; } } + +@media print, screen and (min-width: 40em) { + .medium-padding-collapse { + margin-right: 0; + margin-left: 0; } + .medium-padding-collapse > .cell { + padding-right: 0; + padding-left: 0; } } + +@media print, screen and (min-width: 64em) { + .large-margin-collapse { + margin-right: 0; + margin-left: 0; } + .large-margin-collapse > .cell { + margin-right: 0; + margin-left: 0; } } + +@media print, screen and (min-width: 64em) { + .large-margin-collapse > .small-1 { + width: 8.33333%; } + .large-margin-collapse > .small-2 { + width: 16.66667%; } + .large-margin-collapse > .small-3 { + width: 25%; } + .large-margin-collapse > .small-4 { + width: 33.33333%; } + .large-margin-collapse > .small-5 { + width: 41.66667%; } + .large-margin-collapse > .small-6 { + width: 50%; } + .large-margin-collapse > .small-7 { + width: 58.33333%; } + .large-margin-collapse > .small-8 { + width: 66.66667%; } + .large-margin-collapse > .small-9 { + width: 75%; } + .large-margin-collapse > .small-10 { + width: 83.33333%; } + .large-margin-collapse > .small-11 { + width: 91.66667%; } + .large-margin-collapse > .small-12 { + width: 100%; } } + +@media print, screen and (min-width: 64em) { + .large-margin-collapse > .medium-1 { + width: 8.33333%; } + .large-margin-collapse > .medium-2 { + width: 16.66667%; } + .large-margin-collapse > .medium-3 { + width: 25%; } + .large-margin-collapse > .medium-4 { + width: 33.33333%; } + .large-margin-collapse > .medium-5 { + width: 41.66667%; } + .large-margin-collapse > .medium-6 { + width: 50%; } + .large-margin-collapse > .medium-7 { + width: 58.33333%; } + .large-margin-collapse > .medium-8 { + width: 66.66667%; } + .large-margin-collapse > .medium-9 { + width: 75%; } + .large-margin-collapse > .medium-10 { + width: 83.33333%; } + .large-margin-collapse > .medium-11 { + width: 91.66667%; } + .large-margin-collapse > .medium-12 { + width: 100%; } } + +@media print, screen and (min-width: 64em) { + .large-margin-collapse > .large-1 { + width: 8.33333%; } + .large-margin-collapse > .large-2 { + width: 16.66667%; } + .large-margin-collapse > .large-3 { + width: 25%; } + .large-margin-collapse > .large-4 { + width: 33.33333%; } + .large-margin-collapse > .large-5 { + width: 41.66667%; } + .large-margin-collapse > .large-6 { + width: 50%; } + .large-margin-collapse > .large-7 { + width: 58.33333%; } + .large-margin-collapse > .large-8 { + width: 66.66667%; } + .large-margin-collapse > .large-9 { + width: 75%; } + .large-margin-collapse > .large-10 { + width: 83.33333%; } + .large-margin-collapse > .large-11 { + width: 91.66667%; } + .large-margin-collapse > .large-12 { + width: 100%; } } + +@media print, screen and (min-width: 64em) { + .large-padding-collapse { + margin-right: 0; + margin-left: 0; } + .large-padding-collapse > .cell { + padding-right: 0; + padding-left: 0; } } + +.small-offset-0 { + margin-left: 0%; } + +.grid-margin-x > .small-offset-0 { + margin-left: calc(0% + 0.625rem); } + +.small-offset-1 { + margin-left: 8.33333%; } + +.grid-margin-x > .small-offset-1 { + margin-left: calc(8.33333% + 0.625rem); } + +.small-offset-2 { + margin-left: 16.66667%; } + +.grid-margin-x > .small-offset-2 { + margin-left: calc(16.66667% + 0.625rem); } + +.small-offset-3 { + margin-left: 25%; } + +.grid-margin-x > .small-offset-3 { + margin-left: calc(25% + 0.625rem); } + +.small-offset-4 { + margin-left: 33.33333%; } + +.grid-margin-x > .small-offset-4 { + margin-left: calc(33.33333% + 0.625rem); } + +.small-offset-5 { + margin-left: 41.66667%; } + +.grid-margin-x > .small-offset-5 { + margin-left: calc(41.66667% + 0.625rem); } + +.small-offset-6 { + margin-left: 50%; } + +.grid-margin-x > .small-offset-6 { + margin-left: calc(50% + 0.625rem); } + +.small-offset-7 { + margin-left: 58.33333%; } + +.grid-margin-x > .small-offset-7 { + margin-left: calc(58.33333% + 0.625rem); } + +.small-offset-8 { + margin-left: 66.66667%; } + +.grid-margin-x > .small-offset-8 { + margin-left: calc(66.66667% + 0.625rem); } + +.small-offset-9 { + margin-left: 75%; } + +.grid-margin-x > .small-offset-9 { + margin-left: calc(75% + 0.625rem); } + +.small-offset-10 { + margin-left: 83.33333%; } + +.grid-margin-x > .small-offset-10 { + margin-left: calc(83.33333% + 0.625rem); } + +.small-offset-11 { + margin-left: 91.66667%; } + +.grid-margin-x > .small-offset-11 { + margin-left: calc(91.66667% + 0.625rem); } + +@media print, screen and (min-width: 40em) { + .medium-offset-0 { + margin-left: 0%; } + .grid-margin-x > .medium-offset-0 { + margin-left: calc(0% + 0.9375rem); } + .medium-offset-1 { + margin-left: 8.33333%; } + .grid-margin-x > .medium-offset-1 { + margin-left: calc(8.33333% + 0.9375rem); } + .medium-offset-2 { + margin-left: 16.66667%; } + .grid-margin-x > .medium-offset-2 { + margin-left: calc(16.66667% + 0.9375rem); } + .medium-offset-3 { + margin-left: 25%; } + .grid-margin-x > .medium-offset-3 { + margin-left: calc(25% + 0.9375rem); } + .medium-offset-4 { + margin-left: 33.33333%; } + .grid-margin-x > .medium-offset-4 { + margin-left: calc(33.33333% + 0.9375rem); } + .medium-offset-5 { + margin-left: 41.66667%; } + .grid-margin-x > .medium-offset-5 { + margin-left: calc(41.66667% + 0.9375rem); } + .medium-offset-6 { + margin-left: 50%; } + .grid-margin-x > .medium-offset-6 { + margin-left: calc(50% + 0.9375rem); } + .medium-offset-7 { + margin-left: 58.33333%; } + .grid-margin-x > .medium-offset-7 { + margin-left: calc(58.33333% + 0.9375rem); } + .medium-offset-8 { + margin-left: 66.66667%; } + .grid-margin-x > .medium-offset-8 { + margin-left: calc(66.66667% + 0.9375rem); } + .medium-offset-9 { + margin-left: 75%; } + .grid-margin-x > .medium-offset-9 { + margin-left: calc(75% + 0.9375rem); } + .medium-offset-10 { + margin-left: 83.33333%; } + .grid-margin-x > .medium-offset-10 { + margin-left: calc(83.33333% + 0.9375rem); } + .medium-offset-11 { + margin-left: 91.66667%; } + .grid-margin-x > .medium-offset-11 { + margin-left: calc(91.66667% + 0.9375rem); } } + +@media print, screen and (min-width: 64em) { + .large-offset-0 { + margin-left: 0%; } + .grid-margin-x > .large-offset-0 { + margin-left: calc(0% + 0.9375rem); } + .large-offset-1 { + margin-left: 8.33333%; } + .grid-margin-x > .large-offset-1 { + margin-left: calc(8.33333% + 0.9375rem); } + .large-offset-2 { + margin-left: 16.66667%; } + .grid-margin-x > .large-offset-2 { + margin-left: calc(16.66667% + 0.9375rem); } + .large-offset-3 { + margin-left: 25%; } + .grid-margin-x > .large-offset-3 { + margin-left: calc(25% + 0.9375rem); } + .large-offset-4 { + margin-left: 33.33333%; } + .grid-margin-x > .large-offset-4 { + margin-left: calc(33.33333% + 0.9375rem); } + .large-offset-5 { + margin-left: 41.66667%; } + .grid-margin-x > .large-offset-5 { + margin-left: calc(41.66667% + 0.9375rem); } + .large-offset-6 { + margin-left: 50%; } + .grid-margin-x > .large-offset-6 { + margin-left: calc(50% + 0.9375rem); } + .large-offset-7 { + margin-left: 58.33333%; } + .grid-margin-x > .large-offset-7 { + margin-left: calc(58.33333% + 0.9375rem); } + .large-offset-8 { + margin-left: 66.66667%; } + .grid-margin-x > .large-offset-8 { + margin-left: calc(66.66667% + 0.9375rem); } + .large-offset-9 { + margin-left: 75%; } + .grid-margin-x > .large-offset-9 { + margin-left: calc(75% + 0.9375rem); } + .large-offset-10 { + margin-left: 83.33333%; } + .grid-margin-x > .large-offset-10 { + margin-left: calc(83.33333% + 0.9375rem); } + .large-offset-11 { + margin-left: 91.66667%; } + .grid-margin-x > .large-offset-11 { + margin-left: calc(91.66667% + 0.9375rem); } } + +.grid-y { + display: -ms-flexbox; + display: flex; + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; } + .grid-y > .cell { + width: auto; } + .grid-y > .auto { + height: auto; } + .grid-y > .shrink { + height: auto; } + .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { + -ms-flex-preferred-size: auto; + flex-basis: auto; } + @media print, screen and (min-width: 40em) { + .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { + -ms-flex-preferred-size: auto; + flex-basis: auto; } } + @media print, screen and (min-width: 64em) { + .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { + -ms-flex-preferred-size: auto; + flex-basis: auto; } } + .grid-y > .small-1 { + height: 8.33333%; } + .grid-y > .small-2 { + height: 16.66667%; } + .grid-y > .small-3 { + height: 25%; } + .grid-y > .small-4 { + height: 33.33333%; } + .grid-y > .small-5 { + height: 41.66667%; } + .grid-y > .small-6 { + height: 50%; } + .grid-y > .small-7 { + height: 58.33333%; } + .grid-y > .small-8 { + height: 66.66667%; } + .grid-y > .small-9 { + height: 75%; } + .grid-y > .small-10 { + height: 83.33333%; } + .grid-y > .small-11 { + height: 91.66667%; } + .grid-y > .small-12 { + height: 100%; } + @media print, screen and (min-width: 40em) { + .grid-y > .medium-auto { + -ms-flex: 1 1 0px; + flex: 1 1 0px; + height: auto; } + .grid-y > .medium-shrink { + height: auto; } + .grid-y > .medium-1 { + height: 8.33333%; } + .grid-y > .medium-2 { + height: 16.66667%; } + .grid-y > .medium-3 { + height: 25%; } + .grid-y > .medium-4 { + height: 33.33333%; } + .grid-y > .medium-5 { + height: 41.66667%; } + .grid-y > .medium-6 { + height: 50%; } + .grid-y > .medium-7 { + height: 58.33333%; } + .grid-y > .medium-8 { + height: 66.66667%; } + .grid-y > .medium-9 { + height: 75%; } + .grid-y > .medium-10 { + height: 83.33333%; } + .grid-y > .medium-11 { + height: 91.66667%; } + .grid-y > .medium-12 { + height: 100%; } } + @media print, screen and (min-width: 64em) { + .grid-y > .large-auto { + -ms-flex: 1 1 0px; + flex: 1 1 0px; + height: auto; } + .grid-y > .large-shrink { + height: auto; } + .grid-y > .large-1 { + height: 8.33333%; } + .grid-y > .large-2 { + height: 16.66667%; } + .grid-y > .large-3 { + height: 25%; } + .grid-y > .large-4 { + height: 33.33333%; } + .grid-y > .large-5 { + height: 41.66667%; } + .grid-y > .large-6 { + height: 50%; } + .grid-y > .large-7 { + height: 58.33333%; } + .grid-y > .large-8 { + height: 66.66667%; } + .grid-y > .large-9 { + height: 75%; } + .grid-y > .large-10 { + height: 83.33333%; } + .grid-y > .large-11 { + height: 91.66667%; } + .grid-y > .large-12 { + height: 100%; } } + +.grid-padding-y .grid-padding-y { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } + @media print, screen and (min-width: 40em) { + .grid-padding-y .grid-padding-y { + margin-top: -0.9375rem; + margin-bottom: -0.9375rem; } } + +.grid-padding-y > .cell { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } + @media print, screen and (min-width: 40em) { + .grid-padding-y > .cell { + padding-top: 0.9375rem; + padding-bottom: 0.9375rem; } } + +.grid-margin-y { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } + @media print, screen and (min-width: 40em) { + .grid-margin-y { + margin-top: -0.9375rem; + margin-bottom: -0.9375rem; } } + .grid-margin-y > .cell { + height: calc(100% - 1.25rem); + margin-top: 0.625rem; + margin-bottom: 0.625rem; } + @media print, screen and (min-width: 40em) { + .grid-margin-y > .cell { + height: calc(100% - 1.875rem); + margin-top: 0.9375rem; + margin-bottom: 0.9375rem; } } + .grid-margin-y > .auto { + height: auto; } + .grid-margin-y > .shrink { + height: auto; } + .grid-margin-y > .small-1 { + height: calc(8.33333% - 1.25rem); } + .grid-margin-y > .small-2 { + height: calc(16.66667% - 1.25rem); } + .grid-margin-y > .small-3 { + height: calc(25% - 1.25rem); } + .grid-margin-y > .small-4 { + height: calc(33.33333% - 1.25rem); } + .grid-margin-y > .small-5 { + height: calc(41.66667% - 1.25rem); } + .grid-margin-y > .small-6 { + height: calc(50% - 1.25rem); } + .grid-margin-y > .small-7 { + height: calc(58.33333% - 1.25rem); } + .grid-margin-y > .small-8 { + height: calc(66.66667% - 1.25rem); } + .grid-margin-y > .small-9 { + height: calc(75% - 1.25rem); } + .grid-margin-y > .small-10 { + height: calc(83.33333% - 1.25rem); } + .grid-margin-y > .small-11 { + height: calc(91.66667% - 1.25rem); } + .grid-margin-y > .small-12 { + height: calc(100% - 1.25rem); } + @media print, screen and (min-width: 40em) { + .grid-margin-y > .auto { + height: auto; } + .grid-margin-y > .shrink { + height: auto; } + .grid-margin-y > .small-1 { + height: calc(8.33333% - 1.875rem); } + .grid-margin-y > .small-2 { + height: calc(16.66667% - 1.875rem); } + .grid-margin-y > .small-3 { + height: calc(25% - 1.875rem); } + .grid-margin-y > .small-4 { + height: calc(33.33333% - 1.875rem); } + .grid-margin-y > .small-5 { + height: calc(41.66667% - 1.875rem); } + .grid-margin-y > .small-6 { + height: calc(50% - 1.875rem); } + .grid-margin-y > .small-7 { + height: calc(58.33333% - 1.875rem); } + .grid-margin-y > .small-8 { + height: calc(66.66667% - 1.875rem); } + .grid-margin-y > .small-9 { + height: calc(75% - 1.875rem); } + .grid-margin-y > .small-10 { + height: calc(83.33333% - 1.875rem); } + .grid-margin-y > .small-11 { + height: calc(91.66667% - 1.875rem); } + .grid-margin-y > .small-12 { + height: calc(100% - 1.875rem); } + .grid-margin-y > .medium-auto { + height: auto; } + .grid-margin-y > .medium-shrink { + height: auto; } + .grid-margin-y > .medium-1 { + height: calc(8.33333% - 1.875rem); } + .grid-margin-y > .medium-2 { + height: calc(16.66667% - 1.875rem); } + .grid-margin-y > .medium-3 { + height: calc(25% - 1.875rem); } + .grid-margin-y > .medium-4 { + height: calc(33.33333% - 1.875rem); } + .grid-margin-y > .medium-5 { + height: calc(41.66667% - 1.875rem); } + .grid-margin-y > .medium-6 { + height: calc(50% - 1.875rem); } + .grid-margin-y > .medium-7 { + height: calc(58.33333% - 1.875rem); } + .grid-margin-y > .medium-8 { + height: calc(66.66667% - 1.875rem); } + .grid-margin-y > .medium-9 { + height: calc(75% - 1.875rem); } + .grid-margin-y > .medium-10 { + height: calc(83.33333% - 1.875rem); } + .grid-margin-y > .medium-11 { + height: calc(91.66667% - 1.875rem); } + .grid-margin-y > .medium-12 { + height: calc(100% - 1.875rem); } } + @media print, screen and (min-width: 64em) { + .grid-margin-y > .large-auto { + height: auto; } + .grid-margin-y > .large-shrink { + height: auto; } + .grid-margin-y > .large-1 { + height: calc(8.33333% - 1.875rem); } + .grid-margin-y > .large-2 { + height: calc(16.66667% - 1.875rem); } + .grid-margin-y > .large-3 { + height: calc(25% - 1.875rem); } + .grid-margin-y > .large-4 { + height: calc(33.33333% - 1.875rem); } + .grid-margin-y > .large-5 { + height: calc(41.66667% - 1.875rem); } + .grid-margin-y > .large-6 { + height: calc(50% - 1.875rem); } + .grid-margin-y > .large-7 { + height: calc(58.33333% - 1.875rem); } + .grid-margin-y > .large-8 { + height: calc(66.66667% - 1.875rem); } + .grid-margin-y > .large-9 { + height: calc(75% - 1.875rem); } + .grid-margin-y > .large-10 { + height: calc(83.33333% - 1.875rem); } + .grid-margin-y > .large-11 { + height: calc(91.66667% - 1.875rem); } + .grid-margin-y > .large-12 { + height: calc(100% - 1.875rem); } } + +.grid-frame { + overflow: hidden; + position: relative; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-align: stretch; + align-items: stretch; + width: 100vw; } + +.cell .grid-frame { + width: 100%; } + +.cell-block { + overflow-x: auto; + max-width: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-stype: -ms-autohiding-scrollbar; } + +.cell-block-y { + overflow-y: auto; + max-height: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-stype: -ms-autohiding-scrollbar; } + +.cell-block-container { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + max-height: 100%; } + .cell-block-container > .grid-x { + max-height: 100%; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + +@media print, screen and (min-width: 40em) { + .medium-grid-frame { + overflow: hidden; + position: relative; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-align: stretch; + align-items: stretch; + width: 100vw; } + .cell .medium-grid-frame { + width: 100%; } + .medium-cell-block { + overflow-x: auto; + max-width: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-stype: -ms-autohiding-scrollbar; } + .medium-cell-block-container { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + max-height: 100%; } + .medium-cell-block-container > .grid-x { + max-height: 100%; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + .medium-cell-block-y { + overflow-y: auto; + max-height: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-stype: -ms-autohiding-scrollbar; } } + +@media print, screen and (min-width: 64em) { + .large-grid-frame { + overflow: hidden; + position: relative; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-align: stretch; + align-items: stretch; + width: 100vw; } + .cell .large-grid-frame { + width: 100%; } + .large-cell-block { + overflow-x: auto; + max-width: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-stype: -ms-autohiding-scrollbar; } + .large-cell-block-container { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + max-height: 100%; } + .large-cell-block-container > .grid-x { + max-height: 100%; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + .large-cell-block-y { + overflow-y: auto; + max-height: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-stype: -ms-autohiding-scrollbar; } } + +.grid-y.grid-frame { + width: auto; + overflow: hidden; + position: relative; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-align: stretch; + align-items: stretch; + height: 100vh; } + +@media print, screen and (min-width: 40em) { + .grid-y.medium-grid-frame { + width: auto; + overflow: hidden; + position: relative; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-align: stretch; + align-items: stretch; + height: 100vh; } } + +@media print, screen and (min-width: 64em) { + .grid-y.large-grid-frame { + width: auto; + overflow: hidden; + position: relative; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-align: stretch; + align-items: stretch; + height: 100vh; } } + +.cell .grid-y.grid-frame { + height: 100%; } + +@media print, screen and (min-width: 40em) { + .cell .grid-y.medium-grid-frame { + height: 100%; } } + +@media print, screen and (min-width: 64em) { + .cell .grid-y.large-grid-frame { + height: 100%; } } + +.grid-margin-y { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } + @media print, screen and (min-width: 40em) { + .grid-margin-y { + margin-top: -0.9375rem; + margin-bottom: -0.9375rem; } } + .grid-margin-y > .cell { + height: calc(100% - 1.25rem); + margin-top: 0.625rem; + margin-bottom: 0.625rem; } + @media print, screen and (min-width: 40em) { + .grid-margin-y > .cell { + height: calc(100% - 1.875rem); + margin-top: 0.9375rem; + margin-bottom: 0.9375rem; } } + .grid-margin-y > .auto { + height: auto; } + .grid-margin-y > .shrink { + height: auto; } + .grid-margin-y > .small-1 { + height: calc(8.33333% - 1.25rem); } + .grid-margin-y > .small-2 { + height: calc(16.66667% - 1.25rem); } + .grid-margin-y > .small-3 { + height: calc(25% - 1.25rem); } + .grid-margin-y > .small-4 { + height: calc(33.33333% - 1.25rem); } + .grid-margin-y > .small-5 { + height: calc(41.66667% - 1.25rem); } + .grid-margin-y > .small-6 { + height: calc(50% - 1.25rem); } + .grid-margin-y > .small-7 { + height: calc(58.33333% - 1.25rem); } + .grid-margin-y > .small-8 { + height: calc(66.66667% - 1.25rem); } + .grid-margin-y > .small-9 { + height: calc(75% - 1.25rem); } + .grid-margin-y > .small-10 { + height: calc(83.33333% - 1.25rem); } + .grid-margin-y > .small-11 { + height: calc(91.66667% - 1.25rem); } + .grid-margin-y > .small-12 { + height: calc(100% - 1.25rem); } + @media print, screen and (min-width: 40em) { + .grid-margin-y > .auto { + height: auto; } + .grid-margin-y > .shrink { + height: auto; } + .grid-margin-y > .small-1 { + height: calc(8.33333% - 1.875rem); } + .grid-margin-y > .small-2 { + height: calc(16.66667% - 1.875rem); } + .grid-margin-y > .small-3 { + height: calc(25% - 1.875rem); } + .grid-margin-y > .small-4 { + height: calc(33.33333% - 1.875rem); } + .grid-margin-y > .small-5 { + height: calc(41.66667% - 1.875rem); } + .grid-margin-y > .small-6 { + height: calc(50% - 1.875rem); } + .grid-margin-y > .small-7 { + height: calc(58.33333% - 1.875rem); } + .grid-margin-y > .small-8 { + height: calc(66.66667% - 1.875rem); } + .grid-margin-y > .small-9 { + height: calc(75% - 1.875rem); } + .grid-margin-y > .small-10 { + height: calc(83.33333% - 1.875rem); } + .grid-margin-y > .small-11 { + height: calc(91.66667% - 1.875rem); } + .grid-margin-y > .small-12 { + height: calc(100% - 1.875rem); } + .grid-margin-y > .medium-auto { + height: auto; } + .grid-margin-y > .medium-shrink { + height: auto; } + .grid-margin-y > .medium-1 { + height: calc(8.33333% - 1.875rem); } + .grid-margin-y > .medium-2 { + height: calc(16.66667% - 1.875rem); } + .grid-margin-y > .medium-3 { + height: calc(25% - 1.875rem); } + .grid-margin-y > .medium-4 { + height: calc(33.33333% - 1.875rem); } + .grid-margin-y > .medium-5 { + height: calc(41.66667% - 1.875rem); } + .grid-margin-y > .medium-6 { + height: calc(50% - 1.875rem); } + .grid-margin-y > .medium-7 { + height: calc(58.33333% - 1.875rem); } + .grid-margin-y > .medium-8 { + height: calc(66.66667% - 1.875rem); } + .grid-margin-y > .medium-9 { + height: calc(75% - 1.875rem); } + .grid-margin-y > .medium-10 { + height: calc(83.33333% - 1.875rem); } + .grid-margin-y > .medium-11 { + height: calc(91.66667% - 1.875rem); } + .grid-margin-y > .medium-12 { + height: calc(100% - 1.875rem); } } + @media print, screen and (min-width: 64em) { + .grid-margin-y > .large-auto { + height: auto; } + .grid-margin-y > .large-shrink { + height: auto; } + .grid-margin-y > .large-1 { + height: calc(8.33333% - 1.875rem); } + .grid-margin-y > .large-2 { + height: calc(16.66667% - 1.875rem); } + .grid-margin-y > .large-3 { + height: calc(25% - 1.875rem); } + .grid-margin-y > .large-4 { + height: calc(33.33333% - 1.875rem); } + .grid-margin-y > .large-5 { + height: calc(41.66667% - 1.875rem); } + .grid-margin-y > .large-6 { + height: calc(50% - 1.875rem); } + .grid-margin-y > .large-7 { + height: calc(58.33333% - 1.875rem); } + .grid-margin-y > .large-8 { + height: calc(66.66667% - 1.875rem); } + .grid-margin-y > .large-9 { + height: calc(75% - 1.875rem); } + .grid-margin-y > .large-10 { + height: calc(83.33333% - 1.875rem); } + .grid-margin-y > .large-11 { + height: calc(91.66667% - 1.875rem); } + .grid-margin-y > .large-12 { + height: calc(100% - 1.875rem); } } + +.grid-frame.grid-margin-y { + height: calc(100vh + 1.25rem); } + @media print, screen and (min-width: 40em) { + .grid-frame.grid-margin-y { + height: calc(100vh + 1.875rem); } } + @media print, screen and (min-width: 64em) { + .grid-frame.grid-margin-y { + height: calc(100vh + 1.875rem); } } + +@media print, screen and (min-width: 40em) { + .grid-margin-y.medium-grid-frame { + height: calc(100vh + 1.875rem); } } + +@media print, screen and (min-width: 64em) { + .grid-margin-y.large-grid-frame { + height: calc(100vh + 1.875rem); } } + +.align-right { + -ms-flex-pack: end; + justify-content: flex-end; } + +.align-center { + -ms-flex-pack: center; + justify-content: center; } + +.align-justify { + -ms-flex-pack: justify; + justify-content: space-between; } + +.align-spaced { + -ms-flex-pack: distribute; + justify-content: space-around; } + +.align-right.vertical.menu > li > a { + -ms-flex-pack: end; + justify-content: flex-end; } + +.align-center.vertical.menu > li > a { + -ms-flex-pack: center; + justify-content: center; } + +.align-top { + -ms-flex-align: start; + align-items: flex-start; } + +.align-self-top { + -ms-flex-item-align: start; + align-self: flex-start; } + +.align-bottom { + -ms-flex-align: end; + align-items: flex-end; } + +.align-self-bottom { + -ms-flex-item-align: end; + align-self: flex-end; } + +.align-middle { + -ms-flex-align: center; + align-items: center; } + +.align-self-middle { + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; } + +.align-stretch { + -ms-flex-align: stretch; + align-items: stretch; } + +.align-self-stretch { + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; } + +.align-center-middle { + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; } + +.small-order-1 { + -ms-flex-order: 1; + order: 1; } + +.small-order-2 { + -ms-flex-order: 2; + order: 2; } + +.small-order-3 { + -ms-flex-order: 3; + order: 3; } + +.small-order-4 { + -ms-flex-order: 4; + order: 4; } + +.small-order-5 { + -ms-flex-order: 5; + order: 5; } + +.small-order-6 { + -ms-flex-order: 6; + order: 6; } + +@media print, screen and (min-width: 40em) { + .medium-order-1 { + -ms-flex-order: 1; + order: 1; } + .medium-order-2 { + -ms-flex-order: 2; + order: 2; } + .medium-order-3 { + -ms-flex-order: 3; + order: 3; } + .medium-order-4 { + -ms-flex-order: 4; + order: 4; } + .medium-order-5 { + -ms-flex-order: 5; + order: 5; } + .medium-order-6 { + -ms-flex-order: 6; + order: 6; } } + +@media print, screen and (min-width: 64em) { + .large-order-1 { + -ms-flex-order: 1; + order: 1; } + .large-order-2 { + -ms-flex-order: 2; + order: 2; } + .large-order-3 { + -ms-flex-order: 3; + order: 3; } + .large-order-4 { + -ms-flex-order: 4; + order: 4; } + .large-order-5 { + -ms-flex-order: 5; + order: 5; } + .large-order-6 { + -ms-flex-order: 6; + order: 6; } } + +.flex-container { + display: -ms-flexbox; + display: flex; } + +.flex-child-auto { + -ms-flex: 1 1 auto; + flex: 1 1 auto; } + +.flex-child-grow { + -ms-flex: 1 0 auto; + flex: 1 0 auto; } + +.flex-child-shrink { + -ms-flex: 0 1 auto; + flex: 0 1 auto; } + +.flex-dir-row { + -ms-flex-direction: row; + flex-direction: row; } + +.flex-dir-row-reverse { + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; } + +.flex-dir-column { + -ms-flex-direction: column; + flex-direction: column; } + +.flex-dir-column-reverse { + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; } + +@media print, screen and (min-width: 40em) { + .medium-flex-container { + display: -ms-flexbox; + display: flex; } + .medium-flex-child-auto { + -ms-flex: 1 1 auto; + flex: 1 1 auto; } + .medium-flex-child-grow { + -ms-flex: 1 0 auto; + flex: 1 0 auto; } + .medium-flex-child-shrink { + -ms-flex: 0 1 auto; + flex: 0 1 auto; } + .medium-flex-dir-row { + -ms-flex-direction: row; + flex-direction: row; } + .medium-flex-dir-row-reverse { + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; } + .medium-flex-dir-column { + -ms-flex-direction: column; + flex-direction: column; } + .medium-flex-dir-column-reverse { + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; } } + +@media print, screen and (min-width: 64em) { + .large-flex-container { + display: -ms-flexbox; + display: flex; } + .large-flex-child-auto { + -ms-flex: 1 1 auto; + flex: 1 1 auto; } + .large-flex-child-grow { + -ms-flex: 1 0 auto; + flex: 1 0 auto; } + .large-flex-child-shrink { + -ms-flex: 0 1 auto; + flex: 0 1 auto; } + .large-flex-dir-row { + -ms-flex-direction: row; + flex-direction: row; } + .large-flex-dir-row-reverse { + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; } + .large-flex-dir-column { + -ms-flex-direction: column; + flex-direction: column; } + .large-flex-dir-column-reverse { + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; } } + +div, +dl, +dt, +dd, +ul, +ol, +li, +h1, +h2, +h3, +h4, +h5, +h6, +pre, +form, +p, +blockquote, +th, +td { + margin: 0; + padding: 0; } + +p { + margin-bottom: 1rem; + font-size: inherit; + line-height: 1.6; + text-rendering: optimizeLegibility; } + +em, +i { + font-style: italic; + line-height: inherit; } + +strong, +b { + font-weight: bold; + line-height: inherit; } + +small { + font-size: 80%; + line-height: inherit; } + +h1, .h1, +h2, .h2, +h3, .h3, +h4, .h4, +h5, .h5, +h6, .h6 { + font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; + font-style: normal; + font-weight: normal; + color: inherit; + text-rendering: optimizeLegibility; } + h1 small, .h1 small, + h2 small, .h2 small, + h3 small, .h3 small, + h4 small, .h4 small, + h5 small, .h5 small, + h6 small, .h6 small { + line-height: 0; + color: #cacaca; } + +h1, .h1 { + font-size: 1.5rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; } + +h2, .h2 { + font-size: 1.25rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; } + +h3, .h3 { + font-size: 1.1875rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; } + +h4, .h4 { + font-size: 1.125rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; } + +h5, .h5 { + font-size: 1.0625rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; } + +h6, .h6 { + font-size: 1rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; } + +@media print, screen and (min-width: 40em) { + h1, .h1 { + font-size: 3rem; } + h2, .h2 { + font-size: 2.5rem; } + h3, .h3 { + font-size: 1.9375rem; } + h4, .h4 { + font-size: 1.5625rem; } + h5, .h5 { + font-size: 1.25rem; } + h6, .h6 { + font-size: 1rem; } } + +a { + line-height: inherit; + color: #1779ba; + text-decoration: none; + cursor: pointer; } + a:hover, a:focus { + color: #1468a0; } + a img { + border: 0; } + +hr { + clear: both; + max-width: 75rem; + height: 0; + margin: 1.25rem auto; + border-top: 0; + border-right: 0; + border-bottom: 1px solid #cacaca; + border-left: 0; } + +ul, +ol, +dl { + margin-bottom: 1rem; + list-style-position: outside; + line-height: 1.6; } + +li { + font-size: inherit; } + +ul { + margin-left: 1.25rem; + list-style-type: disc; } + +ol { + margin-left: 1.25rem; } + +ul ul, ol ul, ul ol, ol ol { + margin-left: 1.25rem; + margin-bottom: 0; } + +dl { + margin-bottom: 1rem; } + dl dt { + margin-bottom: 0.3rem; + font-weight: bold; } + +blockquote { + margin: 0 0 1rem; + padding: 0.5625rem 1.25rem 0 1.1875rem; + border-left: 1px solid #cacaca; } + blockquote, blockquote p { + line-height: 1.6; + color: #8a8a8a; } + +cite { + display: block; + font-size: 0.8125rem; + color: #8a8a8a; } + cite:before { + content: "— "; } + +abbr, abbr[title] { + border-bottom: 1px dotted #0a0a0a; + cursor: help; + text-decoration: none; } + +figure { + margin: 0; } + +code { + padding: 0.125rem 0.3125rem 0.0625rem; + border: 1px solid #cacaca; + background-color: #e6e6e6; + font-family: Consolas, "Liberation Mono", Courier, monospace; + font-weight: normal; + color: #0a0a0a; } + +kbd { + margin: 0; + padding: 0.125rem 0.25rem 0; + background-color: #e6e6e6; + font-family: Consolas, "Liberation Mono", Courier, monospace; + color: #0a0a0a; } + +.subheader { + margin-top: 0.2rem; + margin-bottom: 0.5rem; + font-weight: normal; + line-height: 1.4; + color: #8a8a8a; } + +.lead { + font-size: 125%; + line-height: 1.6; } + +.stat { + font-size: 2.5rem; + line-height: 1; } + p + .stat { + margin-top: -1rem; } + +ul.no-bullet, ol.no-bullet { + margin-left: 0; + list-style: none; } + +.text-left { + text-align: left; } + +.text-right { + text-align: right; } + +.text-center { + text-align: center; } + +.text-justify { + text-align: justify; } + +@media print, screen and (min-width: 40em) { + .medium-text-left { + text-align: left; } + .medium-text-right { + text-align: right; } + .medium-text-center { + text-align: center; } + .medium-text-justify { + text-align: justify; } } + +@media print, screen and (min-width: 64em) { + .large-text-left { + text-align: left; } + .large-text-right { + text-align: right; } + .large-text-center { + text-align: center; } + .large-text-justify { + text-align: justify; } } + +.show-for-print { + display: none !important; } + +@media print { + * { + background: transparent !important; + box-shadow: none !important; + color: black !important; + text-shadow: none !important; } + .show-for-print { + display: block !important; } + .hide-for-print { + display: none !important; } + table.show-for-print { + display: table !important; } + thead.show-for-print { + display: table-header-group !important; } + tbody.show-for-print { + display: table-row-group !important; } + tr.show-for-print { + display: table-row !important; } + td.show-for-print { + display: table-cell !important; } + th.show-for-print { + display: table-cell !important; } + a, + a:visited { + text-decoration: underline; } + a[href]:after { + content: " (" attr(href) ")"; } + .ir a:after, + a[href^='javascript:']:after, + a[href^='#']:after { + content: ''; } + abbr[title]:after { + content: " (" attr(title) ")"; } + pre, + blockquote { + border: 1px solid #8a8a8a; + page-break-inside: avoid; } + thead { + display: table-header-group; } + tr, + img { + page-break-inside: avoid; } + img { + max-width: 100% !important; } + @page { + margin: 0.5cm; } + p, + h2, + h3 { + orphans: 3; + widows: 3; } + h2, + h3 { + page-break-after: avoid; } + .print-break-inside { + page-break-inside: auto; } } + +.button { + display: inline-block; + vertical-align: middle; + margin: 0 0 1rem 0; + font-family: inherit; + padding: 0.85em 1em; + -webkit-appearance: none; + border: 1px solid transparent; + border-radius: 0; + transition: background-color 0.25s ease-out, color 0.25s ease-out; + font-size: 0.9rem; + line-height: 1; + text-align: center; + cursor: pointer; + background-color: #1779ba; + color: #fefefe; } + [data-whatinput='mouse'] .button { + outline: 0; } + .button:hover, .button:focus { + background-color: #14679e; + color: #fefefe; } + .button.tiny { + font-size: 0.6rem; } + .button.small { + font-size: 0.75rem; } + .button.large { + font-size: 1.25rem; } + .button.expanded { + display: block; + width: 100%; + margin-right: 0; + margin-left: 0; } + .button.primary { + background-color: #1779ba; + color: #fefefe; } + .button.primary:hover, .button.primary:focus { + background-color: #126195; + color: #fefefe; } + .button.secondary { + background-color: #767676; + color: #fefefe; } + .button.secondary:hover, .button.secondary:focus { + background-color: #5e5e5e; + color: #fefefe; } + .button.success { + background-color: #3adb76; + color: #0a0a0a; } + .button.success:hover, .button.success:focus { + background-color: #22bb5b; + color: #0a0a0a; } + .button.warning { + background-color: #ffae00; + color: #0a0a0a; } + .button.warning:hover, .button.warning:focus { + background-color: #cc8b00; + color: #0a0a0a; } + .button.alert { + background-color: #cc4b37; + color: #fefefe; } + .button.alert:hover, .button.alert:focus { + background-color: #a53b2a; + color: #fefefe; } + .button.disabled, .button[disabled] { + opacity: 0.25; + cursor: not-allowed; } + .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus { + background-color: #1779ba; + color: #fefefe; } + .button.disabled.primary, .button[disabled].primary { + opacity: 0.25; + cursor: not-allowed; } + .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus { + background-color: #1779ba; + color: #fefefe; } + .button.disabled.secondary, .button[disabled].secondary { + opacity: 0.25; + cursor: not-allowed; } + .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus { + background-color: #767676; + color: #fefefe; } + .button.disabled.success, .button[disabled].success { + opacity: 0.25; + cursor: not-allowed; } + .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus { + background-color: #3adb76; + color: #0a0a0a; } + .button.disabled.warning, .button[disabled].warning { + opacity: 0.25; + cursor: not-allowed; } + .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus { + background-color: #ffae00; + color: #0a0a0a; } + .button.disabled.alert, .button[disabled].alert { + opacity: 0.25; + cursor: not-allowed; } + .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus { + background-color: #cc4b37; + color: #fefefe; } + .button.hollow { + border: 1px solid #1779ba; + color: #1779ba; } + .button.hollow, .button.hollow:hover, .button.hollow:focus { + background-color: transparent; } + .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { + background-color: transparent; } + .button.hollow:hover, .button.hollow:focus { + border-color: #0c3d5d; + color: #0c3d5d; } + .button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] { + border: 1px solid #1779ba; + color: #1779ba; } + .button.hollow.primary { + border: 1px solid #1779ba; + color: #1779ba; } + .button.hollow.primary:hover, .button.hollow.primary:focus { + border-color: #0c3d5d; + color: #0c3d5d; } + .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] { + border: 1px solid #1779ba; + color: #1779ba; } + .button.hollow.secondary { + border: 1px solid #767676; + color: #767676; } + .button.hollow.secondary:hover, .button.hollow.secondary:focus { + border-color: #3b3b3b; + color: #3b3b3b; } + .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] { + border: 1px solid #767676; + color: #767676; } + .button.hollow.success { + border: 1px solid #3adb76; + color: #3adb76; } + .button.hollow.success:hover, .button.hollow.success:focus { + border-color: #157539; + color: #157539; } + .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] { + border: 1px solid #3adb76; + color: #3adb76; } + .button.hollow.warning { + border: 1px solid #ffae00; + color: #ffae00; } + .button.hollow.warning:hover, .button.hollow.warning:focus { + border-color: #805700; + color: #805700; } + .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] { + border: 1px solid #ffae00; + color: #ffae00; } + .button.hollow.alert { + border: 1px solid #cc4b37; + color: #cc4b37; } + .button.hollow.alert:hover, .button.hollow.alert:focus { + border-color: #67251a; + color: #67251a; } + .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] { + border: 1px solid #cc4b37; + color: #cc4b37; } + .button.clear { + border: 1px solid #1779ba; + color: #1779ba; } + .button.clear, .button.clear:hover, .button.clear:focus { + background-color: transparent; } + .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { + background-color: transparent; } + .button.clear:hover, .button.clear:focus { + border-color: #0c3d5d; + color: #0c3d5d; } + .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] { + border: 1px solid #1779ba; + color: #1779ba; } + .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] { + border-color: transparent; } + .button.clear.primary { + border: 1px solid #1779ba; + color: #1779ba; } + .button.clear.primary:hover, .button.clear.primary:focus { + border-color: #0c3d5d; + color: #0c3d5d; } + .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] { + border: 1px solid #1779ba; + color: #1779ba; } + .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] { + border-color: transparent; } + .button.clear.secondary { + border: 1px solid #767676; + color: #767676; } + .button.clear.secondary:hover, .button.clear.secondary:focus { + border-color: #3b3b3b; + color: #3b3b3b; } + .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] { + border: 1px solid #767676; + color: #767676; } + .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] { + border-color: transparent; } + .button.clear.success { + border: 1px solid #3adb76; + color: #3adb76; } + .button.clear.success:hover, .button.clear.success:focus { + border-color: #157539; + color: #157539; } + .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] { + border: 1px solid #3adb76; + color: #3adb76; } + .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] { + border-color: transparent; } + .button.clear.warning { + border: 1px solid #ffae00; + color: #ffae00; } + .button.clear.warning:hover, .button.clear.warning:focus { + border-color: #805700; + color: #805700; } + .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] { + border: 1px solid #ffae00; + color: #ffae00; } + .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] { + border-color: transparent; } + .button.clear.alert { + border: 1px solid #cc4b37; + color: #cc4b37; } + .button.clear.alert:hover, .button.clear.alert:focus { + border-color: #67251a; + color: #67251a; } + .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] { + border: 1px solid #cc4b37; + color: #cc4b37; } + .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] { + border-color: transparent; } + .button.dropdown::after { + display: block; + width: 0; + height: 0; + border: inset 0.4em; + content: ''; + border-bottom-width: 0; + border-top-style: solid; + border-color: #fefefe transparent transparent; + position: relative; + top: 0.4em; + display: inline-block; + float: right; + margin-left: 1em; } + .button.dropdown.hollow::after { + border-top-color: #1779ba; } + .button.dropdown.hollow.primary::after { + border-top-color: #1779ba; } + .button.dropdown.hollow.secondary::after { + border-top-color: #767676; } + .button.dropdown.hollow.success::after { + border-top-color: #3adb76; } + .button.dropdown.hollow.warning::after { + border-top-color: #ffae00; } + .button.dropdown.hollow.alert::after { + border-top-color: #cc4b37; } + .button.arrow-only::after { + top: -0.1em; + float: none; + margin-left: 0; } + +a.button:hover, a.button:focus { + text-decoration: none; } + +[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], +textarea { + display: block; + box-sizing: border-box; + width: 100%; + height: 2.4375rem; + margin: 0 0 1rem; + padding: 0.5rem; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + font-family: inherit; + font-size: 1rem; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, + textarea:focus { + outline: none; + border: 1px solid #8a8a8a; + background-color: #fefefe; + box-shadow: 0 0 5px #cacaca; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } + +textarea { + max-width: 100%; } + textarea[rows] { + height: auto; } + +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: #cacaca; } + +input::-moz-placeholder, +textarea::-moz-placeholder { + color: #cacaca; } + +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: #cacaca; } + +input::placeholder, +textarea::placeholder { + color: #cacaca; } + +input:disabled, input[readonly], +textarea:disabled, +textarea[readonly] { + background-color: #e6e6e6; + cursor: not-allowed; } + +[type='submit'], +[type='button'] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 0; } + +input[type='search'] { + box-sizing: border-box; } + +[type='file'], +[type='checkbox'], +[type='radio'] { + margin: 0 0 1rem; } + +[type='checkbox'] + label, +[type='radio'] + label { + display: inline-block; + vertical-align: baseline; + margin-left: 0.5rem; + margin-right: 1rem; + margin-bottom: 0; } + [type='checkbox'] + label[for], + [type='radio'] + label[for] { + cursor: pointer; } + +label > [type='checkbox'], +label > [type='radio'] { + margin-right: 0.5rem; } + +[type='file'] { + width: 100%; } + +label { + display: block; + margin: 0; + font-size: 0.875rem; + font-weight: normal; + line-height: 1.8; + color: #0a0a0a; } + label.middle { + margin: 0 0 1rem; + padding: 0.5625rem 0; } + +.help-text { + margin-top: -0.5rem; + font-size: 0.8125rem; + font-style: italic; + color: #0a0a0a; } + +.input-group { + display: -ms-flexbox; + display: flex; + width: 100%; + margin-bottom: 1rem; + -ms-flex-align: stretch; + align-items: stretch; } + .input-group > :first-child { + border-radius: 0 0 0 0; } + .input-group > :last-child > * { + border-radius: 0 0 0 0; } + +.input-group-label, .input-group-field, .input-group-button, .input-group-button a, +.input-group-button input, +.input-group-button button, +.input-group-button label { + margin: 0; + white-space: nowrap; } + +.input-group-label { + padding: 0 1rem; + border: 1px solid #cacaca; + background: #e6e6e6; + color: #0a0a0a; + text-align: center; + white-space: nowrap; + display: -ms-flexbox; + display: flex; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -ms-flex-align: center; + align-items: center; } + .input-group-label:first-child { + border-right: 0; } + .input-group-label:last-child { + border-left: 0; } + +.input-group-field { + border-radius: 0; + -ms-flex: 1 1 0px; + flex: 1 1 0px; + height: auto; + min-width: 0; } + +.input-group-button { + padding-top: 0; + padding-bottom: 0; + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } + .input-group-button a, + .input-group-button input, + .input-group-button button, + .input-group-button label { + height: auto; + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; + padding-top: 0; + padding-bottom: 0; + font-size: 1rem; } + +fieldset { + margin: 0; + padding: 0; + border: 0; } + +legend { + max-width: 100%; + margin-bottom: 0.5rem; } + +.fieldset { + margin: 1.125rem 0; + padding: 1.25rem; + border: 1px solid #cacaca; } + .fieldset legend { + margin: 0; + margin-left: -0.1875rem; + padding: 0 0.1875rem; } + +select { + height: 2.4375rem; + margin: 0 0 1rem; + padding: 0.5rem; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + font-family: inherit; + font-size: 1rem; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + background-image: url("data:image/svg+xml;utf8,"); + background-origin: content-box; + background-position: right -1rem center; + background-repeat: no-repeat; + background-size: 9px 6px; + padding-right: 1.5rem; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } + @media screen and (min-width: 0\0) { + select { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } + select:focus { + outline: none; + border: 1px solid #8a8a8a; + background-color: #fefefe; + box-shadow: 0 0 5px #cacaca; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } + select:disabled { + background-color: #e6e6e6; + cursor: not-allowed; } + select::-ms-expand { + display: none; } + select[multiple] { + height: auto; + background-image: none; } + +.is-invalid-input:not(:focus) { + border-color: #cc4b37; + background-color: #f9ecea; } + .is-invalid-input:not(:focus)::-webkit-input-placeholder { + color: #cc4b37; } + .is-invalid-input:not(:focus)::-moz-placeholder { + color: #cc4b37; } + .is-invalid-input:not(:focus):-ms-input-placeholder { + color: #cc4b37; } + .is-invalid-input:not(:focus)::placeholder { + color: #cc4b37; } + +.is-invalid-label { + color: #cc4b37; } + +.form-error { + display: none; + margin-top: -0.5rem; + margin-bottom: 1rem; + font-size: 0.75rem; + font-weight: bold; + color: #cc4b37; } + .form-error.is-visible { + display: block; } + +.accordion { + margin-left: 0; + background: #fefefe; + list-style-type: none; } + .accordion[disabled] .accordion-title { + cursor: not-allowed; } + +.accordion-item:first-child > :first-child { + border-radius: 0 0 0 0; } + +.accordion-item:last-child > :last-child { + border-radius: 0 0 0 0; } + +.accordion-title { + position: relative; + display: block; + padding: 1.25rem 1rem; + border: 1px solid #e6e6e6; + border-bottom: 0; + font-size: 0.75rem; + line-height: 1; + color: #1779ba; } + :last-child:not(.is-active) > .accordion-title { + border-bottom: 1px solid #e6e6e6; + border-radius: 0 0 0 0; } + .accordion-title:hover, .accordion-title:focus { + background-color: #e6e6e6; } + .accordion-title::before { + position: absolute; + top: 50%; + right: 1rem; + margin-top: -0.5rem; + content: '+'; } + .is-active > .accordion-title::before { + content: '\2013'; } + +.accordion-content { + display: none; + padding: 1rem; + border: 1px solid #e6e6e6; + border-bottom: 0; + background-color: #fefefe; + color: #0a0a0a; } + :last-child > .accordion-content:last-child { + border-bottom: 1px solid #e6e6e6; } + +.accordion-menu li { + width: 100%; } + +.accordion-menu a { + padding: 0.7rem 1rem; } + +.accordion-menu .is-accordion-submenu a { + padding: 0.7rem 1rem; } + +.accordion-menu .nested.is-accordion-submenu { + margin-right: 0; + margin-left: 1rem; } + +.accordion-menu.align-right .nested.is-accordion-submenu { + margin-right: 1rem; + margin-left: 0; } + +.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { + position: relative; } + .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { + display: block; + width: 0; + height: 0; + border: inset 6px; + content: ''; + border-bottom-width: 0; + border-top-style: solid; + border-color: #1779ba transparent transparent; + position: absolute; + top: 50%; + margin-top: -3px; + right: 1rem; } + +.accordion-menu.align-left .is-accordion-submenu-parent > a::after { + left: auto; + right: 1rem; } + +.accordion-menu.align-right .is-accordion-submenu-parent > a::after { + right: auto; + left: 1rem; } + +.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after { + -ms-transform: rotate(180deg); + transform: rotate(180deg); + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; } + +.is-accordion-submenu-parent { + position: relative; } + +.has-submenu-toggle > a { + margin-right: 40px; } + +.submenu-toggle { + position: absolute; + top: 0; + right: 0; + cursor: pointer; + width: 40px; + height: 40px; } + .submenu-toggle::after { + display: block; + width: 0; + height: 0; + border: inset 6px; + content: ''; + border-bottom-width: 0; + border-top-style: solid; + border-color: #1779ba transparent transparent; + top: 0; + bottom: 0; + margin: auto; } + +.submenu-toggle[aria-expanded='true']::after { + -ms-transform: scaleY(-1); + transform: scaleY(-1); + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; } + +.submenu-toggle-text { + position: absolute !important; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + border: 0; } + +.badge { + display: inline-block; + min-width: 2.1em; + padding: 0.3em; + border-radius: 50%; + font-size: 0.6rem; + text-align: center; + background: #1779ba; + color: #fefefe; } + .badge.primary { + background: #1779ba; + color: #fefefe; } + .badge.secondary { + background: #767676; + color: #fefefe; } + .badge.success { + background: #3adb76; + color: #0a0a0a; } + .badge.warning { + background: #ffae00; + color: #0a0a0a; } + .badge.alert { + background: #cc4b37; + color: #fefefe; } + +.breadcrumbs { + margin: 0 0 1rem 0; + list-style: none; } + .breadcrumbs::before, .breadcrumbs::after { + display: table; + content: ' '; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-order: 1; + order: 1; } + .breadcrumbs::after { + clear: both; } + .breadcrumbs li { + float: left; + font-size: 0.6875rem; + color: #0a0a0a; + cursor: default; + text-transform: uppercase; } + .breadcrumbs li:not(:last-child)::after { + position: relative; + margin: 0 0.75rem; + opacity: 1; + content: "/"; + color: #cacaca; } + .breadcrumbs a { + color: #1779ba; } + .breadcrumbs a:hover { + text-decoration: underline; } + .breadcrumbs .disabled { + color: #cacaca; + cursor: not-allowed; } + +.button-group { + margin-bottom: 1rem; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-align: stretch; + align-items: stretch; } + .button-group::before, .button-group::after { + display: table; + content: ' '; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-order: 1; + order: 1; } + .button-group::after { + clear: both; } + .button-group .button { + margin: 0; + margin-right: 1px; + margin-bottom: 1px; + font-size: 0.9rem; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } + .button-group .button:last-child { + margin-right: 0; } + .button-group.tiny .button { + font-size: 0.6rem; } + .button-group.small .button { + font-size: 0.75rem; } + .button-group.large .button { + font-size: 1.25rem; } + .button-group.expanded .button { + -ms-flex: 1 1 0px; + flex: 1 1 0px; } + .button-group.primary .button { + background-color: #1779ba; + color: #fefefe; } + .button-group.primary .button:hover, .button-group.primary .button:focus { + background-color: #126195; + color: #fefefe; } + .button-group.secondary .button { + background-color: #767676; + color: #fefefe; } + .button-group.secondary .button:hover, .button-group.secondary .button:focus { + background-color: #5e5e5e; + color: #fefefe; } + .button-group.success .button { + background-color: #3adb76; + color: #0a0a0a; } + .button-group.success .button:hover, .button-group.success .button:focus { + background-color: #22bb5b; + color: #0a0a0a; } + .button-group.warning .button { + background-color: #ffae00; + color: #0a0a0a; } + .button-group.warning .button:hover, .button-group.warning .button:focus { + background-color: #cc8b00; + color: #0a0a0a; } + .button-group.alert .button { + background-color: #cc4b37; + color: #fefefe; } + .button-group.alert .button:hover, .button-group.alert .button:focus { + background-color: #a53b2a; + color: #fefefe; } + .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { + -ms-flex: 0 0 100%; + flex: 0 0 100%; } + .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { + margin-bottom: 0; } + @media print, screen and (min-width: 40em) { + .button-group.stacked-for-small .button { + -ms-flex: 1 1 0px; + flex: 1 1 0px; + margin-bottom: 0; } } + @media print, screen and (min-width: 64em) { + .button-group.stacked-for-medium .button { + -ms-flex: 1 1 0px; + flex: 1 1 0px; + margin-bottom: 0; } } + @media screen and (max-width: 39.9375em) { + .button-group.stacked-for-small.expanded { + display: block; } + .button-group.stacked-for-small.expanded .button { + display: block; + margin-right: 0; } } + +.card { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-positive: 1; + flex-grow: 1; + margin-bottom: 1rem; + border: 1px solid #e6e6e6; + border-radius: 0; + background: #fefefe; + box-shadow: none; + overflow: hidden; + color: #0a0a0a; } + .card > :last-child { + margin-bottom: 0; } + +.card-divider { + -ms-flex: 0 1 auto; + flex: 0 1 auto; + display: -ms-flexbox; + display: flex; + padding: 1rem; + background: #e6e6e6; } + .card-divider > :last-child { + margin-bottom: 0; } + +.card-section { + -ms-flex: 1 0 auto; + flex: 1 0 auto; + padding: 1rem; } + .card-section > :last-child { + margin-bottom: 0; } + +.card-image { + min-height: 1px; } + +.callout { + position: relative; + margin: 0 0 1rem 0; + padding: 1rem; + border: 1px solid rgba(10, 10, 10, 0.25); + border-radius: 0; + background-color: white; + color: #0a0a0a; } + .callout > :first-child { + margin-top: 0; } + .callout > :last-child { + margin-bottom: 0; } + .callout.primary { + background-color: #d7ecfa; + color: #0a0a0a; } + .callout.secondary { + background-color: #eaeaea; + color: #0a0a0a; } + .callout.success { + background-color: #e1faea; + color: #0a0a0a; } + .callout.warning { + background-color: #fff3d9; + color: #0a0a0a; } + .callout.alert { + background-color: #f7e4e1; + color: #0a0a0a; } + .callout.small { + padding-top: 0.5rem; + padding-right: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 0.5rem; } + .callout.large { + padding-top: 3rem; + padding-right: 3rem; + padding-bottom: 3rem; + padding-left: 3rem; } + +.close-button { + position: absolute; + color: #8a8a8a; + cursor: pointer; } + [data-whatinput='mouse'] .close-button { + outline: 0; } + .close-button:hover, .close-button:focus { + color: #0a0a0a; } + .close-button.small { + right: 0.66rem; + top: 0.33em; + font-size: 1.5em; + line-height: 1; } + .close-button, .close-button.medium { + right: 1rem; + top: 0.5rem; + font-size: 2em; + line-height: 1; } + +.menu { + padding: 0; + margin: 0; + list-style: none; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + [data-whatinput='mouse'] .menu li { + outline: 0; } + .menu a, + .menu .button { + line-height: 1; + text-decoration: none; + display: block; + padding: 0.7rem 1rem; } + .menu input, + .menu select, + .menu a, + .menu button { + margin-bottom: 0; } + .menu input { + display: inline-block; } + .menu, .menu.horizontal { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-direction: row; + flex-direction: row; } + .menu.vertical { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-direction: column; + flex-direction: column; } + .menu.expanded li { + -ms-flex: 1 1 0px; + flex: 1 1 0px; } + .menu.simple { + -ms-flex-align: center; + align-items: center; } + .menu.simple li + li { + margin-left: 1rem; } + .menu.simple a { + padding: 0; } + @media print, screen and (min-width: 40em) { + .menu.medium-horizontal { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-direction: row; + flex-direction: row; } + .menu.medium-vertical { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-direction: column; + flex-direction: column; } + .menu.medium-expanded li { + -ms-flex: 1 1 0px; + flex: 1 1 0px; } + .menu.medium-simple li { + -ms-flex: 1 1 0px; + flex: 1 1 0px; } } + @media print, screen and (min-width: 64em) { + .menu.large-horizontal { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-direction: row; + flex-direction: row; } + .menu.large-vertical { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-direction: column; + flex-direction: column; } + .menu.large-expanded li { + -ms-flex: 1 1 0px; + flex: 1 1 0px; } + .menu.large-simple li { + -ms-flex: 1 1 0px; + flex: 1 1 0px; } } + .menu.nested { + margin-right: 0; + margin-left: 1rem; } + .menu.icons a { + display: -ms-flexbox; + display: flex; } + .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { + display: -ms-flexbox; + display: flex; } + .menu.icon-left li a { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; } + .menu.icon-left li a img, + .menu.icon-left li a i, + .menu.icon-left li a svg { + margin-right: 0.25rem; } + .menu.icon-right li a { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; } + .menu.icon-right li a img, + .menu.icon-right li a i, + .menu.icon-right li a svg { + margin-left: 0.25rem; } + .menu.icon-top li a { + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; } + .menu.icon-top li a img, + .menu.icon-top li a i, + .menu.icon-top li a svg { + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; + margin-bottom: 0.25rem; + text-align: center; } + .menu.icon-bottom li a { + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; } + .menu.icon-bottom li a img, + .menu.icon-bottom li a i, + .menu.icon-bottom li a svg { + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; + margin-bottom: 0.25rem; + text-align: center; } + .menu .is-active > a { + background: #1779ba; + color: #fefefe; } + .menu .active > a { + background: #1779ba; + color: #fefefe; } + .menu.align-left { + -ms-flex-pack: start; + justify-content: flex-start; } + .menu.align-right li { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; } + .menu.align-right li .submenu li { + -ms-flex-pack: start; + justify-content: flex-start; } + .menu.align-right.vertical li { + display: block; + text-align: right; } + .menu.align-right.vertical li .submenu li { + text-align: right; } + .menu.align-right .nested { + margin-right: 1rem; + margin-left: 0; } + .menu.align-center li { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; } + .menu.align-center li .submenu li { + -ms-flex-pack: start; + justify-content: flex-start; } + .menu .menu-text { + padding: 0.7rem 1rem; + font-weight: bold; + line-height: 1; + color: inherit; } + +.menu-centered > .menu { + -ms-flex-pack: center; + justify-content: center; } + .menu-centered > .menu li { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; } + .menu-centered > .menu li .submenu li { + -ms-flex-pack: start; + justify-content: flex-start; } + +.no-js [data-responsive-menu] ul { + display: none; } + +.menu-icon { + position: relative; + display: inline-block; + vertical-align: middle; + width: 20px; + height: 16px; + cursor: pointer; } + .menu-icon::after { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 2px; + background: #fefefe; + box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; + content: ''; } + .menu-icon:hover::after { + background: #cacaca; + box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; } + +.menu-icon.dark { + position: relative; + display: inline-block; + vertical-align: middle; + width: 20px; + height: 16px; + cursor: pointer; } + .menu-icon.dark::after { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 2px; + background: #0a0a0a; + box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; + content: ''; } + .menu-icon.dark:hover::after { + background: #8a8a8a; + box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } + +.is-drilldown { + position: relative; + overflow: hidden; } + .is-drilldown li { + display: block; } + .is-drilldown.animate-height { + transition: height 0.5s; } + +.drilldown a { + padding: 0.7rem 1rem; + background: #fefefe; } + +.drilldown .is-drilldown-submenu { + position: absolute; + top: 0; + left: 100%; + z-index: -1; + width: 100%; + background: #fefefe; + transition: transform 0.15s linear; } + .drilldown .is-drilldown-submenu.is-active { + z-index: 1; + display: block; + -ms-transform: translateX(-100%); + transform: translateX(-100%); } + .drilldown .is-drilldown-submenu.is-closing { + -ms-transform: translateX(100%); + transform: translateX(100%); } + .drilldown .is-drilldown-submenu a { + padding: 0.7rem 1rem; } + +.drilldown .nested.is-drilldown-submenu { + margin-right: 0; + margin-left: 0; } + +.drilldown .drilldown-submenu-cover-previous { + min-height: 100%; } + +.drilldown .is-drilldown-submenu-parent > a { + position: relative; } + .drilldown .is-drilldown-submenu-parent > a::after { + position: absolute; + top: 50%; + margin-top: -6px; + right: 1rem; + display: block; + width: 0; + height: 0; + border: inset 6px; + content: ''; + border-right-width: 0; + border-left-style: solid; + border-color: transparent transparent transparent #1779ba; } + +.drilldown.align-left .is-drilldown-submenu-parent > a::after { + left: auto; + right: 1rem; + display: block; + width: 0; + height: 0; + border: inset 6px; + content: ''; + border-right-width: 0; + border-left-style: solid; + border-color: transparent transparent transparent #1779ba; } + +.drilldown.align-right .is-drilldown-submenu-parent > a::after { + right: auto; + left: 1rem; + display: block; + width: 0; + height: 0; + border: inset 6px; + content: ''; + border-left-width: 0; + border-right-style: solid; + border-color: transparent #1779ba transparent transparent; } + +.drilldown .js-drilldown-back > a::before { + display: block; + width: 0; + height: 0; + border: inset 6px; + content: ''; + border-left-width: 0; + border-right-style: solid; + border-color: transparent #1779ba transparent transparent; + border-left-width: 0; + display: inline-block; + vertical-align: middle; + margin-right: 0.75rem; + border-left-width: 0; } + +.dropdown-pane { + position: absolute; + z-index: 10; + width: 300px; + padding: 1rem; + visibility: hidden; + display: none; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + font-size: 1rem; } + .dropdown-pane.is-opening { + display: block; } + .dropdown-pane.is-open { + visibility: visible; + display: block; } + +.dropdown-pane.tiny { + width: 100px; } + +.dropdown-pane.small { + width: 200px; } + +.dropdown-pane.large { + width: 400px; } + +.dropdown.menu > li.opens-left > .is-dropdown-submenu { + top: 100%; + right: 0; + left: auto; } + +.dropdown.menu > li.opens-right > .is-dropdown-submenu { + top: 100%; + right: auto; + left: 0; } + +.dropdown.menu > li.is-dropdown-submenu-parent > a { + position: relative; + padding-right: 1.5rem; } + +.dropdown.menu > li.is-dropdown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border: inset 6px; + content: ''; + border-bottom-width: 0; + border-top-style: solid; + border-color: #1779ba transparent transparent; + right: 5px; + left: auto; + margin-top: -3px; } + +.dropdown.menu a { + padding: 0.7rem 1rem; } + [data-whatinput='mouse'] .dropdown.menu a { + outline: 0; } + +.dropdown.menu .is-active > a { + background: transparent; + color: #1779ba; } + +.no-js .dropdown.menu ul { + display: none; } + +.dropdown.menu .nested.is-dropdown-submenu { + margin-right: 0; + margin-left: 0; } + +.dropdown.menu.vertical > li .is-dropdown-submenu { + top: 0; } + +.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { + right: 100%; + left: auto; + top: 0; } + +.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; } + +.dropdown.menu.vertical > li > a::after { + right: 14px; } + +.dropdown.menu.vertical > li.opens-left > a::after { + right: auto; + left: 5px; + display: block; + width: 0; + height: 0; + border: inset 6px; + content: ''; + border-left-width: 0; + border-right-style: solid; + border-color: transparent #1779ba transparent transparent; } + +.dropdown.menu.vertical > li.opens-right > a::after { + display: block; + width: 0; + height: 0; + border: inset 6px; + content: ''; + border-right-width: 0; + border-left-style: solid; + border-color: transparent transparent transparent #1779ba; } + +@media print, screen and (min-width: 40em) { + .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { + top: 100%; + right: 0; + left: auto; } + .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { + top: 100%; + right: auto; + left: 0; } + .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { + position: relative; + padding-right: 1.5rem; } + .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border: inset 6px; + content: ''; + border-bottom-width: 0; + border-top-style: solid; + border-color: #1779ba transparent transparent; + right: 5px; + left: auto; + margin-top: -3px; } + .dropdown.menu.medium-vertical > li .is-dropdown-submenu { + top: 0; } + .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { + right: 100%; + left: auto; + top: 0; } + .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; } + .dropdown.menu.medium-vertical > li > a::after { + right: 14px; } + .dropdown.menu.medium-vertical > li.opens-left > a::after { + right: auto; + left: 5px; + display: block; + width: 0; + height: 0; + border: inset 6px; + content: ''; + border-left-width: 0; + border-right-style: solid; + border-color: transparent #1779ba transparent transparent; } + .dropdown.menu.medium-vertical > li.opens-right > a::after { + display: block; + width: 0; + height: 0; + border: inset 6px; + content: ''; + border-right-width: 0; + border-left-style: solid; + border-color: transparent transparent transparent #1779ba; } } + +@media print, screen and (min-width: 64em) { + .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { + top: 100%; + right: 0; + left: auto; } + .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { + top: 100%; + right: auto; + left: 0; } + .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { + position: relative; + padding-right: 1.5rem; } + .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border: inset 6px; + content: ''; + border-bottom-width: 0; + border-top-style: solid; + border-color: #1779ba transparent transparent; + right: 5px; + left: auto; + margin-top: -3px; } + .dropdown.menu.large-vertical > li .is-dropdown-submenu { + top: 0; } + .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { + right: 100%; + left: auto; + top: 0; } + .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; } + .dropdown.menu.large-vertical > li > a::after { + right: 14px; } + .dropdown.menu.large-vertical > li.opens-left > a::after { + right: auto; + left: 5px; + display: block; + width: 0; + height: 0; + border: inset 6px; + content: ''; + border-left-width: 0; + border-right-style: solid; + border-color: transparent #1779ba transparent transparent; } + .dropdown.menu.large-vertical > li.opens-right > a::after { + display: block; + width: 0; + height: 0; + border: inset 6px; + content: ''; + border-right-width: 0; + border-left-style: solid; + border-color: transparent transparent transparent #1779ba; } } + +.dropdown.menu.align-right .is-dropdown-submenu.first-sub { + top: 100%; + right: 0; + left: auto; } + +.is-dropdown-menu.vertical { + width: 100px; } + .is-dropdown-menu.vertical.align-right { + float: right; } + +.is-dropdown-submenu-parent { + position: relative; } + .is-dropdown-submenu-parent a::after { + position: absolute; + top: 50%; + right: 5px; + left: auto; + margin-top: -6px; } + .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { + top: 100%; + left: auto; } + .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { + right: 100%; + left: auto; } + .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; } + +.is-dropdown-submenu { + position: absolute; + top: 0; + left: 100%; + z-index: 1; + display: none; + min-width: 200px; + border: 1px solid #cacaca; + background: #fefefe; } + .dropdown .is-dropdown-submenu a { + padding: 0.7rem 1rem; } + .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { + right: 14px; } + .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { + right: auto; + left: 5px; + display: block; + width: 0; + height: 0; + border: inset 6px; + content: ''; + border-left-width: 0; + border-right-style: solid; + border-color: transparent #1779ba transparent transparent; } + .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { + display: block; + width: 0; + height: 0; + border: inset 6px; + content: ''; + border-right-width: 0; + border-left-style: solid; + border-color: transparent transparent transparent #1779ba; } + .is-dropdown-submenu .is-dropdown-submenu { + margin-top: -1px; } + .is-dropdown-submenu > li { + width: 100%; } + .is-dropdown-submenu.js-dropdown-active { + display: block; } + +.responsive-embed, +.flex-video { + position: relative; + height: 0; + margin-bottom: 1rem; + padding-bottom: 75%; + overflow: hidden; } + .responsive-embed iframe, + .responsive-embed object, + .responsive-embed embed, + .responsive-embed video, + .flex-video iframe, + .flex-video object, + .flex-video embed, + .flex-video video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } + .responsive-embed.widescreen, + .flex-video.widescreen { + padding-bottom: 56.25%; } + +.label { + display: inline-block; + padding: 0.33333rem 0.5rem; + border-radius: 0; + font-size: 0.8rem; + line-height: 1; + white-space: nowrap; + cursor: default; + background: #1779ba; + color: #fefefe; } + .label.primary { + background: #1779ba; + color: #fefefe; } + .label.secondary { + background: #767676; + color: #fefefe; } + .label.success { + background: #3adb76; + color: #0a0a0a; } + .label.warning { + background: #ffae00; + color: #0a0a0a; } + .label.alert { + background: #cc4b37; + color: #fefefe; } + +.media-object { + display: -ms-flexbox; + display: flex; + margin-bottom: 1rem; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + .media-object img { + max-width: none; } + @media screen and (max-width: 39.9375em) { + .media-object.stack-for-small { + -ms-flex-wrap: wrap; + flex-wrap: wrap; } } + @media screen and (max-width: 39.9375em) { + .media-object.stack-for-small .media-object-section { + padding: 0; + padding-bottom: 1rem; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; } + .media-object.stack-for-small .media-object-section img { + width: 100%; } } + +.media-object-section { + -ms-flex: 0 1 auto; + flex: 0 1 auto; } + .media-object-section:first-child { + padding-right: 1rem; } + .media-object-section:last-child:not(:nth-child(2)) { + padding-left: 1rem; } + .media-object-section > :last-child { + margin-bottom: 0; } + .media-object-section.main-section { + -ms-flex: 1 1 0px; + flex: 1 1 0px; } + +.is-off-canvas-open { + overflow: hidden; } + +.js-off-canvas-overlay { + position: absolute; + top: 0; + left: 0; + z-index: 11; + width: 100%; + height: 100%; + transition: opacity 0.5s ease, visibility 0.5s ease; + background: rgba(254, 254, 254, 0.25); + opacity: 0; + visibility: hidden; + overflow: hidden; } + .js-off-canvas-overlay.is-visible { + opacity: 1; + visibility: visible; } + .js-off-canvas-overlay.is-closable { + cursor: pointer; } + .js-off-canvas-overlay.is-overlay-absolute { + position: absolute; } + .js-off-canvas-overlay.is-overlay-fixed { + position: fixed; } + +.off-canvas-wrapper { + position: relative; + overflow: hidden; } + +.off-canvas { + position: fixed; + z-index: 12; + transition: transform 0.5s ease; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + background: #e6e6e6; } + [data-whatinput='mouse'] .off-canvas { + outline: 0; } + .off-canvas.is-transition-push { + z-index: 12; } + .off-canvas.is-closed { + visibility: hidden; } + .off-canvas.is-transition-overlap { + z-index: 13; } + .off-canvas.is-transition-overlap.is-open { + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } + .off-canvas.is-open { + -ms-transform: translate(0, 0); + transform: translate(0, 0); } + +.off-canvas-absolute { + position: absolute; + z-index: 12; + transition: transform 0.5s ease; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + background: #e6e6e6; } + [data-whatinput='mouse'] .off-canvas-absolute { + outline: 0; } + .off-canvas-absolute.is-transition-push { + z-index: 12; } + .off-canvas-absolute.is-closed { + visibility: hidden; } + .off-canvas-absolute.is-transition-overlap { + z-index: 13; } + .off-canvas-absolute.is-transition-overlap.is-open { + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } + .off-canvas-absolute.is-open { + -ms-transform: translate(0, 0); + transform: translate(0, 0); } + +.position-left { + top: 0; + left: 0; + height: 100%; + overflow-y: auto; + width: 250px; + -ms-transform: translateX(-250px); + transform: translateX(-250px); } + .off-canvas-content .off-canvas.position-left { + -ms-transform: translateX(-250px); + transform: translateX(-250px); } + .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { + -ms-transform: translate(0, 0); + transform: translate(0, 0); } + .off-canvas-content.is-open-left.has-transition-push { + -ms-transform: translateX(250px); + transform: translateX(250px); } + .position-left.is-transition-push { + box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); } + +.position-right { + top: 0; + right: 0; + height: 100%; + overflow-y: auto; + width: 250px; + -ms-transform: translateX(250px); + transform: translateX(250px); } + .off-canvas-content .off-canvas.position-right { + -ms-transform: translateX(250px); + transform: translateX(250px); } + .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { + -ms-transform: translate(0, 0); + transform: translate(0, 0); } + .off-canvas-content.is-open-right.has-transition-push { + -ms-transform: translateX(-250px); + transform: translateX(-250px); } + .position-right.is-transition-push { + box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); } + +.position-top { + top: 0; + left: 0; + width: 100%; + overflow-x: auto; + height: 250px; + -ms-transform: translateY(-250px); + transform: translateY(-250px); } + .off-canvas-content .off-canvas.position-top { + -ms-transform: translateY(-250px); + transform: translateY(-250px); } + .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { + -ms-transform: translate(0, 0); + transform: translate(0, 0); } + .off-canvas-content.is-open-top.has-transition-push { + -ms-transform: translateY(250px); + transform: translateY(250px); } + .position-top.is-transition-push { + box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); } + +.position-bottom { + bottom: 0; + left: 0; + width: 100%; + overflow-x: auto; + height: 250px; + -ms-transform: translateY(250px); + transform: translateY(250px); } + .off-canvas-content .off-canvas.position-bottom { + -ms-transform: translateY(250px); + transform: translateY(250px); } + .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { + -ms-transform: translate(0, 0); + transform: translate(0, 0); } + .off-canvas-content.is-open-bottom.has-transition-push { + -ms-transform: translateY(-250px); + transform: translateY(-250px); } + .position-bottom.is-transition-push { + box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); } + +.off-canvas-content { + -ms-transform: none; + transform: none; + transition: transform 0.5s ease; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } + .off-canvas-content.has-transition-push { + -ms-transform: translate(0, 0); + transform: translate(0, 0); } + .off-canvas-content .off-canvas.is-open { + -ms-transform: translate(0, 0); + transform: translate(0, 0); } + +@media print, screen and (min-width: 40em) { + .position-left.reveal-for-medium { + -ms-transform: none; + transform: none; + z-index: 12; + transition: none; + visibility: visible; } + .position-left.reveal-for-medium .close-button { + display: none; } + .off-canvas-content .position-left.reveal-for-medium { + -ms-transform: none; + transform: none; } + .off-canvas-content.has-reveal-left { + margin-left: 250px; } + .position-left.reveal-for-medium ~ .off-canvas-content { + margin-left: 250px; } + .position-right.reveal-for-medium { + -ms-transform: none; + transform: none; + z-index: 12; + transition: none; + visibility: visible; } + .position-right.reveal-for-medium .close-button { + display: none; } + .off-canvas-content .position-right.reveal-for-medium { + -ms-transform: none; + transform: none; } + .off-canvas-content.has-reveal-right { + margin-right: 250px; } + .position-right.reveal-for-medium ~ .off-canvas-content { + margin-right: 250px; } + .position-top.reveal-for-medium { + -ms-transform: none; + transform: none; + z-index: 12; + transition: none; + visibility: visible; } + .position-top.reveal-for-medium .close-button { + display: none; } + .off-canvas-content .position-top.reveal-for-medium { + -ms-transform: none; + transform: none; } + .off-canvas-content.has-reveal-top { + margin-top: 250px; } + .position-top.reveal-for-medium ~ .off-canvas-content { + margin-top: 250px; } + .position-bottom.reveal-for-medium { + -ms-transform: none; + transform: none; + z-index: 12; + transition: none; + visibility: visible; } + .position-bottom.reveal-for-medium .close-button { + display: none; } + .off-canvas-content .position-bottom.reveal-for-medium { + -ms-transform: none; + transform: none; } + .off-canvas-content.has-reveal-bottom { + margin-bottom: 250px; } + .position-bottom.reveal-for-medium ~ .off-canvas-content { + margin-bottom: 250px; } } + +@media print, screen and (min-width: 64em) { + .position-left.reveal-for-large { + -ms-transform: none; + transform: none; + z-index: 12; + transition: none; + visibility: visible; } + .position-left.reveal-for-large .close-button { + display: none; } + .off-canvas-content .position-left.reveal-for-large { + -ms-transform: none; + transform: none; } + .off-canvas-content.has-reveal-left { + margin-left: 250px; } + .position-left.reveal-for-large ~ .off-canvas-content { + margin-left: 250px; } + .position-right.reveal-for-large { + -ms-transform: none; + transform: none; + z-index: 12; + transition: none; + visibility: visible; } + .position-right.reveal-for-large .close-button { + display: none; } + .off-canvas-content .position-right.reveal-for-large { + -ms-transform: none; + transform: none; } + .off-canvas-content.has-reveal-right { + margin-right: 250px; } + .position-right.reveal-for-large ~ .off-canvas-content { + margin-right: 250px; } + .position-top.reveal-for-large { + -ms-transform: none; + transform: none; + z-index: 12; + transition: none; + visibility: visible; } + .position-top.reveal-for-large .close-button { + display: none; } + .off-canvas-content .position-top.reveal-for-large { + -ms-transform: none; + transform: none; } + .off-canvas-content.has-reveal-top { + margin-top: 250px; } + .position-top.reveal-for-large ~ .off-canvas-content { + margin-top: 250px; } + .position-bottom.reveal-for-large { + -ms-transform: none; + transform: none; + z-index: 12; + transition: none; + visibility: visible; } + .position-bottom.reveal-for-large .close-button { + display: none; } + .off-canvas-content .position-bottom.reveal-for-large { + -ms-transform: none; + transform: none; } + .off-canvas-content.has-reveal-bottom { + margin-bottom: 250px; } + .position-bottom.reveal-for-large ~ .off-canvas-content { + margin-bottom: 250px; } } + +@media print, screen and (min-width: 40em) { + .off-canvas.in-canvas-for-medium { + visibility: visible; + height: auto; + position: static; + background: inherit; + width: inherit; + overflow: inherit; + transition: inherit; } + .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { + box-shadow: none; + -ms-transform: none; + transform: none; } + .off-canvas.in-canvas-for-medium .close-button { + display: none; } } + +@media print, screen and (min-width: 64em) { + .off-canvas.in-canvas-for-large { + visibility: visible; + height: auto; + position: static; + background: inherit; + width: inherit; + overflow: inherit; + transition: inherit; } + .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { + box-shadow: none; + -ms-transform: none; + transform: none; } + .off-canvas.in-canvas-for-large .close-button { + display: none; } } + +.orbit { + position: relative; } + +.orbit-container { + position: relative; + height: 0; + margin: 0; + list-style: none; + overflow: hidden; } + +.orbit-slide { + width: 100%; } + .orbit-slide.no-motionui.is-active { + top: 0; + left: 0; } + +.orbit-figure { + margin: 0; } + +.orbit-image { + width: 100%; + max-width: 100%; + margin: 0; } + +.orbit-caption { + position: absolute; + bottom: 0; + width: 100%; + margin-bottom: 0; + padding: 1rem; + background-color: rgba(10, 10, 10, 0.5); + color: #fefefe; } + +.orbit-previous, .orbit-next { + position: absolute; + top: 50%; + -ms-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 10; + padding: 1rem; + color: #fefefe; } + [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { + outline: 0; } + .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { + background-color: rgba(10, 10, 10, 0.5); } + +.orbit-previous { + left: 0; } + +.orbit-next { + left: auto; + right: 0; } + +.orbit-bullets { + position: relative; + margin-top: 0.8rem; + margin-bottom: 0.8rem; + text-align: center; } + [data-whatinput='mouse'] .orbit-bullets { + outline: 0; } + .orbit-bullets button { + width: 1.2rem; + height: 1.2rem; + margin: 0.1rem; + border-radius: 50%; + background-color: #cacaca; } + .orbit-bullets button:hover { + background-color: #8a8a8a; } + .orbit-bullets button.is-active { + background-color: #8a8a8a; } + +.pagination { + margin-left: 0; + margin-bottom: 1rem; } + .pagination::before, .pagination::after { + display: table; + content: ' '; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-order: 1; + order: 1; } + .pagination::after { + clear: both; } + .pagination li { + margin-right: 0.0625rem; + border-radius: 0; + font-size: 0.875rem; + display: none; } + .pagination li:last-child, .pagination li:first-child { + display: inline-block; } + @media print, screen and (min-width: 40em) { + .pagination li { + display: inline-block; } } + .pagination a, + .pagination button { + display: block; + padding: 0.1875rem 0.625rem; + border-radius: 0; + color: #0a0a0a; } + .pagination a:hover, + .pagination button:hover { + background: #e6e6e6; } + .pagination .current { + padding: 0.1875rem 0.625rem; + background: #1779ba; + color: #fefefe; + cursor: default; } + .pagination .disabled { + padding: 0.1875rem 0.625rem; + color: #cacaca; + cursor: not-allowed; } + .pagination .disabled:hover { + background: transparent; } + .pagination .ellipsis::after { + padding: 0.1875rem 0.625rem; + content: '\2026'; + color: #0a0a0a; } + +.pagination-previous a::before, +.pagination-previous.disabled::before { + display: inline-block; + margin-right: 0.5rem; + content: '\00ab'; } + +.pagination-next a::after, +.pagination-next.disabled::after { + display: inline-block; + margin-left: 0.5rem; + content: '\00bb'; } + +.progress { + height: 1rem; + margin-bottom: 1rem; + border-radius: 0; + background-color: #cacaca; } + .progress.primary .progress-meter { + background-color: #1779ba; } + .progress.secondary .progress-meter { + background-color: #767676; } + .progress.success .progress-meter { + background-color: #3adb76; } + .progress.warning .progress-meter { + background-color: #ffae00; } + .progress.alert .progress-meter { + background-color: #cc4b37; } + +.progress-meter { + position: relative; + display: block; + width: 0%; + height: 100%; + background-color: #1779ba; } + +.progress-meter-text { + position: absolute; + top: 50%; + left: 50%; + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + position: absolute; + margin: 0; + font-size: 0.75rem; + font-weight: bold; + color: #fefefe; + white-space: nowrap; } + +body.is-reveal-open { + overflow: hidden; } + +html.is-reveal-open, +html.is-reveal-open body { + min-height: 100%; + overflow: hidden; + position: fixed; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.reveal-overlay { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1005; + display: none; + background-color: rgba(10, 10, 10, 0.45); + overflow-y: scroll; } + +.reveal { + z-index: 1006; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + display: none; + padding: 1rem; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + position: relative; + top: 100px; + margin-right: auto; + margin-left: auto; + overflow-y: auto; } + [data-whatinput='mouse'] .reveal { + outline: 0; } + @media print, screen and (min-width: 40em) { + .reveal { + min-height: 0; } } + .reveal .column { + min-width: 0; } + .reveal > :last-child { + margin-bottom: 0; } + @media print, screen and (min-width: 40em) { + .reveal { + width: 600px; + max-width: 75rem; } } + .reveal.collapse { + padding: 0; } + @media print, screen and (min-width: 40em) { + .reveal.tiny { + width: 30%; + max-width: 75rem; } } + @media print, screen and (min-width: 40em) { + .reveal.small { + width: 50%; + max-width: 75rem; } } + @media print, screen and (min-width: 40em) { + .reveal.large { + width: 90%; + max-width: 75rem; } } + .reveal.full { + top: 0; + left: 0; + width: 100%; + max-width: none; + height: 100%; + height: 100vh; + min-height: 100vh; + margin-left: 0; + border: 0; + border-radius: 0; } + @media screen and (max-width: 39.9375em) { + .reveal { + top: 0; + left: 0; + width: 100%; + max-width: none; + height: 100%; + height: 100vh; + min-height: 100vh; + margin-left: 0; + border: 0; + border-radius: 0; } } + .reveal.without-overlay { + position: fixed; } + +.slider { + position: relative; + height: 0.5rem; + margin-top: 1.25rem; + margin-bottom: 2.25rem; + background-color: #e6e6e6; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -ms-touch-action: none; + touch-action: none; } + +.slider-fill { + position: absolute; + top: 0; + left: 0; + display: inline-block; + max-width: 100%; + height: 0.5rem; + background-color: #cacaca; + transition: all 0.2s ease-in-out; } + .slider-fill.is-dragging { + transition: all 0s linear; } + +.slider-handle { + position: absolute; + top: 50%; + -ms-transform: translateY(-50%); + transform: translateY(-50%); + left: 0; + z-index: 1; + display: inline-block; + width: 1.4rem; + height: 1.4rem; + border-radius: 0; + background-color: #1779ba; + transition: all 0.2s ease-in-out; + -ms-touch-action: manipulation; + touch-action: manipulation; } + [data-whatinput='mouse'] .slider-handle { + outline: 0; } + .slider-handle:hover { + background-color: #14679e; } + .slider-handle.is-dragging { + transition: all 0s linear; } + +.slider.disabled, +.slider[disabled] { + opacity: 0.25; + cursor: not-allowed; } + +.slider.vertical { + display: inline-block; + width: 0.5rem; + height: 12.5rem; + margin: 0 1.25rem; + -ms-transform: scale(1, -1); + transform: scale(1, -1); } + .slider.vertical .slider-fill { + top: 0; + width: 0.5rem; + max-height: 100%; } + .slider.vertical .slider-handle { + position: absolute; + top: 0; + left: 50%; + width: 1.4rem; + height: 1.4rem; + -ms-transform: translateX(-50%); + transform: translateX(-50%); } + +.sticky-container { + position: relative; } + +.sticky { + position: relative; + z-index: 0; + transform: translate3d(0, 0, 0); } + +.sticky.is-stuck { + position: fixed; + z-index: 5; + width: 100%; } + .sticky.is-stuck.is-at-top { + top: 0; } + .sticky.is-stuck.is-at-bottom { + bottom: 0; } + +.sticky.is-anchored { + position: relative; + right: auto; + left: auto; } + .sticky.is-anchored.is-at-bottom { + bottom: 0; } + +.switch { + height: 2rem; + position: relative; + margin-bottom: 1rem; + outline: 0; + font-size: 0.875rem; + font-weight: bold; + color: #fefefe; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.switch-input { + position: absolute; + margin-bottom: 0; + opacity: 0; } + +.switch-paddle { + position: relative; + display: block; + width: 4rem; + height: 2rem; + border-radius: 0; + background: #cacaca; + transition: all 0.25s ease-out; + font-weight: inherit; + color: inherit; + cursor: pointer; } + input + .switch-paddle { + margin: 0; } + .switch-paddle::after { + position: absolute; + top: 0.25rem; + left: 0.25rem; + display: block; + width: 1.5rem; + height: 1.5rem; + transform: translate3d(0, 0, 0); + border-radius: 0; + background: #fefefe; + transition: all 0.25s ease-out; + content: ''; } + input:checked ~ .switch-paddle { + background: #1779ba; } + input:checked ~ .switch-paddle::after { + left: 2.25rem; } + [data-whatinput='mouse'] input:focus ~ .switch-paddle { + outline: 0; } + +.switch-active, .switch-inactive { + position: absolute; + top: 50%; + -ms-transform: translateY(-50%); + transform: translateY(-50%); } + +.switch-active { + left: 8%; + display: none; } + input:checked + label > .switch-active { + display: block; } + +.switch-inactive { + right: 15%; } + input:checked + label > .switch-inactive { + display: none; } + +.switch.tiny { + height: 1.5rem; } + .switch.tiny .switch-paddle { + width: 3rem; + height: 1.5rem; + font-size: 0.625rem; } + .switch.tiny .switch-paddle::after { + top: 0.25rem; + left: 0.25rem; + width: 1rem; + height: 1rem; } + .switch.tiny input:checked ~ .switch-paddle::after { + left: 1.75rem; } + +.switch.small { + height: 1.75rem; } + .switch.small .switch-paddle { + width: 3.5rem; + height: 1.75rem; + font-size: 0.75rem; } + .switch.small .switch-paddle::after { + top: 0.25rem; + left: 0.25rem; + width: 1.25rem; + height: 1.25rem; } + .switch.small input:checked ~ .switch-paddle::after { + left: 2rem; } + +.switch.large { + height: 2.5rem; } + .switch.large .switch-paddle { + width: 5rem; + height: 2.5rem; + font-size: 1rem; } + .switch.large .switch-paddle::after { + top: 0.25rem; + left: 0.25rem; + width: 2rem; + height: 2rem; } + .switch.large input:checked ~ .switch-paddle::after { + left: 2.75rem; } + +table { + border-collapse: collapse; + width: 100%; + margin-bottom: 1rem; + border-radius: 0; } + table thead, + table tbody, + table tfoot { + border: 1px solid #f1f1f1; + background-color: #fefefe; } + table caption { + padding: 0.5rem 0.625rem 0.625rem; + font-weight: bold; } + table thead { + background: #f8f8f8; + color: #0a0a0a; } + table tfoot { + background: #f1f1f1; + color: #0a0a0a; } + table thead tr, + table tfoot tr { + background: transparent; } + table thead th, + table thead td, + table tfoot th, + table tfoot td { + padding: 0.5rem 0.625rem 0.625rem; + font-weight: bold; + text-align: left; } + table tbody th, + table tbody td { + padding: 0.5rem 0.625rem 0.625rem; } + table tbody tr:nth-child(even) { + border-bottom: 0; + background-color: #f1f1f1; } + table.unstriped tbody { + background-color: #fefefe; } + table.unstriped tbody tr { + border-bottom: 0; + border-bottom: 1px solid #f1f1f1; + background-color: #fefefe; } + +@media screen and (max-width: 63.9375em) { + table.stack thead { + display: none; } + table.stack tfoot { + display: none; } + table.stack tr, + table.stack th, + table.stack td { + display: block; } + table.stack td { + border-top: 0; } } + +table.scroll { + display: block; + width: 100%; + overflow-x: auto; } + +table.hover thead tr:hover { + background-color: #f3f3f3; } + +table.hover tfoot tr:hover { + background-color: #ececec; } + +table.hover tbody tr:hover { + background-color: #f9f9f9; } + +table.hover:not(.unstriped) tr:nth-of-type(even):hover { + background-color: #ececec; } + +.table-scroll { + overflow-x: auto; } + .table-scroll table { + width: auto; } + +.tabs { + margin: 0; + border: 1px solid #e6e6e6; + background: #fefefe; + list-style-type: none; } + .tabs::before, .tabs::after { + display: table; + content: ' '; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-order: 1; + order: 1; } + .tabs::after { + clear: both; } + +.tabs.vertical > li { + display: block; + float: none; + width: auto; } + +.tabs.simple > li > a { + padding: 0; } + .tabs.simple > li > a:hover { + background: transparent; } + +.tabs.primary { + background: #1779ba; } + .tabs.primary > li > a { + color: #fefefe; } + .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { + background: #1673b1; } + +.tabs-title { + float: left; } + .tabs-title > a { + display: block; + padding: 1.25rem 1.5rem; + font-size: 0.75rem; + line-height: 1; + color: #1779ba; } + .tabs-title > a:hover { + background: #fefefe; + color: #1468a0; } + .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { + background: #e6e6e6; + color: #1779ba; } + +.tabs-content { + border: 1px solid #e6e6e6; + border-top: 0; + background: #fefefe; + color: #0a0a0a; + transition: all 0.5s ease; } + +.tabs-content.vertical { + border: 1px solid #e6e6e6; + border-left: 0; } + +.tabs-panel { + display: none; + padding: 1rem; } + .tabs-panel.is-active { + display: block; } + +.thumbnail { + display: inline-block; + max-width: 100%; + margin-bottom: 1rem; + border: solid 4px #fefefe; + border-radius: 0; + box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); + line-height: 0; } + +a.thumbnail { + transition: box-shadow 200ms ease-out; } + a.thumbnail:hover, a.thumbnail:focus { + box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); } + a.thumbnail image { + box-shadow: none; } + +.title-bar { + padding: 0.5rem; + background: #0a0a0a; + color: #fefefe; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-align: center; + align-items: center; } + .title-bar .menu-icon { + margin-left: 0.25rem; + margin-right: 0.25rem; } + +.title-bar-left, +.title-bar-right { + -ms-flex: 1 1 0px; + flex: 1 1 0px; } + +.title-bar-right { + text-align: right; } + +.title-bar-title { + display: inline-block; + vertical-align: middle; + font-weight: bold; } + +.has-tip { + position: relative; + display: inline-block; + border-bottom: dotted 1px #8a8a8a; + font-weight: bold; + cursor: help; } + +.tooltip { + position: absolute; + top: calc(100% + 0.6495rem); + z-index: 1200; + max-width: 10rem; + padding: 0.75rem; + border-radius: 0; + background-color: #0a0a0a; + font-size: 80%; + color: #fefefe; } + .tooltip::before { + position: absolute; } + .tooltip.bottom::before { + display: block; + width: 0; + height: 0; + border: inset 0.75rem; + content: ''; + border-top-width: 0; + border-bottom-style: solid; + border-color: transparent transparent #0a0a0a; + bottom: 100%; } + .tooltip.bottom.align-center::before { + left: 50%; + -ms-transform: translateX(-50%); + transform: translateX(-50%); } + .tooltip.top::before { + display: block; + width: 0; + height: 0; + border: inset 0.75rem; + content: ''; + border-bottom-width: 0; + border-top-style: solid; + border-color: #0a0a0a transparent transparent; + top: 100%; + bottom: auto; } + .tooltip.top.align-center::before { + left: 50%; + -ms-transform: translateX(-50%); + transform: translateX(-50%); } + .tooltip.left::before { + display: block; + width: 0; + height: 0; + border: inset 0.75rem; + content: ''; + border-right-width: 0; + border-left-style: solid; + border-color: transparent transparent transparent #0a0a0a; + left: 100%; } + .tooltip.left.align-center::before { + bottom: auto; + top: 50%; + -ms-transform: translateY(-50%); + transform: translateY(-50%); } + .tooltip.right::before { + display: block; + width: 0; + height: 0; + border: inset 0.75rem; + content: ''; + border-left-width: 0; + border-right-style: solid; + border-color: transparent #0a0a0a transparent transparent; + right: 100%; + left: auto; } + .tooltip.right.align-center::before { + bottom: auto; + top: 50%; + -ms-transform: translateY(-50%); + transform: translateY(-50%); } + .tooltip.align-top::before { + bottom: auto; + top: 10%; } + .tooltip.align-bottom::before { + bottom: 10%; + top: auto; } + .tooltip.align-left::before { + left: 10%; + right: auto; } + .tooltip.align-right::before { + left: auto; + right: 10%; } + +.top-bar { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + padding: 0.5rem; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .top-bar, + .top-bar ul { + background-color: #e6e6e6; } + .top-bar input { + max-width: 200px; + margin-right: 1rem; } + .top-bar .input-group-field { + width: 100%; + margin-right: 0; } + .top-bar input.button { + width: auto; } + .top-bar .top-bar-left, + .top-bar .top-bar-right { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } + @media print, screen and (min-width: 40em) { + .top-bar { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + .top-bar .top-bar-left { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + margin-right: auto; } + .top-bar .top-bar-right { + -ms-flex: 0 1 auto; + flex: 0 1 auto; + margin-left: auto; } } + @media screen and (max-width: 63.9375em) { + .top-bar.stacked-for-medium { + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .top-bar.stacked-for-medium .top-bar-left, + .top-bar.stacked-for-medium .top-bar-right { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } } + @media screen and (max-width: 74.9375em) { + .top-bar.stacked-for-large { + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .top-bar.stacked-for-large .top-bar-left, + .top-bar.stacked-for-large .top-bar-right { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } } + +.top-bar-title { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + margin: 0.5rem 1rem 0.5rem 0; } + +.top-bar-left, +.top-bar-right { + -ms-flex: 0 0 auto; + flex: 0 0 auto; } + +.hide { + display: none !important; } + +.invisible { + visibility: hidden; } + +@media screen and (max-width: 39.9375em) { + .hide-for-small-only { + display: none !important; } } + +@media screen and (max-width: 0em), screen and (min-width: 40em) { + .show-for-small-only { + display: none !important; } } + +@media print, screen and (min-width: 40em) { + .hide-for-medium { + display: none !important; } } + +@media screen and (max-width: 39.9375em) { + .show-for-medium { + display: none !important; } } + +@media screen and (min-width: 40em) and (max-width: 63.9375em) { + .hide-for-medium-only { + display: none !important; } } + +@media screen and (max-width: 39.9375em), screen and (min-width: 64em) { + .show-for-medium-only { + display: none !important; } } + +@media print, screen and (min-width: 64em) { + .hide-for-large { + display: none !important; } } + +@media screen and (max-width: 63.9375em) { + .show-for-large { + display: none !important; } } + +@media screen and (min-width: 64em) and (max-width: 74.9375em) { + .hide-for-large-only { + display: none !important; } } + +@media screen and (max-width: 63.9375em), screen and (min-width: 75em) { + .show-for-large-only { + display: none !important; } } + +.show-for-sr, +.show-on-focus { + position: absolute !important; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + border: 0; } + +.show-on-focus:active, .show-on-focus:focus { + position: static !important; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; + -webkit-clip-path: none; + clip-path: none; } + +.show-for-landscape, +.hide-for-portrait { + display: block !important; } + @media screen and (orientation: landscape) { + .show-for-landscape, + .hide-for-portrait { + display: block !important; } } + @media screen and (orientation: portrait) { + .show-for-landscape, + .hide-for-portrait { + display: none !important; } } + +.hide-for-landscape, +.show-for-portrait { + display: none !important; } + @media screen and (orientation: landscape) { + .hide-for-landscape, + .show-for-portrait { + display: none !important; } } + @media screen and (orientation: portrait) { + .hide-for-landscape, + .show-for-portrait { + display: block !important; } } + +.float-left { + float: left !important; } + +.float-right { + float: right !important; } + +.float-center { + display: block; + margin-right: auto; + margin-left: auto; } + +.clearfix::before, .clearfix::after { + display: table; + content: ' '; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-order: 1; + order: 1; } + +.clearfix::after { + clear: both; } + +.slide-in-down.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + -ms-transform: translateY(-100%); + transform: translateY(-100%); + transition-property: transform, opacity; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } + +.slide-in-down.mui-enter.mui-enter-active { + -ms-transform: translateY(0); + transform: translateY(0); } + +.slide-in-left.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + -ms-transform: translateX(-100%); + transform: translateX(-100%); + transition-property: transform, opacity; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } + +.slide-in-left.mui-enter.mui-enter-active { + -ms-transform: translateX(0); + transform: translateX(0); } + +.slide-in-up.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + -ms-transform: translateY(100%); + transform: translateY(100%); + transition-property: transform, opacity; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } + +.slide-in-up.mui-enter.mui-enter-active { + -ms-transform: translateY(0); + transform: translateY(0); } + +.slide-in-right.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + -ms-transform: translateX(100%); + transform: translateX(100%); + transition-property: transform, opacity; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } + +.slide-in-right.mui-enter.mui-enter-active { + -ms-transform: translateX(0); + transform: translateX(0); } + +.slide-out-down.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + -ms-transform: translateY(0); + transform: translateY(0); + transition-property: transform, opacity; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } + +.slide-out-down.mui-leave.mui-leave-active { + -ms-transform: translateY(100%); + transform: translateY(100%); } + +.slide-out-right.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + -ms-transform: translateX(0); + transform: translateX(0); + transition-property: transform, opacity; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } + +.slide-out-right.mui-leave.mui-leave-active { + -ms-transform: translateX(100%); + transform: translateX(100%); } + +.slide-out-up.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + -ms-transform: translateY(0); + transform: translateY(0); + transition-property: transform, opacity; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } + +.slide-out-up.mui-leave.mui-leave-active { + -ms-transform: translateY(-100%); + transform: translateY(-100%); } + +.slide-out-left.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + -ms-transform: translateX(0); + transform: translateX(0); + transition-property: transform, opacity; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } + +.slide-out-left.mui-leave.mui-leave-active { + -ms-transform: translateX(-100%); + transform: translateX(-100%); } + +.fade-in.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + opacity: 0; + transition-property: opacity; } + +.fade-in.mui-enter.mui-enter-active { + opacity: 1; } + +.fade-out.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + opacity: 1; + transition-property: opacity; } + +.fade-out.mui-leave.mui-leave-active { + opacity: 0; } + +.hinge-in-from-top.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotateX(-90deg); + -ms-transform-origin: top; + transform-origin: top; + transition-property: transform, opacity; + opacity: 0; } + +.hinge-in-from-top.mui-enter.mui-enter-active { + transform: perspective(2000px) rotate(0deg); + opacity: 1; } + +.hinge-in-from-right.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotateY(-90deg); + -ms-transform-origin: right; + transform-origin: right; + transition-property: transform, opacity; + opacity: 0; } + +.hinge-in-from-right.mui-enter.mui-enter-active { + transform: perspective(2000px) rotate(0deg); + opacity: 1; } + +.hinge-in-from-bottom.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotateX(90deg); + -ms-transform-origin: bottom; + transform-origin: bottom; + transition-property: transform, opacity; + opacity: 0; } + +.hinge-in-from-bottom.mui-enter.mui-enter-active { + transform: perspective(2000px) rotate(0deg); + opacity: 1; } + +.hinge-in-from-left.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotateY(90deg); + -ms-transform-origin: left; + transform-origin: left; + transition-property: transform, opacity; + opacity: 0; } + +.hinge-in-from-left.mui-enter.mui-enter-active { + transform: perspective(2000px) rotate(0deg); + opacity: 1; } + +.hinge-in-from-middle-x.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotateX(-90deg); + -ms-transform-origin: center; + transform-origin: center; + transition-property: transform, opacity; + opacity: 0; } + +.hinge-in-from-middle-x.mui-enter.mui-enter-active { + transform: perspective(2000px) rotate(0deg); + opacity: 1; } + +.hinge-in-from-middle-y.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotateY(-90deg); + -ms-transform-origin: center; + transform-origin: center; + transition-property: transform, opacity; + opacity: 0; } + +.hinge-in-from-middle-y.mui-enter.mui-enter-active { + transform: perspective(2000px) rotate(0deg); + opacity: 1; } + +.hinge-out-from-top.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotate(0deg); + -ms-transform-origin: top; + transform-origin: top; + transition-property: transform, opacity; + opacity: 1; } + +.hinge-out-from-top.mui-leave.mui-leave-active { + transform: perspective(2000px) rotateX(-90deg); + opacity: 0; } + +.hinge-out-from-right.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotate(0deg); + -ms-transform-origin: right; + transform-origin: right; + transition-property: transform, opacity; + opacity: 1; } + +.hinge-out-from-right.mui-leave.mui-leave-active { + transform: perspective(2000px) rotateY(-90deg); + opacity: 0; } + +.hinge-out-from-bottom.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotate(0deg); + -ms-transform-origin: bottom; + transform-origin: bottom; + transition-property: transform, opacity; + opacity: 1; } + +.hinge-out-from-bottom.mui-leave.mui-leave-active { + transform: perspective(2000px) rotateX(90deg); + opacity: 0; } + +.hinge-out-from-left.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotate(0deg); + -ms-transform-origin: left; + transform-origin: left; + transition-property: transform, opacity; + opacity: 1; } + +.hinge-out-from-left.mui-leave.mui-leave-active { + transform: perspective(2000px) rotateY(90deg); + opacity: 0; } + +.hinge-out-from-middle-x.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotate(0deg); + -ms-transform-origin: center; + transform-origin: center; + transition-property: transform, opacity; + opacity: 1; } + +.hinge-out-from-middle-x.mui-leave.mui-leave-active { + transform: perspective(2000px) rotateX(-90deg); + opacity: 0; } + +.hinge-out-from-middle-y.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotate(0deg); + -ms-transform-origin: center; + transform-origin: center; + transition-property: transform, opacity; + opacity: 1; } + +.hinge-out-from-middle-y.mui-leave.mui-leave-active { + transform: perspective(2000px) rotateY(-90deg); + opacity: 0; } + +.scale-in-up.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + -ms-transform: scale(0.5); + transform: scale(0.5); + transition-property: transform, opacity; + opacity: 0; } + +.scale-in-up.mui-enter.mui-enter-active { + -ms-transform: scale(1); + transform: scale(1); + opacity: 1; } + +.scale-in-down.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + -ms-transform: scale(1.5); + transform: scale(1.5); + transition-property: transform, opacity; + opacity: 0; } + +.scale-in-down.mui-enter.mui-enter-active { + -ms-transform: scale(1); + transform: scale(1); + opacity: 1; } + +.scale-out-up.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + -ms-transform: scale(1); + transform: scale(1); + transition-property: transform, opacity; + opacity: 1; } + +.scale-out-up.mui-leave.mui-leave-active { + -ms-transform: scale(1.5); + transform: scale(1.5); + opacity: 0; } + +.scale-out-down.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + -ms-transform: scale(1); + transform: scale(1); + transition-property: transform, opacity; + opacity: 1; } + +.scale-out-down.mui-leave.mui-leave-active { + -ms-transform: scale(0.5); + transform: scale(0.5); + opacity: 0; } + +.spin-in.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + -ms-transform: rotate(-0.75turn); + transform: rotate(-0.75turn); + transition-property: transform, opacity; + opacity: 0; } + +.spin-in.mui-enter.mui-enter-active { + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; } + +.spin-out.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + -ms-transform: rotate(0); + transform: rotate(0); + transition-property: transform, opacity; + opacity: 1; } + +.spin-out.mui-leave.mui-leave-active { + -ms-transform: rotate(0.75turn); + transform: rotate(0.75turn); + opacity: 0; } + +.spin-in-ccw.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + -ms-transform: rotate(0.75turn); + transform: rotate(0.75turn); + transition-property: transform, opacity; + opacity: 0; } + +.spin-in-ccw.mui-enter.mui-enter-active { + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; } + +.spin-out-ccw.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + -ms-transform: rotate(0); + transform: rotate(0); + transition-property: transform, opacity; + opacity: 1; } + +.spin-out-ccw.mui-leave.mui-leave-active { + -ms-transform: rotate(-0.75turn); + transform: rotate(-0.75turn); + opacity: 0; } + +.slow { + transition-duration: 750ms !important; } + +.fast { + transition-duration: 250ms !important; } + +.linear { + transition-timing-function: linear !important; } + +.ease { + transition-timing-function: ease !important; } + +.ease-in { + transition-timing-function: ease-in !important; } + +.ease-out { + transition-timing-function: ease-out !important; } + +.ease-in-out { + transition-timing-function: ease-in-out !important; } + +.bounce-in { + transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } + +.bounce-out { + transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } + +.bounce-in-out { + transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } + +.short-delay { + transition-delay: 300ms !important; } + +.long-delay { + transition-delay: 700ms !important; } + +.shake { + animation-name: shake-7; } + +@keyframes shake-7 { + 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { + transform: translateX(7%); } + 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { + transform: translateX(-7%); } } + +.spin-cw { + animation-name: spin-cw-1turn; } + +@keyframes spin-cw-1turn { + 0% { + transform: rotate(-1turn); } + 100% { + transform: rotate(0); } } + +.spin-ccw { + animation-name: spin-cw-1turn; } + +@keyframes spin-cw-1turn { + 0% { + transform: rotate(0); } + 100% { + transform: rotate(1turn); } } + +.wiggle { + animation-name: wiggle-7deg; } + +@keyframes wiggle-7deg { + 40%, 50%, 60% { + transform: rotate(7deg); } + 35%, 45%, 55%, 65% { + transform: rotate(-7deg); } + 0%, 30%, 70%, 100% { + transform: rotate(0); } } + +.shake, +.spin-cw, +.spin-ccw, +.wiggle { + animation-duration: 500ms; } + +.infinite { + animation-iteration-count: infinite; } + +.slow { + animation-duration: 750ms !important; } + +.fast { + animation-duration: 250ms !important; } + +.linear { + animation-timing-function: linear !important; } + +.ease { + animation-timing-function: ease !important; } + +.ease-in { + animation-timing-function: ease-in !important; } + +.ease-out { + animation-timing-function: ease-out !important; } + +.ease-in-out { + animation-timing-function: ease-in-out !important; } + +.bounce-in { + animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } + +.bounce-out { + animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } + +.bounce-in-out { + animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } + +.short-delay { + animation-delay: 300ms !important; } + +.long-delay { + animation-delay: 700ms !important; } diff --git a/app/controllers/users_controller.rb b/app/controllers/users_controller.rb index 17335a7d92..4e7fe5565a 100644 --- a/app/controllers/users_controller.rb +++ b/app/controllers/users_controller.rb @@ -7,12 +7,20 @@ def login if user session[:logged_in_user] = user.id + flash[:status] = :success + flash[:message] = "Successfuly logged in as existing user #{username}" redirect_to root_path else - flash[:status] = :failure - flash[:message] = "No user found with username #{username}" - render :login_form, status: :bad_request + user = User.new(username: username, date_joined: Date.today) + user.save + flash[:status] = :success + flash[:message] = "Successfuly logged in as new user #{username}" + session[:logged_in_user] = user.id + redirect_to root_path + # flash.now[:status] = :failure + # flash.now[:message] = "No user found with username #{username}" + # render :login_form, status: :bad_request end diff --git a/app/models/user.rb b/app/models/user.rb index 379658a509..658558d4e7 100644 --- a/app/models/user.rb +++ b/app/models/user.rb @@ -1,2 +1,3 @@ class User < ApplicationRecord + has_many :votes, dependent: :destroy end diff --git a/app/models/vote.rb b/app/models/vote.rb new file mode 100644 index 0000000000..2c4d6fcb8a --- /dev/null +++ b/app/models/vote.rb @@ -0,0 +1,6 @@ +class Vote < ApplicationRecord + belongs_to :user + belongs_to :work + + validates :date, presence: true +end diff --git a/app/models/work.rb b/app/models/work.rb index c72e564e53..09f13b9e27 100644 --- a/app/models/work.rb +++ b/app/models/work.rb @@ -1,3 +1,6 @@ class Work < ApplicationRecord + has_and_belongs_to_many :votes, dependent: :destroy validates :title, presence: true + validates :category, presence: true + end diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 85604660fd..1dcaf27b29 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -9,18 +9,23 @@ -
- <% if session[:logged_in_user] %> -

+

+

MediaRanker

+
diff --git a/app/views/works/_form.html.erb b/app/views/works/_form.html.erb index 89a99e16df..fcf1b9eb0e 100644 --- a/app/views/works/_form.html.erb +++ b/app/views/works/_form.html.erb @@ -2,7 +2,9 @@
  • <%= f.label :category %> -<%= f.text_field :category, class: "form-field"%> +<%= f.select :category, ['book', 'album', 'movie']%> +<%# f.collection_select(:id, Author.all, :id, :name) %> +<%# f.text_field :category, class: "form-field"%>
  • <%= f.label :title %> diff --git a/db/migrate/20171011224736_create_votes.rb b/db/migrate/20171011224736_create_votes.rb new file mode 100644 index 0000000000..f4e53bdaa9 --- /dev/null +++ b/db/migrate/20171011224736_create_votes.rb @@ -0,0 +1,9 @@ +class CreateVotes < ActiveRecord::Migration[5.1] + def change + create_table :votes do |t| + t.date :date + + t.timestamps + end + end +end diff --git a/db/schema.rb b/db/schema.rb index e60ddb044e..b7344e77e3 100644 --- a/db/schema.rb +++ b/db/schema.rb @@ -10,7 +10,7 @@ # # It's strongly recommended that you check this file into your version control system. -ActiveRecord::Schema.define(version: 20171011183537) do +ActiveRecord::Schema.define(version: 20171011224736) do # These are extensions that must be enabled in order to support this database enable_extension "plpgsql" @@ -22,6 +22,12 @@ t.datetime "updated_at", null: false end + create_table "votes", force: :cascade do |t| + t.date "date" + t.datetime "created_at", null: false + t.datetime "updated_at", null: false + end + create_table "works", force: :cascade do |t| t.string "category" t.string "title" diff --git a/test/fixtures/votes.yml b/test/fixtures/votes.yml new file mode 100644 index 0000000000..fdbb5b6e85 --- /dev/null +++ b/test/fixtures/votes.yml @@ -0,0 +1,7 @@ +# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html + +one: + date: 2017-10-11 + +two: + date: 2017-10-11 diff --git a/test/models/vote_test.rb b/test/models/vote_test.rb new file mode 100644 index 0000000000..fc15947bd3 --- /dev/null +++ b/test/models/vote_test.rb @@ -0,0 +1,9 @@ +require "test_helper" + +describe Vote do + let(:vote) { Vote.new } + + it "must be valid" do + value(vote).must_be :valid? + end +end diff --git a/test/models/work_test.rb b/test/models/work_test.rb index f6fba7104d..38a7c96f6b 100644 --- a/test/models/work_test.rb +++ b/test/models/work_test.rb @@ -1,9 +1,54 @@ require "test_helper" describe Work do - let(:work) { Work.new } - it "must be valid" do - value(work).must_be :valid? + describe "validations" do + # positive validation case for the working model + it "can be created with all required fields" do + work = Work.new(:category => "album", :title => "Liquid Spirit") + work.must_be :valid? + end + + it "requires a title" do + w = Work.new + + w.wont_be :valid? + w.errors.messages.must_include :title + end + + it "requires a category" do + w = Work.new + + w.wont_be :valid? + w.errors.messages.must_include :category + end end + + describe "relations" do + it "has a collection of votes" do + # arrange + w = Work.new + w.must_respond_to :votes + w.votes.must_be :empty? + + w.votes.count.must_equal 0 + vote = Vote.create!(date: Date.today, work_id: w.id) + # act + w.votes << vote + w.votes.count.must_equal 1 + + #assert + w.votes.must_include vote + + end + + it "work can have multiple votes" do + + end + # Test dependent relationship destroy + it "can destroy dependent relationship to votes" do + + end + end + end From 5b38e01bfd8143f10eb114452f8b03ff7ff0ab1b Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Thu, 12 Oct 2017 10:26:11 -0700 Subject: [PATCH 08/25] clean comments --- app/views/layouts/application.html.erb | 12 ------------ 1 file changed, 12 deletions(-) diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 1dcaf27b29..d246992e53 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -12,19 +12,7 @@

    MediaRanker

    From caea030c2ac32e82f9f9bef85cf495b81d6c8ffa Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Thu, 12 Oct 2017 13:53:13 -0700 Subject: [PATCH 09/25] add older version of foundation stylesheet --- app/assets/stylesheets/foundation.css | 4766 ++++++++----------------- 1 file changed, 1481 insertions(+), 3285 deletions(-) diff --git a/app/assets/stylesheets/foundation.css b/app/assets/stylesheets/foundation.css index ac6648c4d6..72a4ba0353 100644 --- a/app/assets/stylesheets/foundation.css +++ b/app/assets/stylesheets/foundation.css @@ -1,16 +1,10 @@ @charset "UTF-8"; /** * Foundation for Sites by ZURB - * Version 6.4.2 + * Version 6.3.1 * foundation.zurb.com * Licensed under MIT Open Source */ -@media print, screen and (min-width: 40em) { - .reveal, .reveal.tiny, .reveal.small, .reveal.large { - right: auto; - left: auto; - margin: 0 auto; } } - /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ /* Document ========================================================================== */ @@ -77,7 +71,8 @@ figure { * 2. Show the overflow in Edge and IE. */ hr { - box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; /* 1 */ height: 0; /* 1 */ @@ -305,7 +300,8 @@ input { */ [type="checkbox"], [type="radio"] { - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } @@ -357,7 +353,8 @@ fieldset { * `fieldset` elements in all browsers. */ legend { - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; /* 1 */ display: table; /* 1 */ @@ -432,13 +429,15 @@ template { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } html { - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; font-size: 100%; } *, *::before, *::after { - box-sizing: inherit; } + -webkit-box-sizing: inherit; + box-sizing: inherit; } body { margin: 0; @@ -464,7 +463,8 @@ textarea { border-radius: 0; } select { - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; width: 100%; border-radius: 0; } @@ -484,1698 +484,788 @@ button { border: 0; border-radius: 0; background: transparent; - line-height: 1; - cursor: auto; } + line-height: 1; } [data-whatinput='mouse'] button { outline: 0; } pre { overflow: auto; } -button, -input, -optgroup, -select, -textarea { - font-family: inherit; } - .is-visible { display: block !important; } .is-hidden { display: none !important; } -.grid-container { - padding-right: 0.625rem; - padding-left: 0.625rem; +.row { max-width: 75rem; - margin: 0 auto; } + margin-right: auto; + margin-left: auto; } + .row::before, .row::after { + display: table; + content: ' '; } + .row::after { + clear: both; } + .row.collapse > .column, .row.collapse > .columns { + padding-right: 0; + padding-left: 0; } + .row .row { + margin-right: -0.625rem; + margin-left: -0.625rem; } + @media print, screen and (min-width: 40em) { + .row .row { + margin-right: -0.9375rem; + margin-left: -0.9375rem; } } + @media print, screen and (min-width: 64em) { + .row .row { + margin-right: -0.9375rem; + margin-left: -0.9375rem; } } + .row .row.collapse { + margin-right: 0; + margin-left: 0; } + .row.expanded { + max-width: none; } + .row.expanded .row { + margin-right: auto; + margin-left: auto; } + .row:not(.expanded) .row { + max-width: none; } + .row.gutter-small > .column, .row.gutter-small > .columns { + padding-right: 0.625rem; + padding-left: 0.625rem; } + .row.gutter-medium > .column, .row.gutter-medium > .columns { + padding-right: 0.9375rem; + padding-left: 0.9375rem; } + +.column, .columns { + width: 100%; + float: left; + padding-right: 0.625rem; + padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { - .grid-container { + .column, .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } - .grid-container.fluid { - padding-right: 0.625rem; - padding-left: 0.625rem; - max-width: 100%; - margin: 0 auto; } - @media print, screen and (min-width: 40em) { - .grid-container.fluid { - padding-right: 0.9375rem; - padding-left: 0.9375rem; } } - .grid-container.full { - padding-right: 0; - padding-left: 0; - max-width: 100%; - margin: 0 auto; } - -.grid-x { - display: -ms-flexbox; - display: flex; - -ms-flex-flow: row wrap; - flex-flow: row wrap; } - -.cell { - -ms-flex: 0 0 auto; - flex: 0 0 auto; - min-height: 0px; - min-width: 0px; - width: 100%; } - .cell.auto { - -ms-flex: 1 1 0px; - flex: 1 1 0px; } - .cell.shrink { - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - -.grid-x > .auto { - width: auto; } + .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { + float: right; } + .column.end:last-child:last-child, .end.columns:last-child:last-child { + float: left; } -.grid-x > .shrink { - width: auto; } +.column.row.row, .row.row.columns { + float: none; } -.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { - -ms-flex-preferred-size: auto; - flex-basis: auto; } +.row .column.row.row, .row .row.row.columns { + margin-right: 0; + margin-left: 0; + padding-right: 0; + padding-left: 0; } -@media print, screen and (min-width: 40em) { - .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { - -ms-flex-preferred-size: auto; - flex-basis: auto; } } +.small-1 { + width: 8.33333%; } -@media print, screen and (min-width: 64em) { - .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { - -ms-flex-preferred-size: auto; - flex-basis: auto; } } +.small-push-1 { + position: relative; + left: 8.33333%; } -.grid-x > .small-1 { - width: 8.33333%; } +.small-pull-1 { + position: relative; + left: -8.33333%; } + +.small-offset-0 { + margin-left: 0%; } -.grid-x > .small-2 { +.small-2 { width: 16.66667%; } -.grid-x > .small-3 { +.small-push-2 { + position: relative; + left: 16.66667%; } + +.small-pull-2 { + position: relative; + left: -16.66667%; } + +.small-offset-1 { + margin-left: 8.33333%; } + +.small-3 { width: 25%; } -.grid-x > .small-4 { +.small-push-3 { + position: relative; + left: 25%; } + +.small-pull-3 { + position: relative; + left: -25%; } + +.small-offset-2 { + margin-left: 16.66667%; } + +.small-4 { width: 33.33333%; } -.grid-x > .small-5 { +.small-push-4 { + position: relative; + left: 33.33333%; } + +.small-pull-4 { + position: relative; + left: -33.33333%; } + +.small-offset-3 { + margin-left: 25%; } + +.small-5 { width: 41.66667%; } -.grid-x > .small-6 { +.small-push-5 { + position: relative; + left: 41.66667%; } + +.small-pull-5 { + position: relative; + left: -41.66667%; } + +.small-offset-4 { + margin-left: 33.33333%; } + +.small-6 { width: 50%; } -.grid-x > .small-7 { +.small-push-6 { + position: relative; + left: 50%; } + +.small-pull-6 { + position: relative; + left: -50%; } + +.small-offset-5 { + margin-left: 41.66667%; } + +.small-7 { width: 58.33333%; } -.grid-x > .small-8 { +.small-push-7 { + position: relative; + left: 58.33333%; } + +.small-pull-7 { + position: relative; + left: -58.33333%; } + +.small-offset-6 { + margin-left: 50%; } + +.small-8 { width: 66.66667%; } -.grid-x > .small-9 { +.small-push-8 { + position: relative; + left: 66.66667%; } + +.small-pull-8 { + position: relative; + left: -66.66667%; } + +.small-offset-7 { + margin-left: 58.33333%; } + +.small-9 { width: 75%; } -.grid-x > .small-10 { +.small-push-9 { + position: relative; + left: 75%; } + +.small-pull-9 { + position: relative; + left: -75%; } + +.small-offset-8 { + margin-left: 66.66667%; } + +.small-10 { width: 83.33333%; } -.grid-x > .small-11 { - width: 91.66667%; } +.small-push-10 { + position: relative; + left: 83.33333%; } -.grid-x > .small-12 { - width: 100%; } +.small-pull-10 { + position: relative; + left: -83.33333%; } -@media print, screen and (min-width: 40em) { - .grid-x > .medium-auto { - -ms-flex: 1 1 0px; - flex: 1 1 0px; - width: auto; } - .grid-x > .medium-shrink { - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; } - .grid-x > .medium-1 { - width: 8.33333%; } - .grid-x > .medium-2 { - width: 16.66667%; } - .grid-x > .medium-3 { - width: 25%; } - .grid-x > .medium-4 { - width: 33.33333%; } - .grid-x > .medium-5 { - width: 41.66667%; } - .grid-x > .medium-6 { - width: 50%; } - .grid-x > .medium-7 { - width: 58.33333%; } - .grid-x > .medium-8 { - width: 66.66667%; } - .grid-x > .medium-9 { - width: 75%; } - .grid-x > .medium-10 { - width: 83.33333%; } - .grid-x > .medium-11 { - width: 91.66667%; } - .grid-x > .medium-12 { - width: 100%; } } +.small-offset-9 { + margin-left: 75%; } -@media print, screen and (min-width: 64em) { - .grid-x > .large-auto { - -ms-flex: 1 1 0px; - flex: 1 1 0px; - width: auto; } - .grid-x > .large-shrink { - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; } - .grid-x > .large-1 { - width: 8.33333%; } - .grid-x > .large-2 { - width: 16.66667%; } - .grid-x > .large-3 { - width: 25%; } - .grid-x > .large-4 { - width: 33.33333%; } - .grid-x > .large-5 { - width: 41.66667%; } - .grid-x > .large-6 { - width: 50%; } - .grid-x > .large-7 { - width: 58.33333%; } - .grid-x > .large-8 { - width: 66.66667%; } - .grid-x > .large-9 { - width: 75%; } - .grid-x > .large-10 { - width: 83.33333%; } - .grid-x > .large-11 { - width: 91.66667%; } - .grid-x > .large-12 { - width: 100%; } } +.small-11 { + width: 91.66667%; } -.grid-margin-x:not(.grid-x) > .cell { - width: auto; } +.small-push-11 { + position: relative; + left: 91.66667%; } -.grid-margin-y:not(.grid-y) > .cell { - height: auto; } +.small-pull-11 { + position: relative; + left: -91.66667%; } -.grid-margin-x { - margin-left: -0.625rem; - margin-right: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-x { - margin-left: -0.9375rem; - margin-right: -0.9375rem; } } - .grid-margin-x > .cell { - width: calc(100% - 1.25rem); - margin-left: 0.625rem; - margin-right: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-x > .cell { - width: calc(100% - 1.875rem); - margin-left: 0.9375rem; - margin-right: 0.9375rem; } } - .grid-margin-x > .auto { - width: auto; } - .grid-margin-x > .shrink { - width: auto; } - .grid-margin-x > .small-1 { - width: calc(8.33333% - 1.25rem); } - .grid-margin-x > .small-2 { - width: calc(16.66667% - 1.25rem); } - .grid-margin-x > .small-3 { - width: calc(25% - 1.25rem); } - .grid-margin-x > .small-4 { - width: calc(33.33333% - 1.25rem); } - .grid-margin-x > .small-5 { - width: calc(41.66667% - 1.25rem); } - .grid-margin-x > .small-6 { - width: calc(50% - 1.25rem); } - .grid-margin-x > .small-7 { - width: calc(58.33333% - 1.25rem); } - .grid-margin-x > .small-8 { - width: calc(66.66667% - 1.25rem); } - .grid-margin-x > .small-9 { - width: calc(75% - 1.25rem); } - .grid-margin-x > .small-10 { - width: calc(83.33333% - 1.25rem); } - .grid-margin-x > .small-11 { - width: calc(91.66667% - 1.25rem); } - .grid-margin-x > .small-12 { - width: calc(100% - 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-margin-x > .auto { - width: auto; } - .grid-margin-x > .shrink { - width: auto; } - .grid-margin-x > .small-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .small-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .small-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .small-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .small-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .small-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .small-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .small-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .small-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .small-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .small-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .small-12 { - width: calc(100% - 1.875rem); } - .grid-margin-x > .medium-auto { - width: auto; } - .grid-margin-x > .medium-shrink { - width: auto; } - .grid-margin-x > .medium-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .medium-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .medium-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .medium-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .medium-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .medium-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .medium-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .medium-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .medium-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .medium-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .medium-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .medium-12 { - width: calc(100% - 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-margin-x > .large-auto { - width: auto; } - .grid-margin-x > .large-shrink { - width: auto; } - .grid-margin-x > .large-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .large-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .large-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .large-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .large-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .large-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .large-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .large-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .large-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .large-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .large-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .large-12 { - width: calc(100% - 1.875rem); } } - -.grid-padding-x .grid-padding-x { - margin-right: -0.625rem; - margin-left: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-x .grid-padding-x { - margin-right: -0.9375rem; - margin-left: -0.9375rem; } } +.small-offset-10 { + margin-left: 83.33333%; } -.grid-container:not(.full) > .grid-padding-x { - margin-right: -0.625rem; - margin-left: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-container:not(.full) > .grid-padding-x { - margin-right: -0.9375rem; - margin-left: -0.9375rem; } } +.small-12 { + width: 100%; } -.grid-padding-x > .cell { - padding-right: 0.625rem; - padding-left: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-x > .cell { - padding-right: 0.9375rem; - padding-left: 0.9375rem; } } +.small-offset-11 { + margin-left: 91.66667%; } -.small-up-1 > .cell { +.small-up-1 > .column, .small-up-1 > .columns { + float: left; width: 100%; } + .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { + clear: none; } + .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { + clear: both; } + .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { + float: left; } -.small-up-2 > .cell { +.small-up-2 > .column, .small-up-2 > .columns { + float: left; width: 50%; } + .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { + clear: none; } + .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { + clear: both; } + .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { + float: left; } -.small-up-3 > .cell { +.small-up-3 > .column, .small-up-3 > .columns { + float: left; width: 33.33333%; } + .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { + clear: none; } + .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { + clear: both; } + .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { + float: left; } -.small-up-4 > .cell { +.small-up-4 > .column, .small-up-4 > .columns { + float: left; width: 25%; } + .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { + clear: none; } + .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { + clear: both; } + .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { + float: left; } -.small-up-5 > .cell { +.small-up-5 > .column, .small-up-5 > .columns { + float: left; width: 20%; } + .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { + clear: none; } + .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { + clear: both; } + .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { + float: left; } -.small-up-6 > .cell { +.small-up-6 > .column, .small-up-6 > .columns { + float: left; width: 16.66667%; } + .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { + clear: none; } + .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { + clear: both; } + .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { + float: left; } -.small-up-7 > .cell { +.small-up-7 > .column, .small-up-7 > .columns { + float: left; width: 14.28571%; } + .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { + clear: none; } + .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { + clear: both; } + .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { + float: left; } -.small-up-8 > .cell { +.small-up-8 > .column, .small-up-8 > .columns { + float: left; width: 12.5%; } + .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { + clear: none; } + .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { + clear: both; } + .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { + float: left; } -@media print, screen and (min-width: 40em) { - .medium-up-1 > .cell { - width: 100%; } - .medium-up-2 > .cell { - width: 50%; } - .medium-up-3 > .cell { - width: 33.33333%; } - .medium-up-4 > .cell { - width: 25%; } - .medium-up-5 > .cell { - width: 20%; } - .medium-up-6 > .cell { - width: 16.66667%; } - .medium-up-7 > .cell { - width: 14.28571%; } - .medium-up-8 > .cell { - width: 12.5%; } } - -@media print, screen and (min-width: 64em) { - .large-up-1 > .cell { - width: 100%; } - .large-up-2 > .cell { - width: 50%; } - .large-up-3 > .cell { - width: 33.33333%; } - .large-up-4 > .cell { - width: 25%; } - .large-up-5 > .cell { - width: 20%; } - .large-up-6 > .cell { - width: 16.66667%; } - .large-up-7 > .cell { - width: 14.28571%; } - .large-up-8 > .cell { - width: 12.5%; } } - -.grid-margin-x.small-up-1 > .cell { - width: calc(100% - 1.25rem); } - -.grid-margin-x.small-up-2 > .cell { - width: calc(50% - 1.25rem); } - -.grid-margin-x.small-up-3 > .cell { - width: calc(33.33333% - 1.25rem); } - -.grid-margin-x.small-up-4 > .cell { - width: calc(25% - 1.25rem); } - -.grid-margin-x.small-up-5 > .cell { - width: calc(20% - 1.25rem); } +.small-collapse > .column, .small-collapse > .columns { + padding-right: 0; + padding-left: 0; } -.grid-margin-x.small-up-6 > .cell { - width: calc(16.66667% - 1.25rem); } +.small-collapse .row { + margin-right: 0; + margin-left: 0; } -.grid-margin-x.small-up-7 > .cell { - width: calc(14.28571% - 1.25rem); } +.expanded.row .small-collapse.row { + margin-right: 0; + margin-left: 0; } -.grid-margin-x.small-up-8 > .cell { - width: calc(12.5% - 1.25rem); } +.small-uncollapse > .column, .small-uncollapse > .columns { + padding-right: 0.625rem; + padding-left: 0.625rem; } -@media print, screen and (min-width: 40em) { - .grid-margin-x.small-up-1 > .cell { - width: calc(100% - 1.25rem); } - .grid-margin-x.small-up-2 > .cell { - width: calc(50% - 1.25rem); } - .grid-margin-x.small-up-3 > .cell { - width: calc(33.33333% - 1.25rem); } - .grid-margin-x.small-up-4 > .cell { - width: calc(25% - 1.25rem); } - .grid-margin-x.small-up-5 > .cell { - width: calc(20% - 1.25rem); } - .grid-margin-x.small-up-6 > .cell { - width: calc(16.66667% - 1.25rem); } - .grid-margin-x.small-up-7 > .cell { - width: calc(14.28571% - 1.25rem); } - .grid-margin-x.small-up-8 > .cell { - width: calc(12.5% - 1.25rem); } - .grid-margin-x.medium-up-1 > .cell { - width: calc(100% - 1.875rem); } - .grid-margin-x.medium-up-2 > .cell { - width: calc(50% - 1.875rem); } - .grid-margin-x.medium-up-3 > .cell { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.medium-up-4 > .cell { - width: calc(25% - 1.875rem); } - .grid-margin-x.medium-up-5 > .cell { - width: calc(20% - 1.875rem); } - .grid-margin-x.medium-up-6 > .cell { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.medium-up-7 > .cell { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.medium-up-8 > .cell { - width: calc(12.5% - 1.875rem); } } +.small-centered { + margin-right: auto; + margin-left: auto; } + .small-centered, .small-centered:last-child:not(:first-child) { + float: none; + clear: both; } -@media print, screen and (min-width: 64em) { - .grid-margin-x.large-up-1 > .cell { - width: calc(100% - 1.875rem); } - .grid-margin-x.large-up-2 > .cell { - width: calc(50% - 1.875rem); } - .grid-margin-x.large-up-3 > .cell { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.large-up-4 > .cell { - width: calc(25% - 1.875rem); } - .grid-margin-x.large-up-5 > .cell { - width: calc(20% - 1.875rem); } - .grid-margin-x.large-up-6 > .cell { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.large-up-7 > .cell { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.large-up-8 > .cell { - width: calc(12.5% - 1.875rem); } } - -.small-margin-collapse { +.small-uncentered, +.small-push-0, +.small-pull-0 { + position: static; + float: left; margin-right: 0; margin-left: 0; } - .small-margin-collapse > .cell { - margin-right: 0; - margin-left: 0; } - .small-margin-collapse > .small-1 { + +@media print, screen and (min-width: 40em) { + .medium-1 { width: 8.33333%; } - .small-margin-collapse > .small-2 { + .medium-push-1 { + position: relative; + left: 8.33333%; } + .medium-pull-1 { + position: relative; + left: -8.33333%; } + .medium-offset-0 { + margin-left: 0%; } + .medium-2 { width: 16.66667%; } - .small-margin-collapse > .small-3 { + .medium-push-2 { + position: relative; + left: 16.66667%; } + .medium-pull-2 { + position: relative; + left: -16.66667%; } + .medium-offset-1 { + margin-left: 8.33333%; } + .medium-3 { width: 25%; } - .small-margin-collapse > .small-4 { + .medium-push-3 { + position: relative; + left: 25%; } + .medium-pull-3 { + position: relative; + left: -25%; } + .medium-offset-2 { + margin-left: 16.66667%; } + .medium-4 { width: 33.33333%; } - .small-margin-collapse > .small-5 { + .medium-push-4 { + position: relative; + left: 33.33333%; } + .medium-pull-4 { + position: relative; + left: -33.33333%; } + .medium-offset-3 { + margin-left: 25%; } + .medium-5 { width: 41.66667%; } - .small-margin-collapse > .small-6 { + .medium-push-5 { + position: relative; + left: 41.66667%; } + .medium-pull-5 { + position: relative; + left: -41.66667%; } + .medium-offset-4 { + margin-left: 33.33333%; } + .medium-6 { width: 50%; } - .small-margin-collapse > .small-7 { + .medium-push-6 { + position: relative; + left: 50%; } + .medium-pull-6 { + position: relative; + left: -50%; } + .medium-offset-5 { + margin-left: 41.66667%; } + .medium-7 { width: 58.33333%; } - .small-margin-collapse > .small-8 { + .medium-push-7 { + position: relative; + left: 58.33333%; } + .medium-pull-7 { + position: relative; + left: -58.33333%; } + .medium-offset-6 { + margin-left: 50%; } + .medium-8 { width: 66.66667%; } - .small-margin-collapse > .small-9 { + .medium-push-8 { + position: relative; + left: 66.66667%; } + .medium-pull-8 { + position: relative; + left: -66.66667%; } + .medium-offset-7 { + margin-left: 58.33333%; } + .medium-9 { width: 75%; } - .small-margin-collapse > .small-10 { + .medium-push-9 { + position: relative; + left: 75%; } + .medium-pull-9 { + position: relative; + left: -75%; } + .medium-offset-8 { + margin-left: 66.66667%; } + .medium-10 { width: 83.33333%; } - .small-margin-collapse > .small-11 { + .medium-push-10 { + position: relative; + left: 83.33333%; } + .medium-pull-10 { + position: relative; + left: -83.33333%; } + .medium-offset-9 { + margin-left: 75%; } + .medium-11 { width: 91.66667%; } - .small-margin-collapse > .small-12 { + .medium-push-11 { + position: relative; + left: 91.66667%; } + .medium-pull-11 { + position: relative; + left: -91.66667%; } + .medium-offset-10 { + margin-left: 83.33333%; } + .medium-12 { width: 100%; } - @media print, screen and (min-width: 40em) { - .small-margin-collapse > .medium-1 { - width: 8.33333%; } - .small-margin-collapse > .medium-2 { - width: 16.66667%; } - .small-margin-collapse > .medium-3 { - width: 25%; } - .small-margin-collapse > .medium-4 { - width: 33.33333%; } - .small-margin-collapse > .medium-5 { - width: 41.66667%; } - .small-margin-collapse > .medium-6 { - width: 50%; } - .small-margin-collapse > .medium-7 { - width: 58.33333%; } - .small-margin-collapse > .medium-8 { - width: 66.66667%; } - .small-margin-collapse > .medium-9 { - width: 75%; } - .small-margin-collapse > .medium-10 { - width: 83.33333%; } - .small-margin-collapse > .medium-11 { - width: 91.66667%; } - .small-margin-collapse > .medium-12 { - width: 100%; } } - @media print, screen and (min-width: 64em) { - .small-margin-collapse > .large-1 { - width: 8.33333%; } - .small-margin-collapse > .large-2 { - width: 16.66667%; } - .small-margin-collapse > .large-3 { - width: 25%; } - .small-margin-collapse > .large-4 { - width: 33.33333%; } - .small-margin-collapse > .large-5 { - width: 41.66667%; } - .small-margin-collapse > .large-6 { - width: 50%; } - .small-margin-collapse > .large-7 { - width: 58.33333%; } - .small-margin-collapse > .large-8 { - width: 66.66667%; } - .small-margin-collapse > .large-9 { - width: 75%; } - .small-margin-collapse > .large-10 { - width: 83.33333%; } - .small-margin-collapse > .large-11 { - width: 91.66667%; } - .small-margin-collapse > .large-12 { - width: 100%; } } - -.small-padding-collapse { - margin-right: 0; - margin-left: 0; } - .small-padding-collapse > .cell { - padding-right: 0; - padding-left: 0; } - -@media print, screen and (min-width: 40em) { - .medium-margin-collapse { - margin-right: 0; - margin-left: 0; } - .medium-margin-collapse > .cell { - margin-right: 0; - margin-left: 0; } } - -@media print, screen and (min-width: 40em) { - .medium-margin-collapse > .small-1 { - width: 8.33333%; } - .medium-margin-collapse > .small-2 { - width: 16.66667%; } - .medium-margin-collapse > .small-3 { - width: 25%; } - .medium-margin-collapse > .small-4 { - width: 33.33333%; } - .medium-margin-collapse > .small-5 { - width: 41.66667%; } - .medium-margin-collapse > .small-6 { + .medium-offset-11 { + margin-left: 91.66667%; } + .medium-up-1 > .column, .medium-up-1 > .columns { + float: left; + width: 100%; } + .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { + clear: none; } + .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { + clear: both; } + .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { + float: left; } + .medium-up-2 > .column, .medium-up-2 > .columns { + float: left; width: 50%; } - .medium-margin-collapse > .small-7 { - width: 58.33333%; } - .medium-margin-collapse > .small-8 { - width: 66.66667%; } - .medium-margin-collapse > .small-9 { - width: 75%; } - .medium-margin-collapse > .small-10 { - width: 83.33333%; } - .medium-margin-collapse > .small-11 { - width: 91.66667%; } - .medium-margin-collapse > .small-12 { - width: 100%; } } - -@media print, screen and (min-width: 40em) { - .medium-margin-collapse > .medium-1 { - width: 8.33333%; } - .medium-margin-collapse > .medium-2 { - width: 16.66667%; } - .medium-margin-collapse > .medium-3 { - width: 25%; } - .medium-margin-collapse > .medium-4 { + .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { + clear: none; } + .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { + clear: both; } + .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { + float: left; } + .medium-up-3 > .column, .medium-up-3 > .columns { + float: left; width: 33.33333%; } - .medium-margin-collapse > .medium-5 { - width: 41.66667%; } - .medium-margin-collapse > .medium-6 { - width: 50%; } - .medium-margin-collapse > .medium-7 { - width: 58.33333%; } - .medium-margin-collapse > .medium-8 { - width: 66.66667%; } - .medium-margin-collapse > .medium-9 { - width: 75%; } - .medium-margin-collapse > .medium-10 { - width: 83.33333%; } - .medium-margin-collapse > .medium-11 { - width: 91.66667%; } - .medium-margin-collapse > .medium-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .medium-margin-collapse > .large-1 { - width: 8.33333%; } - .medium-margin-collapse > .large-2 { - width: 16.66667%; } - .medium-margin-collapse > .large-3 { + .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { + clear: none; } + .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { + clear: both; } + .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { + float: left; } + .medium-up-4 > .column, .medium-up-4 > .columns { + float: left; width: 25%; } - .medium-margin-collapse > .large-4 { - width: 33.33333%; } - .medium-margin-collapse > .large-5 { - width: 41.66667%; } - .medium-margin-collapse > .large-6 { - width: 50%; } - .medium-margin-collapse > .large-7 { - width: 58.33333%; } - .medium-margin-collapse > .large-8 { - width: 66.66667%; } - .medium-margin-collapse > .large-9 { - width: 75%; } - .medium-margin-collapse > .large-10 { - width: 83.33333%; } - .medium-margin-collapse > .large-11 { - width: 91.66667%; } - .medium-margin-collapse > .large-12 { - width: 100%; } } - -@media print, screen and (min-width: 40em) { - .medium-padding-collapse { + .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { + clear: none; } + .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { + clear: both; } + .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { + float: left; } + .medium-up-5 > .column, .medium-up-5 > .columns { + float: left; + width: 20%; } + .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { + clear: none; } + .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { + clear: both; } + .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { + float: left; } + .medium-up-6 > .column, .medium-up-6 > .columns { + float: left; + width: 16.66667%; } + .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { + clear: none; } + .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { + clear: both; } + .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { + float: left; } + .medium-up-7 > .column, .medium-up-7 > .columns { + float: left; + width: 14.28571%; } + .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { + clear: none; } + .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { + clear: both; } + .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { + float: left; } + .medium-up-8 > .column, .medium-up-8 > .columns { + float: left; + width: 12.5%; } + .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { + clear: none; } + .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { + clear: both; } + .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { + float: left; } + .medium-collapse > .column, .medium-collapse > .columns { + padding-right: 0; + padding-left: 0; } + .medium-collapse .row { margin-right: 0; margin-left: 0; } - .medium-padding-collapse > .cell { - padding-right: 0; - padding-left: 0; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse { + .expanded.row .medium-collapse.row { margin-right: 0; margin-left: 0; } - .large-margin-collapse > .cell { - margin-right: 0; - margin-left: 0; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse > .small-1 { - width: 8.33333%; } - .large-margin-collapse > .small-2 { - width: 16.66667%; } - .large-margin-collapse > .small-3 { - width: 25%; } - .large-margin-collapse > .small-4 { - width: 33.33333%; } - .large-margin-collapse > .small-5 { - width: 41.66667%; } - .large-margin-collapse > .small-6 { - width: 50%; } - .large-margin-collapse > .small-7 { - width: 58.33333%; } - .large-margin-collapse > .small-8 { - width: 66.66667%; } - .large-margin-collapse > .small-9 { - width: 75%; } - .large-margin-collapse > .small-10 { - width: 83.33333%; } - .large-margin-collapse > .small-11 { - width: 91.66667%; } - .large-margin-collapse > .small-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse > .medium-1 { - width: 8.33333%; } - .large-margin-collapse > .medium-2 { - width: 16.66667%; } - .large-margin-collapse > .medium-3 { - width: 25%; } - .large-margin-collapse > .medium-4 { - width: 33.33333%; } - .large-margin-collapse > .medium-5 { - width: 41.66667%; } - .large-margin-collapse > .medium-6 { - width: 50%; } - .large-margin-collapse > .medium-7 { - width: 58.33333%; } - .large-margin-collapse > .medium-8 { - width: 66.66667%; } - .large-margin-collapse > .medium-9 { - width: 75%; } - .large-margin-collapse > .medium-10 { - width: 83.33333%; } - .large-margin-collapse > .medium-11 { - width: 91.66667%; } - .large-margin-collapse > .medium-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse > .large-1 { - width: 8.33333%; } - .large-margin-collapse > .large-2 { - width: 16.66667%; } - .large-margin-collapse > .large-3 { - width: 25%; } - .large-margin-collapse > .large-4 { - width: 33.33333%; } - .large-margin-collapse > .large-5 { - width: 41.66667%; } - .large-margin-collapse > .large-6 { - width: 50%; } - .large-margin-collapse > .large-7 { - width: 58.33333%; } - .large-margin-collapse > .large-8 { - width: 66.66667%; } - .large-margin-collapse > .large-9 { - width: 75%; } - .large-margin-collapse > .large-10 { - width: 83.33333%; } - .large-margin-collapse > .large-11 { - width: 91.66667%; } - .large-margin-collapse > .large-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .large-padding-collapse { + .medium-uncollapse > .column, .medium-uncollapse > .columns { + padding-right: 0.9375rem; + padding-left: 0.9375rem; } + .medium-centered { + margin-right: auto; + margin-left: auto; } + .medium-centered, .medium-centered:last-child:not(:first-child) { + float: none; + clear: both; } + .medium-uncentered, + .medium-push-0, + .medium-pull-0 { + position: static; + float: left; margin-right: 0; - margin-left: 0; } - .large-padding-collapse > .cell { - padding-right: 0; - padding-left: 0; } } - -.small-offset-0 { - margin-left: 0%; } - -.grid-margin-x > .small-offset-0 { - margin-left: calc(0% + 0.625rem); } - -.small-offset-1 { - margin-left: 8.33333%; } - -.grid-margin-x > .small-offset-1 { - margin-left: calc(8.33333% + 0.625rem); } - -.small-offset-2 { - margin-left: 16.66667%; } - -.grid-margin-x > .small-offset-2 { - margin-left: calc(16.66667% + 0.625rem); } - -.small-offset-3 { - margin-left: 25%; } - -.grid-margin-x > .small-offset-3 { - margin-left: calc(25% + 0.625rem); } - -.small-offset-4 { - margin-left: 33.33333%; } - -.grid-margin-x > .small-offset-4 { - margin-left: calc(33.33333% + 0.625rem); } - -.small-offset-5 { - margin-left: 41.66667%; } - -.grid-margin-x > .small-offset-5 { - margin-left: calc(41.66667% + 0.625rem); } - -.small-offset-6 { - margin-left: 50%; } - -.grid-margin-x > .small-offset-6 { - margin-left: calc(50% + 0.625rem); } - -.small-offset-7 { - margin-left: 58.33333%; } - -.grid-margin-x > .small-offset-7 { - margin-left: calc(58.33333% + 0.625rem); } - -.small-offset-8 { - margin-left: 66.66667%; } - -.grid-margin-x > .small-offset-8 { - margin-left: calc(66.66667% + 0.625rem); } - -.small-offset-9 { - margin-left: 75%; } - -.grid-margin-x > .small-offset-9 { - margin-left: calc(75% + 0.625rem); } - -.small-offset-10 { - margin-left: 83.33333%; } - -.grid-margin-x > .small-offset-10 { - margin-left: calc(83.33333% + 0.625rem); } - -.small-offset-11 { - margin-left: 91.66667%; } - -.grid-margin-x > .small-offset-11 { - margin-left: calc(91.66667% + 0.625rem); } - -@media print, screen and (min-width: 40em) { - .medium-offset-0 { - margin-left: 0%; } - .grid-margin-x > .medium-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .medium-offset-1 { - margin-left: 8.33333%; } - .grid-margin-x > .medium-offset-1 { - margin-left: calc(8.33333% + 0.9375rem); } - .medium-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .medium-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .medium-offset-3 { - margin-left: 25%; } - .grid-margin-x > .medium-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .medium-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .medium-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .medium-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .medium-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .medium-offset-6 { - margin-left: 50%; } - .grid-margin-x > .medium-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .medium-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .medium-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .medium-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .medium-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .medium-offset-9 { - margin-left: 75%; } - .grid-margin-x > .medium-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .medium-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .medium-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .medium-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .medium-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } + margin-left: 0; } } @media print, screen and (min-width: 64em) { + .large-1 { + width: 8.33333%; } + .large-push-1 { + position: relative; + left: 8.33333%; } + .large-pull-1 { + position: relative; + left: -8.33333%; } .large-offset-0 { margin-left: 0%; } - .grid-margin-x > .large-offset-0 { - margin-left: calc(0% + 0.9375rem); } + .large-2 { + width: 16.66667%; } + .large-push-2 { + position: relative; + left: 16.66667%; } + .large-pull-2 { + position: relative; + left: -16.66667%; } .large-offset-1 { margin-left: 8.33333%; } - .grid-margin-x > .large-offset-1 { - margin-left: calc(8.33333% + 0.9375rem); } + .large-3 { + width: 25%; } + .large-push-3 { + position: relative; + left: 25%; } + .large-pull-3 { + position: relative; + left: -25%; } .large-offset-2 { margin-left: 16.66667%; } - .grid-margin-x > .large-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } + .large-4 { + width: 33.33333%; } + .large-push-4 { + position: relative; + left: 33.33333%; } + .large-pull-4 { + position: relative; + left: -33.33333%; } .large-offset-3 { margin-left: 25%; } - .grid-margin-x > .large-offset-3 { - margin-left: calc(25% + 0.9375rem); } + .large-5 { + width: 41.66667%; } + .large-push-5 { + position: relative; + left: 41.66667%; } + .large-pull-5 { + position: relative; + left: -41.66667%; } .large-offset-4 { margin-left: 33.33333%; } - .grid-margin-x > .large-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } + .large-6 { + width: 50%; } + .large-push-6 { + position: relative; + left: 50%; } + .large-pull-6 { + position: relative; + left: -50%; } .large-offset-5 { margin-left: 41.66667%; } - .grid-margin-x > .large-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } + .large-7 { + width: 58.33333%; } + .large-push-7 { + position: relative; + left: 58.33333%; } + .large-pull-7 { + position: relative; + left: -58.33333%; } .large-offset-6 { margin-left: 50%; } - .grid-margin-x > .large-offset-6 { - margin-left: calc(50% + 0.9375rem); } + .large-8 { + width: 66.66667%; } + .large-push-8 { + position: relative; + left: 66.66667%; } + .large-pull-8 { + position: relative; + left: -66.66667%; } .large-offset-7 { margin-left: 58.33333%; } - .grid-margin-x > .large-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } + .large-9 { + width: 75%; } + .large-push-9 { + position: relative; + left: 75%; } + .large-pull-9 { + position: relative; + left: -75%; } .large-offset-8 { margin-left: 66.66667%; } - .grid-margin-x > .large-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } + .large-10 { + width: 83.33333%; } + .large-push-10 { + position: relative; + left: 83.33333%; } + .large-pull-10 { + position: relative; + left: -83.33333%; } .large-offset-9 { margin-left: 75%; } - .grid-margin-x > .large-offset-9 { - margin-left: calc(75% + 0.9375rem); } + .large-11 { + width: 91.66667%; } + .large-push-11 { + position: relative; + left: 91.66667%; } + .large-pull-11 { + position: relative; + left: -91.66667%; } .large-offset-10 { margin-left: 83.33333%; } - .grid-margin-x > .large-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } + .large-12 { + width: 100%; } .large-offset-11 { margin-left: 91.66667%; } - .grid-margin-x > .large-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -.grid-y { - display: -ms-flexbox; - display: flex; - -ms-flex-flow: column nowrap; - flex-flow: column nowrap; } - .grid-y > .cell { - width: auto; } - .grid-y > .auto { - height: auto; } - .grid-y > .shrink { - height: auto; } - .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { - -ms-flex-preferred-size: auto; - flex-basis: auto; } - @media print, screen and (min-width: 40em) { - .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { - -ms-flex-preferred-size: auto; - flex-basis: auto; } } - @media print, screen and (min-width: 64em) { - .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { - -ms-flex-preferred-size: auto; - flex-basis: auto; } } - .grid-y > .small-1 { - height: 8.33333%; } - .grid-y > .small-2 { - height: 16.66667%; } - .grid-y > .small-3 { - height: 25%; } - .grid-y > .small-4 { - height: 33.33333%; } - .grid-y > .small-5 { - height: 41.66667%; } - .grid-y > .small-6 { - height: 50%; } - .grid-y > .small-7 { - height: 58.33333%; } - .grid-y > .small-8 { - height: 66.66667%; } - .grid-y > .small-9 { - height: 75%; } - .grid-y > .small-10 { - height: 83.33333%; } - .grid-y > .small-11 { - height: 91.66667%; } - .grid-y > .small-12 { - height: 100%; } - @media print, screen and (min-width: 40em) { - .grid-y > .medium-auto { - -ms-flex: 1 1 0px; - flex: 1 1 0px; - height: auto; } - .grid-y > .medium-shrink { - height: auto; } - .grid-y > .medium-1 { - height: 8.33333%; } - .grid-y > .medium-2 { - height: 16.66667%; } - .grid-y > .medium-3 { - height: 25%; } - .grid-y > .medium-4 { - height: 33.33333%; } - .grid-y > .medium-5 { - height: 41.66667%; } - .grid-y > .medium-6 { - height: 50%; } - .grid-y > .medium-7 { - height: 58.33333%; } - .grid-y > .medium-8 { - height: 66.66667%; } - .grid-y > .medium-9 { - height: 75%; } - .grid-y > .medium-10 { - height: 83.33333%; } - .grid-y > .medium-11 { - height: 91.66667%; } - .grid-y > .medium-12 { - height: 100%; } } - @media print, screen and (min-width: 64em) { - .grid-y > .large-auto { - -ms-flex: 1 1 0px; - flex: 1 1 0px; - height: auto; } - .grid-y > .large-shrink { - height: auto; } - .grid-y > .large-1 { - height: 8.33333%; } - .grid-y > .large-2 { - height: 16.66667%; } - .grid-y > .large-3 { - height: 25%; } - .grid-y > .large-4 { - height: 33.33333%; } - .grid-y > .large-5 { - height: 41.66667%; } - .grid-y > .large-6 { - height: 50%; } - .grid-y > .large-7 { - height: 58.33333%; } - .grid-y > .large-8 { - height: 66.66667%; } - .grid-y > .large-9 { - height: 75%; } - .grid-y > .large-10 { - height: 83.33333%; } - .grid-y > .large-11 { - height: 91.66667%; } - .grid-y > .large-12 { - height: 100%; } } - -.grid-padding-y .grid-padding-y { - margin-top: -0.625rem; - margin-bottom: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-y .grid-padding-y { - margin-top: -0.9375rem; - margin-bottom: -0.9375rem; } } - -.grid-padding-y > .cell { - padding-top: 0.625rem; - padding-bottom: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-y > .cell { - padding-top: 0.9375rem; - padding-bottom: 0.9375rem; } } - -.grid-margin-y { - margin-top: -0.625rem; - margin-bottom: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y { - margin-top: -0.9375rem; - margin-bottom: -0.9375rem; } } - .grid-margin-y > .cell { - height: calc(100% - 1.25rem); - margin-top: 0.625rem; - margin-bottom: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .cell { - height: calc(100% - 1.875rem); - margin-top: 0.9375rem; - margin-bottom: 0.9375rem; } } - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.25rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.25rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.25rem); } - .grid-margin-y > .small-4 { - height: calc(33.33333% - 1.25rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.25rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.25rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.25rem); } - .grid-margin-y > .small-8 { - height: calc(66.66667% - 1.25rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.25rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.25rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.25rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .small-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .small-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.875rem); } - .grid-margin-y > .medium-auto { - height: auto; } - .grid-margin-y > .medium-shrink { - height: auto; } - .grid-margin-y > .medium-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .medium-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .medium-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .medium-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .medium-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .medium-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .medium-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .medium-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .medium-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .medium-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .medium-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .medium-12 { - height: calc(100% - 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-margin-y > .large-auto { - height: auto; } - .grid-margin-y > .large-shrink { - height: auto; } - .grid-margin-y > .large-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .large-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .large-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .large-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .large-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .large-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .large-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .large-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .large-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .large-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .large-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .large-12 { - height: calc(100% - 1.875rem); } } - -.grid-frame { - overflow: hidden; - position: relative; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -ms-flex-align: stretch; - align-items: stretch; - width: 100vw; } - -.cell .grid-frame { - width: 100%; } - -.cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - -.cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - -.cell-block-container { - display: -ms-flexbox; - display: flex; - -ms-flex-direction: column; - flex-direction: column; - max-height: 100%; } - .cell-block-container > .grid-x { - max-height: 100%; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - -@media print, screen and (min-width: 40em) { - .medium-grid-frame { - overflow: hidden; - position: relative; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -ms-flex-align: stretch; - align-items: stretch; - width: 100vw; } - .cell .medium-grid-frame { - width: 100%; } - .medium-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .medium-cell-block-container { - display: -ms-flexbox; - display: flex; - -ms-flex-direction: column; - flex-direction: column; - max-height: 100%; } - .medium-cell-block-container > .grid-x { - max-height: 100%; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - .medium-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -@media print, screen and (min-width: 64em) { - .large-grid-frame { - overflow: hidden; - position: relative; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -ms-flex-align: stretch; - align-items: stretch; - width: 100vw; } - .cell .large-grid-frame { + .large-up-1 > .column, .large-up-1 > .columns { + float: left; width: 100%; } - .large-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .large-cell-block-container { - display: -ms-flexbox; - display: flex; - -ms-flex-direction: column; - flex-direction: column; - max-height: 100%; } - .large-cell-block-container > .grid-x { - max-height: 100%; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - .large-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -.grid-y.grid-frame { - width: auto; - overflow: hidden; - position: relative; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -ms-flex-align: stretch; - align-items: stretch; - height: 100vh; } - -@media print, screen and (min-width: 40em) { - .grid-y.medium-grid-frame { - width: auto; - overflow: hidden; - position: relative; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -ms-flex-align: stretch; - align-items: stretch; - height: 100vh; } } - -@media print, screen and (min-width: 64em) { - .grid-y.large-grid-frame { - width: auto; - overflow: hidden; - position: relative; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -ms-flex-align: stretch; - align-items: stretch; - height: 100vh; } } - -.cell .grid-y.grid-frame { - height: 100%; } - -@media print, screen and (min-width: 40em) { - .cell .grid-y.medium-grid-frame { - height: 100%; } } - -@media print, screen and (min-width: 64em) { - .cell .grid-y.large-grid-frame { - height: 100%; } } + .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { + clear: none; } + .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { + clear: both; } + .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { + float: left; } + .large-up-2 > .column, .large-up-2 > .columns { + float: left; + width: 50%; } + .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { + clear: none; } + .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { + clear: both; } + .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { + float: left; } + .large-up-3 > .column, .large-up-3 > .columns { + float: left; + width: 33.33333%; } + .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { + clear: none; } + .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { + clear: both; } + .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { + float: left; } + .large-up-4 > .column, .large-up-4 > .columns { + float: left; + width: 25%; } + .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { + clear: none; } + .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { + clear: both; } + .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { + float: left; } + .large-up-5 > .column, .large-up-5 > .columns { + float: left; + width: 20%; } + .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { + clear: none; } + .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { + clear: both; } + .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { + float: left; } + .large-up-6 > .column, .large-up-6 > .columns { + float: left; + width: 16.66667%; } + .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { + clear: none; } + .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { + clear: both; } + .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { + float: left; } + .large-up-7 > .column, .large-up-7 > .columns { + float: left; + width: 14.28571%; } + .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { + clear: none; } + .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { + clear: both; } + .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { + float: left; } + .large-up-8 > .column, .large-up-8 > .columns { + float: left; + width: 12.5%; } + .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { + clear: none; } + .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { + clear: both; } + .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { + float: left; } + .large-collapse > .column, .large-collapse > .columns { + padding-right: 0; + padding-left: 0; } + .large-collapse .row { + margin-right: 0; + margin-left: 0; } + .expanded.row .large-collapse.row { + margin-right: 0; + margin-left: 0; } + .large-uncollapse > .column, .large-uncollapse > .columns { + padding-right: 0.9375rem; + padding-left: 0.9375rem; } + .large-centered { + margin-right: auto; + margin-left: auto; } + .large-centered, .large-centered:last-child:not(:first-child) { + float: none; + clear: both; } + .large-uncentered, + .large-push-0, + .large-pull-0 { + position: static; + float: left; + margin-right: 0; + margin-left: 0; } } -.grid-margin-y { - margin-top: -0.625rem; - margin-bottom: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y { - margin-top: -0.9375rem; - margin-bottom: -0.9375rem; } } - .grid-margin-y > .cell { - height: calc(100% - 1.25rem); - margin-top: 0.625rem; - margin-bottom: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .cell { - height: calc(100% - 1.875rem); - margin-top: 0.9375rem; - margin-bottom: 0.9375rem; } } - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.25rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.25rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.25rem); } - .grid-margin-y > .small-4 { - height: calc(33.33333% - 1.25rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.25rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.25rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.25rem); } - .grid-margin-y > .small-8 { - height: calc(66.66667% - 1.25rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.25rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.25rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.25rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .small-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .small-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.875rem); } - .grid-margin-y > .medium-auto { - height: auto; } - .grid-margin-y > .medium-shrink { - height: auto; } - .grid-margin-y > .medium-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .medium-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .medium-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .medium-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .medium-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .medium-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .medium-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .medium-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .medium-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .medium-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .medium-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .medium-12 { - height: calc(100% - 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-margin-y > .large-auto { - height: auto; } - .grid-margin-y > .large-shrink { - height: auto; } - .grid-margin-y > .large-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .large-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .large-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .large-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .large-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .large-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .large-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .large-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .large-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .large-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .large-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .large-12 { - height: calc(100% - 1.875rem); } } - -.grid-frame.grid-margin-y { - height: calc(100vh + 1.25rem); } +.column-block { + margin-bottom: 1.25rem; } + .column-block > :last-child { + margin-bottom: 0; } @media print, screen and (min-width: 40em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - -@media print, screen and (min-width: 40em) { - .grid-margin-y.medium-grid-frame { - height: calc(100vh + 1.875rem); } } - -@media print, screen and (min-width: 64em) { - .grid-margin-y.large-grid-frame { - height: calc(100vh + 1.875rem); } } - -.align-right { - -ms-flex-pack: end; - justify-content: flex-end; } - -.align-center { - -ms-flex-pack: center; - justify-content: center; } - -.align-justify { - -ms-flex-pack: justify; - justify-content: space-between; } - -.align-spaced { - -ms-flex-pack: distribute; - justify-content: space-around; } - -.align-right.vertical.menu > li > a { - -ms-flex-pack: end; - justify-content: flex-end; } - -.align-center.vertical.menu > li > a { - -ms-flex-pack: center; - justify-content: center; } - -.align-top { - -ms-flex-align: start; - align-items: flex-start; } - -.align-self-top { - -ms-flex-item-align: start; - align-self: flex-start; } - -.align-bottom { - -ms-flex-align: end; - align-items: flex-end; } - -.align-self-bottom { - -ms-flex-item-align: end; - align-self: flex-end; } - -.align-middle { - -ms-flex-align: center; - align-items: center; } - -.align-self-middle { - -ms-flex-item-align: center; - -ms-grid-row-align: center; - align-self: center; } - -.align-stretch { - -ms-flex-align: stretch; - align-items: stretch; } - -.align-self-stretch { - -ms-flex-item-align: stretch; - -ms-grid-row-align: stretch; - align-self: stretch; } - -.align-center-middle { - -ms-flex-pack: center; - justify-content: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; } - -.small-order-1 { - -ms-flex-order: 1; - order: 1; } - -.small-order-2 { - -ms-flex-order: 2; - order: 2; } - -.small-order-3 { - -ms-flex-order: 3; - order: 3; } - -.small-order-4 { - -ms-flex-order: 4; - order: 4; } - -.small-order-5 { - -ms-flex-order: 5; - order: 5; } - -.small-order-6 { - -ms-flex-order: 6; - order: 6; } - -@media print, screen and (min-width: 40em) { - .medium-order-1 { - -ms-flex-order: 1; - order: 1; } - .medium-order-2 { - -ms-flex-order: 2; - order: 2; } - .medium-order-3 { - -ms-flex-order: 3; - order: 3; } - .medium-order-4 { - -ms-flex-order: 4; - order: 4; } - .medium-order-5 { - -ms-flex-order: 5; - order: 5; } - .medium-order-6 { - -ms-flex-order: 6; - order: 6; } } - -@media print, screen and (min-width: 64em) { - .large-order-1 { - -ms-flex-order: 1; - order: 1; } - .large-order-2 { - -ms-flex-order: 2; - order: 2; } - .large-order-3 { - -ms-flex-order: 3; - order: 3; } - .large-order-4 { - -ms-flex-order: 4; - order: 4; } - .large-order-5 { - -ms-flex-order: 5; - order: 5; } - .large-order-6 { - -ms-flex-order: 6; - order: 6; } } - -.flex-container { - display: -ms-flexbox; - display: flex; } - -.flex-child-auto { - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - -.flex-child-grow { - -ms-flex: 1 0 auto; - flex: 1 0 auto; } - -.flex-child-shrink { - -ms-flex: 0 1 auto; - flex: 0 1 auto; } - -.flex-dir-row { - -ms-flex-direction: row; - flex-direction: row; } - -.flex-dir-row-reverse { - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; } - -.flex-dir-column { - -ms-flex-direction: column; - flex-direction: column; } - -.flex-dir-column-reverse { - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; } - -@media print, screen and (min-width: 40em) { - .medium-flex-container { - display: -ms-flexbox; - display: flex; } - .medium-flex-child-auto { - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - .medium-flex-child-grow { - -ms-flex: 1 0 auto; - flex: 1 0 auto; } - .medium-flex-child-shrink { - -ms-flex: 0 1 auto; - flex: 0 1 auto; } - .medium-flex-dir-row { - -ms-flex-direction: row; - flex-direction: row; } - .medium-flex-dir-row-reverse { - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; } - .medium-flex-dir-column { - -ms-flex-direction: column; - flex-direction: column; } - .medium-flex-dir-column-reverse { - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; } } - -@media print, screen and (min-width: 64em) { - .large-flex-container { - display: -ms-flexbox; - display: flex; } - .large-flex-child-auto { - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - .large-flex-child-grow { - -ms-flex: 1 0 auto; - flex: 1 0 auto; } - .large-flex-child-shrink { - -ms-flex: 0 1 auto; - flex: 0 1 auto; } - .large-flex-dir-row { - -ms-flex-direction: row; - flex-direction: row; } - .large-flex-dir-row-reverse { - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; } - .large-flex-dir-column { - -ms-flex-direction: column; - flex-direction: column; } - .large-flex-dir-column-reverse { - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; } } + .column-block { + margin-bottom: 1.875rem; } + .column-block > :last-child { + margin-bottom: 0; } } div, dl, @@ -2219,74 +1309,74 @@ small { font-size: 80%; line-height: inherit; } -h1, .h1, -h2, .h2, -h3, .h3, -h4, .h4, -h5, .h5, -h6, .h6 { +h1, +h2, +h3, +h4, +h5, +h6 { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; color: inherit; text-rendering: optimizeLegibility; } - h1 small, .h1 small, - h2 small, .h2 small, - h3 small, .h3 small, - h4 small, .h4 small, - h5 small, .h5 small, - h6 small, .h6 small { + h1 small, + h2 small, + h3 small, + h4 small, + h5 small, + h6 small { line-height: 0; color: #cacaca; } -h1, .h1 { +h1 { font-size: 1.5rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } -h2, .h2 { +h2 { font-size: 1.25rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } -h3, .h3 { +h3 { font-size: 1.1875rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } -h4, .h4 { +h4 { font-size: 1.125rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } -h5, .h5 { +h5 { font-size: 1.0625rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } -h6, .h6 { +h6 { font-size: 1rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } @media print, screen and (min-width: 40em) { - h1, .h1 { + h1 { font-size: 3rem; } - h2, .h2 { + h2 { font-size: 2.5rem; } - h3, .h3 { + h3 { font-size: 1.9375rem; } - h4, .h4 { + h4 { font-size: 1.5625rem; } - h5, .h5 { + h5 { font-size: 1.25rem; } - h6, .h6 { + h6 { font-size: 1rem; } } a { @@ -2351,10 +1441,10 @@ cite { cite:before { content: "— "; } -abbr, abbr[title] { +abbr { border-bottom: 1px dotted #0a0a0a; - cursor: help; - text-decoration: none; } + color: #0a0a0a; + cursor: help; } figure { margin: 0; } @@ -2391,7 +1481,7 @@ kbd { p + .stat { margin-top: -1rem; } -ul.no-bullet, ol.no-bullet { +.no-bullet { margin-left: 0; list-style: none; } @@ -2433,7 +1523,8 @@ ul.no-bullet, ol.no-bullet { @media print { * { background: transparent !important; - box-shadow: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; color: black !important; text-shadow: none !important; } .show-for-print { @@ -2483,274 +1574,13 @@ ul.no-bullet, ol.no-bullet { widows: 3; } h2, h3 { - page-break-after: avoid; } - .print-break-inside { - page-break-inside: auto; } } - -.button { - display: inline-block; - vertical-align: middle; - margin: 0 0 1rem 0; - font-family: inherit; - padding: 0.85em 1em; - -webkit-appearance: none; - border: 1px solid transparent; - border-radius: 0; - transition: background-color 0.25s ease-out, color 0.25s ease-out; - font-size: 0.9rem; - line-height: 1; - text-align: center; - cursor: pointer; - background-color: #1779ba; - color: #fefefe; } - [data-whatinput='mouse'] .button { - outline: 0; } - .button:hover, .button:focus { - background-color: #14679e; - color: #fefefe; } - .button.tiny { - font-size: 0.6rem; } - .button.small { - font-size: 0.75rem; } - .button.large { - font-size: 1.25rem; } - .button.expanded { - display: block; - width: 100%; - margin-right: 0; - margin-left: 0; } - .button.primary { - background-color: #1779ba; - color: #fefefe; } - .button.primary:hover, .button.primary:focus { - background-color: #126195; - color: #fefefe; } - .button.secondary { - background-color: #767676; - color: #fefefe; } - .button.secondary:hover, .button.secondary:focus { - background-color: #5e5e5e; - color: #fefefe; } - .button.success { - background-color: #3adb76; - color: #0a0a0a; } - .button.success:hover, .button.success:focus { - background-color: #22bb5b; - color: #0a0a0a; } - .button.warning { - background-color: #ffae00; - color: #0a0a0a; } - .button.warning:hover, .button.warning:focus { - background-color: #cc8b00; - color: #0a0a0a; } - .button.alert { - background-color: #cc4b37; - color: #fefefe; } - .button.alert:hover, .button.alert:focus { - background-color: #a53b2a; - color: #fefefe; } - .button.disabled, .button[disabled] { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus { - background-color: #1779ba; - color: #fefefe; } - .button.disabled.primary, .button[disabled].primary { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus { - background-color: #1779ba; - color: #fefefe; } - .button.disabled.secondary, .button[disabled].secondary { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus { - background-color: #767676; - color: #fefefe; } - .button.disabled.success, .button[disabled].success { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus { - background-color: #3adb76; - color: #0a0a0a; } - .button.disabled.warning, .button[disabled].warning { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus { - background-color: #ffae00; - color: #0a0a0a; } - .button.disabled.alert, .button[disabled].alert { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus { - background-color: #cc4b37; - color: #fefefe; } - .button.hollow { - border: 1px solid #1779ba; - color: #1779ba; } - .button.hollow, .button.hollow:hover, .button.hollow:focus { - background-color: transparent; } - .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { - background-color: transparent; } - .button.hollow:hover, .button.hollow:focus { - border-color: #0c3d5d; - color: #0c3d5d; } - .button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] { - border: 1px solid #1779ba; - color: #1779ba; } - .button.hollow.primary { - border: 1px solid #1779ba; - color: #1779ba; } - .button.hollow.primary:hover, .button.hollow.primary:focus { - border-color: #0c3d5d; - color: #0c3d5d; } - .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] { - border: 1px solid #1779ba; - color: #1779ba; } - .button.hollow.secondary { - border: 1px solid #767676; - color: #767676; } - .button.hollow.secondary:hover, .button.hollow.secondary:focus { - border-color: #3b3b3b; - color: #3b3b3b; } - .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] { - border: 1px solid #767676; - color: #767676; } - .button.hollow.success { - border: 1px solid #3adb76; - color: #3adb76; } - .button.hollow.success:hover, .button.hollow.success:focus { - border-color: #157539; - color: #157539; } - .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] { - border: 1px solid #3adb76; - color: #3adb76; } - .button.hollow.warning { - border: 1px solid #ffae00; - color: #ffae00; } - .button.hollow.warning:hover, .button.hollow.warning:focus { - border-color: #805700; - color: #805700; } - .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] { - border: 1px solid #ffae00; - color: #ffae00; } - .button.hollow.alert { - border: 1px solid #cc4b37; - color: #cc4b37; } - .button.hollow.alert:hover, .button.hollow.alert:focus { - border-color: #67251a; - color: #67251a; } - .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] { - border: 1px solid #cc4b37; - color: #cc4b37; } - .button.clear { - border: 1px solid #1779ba; - color: #1779ba; } - .button.clear, .button.clear:hover, .button.clear:focus { - background-color: transparent; } - .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { - background-color: transparent; } - .button.clear:hover, .button.clear:focus { - border-color: #0c3d5d; - color: #0c3d5d; } - .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] { - border: 1px solid #1779ba; - color: #1779ba; } - .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] { - border-color: transparent; } - .button.clear.primary { - border: 1px solid #1779ba; - color: #1779ba; } - .button.clear.primary:hover, .button.clear.primary:focus { - border-color: #0c3d5d; - color: #0c3d5d; } - .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] { - border: 1px solid #1779ba; - color: #1779ba; } - .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] { - border-color: transparent; } - .button.clear.secondary { - border: 1px solid #767676; - color: #767676; } - .button.clear.secondary:hover, .button.clear.secondary:focus { - border-color: #3b3b3b; - color: #3b3b3b; } - .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] { - border: 1px solid #767676; - color: #767676; } - .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] { - border-color: transparent; } - .button.clear.success { - border: 1px solid #3adb76; - color: #3adb76; } - .button.clear.success:hover, .button.clear.success:focus { - border-color: #157539; - color: #157539; } - .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] { - border: 1px solid #3adb76; - color: #3adb76; } - .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] { - border-color: transparent; } - .button.clear.warning { - border: 1px solid #ffae00; - color: #ffae00; } - .button.clear.warning:hover, .button.clear.warning:focus { - border-color: #805700; - color: #805700; } - .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] { - border: 1px solid #ffae00; - color: #ffae00; } - .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] { - border-color: transparent; } - .button.clear.alert { - border: 1px solid #cc4b37; - color: #cc4b37; } - .button.clear.alert:hover, .button.clear.alert:focus { - border-color: #67251a; - color: #67251a; } - .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] { - border: 1px solid #cc4b37; - color: #cc4b37; } - .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] { - border-color: transparent; } - .button.dropdown::after { - display: block; - width: 0; - height: 0; - border: inset 0.4em; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #fefefe transparent transparent; - position: relative; - top: 0.4em; - display: inline-block; - float: right; - margin-left: 1em; } - .button.dropdown.hollow::after { - border-top-color: #1779ba; } - .button.dropdown.hollow.primary::after { - border-top-color: #1779ba; } - .button.dropdown.hollow.secondary::after { - border-top-color: #767676; } - .button.dropdown.hollow.success::after { - border-top-color: #3adb76; } - .button.dropdown.hollow.warning::after { - border-top-color: #ffae00; } - .button.dropdown.hollow.alert::after { - border-top-color: #cc4b37; } - .button.arrow-only::after { - top: -0.1em; - float: none; - margin-left: 0; } - -a.button:hover, a.button:focus { - text-decoration: none; } + page-break-after: avoid; } } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: block; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 1rem; @@ -2758,13 +1588,16 @@ textarea { border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; - line-height: 1.5; color: #0a0a0a; + -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @@ -2773,8 +1606,12 @@ textarea { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; - box-shadow: 0 0 5px #cacaca; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } + -webkit-box-shadow: 0 0 5px #cacaca; + box-shadow: 0 0 5px #cacaca; + -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } textarea { max-width: 100%; } @@ -2811,7 +1648,8 @@ textarea[readonly] { border-radius: 0; } input[type='search'] { - box-sizing: border-box; } + -webkit-box-sizing: border-box; + box-sizing: border-box; } [type='file'], [type='checkbox'], @@ -2854,12 +1692,9 @@ label { color: #0a0a0a; } .input-group { - display: -ms-flexbox; - display: flex; + display: table; width: 100%; - margin-bottom: 1rem; - -ms-flex-align: stretch; - align-items: stretch; } + margin-bottom: 1rem; } .input-group > :first-child { border-radius: 0 0 0 0; } .input-group > :last-child > * { @@ -2870,7 +1705,9 @@ label { .input-group-button button, .input-group-button label { margin: 0; - white-space: nowrap; } + white-space: nowrap; + display: table-cell; + vertical-align: middle; } .input-group-label { padding: 0 1rem; @@ -2879,12 +1716,8 @@ label { color: #0a0a0a; text-align: center; white-space: nowrap; - display: -ms-flexbox; - display: flex; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-align: center; - align-items: center; } + width: 1%; + height: 100%; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { @@ -2892,31 +1725,26 @@ label { .input-group-field { border-radius: 0; - -ms-flex: 1 1 0px; - flex: 1 1 0px; - height: auto; - min-width: 0; } + height: 2.5rem; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; - display: -ms-flexbox; - display: flex; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } + width: 1%; + height: 100%; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { - height: auto; - -ms-flex-item-align: stretch; - -ms-grid-row-align: stretch; - align-self: stretch; + height: 2.5rem; padding-top: 0; padding-bottom: 0; font-size: 1rem; } +.input-group .input-group-button { + display: table-cell; } + fieldset { margin: 0; padding: 0; @@ -2933,7 +1761,8 @@ legend { .fieldset legend { margin: 0; margin-left: -0.1875rem; - padding: 0 0.1875rem; } + padding: 0 0.1875rem; + background: #fefefe; } select { height: 2.4375rem; @@ -2947,16 +1776,20 @@ select { background-color: #fefefe; font-family: inherit; font-size: 1rem; - font-weight: normal; - line-height: 1.5; + line-height: normal; color: #0a0a0a; background-image: url("data:image/svg+xml;utf8,"); - background-origin: content-box; + -webkit-background-origin: content-box; + background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; - background-size: 9px 6px; + -webkit-background-size: 9px 6px; + background-size: 9px 6px; padding-right: 1.5rem; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } + -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } @media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } @@ -2964,8 +1797,12 @@ select { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; - box-shadow: 0 0 5px #cacaca; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } + -webkit-box-shadow: 0 0 5px #cacaca; + box-shadow: 0 0 5px #cacaca; + -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } select:disabled { background-color: #e6e6e6; cursor: not-allowed; } @@ -3000,12 +1837,165 @@ select { .form-error.is-visible { display: block; } +.button { + display: inline-block; + vertical-align: middle; + margin: 0 0 1rem 0; + padding: 0.85em 1em; + -webkit-appearance: none; + border: 1px solid transparent; + border-radius: 0; + -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out; + transition: background-color 0.25s ease-out, color 0.25s ease-out; + font-size: 0.9rem; + line-height: 1; + text-align: center; + cursor: pointer; + background-color: #1779ba; + color: #fefefe; } + [data-whatinput='mouse'] .button { + outline: 0; } + .button:hover, .button:focus { + background-color: #14679e; + color: #fefefe; } + .button.tiny { + font-size: 0.6rem; } + .button.small { + font-size: 0.75rem; } + .button.large { + font-size: 1.25rem; } + .button.expanded { + display: block; + width: 100%; + margin-right: 0; + margin-left: 0; } + .button.primary { + background-color: #1779ba; + color: #fefefe; } + .button.primary:hover, .button.primary:focus { + background-color: #126195; + color: #fefefe; } + .button.secondary { + background-color: #767676; + color: #fefefe; } + .button.secondary:hover, .button.secondary:focus { + background-color: #5e5e5e; + color: #fefefe; } + .button.success { + background-color: #3adb76; + color: #0a0a0a; } + .button.success:hover, .button.success:focus { + background-color: #22bb5b; + color: #0a0a0a; } + .button.warning { + background-color: #ffae00; + color: #0a0a0a; } + .button.warning:hover, .button.warning:focus { + background-color: #cc8b00; + color: #0a0a0a; } + .button.alert { + background-color: #cc4b37; + color: #fefefe; } + .button.alert:hover, .button.alert:focus { + background-color: #a53b2a; + color: #fefefe; } + .button.hollow { + border: 1px solid #1779ba; + color: #1779ba; } + .button.hollow, .button.hollow:hover, .button.hollow:focus { + background-color: transparent; } + .button.hollow:hover, .button.hollow:focus { + border-color: #0c3d5d; + color: #0c3d5d; } + .button.hollow.primary { + border: 1px solid #1779ba; + color: #1779ba; } + .button.hollow.primary:hover, .button.hollow.primary:focus { + border-color: #0c3d5d; + color: #0c3d5d; } + .button.hollow.secondary { + border: 1px solid #767676; + color: #767676; } + .button.hollow.secondary:hover, .button.hollow.secondary:focus { + border-color: #3b3b3b; + color: #3b3b3b; } + .button.hollow.success { + border: 1px solid #3adb76; + color: #3adb76; } + .button.hollow.success:hover, .button.hollow.success:focus { + border-color: #157539; + color: #157539; } + .button.hollow.warning { + border: 1px solid #ffae00; + color: #ffae00; } + .button.hollow.warning:hover, .button.hollow.warning:focus { + border-color: #805700; + color: #805700; } + .button.hollow.alert { + border: 1px solid #cc4b37; + color: #cc4b37; } + .button.hollow.alert:hover, .button.hollow.alert:focus { + border-color: #67251a; + color: #67251a; } + .button.disabled, .button[disabled] { + opacity: 0.25; + cursor: not-allowed; } + .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus { + background-color: #1779ba; + color: #fefefe; } + .button.disabled.primary, .button[disabled].primary { + opacity: 0.25; + cursor: not-allowed; } + .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus { + background-color: #1779ba; + color: #fefefe; } + .button.disabled.secondary, .button[disabled].secondary { + opacity: 0.25; + cursor: not-allowed; } + .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus { + background-color: #767676; + color: #fefefe; } + .button.disabled.success, .button[disabled].success { + opacity: 0.25; + cursor: not-allowed; } + .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus { + background-color: #3adb76; + color: #0a0a0a; } + .button.disabled.warning, .button[disabled].warning { + opacity: 0.25; + cursor: not-allowed; } + .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus { + background-color: #ffae00; + color: #0a0a0a; } + .button.disabled.alert, .button[disabled].alert { + opacity: 0.25; + cursor: not-allowed; } + .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus { + background-color: #cc4b37; + color: #fefefe; } + .button.dropdown::after { + display: block; + width: 0; + height: 0; + border: inset 0.4em; + content: ''; + border-bottom-width: 0; + border-top-style: solid; + border-color: #fefefe transparent transparent; + position: relative; + top: 0.4em; + display: inline-block; + float: right; + margin-left: 1em; } + .button.arrow-only::after { + top: -0.1em; + float: none; + margin-left: 0; } + .accordion { margin-left: 0; background: #fefefe; list-style-type: none; } - .accordion[disabled] .accordion-title { - cursor: not-allowed; } .accordion-item:first-child > :first-child { border-radius: 0 0 0 0; } @@ -3046,26 +2036,9 @@ select { :last-child > .accordion-content:last-child { border-bottom: 1px solid #e6e6e6; } -.accordion-menu li { - width: 100%; } - -.accordion-menu a { - padding: 0.7rem 1rem; } - -.accordion-menu .is-accordion-submenu a { - padding: 0.7rem 1rem; } - -.accordion-menu .nested.is-accordion-submenu { - margin-right: 0; - margin-left: 1rem; } - -.accordion-menu.align-right .nested.is-accordion-submenu { - margin-right: 1rem; - margin-left: 0; } - -.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { +.is-accordion-submenu-parent > a { position: relative; } - .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { + .is-accordion-submenu-parent > a::after { display: block; width: 0; height: 0; @@ -3079,63 +2052,13 @@ select { margin-top: -3px; right: 1rem; } -.accordion-menu.align-left .is-accordion-submenu-parent > a::after { - left: auto; - right: 1rem; } - -.accordion-menu.align-right .is-accordion-submenu-parent > a::after { - right: auto; - left: 1rem; } - -.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after { - -ms-transform: rotate(180deg); - transform: rotate(180deg); - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; } - -.is-accordion-submenu-parent { - position: relative; } - -.has-submenu-toggle > a { - margin-right: 40px; } - -.submenu-toggle { - position: absolute; - top: 0; - right: 0; - cursor: pointer; - width: 40px; - height: 40px; } - .submenu-toggle::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #1779ba transparent transparent; - top: 0; - bottom: 0; - margin: auto; } - -.submenu-toggle[aria-expanded='true']::after { - -ms-transform: scaleY(-1); - transform: scaleY(-1); - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; } - -.submenu-toggle-text { - position: absolute !important; - width: 1px; - height: 1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - -webkit-clip-path: inset(50%); - clip-path: inset(50%); - border: 0; } +.is-accordion-submenu-parent[aria-expanded='true'] > a::after { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); + -webkit-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; } .badge { display: inline-block; @@ -3167,11 +2090,7 @@ select { list-style: none; } .breadcrumbs::before, .breadcrumbs::after { display: table; - content: ' '; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -ms-flex-order: 1; - order: 1; } + content: ' '; } .breadcrumbs::after { clear: both; } .breadcrumbs li { @@ -3182,6 +2101,7 @@ select { text-transform: uppercase; } .breadcrumbs li:not(:last-child)::after { position: relative; + top: 1px; margin: 0 0.75rem; opacity: 1; content: "/"; @@ -3196,28 +2116,17 @@ select { .button-group { margin-bottom: 1rem; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -ms-flex-align: stretch; - align-items: stretch; } + font-size: 0; } .button-group::before, .button-group::after { display: table; - content: ' '; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -ms-flex-order: 1; - order: 1; } + content: ' '; } .button-group::after { clear: both; } .button-group .button { margin: 0; margin-right: 1px; margin-bottom: 1px; - font-size: 0.9rem; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } + font-size: 0.9rem; } .button-group .button:last-child { margin-right: 0; } .button-group.tiny .button { @@ -3226,9 +2135,42 @@ select { font-size: 0.75rem; } .button-group.large .button { font-size: 1.25rem; } - .button-group.expanded .button { - -ms-flex: 1 1 0px; - flex: 1 1 0px; } + .button-group.expanded { + margin-right: -1px; } + .button-group.expanded::before, .button-group.expanded::after { + display: none; } + .button-group.expanded .button:first-child:last-child { + width: 100%; } + .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button { + display: inline-block; + width: calc(50% - 1px); + margin-right: 1px; } + .button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child { + margin-right: -6px; } + .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button { + display: inline-block; + width: calc(33.33333% - 1px); + margin-right: 1px; } + .button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child { + margin-right: -6px; } + .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button { + display: inline-block; + width: calc(25% - 1px); + margin-right: 1px; } + .button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child { + margin-right: -6px; } + .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button { + display: inline-block; + width: calc(20% - 1px); + margin-right: 1px; } + .button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child { + margin-right: -6px; } + .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button { + display: inline-block; + width: calc(16.66667% - 1px); + margin-right: 1px; } + .button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child { + margin-right: -6px; } .button-group.primary .button { background-color: #1779ba; color: #fefefe; } @@ -3259,23 +2201,17 @@ select { .button-group.alert .button:hover, .button-group.alert .button:focus { background-color: #a53b2a; color: #fefefe; } - .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { - -ms-flex: 0 0 100%; - flex: 0 0 100%; } - .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { - margin-bottom: 0; } + .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { + width: 100%; } + .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { + margin-bottom: 0; } @media print, screen and (min-width: 40em) { .button-group.stacked-for-small .button { - -ms-flex: 1 1 0px; - flex: 1 1 0px; + width: auto; margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .button-group.stacked-for-medium .button { - -ms-flex: 1 1 0px; - flex: 1 1 0px; + width: auto; margin-bottom: 0; } } @media screen and (max-width: 39.9375em) { .button-group.stacked-for-small.expanded { @@ -3284,43 +2220,6 @@ select { display: block; margin-right: 0; } } -.card { - display: -ms-flexbox; - display: flex; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-positive: 1; - flex-grow: 1; - margin-bottom: 1rem; - border: 1px solid #e6e6e6; - border-radius: 0; - background: #fefefe; - box-shadow: none; - overflow: hidden; - color: #0a0a0a; } - .card > :last-child { - margin-bottom: 0; } - -.card-divider { - -ms-flex: 0 1 auto; - flex: 0 1 auto; - display: -ms-flexbox; - display: flex; - padding: 1rem; - background: #e6e6e6; } - .card-divider > :last-child { - margin-bottom: 0; } - -.card-section { - -ms-flex: 1 0 auto; - flex: 1 0 auto; - padding: 1rem; } - .card-section > :last-child { - margin-bottom: 0; } - -.card-image { - min-height: 1px; } - .callout { position: relative; margin: 0 0 1rem 0; @@ -3359,6 +2258,29 @@ select { padding-bottom: 3rem; padding-left: 3rem; } +.card { + margin-bottom: 1rem; + border: 1px solid #e6e6e6; + border-radius: 0; + background: #fefefe; + -webkit-box-shadow: none; + box-shadow: none; + overflow: hidden; + color: #0a0a0a; } + .card > :last-child { + margin-bottom: 0; } + +.card-divider { + padding: 1rem; + background: #e6e6e6; } + .card-divider > :last-child { + margin-bottom: 0; } + +.card-section { + padding: 1rem; } + .card-section > :last-child { + margin-bottom: 0; } + .close-button { position: absolute; color: #8a8a8a; @@ -3379,178 +2301,120 @@ select { line-height: 1; } .menu { - padding: 0; margin: 0; - list-style: none; - position: relative; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - [data-whatinput='mouse'] .menu li { - outline: 0; } - .menu a, - .menu .button { - line-height: 1; - text-decoration: none; + list-style-type: none; } + .menu > li { + display: table-cell; + vertical-align: middle; } + [data-whatinput='mouse'] .menu > li { + outline: 0; } + .menu > li > a { display: block; - padding: 0.7rem 1rem; } + padding: 0.7rem 1rem; + line-height: 1; } .menu input, .menu select, .menu a, .menu button { margin-bottom: 0; } - .menu input { + .menu > li > a img, + .menu > li > a i, + .menu > li > a svg { + vertical-align: middle; } + .menu > li > a img + span, + .menu > li > a i + span, + .menu > li > a svg + span { + vertical-align: middle; } + .menu > li > a img, + .menu > li > a i, + .menu > li > a svg { + margin-right: 0.25rem; display: inline-block; } - .menu, .menu.horizontal { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -ms-flex-direction: row; - flex-direction: row; } - .menu.vertical { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -ms-flex-direction: column; - flex-direction: column; } - .menu.expanded li { - -ms-flex: 1 1 0px; - flex: 1 1 0px; } - .menu.simple { - -ms-flex-align: center; - align-items: center; } - .menu.simple li + li { - margin-left: 1rem; } - .menu.simple a { - padding: 0; } + .menu > li, .menu.horizontal > li { + display: table-cell; } + .menu.expanded { + display: table; + width: 100%; + table-layout: fixed; } + .menu.expanded > li:first-child:last-child { + width: 100%; } + .menu.vertical > li { + display: block; } @media print, screen and (min-width: 40em) { - .menu.medium-horizontal { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -ms-flex-direction: row; - flex-direction: row; } - .menu.medium-vertical { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -ms-flex-direction: column; - flex-direction: column; } - .menu.medium-expanded li { - -ms-flex: 1 1 0px; - flex: 1 1 0px; } - .menu.medium-simple li { - -ms-flex: 1 1 0px; - flex: 1 1 0px; } } + .menu.medium-horizontal > li { + display: table-cell; } + .menu.medium-expanded { + display: table; + width: 100%; + table-layout: fixed; } + .menu.medium-expanded > li:first-child:last-child { + width: 100%; } + .menu.medium-vertical > li { + display: block; } } @media print, screen and (min-width: 64em) { - .menu.large-horizontal { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -ms-flex-direction: row; - flex-direction: row; } - .menu.large-vertical { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -ms-flex-direction: column; - flex-direction: column; } - .menu.large-expanded li { - -ms-flex: 1 1 0px; - flex: 1 1 0px; } - .menu.large-simple li { - -ms-flex: 1 1 0px; - flex: 1 1 0px; } } - .menu.nested { + .menu.large-horizontal > li { + display: table-cell; } + .menu.large-expanded { + display: table; + width: 100%; + table-layout: fixed; } + .menu.large-expanded > li:first-child:last-child { + width: 100%; } + .menu.large-vertical > li { + display: block; } } + .menu.simple li { + display: inline-block; + vertical-align: top; + line-height: 1; } + .menu.simple a { + padding: 0; } + .menu.simple li { + margin-left: 0; + margin-right: 1rem; } + .menu.simple.align-right li { margin-right: 0; margin-left: 1rem; } - .menu.icons a { - display: -ms-flexbox; - display: flex; } - .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { - display: -ms-flexbox; - display: flex; } - .menu.icon-left li a { - -ms-flex-flow: row nowrap; - flex-flow: row nowrap; } - .menu.icon-left li a img, - .menu.icon-left li a i, - .menu.icon-left li a svg { - margin-right: 0.25rem; } - .menu.icon-right li a { - -ms-flex-flow: row nowrap; - flex-flow: row nowrap; } - .menu.icon-right li a img, - .menu.icon-right li a i, - .menu.icon-right li a svg { - margin-left: 0.25rem; } - .menu.icon-top li a { - -ms-flex-flow: column nowrap; - flex-flow: column nowrap; } - .menu.icon-top li a img, - .menu.icon-top li a i, - .menu.icon-top li a svg { - -ms-flex-item-align: stretch; - -ms-grid-row-align: stretch; - align-self: stretch; - margin-bottom: 0.25rem; - text-align: center; } - .menu.icon-bottom li a { - -ms-flex-flow: column nowrap; - flex-flow: column nowrap; } - .menu.icon-bottom li a img, - .menu.icon-bottom li a i, - .menu.icon-bottom li a svg { - -ms-flex-item-align: stretch; - -ms-grid-row-align: stretch; - align-self: stretch; - margin-bottom: 0.25rem; - text-align: center; } - .menu .is-active > a { - background: #1779ba; - color: #fefefe; } + .menu.align-right::before, .menu.align-right::after { + display: table; + content: ' '; } + .menu.align-right::after { + clear: both; } + .menu.align-right > li { + float: right; } + .menu.icon-top > li > a { + text-align: center; } + .menu.icon-top > li > a img, + .menu.icon-top > li > a i, + .menu.icon-top > li > a svg { + display: block; + margin: 0 auto 0.25rem; } + .menu.icon-top.vertical a > span { + margin: auto; } + .menu.nested { + margin-left: 1rem; } .menu .active > a { background: #1779ba; color: #fefefe; } - .menu.align-left { - -ms-flex-pack: start; - justify-content: flex-start; } - .menu.align-right li { - display: -ms-flexbox; - display: flex; - -ms-flex-pack: end; - justify-content: flex-end; } - .menu.align-right li .submenu li { - -ms-flex-pack: start; - justify-content: flex-start; } - .menu.align-right.vertical li { - display: block; - text-align: right; } - .menu.align-right.vertical li .submenu li { - text-align: right; } - .menu.align-right .nested { - margin-right: 1rem; - margin-left: 0; } - .menu.align-center li { - display: -ms-flexbox; - display: flex; - -ms-flex-pack: center; - justify-content: center; } - .menu.align-center li .submenu li { - -ms-flex-pack: start; - justify-content: flex-start; } - .menu .menu-text { - padding: 0.7rem 1rem; - font-weight: bold; - line-height: 1; - color: inherit; } - -.menu-centered > .menu { - -ms-flex-pack: center; - justify-content: center; } - .menu-centered > .menu li { - display: -ms-flexbox; - display: flex; - -ms-flex-pack: center; - justify-content: center; } - .menu-centered > .menu li .submenu li { - -ms-flex-pack: start; - justify-content: flex-start; } + .menu.menu-bordered li { + border: 1px solid #e6e6e6; } + .menu.menu-bordered li:not(:first-child) { + border-top: 0; } + .menu.menu-hover li:hover { + background-color: #e6e6e6; } + +.menu-text { + padding-top: 0; + padding-bottom: 0; + padding: 0.7rem 1rem; + font-weight: bold; + line-height: 1; + color: inherit; } + +.menu-centered { + text-align: center; } + .menu-centered > .menu { + display: inline-block; + vertical-align: top; } .no-js [data-responsive-menu] ul { display: none; } @@ -3570,11 +2434,13 @@ select { width: 100%; height: 2px; background: #fefefe; - box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; + -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; + box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; content: ''; } .menu-icon:hover::after { background: #cacaca; - box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; } + -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; + box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; } .menu-icon.dark { position: relative; @@ -3591,11 +2457,13 @@ select { width: 100%; height: 2px; background: #0a0a0a; - box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; + -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; + box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; content: ''; } .menu-icon.dark:hover::after { background: #8a8a8a; - box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } + -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; + box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } .is-drilldown { position: relative; @@ -3603,45 +2471,37 @@ select { .is-drilldown li { display: block; } .is-drilldown.animate-height { + -webkit-transition: height 0.5s; transition: height 0.5s; } -.drilldown a { - padding: 0.7rem 1rem; - background: #fefefe; } - -.drilldown .is-drilldown-submenu { +.is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; background: #fefefe; - transition: transform 0.15s linear; } - .drilldown .is-drilldown-submenu.is-active { + -webkit-transition: -webkit-transform 0.15s linear; + transition: -webkit-transform 0.15s linear; + transition: transform 0.15s linear; + transition: transform 0.15s linear, -webkit-transform 0.15s linear; } + .is-drilldown-submenu.is-active { z-index: 1; display: block; - -ms-transform: translateX(-100%); - transform: translateX(-100%); } - .drilldown .is-drilldown-submenu.is-closing { - -ms-transform: translateX(100%); - transform: translateX(100%); } - .drilldown .is-drilldown-submenu a { - padding: 0.7rem 1rem; } - -.drilldown .nested.is-drilldown-submenu { - margin-right: 0; - margin-left: 0; } - -.drilldown .drilldown-submenu-cover-previous { + -webkit-transform: translateX(-100%); + -ms-transform: translateX(-100%); + transform: translateX(-100%); } + .is-drilldown-submenu.is-closing { + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); } + +.drilldown-submenu-cover-previous { min-height: 100%; } -.drilldown .is-drilldown-submenu-parent > a { +.is-drilldown-submenu-parent > a { position: relative; } - .drilldown .is-drilldown-submenu-parent > a::after { - position: absolute; - top: 50%; - margin-top: -6px; - right: 1rem; + .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; @@ -3649,33 +2509,13 @@ select { content: ''; border-right-width: 0; border-left-style: solid; - border-color: transparent transparent transparent #1779ba; } - -.drilldown.align-left .is-drilldown-submenu-parent > a::after { - left: auto; - right: 1rem; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #1779ba; } - -.drilldown.align-right .is-drilldown-submenu-parent > a::after { - right: auto; - left: 1rem; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #1779ba transparent transparent; } + border-color: transparent transparent transparent #1779ba; + position: absolute; + top: 50%; + margin-top: -6px; + right: 1rem; } -.drilldown .js-drilldown-back > a::before { +.js-drilldown-back > a::before { display: block; width: 0; height: 0; @@ -3693,19 +2533,16 @@ select { .dropdown-pane { position: absolute; z-index: 10; + display: block; width: 300px; padding: 1rem; visibility: hidden; - display: none; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; font-size: 1rem; } - .dropdown-pane.is-opening { - display: block; } .dropdown-pane.is-open { - visibility: visible; - display: block; } + visibility: visible; } .dropdown-pane.tiny { width: 100px; } @@ -3740,32 +2577,20 @@ select { border-top-style: solid; border-color: #1779ba transparent transparent; right: 5px; - left: auto; margin-top: -3px; } -.dropdown.menu a { - padding: 0.7rem 1rem; } - [data-whatinput='mouse'] .dropdown.menu a { - outline: 0; } - -.dropdown.menu .is-active > a { - background: transparent; - color: #1779ba; } +[data-whatinput='mouse'] .dropdown.menu a { + outline: 0; } .no-js .dropdown.menu ul { display: none; } -.dropdown.menu .nested.is-dropdown-submenu { - margin-right: 0; - margin-left: 0; } - .dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { right: 100%; - left: auto; - top: 0; } + left: auto; } .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; @@ -3775,8 +2600,6 @@ select { right: 14px; } .dropdown.menu.vertical > li.opens-left > a::after { - right: auto; - left: 5px; display: block; width: 0; height: 0; @@ -3818,22 +2641,18 @@ select { border-top-style: solid; border-color: #1779ba transparent transparent; right: 5px; - left: auto; margin-top: -3px; } .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; - left: auto; - top: 0; } + left: auto; } .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.medium-vertical > li > a::after { right: 14px; } .dropdown.menu.medium-vertical > li.opens-left > a::after { - right: auto; - left: 5px; display: block; width: 0; height: 0; @@ -3874,22 +2693,18 @@ select { border-top-style: solid; border-color: #1779ba transparent transparent; right: 5px; - left: auto; margin-top: -3px; } .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; - left: auto; - top: 0; } + left: auto; } .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.large-vertical > li > a::after { right: 14px; } .dropdown.menu.large-vertical > li.opens-left > a::after { - right: auto; - left: 5px; display: block; width: 0; height: 0; @@ -3924,7 +2739,6 @@ select { position: absolute; top: 50%; right: 5px; - left: auto; margin-top: -6px; } .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; @@ -3945,13 +2759,9 @@ select { min-width: 200px; border: 1px solid #cacaca; background: #fefefe; } - .dropdown .is-dropdown-submenu a { - padding: 0.7rem 1rem; } .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { - right: auto; - left: 5px; display: block; width: 0; height: 0; @@ -4027,39 +2837,31 @@ select { color: #fefefe; } .media-object { - display: -ms-flexbox; - display: flex; - margin-bottom: 1rem; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } + display: block; + margin-bottom: 1rem; } .media-object img { max-width: none; } - @media screen and (max-width: 39.9375em) { - .media-object.stack-for-small { - -ms-flex-wrap: wrap; - flex-wrap: wrap; } } @media screen and (max-width: 39.9375em) { .media-object.stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; } + display: block; } .media-object.stack-for-small .media-object-section img { width: 100%; } } .media-object-section { - -ms-flex: 0 1 auto; - flex: 0 1 auto; } + display: table-cell; + vertical-align: top; } .media-object-section:first-child { padding-right: 1rem; } .media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; } .media-object-section > :last-child { margin-bottom: 0; } - .media-object-section.main-section { - -ms-flex: 1 1 0px; - flex: 1 1 0px; } + .media-object-section.middle { + vertical-align: middle; } + .media-object-section.bottom { + vertical-align: bottom; } .is-off-canvas-open { overflow: hidden; } @@ -4068,9 +2870,9 @@ select { position: absolute; top: 0; left: 0; - z-index: 11; width: 100%; height: 100%; + -webkit-transition: opacity 0.5s ease, visibility 0.5s ease; transition: opacity 0.5s ease, visibility 0.5s ease; background: rgba(254, 254, 254, 0.25); opacity: 0; @@ -4092,295 +2894,224 @@ select { .off-canvas { position: fixed; - z-index: 12; + z-index: 1; + -webkit-transition: -webkit-transform 0.5s ease; + transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; + transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #e6e6e6; } [data-whatinput='mouse'] .off-canvas { outline: 0; } - .off-canvas.is-transition-push { - z-index: 12; } - .off-canvas.is-closed { - visibility: hidden; } .off-canvas.is-transition-overlap { - z-index: 13; } + z-index: 10; } .off-canvas.is-transition-overlap.is-open { - box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } + -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } .off-canvas.is-open { - -ms-transform: translate(0, 0); - transform: translate(0, 0); } + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); } .off-canvas-absolute { position: absolute; - z-index: 12; + z-index: 1; + -webkit-transition: -webkit-transform 0.5s ease; + transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; + transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #e6e6e6; } [data-whatinput='mouse'] .off-canvas-absolute { outline: 0; } - .off-canvas-absolute.is-transition-push { - z-index: 12; } - .off-canvas-absolute.is-closed { - visibility: hidden; } .off-canvas-absolute.is-transition-overlap { - z-index: 13; } + z-index: 10; } .off-canvas-absolute.is-transition-overlap.is-open { - box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } + -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } .off-canvas-absolute.is-open { - -ms-transform: translate(0, 0); - transform: translate(0, 0); } + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); } .position-left { top: 0; left: 0; - height: 100%; - overflow-y: auto; width: 250px; - -ms-transform: translateX(-250px); - transform: translateX(-250px); } - .off-canvas-content .off-canvas.position-left { - -ms-transform: translateX(-250px); - transform: translateX(-250px); } - .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { - -ms-transform: translate(0, 0); - transform: translate(0, 0); } - .off-canvas-content.is-open-left.has-transition-push { - -ms-transform: translateX(250px); - transform: translateX(250px); } - .position-left.is-transition-push { - box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); } + height: 100%; + -webkit-transform: translateX(-250px); + -ms-transform: translateX(-250px); + transform: translateX(-250px); + overflow-y: auto; } + .position-left.is-open ~ .off-canvas-content { + -webkit-transform: translateX(250px); + -ms-transform: translateX(250px); + transform: translateX(250px); } + .position-left.is-transition-push::after { + position: absolute; + top: 0; + right: 0; + height: 100%; + width: 1px; + -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); + content: " "; } + .position-left.is-transition-overlap.is-open ~ .off-canvas-content { + -webkit-transform: none; + -ms-transform: none; + transform: none; } .position-right { top: 0; right: 0; - height: 100%; - overflow-y: auto; width: 250px; - -ms-transform: translateX(250px); - transform: translateX(250px); } - .off-canvas-content .off-canvas.position-right { - -ms-transform: translateX(250px); - transform: translateX(250px); } - .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { - -ms-transform: translate(0, 0); - transform: translate(0, 0); } - .off-canvas-content.is-open-right.has-transition-push { - -ms-transform: translateX(-250px); - transform: translateX(-250px); } - .position-right.is-transition-push { - box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); } + height: 100%; + -webkit-transform: translateX(250px); + -ms-transform: translateX(250px); + transform: translateX(250px); + overflow-y: auto; } + .position-right.is-open ~ .off-canvas-content { + -webkit-transform: translateX(-250px); + -ms-transform: translateX(-250px); + transform: translateX(-250px); } + .position-right.is-transition-push::after { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 1px; + -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); + content: " "; } + .position-right.is-transition-overlap.is-open ~ .off-canvas-content { + -webkit-transform: none; + -ms-transform: none; + transform: none; } .position-top { top: 0; left: 0; width: 100%; - overflow-x: auto; height: 250px; - -ms-transform: translateY(-250px); - transform: translateY(-250px); } - .off-canvas-content .off-canvas.position-top { - -ms-transform: translateY(-250px); - transform: translateY(-250px); } - .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { - -ms-transform: translate(0, 0); - transform: translate(0, 0); } - .off-canvas-content.is-open-top.has-transition-push { - -ms-transform: translateY(250px); - transform: translateY(250px); } - .position-top.is-transition-push { - box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); } + -webkit-transform: translateY(-250px); + -ms-transform: translateY(-250px); + transform: translateY(-250px); + overflow-x: auto; } + .position-top.is-open ~ .off-canvas-content { + -webkit-transform: translateY(250px); + -ms-transform: translateY(250px); + transform: translateY(250px); } + .position-top.is-transition-push::after { + position: absolute; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); + content: " "; } + .position-top.is-transition-overlap.is-open ~ .off-canvas-content { + -webkit-transform: none; + -ms-transform: none; + transform: none; } .position-bottom { bottom: 0; left: 0; width: 100%; - overflow-x: auto; height: 250px; - -ms-transform: translateY(250px); - transform: translateY(250px); } - .off-canvas-content .off-canvas.position-bottom { - -ms-transform: translateY(250px); - transform: translateY(250px); } - .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { - -ms-transform: translate(0, 0); - transform: translate(0, 0); } - .off-canvas-content.is-open-bottom.has-transition-push { - -ms-transform: translateY(-250px); - transform: translateY(-250px); } - .position-bottom.is-transition-push { - box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); } + -webkit-transform: translateY(250px); + -ms-transform: translateY(250px); + transform: translateY(250px); + overflow-x: auto; } + .position-bottom.is-open ~ .off-canvas-content { + -webkit-transform: translateY(-250px); + -ms-transform: translateY(-250px); + transform: translateY(-250px); } + .position-bottom.is-transition-push::after { + position: absolute; + top: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); + content: " "; } + .position-bottom.is-transition-overlap.is-open ~ .off-canvas-content { + -webkit-transform: none; + -ms-transform: none; + transform: none; } .off-canvas-content { - -ms-transform: none; - transform: none; + -webkit-transition: -webkit-transform 0.5s ease; + transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; + transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } - .off-canvas-content.has-transition-push { - -ms-transform: translate(0, 0); - transform: translate(0, 0); } - .off-canvas-content .off-canvas.is-open { - -ms-transform: translate(0, 0); - transform: translate(0, 0); } @media print, screen and (min-width: 40em) { .position-left.reveal-for-medium { - -ms-transform: none; - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-medium { - -ms-transform: none; - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 250px; } + -webkit-transform: none; + -ms-transform: none; + transform: none; + z-index: 1; } .position-left.reveal-for-medium ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-medium { - -ms-transform: none; - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-medium { - -ms-transform: none; - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 250px; } + -webkit-transform: none; + -ms-transform: none; + transform: none; + z-index: 1; } .position-right.reveal-for-medium ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-medium { - -ms-transform: none; - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-medium { - -ms-transform: none; - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 250px; } + -webkit-transform: none; + -ms-transform: none; + transform: none; + z-index: 1; } .position-top.reveal-for-medium ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-medium { - -ms-transform: none; - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-medium { - -ms-transform: none; - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 250px; } + -webkit-transform: none; + -ms-transform: none; + transform: none; + z-index: 1; } .position-bottom.reveal-for-medium ~ .off-canvas-content { margin-bottom: 250px; } } @media print, screen and (min-width: 64em) { .position-left.reveal-for-large { - -ms-transform: none; - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-large { - -ms-transform: none; - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 250px; } + -webkit-transform: none; + -ms-transform: none; + transform: none; + z-index: 1; } .position-left.reveal-for-large ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-large { - -ms-transform: none; - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-large { - -ms-transform: none; - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 250px; } + -webkit-transform: none; + -ms-transform: none; + transform: none; + z-index: 1; } .position-right.reveal-for-large ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-large { - -ms-transform: none; - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-large { - -ms-transform: none; - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 250px; } + -webkit-transform: none; + -ms-transform: none; + transform: none; + z-index: 1; } .position-top.reveal-for-large ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-large { - -ms-transform: none; - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-large { - -ms-transform: none; - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 250px; } + -webkit-transform: none; + -ms-transform: none; + transform: none; + z-index: 1; } .position-bottom.reveal-for-large ~ .off-canvas-content { margin-bottom: 250px; } } -@media print, screen and (min-width: 40em) { - .off-canvas.in-canvas-for-medium { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { - box-shadow: none; - -ms-transform: none; - transform: none; } - .off-canvas.in-canvas-for-medium .close-button { - display: none; } } - -@media print, screen and (min-width: 64em) { - .off-canvas.in-canvas-for-large { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { - box-shadow: none; - -ms-transform: none; - transform: none; } - .off-canvas.in-canvas-for-large .close-button { - display: none; } } - .orbit { position: relative; } @@ -4417,8 +3148,9 @@ select { .orbit-previous, .orbit-next { position: absolute; top: 50%; - -ms-transform: translateY(-50%); - transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); z-index: 10; padding: 1rem; color: #fefefe; } @@ -4457,11 +3189,7 @@ select { margin-bottom: 1rem; } .pagination::before, .pagination::after { display: table; - content: ' '; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -ms-flex-order: 1; - order: 1; } + content: ' '; } .pagination::after { clear: both; } .pagination li { @@ -4527,25 +3255,131 @@ select { .progress.alert .progress-meter { background-color: #cc4b37; } -.progress-meter { +.progress-meter { + position: relative; + display: block; + width: 0%; + height: 100%; + background-color: #1779ba; } + +.progress-meter-text { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + position: absolute; + margin: 0; + font-size: 0.75rem; + font-weight: bold; + color: #fefefe; + white-space: nowrap; } + +.slider { + position: relative; + height: 0.5rem; + margin-top: 1.25rem; + margin-bottom: 2.25rem; + background-color: #e6e6e6; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -ms-touch-action: none; + touch-action: none; } + +.slider-fill { + position: absolute; + top: 0; + left: 0; + display: inline-block; + max-width: 100%; + height: 0.5rem; + background-color: #cacaca; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } + .slider-fill.is-dragging { + -webkit-transition: all 0s linear; + transition: all 0s linear; } + +.slider-handle { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + position: absolute; + left: 0; + z-index: 1; + display: inline-block; + width: 1.4rem; + height: 1.4rem; + border-radius: 0; + background-color: #1779ba; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + -ms-touch-action: manipulation; + touch-action: manipulation; } + [data-whatinput='mouse'] .slider-handle { + outline: 0; } + .slider-handle:hover { + background-color: #14679e; } + .slider-handle.is-dragging { + -webkit-transition: all 0s linear; + transition: all 0s linear; } + +.slider.disabled, +.slider[disabled] { + opacity: 0.25; + cursor: not-allowed; } + +.slider.vertical { + display: inline-block; + width: 0.5rem; + height: 12.5rem; + margin: 0 1.25rem; + -webkit-transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1); } + .slider.vertical .slider-fill { + top: 0; + width: 0.5rem; + max-height: 100%; } + .slider.vertical .slider-handle { + position: absolute; + top: 0; + left: 50%; + width: 1.4rem; + height: 1.4rem; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); } + +.sticky-container { + position: relative; } + +.sticky { + position: relative; + z-index: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + +.sticky.is-stuck { + position: fixed; + z-index: 5; } + .sticky.is-stuck.is-at-top { + top: 0; } + .sticky.is-stuck.is-at-bottom { + bottom: 0; } + +.sticky.is-anchored { position: relative; - display: block; - width: 0%; - height: 100%; - background-color: #1779ba; } - -.progress-meter-text { - position: absolute; - top: 50%; - left: 50%; - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - position: absolute; - margin: 0; - font-size: 0.75rem; - font-weight: bold; - color: #fefefe; - white-space: nowrap; } + right: auto; + left: auto; } + .sticky.is-anchored.is-at-bottom { + bottom: 0; } body.is-reveal-open { overflow: hidden; } @@ -4554,7 +3388,6 @@ html.is-reveal-open, html.is-reveal-open body { min-height: 100%; overflow: hidden; - position: fixed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -4590,7 +3423,8 @@ html.is-reveal-open body { @media print, screen and (min-width: 40em) { .reveal { min-height: 0; } } - .reveal .column { + .reveal .column, .reveal .columns, + .reveal .columns { min-width: 0; } .reveal > :last-child { margin-bottom: 0; } @@ -4598,6 +3432,11 @@ html.is-reveal-open body { .reveal { width: 600px; max-width: 75rem; } } + @media print, screen and (min-width: 40em) { + .reveal .reveal { + right: auto; + left: auto; + margin: 0 auto; } } .reveal.collapse { padding: 0; } @media print, screen and (min-width: 40em) { @@ -4638,103 +3477,6 @@ html.is-reveal-open body { .reveal.without-overlay { position: fixed; } -.slider { - position: relative; - height: 0.5rem; - margin-top: 1.25rem; - margin-bottom: 2.25rem; - background-color: #e6e6e6; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -ms-touch-action: none; - touch-action: none; } - -.slider-fill { - position: absolute; - top: 0; - left: 0; - display: inline-block; - max-width: 100%; - height: 0.5rem; - background-color: #cacaca; - transition: all 0.2s ease-in-out; } - .slider-fill.is-dragging { - transition: all 0s linear; } - -.slider-handle { - position: absolute; - top: 50%; - -ms-transform: translateY(-50%); - transform: translateY(-50%); - left: 0; - z-index: 1; - display: inline-block; - width: 1.4rem; - height: 1.4rem; - border-radius: 0; - background-color: #1779ba; - transition: all 0.2s ease-in-out; - -ms-touch-action: manipulation; - touch-action: manipulation; } - [data-whatinput='mouse'] .slider-handle { - outline: 0; } - .slider-handle:hover { - background-color: #14679e; } - .slider-handle.is-dragging { - transition: all 0s linear; } - -.slider.disabled, -.slider[disabled] { - opacity: 0.25; - cursor: not-allowed; } - -.slider.vertical { - display: inline-block; - width: 0.5rem; - height: 12.5rem; - margin: 0 1.25rem; - -ms-transform: scale(1, -1); - transform: scale(1, -1); } - .slider.vertical .slider-fill { - top: 0; - width: 0.5rem; - max-height: 100%; } - .slider.vertical .slider-handle { - position: absolute; - top: 0; - left: 50%; - width: 1.4rem; - height: 1.4rem; - -ms-transform: translateX(-50%); - transform: translateX(-50%); } - -.sticky-container { - position: relative; } - -.sticky { - position: relative; - z-index: 0; - transform: translate3d(0, 0, 0); } - -.sticky.is-stuck { - position: fixed; - z-index: 5; - width: 100%; } - .sticky.is-stuck.is-at-top { - top: 0; } - .sticky.is-stuck.is-at-bottom { - bottom: 0; } - -.sticky.is-anchored { - position: relative; - right: auto; - left: auto; } - .sticky.is-anchored.is-at-bottom { - bottom: 0; } - .switch { height: 2rem; position: relative; @@ -4760,6 +3502,7 @@ html.is-reveal-open body { height: 2rem; border-radius: 0; background: #cacaca; + -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; font-weight: inherit; color: inherit; @@ -4773,9 +3516,11 @@ html.is-reveal-open body { display: block; width: 1.5rem; height: 1.5rem; - transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); border-radius: 0; background: #fefefe; + -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; content: ''; } input:checked ~ .switch-paddle { @@ -4788,8 +3533,9 @@ html.is-reveal-open body { .switch-active, .switch-inactive { position: absolute; top: 50%; - -ms-transform: translateY(-50%); - transform: translateY(-50%); } + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); } .switch-active { left: 8%; @@ -4845,7 +3591,6 @@ html.is-reveal-open body { left: 2.75rem; } table { - border-collapse: collapse; width: 100%; margin-bottom: 1rem; border-radius: 0; } @@ -4927,11 +3672,7 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover { list-style-type: none; } .tabs::before, .tabs::after { display: table; - content: ' '; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -ms-flex-order: 1; - order: 1; } + content: ' '; } .tabs::after { clear: both; } @@ -4972,6 +3713,7 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover { border-top: 0; background: #fefefe; color: #0a0a0a; + -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .tabs-content.vertical { @@ -4981,7 +3723,7 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover { .tabs-panel { display: none; padding: 1rem; } - .tabs-panel.is-active { + .tabs-panel[aria-hidden="false"] { display: block; } .thumbnail { @@ -4990,36 +3732,40 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover { margin-bottom: 1rem; border: solid 4px #fefefe; border-radius: 0; - box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); + -webkit-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); line-height: 0; } a.thumbnail { - transition: box-shadow 200ms ease-out; } + -webkit-transition: -webkit-box-shadow 200ms ease-out; + transition: -webkit-box-shadow 200ms ease-out; + transition: box-shadow 200ms ease-out; + transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out; } a.thumbnail:hover, a.thumbnail:focus { - box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); } + -webkit-box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); + box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); } a.thumbnail image { - box-shadow: none; } + -webkit-box-shadow: none; + box-shadow: none; } .title-bar { padding: 0.5rem; background: #0a0a0a; - color: #fefefe; - display: -ms-flexbox; - display: flex; - -ms-flex-pack: start; - justify-content: flex-start; - -ms-flex-align: center; - align-items: center; } + color: #fefefe; } + .title-bar::before, .title-bar::after { + display: table; + content: ' '; } + .title-bar::after { + clear: both; } .title-bar .menu-icon { margin-left: 0.25rem; margin-right: 0.25rem; } -.title-bar-left, -.title-bar-right { - -ms-flex: 1 1 0px; - flex: 1 1 0px; } +.title-bar-left { + float: left; } .title-bar-right { + float: right; text-align: right; } .title-bar-title { @@ -5045,8 +3791,6 @@ a.thumbnail { font-size: 80%; color: #fefefe; } .tooltip::before { - position: absolute; } - .tooltip.bottom::before { display: block; width: 0; height: 0; @@ -5055,11 +3799,12 @@ a.thumbnail { border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #0a0a0a; - bottom: 100%; } - .tooltip.bottom.align-center::before { + position: absolute; + bottom: 100%; left: 50%; - -ms-transform: translateX(-50%); - transform: translateX(-50%); } + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); } .tooltip.top::before { display: block; width: 0; @@ -5071,10 +3816,6 @@ a.thumbnail { border-color: #0a0a0a transparent transparent; top: 100%; bottom: auto; } - .tooltip.top.align-center::before { - left: 50%; - -ms-transform: translateX(-50%); - transform: translateX(-50%); } .tooltip.left::before { display: block; width: 0; @@ -5084,12 +3825,12 @@ a.thumbnail { border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #0a0a0a; - left: 100%; } - .tooltip.left.align-center::before { - bottom: auto; top: 50%; - -ms-transform: translateY(-50%); - transform: translateY(-50%); } + bottom: auto; + left: 100%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); } .tooltip.right::before { display: block; width: 0; @@ -5099,38 +3840,21 @@ a.thumbnail { border-left-width: 0; border-right-style: solid; border-color: transparent #0a0a0a transparent transparent; - right: 100%; - left: auto; } - .tooltip.right.align-center::before { - bottom: auto; top: 50%; - -ms-transform: translateY(-50%); - transform: translateY(-50%); } - .tooltip.align-top::before { + right: 100%; bottom: auto; - top: 10%; } - .tooltip.align-bottom::before { - bottom: 10%; - top: auto; } - .tooltip.align-left::before { - left: 10%; - right: auto; } - .tooltip.align-right::before { left: auto; - right: 10%; } + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); } .top-bar { - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -ms-flex-pack: justify; - justify-content: space-between; - -ms-flex-align: center; - align-items: center; - padding: 0.5rem; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } + padding: 0.5rem; } + .top-bar::before, .top-bar::after { + display: table; + content: ' '; } + .top-bar::after { + clear: both; } .top-bar, .top-bar ul { background-color: #e6e6e6; } @@ -5144,49 +3868,32 @@ a.thumbnail { width: auto; } .top-bar .top-bar-left, .top-bar .top-bar-right { - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; } + width: 100%; } @media print, screen and (min-width: 40em) { - .top-bar { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - .top-bar .top-bar-left { - -ms-flex: 1 1 auto; - flex: 1 1 auto; - margin-right: auto; } - .top-bar .top-bar-right { - -ms-flex: 0 1 auto; - flex: 0 1 auto; - margin-left: auto; } } + .top-bar .top-bar-left, + .top-bar .top-bar-right { + width: auto; } } @media screen and (max-width: 63.9375em) { - .top-bar.stacked-for-medium { - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .top-bar.stacked-for-medium .top-bar-left, - .top-bar.stacked-for-medium .top-bar-right { - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; } } + .top-bar.stacked-for-medium .top-bar-left, + .top-bar.stacked-for-medium .top-bar-right { + width: 100%; } } @media screen and (max-width: 74.9375em) { - .top-bar.stacked-for-large { - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .top-bar.stacked-for-large .top-bar-left, - .top-bar.stacked-for-large .top-bar-right { - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; } } + .top-bar.stacked-for-large .top-bar-left, + .top-bar.stacked-for-large .top-bar-right { + width: 100%; } } .top-bar-title { - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0.5rem 1rem 0.5rem 0; } + display: inline-block; + float: left; + padding: 0.5rem 1rem 0.5rem 0; } + .top-bar-title .menu-icon { + bottom: 2px; } + +.top-bar-left { + float: left; } -.top-bar-left, .top-bar-right { - -ms-flex: 0 0 auto; - flex: 0 0 auto; } + float: right; } .hide { display: none !important; } @@ -5239,23 +3946,15 @@ a.thumbnail { position: absolute !important; width: 1px; height: 1px; - padding: 0; overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - -webkit-clip-path: inset(50%); - clip-path: inset(50%); - border: 0; } + clip: rect(0, 0, 0, 0); } .show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto; height: auto; overflow: visible; - clip: auto; - white-space: normal; - -webkit-clip-path: none; - clip-path: none; } + clip: auto; } .show-for-landscape, .hide-for-portrait { @@ -5294,512 +3993,9 @@ a.thumbnail { .clearfix::before, .clearfix::after { display: table; - content: ' '; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -ms-flex-order: 1; - order: 1; } + content: ' '; } .clearfix::after { clear: both; } -.slide-in-down.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -ms-transform: translateY(-100%); - transform: translateY(-100%); - transition-property: transform, opacity; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - -.slide-in-down.mui-enter.mui-enter-active { - -ms-transform: translateY(0); - transform: translateY(0); } - -.slide-in-left.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -ms-transform: translateX(-100%); - transform: translateX(-100%); - transition-property: transform, opacity; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - -.slide-in-left.mui-enter.mui-enter-active { - -ms-transform: translateX(0); - transform: translateX(0); } - -.slide-in-up.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -ms-transform: translateY(100%); - transform: translateY(100%); - transition-property: transform, opacity; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - -.slide-in-up.mui-enter.mui-enter-active { - -ms-transform: translateY(0); - transform: translateY(0); } - -.slide-in-right.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -ms-transform: translateX(100%); - transform: translateX(100%); - transition-property: transform, opacity; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - -.slide-in-right.mui-enter.mui-enter-active { - -ms-transform: translateX(0); - transform: translateX(0); } - -.slide-out-down.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -ms-transform: translateY(0); - transform: translateY(0); - transition-property: transform, opacity; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - -.slide-out-down.mui-leave.mui-leave-active { - -ms-transform: translateY(100%); - transform: translateY(100%); } - -.slide-out-right.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -ms-transform: translateX(0); - transform: translateX(0); - transition-property: transform, opacity; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - -.slide-out-right.mui-leave.mui-leave-active { - -ms-transform: translateX(100%); - transform: translateX(100%); } - -.slide-out-up.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -ms-transform: translateY(0); - transform: translateY(0); - transition-property: transform, opacity; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - -.slide-out-up.mui-leave.mui-leave-active { - -ms-transform: translateY(-100%); - transform: translateY(-100%); } - -.slide-out-left.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -ms-transform: translateX(0); - transform: translateX(0); - transition-property: transform, opacity; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - -.slide-out-left.mui-leave.mui-leave-active { - -ms-transform: translateX(-100%); - transform: translateX(-100%); } - -.fade-in.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - opacity: 0; - transition-property: opacity; } - -.fade-in.mui-enter.mui-enter-active { - opacity: 1; } - -.fade-out.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - opacity: 1; - transition-property: opacity; } - -.fade-out.mui-leave.mui-leave-active { - opacity: 0; } - -.hinge-in-from-top.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateX(-90deg); - -ms-transform-origin: top; - transform-origin: top; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-top.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-right.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateY(-90deg); - -ms-transform-origin: right; - transform-origin: right; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-right.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-bottom.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateX(90deg); - -ms-transform-origin: bottom; - transform-origin: bottom; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-bottom.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-left.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateY(90deg); - -ms-transform-origin: left; - transform-origin: left; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-left.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-middle-x.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateX(-90deg); - -ms-transform-origin: center; - transform-origin: center; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-middle-x.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-middle-y.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateY(-90deg); - -ms-transform-origin: center; - transform-origin: center; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-middle-y.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-out-from-top.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - -ms-transform-origin: top; - transform-origin: top; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-top.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; } - -.hinge-out-from-right.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - -ms-transform-origin: right; - transform-origin: right; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-right.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; } - -.hinge-out-from-bottom.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - -ms-transform-origin: bottom; - transform-origin: bottom; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-bottom.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateX(90deg); - opacity: 0; } - -.hinge-out-from-left.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - -ms-transform-origin: left; - transform-origin: left; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-left.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateY(90deg); - opacity: 0; } - -.hinge-out-from-middle-x.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - -ms-transform-origin: center; - transform-origin: center; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-middle-x.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; } - -.hinge-out-from-middle-y.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - -ms-transform-origin: center; - transform-origin: center; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-middle-y.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; } - -.scale-in-up.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -ms-transform: scale(0.5); - transform: scale(0.5); - transition-property: transform, opacity; - opacity: 0; } - -.scale-in-up.mui-enter.mui-enter-active { - -ms-transform: scale(1); - transform: scale(1); - opacity: 1; } - -.scale-in-down.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -ms-transform: scale(1.5); - transform: scale(1.5); - transition-property: transform, opacity; - opacity: 0; } - -.scale-in-down.mui-enter.mui-enter-active { - -ms-transform: scale(1); - transform: scale(1); - opacity: 1; } - -.scale-out-up.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -ms-transform: scale(1); - transform: scale(1); - transition-property: transform, opacity; - opacity: 1; } - -.scale-out-up.mui-leave.mui-leave-active { - -ms-transform: scale(1.5); - transform: scale(1.5); - opacity: 0; } - -.scale-out-down.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -ms-transform: scale(1); - transform: scale(1); - transition-property: transform, opacity; - opacity: 1; } - -.scale-out-down.mui-leave.mui-leave-active { - -ms-transform: scale(0.5); - transform: scale(0.5); - opacity: 0; } - -.spin-in.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -ms-transform: rotate(-0.75turn); - transform: rotate(-0.75turn); - transition-property: transform, opacity; - opacity: 0; } - -.spin-in.mui-enter.mui-enter-active { - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - -.spin-out.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -ms-transform: rotate(0); - transform: rotate(0); - transition-property: transform, opacity; - opacity: 1; } - -.spin-out.mui-leave.mui-leave-active { - -ms-transform: rotate(0.75turn); - transform: rotate(0.75turn); - opacity: 0; } - -.spin-in-ccw.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -ms-transform: rotate(0.75turn); - transform: rotate(0.75turn); - transition-property: transform, opacity; - opacity: 0; } - -.spin-in-ccw.mui-enter.mui-enter-active { - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - -.spin-out-ccw.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -ms-transform: rotate(0); - transform: rotate(0); - transition-property: transform, opacity; - opacity: 1; } - -.spin-out-ccw.mui-leave.mui-leave-active { - -ms-transform: rotate(-0.75turn); - transform: rotate(-0.75turn); - opacity: 0; } - -.slow { - transition-duration: 750ms !important; } - -.fast { - transition-duration: 250ms !important; } - -.linear { - transition-timing-function: linear !important; } - -.ease { - transition-timing-function: ease !important; } - -.ease-in { - transition-timing-function: ease-in !important; } - -.ease-out { - transition-timing-function: ease-out !important; } - -.ease-in-out { - transition-timing-function: ease-in-out !important; } - -.bounce-in { - transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } - -.bounce-out { - transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } - -.bounce-in-out { - transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } - -.short-delay { - transition-delay: 300ms !important; } - -.long-delay { - transition-delay: 700ms !important; } - -.shake { - animation-name: shake-7; } - -@keyframes shake-7 { - 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { - transform: translateX(7%); } - 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { - transform: translateX(-7%); } } - -.spin-cw { - animation-name: spin-cw-1turn; } - -@keyframes spin-cw-1turn { - 0% { - transform: rotate(-1turn); } - 100% { - transform: rotate(0); } } - -.spin-ccw { - animation-name: spin-cw-1turn; } - -@keyframes spin-cw-1turn { - 0% { - transform: rotate(0); } - 100% { - transform: rotate(1turn); } } - -.wiggle { - animation-name: wiggle-7deg; } - -@keyframes wiggle-7deg { - 40%, 50%, 60% { - transform: rotate(7deg); } - 35%, 45%, 55%, 65% { - transform: rotate(-7deg); } - 0%, 30%, 70%, 100% { - transform: rotate(0); } } - -.shake, -.spin-cw, -.spin-ccw, -.wiggle { - animation-duration: 500ms; } - -.infinite { - animation-iteration-count: infinite; } - -.slow { - animation-duration: 750ms !important; } - -.fast { - animation-duration: 250ms !important; } - -.linear { - animation-timing-function: linear !important; } - -.ease { - animation-timing-function: ease !important; } - -.ease-in { - animation-timing-function: ease-in !important; } - -.ease-out { - animation-timing-function: ease-out !important; } - -.ease-in-out { - animation-timing-function: ease-in-out !important; } - -.bounce-in { - animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } - -.bounce-out { - animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } - -.bounce-in-out { - animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } - -.short-delay { - animation-delay: 300ms !important; } - -.long-delay { - animation-delay: 700ms !important; } +/*# sourceMappingURL=foundation.css.map */ From 6f49229846b252ca49f51f9fd801f1654e6bad72 Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Thu, 12 Oct 2017 14:56:03 -0700 Subject: [PATCH 10/25] add user id and work id to votes table --- app/controllers/users_controller.rb | 4 +++ app/models/user.rb | 9 ++++++ app/views/layouts/application.html.erb | 7 +++++ app/views/users/index.html.erb | 29 +++++++++++++++++++ config/routes.rb | 2 ++ .../20171012213726_add_user_id_to_votes.rb | 5 ++++ .../20171012214004_add_work_id_to_votes.rb | 5 ++++ db/schema.rb | 4 ++- 8 files changed, 64 insertions(+), 1 deletion(-) create mode 100644 app/views/users/index.html.erb create mode 100644 db/migrate/20171012213726_add_user_id_to_votes.rb create mode 100644 db/migrate/20171012214004_add_work_id_to_votes.rb diff --git a/app/controllers/users_controller.rb b/app/controllers/users_controller.rb index 4e7fe5565a..d673f6f317 100644 --- a/app/controllers/users_controller.rb +++ b/app/controllers/users_controller.rb @@ -24,5 +24,9 @@ def login end + end + def index + @users = User.all + end end diff --git a/app/models/user.rb b/app/models/user.rb index 658558d4e7..cc15b11cf1 100644 --- a/app/models/user.rb +++ b/app/models/user.rb @@ -1,3 +1,12 @@ class User < ApplicationRecord has_many :votes, dependent: :destroy + + + def vote_count + sum = 0 + votes.each do + sum +=1 + end + return sum + end end diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index d246992e53..4c15af6f08 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -16,6 +16,13 @@
+

<%= flash[:message] %> diff --git a/app/views/users/index.html.erb b/app/views/users/index.html.erb new file mode 100644 index 0000000000..549e5fde7b --- /dev/null +++ b/app/views/users/index.html.erb @@ -0,0 +1,29 @@ +

List of Users

+ + + + + + + <% @users.each do |user| %> + + + + + + + <% end %> + +
+ Username + + Votes + + Joined +
+ <%=link_to user.username, work_path(user.id)%> + + <%=user.vote_count%> + + <%=user.date_joined.strftime('%b %d, %Y') %> +
diff --git a/config/routes.rb b/config/routes.rb index c587a4d81a..f99e073f92 100644 --- a/config/routes.rb +++ b/config/routes.rb @@ -4,6 +4,8 @@ # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html resources :works + resources :users, only: [:index, :show] + root "main#index" get 'login', to: "users#login_form", as: 'login' diff --git a/db/migrate/20171012213726_add_user_id_to_votes.rb b/db/migrate/20171012213726_add_user_id_to_votes.rb new file mode 100644 index 0000000000..fd25dc3f83 --- /dev/null +++ b/db/migrate/20171012213726_add_user_id_to_votes.rb @@ -0,0 +1,5 @@ +class AddUserIdToVotes < ActiveRecord::Migration[5.1] + def change + add_column :votes, :user_id, :integer + end +end diff --git a/db/migrate/20171012214004_add_work_id_to_votes.rb b/db/migrate/20171012214004_add_work_id_to_votes.rb new file mode 100644 index 0000000000..bf7c18dea0 --- /dev/null +++ b/db/migrate/20171012214004_add_work_id_to_votes.rb @@ -0,0 +1,5 @@ +class AddWorkIdToVotes < ActiveRecord::Migration[5.1] + def change + add_column :votes, :work_id, :integer + end +end diff --git a/db/schema.rb b/db/schema.rb index b7344e77e3..b8e65d45ea 100644 --- a/db/schema.rb +++ b/db/schema.rb @@ -10,7 +10,7 @@ # # It's strongly recommended that you check this file into your version control system. -ActiveRecord::Schema.define(version: 20171011224736) do +ActiveRecord::Schema.define(version: 20171012214004) do # These are extensions that must be enabled in order to support this database enable_extension "plpgsql" @@ -26,6 +26,8 @@ t.date "date" t.datetime "created_at", null: false t.datetime "updated_at", null: false + t.integer "user_id" + t.integer "work_id" end create_table "works", force: :cascade do |t| From df54531069e8dc355fc9748014c978d117eda12c Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Fri, 13 Oct 2017 12:14:40 -0700 Subject: [PATCH 11/25] add user show page and functionality --- app/assets/stylesheets/application.css | 26 +++++++ app/controllers/application_controller.rb | 15 +++++ app/controllers/users_controller.rb | 12 +++- app/controllers/works_controller.rb | 55 ++++++++++----- app/models/user.rb | 19 ++++-- app/models/work.rb | 19 +++++- app/views/layouts/application.html.erb | 82 +++++++++++++---------- app/views/main/index.html.erb | 18 +++-- app/views/users/index.html.erb | 4 +- app/views/users/show.html.erb | 43 ++++++++++++ app/views/works/index.html.erb | 6 +- config/routes.rb | 4 ++ 12 files changed, 231 insertions(+), 72 deletions(-) create mode 100644 app/views/users/show.html.erb diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 3322b331be..b4e2142299 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -21,3 +21,29 @@ .flash.failure { color: red; } + +nav div { + border-style: solid; + border-color: purple; +} + +.button { + background-color: #26A69A; +} +nav div button { + box-sizing: border-box; +} + +/*Header*/ +.page-header { + max-width: 100%; + background-color: #B2DFDB; + border-bottom: 1px solid #EEEEEE; + margin-bottom: 10px; + padding: 25px 20px 10px 20px; + } + + .row { + margin-right: auto; + margin-left: auto; +} diff --git a/app/controllers/application_controller.rb b/app/controllers/application_controller.rb index 1c07694e9d..5961cdab9e 100644 --- a/app/controllers/application_controller.rb +++ b/app/controllers/application_controller.rb @@ -1,3 +1,18 @@ class ApplicationController < ActionController::Base protect_from_forgery with: :exception + +protected + def save_and_flash(model) + result = model.save + if result + flash[:status] = :success + flash[:message] = "Successfully saved #{model.title}" + else + flash.now[:status] = :failure + flash.now[:message] = "Failed to save #{model.title}" + flash.now[:details] = model.errors.messages + end + + return result + end end diff --git a/app/controllers/users_controller.rb b/app/controllers/users_controller.rb index d673f6f317..be82912d0c 100644 --- a/app/controllers/users_controller.rb +++ b/app/controllers/users_controller.rb @@ -22,11 +22,21 @@ def login # flash.now[:message] = "No user found with username #{username}" # render :login_form, status: :bad_request end + end - + def logout + # session[:logged_in_user] = false + session[:logged_in_user] = nil + # flash[:message] = "Successfuly logged out" + redirect_to root_path, notice: "You have successfully logged out." end + def index @users = User.all + end + + def show + @user = User.find_by(id: params[:id]) end end diff --git a/app/controllers/works_controller.rb b/app/controllers/works_controller.rb index 5c05ff5dd8..a7ef74354c 100644 --- a/app/controllers/works_controller.rb +++ b/app/controllers/works_controller.rb @@ -1,15 +1,13 @@ class WorksController < ApplicationController + before_action :find_work_by_params_id, only: [:show, :edit, :update, :destroy] + def index @works = Work.all end - def show - find_work_by_params_id - end + def show ; end - def edit - find_work_by_params_id - end + def edit ; end def new @work = Work.new @@ -30,9 +28,9 @@ def create end def update - @work = Work.find(params[:id]) @work.update_attributes(work_params) - if @work.save + # if @work.save + if save_and_flash(@work) redirect_to work_path(@work.id) else render :edit, status: :bad_request @@ -45,16 +43,16 @@ def destroy if session[:logged_in_user] current_user = User.find_by(session[:logged_in_user]) ## The following code is redundant - # else - # flash[:status] = :failure - # flash[:message] = "You must be logged in to do that!" - # redirect_to works_path - # # redirect will not return need to explicitly return - # return + # else + # flash[:status] = :failure + # flash[:message] = "You must be logged in to do that!" + # redirect_to works_path + # # redirect will not return need to explicitly return + # return end #could use for create update etc. - if find_work_by_params_id + # if find_work_by_params_id if current_user != @work.user flash[:status] = :failure flash[:message] = "You must be logged in to do that!" @@ -62,7 +60,7 @@ def destroy # redirect will not return need to explicitly return return end - end + # end @work = Work.find(params[:id]) @work.destroy flash[:status] = :success @@ -70,6 +68,27 @@ def destroy redirect_to works_path end + def upvote + user_id = session[:logged_in_user] + user = User.find_by(id: user_id) + @work = Work.find(params[:id]) + if !(session[:logged_in_user]) + flash[:status] = :failure + flash[:message] = "You must be logged in to do that!" + redirect_to root_path + elsif session[:logged_in_user] && (user.voted?(@work) == false) + vote = Vote.new(work_id: @work.id, user_id: user_id, date: Date.today) + vote.save + flash[:status] = :success + flash[:message] = "Successfuly upvoted #{@work.title}!" + redirect_to root_path + elsif user.voted?(@work) + flash[:status] = :failure + flash[:message] = "Could not upvote. User has already voted for #{@work.title}" + redirect_to root_path + end + + end private @@ -82,6 +101,8 @@ def find_work_by_params_id unless @work head :not_found end - return @work + ## Don't need a return b/c we're no longer calling this directly + ## and if there's an error we won't even get into our controller action + # return @work end end diff --git a/app/models/user.rb b/app/models/user.rb index cc15b11cf1..26aeacf3cf 100644 --- a/app/models/user.rb +++ b/app/models/user.rb @@ -1,12 +1,21 @@ class User < ApplicationRecord has_many :votes, dependent: :destroy + # + # def vote_count + # sum = 0 + # votes.each do + # sum +=1 + # end + # return sum + # end - def vote_count - sum = 0 - votes.each do - sum +=1 + def voted?(work) + self.votes.each do |vote| + if vote.work_id == work.id + return true + end end - return sum + return false end end diff --git a/app/models/work.rb b/app/models/work.rb index 09f13b9e27..7cb9c206e3 100644 --- a/app/models/work.rb +++ b/app/models/work.rb @@ -1,6 +1,23 @@ class Work < ApplicationRecord - has_and_belongs_to_many :votes, dependent: :destroy + has_many :votes, dependent: :destroy validates :title, presence: true validates :category, presence: true + def self.top_work + top_work = sort.first + return top_work + end + + def self.top_ten + # Work. + + end + + private + + def self.sort + Work.all.sort_by {|work| -work.votes.count} + + end + end diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 4c15af6f08..1131380a69 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -1,46 +1,56 @@ - - MediaRanker - <%= csrf_meta_tags %> + + MediaRanker + <%= csrf_meta_tags %> - <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> - <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> - + <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> + <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> + - -
-

MediaRanker

- +
+
+
+

+ <%= flash[:message] %> +

+ <% if flash[:details] %> +
    + <% flash[:details].each do |field, problems| %> + <% problems.each do |problem| %> - <% end %> - <%end%> +

    <%= field.capitalize %> <%= problem %>

    -
<% end %> -
-
- <%= yield %> - + <%end%> + + + <% end %> +
+
+ <%= yield %> + diff --git a/app/views/main/index.html.erb b/app/views/main/index.html.erb index c50fb835c9..31568e66f1 100644 --- a/app/views/main/index.html.erb +++ b/app/views/main/index.html.erb @@ -1,4 +1,8 @@ -

Media Spotlight: ADD AND ORDER BY VOTES!

+

Media Spotlight: <%= link_to Work.top_work.title, work_path(Work.top_work.id)%> by <%= Work.top_work.creator%>

+

+ <%=Work.top_work.votes.count%>-<%=Work.top_work.description%> +

+

ORDER BY VOTES!

Top Albums

@@ -22,7 +26,7 @@ <% if work.category == "album" %> <% end %> @@ -65,7 +69,7 @@ <% if work.category == "book" %> <% end %> @@ -109,7 +113,7 @@ <% if work.category == "movie" %> <% end %> diff --git a/app/views/users/index.html.erb b/app/views/users/index.html.erb index 549e5fde7b..ebb9ff6e28 100644 --- a/app/views/users/index.html.erb +++ b/app/views/users/index.html.erb @@ -15,10 +15,10 @@ <% end %> @@ -77,7 +77,7 @@ <%=work.publication_year%> <% end %> @@ -121,7 +121,7 @@ <%=work.publication_year%> <% end %> diff --git a/config/routes.rb b/config/routes.rb index f99e073f92..bb9d8051e5 100644 --- a/config/routes.rb +++ b/config/routes.rb @@ -10,4 +10,8 @@ get 'login', to: "users#login_form", as: 'login' post 'login', to: 'users#login' + + post 'logout', to: 'users#logout' + + post 'works/:id/upvote', to: "works#upvote", as: 'upvote' end From faa51e88e10aab11f7ecce2600056e54bd46fc36 Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Fri, 13 Oct 2017 12:31:20 -0700 Subject: [PATCH 12/25] added save_and_flash method to ApplicationController and called method in WorksController --- app/controllers/application_controller.rb | 6 +++--- app/controllers/works_controller.rb | 10 ++-------- 2 files changed, 5 insertions(+), 11 deletions(-) diff --git a/app/controllers/application_controller.rb b/app/controllers/application_controller.rb index 5961cdab9e..54b17a3d55 100644 --- a/app/controllers/application_controller.rb +++ b/app/controllers/application_controller.rb @@ -2,14 +2,14 @@ class ApplicationController < ActionController::Base protect_from_forgery with: :exception protected - def save_and_flash(model) + def save_and_flash(model, message_variation) result = model.save if result flash[:status] = :success - flash[:message] = "Successfully saved #{model.title}" + flash[:message] = "Successfully #{message_variation}d #{model.title}" else flash.now[:status] = :failure - flash.now[:message] = "Failed to save #{model.title}" + flash.now[:message] = "Failed to #{message_variation} #{model.title}" flash.now[:details] = model.errors.messages end diff --git a/app/controllers/works_controller.rb b/app/controllers/works_controller.rb index a7ef74354c..d86f03af22 100644 --- a/app/controllers/works_controller.rb +++ b/app/controllers/works_controller.rb @@ -15,22 +15,16 @@ def new def create @work = Work.new(work_params) - if @work.save - flash[:status] = :success - flash[:message] = "Successfuly created new #{@work.category}" + if save_and_flash(@work, "create") redirect_to work_path(@work.id) else - flash.now[:status] = :failure - flash.now[:message] = "Failed to create new work" - flash.now[:details] = @work.errors.messages render :new, status: :bad_request end end def update @work.update_attributes(work_params) - # if @work.save - if save_and_flash(@work) + if save_and_flash(@work, "save") redirect_to work_path(@work.id) else render :edit, status: :bad_request From 480dc5a1f3f6a2e5e09f8f39b1b73302c56d77aa Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Fri, 13 Oct 2017 13:42:04 -0700 Subject: [PATCH 13/25] add entries to media_seeds --- db/media_seeds.csv | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/db/media_seeds.csv b/db/media_seeds.csv index b5101408d0..5c9b5e3dac 100644 --- a/db/media_seeds.csv +++ b/db/media_seeds.csv @@ -20,8 +20,15 @@ album,All Hands on the Bad One,Sleater-Kinney,2000, album,One Beat,Sleater-Kinney,2002, album,The Woods,Sleater-Kinney,2005, album,No Cities to Love,Sleater-Kinney,2015, +album,Lemonade,Beyonce,2016,visual album +album,Esperanza,Esperanza Spalding,2008,awesome, upright bassist +album,Liquid Spirit,Gregory Porter,2013,jazz album book,Hidden Figures,Margot Lee Shetterly,2016,Good book that came before the movie book,Practical Object-Oriented Design in Ruby,Sandi Metz,2012,Good programming book book,Kindred,Octavia E. Butler,1979,Good sci-fi book book,Parable of the Sower,Octavia E. Butler,1993, -book,A Wizard of Earthsea,Ursula K. Leguin,1968, \ No newline at end of file +book,A Wizard of Earthsea,Ursula K. Leguin,1968, +book,Man's Search for Meaning,Viktor Frankl,1946, +book,Kindred,Octavia Butler,1979 +movie,I Am Not Your Negro,Raoul Peck,2017 +movie,Girl's Trip,Malcolm D. Lee,2017 From 63d0dcddcb845c07770e3ccd156a3f617e7124f9 Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Fri, 13 Oct 2017 14:54:22 -0700 Subject: [PATCH 14/25] add seeds script and data --- app/views/main/index.html.erb | 4 +- db/media_seeds.csv | 34 -------------- db/seed_data/media_seeds.csv | 34 ++++++++++++++ db/seed_data/users_seeds.csv | 24 ++++++++++ db/seed_data/votes_seeds.csv | 24 ++++++++++ db/seeds.rb | 84 ++++++++++++++++++++++++++++++++--- 6 files changed, 163 insertions(+), 41 deletions(-) delete mode 100644 db/media_seeds.csv create mode 100644 db/seed_data/media_seeds.csv create mode 100644 db/seed_data/users_seeds.csv create mode 100644 db/seed_data/votes_seeds.csv diff --git a/app/views/main/index.html.erb b/app/views/main/index.html.erb index 31568e66f1..82dfdd6cdf 100644 --- a/app/views/main/index.html.erb +++ b/app/views/main/index.html.erb @@ -1,6 +1,6 @@ -

Media Spotlight: <%= link_to Work.top_work.title, work_path(Work.top_work.id)%> by <%= Work.top_work.creator%>

+

Media Spotlight: <%# link_to Work.top_work.title, work_path(Work.top_work.id)%> by <%= Work.top_work.creator%>

- <%=Work.top_work.votes.count%>-<%=Work.top_work.description%> + <%#Work.top_work.votes.count%>-<%#Work.top_work.description%>

ORDER BY VOTES!

Top Albums

diff --git a/db/media_seeds.csv b/db/media_seeds.csv deleted file mode 100644 index 5c9b5e3dac..0000000000 --- a/db/media_seeds.csv +++ /dev/null @@ -1,34 +0,0 @@ -category,title,creator,publication_year,description -album,Can't Buy a Thrill,Steely Dan,1972, -album,Countdown to Ecstasy,Steely Dan,1973, -album,Pretzel Logic,Steely Dan,1974, -album,Katy Lied,Steely Dan,1975, -album,The Royal Scam,Steely Dan,1976, -album,Aja,Steely Dan,1977, -album,Gaucho,Steely Dan,1980, -album,Silence Yourself,Savages,2013, -album,Adore Life,Savages,2016, -album,NVM,Tacocat,2014, -album,Lost Time,Tacocat,2016, -album,No Regrets,Chastity Belt,2013, -album,Time to Go Home,Chastity Belt,2015, -album,Sleater-Kinney,Sleater-Kinney,1995, -album,Call the Doctor,Sleater-Kinney,1996, -album,Dig Me Out,Sleater-Kinney,1997, -album,The Hot Rock,Sleater-Kinney,1999, -album,All Hands on the Bad One,Sleater-Kinney,2000, -album,One Beat,Sleater-Kinney,2002, -album,The Woods,Sleater-Kinney,2005, -album,No Cities to Love,Sleater-Kinney,2015, -album,Lemonade,Beyonce,2016,visual album -album,Esperanza,Esperanza Spalding,2008,awesome, upright bassist -album,Liquid Spirit,Gregory Porter,2013,jazz album -book,Hidden Figures,Margot Lee Shetterly,2016,Good book that came before the movie -book,Practical Object-Oriented Design in Ruby,Sandi Metz,2012,Good programming book -book,Kindred,Octavia E. Butler,1979,Good sci-fi book -book,Parable of the Sower,Octavia E. Butler,1993, -book,A Wizard of Earthsea,Ursula K. Leguin,1968, -book,Man's Search for Meaning,Viktor Frankl,1946, -book,Kindred,Octavia Butler,1979 -movie,I Am Not Your Negro,Raoul Peck,2017 -movie,Girl's Trip,Malcolm D. Lee,2017 diff --git a/db/seed_data/media_seeds.csv b/db/seed_data/media_seeds.csv new file mode 100644 index 0000000000..53e2d31dc8 --- /dev/null +++ b/db/seed_data/media_seeds.csv @@ -0,0 +1,34 @@ +id,category,title,creator,publication_year,description +1,album,Can't Buy a Thrill,Steely Dan,1972, +2,album,Countdown to Ecstasy,Steely Dan,1973, +3,album,Pretzel Logic,Steely Dan,1974, +4,album,Katy Lied,Steely Dan,1975, +5,album,The Royal Scam,Steely Dan,1976, +6,album,Aja,Steely Dan,1977, +7,album,Gaucho,Steely Dan,1980, +8,album,Silence Yourself,Savages,2013, +9,album,Adore Life,Savages,2016, +10,album,NVM,Tacocat,2014, +11,album,Lost Time,Tacocat,2016, +12,album,No Regrets,Chastity Belt,2013, +13,album,Time to Go Home,Chastity Belt,2015, +14,album,Sleater-Kinney,Sleater-Kinney,1995, +15,album,Call the Doctor,Sleater-Kinney,1996, +16,album,Dig Me Out,Sleater-Kinney,1997, +17,album,The Hot Rock,Sleater-Kinney,1999, +18,album,All Hands on the Bad One,Sleater-Kinney,2000, +19,album,One Beat,Sleater-Kinney,2002, +20,album,The Woods,Sleater-Kinney,2005, +21,album,No Cities to Love,Sleater-Kinney,2015, +22,album,Lemonade,Beyonce,2016,visual album +23,album,Esperanza,Esperanza Spalding,2008,awesome, upright bassist +24,album,Liquid Spirit,Gregory Porter,2013,jazz album +25,book,Hidden Figures,Margot Lee Shetterly,2016,Good book that came before the movie +26,book,Practical Object-Oriented Design in Ruby,Sandi Metz,2012,Good programming book +27,book,Kindred,Octavia E. Butler,1979,Good sci-fi book +28,book,Parable of the Sower,Octavia E. Butler,1993, +29,book,A Wizard of Earthsea,Ursula K. Leguin,1968, +30,book,Man's Search for Meaning,Viktor Frankl,1946, +31,book,Kindred,Octavia Butler,1979 +32,movie,I Am Not Your Negro,Raoul Peck,2017 +33,movie,Girl's Trip,Malcolm D. Lee,2017 diff --git a/db/seed_data/users_seeds.csv b/db/seed_data/users_seeds.csv new file mode 100644 index 0000000000..8cbbd50be2 --- /dev/null +++ b/db/seed_data/users_seeds.csv @@ -0,0 +1,24 @@ +id,username,date_joined +1,Bernardo_Prosacco, +2,Emory_Rosenbaum, +3,Daryl_Nitzsche, +4,Jeromy_O'Keefe DVM, +5,Verla_Marquardt, +6,Hyman_Wolf, +7,Lizeth, +8,Shania, +9,Simone, +10,Kenton, +11,Billy Walsh, +12,Marquardt, +13,Gleason, +14,Antwan, +15,Herzog, +16,Stamm, +17,Federico, +18,Kamille, +19,Denesik, +20,Hettinger, +21,Adell, +22,Devan, +23,Bo, diff --git a/db/seed_data/votes_seeds.csv b/db/seed_data/votes_seeds.csv new file mode 100644 index 0000000000..39c9c11828 --- /dev/null +++ b/db/seed_data/votes_seeds.csv @@ -0,0 +1,24 @@ +id,user_id,work_id,date +1,23,15, +2,9,31, +3,4,15, +4,16,32, +5,8,20, +6,11,15, +7,17,22, +8,16,25, +9,14,3, +10,8,9, +11,19,3, +12,9,7, +13,4,3, +14,23,8, +15,19,22, +16,1,22, +17,13,22, +18,8,7, +19,17,22, +20,23,19, +21,17,2, +22,16,2, +23,23,2, diff --git a/db/seeds.rb b/db/seeds.rb index 1beea2accd..666d235164 100644 --- a/db/seeds.rb +++ b/db/seeds.rb @@ -1,7 +1,81 @@ # This file should contain all the record creation needed to seed the database with its default values. # The data can then be loaded with the rails db:seed command (or created alongside the database with db:setup). -# -# Examples: -# -# movies = Movie.create([{ name: 'Star Wars' }, { name: 'Lord of the Rings' }]) -# Character.create(name: 'Luke', movie: movies.first) + +require 'csv' + +USER_FILE = Rails.root.join('db', 'seed_data', 'users_seeds.csv') +puts "Loading raw user data from #{USER_FILE}" + +user_failures = [] +CSV.foreach(USER_FILE, :headers => true) do |row| + user = User.new + user.id = row['id'] + user.username = row['username'] + user.date_joined = (Date.today-rand(100)).strftime('%Y-%m-%d') + puts "Created user: #{user.inspect}" + successful = user.save + if !successful + user_failures << user + end +end + +puts "Added #{User.count} user records" +puts "#{user_failures.length} users failed to save" + + + +MEDIA_FILE = Rails.root.join('db', 'seed_data', 'media_seeds.csv') +puts "Loading raw media data from #{MEDIA_FILE}" + +media_failures = [] +CSV.foreach(MEDIA_FILE, :headers => true) do |row| + media = Work.new + media.id = row['id'] + media.category = row['category'] + media.title = row['title'] + media.creator = row['creator'] + media.publication_year = row['publication_year'] + media.description = row['description'] + puts "Created media: #{media.inspect}" + successful = media.save + if !successful + media_failures << media + end +end + +puts "Added #{Work.count} media records" +puts "#{media_failures.length} media failed to save" + + + +VOTE_FILE = Rails.root.join('db', 'seed_data', 'votes_seeds.csv') +puts "Loading raw trip data from #{VOTE_FILE}" + +vote_failures = [] +CSV.foreach(VOTE_FILE, :headers => true) do |row| + vote = Vote.new + vote.id = row['id'] + vote.user_id = row['user_id'] + vote.work_id = row['work_id'] + vote.date =(Date.today-rand(100)).strftime('%Y-%m-%d') + puts "Created vote: #{vote.inspect}" + successful = vote.save + if !successful + vote_failures << vote + end +end + +puts "Added #{Vote.count} vote records" +puts "#{vote_failures.length} vote failed to save" + + +# Since we set the primary key (the ID) manually on each of the +# tables, we've got to tell postgres to reload the latest ID +# values. Otherwise when we create a new record it will try +# to start at ID 1, which will be a conflict. +puts "Manually resetting PK sequence on each table" +ActiveRecord::Base.connection.tables.each do |t| + ActiveRecord::Base.connection.reset_pk_sequence!(t) +end + +puts "done" From edd693bfb2903e5a0293f0ae3836408e193d3ef9 Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Fri, 13 Oct 2017 14:58:46 -0700 Subject: [PATCH 15/25] fix top work nil condition --- app/views/main/index.html.erb | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/app/views/main/index.html.erb b/app/views/main/index.html.erb index 82dfdd6cdf..8c41e32583 100644 --- a/app/views/main/index.html.erb +++ b/app/views/main/index.html.erb @@ -1,7 +1,10 @@ -

Media Spotlight: <%# link_to Work.top_work.title, work_path(Work.top_work.id)%> by <%= Work.top_work.creator%>

+

Media Spotlight: + <% if Work.top_work %> + <% link_to Work.top_work.title, work_path(Work.top_work.id)%> by <% Work.top_work.creator%>

- <%#Work.top_work.votes.count%>-<%#Work.top_work.description%> + <%Work.top_work.votes.count%>-<%Work.top_work.description%>

+<%end%>

ORDER BY VOTES!

Top Albums

- + <%= work.votes.count %> <%=link_to work.title, work_path(work.id)%> @@ -34,7 +38,7 @@ <%=work.publication_year%> - + <%=link_to "Upvote", upvote_path(work.id), method: :post, class: "button" %>
- + <%= work.votes.count %> <%= link_to work.title, work_path(work.id)%> @@ -77,7 +81,7 @@ <%=work.publication_year%> - + <%=link_to "Upvote", upvote_path(work.id), method: :post, class: "button" %>
- + <%= work.votes.count %> <%= link_to work.title, work_path(work.id)%> @@ -121,7 +125,7 @@ <%=work.publication_year%> - + <%=link_to "Upvote", upvote_path(work.id), method: :post, class: "button" %>
- <%=link_to user.username, work_path(user.id)%> + <%=link_to user.username, user_path(user.id) %> - <%=user.vote_count%> + <%=user.votes.count%> <%=user.date_joined.strftime('%b %d, %Y') %> diff --git a/app/views/users/show.html.erb b/app/views/users/show.html.erb new file mode 100644 index 0000000000..9165de0ad8 --- /dev/null +++ b/app/views/users/show.html.erb @@ -0,0 +1,43 @@ +

User Summary: <%=@user.username%>

+

+ Joined site <%=@user.date_joined.strftime('%b %d, %Y') %> +

+

Votes

+ + + + + + + + + <% @user.votes.each do |vote| %> + + + + + + + + <% end %> +
+ Media Title + + Created By + + Published + + Category + + Voted On +
+ <%=vote.work.title%> + + <%=vote.work.creator%> + + <%=vote.work.publication_year%> + + <%=vote.work.category%> + + <%=vote.date.strftime('%b %d, %Y')%> +
diff --git a/app/views/works/index.html.erb b/app/views/works/index.html.erb index 244d0e57af..92597f0287 100644 --- a/app/views/works/index.html.erb +++ b/app/views/works/index.html.erb @@ -34,7 +34,7 @@ <%=work.publication_year%> 		- + <%=link_to "Upvote", upvote_path(work.id), method: :post, class: "button" %>
- + <%=link_to "Upvote", upvote_path(work.id), method: :post, class: "button" %>
- + <%=link_to "Upvote", upvote_path(work.id), method: :post, class: "button" %>
From 827548a07cbd7875f931d5a0b1958f77e8eacf19 Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Sat, 14 Oct 2017 22:09:00 -0700 Subject: [PATCH 16/25] finalize work model and tests --- app/assets/stylesheets/application.css | 21 +++ app/assets/stylesheets/main.scss | 15 ++ app/controllers/application_controller.rb | 3 +- app/controllers/works_controller.rb | 42 +++-- app/models/user.rb | 9 -- app/models/work.rb | 10 +- app/views/layouts/application.html.erb | 8 +- app/views/main/index.html.erb | 185 ++++++---------------- app/views/users/show.html.erb | 5 + app/views/works/index.html.erb | 15 +- app/views/works/show.html.erb | 36 ++++- test/fixtures/users.yml | 42 ++++- test/fixtures/votes.yml | 149 ++++++++++++++++- test/fixtures/works.yml | 90 ++++++++--- test/models/work_test.rb | 86 ++++++++-- 15 files changed, 505 insertions(+), 211 deletions(-) diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index b4e2142299..5887661d1c 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -47,3 +47,24 @@ nav div button { margin-right: auto; margin-left: auto; } + + +body small { + color: slategrey; +} + +a, h3 { + color: #26A69A; +} + +h1, h2, h3, h4, h5 { + font-weight: bold; +} + +body, h1, h2, h3, h4, h5 { + font-family: "Gudea", sans-serif; + } + +ul { + list-style-type: none; +} diff --git a/app/assets/stylesheets/main.scss b/app/assets/stylesheets/main.scss index 971b13c825..f190c57288 100644 --- a/app/assets/stylesheets/main.scss +++ b/app/assets/stylesheets/main.scss @@ -1,3 +1,18 @@ // Place all the styles related to the Main controller here. // They will automatically be included in application.css. // You can use Sass (SCSS) here: http://sass-lang.com/ + + +.top-ten h3 { + border-bottom: 2px solid; + border-bottom-color: #B2DFDB; +} + +.media-spotlight { + color: #424242; + font-weight: bold; +} + +.spotlight a { + border-bottom: 2px solid; +} diff --git a/app/controllers/application_controller.rb b/app/controllers/application_controller.rb index 54b17a3d55..6964ff71ba 100644 --- a/app/controllers/application_controller.rb +++ b/app/controllers/application_controller.rb @@ -9,7 +9,8 @@ def save_and_flash(model, message_variation) flash[:message] = "Successfully #{message_variation}d #{model.title}" else flash.now[:status] = :failure - flash.now[:message] = "Failed to #{message_variation} #{model.title}" + # flash.now[:message] = "Failed to #{message_variation} #{model.title}" + flash.now[:message] = "A problem occurred: Could not #{message_variation} album" flash.now[:details] = model.errors.messages end diff --git a/app/controllers/works_controller.rb b/app/controllers/works_controller.rb index d86f03af22..73840d4af5 100644 --- a/app/controllers/works_controller.rb +++ b/app/controllers/works_controller.rb @@ -24,7 +24,7 @@ def create def update @work.update_attributes(work_params) - if save_and_flash(@work, "save") + if save_and_flash(@work, "update") redirect_to work_path(@work.id) else render :edit, status: :bad_request @@ -35,7 +35,7 @@ def destroy current_user = nil if session[:logged_in_user] - current_user = User.find_by(session[:logged_in_user]) + current_user = User.find_by(id: session[:logged_in_user]) ## The following code is redundant # else # flash[:status] = :failure @@ -43,24 +43,36 @@ def destroy # redirect_to works_path # # redirect will not return need to explicitly return # return + @work = Work.find(params[:id]) + @work.destroy + flash[:status] = :success + flash[:message] = "Deleted #{@work.category} #{@work.title}" + redirect_to works_path + else + flash[:status] = :failure + flash[:message] = "You must be logged in to do that!" + redirect_to works_path + # redirect will not return need to explicitly return + return end + end #could use for create update etc. # if find_work_by_params_id - if current_user != @work.user - flash[:status] = :failure - flash[:message] = "You must be logged in to do that!" - redirect_to works_path - # redirect will not return need to explicitly return - return - end + # if current_user != @work.user_id + # flash[:status] = :failure + # flash[:message] = "You must be logged in to do that!" + # redirect_to works_path + # # redirect will not return need to explicitly return + # return + # end # end - @work = Work.find(params[:id]) - @work.destroy - flash[:status] = :success - flash[:message] = "Deleted #{@work.category} #{@work.title}" - redirect_to works_path - end + # @work = Work.find(params[:id]) + # @work.destroy + # flash[:status] = :success + # flash[:message] = "Deleted #{@work.category} #{@work.title}" + # redirect_to works_path + # end def upvote user_id = session[:logged_in_user] diff --git a/app/models/user.rb b/app/models/user.rb index 26aeacf3cf..5c31231333 100644 --- a/app/models/user.rb +++ b/app/models/user.rb @@ -1,15 +1,6 @@ class User < ApplicationRecord has_many :votes, dependent: :destroy - # - # def vote_count - # sum = 0 - # votes.each do - # sum +=1 - # end - # return sum - # end - def voted?(work) self.votes.each do |vote| if vote.work_id == work.id diff --git a/app/models/work.rb b/app/models/work.rb index 7cb9c206e3..2780543ab3 100644 --- a/app/models/work.rb +++ b/app/models/work.rb @@ -8,16 +8,18 @@ def self.top_work return top_work end - def self.top_ten - # Work. - + def self.top_ten(category) + top_ten = sort.find_all { |work| work.category == category} + if top_ten.count > 10 + top_ten = top_ten.first(10) + end + return top_ten end private def self.sort Work.all.sort_by {|work| -work.votes.count} - end end diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 1131380a69..6ba30aca11 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -37,19 +37,19 @@

<%= flash[:message] %>

+ <% if flash[:details] %>
    <% flash[:details].each do |field, problems| %> <% problems.each do |problem| %> - -

    <%= field.capitalize %> <%= problem %>

    - +
  • + <%= field %>: <%= problem %> +
    • <% end %> <%end%>
<% end %> - <%= yield %> diff --git a/app/views/main/index.html.erb b/app/views/main/index.html.erb index 8c41e32583..cafe105499 100644 --- a/app/views/main/index.html.erb +++ b/app/views/main/index.html.erb @@ -1,137 +1,54 @@ -

Media Spotlight: - <% if Work.top_work %> - <% link_to Work.top_work.title, work_path(Work.top_work.id)%> by <% Work.top_work.creator%>

-

- <%Work.top_work.votes.count%>-<%Work.top_work.description%> -

-<%end%> -

ORDER BY VOTES!

-

Top Albums

-
- - - - - - - - <% @works.each do |work| %> - <% if work.category == "album" %> - - - - - - - - <% end %> - <% end %> +
+

+ + Media Spotlight: + + <% if Work.top_work %> + <%= link_to Work.top_work.title, work_path(Work.top_work.id)%> by <%= Work.top_work.creator%>

+

+ <%=Work.top_work.votes.count%>-<%=Work.top_work.description%> +

+ <%end%> -
- Votes - - Title - - Created By - - Published - - Upvote -
- <%= work.votes.count %> - - <%=link_to work.title, work_path(work.id)%> - - <%=work.creator%> - - <%=work.publication_year%> - - <%=link_to "Upvote", upvote_path(work.id), method: :post, class: "button" %> -
-

Top Books

+ +
+

Top Movies

+
    + <% unless Work.top_ten("movie").empty? %> + <% Work.top_ten("movie").each do |work| %> +
  • +

    <%= link_to work.title, work_path(work.id)%> by <%=work.creator%>

    +

    <%=work.votes.count%> votes

    +
    • + <%end%> + <%end%> - - - - - - - - - <% @works.each do |work| %> - <% if work.category == "book" %> - - - - - - - - <% end %> - <% end %> + + +
    +

    Top Books

    +
      + <% unless Work.top_ten("book").empty? %> + <% Work.top_ten("book").each do |work| %> +
    • +

      <%= link_to work.title, work_path(work.id)%> by <%=work.creator%>

      +

      <%=work.votes.count%> votes

      +
      • + <%end%> + <%end%> +
    +
    +
    +

    Top Albums

    +
      + <% unless Work.top_ten("album").empty? %> -
    - Votes - - Title - - Created By - - Published - - Upvote -
    - <%= work.votes.count %> - - <%= link_to work.title, work_path(work.id)%> - - <%=work.creator%> - - <%=work.publication_year%> - - <%=link_to "Upvote", upvote_path(work.id), method: :post, class: "button" %> -
    - - -

    Top Movies

    - - - - - - - - - <% @works.each do |work| %> - <% if work.category == "movie" %> - - - - - - - - <% end %> - <% end %> - -
    - Votes - - Title - - Created By - - Published - - Upvote -
    - <%= work.votes.count %> - - <%= link_to work.title, work_path(work.id)%> - - <%=work.creator%> - - <%=work.publication_year%> - - <%=link_to "Upvote", upvote_path(work.id), method: :post, class: "button" %> -
    + <% Work.top_ten("album").each do |work| %> +
  • +

    <%= link_to work.title, work_path(work.id)%> by <%=work.creator%>

    +

    <%=work.votes.count%> votes

    +
    • + <%end%> + <%end%> +
+
diff --git a/app/views/users/show.html.erb b/app/views/users/show.html.erb index 9165de0ad8..1fb80477db 100644 --- a/app/views/users/show.html.erb +++ b/app/views/users/show.html.erb @@ -4,6 +4,7 @@

Votes

+ + <% @user.votes.each do |vote| %> <% end %>
Media Title @@ -21,6 +22,7 @@ Voted On
@@ -41,3 +43,6 @@
+ +<%=link_to "See all Users", users_path, class: "button" %> +<%=link_to "Back to Media List", works_path, class: "button" %> diff --git a/app/views/works/index.html.erb b/app/views/works/index.html.erb index 92597f0287..a89052c26a 100644 --- a/app/views/works/index.html.erb +++ b/app/views/works/index.html.erb @@ -1,6 +1,7 @@

List of Works

Albums

+ + + <% @works.each do |work| %> <% if work.category == "album" %>
Votes @@ -18,11 +19,13 @@ Upvote
- + <%= work.votes.count %> <%=link_to work.title, work_path(work.id)%> @@ -44,6 +47,7 @@

Books

+ + + <% @works.each do |work| %> <% if work.category == "book" %>
Votes @@ -61,11 +65,13 @@ Upvote
- + <%= work.votes.count %> <%= link_to work.title, work_path(work.id)%> @@ -88,6 +94,8 @@

Movies

+ + + <% @works.each do |work| %> <% if work.category == "movie" %>
Votes @@ -105,11 +113,12 @@ Upvote
- + <%= work.votes.count %> <%= link_to work.title, work_path(work.id)%> diff --git a/app/views/works/show.html.erb b/app/views/works/show.html.erb index ab09876faa..f8e769fea3 100644 --- a/app/views/works/show.html.erb +++ b/app/views/works/show.html.erb @@ -1,13 +1,41 @@

<%= @work.title %>

- Created by: <%= @work.creator %> + Created by: <%= @work.creator %>

Published: <%= @work.publication_year %>

-<%= @work.description %> + <%= @work.description %>

-<%= link_to "Edit", edit_work_path(@work.id) %> -<%= link_to "Delete", work_path(@work.id), method: :delete, data: {:confirm => "Are you sure you want to delete this #{@work.category}?"} %> +<%= link_to "Back to media ranks", root_path, class:"button" %> +<%= link_to "Edit", edit_work_path(@work.id), class:"button" %> +<%= link_to "Upvote", upvote_path(@work.id), method: :post, class: "button" %> +<%= link_to "Delete", work_path(@work.id), method: :delete, data: {:confirm => "Are you sure you want to delete this #{@work.category}?"}, class: "alert button" %> + +

<%=@work.votes.count%> votes for this <%=@work.category%>

+ + + + + + + + + + <% @work.votes.each do |vote|%> + + + + + <%end%> +
+ User + + Date +
+ <%=link_to vote.user.username, user_path(vote.user_id)%> + + <%=vote.date.strftime('%b %d, %Y') %> +
diff --git a/test/fixtures/users.yml b/test/fixtures/users.yml index c7e069ec95..19d2dd562c 100644 --- a/test/fixtures/users.yml +++ b/test/fixtures/users.yml @@ -1,9 +1,41 @@ # Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html -one: - username: MyString +user1: + username: username1 date_joined: 2017-10-11 -two: - username: MyString - date_joined: 2017-10-11 +user2: + username: username2 + date_joined: 2017-10-14 + +user3: + username: username3 + date_joined: 2017-11-14 + +user4: + username: username4 + date_joined: 2017-12-14 + +user5: + username: username5 + date_joined: 2017-12-08 + +user6: + username: username6 + date_joined: 2017-12-08 + +user7: + username: username7 + date_joined: 2017-12-08 + +user8: + username: username8 + date_joined: 2017-12-08 + +user9: + username: username9 + date_joined: 2017-12-08 + +user10: + username: username10 + date_joined: 2017-12-08 diff --git a/test/fixtures/votes.yml b/test/fixtures/votes.yml index fdbb5b6e85..02d7d3fe92 100644 --- a/test/fixtures/votes.yml +++ b/test/fixtures/votes.yml @@ -1,7 +1,152 @@ # Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html +# +# one: +# date: 2017-10-11 +# +# two: +# date: 2017-10-11 -one: +vote1: date: 2017-10-11 + work: lemonade + user: user3 -two: +vote2: + date: 2017-09-12 + work: lemonade + user: user4 + +vote3: + date: 2017-10-30 + work: lemonade + user: user5 + +vote29: date: 2017-10-11 + work: LiquidSpirit + user: user3 + +vote4: + date: 2017-08-30 + work: Hunger + user: user5 + +vote28: + date: 2017-08-30 + work: Hunger + user: user4 + +# vote5: +# date: 2017-08-30 +# work: girls_trip +# user: user3 + +vote6: + date: 2017-08-30 + work: Hunger + user: user3 + +vote7: + date: 2017-08-30 + work: Hunger + user: user2 + +vote8: + date: 2017-08-30 + work: Hunger + user: user1 + +vote9: + date: 2017-08-30 + work: Hunger + user: user6 + +vote10: + date: 2017-08-30 + work: Hunger + user: user7 + +vote11: + date: 2017-08-30 + work: Hunger + user: user8 + +vote12: + date: 2017-08-30 + work: Hunger + user: user9 + +vote13: + date: 2017-08-30 + work: Hunger + user: user10 + +vote14: + date: 2017-08-30 + work: book3 + user: user1 + +vote15: + date: 2017-08-30 + work: book3 + user: user2 + +vote16: + date: 2017-08-30 + work: book3 + user: user3 + +vote17: + date: 2017-08-30 + work: book3 + user: user4 + +vote18: + date: 2017-08-30 + work: book3 + user: user5 + +vote19: + date: 2017-08-30 + work: book3 + user: user6 + +vote20: + date: 2017-08-30 + work: book3 + user: user7 + +vote21: + date: 2017-08-30 + work: book3 + user: user8 + +vote22: + date: 2017-08-30 + work: book3 + user: user9 + +vote23: + date: 2017-08-30 + work: Kindred + user: user1 + +vote24: + date: 2017-08-30 + work: Kindred + user: user2 + +vote25: + date: 2017-08-30 + work: Kindred + user: user3 + +vote26: + date: 2017-08-30 + work: Kindred + user: user4 + +vote27: + date: 2017-08-30 + work: book4 + user: user2 diff --git a/test/fixtures/works.yml b/test/fixtures/works.yml index ec27532b05..9abcb9fbc9 100644 --- a/test/fixtures/works.yml +++ b/test/fixtures/works.yml @@ -1,19 +1,5 @@ # Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html -# one: -# category: MyString -# title: MyString -# creator: MyString -# publication_year: 1 -# description: MyString -# -# two: -# category: MyString -# title: MyString -# creator: MyString -# publication_year: 1 -# description: MyString - lemonade: category: album title: lemonade @@ -21,14 +7,80 @@ lemonade: publication_year: 2016 description: best album ever +LiquidSpirit: + category: album + title: Liquid Spirit + creator: Gregory porter + publication_year: 2013 + Hunger: category: book title: Hunger creator: Roxane Gay publication_year: 2017 -girls_trip: - category: movie - title: Girls Trip - creator: Malcolm Lee - publication_year: 2017 +# girls_trip: +# category: movie +# title: Girls Trip +# creator: Malcolm Lee +# publication_year: 2017 + +Kindred: + category: book + title: Kindred + creator: Octavia Butler + publication_year: 1976 + +book3: + category: book + title: book3 + creator: author + publication_year: 1960 + +book4: + category: book + title: book4 + creator: author + publication_year: 1960 + +book5: + category: book + title: book5 + creator: author + publication_year: 1960 + +book6: + category: book + title: book6 + creator: author + publication_year: 1960 + +book7: + category: book + title: book7 + creator: author + publication_year: 1960 + +book8: + category: book + title: book8 + creator: author + publication_year: 1960 + +book9: + category: book + title: book9 + creator: author + publication_year: 1960 + +book10: + category: book + title: book10 + creator: author + publication_year: 1960 + +book11: + category: book + title: book11 + creator: author + publication_year: 1960 diff --git a/test/models/work_test.rb b/test/models/work_test.rb index 38a7c96f6b..d929ef09f3 100644 --- a/test/models/work_test.rb +++ b/test/models/work_test.rb @@ -3,52 +3,116 @@ describe Work do describe "validations" do - # positive validation case for the working model + # success validation case for the working model it "can be created with all required fields" do work = Work.new(:category => "album", :title => "Liquid Spirit") work.must_be :valid? end + # failure validation cases it "requires a title" do w = Work.new - w.wont_be :valid? w.errors.messages.must_include :title end it "requires a category" do w = Work.new - w.wont_be :valid? w.errors.messages.must_include :category end end describe "relations" do - it "has a collection of votes" do + it "responds to votes and can be voted on once" do # arrange - w = Work.new + w = works(:book9) w.must_respond_to :votes w.votes.must_be :empty? - w.votes.count.must_equal 0 - vote = Vote.create!(date: Date.today, work_id: w.id) + vote = Vote.create!(date: Date.today, work_id: w.id, user_id: users(:user1).id) + # act w.votes << vote - w.votes.count.must_equal 1 #assert + w.votes.count.must_equal 1 w.votes.must_include vote + end + + it "can have multiple votes" do + # arrange + w = works(:book9) + w.votes.must_be :empty? + w.votes.count.must_equal 0 + + vote1 = Vote.create!(date: Date.today, work_id: w.id, user_id: users(:user1).id) + w.votes << vote1 + + vote2 = Vote.create!(date: Date.today, work_id: w.id, user_id: users(:user2).id) + + # act + w.votes << vote2 + + #assert + w.votes.count.must_equal 2 + w.votes.must_include vote1 + w.votes.must_include vote2 + end + + # Test dependent destroy relationship + it "can destroy dependent relationship to vote" do + # arrange + w = works(:lemonade) + + vote1 = Vote.create!(date: Date.today, work_id: w.id, user_id: users(:user1).id) + w.votes << vote1 + + vote2 = Vote.create!(date: Date.today, work_id: w.id, user_id: users(:user2).id) + w.votes << vote2 + + # act + w.destroy! + + #assert + Vote.all.wont_include vote1 + Vote.all.wont_include vote2 + end + end + describe "custom public methods" do + describe "top_work" do + it "returns top voted work" do + # top voted work in fixtures is Hunger + w = works(:Hunger) + Work.top_work.must_equal w end + end - it "work can have multiple votes" do + describe "top_ten" do + it "returns the top ten media in a category that has more than 10 items" do + # top voted books in fixtures are Hunger, book3, Kindred, and book4 in that order the rest of the books have zero votes + top_books = Work.top_ten("book") + top_books.count.must_equal 10 + + top_books.first(4).must_equal [works(:Hunger), works(:book3), works(:Kindred), works(:book4)] end - # Test dependent relationship destroy - it "can destroy dependent relationship to votes" do + it "returns all media in a category that has fewer than 10 items" do + # there are only two albums and they are Lemonade and Liquid Spirit in that order by votes + top_albums = Work.top_ten("album") + + top_albums.count.must_equal 2 + + top_albums.must_equal [works(:lemonade), works(:LiquidSpirit)] + end + + it "returns an empty array if category has no works" do + top_albums = Work.top_ten("movie") + top_albums.must_be :empty? end end +end end From ef856c3b37efdeef7c581e8c6a8586ffb8f2f044 Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Sat, 14 Oct 2017 23:51:56 -0700 Subject: [PATCH 17/25] vote model validation of user_id and work_id combo uniqueness and model tests --- app/controllers/users_controller.rb | 1 - app/controllers/works_controller.rb | 54 ++++++++++++++++---------- app/models/vote.rb | 2 + test/models/vote_test.rb | 59 +++++++++++++++++++++++++++-- 4 files changed, 93 insertions(+), 23 deletions(-) diff --git a/app/controllers/users_controller.rb b/app/controllers/users_controller.rb index be82912d0c..2c7ca221ee 100644 --- a/app/controllers/users_controller.rb +++ b/app/controllers/users_controller.rb @@ -37,6 +37,5 @@ def index def show @user = User.find_by(id: params[:id]) - end end diff --git a/app/controllers/works_controller.rb b/app/controllers/works_controller.rb index 73840d4af5..e3b3cd11fd 100644 --- a/app/controllers/works_controller.rb +++ b/app/controllers/works_controller.rb @@ -57,16 +57,16 @@ def destroy end end - #could use for create update etc. - # if find_work_by_params_id - # if current_user != @work.user_id - # flash[:status] = :failure - # flash[:message] = "You must be logged in to do that!" - # redirect_to works_path - # # redirect will not return need to explicitly return - # return - # end - # end + #could use for create update etc. + # if find_work_by_params_id + # if current_user != @work.user_id + # flash[:status] = :failure + # flash[:message] = "You must be logged in to do that!" + # redirect_to works_path + # # redirect will not return need to explicitly return + # return + # end + # end # @work = Work.find(params[:id]) # @work.destroy # flash[:status] = :success @@ -82,16 +82,32 @@ def upvote flash[:status] = :failure flash[:message] = "You must be logged in to do that!" redirect_to root_path - elsif session[:logged_in_user] && (user.voted?(@work) == false) + # elsif session[:logged_in_user] && (user.voted?(@work) == false) + # vote = Vote.new(work_id: @work.id, user_id: user_id, date: Date.today) + # vote.save + # flash[:status] = :success + # flash[:message] = "Successfuly upvoted #{@work.title}!" + # redirect_to root_path + # elsif user.voted?(@work) + # flash[:status] = :failure + # flash[:message] = "Could not upvote. User has already voted for #{@work.title}" + # redirect_to root_path + elsif session[:logged_in_user] vote = Vote.new(work_id: @work.id, user_id: user_id, date: Date.today) - vote.save - flash[:status] = :success - flash[:message] = "Successfuly upvoted #{@work.title}!" - redirect_to root_path - elsif user.voted?(@work) - flash[:status] = :failure - flash[:message] = "Could not upvote. User has already voted for #{@work.title}" - redirect_to root_path + if vote.save + flash[:status] = :success + flash[:message] = "Successfuly upvoted #{@work.title}!" + redirect_to root_path + else + flash[:status] = :failure + flash[:message] = "Could not upvote. User has already voted for #{@work.title}" + flash[:details] = vote.errors.messages + redirect_to root_path + # else + # vote = Vote.new(work_id: @work.id, user_id: user_id, date: Date.today) + # vote.save + # flash.now[:details] = vote.errors.messages + end end end diff --git a/app/models/vote.rb b/app/models/vote.rb index 2c4d6fcb8a..3775e61b24 100644 --- a/app/models/vote.rb +++ b/app/models/vote.rb @@ -3,4 +3,6 @@ class Vote < ApplicationRecord belongs_to :work validates :date, presence: true + validates :user, uniqueness: { scope: :work, + message: "has already voted for this work." } end diff --git a/test/models/vote_test.rb b/test/models/vote_test.rb index fc15947bd3..1c027d2604 100644 --- a/test/models/vote_test.rb +++ b/test/models/vote_test.rb @@ -1,9 +1,62 @@ require "test_helper" describe Vote do - let(:vote) { Vote.new } - it "must be valid" do - value(vote).must_be :valid? + describe "validations" do + # success validation case for the working model + it "can be created with all required fields" do + vote = Vote.new(date: Date.today, user: users(:user1), work: works(:book8)) + vote.must_be :valid? + end + + # failure validation cases + it "requires a date" do + v = Vote.new(user: users(:user1), work: works(:book8)) + v.wont_be :valid? + v.errors.messages.must_include :date + end + + it "cannot have two votes for the same work from one user" do + works(:book8).votes.count.must_equal 0 + v1 = Vote.new(date: Date.today, user: users(:user8), work: works(:book8)) + v1.save + works(:book8).votes.count.must_equal 1 + v2 = Vote.new(date: Date.today, user: users(:user8), work: works(:book8)) + v2.save + v2.errors.messages.values.must_include ["has already voted for this work."] + + works(:book8).votes.count.must_equal 1 + end + + it "can have two votes for the same work from different users" do + works(:book8).votes.count.must_equal 0 + v1 = Vote.new(date: Date.today, user: users(:user8), work: works(:book8)) + v1.save + works(:book8).votes.count.must_equal 1 + v2 = Vote.new(date: Date.today, user: users(:user9), work: works(:book8)) + v2.save + v2.errors.messages.values.wont_include ["has already voted for this work."] + + works(:book8).votes.count.must_equal 2 + end end + + describe "relations" do + + it "belongs to a user and creates an error message if no user is given" do + v = Vote.new(date: Date.today, work: works(:book8)) + v.must_respond_to :user + v.wont_be :valid? + v.errors.messages.must_include :user + end + + it "belongs to a work and creates an error message if no work is given" do + v = Vote.new(date: Date.today, user: users(:user1)) + v.must_respond_to :work + v.wont_be :valid? + v.errors.messages.must_include :work + end + + end + end From c2ffc42a8e70a463856a313e709051637273d26a Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Sun, 15 Oct 2017 10:52:13 -0700 Subject: [PATCH 18/25] add logged in as user button --- app/controllers/works_controller.rb | 15 --------------- app/models/user.rb | 8 -------- app/views/layouts/application.html.erb | 2 ++ test/models/vote_test.rb | 1 + 4 files changed, 3 insertions(+), 23 deletions(-) diff --git a/app/controllers/works_controller.rb b/app/controllers/works_controller.rb index e3b3cd11fd..019847fedb 100644 --- a/app/controllers/works_controller.rb +++ b/app/controllers/works_controller.rb @@ -76,22 +76,11 @@ def destroy def upvote user_id = session[:logged_in_user] - user = User.find_by(id: user_id) @work = Work.find(params[:id]) if !(session[:logged_in_user]) flash[:status] = :failure flash[:message] = "You must be logged in to do that!" redirect_to root_path - # elsif session[:logged_in_user] && (user.voted?(@work) == false) - # vote = Vote.new(work_id: @work.id, user_id: user_id, date: Date.today) - # vote.save - # flash[:status] = :success - # flash[:message] = "Successfuly upvoted #{@work.title}!" - # redirect_to root_path - # elsif user.voted?(@work) - # flash[:status] = :failure - # flash[:message] = "Could not upvote. User has already voted for #{@work.title}" - # redirect_to root_path elsif session[:logged_in_user] vote = Vote.new(work_id: @work.id, user_id: user_id, date: Date.today) if vote.save @@ -103,10 +92,6 @@ def upvote flash[:message] = "Could not upvote. User has already voted for #{@work.title}" flash[:details] = vote.errors.messages redirect_to root_path - # else - # vote = Vote.new(work_id: @work.id, user_id: user_id, date: Date.today) - # vote.save - # flash.now[:details] = vote.errors.messages end end diff --git a/app/models/user.rb b/app/models/user.rb index 5c31231333..6d64280fdd 100644 --- a/app/models/user.rb +++ b/app/models/user.rb @@ -1,12 +1,4 @@ class User < ApplicationRecord has_many :votes, dependent: :destroy - def voted?(work) - self.votes.each do |vote| - if vote.work_id == work.id - return true - end - end - return false - end end diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 6ba30aca11..a1dca2e8bb 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -24,6 +24,8 @@
<% if session[:logged_in_user] %> + <% user = User.find_by(id: session[:logged_in_user])%> + <%=link_to "Logged in as #{user.username}", user_path(user), class: "button" %> <%=link_to "Log Out", logout_path, method: :post, class: "button" %> <%else%> <%=link_to "Log In", login_path, class: "button" %> diff --git a/test/models/vote_test.rb b/test/models/vote_test.rb index 1c027d2604..60a0a3e3b4 100644 --- a/test/models/vote_test.rb +++ b/test/models/vote_test.rb @@ -22,6 +22,7 @@ v1.save works(:book8).votes.count.must_equal 1 v2 = Vote.new(date: Date.today, user: users(:user8), work: works(:book8)) + v2.wont_be :valid? v2.save v2.errors.messages.values.must_include ["has already voted for this work."] From 0e7b92856478ace395caf48490d4c5325633feba Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Sun, 15 Oct 2017 11:07:19 -0700 Subject: [PATCH 19/25] change upvote redirect methods to be redirect_back --- app/controllers/users_controller.rb | 21 +++++++++++++-------- app/controllers/works_controller.rb | 6 +++--- app/models/user.rb | 2 ++ 3 files changed, 18 insertions(+), 11 deletions(-) diff --git a/app/controllers/users_controller.rb b/app/controllers/users_controller.rb index 2c7ca221ee..8068329e0e 100644 --- a/app/controllers/users_controller.rb +++ b/app/controllers/users_controller.rb @@ -13,14 +13,19 @@ def login else user = User.new(username: username, date_joined: Date.today) - user.save - flash[:status] = :success - flash[:message] = "Successfuly logged in as new user #{username}" - session[:logged_in_user] = user.id - redirect_to root_path - # flash.now[:status] = :failure - # flash.now[:message] = "No user found with username #{username}" - # render :login_form, status: :bad_request + if user.save + flash[:status] = :success + flash[:message] = "Successfuly logged in as new user #{username}" + session[:logged_in_user] = user.id + redirect_to root_path + else + flash.now[:status] = :failure + flash[:message] = "A problem occurred: Could not log in" + flash[:details] = user.errors.messages + # flash.now[:status] = :failure + # flash.now[:message] = "No user found with username #{username}" + render :login_form, status: :bad_request + end end end diff --git a/app/controllers/works_controller.rb b/app/controllers/works_controller.rb index 019847fedb..e06db20191 100644 --- a/app/controllers/works_controller.rb +++ b/app/controllers/works_controller.rb @@ -80,18 +80,18 @@ def upvote if !(session[:logged_in_user]) flash[:status] = :failure flash[:message] = "You must be logged in to do that!" - redirect_to root_path + redirect_back fallback_location: { action: "index"} elsif session[:logged_in_user] vote = Vote.new(work_id: @work.id, user_id: user_id, date: Date.today) if vote.save flash[:status] = :success flash[:message] = "Successfuly upvoted #{@work.title}!" - redirect_to root_path + redirect_back fallback_location: { action: "index"} else flash[:status] = :failure flash[:message] = "Could not upvote. User has already voted for #{@work.title}" flash[:details] = vote.errors.messages - redirect_to root_path + redirect_back fallback_location: { action: "index"} end end diff --git a/app/models/user.rb b/app/models/user.rb index 6d64280fdd..5c1f25afbc 100644 --- a/app/models/user.rb +++ b/app/models/user.rb @@ -1,4 +1,6 @@ class User < ApplicationRecord has_many :votes, dependent: :destroy + validates :username, presence: true + end From 7a8b14e4713fac5443c51c6e63d7a524e4eccd76 Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Sun, 15 Oct 2017 16:02:19 -0700 Subject: [PATCH 20/25] finalize user model and tests --- app/models/user.rb | 1 + test/fixtures/users.yml | 4 ++ test/models/user_test.rb | 82 ++++++++++++++++++++++++++++++++++++++-- test/models/work_test.rb | 1 + 4 files changed, 85 insertions(+), 3 deletions(-) diff --git a/app/models/user.rb b/app/models/user.rb index 5c1f25afbc..414f9be208 100644 --- a/app/models/user.rb +++ b/app/models/user.rb @@ -2,5 +2,6 @@ class User < ApplicationRecord has_many :votes, dependent: :destroy validates :username, presence: true + validates :date_joined, presence: true end diff --git a/test/fixtures/users.yml b/test/fixtures/users.yml index 19d2dd562c..012498d69e 100644 --- a/test/fixtures/users.yml +++ b/test/fixtures/users.yml @@ -39,3 +39,7 @@ user9: user10: username: username10 date_joined: 2017-12-08 + +user11: + username: username11 + date_joined: 2017-12-08 diff --git a/test/models/user_test.rb b/test/models/user_test.rb index cc862ac2d9..77c8e79abf 100644 --- a/test/models/user_test.rb +++ b/test/models/user_test.rb @@ -1,9 +1,85 @@ require "test_helper" describe User do - let(:user) { User.new } - it "must be valid" do - value(user).must_be :valid? + describe "validations" do + # success validation case for the working model + it "can be created with all required fields" do + u = User.new(username: "test", date_joined: Date.today) + u.must_be :valid? + end + + # failure validation cases + it "requires a username" do + u = User.new(date_joined: Date.today) + u.wont_be :valid? + u.errors.messages.must_include :username + end + + it "requires a date_joined" do + u = User.new(username: "test") + u.wont_be :valid? + u.errors.messages.must_include :date_joined + end + end + + describe "relations" do + it "responds to votes and user can vote on a work" do + # arrange + u = users(:user11) + u.must_respond_to :votes + u.votes.must_be :empty? + u.votes.count.must_equal 0 + vote = Vote.create!(date: Date.today, work_id: works(:book8).id, user_id: u.id) + + # act + u.votes << vote + + #assert + u.votes.count.must_equal 1 + u.votes.must_include vote + end + + it "can have multiple votes for different works" do + # arrange + u = users(:user11) + u.votes.must_be :empty? + u.votes.count.must_equal 0 + + vote1 = Vote.create!(date: Date.today, work_id: works(:book8).id, user_id: u.id) + u.votes << vote1 + + vote2 = Vote.create!(date: Date.today, work_id: works(:book9).id, user_id: u.id) + + # act + u.votes << vote2 + + #assert + u.votes.count.must_equal 2 + u.votes.must_include vote1 + u.votes.must_include vote2 + end + + # Test dependent destroy relationship + it "can destroy votes when you destroy user" do + # arrange + u = users(:user11) + + vote1 = Vote.create!(date: Date.today, work_id: works(:book9).id, user_id: u.id) + u.votes << vote1 + + vote2 = Vote.create!(date: Date.today, work_id: works(:book8).id, user_id: u.id) + u.votes << vote2 + + # act + u.destroy! + + #assert + Vote.all.wont_include vote1 + Vote.all.wont_include vote2 + u.votes.count.must_equal 0 + end end + + end diff --git a/test/models/work_test.rb b/test/models/work_test.rb index d929ef09f3..598c90368a 100644 --- a/test/models/work_test.rb +++ b/test/models/work_test.rb @@ -77,6 +77,7 @@ #assert Vote.all.wont_include vote1 Vote.all.wont_include vote2 + w.votes.count.must_equal 0 end end From eb373265271ee171bd3a277eb0934550673d88d4 Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Sun, 15 Oct 2017 23:15:34 -0700 Subject: [PATCH 21/25] finalizing works controller methods and tests --- app/controllers/works_controller.rb | 29 --- app/views/users/index.html.erb | 2 + test/controllers/works_controller_test.rb | 212 +++++++++++++++++++--- 3 files changed, 191 insertions(+), 52 deletions(-) diff --git a/app/controllers/works_controller.rb b/app/controllers/works_controller.rb index e06db20191..169b229bcc 100644 --- a/app/controllers/works_controller.rb +++ b/app/controllers/works_controller.rb @@ -32,17 +32,9 @@ def update end def destroy - current_user = nil if session[:logged_in_user] current_user = User.find_by(id: session[:logged_in_user]) - ## The following code is redundant - # else - # flash[:status] = :failure - # flash[:message] = "You must be logged in to do that!" - # redirect_to works_path - # # redirect will not return need to explicitly return - # return @work = Work.find(params[:id]) @work.destroy flash[:status] = :success @@ -52,28 +44,10 @@ def destroy flash[:status] = :failure flash[:message] = "You must be logged in to do that!" redirect_to works_path - # redirect will not return need to explicitly return return end end - #could use for create update etc. - # if find_work_by_params_id - # if current_user != @work.user_id - # flash[:status] = :failure - # flash[:message] = "You must be logged in to do that!" - # redirect_to works_path - # # redirect will not return need to explicitly return - # return - # end - # end - # @work = Work.find(params[:id]) - # @work.destroy - # flash[:status] = :success - # flash[:message] = "Deleted #{@work.category} #{@work.title}" - # redirect_to works_path - # end - def upvote user_id = session[:logged_in_user] @work = Work.find(params[:id]) @@ -108,8 +82,5 @@ def find_work_by_params_id unless @work head :not_found end - ## Don't need a return b/c we're no longer calling this directly - ## and if there's an error we won't even get into our controller action - # return @work end end diff --git a/app/views/users/index.html.erb b/app/views/users/index.html.erb index ebb9ff6e28..35e82ea848 100644 --- a/app/views/users/index.html.erb +++ b/app/views/users/index.html.erb @@ -1,5 +1,6 @@

List of Users

+ + <% @users.each do |user| %> diff --git a/test/controllers/works_controller_test.rb b/test/controllers/works_controller_test.rb index b32a00a831..0bf90ab49c 100644 --- a/test/controllers/works_controller_test.rb +++ b/test/controllers/works_controller_test.rb @@ -3,7 +3,7 @@ describe WorksController do describe "index" do - it "returns a success status for all books" do + it "gets index and returns a success status for all works" do get works_path must_respond_with :success end @@ -72,8 +72,10 @@ describe "new" do - it "renders new page" do + it "gets new and returns a success status for the new page" do + get new_work_path + must_respond_with :success end end @@ -84,84 +86,248 @@ work_data = { work: { category: "album", - title: "Test book" + title: "Test album" } } - # makes sure test breaks if we change the model (i.e., test data no longer vaild) Work.new(work_data[:work]).must_be :valid? test_work = Work.create!(work_data[:work]) - #Act - # post works_path, params: work_data - post works_path, params: work_data + start_work_count = Work.count + #Act + proc { + post works_path, params: work_data + }.must_change 'Work.count', 1 - start_work_count = Work.count #Assert - must_respond_with :redirect - must_redirect_to work_path(test_work.id) + must_redirect_to work_path(test_work.id+1) Work.count.must_equal start_work_count + 1 end - it "sends bad_request when the new page when the work data is bogus" do - # don't pass in valid info - # i.e. a required field like title - # should render new + it "sends bad_request when the work data is bogus" do #Arrange + # this data is not valid because there is no title invalid_work_data = { work: { category: "album", - # title: "Test book" } } # makes sure test breaks if we change the model (i.e., test data no longer vaild) Work.new(invalid_work_data[:work]).wont_be :valid? + start_work_count = Work.count + #Act - post works_path, params: invalid_work_data + proc { + post works_path, params: invalid_work_data + }.must_change 'Work.count', 0 - start_work_count = Work.count #Assert must_respond_with :bad_request - # must_redirect_to new_work_path Work.count.must_equal start_work_count - - end - end describe "update" do it "returns success if the work exists and the change is valid" do + work = Work.first + work_data = { + work: { + category: "movie", + title: "test update action" + } + } + + work.update_attributes(work_data[:work]) + work.must_be :valid? + patch work_path(work.id), params: work_data + + + must_respond_with :redirect + must_redirect_to work_path(work.id) + + work.reload + work.title.must_equal work_data[:work][:title] + work.category.must_equal work_data[:work][:category] end it "returns not_found if the work id is not valid" do + invalid_work_id = Work.last.id + 1 + work_data = { + work: { + category: "movie", + title: "test update action" + } + } + + patch work_path(invalid_work_id), params: work_data + must_respond_with :not_found end it "returns bad request if the changes are not valid" do + w = Work.first + invalid_work_data = { + work: { + title: "" + } + } + + w.update_attributes(invalid_work_data[:work]) + w.wont_be :valid? + + patch work_path(w), params: invalid_work_data + + must_respond_with :bad_request + + w.reload + w.title.wont_equal invalid_work_data[:work][:title] end end describe "destroy" do - it "returns success if the book id is valid" do + it "returns success if the work id is valid and user is logged in" do + work_id = Work.first.id + login_params = { + user: { + username: "test", + date_joined: Date.today + } + } + post login_path(login_params) + + delete work_path(work_id) + + must_respond_with :redirect + must_redirect_to works_path + Work.find_by(id: work_id).must_be_nil + end + + it "returns not found if the work id is not valid" do + invalid_work_id = Work.last.id + 1 + login_params = { + user: { + username: "test", + date_joined: Date.today + } + } + post login_path(login_params) + + start_work_count = Work.count + delete work_path(invalid_work_id) + + must_respond_with :not_found + Work.count.must_equal start_work_count + end + + it "returns failure when a user is not logged in and attempts to delete a work" do + work_id = Work.first.id + + delete work_path(work_id) + + must_respond_with :redirect + must_redirect_to works_path + Work.find_by(id: work_id).wont_be_nil + end + end + + describe "upvote" do + it "redirects back and allows upvote when a logged in user upvotes a work they have not previously voted on" do + work = Work.first + start_vote_count = work.votes.count + login_params = { + user: { + username: "test", + date_joined: Date.today + } + } + post login_path(login_params) + + post upvote_path(work.id) + work.votes.count.must_equal start_vote_count + 1 + must_respond_with :redirect + end + + it "redirects back and does not allow an upvote when a logged in user upvotes a work they previously upvoted" do + work = Work.first + start_vote_count = work.votes.count + login_params = { + user: { + username: "test", + date_joined: Date.today + } + } + post login_path(login_params) + + post upvote_path(work.id) + post upvote_path(work.id) + work.votes.count.must_equal start_vote_count + 1 + must_respond_with :redirect end - it "returns not found if the book id is not valid" do + it "redirects back and allows upvote when a user upvotes a previously upvoted work they have not previously voted on" do + work = Work.first + start_vote_count = work.votes.count + login_params = { + user: { + username: "test", + date_joined: Date.today + } + } + + login_params2 = { + user: { + username: "test2", + date_joined: Date.today + } + } + post login_path(login_params) + + post upvote_path(work.id) + + post logout_path + session[:logged_in_user].must_equal nil + + post login_path(login_params2) + post upvote_path(work.id) + + work.votes.count.must_equal start_vote_count + 2 + must_respond_with :redirect end + it "redirects back and does not allow upvote if not logged in" do + work = Work.first + start_vote_count = work.votes.count + + login_params = { + user: { + username: "test", + date_joined: Date.today + } + } + + post login_path(login_params) + post logout_path + + session[:logged_in_user].must_equal nil + + + post upvote_path(work.id) + work.votes.count.must_equal start_vote_count + must_respond_with :redirect + end end end From c0858e84904b3ae9d04b3ecec77a755eaf691aa3 Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Sun, 15 Oct 2017 23:21:31 -0700 Subject: [PATCH 22/25] finalize main controller and tests --- app/controllers/application_controller.rb | 1 - test/controllers/main_controller_test.rb | 15 +++++++++++---- test/controllers/works_controller_test.rb | 1 - 3 files changed, 11 insertions(+), 6 deletions(-) diff --git a/app/controllers/application_controller.rb b/app/controllers/application_controller.rb index 6964ff71ba..14c4e53df4 100644 --- a/app/controllers/application_controller.rb +++ b/app/controllers/application_controller.rb @@ -9,7 +9,6 @@ def save_and_flash(model, message_variation) flash[:message] = "Successfully #{message_variation}d #{model.title}" else flash.now[:status] = :failure - # flash.now[:message] = "Failed to #{message_variation} #{model.title}" flash.now[:message] = "A problem occurred: Could not #{message_variation} album" flash.now[:details] = model.errors.messages end diff --git a/test/controllers/main_controller_test.rb b/test/controllers/main_controller_test.rb index 32ded261bd..c75a5c713b 100644 --- a/test/controllers/main_controller_test.rb +++ b/test/controllers/main_controller_test.rb @@ -1,9 +1,16 @@ require "test_helper" describe MainController do - it "should get index" do - get main_index_url - value(response).must_be :success? - end + describe "index" do + it "gets index and returns a success status for all works" do + get root_path + must_respond_with :success + end + it "returns a success status when there are no works" do + Work.destroy_all + get root_path + must_respond_with :success + end + end end diff --git a/test/controllers/works_controller_test.rb b/test/controllers/works_controller_test.rb index 0bf90ab49c..426de287f9 100644 --- a/test/controllers/works_controller_test.rb +++ b/test/controllers/works_controller_test.rb @@ -13,7 +13,6 @@ get works_path must_respond_with :success end - end describe "show" do From a7f4edf6e1ddcb78313b4c73455c390488c3e007 Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Sun, 15 Oct 2017 23:54:43 -0700 Subject: [PATCH 23/25] finalize users controller and tests --- app/controllers/users_controller.rb | 11 ++- test/controllers/users_controller_test.rb | 89 ++++++++++++++++++++++- 2 files changed, 91 insertions(+), 9 deletions(-) diff --git a/app/controllers/users_controller.rb b/app/controllers/users_controller.rb index 8068329e0e..b0ce3a5ecf 100644 --- a/app/controllers/users_controller.rb +++ b/app/controllers/users_controller.rb @@ -20,19 +20,15 @@ def login redirect_to root_path else flash.now[:status] = :failure - flash[:message] = "A problem occurred: Could not log in" - flash[:details] = user.errors.messages - # flash.now[:status] = :failure - # flash.now[:message] = "No user found with username #{username}" + flash.now[:message] = "A problem occurred: Could not log in" + flash.now[:details] = user.errors.messages render :login_form, status: :bad_request end end end def logout - # session[:logged_in_user] = false session[:logged_in_user] = nil - # flash[:message] = "Successfuly logged out" redirect_to root_path, notice: "You have successfully logged out." end @@ -42,5 +38,8 @@ def index def show @user = User.find_by(id: params[:id]) + unless @user + head :not_found + end end end diff --git a/test/controllers/users_controller_test.rb b/test/controllers/users_controller_test.rb index 89decb54e0..b4d793a0a0 100644 --- a/test/controllers/users_controller_test.rb +++ b/test/controllers/users_controller_test.rb @@ -1,7 +1,90 @@ require "test_helper" describe UsersController do - # it "must be a real test" do - # flunk "Need real tests" - # end + + describe "index" do + it "gets index and returns a success status for all users" do + get users_path + must_respond_with :success + end + + it "returns a success status when there are no users" do + User.destroy_all + get users_path + must_respond_with :success + end + end + + describe "show" do + it "returns success when given a valid user id" do + user_id = User.first.id + get user_path(user_id) + must_respond_with :success + end + + it "returns not_found when given an invalid user id" do + invalid_user_id = User.last.id + 1 + get user_path(invalid_user_id) + must_respond_with :not_found + end + end + + describe "login" do + it "logs in a new user and redirects to root" do + login_params = { + user: { + username: "test", + date_joined: Date.today + } + } + post login_path(login_params) + user = User.find_by(username: login_params[:user][:username]) + session[:logged_in_user].must_equal user.id + + must_redirect_to root_path + end + + it "logs in an existing user and redirects to root" do + user = User.first + login_params = { + user: { + username: user.username, + date_joined: user.date_joined + } + } + post login_path(login_params) + session[:logged_in_user].must_equal user.id + + must_redirect_to root_path + end + + it "does not allow logging in with invalid info (e.g., no username)" do + login_params = { + user: { + date_joined: Date.today + } + } + post login_path(login_params) + + session[:logged_in_user].must_equal nil + must_respond_with :bad_request + end + end + + describe "logout" do + it "redirects to root path when user logs out" do + login_params = { + user: { + username: "test", + date_joined: Date.today + } + } + post login_path(login_params) + post logout_path + session[:logged_in_user].must_be_nil + + must_redirect_to root_path + end + + end end From 6cfedc0b204d85f59ccfefb064127df65e428a84 Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Mon, 16 Oct 2017 01:24:14 -0700 Subject: [PATCH 24/25] styling --- app/assets/stylesheets/application.css | 125 ++++++++++++++++--------- app/assets/stylesheets/main.scss | 20 +++- app/views/layouts/application.html.erb | 55 +++++------ app/views/main/index.html.erb | 6 +- app/views/users/index.html.erb | 3 +- app/views/users/show.html.erb | 8 +- app/views/works/_form.html.erb | 22 ++--- app/views/works/edit.html.erb | 2 +- app/views/works/index.html.erb | 11 ++- app/views/works/new.html.erb | 2 +- app/views/works/show.html.erb | 4 +- 11 files changed, 155 insertions(+), 103 deletions(-) diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 5887661d1c..354a1e58a6 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -1,70 +1,111 @@ /* - * 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, or any plugin's - * vendor/assets/stylesheets directory 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 bottom of the - * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS - * files in this directory. Styles in this file should be added after the last require_* statement. - * It is generally better to create a new file per style scope. - * - *= require_tree . - *= require_self - */ +* 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, or any plugin's +* vendor/assets/stylesheets directory 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 bottom of the +* compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS +* files in this directory. Styles in this file should be added after the last require_* statement. +* It is generally better to create a new file per style scope. +* +*= require_tree . +*= require_self +*/ + +/*Header*/ +.page-header { + max-width: 100%; + background-color: #B2DFDB; + border-bottom: 1px solid #EEEEEE; + margin-bottom: 10px; + padding: 25px 20px 10px 20px; +} + +.page-header h2 a { + color: #FF5722; + padding-right: 25px; + margin-right: 15px; + border-right: white 2px solid; +} +.page-header h2 { + text-align: center; + margin: 25px auto 40px auto; +} + +.page-header h2 small { + color: white; +} + +/*Flash Statuses*/ .flash.success { - color: green; + border-radius: 5px; + background-color: #e6e6e6; + padding: 20px 25px; + margin-top: 30px; +} + +.flash.failure h3, .flash.success h3 { + font-weight: normal; + font-size: 1em; +} + +.flash.success h3 { + color: #8a8a8a; } .flash.failure { - color: red; + border-radius: 5px; + background-color: #e6e6e6; + padding: 20px 25px; + margin-top: 30px; } -nav div { - border-style: solid; - border-color: purple; +.flash.failure h3 { + color: red; } +/*button styling*/ .button { background-color: #26A69A; } -nav div button { - box-sizing: border-box; -} -/*Header*/ -.page-header { - max-width: 100%; - background-color: #B2DFDB; - border-bottom: 1px solid #EEEEEE; - margin-bottom: 10px; - padding: 25px 20px 10px 20px; - } +.button:hover { + background-color: #00796B; +} - .row { - margin-right: auto; - margin-left: auto; +/*links*/ +a, h3 { + color: #26A69A; +} +a:hover { + color: #00796B; } +/*lists*/ -body small { - color: slategrey; +ul { + list-style-type: none; + margin-left: 0px; } -a, h3 { - color: #26A69A; +/*headers and body elements*/ + +main { + padding-top: 2rem; + padding-bottom: 2rem; } h1, h2, h3, h4, h5 { - font-weight: bold; + font-weight: bold; } body, h1, h2, h3, h4, h5 { - font-family: "Gudea", sans-serif; - } + font-family: "Gudea", sans-serif; +} -ul { - list-style-type: none; +body small { + color: slategrey; } diff --git a/app/assets/stylesheets/main.scss b/app/assets/stylesheets/main.scss index f190c57288..e7eb2999b8 100644 --- a/app/assets/stylesheets/main.scss +++ b/app/assets/stylesheets/main.scss @@ -3,11 +3,8 @@ // You can use Sass (SCSS) here: http://sass-lang.com/ -.top-ten h3 { - border-bottom: 2px solid; - border-bottom-color: #B2DFDB; -} +// spotlight .media-spotlight { color: #424242; font-weight: bold; @@ -16,3 +13,18 @@ .spotlight a { border-bottom: 2px solid; } + +.spotlight div { + padding: 0 2rem 2rem 2rem; +} + +// hr +.root-hr { + margin: 0px auto 75px auto; + color: #EEEEEE; +} + +.top-ten h3 { + border-bottom: 2px solid; + border-bottom-color: #B2DFDB; +} diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index a1dca2e8bb..3325e6af8d 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -5,6 +5,7 @@ <%= csrf_meta_tags %> <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> + <%= stylesheet_link_tag 'application', 'https://fonts.googleapis.com/css?family=Gudea'%> <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> @@ -12,17 +13,15 @@

<%=link_to "Media Ranker", root_path %> - Ranking the Best of Everything + Ranking the Best of Everything

-
-
-
-

- <%= flash[:message] %> -

-
- <% if flash[:details] %> -
    - <% flash[:details].each do |field, problems| %> - <% problems.each do |problem| %> -
  • - <%= field %>: <%= problem %> -
    • - <% end %> - <%end%> - -
+
+

+ <%= flash[:message] %> +

+ <% if flash[:details] %> +
    + <% flash[:details].each do |field, problems| %> + <% problems.each do |problem| %> +
  • + <%= field %>: <%= problem %> +
    • <% end %> + <%end%> + +
+ + <% end %> +
+ +
+ <%= yield %>
- <%= yield %> diff --git a/app/views/main/index.html.erb b/app/views/main/index.html.erb index cafe105499..0a9d8ef65b 100644 --- a/app/views/main/index.html.erb +++ b/app/views/main/index.html.erb @@ -1,16 +1,20 @@
+

Media Spotlight: <% if Work.top_work %> - <%= link_to Work.top_work.title, work_path(Work.top_work.id)%> by <%= Work.top_work.creator%>

+ <%= link_to Work.top_work.title, work_path(Work.top_work.id)%> by <%= Work.top_work.creator%> +

<%=Work.top_work.votes.count%>-<%=Work.top_work.description%>

<%end%> +
+

Top Movies

    diff --git a/app/views/users/index.html.erb b/app/views/users/index.html.erb index 35e82ea848..068913ac5e 100644 --- a/app/views/users/index.html.erb +++ b/app/views/users/index.html.erb @@ -1,4 +1,4 @@ -

    List of Users

    +

    List of Users

Username @@ -11,6 +12,7 @@ Joined
@@ -29,3 +29,4 @@ <% end %>
+<%=link_to "Back to Media List", root_path, class: "button" %> diff --git a/app/views/users/show.html.erb b/app/views/users/show.html.erb index 1fb80477db..2d9f373805 100644 --- a/app/views/users/show.html.erb +++ b/app/views/users/show.html.erb @@ -1,8 +1,8 @@ -

User Summary: <%=@user.username%>

+

User Summary: <%=@user.username%>

Joined site <%=@user.date_joined.strftime('%b %d, %Y') %>

-

Votes

+

Votes

@@ -26,7 +26,7 @@ <% @user.votes.each do |vote| %>
- <%=vote.work.title%> + <%=link_to vote.work.title, work_path(vote.work.id)%> <%=vote.work.creator%> @@ -45,4 +45,4 @@
<%=link_to "See all Users", users_path, class: "button" %> -<%=link_to "Back to Media List", works_path, class: "button" %> +<%=link_to "Back to Media List", root_path, class: "button" %> diff --git a/app/views/works/_form.html.erb b/app/views/works/_form.html.erb index fcf1b9eb0e..89c4ae4750 100644 --- a/app/views/works/_form.html.erb +++ b/app/views/works/_form.html.erb @@ -1,28 +1,20 @@ <%= form_for @work do |f| %> -
    -
  • + <%= f.label :category %> <%= f.select :category, ['book', 'album', 'movie']%> -<%# f.collection_select(:id, Author.all, :id, :name) %> -<%# f.text_field :category, class: "form-field"%> -
    • -
  • + <%= f.label :title %> <%= f.text_field :title, class: "form-field"%> -
    • -
  • + <%= f.label :creator %> <%= f.text_field :creator, class: "form-field"%> -
    • -
  • + <%= f.label :publication_year %> <%= f.text_field :publication_year, class: "form-field"%> -
    • -
  • + <%= f.label :description %> <%= f.text_field :description, class: "form-field"%> -
    • -<%= f.submit class: "submit"%> -
+<%= f.submit class: "submit button"%> + <% end %> diff --git a/app/views/works/edit.html.erb b/app/views/works/edit.html.erb index cc0153d7cf..057cc0ec82 100644 --- a/app/views/works/edit.html.erb +++ b/app/views/works/edit.html.erb @@ -1,4 +1,4 @@ <%# render partial: 'layouts/error_messages', locals: {model: @work} %> -

Edit this <%=@work.category%>

+

Edit this <%=@work.category%>

<%= render partial: 'form' %> diff --git a/app/views/works/index.html.erb b/app/views/works/index.html.erb index a89052c26a..85082ac964 100644 --- a/app/views/works/index.html.erb +++ b/app/views/works/index.html.erb @@ -1,5 +1,5 @@ -

List of Works

-

Albums

+

List of Works

+

Albums

@@ -44,7 +44,7 @@ <% end %>
-

Books

+

Books

@@ -92,7 +92,7 @@
-

Movies

+

Movies

@@ -135,5 +135,6 @@ <% end %> <% end %> -
+<%=link_to "View Top Media", root_path, class: "button" %> +<%=link_to "Add a New Work", new_work_path, class: "button" %> diff --git a/app/views/works/new.html.erb b/app/views/works/new.html.erb index d90544c53c..ef8f8160d7 100644 --- a/app/views/works/new.html.erb +++ b/app/views/works/new.html.erb @@ -1,4 +1,4 @@ <%# render partial: 'layouts/error_messages', locals: {model: @work} %> -

Add a New Work

+

Add a New Work

<%= render partial: 'form' %> diff --git a/app/views/works/show.html.erb b/app/views/works/show.html.erb index f8e769fea3..97963447bd 100644 --- a/app/views/works/show.html.erb +++ b/app/views/works/show.html.erb @@ -1,4 +1,4 @@ -

<%= @work.title %>

+

<%= @work.title %>

Created by: <%= @work.creator %>

@@ -14,7 +14,7 @@ <%= link_to "Upvote", upvote_path(@work.id), method: :post, class: "button" %> <%= link_to "Delete", work_path(@work.id), method: :delete, data: {:confirm => "Are you sure you want to delete this #{@work.category}?"}, class: "alert button" %> -

<%=@work.votes.count%> votes for this <%=@work.category%>

+

<%=@work.votes.count%> votes for this <%=@work.category%>

From 933f337edcbcf16cebf195a878b16b41bbfe6109 Mon Sep 17 00:00:00 2001 From: Rebecca Bergena Date: Mon, 16 Oct 2017 01:43:32 -0700 Subject: [PATCH 25/25] final stylings --- app/assets/stylesheets/works.scss | 4 ++++ app/views/works/index.html.erb | 6 +++--- app/views/works/show.html.erb | 4 ++++ 3 files changed, 11 insertions(+), 3 deletions(-) diff --git a/app/assets/stylesheets/works.scss b/app/assets/stylesheets/works.scss index 5618452f3e..9d098e930c 100644 --- a/app/assets/stylesheets/works.scss +++ b/app/assets/stylesheets/works.scss @@ -1,3 +1,7 @@ // Place all the styles related to the Works controller here. // They will automatically be included in application.css. // You can use Sass (SCSS) here: http://sass-lang.com/ + +.upvote { + margin: 0; +} diff --git a/app/views/works/index.html.erb b/app/views/works/index.html.erb index 85082ac964..74f8b609b1 100644 --- a/app/views/works/index.html.erb +++ b/app/views/works/index.html.erb @@ -37,7 +37,7 @@ <%=work.publication_year%> <% end %> @@ -83,7 +83,7 @@ <%=work.publication_year%> <% end %> @@ -130,7 +130,7 @@ <%=work.publication_year%> <% end %> diff --git a/app/views/works/show.html.erb b/app/views/works/show.html.erb index 97963447bd..771c27bb34 100644 --- a/app/views/works/show.html.erb +++ b/app/views/works/show.html.erb @@ -1,3 +1,4 @@ +

<%= @work.title %>

Created by: <%= @work.creator %> @@ -13,7 +14,9 @@ <%= link_to "Edit", edit_work_path(@work.id), class:"button" %> <%= link_to "Upvote", upvote_path(@work.id), method: :post, class: "button" %> <%= link_to "Delete", work_path(@work.id), method: :delete, data: {:confirm => "Are you sure you want to delete this #{@work.category}?"}, class: "alert button" %> +

+

<%=@work.votes.count%> votes for this <%=@work.category%>

- <%=link_to "Upvote", upvote_path(work.id), method: :post, class: "button" %> + <%=link_to "Upvote", upvote_path(work.id), method: :post, class: "button upvote" %>
- <%=link_to "Upvote", upvote_path(work.id), method: :post, class: "button" %> + <%=link_to "Upvote", upvote_path(work.id), method: :post, class: "button upvote" %>
- <%=link_to "Upvote", upvote_path(work.id), method: :post, class: "button" %> + <%=link_to "Upvote", upvote_path(work.id), method: :post, class: "button upvote" %>
@@ -39,3 +42,4 @@ <%end%>
+