diff --git a/.ruby-version b/.ruby-version deleted file mode 100644 index 5859406..0000000 --- a/.ruby-version +++ /dev/null @@ -1 +0,0 @@ -2.2.3 diff --git a/Gemfile b/Gemfile deleted file mode 100644 index 4f4e91e..0000000 --- a/Gemfile +++ /dev/null @@ -1,32 +0,0 @@ -source 'https://rubygems.org' - -group :development do - - # Sass, Compass and extensions. - gem 'sass' # Sass. - gem 'sass-globbing' # Import Sass files based on globbing pattern. - gem 'compass' # Framework built on Sass. - gem 'compass-validator' # So you can `compass validate`. - gem 'compass-normalize' # Compass version of normalize.css. - gem 'compass-rgbapng' # Turns rgba() into .png's for backwards compatibility. - gem 'singularitygs' # Alternative to the Susy grid framework. - gem 'toolkit' # Compass utility from the fabulous Snugug. - gem 'breakpoint' # Manages CSS media queries. - gem 'oily_png' # Faster Compass sprite generation. - gem 'css_parser' # Helps `compass stats` output statistics. - - # Guard - gem 'guard' # Guard event handler. - gem 'guard-compass' # Compile on sass/scss change. - gem 'guard-shell' # Run shell commands. - gem 'guard-livereload' # Browser reload. - gem 'yajl-ruby' # Faster JSON with LiveReload in the browser. - - # Dependency to prevent polling. Setup for multiple OS environments. - # Optionally remove the lines not specific to your OS. - # https://github.com/guard/guard#efficient-filesystem-handling - gem 'rb-inotify', '~> 0.9', :require => false # Linux - gem 'rb-fsevent', :require => false # Mac OSX - gem 'rb-fchange', :require => false # Windows - -end diff --git a/Gemfile.lock b/Gemfile.lock deleted file mode 100644 index 29b7721..0000000 --- a/Gemfile.lock +++ /dev/null @@ -1,121 +0,0 @@ -GEM - remote: https://rubygems.org/ - specs: - addressable (2.4.0) - breakpoint (2.7.0) - sass (~> 3.3) - sassy-maps (< 1.0.0) - chunky_png (1.3.6) - coderay (1.1.1) - compass (1.0.3) - chunky_png (~> 1.2) - compass-core (~> 1.0.2) - compass-import-once (~> 1.0.5) - rb-fsevent (>= 0.9.3) - rb-inotify (>= 0.9) - sass (>= 3.3.13, < 3.5) - compass-core (1.0.3) - multi_json (~> 1.0) - sass (>= 3.3.0, < 3.5) - compass-import-once (1.0.5) - sass (>= 3.2, < 3.5) - compass-normalize (1.5) - compass (>= 0.12.0) - compass-rgbapng (0.2.1) - chunky_png (>= 0.8.0) - compass (>= 0.10.0) - compass-validator (3.0.1) - css_parser (1.4.5) - addressable - em-websocket (0.5.1) - eventmachine (>= 0.12.9) - http_parser.rb (~> 0.6.0) - eventmachine (1.2.0.1) - ffi (1.9.12) - formatador (0.2.5) - guard (2.14.0) - formatador (>= 0.2.4) - listen (>= 2.7, < 4.0) - lumberjack (~> 1.0) - nenv (~> 0.1) - notiffany (~> 0.0) - pry (>= 0.9.12) - shellany (~> 0.0) - thor (>= 0.18.1) - guard-compass (1.1.0) - compass (>= 0.10.5) - guard (~> 2.0) - guard-compat (1.2.1) - guard-livereload (2.5.2) - em-websocket (~> 0.5) - guard (~> 2.8) - guard-compat (~> 1.0) - multi_json (~> 1.8) - guard-shell (0.7.1) - guard (>= 2.0.0) - guard-compat (~> 1.0) - http_parser.rb (0.6.0) - listen (3.1.5) - rb-fsevent (~> 0.9, >= 0.9.4) - rb-inotify (~> 0.9, >= 0.9.7) - ruby_dep (~> 1.2) - lumberjack (1.0.10) - method_source (0.8.2) - multi_json (1.12.1) - nenv (0.3.0) - notiffany (0.1.0) - nenv (~> 0.1) - shellany (~> 0.0) - oily_png (1.2.0) - chunky_png (~> 1.3.1) - pry (0.10.3) - coderay (~> 1.1.0) - method_source (~> 0.8.1) - slop (~> 3.4) - rb-fchange (0.0.6) - ffi - rb-fsevent (0.9.7) - rb-inotify (0.9.7) - ffi (>= 0.5.0) - ruby_dep (1.3.1) - sass (3.4.22) - sass-globbing (1.1.5) - sass (>= 3.1) - sassy-maps (0.4.0) - sass (~> 3.3) - shellany (0.0.1) - singularitygs (1.7.0) - breakpoint (~> 2.4) - sass (~> 3.3) - slop (3.6.0) - thor (0.19.1) - toolkit (2.10.0) - sass (~> 3.3) - yajl-ruby (1.2.1) - -PLATFORMS - ruby - -DEPENDENCIES - breakpoint - compass - compass-normalize - compass-rgbapng - compass-validator - css_parser - guard - guard-compass - guard-livereload - guard-shell - oily_png - rb-fchange - rb-fsevent - rb-inotify (~> 0.9) - sass - sass-globbing - singularitygs - toolkit - yajl-ruby - -BUNDLED WITH - 1.12.5 diff --git a/README.md b/README.md index 0d6c471..e0039db 100644 --- a/README.md +++ b/README.md @@ -20,7 +20,7 @@ Here's an example bower.json file (you'll need to change out the hash-string "re ``` Depending on how you use the styleguide, you can either have it as a dev dependency or a dependency (i.e. if you're referencing the .sass files or using the compiled `main.css`). -Once you run `bower install` you should be able to use the style guide from your bower components folder. +Once you run `bower install` you should be able to use the style guide from your bower components folder. ### Using git submodules ### @@ -51,15 +51,13 @@ Submit changes with pull requests. ### Dependencies ### -1. ruby & rubygems -2. node & npm -3. gulp +1. node & npm +2. gulp ### Setting up ### -1. `bundle install` -2. `npm install` -3. `gulp serve` (to compile the css and launch server) +1. `npm install` +2. `gulp serve` (to compile the css and launch server) ## Style guide documentation: ## diff --git a/config.rb b/config.rb deleted file mode 100644 index f0abd6c..0000000 --- a/config.rb +++ /dev/null @@ -1,49 +0,0 @@ -## -## This file is only needed for Compass/Sass integration. If you are not using -## Compass, you may safely ignore or delete this file. -## -## If you'd like to learn more about Sass and Compass, see the sass/README.txt -## file for more information. -## - -# Default to production if environment is not set. -saved = environment -if (environment.nil?) - environment = :production -else - environment = saved -end - -# Location of the theme's resources. -css_dir = "css" -sass_dir = "sass" -images_dir = "images" -generated_images_dir = images_dir + "/generated" -javascripts_dir = "js" - -# Require any additional compass plugins installed on your system. -require 'compass-normalize' -require 'rgbapng' -require 'toolkit' -require 'sass-globbing' -require 'breakpoint' -require 'singularitygs' - -## -## You probably don't need to edit anything below this. -## - -# You can select your preferred output style here (:expanded, :nested, :compact -# or :compressed). -output_style = (environment == :production) ? :expanded : :nested - -# To enable relative paths to assets via compass helper functions. Since Drupal -# themes can be installed in multiple locations, we don't need to worry about -# the absolute path to the theme from the server omega. -relative_assets = true - -# Conditionally enable line comments when in development mode. -# line_comments = (environment == :production) ? false : true - -# Output debugging info in development mode. -sass_options = (environment == :production) ? {} : {:debug_info => true} diff --git a/css/styles.css b/css/styles.css index 8422096..304d7a2 100644 --- a/css/styles.css +++ b/css/styles.css @@ -4,8 +4,36 @@ title: Global description: */ -/*! normalize.css v3.0.0 | MIT License | git.io/normalize */ -/*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS and IE text size adjust after device orientation change, + * without disabling user zoom. + */ +html { + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ +} + +/** + * Remove default margin. + */ +body { + margin: 0; +} + +/* HTML5 display definitions + ========================================================================== */ +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ article, aside, details, @@ -15,79 +43,114 @@ footer, header, hgroup, main, +menu, nav, section, summary { display: block; } +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ audio, canvas, progress, video { display: inline-block; + /* 1 */ vertical-align: baseline; + /* 2 */ } +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ audio:not([controls]) { display: none; height: 0; } +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. + */ [hidden], template { display: none; } -/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */ -html { - font-family: sans-serif; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} - -body { - margin: 0; -} - -/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */ +/* Links + ========================================================================== */ +/** + * Remove the gray background color from active links in IE 10. + */ a, .box-card__fieldset a { - background: transparent; + background-color: transparent; } +/** + * Improve readability of focused elements when they are also in an + * active/hover state. + */ a:active, a:hover { outline: 0; } -/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */ +/* Text-level semantics + ========================================================================== */ +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ abbr[title] { border-bottom: 1px dotted; } +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ b, strong { font-weight: bold; } +/** + * Address styling not present in Safari and Chrome. + */ dfn { font-style: italic; } +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ h1 { font-size: 2em; margin: 0.67em 0; } +/** + * Address styling not present in IE 8/9. + */ mark { background: #ff0; color: #000; } +/** + * Address inconsistent and variable font size in all browsers. + */ small { font-size: 80%; } +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ sub, sup { font-size: 75%; @@ -104,29 +167,49 @@ sub { bottom: -0.25em; } -/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */ +/* Embedded content + ========================================================================== */ +/** + * Remove border when inside `a` element in IE 8/9/10. + */ img { border: 0; } +/** + * Correct overflow not hidden in IE 9/10/11. + */ svg:not(:root) { overflow: hidden; } -/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */ +/* Grouping content + ========================================================================== */ +/** + * Address margin not present in IE 8/9 and Safari. + */ figure { margin: 1em 40px; } +/** + * Address differences between Firefox and other browsers. + */ hr { box-sizing: content-box; height: 0; } +/** + * Contain overflow in all browsers. + */ pre { overflow: auto; } +/** + * Address odd `em`-unit font size rendering in all browsers. + */ code, kbd, pre, @@ -135,90 +218,177 @@ samp { font-size: 1em; } -/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */ +/* Forms + ========================================================================== */ +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ button, input, optgroup, select, textarea { color: inherit; + /* 1 */ font: inherit; + /* 2 */ margin: 0; + /* 3 */ } +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ button { overflow: visible; } +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ button, select { text-transform: none; } +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; + /* 2 */ cursor: pointer; + /* 3 */ } +/** + * Re-set default cursor for disabled elements. + */ button[disabled], html input[disabled] { cursor: default; } +/** + * Remove inner padding and border in Firefox 4+. + */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ input { line-height: normal; } +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; + /* 1 */ padding: 0; + /* 2 */ } +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. + */ input[type="search"] { -webkit-appearance: textfield; + /* 1 */ box-sizing: content-box; + /* 2 */ } +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } +/** + * Define consistent border, margin, and padding. + */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ legend { border: 0; + /* 1 */ padding: 0; + /* 2 */ } +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ textarea { overflow: auto; } +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ optgroup { font-weight: bold; } -/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */ +/* Tables + ========================================================================== */ +/** + * Remove most spacing between table cells. + */ table { border-collapse: collapse; border-spacing: 0; @@ -229,22 +399,6 @@ th { padding: 0; } -html { - box-sizing: border-box; -} - -*, *:before, *:after { - box-sizing: inherit; -} - -embed, -img, -object, -video { - max-width: 100%; - height: auto; -} - /* section: 1.1 title: Colors @@ -278,6 +432,7 @@ video { src: url("../fonts/Open-Sans-300/Open-Sans-300.eot"); src: url("../fonts/Open-Sans-300/Open-Sans-300.eot?#iefix") format("embedded-opentype"), local("Open Sans Light"), local("Open-Sans-300"), url("../fonts/Open-Sans-300/Open-Sans-300.ttf") format("truetype"), url("../fonts/Open-Sans-300/Open-Sans-300.woff2") format("woff2"), url("../fonts/Open-Sans-300/Open-Sans-300.woff") format("woff"), url("../fonts/Open-Sans-300/Open-Sans-300.svg#OpenSans") format("svg"); } + @font-face { font-family: 'Open Sans'; font-weight: 400; @@ -285,6 +440,7 @@ video { src: url("../fonts/Open-Sans-regular/Open-Sans-regular.eot"); src: url("../fonts/Open-Sans-regular/Open-Sans-regular.eot?#iefix") format("embedded-opentype"), local("Open Sans"), local("Open-Sans-regular"), url("../fonts/Open-Sans-regular/Open-Sans-regular.ttf") format("truetype"), url("../fonts/Open-Sans-regular/Open-Sans-regular.woff2") format("woff2"), url("../fonts/Open-Sans-regular/Open-Sans-regular.woff") format("woff"), url("../fonts/Open-Sans-regular/Open-Sans-regular.svg#OpenSans") format("svg"); } + @font-face { font-family: 'Open Sans'; font-weight: 600; @@ -292,6 +448,7 @@ video { src: url("../fonts/Open-Sans-600/Open-Sans-600.eot"); src: url("../fonts/Open-Sans-600/Open-Sans-600.eot?#iefix") format("embedded-opentype"), local("Open Sans Semibold"), local("Open-Sans-600"), url("../fonts/Open-Sans-600/Open-Sans-600.ttf") format("truetype"), url("../fonts/Open-Sans-600/Open-Sans-600.woff2") format("woff2"), url("../fonts/Open-Sans-600/Open-Sans-600.woff") format("woff"), url("../fonts/Open-Sans-600/Open-Sans-600.svg#OpenSans") format("svg"); } + @font-face { font-family: 'Open Sans'; font-weight: 700; @@ -299,34 +456,7 @@ video { src: url("../fonts/Open-Sans-700/Open-Sans-700.eot"); src: url("../fonts/Open-Sans-700/Open-Sans-700.eot?#iefix") format("embedded-opentype"), local("Open Sans Bold"), local("Open-Sans-700"), url("../fonts/Open-Sans-700/Open-Sans-700.ttf") format("truetype"), url("../fonts/Open-Sans-700/Open-Sans-700.woff2") format("woff2"), url("../fonts/Open-Sans-700/Open-Sans-700.woff") format("woff"), url("../fonts/Open-Sans-700/Open-Sans-700.svg#OpenSans") format("svg"); } -@font-face { - font-family: 'Lora'; - font-weight: 400; - font-style: normal; - src: url("../fonts/Lora-regular/Lora-regular.eot"); - src: url("../fonts/Lora-regular/Lora-regular.eot?#iefix") format("embedded-opentype"), local("Lora"), local("Lora-regular"), url("../fonts/Lora-regular/Lora-regular.ttf") format("truetype"), url("../fonts/Lora-regular/Lora-regular.woff2") format("woff2"), url("../fonts/Lora-regular/Lora-regular.woff") format("woff"), url("../fonts/Lora-regular/Lora-regular.svg#Lora") format("svg"); -} -@font-face { - font-family: 'Lora'; - font-weight: 700; - font-style: normal; - src: url("../fonts/Lora-700/Lora-700.eot"); - src: url("../fonts/Lora-700/Lora-700.eot?#iefix") format("embedded-opentype"), local("Lora Bold"), local("Lora-700"), url("../fonts/Lora-700/Lora-700.ttf") format("truetype"), url("../fonts/Lora-700/Lora-700.woff2") format("woff2"), url("../fonts/Lora-700/Lora-700.woff") format("woff"), url("../fonts/Lora-700/Lora-700.svg#Lora") format("svg"); -} -@font-face { - font-family: 'Lora'; - font-weight: 400; - font-style: italic; - src: url("../fonts/Lora-italic/Lora-italic.eot"); - src: url("../fonts/Lora-italic/Lora-italic.eot?#iefix") format("embedded-opentype"), local("Lora Italic"), local("Lora-italic"), url("../fonts/Lora-italic/Lora-italic.ttf") format("truetype"), url("../fonts/Lora-italic/Lora-italic.woff2") format("woff2"), url("../fonts/Lora-italic/Lora-italic.woff") format("woff"), url("../fonts/Lora-italic/Lora-italic.svg#Lora") format("svg"); -} -@font-face { - font-family: 'Lora'; - font-weight: 700; - font-style: italic; - src: url("../fonts/Lora-700italic/Lora-700italic.eot"); - src: url("../fonts/Lora-700italic/Lora-700italic.eot?#iefix") format("embedded-opentype"), local("Lora Bold Italic"), local("Lora-700italic"), url("../fonts/Lora-700italic/Lora-700italic.ttf") format("truetype"), url("../fonts/Lora-700italic/Lora-700italic.woff2") format("woff2"), url("../fonts/Lora-700italic/Lora-700italic.woff") format("woff"), url("../fonts/Lora-700italic/Lora-700italic.svg#Lora") format("svg"); -} + /** * Mixin for subtitle */ @@ -340,6 +470,7 @@ video { font-weight: normal; font-style: normal; } + .icon-rotate-90:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); @@ -366,16 +497,18 @@ video { -webkit-transform: rotate(360deg); } } + @keyframes icon-spin { from { -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); - transform: rotate(360deg); + transform: rotate(360deg); } } + .icon-spin:after { -webkit-animation: icon-spin 2s infinite linear; animation: icon-spin 2s infinite linear; @@ -1501,6 +1634,37 @@ video { content: ""; } +.icon--heart:after { + display: inline-block; + font-family: "hy-icons"; + font-style: normal; + font-weight: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + content: ""; +} + +.icon--retweet:after { + display: inline-block; + font-family: "hy-icons"; + font-style: normal; + font-weight: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + content: ""; +} + +/* + section: 2 + title: Icons + description: +*/ +/* + section: 2.1 + title: Icons + template: 2_1_icons + description: +*/ @font-face { font-family: 'hy-icons'; src: url("../fonts/hy-icons.eot"); @@ -1508,6 +1672,7 @@ video { font-weight: normal; font-style: normal; } + .icon-rotate-90:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); @@ -1534,16 +1699,18 @@ video { -webkit-transform: rotate(360deg); } } + @keyframes icon-spin { from { -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); - transform: rotate(360deg); + transform: rotate(360deg); } } + .icon-spin:after { -webkit-animation: icon-spin 2s infinite linear; animation: icon-spin 2s infinite linear; @@ -2669,6 +2836,26 @@ video { content: ""; } +.icon--heart:after { + display: inline-block; + font-family: "hy-icons"; + font-style: normal; + font-weight: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + content: ""; +} + +.icon--retweet:after { + display: inline-block; + font-family: "hy-icons"; + font-style: normal; + font-weight: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + content: ""; +} + .bar, .tube { display: block; padding-bottom: 1em; @@ -2693,80 +2880,86 @@ video { } /* - section: 3.5 + section: 3.7 title: Buttons description: */ /* - section: 3.5.1 + section: 3.7.1 title: Button - template: 3_5_1-button + template: 3_7_1-button description: */ .accordion__title, .button--accordion, .button--action-before, -.button--action, .button--anchor, .button--expand, .button--icon, .form-type-search input[type="submit"], input[type="submit"], .accordion--dark .accordion__title, .horizontal-tabs .horizontal-tab-button > a, .horizontal-tabs .box-card__fieldset .horizontal-tab-button > a, +.button--action, .button--anchor, .button--expand, .button--icon, input[type="submit"], .accordion--dark .accordion__title, .horizontal-tabs .horizontal-tab-button > a, .horizontal-tabs .box-card__fieldset .horizontal-tab-button > a, .button { transition-duration: 0.1s; transition-property: all; font-size: 13.125px; font-size: 0.9375rem; - background-color: #178feb; + background-color: #0098d0; border: none; color: #FFF; cursor: pointer; padding: 0.8em 1em; font-family: 'Open Sans', Helvetica, Arial, sans-serif, Nimbus Sans L; } + @media (min-width: 48em) { .accordion__title, .button--accordion, .button--action-before, - .button--action, .button--anchor, .button--expand, .button--icon, .form-type-search input[type="submit"], input[type="submit"], .accordion--dark .accordion__title, .horizontal-tabs .horizontal-tab-button > a, .horizontal-tabs .box-card__fieldset .horizontal-tab-button > a, + .button--action, .button--anchor, .button--expand, .button--icon, input[type="submit"], .accordion--dark .accordion__title, .horizontal-tabs .horizontal-tab-button > a, .horizontal-tabs .box-card__fieldset .horizontal-tab-button > a, .button { font-size: 15px; } } + .accordion__title:hover, .button--accordion:hover, .button--action-before:hover, .button--action:hover, .button--anchor:hover, .button--expand:hover, .button--icon:hover, input[type="submit"]:hover, .horizontal-tabs .horizontal-tab-button > a:hover, .horizontal-tabs .box-card__fieldset .horizontal-tab-button > a:hover, .button:hover { - background-color: #0c5790; + background-color: #005479; color: #FFF; } + .accordion__title:before, .button--accordion:before, .button--action-before:before, -.button--action:before, .button--anchor:before, .button--expand:before, .button--icon:before, .form-type-search input[type="submit"]:before, input[type="submit"]:before, .accordion--dark .accordion__title:before, .horizontal-tabs .horizontal-tab-button > a:before, .horizontal-tabs .box-card__fieldset .horizontal-tab-button > a:before, .accordion__title:after, +.button--action:before, .button--anchor:before, .button--expand:before, .button--icon:before, input[type="submit"]:before, .accordion--dark .accordion__title:before, .horizontal-tabs .horizontal-tab-button > a:before, .horizontal-tabs .box-card__fieldset .horizontal-tab-button > a:before, .accordion__title:after, .button--accordion:after, .button--action-before:after, -.button--action:after, .button--anchor:after, .button--expand:after, .button--icon:after, .form-type-search input[type="submit"]:after, input[type="submit"]:after, .accordion--dark .accordion__title:after, .horizontal-tabs .horizontal-tab-button > a:after, .horizontal-tabs .box-card__fieldset .horizontal-tab-button > a:after, +.button--action:after, .button--anchor:after, .button--expand:after, .button--icon:after, input[type="submit"]:after, .accordion--dark .accordion__title:after, .horizontal-tabs .horizontal-tab-button > a:after, .horizontal-tabs .box-card__fieldset .horizontal-tab-button > a:after, .button:before, .button:after { transition-duration: 0.1s; transition-property: all; } + .theme-transparent.accordion__title, .theme-transparent.button--accordion, .theme-transparent.button--action-before, .theme-transparent.button--action, .theme-transparent.button--anchor, .theme-transparent.button--expand, .theme-transparent.button--icon, input.theme-transparent[type="submit"], .horizontal-tabs .horizontal-tab-button > a.theme-transparent, .horizontal-tabs .box-card__fieldset .horizontal-tab-button > a.theme-transparent, .button.theme-transparent { background-color: transparent; - color: #178feb; + color: #0098d0; } + .theme-transparent.accordion__title:hover, .theme-transparent.button--accordion:hover, .theme-transparent.button--action-before:hover, .theme-transparent.button--action:hover, .theme-transparent.button--anchor:hover, .theme-transparent.button--expand:hover, .theme-transparent.button--icon:hover, input.theme-transparent[type="submit"]:hover, .horizontal-tabs .horizontal-tab-button > a.theme-transparent:hover, .horizontal-tabs .box-card__fieldset .horizontal-tab-button > a.theme-transparent:hover, .button.theme-transparent:hover { - background-color: #178feb; + background-color: #0098d0; } + .theme-transparent.accordion__title a:hover, .theme-transparent.button--accordion a:hover, .theme-transparent.button--action-before a:hover, -.theme-transparent.button--action a:hover, .theme-transparent.button--anchor a:hover, .theme-transparent.button--expand a:hover, .theme-transparent.button--icon a:hover, input.theme-transparent[type="submit"] a:hover, .horizontal-tabs .horizontal-tab-button > a.theme-transparent a:hover, .theme-transparent.accordion__title:hover, +.theme-transparent.button--action a:hover, .theme-transparent.button--anchor a:hover, .theme-transparent.button--expand a:hover, .theme-transparent.button--icon a:hover, input.theme-transparent[type="submit"] a:hover, .horizontal-tabs .horizontal-tab-button > a.theme-transparent a:hover, .horizontal-tabs .box-card__fieldset .horizontal-tab-button > a.theme-transparent a:hover, .theme-transparent.accordion__title:hover, .theme-transparent.button--accordion:hover, .theme-transparent.button--action-before:hover, .theme-transparent.button--action:hover, .theme-transparent.button--anchor:hover, .theme-transparent.button--expand:hover, .theme-transparent.button--icon:hover, input.theme-transparent[type="submit"]:hover, .horizontal-tabs .horizontal-tab-button > a.theme-transparent:hover, .horizontal-tabs .box-card__fieldset .horizontal-tab-button > a.theme-transparent:hover, @@ -2776,14 +2969,14 @@ video { } /* - section: 3.5.2 + section: 3.7.2 title: Button accordion - template: 3_5_2-button--accordion + template: 3_7_2-button--accordion description: */ .accordion__title, .button--accordion { - border: 2px solid #178feb; + border: 2px solid #0098d0; display: block; line-height: normal; overflow: hidden; @@ -2791,6 +2984,7 @@ video { padding-right: 0; position: relative; } + .accordion__title:before, .button--accordion:before { display: inline-block; @@ -2800,44 +2994,47 @@ video { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; - -webkit-transform: translateY(-50%) rotate(270deg); - -moz-transform: translateY(-50%) rotate(270deg); - -ms-transform: translateY(-50%) rotate(270deg); - -transform: translateY(-50%) rotate(270deg); - transition-duration: 0.1s; -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); position: absolute; top: 50%; left: 1em; position: absolute; + -webkit-transform: translateY(-50%) rotate(270deg); + -ms-transform: translateY(-50%) rotate(270deg); + transform: translateY(-50%) rotate(270deg); + transition-duration: 0.1s; } + .is-active.accordion__title, .button--accordion.is-active { - background-color: #178feb; + background-color: #0098d0; color: #FFF; } + .is-active.accordion__title:before, .button--accordion.is-active:before { -webkit-transform: translateY(-50%) rotate(90deg); - -moz-transform: translateY(-50%) rotate(90deg); - -ms-transform: translateY(-50%) rotate(90deg); - -transform: translateY(-50%) rotate(90deg); + -ms-transform: translateY(-50%) rotate(90deg); + transform: translateY(-50%) rotate(90deg); color: #FFF; } -a:hover .accordion__title:before, .accordion__title:hover:before, a:hover + +a:hover .accordion__title:before, .accordion__title:hover:before, +a:hover .button--accordion:before, .button--accordion:hover:before { color: #FFF; } /* - section: 3.5.3 + section: 3.7.3 title: Button action - template: 3_5_3-button--action + template: 3_7_3-button--action description: */ + .button--action-before, .button--action { display: block; @@ -2846,6 +3043,8 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover padding-right: 4em; position: relative; } + + .button--action-before:before, .button--action-before:after, .button--action:before, @@ -2855,100 +3054,125 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover top: 0; width: 3rem; } + + .button--action-before:before, .button--action:before { - background-color: #1073bf; + background-color: #0882B3; content: ""; height: 100%; } + + .button--action-before:after, .button--action:after { -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); position: absolute; top: 50%; color: #FFF; right: -2px; text-align: center; } + + .button--action-before:hover:before, .button--action:hover:before { - background: #083a61; + background: #003146; } + + .theme-transparent.button--action-before, .button--action.theme-transparent { -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; padding-right: 0; } + + .theme-transparent.button--action-before:before, .button--action.theme-transparent:before { display: none; } + + .theme-transparent.button--action-before:after, .button--action.theme-transparent:after { - color: #178feb; + color: #0098d0; margin-left: 15px; line-height: 0; position: static; width: auto; } + + .theme-transparent.button--action-before:hover, .theme-transparent.button--action-before:before, .button--action.theme-transparent:hover, .button--action.theme-transparent:before { background-color: transparent; } + + .theme-transparent.button--action-before a:hover, .theme-transparent.button--action-before:hover, .theme-transparent.button--action-before:hover:after, .button--action.theme-transparent a:hover, .button--action.theme-transparent:hover, .button--action.theme-transparent:hover:after { - color: #0c5790; + color: #005479; } /* - section: 3.5.4 + section: 3.7.4 title: Button action before - template: 3_5_4-button--action-before + template: 3_7_4-button--action-before description: */ + .button--action-before { padding-left: 4em; padding-right: 1em; } + + .button--action-before:before, .button--action-before:after { left: 0; right: auto; } + + .button--action-before.theme-transparent { display: block; padding-left: 2em; } + + .button--action-before.theme-transparent:before { display: none; } + + .button--action-before.theme-transparent:after { margin: 0; position: absolute; text-align: left; -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; } /* - section: 3.5.5 + section: 3.7.5 title: Button anchor - template: 3_5_5-button--anchor + template: 3_7_5-button--anchor description: */ .button--anchor { @@ -2964,11 +3188,13 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover position: relative; text-align: center; } + @media (min-width: 48em) { .button--anchor { font-size: 13px; } } + .button--anchor:after { font-size: 13.125px; font-size: 0.9375rem; @@ -2978,6 +3204,7 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover top: 1em; width: 100%; } + @media (min-width: 48em) { .button--anchor:after { font-size: 15px; @@ -2991,9 +3218,9 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover } /* - section: 3.5.6 + section: 3.7.6 title: Button icon - template: 3_5_6-button--icon + template: 3_7_6-button--icon description: */ .button--icon { @@ -3007,67 +3234,80 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover padding: 0.5em 0.4em; text-align: center; } + @media (min-width: 48em) { .button--icon { font-size: 28px; } } + .button--icon:after { font-size: 24.5px; font-size: 1.75rem; padding-left: 3px; vertical-align: baseline; } + @media (min-width: 48em) { .button--icon:after { font-size: 28px; } } + .button--icon.icon--facebook { transition-duration: 0.1s; transition-property: all; background-color: #547bb9; } + .button--icon.icon--facebook:hover { background-color: #3f639b; } + .button--icon.icon--twitter { transition-duration: 0.1s; transition-property: all; background-color: #5ea9dd; } + .button--icon.icon--twitter:hover { background-color: #3493d4; } + .button--icon.icon--youtube { transition-duration: 0.1s; transition-property: all; background-color: #e6644a; } + .button--icon.icon--youtube:hover { background-color: #de3f1f; } + .button--icon.icon--linkedin { transition-duration: 0.1s; transition-property: all; background-color: #1483c4; } + .button--icon.icon--linkedin:hover { background-color: #0f6496; } + .button--icon.icon--instagram { transition-duration: 0.1s; transition-property: all; background-color: #125688; } + .button--icon.icon--instagram:hover { background-color: #0c3a5b; } /* - section: 3.5.7 + section: 3.7.7 title: Button group - template: 3_5_7-button-group + template: 3_7_7-button-group description: */ .button-group--small, @@ -3076,6 +3316,7 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover position: relative; vertical-align: middle; } + .button-group--small > .button, .button-group > .button { display: inline-block; @@ -3084,9 +3325,9 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover } /* - section: 3.5.8 + section: 3.7.8 title: Button group small - template: 3_5_8-button-group--small + template: 3_7_8-button-group--small description: */ .button-group--small > .button { @@ -3094,6 +3335,7 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover font-size: 0.9375rem; padding: 0.3em 0.7em; } + @media (min-width: 48em) { .button-group--small > .button { font-size: 15px; @@ -3108,12 +3350,15 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover margin-left: 6px; margin-right: 6px; } + .inline-list > *:first-child, .tag-list > *:first-child { margin-left: 0; } + .inline-list > *:last-child, .tag-list > *:last-child { margin-right: 0; } + .inline-list > *, .tag-list > * { display: inline-block; vertical-align: middle; @@ -3123,9 +3368,11 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover margin-left: 12px; margin-right: 12px; } + .inline-list--large > *:first-child { margin-left: 0; } + .inline-list--large > *:last-child { margin-right: 0; } @@ -3134,9 +3381,11 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover margin-left: 3px; margin-right: 3px; } + .inline-list--small > *:first-child, .tag-list > *:first-child { margin-left: 0; } + .inline-list--small > *:last-child, .tag-list > *:last-child { margin-right: 0; } @@ -3145,16 +3394,20 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover display: table; width: 100%; } + .table-list > * { padding-left: 6px; padding-right: 6px; } + .table-list > *:first-child { padding-left: 0; } + .table-list > *:last-child { padding-right: 0; } + .table-list > * { display: table-cell; vertical-align: middle; @@ -3164,9 +3417,11 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover padding-left: 12px; padding-right: 12px; } + .table-list--large > *:first-child { padding-left: 0; } + .table-list--large > *:last-child { padding-right: 0; } @@ -3175,9 +3430,11 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover padding-left: 3px; padding-right: 3px; } + .table-list--small > *:first-child { padding-left: 0; } + .table-list--small > *:last-child { padding-right: 0; } @@ -3199,6 +3456,7 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover padding-bottom: .5em; padding-top: .5em; } + .item-list--bar > li:last-child { border-bottom-width: 0; } @@ -3240,28 +3498,8 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover padding-bottom: 30px; } -.tiedekulma-embed { - display: inline-block; - margin-bottom: 0.5em; - position: relative; - width: 100%; -} -.tiedekulma-embed:after { - content: ''; - display: block; - padding-top: 55%; -} -.tiedekulma-embed > * { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; -} - .link-wrapper { display: block; - height: 100%; } .float-left { @@ -3288,12 +3526,14 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover clear: both; clear: both; } + .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } + .clearfix:after { clear: both; } @@ -3306,27 +3546,26 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover font-family: 'Open Sans', Helvetica, Arial, sans-serif, Nimbus Sans L; line-height: 1.8em; } -.textarea ul, .textarea ol, -.box-ingress__content ul, -.box-ingress__content ol { + +.textarea ul, .textarea ol, .box-ingress__content ul, .box-ingress__content ol { margin-bottom: 30px; } -.textarea li, -.box-ingress__content li { + +.textarea li, .box-ingress__content li { line-height: 1.5em; margin-bottom: 0.5em; } -.textarea ul, -.box-ingress__content ul { + +.textarea ul, .box-ingress__content ul { padding-left: 1.5em; position: relative; } -.textarea ul li, -.box-ingress__content ul li { + +.textarea ul li, .box-ingress__content ul li { list-style-type: none; } -.textarea ul li:before, -.box-ingress__content ul li:before { + +.textarea ul li:before, .box-ingress__content ul li:before { font-size: 7.875px; font-size: 0.5625rem; display: inline-block; @@ -3340,24 +3579,24 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover margin-top: 1px; position: absolute; } + @media (min-width: 48em) { - .textarea ul li:before, - .box-ingress__content ul li:before { + .textarea ul li:before, .box-ingress__content ul li:before { font-size: 9px; } } -.textarea ol, -.box-ingress__content ol { + +.textarea ol, .box-ingress__content ol { counter-reset: item; padding-left: 1.5em; position: relative; } -.textarea ol li, -.box-ingress__content ol li { + +.textarea ol li, .box-ingress__content ol li { display: block; } -.textarea ol li:before, -.box-ingress__content ol li:before { + +.textarea ol li:before, .box-ingress__content ol li:before { font-family: 'Open Sans', Helvetica, Arial, sans-serif, Nimbus Sans L; font-weight: 700; font-style: normal; @@ -3367,19 +3606,19 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover line-height: 1.7em; position: absolute; } -.textarea h3, -.box-ingress__content h3 { + +.textarea h3, .box-ingress__content h3 { font-size: 21px; font-size: 1.5rem; } + @media (min-width: 48em) { - .textarea h3, - .box-ingress__content h3 { + .textarea h3, .box-ingress__content h3 { font-size: 24px; } } -.textarea table, -.box-ingress__content table { + +.textarea table, .box-ingress__content table { line-height: normal; margin-bottom: 2em; } @@ -3388,6 +3627,7 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover * textarea-initial * An element (usually an image) floated left before a textarea. */ + .textarea-initial { float: left; margin-bottom: 2em; @@ -3398,6 +3638,7 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover * textarea-ingress * */ + .textarea-ingress, .textarea-ingress p { color: #666; @@ -3405,307 +3646,139 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover line-height: 1.7em; } + .textarea-infobox { font-family: 'Open Sans', Helvetica, Arial, sans-serif, Nimbus Sans L; background-color: #EBEBEB; margin-bottom: 2em; padding: 1.5em; } + + .textarea-infobox p { line-height: normal; } + + .textarea-infobox p:last-of-type { margin-bottom: 0; } /* - section: 2 - title: Typography - description: Description about typography. -*/ -/* - section: 2.1 - title: Fonts - description: Helsingin yliopisto - Julkiset uses "Open sans" for most of the typography, the other font used is "Georgia". -*/ -/* - section: 2.2 - title: Icons - template: 2_2_icons - description: HY icons + section: 15.2 + title: Footer + template: 15_2_footer + description: The footer. */ -/* - section: 1.2 - title: Grid - description: The recommended grid to use is singularity. - */ -/** - * Gridder container and box classes - */ -.gridder-container-4.theme-alt > .gridder-box > * { - border-bottom: 1px solid #EBEBEB; -} -.gridder-container-4.theme-alt > .gridder-box:last-child > * { - border-bottom: none; -} -@media (min-width: 48em) { - .gridder-container-4.theme-alt > .gridder-box { - margin-bottom: 0; - } - .gridder-container-4.theme-alt > .gridder-box:nth-last-of-type(-n+2) > * { - border-bottom: none; - } -} -@media (min-width: 48em) and (max-width: 62.5em) { - .gridder-container-4.theme-alt > .gridder-box { - margin-bottom: 30px; - width: 50%; - } - .gridder-container-4.theme-alt > .gridder-box:nth-of-type(2n) > * { - border-right: none; - } -} -@media (min-width: 62.5em) { - .gridder-container-4.theme-alt > .gridder-box > * { - border-bottom: none; - border-right: 1px solid #EBEBEB; - padding-right: 15px; - } - .gridder-container-4.theme-alt > .gridder-box:last-child > * { - border-right: none; - } -} - -.gridder-parent { - margin-bottom: 0; - margin-left: auto; - margin-right: auto; - padding: 0 16px; -} -@media (min-width: 48em) { - .gridder-parent { - margin-left: 0; - margin-right: 0; - } +.l-footer { + background-color: #222; + overflow: hidden; + padding-bottom: 10px; + padding-top: 2em; } -.gridder-box { +.l-footer__subregion { + margin: 0 auto; + max-width: 75em; + padding: 0 1em; display: -webkit-flex; display: -ms-flexbox; display: flex; - -ms-flex-direction: column; - flex-direction: column; -webkit-flex-direction: column; - margin-bottom: 30px; - margin-left: auto; - margin-right: auto; - max-width: 450px; - padding: 0 16px; -} -@media (min-width: 48em) { - .gridder-box { - margin-left: 0; - margin-right: 0; - max-width: none; - } -} -.gridder-box.theme-compact { - margin-bottom: 1em; + -ms-flex-direction: column; + flex-direction: column; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } -.gridder-parent .gridder-container-1 { - margin: 0 -15px; -} -@media (min-width: 48em) { - .gridder-container-1 { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-flow: row wrap; - -ms-flex-flow: row wrap; - flex-flow: row wrap; - margin: 0 -15px; - } -} -@media (min-width: 48em) { - .gridder-container-1 > .gridder-box { - width: 100%; - } - .gridder-container-1 > .gridder-box.gridder-box-width-1 { - width: 100%; - } - .gridder-container-1 > .gridder-box.gridder-box-width-1 { - width: 100%; - } - .gridder-container-1 > .gridder-box.gridder-box-width-2 { - width: 200%; - } - .gridder-container-1 > .gridder-box.gridder-box-width-3 { - width: 300%; - } - .gridder-container-1 > .gridder-box.gridder-box-width-4 { - width: 400%; - } -} @media (min-width: 48em) { - .gridder-container-1 > .gridder-parent.gridder-box-width-1 { - width: 100%; - } - .gridder-container-1 > .gridder-parent.gridder-box-width-2 { - width: 200%; - } - .gridder-container-1 > .gridder-parent.gridder-box-width-3 { - width: 300%; - } - .gridder-container-1 > .gridder-parent.gridder-box-width-4 { - width: 400%; + .l-footer__subregion { + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } } -.gridder-parent .gridder-container-2 { - margin: 0 -15px; +.l-footer__column { + margin-bottom: 2em; } + @media (min-width: 48em) { - .gridder-container-2 { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-flow: row wrap; - -ms-flex-flow: row wrap; - flex-flow: row wrap; - margin: 0 -15px; + .l-footer__column { + margin-bottom: 0; + width: 31%; } } -@media (min-width: 48em) { - .gridder-container-2 > .gridder-box { - width: 50%; - } - .gridder-container-2 > .gridder-box.gridder-box-width-2 { - width: 100%; - } - .gridder-container-2 > .gridder-box.gridder-box-width-1 { - width: 50%; - } - .gridder-container-2 > .gridder-box.gridder-box-width-2 { - width: 100%; - } - .gridder-container-2 > .gridder-box.gridder-box-width-3 { - width: 150%; - } - .gridder-container-2 > .gridder-box.gridder-box-width-4 { - width: 200%; - } + +.l-footer__column.theme-sub { + margin-bottom: 0; + -webkit-order: 3; + -ms-flex-order: 3; + order: 3; } + @media (min-width: 48em) { - .gridder-container-2 > .gridder-parent.gridder-box-width-1 { - width: 50%; - } - .gridder-container-2 > .gridder-parent.gridder-box-width-2 { - width: 100%; - } - .gridder-container-2 > .gridder-parent.gridder-box-width-3 { - width: 150%; - } - .gridder-container-2 > .gridder-parent.gridder-box-width-4 { - width: 200%; + .l-footer__column.theme-sub { + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; } } -.gridder-parent .gridder-container-3 { - margin: 0 -15px; -} -@media (min-width: 48em) { - .gridder-container-3 { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-flow: row wrap; - -ms-flex-flow: row wrap; - flex-flow: row wrap; - margin: 0 -15px; - } +.l-footer__column.theme-center { + text-align: center; } + @media (min-width: 48em) { - .gridder-container-3 > .gridder-box { - width: 33.33333%; - } - .gridder-container-3 > .gridder-box.gridder-box-width-3 { - width: 100%; - } - .gridder-container-3 > .gridder-box.gridder-box-width-1 { - width: 33.33333%; - } - .gridder-container-3 > .gridder-box.gridder-box-width-2 { - width: 66.66667%; - } - .gridder-container-3 > .gridder-box.gridder-box-width-3 { - width: 100%; - } - .gridder-container-3 > .gridder-box.gridder-box-width-4 { - width: 133.33333%; + .l-footer__column.theme-center { + text-align: left; } } -@media (min-width: 48em) { - .gridder-container-3 > .gridder-parent.gridder-box-width-1 { - width: 33.33333%; - } - .gridder-container-3 > .gridder-parent.gridder-box-width-2 { - width: 66.66667%; - } - .gridder-container-3 > .gridder-parent.gridder-box-width-3 { - width: 100%; - } - .gridder-container-3 > .gridder-parent.gridder-box-width-4 { - width: 133.33333%; - } + +.l-footer__copyright { + margin: 0 auto; + max-width: 75em; + padding: 0 1em; } -.gridder-parent .gridder-container-4 { - margin: 0 -15px; +.l-footer__copyright p { + font-size: 12.25px; + font-size: 0.875rem; + font-weight: 400; + font-style: normal; + color: #777777; + line-height: 1.5em; + font-size: 10.5px; + font-size: 0.75rem; + color: #EBEBEB; + font-weight: 500; + padding: 16px 0; + text-align: center; } + @media (min-width: 48em) { - .gridder-container-4 { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-flow: row wrap; - -ms-flex-flow: row wrap; - flex-flow: row wrap; - margin: 0 -15px; + .l-footer__copyright p { + font-size: 14px; } } + @media (min-width: 48em) { - .gridder-container-4 > .gridder-box { - width: 25%; - } - .gridder-container-4 > .gridder-box.gridder-box-width-4 { - width: 100%; - } - .gridder-container-4 > .gridder-box.gridder-box-width-1 { - width: 25%; - } - .gridder-container-4 > .gridder-box.gridder-box-width-2 { - width: 50%; - } - .gridder-container-4 > .gridder-box.gridder-box-width-3 { - width: 75%; - } - .gridder-container-4 > .gridder-box.gridder-box-width-4 { - width: 100%; + .l-footer__copyright p { + font-size: 12px; } } + @media (min-width: 48em) { - .gridder-container-4 > .gridder-parent.gridder-box-width-1 { - width: 25%; - } - .gridder-container-4 > .gridder-parent.gridder-box-width-2 { - width: 50%; - } - .gridder-container-4 > .gridder-parent.gridder-box-width-3 { - width: 75%; - } - .gridder-container-4 > .gridder-parent.gridder-box-width-4 { - width: 100%; + .l-footer__copyright p { + float: right; + margin-top: -50px; + padding: 0 0 16px 20px; + text-align: left; + width: 24%; } } @@ -3713,21 +3786,26 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover padding: 30px 0; position: relative; } + @media (min-width: 48em) { .l-subregion-wrapper { padding: 40px 0; } } + .l-subregion-wrapper:nth-of-type(odd) { background-color: #FAFAFA; } + .l-before-content .l-subregion-wrapper { border-bottom: 2px solid #EBEBEB; border-top: none; } + .l-subregion-wrapper.theme-plain { background-color: transparent; } + .l-subregion-wrapper.theme-plain:first-of-type { border-top: 0 none; padding-top: 0; @@ -3738,314 +3816,134 @@ a:hover .accordion__title:before, .accordion__title:hover:before, a:hover clear: both; margin: 0 auto; max-width: 75em; - padding: 0 1em; -} -.l-subregion:before, .l-subregion:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ -} -.l-subregion:after { - clear: both; -} - -/* - section: 4 - title: Forms - description: Description about forms. -*/ -/* - section: 4.1 - title: Forms, Basic - description: Basic form elements. -*/ -/* - section: 4.1.1 - title: Forms, Select - template: 4_1_1_forms-select - description: Select form element. -*/ -/* - section: 4.1.2 - title: Forms, Checkbox - template: 4_1_2_forms-checkbox - description: Checkbox form element. -*/ -.form-type-checkbox input { - display: none; -} -.form-type-checkbox input[type=checkbox]:checked + label:before { - font-weight: 600; - font-style: normal; - font-size: 14px; - font-size: 1rem; - color: #178feb; - content: "x"; - line-height: 11px; - text-align: center; -} -@media (min-width: 48em) { - .form-type-checkbox input[type=checkbox]:checked + label:before { - font-size: 16px; - } -} -.form-type-checkbox label { - font-size: 11.375px; - font-size: 0.8125rem; - font-weight: 600; - font-style: normal; - color: #666; - cursor: pointer; - display: inline-block; - line-height: 19px; - margin-bottom: 10px; - margin-right: 15px; - padding-left: 25px; - position: relative; -} -@media (min-width: 48em) { - .form-type-checkbox label { - font-size: 13px; - } -} -.form-type-checkbox label:before { - border: 1px solid #178feb; - content: ""; - display: inline-block; - height: 17px; - left: 0; - margin-right: 10px; - position: absolute; - top: 2px; - width: 16px; -} -@media (min-width: 48em) { - .form-type-checkbox { - clear: both; - } -} - -/* - section: 4.1.3 - title: Forms, Radio - template: 4_1_3_forms-radio - description: Radio form element. -*/ -.form-type-radio { - clear: right; -} -.form-type-radio:last-child { - margin-bottom: 1em; -} -.form-type-radio input { - display: none; -} -.form-type-radio input[type=radio]:checked + label:before { - font-size: 26.25px; - font-size: 1.875rem; - color: #178feb; - content: "\2022"; - line-height: 14px; - text-align: center; -} -@media (min-width: 48em) { - .form-type-radio input[type=radio]:checked + label:before { - font-size: 30px; - } -} -.form-type-radio label { - font-size: 11.375px; - font-size: 0.8125rem; - font-weight: 600; - font-style: normal; - color: #666; - cursor: pointer; - display: inline-block; - line-height: 19px; - margin-bottom: 5px; - margin-right: 15px; - padding-left: 25px; - position: relative; -} -@media (min-width: 48em) { - .form-type-radio label { - font-size: 13px; - } -} -.form-type-radio label:before { - border: 1px solid #178feb; - border-radius: 8px; - content: ""; - display: inline-block; - height: 16px; - left: 0; - margin-right: 10px; - position: absolute; - top: 2px; - width: 16px; -} - -/* - section: 4.1.4 - title: Forms, Input - template: 4_1_4_forms-input - description: input form element. -*/ -.form-type-text input { - font-size: 14px; - font-size: 1rem; - font-weight: 600; - font-style: normal; - border: 1px solid #b8b8b8; - color: #666; - padding: 10px; - width: 100%; -} -@media (min-width: 48em) { - .form-type-text input { - font-size: 16px; - } -} -.form-type-text input.form-submit { - background-color: #178feb; - color: #FFF; - padding: 10px 30px; - width: auto; -} -.form-type-text input.error { - border: 1px solid #974822; -} -@media (min-width: 48em) { - .form-type-text { - width: 49.36709%; - float: left; - margin-right: -100%; - margin-left: 0; - clear: none; - } -} -.form-type-text label { - font-weight: 300; - font-style: normal; - color: #767676; - font-size: 1.1em; - line-height: 2.4em; - padding: 0; - margin: 0; -} -.form-type-text label .form-required { - font-weight: 600; - font-style: normal; - color: #767676; - font-size: 1.2em; - line-height: 1.2em; - padding: 0; - margin: 0; - color: #178feb; + padding: 0 1em; } -.form-type-text .description { - font-size: 10.5px; - font-size: 0.75rem; - font-weight: 600; - font-style: normal; - color: #666; - margin-top: 5px; + +.l-subregion:before, .l-subregion:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ } -@media (min-width: 48em) { - .form-type-text .description { - font-size: 12px; - } + +.l-subregion:after { + clear: both; } /* - section: 4.1.5 - title: Forms, Textarea - template: 4_1_5_forms-textarea - description: Textarea form element. -*/ -/* - section: 4.1.6 - title: Forms, Submit - template: 4_1_6_forms-submit - description: Submit form element. -*/ -/* - section: 4.2 - title: Search form - template: 4_2_search-form - description: The search form for normal and mobile browsers. + section: 15.1 + title: Top bar + template: 15_1_top-bar + description: The top bar. */ -.form-type-search { - position: relative; -} -@media (max-width: 48em) { - .form-type-search { +@media (min-width: 48em) { + .l-top-bar { background-color: #222; - display: block; - margin: 0; - max-width: 100%; - padding: 14px 52px; - width: 100%; - } - .form-type-search form { - position: relative; } } + +.l-top-bar__subregion { + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + @media (min-width: 48em) { - .form-type-search { - position: relative; + .l-top-bar__subregion { + margin: 0 auto; + max-width: 75em; + padding: 0 1em; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } } -.form-type-search input[type="text"] { - background: #424242; - border: none; - color: #FFF; - line-height: 34px; - margin-bottom: 0; - max-width: 100%; - min-height: 34px; - padding-left: 12px; - padding-right: 34px; - width: 100%; +.l-top-bar__main { + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #222; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + height: 70px; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; + padding-left: 15px; + position: relative; + z-index: 25; +} + +@media (min-width: 48em) { + .l-top-bar__main { + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + padding-left: 0; + } } -.form-type-search input[type="text"]:focus { - outline-color: #178feb; + +.l-top-bar__sub { + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + padding: 0 15px; } + @media (min-width: 48em) { - .form-type-search input[type="text"] { - font-size: 10.5px; - font-size: 0.75rem; + .l-top-bar__sub { + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; + padding: 0; } } -@media (min-width: 48em) and (min-width: 48em) { - .form-type-search input[type="text"] { - font-size: 12px; + +.l-top-bar__subleft { + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +@media (min-width: 48em) { + .l-top-bar__subright { + border-left: 1px solid #666; + margin-left: 15px; + padding-left: 5px; } } -.form-type-search input[type="submit"] { - display: inline-block; - font-family: "hy-icons"; - font-style: normal; - font-weight: normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - content: ""; - background-color: transparent; - height: 36px; - padding: 0; - position: absolute; - right: 0; - top: 0; - width: 34px; +html { + box-sizing: border-box; } -.search-form__input:focus + .form-type-search input[type="submit"] { - color: #178feb; + +*, *:before, *:after { + box-sizing: inherit; } -.search-form__input:focus + .form-type-search input[type="submit"]:hover { - color: #FFF; + +embed, +img, +object, +video { + max-width: 100%; + height: auto; } /* @@ -4072,8 +3970,8 @@ img { description: Description about headings. */ h1, h2, h3, h4, -.box-logo > a, -.box-card__fieldset .box-logo > a, h5, h6 { +.box-logo > a, .box-card__fieldset +.box-logo > a, h5, h6 { font-family: 'Open Sans', Helvetica, Arial, sans-serif, Nimbus Sans L; color: #424242; letter-spacing: -0.05em; @@ -4083,12 +3981,16 @@ h1, h2, h3, h4, text-transform: uppercase; word-wrap: break-word; } + h1 a, h1 .box-card__fieldset a, .box-card__fieldset h1 a, h2 a, h2 .box-card__fieldset a, .box-card__fieldset h2 a, h3 a, h3 .box-card__fieldset a, .box-card__fieldset h3 a, h4 a, -.box-logo > a a, h4 .box-card__fieldset a, .box-card__fieldset h4 a, h5 a, h5 .box-card__fieldset a, .box-card__fieldset h5 a, h6 a, h6 .box-card__fieldset a, .box-card__fieldset h6 a { +.box-logo > a a, h4 .box-card__fieldset a, .box-card__fieldset h4 a, .box-card__fieldset +.box-logo > a a, h5 a, h5 .box-card__fieldset a, .box-card__fieldset h5 a, h6 a, h6 .box-card__fieldset a, .box-card__fieldset h6 a { color: #424242; text-decoration: none; } + h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, +.box-logo > a a:hover, .box-card__fieldset .box-logo > a a:hover, h5 a:hover, h6 a:hover { color: #424242; cursor: pointer; @@ -4100,17 +4002,20 @@ h1 { letter-spacing: -2px; line-height: 1.15em; } + @media (min-width: 48em) { h1 { font-size: 36px; } } + @media (min-width: 48em) { h1 { font-size: 38.5px; font-size: 2.75rem; } } + @media (min-width: 48em) and (min-width: 48em) { h1 { font-size: 44px; @@ -4121,17 +4026,20 @@ h2 { font-size: 21.875px; font-size: 1.5625rem; } + @media (min-width: 48em) { h2 { font-size: 25px; } } + @media (min-width: 62.5em) { h2 { font-size: 30.625px; font-size: 2.1875rem; } } + @media (min-width: 62.5em) and (min-width: 48em) { h2 { font-size: 35px; @@ -4142,6 +4050,7 @@ h3 { font-size: 24.5px; font-size: 1.75rem; } + @media (min-width: 48em) { h3 { font-size: 28px; @@ -4149,15 +4058,16 @@ h3 { } h4, -.box-logo > a, -.box-card__fieldset .box-logo > a { +.box-logo > a, .box-card__fieldset +.box-logo > a { font-size: 16.8px; font-size: 1.2rem; } + @media (min-width: 48em) { h4, - .box-logo > a, - .box-card__fieldset .box-logo > a { + .box-logo > a, .box-card__fieldset + .box-logo > a { font-size: 19.2px; } } @@ -4175,6 +4085,7 @@ p { letter-spacing: 0.01em; line-height: 1.6em; } + @media (min-width: 48em) { p { font-size: 16px; @@ -4188,12 +4099,13 @@ p { description: */ a, .box-card__fieldset a { - color: #178feb; + color: #0098d0; outline: 0; text-decoration: none; } + a:hover { - color: #0c5790; + color: #005479; } a:hover, a:active, a:focus { @@ -4222,6 +4134,7 @@ blockquote { margin: 20px 10px; padding: 10px 25px; } + @media (min-width: 48em) { blockquote { font-size: 20px; @@ -4243,6 +4156,7 @@ blockquote p { display: inline; line-height: 1.1em; } + @media (min-width: 48em) { blockquote p { font-size: 22px; @@ -4250,9 +4164,10 @@ blockquote p { } /* - section: 3.4.3 + section: 3.5 title: Form components - description: + template: 3_5_form-components + description: Basic form components */ button, input, select, textarea { font-family: inherit; @@ -4283,12 +4198,16 @@ textarea { padding: 10px; width: 100%; } + @media (min-width: 48em) { textarea { font-size: 16px; } } +/* + title: Tables +*/ table { width: 100%; } @@ -4330,6 +4249,7 @@ dl, ol, ul { font-size: 0.875rem; text-transform: uppercase; } + @media (min-width: 48em) { .accordion__title { font-size: 14px; @@ -4339,6 +4259,7 @@ dl, ol, ul { .accordion__content > .textarea { padding: 20px 10px; } + @media (min-width: 48em) { .accordion__content > .textarea { padding: 20px 40px; @@ -4350,8 +4271,9 @@ dl, ol, ul { line-height: 100%; padding: 0; } + .accordion--dark .accordion__title.ui-state-active { - background-color: #1073bf; + background-color: #0882B3; } /* @@ -4390,24 +4312,26 @@ dl, ol, ul { margin-bottom: 0.4em; margin-top: 0.7em; } + @media (min-width: 48em) { .author { font-size: 12px; } } + .author .author__label:after { content: ':'; } /* - section: 13.1 + section: 12.1 title: Avatar image description: */ /* - section: 13.1.1 + section: 12.1.1 title: Avatar image - template: 13_1_1_avatar-image + template: 12_1_1_avatar-image description: */ .avatar-image { @@ -4418,17 +4342,21 @@ dl, ol, ul { height: 60px; width: 60px; } + .avatar-image.is-small { height: 40px; width: 40px; } + .avatar-image.is-large { height: 90px; width: 90px; } + .avatar-image.is-student { background-color: #7b46a3; } + .avatar-image.is-teacher { background-color: #99cc66; } @@ -4444,16 +4372,19 @@ dl, ol, ul { font-size: 0.75rem; margin: 0 0 0.3em; } + @media (min-width: 48em) { .breadcrumbs { font-size: 12px; } } + @media (min-width: 48em) { .breadcrumbs { margin: 0; } } + .l-subregion-wrapper .breadcrumbs { margin-bottom: 1em; position: absolute; @@ -4465,22 +4396,24 @@ dl, ol, ul { display: inline; margin-right: 0.2em; } + .breadcrumbs__item a { font-weight: 600; font-style: normal; - color: #178feb; + color: #0098d0; letter-spacing: 0.01em; text-decoration: none; text-transform: uppercase; } + .breadcrumbs__item a:hover { - color: #1073bf; + color: #0882B3; } .breadcrumbs__divider { font-weight: 600; font-style: normal; - color: #178feb; + color: #0098d0; display: inline; margin-right: 0.5em; } @@ -4502,12 +4435,14 @@ dl, ol, ul { margin-bottom: 45px; position: relative; } + .carousel:before, .carousel:after { content: " "; /* 1 */ display: table; /* 2 */ } + .carousel:after { clear: both; } @@ -4528,17 +4463,20 @@ dl, ol, ul { position: absolute; right: 0; } + @media (min-width: 48em) { .carousel__content { font-size: 12px; } } + @media (min-width: 48em) { .carousel__content { font-size: 12.25px; font-size: 0.875rem; } } + @media (min-width: 48em) and (min-width: 48em) { .carousel__content { font-size: 14px; @@ -4564,6 +4502,7 @@ dl, ol, ul { right: 0; top: auto; } + @media (min-width: 48em) { .carousel__credits { font-size: 12px; @@ -4579,19 +4518,18 @@ dl, ol, ul { right: 0; width: 100%; } + @media (min-width: 48em) { .carousel__control-nav { - width: 25%; - clear: right; - float: right; - margin-right: 0; height: 45px; line-height: 45px; } } + .carousel__control-nav li { text-align: center; } + .carousel__control-nav li a { font-size: 10.5px; font-size: 0.75rem; @@ -4606,16 +4544,19 @@ dl, ol, ul { display: none; margin: 0; } + @media (min-width: 48em) { .carousel__control-nav li a { font-size: 12px; } } + @media (min-width: 48em) { .carousel__control-nav li a { font-size: 12px; } } + .carousel__control-nav li a.carousel__active { display: block; } @@ -4626,15 +4567,13 @@ dl, ol, ul { font-size: 2.5rem; font-weight: 700; font-style: normal; - text-shadow: 0px 0px 1px #aaaaaa; -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -ms-transform: translateZ(0); - -transform: translateZ(0); + transform: translateZ(0); transition-duration: 0.1s; transition-property: -webkit-transform; transition-property: transform; - transition-property: "all"; + text-shadow: 0px 0px 1px #aaaaaa; + transition-property: all; color: #FFF; display: block; height: 100%; @@ -4644,39 +4583,47 @@ dl, ol, ul { width: 10%; z-index: 10; } + @media (min-width: 48em) { .carousel__direction-nav a { font-size: 40px; } } + .carousel__direction-nav a:active, .carousel__direction-nav a:hover { -webkit-transform: scale(1.15); - -ms-transform: scale(1.15); - transform: scale(1.15); + -ms-transform: scale(1.15); + transform: scale(1.15); } + .carousel__direction-nav a:active { color: #979797; } + .carousel__direction-nav a:hover { color: #FFF; } + .carousel__direction-nav a:before { -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); position: absolute; top: 50%; display: block; position: relative; } + @media (min-width: 75em) { .carousel__direction-nav a { width: 5%; } } + .carousel__direction-nav a.carousel__prev { left: 0; } + .carousel__direction-nav a.carousel__prev:before { display: inline-block; font-family: "hy-icons"; @@ -4686,9 +4633,11 @@ dl, ol, ul { -moz-osx-font-smoothing: grayscale; content: ""; } + .carousel__direction-nav a.carousel__next { right: 0; } + .carousel__direction-nav a.carousel__next:before { display: inline-block; font-family: "hy-icons"; @@ -4705,6 +4654,7 @@ dl, ol, ul { template: 7_1_2-carousel-unwrapped description: */ + .carousel-unwrapped, .carousel-unwrapped--horizontal { background-color: #222; @@ -4721,10 +4671,11 @@ dl, ol, ul { .carousel-unwrapped__content { height: 100%; } + .carousel-unwrapped__content .l-subregion-wrapper { -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); position: absolute; top: 50%; background: none; @@ -4732,14 +4683,17 @@ dl, ol, ul { position: relative; z-index: 5; } + .carousel-unwrapped__content .l-subregion { padding: 0 10%; } + @media (min-width: 75em) { .carousel-unwrapped__content .l-subregion { padding: 0 1em; } } + .carousel-unwrapped__content.theme-raster:after { background: url(../images/raster.svg); background-size: 4px 4px; @@ -4761,13 +4715,11 @@ dl, ol, ul { font-weight: 700; font-style: normal; -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -ms-transform: translateZ(0); - -transform: translateZ(0); + transform: translateZ(0); transition-duration: 0.1s; transition-property: -webkit-transform; transition-property: transform; - transition-property: "all"; + transition-property: all; color: #FFF; display: block; height: 100%; @@ -4777,42 +4729,48 @@ dl, ol, ul { width: 10%; z-index: 10; } + @media (min-width: 48em) { .carousel-unwrapped__direction-nav a { font-size: 40px; } } + .carousel-unwrapped__direction-nav a:active, .carousel-unwrapped__direction-nav a:hover { -webkit-transform: scale(1.15); - -ms-transform: scale(1.15); - transform: scale(1.15); + -ms-transform: scale(1.15); + transform: scale(1.15); } + .carousel-unwrapped__direction-nav a:active { color: #979797; } + .carousel-unwrapped__direction-nav a:hover { color: #FFF; } + .carousel-unwrapped__direction-nav a:before { -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); position: absolute; top: 50%; display: block; position: relative; } + @media (min-width: 75em) { .carousel-unwrapped__direction-nav a { width: 5%; } } + .carousel-unwrapped__direction-nav a.carousel-unwrapped__prev { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); - background-size: 100%; - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent 100%); left: 0; } + .carousel-unwrapped__direction-nav a.carousel-unwrapped__prev:before { display: inline-block; font-family: "hy-icons"; @@ -4822,12 +4780,12 @@ dl, ol, ul { -moz-osx-font-smoothing: grayscale; content: ""; } + .carousel-unwrapped__direction-nav a.carousel-unwrapped__next { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); - background-size: 100%; - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent 100%); right: 0; } + .carousel-unwrapped__direction-nav a.carousel-unwrapped__next:before { display: inline-block; font-family: "hy-icons"; @@ -4840,9 +4798,7 @@ dl, ol, ul { .carousel-unwrapped__image { -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - -transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); left: 70%; max-height: 350px; min-width: 48em; @@ -4850,26 +4806,31 @@ dl, ol, ul { top: 0; width: 100%; } + @media (min-width: 48em) { .carousel-unwrapped__image { left: 50%; } } + @media (min-width: 62.5em) { .carousel-unwrapped__image { min-width: 75em; } } + @media (min-width: 75em) { .carousel-unwrapped__image { min-width: 1750px; } } + .carousel-unwrapped__image img { display: block; margin-left: -70%; width: 100%; } + @media (min-width: 48em) { .carousel-unwrapped__image img { margin-left: -50%; @@ -4877,6 +4838,7 @@ dl, ol, ul { width: auto; } } + @media (min-width: 62.5em) { .carousel-unwrapped__image img { max-width: 100%; @@ -4887,6 +4849,7 @@ dl, ol, ul { .carousel-unwrapped--horizontal { height: auto; } + @media (min-width: 48em) { .carousel-unwrapped--horizontal { display: table; @@ -4894,18 +4857,22 @@ dl, ol, ul { width: 100%; } } + @media (min-width: 48em) { .carousel-unwrapped--horizontal .carousel-unwrapped__row { display: table-row; } } + .carousel-unwrapped--horizontal .carousel-unwrapped__cell { height: 200px; overflow: hidden; } + .carousel-unwrapped--horizontal .carousel-unwrapped__cell:first-of-type { height: 350px; } + @media (min-width: 48em) { .carousel-unwrapped--horizontal .carousel-unwrapped__cell { display: table-cell; @@ -4913,22 +4880,27 @@ dl, ol, ul { vertical-align: top; } } + .carousel-unwrapped--horizontal article:before { display: none; } + .carousel-unwrapped--horizontal .carousel-unwrapped__content { display: block; position: relative; z-index: 10; } + .carousel-unwrapped--horizontal .carousel-unwrapped__content:before { transition-property: opacity; transition-duration: 0.2s; opacity: 0.6; } + .carousel-unwrapped--horizontal .carousel-unwrapped__content:hover:before { opacity: 0.8; } + .carousel-unwrapped--horizontal .carousel-unwrapped__image { opacity: 0.5; } @@ -4943,32 +4915,39 @@ dl, ol, ul { overflow: hidden; position: relative; } + @media (min-width: 48em) { .carousel-unwrapped--teaser .l-subregion { padding: 0 1em; } } + .carousel-unwrapped--teaser .l-subregion:before, .carousel-unwrapped--teaser .l-subregion:after { display: none; } + .carousel-unwrapped--teaser .carousel-unwrapped__content .l-subregion-wrapper { padding: 2em 0 0 0; -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; } + .carousel-unwrapped--teaser .carousel-unwrapped__content .l-subregion { padding: 0 1em; } + .carousel-unwrapped--teaser .carousel-unwrapped__image { max-height: 90px; } + @media (min-width: 48em) { .carousel-unwrapped--teaser .carousel-unwrapped__image { min-width: 1750px; opacity: 0.9; } } + @media (min-width: 48em) { .carousel-unwrapped--teaser .carousel-unwrapped__image img { width: 100%; @@ -4986,6 +4965,7 @@ dl, ol, ul { margin: 0 0 1em 0; text-transform: uppercase; } + @media (min-width: 48em) { .date { font-size: 14px; @@ -5003,12 +4983,14 @@ dl, ol, ul { clear: both; position: relative; } + .feed-listing:before, .feed-listing:after { content: " "; /* 1 */ display: table; /* 2 */ } + .feed-listing:after { clear: both; } @@ -5022,6 +5004,7 @@ dl, ol, ul { line-height: 1.1em; margin-right: 1em; } + @media (min-width: 48em) { .feed-listing__title { font-size: 15px; @@ -5034,6 +5017,7 @@ dl, ol, ul { font-weight: 600; font-style: normal; } + @media (min-width: 48em) { .feed-listing__date { font-size: 13px; @@ -5043,23 +5027,28 @@ dl, ol, ul { .feed-listing__content { margin-top: 5px; } + .feed-listing__content p { font-size: 12.25px; font-size: 0.875rem; line-height: 1.4em; margin-bottom: 0.4em; } + @media (min-width: 48em) { .feed-listing__content p { font-size: 14px; } } + .feed-listing__content p em { font-style: normal; } + .feed-listing__content p a { color: #424242; } + .feed-listing__content p.type { font-weight: 600; font-style: normal; @@ -5067,17 +5056,19 @@ dl, ol, ul { font-size: 0.75rem; color: #979797; } + @media (min-width: 48em) { .feed-listing__content p.type { font-size: 12px; } } + .feed-listing__content p:last-child { margin: 0 0 30px 0; } /* - section: 11.1 + section: 11.1.1 title: File description: Component for a downloadable file link. template: 11_1_1-file @@ -5089,8 +5080,8 @@ dl, ol, ul { .file__link { font-family: 'Open Sans', Helvetica, Arial, sans-serif, Nimbus Sans L; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; background-color: #f8f8f8; border: 1px solid #EBEBEB; display: -webkit-flex; @@ -5104,6 +5095,7 @@ dl, ol, ul { font-size: 1.875rem; margin-right: 10px; } + @media (min-width: 48em) { .file__icon { font-size: 30px; @@ -5119,26 +5111,32 @@ dl, ol, ul { .horizontal-tabs { margin-bottom: 30px; } + .horizontal-tabs .horizontal-tabs-list { box-shadow: 0 -1px 0 0 #EBEBEB inset; margin-bottom: 60px; } + .horizontal-tabs .horizontal-tabs-pane legend { display: none; } + .horizontal-tabs .horizontal-tab-button { margin-bottom: 2px; outline: none; } + .horizontal-tabs .horizontal-tab-button > a, .horizontal-tabs .box-card__fieldset .horizontal-tab-button > a { font-weight: 600; text-transform: uppercase; display: block; } + .horizontal-tabs .horizontal-tab-button.selected > a, .horizontal-tabs .box-card__fieldset .horizontal-tab-button.selected > a { - background-color: #0c5790; + background-color: #005479; color: #FFF; } + @media (min-width: 48em) { .horizontal-tabs .horizontal-tab-button { font-weight: 600; @@ -5153,14 +5151,16 @@ dl, ol, ul { } .horizontal-tabs .horizontal-tab-button > a, .horizontal-tabs .box-card__fieldset .horizontal-tab-button > a { background: none; - color: #178feb; + color: #0098d0; display: block; padding: 1em 3em; } - .horizontal-tabs .horizontal-tab-button.selected a, .horizontal-tabs .horizontal-tab-button:hover > a, .horizontal-tabs .box-card__fieldset .horizontal-tab-button:hover > a { + .horizontal-tabs .horizontal-tab-button.selected a, + .horizontal-tabs .horizontal-tab-button:hover > a, + .horizontal-tabs .box-card__fieldset .horizontal-tab-button:hover > a { transition-property: all; background-color: white; - color: #0c5790; + color: #005479; } .horizontal-tabs .horizontal-tab-button:not(.selected):first-child { box-shadow: none; @@ -5180,15 +5180,18 @@ dl, ol, ul { template: 9_1_1-index description: Index of content */ + .index { display: block; padding: 2em 0; } + @media (min-width: 48em) { + .index { - -moz-columns: 2; -webkit-columns: 2; - columns: 2; + -moz-columns: 2; + columns: 2; } } @@ -5201,25 +5204,23 @@ dl, ol, ul { text-transform: none; margin-bottom: 1em; } + @media (min-width: 48em) { .index__label { font-size: 18px; } } + @media (min-width: 48em) { .index__label { -webkit-column-span: all; - -moz-column-span: all; - column-span: all; - -moz-columns: all; - -ms-columns: all; - -o-columns: all; - -webkit-columns: all; + -moz-column-span: all; + column-span: all; } } .index__row { - margin: 0.6em 0; + margin: 0 0 0.6em 0; } .index__link { @@ -5245,9 +5246,11 @@ dl, ol, ul { overflow: hidden; padding: 1em 0; } + .index-alpha__group:last-child { border-bottom: 1px solid #EBEBEB; } + @media (min-width: 48em) { .index-alpha__group { padding: 2em 0; @@ -5262,11 +5265,13 @@ dl, ol, ul { font-style: normal; margin-bottom: 0.2em; } + @media (min-width: 48em) { .index-alpha__initial { font-size: 40px; } } + @media (min-width: 48em) { .index-alpha__initial { font-size: 70px; @@ -5278,6 +5283,7 @@ dl, ol, ul { width: 20%; } } + @media (min-width: 48em) and (min-width: 48em) { .index-alpha__initial { font-size: 80px; @@ -5287,6 +5293,7 @@ dl, ol, ul { .index-alpha__row { margin-bottom: 1em; } + @media (min-width: 48em) { .index-alpha__row { margin-left: 20%; @@ -5296,17 +5303,20 @@ dl, ol, ul { .index-alpha__title { margin-bottom: 0.5em; } + @media (min-width: 48em) { .index-alpha__title { margin-bottom: 0; } } + .index-alpha__title > a, .box-card__fieldset .index-alpha__title > a { font-size: 13.125px; font-size: 0.9375rem; font-weight: 700; font-style: normal; } + @media (min-width: 48em) { .index-alpha__title > a, .box-card__fieldset .index-alpha__title > a { font-size: 15px; @@ -5332,12 +5342,14 @@ dl, ol, ul { .index-topical__title { margin-bottom: 0.25em; } + .index-topical__title > a, .box-card__fieldset .index-topical__title > a { font-size: 13.125px; font-size: 0.9375rem; font-weight: 700; font-style: normal; } + @media (min-width: 48em) { .index-topical__title > a, .box-card__fieldset .index-topical__title > a { font-size: 15px; @@ -5351,13 +5363,16 @@ dl, ol, ul { padding-right: 1.5em; font-family: 'Open Sans', Helvetica, Arial, sans-serif, Nimbus Sans L; } + .index-topical__field:last-child:after { display: none; } + .index-topical__field:after { content: " "; right: 0; } + .index-topical__field:after, .index-topical__field:before { border: 1px solid #EBEBEB; border-color: #d2d2d2; @@ -5370,11 +5385,13 @@ dl, ol, ul { width: 6px; z-index: 10; } + .index-topical__field a { color: inherit; } + .index-topical__field a:hover { - color: #0c5790; + color: #005479; } .index-topical__content { @@ -5393,15 +5410,18 @@ dl, ol, ul { table.jobs-listing { height: inherit; } + table.jobs-listing thead { display: none; } + @media (min-width: 62.5em) { table.jobs-listing thead { display: table-header-group; width: 100%; } } + table.jobs-listing thead th { font-size: 10.5px; font-size: 0.75rem; @@ -5414,14 +5434,17 @@ table.jobs-listing thead th { text-transform: uppercase; width: 40%; } + @media (min-width: 48em) { table.jobs-listing thead th { font-size: 12px; } } + table.jobs-listing thead th:last-child { width: 20%; } + @media (min-width: 62.5em) { table.jobs-listing td { padding: 14px 10px; @@ -5433,9 +5456,11 @@ tr.jobs-listing__item { display: block; padding: 10px 0; } + tr.jobs-listing__item:last-child { border-bottom: 0; } + @media (min-width: 62.5em) { tr.jobs-listing__item { display: table-row; @@ -5456,11 +5481,13 @@ td.jobs-listing__title { display: block; width: 100%; } + @media (min-width: 48em) { td.jobs-listing__title { font-size: 14px; } } + @media (min-width: 62.5em) { td.jobs-listing__title { display: table-cell; @@ -5474,11 +5501,13 @@ td.jobs-listing__date { font-size: 0.875rem; display: inline; } + @media (min-width: 48em) { td.jobs-listing__date { font-size: 14px; } } + @media (min-width: 62.5em) { td.jobs-listing__date { display: table-cell; @@ -5491,9 +5520,9 @@ td.jobs-listing__date { } /* - section: 14.1 + section: 13.1 title: Label row - template: 14_1_1-label-row + template: 13_1_1-label-row */ .label-row { margin-bottom: 0.5em; @@ -5505,25 +5534,27 @@ td.jobs-listing__date { font-size: 0.75rem; font-weight: 600; font-style: normal; - background: #1073bf; + background: #0882B3; color: #FFF; padding: 0.3em 0.7em; text-transform: uppercase; - border-bottom: 1px solid #1073bf; - border-top: 1px solid #1073bf; + border-bottom: 1px solid #0882B3; + border-top: 1px solid #0882B3; display: inline-block; height: 2.2em; position: relative; z-index: 1; } + @media (min-width: 48em) { .label-row__item { font-size: 12px; } } + .label-row__item.theme-secondary { background: none; - color: #1073bf; + color: #0882B3; left: 0; padding-right: 0; position: absolute; @@ -5532,15 +5563,107 @@ td.jobs-listing__date { width: 100%; z-index: 0; } + .label-row__item.theme-yliopisto-lehti { background-color: #fca311; border-color: #fca311; } + .label-row__item.theme-yliopisto-lehti.theme-secondary { background: none; color: #fca311; } +/* + section: 15.1.1 + title: Links + template: 15_1_1_links + description: Links compontent is used in the top bar. +*/ +.links { + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + position: relative; +} + +@media (min-width: 48em) { + .links { + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + text-align: right; + } +} + +@media (min-width: 75em) { + .links { + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + } +} + +.links__link { + font-weight: 600; + font-style: normal; + font-size: 10.5px; + font-size: 0.75rem; + color: #424242; + display: inline-block; + padding: 16px 5px 16px 10px; + text-decoration: none; + text-transform: uppercase; +} + +@media (min-width: 48em) { + .links__link { + font-size: 12px; + } +} + +.links__link:hover { + color: #222; +} + +@media (min-width: 48em) { + .links__link { + color: #cccccc; + padding: 5px 0 5px 9px; + } + .links__link:hover { + color: #FFF; + } +} + +.links__link.theme-language.active { + display: none; +} + +.links__link.theme-language abbr[title] { + border: none; +} + +@media (min-width: 62.5em) { + .links__link.theme-language abbr[title] { + font-size: 0; + } + .links__link.theme-language abbr[title]:after { + font-size: 10.5px; + font-size: 0.75rem; + content: attr(title); + } +} + +@media (min-width: 62.5em) and (min-width: 48em) { + .links__link.theme-language abbr[title]:after { + font-size: 12px; + } +} + /* section: 6.2 title: List of links @@ -5565,6 +5688,7 @@ td.jobs-listing__date { margin-bottom: 1em; text-transform: uppercase; } + @media (min-width: 48em) { .list-of-links__subtitle { font-size: 11px; @@ -5577,12 +5701,15 @@ td.jobs-listing__date { margin-bottom: 2px; padding-left: 10px; } + .list-of-links__link:hover:after { color: #FFF; } + .list-of-links__link:after { height: auto; } + .theme-dark .list-of-links__link { transition-duration: 0.2s; transition-property: color background-color; @@ -5596,17 +5723,19 @@ td.jobs-listing__date { padding-left: 0; padding-top: 0.8em; position: relative; - background: #178feb; + background: #0098d0; color: #FFF; overflow: visible; padding-left: 1em; padding-right: 4em; } + @media (min-width: 48em) { .theme-dark .list-of-links__link { font-size: 15px; } } + .theme-dark .list-of-links__link:after { display: inline-block; font-family: "hy-icons"; @@ -5620,13 +5749,15 @@ td.jobs-listing__date { height: 100%; margin-left: 1em; } + a:hover .theme-dark .list-of-links__link:after, .theme-dark .list-of-links__link:hover:after { - color: #0c5790; + color: #005479; } + .theme-dark .list-of-links__link:after { transition-duration: 0.2s; transition-property: color background-color; - background-color: #1073bf; + background-color: #0882B3; color: #FFF; line-height: 2.8em; margin-top: 0; @@ -5636,49 +5767,67 @@ a:hover .theme-dark .list-of-links__link:after, .theme-dark .list-of-links__link right: 0; top: 0; } + .theme-dark .list-of-links__link:hover { - background-color: #0c5790; + background-color: #005479; color: #FFF; } + a:hover .theme-dark .list-of-links__link:hover:after, .theme-dark .list-of-links__link:hover:after { - background: #083a61; + background: #003146; color: #FFF; } + a:hover .theme-dark .list-of-links__link { - background-color: #0c5790; + background-color: #005479; color: #FFF; } + a:hover .theme-dark .list-of-links__link:after { - background: #083a61; + background: #003146; color: #FFF; } -.theme-footer .list-of-links__link, .theme-info-footer .list-of-links__link { + +.theme-footer .list-of-links__link, +.theme-info-footer .list-of-links__link { border-bottom: 1px solid #EBEBEB; border-bottom-color: #cccccc; color: #5c5c5c; } -.theme-footer .list-of-links__link:before, .theme-footer .list-of-links__link:after, .theme-info-footer .list-of-links__link:before, .theme-info-footer .list-of-links__link:after { + +.theme-footer .list-of-links__link:before, .theme-footer .list-of-links__link:after, +.theme-info-footer .list-of-links__link:before, +.theme-info-footer .list-of-links__link:after { color: #666; position: absolute; right: 0; } -.theme-footer .list-of-links__link:hover, .theme-info-footer .list-of-links__link:hover { + +.theme-footer .list-of-links__link:hover, +.theme-info-footer .list-of-links__link:hover { color: #222; } -.theme-footer .list-of-links__link:hover:before, .theme-footer .list-of-links__link:hover:after, .theme-info-footer .list-of-links__link:hover:before, .theme-info-footer .list-of-links__link:hover:after { + +.theme-footer .list-of-links__link:hover:before, .theme-footer .list-of-links__link:hover:after, +.theme-info-footer .list-of-links__link:hover:before, +.theme-info-footer .list-of-links__link:hover:after { color: #222; } + .theme-footer .list-of-links__link { border-bottom-color: black; color: #FFF; display: block; } + .theme-footer .list-of-links__link:before, .theme-footer .list-of-links__link:after { color: #FFF; } + .theme-footer .list-of-links__link:hover { color: #cccccc; } + .theme-footer .list-of-links__link:hover:before, .theme-footer .list-of-links__link:hover:after { color: #cccccc; } @@ -5704,6 +5853,7 @@ a:hover .theme-dark .list-of-links__link:after { .list-of-links--condensed { margin-bottom: 1em; } + .list-of-links--condensed .list-of-links__link { font-weight: 400; font-style: normal; @@ -5712,12 +5862,168 @@ a:hover .theme-dark .list-of-links__link:after { padding-bottom: 0.8em; padding-top: 0.8em; } + @media (min-width: 48em) { .list-of-links--condensed .list-of-links__link { font-size: 14px; } } +.logo-block { + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.logo-block__logo { + display: none; +} + +@media (min-width: 62.5em) { + .logo-block__logo { + display: block; + margin-right: 0.5em; + } +} + +@media (min-width: 75em) { + .logo-block__logo { + margin-right: 1.5em; + } +} + +.logo-block__content { + width: 100%; +} + +.logo-block__content h4, .logo-block__content +.box-logo > a, .logo-block__content .box-card__fieldset +.box-logo > a, .logo-block__content p { + text-align: center; + color: #FFF; +} + +@media (min-width: 48em) { + .logo-block__content { + float: left; + } + .logo-block__content h4, .logo-block__content + .box-logo > a, .logo-block__content .box-card__fieldset + .box-logo > a, .logo-block__content p { + text-align: left; + } +} + +.logo-block__content h4, .logo-block__content +.box-logo > a, .logo-block__content .box-card__fieldset +.box-logo > a { + font-size: 14px; + font-size: 1rem; +} + +@media (min-width: 48em) { + .logo-block__content h4, .logo-block__content + .box-logo > a, .logo-block__content .box-card__fieldset + .box-logo > a { + font-size: 16px; + } +} + +.logo-block__content p { + font-size: 12.25px; + font-size: 0.875rem; + line-height: 1.2em; +} + +@media (min-width: 48em) { + .logo-block__content p { + font-size: 14px; + } +} + +.logo-block__content br { + display: block; +} + +.logo-block__content a.is-tel { + color: #FFF; +} + +.logo-block__content a.is-tel:hover, .logo-block__content a.is-tel:active { + color: #FFF; +} + +.logo { + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.logo:before { + font-size: 47.25px; + font-size: 3.375rem; + color: #fff; + content: ""; + font-family: "hy-icons"; + font-weight: 300; +} + +@media (min-width: 48em) { + .logo:before { + font-size: 54px; + } +} + +.logo.theme-big:before { + font-size: 87.5px; + font-size: 6.25rem; + line-height: 100px; +} + +@media (min-width: 48em) { + .logo.theme-big:before { + font-size: 100px; + } +} + +.logo__sitename { + font-weight: 700; + font-style: normal; + font-size: 14px; + font-size: 1rem; + color: #FFF; + letter-spacing: -0.05em; + line-height: 1.1em; + margin-top: 0; + padding: 15px 0 15px 11px; +} + +@media (min-width: 48em) { + .logo__sitename { + font-size: 16px; + } +} + +@media (min-width: 48em) { + .logo__sitename { + font-size: 14.875px; + font-size: 1.0625rem; + padding-right: 0; + } +} + +@media (min-width: 48em) and (min-width: 48em) { + .logo__sitename { + font-size: 17px; + } +} + /* section: 5.1 title: Main menu @@ -5728,6 +6034,7 @@ a:hover .theme-dark .list-of-links__link:after { background-color: #FFF; overflow: hidden; } + @media (min-width: 48em) { .main-menu { border-bottom: 1px solid #cacaca; @@ -5736,49 +6043,56 @@ a:hover .theme-dark .list-of-links__link:after { border-bottom: none; } } + .main-menu li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column wrap; - -ms-flex-flow: column wrap; - flex-flow: column wrap; + -ms-flex-flow: column wrap; + flex-flow: column wrap; list-style: none; position: relative; } + @media (min-width: 48em) { .main-menu li { -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-flex-flow: row wrap; - -ms-flex-flow: row wrap; - flex-flow: row wrap; + -ms-flex-flow: row wrap; + flex-flow: row wrap; } } + .main-menu a { font-size: 13.125px; font-size: 0.9375rem; font-weight: 700; font-style: normal; - color: #178feb; + color: #0098d0; display: block; line-height: 1.25em; letter-spacing: 0.01em; text-transform: uppercase; text-decoration: none; } + @media (min-width: 48em) { .main-menu a { font-size: 15px; } } + .main-menu a:hover, .main-menu a.active-trail, .main-menu a.active { - color: #0c5790; + color: #005479; } + .main-menu > ul.menu { border-bottom: 1px solid #cacaca; } + @media (min-width: 48em) { .main-menu > ul.menu { margin: 0 auto; @@ -5789,22 +6103,26 @@ a:hover .theme-dark .list-of-links__link:after { display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; - -ms-flex-flow: row wrap; - flex-flow: row wrap; + -ms-flex-flow: row wrap; + flex-flow: row wrap; height: 100%; padding: 0.6em 2em 0.6em 2em; position: relative; } } + .main-menu li.is-lvl1 { border-top: 1px solid #d2d2d2; } + .main-menu li.is-lvl1.is-open { background: #f2f2f2; } + .main-menu li.is-lvl1 > a, .main-menu .box-card__fieldset li.is-lvl1 > a { padding: 15px 20px 15px 60px; } + @media (min-width: 48em) { .main-menu li.is-lvl1 { border: none; @@ -5816,26 +6134,32 @@ a:hover .theme-dark .list-of-links__link:after { padding: 0.6em 0.55em 0.6em 1.25em; } } + @media (min-width: 62.5em) { .main-menu li.is-lvl1 > a, .main-menu .box-card__fieldset li.is-lvl1 > a { padding: 0.6em 1em 0.6em 1.8em; } } + .main-menu li.is-lvl2 > .main-menu__expand { left: 25px; } + .main-menu li.is-lvl2 > a, .main-menu .box-card__fieldset li.is-lvl2 > a { padding: 15px 30px 15px 80px; text-transform: none; } + @media (min-width: 48em) { .main-menu li.is-lvl2 { display: none; } } + .main-menu li.is-lvl2 > ul.menu { padding-bottom: 10px; } + .main-menu li.is-lvl3 > a, .main-menu .box-card__fieldset li.is-lvl3 > a { font-weight: 400; font-style: normal; @@ -5843,6 +6167,7 @@ a:hover .theme-dark .list-of-links__link:after { padding: 5px 30px 5px 80px; text-transform: none; } + .main-menu li.is-lvl3 > ul.menu { display: none; } @@ -5855,6 +6180,7 @@ a:hover .theme-dark .list-of-links__link:after { top: 50%; } } + @media (min-width: 48em) { li.main-menu__front > a, .box-card__fieldset li.main-menu__front > a { font-size: 0; @@ -5874,12 +6200,11 @@ a:hover .theme-dark .list-of-links__link:after { font-weight: 300; font-style: normal; -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - -transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); transition: opacity 0.2s ease; } } + @media (min-width: 48em) and (min-width: 48em) { li.main-menu__front > a:after, .box-card__fieldset li.main-menu__front > a:after { font-size: 16px; @@ -5894,6 +6219,7 @@ a:hover .theme-dark .list-of-links__link:after { .main-menu__expand { bottom: 0; + cursor: pointer; left: 0; position: absolute; text-align: center; @@ -5901,6 +6227,7 @@ a:hover .theme-dark .list-of-links__link:after { width: 50px; z-index: 10; } + .main-menu__expand:before { font-size: 12.25px; font-size: 0.875rem; @@ -5922,29 +6249,32 @@ a:hover .theme-dark .list-of-links__link:after { top: 10px; width: 2em; } + @media (min-width: 48em) { .main-menu__expand:before { font-size: 14px; } } + .main-menu__expand:hover:before { color: #979797; } + @media (min-width: 48em) { .main-menu__expand { -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 1.2em; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -ms-flex-pack: center; + justify-content: center; -webkit-order: 2; - -ms-flex-order: 2; - order: 2; + -ms-flex-order: 2; + order: 2; position: static; width: 1.2em; } @@ -5958,6 +6288,7 @@ a:hover .theme-dark .list-of-links__link:after { width: auto; } } + @media (min-width: 48em) and (min-width: 48em) { .main-menu__expand:before { font-size: 12px; @@ -5972,10 +6303,11 @@ a:hover .theme-dark .list-of-links__link:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; - color: #178feb; + color: #0098d0; } + .is-open > .main-menu__expand:hover:before { - color: #0c5790; + color: #005479; } /* @@ -5991,17 +6323,21 @@ a:hover .theme-dark .list-of-links__link:after { width: 100%; z-index: 11; } + .stickynav-active .fatmenu { position: fixed; } + .fatmenu.is-open { border-bottom: 1px solid #cacaca; } + @media (min-width: 48em) { .fatmenu { display: block; } } + .fatmenu > ul.menu { margin: 0 auto; max-width: 75em; @@ -6010,6 +6346,7 @@ a:hover .theme-dark .list-of-links__link:after { overflow: hidden; position: relative; } + .fatmenu li.is-lvl1 { float: left; margin-right: -100%; @@ -6017,20 +6354,24 @@ a:hover .theme-dark .list-of-links__link:after { visibility: hidden; width: 100%; } + .fatmenu li.is-lvl1.is-open { display: block !important; margin-right: 0; visibility: visible; } + .fatmenu li.is-lvl1 > ul.menu { margin-bottom: 3em; } + .fatmenu li.is-lvl2 { float: left; margin-right: 10px; padding: 0 0 0.8em 0; width: 30%; } + .fatmenu li.is-lvl2 > a, .fatmenu .box-card__fieldset li.is-lvl2 > a { font-weight: 700; font-style: normal; @@ -6043,22 +6384,27 @@ a:hover .theme-dark .list-of-links__link:after { position: relative; text-decoration: none; } + @media (min-width: 48em) { .fatmenu li.is-lvl2 > a, .fatmenu .box-card__fieldset li.is-lvl2 > a { font-size: 15px; } } + .fatmenu li.is-lvl2 > a:hover, .fatmenu .box-card__fieldset li.is-lvl2 > a:hover { - color: #0c5790; + color: #005479; } + .fatmenu li.is-lvl2 > a.active-trail, .fatmenu .box-card__fieldset li.is-lvl2 > a.active-trail { - color: #0c5790; + color: #005479; } + .fatmenu li.is-lvl2 > ul.menu { margin: 0.5em 0 0 0; padding: 0; position: relative; } + .fatmenu li.is-lvl3 > a, .fatmenu .box-card__fieldset li.is-lvl3 > a { font-size: 12.25px; font-size: 0.875rem; @@ -6069,24 +6415,29 @@ a:hover .theme-dark .list-of-links__link:after { position: relative; text-transform: none; } + @media (min-width: 48em) { .fatmenu li.is-lvl3 > a, .fatmenu .box-card__fieldset li.is-lvl3 > a { font-size: 14px; } } + .fatmenu li.is-lvl3 > a:hover, .fatmenu .box-card__fieldset li.is-lvl3 > a:hover, .fatmenu li.is-lvl3 > a.active-trail, .fatmenu .box-card__fieldset li.is-lvl3 > a.active-trail, .fatmenu li.is-lvl3 > a.active, .fatmenu .box-card__fieldset li.is-lvl3 > a.active { - color: #0c5790; + color: #005479; } + .fatmenu li.is-lvl3 > ul.menu { display: none; } .fatmenu__title a { - color: #178feb; + color: #0098d0; } + .fatmenu__title a:hover { - color: #0c5790; + color: #005479; } + .fatmenu__title a:after { font-size: 14px; font-size: 1rem; @@ -6100,6 +6451,7 @@ a:hover .theme-dark .list-of-links__link:after { margin-left: 1em; position: absolute; } + @media (min-width: 48em) { .fatmenu__title a:after { font-size: 16px; @@ -6112,17 +6464,17 @@ a:hover .theme-dark .list-of-links__link:after { font-size: 17.5px; font-size: 1.25rem; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #178feb; + -ms-flex-align: center; + align-items: center; + color: #0098d0; cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 2em; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -ms-flex-pack: center; + justify-content: center; margin: 0; position: absolute; right: 10px; @@ -6130,14 +6482,17 @@ a:hover .theme-dark .list-of-links__link:after { top: 15px; width: 2em; } + @media (min-width: 48em) { .fatmenu__collapse { font-size: 20px; } } + .fatmenu__collapse:hover { - color: #0c5790; + color: #005479; } + .fatmenu__collapse:before { display: inline-block; font-family: "hy-icons"; @@ -6177,35 +6532,43 @@ a:hover .theme-dark .list-of-links__link:after { padding: 1.3em 0; text-align: center; } + @media (min-width: 48em) { .messages { font-size: 12px; } } + .messages p { font-family: 'Open Sans', Helvetica, Arial, sans-serif, Nimbus Sans L; font-size: inherit; margin: 0; padding: 0; } + .messages a { font-weight: 700; font-style: normal; } + .messages.status { background-color: #b2e576; color: #222; } + .messages.status * { color: #222; } + .messages.status.alternative { background-color: #f2f7eb; color: #81b43b; } + .messages.status.alternative * { color: #81b43b; } + .messages.status p:before, .messages.status li:before { display: inline-block; @@ -6220,20 +6583,25 @@ a:hover .theme-dark .list-of-links__link:after { position: relative; top: 2px; } + .messages.info { background-color: #52c6af; color: #FFF; } + .messages.info * { color: #FFF; } + .messages.info.alternative { background-color: #f8f8f8; color: #222; } + .messages.info.alternative * { color: #222; } + .messages.info p:before, .messages.info li:before { display: inline-block; @@ -6248,20 +6616,25 @@ a:hover .theme-dark .list-of-links__link:after { position: relative; top: 2px; } + .messages.error { background-color: #964822; color: #FFF; } + .messages.error * { color: #FFF; } + .messages.error.alternative { background-color: #f4ece8; color: #964822; } + .messages.error.alternative * { color: #964822; } + .messages.error p:before, .messages.error li:before { display: inline-block; @@ -6306,17 +6679,20 @@ a:hover .theme-dark .list-of-links__link:after { font-size: 2rem; line-height: 1em; } + @media (min-width: 48em) { .page-title--small { font-size: 32px; } } + @media (min-width: 62.5em) { .page-title--small { font-size: 33.25px; font-size: 2.375rem; } } + @media (min-width: 62.5em) and (min-width: 48em) { .page-title--small { font-size: 38px; @@ -6335,17 +6711,20 @@ a:hover .theme-dark .list-of-links__link:after { padding-bottom: 15px; text-transform: initial; } + @media (min-width: 48em) { .page-title--suffix { font-size: 18px; } } + @media (min-width: 62.5em) { .page-title--suffix { font-size: 19.25px; font-size: 1.375rem; } } + @media (min-width: 62.5em) and (min-width: 48em) { .page-title--suffix { font-size: 22px; @@ -6355,21 +6734,25 @@ a:hover .theme-dark .list-of-links__link:after { .page-title--suffix .page-title__firstrow { margin-bottom: 0.5em; } + .page-title--suffix .page-title__secondrow { font-size: 12.25px; font-size: 0.875rem; } + @media (min-width: 48em) { .page-title--suffix .page-title__secondrow { font-size: 14px; } } + @media (min-width: 62.5em) { .page-title--suffix .page-title__secondrow { font-size: 14px; font-size: 1rem; } } + @media (min-width: 62.5em) and (min-width: 48em) { .page-title--suffix .page-title__secondrow { font-size: 16px; @@ -6380,6 +6763,7 @@ a:hover .theme-dark .list-of-links__link:after { border-bottom: 1px solid #EBEBEB; margin-bottom: 1em; } + .page-title--listing .page-title__subheading { font-family: 'Open Sans', Helvetica, Arial, sans-serif, Nimbus Sans L; font-size: 14px; @@ -6390,6 +6774,7 @@ a:hover .theme-dark .list-of-links__link:after { letter-spacing: normal; text-transform: none; } + @media (min-width: 48em) { .page-title--listing .page-title__subheading { font-size: 16px; @@ -6402,96 +6787,139 @@ a:hover .theme-dark .list-of-links__link:after { template: 6_8_pagination description: */ + ul.pager { font-size: 13.125px; font-size: 0.9375rem; color: #FFF; margin: 30px 0; } + @media (min-width: 48em) { + ul.pager { font-size: 15px; } } + + ul.pager > li { display: inline-block; margin-bottom: 0.3em; } + + +ul.pager > li > a, .box-card__fieldset ul.pager > li > a { position: relative; } + + ul.pager > li.is-active { transition-duration: 0.1s; transition-property: all; font-size: 13.125px; font-size: 0.9375rem; - background-color: #178feb; + background-color: #0098d0; border: none; color: #FFF; cursor: pointer; padding: 0.8em 1em; - background-color: #0c5790; + background-color: #005479; } + @media (min-width: 48em) { + ul.pager > li.is-active { font-size: 15px; } } + + ul.pager > li.is-active:hover { - background-color: #0c5790; + background-color: #005479; color: #FFF; } + + ul.pager > li.is-active:before, ul.pager > li.is-active:after { transition-duration: 0.1s; transition-property: all; } + + +ul.pager > li.is-active > a, .box-card__fieldset ul.pager > li.is-active > a { background-color: inherit; } + + ul.pager > li.pager__ellipsis { color: #222; display: none; } + @media (min-width: 48em) { + ul.pager > li.pager__ellipsis { display: inline-block; } } + + ul.pager > li.pager__page { display: none; } + @media (min-width: 48em) { + ul.pager > li.pager__page { display: inline-block; } } + + +ul.pager > li.pager__page a, .box-card__fieldset ul.pager > li.pager__page a { transition-duration: 0.1s; transition-property: all; font-size: 13.125px; font-size: 0.9375rem; - background-color: #178feb; + background-color: #0098d0; border: none; color: #FFF; cursor: pointer; padding: 0.8em 1em; display: block; } + @media (min-width: 48em) { + + ul.pager > li.pager__page a, .box-card__fieldset ul.pager > li.pager__page a { font-size: 15px; } } + + +ul.pager > li.pager__page a:hover, .box-card__fieldset ul.pager > li.pager__page a:hover { - background-color: #0c5790; + background-color: #005479; color: #FFF; } + + +ul.pager > li.pager__page a:before, .box-card__fieldset ul.pager > li.pager__page a:before, +ul.pager > li.pager__page a:after, .box-card__fieldset ul.pager > li.pager__page a:after { transition-duration: 0.1s; transition-property: all; } + + +ul.pager > li.pager__previous a, .box-card__fieldset ul.pager > li.pager__previous a { transition-duration: 0.2s; transition-property: color background-color; @@ -6505,7 +6933,7 @@ ul.pager > li.pager__previous a { padding-left: 0; padding-top: 0.8em; position: relative; - background: #178feb; + background: #0098d0; color: #FFF; overflow: visible; padding-left: 1em; @@ -6513,11 +6941,17 @@ ul.pager > li.pager__previous a { padding-left: 4em; padding-right: 1em; } + @media (min-width: 48em) { + + ul.pager > li.pager__previous a, .box-card__fieldset ul.pager > li.pager__previous a { font-size: 15px; } } + + +ul.pager > li.pager__previous a:after, .box-card__fieldset ul.pager > li.pager__previous a:after { display: inline-block; font-family: "hy-icons"; @@ -6531,15 +6965,20 @@ ul.pager > li.pager__previous a:after { height: 100%; margin-left: 1em; } + a:hover ul.pager > li.pager__previous a:after, +ul.pager > li.pager__previous a:hover:after, .box-card__fieldset ul.pager > li.pager__previous a:hover:after { - color: #0c5790; + color: #005479; } + + +ul.pager > li.pager__previous a:after, .box-card__fieldset ul.pager > li.pager__previous a:after { transition-duration: 0.2s; transition-property: color background-color; - background-color: #1073bf; + background-color: #0882B3; color: #FFF; line-height: 2.8em; margin-top: 0; @@ -6549,26 +6988,36 @@ ul.pager > li.pager__previous a:after { right: 0; top: 0; } + + +ul.pager > li.pager__previous a:hover, .box-card__fieldset ul.pager > li.pager__previous a:hover { - background-color: #0c5790; + background-color: #005479; color: #FFF; } + a:hover ul.pager > li.pager__previous a:hover:after, +ul.pager > li.pager__previous a:hover:after, .box-card__fieldset ul.pager > li.pager__previous a:hover:after { - background: #083a61; + background: #003146; color: #FFF; } + a:hover ul.pager > li.pager__previous a { - background-color: #0c5790; + background-color: #005479; color: #FFF; } + a:hover ul.pager > li.pager__previous a:after { - background: #083a61; + background: #003146; color: #FFF; } + + +ul.pager > li.pager__previous a:after, .box-card__fieldset ul.pager > li.pager__previous a:after { display: inline-block; font-family: "hy-icons"; @@ -6582,6 +7031,9 @@ ul.pager > li.pager__previous a:after { margin-right: 1em; right: auto; } + + +ul.pager > li.pager__next a, .box-card__fieldset ul.pager > li.pager__next a { transition-duration: 0.2s; transition-property: color background-color; @@ -6595,17 +7047,23 @@ ul.pager > li.pager__next a { padding-left: 0; padding-top: 0.8em; position: relative; - background: #178feb; + background: #0098d0; color: #FFF; overflow: visible; padding-left: 1em; padding-right: 4em; } + @media (min-width: 48em) { + + ul.pager > li.pager__next a, .box-card__fieldset ul.pager > li.pager__next a { font-size: 15px; } } + + +ul.pager > li.pager__next a:after, .box-card__fieldset ul.pager > li.pager__next a:after { display: inline-block; font-family: "hy-icons"; @@ -6619,15 +7077,20 @@ ul.pager > li.pager__next a:after { height: 100%; margin-left: 1em; } + a:hover ul.pager > li.pager__next a:after, +ul.pager > li.pager__next a:hover:after, .box-card__fieldset ul.pager > li.pager__next a:hover:after { - color: #0c5790; + color: #005479; } + + +ul.pager > li.pager__next a:after, .box-card__fieldset ul.pager > li.pager__next a:after { transition-duration: 0.2s; transition-property: color background-color; - background-color: #1073bf; + background-color: #0882B3; color: #FFF; line-height: 2.8em; margin-top: 0; @@ -6637,27 +7100,38 @@ ul.pager > li.pager__next a:after { right: 0; top: 0; } + + +ul.pager > li.pager__next a:hover, .box-card__fieldset ul.pager > li.pager__next a:hover { - background-color: #0c5790; + background-color: #005479; color: #FFF; } + a:hover ul.pager > li.pager__next a:hover:after, +ul.pager > li.pager__next a:hover:after, .box-card__fieldset ul.pager > li.pager__next a:hover:after { - background: #083a61; + background: #003146; color: #FFF; } + a:hover ul.pager > li.pager__next a { - background-color: #0c5790; + background-color: #005479; color: #FFF; } + a:hover ul.pager > li.pager__next a:after { - background: #083a61; + background: #003146; color: #FFF; } + + +ul.pager > li.pager__previous a, .box-card__fieldset ul.pager > li.pager__previous a, +ul.pager > li.pager__next a, .box-card__fieldset ul.pager > li.pager__next a { display: block; } @@ -6668,11 +7142,14 @@ ul.pager > li.pager__next a { template: 11_1_panel description: */ + .panel { *zoom: 1; clear: both; position: relative; } + + .panel:before, .panel:after { content: " "; @@ -6680,11 +7157,14 @@ ul.pager > li.pager__next a { display: table; /* 2 */ } + + .panel:after { clear: both; } .feed-listing__more-link a, +.panel > .more-link a, .box-card__fieldset .panel > .more-link a, .panel__more-link a { font-family: 'Open Sans', Helvetica, Arial, sans-serif, Nimbus Sans L; @@ -6703,14 +7183,18 @@ ul.pager > li.pager__next a { font-style: normal; border-bottom: 0 none; } + @media (min-width: 48em) { .feed-listing__more-link a, + .panel > .more-link a, .box-card__fieldset .panel > .more-link a, .panel__more-link a { font-size: 15px; } } + .feed-listing__more-link a:after, +.panel > .more-link a:after, .box-card__fieldset .panel > .more-link a:after, .panel__more-link a:after { display: inline-block; @@ -6725,15 +7209,25 @@ ul.pager > li.pager__next a { height: 100%; margin-left: 1em; } -a:hover .feed-listing__more-link a:after, -a:hover .panel > .more-link a:after, .feed-listing__more-link a:hover:after, + +a:hover .feed-listing__more-link a:after, .box-card__fieldset a:hover .feed-listing__more-link a:after, a:hover +.panel > .more-link a:after, a:hover .feed-listing__more-link .box-card__fieldset a:after, .box-card__fieldset a:hover .feed-listing__more-link a:after, .box-card__fieldset a:hover .feed-listing__more-link a:after, a:hover +.panel > .more-link .box-card__fieldset a:after, .box-card__fieldset a:hover +.panel > .more-link a:after, .feed-listing__more-link a:hover:after, +.panel > .more-link a:hover:after, .box-card__fieldset .panel > .more-link a:hover:after, a:hover +.panel__more-link a:after, .box-card__fieldset a:hover +.panel__more-link a:after, a:hover +.panel__more-link .box-card__fieldset a:after, .box-card__fieldset a:hover +.panel__more-link a:after, .box-card__fieldset a:hover .panel__more-link a:after, .panel__more-link a:hover:after { - color: #0c5790; + color: #005479; } + @media (min-width: 48em) { .feed-listing__more-link a, + .panel > .more-link a, .box-card__fieldset .panel > .more-link a, .panel__more-link a { font-size: 16px; @@ -6741,13 +7235,19 @@ a:hover .panel > .more-link a:after, .feed-listing__more-link a:hover:after, } /* - section: 15.1 + section: 14.1 title: Post - template: 15_1_post + template: 14_1_post description: Social media post */ .post { margin-bottom: 1em; + padding-top: 25px; + position: relative; +} + +.post.post--facebook { + padding-top: 0; } .post__date { @@ -6756,45 +7256,168 @@ a:hover .panel > .more-link a:after, .feed-listing__more-link a:hover:after, font-weight: 600; font-style: normal; color: #979797; + float: right; + line-height: 100%; margin-bottom: 0.5em; overflow: hidden; } + @media (min-width: 48em) { .post__date { font-size: 12px; } } +.post--facebook .post__date { + float: none; +} + +.post__header { + font-size: 9.625px; + font-size: 0.6875rem; + font-style: italic; + position: absolute; + top: 6px; +} + +@media (min-width: 48em) { + .post__header { + font-size: 11px; + } +} + +.post__header .icon { + font-size: 14px; + font-size: 1rem; + color: #979797; + display: inline-block; + line-height: 0; + margin-right: 3px; + vertical-align: middle; +} + +@media (min-width: 48em) { + .post__header .icon { + font-size: 16px; + } +} + +.post__retweeter { + font-size: 8.75px; + font-size: 0.625rem; + display: inline; + font-style: normal; +} + +@media (min-width: 48em) { + .post__retweeter { + font-size: 10px; + } +} + +.post__image { + float: left; + margin-right: 1em; +} + .post__content { - font-family: 'Open Sans', Helvetica, Arial, sans-serif, Nimbus Sans L; - font-size: 13.125px; - font-size: 0.9375rem; color: #666; - line-height: 1.5em; + line-height: 1.2em; margin-bottom: 0.4em; overflow: hidden; } + +.post--facebook .post__content { + font-size: 13.125px; + font-size: 0.9375rem; + line-height: 1.5em; +} + @media (min-width: 48em) { - .post__content { + .post--facebook .post__content { font-size: 15px; } } +.post__author { + padding-bottom: 0; +} + +.post__account { + font-size: 10.5px; + font-size: 0.75rem; +} + +@media (min-width: 48em) { + .post__account { + font-size: 12px; + } +} + +.post__message { + font-size: 10.5px; + font-size: 0.75rem; + color: #222; + line-height: 1.5em; + margin-bottom: 10px; + margin-top: 10px; +} + +@media (min-width: 48em) { + .post__message { + font-size: 12px; + } +} + +.post__action { + font-size: 10.5px; + font-size: 0.75rem; + font-weight: 600; + font-style: normal; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + color: #d2d2d2; + float: left; + margin-right: 1em; +} + +@media (min-width: 48em) { + .post__action { + font-size: 12px; + } +} + +.post__action .icon { + font-size: 12.25px; + font-size: 0.875rem; + margin-right: 3px; +} + +@media (min-width: 48em) { + .post__action .icon { + font-size: 14px; + } +} + /* - section: 12.1 + section: 4.1 title: Search form description: */ /* - section: 12.1.1 + section: 4.1.1 title: Search form - template: 12_1_1_search-form + template: 4_1_1_search-form description: */ /* - section: 12.1.2 + section: 4.1.2 title: Search form dark - template: 12_1_2_search-form-dark + template: 4_1_2_search-form-dark description: */ .search-form { @@ -6812,6 +7435,7 @@ a:hover .panel > .more-link a:after, .feed-listing__more-link a:hover:after, display: block; padding-bottom: 0.5em; } + @media (min-width: 48em) { .search-form__label { font-size: 18px; @@ -6820,22 +7444,25 @@ a:hover .panel > .more-link a:after, .feed-listing__more-link a:hover:after, .search-form__input { border-radius: 0; - border: 2px solid #178feb; + border: 2px solid #0098d0; height: 40px; line-height: 34px; padding-left: 1em; padding-right: 3em; width: 100%; } + .search-form__input:focus { - outline-color: #178feb; + outline-color: #0098d0; } + @media (min-width: 48em) { .search-form__input { font-size: 10.5px; font-size: 0.75rem; } } + @media (min-width: 48em) and (min-width: 48em) { .search-form__input { font-size: 12px; @@ -6851,7 +7478,7 @@ input[type="submit"].search-form__submit { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; - background-color: #178feb; + background-color: #0098d0; bottom: 0; color: #FFF; height: 40px; @@ -6860,6 +7487,7 @@ input[type="submit"].search-form__submit { right: 0; width: 2.5em; } + .search-form__input:focus + input[type="submit"].search-form__submit:hover { color: #FFF; } @@ -6876,15 +7504,18 @@ input[type="submit"].search-form__submit { padding-right: 3em; width: 100%; } + .search-form--dark__input:focus { - outline-color: #178feb; + outline-color: #0098d0; } + @media (min-width: 48em) { .search-form--dark__input { font-size: 10.5px; font-size: 0.75rem; } } + @media (min-width: 48em) and (min-width: 48em) { .search-form--dark__input { font-size: 12px; @@ -6907,9 +7538,11 @@ input[type="submit"].search-form--dark__submit { top: 0; width: 34px; } + .search-form--dark__input:focus + input[type="submit"].search-form--dark__submit { - color: #178feb; + color: #0098d0; } + .search-form--dark__input:focus + input[type="submit"].search-form--dark__submit:hover { color: #FFF; } @@ -6924,13 +7557,14 @@ input[type="submit"].search-form--dark__submit { margin-bottom: 2em; padding-bottom: 2em; } -.search-form-large:before, -.search-form-large:after { + +.search-form-large:before, .search-form-large:after { content: " "; /* 1 */ display: table; /* 2 */ } + .search-form-large:after { clear: both; } @@ -6945,6 +7579,7 @@ input[type="submit"].search-form--dark__submit { display: block; padding-bottom: 0.5em; } + @media (min-width: 48em) { .search-form-large__label { font-size: 18px; @@ -6963,6 +7598,7 @@ input[type="submit"].search-form--dark__submit { padding: 0.3em 0.5em; width: 100%; } + @media (min-width: 48em) { .search-form-large__input { font-size: 15px; @@ -6982,11 +7618,13 @@ input[type="submit"].search-form--dark__submit { display: block; margin-bottom: 0.5em; } + @media (min-width: 48em) { .some-links__link { font-size: 13px; } } + .some-links__link.theme-colored:after { float: left; padding-right: 5px; @@ -7007,11 +7645,13 @@ input[type="submit"].search-form--dark__submit { .table-sortable thead tr { border: 2px solid #666; } + .table-sortable thead tr th { background: #424242; color: #FFF; padding: 0.6em 0.9em; } + .table-sortable thead tr th, .table-sortable thead tr th a, .table-sortable thead tr th a.active { font-size: 14px; font-size: 1rem; @@ -7021,17 +7661,21 @@ input[type="submit"].search-form--dark__submit { text-decoration: none; text-transform: uppercase; } + @media (min-width: 48em) { .table-sortable thead tr th, .table-sortable thead tr th a, .table-sortable thead tr th a.active { font-size: 16px; } } + .table-sortable thead tr th:hover, .table-sortable thead tr th a:hover, .table-sortable thead tr th a.active:hover { text-decoration: underline; } + .table-sortable thead tr th.active img { margin-left: 0.5em; } + .table-sortable tbody tr td { font-size: 11.375px; font-size: 0.8125rem; @@ -7039,31 +7683,39 @@ input[type="submit"].search-form--dark__submit { color: #666; padding: 1.2em 0.9em; } + @media (min-width: 48em) { .table-sortable tbody tr td { font-size: 13px; } } + .table-sortable tbody tr td a, .table-sortable tbody tr td a.active { - color: #178feb; + color: #0098d0; text-decoration: none; } + .table-sortable tbody tr td a:hover, .table-sortable tbody tr td a.active:hover { - color: #1073bf; + color: #0882B3; text-decoration: none; } + .table-sortable tbody tr td.active { color: #666; } + .table-sortable tbody tr.odd { background-color: #f2f2f2; } + .table-sortable tbody tr.odd td.active { background-color: #e6e6e6; } + .table-sortable tbody tr.even { background-color: #FFF; } + .table-sortable tbody tr.even td.active { background-color: #f2f2f2; } @@ -7074,42 +7726,40 @@ input[type="submit"].search-form--dark__submit { template: 6_1_2_table-simple description: */ -.textarea table, -.box-ingress__content table, .box-application__table, +.textarea table, .box-ingress__content table, .box-application__table, .table-simple { font-size: 12.25px; font-size: 0.875rem; } + @media (min-width: 48em) { - .textarea table, - .box-ingress__content table, .box-application__table, + .textarea table, .box-ingress__content table, .box-application__table, .table-simple { font-size: 14px; } } -.textarea table tr, -.box-ingress__content table tr, .box-application__table tr, + +.textarea table tr, .box-ingress__content table tr, .box-application__table tr, .table-simple tr { background-color: #fafafa; } -.textarea table tr th, -.box-ingress__content table tr th, .box-application__table tr th, + +.textarea table tr th, .box-ingress__content table tr th, .box-application__table tr th, .table-simple tr th { background-color: #f2f2f2; } -.textarea table tr:nth-of-type(2n), -.box-ingress__content table tr:nth-of-type(2n), .box-application__table tr:nth-of-type(2n), + +.textarea table tr:nth-of-type(2n), .box-ingress__content table tr:nth-of-type(2n), .box-application__table tr:nth-of-type(2n), .table-simple tr:nth-of-type(2n) { background-color: #FFF; } -.textarea table tr:nth-of-type(2n) th, -.box-ingress__content table tr:nth-of-type(2n) th, .box-application__table tr:nth-of-type(2n) th, + +.textarea table tr:nth-of-type(2n) th, .box-ingress__content table tr:nth-of-type(2n) th, .box-application__table tr:nth-of-type(2n) th, .table-simple tr:nth-of-type(2n) th { background-color: #fafafa; } -.textarea table td, -.box-ingress__content table td, .box-application__table td, .textarea table th, -.box-ingress__content table th, .box-application__table th, + +.textarea table td, .box-ingress__content table td, .box-application__table td, .textarea table th, .box-ingress__content table th, .box-application__table th, .table-simple td, .table-simple th { font-family: 'Open Sans', Helvetica, Arial, sans-serif, Nimbus Sans L; @@ -7118,40 +7768,32 @@ input[type="submit"].search-form--dark__submit { padding: 0.7em 0.9em; vertical-align: top; } -.textarea table td a, -.box-ingress__content table td a, .box-application__table td a, .textarea table td a.active, -.box-ingress__content table td a.active, .box-application__table td a.active, .textarea table th a, -.box-ingress__content table th a, .box-application__table th a, .textarea table th a.active, -.box-ingress__content table th a.active, .box-application__table th a.active, + +.textarea table td a, .box-ingress__content table td a, .box-application__table td a, .textarea table td a.active, .box-ingress__content table td a.active, .box-application__table td a.active, .textarea table th a, .box-ingress__content table th a, .box-application__table th a, .textarea table th a.active, .box-ingress__content table th a.active, .box-application__table th a.active, .table-simple td a, .table-simple td a.active, .table-simple th a, .table-simple th a.active { - color: #178feb; + color: #0098d0; text-decoration: none; } -.textarea table td a:hover, -.box-ingress__content table td a:hover, .box-application__table td a:hover, .textarea table td a.active:hover, -.box-ingress__content table td a.active:hover, .box-application__table td a.active:hover, .textarea table th a:hover, -.box-ingress__content table th a:hover, .box-application__table th a:hover, .textarea table th a.active:hover, -.box-ingress__content table th a.active:hover, .box-application__table th a.active:hover, + +.textarea table td a:hover, .box-ingress__content table td a:hover, .box-application__table td a:hover, .textarea table td a.active:hover, .box-ingress__content table td a.active:hover, .box-application__table td a.active:hover, .textarea table th a:hover, .box-ingress__content table th a:hover, .box-application__table th a:hover, .textarea table th a.active:hover, .box-ingress__content table th a.active:hover, .box-application__table th a.active:hover, .table-simple td a:hover, .table-simple td a.active:hover, .table-simple th a:hover, .table-simple th a.active:hover { - color: #1073bf; + color: #0882B3; text-decoration: none; } -.textarea table td.active, -.box-ingress__content table td.active, .box-application__table td.active, .textarea table th.active, -.box-ingress__content table th.active, .box-application__table th.active, + +.textarea table td.active, .box-ingress__content table td.active, .box-application__table td.active, .textarea table th.active, .box-ingress__content table th.active, .box-application__table th.active, .table-simple td.active, .table-simple th.active { color: #666; } -.textarea table td:first-child, -.box-ingress__content table td:first-child, .box-application__table td:first-child, .textarea table th:first-child, -.box-ingress__content table th:first-child, .box-application__table th:first-child, + +.textarea table td:first-child, .box-ingress__content table td:first-child, .box-application__table td:first-child, .textarea table th:first-child, .box-ingress__content table th:first-child, .box-application__table th:first-child, .table-simple td:first-child, .table-simple th:first-child { font-weight: 700; @@ -7166,25 +7808,28 @@ input[type="submit"].search-form--dark__submit { overflow: hidden; position: relative; } + .is-table-wrapped > table { display: none; } + .is-table-wrapped table { font-size: 11.375px; font-size: 0.8125rem; margin-bottom: 0 !important; } + @media (min-width: 48em) { .is-table-wrapped table { font-size: 13px; } } + .is-table-wrapped th, .is-table-wrapped td { white-space: nowrap; } + .is-table-wrapped:before { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDAwMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.0001) 100%); content: " "; height: 100%; @@ -7195,9 +7840,8 @@ input[type="submit"].search-form--dark__submit { width: 1em; z-index: 10; } + .is-table-wrapped:after { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDAwMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.0001) 100%); content: " "; height: 100%; @@ -7214,9 +7858,11 @@ input[type="submit"].search-form--dark__submit { position: relative; width: 35%; } + .is-table-pinned table { width: 100%; } + .is-table-pinned table td, .is-table-pinned table th { border-right: none !important; } @@ -7227,12 +7873,15 @@ input[type="submit"].search-form--dark__submit { overflow-x: auto; position: relative; } + .is-table-scrollable td:first-child, .is-table-scrollable th:first-child { display: none; } + .is-table-scrollable td, .is-table-scrollable th { border-left: none !important; } + .is-table-scrollable td:last-child, .is-table-scrollable th:last-child { border-right: none !important; } @@ -7263,18 +7912,22 @@ input[type="submit"].search-form--dark__submit { margin-right: 0.5em; padding-right: 1.5em; } + @media (min-width: 48em) { .tag-list__item { font-size: 12px; } } + .tag-list__item:last-child:after { display: none; } + .tag-list__item:after { content: " "; right: 0; } + .tag-list__item:after, .tag-list__item:before { border: 1px solid #EBEBEB; border-color: #d2d2d2; @@ -7287,11 +7940,13 @@ input[type="submit"].search-form--dark__submit { width: 6px; z-index: 10; } + .tag-list__item a { color: inherit; } + .tag-list__item a:hover { - color: #0c5790; + color: #005479; } /* @@ -7309,12 +7964,14 @@ input[type="submit"].search-form--dark__submit { .box-application__title { margin-bottom: 1em; } + .box-application__title > a, .box-card__fieldset .box-application__title > a { font-size: 21px; font-size: 1.5rem; font-weight: 700; font-style: normal; } + @media (min-width: 48em) { .box-application__title > a, .box-card__fieldset .box-application__title > a { font-size: 24px; @@ -7332,6 +7989,7 @@ input[type="submit"].search-form--dark__submit { background-color: #fafafa; display: table-row; } + .box-application__tr:nth-of-type(2n) { background-color: #FFF; } @@ -7345,17 +8003,21 @@ input[type="submit"].search-form--dark__submit { vertical-align: top; width: 50%; } + .box-application__td a, .box-application__td a.active { - color: #178feb; + color: #0098d0; text-decoration: none; } + .box-application__td a:hover, .box-application__td a.active:hover { - color: #1073bf; + color: #0882B3; text-decoration: none; } + .box-application__td.active { color: #666; } + .box-application__td:first-child { font-weight: 700; font-style: normal; @@ -7364,6 +8026,7 @@ input[type="submit"].search-form--dark__submit { .box-application__link { float: right; } + .box-application__link > a, .box-card__fieldset .box-application__link > a { font-family: 'Open Sans', Helvetica, Arial, sans-serif, Nimbus Sans L; font-size: 13.125px; @@ -7381,11 +8044,13 @@ input[type="submit"].search-form--dark__submit { transition-property: color; text-align: right; } + @media (min-width: 48em) { .box-application__link > a, .box-card__fieldset .box-application__link > a { font-size: 15px; } } + .box-application__link > a:after, .box-card__fieldset .box-application__link > a:after { display: inline-block; font-family: "hy-icons"; @@ -7399,8 +8064,9 @@ input[type="submit"].search-form--dark__submit { height: 100%; margin-left: 1em; } -a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-application__link > a:after, .box-application__link > a:hover:after, .box-card__fieldset .box-application__link > a:hover:after { - color: #0c5790; + +a:hover .box-application__link > a:after, .box-card__fieldset a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-application__link > a:after, .box-card__fieldset a:hover .box-application__link > a:after, .box-card__fieldset a:hover .box-application__link > a:after, .box-application__link > a:hover:after, .box-card__fieldset .box-application__link > a:hover:after { + color: #005479; } /* @@ -7409,52 +8075,66 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli template: 6_10_8_box-card description: Displays contact card type information. */ + .box-card { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; font-size: 12.25px; font-size: 0.875rem; transition-duration: 0.3s; transition-property: all; border: none; color: #222; - -ms-flex: 1 1 auto; - flex: 1 1 auto; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; -webkit-flex: 1 1 auto; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex: 1 1 auto; + flex: 1 1 auto; -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; line-height: 19px; } + @media (min-width: 48em) { + .box-card { font-size: 14px; } } + + .box-card.theme-plain { border: none; display: block; } + @media (min-width: 48em) { + .box-card.theme-plain .box-card__item { - -ms-flex-direction: row; - flex-direction: row; -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } } + + .box-card.theme-plain .box-card__item:last-of-type { border: none; } + + .box-card.theme-plain .box-card__section { border: none; margin: 0; padding: 0; } + @media (min-width: 48em) { + .box-card.theme-plain .box-card__section { width: 60%; } + .box-card.theme-plain .box-card__section.theme-secondary { width: 40%; } @@ -7475,6 +8155,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli line-height: 19px; padding: 0.6em 1em 0.6em 1.8em; } + @media (min-width: 48em) { .box-card__header { font-size: 16px; @@ -7482,46 +8163,43 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli } .box-card__content { + background-color: #f8f8f8; display: -webkit-flex; display: -ms-flexbox; display: flex; - background-color: #f8f8f8; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -webkit-flex: 1 1 auto; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex: 1 1 auto; + flex: 1 1 auto; -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; line-height: 19px; padding: 0.75em 1.25em; } .box-card__item { + border: none; display: -webkit-flex; display: -ms-flexbox; display: flex; - border: none; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -webkit-flex: 1 1 auto; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex: 1 1 auto; + flex: 1 1 auto; -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; margin: 0; padding: 0; } + @media (min-width: 48em) { .box-card__item { - -ms-flex-direction: row; - flex-direction: row; -webkit-flex-direction: row; - } - .gridder-box-width-1 .box-card__item { - -ms-flex-direction: column; - flex-direction: column; - -webkit-flex-direction: column; + -ms-flex-direction: row; + flex-direction: row; } } + .box-card__item:last-of-type { border-bottom: none; margin-bottom: 0; @@ -7542,40 +8220,6 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli border: none; padding-left: 2em; } - .gridder-box-width-1 .box-card__section { - border: none; - -ms-flex-direction: column; - flex-direction: column; - -webkit-flex-direction: column; - padding: 0; - width: auto; - } - .gridder-box-width-1 .box-card__section.theme-secondary { - border: none; - padding: 0; - width: auto; - } - .gridder-box-width-2 .box-card__section, .gridder-box-width-3 .box-card__section, .gridder-box-width-4 .box-card__section { - border-bottom: none; - border-right: 1px solid #EBEBEB; - margin-bottom: 0; - margin-right: 30px; - } - .gridder-box-width-2 .box-card__section, .gridder-box-width-3 .box-card__section, .gridder-box-width-4 .box-card__section { - width: 31%; - } - .gridder-box-width-2 .box-card__section.theme-secondary, .gridder-box-width-3 .box-card__section.theme-secondary, .gridder-box-width-4 .box-card__section.theme-secondary { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - width: 66%; - } - .gridder-box-width-2 .box-card__section.theme-secondary .box-card__field-wrapper, .gridder-box-width-3 .box-card__section.theme-secondary .box-card__field-wrapper, .gridder-box-width-4 .box-card__section.theme-secondary .box-card__field-wrapper { - width: 50%; - } } .box-card__field, .box-card__fieldset { @@ -7584,14 +8228,17 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli position: relative; word-wrap: break-word; } + .box-card__field.theme-small, .theme-small.box-card__fieldset { margin-bottom: 0.5em; } + .box-card__field.icon--units-and-faculties, .icon--units-and-faculties.box-card__fieldset { font-weight: 700; font-style: normal; text-transform: capitalize; } + .box-card__field:after, .box-card__fieldset:after { left: 0; position: absolute; @@ -7604,19 +8251,21 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli padding-left: 1em; position: relative; } + .box-card__fieldset a:before { - -webkit-transform: translateY(-25%); - -moz-transform: translateY(-25%); - -ms-transform: translateY(-25%); - -transform: translateY(-25%); color: #979797; content: 'L'; left: 0; position: absolute; + -webkit-transform: translateY(-25%); + -ms-transform: translateY(-25%); + transform: translateY(-25%); } + .box-card__fieldset a:first-of-type { padding: 0; } + .box-card__fieldset a:first-of-type:before { display: none; } @@ -7629,19 +8278,22 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli transition-duration: 0.1s; transition-property: color; -webkit-align-self: flex-end; - -ms-flex-item-align: end; - align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; color: #FFF !important; font-weight: 400; float: right; + height: 18px; margin-top: auto; padding: 0; } + @media (min-width: 48em) { .box-card__link { font-size: 14px; } } + .box-card__link:after { color: #FFF !important; } @@ -7652,13 +8304,16 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli template: 6_10_2_box-data description: Data is story-like component, but mainly with data insertions e.g. event list. */ + .box-data { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 0 15px 0; } + @media (min-width: 48em) { + .box-data { width: 100%; } @@ -7675,6 +8330,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli font-weight: 600; font-style: normal; } + @media (min-width: 48em) { .box-data__title, td.jobs-listing__title, .box-data__date { font-size: 14px; @@ -7686,13 +8342,13 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli display: -ms-flexbox; display: flex; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; background-color: #666; color: #FFF; -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; height: 55px; line-height: 1em; margin: 0 20px 0px 0; @@ -7701,6 +8357,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli text-align: center; width: 55px; } + @media (min-width: 48em) { .box-data__date { margin: 0 15px 0 0; @@ -7716,6 +8373,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli line-height: 1.5em; font-family: 'Open Sans', Helvetica, Arial, sans-serif, Nimbus Sans L; } + @media (min-width: 48em) { .box-data__content, td.jobs-listing__date { font-size: 14px; @@ -7728,14 +8386,18 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli template: 6_10_3_box-hero description: Box-hero is the main story (for example, front page carousel content) */ + .box-hero { margin: 0 auto; text-align: center; } + @media (min-width: 75em) { + .box-hero { text-align: left; } + .box-hero:before { background: rgba(0, 0, 0, 0.2); bottom: 0; @@ -7744,16 +8406,16 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli top: 0; } } + @media (min-width: 75em) { + .box-hero { - width: 43.03797%; - float: left; - margin-right: -100%; - margin-left: 0; - clear: none; margin: 0; + width: 43%; } } + + .box-hero.theme-prominent { clear: none; float: none; @@ -7761,86 +8423,112 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli text-align: left; width: auto; } + + .box-hero.theme-prominent .box-hero__title { font-size: 15.75px; font-size: 1.125rem; letter-spacing: -0.5px; } + @media (min-width: 48em) { + .box-hero.theme-prominent .box-hero__title { font-size: 18px; } } + @media (min-width: 48em) { + .box-hero.theme-prominent .box-hero__title { font-size: 19.25px; font-size: 1.375rem; letter-spacing: -1px; } } + @media (min-width: 48em) and (min-width: 48em) { + .box-hero.theme-prominent .box-hero__title { font-size: 22px; } } @media (min-width: 75em) { + .box-hero.theme-prominent .box-hero__title { font-size: 28px; font-size: 2rem; letter-spacing: -2px; } } + @media (min-width: 75em) and (min-width: 48em) { + .box-hero.theme-prominent .box-hero__title { font-size: 32px; } } + .box-hero.theme-prominent .box-hero__alt-title { font-size: 11.375px; font-size: 0.8125rem; } + @media (min-width: 48em) { + .box-hero.theme-prominent .box-hero__alt-title { font-size: 13px; } } + @media (min-width: 48em) { + .box-hero.theme-prominent .box-hero__alt-title { font-size: 12.25px; font-size: 0.875rem; } } + @media (min-width: 48em) and (min-width: 48em) { + .box-hero.theme-prominent .box-hero__alt-title { font-size: 14px; } } @media (min-width: 75em) { + .box-hero.theme-prominent .box-hero__alt-title { font-size: 15.75px; font-size: 1.125rem; } } + @media (min-width: 75em) and (min-width: 48em) { + .box-hero.theme-prominent .box-hero__alt-title { font-size: 18px; } } + .box-hero.theme-small { clear: none; float: none; text-align: left; width: auto; } + @media (min-width: 48em) { + .box-hero.theme-small { text-align: left; } } + + .box-hero.theme-small .box-hero__title { font-size: 14px; font-size: 1rem; @@ -7849,11 +8537,15 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli letter-spacing: -0.5px; padding-bottom: 0.25em; } + @media (min-width: 48em) { + .box-hero.theme-small .box-hero__title { font-size: 16px; } } + + .box-hero.theme-small .box-hero__alt-title { font-size: 12.25px; font-size: 0.875rem; @@ -7862,7 +8554,9 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli margin: 0; padding: 0; } + @media (min-width: 48em) { + .box-hero.theme-small .box-hero__alt-title { font-size: 14px; } @@ -7888,17 +8582,20 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli padding: 0; word-wrap: break-word; } + @media (min-width: 48em) { .box-hero__title { font-size: 48px; } } + @media (min-width: 48em) { .box-hero__title { font-size: 42px; font-size: 3rem; } } + @media (min-width: 48em) and (min-width: 48em) { .box-hero__title { font-size: 48px; @@ -7920,17 +8617,20 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli text-transform: none; word-wrap: break-word; } + @media (min-width: 48em) { .box-hero__alt-title { font-size: 20px; } } + @media (min-width: 48em) { .box-hero__alt-title { font-size: 21px; font-size: 1.5rem; } } + @media (min-width: 48em) and (min-width: 48em) { .box-hero__alt-title { font-size: 24px; @@ -7943,6 +8643,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli font-size: 1.875rem; } } + @media (min-width: 62.5em) and (min-width: 48em) { .box-hero__alt-title { font-size: 30px; @@ -7964,11 +8665,13 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli line-height: 1.25em; margin-bottom: 21px; } + @media (min-width: 48em) { .box-hero__content { font-size: 18px; } } + @media (min-width: 48em) { .box-hero__content { font-size: 20px; @@ -7998,6 +8701,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli line-height: 45px; padding: 0 0.35em; } + @media (min-width: 48em) { .box-hero__link.is-videolink a:after { font-size: 30px; @@ -8006,8 +8710,8 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli .box-hero-plain { -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); position: absolute; top: 50%; margin: 0 auto; @@ -8017,6 +8721,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli width: 100%; z-index: 5; } + .box-hero-plain .box-hero__link { font-weight: 600; font-style: normal; @@ -8024,11 +8729,13 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli padding-right: 6em; text-align: left; } + @media (min-width: 48em) { .box-hero-plain .box-hero__link { display: inline-block; } } + .carousel-unwrapped__cell:first-of-type .box-hero-plain .box-hero__link { display: inline-block; } @@ -8047,12 +8754,14 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli *zoom: 1; clear: both; } + .box-ingress:before, .box-ingress:after { content: " "; /* 1 */ display: table; /* 2 */ } + .box-ingress:after { clear: both; } @@ -8060,6 +8769,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli .box-ingress__image { margin-bottom: 2em; } + @media (min-width: 48em) { .box-ingress__image { float: left; @@ -8075,6 +8785,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli template: 6_10_9-box-logo description: box-logo is a part of picture and link combination lists (for example, collaboration links in groups) */ + .box-logo { background-color: #EBEBEB; display: table; @@ -8082,16 +8793,22 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli margin: 10px; width: 180px; } + + .box-logo.theme-transparent { background-color: transparent; padding: 0; } -.box-logo.theme-transparent > a, -.box-card__fieldset .box-logo.theme-transparent > a { + + +.box-logo.theme-transparent > a, .box-card__fieldset +.box-logo.theme-transparent > a { padding: 0; } -.box-logo > a, -.box-card__fieldset .box-logo > a { + + +.box-logo > a, .box-card__fieldset +.box-logo > a { font-family: 'Open Sans', Helvetica, Arial, sans-serif, Nimbus Sans L; font-size: 15.75px; font-size: 1.125rem; @@ -8101,12 +8818,15 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli text-align: center; vertical-align: middle; } + @media (min-width: 48em) { - .box-logo > a, - .box-card__fieldset .box-logo > a { + + .box-logo > a, .box-card__fieldset + .box-logo > a { font-size: 18px; } } + .ie .box-logo img { width: 180px; @@ -8122,6 +8842,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli template: 6_10_5_1-box-story description: Displays content as a liftup in e.g. gridder-fields and news listings. ".theme-plain" modifier is for pictureless stories. */ + .box-story--liftup, .box-story--constrained, .box-story { transition-property: background-color; @@ -8130,50 +8851,53 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli display: -ms-flexbox; display: flex; -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; position: relative; } + + .box-story--liftup:active .box-story__title, .box-story--constrained:active .box-story__title, .box-story--liftup:hover .box-story__title, .box-story--constrained:hover .box-story__title, .box-story:active .box-story__title, .box-story:hover .box-story__title { - color: #0c5790; + color: #005479; } + + .theme-small.box-story--liftup .box-story__title, .theme-small.box-story--constrained .box-story__title, .box-story.theme-small .box-story__title { font-size: 18.375px; font-size: 1.3125rem; } + @media (min-width: 48em) { + .theme-small.box-story--liftup .box-story__title, .theme-small.box-story--constrained .box-story__title, .box-story.theme-small .box-story__title { font-size: 21px; } } + + .theme-plain.box-story--liftup, .theme-plain.box-story--constrained, .box-story.theme-plain { - background-color: #1073bf; + background-color: #0882B3; padding: 3.5em 1.5em; } + + .theme-plain.box-story--liftup .box-story__date, .theme-plain.box-story--constrained .box-story__date, -.theme-plain.box-story--liftup .box-story__tag, -.theme-plain.box-story--constrained .box-story__tag, -.theme-plain.box-story--liftup .box-story__title, -.theme-plain.box-story--constrained .box-story__title, -.theme-plain.box-story--liftup .box-story__content, -.theme-plain.box-story--constrained .box-story__content, -.theme-plain.box-story--liftup .box-story__link > a, -.theme-plain.box-story--constrained .box-story__link > a, -.theme-plain.box-story--liftup .box-card__fieldset .box-story__link > a, -.theme-plain.box-story--constrained .box-card__fieldset .box-story__link > a, -.theme-plain.box-story--liftup .box-story__link > a:after, -.theme-plain.box-story--constrained .box-story__link > a:after, -.theme-plain.box-story--liftup .box-card__fieldset .box-story__link > a:after, -.theme-plain.box-story--constrained .box-card__fieldset .box-story__link > a:after, +.theme-plain.box-story--liftup .box-story__tag, .theme-plain.box-story--constrained .box-story__tag, +.theme-plain.box-story--liftup .box-story__title, .theme-plain.box-story--constrained .box-story__title, +.theme-plain.box-story--liftup .box-story__content, .theme-plain.box-story--constrained .box-story__content, +.theme-plain.box-story--liftup .box-story__link > a, .theme-plain.box-story--constrained .box-story__link > a, +.theme-plain.box-story--liftup .box-card__fieldset .box-story__link > a, .theme-plain.box-story--constrained .box-card__fieldset .box-story__link > a, +.theme-plain.box-story--liftup .box-story__link > a:after, .theme-plain.box-story--constrained .box-story__link > a:after, +.theme-plain.box-story--liftup .box-card__fieldset .box-story__link > a:after, .theme-plain.box-story--constrained .box-card__fieldset .box-story__link > a:after, .box-story.theme-plain .box-story__date, .box-story.theme-plain .box-story__tag, .box-story.theme-plain .box-story__title, @@ -8184,45 +8908,63 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli .box-story.theme-plain .box-card__fieldset .box-story__link > a:after { color: #FFF; } + + .theme-plain.box-story--liftup .box-story__topical, .theme-plain.box-story--constrained .box-story__topical, .box-story.theme-plain .box-story__topical { height: auto; } + + .theme-plain.box-story--liftup .box-story__label, .theme-plain.box-story--constrained .box-story__label, .box-story.theme-plain .box-story__label { background: #FFF; - color: #1073bf; + color: #0882B3; } + + .theme-plain.box-story--liftup .box-story__link, .theme-plain.box-story--constrained .box-story__link, .box-story.theme-plain .box-story__link { bottom: 0.5em; position: absolute; right: 1.5em; } + + .theme-plain.box-story--liftup:hover, .theme-plain.box-story--constrained:hover, .box-story.theme-plain:hover { - background-color: #0c5790; + background-color: #005479; } + + .theme-plain.box-story--liftup:hover .box-story__link > a, .theme-plain.box-story--constrained:hover .box-story__link > a, .theme-plain.box-story--liftup:hover .box-card__fieldset .box-story__link > a, .theme-plain.box-story--constrained:hover .box-card__fieldset .box-story__link > a, .box-story.theme-plain:hover .box-story__link > a, .box-story.theme-plain:hover .box-card__fieldset .box-story__link > a { color: #FFF; } + + .theme-plain.box-story--liftup:hover .box-story__link > a:after, .theme-plain.box-story--constrained:hover .box-story__link > a:after, .theme-plain.box-story--liftup:hover .box-card__fieldset .box-story__link > a:after, .theme-plain.box-story--constrained:hover .box-card__fieldset .box-story__link > a:after, .box-story.theme-plain:hover .box-story__link > a:after, .box-story.theme-plain:hover .box-card__fieldset .box-story__link > a:after { color: #FFF; } + + .theme-plain-alt.box-story--liftup, .theme-plain-alt.box-story--constrained, .box-story.theme-plain-alt { background-color: #e3e3e3; } + + .theme-plain-alt.box-story--liftup .box-story__link-wrapper, .theme-plain-alt.box-story--constrained .box-story__link-wrapper, .box-story.theme-plain-alt .box-story__link-wrapper { padding: 1em; } + + .theme-plain-alt.box-story--liftup .box-story__link-wrapper:after, .theme-plain-alt.box-story--constrained .box-story__link-wrapper:after, .box-story.theme-plain-alt .box-story__link-wrapper:after { display: inline-block; @@ -8236,21 +8978,16 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli float: right; margin-bottom: 1em; } + + .theme-plain-alt.box-story--liftup .box-story__date, .theme-plain-alt.box-story--constrained .box-story__date, -.theme-plain-alt.box-story--liftup .box-story__tag, -.theme-plain-alt.box-story--constrained .box-story__tag, -.theme-plain-alt.box-story--liftup .box-story__title, -.theme-plain-alt.box-story--constrained .box-story__title, -.theme-plain-alt.box-story--liftup .box-story__content, -.theme-plain-alt.box-story--constrained .box-story__content, -.theme-plain-alt.box-story--liftup .box-story__link > a, -.theme-plain-alt.box-story--constrained .box-story__link > a, -.theme-plain-alt.box-story--liftup .box-card__fieldset .box-story__link > a, -.theme-plain-alt.box-story--constrained .box-card__fieldset .box-story__link > a, -.theme-plain-alt.box-story--liftup .box-story__link > a:after, -.theme-plain-alt.box-story--constrained .box-story__link > a:after, -.theme-plain-alt.box-story--liftup .box-card__fieldset .box-story__link > a:after, -.theme-plain-alt.box-story--constrained .box-card__fieldset .box-story__link > a:after, +.theme-plain-alt.box-story--liftup .box-story__tag, .theme-plain-alt.box-story--constrained .box-story__tag, +.theme-plain-alt.box-story--liftup .box-story__title, .theme-plain-alt.box-story--constrained .box-story__title, +.theme-plain-alt.box-story--liftup .box-story__content, .theme-plain-alt.box-story--constrained .box-story__content, +.theme-plain-alt.box-story--liftup .box-story__link > a, .theme-plain-alt.box-story--constrained .box-story__link > a, +.theme-plain-alt.box-story--liftup .box-card__fieldset .box-story__link > a, .theme-plain-alt.box-story--constrained .box-card__fieldset .box-story__link > a, +.theme-plain-alt.box-story--liftup .box-story__link > a:after, .theme-plain-alt.box-story--constrained .box-story__link > a:after, +.theme-plain-alt.box-story--liftup .box-card__fieldset .box-story__link > a:after, .theme-plain-alt.box-story--constrained .box-card__fieldset .box-story__link > a:after, .box-story.theme-plain-alt .box-story__date, .box-story.theme-plain-alt .box-story__tag, .box-story.theme-plain-alt .box-story__title, @@ -8261,34 +8998,46 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli .box-story.theme-plain-alt .box-card__fieldset .box-story__link > a:after { color: #222; } + + .theme-plain-alt.box-story--liftup .box-story__topical, .theme-plain-alt.box-story--constrained .box-story__topical, .box-story.theme-plain-alt .box-story__topical { height: auto; } + + .theme-plain-alt.box-story--liftup .box-story__label, .theme-plain-alt.box-story--constrained .box-story__label, .box-story.theme-plain-alt .box-story__label { background: #FFF; - color: #1073bf; + color: #0882B3; } + + .theme-plain-alt.box-story--liftup .box-story__link, .theme-plain-alt.box-story--constrained .box-story__link, .box-story.theme-plain-alt .box-story__link { bottom: 0.5em; position: absolute; right: 1.5em; } + + .theme-plain-alt.box-story--liftup:hover, .theme-plain-alt.box-story--constrained:hover, .box-story.theme-plain-alt:hover { background-color: #d2d2d2; } + @media (min-width: 48em) { + .theme-plain-alt.box-story--liftup .box-story__title, .theme-plain-alt.box-story--constrained .box-story__title, .box-story.theme-plain-alt .box-story__title { font-size: 170%; } + .theme-plain-alt.box-story--liftup .box-story__link-wrapper, .theme-plain-alt.box-story--constrained .box-story__link-wrapper, .box-story.theme-plain-alt .box-story__link-wrapper { padding: 1.5em 1.5em 3.5em 1.5em; } + .theme-plain-alt.box-story--liftup .box-story__link-wrapper:after, .theme-plain-alt.box-story--constrained .box-story__link-wrapper:after, .box-story.theme-plain-alt .box-story__link-wrapper:after { bottom: 1em; @@ -8297,7 +9046,9 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli right: 1.5em; } } + @media (min-width: 48em) { + .theme-black.box-story--liftup, .theme-black.box-story--constrained, .box-story.theme-black { background: #000; @@ -8305,10 +9056,12 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli display: -ms-flexbox; display: flex; } + .theme-black.box-story--liftup .box-story__link-wrapper, .theme-black.box-story--constrained .box-story__link-wrapper, .box-story.theme-black .box-story__link-wrapper { width: 100%; } + .theme-black.box-story--liftup .box-story__link-wrapper:after, .theme-black.box-story--constrained .box-story__link-wrapper:after, .box-story.theme-black .box-story__link-wrapper:after { display: inline-block; @@ -8323,6 +9076,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli position: absolute; right: 1.5em; } + .theme-black.box-story--liftup .box-story__image, .theme-black.box-story--constrained .box-story__image, .box-story.theme-black .box-story__image { border: none; @@ -8332,11 +9086,13 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli padding-right: 20px; width: 33.3333%; } + .theme-black.box-story--liftup .box-story__image img, .theme-black.box-story--constrained .box-story__image img, .box-story.theme-black .box-story__image img { border: 0; margin: 0; } + .theme-black.box-story--liftup .box-story__title, .theme-black.box-story--constrained .box-story__title, .box-story.theme-black .box-story__title { font-size: 26.25px; @@ -8346,13 +9102,17 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli padding-top: 20px; } } + @media (min-width: 48em) and (min-width: 48em) { + .theme-black.box-story--liftup .box-story__title, .theme-black.box-story--constrained .box-story__title, .box-story.theme-black .box-story__title { font-size: 30px; } } + @media (min-width: 48em) { + .theme-black.box-story--liftup .box-story__content, .theme-black.box-story--constrained .box-story__content, .box-story.theme-black .box-story__content { color: #FFF; @@ -8367,7 +9127,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli font-size: 0.75rem; font-weight: 600; font-style: normal; - background: #1073bf; + background: #0882B3; color: #FFF; padding: 0.3em 0.7em; text-transform: uppercase; @@ -8376,20 +9136,24 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli top: 1em; z-index: 10; } + @media (min-width: 48em) { .box-story__label { font-size: 11.2px; } } + @media (min-width: 48em) { .box-story__label { font-size: 12px; } } + .box-story__label .theme-thin { font-weight: 200; margin-left: 0.3em; } + .box-story__label.theme-yliopisto-lehti { background-color: #fca311; } @@ -8398,17 +9162,21 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli margin-bottom: 0.5em; position: relative; } + @media (min-width: 62.5em) { - .gridder-box-width-3:not(.gridder-parent) .box-story__image, .gridder-box-width-4:not(.gridder-parent) .box-story__image { + .gridder-box-width-3:not(.gridder-parent) .box-story__image, + .gridder-box-width-4:not(.gridder-parent) .box-story__image { float: left; margin-right: 1em; } } + .box-story__image img { border: 1px solid #EBEBEB; margin-bottom: 2px; width: 100%; } + .box-story__image .box-story__overlay { background: #222; bottom: 1em; @@ -8419,6 +9187,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli right: 1em; text-align: right; } + .box-story__image .box-story__overlay.theme-bold { text-shadow: 1px 1px 1px #222, 0px 0px 1px rgba(0, 0, 0, 0.6); background: none; @@ -8437,16 +9206,19 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli margin-bottom: 0.6em; overflow: hidden; } + @media (min-width: 48em) { .box-story__topical { font-size: 12px; } } + @media (min-width: 48em) { .box-story__topical { height: 2.7em; } } + @media (min-width: 62.5em) { .box-story__topical { height: auto; @@ -8468,27 +9240,32 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli margin-right: 0.5em; padding-right: 1.5em; } + @media (min-width: 48em) { .box-story__date, .box-story__tag { font-size: 11.2px; } } + @media (min-width: 48em) { .box-story__date, .box-story__tag { font-size: 12px; } } + .box-story__date:last-child:after, .box-story__tag:last-child:after { display: none; } + .box-story__date:after, .box-story__tag:after { content: " "; right: 0; } + .box-story__date:after, .box-story__date:before, .box-story__tag:after, .box-story__tag:before { @@ -8503,13 +9280,15 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli width: 6px; z-index: 10; } + .box-story__date a, .box-story__tag a { color: inherit; } + .box-story__date a:hover, .box-story__tag a:hover { - color: #0c5790; + color: #005479; } .box-story__title { @@ -8519,8 +9298,8 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli transition-property: color; transition-duration: 0.1s; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; overflow: hidden; } @@ -8533,14 +9312,17 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli margin-bottom: 0.4em; overflow: hidden; } + @media (min-width: 48em) { .box-story__content { font-size: 14px; } } + .box-story__content:not(.textarea) a { color: inherit; } + .box-story__content:not(.textarea) a:hover { color: inherit; } @@ -8548,9 +9330,10 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli .box-story__link-wrapper { display: block; -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } + .box-story__link-wrapper:after { display: inline-block; font-family: "hy-icons"; @@ -8572,8 +9355,10 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli transition-property: color; color: #424242; } -.box-story:active .box-story__link, .box-story:hover .box-story__link { - color: #0c5790; + +.box-story:active .box-story__link, +.box-story:hover .box-story__link { + color: #005479; } .box-story__embed { @@ -8587,11 +9372,13 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli position: relative; width: 100%; } + .box-story__video:after { content: ''; display: block; padding-top: 56.25%; } + .box-story__video > * { bottom: 0; left: 0; @@ -8599,14 +9386,17 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli right: 0; top: 0; } + .box-story__video img { width: 100%; } + .box-story__video iframe, .box-story__video object, .box-story__video embed, .box-story__video video { height: 100%; overflow: hidden; width: 100%; } + .box-story__video.theme-full:after { padding-top: 56.25%; } @@ -8630,36 +9420,50 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli template: 6_10_5_2-box-story--liftup description: box-story--liftup is a more prominent display of content */ + .box-story--liftup { clear: both; + display: block; overflow: visible; } + + .box-story--liftup .box-story__image { float: right; margin-left: 0.5em; max-width: 100px; text-align: center; } + @media (min-width: 48em) { + .box-story--liftup .box-story__image { margin-bottom: 0; max-width: 270px; } } + + .box-story--liftup .box-story__image img { vertical-align: middle; width: auto; } + + .box-story--liftup .box-story__title { font-size: 26.25px; font-size: 1.875rem; height: auto; } + @media (min-width: 48em) { + .box-story--liftup .box-story__title { font-size: 30px; } } + + .box-story--liftup .box-story__content { font-family: 'Open Sans', Helvetica, Arial, sans-serif, Nimbus Sans L; font-size: 15.75px; @@ -8671,23 +9475,31 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli color: #777777; overflow: visible; } + @media (min-width: 48em) { + .box-story--liftup .box-story__content { font-size: 18px; } } + @media (min-width: 62.5em) { + .box-story--liftup .box-story__content { overflow: hidden; } } + + .box-story--liftup:active .box-story__link, .box-story--liftup:hover .box-story__link { - color: #0c5790; + color: #005479; } + + .box-story--liftup:active .box-story__title, .box-story--liftup:hover .box-story__title { - color: #0c5790; + color: #005479; } /* @@ -8703,9 +9515,11 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli border-top: 0; padding: 1em 0 0.5em; } + .box-story--constrained:first-of-type { padding-top: 0; } + .box-story--constrained:last-of-type { border: 0; } @@ -8729,11 +9543,13 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli margin-left: 1em; text-align: left; } + @media (min-width: 48em) { .gridder-box-width-1 .box-story--constrained .box-story__content { display: none; } } + @media (min-width: 62.5em) { .gridder-box-width-1 .box-story--constrained .box-story__content { display: block; @@ -8751,6 +9567,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli margin-left: auto; margin-right: auto; } + @media (min-width: 48em) { .box-story--related { margin-left: 0; @@ -8758,31 +9575,38 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli max-width: 369px; } } + .box-story--related .box-story__image { margin-bottom: 0; } + .box-story--related .box-story__image img { border: none; margin-bottom: 0; } + .box-story--related .box-story__content-wrapper { background-color: #FAFAFA; padding: 1.5em; } + .box-story--related .box-story__content { font-family: 'Open Sans', Helvetica, Arial, sans-serif, Nimbus Sans L; font-size: 12.25px; font-size: 0.875rem; } + @media (min-width: 48em) { .box-story--related .box-story__content { font-size: 14px; } } + .box-story--related .box-story__content p { font-size: 12.25px; font-size: 0.875rem; } + @media (min-width: 48em) { .box-story--related .box-story__content p { font-size: 14px; @@ -8795,6 +9619,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli template: 6_10_6-box-subsection description: Provides peripheral information of main content eg. contact info */ + .box-subsection { border: 1px solid #EBEBEB; display: block; @@ -8810,6 +9635,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli color: #666; text-transform: none; } + @media (min-width: 48em) { .box-subsection__title { font-size: 18px; @@ -8825,15 +9651,18 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli line-height: 1.5em; margin: 1em 0 0; } + @media (min-width: 48em) { .box-subsection__content { font-size: 14px; } } + .box-subsection__content.theme-plain { font-size: 14px; font-size: 1rem; } + @media (min-width: 48em) { .box-subsection__content.theme-plain { font-size: 16px; @@ -8844,10 +9673,12 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli padding-bottom: 1em; word-wrap: break-word; } + .box-subsection__row a { font-weight: 600; font-style: normal; } + @media (min-width: 48em) { .box-subsection__row a.is-tel { font-weight: 400; @@ -8862,9 +9693,12 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli template: 6_10_7-box-subtitle description: Provides supplementary text information below a title */ + .box-subtitle { display: block; } + + .box-subtitle.gridder-box { margin: 0 0 15px 0; } @@ -8879,11 +9713,13 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli font-size: 14px; font-size: 1rem; } + @media (min-width: 48em) { .box-subtitle__title { font-size: 18px; } } + @media (min-width: 48em) { .box-subtitle__title { font-size: 16px; @@ -8895,12 +9731,14 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli float: right; } } + .box-subtitle__link a { font-size: 14px; font-size: 1rem; font-weight: 600; font-style: normal; } + @media (min-width: 48em) { .box-subtitle__link a { font-size: 16px; @@ -8913,6 +9751,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli font-weight: 600; font-style: normal; } + @media (min-width: 48em) { .box-subtitle__content { font-size: 16px; @@ -8928,15 +9767,13 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli line-height: 1.5em; margin-bottom: 30px; } + @media (min-width: 48em) { .box-subtitle__ingress { font-size: 18px; } } -.theme-transparent { - background-color: transparent; -} .is-hidden { display: none !important; @@ -8948,15 +9785,16 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli .is-center-mobile { -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -ms-flex-pack: center; + justify-content: center; text-align: center; } + @media (min-width: 48em) { .is-center-mobile { -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; text-align: left; } } @@ -8975,15 +9813,17 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli content: ""; font-size: 10.5px; font-size: 0.75rem; - color: #178feb; + color: #0098d0; margin-left: 0.75em; vertical-align: middle; } + @media (min-width: 48em) { .is-toggleable-mobile:after { font-size: 12px; } } + .is-toggleable-mobile.is-active:after { display: inline-block; font-family: "hy-icons"; @@ -8993,6 +9833,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli -moz-osx-font-smoothing: grayscale; content: ""; } + @media (min-width: 48em) { .is-toggleable-mobile:after { display: none; @@ -9010,6 +9851,7 @@ a:hover .box-application__link > a:after, a:hover .box-card__fieldset .box-appli .is-hidden--mobile { display: none; } + @media (min-width: 48em) { .is-hidden--mobile { display: block; diff --git a/fonts/Lora-700/LICENSE.txt b/fonts/Lora-700/LICENSE.txt deleted file mode 100644 index 7d0a705..0000000 --- a/fonts/Lora-700/LICENSE.txt +++ /dev/null @@ -1,94 +0,0 @@ -Copyright (c) 2011-2013, Cyreal (www.cyreal.org a@cyreal.org), with -Reserved Font Name 'Lora' - -This Font Software is licensed under the SIL Open Font License, Version 1.1. -This license is copied below, and is also available with a FAQ at: -http://scripts.sil.org/OFL - - ------------------------------------------------------------ -SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ------------------------------------------------------------ - -PREAMBLE -The goals of the Open Font License (OFL) are to stimulate worldwide -development of collaborative font projects, to support the font creation -efforts of academic and linguistic communities, and to provide a free and -open framework in which fonts may be shared and improved in partnership -with others. - -The OFL allows the licensed fonts to be used, studied, modified and -redistributed freely as long as they are not sold by themselves. The -fonts, including any derivative works, can be bundled, embedded, -redistributed and/or sold with any software provided that any reserved -names are not used by derivative works. The fonts and derivatives, -however, cannot be released under any other type of license. The -requirement for fonts to remain under this license does not apply -to any document created using the fonts or their derivatives. - -DEFINITIONS -"Font Software" refers to the set of files released by the Copyright -Holder(s) under this license and clearly marked as such. This may -include source files, build scripts and documentation. - -"Reserved Font Name" refers to any names specified as such after the -copyright statement(s). - -"Original Version" refers to the collection of Font Software components as -distributed by the Copyright Holder(s). - -"Modified Version" refers to any derivative made by adding to, deleting, -or substituting -- in part or in whole -- any of the components of the -Original Version, by changing formats or by porting the Font Software to a -new environment. - -"Author" refers to any designer, engineer, programmer, technical -writer or other person who contributed to the Font Software. - -PERMISSION & CONDITIONS -Permission is hereby granted, free of charge, to any person obtaining -a copy of the Font Software, to use, study, copy, merge, embed, modify, -redistribute, and sell modified and unmodified copies of the Font -Software, subject to the following conditions: - -1) Neither the Font Software nor any of its individual components, -in Original or Modified Versions, may be sold by itself. - -2) Original or Modified Versions of the Font Software may be bundled, -redistributed and/or sold with any software, provided that each copy -contains the above copyright notice and this license. These can be -included either as stand-alone text files, human-readable headers or -in the appropriate machine-readable metadata fields within text or -binary files as long as those fields can be easily viewed by the user. - -3) No Modified Version of the Font Software may use the Reserved Font -Name(s) unless explicit written permission is granted by the corresponding -Copyright Holder. This restriction only applies to the primary font name as -presented to the users. - -4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font -Software shall not be used to promote, endorse or advertise any -Modified Version, except to acknowledge the contribution(s) of the -Copyright Holder(s) and the Author(s) or with their explicit written -permission. - -5) The Font Software, modified or unmodified, in part or in whole, -must be distributed entirely under this license, and must not be -distributed under any other license. The requirement for fonts to -remain under this license does not apply to any document created -using the Font Software. - -TERMINATION -This license becomes null and void if any of the above conditions are -not met. - -DISCLAIMER -THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF -MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT -OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE -COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, -INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL -DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING -FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM -OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/fonts/Lora-700/Lora-700.eot b/fonts/Lora-700/Lora-700.eot deleted file mode 100644 index 9085eba..0000000 Binary files a/fonts/Lora-700/Lora-700.eot and /dev/null differ diff --git a/fonts/Lora-700/Lora-700.svg b/fonts/Lora-700/Lora-700.svg deleted file mode 100644 index c3f6276..0000000 --- a/fonts/Lora-700/Lora-700.svg +++ /dev/null @@ -1,10264 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/fonts/Lora-700/Lora-700.ttf b/fonts/Lora-700/Lora-700.ttf deleted file mode 100644 index 5782ec7..0000000 Binary files a/fonts/Lora-700/Lora-700.ttf and /dev/null differ diff --git a/fonts/Lora-700/Lora-700.woff b/fonts/Lora-700/Lora-700.woff deleted file mode 100644 index f932387..0000000 Binary files a/fonts/Lora-700/Lora-700.woff and /dev/null differ diff --git a/fonts/Lora-700/Lora-700.woff2 b/fonts/Lora-700/Lora-700.woff2 deleted file mode 100644 index 9958f12..0000000 Binary files a/fonts/Lora-700/Lora-700.woff2 and /dev/null differ diff --git a/fonts/Lora-700italic/LICENSE.txt b/fonts/Lora-700italic/LICENSE.txt deleted file mode 100644 index 7d0a705..0000000 --- a/fonts/Lora-700italic/LICENSE.txt +++ /dev/null @@ -1,94 +0,0 @@ -Copyright (c) 2011-2013, Cyreal (www.cyreal.org a@cyreal.org), with -Reserved Font Name 'Lora' - -This Font Software is licensed under the SIL Open Font License, Version 1.1. -This license is copied below, and is also available with a FAQ at: -http://scripts.sil.org/OFL - - ------------------------------------------------------------ -SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ------------------------------------------------------------ - -PREAMBLE -The goals of the Open Font License (OFL) are to stimulate worldwide -development of collaborative font projects, to support the font creation -efforts of academic and linguistic communities, and to provide a free and -open framework in which fonts may be shared and improved in partnership -with others. - -The OFL allows the licensed fonts to be used, studied, modified and -redistributed freely as long as they are not sold by themselves. The -fonts, including any derivative works, can be bundled, embedded, -redistributed and/or sold with any software provided that any reserved -names are not used by derivative works. The fonts and derivatives, -however, cannot be released under any other type of license. The -requirement for fonts to remain under this license does not apply -to any document created using the fonts or their derivatives. - -DEFINITIONS -"Font Software" refers to the set of files released by the Copyright -Holder(s) under this license and clearly marked as such. This may -include source files, build scripts and documentation. - -"Reserved Font Name" refers to any names specified as such after the -copyright statement(s). - -"Original Version" refers to the collection of Font Software components as -distributed by the Copyright Holder(s). - -"Modified Version" refers to any derivative made by adding to, deleting, -or substituting -- in part or in whole -- any of the components of the -Original Version, by changing formats or by porting the Font Software to a -new environment. - -"Author" refers to any designer, engineer, programmer, technical -writer or other person who contributed to the Font Software. - -PERMISSION & CONDITIONS -Permission is hereby granted, free of charge, to any person obtaining -a copy of the Font Software, to use, study, copy, merge, embed, modify, -redistribute, and sell modified and unmodified copies of the Font -Software, subject to the following conditions: - -1) Neither the Font Software nor any of its individual components, -in Original or Modified Versions, may be sold by itself. - -2) Original or Modified Versions of the Font Software may be bundled, -redistributed and/or sold with any software, provided that each copy -contains the above copyright notice and this license. These can be -included either as stand-alone text files, human-readable headers or -in the appropriate machine-readable metadata fields within text or -binary files as long as those fields can be easily viewed by the user. - -3) No Modified Version of the Font Software may use the Reserved Font -Name(s) unless explicit written permission is granted by the corresponding -Copyright Holder. This restriction only applies to the primary font name as -presented to the users. - -4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font -Software shall not be used to promote, endorse or advertise any -Modified Version, except to acknowledge the contribution(s) of the -Copyright Holder(s) and the Author(s) or with their explicit written -permission. - -5) The Font Software, modified or unmodified, in part or in whole, -must be distributed entirely under this license, and must not be -distributed under any other license. The requirement for fonts to -remain under this license does not apply to any document created -using the Font Software. - -TERMINATION -This license becomes null and void if any of the above conditions are -not met. - -DISCLAIMER -THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF -MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT -OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE -COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, -INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL -DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING -FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM -OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/fonts/Lora-700italic/Lora-700italic.eot b/fonts/Lora-700italic/Lora-700italic.eot deleted file mode 100644 index 33116d3..0000000 Binary files a/fonts/Lora-700italic/Lora-700italic.eot and /dev/null differ diff --git a/fonts/Lora-700italic/Lora-700italic.svg b/fonts/Lora-700italic/Lora-700italic.svg deleted file mode 100644 index d979048..0000000 --- a/fonts/Lora-700italic/Lora-700italic.svg +++ /dev/null @@ -1,10032 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/fonts/Lora-700italic/Lora-700italic.ttf b/fonts/Lora-700italic/Lora-700italic.ttf deleted file mode 100644 index 4845c62..0000000 Binary files a/fonts/Lora-700italic/Lora-700italic.ttf and /dev/null differ diff --git a/fonts/Lora-700italic/Lora-700italic.woff b/fonts/Lora-700italic/Lora-700italic.woff deleted file mode 100644 index a20604d..0000000 Binary files a/fonts/Lora-700italic/Lora-700italic.woff and /dev/null differ diff --git a/fonts/Lora-700italic/Lora-700italic.woff2 b/fonts/Lora-700italic/Lora-700italic.woff2 deleted file mode 100644 index c540ec2..0000000 Binary files a/fonts/Lora-700italic/Lora-700italic.woff2 and /dev/null differ diff --git a/fonts/Lora-italic/LICENSE.txt b/fonts/Lora-italic/LICENSE.txt deleted file mode 100644 index 7d0a705..0000000 --- a/fonts/Lora-italic/LICENSE.txt +++ /dev/null @@ -1,94 +0,0 @@ -Copyright (c) 2011-2013, Cyreal (www.cyreal.org a@cyreal.org), with -Reserved Font Name 'Lora' - -This Font Software is licensed under the SIL Open Font License, Version 1.1. -This license is copied below, and is also available with a FAQ at: -http://scripts.sil.org/OFL - - ------------------------------------------------------------ -SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ------------------------------------------------------------ - -PREAMBLE -The goals of the Open Font License (OFL) are to stimulate worldwide -development of collaborative font projects, to support the font creation -efforts of academic and linguistic communities, and to provide a free and -open framework in which fonts may be shared and improved in partnership -with others. - -The OFL allows the licensed fonts to be used, studied, modified and -redistributed freely as long as they are not sold by themselves. The -fonts, including any derivative works, can be bundled, embedded, -redistributed and/or sold with any software provided that any reserved -names are not used by derivative works. The fonts and derivatives, -however, cannot be released under any other type of license. The -requirement for fonts to remain under this license does not apply -to any document created using the fonts or their derivatives. - -DEFINITIONS -"Font Software" refers to the set of files released by the Copyright -Holder(s) under this license and clearly marked as such. This may -include source files, build scripts and documentation. - -"Reserved Font Name" refers to any names specified as such after the -copyright statement(s). - -"Original Version" refers to the collection of Font Software components as -distributed by the Copyright Holder(s). - -"Modified Version" refers to any derivative made by adding to, deleting, -or substituting -- in part or in whole -- any of the components of the -Original Version, by changing formats or by porting the Font Software to a -new environment. - -"Author" refers to any designer, engineer, programmer, technical -writer or other person who contributed to the Font Software. - -PERMISSION & CONDITIONS -Permission is hereby granted, free of charge, to any person obtaining -a copy of the Font Software, to use, study, copy, merge, embed, modify, -redistribute, and sell modified and unmodified copies of the Font -Software, subject to the following conditions: - -1) Neither the Font Software nor any of its individual components, -in Original or Modified Versions, may be sold by itself. - -2) Original or Modified Versions of the Font Software may be bundled, -redistributed and/or sold with any software, provided that each copy -contains the above copyright notice and this license. These can be -included either as stand-alone text files, human-readable headers or -in the appropriate machine-readable metadata fields within text or -binary files as long as those fields can be easily viewed by the user. - -3) No Modified Version of the Font Software may use the Reserved Font -Name(s) unless explicit written permission is granted by the corresponding -Copyright Holder. This restriction only applies to the primary font name as -presented to the users. - -4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font -Software shall not be used to promote, endorse or advertise any -Modified Version, except to acknowledge the contribution(s) of the -Copyright Holder(s) and the Author(s) or with their explicit written -permission. - -5) The Font Software, modified or unmodified, in part or in whole, -must be distributed entirely under this license, and must not be -distributed under any other license. The requirement for fonts to -remain under this license does not apply to any document created -using the Font Software. - -TERMINATION -This license becomes null and void if any of the above conditions are -not met. - -DISCLAIMER -THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF -MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT -OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE -COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, -INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL -DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING -FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM -OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/fonts/Lora-italic/Lora-italic.eot b/fonts/Lora-italic/Lora-italic.eot deleted file mode 100644 index 71cde12..0000000 Binary files a/fonts/Lora-italic/Lora-italic.eot and /dev/null differ diff --git a/fonts/Lora-italic/Lora-italic.svg b/fonts/Lora-italic/Lora-italic.svg deleted file mode 100644 index 6770ddd..0000000 --- a/fonts/Lora-italic/Lora-italic.svg +++ /dev/null @@ -1,8545 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/fonts/Lora-italic/Lora-italic.ttf b/fonts/Lora-italic/Lora-italic.ttf deleted file mode 100644 index 6665f3e..0000000 Binary files a/fonts/Lora-italic/Lora-italic.ttf and /dev/null differ diff --git a/fonts/Lora-italic/Lora-italic.woff b/fonts/Lora-italic/Lora-italic.woff deleted file mode 100644 index aa831c5..0000000 Binary files a/fonts/Lora-italic/Lora-italic.woff and /dev/null differ diff --git a/fonts/Lora-italic/Lora-italic.woff2 b/fonts/Lora-italic/Lora-italic.woff2 deleted file mode 100644 index ac6e409..0000000 Binary files a/fonts/Lora-italic/Lora-italic.woff2 and /dev/null differ diff --git a/fonts/Lora-regular/LICENSE.txt b/fonts/Lora-regular/LICENSE.txt deleted file mode 100644 index 7d0a705..0000000 --- a/fonts/Lora-regular/LICENSE.txt +++ /dev/null @@ -1,94 +0,0 @@ -Copyright (c) 2011-2013, Cyreal (www.cyreal.org a@cyreal.org), with -Reserved Font Name 'Lora' - -This Font Software is licensed under the SIL Open Font License, Version 1.1. -This license is copied below, and is also available with a FAQ at: -http://scripts.sil.org/OFL - - ------------------------------------------------------------ -SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ------------------------------------------------------------ - -PREAMBLE -The goals of the Open Font License (OFL) are to stimulate worldwide -development of collaborative font projects, to support the font creation -efforts of academic and linguistic communities, and to provide a free and -open framework in which fonts may be shared and improved in partnership -with others. - -The OFL allows the licensed fonts to be used, studied, modified and -redistributed freely as long as they are not sold by themselves. The -fonts, including any derivative works, can be bundled, embedded, -redistributed and/or sold with any software provided that any reserved -names are not used by derivative works. The fonts and derivatives, -however, cannot be released under any other type of license. The -requirement for fonts to remain under this license does not apply -to any document created using the fonts or their derivatives. - -DEFINITIONS -"Font Software" refers to the set of files released by the Copyright -Holder(s) under this license and clearly marked as such. This may -include source files, build scripts and documentation. - -"Reserved Font Name" refers to any names specified as such after the -copyright statement(s). - -"Original Version" refers to the collection of Font Software components as -distributed by the Copyright Holder(s). - -"Modified Version" refers to any derivative made by adding to, deleting, -or substituting -- in part or in whole -- any of the components of the -Original Version, by changing formats or by porting the Font Software to a -new environment. - -"Author" refers to any designer, engineer, programmer, technical -writer or other person who contributed to the Font Software. - -PERMISSION & CONDITIONS -Permission is hereby granted, free of charge, to any person obtaining -a copy of the Font Software, to use, study, copy, merge, embed, modify, -redistribute, and sell modified and unmodified copies of the Font -Software, subject to the following conditions: - -1) Neither the Font Software nor any of its individual components, -in Original or Modified Versions, may be sold by itself. - -2) Original or Modified Versions of the Font Software may be bundled, -redistributed and/or sold with any software, provided that each copy -contains the above copyright notice and this license. These can be -included either as stand-alone text files, human-readable headers or -in the appropriate machine-readable metadata fields within text or -binary files as long as those fields can be easily viewed by the user. - -3) No Modified Version of the Font Software may use the Reserved Font -Name(s) unless explicit written permission is granted by the corresponding -Copyright Holder. This restriction only applies to the primary font name as -presented to the users. - -4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font -Software shall not be used to promote, endorse or advertise any -Modified Version, except to acknowledge the contribution(s) of the -Copyright Holder(s) and the Author(s) or with their explicit written -permission. - -5) The Font Software, modified or unmodified, in part or in whole, -must be distributed entirely under this license, and must not be -distributed under any other license. The requirement for fonts to -remain under this license does not apply to any document created -using the Font Software. - -TERMINATION -This license becomes null and void if any of the above conditions are -not met. - -DISCLAIMER -THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF -MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT -OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE -COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, -INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL -DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING -FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM -OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/fonts/Lora-regular/Lora-regular.eot b/fonts/Lora-regular/Lora-regular.eot deleted file mode 100644 index c209f9a..0000000 Binary files a/fonts/Lora-regular/Lora-regular.eot and /dev/null differ diff --git a/fonts/Lora-regular/Lora-regular.svg b/fonts/Lora-regular/Lora-regular.svg deleted file mode 100644 index c3c9968..0000000 --- a/fonts/Lora-regular/Lora-regular.svg +++ /dev/null @@ -1,9002 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/fonts/Lora-regular/Lora-regular.ttf b/fonts/Lora-regular/Lora-regular.ttf deleted file mode 100644 index 8705329..0000000 Binary files a/fonts/Lora-regular/Lora-regular.ttf and /dev/null differ diff --git a/fonts/Lora-regular/Lora-regular.woff b/fonts/Lora-regular/Lora-regular.woff deleted file mode 100644 index 2b9a6be..0000000 Binary files a/fonts/Lora-regular/Lora-regular.woff and /dev/null differ diff --git a/fonts/Lora-regular/Lora-regular.woff2 b/fonts/Lora-regular/Lora-regular.woff2 deleted file mode 100644 index dfa9891..0000000 Binary files a/fonts/Lora-regular/Lora-regular.woff2 and /dev/null differ diff --git a/fonts/hy-icons.eot b/fonts/hy-icons.eot index 31e707b..bf92bbb 100644 Binary files a/fonts/hy-icons.eot and b/fonts/hy-icons.eot differ diff --git a/fonts/hy-icons.ttf b/fonts/hy-icons.ttf index a34f240..42bd595 100644 Binary files a/fonts/hy-icons.ttf and b/fonts/hy-icons.ttf differ diff --git a/fonts/hy-icons.woff b/fonts/hy-icons.woff index 0a235ca..c1e2a4b 100644 Binary files a/fonts/hy-icons.woff and b/fonts/hy-icons.woff differ diff --git a/gulpfile.js b/gulpfile.js index f8bccd5..0432e4f 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,17 +1,15 @@ -var gulp = require('gulp'); -var gutil = require('gulp-util'); -var sass = require('gulp-ruby-sass'); -var compass = require('gulp-compass'); -var concat = require('gulp-concat'); var autoPrefixer = require('gulp-autoprefixer'); - var browserSync = require('browser-sync').create(); -var shell = require('gulp-shell'); - -var iconFont = require('gulp-iconfont'); -var consolidate = require('gulp-consolidate'); var clean = require('gulp-clean'); +var concat = require('gulp-concat'); +var consolidate = require('gulp-consolidate'); var fs = require('fs'); +var globbing = require('node-sass-globbing'); +var gulp = require('gulp'); +var iconFont = require('gulp-iconfont'); +var runSequence = require('run-sequence'); +var sass = require('gulp-sass'); +var shell = require('gulp-shell'); var _ = require('lodash'); var iconFontSettings = { @@ -29,47 +27,28 @@ var generateIconSrcPath = iconFontSettings.iconsPath + 'src'; var generateIconDestPath = iconFontSettings.iconsPath + 'dest'; var unicodesJsonFileName = iconFontSettings.iconsPath + 'unicodes.json'; -// Compass task -gulp.task('compass', function () { - return gulp.src('./sass/**/*.scss') - .pipe( - compass( - { - config_file: './config.rb', - environment: 'production', - css: './css', - sass: './sass', - debug: false, - time: true, - src: [ - "**/*.scss", - "!**/__*.scss" - ] - } - ) - ).on( - 'error', - function (error) { - console.log(error.message); - this.emit('end'); - } - ).pipe( - autoPrefixer( - { - browsers: ['last 4 versions'], - cascade: false - } - ) - ).pipe( - gulp.dest( - './css' - ) - ) -}); +var sass_config = { + importer: globbing, + outputStyle: 'expanded', + includePaths: [ + 'node_modules/normalize.css/', + 'node_modules/breakpoint-sass/stylesheets/', + ] +}; +// Compile sass. +gulp.task('sass', function () { + gulp.src('sass/**/*.scss') + .pipe(sass(sass_config) + .on('error', sass.logError)) + .pipe(autoPrefixer({ + browsers: ['last 4 versions'] + })) + .pipe(gulp.dest('css')); +}); // Generate icons. -gulp.task('generateUnicodeIconFiles', ['clean'], function () { +gulp.task('generateUnicodeIconFiles', function () { if (!fs.existsSync(generateIconDestPath)) { fs.mkdirSync(generateIconDestPath); @@ -101,7 +80,7 @@ gulp.task('generateUnicodeIconFiles', ['clean'], function () { }); // Create icon font from generated icons. -gulp.task('iconFont', ['generateUnicodeIconFiles'], function () { +gulp.task('iconFont', function () { gulp.src([iconFontSettings.svgSrc]) .pipe(iconFont({ fontName: iconFontSettings.fontFileName, @@ -139,11 +118,15 @@ gulp.task('clean', function () { .pipe(clean()); }); -gulp.task('build', ['clean', 'generateUnicodeIconFiles', 'iconFont', 'compass'], function () { +gulp.task('nodeBuild', function () { return gulp.src('') .pipe(shell(['node build'], {cwd: './styleguide'})); }); +gulp.task('build', function(cb) { + runSequence('clean', 'generateUnicodeIconFiles', 'iconFont', 'sass', 'nodeBuild', cb); +}); + gulp.task('serve', ['build'], function () { browserSync.init({ server: { diff --git a/icons/dest/uEA77-heart.svg b/icons/dest/uEA77-heart.svg new file mode 100644 index 0000000..144c16f --- /dev/null +++ b/icons/dest/uEA77-heart.svg @@ -0,0 +1,8 @@ + + + + + diff --git a/icons/dest/uEA78-retweet.svg b/icons/dest/uEA78-retweet.svg new file mode 100644 index 0000000..d33fe8b --- /dev/null +++ b/icons/dest/uEA78-retweet.svg @@ -0,0 +1,13 @@ + + + + + + + + diff --git a/icons/src/heart.svg b/icons/src/heart.svg new file mode 100644 index 0000000..144c16f --- /dev/null +++ b/icons/src/heart.svg @@ -0,0 +1,8 @@ + + + + + diff --git a/icons/src/retweet.svg b/icons/src/retweet.svg new file mode 100644 index 0000000..d33fe8b --- /dev/null +++ b/icons/src/retweet.svg @@ -0,0 +1,13 @@ + + + + + + + + diff --git a/icons/unicodes.json b/icons/unicodes.json index 8c26d3c..00205a5 100644 --- a/icons/unicodes.json +++ b/icons/unicodes.json @@ -1 +1 @@ -{"add-to-todo-list.svg":"uEA01","arrow.svg":"uEA03","avatar-group.svg":"uEA04","avatar.svg":"uEA05","bachelor.svg":"uEA06","camera.svg":"uEA07","chat.svg":"uEA08","date.svg":"uEA09","discover.svg":"uEA0A","done.svg":"uEA0B","download.svg":"uEA0C","drag.svg":"uEA0D","drop-down.svg":"uEA0E","edit-event.svg":"uEA0F","edit.svg":"uEA10","events.svg":"uEA11","facebook.svg":"uEA12","favorites.svg":"uEA13","grid.svg":"uEA14","hamburger.svg":"uEA15","home.svg":"uEA16","hy-logo.svg":"uEA17","info-stroke.svg":"uEA18","info.svg":"uEA19","link-arrow-offsite.svg":"uEA1A","link-arrow.svg":"uEA1B","linkedin.svg":"uEA1C","list.svg":"uEA1D","location.svg":"uEA1E","log.svg":"uEA1F","logout.svg":"uEA20","magnify-minus.svg":"uEA21","magnify-plus.svg":"uEA22","master.svg":"uEA23","minus.svg":"uEA24","modify.svg":"uEA25","navi-triangle.svg":"uEA26","new-group.svg":"uEA27","new-person.svg":"uEA28","notification.svg":"uEA29","opinder-logo-new.svg":"uEA2A","pdf.svg":"uEA2B","people.svg":"uEA2C","person-outline.svg":"uEA2D","person.svg":"uEA2E","plus.svg":"uEA2F","profile.svg":"uEA30","question.svg":"uEA31","remove.svg":"uEA32","rotate-left.svg":"uEA33","rotate-right.svg":"uEA34","search.svg":"uEA35","time.svg":"uEA36","todo-list.svg":"uEA37","tour.svg":"uEA38","twitter.svg":"uEA39","units-and-faculties.svg":"uEA3A","video.svg":"uEA3B","warning.svg":"uEA3C","you-tube.svg":"uEA3D","id-number.svg":"uEA3E","mail.svg":"uEA3F","mobile.svg":"uEA40","opinder-logo.svg":"uEA41","permission-all.svg":"uEA42","permission-group.svg":"uEA43","permission-private.svg":"uEA44","phone.svg":"uEA45","preview.svg":"uEA46","url.svg":"uEA47","instagram.svg":"uEA48","login.svg":"uEA49","spinner.svg":"uEA4A","you-tuubi.svg":"uEA4B","bullet-list.svg":"uEA4C","contentlink.svg":"uEA4D","customlink.svg":"uEA4E","dragbutton.svg":"uEA4F","embed-new (1).svg":"uEA50","embed.svg":"uEA51","feed.svg":"uEA52","file-text.svg":"uEA53","helsinginyliopisto.svg":"uEA54","horizontal-resize.svg":"uEA55","image-gallery.svg":"uEA56","images.svg":"uEA57","leiki-list.svg":"uEA58","listoflinks.svg":"uEA59","play.svg":"uEA5A","wrench.svg":"uEA5B","youtube.svg":"uEA5D","link-arrow-down.svg":"uEA5E","link-arrow-left.svg":"uEA5F","link-arrow-up.svg":"uEA60","code-fork.svg":"uEA61","cogs.svg":"uEA62","external-link.svg":"uEA63","globe.svg":"uEA64","image.svg":"uEA65","arrow-down.svg":"uEA66","arrow-left.svg":"uEA67","arrow-right.svg":"uEA68","arrow-up.svg":"uEA69","arrow-offsite.svg":"uEA6C","caret-down.svg":"uEA6D","caret-left.svg":"uEA6E","caret-right.svg":"uEA71","caret-up.svg":"uEA70","list-as-blocks.svg":"uEA72","social-media.svg":"uEA73","dot.svg":"uEA74","google-plus.svg":"uEA75","share.svg":"uEA76"} \ No newline at end of file +{"add-to-todo-list.svg":"uEA01","arrow.svg":"uEA03","avatar-group.svg":"uEA04","avatar.svg":"uEA05","bachelor.svg":"uEA06","camera.svg":"uEA07","chat.svg":"uEA08","date.svg":"uEA09","discover.svg":"uEA0A","done.svg":"uEA0B","download.svg":"uEA0C","drag.svg":"uEA0D","drop-down.svg":"uEA0E","edit-event.svg":"uEA0F","edit.svg":"uEA10","events.svg":"uEA11","facebook.svg":"uEA12","favorites.svg":"uEA13","grid.svg":"uEA14","hamburger.svg":"uEA15","home.svg":"uEA16","hy-logo.svg":"uEA17","info-stroke.svg":"uEA18","info.svg":"uEA19","link-arrow-offsite.svg":"uEA1A","link-arrow.svg":"uEA1B","linkedin.svg":"uEA1C","list.svg":"uEA1D","location.svg":"uEA1E","log.svg":"uEA1F","logout.svg":"uEA20","magnify-minus.svg":"uEA21","magnify-plus.svg":"uEA22","master.svg":"uEA23","minus.svg":"uEA24","modify.svg":"uEA25","navi-triangle.svg":"uEA26","new-group.svg":"uEA27","new-person.svg":"uEA28","notification.svg":"uEA29","opinder-logo-new.svg":"uEA2A","pdf.svg":"uEA2B","people.svg":"uEA2C","person-outline.svg":"uEA2D","person.svg":"uEA2E","plus.svg":"uEA2F","profile.svg":"uEA30","question.svg":"uEA31","remove.svg":"uEA32","rotate-left.svg":"uEA33","rotate-right.svg":"uEA34","search.svg":"uEA35","time.svg":"uEA36","todo-list.svg":"uEA37","tour.svg":"uEA38","twitter.svg":"uEA39","units-and-faculties.svg":"uEA3A","video.svg":"uEA3B","warning.svg":"uEA3C","you-tube.svg":"uEA3D","id-number.svg":"uEA3E","mail.svg":"uEA3F","mobile.svg":"uEA40","opinder-logo.svg":"uEA41","permission-all.svg":"uEA42","permission-group.svg":"uEA43","permission-private.svg":"uEA44","phone.svg":"uEA45","preview.svg":"uEA46","url.svg":"uEA47","instagram.svg":"uEA48","login.svg":"uEA49","spinner.svg":"uEA4A","you-tuubi.svg":"uEA4B","bullet-list.svg":"uEA4C","contentlink.svg":"uEA4D","customlink.svg":"uEA4E","dragbutton.svg":"uEA4F","embed-new (1).svg":"uEA50","embed.svg":"uEA51","feed.svg":"uEA52","file-text.svg":"uEA53","helsinginyliopisto.svg":"uEA54","horizontal-resize.svg":"uEA55","image-gallery.svg":"uEA56","images.svg":"uEA57","leiki-list.svg":"uEA58","listoflinks.svg":"uEA59","play.svg":"uEA5A","wrench.svg":"uEA5B","youtube.svg":"uEA5D","link-arrow-down.svg":"uEA5E","link-arrow-left.svg":"uEA5F","link-arrow-up.svg":"uEA60","code-fork.svg":"uEA61","cogs.svg":"uEA62","external-link.svg":"uEA63","globe.svg":"uEA64","image.svg":"uEA65","arrow-down.svg":"uEA66","arrow-left.svg":"uEA67","arrow-right.svg":"uEA68","arrow-up.svg":"uEA69","arrow-offsite.svg":"uEA6C","caret-down.svg":"uEA6D","caret-left.svg":"uEA6E","caret-right.svg":"uEA71","caret-up.svg":"uEA70","list-as-blocks.svg":"uEA72","social-media.svg":"uEA73","dot.svg":"uEA74","google-plus.svg":"uEA75","share.svg":"uEA76","heart.svg":"uEA77","retweet.svg":"uEA78"} \ No newline at end of file diff --git a/package.json b/package.json index f384990..5c50726 100644 --- a/package.json +++ b/package.json @@ -9,21 +9,19 @@ "author": "Benjamin Horn ", "license": "ISC", "devDependencies": { - "browser-sync": "^2.8.0", - "gulp": "^3.9.0", + "breakpoint-sass": "^2.7.0", + "browser-sync": "^2.18.2", + "gulp": "^3.9.1", "gulp-autoprefixer": "^2.2.0", "gulp-clean": "^0.3.1", - "gulp-compass": "2.1.0", "gulp-concat": "*", "gulp-consolidate": "^0.1.2", "gulp-iconfont": "^4.0.1", - "gulp-notify": "*", - "gulp-ruby-sass": "*", + "gulp-sass": "^2.3.2", "gulp-shell": "^0.4.2", - "gulp-util": "*", - "gulp-watch": "*", "lodash": "^3.10.1", - "mkdirp": "^0.5.1", - "recursive-readdir-sync": "1.0.6" + "node-sass-globbing": "0.0.23", + "normalize.css": "^3.0.0", + "run-sequence": "1.2.2" } } diff --git a/sass/_theme.scss b/sass/_theme.scss deleted file mode 100644 index 74d175c..0000000 --- a/sass/_theme.scss +++ /dev/null @@ -1,3 +0,0 @@ -.theme-transparent { - background-color: transparent; -} diff --git a/sass/common-elements/_common-elements.scss b/sass/common-elements/_common-elements.scss index c8bd3cf..ccd642d 100644 --- a/sass/common-elements/_common-elements.scss +++ b/sass/common-elements/_common-elements.scss @@ -1,3 +1,20 @@ +html { + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +*, *:before, *:after { + box-sizing: inherit; +} + +embed, +img, +object, +video { + max-width: 100%; + height: auto; +} + /* section: 3 title: Common elements @@ -79,7 +96,7 @@ h4 { */ p { - @include text-paragraph; //TODO: Needs a section + @include text-paragraph; } /* @@ -140,9 +157,10 @@ blockquote p { } /* - section: 3.4.3 + section: 3.5 title: Form components - description: + template: 3_5_form-components + description: Basic form components */ button, input, select, textarea { @@ -156,6 +174,10 @@ input { -webkit-appearance: none; } +input[type="submit"] { + @extend %button; +} + select { background: transparent; border: 1px solid darken($lightsilver, 20%); @@ -173,9 +195,9 @@ textarea { width: 100%; } -input[type="submit"] { - @extend %button; -} +/* + title: Tables +*/ table { width: 100%; diff --git a/sass/components/_avatar.scss b/sass/components/_avatar.scss index f9ac723..c5daa3f 100644 --- a/sass/components/_avatar.scss +++ b/sass/components/_avatar.scss @@ -1,13 +1,13 @@ /* - section: 13.1 + section: 12.1 title: Avatar image description: */ /* - section: 13.1.1 + section: 12.1.1 title: Avatar image - template: 13_1_1_avatar-image + template: 12_1_1_avatar-image description: */ diff --git a/sass/components/_carousel.scss b/sass/components/_carousel.scss index 1bd7953..ac12470 100644 --- a/sass/components/_carousel.scss +++ b/sass/components/_carousel.scss @@ -38,7 +38,6 @@ .carousel__credits { @include text-author; - // @include transform(translateY(100%)); bottom: auto; color: $silver; height: $vert-spacing-unit + 10px; @@ -60,7 +59,6 @@ width: 100%; @include breakpoint($small) { - @include float-span(4, 13, $gutter: 0); height: $vert-spacing-unit * 1.5; line-height: $vert-spacing-unit * 1.5; } @@ -86,9 +84,9 @@ a { @include font-size(40px); @include font-weight-bold; - @include text-shadow; @include transition-scale(1.15); - @include transition-property("all"); + text-shadow: 0px 0px 1px #aaaaaa; + transition-property: all; color: $white; display: block; height: 100%; @@ -194,7 +192,7 @@ @include font-size(40px); @include font-weight-bold; @include transition-scale(1.15); - @include transition-property("all"); + transition-property: all; color: $white; display: block; height: 100%; @@ -223,7 +221,7 @@ } &.carousel-unwrapped__prev { - @include background-image(linear-gradient(left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 100%)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 100%); left: 0; &:before { @@ -232,7 +230,7 @@ } &.carousel-unwrapped__next { - @include background-image(linear-gradient(right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 100%)); + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 100%); right: 0; &:before { @@ -243,7 +241,7 @@ } .carousel-unwrapped__image { - @include transform(translate3d(0, 0, 0)); + transform: translate3d(0, 0, 0); left: 70%; max-height: 350px; min-width: $bp-small; @@ -323,8 +321,8 @@ z-index: 10; &:before { - @include transition-property(opacity); - @include transition-duration(0.2s); + transition-property: opacity; + transition-duration: 0.2s; opacity: 0.6; } diff --git a/sass/components/_file.scss b/sass/components/_file.scss index b864036..48a1126 100644 --- a/sass/components/_file.scss +++ b/sass/components/_file.scss @@ -1,5 +1,5 @@ /* - section: 11.1 + section: 11.1.1 title: File description: Component for a downloadable file link. template: 11_1_1-file diff --git a/sass/components/_horizontal-tabs.scss b/sass/components/_horizontal-tabs.scss index d3288ec..0c15316 100644 --- a/sass/components/_horizontal-tabs.scss +++ b/sass/components/_horizontal-tabs.scss @@ -9,7 +9,7 @@ margin-bottom: $vert-spacing-unit; .horizontal-tabs-list { - @include box-shadow(0 -1px 0 0 $lightsilver inset); + box-shadow: 0 -1px 0 0 $lightsilver inset; margin-bottom: $vert-spacing-unit * 2; } @@ -57,14 +57,14 @@ &.selected a, &:hover > a { - @include transition-property(all); + transition-property: all; background-color: rgba(255, 255, 255, 1); color: $darkblue; } &:not(.selected) { &:first-child { - @include box-shadow(none); + box-shadow: none; } } diff --git a/sass/components/_index.scss b/sass/components/_index.scss index ef18071..1c8b523 100644 --- a/sass/components/_index.scss +++ b/sass/components/_index.scss @@ -15,7 +15,7 @@ padding: 2em 0; @include breakpoint($small) { - @include columns(2); + columns: 2; } } @@ -25,15 +25,11 @@ @include breakpoint($small) { column-span: all; - -moz-columns: all; - -ms-columns: all; - -o-columns: all; - -webkit-columns: all; } } .index__row { - margin: 0.6em 0; + margin: 0 0 0.6em 0; } .index__link { diff --git a/sass/components/_label-row.scss b/sass/components/_label-row.scss index 84fa3b3..3a22a7d 100644 --- a/sass/components/_label-row.scss +++ b/sass/components/_label-row.scss @@ -1,7 +1,7 @@ /* - section: 14.1 + section: 13.1 title: Label row - template: 14_1_1-label-row + template: 13_1_1-label-row */ .label-row { diff --git a/sass/components/_links.scss b/sass/components/_links.scss new file mode 100644 index 0000000..4d82b85 --- /dev/null +++ b/sass/components/_links.scss @@ -0,0 +1,66 @@ +/* + section: 15.1.1 + title: Links + template: 15_1_1_links + description: Links compontent is used in the top bar. +*/ + +.links { + display: flex; + flex-direction: row; + position: relative; + + @include breakpoint($small) { + flex-direction: column; + text-align: right; + } + + @include breakpoint($large) { + flex-direction: row; + } +} + +.links__link { + @include font-weight-medium; + @include font-size(12px); + color: $darkgray; + display: inline-block; + padding: 16px 5px 16px 10px; + text-decoration: none; + text-transform: uppercase; + + &:hover { + color: $black; + } + + @include breakpoint($small) { + color: darken($white, 20%); + padding: 5px 0 5px 9px; + + &:hover { + color: $white; + } + } +} + +// Language selection. +.links__link.theme-language { + &.active { + display: none; + } + + abbr[title] { + border: none; + } + + @include breakpoint($medium) { + abbr[title] { + font-size: 0; + + &:after { + @include font-size(12px); + content: attr(title); + } + } + } +} diff --git a/sass/components/_logo.scss b/sass/components/_logo.scss new file mode 100644 index 0000000..ede5f95 --- /dev/null +++ b/sass/components/_logo.scss @@ -0,0 +1,91 @@ +.logo-block { + align-items: flex-start; + display: flex; +} + +.logo-block__logo { + display: none; + + @include breakpoint($medium) { + display: block; + margin-right: 0.5em; + } + + @include breakpoint($large) { + margin-right: 1.5em; + } +} + +.logo-block__content { + width: 100%; + + h4, p { + text-align: center; + color: $white; + } + + @include breakpoint($small) { + float: left; + + h4, p { + text-align: left; + } + } + + h4 { + @include font-size(16px); + } + + p { + @include font-size(14px); + line-height: 1.2em; + } + + br { + display: block; + } + + a.is-tel { + color: $white; + + &:hover, + &:active { + color: $white; + } + } +} + +.logo { + align-items: center; + display: flex; + + &:before { + @include font-size(54px); + color: #fff; + content: $icon-helsinginyliopisto; + font-family: "hy-icons"; + font-weight: 300; + } + + &.theme-big { + &:before { + @include font-size(100px); + line-height: 100px; + } + } +} + +.logo__sitename { + @include font-weight-bold; + @include font-size(16px); + color: $white; + letter-spacing: -0.05em; + line-height: 1.1em; + margin-top: 0; + padding: 15px 0 15px 11px; + + @include breakpoint($small) { + @include font-size(17px); + padding-right: 0; + } +} diff --git a/sass/components/_main-menu.scss b/sass/components/_main-menu.scss index 452e5ef..8f7a25c 100644 --- a/sass/components/_main-menu.scss +++ b/sass/components/_main-menu.scss @@ -140,6 +140,7 @@ li.main-menu__front { .main-menu__expand { bottom: 0; + cursor: pointer; left: 0; position: absolute; text-align: center; @@ -150,8 +151,8 @@ li.main-menu__front { &:before { @include font-size(14px); @include icon($icon-caret-down); - @include transition-duration(0.2s); - @include transition-property(color, border-color); + transition-duration: 0.2s; + transition-property: color, border-color; color: lighten($silver, 20%); cursor: pointer; display: inline-block; diff --git a/sass/components/_post.scss b/sass/components/_post.scss index 2e28fc9..5764953 100644 --- a/sass/components/_post.scss +++ b/sass/components/_post.scss @@ -1,26 +1,105 @@ /* - section: 15.1 + section: 14.1 title: Post - template: 15_1_post + template: 14_1_post description: Social media post */ .post { margin-bottom: 1em; + padding-top: 25px; + position: relative; + + &.post--facebook { + padding-top: 0; + } } .post__date { @include font-size(12px); @include font-weight-medium; color: $silver; + float: right; + line-height: 100%; margin-bottom: 0.5em; overflow: hidden; + + .post--facebook & { + float: none; + } +} + +.post__header { + @include font-size(11px); + font-style: italic; + position: absolute; + top: 6px; + + .icon { + @include font-size(16px); + color: $silver; + display: inline-block; + line-height: 0; + margin-right: 3px; + vertical-align: middle; + } +} + +.post__retweeter { + @include font-size(10px); + display: inline; + font-style: normal; +} + +.post__image { + float: left; + margin-right: 1em; } .post__content { - @include font-family-bodytext; - @include font-size(15px); color: $gray; - line-height: 1.5em; + line-height: 1.2em; margin-bottom: 0.4em; overflow: hidden; + + .post--facebook & { + @include font-size(15px); + line-height: 1.5em; + } +} + +.post__author { + padding-bottom: 0; +} + +.post__account { + @include font-size(12px); +} + +.post__message { + @include font-size(12px); + color: $black; + line-height: 1.5em; + margin-bottom: 10px; + margin-top: 10px; +} + +.post__media { +} + +.post__footer { +} + +.post__action { + @include font-size(12px); + @include font-weight-medium; + align-items: center; + display: flex; + color: darken($lightsilver, 10%); + float: left; + margin-right: 1em; + + .icon { + @include font-size(14px); + margin-right: 3px; + } } diff --git a/sass/components/_search-form.scss b/sass/components/_search-form.scss index 3e1016a..97bb5f0 100644 --- a/sass/components/_search-form.scss +++ b/sass/components/_search-form.scss @@ -1,23 +1,22 @@ /* - section: 12.1 + section: 4.1 title: Search form description: */ /* - section: 12.1.1 + section: 4.1.1 title: Search form - template: 12_1_1_search-form + template: 4_1_1_search-form description: */ /* - section: 12.1.2 + section: 4.1.2 title: Search form dark - template: 12_1_2_search-form-dark + template: 4_1_2_search-form-dark description: */ -%search-form, .search-form { max-width: 50em; position: relative; @@ -30,7 +29,7 @@ } .search-form__input { - @include border-radius(0); + border-radius: 0; border: 2px solid $blue; height: 40px; line-height: 34px; @@ -48,7 +47,7 @@ } input[type="submit"].search-form__submit { - @include border-radius(0); + border-radius: 0; @include icon(); // Unicode is provided by the form background-color: $blue; bottom: 0; @@ -66,7 +65,6 @@ input[type="submit"].search-form__submit { } } -%search-form--dark, .search-form--dark {} .search-form--dark__input { @@ -109,7 +107,6 @@ input[type="submit"].search-form--dark__submit { } } -%search-form-large, .search-form-large { @include border-bottom; @include clearfix; diff --git a/sass/components/_table.scss b/sass/components/_table.scss index 33eb56c..375d08e 100644 --- a/sass/components/_table.scss +++ b/sass/components/_table.scss @@ -160,7 +160,7 @@ } &:before { - @include background-image(linear-gradient(right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.0001) 100%)); + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.0001) 100%); content: " "; height: 100%; left: 35%; @@ -172,7 +172,7 @@ } &:after { - @include background-image(linear-gradient(right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.0001) 100%)); + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.0001) 100%); content: " "; height: 100%; position: absolute; diff --git a/sass/components/box/_box-application.scss b/sass/components/box/_box-application.scss index d5e1f6b..1392aa0 100644 --- a/sass/components/box/_box-application.scss +++ b/sass/components/box/_box-application.scss @@ -71,8 +71,8 @@ > a { @include button-next-transparent; @include font-weight-medium; - @include transition-duration(0.1s); - @include transition-property(color); + transition-duration: 0.1s; + transition-property: color; text-align: right; } } diff --git a/sass/components/box/_box-card.scss b/sass/components/box/_box-card.scss index 6418bc8..02238ee 100644 --- a/sass/components/box/_box-card.scss +++ b/sass/components/box/_box-card.scss @@ -6,16 +6,14 @@ */ %box-card, .box-card { - @include display-flex; @include font-size(14px); - @include transition-duration(0.3s); - @include transition-property(all); + transition-duration: 0.3s; + transition-property: all; border: none; color: $black; + display: flex; flex: 1 1 auto; - -webkit-flex: 1 1 auto; flex-direction: column; - -webkit-flex-direction: column; line-height: 19px; &.theme-plain { @@ -25,7 +23,6 @@ .box-card__item { @include breakpoint($small) { flex-direction: row; - -webkit-flex-direction: row; } &:last-of-type { @@ -62,34 +59,24 @@ } .box-card__content { - @include display-flex; background-color: lighten($lightsilver, 5%); + display: flex; flex: 1 1 auto; - -webkit-flex: 1 1 auto; flex-direction: column; - -webkit-flex-direction: column; line-height: 19px; padding: 0.75em 1.25em; } .box-card__item { - @include display-flex; border: none; + display: flex; flex: 1 1 auto; - -webkit-flex: 1 1 auto; flex-direction: column; - -webkit-flex-direction: column; margin: 0; padding: 0; @include breakpoint($small) { flex-direction: row; - -webkit-flex-direction: row; - - .gridder-box-width-1 & { - flex-direction: column; - -webkit-flex-direction: column; - } } &:last-of-type { @@ -114,46 +101,6 @@ border: none; padding-left: 2em; } - - .gridder-box-width-1 & { - border: none; - flex-direction: column; - -webkit-flex-direction: column; - padding: 0; - width: auto; - - &.theme-secondary { - border: none; - padding: 0; - width: auto; - } - } - - .gridder-box-width-2 &, - .gridder-box-width-3 &, - .gridder-box-width-4 & { - border-bottom: none; - border-right: 1px solid $lightsilver; - margin-bottom: 0; - margin-right: 30px; - } - - .gridder-box-width-2 &, - .gridder-box-width-3 &, - .gridder-box-width-4 & { - width: 31%; - - &.theme-secondary { - @include display-flex; - -webkit-flex: 1 1 auto; - flex: 1 1 auto; - width: 66%; - - .box-card__field-wrapper { - width: 50%; - } - } - } } } @@ -191,11 +138,11 @@ position: relative; &:before { - @include transform(translateY(-25%)); color: $silver; content: 'L'; left: 0; position: absolute; + transform: translateY(-25%); } &:first-of-type { @@ -211,12 +158,13 @@ .box-card__link { @include font-weight-medium; @include font-size(14px); - @include transition-duration(0.1s); - @include transition-property(color); + transition-duration: 0.1s; + transition-property: color; align-self: flex-end; color: $white !important; font-weight: 400; float: right; + height: 18px; margin-top: auto; padding: 0; diff --git a/sass/components/box/_box-data.scss b/sass/components/box/_box-data.scss index 86757bc..1cdac2f 100644 --- a/sass/components/box/_box-data.scss +++ b/sass/components/box/_box-data.scss @@ -7,7 +7,7 @@ %box-data, .box-data { - @include display-flex; + display: flex; padding: 0 0 15px 0; @include breakpoint($small) { @@ -22,7 +22,7 @@ } .box-data__date { - @include display-flex; + display: flex; @extend .box-data__title; align-items: center; background-color: $gray; diff --git a/sass/components/box/_box-hero.scss b/sass/components/box/_box-hero.scss index 88d732e..ca35c0e 100644 --- a/sass/components/box/_box-hero.scss +++ b/sass/components/box/_box-hero.scss @@ -23,8 +23,8 @@ } @include breakpoint($large) { - @include grid-span(7, 1); margin: 0; + width: 43%; } &.theme-prominent { diff --git a/sass/components/box/_box-story.scss b/sass/components/box/_box-story.scss index f0a4ab1..d1689fd 100644 --- a/sass/components/box/_box-story.scss +++ b/sass/components/box/_box-story.scss @@ -11,8 +11,8 @@ */ %box-story, .box-story { - @include transition-property(background-color); - @include transition-duration(0.1s); + transition-property: background-color; + transition-duration: 0.1s; display: flex; flex: 1 1 auto; flex-direction: column; @@ -223,7 +223,7 @@ text-align: right; &.theme-bold { - @include text-shadow-outline-small; + text-shadow: 1px 1px 1px #222, 0px 0px 1px rgba(0, 0, 0, 0.6); background: none; font-size: 1.05em; font-weight: bold; @@ -257,9 +257,9 @@ } .box-story__title { - @include display-flex; - @include transition-property(color); - @include transition-duration(0.1s); + display: flex; + transition-property: color; + transition-duration: 0.1s; align-items: center; overflow: hidden; } @@ -292,8 +292,8 @@ .box-story__link { @include font-weight-medium; - @include transition-duration(0.1s); - @include transition-property(color); + transition-duration: 0.1s; + transition-property: color; color: $darkgray; .box-story:active &, @@ -367,6 +367,7 @@ .box-story--liftup { @extend %box-story; clear: both; + display: block; overflow: visible; .box-story__image { diff --git a/sass/forms/_forms.scss b/sass/forms/_forms.scss deleted file mode 100644 index 2b6db1c..0000000 --- a/sass/forms/_forms.scss +++ /dev/null @@ -1,190 +0,0 @@ -/* - section: 4 - title: Forms - description: Description about forms. -*/ - -/* - section: 4.1 - title: Forms, Basic - description: Basic form elements. -*/ - -/* - section: 4.1.1 - title: Forms, Select - template: 4_1_1_forms-select - description: Select form element. -*/ - -//Moved to common elements - -/* - section: 4.1.2 - title: Forms, Checkbox - template: 4_1_2_forms-checkbox - description: Checkbox form element. -*/ -.form-type-checkbox { //TODO: Refactor - input { - display: none; - } - - input[type=checkbox]:checked + label:before { - @include font-weight-medium; - @include font-size(16px); - color: $blue; - content: "x"; - line-height: 11px; - text-align: center; - } - - label { - @include font-size(13px); - @include font-weight-medium; - color: $gray; - cursor: pointer; - display: inline-block; - line-height: 19px; - margin-bottom: 10px; - margin-right: 15px; - padding-left: 25px; - position: relative; - } - - label:before { - border: 1px solid $blue; - content: ""; - display: inline-block; - height: 17px; - left: 0; - margin-right: 10px; - position: absolute; - top: 2px; - width: 16px; - } - - @include breakpoint($small) { - // @include reset-columns; - clear: both; - } -} - -/* - section: 4.1.3 - title: Forms, Radio - template: 4_1_3_forms-radio - description: Radio form element. -*/ -.form-type-radio { //TODO: Refactor - clear: right; - &:last-child { - margin-bottom: 1em; - } - input { - display: none; - } - - input[type=radio]:checked + label:before { - @include font-size(30px); - color: $blue; - content: "\2022"; - line-height: 14px; - text-align: center; - } - - label { - @include font-size(13px); - @include font-weight-medium; - color: $gray; - cursor: pointer; - display: inline-block; - line-height: 19px; - margin-bottom: 5px; - margin-right: 15px; - padding-left: 25px; - position: relative; - } - - label:before { - border: 1px solid $blue; - border-radius: 8px; - content: ""; - display: inline-block; - height: 16px; - left: 0; - margin-right: 10px; - position: absolute; - top: 2px; - width: 16px; - } -} - -/* - section: 4.1.4 - title: Forms, Input - template: 4_1_4_forms-input - description: input form element. -*/ -.form-type-text { //TODO: Refactor - input { - @include font-size(16px); - @include font-weight-medium; - border: 1px solid darken($lightsilver, 20%); - color: $gray; - padding: 10px; - width: 100%; - - &.form-submit { - background-color: $blue; - color: $white; - padding: 10px 30px; - width: auto; - } - - &.error { - border: 1px solid $brown; - } - } - - @include breakpoint($small) { - @include grid-span(8); - - &:nth-child(even) { - // Todo: what's omega? - //@include grid-span(8, omega); - } - } - - label { - @include subtitle-thin; - - .form-required { - @include subtitle; - color: $blue; - } - } - - .description { - @include font-size(12px); - @include font-weight-medium; - color: $gray; - margin-top: 5px; - } -} - -/* - section: 4.1.5 - title: Forms, Textarea - template: 4_1_5_forms-textarea - description: Textarea form element. -*/ -//Moved to common elements - -/* - section: 4.1.6 - title: Forms, Submit - template: 4_1_6_forms-submit - description: Submit form element. -*/ -//Moved to common elements diff --git a/sass/forms/_search-form.scss b/sass/forms/_search-form.scss deleted file mode 100644 index 1ffc79a..0000000 --- a/sass/forms/_search-form.scss +++ /dev/null @@ -1,68 +0,0 @@ -/* - section: 4.2 - title: Search form - template: 4_2_search-form - description: The search form for normal and mobile browsers. -*/ - -.form-type-search { //TODO: Refactor - position: relative; - - @include breakpoint($mobile-only) { - background-color: $black; - display: block; - margin: 0; - max-width: 100%; - padding: 14px 52px; - width: 100%; - - form { - position: relative; - } - } - - @include breakpoint($small) { - position: relative; - } -} - -.form-type-search input[type="text"] { - background: $darkgray; - border: none; - color: $white; - line-height: 34px; - margin-bottom: 0; - max-width: 100%; - min-height: 34px; - padding-left: 12px; - padding-right: 34px; - width: 100%; - - &:focus { - outline-color: $blue; - } - - @include breakpoint($small) { - @include font-size(12px); - } -} - -.form-type-search input[type="submit"] { - @extend %button; - @include icon(); - background-color: transparent; - height: 36px; - padding: 0; - position: absolute; - right: 0; - top: 0; - width: 34px; - - .search-form__input:focus + & { - color: $blue; - - &:hover { - color: $white; - } - } -} diff --git a/sass/icons/__icon_font.scss b/sass/icons/__icon_font.scss index 7bd3ab1..6f8abb2 100644 --- a/sass/icons/__icon_font.scss +++ b/sass/icons/__icon_font.scss @@ -181,4 +181,6 @@ .icon--social-media:after { @include icon("\EA73"); } .icon--dot:after { @include icon("\EA74"); } .icon--google-plus:after { @include icon("\EA75"); } -.icon--share:after { @include icon("\EA76"); } \ No newline at end of file +.icon--share:after { @include icon("\EA76"); } +.icon--heart:after { @include icon("\EA77"); } +.icon--retweet:after { @include icon("\EA78"); } \ No newline at end of file diff --git a/sass/icons/__variables.scss b/sass/icons/__variables.scss index 8f51805..a03a7ee 100644 --- a/sass/icons/__variables.scss +++ b/sass/icons/__variables.scss @@ -218,3 +218,7 @@ $icon-dot: "\EA74"; $icon-google-plus: "\EA75"; $icon-share: "\EA76"; + +$icon-heart: "\EA77"; + +$icon-retweet: "\EA78"; diff --git a/sass/icons/_icons.scss b/sass/icons/_icons.scss index 1e559c4..db772cc 100644 --- a/sass/icons/_icons.scss +++ b/sass/icons/_icons.scss @@ -1,2 +1,15 @@ +/* + section: 2 + title: Icons + description: +*/ + +/* + section: 2.1 + title: Icons + template: 2_1_icons + description: +*/ + @import "__variables.scss"; @import "__icon_font.scss"; diff --git a/sass/layouts/common/_grid.scss b/sass/layouts/common/_grid.scss deleted file mode 100644 index af8d6d8..0000000 --- a/sass/layouts/common/_grid.scss +++ /dev/null @@ -1,132 +0,0 @@ -// TODO: refactoring / streamlining needed for our grid classes - -/* - section: 1.2 - title: Grid - description: The recommended grid to use is singularity. - */ - -/** - * Gridder container and box classes - */ -$grid-gutter: $vert-spacing-unit / 2; - -.gridder-container-4 { - &.theme-alt { - > .gridder-box { - > * { - border-bottom: 1px solid $lightsilver; - } - - &:last-child > * { - border-bottom: none; - } - - @include breakpoint($small) { - margin-bottom: 0; - - &:nth-last-of-type(-n+2) > * { - border-bottom: none; - } - } - - @include breakpoint($small-only) { - margin-bottom: 30px; - width: 50%; - - &:nth-of-type(2n) > * { - border-right: none; - } - } - - @include breakpoint($medium) { - > * { - border-bottom: none; - border-right: 1px solid $lightsilver; - padding-right: 15px; - } - - &:last-child > * { - border-right: none; - } - } - } - } -} - -.gridder-parent { - margin-bottom: 0; - margin-left: auto; - margin-right: auto; - padding: 0 16px; - - @include breakpoint($small) { - margin-left: 0; - margin-right: 0; - } -} - -.gridder-box { - @include display-flex; - flex-direction: column; - -webkit-flex-direction: column; - margin-bottom: $vert-spacing-unit; - margin-left: auto; - margin-right: auto; - max-width: 450px; - padding: 0 16px; - - @include breakpoint($small) { - margin-left: 0; - margin-right: 0; - max-width: none; - } - - &.theme-compact { - margin-bottom: 1em; - } -} - -// Different widths -@for $grid-columns from 1 through 4 { - $gridder-box-width: 100% / $grid-columns; - - .gridder-container-#{$grid-columns} { - .gridder-parent & { - margin: 0 (-$grid-gutter); - } - - @include breakpoint($small) { - @include display-flex; - -webkit-flex-flow: row wrap; - flex-flow: row wrap; - margin: 0 (-$grid-gutter); - } - - > .gridder-box { - @include breakpoint($small) { - width: $gridder-box-width; - - &.gridder-box-width-#{$grid-columns} { - width: 100%; - } - - @for $i from 1 through 4 { - &.gridder-box-width-#{$i} { - width: $gridder-box-width * $i; - } - } - } - } - - > .gridder-parent { - @include breakpoint($small) { - @for $i from 1 through 4 { - &.gridder-box-width-#{$i} { - width: $gridder-box-width * $i; - } - } - } - } - } -} diff --git a/sass/layouts/common/_l-footer.scss b/sass/layouts/common/_l-footer.scss new file mode 100644 index 0000000..e61e012 --- /dev/null +++ b/sass/layouts/common/_l-footer.scss @@ -0,0 +1,72 @@ +/* + section: 15.2 + title: Footer + template: 15_2_footer + description: The footer. +*/ + +.l-footer { + background-color: $black; + overflow: hidden; + padding-bottom: 10px; + padding-top: 2em; +} + +.l-footer__subregion { + @include container; + display: flex; + flex-direction: column; + justify-content: space-between; + + @include breakpoint($small) { + flex-direction: row; + flex-wrap: wrap; + } +} + +.l-footer__column { + margin-bottom: 2em; + + @include breakpoint($small) { + margin-bottom: 0; + width: 31%; + } + + &.theme-sub { + margin-bottom: 0; + order: 3; + + @include breakpoint($small) { + order: 0; + } + } + + &.theme-center { + text-align: center; + + @include breakpoint($small) { + text-align: left; + } + } +} + +.l-footer__copyright { + @include container; + + p { + @include text-informative; + @include font-size(12px); + color: $lightsilver; + font-weight: 500; + padding: 16px 0; + text-align: center; + + @include breakpoint($small) { + float: right; + margin-top: -50px; + padding: 0 0 16px 20px; + text-align: left; + width: 24%; + } + } +} diff --git a/sass/layouts/common/_l-top-bar.scss b/sass/layouts/common/_l-top-bar.scss new file mode 100644 index 0000000..cf4bd3f --- /dev/null +++ b/sass/layouts/common/_l-top-bar.scss @@ -0,0 +1,67 @@ +/* + section: 15.1 + title: Top bar + template: 15_1_top-bar + description: The top bar. +*/ + + +.l-top-bar { + @include breakpoint($small) { + background-color: $black; + } +} + +.l-top-bar__subregion { + display: flex; + flex-direction: column; + + @include breakpoint($small) { + @include container; + flex-direction: row; + flex-wrap: wrap; + } +} + +.l-top-bar__main { + align-items: center; + background-color: $black; + display: flex; + flex: 1 1 auto; + height: 70px; + order: 2; + padding-left: 15px; + position: relative; + z-index: 25; + + @include breakpoint($small) { + order: 1; + padding-left: 0; + } +} + +.l-top-bar__sub { + align-items: center; + display: flex; + order: 1; + padding: 0 15px; + + @include breakpoint($small) { + order: 2; + padding: 0; + } +} + +.l-top-bar__subleft { + flex: 1 1 auto; + @include breakpoint($small) { + } +} + +.l-top-bar__subright { + @include breakpoint($small) { + border-left: 1px solid $gray; + margin-left: 15px; + padding-left: 5px; + } +} diff --git a/sass/mixins/_arrow.scss b/sass/mixins/_arrow.scss index 983daf2..a385f8e 100644 --- a/sass/mixins/_arrow.scss +++ b/sass/mixins/_arrow.scss @@ -2,13 +2,13 @@ &:after { @include border-side(left); @include border-side(bottom); - @include transform(rotate(45deg)); - @include transform-origin(0%, 0%); content: ''; height: 19px; left: 0; position: absolute; top: 0; + transform-origin: 0% 0%; + transform: rotate(45deg); width: 19px; z-index: -20; } diff --git a/sass/mixins/_box-shadow.scss b/sass/mixins/_box-shadow.scss index cbff62d..1c7672f 100644 --- a/sass/mixins/_box-shadow.scss +++ b/sass/mixins/_box-shadow.scss @@ -1,15 +1,15 @@ @mixin shadow-under { - @include box-shadow(0 15px 25px -27px $gray); + box-shadow: 0 15px 25px -27px $gray; } @mixin tab-shadow { - @include box-shadow(1px 1px 2px -1px rgba(0, 0, 0, 0.25)); + box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.25); } @mixin box-shadow-outline { - @include box-shadow(0 0 2px $darkgray); + box-shadow: 0 0 2px $darkgray; } @mixin bubble-shadow { - @include box-shadow((-1px) 1px 10px rgba(17, 17, 17, 0.2)); + box-shadow: (-1px) 1px 10px rgba(17, 17, 17, 0.2); } diff --git a/sass/mixins/_button.scss b/sass/mixins/_button.scss index e73ec2e..6f0a697 100644 --- a/sass/mixins/_button.scss +++ b/sass/mixins/_button.scss @@ -1,6 +1,6 @@ @mixin button { - @include transition-duration(0.1s); - @include transition-property(all); + transition-duration: 0.1s; + transition-property: all; @include font-size(15px); background-color: $blue; border: none; @@ -14,8 +14,8 @@ } &:before, &:after { - @include transition-duration(0.1s); - @include transition-property(all); + transition-duration: 0.1s; + transition-property: all; } } @@ -35,11 +35,11 @@ &:before { @include icon($icon-arrow); - @include transition-duration(0.1s); @include vertically-center; color: $blue; left: 1em; position: absolute; + transition-duration: 0.1s; } &.is-active { @@ -47,8 +47,8 @@ color: $white; &:before { - @include transform(translateY(-50%) rotate(90deg)); color: $white; + transform: translateY(-50%) rotate(90deg); } } @@ -88,8 +88,8 @@ } @mixin button-next { - @include transition-duration(0.2s); - @include transition-property(color background-color); + transition-duration: 0.2s; + transition-property: color background-color; @include button-next-transparent; background: $blue; color: $white; @@ -98,8 +98,8 @@ padding-right: 4em; &:after { - @include transition-duration(0.2s); - @include transition-property(color background-color); + transition-duration: 0.2s; + transition-property: color background-color; background-color: $blue--active; color: $white; line-height: 2.8em; diff --git a/sass/mixins/_text-shadow.scss b/sass/mixins/_text-shadow.scss index 892c8d9..70bdbc1 100644 --- a/sass/mixins/_text-shadow.scss +++ b/sass/mixins/_text-shadow.scss @@ -1,15 +1,15 @@ @mixin text-shadow-default { - @include text-shadow(1px 1px 2px rgba(0, 0, 0, 0.6)); + text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); } @mixin text-shadow-outline($color: $black) { - @include text-shadow(1px 1px 0 $color); + text-shadow: 1px 1px 0 $color; } @mixin text-shadow-outline-bold($color: $black) { - @include text-shadow(0 1px 2px $color); + text-shadow: 0 1px 2px $color; } @mixin text-shadow-outline-small($color: $black) { - @include text-shadow(1px 1px 1px $color, 0px 0px 1px rgba(0, 0, 0, 0.6)); + text-shadow: 1px 1px 1px $color, 0px 0px 1px rgba(0, 0, 0, 0.6); } diff --git a/sass/mixins/_transition.scss b/sass/mixins/_transition.scss index 8fbca71..087d6e7 100644 --- a/sass/mixins/_transition.scss +++ b/sass/mixins/_transition.scss @@ -1,7 +1,7 @@ @mixin transition-scale($amount) { - @include transform(translateZ(0)); - @include transition-duration(0.1s); - @include transition-property(transform); + transform: translateZ(0); + transition-duration: 0.1s; + transition-property: transform; &:active, &:hover { @@ -10,10 +10,6 @@ } @mixin transition-element($property, $time) { - @include transform(translate3d(0, 0, 0)); - -webkit-transition: $property $time ease; - -moz-transition: $property $time ease; - -ms-transition: $property $time ease; - -o-transition: $property $time ease; + transform: translate3d(0, 0, 0); transition: $property $time ease; } diff --git a/sass/mixins/_typography.scss b/sass/mixins/_typography.scss index f3ed7b7..25c78f5 100644 --- a/sass/mixins/_typography.scss +++ b/sass/mixins/_typography.scss @@ -15,8 +15,8 @@ @mixin font-family-bodytext { font-family: 'Open Sans', Helvetica, Arial, sans-serif, Nimbus Sans L; - // font-family: 'Lora', Georgia, serif; } + // Weights @mixin font-weight-light { font-weight: 300; @@ -104,8 +104,6 @@ text-transform: uppercase; } -// --- OLD STUFF BELOW --- // - /** * Mixin for subtitle */ diff --git a/sass/mixins/_utility.scss b/sass/mixins/_utility.scss index b0d1554..06c0ccc 100644 --- a/sass/mixins/_utility.scss +++ b/sass/mixins/_utility.scss @@ -1,10 +1,3 @@ -@mixin transform($transform) { - -webkit-transform: $transform; - -moz-transform: $transform; - -ms-transform: $transform; - -transform: $transform; -} - @mixin vertically-center { transform: translateY(-50%); position: absolute; @@ -22,11 +15,11 @@ } @mixin background-color($bg-color) { - @include transition-duration(0.1s); - @include transition-property(all); + transition-duration: 0.1s; + transition-property: all; background-color: $bg-color; &:hover { background-color: darken($bg-color, 10%); } -} \ No newline at end of file +} diff --git a/sass/objects/_button.scss b/sass/objects/_button.scss index 10ffa9a..74a6a85 100644 --- a/sass/objects/_button.scss +++ b/sass/objects/_button.scss @@ -1,13 +1,13 @@ /* - section: 3.5 + section: 3.7 title: Buttons description: */ /* - section: 3.5.1 + section: 3.7.1 title: Button - template: 3_5_1-button + template: 3_7_1-button description: */ %button, @@ -31,9 +31,9 @@ } /* - section: 3.5.2 + section: 3.7.2 title: Button accordion - template: 3_5_2-button--accordion + template: 3_7_2-button--accordion description: */ %button--accordion, @@ -49,11 +49,11 @@ &:before { @include icon($icon-link-arrow); - @include transform(translateY(-50%) rotate(270deg)); - @include transition-duration(0.1s); @include vertically-center; left: 1em; position: absolute; + transform: translateY(-50%) rotate(270deg); + transition-duration: 0.1s; } &.is-active { @@ -61,7 +61,7 @@ color: $white; &:before { - @include transform(translateY(-50%) rotate(90deg)); + transform: translateY(-50%) rotate(90deg); color: $white; } } @@ -73,9 +73,9 @@ } /* - section: 3.5.3 + section: 3.7.3 title: Button action - template: 3_5_3-button--action + template: 3_7_3-button--action description: */ %button--action, @@ -148,9 +148,9 @@ } /* - section: 3.5.4 + section: 3.7.4 title: Button action before - template: 3_5_4-button--action-before + template: 3_7_4-button--action-before description: */ %button--action-before, @@ -183,9 +183,9 @@ } /* - section: 3.5.5 + section: 3.7.5 title: Button anchor - template: 3_5_5-button--anchor + template: 3_7_5-button--anchor description: */ .button--anchor { @@ -221,9 +221,9 @@ } /* - section: 3.5.6 + section: 3.7.6 title: Button icon - template: 3_5_6-button--icon + template: 3_7_6-button--icon description: */ .button--icon { @@ -264,9 +264,9 @@ } /* - section: 3.5.7 + section: 3.7.7 title: Button group - template: 3_5_7-button-group + template: 3_7_7-button-group description: */ %button-group, @@ -283,9 +283,9 @@ } /* - section: 3.5.8 + section: 3.7.8 title: Button group small - template: 3_5_8-button-group--small + template: 3_7_8-button-group--small description: */ .button-group--small { diff --git a/sass/objects/_misc.scss b/sass/objects/_misc.scss index 73ff75c..0b75a5a 100644 --- a/sass/objects/_misc.scss +++ b/sass/objects/_misc.scss @@ -22,30 +22,8 @@ @include horizontal-rule(bottom); } -.tiedekulma-embed { - display: inline-block; - margin-bottom: 0.5em; - position: relative; - width: 100%; - - &:after { - content: ''; - display: block; - padding-top: 55%; // Aspect ratio of 322 x 190 - } - - > * { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - } -} - .link-wrapper { display: block; - height: 100%; } .float-left { diff --git a/sass/styles.scss b/sass/styles.scss index 3b7c95e..65cb64e 100644 --- a/sass/styles.scss +++ b/sass/styles.scss @@ -5,24 +5,17 @@ */ // Import external libraries. -@import "compass"; @import "breakpoint"; -@import "singularitygs"; -@import "toolkit"; // Generate normalize.css. @import "normalize"; -@import "toolkit/kickstart"; - @import "variables/**/*"; @import "mixins/**/*"; @import "icons/**/*"; @import "objects/**/*"; @import "typography/**/*"; @import "layouts/**/*"; -@import "forms/**/*"; @import "common-elements/**/*"; @import "components/**/*"; -@import "_theme.scss"; @import "_states.scss"; diff --git a/sass/typography/_typography.scss b/sass/typography/_typography.scss deleted file mode 100644 index 54d80c8..0000000 --- a/sass/typography/_typography.scss +++ /dev/null @@ -1,18 +0,0 @@ -/* - section: 2 - title: Typography - description: Description about typography. -*/ - -/* - section: 2.1 - title: Fonts - description: Helsingin yliopisto - Julkiset uses "Open sans" for most of the typography, the other font used is "Georgia". -*/ - -/* - section: 2.2 - title: Icons - template: 2_2_icons - description: HY icons -*/ diff --git a/sass/variables/_breakpoints.scss b/sass/variables/_breakpoints.scss index 9a0e87d..374ccfb 100644 --- a/sass/variables/_breakpoints.scss +++ b/sass/variables/_breakpoints.scss @@ -1,4 +1,4 @@ -// Singularity and Breakpoint variables +// Breakpoint variables, gutters and spacings $vert-spacing-unit: 30px; $horz-spacing-unit: 30px; @@ -12,8 +12,4 @@ $small-only: (min-width $bp-small) (max-width $bp-medium); $medium: $bp-medium, "no-query" ".lt-ie9"; $large: $bp-large; -@include add-grid(12); -@include add-grid(16 at $bp-small); -$output: "float"; - $gutters: $horz-spacing-unit; diff --git a/sass/variables/_colors.scss b/sass/variables/_colors.scss index 0aeb98f..de61d39 100644 --- a/sass/variables/_colors.scss +++ b/sass/variables/_colors.scss @@ -21,10 +21,10 @@ $black: #222; color-list: list colors: $blue, $blue--active, $darkblue, $darkblue--active, $lightsilver, $silver, $darksilver, $lightgray, $gray, $darkgray, $green, $brown */ -$blue: #178feb; -$blue--active: darken($blue, 10%); -$darkblue: darken($blue, 20%); -$darkblue--active: darken($darkblue, 10%); +$blue: #0098d0; +$blue--active: #0882B3; +$darkblue: #005479; +$darkblue--active: #003146; // 6 shades of gray. Still 44 to go. $darkwhite : #FAFAFA; @@ -48,17 +48,17 @@ $brown: #974822; */ $lightblue : #3a75c4; // Humanistinen tiedekunta -$darkgreen : #009e60; // Eläinlääketieteellinen tiedekunta -$yellow : #fcd116; // Käyttäytymistieteellinen tiedekunta +$darkgreen : #009e60; // Elainlaaketieteellinen tiedekunta +$yellow : #fcd116; // Kayttaytymistieteellinen tiedekunta $lila : #9258c8; // Teologinen tiedekunta $darkred : #8c0032; // Oikeustieteellinen tiedekunta $red : #e5053a; // Valtiotieteellinen tiedekunta $orange : #fca311; // Matemaattisluonnontieteellinen tiedekunta -$turquoise : #00b08c; // Maatalous-metsätieteellinen tiedekunta -$darkturquoise : #00a39a; // Lääketieteellinen tiedekunta +$turquoise : #00b08c; // Maatalous-metsatieteellinen tiedekunta +$darkturquoise : #00a39a; // Laaketieteellinen tiedekunta $lightturquoise : #00bd9d; // Farmasian tiedekunta -$limegreen : #5bbf21; // Bio- ja ympäristötieteellinen tiedekunta -$pink : #e63375; // Svenska social och kommunalhögskolan +$limegreen : #5bbf21; // Bio- ja ymparistotieteellinen tiedekunta +$pink : #e63375; // Svenska social och kommunalhogskolan // Faculty colours in a array-map for easier looping. REQUIRES SASS 3.3. diff --git a/sass/variables/_typography.scss b/sass/variables/_typography.scss index cb26ca7..d9260be 100644 --- a/sass/variables/_typography.scss +++ b/sass/variables/_typography.scss @@ -54,61 +54,5 @@ url('../fonts/Open-Sans-700/Open-Sans-700.svg#OpenSans') format('svg'); } -@font-face { - font-family: 'Lora'; - font-weight: 400; - font-style: normal; - src: url('../fonts/Lora-regular/Lora-regular.eot'); - src: url('../fonts/Lora-regular/Lora-regular.eot?#iefix') format('embedded-opentype'), - local('Lora'), - local('Lora-regular'), - url('../fonts/Lora-regular/Lora-regular.ttf') format('truetype'), - url('../fonts/Lora-regular/Lora-regular.woff2') format('woff2'), - url('../fonts/Lora-regular/Lora-regular.woff') format('woff'), - url('../fonts/Lora-regular/Lora-regular.svg#Lora') format('svg'); -} - -@font-face { - font-family: 'Lora'; - font-weight: 700; - font-style: normal; - src: url('../fonts/Lora-700/Lora-700.eot'); - src: url('../fonts/Lora-700/Lora-700.eot?#iefix') format('embedded-opentype'), - local('Lora Bold'), - local('Lora-700'), - url('../fonts/Lora-700/Lora-700.ttf') format('truetype'), - url('../fonts/Lora-700/Lora-700.woff2') format('woff2'), - url('../fonts/Lora-700/Lora-700.woff') format('woff'), - url('../fonts/Lora-700/Lora-700.svg#Lora') format('svg'); -} - -@font-face { - font-family: 'Lora'; - font-weight: 400; - font-style: italic; - src: url('../fonts/Lora-italic/Lora-italic.eot'); - src: url('../fonts/Lora-italic/Lora-italic.eot?#iefix') format('embedded-opentype'), - local('Lora Italic'), - local('Lora-italic'), - url('../fonts/Lora-italic/Lora-italic.ttf') format('truetype'), - url('../fonts/Lora-italic/Lora-italic.woff2') format('woff2'), - url('../fonts/Lora-italic/Lora-italic.woff') format('woff'), - url('../fonts/Lora-italic/Lora-italic.svg#Lora') format('svg'); -} - -@font-face { - font-family: 'Lora'; - font-weight: 700; - font-style: italic; - src: url('../fonts/Lora-700italic/Lora-700italic.eot'); - src: url('../fonts/Lora-700italic/Lora-700italic.eot?#iefix') format('embedded-opentype'), - local('Lora Bold Italic'), - local('Lora-700italic'), - url('../fonts/Lora-700italic/Lora-700italic.ttf') format('truetype'), - url('../fonts/Lora-700italic/Lora-700italic.woff2') format('woff2'), - url('../fonts/Lora-700italic/Lora-700italic.woff') format('woff'), - url('../fonts/Lora-700italic/Lora-700italic.svg#Lora') format('svg'); -} - $mobile-font-size: 14px; $base-font-size: 16px; diff --git a/templates/13_1_1_avatar-image.html b/templates/12_1_1_avatar-image.html similarity index 100% rename from templates/13_1_1_avatar-image.html rename to templates/12_1_1_avatar-image.html diff --git a/templates/12_1_1_search-form.html b/templates/12_1_1_search-form.html deleted file mode 100644 index 4a42a5f..0000000 --- a/templates/12_1_1_search-form.html +++ /dev/null @@ -1,4 +0,0 @@ -
- - -
\ No newline at end of file diff --git a/templates/12_1_2_search-form-dark.html b/templates/12_1_2_search-form-dark.html deleted file mode 100644 index 49a62a5..0000000 --- a/templates/12_1_2_search-form-dark.html +++ /dev/null @@ -1,4 +0,0 @@ -
- - -
\ No newline at end of file diff --git a/templates/13_1_1-label-row.html b/templates/13_1_1-label-row.html new file mode 100644 index 0000000..8b32f91 --- /dev/null +++ b/templates/13_1_1-label-row.html @@ -0,0 +1,8 @@ +
+
+ Uutinen +
+
+ Yliopisto-lehti +
+
\ No newline at end of file diff --git a/templates/14_1_1-label-row.html b/templates/14_1_1-label-row.html deleted file mode 100644 index c91d52e..0000000 --- a/templates/14_1_1-label-row.html +++ /dev/null @@ -1,8 +0,0 @@ -
-
- Uutinen -
-
- Yliopisto-lehti -
-
\ No newline at end of file diff --git a/templates/14_1_post.html b/templates/14_1_post.html new file mode 100644 index 0000000..67f3d98 --- /dev/null +++ b/templates/14_1_post.html @@ -0,0 +1,15 @@ + \ No newline at end of file diff --git a/templates/15_1_1_links.html b/templates/15_1_1_links.html new file mode 100644 index 0000000..783cba0 --- /dev/null +++ b/templates/15_1_1_links.html @@ -0,0 +1,9 @@ +
+ Flamma + Helsingin kaupunki +
+
+ en + fi + sv +
\ No newline at end of file diff --git a/templates/15_1_post.html b/templates/15_1_post.html deleted file mode 100644 index cb95fcd..0000000 --- a/templates/15_1_post.html +++ /dev/null @@ -1,15 +0,0 @@ - \ No newline at end of file diff --git a/templates/15_1_top-bar.html b/templates/15_1_top-bar.html new file mode 100644 index 0000000..941b9d2 --- /dev/null +++ b/templates/15_1_top-bar.html @@ -0,0 +1,24 @@ +
+
+
+ +
+
+
+
+ Flamma + Helsingin kaupunki +
+
+
+
+ en + fi + sv +
+
+
+
+
diff --git a/templates/15_2_footer.html b/templates/15_2_footer.html new file mode 100644 index 0000000..34db6d1 --- /dev/null +++ b/templates/15_2_footer.html @@ -0,0 +1,38 @@ +
+
+
+
+ +
+

Hel­sin­gin yli­opis­to

+

PL 3 (Fabianinkatu 33)
+ 00014 Helsingin yliopisto

+

Puhelinvaihde: 02941 911

+
+
+
+
+
+ Yhteystiedot + Anna palautetta + Tietoa sivustosta + Kirjasto + Flamma +
+
+
+
+ + + + + +
+
+
+
+

© Helsingin yliopisto 2016

+
+
\ No newline at end of file diff --git a/templates/2_2_icons.html b/templates/2_1_icons.html similarity index 98% rename from templates/2_2_icons.html rename to templates/2_1_icons.html index 369ad72..fdadf7f 100644 --- a/templates/2_2_icons.html +++ b/templates/2_1_icons.html @@ -41,6 +41,7 @@ + @@ -87,6 +88,7 @@ + @@ -146,6 +148,7 @@ + @@ -192,6 +195,7 @@ + diff --git a/templates/3_5_form-components.html b/templates/3_5_form-components.html new file mode 100644 index 0000000..068b4ce --- /dev/null +++ b/templates/3_5_form-components.html @@ -0,0 +1,17 @@ +
+ + +
+ +
+ +
+ +
+ +
diff --git a/templates/3_5_1-button.html b/templates/3_7_1-button.html similarity index 100% rename from templates/3_5_1-button.html rename to templates/3_7_1-button.html diff --git a/templates/3_5_2-button--accordion.html b/templates/3_7_2-button--accordion.html similarity index 100% rename from templates/3_5_2-button--accordion.html rename to templates/3_7_2-button--accordion.html diff --git a/templates/3_5_3-button--action.html b/templates/3_7_3-button--action.html similarity index 100% rename from templates/3_5_3-button--action.html rename to templates/3_7_3-button--action.html diff --git a/templates/3_5_4-button--action-before.html b/templates/3_7_4-button--action-before.html similarity index 100% rename from templates/3_5_4-button--action-before.html rename to templates/3_7_4-button--action-before.html diff --git a/templates/3_5_5-button--anchor.html b/templates/3_7_5-button--anchor.html similarity index 100% rename from templates/3_5_5-button--anchor.html rename to templates/3_7_5-button--anchor.html diff --git a/templates/3_5_6-button--icon.html b/templates/3_7_6-button--icon.html similarity index 100% rename from templates/3_5_6-button--icon.html rename to templates/3_7_6-button--icon.html diff --git a/templates/3_5_7-button-group.html b/templates/3_7_7-button-group.html similarity index 100% rename from templates/3_5_7-button-group.html rename to templates/3_7_7-button-group.html diff --git a/templates/3_5_8-button-group--small.html b/templates/3_7_8-button-group--small.html similarity index 100% rename from templates/3_5_8-button-group--small.html rename to templates/3_7_8-button-group--small.html diff --git a/templates/4_1_1_forms-select.html b/templates/4_1_1_forms-select.html deleted file mode 100644 index 9aa87e7..0000000 --- a/templates/4_1_1_forms-select.html +++ /dev/null @@ -1,10 +0,0 @@ - -
- - -
\ No newline at end of file diff --git a/templates/4_1_1_search-form.html b/templates/4_1_1_search-form.html new file mode 100644 index 0000000..3bae681 --- /dev/null +++ b/templates/4_1_1_search-form.html @@ -0,0 +1,4 @@ +
+ + +
\ No newline at end of file diff --git a/templates/4_1_2_forms-checkbox.html b/templates/4_1_2_forms-checkbox.html deleted file mode 100644 index fc4f39c..0000000 --- a/templates/4_1_2_forms-checkbox.html +++ /dev/null @@ -1,6 +0,0 @@ -
- - -
\ No newline at end of file diff --git a/templates/4_1_2_search-form-dark.html b/templates/4_1_2_search-form-dark.html new file mode 100644 index 0000000..3d148e5 --- /dev/null +++ b/templates/4_1_2_search-form-dark.html @@ -0,0 +1,4 @@ +
+ + +
\ No newline at end of file diff --git a/templates/4_1_3_forms-radio.html b/templates/4_1_3_forms-radio.html deleted file mode 100644 index c7d172d..0000000 --- a/templates/4_1_3_forms-radio.html +++ /dev/null @@ -1,16 +0,0 @@ -
- - - - - - - - -
\ No newline at end of file diff --git a/templates/4_1_4_forms-input.html b/templates/4_1_4_forms-input.html deleted file mode 100644 index 3cdedb8..0000000 --- a/templates/4_1_4_forms-input.html +++ /dev/null @@ -1,3 +0,0 @@ -
- -
\ No newline at end of file diff --git a/templates/4_1_5_forms-textarea.html b/templates/4_1_5_forms-textarea.html deleted file mode 100644 index aceda63..0000000 --- a/templates/4_1_5_forms-textarea.html +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/templates/4_1_6_forms-submit.html b/templates/4_1_6_forms-submit.html deleted file mode 100644 index 2401c74..0000000 --- a/templates/4_1_6_forms-submit.html +++ /dev/null @@ -1 +0,0 @@ - diff --git a/templates/4_1_forms-basic.html b/templates/4_1_forms-basic.html deleted file mode 100644 index e69de29..0000000 diff --git a/templates/4_2_search-form.html b/templates/4_2_search-form.html deleted file mode 100644 index d54f2a5..0000000 --- a/templates/4_2_search-form.html +++ /dev/null @@ -1,4 +0,0 @@ -
- - -
diff --git a/templates/5_2_side-menu.html b/templates/5_2_side-menu.html deleted file mode 100644 index fb5f63b..0000000 --- a/templates/5_2_side-menu.html +++ /dev/null @@ -1,42 +0,0 @@ - \ No newline at end of file