From c08f130ebac1d2f4dca2fa1d6f7ebe4a64e56250 Mon Sep 17 00:00:00 2001 From: Andrey Yurtaev Date: Sun, 22 Apr 2018 09:11:14 -0400 Subject: [PATCH] by iamdroid: Removed Compass dependency. Small fixes. --- .gitignore | 1 + README.md | 4 +- config.rb | 47 - css/code-highlight.css | 10 +- css/color-themes.css | 1229 ++++++++++++++--- css/flexboxgrid.css | 400 ++---- css/helpers.css | 9 +- css/icons.css | 4 + css/services-icons.css | 254 ++++ css/styles.css | 784 +++++++---- css/theme-dark.css | 19 +- gulpfile.js | 11 +- js/prism.js | 352 +++-- package.json | 9 +- sass/_modules.scss | 23 +- sass/_reset.scss | 55 + sass/_variables.scss | 33 +- sass/color-themes.scss | 7 +- sass/icons.scss | 1 - sass/services-icons.scss | 1 - sass/styles.scss | 5 +- sass/theme-dark.scss | 9 +- starterkits/material_cascade/config.rb | 47 - starterkits/material_cascade/gulpfile.js | 11 +- starterkits/material_cascade/package.json | 9 +- starterkits/material_cascade/sass/custom.scss | 3 - starterkits/material_compile/config.rb | 47 - starterkits/material_compile/gulpfile.js | 11 +- starterkits/material_compile/package.json | 9 +- starterkits/material_compile/sass/styles.scss | 5 +- 30 files changed, 2245 insertions(+), 1164 deletions(-) delete mode 100755 config.rb mode change 100644 => 100755 css/theme-dark.css create mode 100644 sass/_reset.scss delete mode 100644 starterkits/material_cascade/config.rb mode change 100644 => 100755 starterkits/material_cascade/gulpfile.js delete mode 100755 starterkits/material_compile/config.rb diff --git a/.gitignore b/.gitignore index f4457d7..0fc4f39 100755 --- a/.gitignore +++ b/.gitignore @@ -2,3 +2,4 @@ examples/* node_modules/* .sass-cache/* .DS_Store +package-lock.json diff --git a/README.md b/README.md index 9888a55..1456457 100755 --- a/README.md +++ b/README.md @@ -32,10 +32,10 @@ Technologies ------------ * CSS preprocessor - [SASS](http://sass-lang.com) - * SASS Framework - [Compass](http://compass-style.org) + * Build stack - [npm](https://www.npmjs.com) / [Gulp](https://gulpjs.com) * Syntax highlighter - [Prism](http://prismjs.com) * Layout - [Flex box model](http://www.w3.org/TR/css3-flexbox) - * Grid - [Flexbox Grid](http://flexboxgrid.com/) + * Grid - [Flexbox Grid](http://flexboxgrid.com) Features -------- diff --git a/config.rb b/config.rb deleted file mode 100755 index 3ec55ea..0000000 --- a/config.rb +++ /dev/null @@ -1,47 +0,0 @@ -require 'compass/import-once/activate' -# Require any additional compass plugins here. - -require 'breakpoint' - -# Set this to the root of your project when deployed: -http_path = "/" -css_dir = "css" -sass_dir = "sass" -images_dir = "img" -javascripts_dir = "js" - -# You can select your preferred output style here (can be overridden via the command line): -# output_style = :expanded or :nested or :compact or :compressed - -# To enable relative paths to assets via compass helper functions. Uncomment: -relative_assets = true - -# To disable debugging comments that display the original location of your selectors. Uncomment: -line_comments = false - - -# If you prefer the indented syntax, you might want to regenerate this -# project again passing --syntax sass, or you can uncomment this: -# preferred_syntax = :sass -# and then run: -# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass - -# ----- autoprefixer ------ https://github.com/postcss/autoprefixer - -# require 'autoprefixer-rails'# - -# on_stylesheet_saved do |file| -# css = File.read(file) -# map = file + '.map'# - -# if File.exists? map -# result = AutoprefixerRails.process(css, -# from: file, -# to: file, -# map: { prev: File.read(map), inline: false }) -# File.open(file, 'w') { |io| io << result.css } -# File.open(map, 'w') { |io| io << result.map } -# else -# File.open(file, 'w') { |io| io << AutoprefixerRails.process(css) } -# end -# end diff --git a/css/code-highlight.css b/css/code-highlight.css index 3d5d7d3..3e7eacd 100755 --- a/css/code-highlight.css +++ b/css/code-highlight.css @@ -1,4 +1,5 @@ /* break points */ +/* mixins and functions */ @import url(https://fonts.googleapis.com/css?family=Roboto+Mono:400,700&subset=latin,cyrillic-ext); /* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+apacheconf+c+bash+cpp+csharp+ruby+css-extras+git+java+json+markdown+nginx+php+php-extras+sass+scss+twig+yaml&plugins=line-numbers */ /** @@ -128,14 +129,15 @@ pre.line-numbers > code { .card .code-card, .content-card .card-holder .code-card { margin-left: -24px; margin-right: -24px; } } + /* theme dark */ .theme-dark { /* http://prismjs.com/download.html?themes=prism-twilight&languages=markup+css+clike+javascript+apacheconf+c+bash+cpp+csharp+ruby+css-extras+git+java+json+markdown+nginx+php+php-extras+sass+scss+twig+yaml&plugins=line-numbers */ /** - * prism.js Twilight theme - * Based (more or less) on the Twilight theme originally of Textmate fame. - * @author Remy Bach - */ + * prism.js Twilight theme + * Based (more or less) on the Twilight theme originally of Textmate fame. + * @author Remy Bach + */ /* Markup */ } .theme-dark .token.comment, .theme-dark .token.prolog, diff --git a/css/color-themes.css b/css/color-themes.css index 219718c..be8ea8b 100755 --- a/css/color-themes.css +++ b/css/color-themes.css @@ -1,53 +1,68 @@ /* break points */ +/* mixins and functions */ .primary-red #header { background: #f44336; color: #FFF; } + .primary-red.navbar-fixed #navbar { background: #f44336; } + .primary-red.header-bg-image #header, .primary-red.header-bg-object #header { background-color: #f44336; } + .primary-red.header-bg-image.navbar-fixed #header { background: #f44336; } + .primary-red.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-red.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #f44336; } + .primary-red .navbar-icon { color: #FFF; } + .primary-red .navbar-title a { color: #FFF; } + .primary-red .navbar-slogan { color: #FFF; } + .primary-red .navbar-menu .menu a { color: #FFF; } .primary-red .navbar-menu .menu a:hover { border-color: rgba(255, 255, 255, 0.5); color: #FFF; } + .primary-red .navbar-menu .menu .navbar-account-menu .menu a:before { color: #FFF; } + .primary-red .navbar-menu .menu .active a, .primary-red .navbar-menu .menu .active-trail a, .primary-red .navbar-menu .menu .active { border-color: #FFF; } + .primary-red article blockquote { border-color: #f44336; } + .primary-red #drawer .menu li.active a, .primary-red li.active-trail a { color: #e53935; } .primary-red #drawer .menu li.active a.icon-left:before, .primary-red #drawer .menu li.active a.icon-right:after, .primary-red li.active-trail a.icon-left:before, .primary-red li.active-trail a.icon-right:after { color: #e53935; } .primary-red #drawer .menu li.active a.services-icon-left:before, .primary-red #drawer .menu li.active a.services-icon-right:after, .primary-red li.active-trail a.services-icon-left:before, .primary-red li.active-trail a.services-icon-right:after { background: #e53935; } + .primary-red .sidebar .menu li a.is-active { color: #e53935; } + .primary-red .navbar-item.block-search form .form-item input[type="text"], .primary-red .navbar-item.block-search form .form-item input[type="search"], .primary-red #header .block-search form .form-item input[type="text"], .primary-red #header .block-search form .form-item input[type="search"], .primary-red .card-bg-primary .block-search form .form-item input[type="text"], .primary-red .card-bg-primary .block-search form .form-item input[type="search"] { color: #FFF; border-bottom: 1px solid #FFF; } - .primary-red .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-red .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-red #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-red #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(255, 255, 255, 0.3); } - .primary-red .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-red .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-red #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-red #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { + .primary-red .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-red .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-red #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-red #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3); } .primary-red .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-red .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-red #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-red #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); } - .primary-red .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-red .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-red #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-red #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { + .primary-red .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-red .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-red #header .block-search form .form-item input[type="text"]::placeholder, .primary-red #header .block-search form .form-item input[type="search"]::placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { color: rgba(255, 255, 255, 0.3); } + .primary-red .navbar-item.block-search form .form-item.icon-left:before, .primary-red #header .block-search form .form-item.icon-left:before, .primary-red .card-bg-primary .block-search form .form-item.icon-left:before { color: #FFF; } + .primary-red .card-bg-primary { background: #f44336; color: #FFF; } @@ -62,88 +77,114 @@ background: rgba(204, 204, 204, 0.25); } .primary-red .card-bg-primary .rippleAnimate { background-color: rgba(255, 255, 255, 0.1); } + .primary-red .material-icons.text-primary { color: #f44336; } + .primary-red .text-primary, .primary-red a.text-primary, .primary-red a.text-primary:hover, .primary-red a.text-primary:focus { color: #e53935; } + .primary-red .btn-colored, .primary-red .btn-colored:hover, .primary-red .btn-colored:focus, .primary-red .btn.btn-colored, .primary-red .btn.btn-colored:hover, .primary-red .btn.btn-colored:focus, .primary-red input.btn-colored[type="submit"], .primary-red input.btn-colored[type="submit"]:hover, .primary-red input.btn-colored[type="submit"]:focus { color: #e53935; } + .primary-red .btn-raised.btn-colored, .primary-red .btn.btn-raised.btn-colored, .primary-red input.btn-raised[type="submit"].btn-colored { background: #f44336; color: #FFF; } + .primary-red .btn-raised.btn-colored:hover, .primary-red .btn-raised.btn-colored:focus, .primary-red .btn.btn-raised.btn-colored:hover, .primary-red .btn.btn-raised.btn-colored:focus, .primary-red input.btn-raised[type="submit"].btn-colored:hover, .primary-red input.btn-raised[type="submit"].btn-colored:focus { background: #e53935; color: #FFF; } + .primary-red .btn-raised.btn-colored:active, .primary-red .btn.btn-raised.btn-colored:active, .primary-red input.btn-raised[type="submit"].btn-colored:active { background: #d32f2f; } + .primary-red .pager .pager-item.item-current > a, .primary-red .pager .pager-item.item-current > span { color: #e53935; } + .primary-red.theme-dark .text-primary, .primary-red.theme-dark a.text-primary, .primary-red.theme-dark a.text-primary:hover, .primary-red.theme-dark a.text-primary:focus { color: #ef5350; } + .primary-red.theme-dark .btn-colored, .primary-red.theme-dark .btn-colored:hover, .primary-red.theme-dark .btn-colored:focus, .primary-red.theme-dark .btn.btn-colored, .primary-red.theme-dark .btn.btn-colored:hover, .primary-red.theme-dark .btn.btn-colored:focus, .primary-red.theme-dark input.btn-colored[type="submit"], .primary-red.theme-dark input.btn-colored[type="submit"]:hover, .primary-red.theme-dark input.btn-colored[type="submit"]:focus { color: #ef5350; } + .primary-red.theme-dark .btn-raised.btn-colored, .primary-red.theme-dark .btn.btn-raised.btn-colored, .primary-red.theme-dark input.btn-raised.btn-colored { background: #f44336; color: #FFF; } + .primary-red.theme-dark .btn-raised.btn-colored:hover, .primary-red.theme-dark .btn-raised.btn-colored:focus, .primary-red.theme-dark .btn.btn-raised.btn-colored:hover, .primary-red.theme-dark .btn.btn-raised.btn-colored:focus, .primary-red.theme-dark input.btn-raised.btn-colored:hover, .primary-red.theme-dark input.btn-raised.btn-colored:focus { background: #e57373; color: #FFF; } + .primary-red.theme-dark .btn-raised.btn-colored:active, .primary-red.theme-dark .btn.btn-raised.btn-colored:active, .primary-red.theme-dark input.btn-raised.btn-colored:active { background: #ef9a9a; } .primary-pink #header { background: #e91e63; color: #FFF; } + .primary-pink.navbar-fixed #navbar { background: #e91e63; } + .primary-pink.header-bg-image #header, .primary-pink.header-bg-object #header { background-color: #e91e63; } + .primary-pink.header-bg-image.navbar-fixed #header { background: #e91e63; } + .primary-pink.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-pink.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #e91e63; } + .primary-pink .navbar-icon { color: #FFF; } + .primary-pink .navbar-title a { color: #FFF; } + .primary-pink .navbar-slogan { color: #FFF; } + .primary-pink .navbar-menu .menu a { color: #FFF; } .primary-pink .navbar-menu .menu a:hover { border-color: rgba(255, 255, 255, 0.5); color: #FFF; } + .primary-pink .navbar-menu .menu .navbar-account-menu .menu a:before { color: #FFF; } + .primary-pink .navbar-menu .menu .active a, .primary-pink .navbar-menu .menu .active-trail a, .primary-pink .navbar-menu .menu .active { border-color: #FFF; } + .primary-pink article blockquote { border-color: #e91e63; } + .primary-pink #drawer .menu li.active a, .primary-pink li.active-trail a { color: #d81b60; } .primary-pink #drawer .menu li.active a.icon-left:before, .primary-pink #drawer .menu li.active a.icon-right:after, .primary-pink li.active-trail a.icon-left:before, .primary-pink li.active-trail a.icon-right:after { color: #d81b60; } .primary-pink #drawer .menu li.active a.services-icon-left:before, .primary-pink #drawer .menu li.active a.services-icon-right:after, .primary-pink li.active-trail a.services-icon-left:before, .primary-pink li.active-trail a.services-icon-right:after { background: #d81b60; } + .primary-pink .sidebar .menu li a.is-active { color: #d81b60; } + .primary-pink .navbar-item.block-search form .form-item input[type="text"], .primary-pink .navbar-item.block-search form .form-item input[type="search"], .primary-pink #header .block-search form .form-item input[type="text"], .primary-pink #header .block-search form .form-item input[type="search"], .primary-pink .card-bg-primary .block-search form .form-item input[type="text"], .primary-pink .card-bg-primary .block-search form .form-item input[type="search"] { color: #FFF; border-bottom: 1px solid #FFF; } - .primary-pink .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-pink .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-pink #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-pink #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(255, 255, 255, 0.3); } - .primary-pink .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-pink .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-pink #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-pink #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { + .primary-pink .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-pink .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-pink #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-pink #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3); } .primary-pink .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-pink .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-pink #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-pink #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); } - .primary-pink .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-pink .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-pink #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-pink #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { + .primary-pink .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-pink .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-pink #header .block-search form .form-item input[type="text"]::placeholder, .primary-pink #header .block-search form .form-item input[type="search"]::placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { color: rgba(255, 255, 255, 0.3); } + .primary-pink .navbar-item.block-search form .form-item.icon-left:before, .primary-pink #header .block-search form .form-item.icon-left:before, .primary-pink .card-bg-primary .block-search form .form-item.icon-left:before { color: #FFF; } + .primary-pink .card-bg-primary { background: #e91e63; color: #FFF; } @@ -158,88 +199,114 @@ background: rgba(204, 204, 204, 0.25); } .primary-pink .card-bg-primary .rippleAnimate { background-color: rgba(255, 255, 255, 0.1); } + .primary-pink .material-icons.text-primary { color: #e91e63; } + .primary-pink .text-primary, .primary-pink a.text-primary, .primary-pink a.text-primary:hover, .primary-pink a.text-primary:focus { color: #d81b60; } + .primary-pink .btn-colored, .primary-pink .btn-colored:hover, .primary-pink .btn-colored:focus, .primary-pink .btn.btn-colored, .primary-pink .btn.btn-colored:hover, .primary-pink .btn.btn-colored:focus, .primary-pink input.btn-colored[type="submit"], .primary-pink input.btn-colored[type="submit"]:hover, .primary-pink input.btn-colored[type="submit"]:focus { color: #d81b60; } + .primary-pink .btn-raised.btn-colored, .primary-pink .btn.btn-raised.btn-colored, .primary-pink input.btn-raised[type="submit"].btn-colored { background: #e91e63; color: #FFF; } + .primary-pink .btn-raised.btn-colored:hover, .primary-pink .btn-raised.btn-colored:focus, .primary-pink .btn.btn-raised.btn-colored:hover, .primary-pink .btn.btn-raised.btn-colored:focus, .primary-pink input.btn-raised[type="submit"].btn-colored:hover, .primary-pink input.btn-raised[type="submit"].btn-colored:focus { background: #d81b60; color: #FFF; } + .primary-pink .btn-raised.btn-colored:active, .primary-pink .btn.btn-raised.btn-colored:active, .primary-pink input.btn-raised[type="submit"].btn-colored:active { background: #c2185b; } + .primary-pink .pager .pager-item.item-current > a, .primary-pink .pager .pager-item.item-current > span { color: #d81b60; } + .primary-pink.theme-dark .text-primary, .primary-pink.theme-dark a.text-primary, .primary-pink.theme-dark a.text-primary:hover, .primary-pink.theme-dark a.text-primary:focus { color: #ec407a; } + .primary-pink.theme-dark .btn-colored, .primary-pink.theme-dark .btn-colored:hover, .primary-pink.theme-dark .btn-colored:focus, .primary-pink.theme-dark .btn.btn-colored, .primary-pink.theme-dark .btn.btn-colored:hover, .primary-pink.theme-dark .btn.btn-colored:focus, .primary-pink.theme-dark input.btn-colored[type="submit"], .primary-pink.theme-dark input.btn-colored[type="submit"]:hover, .primary-pink.theme-dark input.btn-colored[type="submit"]:focus { color: #ec407a; } + .primary-pink.theme-dark .btn-raised.btn-colored, .primary-pink.theme-dark .btn.btn-raised.btn-colored, .primary-pink.theme-dark input.btn-raised.btn-colored { background: #e91e63; color: #FFF; } + .primary-pink.theme-dark .btn-raised.btn-colored:hover, .primary-pink.theme-dark .btn-raised.btn-colored:focus, .primary-pink.theme-dark .btn.btn-raised.btn-colored:hover, .primary-pink.theme-dark .btn.btn-raised.btn-colored:focus, .primary-pink.theme-dark input.btn-raised.btn-colored:hover, .primary-pink.theme-dark input.btn-raised.btn-colored:focus { background: #f06292; color: #FFF; } + .primary-pink.theme-dark .btn-raised.btn-colored:active, .primary-pink.theme-dark .btn.btn-raised.btn-colored:active, .primary-pink.theme-dark input.btn-raised.btn-colored:active { background: #f48fb1; } .primary-purple #header { background: #9c27b0; color: #FFF; } + .primary-purple.navbar-fixed #navbar { background: #9c27b0; } + .primary-purple.header-bg-image #header, .primary-purple.header-bg-object #header { background-color: #9c27b0; } + .primary-purple.header-bg-image.navbar-fixed #header { background: #9c27b0; } + .primary-purple.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-purple.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #9c27b0; } + .primary-purple .navbar-icon { color: #FFF; } + .primary-purple .navbar-title a { color: #FFF; } + .primary-purple .navbar-slogan { color: #FFF; } + .primary-purple .navbar-menu .menu a { color: #FFF; } .primary-purple .navbar-menu .menu a:hover { border-color: rgba(255, 255, 255, 0.5); color: #FFF; } + .primary-purple .navbar-menu .menu .navbar-account-menu .menu a:before { color: #FFF; } + .primary-purple .navbar-menu .menu .active a, .primary-purple .navbar-menu .menu .active-trail a, .primary-purple .navbar-menu .menu .active { border-color: #FFF; } + .primary-purple article blockquote { border-color: #9c27b0; } + .primary-purple #drawer .menu li.active a, .primary-purple li.active-trail a { color: #8e24aa; } .primary-purple #drawer .menu li.active a.icon-left:before, .primary-purple #drawer .menu li.active a.icon-right:after, .primary-purple li.active-trail a.icon-left:before, .primary-purple li.active-trail a.icon-right:after { color: #8e24aa; } .primary-purple #drawer .menu li.active a.services-icon-left:before, .primary-purple #drawer .menu li.active a.services-icon-right:after, .primary-purple li.active-trail a.services-icon-left:before, .primary-purple li.active-trail a.services-icon-right:after { background: #8e24aa; } + .primary-purple .sidebar .menu li a.is-active { color: #8e24aa; } + .primary-purple .navbar-item.block-search form .form-item input[type="text"], .primary-purple .navbar-item.block-search form .form-item input[type="search"], .primary-purple #header .block-search form .form-item input[type="text"], .primary-purple #header .block-search form .form-item input[type="search"], .primary-purple .card-bg-primary .block-search form .form-item input[type="text"], .primary-purple .card-bg-primary .block-search form .form-item input[type="search"] { color: #FFF; border-bottom: 1px solid #FFF; } - .primary-purple .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-purple .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-purple #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-purple #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(255, 255, 255, 0.3); } - .primary-purple .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-purple .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-purple #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-purple #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { + .primary-purple .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-purple .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-purple #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-purple #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3); } .primary-purple .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-purple .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-purple #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-purple #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); } - .primary-purple .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-purple .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-purple #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-purple #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { + .primary-purple .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-purple .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-purple #header .block-search form .form-item input[type="text"]::placeholder, .primary-purple #header .block-search form .form-item input[type="search"]::placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { color: rgba(255, 255, 255, 0.3); } + .primary-purple .navbar-item.block-search form .form-item.icon-left:before, .primary-purple #header .block-search form .form-item.icon-left:before, .primary-purple .card-bg-primary .block-search form .form-item.icon-left:before { color: #FFF; } + .primary-purple .card-bg-primary { background: #9c27b0; color: #FFF; } @@ -254,88 +321,114 @@ background: rgba(204, 204, 204, 0.25); } .primary-purple .card-bg-primary .rippleAnimate { background-color: rgba(255, 255, 255, 0.1); } + .primary-purple .material-icons.text-primary { color: #9c27b0; } + .primary-purple .text-primary, .primary-purple a.text-primary, .primary-purple a.text-primary:hover, .primary-purple a.text-primary:focus { color: #8e24aa; } + .primary-purple .btn-colored, .primary-purple .btn-colored:hover, .primary-purple .btn-colored:focus, .primary-purple .btn.btn-colored, .primary-purple .btn.btn-colored:hover, .primary-purple .btn.btn-colored:focus, .primary-purple input.btn-colored[type="submit"], .primary-purple input.btn-colored[type="submit"]:hover, .primary-purple input.btn-colored[type="submit"]:focus { color: #8e24aa; } + .primary-purple .btn-raised.btn-colored, .primary-purple .btn.btn-raised.btn-colored, .primary-purple input.btn-raised[type="submit"].btn-colored { background: #9c27b0; color: #FFF; } + .primary-purple .btn-raised.btn-colored:hover, .primary-purple .btn-raised.btn-colored:focus, .primary-purple .btn.btn-raised.btn-colored:hover, .primary-purple .btn.btn-raised.btn-colored:focus, .primary-purple input.btn-raised[type="submit"].btn-colored:hover, .primary-purple input.btn-raised[type="submit"].btn-colored:focus { background: #8e24aa; color: #FFF; } + .primary-purple .btn-raised.btn-colored:active, .primary-purple .btn.btn-raised.btn-colored:active, .primary-purple input.btn-raised[type="submit"].btn-colored:active { background: #7b1fa2; } + .primary-purple .pager .pager-item.item-current > a, .primary-purple .pager .pager-item.item-current > span { color: #8e24aa; } + .primary-purple.theme-dark .text-primary, .primary-purple.theme-dark a.text-primary, .primary-purple.theme-dark a.text-primary:hover, .primary-purple.theme-dark a.text-primary:focus { color: #ab47bc; } + .primary-purple.theme-dark .btn-colored, .primary-purple.theme-dark .btn-colored:hover, .primary-purple.theme-dark .btn-colored:focus, .primary-purple.theme-dark .btn.btn-colored, .primary-purple.theme-dark .btn.btn-colored:hover, .primary-purple.theme-dark .btn.btn-colored:focus, .primary-purple.theme-dark input.btn-colored[type="submit"], .primary-purple.theme-dark input.btn-colored[type="submit"]:hover, .primary-purple.theme-dark input.btn-colored[type="submit"]:focus { color: #ab47bc; } + .primary-purple.theme-dark .btn-raised.btn-colored, .primary-purple.theme-dark .btn.btn-raised.btn-colored, .primary-purple.theme-dark input.btn-raised.btn-colored { background: #9c27b0; color: #FFF; } + .primary-purple.theme-dark .btn-raised.btn-colored:hover, .primary-purple.theme-dark .btn-raised.btn-colored:focus, .primary-purple.theme-dark .btn.btn-raised.btn-colored:hover, .primary-purple.theme-dark .btn.btn-raised.btn-colored:focus, .primary-purple.theme-dark input.btn-raised.btn-colored:hover, .primary-purple.theme-dark input.btn-raised.btn-colored:focus { background: #ba68c8; color: #FFF; } + .primary-purple.theme-dark .btn-raised.btn-colored:active, .primary-purple.theme-dark .btn.btn-raised.btn-colored:active, .primary-purple.theme-dark input.btn-raised.btn-colored:active { background: #ce93d8; } .primary-deep-purple #header { background: #673ab7; color: #FFF; } + .primary-deep-purple.navbar-fixed #navbar { background: #673ab7; } + .primary-deep-purple.header-bg-image #header, .primary-deep-purple.header-bg-object #header { background-color: #673ab7; } + .primary-deep-purple.header-bg-image.navbar-fixed #header { background: #673ab7; } + .primary-deep-purple.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-deep-purple.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #673ab7; } + .primary-deep-purple .navbar-icon { color: #FFF; } + .primary-deep-purple .navbar-title a { color: #FFF; } + .primary-deep-purple .navbar-slogan { color: #FFF; } + .primary-deep-purple .navbar-menu .menu a { color: #FFF; } .primary-deep-purple .navbar-menu .menu a:hover { border-color: rgba(255, 255, 255, 0.5); color: #FFF; } + .primary-deep-purple .navbar-menu .menu .navbar-account-menu .menu a:before { color: #FFF; } + .primary-deep-purple .navbar-menu .menu .active a, .primary-deep-purple .navbar-menu .menu .active-trail a, .primary-deep-purple .navbar-menu .menu .active { border-color: #FFF; } + .primary-deep-purple article blockquote { border-color: #673ab7; } + .primary-deep-purple #drawer .menu li.active a, .primary-deep-purple li.active-trail a { color: #5e35b1; } .primary-deep-purple #drawer .menu li.active a.icon-left:before, .primary-deep-purple #drawer .menu li.active a.icon-right:after, .primary-deep-purple li.active-trail a.icon-left:before, .primary-deep-purple li.active-trail a.icon-right:after { color: #5e35b1; } .primary-deep-purple #drawer .menu li.active a.services-icon-left:before, .primary-deep-purple #drawer .menu li.active a.services-icon-right:after, .primary-deep-purple li.active-trail a.services-icon-left:before, .primary-deep-purple li.active-trail a.services-icon-right:after { background: #5e35b1; } + .primary-deep-purple .sidebar .menu li a.is-active { color: #5e35b1; } + .primary-deep-purple .navbar-item.block-search form .form-item input[type="text"], .primary-deep-purple .navbar-item.block-search form .form-item input[type="search"], .primary-deep-purple #header .block-search form .form-item input[type="text"], .primary-deep-purple #header .block-search form .form-item input[type="search"], .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="text"], .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="search"] { color: #FFF; border-bottom: 1px solid #FFF; } - .primary-deep-purple .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-deep-purple .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(255, 255, 255, 0.3); } - .primary-deep-purple .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-deep-purple .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { + .primary-deep-purple .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-purple .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3); } .primary-deep-purple .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-purple .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); } - .primary-deep-purple .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-purple .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { + .primary-deep-purple .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-deep-purple .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-deep-purple #header .block-search form .form-item input[type="text"]::placeholder, .primary-deep-purple #header .block-search form .form-item input[type="search"]::placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { color: rgba(255, 255, 255, 0.3); } + .primary-deep-purple .navbar-item.block-search form .form-item.icon-left:before, .primary-deep-purple #header .block-search form .form-item.icon-left:before, .primary-deep-purple .card-bg-primary .block-search form .form-item.icon-left:before { color: #FFF; } + .primary-deep-purple .card-bg-primary { background: #673ab7; color: #FFF; } @@ -350,88 +443,114 @@ background: rgba(204, 204, 204, 0.25); } .primary-deep-purple .card-bg-primary .rippleAnimate { background-color: rgba(255, 255, 255, 0.1); } + .primary-deep-purple .material-icons.text-primary { color: #673ab7; } + .primary-deep-purple .text-primary, .primary-deep-purple a.text-primary, .primary-deep-purple a.text-primary:hover, .primary-deep-purple a.text-primary:focus { color: #5e35b1; } + .primary-deep-purple .btn-colored, .primary-deep-purple .btn-colored:hover, .primary-deep-purple .btn-colored:focus, .primary-deep-purple .btn.btn-colored, .primary-deep-purple .btn.btn-colored:hover, .primary-deep-purple .btn.btn-colored:focus, .primary-deep-purple input.btn-colored[type="submit"], .primary-deep-purple input.btn-colored[type="submit"]:hover, .primary-deep-purple input.btn-colored[type="submit"]:focus { color: #5e35b1; } + .primary-deep-purple .btn-raised.btn-colored, .primary-deep-purple .btn.btn-raised.btn-colored, .primary-deep-purple input.btn-raised[type="submit"].btn-colored { background: #673ab7; color: #FFF; } + .primary-deep-purple .btn-raised.btn-colored:hover, .primary-deep-purple .btn-raised.btn-colored:focus, .primary-deep-purple .btn.btn-raised.btn-colored:hover, .primary-deep-purple .btn.btn-raised.btn-colored:focus, .primary-deep-purple input.btn-raised[type="submit"].btn-colored:hover, .primary-deep-purple input.btn-raised[type="submit"].btn-colored:focus { background: #5e35b1; color: #FFF; } + .primary-deep-purple .btn-raised.btn-colored:active, .primary-deep-purple .btn.btn-raised.btn-colored:active, .primary-deep-purple input.btn-raised[type="submit"].btn-colored:active { background: #512da8; } + .primary-deep-purple .pager .pager-item.item-current > a, .primary-deep-purple .pager .pager-item.item-current > span { color: #5e35b1; } + .primary-deep-purple.theme-dark .text-primary, .primary-deep-purple.theme-dark a.text-primary, .primary-deep-purple.theme-dark a.text-primary:hover, .primary-deep-purple.theme-dark a.text-primary:focus { color: #7e57c2; } + .primary-deep-purple.theme-dark .btn-colored, .primary-deep-purple.theme-dark .btn-colored:hover, .primary-deep-purple.theme-dark .btn-colored:focus, .primary-deep-purple.theme-dark .btn.btn-colored, .primary-deep-purple.theme-dark .btn.btn-colored:hover, .primary-deep-purple.theme-dark .btn.btn-colored:focus, .primary-deep-purple.theme-dark input.btn-colored[type="submit"], .primary-deep-purple.theme-dark input.btn-colored[type="submit"]:hover, .primary-deep-purple.theme-dark input.btn-colored[type="submit"]:focus { color: #7e57c2; } + .primary-deep-purple.theme-dark .btn-raised.btn-colored, .primary-deep-purple.theme-dark .btn.btn-raised.btn-colored, .primary-deep-purple.theme-dark input.btn-raised.btn-colored { background: #673ab7; color: #FFF; } + .primary-deep-purple.theme-dark .btn-raised.btn-colored:hover, .primary-deep-purple.theme-dark .btn-raised.btn-colored:focus, .primary-deep-purple.theme-dark .btn.btn-raised.btn-colored:hover, .primary-deep-purple.theme-dark .btn.btn-raised.btn-colored:focus, .primary-deep-purple.theme-dark input.btn-raised.btn-colored:hover, .primary-deep-purple.theme-dark input.btn-raised.btn-colored:focus { background: #9575cd; color: #FFF; } + .primary-deep-purple.theme-dark .btn-raised.btn-colored:active, .primary-deep-purple.theme-dark .btn.btn-raised.btn-colored:active, .primary-deep-purple.theme-dark input.btn-raised.btn-colored:active { background: #b39ddb; } .primary-indigo #header { background: #3f51b5; color: #FFF; } + .primary-indigo.navbar-fixed #navbar { background: #3f51b5; } + .primary-indigo.header-bg-image #header, .primary-indigo.header-bg-object #header { background-color: #3f51b5; } + .primary-indigo.header-bg-image.navbar-fixed #header { background: #3f51b5; } + .primary-indigo.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-indigo.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #3f51b5; } + .primary-indigo .navbar-icon { color: #FFF; } + .primary-indigo .navbar-title a { color: #FFF; } + .primary-indigo .navbar-slogan { color: #FFF; } + .primary-indigo .navbar-menu .menu a { color: #FFF; } .primary-indigo .navbar-menu .menu a:hover { border-color: rgba(255, 255, 255, 0.5); color: #FFF; } + .primary-indigo .navbar-menu .menu .navbar-account-menu .menu a:before { color: #FFF; } + .primary-indigo .navbar-menu .menu .active a, .primary-indigo .navbar-menu .menu .active-trail a, .primary-indigo .navbar-menu .menu .active { border-color: #FFF; } + .primary-indigo article blockquote { border-color: #3f51b5; } + .primary-indigo #drawer .menu li.active a, .primary-indigo li.active-trail a { color: #3949ab; } .primary-indigo #drawer .menu li.active a.icon-left:before, .primary-indigo #drawer .menu li.active a.icon-right:after, .primary-indigo li.active-trail a.icon-left:before, .primary-indigo li.active-trail a.icon-right:after { color: #3949ab; } .primary-indigo #drawer .menu li.active a.services-icon-left:before, .primary-indigo #drawer .menu li.active a.services-icon-right:after, .primary-indigo li.active-trail a.services-icon-left:before, .primary-indigo li.active-trail a.services-icon-right:after { background: #3949ab; } + .primary-indigo .sidebar .menu li a.is-active { color: #3949ab; } + .primary-indigo .navbar-item.block-search form .form-item input[type="text"], .primary-indigo .navbar-item.block-search form .form-item input[type="search"], .primary-indigo #header .block-search form .form-item input[type="text"], .primary-indigo #header .block-search form .form-item input[type="search"], .primary-indigo .card-bg-primary .block-search form .form-item input[type="text"], .primary-indigo .card-bg-primary .block-search form .form-item input[type="search"] { color: #FFF; border-bottom: 1px solid #FFF; } - .primary-indigo .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-indigo .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-indigo #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-indigo #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(255, 255, 255, 0.3); } - .primary-indigo .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-indigo .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-indigo #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-indigo #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { + .primary-indigo .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-indigo .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-indigo #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-indigo #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3); } .primary-indigo .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-indigo .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-indigo #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-indigo #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); } - .primary-indigo .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-indigo .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-indigo #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-indigo #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { + .primary-indigo .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-indigo .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-indigo #header .block-search form .form-item input[type="text"]::placeholder, .primary-indigo #header .block-search form .form-item input[type="search"]::placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { color: rgba(255, 255, 255, 0.3); } + .primary-indigo .navbar-item.block-search form .form-item.icon-left:before, .primary-indigo #header .block-search form .form-item.icon-left:before, .primary-indigo .card-bg-primary .block-search form .form-item.icon-left:before { color: #FFF; } + .primary-indigo .card-bg-primary { background: #3f51b5; color: #FFF; } @@ -446,184 +565,236 @@ background: rgba(204, 204, 204, 0.25); } .primary-indigo .card-bg-primary .rippleAnimate { background-color: rgba(255, 255, 255, 0.1); } + .primary-indigo .material-icons.text-primary { color: #3f51b5; } + .primary-indigo .text-primary, .primary-indigo a.text-primary, .primary-indigo a.text-primary:hover, .primary-indigo a.text-primary:focus { color: #3949ab; } + .primary-indigo .btn-colored, .primary-indigo .btn-colored:hover, .primary-indigo .btn-colored:focus, .primary-indigo .btn.btn-colored, .primary-indigo .btn.btn-colored:hover, .primary-indigo .btn.btn-colored:focus, .primary-indigo input.btn-colored[type="submit"], .primary-indigo input.btn-colored[type="submit"]:hover, .primary-indigo input.btn-colored[type="submit"]:focus { color: #3949ab; } + .primary-indigo .btn-raised.btn-colored, .primary-indigo .btn.btn-raised.btn-colored, .primary-indigo input.btn-raised[type="submit"].btn-colored { background: #3f51b5; color: #FFF; } + .primary-indigo .btn-raised.btn-colored:hover, .primary-indigo .btn-raised.btn-colored:focus, .primary-indigo .btn.btn-raised.btn-colored:hover, .primary-indigo .btn.btn-raised.btn-colored:focus, .primary-indigo input.btn-raised[type="submit"].btn-colored:hover, .primary-indigo input.btn-raised[type="submit"].btn-colored:focus { background: #3949ab; color: #FFF; } + .primary-indigo .btn-raised.btn-colored:active, .primary-indigo .btn.btn-raised.btn-colored:active, .primary-indigo input.btn-raised[type="submit"].btn-colored:active { background: #303f9f; } + .primary-indigo .pager .pager-item.item-current > a, .primary-indigo .pager .pager-item.item-current > span { color: #3949ab; } + .primary-indigo.theme-dark .text-primary, .primary-indigo.theme-dark a.text-primary, .primary-indigo.theme-dark a.text-primary:hover, .primary-indigo.theme-dark a.text-primary:focus { color: #5c6bc0; } + .primary-indigo.theme-dark .btn-colored, .primary-indigo.theme-dark .btn-colored:hover, .primary-indigo.theme-dark .btn-colored:focus, .primary-indigo.theme-dark .btn.btn-colored, .primary-indigo.theme-dark .btn.btn-colored:hover, .primary-indigo.theme-dark .btn.btn-colored:focus, .primary-indigo.theme-dark input.btn-colored[type="submit"], .primary-indigo.theme-dark input.btn-colored[type="submit"]:hover, .primary-indigo.theme-dark input.btn-colored[type="submit"]:focus { color: #5c6bc0; } + .primary-indigo.theme-dark .btn-raised.btn-colored, .primary-indigo.theme-dark .btn.btn-raised.btn-colored, .primary-indigo.theme-dark input.btn-raised.btn-colored { background: #3f51b5; color: #FFF; } + .primary-indigo.theme-dark .btn-raised.btn-colored:hover, .primary-indigo.theme-dark .btn-raised.btn-colored:focus, .primary-indigo.theme-dark .btn.btn-raised.btn-colored:hover, .primary-indigo.theme-dark .btn.btn-raised.btn-colored:focus, .primary-indigo.theme-dark input.btn-raised.btn-colored:hover, .primary-indigo.theme-dark input.btn-raised.btn-colored:focus { background: #7986cb; color: #FFF; } + .primary-indigo.theme-dark .btn-raised.btn-colored:active, .primary-indigo.theme-dark .btn.btn-raised.btn-colored:active, .primary-indigo.theme-dark input.btn-raised.btn-colored:active { background: #9fa8da; } .primary-blue #header { background: #2196f3; - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } + .primary-blue.navbar-fixed #navbar { background: #2196f3; } + .primary-blue.header-bg-image #header, .primary-blue.header-bg-object #header { background-color: #2196f3; } + .primary-blue.header-bg-image.navbar-fixed #header { background: #2196f3; } + .primary-blue.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-blue.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #2196f3; } + .primary-blue .navbar-icon { - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } + .primary-blue .navbar-title a { - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } + .primary-blue .navbar-slogan { - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } + .primary-blue .navbar-menu .menu a { - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } .primary-blue .navbar-menu .menu a:hover { - border-color: rgba(255, 255, 255, 0.5); - color: #FFF; } + border-color: rgba(0, 0, 0, 0.5); + color: rgba(0, 0, 0, 0.87); } + .primary-blue .navbar-menu .menu .navbar-account-menu .menu a:before { - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } + .primary-blue .navbar-menu .menu .active a, .primary-blue .navbar-menu .menu .active-trail a, .primary-blue .navbar-menu .menu .active { - border-color: #FFF; } + border-color: rgba(0, 0, 0, 0.87); } + .primary-blue article blockquote { border-color: #2196f3; } + .primary-blue #drawer .menu li.active a, .primary-blue li.active-trail a { color: #1e88e5; } .primary-blue #drawer .menu li.active a.icon-left:before, .primary-blue #drawer .menu li.active a.icon-right:after, .primary-blue li.active-trail a.icon-left:before, .primary-blue li.active-trail a.icon-right:after { color: #1e88e5; } .primary-blue #drawer .menu li.active a.services-icon-left:before, .primary-blue #drawer .menu li.active a.services-icon-right:after, .primary-blue li.active-trail a.services-icon-left:before, .primary-blue li.active-trail a.services-icon-right:after { background: #1e88e5; } + .primary-blue .sidebar .menu li a.is-active { color: #1e88e5; } + .primary-blue .navbar-item.block-search form .form-item input[type="text"], .primary-blue .navbar-item.block-search form .form-item input[type="search"], .primary-blue #header .block-search form .form-item input[type="text"], .primary-blue #header .block-search form .form-item input[type="search"], .primary-blue .card-bg-primary .block-search form .form-item input[type="text"], .primary-blue .card-bg-primary .block-search form .form-item input[type="search"] { - color: #FFF; - border-bottom: 1px solid #FFF; } - .primary-blue .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-blue .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-blue #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-blue #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(255, 255, 255, 0.3); } - .primary-blue .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-blue .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-blue #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-blue #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { - color: rgba(255, 255, 255, 0.3); } - .primary-blue .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-blue #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.3); } + color: rgba(0, 0, 0, 0.87); + border-bottom: 1px solid rgba(0, 0, 0, 0.87); } .primary-blue .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-blue #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.3); } + color: rgba(0, 0, 0, 0.26); } + .primary-blue .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-blue #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.26); } + .primary-blue .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-blue .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-blue #header .block-search form .form-item input[type="text"]::placeholder, .primary-blue #header .block-search form .form-item input[type="search"]::placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { + color: rgba(0, 0, 0, 0.26); } + .primary-blue .navbar-item.block-search form .form-item.icon-left:before, .primary-blue #header .block-search form .form-item.icon-left:before, .primary-blue .card-bg-primary .block-search form .form-item.icon-left:before { - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } + .primary-blue .card-bg-primary { background: #2196f3; - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } .primary-blue .card-bg-primary .text-secondary { - color: rgba(255, 255, 255, 0.7); } + color: rgba(0, 0, 0, 0.54); } .primary-blue .card-bg-primary .btn { - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } .primary-blue .card-bg-primary .btn:hover, .primary-blue .card-bg-primary .btn:focus { background: rgba(204, 204, 204, 0.15); - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } .primary-blue .card-bg-primary .btn:active { background: rgba(204, 204, 204, 0.25); } .primary-blue .card-bg-primary .rippleAnimate { - background-color: rgba(255, 255, 255, 0.1); } + background-color: rgba(0, 0, 0, 0.3); } + .primary-blue .material-icons.text-primary { color: #2196f3; } + .primary-blue .text-primary, .primary-blue a.text-primary, .primary-blue a.text-primary:hover, .primary-blue a.text-primary:focus { color: #1e88e5; } + .primary-blue .btn-colored, .primary-blue .btn-colored:hover, .primary-blue .btn-colored:focus, .primary-blue .btn.btn-colored, .primary-blue .btn.btn-colored:hover, .primary-blue .btn.btn-colored:focus, .primary-blue input.btn-colored[type="submit"], .primary-blue input.btn-colored[type="submit"]:hover, .primary-blue input.btn-colored[type="submit"]:focus { color: #1e88e5; } + .primary-blue .btn-raised.btn-colored, .primary-blue .btn.btn-raised.btn-colored, .primary-blue input.btn-raised[type="submit"].btn-colored { background: #2196f3; - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } + .primary-blue .btn-raised.btn-colored:hover, .primary-blue .btn-raised.btn-colored:focus, .primary-blue .btn.btn-raised.btn-colored:hover, .primary-blue .btn.btn-raised.btn-colored:focus, .primary-blue input.btn-raised[type="submit"].btn-colored:hover, .primary-blue input.btn-raised[type="submit"].btn-colored:focus { background: #1e88e5; - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } + .primary-blue .btn-raised.btn-colored:active, .primary-blue .btn.btn-raised.btn-colored:active, .primary-blue input.btn-raised[type="submit"].btn-colored:active { background: #1976d2; } + .primary-blue .pager .pager-item.item-current > a, .primary-blue .pager .pager-item.item-current > span { color: #1e88e5; } + .primary-blue.theme-dark .text-primary, .primary-blue.theme-dark a.text-primary, .primary-blue.theme-dark a.text-primary:hover, .primary-blue.theme-dark a.text-primary:focus { color: #42a5f5; } + .primary-blue.theme-dark .btn-colored, .primary-blue.theme-dark .btn-colored:hover, .primary-blue.theme-dark .btn-colored:focus, .primary-blue.theme-dark .btn.btn-colored, .primary-blue.theme-dark .btn.btn-colored:hover, .primary-blue.theme-dark .btn.btn-colored:focus, .primary-blue.theme-dark input.btn-colored[type="submit"], .primary-blue.theme-dark input.btn-colored[type="submit"]:hover, .primary-blue.theme-dark input.btn-colored[type="submit"]:focus { color: #42a5f5; } + .primary-blue.theme-dark .btn-raised.btn-colored, .primary-blue.theme-dark .btn.btn-raised.btn-colored, .primary-blue.theme-dark input.btn-raised.btn-colored { background: #2196f3; - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } + .primary-blue.theme-dark .btn-raised.btn-colored:hover, .primary-blue.theme-dark .btn-raised.btn-colored:focus, .primary-blue.theme-dark .btn.btn-raised.btn-colored:hover, .primary-blue.theme-dark .btn.btn-raised.btn-colored:focus, .primary-blue.theme-dark input.btn-raised.btn-colored:hover, .primary-blue.theme-dark input.btn-raised.btn-colored:focus { background: #64b5f6; - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } + .primary-blue.theme-dark .btn-raised.btn-colored:active, .primary-blue.theme-dark .btn.btn-raised.btn-colored:active, .primary-blue.theme-dark input.btn-raised.btn-colored:active { background: #90caf9; } .primary-light-blue #header { background: #03a9f4; color: rgba(0, 0, 0, 0.87); } + .primary-light-blue.navbar-fixed #navbar { background: #03a9f4; } + .primary-light-blue.header-bg-image #header, .primary-light-blue.header-bg-object #header { background-color: #03a9f4; } + .primary-light-blue.header-bg-image.navbar-fixed #header { background: #03a9f4; } + .primary-light-blue.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-light-blue.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #03a9f4; } + .primary-light-blue .navbar-icon { color: rgba(0, 0, 0, 0.87); } + .primary-light-blue .navbar-title a { color: rgba(0, 0, 0, 0.87); } + .primary-light-blue .navbar-slogan { color: rgba(0, 0, 0, 0.87); } + .primary-light-blue .navbar-menu .menu a { color: rgba(0, 0, 0, 0.87); } .primary-light-blue .navbar-menu .menu a:hover { border-color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.87); } + .primary-light-blue .navbar-menu .menu .navbar-account-menu .menu a:before { color: rgba(0, 0, 0, 0.87); } + .primary-light-blue .navbar-menu .menu .active a, .primary-light-blue .navbar-menu .menu .active-trail a, .primary-light-blue .navbar-menu .menu .active { border-color: rgba(0, 0, 0, 0.87); } + .primary-light-blue article blockquote { border-color: #03a9f4; } + .primary-light-blue #drawer .menu li.active a, .primary-light-blue li.active-trail a { color: #039be5; } .primary-light-blue #drawer .menu li.active a.icon-left:before, .primary-light-blue #drawer .menu li.active a.icon-right:after, .primary-light-blue li.active-trail a.icon-left:before, .primary-light-blue li.active-trail a.icon-right:after { color: #039be5; } .primary-light-blue #drawer .menu li.active a.services-icon-left:before, .primary-light-blue #drawer .menu li.active a.services-icon-right:after, .primary-light-blue li.active-trail a.services-icon-left:before, .primary-light-blue li.active-trail a.services-icon-right:after { background: #039be5; } + .primary-light-blue .sidebar .menu li a.is-active { color: #039be5; } + .primary-light-blue .navbar-item.block-search form .form-item input[type="text"], .primary-light-blue .navbar-item.block-search form .form-item input[type="search"], .primary-light-blue #header .block-search form .form-item input[type="text"], .primary-light-blue #header .block-search form .form-item input[type="search"], .primary-light-blue .card-bg-primary .block-search form .form-item input[type="text"], .primary-light-blue .card-bg-primary .block-search form .form-item input[type="search"] { color: rgba(0, 0, 0, 0.87); border-bottom: 1px solid rgba(0, 0, 0, 0.87); } - .primary-light-blue .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-light-blue .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-light-blue #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-light-blue #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(0, 0, 0, 0.26); } - .primary-light-blue .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-light-blue .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-light-blue #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-light-blue #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { + .primary-light-blue .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-blue .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-light-blue #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-blue #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.26); } .primary-light-blue .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-light-blue .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-light-blue #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-light-blue #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.26); } - .primary-light-blue .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-blue .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-light-blue #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-blue #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { + .primary-light-blue .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-light-blue .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-light-blue #header .block-search form .form-item input[type="text"]::placeholder, .primary-light-blue #header .block-search form .form-item input[type="search"]::placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { color: rgba(0, 0, 0, 0.26); } + .primary-light-blue .navbar-item.block-search form .form-item.icon-left:before, .primary-light-blue #header .block-search form .form-item.icon-left:before, .primary-light-blue .card-bg-primary .block-search form .form-item.icon-left:before { color: rgba(0, 0, 0, 0.87); } + .primary-light-blue .card-bg-primary { background: #03a9f4; color: rgba(0, 0, 0, 0.87); } @@ -638,88 +809,114 @@ background: rgba(204, 204, 204, 0.25); } .primary-light-blue .card-bg-primary .rippleAnimate { background-color: rgba(0, 0, 0, 0.3); } + .primary-light-blue .material-icons.text-primary { color: #03a9f4; } + .primary-light-blue .text-primary, .primary-light-blue a.text-primary, .primary-light-blue a.text-primary:hover, .primary-light-blue a.text-primary:focus { color: #039be5; } + .primary-light-blue .btn-colored, .primary-light-blue .btn-colored:hover, .primary-light-blue .btn-colored:focus, .primary-light-blue .btn.btn-colored, .primary-light-blue .btn.btn-colored:hover, .primary-light-blue .btn.btn-colored:focus, .primary-light-blue input.btn-colored[type="submit"], .primary-light-blue input.btn-colored[type="submit"]:hover, .primary-light-blue input.btn-colored[type="submit"]:focus { color: #039be5; } + .primary-light-blue .btn-raised.btn-colored, .primary-light-blue .btn.btn-raised.btn-colored, .primary-light-blue input.btn-raised[type="submit"].btn-colored { background: #03a9f4; color: rgba(0, 0, 0, 0.87); } + .primary-light-blue .btn-raised.btn-colored:hover, .primary-light-blue .btn-raised.btn-colored:focus, .primary-light-blue .btn.btn-raised.btn-colored:hover, .primary-light-blue .btn.btn-raised.btn-colored:focus, .primary-light-blue input.btn-raised[type="submit"].btn-colored:hover, .primary-light-blue input.btn-raised[type="submit"].btn-colored:focus { background: #039be5; color: rgba(0, 0, 0, 0.87); } + .primary-light-blue .btn-raised.btn-colored:active, .primary-light-blue .btn.btn-raised.btn-colored:active, .primary-light-blue input.btn-raised[type="submit"].btn-colored:active { background: #0288d1; } + .primary-light-blue .pager .pager-item.item-current > a, .primary-light-blue .pager .pager-item.item-current > span { color: #039be5; } + .primary-light-blue.theme-dark .text-primary, .primary-light-blue.theme-dark a.text-primary, .primary-light-blue.theme-dark a.text-primary:hover, .primary-light-blue.theme-dark a.text-primary:focus { color: #29b6f6; } + .primary-light-blue.theme-dark .btn-colored, .primary-light-blue.theme-dark .btn-colored:hover, .primary-light-blue.theme-dark .btn-colored:focus, .primary-light-blue.theme-dark .btn.btn-colored, .primary-light-blue.theme-dark .btn.btn-colored:hover, .primary-light-blue.theme-dark .btn.btn-colored:focus, .primary-light-blue.theme-dark input.btn-colored[type="submit"], .primary-light-blue.theme-dark input.btn-colored[type="submit"]:hover, .primary-light-blue.theme-dark input.btn-colored[type="submit"]:focus { color: #29b6f6; } + .primary-light-blue.theme-dark .btn-raised.btn-colored, .primary-light-blue.theme-dark .btn.btn-raised.btn-colored, .primary-light-blue.theme-dark input.btn-raised.btn-colored { background: #03a9f4; color: rgba(0, 0, 0, 0.87); } + .primary-light-blue.theme-dark .btn-raised.btn-colored:hover, .primary-light-blue.theme-dark .btn-raised.btn-colored:focus, .primary-light-blue.theme-dark .btn.btn-raised.btn-colored:hover, .primary-light-blue.theme-dark .btn.btn-raised.btn-colored:focus, .primary-light-blue.theme-dark input.btn-raised.btn-colored:hover, .primary-light-blue.theme-dark input.btn-raised.btn-colored:focus { background: #4fc3f7; color: rgba(0, 0, 0, 0.87); } + .primary-light-blue.theme-dark .btn-raised.btn-colored:active, .primary-light-blue.theme-dark .btn.btn-raised.btn-colored:active, .primary-light-blue.theme-dark input.btn-raised.btn-colored:active { background: #81d4fa; } .primary-cyan #header { background: #00bcd4; color: rgba(0, 0, 0, 0.87); } + .primary-cyan.navbar-fixed #navbar { background: #00bcd4; } + .primary-cyan.header-bg-image #header, .primary-cyan.header-bg-object #header { background-color: #00bcd4; } + .primary-cyan.header-bg-image.navbar-fixed #header { background: #00bcd4; } + .primary-cyan.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-cyan.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #00bcd4; } + .primary-cyan .navbar-icon { color: rgba(0, 0, 0, 0.87); } + .primary-cyan .navbar-title a { color: rgba(0, 0, 0, 0.87); } + .primary-cyan .navbar-slogan { color: rgba(0, 0, 0, 0.87); } + .primary-cyan .navbar-menu .menu a { color: rgba(0, 0, 0, 0.87); } .primary-cyan .navbar-menu .menu a:hover { border-color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.87); } + .primary-cyan .navbar-menu .menu .navbar-account-menu .menu a:before { color: rgba(0, 0, 0, 0.87); } + .primary-cyan .navbar-menu .menu .active a, .primary-cyan .navbar-menu .menu .active-trail a, .primary-cyan .navbar-menu .menu .active { border-color: rgba(0, 0, 0, 0.87); } + .primary-cyan article blockquote { border-color: #00bcd4; } + .primary-cyan #drawer .menu li.active a, .primary-cyan li.active-trail a { color: #00acc1; } .primary-cyan #drawer .menu li.active a.icon-left:before, .primary-cyan #drawer .menu li.active a.icon-right:after, .primary-cyan li.active-trail a.icon-left:before, .primary-cyan li.active-trail a.icon-right:after { color: #00acc1; } .primary-cyan #drawer .menu li.active a.services-icon-left:before, .primary-cyan #drawer .menu li.active a.services-icon-right:after, .primary-cyan li.active-trail a.services-icon-left:before, .primary-cyan li.active-trail a.services-icon-right:after { background: #00acc1; } + .primary-cyan .sidebar .menu li a.is-active { color: #00acc1; } + .primary-cyan .navbar-item.block-search form .form-item input[type="text"], .primary-cyan .navbar-item.block-search form .form-item input[type="search"], .primary-cyan #header .block-search form .form-item input[type="text"], .primary-cyan #header .block-search form .form-item input[type="search"], .primary-cyan .card-bg-primary .block-search form .form-item input[type="text"], .primary-cyan .card-bg-primary .block-search form .form-item input[type="search"] { color: rgba(0, 0, 0, 0.87); border-bottom: 1px solid rgba(0, 0, 0, 0.87); } - .primary-cyan .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-cyan .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-cyan #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-cyan #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(0, 0, 0, 0.26); } - .primary-cyan .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-cyan .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-cyan #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-cyan #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { + .primary-cyan .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-cyan .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-cyan #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-cyan #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.26); } .primary-cyan .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-cyan .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-cyan #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-cyan #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.26); } - .primary-cyan .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-cyan .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-cyan #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-cyan #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { + .primary-cyan .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-cyan .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-cyan #header .block-search form .form-item input[type="text"]::placeholder, .primary-cyan #header .block-search form .form-item input[type="search"]::placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { color: rgba(0, 0, 0, 0.26); } + .primary-cyan .navbar-item.block-search form .form-item.icon-left:before, .primary-cyan #header .block-search form .form-item.icon-left:before, .primary-cyan .card-bg-primary .block-search form .form-item.icon-left:before { color: rgba(0, 0, 0, 0.87); } + .primary-cyan .card-bg-primary { background: #00bcd4; color: rgba(0, 0, 0, 0.87); } @@ -734,88 +931,114 @@ background: rgba(204, 204, 204, 0.25); } .primary-cyan .card-bg-primary .rippleAnimate { background-color: rgba(0, 0, 0, 0.3); } + .primary-cyan .material-icons.text-primary { color: #00bcd4; } + .primary-cyan .text-primary, .primary-cyan a.text-primary, .primary-cyan a.text-primary:hover, .primary-cyan a.text-primary:focus { color: #00acc1; } + .primary-cyan .btn-colored, .primary-cyan .btn-colored:hover, .primary-cyan .btn-colored:focus, .primary-cyan .btn.btn-colored, .primary-cyan .btn.btn-colored:hover, .primary-cyan .btn.btn-colored:focus, .primary-cyan input.btn-colored[type="submit"], .primary-cyan input.btn-colored[type="submit"]:hover, .primary-cyan input.btn-colored[type="submit"]:focus { color: #00acc1; } + .primary-cyan .btn-raised.btn-colored, .primary-cyan .btn.btn-raised.btn-colored, .primary-cyan input.btn-raised[type="submit"].btn-colored { background: #00bcd4; color: rgba(0, 0, 0, 0.87); } + .primary-cyan .btn-raised.btn-colored:hover, .primary-cyan .btn-raised.btn-colored:focus, .primary-cyan .btn.btn-raised.btn-colored:hover, .primary-cyan .btn.btn-raised.btn-colored:focus, .primary-cyan input.btn-raised[type="submit"].btn-colored:hover, .primary-cyan input.btn-raised[type="submit"].btn-colored:focus { background: #00acc1; color: rgba(0, 0, 0, 0.87); } + .primary-cyan .btn-raised.btn-colored:active, .primary-cyan .btn.btn-raised.btn-colored:active, .primary-cyan input.btn-raised[type="submit"].btn-colored:active { background: #0097a7; } + .primary-cyan .pager .pager-item.item-current > a, .primary-cyan .pager .pager-item.item-current > span { color: #00acc1; } + .primary-cyan.theme-dark .text-primary, .primary-cyan.theme-dark a.text-primary, .primary-cyan.theme-dark a.text-primary:hover, .primary-cyan.theme-dark a.text-primary:focus { color: #26c6da; } + .primary-cyan.theme-dark .btn-colored, .primary-cyan.theme-dark .btn-colored:hover, .primary-cyan.theme-dark .btn-colored:focus, .primary-cyan.theme-dark .btn.btn-colored, .primary-cyan.theme-dark .btn.btn-colored:hover, .primary-cyan.theme-dark .btn.btn-colored:focus, .primary-cyan.theme-dark input.btn-colored[type="submit"], .primary-cyan.theme-dark input.btn-colored[type="submit"]:hover, .primary-cyan.theme-dark input.btn-colored[type="submit"]:focus { color: #26c6da; } + .primary-cyan.theme-dark .btn-raised.btn-colored, .primary-cyan.theme-dark .btn.btn-raised.btn-colored, .primary-cyan.theme-dark input.btn-raised.btn-colored { background: #00bcd4; color: rgba(0, 0, 0, 0.87); } + .primary-cyan.theme-dark .btn-raised.btn-colored:hover, .primary-cyan.theme-dark .btn-raised.btn-colored:focus, .primary-cyan.theme-dark .btn.btn-raised.btn-colored:hover, .primary-cyan.theme-dark .btn.btn-raised.btn-colored:focus, .primary-cyan.theme-dark input.btn-raised.btn-colored:hover, .primary-cyan.theme-dark input.btn-raised.btn-colored:focus { background: #4dd0e1; color: rgba(0, 0, 0, 0.87); } + .primary-cyan.theme-dark .btn-raised.btn-colored:active, .primary-cyan.theme-dark .btn.btn-raised.btn-colored:active, .primary-cyan.theme-dark input.btn-raised.btn-colored:active { background: #80deea; } .primary-teal #header { background: #009688; color: #FFF; } + .primary-teal.navbar-fixed #navbar { background: #009688; } + .primary-teal.header-bg-image #header, .primary-teal.header-bg-object #header { background-color: #009688; } + .primary-teal.header-bg-image.navbar-fixed #header { background: #009688; } + .primary-teal.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-teal.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #009688; } + .primary-teal .navbar-icon { color: #FFF; } + .primary-teal .navbar-title a { color: #FFF; } + .primary-teal .navbar-slogan { color: #FFF; } + .primary-teal .navbar-menu .menu a { color: #FFF; } .primary-teal .navbar-menu .menu a:hover { border-color: rgba(255, 255, 255, 0.5); color: #FFF; } + .primary-teal .navbar-menu .menu .navbar-account-menu .menu a:before { color: #FFF; } + .primary-teal .navbar-menu .menu .active a, .primary-teal .navbar-menu .menu .active-trail a, .primary-teal .navbar-menu .menu .active { border-color: #FFF; } + .primary-teal article blockquote { border-color: #009688; } + .primary-teal #drawer .menu li.active a, .primary-teal li.active-trail a { color: #00897b; } .primary-teal #drawer .menu li.active a.icon-left:before, .primary-teal #drawer .menu li.active a.icon-right:after, .primary-teal li.active-trail a.icon-left:before, .primary-teal li.active-trail a.icon-right:after { color: #00897b; } .primary-teal #drawer .menu li.active a.services-icon-left:before, .primary-teal #drawer .menu li.active a.services-icon-right:after, .primary-teal li.active-trail a.services-icon-left:before, .primary-teal li.active-trail a.services-icon-right:after { background: #00897b; } + .primary-teal .sidebar .menu li a.is-active { color: #00897b; } + .primary-teal .navbar-item.block-search form .form-item input[type="text"], .primary-teal .navbar-item.block-search form .form-item input[type="search"], .primary-teal #header .block-search form .form-item input[type="text"], .primary-teal #header .block-search form .form-item input[type="search"], .primary-teal .card-bg-primary .block-search form .form-item input[type="text"], .primary-teal .card-bg-primary .block-search form .form-item input[type="search"] { color: #FFF; border-bottom: 1px solid #FFF; } - .primary-teal .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-teal .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-teal #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-teal #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(255, 255, 255, 0.3); } - .primary-teal .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-teal .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-teal #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-teal #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { + .primary-teal .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-teal .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-teal #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-teal #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3); } .primary-teal .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-teal .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-teal #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-teal #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); } - .primary-teal .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-teal .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-teal #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-teal #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { + .primary-teal .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-teal .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-teal #header .block-search form .form-item input[type="text"]::placeholder, .primary-teal #header .block-search form .form-item input[type="search"]::placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { color: rgba(255, 255, 255, 0.3); } + .primary-teal .navbar-item.block-search form .form-item.icon-left:before, .primary-teal #header .block-search form .form-item.icon-left:before, .primary-teal .card-bg-primary .block-search form .form-item.icon-left:before { color: #FFF; } + .primary-teal .card-bg-primary { background: #009688; color: #FFF; } @@ -830,184 +1053,236 @@ background: rgba(204, 204, 204, 0.25); } .primary-teal .card-bg-primary .rippleAnimate { background-color: rgba(255, 255, 255, 0.1); } + .primary-teal .material-icons.text-primary { color: #009688; } + .primary-teal .text-primary, .primary-teal a.text-primary, .primary-teal a.text-primary:hover, .primary-teal a.text-primary:focus { color: #00897b; } + .primary-teal .btn-colored, .primary-teal .btn-colored:hover, .primary-teal .btn-colored:focus, .primary-teal .btn.btn-colored, .primary-teal .btn.btn-colored:hover, .primary-teal .btn.btn-colored:focus, .primary-teal input.btn-colored[type="submit"], .primary-teal input.btn-colored[type="submit"]:hover, .primary-teal input.btn-colored[type="submit"]:focus { color: #00897b; } + .primary-teal .btn-raised.btn-colored, .primary-teal .btn.btn-raised.btn-colored, .primary-teal input.btn-raised[type="submit"].btn-colored { background: #009688; color: #FFF; } + .primary-teal .btn-raised.btn-colored:hover, .primary-teal .btn-raised.btn-colored:focus, .primary-teal .btn.btn-raised.btn-colored:hover, .primary-teal .btn.btn-raised.btn-colored:focus, .primary-teal input.btn-raised[type="submit"].btn-colored:hover, .primary-teal input.btn-raised[type="submit"].btn-colored:focus { background: #00897b; color: #FFF; } + .primary-teal .btn-raised.btn-colored:active, .primary-teal .btn.btn-raised.btn-colored:active, .primary-teal input.btn-raised[type="submit"].btn-colored:active { background: #00796b; } + .primary-teal .pager .pager-item.item-current > a, .primary-teal .pager .pager-item.item-current > span { color: #00897b; } + .primary-teal.theme-dark .text-primary, .primary-teal.theme-dark a.text-primary, .primary-teal.theme-dark a.text-primary:hover, .primary-teal.theme-dark a.text-primary:focus { color: #26a69a; } + .primary-teal.theme-dark .btn-colored, .primary-teal.theme-dark .btn-colored:hover, .primary-teal.theme-dark .btn-colored:focus, .primary-teal.theme-dark .btn.btn-colored, .primary-teal.theme-dark .btn.btn-colored:hover, .primary-teal.theme-dark .btn.btn-colored:focus, .primary-teal.theme-dark input.btn-colored[type="submit"], .primary-teal.theme-dark input.btn-colored[type="submit"]:hover, .primary-teal.theme-dark input.btn-colored[type="submit"]:focus { color: #26a69a; } + .primary-teal.theme-dark .btn-raised.btn-colored, .primary-teal.theme-dark .btn.btn-raised.btn-colored, .primary-teal.theme-dark input.btn-raised.btn-colored { background: #009688; color: #FFF; } + .primary-teal.theme-dark .btn-raised.btn-colored:hover, .primary-teal.theme-dark .btn-raised.btn-colored:focus, .primary-teal.theme-dark .btn.btn-raised.btn-colored:hover, .primary-teal.theme-dark .btn.btn-raised.btn-colored:focus, .primary-teal.theme-dark input.btn-raised.btn-colored:hover, .primary-teal.theme-dark input.btn-raised.btn-colored:focus { background: #4db6ac; color: #FFF; } + .primary-teal.theme-dark .btn-raised.btn-colored:active, .primary-teal.theme-dark .btn.btn-raised.btn-colored:active, .primary-teal.theme-dark input.btn-raised.btn-colored:active { background: #80cbc4; } .primary-green #header { background: #4caf50; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-green.navbar-fixed #navbar { background: #4caf50; } + .primary-green.header-bg-image #header, .primary-green.header-bg-object #header { background-color: #4caf50; } + .primary-green.header-bg-image.navbar-fixed #header { background: #4caf50; } + .primary-green.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-green.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #4caf50; } + .primary-green .navbar-icon { - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-green .navbar-title a { - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-green .navbar-slogan { - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-green .navbar-menu .menu a { - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .primary-green .navbar-menu .menu a:hover { - border-color: rgba(0, 0, 0, 0.5); - color: rgba(0, 0, 0, 0.87); } + border-color: rgba(255, 255, 255, 0.5); + color: #FFF; } + .primary-green .navbar-menu .menu .navbar-account-menu .menu a:before { - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-green .navbar-menu .menu .active a, .primary-green .navbar-menu .menu .active-trail a, .primary-green .navbar-menu .menu .active { - border-color: rgba(0, 0, 0, 0.87); } + border-color: #FFF; } + .primary-green article blockquote { border-color: #4caf50; } + .primary-green #drawer .menu li.active a, .primary-green li.active-trail a { color: #43a047; } .primary-green #drawer .menu li.active a.icon-left:before, .primary-green #drawer .menu li.active a.icon-right:after, .primary-green li.active-trail a.icon-left:before, .primary-green li.active-trail a.icon-right:after { color: #43a047; } .primary-green #drawer .menu li.active a.services-icon-left:before, .primary-green #drawer .menu li.active a.services-icon-right:after, .primary-green li.active-trail a.services-icon-left:before, .primary-green li.active-trail a.services-icon-right:after { background: #43a047; } + .primary-green .sidebar .menu li a.is-active { color: #43a047; } + .primary-green .navbar-item.block-search form .form-item input[type="text"], .primary-green .navbar-item.block-search form .form-item input[type="search"], .primary-green #header .block-search form .form-item input[type="text"], .primary-green #header .block-search form .form-item input[type="search"], .primary-green .card-bg-primary .block-search form .form-item input[type="text"], .primary-green .card-bg-primary .block-search form .form-item input[type="search"] { - color: rgba(0, 0, 0, 0.87); - border-bottom: 1px solid rgba(0, 0, 0, 0.87); } - .primary-green .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-green .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-green #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-green #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(0, 0, 0, 0.26); } - .primary-green .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-green .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-green #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-green #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { - color: rgba(0, 0, 0, 0.26); } - .primary-green .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-green .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-green #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-green #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } + color: #FFF; + border-bottom: 1px solid #FFF; } .primary-green .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-green .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-green #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-green #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } + color: rgba(255, 255, 255, 0.3); } + .primary-green .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-green .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-green #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-green #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.3); } + .primary-green .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-green .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-green #header .block-search form .form-item input[type="text"]::placeholder, .primary-green #header .block-search form .form-item input[type="search"]::placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { + color: rgba(255, 255, 255, 0.3); } + .primary-green .navbar-item.block-search form .form-item.icon-left:before, .primary-green #header .block-search form .form-item.icon-left:before, .primary-green .card-bg-primary .block-search form .form-item.icon-left:before { - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-green .card-bg-primary { background: #4caf50; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .primary-green .card-bg-primary .text-secondary { - color: rgba(0, 0, 0, 0.54); } + color: rgba(255, 255, 255, 0.7); } .primary-green .card-bg-primary .btn { - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .primary-green .card-bg-primary .btn:hover, .primary-green .card-bg-primary .btn:focus { background: rgba(204, 204, 204, 0.15); - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .primary-green .card-bg-primary .btn:active { background: rgba(204, 204, 204, 0.25); } .primary-green .card-bg-primary .rippleAnimate { - background-color: rgba(0, 0, 0, 0.3); } + background-color: rgba(255, 255, 255, 0.1); } + .primary-green .material-icons.text-primary { color: #4caf50; } + .primary-green .text-primary, .primary-green a.text-primary, .primary-green a.text-primary:hover, .primary-green a.text-primary:focus { color: #43a047; } + .primary-green .btn-colored, .primary-green .btn-colored:hover, .primary-green .btn-colored:focus, .primary-green .btn.btn-colored, .primary-green .btn.btn-colored:hover, .primary-green .btn.btn-colored:focus, .primary-green input.btn-colored[type="submit"], .primary-green input.btn-colored[type="submit"]:hover, .primary-green input.btn-colored[type="submit"]:focus { color: #43a047; } + .primary-green .btn-raised.btn-colored, .primary-green .btn.btn-raised.btn-colored, .primary-green input.btn-raised[type="submit"].btn-colored { background: #4caf50; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-green .btn-raised.btn-colored:hover, .primary-green .btn-raised.btn-colored:focus, .primary-green .btn.btn-raised.btn-colored:hover, .primary-green .btn.btn-raised.btn-colored:focus, .primary-green input.btn-raised[type="submit"].btn-colored:hover, .primary-green input.btn-raised[type="submit"].btn-colored:focus { background: #43a047; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-green .btn-raised.btn-colored:active, .primary-green .btn.btn-raised.btn-colored:active, .primary-green input.btn-raised[type="submit"].btn-colored:active { background: #388e3c; } + .primary-green .pager .pager-item.item-current > a, .primary-green .pager .pager-item.item-current > span { color: #43a047; } + .primary-green.theme-dark .text-primary, .primary-green.theme-dark a.text-primary, .primary-green.theme-dark a.text-primary:hover, .primary-green.theme-dark a.text-primary:focus { color: #66bb6a; } + .primary-green.theme-dark .btn-colored, .primary-green.theme-dark .btn-colored:hover, .primary-green.theme-dark .btn-colored:focus, .primary-green.theme-dark .btn.btn-colored, .primary-green.theme-dark .btn.btn-colored:hover, .primary-green.theme-dark .btn.btn-colored:focus, .primary-green.theme-dark input.btn-colored[type="submit"], .primary-green.theme-dark input.btn-colored[type="submit"]:hover, .primary-green.theme-dark input.btn-colored[type="submit"]:focus { color: #66bb6a; } + .primary-green.theme-dark .btn-raised.btn-colored, .primary-green.theme-dark .btn.btn-raised.btn-colored, .primary-green.theme-dark input.btn-raised.btn-colored { background: #4caf50; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-green.theme-dark .btn-raised.btn-colored:hover, .primary-green.theme-dark .btn-raised.btn-colored:focus, .primary-green.theme-dark .btn.btn-raised.btn-colored:hover, .primary-green.theme-dark .btn.btn-raised.btn-colored:focus, .primary-green.theme-dark input.btn-raised.btn-colored:hover, .primary-green.theme-dark input.btn-raised.btn-colored:focus { background: #81c784; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-green.theme-dark .btn-raised.btn-colored:active, .primary-green.theme-dark .btn.btn-raised.btn-colored:active, .primary-green.theme-dark input.btn-raised.btn-colored:active { background: #a5d6a7; } .primary-light-green #header { background: #8bc34a; color: rgba(0, 0, 0, 0.87); } + .primary-light-green.navbar-fixed #navbar { background: #8bc34a; } + .primary-light-green.header-bg-image #header, .primary-light-green.header-bg-object #header { background-color: #8bc34a; } + .primary-light-green.header-bg-image.navbar-fixed #header { background: #8bc34a; } + .primary-light-green.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-light-green.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #8bc34a; } + .primary-light-green .navbar-icon { color: rgba(0, 0, 0, 0.87); } + .primary-light-green .navbar-title a { color: rgba(0, 0, 0, 0.87); } + .primary-light-green .navbar-slogan { color: rgba(0, 0, 0, 0.87); } + .primary-light-green .navbar-menu .menu a { color: rgba(0, 0, 0, 0.87); } .primary-light-green .navbar-menu .menu a:hover { border-color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.87); } + .primary-light-green .navbar-menu .menu .navbar-account-menu .menu a:before { color: rgba(0, 0, 0, 0.87); } + .primary-light-green .navbar-menu .menu .active a, .primary-light-green .navbar-menu .menu .active-trail a, .primary-light-green .navbar-menu .menu .active { border-color: rgba(0, 0, 0, 0.87); } + .primary-light-green article blockquote { border-color: #8bc34a; } + .primary-light-green #drawer .menu li.active a, .primary-light-green li.active-trail a { color: #7cb342; } .primary-light-green #drawer .menu li.active a.icon-left:before, .primary-light-green #drawer .menu li.active a.icon-right:after, .primary-light-green li.active-trail a.icon-left:before, .primary-light-green li.active-trail a.icon-right:after { color: #7cb342; } .primary-light-green #drawer .menu li.active a.services-icon-left:before, .primary-light-green #drawer .menu li.active a.services-icon-right:after, .primary-light-green li.active-trail a.services-icon-left:before, .primary-light-green li.active-trail a.services-icon-right:after { background: #7cb342; } + .primary-light-green .sidebar .menu li a.is-active { color: #7cb342; } + .primary-light-green .navbar-item.block-search form .form-item input[type="text"], .primary-light-green .navbar-item.block-search form .form-item input[type="search"], .primary-light-green #header .block-search form .form-item input[type="text"], .primary-light-green #header .block-search form .form-item input[type="search"], .primary-light-green .card-bg-primary .block-search form .form-item input[type="text"], .primary-light-green .card-bg-primary .block-search form .form-item input[type="search"] { color: rgba(0, 0, 0, 0.87); border-bottom: 1px solid rgba(0, 0, 0, 0.87); } - .primary-light-green .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-light-green .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-light-green #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-light-green #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(0, 0, 0, 0.26); } - .primary-light-green .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-light-green .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-light-green #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-light-green #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { + .primary-light-green .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-green .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-light-green #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-green #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.26); } .primary-light-green .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-light-green .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-light-green #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-light-green #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.26); } - .primary-light-green .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-green .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-light-green #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-green #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { + .primary-light-green .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-light-green .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-light-green #header .block-search form .form-item input[type="text"]::placeholder, .primary-light-green #header .block-search form .form-item input[type="search"]::placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { color: rgba(0, 0, 0, 0.26); } + .primary-light-green .navbar-item.block-search form .form-item.icon-left:before, .primary-light-green #header .block-search form .form-item.icon-left:before, .primary-light-green .card-bg-primary .block-search form .form-item.icon-left:before { color: rgba(0, 0, 0, 0.87); } + .primary-light-green .card-bg-primary { background: #8bc34a; color: rgba(0, 0, 0, 0.87); } @@ -1022,88 +1297,114 @@ background: rgba(204, 204, 204, 0.25); } .primary-light-green .card-bg-primary .rippleAnimate { background-color: rgba(0, 0, 0, 0.3); } + .primary-light-green .material-icons.text-primary { color: #8bc34a; } + .primary-light-green .text-primary, .primary-light-green a.text-primary, .primary-light-green a.text-primary:hover, .primary-light-green a.text-primary:focus { color: #7cb342; } + .primary-light-green .btn-colored, .primary-light-green .btn-colored:hover, .primary-light-green .btn-colored:focus, .primary-light-green .btn.btn-colored, .primary-light-green .btn.btn-colored:hover, .primary-light-green .btn.btn-colored:focus, .primary-light-green input.btn-colored[type="submit"], .primary-light-green input.btn-colored[type="submit"]:hover, .primary-light-green input.btn-colored[type="submit"]:focus { color: #7cb342; } + .primary-light-green .btn-raised.btn-colored, .primary-light-green .btn.btn-raised.btn-colored, .primary-light-green input.btn-raised[type="submit"].btn-colored { background: #8bc34a; color: rgba(0, 0, 0, 0.87); } + .primary-light-green .btn-raised.btn-colored:hover, .primary-light-green .btn-raised.btn-colored:focus, .primary-light-green .btn.btn-raised.btn-colored:hover, .primary-light-green .btn.btn-raised.btn-colored:focus, .primary-light-green input.btn-raised[type="submit"].btn-colored:hover, .primary-light-green input.btn-raised[type="submit"].btn-colored:focus { background: #7cb342; color: rgba(0, 0, 0, 0.87); } + .primary-light-green .btn-raised.btn-colored:active, .primary-light-green .btn.btn-raised.btn-colored:active, .primary-light-green input.btn-raised[type="submit"].btn-colored:active { background: #689f38; } + .primary-light-green .pager .pager-item.item-current > a, .primary-light-green .pager .pager-item.item-current > span { color: #7cb342; } + .primary-light-green.theme-dark .text-primary, .primary-light-green.theme-dark a.text-primary, .primary-light-green.theme-dark a.text-primary:hover, .primary-light-green.theme-dark a.text-primary:focus { color: #9ccc65; } + .primary-light-green.theme-dark .btn-colored, .primary-light-green.theme-dark .btn-colored:hover, .primary-light-green.theme-dark .btn-colored:focus, .primary-light-green.theme-dark .btn.btn-colored, .primary-light-green.theme-dark .btn.btn-colored:hover, .primary-light-green.theme-dark .btn.btn-colored:focus, .primary-light-green.theme-dark input.btn-colored[type="submit"], .primary-light-green.theme-dark input.btn-colored[type="submit"]:hover, .primary-light-green.theme-dark input.btn-colored[type="submit"]:focus { color: #9ccc65; } + .primary-light-green.theme-dark .btn-raised.btn-colored, .primary-light-green.theme-dark .btn.btn-raised.btn-colored, .primary-light-green.theme-dark input.btn-raised.btn-colored { background: #8bc34a; color: rgba(0, 0, 0, 0.87); } + .primary-light-green.theme-dark .btn-raised.btn-colored:hover, .primary-light-green.theme-dark .btn-raised.btn-colored:focus, .primary-light-green.theme-dark .btn.btn-raised.btn-colored:hover, .primary-light-green.theme-dark .btn.btn-raised.btn-colored:focus, .primary-light-green.theme-dark input.btn-raised.btn-colored:hover, .primary-light-green.theme-dark input.btn-raised.btn-colored:focus { background: #aed581; color: rgba(0, 0, 0, 0.87); } + .primary-light-green.theme-dark .btn-raised.btn-colored:active, .primary-light-green.theme-dark .btn.btn-raised.btn-colored:active, .primary-light-green.theme-dark input.btn-raised.btn-colored:active { background: #c5e1a5; } .primary-lime #header { background: #cddc39; color: rgba(0, 0, 0, 0.87); } + .primary-lime.navbar-fixed #navbar { background: #cddc39; } + .primary-lime.header-bg-image #header, .primary-lime.header-bg-object #header { background-color: #cddc39; } + .primary-lime.header-bg-image.navbar-fixed #header { background: #cddc39; } + .primary-lime.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-lime.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #cddc39; } + .primary-lime .navbar-icon { color: rgba(0, 0, 0, 0.87); } + .primary-lime .navbar-title a { color: rgba(0, 0, 0, 0.87); } + .primary-lime .navbar-slogan { color: rgba(0, 0, 0, 0.87); } + .primary-lime .navbar-menu .menu a { color: rgba(0, 0, 0, 0.87); } .primary-lime .navbar-menu .menu a:hover { border-color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.87); } + .primary-lime .navbar-menu .menu .navbar-account-menu .menu a:before { color: rgba(0, 0, 0, 0.87); } + .primary-lime .navbar-menu .menu .active a, .primary-lime .navbar-menu .menu .active-trail a, .primary-lime .navbar-menu .menu .active { border-color: rgba(0, 0, 0, 0.87); } + .primary-lime article blockquote { border-color: #cddc39; } + .primary-lime #drawer .menu li.active a, .primary-lime li.active-trail a { color: #c0ca33; } .primary-lime #drawer .menu li.active a.icon-left:before, .primary-lime #drawer .menu li.active a.icon-right:after, .primary-lime li.active-trail a.icon-left:before, .primary-lime li.active-trail a.icon-right:after { color: #c0ca33; } .primary-lime #drawer .menu li.active a.services-icon-left:before, .primary-lime #drawer .menu li.active a.services-icon-right:after, .primary-lime li.active-trail a.services-icon-left:before, .primary-lime li.active-trail a.services-icon-right:after { background: #c0ca33; } + .primary-lime .sidebar .menu li a.is-active { color: #c0ca33; } + .primary-lime .navbar-item.block-search form .form-item input[type="text"], .primary-lime .navbar-item.block-search form .form-item input[type="search"], .primary-lime #header .block-search form .form-item input[type="text"], .primary-lime #header .block-search form .form-item input[type="search"], .primary-lime .card-bg-primary .block-search form .form-item input[type="text"], .primary-lime .card-bg-primary .block-search form .form-item input[type="search"] { color: rgba(0, 0, 0, 0.87); border-bottom: 1px solid rgba(0, 0, 0, 0.87); } - .primary-lime .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-lime .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-lime #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-lime #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(0, 0, 0, 0.26); } - .primary-lime .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-lime .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-lime #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-lime #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { + .primary-lime .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-lime .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-lime #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-lime #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.26); } .primary-lime .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-lime .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-lime #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-lime #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.26); } - .primary-lime .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-lime .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-lime #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-lime #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { + .primary-lime .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-lime .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-lime #header .block-search form .form-item input[type="text"]::placeholder, .primary-lime #header .block-search form .form-item input[type="search"]::placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { color: rgba(0, 0, 0, 0.26); } + .primary-lime .navbar-item.block-search form .form-item.icon-left:before, .primary-lime #header .block-search form .form-item.icon-left:before, .primary-lime .card-bg-primary .block-search form .form-item.icon-left:before { color: rgba(0, 0, 0, 0.87); } + .primary-lime .card-bg-primary { background: #cddc39; color: rgba(0, 0, 0, 0.87); } @@ -1112,94 +1413,120 @@ .primary-lime .card-bg-primary .btn { color: rgba(0, 0, 0, 0.87); } .primary-lime .card-bg-primary .btn:hover, .primary-lime .card-bg-primary .btn:focus { - background: rgba(153, 153, 153, 0.2); + background: rgba(204, 204, 204, 0.15); color: rgba(0, 0, 0, 0.87); } .primary-lime .card-bg-primary .btn:active { - background: rgba(153, 153, 153, 0.4); } + background: rgba(204, 204, 204, 0.25); } .primary-lime .card-bg-primary .rippleAnimate { background-color: rgba(0, 0, 0, 0.3); } + .primary-lime .material-icons.text-primary { color: #cddc39; } + .primary-lime .text-primary, .primary-lime a.text-primary, .primary-lime a.text-primary:hover, .primary-lime a.text-primary:focus { color: #c0ca33; } + .primary-lime .btn-colored, .primary-lime .btn-colored:hover, .primary-lime .btn-colored:focus, .primary-lime .btn.btn-colored, .primary-lime .btn.btn-colored:hover, .primary-lime .btn.btn-colored:focus, .primary-lime input.btn-colored[type="submit"], .primary-lime input.btn-colored[type="submit"]:hover, .primary-lime input.btn-colored[type="submit"]:focus { color: #c0ca33; } + .primary-lime .btn-raised.btn-colored, .primary-lime .btn.btn-raised.btn-colored, .primary-lime input.btn-raised[type="submit"].btn-colored { background: #cddc39; color: rgba(0, 0, 0, 0.87); } + .primary-lime .btn-raised.btn-colored:hover, .primary-lime .btn-raised.btn-colored:focus, .primary-lime .btn.btn-raised.btn-colored:hover, .primary-lime .btn.btn-raised.btn-colored:focus, .primary-lime input.btn-raised[type="submit"].btn-colored:hover, .primary-lime input.btn-raised[type="submit"].btn-colored:focus { background: #c0ca33; color: rgba(0, 0, 0, 0.87); } + .primary-lime .btn-raised.btn-colored:active, .primary-lime .btn.btn-raised.btn-colored:active, .primary-lime input.btn-raised[type="submit"].btn-colored:active { background: #afb42b; } + .primary-lime .pager .pager-item.item-current > a, .primary-lime .pager .pager-item.item-current > span { color: #c0ca33; } + .primary-lime.theme-dark .text-primary, .primary-lime.theme-dark a.text-primary, .primary-lime.theme-dark a.text-primary:hover, .primary-lime.theme-dark a.text-primary:focus { color: #d4e157; } + .primary-lime.theme-dark .btn-colored, .primary-lime.theme-dark .btn-colored:hover, .primary-lime.theme-dark .btn-colored:focus, .primary-lime.theme-dark .btn.btn-colored, .primary-lime.theme-dark .btn.btn-colored:hover, .primary-lime.theme-dark .btn.btn-colored:focus, .primary-lime.theme-dark input.btn-colored[type="submit"], .primary-lime.theme-dark input.btn-colored[type="submit"]:hover, .primary-lime.theme-dark input.btn-colored[type="submit"]:focus { color: #d4e157; } + .primary-lime.theme-dark .btn-raised.btn-colored, .primary-lime.theme-dark .btn.btn-raised.btn-colored, .primary-lime.theme-dark input.btn-raised.btn-colored { background: #cddc39; color: rgba(0, 0, 0, 0.87); } + .primary-lime.theme-dark .btn-raised.btn-colored:hover, .primary-lime.theme-dark .btn-raised.btn-colored:focus, .primary-lime.theme-dark .btn.btn-raised.btn-colored:hover, .primary-lime.theme-dark .btn.btn-raised.btn-colored:focus, .primary-lime.theme-dark input.btn-raised.btn-colored:hover, .primary-lime.theme-dark input.btn-raised.btn-colored:focus { background: #dce775; color: rgba(0, 0, 0, 0.87); } + .primary-lime.theme-dark .btn-raised.btn-colored:active, .primary-lime.theme-dark .btn.btn-raised.btn-colored:active, .primary-lime.theme-dark input.btn-raised.btn-colored:active { background: #e6ee9c; } .primary-yellow #header { background: #ffeb3b; color: rgba(0, 0, 0, 0.87); } + .primary-yellow.navbar-fixed #navbar { background: #ffeb3b; } + .primary-yellow.header-bg-image #header, .primary-yellow.header-bg-object #header { background-color: #ffeb3b; } + .primary-yellow.header-bg-image.navbar-fixed #header { background: #ffeb3b; } + .primary-yellow.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-yellow.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #ffeb3b; } + .primary-yellow .navbar-icon { color: rgba(0, 0, 0, 0.87); } + .primary-yellow .navbar-title a { color: rgba(0, 0, 0, 0.87); } + .primary-yellow .navbar-slogan { color: rgba(0, 0, 0, 0.87); } + .primary-yellow .navbar-menu .menu a { color: rgba(0, 0, 0, 0.87); } .primary-yellow .navbar-menu .menu a:hover { border-color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.87); } + .primary-yellow .navbar-menu .menu .navbar-account-menu .menu a:before { color: rgba(0, 0, 0, 0.87); } + .primary-yellow .navbar-menu .menu .active a, .primary-yellow .navbar-menu .menu .active-trail a, .primary-yellow .navbar-menu .menu .active { border-color: rgba(0, 0, 0, 0.87); } + .primary-yellow article blockquote { border-color: #ffeb3b; } + .primary-yellow #drawer .menu li.active a, .primary-yellow li.active-trail a { color: #fdd835; } .primary-yellow #drawer .menu li.active a.icon-left:before, .primary-yellow #drawer .menu li.active a.icon-right:after, .primary-yellow li.active-trail a.icon-left:before, .primary-yellow li.active-trail a.icon-right:after { color: #fdd835; } .primary-yellow #drawer .menu li.active a.services-icon-left:before, .primary-yellow #drawer .menu li.active a.services-icon-right:after, .primary-yellow li.active-trail a.services-icon-left:before, .primary-yellow li.active-trail a.services-icon-right:after { background: #fdd835; } + .primary-yellow .sidebar .menu li a.is-active { color: #fdd835; } + .primary-yellow .navbar-item.block-search form .form-item input[type="text"], .primary-yellow .navbar-item.block-search form .form-item input[type="search"], .primary-yellow #header .block-search form .form-item input[type="text"], .primary-yellow #header .block-search form .form-item input[type="search"], .primary-yellow .card-bg-primary .block-search form .form-item input[type="text"], .primary-yellow .card-bg-primary .block-search form .form-item input[type="search"] { color: rgba(0, 0, 0, 0.87); border-bottom: 1px solid rgba(0, 0, 0, 0.87); } - .primary-yellow .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-yellow .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-yellow #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-yellow #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(0, 0, 0, 0.26); } - .primary-yellow .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-yellow .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-yellow #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-yellow #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { + .primary-yellow .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-yellow .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-yellow #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-yellow #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.26); } .primary-yellow .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-yellow .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-yellow #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-yellow #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.26); } - .primary-yellow .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-yellow .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-yellow #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-yellow #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { + .primary-yellow .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-yellow .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-yellow #header .block-search form .form-item input[type="text"]::placeholder, .primary-yellow #header .block-search form .form-item input[type="search"]::placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { color: rgba(0, 0, 0, 0.26); } + .primary-yellow .navbar-item.block-search form .form-item.icon-left:before, .primary-yellow #header .block-search form .form-item.icon-left:before, .primary-yellow .card-bg-primary .block-search form .form-item.icon-left:before { color: rgba(0, 0, 0, 0.87); } + .primary-yellow .card-bg-primary { background: #ffeb3b; color: rgba(0, 0, 0, 0.87); } @@ -1214,88 +1541,114 @@ background: rgba(153, 153, 153, 0.4); } .primary-yellow .card-bg-primary .rippleAnimate { background-color: rgba(0, 0, 0, 0.3); } + .primary-yellow .material-icons.text-primary { color: #ffeb3b; } + .primary-yellow .text-primary, .primary-yellow a.text-primary, .primary-yellow a.text-primary:hover, .primary-yellow a.text-primary:focus { color: #fdd835; } + .primary-yellow .btn-colored, .primary-yellow .btn-colored:hover, .primary-yellow .btn-colored:focus, .primary-yellow .btn.btn-colored, .primary-yellow .btn.btn-colored:hover, .primary-yellow .btn.btn-colored:focus, .primary-yellow input.btn-colored[type="submit"], .primary-yellow input.btn-colored[type="submit"]:hover, .primary-yellow input.btn-colored[type="submit"]:focus { color: #fdd835; } + .primary-yellow .btn-raised.btn-colored, .primary-yellow .btn.btn-raised.btn-colored, .primary-yellow input.btn-raised[type="submit"].btn-colored { background: #ffeb3b; color: rgba(0, 0, 0, 0.87); } + .primary-yellow .btn-raised.btn-colored:hover, .primary-yellow .btn-raised.btn-colored:focus, .primary-yellow .btn.btn-raised.btn-colored:hover, .primary-yellow .btn.btn-raised.btn-colored:focus, .primary-yellow input.btn-raised[type="submit"].btn-colored:hover, .primary-yellow input.btn-raised[type="submit"].btn-colored:focus { background: #fdd835; color: rgba(0, 0, 0, 0.87); } + .primary-yellow .btn-raised.btn-colored:active, .primary-yellow .btn.btn-raised.btn-colored:active, .primary-yellow input.btn-raised[type="submit"].btn-colored:active { background: #fbc02d; } + .primary-yellow .pager .pager-item.item-current > a, .primary-yellow .pager .pager-item.item-current > span { color: #fdd835; } + .primary-yellow.theme-dark .text-primary, .primary-yellow.theme-dark a.text-primary, .primary-yellow.theme-dark a.text-primary:hover, .primary-yellow.theme-dark a.text-primary:focus { color: #ffee58; } + .primary-yellow.theme-dark .btn-colored, .primary-yellow.theme-dark .btn-colored:hover, .primary-yellow.theme-dark .btn-colored:focus, .primary-yellow.theme-dark .btn.btn-colored, .primary-yellow.theme-dark .btn.btn-colored:hover, .primary-yellow.theme-dark .btn.btn-colored:focus, .primary-yellow.theme-dark input.btn-colored[type="submit"], .primary-yellow.theme-dark input.btn-colored[type="submit"]:hover, .primary-yellow.theme-dark input.btn-colored[type="submit"]:focus { color: #ffee58; } + .primary-yellow.theme-dark .btn-raised.btn-colored, .primary-yellow.theme-dark .btn.btn-raised.btn-colored, .primary-yellow.theme-dark input.btn-raised.btn-colored { background: #ffeb3b; color: rgba(0, 0, 0, 0.87); } + .primary-yellow.theme-dark .btn-raised.btn-colored:hover, .primary-yellow.theme-dark .btn-raised.btn-colored:focus, .primary-yellow.theme-dark .btn.btn-raised.btn-colored:hover, .primary-yellow.theme-dark .btn.btn-raised.btn-colored:focus, .primary-yellow.theme-dark input.btn-raised.btn-colored:hover, .primary-yellow.theme-dark input.btn-raised.btn-colored:focus { background: #fff176; color: rgba(0, 0, 0, 0.87); } + .primary-yellow.theme-dark .btn-raised.btn-colored:active, .primary-yellow.theme-dark .btn.btn-raised.btn-colored:active, .primary-yellow.theme-dark input.btn-raised.btn-colored:active { background: #fff59d; } .primary-amber #header { background: #ffc107; color: rgba(0, 0, 0, 0.87); } + .primary-amber.navbar-fixed #navbar { background: #ffc107; } + .primary-amber.header-bg-image #header, .primary-amber.header-bg-object #header { background-color: #ffc107; } + .primary-amber.header-bg-image.navbar-fixed #header { background: #ffc107; } + .primary-amber.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-amber.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #ffc107; } + .primary-amber .navbar-icon { color: rgba(0, 0, 0, 0.87); } + .primary-amber .navbar-title a { color: rgba(0, 0, 0, 0.87); } + .primary-amber .navbar-slogan { color: rgba(0, 0, 0, 0.87); } + .primary-amber .navbar-menu .menu a { color: rgba(0, 0, 0, 0.87); } .primary-amber .navbar-menu .menu a:hover { border-color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.87); } + .primary-amber .navbar-menu .menu .navbar-account-menu .menu a:before { color: rgba(0, 0, 0, 0.87); } + .primary-amber .navbar-menu .menu .active a, .primary-amber .navbar-menu .menu .active-trail a, .primary-amber .navbar-menu .menu .active { border-color: rgba(0, 0, 0, 0.87); } + .primary-amber article blockquote { border-color: #ffc107; } + .primary-amber #drawer .menu li.active a, .primary-amber li.active-trail a { color: #ffb300; } .primary-amber #drawer .menu li.active a.icon-left:before, .primary-amber #drawer .menu li.active a.icon-right:after, .primary-amber li.active-trail a.icon-left:before, .primary-amber li.active-trail a.icon-right:after { color: #ffb300; } .primary-amber #drawer .menu li.active a.services-icon-left:before, .primary-amber #drawer .menu li.active a.services-icon-right:after, .primary-amber li.active-trail a.services-icon-left:before, .primary-amber li.active-trail a.services-icon-right:after { background: #ffb300; } + .primary-amber .sidebar .menu li a.is-active { color: #ffb300; } + .primary-amber .navbar-item.block-search form .form-item input[type="text"], .primary-amber .navbar-item.block-search form .form-item input[type="search"], .primary-amber #header .block-search form .form-item input[type="text"], .primary-amber #header .block-search form .form-item input[type="search"], .primary-amber .card-bg-primary .block-search form .form-item input[type="text"], .primary-amber .card-bg-primary .block-search form .form-item input[type="search"] { color: rgba(0, 0, 0, 0.87); border-bottom: 1px solid rgba(0, 0, 0, 0.87); } - .primary-amber .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-amber .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-amber #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-amber #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(0, 0, 0, 0.26); } - .primary-amber .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-amber .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-amber #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-amber #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { + .primary-amber .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-amber .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-amber #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-amber #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.26); } .primary-amber .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-amber .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-amber #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-amber #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.26); } - .primary-amber .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-amber .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-amber #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-amber #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { + .primary-amber .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-amber .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-amber #header .block-search form .form-item input[type="text"]::placeholder, .primary-amber #header .block-search form .form-item input[type="search"]::placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { color: rgba(0, 0, 0, 0.26); } + .primary-amber .navbar-item.block-search form .form-item.icon-left:before, .primary-amber #header .block-search form .form-item.icon-left:before, .primary-amber .card-bg-primary .block-search form .form-item.icon-left:before { color: rgba(0, 0, 0, 0.87); } + .primary-amber .card-bg-primary { background: #ffc107; color: rgba(0, 0, 0, 0.87); } @@ -1304,94 +1657,120 @@ .primary-amber .card-bg-primary .btn { color: rgba(0, 0, 0, 0.87); } .primary-amber .card-bg-primary .btn:hover, .primary-amber .card-bg-primary .btn:focus { - background: rgba(153, 153, 153, 0.2); + background: rgba(204, 204, 204, 0.15); color: rgba(0, 0, 0, 0.87); } .primary-amber .card-bg-primary .btn:active { - background: rgba(153, 153, 153, 0.4); } + background: rgba(204, 204, 204, 0.25); } .primary-amber .card-bg-primary .rippleAnimate { background-color: rgba(0, 0, 0, 0.3); } + .primary-amber .material-icons.text-primary { color: #ffc107; } + .primary-amber .text-primary, .primary-amber a.text-primary, .primary-amber a.text-primary:hover, .primary-amber a.text-primary:focus { color: #ffb300; } + .primary-amber .btn-colored, .primary-amber .btn-colored:hover, .primary-amber .btn-colored:focus, .primary-amber .btn.btn-colored, .primary-amber .btn.btn-colored:hover, .primary-amber .btn.btn-colored:focus, .primary-amber input.btn-colored[type="submit"], .primary-amber input.btn-colored[type="submit"]:hover, .primary-amber input.btn-colored[type="submit"]:focus { color: #ffb300; } + .primary-amber .btn-raised.btn-colored, .primary-amber .btn.btn-raised.btn-colored, .primary-amber input.btn-raised[type="submit"].btn-colored { background: #ffc107; color: rgba(0, 0, 0, 0.87); } + .primary-amber .btn-raised.btn-colored:hover, .primary-amber .btn-raised.btn-colored:focus, .primary-amber .btn.btn-raised.btn-colored:hover, .primary-amber .btn.btn-raised.btn-colored:focus, .primary-amber input.btn-raised[type="submit"].btn-colored:hover, .primary-amber input.btn-raised[type="submit"].btn-colored:focus { background: #ffb300; color: rgba(0, 0, 0, 0.87); } + .primary-amber .btn-raised.btn-colored:active, .primary-amber .btn.btn-raised.btn-colored:active, .primary-amber input.btn-raised[type="submit"].btn-colored:active { background: #ffa000; } + .primary-amber .pager .pager-item.item-current > a, .primary-amber .pager .pager-item.item-current > span { color: #ffb300; } + .primary-amber.theme-dark .text-primary, .primary-amber.theme-dark a.text-primary, .primary-amber.theme-dark a.text-primary:hover, .primary-amber.theme-dark a.text-primary:focus { color: #ffca28; } + .primary-amber.theme-dark .btn-colored, .primary-amber.theme-dark .btn-colored:hover, .primary-amber.theme-dark .btn-colored:focus, .primary-amber.theme-dark .btn.btn-colored, .primary-amber.theme-dark .btn.btn-colored:hover, .primary-amber.theme-dark .btn.btn-colored:focus, .primary-amber.theme-dark input.btn-colored[type="submit"], .primary-amber.theme-dark input.btn-colored[type="submit"]:hover, .primary-amber.theme-dark input.btn-colored[type="submit"]:focus { color: #ffca28; } + .primary-amber.theme-dark .btn-raised.btn-colored, .primary-amber.theme-dark .btn.btn-raised.btn-colored, .primary-amber.theme-dark input.btn-raised.btn-colored { background: #ffc107; color: rgba(0, 0, 0, 0.87); } + .primary-amber.theme-dark .btn-raised.btn-colored:hover, .primary-amber.theme-dark .btn-raised.btn-colored:focus, .primary-amber.theme-dark .btn.btn-raised.btn-colored:hover, .primary-amber.theme-dark .btn.btn-raised.btn-colored:focus, .primary-amber.theme-dark input.btn-raised.btn-colored:hover, .primary-amber.theme-dark input.btn-raised.btn-colored:focus { background: #ffd54f; color: rgba(0, 0, 0, 0.87); } + .primary-amber.theme-dark .btn-raised.btn-colored:active, .primary-amber.theme-dark .btn.btn-raised.btn-colored:active, .primary-amber.theme-dark input.btn-raised.btn-colored:active { background: #ffe082; } .primary-orange #header { background: #ff9800; color: rgba(0, 0, 0, 0.87); } + .primary-orange.navbar-fixed #navbar { background: #ff9800; } + .primary-orange.header-bg-image #header, .primary-orange.header-bg-object #header { background-color: #ff9800; } + .primary-orange.header-bg-image.navbar-fixed #header { background: #ff9800; } + .primary-orange.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-orange.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #ff9800; } + .primary-orange .navbar-icon { color: rgba(0, 0, 0, 0.87); } + .primary-orange .navbar-title a { color: rgba(0, 0, 0, 0.87); } + .primary-orange .navbar-slogan { color: rgba(0, 0, 0, 0.87); } + .primary-orange .navbar-menu .menu a { color: rgba(0, 0, 0, 0.87); } .primary-orange .navbar-menu .menu a:hover { border-color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.87); } + .primary-orange .navbar-menu .menu .navbar-account-menu .menu a:before { color: rgba(0, 0, 0, 0.87); } + .primary-orange .navbar-menu .menu .active a, .primary-orange .navbar-menu .menu .active-trail a, .primary-orange .navbar-menu .menu .active { border-color: rgba(0, 0, 0, 0.87); } + .primary-orange article blockquote { border-color: #ff9800; } + .primary-orange #drawer .menu li.active a, .primary-orange li.active-trail a { color: #fb8c00; } .primary-orange #drawer .menu li.active a.icon-left:before, .primary-orange #drawer .menu li.active a.icon-right:after, .primary-orange li.active-trail a.icon-left:before, .primary-orange li.active-trail a.icon-right:after { color: #fb8c00; } .primary-orange #drawer .menu li.active a.services-icon-left:before, .primary-orange #drawer .menu li.active a.services-icon-right:after, .primary-orange li.active-trail a.services-icon-left:before, .primary-orange li.active-trail a.services-icon-right:after { background: #fb8c00; } + .primary-orange .sidebar .menu li a.is-active { color: #fb8c00; } + .primary-orange .navbar-item.block-search form .form-item input[type="text"], .primary-orange .navbar-item.block-search form .form-item input[type="search"], .primary-orange #header .block-search form .form-item input[type="text"], .primary-orange #header .block-search form .form-item input[type="search"], .primary-orange .card-bg-primary .block-search form .form-item input[type="text"], .primary-orange .card-bg-primary .block-search form .form-item input[type="search"] { color: rgba(0, 0, 0, 0.87); border-bottom: 1px solid rgba(0, 0, 0, 0.87); } - .primary-orange .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-orange .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-orange #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-orange #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(0, 0, 0, 0.26); } - .primary-orange .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-orange .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-orange #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-orange #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { + .primary-orange .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-orange .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-orange #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-orange #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.26); } .primary-orange .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-orange .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-orange #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-orange #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.26); } - .primary-orange .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-orange .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-orange #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-orange #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { + .primary-orange .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-orange .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-orange #header .block-search form .form-item input[type="text"]::placeholder, .primary-orange #header .block-search form .form-item input[type="search"]::placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { color: rgba(0, 0, 0, 0.26); } + .primary-orange .navbar-item.block-search form .form-item.icon-left:before, .primary-orange #header .block-search form .form-item.icon-left:before, .primary-orange .card-bg-primary .block-search form .form-item.icon-left:before { color: rgba(0, 0, 0, 0.87); } + .primary-orange .card-bg-primary { background: #ff9800; color: rgba(0, 0, 0, 0.87); } @@ -1406,184 +1785,236 @@ background: rgba(204, 204, 204, 0.25); } .primary-orange .card-bg-primary .rippleAnimate { background-color: rgba(0, 0, 0, 0.3); } + .primary-orange .material-icons.text-primary { color: #ff9800; } + .primary-orange .text-primary, .primary-orange a.text-primary, .primary-orange a.text-primary:hover, .primary-orange a.text-primary:focus { color: #fb8c00; } + .primary-orange .btn-colored, .primary-orange .btn-colored:hover, .primary-orange .btn-colored:focus, .primary-orange .btn.btn-colored, .primary-orange .btn.btn-colored:hover, .primary-orange .btn.btn-colored:focus, .primary-orange input.btn-colored[type="submit"], .primary-orange input.btn-colored[type="submit"]:hover, .primary-orange input.btn-colored[type="submit"]:focus { color: #fb8c00; } + .primary-orange .btn-raised.btn-colored, .primary-orange .btn.btn-raised.btn-colored, .primary-orange input.btn-raised[type="submit"].btn-colored { background: #ff9800; color: rgba(0, 0, 0, 0.87); } + .primary-orange .btn-raised.btn-colored:hover, .primary-orange .btn-raised.btn-colored:focus, .primary-orange .btn.btn-raised.btn-colored:hover, .primary-orange .btn.btn-raised.btn-colored:focus, .primary-orange input.btn-raised[type="submit"].btn-colored:hover, .primary-orange input.btn-raised[type="submit"].btn-colored:focus { background: #fb8c00; color: rgba(0, 0, 0, 0.87); } + .primary-orange .btn-raised.btn-colored:active, .primary-orange .btn.btn-raised.btn-colored:active, .primary-orange input.btn-raised[type="submit"].btn-colored:active { background: #f57c00; } + .primary-orange .pager .pager-item.item-current > a, .primary-orange .pager .pager-item.item-current > span { color: #fb8c00; } + .primary-orange.theme-dark .text-primary, .primary-orange.theme-dark a.text-primary, .primary-orange.theme-dark a.text-primary:hover, .primary-orange.theme-dark a.text-primary:focus { color: #ffa726; } + .primary-orange.theme-dark .btn-colored, .primary-orange.theme-dark .btn-colored:hover, .primary-orange.theme-dark .btn-colored:focus, .primary-orange.theme-dark .btn.btn-colored, .primary-orange.theme-dark .btn.btn-colored:hover, .primary-orange.theme-dark .btn.btn-colored:focus, .primary-orange.theme-dark input.btn-colored[type="submit"], .primary-orange.theme-dark input.btn-colored[type="submit"]:hover, .primary-orange.theme-dark input.btn-colored[type="submit"]:focus { color: #ffa726; } + .primary-orange.theme-dark .btn-raised.btn-colored, .primary-orange.theme-dark .btn.btn-raised.btn-colored, .primary-orange.theme-dark input.btn-raised.btn-colored { background: #ff9800; color: rgba(0, 0, 0, 0.87); } + .primary-orange.theme-dark .btn-raised.btn-colored:hover, .primary-orange.theme-dark .btn-raised.btn-colored:focus, .primary-orange.theme-dark .btn.btn-raised.btn-colored:hover, .primary-orange.theme-dark .btn.btn-raised.btn-colored:focus, .primary-orange.theme-dark input.btn-raised.btn-colored:hover, .primary-orange.theme-dark input.btn-raised.btn-colored:focus { background: #ffb74d; color: rgba(0, 0, 0, 0.87); } + .primary-orange.theme-dark .btn-raised.btn-colored:active, .primary-orange.theme-dark .btn.btn-raised.btn-colored:active, .primary-orange.theme-dark input.btn-raised.btn-colored:active { background: #ffcc80; } .primary-deep-orange #header { background: #ff5722; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-deep-orange.navbar-fixed #navbar { background: #ff5722; } + .primary-deep-orange.header-bg-image #header, .primary-deep-orange.header-bg-object #header { background-color: #ff5722; } + .primary-deep-orange.header-bg-image.navbar-fixed #header { background: #ff5722; } + .primary-deep-orange.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-deep-orange.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #ff5722; } + .primary-deep-orange .navbar-icon { - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-deep-orange .navbar-title a { - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-deep-orange .navbar-slogan { - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-deep-orange .navbar-menu .menu a { - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .primary-deep-orange .navbar-menu .menu a:hover { - border-color: rgba(0, 0, 0, 0.5); - color: rgba(0, 0, 0, 0.87); } + border-color: rgba(255, 255, 255, 0.5); + color: #FFF; } + .primary-deep-orange .navbar-menu .menu .navbar-account-menu .menu a:before { - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-deep-orange .navbar-menu .menu .active a, .primary-deep-orange .navbar-menu .menu .active-trail a, .primary-deep-orange .navbar-menu .menu .active { - border-color: rgba(0, 0, 0, 0.87); } + border-color: #FFF; } + .primary-deep-orange article blockquote { border-color: #ff5722; } + .primary-deep-orange #drawer .menu li.active a, .primary-deep-orange li.active-trail a { color: #f4511e; } .primary-deep-orange #drawer .menu li.active a.icon-left:before, .primary-deep-orange #drawer .menu li.active a.icon-right:after, .primary-deep-orange li.active-trail a.icon-left:before, .primary-deep-orange li.active-trail a.icon-right:after { color: #f4511e; } .primary-deep-orange #drawer .menu li.active a.services-icon-left:before, .primary-deep-orange #drawer .menu li.active a.services-icon-right:after, .primary-deep-orange li.active-trail a.services-icon-left:before, .primary-deep-orange li.active-trail a.services-icon-right:after { background: #f4511e; } + .primary-deep-orange .sidebar .menu li a.is-active { color: #f4511e; } + .primary-deep-orange .navbar-item.block-search form .form-item input[type="text"], .primary-deep-orange .navbar-item.block-search form .form-item input[type="search"], .primary-deep-orange #header .block-search form .form-item input[type="text"], .primary-deep-orange #header .block-search form .form-item input[type="search"], .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="text"], .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="search"] { - color: rgba(0, 0, 0, 0.87); - border-bottom: 1px solid rgba(0, 0, 0, 0.87); } - .primary-deep-orange .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-deep-orange .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(0, 0, 0, 0.26); } - .primary-deep-orange .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-deep-orange .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { - color: rgba(0, 0, 0, 0.26); } - .primary-deep-orange .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-orange .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } + color: #FFF; + border-bottom: 1px solid #FFF; } .primary-deep-orange .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-orange .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } + color: rgba(255, 255, 255, 0.3); } + .primary-deep-orange .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-orange .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.3); } + .primary-deep-orange .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-deep-orange .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-deep-orange #header .block-search form .form-item input[type="text"]::placeholder, .primary-deep-orange #header .block-search form .form-item input[type="search"]::placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { + color: rgba(255, 255, 255, 0.3); } + .primary-deep-orange .navbar-item.block-search form .form-item.icon-left:before, .primary-deep-orange #header .block-search form .form-item.icon-left:before, .primary-deep-orange .card-bg-primary .block-search form .form-item.icon-left:before { - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-deep-orange .card-bg-primary { background: #ff5722; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .primary-deep-orange .card-bg-primary .text-secondary { - color: rgba(0, 0, 0, 0.54); } + color: rgba(255, 255, 255, 0.7); } .primary-deep-orange .card-bg-primary .btn { - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .primary-deep-orange .card-bg-primary .btn:hover, .primary-deep-orange .card-bg-primary .btn:focus { background: rgba(204, 204, 204, 0.15); - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .primary-deep-orange .card-bg-primary .btn:active { background: rgba(204, 204, 204, 0.25); } .primary-deep-orange .card-bg-primary .rippleAnimate { - background-color: rgba(0, 0, 0, 0.3); } + background-color: rgba(255, 255, 255, 0.1); } + .primary-deep-orange .material-icons.text-primary { color: #ff5722; } + .primary-deep-orange .text-primary, .primary-deep-orange a.text-primary, .primary-deep-orange a.text-primary:hover, .primary-deep-orange a.text-primary:focus { color: #f4511e; } + .primary-deep-orange .btn-colored, .primary-deep-orange .btn-colored:hover, .primary-deep-orange .btn-colored:focus, .primary-deep-orange .btn.btn-colored, .primary-deep-orange .btn.btn-colored:hover, .primary-deep-orange .btn.btn-colored:focus, .primary-deep-orange input.btn-colored[type="submit"], .primary-deep-orange input.btn-colored[type="submit"]:hover, .primary-deep-orange input.btn-colored[type="submit"]:focus { color: #f4511e; } + .primary-deep-orange .btn-raised.btn-colored, .primary-deep-orange .btn.btn-raised.btn-colored, .primary-deep-orange input.btn-raised[type="submit"].btn-colored { background: #ff5722; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-deep-orange .btn-raised.btn-colored:hover, .primary-deep-orange .btn-raised.btn-colored:focus, .primary-deep-orange .btn.btn-raised.btn-colored:hover, .primary-deep-orange .btn.btn-raised.btn-colored:focus, .primary-deep-orange input.btn-raised[type="submit"].btn-colored:hover, .primary-deep-orange input.btn-raised[type="submit"].btn-colored:focus { background: #f4511e; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-deep-orange .btn-raised.btn-colored:active, .primary-deep-orange .btn.btn-raised.btn-colored:active, .primary-deep-orange input.btn-raised[type="submit"].btn-colored:active { background: #e64a19; } + .primary-deep-orange .pager .pager-item.item-current > a, .primary-deep-orange .pager .pager-item.item-current > span { color: #f4511e; } + .primary-deep-orange.theme-dark .text-primary, .primary-deep-orange.theme-dark a.text-primary, .primary-deep-orange.theme-dark a.text-primary:hover, .primary-deep-orange.theme-dark a.text-primary:focus { color: #ff7043; } + .primary-deep-orange.theme-dark .btn-colored, .primary-deep-orange.theme-dark .btn-colored:hover, .primary-deep-orange.theme-dark .btn-colored:focus, .primary-deep-orange.theme-dark .btn.btn-colored, .primary-deep-orange.theme-dark .btn.btn-colored:hover, .primary-deep-orange.theme-dark .btn.btn-colored:focus, .primary-deep-orange.theme-dark input.btn-colored[type="submit"], .primary-deep-orange.theme-dark input.btn-colored[type="submit"]:hover, .primary-deep-orange.theme-dark input.btn-colored[type="submit"]:focus { color: #ff7043; } + .primary-deep-orange.theme-dark .btn-raised.btn-colored, .primary-deep-orange.theme-dark .btn.btn-raised.btn-colored, .primary-deep-orange.theme-dark input.btn-raised.btn-colored { background: #ff5722; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-deep-orange.theme-dark .btn-raised.btn-colored:hover, .primary-deep-orange.theme-dark .btn-raised.btn-colored:focus, .primary-deep-orange.theme-dark .btn.btn-raised.btn-colored:hover, .primary-deep-orange.theme-dark .btn.btn-raised.btn-colored:focus, .primary-deep-orange.theme-dark input.btn-raised.btn-colored:hover, .primary-deep-orange.theme-dark input.btn-raised.btn-colored:focus { background: #ff8a65; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .primary-deep-orange.theme-dark .btn-raised.btn-colored:active, .primary-deep-orange.theme-dark .btn.btn-raised.btn-colored:active, .primary-deep-orange.theme-dark input.btn-raised.btn-colored:active { background: #ffab91; } .primary-brown #header { background: #795548; color: #FFF; } + .primary-brown.navbar-fixed #navbar { background: #795548; } + .primary-brown.header-bg-image #header, .primary-brown.header-bg-object #header { background-color: #795548; } + .primary-brown.header-bg-image.navbar-fixed #header { background: #795548; } + .primary-brown.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-brown.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #795548; } + .primary-brown .navbar-icon { color: #FFF; } + .primary-brown .navbar-title a { color: #FFF; } + .primary-brown .navbar-slogan { color: #FFF; } + .primary-brown .navbar-menu .menu a { color: #FFF; } .primary-brown .navbar-menu .menu a:hover { border-color: rgba(255, 255, 255, 0.5); color: #FFF; } + .primary-brown .navbar-menu .menu .navbar-account-menu .menu a:before { color: #FFF; } + .primary-brown .navbar-menu .menu .active a, .primary-brown .navbar-menu .menu .active-trail a, .primary-brown .navbar-menu .menu .active { border-color: #FFF; } + .primary-brown article blockquote { border-color: #795548; } + .primary-brown #drawer .menu li.active a, .primary-brown li.active-trail a { color: #6d4c41; } .primary-brown #drawer .menu li.active a.icon-left:before, .primary-brown #drawer .menu li.active a.icon-right:after, .primary-brown li.active-trail a.icon-left:before, .primary-brown li.active-trail a.icon-right:after { color: #6d4c41; } .primary-brown #drawer .menu li.active a.services-icon-left:before, .primary-brown #drawer .menu li.active a.services-icon-right:after, .primary-brown li.active-trail a.services-icon-left:before, .primary-brown li.active-trail a.services-icon-right:after { background: #6d4c41; } + .primary-brown .sidebar .menu li a.is-active { color: #6d4c41; } + .primary-brown .navbar-item.block-search form .form-item input[type="text"], .primary-brown .navbar-item.block-search form .form-item input[type="search"], .primary-brown #header .block-search form .form-item input[type="text"], .primary-brown #header .block-search form .form-item input[type="search"], .primary-brown .card-bg-primary .block-search form .form-item input[type="text"], .primary-brown .card-bg-primary .block-search form .form-item input[type="search"] { color: #FFF; border-bottom: 1px solid #FFF; } - .primary-brown .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-brown .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-brown #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-brown #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(255, 255, 255, 0.3); } - .primary-brown .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-brown .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-brown #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-brown #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { + .primary-brown .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-brown .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-brown #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-brown #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3); } .primary-brown .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-brown .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-brown #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-brown #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); } - .primary-brown .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-brown .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-brown #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-brown #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { + .primary-brown .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-brown .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-brown #header .block-search form .form-item input[type="text"]::placeholder, .primary-brown #header .block-search form .form-item input[type="search"]::placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { color: rgba(255, 255, 255, 0.3); } + .primary-brown .navbar-item.block-search form .form-item.icon-left:before, .primary-brown #header .block-search form .form-item.icon-left:before, .primary-brown .card-bg-primary .block-search form .form-item.icon-left:before { color: #FFF; } + .primary-brown .card-bg-primary { background: #795548; color: #FFF; } @@ -1598,88 +2029,114 @@ background: rgba(204, 204, 204, 0.25); } .primary-brown .card-bg-primary .rippleAnimate { background-color: rgba(255, 255, 255, 0.1); } + .primary-brown .material-icons.text-primary { color: #795548; } + .primary-brown .text-primary, .primary-brown a.text-primary, .primary-brown a.text-primary:hover, .primary-brown a.text-primary:focus { color: #6d4c41; } + .primary-brown .btn-colored, .primary-brown .btn-colored:hover, .primary-brown .btn-colored:focus, .primary-brown .btn.btn-colored, .primary-brown .btn.btn-colored:hover, .primary-brown .btn.btn-colored:focus, .primary-brown input.btn-colored[type="submit"], .primary-brown input.btn-colored[type="submit"]:hover, .primary-brown input.btn-colored[type="submit"]:focus { color: #6d4c41; } + .primary-brown .btn-raised.btn-colored, .primary-brown .btn.btn-raised.btn-colored, .primary-brown input.btn-raised[type="submit"].btn-colored { background: #795548; color: #FFF; } + .primary-brown .btn-raised.btn-colored:hover, .primary-brown .btn-raised.btn-colored:focus, .primary-brown .btn.btn-raised.btn-colored:hover, .primary-brown .btn.btn-raised.btn-colored:focus, .primary-brown input.btn-raised[type="submit"].btn-colored:hover, .primary-brown input.btn-raised[type="submit"].btn-colored:focus { background: #6d4c41; color: #FFF; } + .primary-brown .btn-raised.btn-colored:active, .primary-brown .btn.btn-raised.btn-colored:active, .primary-brown input.btn-raised[type="submit"].btn-colored:active { background: #5d4037; } + .primary-brown .pager .pager-item.item-current > a, .primary-brown .pager .pager-item.item-current > span { color: #6d4c41; } + .primary-brown.theme-dark .text-primary, .primary-brown.theme-dark a.text-primary, .primary-brown.theme-dark a.text-primary:hover, .primary-brown.theme-dark a.text-primary:focus { color: #8d6e63; } + .primary-brown.theme-dark .btn-colored, .primary-brown.theme-dark .btn-colored:hover, .primary-brown.theme-dark .btn-colored:focus, .primary-brown.theme-dark .btn.btn-colored, .primary-brown.theme-dark .btn.btn-colored:hover, .primary-brown.theme-dark .btn.btn-colored:focus, .primary-brown.theme-dark input.btn-colored[type="submit"], .primary-brown.theme-dark input.btn-colored[type="submit"]:hover, .primary-brown.theme-dark input.btn-colored[type="submit"]:focus { color: #8d6e63; } + .primary-brown.theme-dark .btn-raised.btn-colored, .primary-brown.theme-dark .btn.btn-raised.btn-colored, .primary-brown.theme-dark input.btn-raised.btn-colored { background: #795548; color: #FFF; } + .primary-brown.theme-dark .btn-raised.btn-colored:hover, .primary-brown.theme-dark .btn-raised.btn-colored:focus, .primary-brown.theme-dark .btn.btn-raised.btn-colored:hover, .primary-brown.theme-dark .btn.btn-raised.btn-colored:focus, .primary-brown.theme-dark input.btn-raised.btn-colored:hover, .primary-brown.theme-dark input.btn-raised.btn-colored:focus { background: #a1887f; color: #FFF; } + .primary-brown.theme-dark .btn-raised.btn-colored:active, .primary-brown.theme-dark .btn.btn-raised.btn-colored:active, .primary-brown.theme-dark input.btn-raised.btn-colored:active { background: #bcaaa4; } .primary-grey #header { background: #9e9e9e; color: rgba(0, 0, 0, 0.87); } + .primary-grey.navbar-fixed #navbar { background: #9e9e9e; } + .primary-grey.header-bg-image #header, .primary-grey.header-bg-object #header { background-color: #9e9e9e; } + .primary-grey.header-bg-image.navbar-fixed #header { background: #9e9e9e; } + .primary-grey.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-grey.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #9e9e9e; } + .primary-grey .navbar-icon { color: rgba(0, 0, 0, 0.87); } + .primary-grey .navbar-title a { color: rgba(0, 0, 0, 0.87); } + .primary-grey .navbar-slogan { color: rgba(0, 0, 0, 0.87); } + .primary-grey .navbar-menu .menu a { color: rgba(0, 0, 0, 0.87); } .primary-grey .navbar-menu .menu a:hover { border-color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.87); } + .primary-grey .navbar-menu .menu .navbar-account-menu .menu a:before { color: rgba(0, 0, 0, 0.87); } + .primary-grey .navbar-menu .menu .active a, .primary-grey .navbar-menu .menu .active-trail a, .primary-grey .navbar-menu .menu .active { border-color: rgba(0, 0, 0, 0.87); } + .primary-grey article blockquote { border-color: #9e9e9e; } + .primary-grey #drawer .menu li.active a, .primary-grey li.active-trail a { color: #757575; } .primary-grey #drawer .menu li.active a.icon-left:before, .primary-grey #drawer .menu li.active a.icon-right:after, .primary-grey li.active-trail a.icon-left:before, .primary-grey li.active-trail a.icon-right:after { color: #757575; } .primary-grey #drawer .menu li.active a.services-icon-left:before, .primary-grey #drawer .menu li.active a.services-icon-right:after, .primary-grey li.active-trail a.services-icon-left:before, .primary-grey li.active-trail a.services-icon-right:after { background: #757575; } + .primary-grey .sidebar .menu li a.is-active { color: #757575; } + .primary-grey .navbar-item.block-search form .form-item input[type="text"], .primary-grey .navbar-item.block-search form .form-item input[type="search"], .primary-grey #header .block-search form .form-item input[type="text"], .primary-grey #header .block-search form .form-item input[type="search"], .primary-grey .card-bg-primary .block-search form .form-item input[type="text"], .primary-grey .card-bg-primary .block-search form .form-item input[type="search"] { color: rgba(0, 0, 0, 0.87); border-bottom: 1px solid rgba(0, 0, 0, 0.87); } - .primary-grey .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-grey .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-grey #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-grey #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(0, 0, 0, 0.26); } - .primary-grey .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-grey .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-grey #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-grey #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { + .primary-grey .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-grey .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-grey #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-grey #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.26); } .primary-grey .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-grey .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-grey #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-grey #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.26); } - .primary-grey .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-grey .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-grey #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-grey #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { + .primary-grey .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-grey .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-grey #header .block-search form .form-item input[type="text"]::placeholder, .primary-grey #header .block-search form .form-item input[type="search"]::placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { color: rgba(0, 0, 0, 0.26); } + .primary-grey .navbar-item.block-search form .form-item.icon-left:before, .primary-grey #header .block-search form .form-item.icon-left:before, .primary-grey .card-bg-primary .block-search form .form-item.icon-left:before { color: rgba(0, 0, 0, 0.87); } + .primary-grey .card-bg-primary { background: #9e9e9e; color: rgba(0, 0, 0, 0.87); } @@ -1694,88 +2151,114 @@ background: rgba(204, 204, 204, 0.25); } .primary-grey .card-bg-primary .rippleAnimate { background-color: rgba(0, 0, 0, 0.3); } + .primary-grey .material-icons.text-primary { color: #9e9e9e; } + .primary-grey .text-primary, .primary-grey a.text-primary, .primary-grey a.text-primary:hover, .primary-grey a.text-primary:focus { color: #757575; } + .primary-grey .btn-colored, .primary-grey .btn-colored:hover, .primary-grey .btn-colored:focus, .primary-grey .btn.btn-colored, .primary-grey .btn.btn-colored:hover, .primary-grey .btn.btn-colored:focus, .primary-grey input.btn-colored[type="submit"], .primary-grey input.btn-colored[type="submit"]:hover, .primary-grey input.btn-colored[type="submit"]:focus { color: #757575; } + .primary-grey .btn-raised.btn-colored, .primary-grey .btn.btn-raised.btn-colored, .primary-grey input.btn-raised[type="submit"].btn-colored { background: #9e9e9e; color: rgba(0, 0, 0, 0.87); } + .primary-grey .btn-raised.btn-colored:hover, .primary-grey .btn-raised.btn-colored:focus, .primary-grey .btn.btn-raised.btn-colored:hover, .primary-grey .btn.btn-raised.btn-colored:focus, .primary-grey input.btn-raised[type="submit"].btn-colored:hover, .primary-grey input.btn-raised[type="submit"].btn-colored:focus { background: #757575; color: rgba(0, 0, 0, 0.87); } + .primary-grey .btn-raised.btn-colored:active, .primary-grey .btn.btn-raised.btn-colored:active, .primary-grey input.btn-raised[type="submit"].btn-colored:active { background: #616161; } + .primary-grey .pager .pager-item.item-current > a, .primary-grey .pager .pager-item.item-current > span { color: #757575; } + .primary-grey.theme-dark .text-primary, .primary-grey.theme-dark a.text-primary, .primary-grey.theme-dark a.text-primary:hover, .primary-grey.theme-dark a.text-primary:focus { color: #bdbdbd; } + .primary-grey.theme-dark .btn-colored, .primary-grey.theme-dark .btn-colored:hover, .primary-grey.theme-dark .btn-colored:focus, .primary-grey.theme-dark .btn.btn-colored, .primary-grey.theme-dark .btn.btn-colored:hover, .primary-grey.theme-dark .btn.btn-colored:focus, .primary-grey.theme-dark input.btn-colored[type="submit"], .primary-grey.theme-dark input.btn-colored[type="submit"]:hover, .primary-grey.theme-dark input.btn-colored[type="submit"]:focus { color: #bdbdbd; } + .primary-grey.theme-dark .btn-raised.btn-colored, .primary-grey.theme-dark .btn.btn-raised.btn-colored, .primary-grey.theme-dark input.btn-raised.btn-colored { background: #9e9e9e; color: rgba(0, 0, 0, 0.87); } + .primary-grey.theme-dark .btn-raised.btn-colored:hover, .primary-grey.theme-dark .btn-raised.btn-colored:focus, .primary-grey.theme-dark .btn.btn-raised.btn-colored:hover, .primary-grey.theme-dark .btn.btn-raised.btn-colored:focus, .primary-grey.theme-dark input.btn-raised.btn-colored:hover, .primary-grey.theme-dark input.btn-raised.btn-colored:focus { background: #e0e0e0; color: rgba(0, 0, 0, 0.87); } + .primary-grey.theme-dark .btn-raised.btn-colored:active, .primary-grey.theme-dark .btn.btn-raised.btn-colored:active, .primary-grey.theme-dark input.btn-raised.btn-colored:active { background: #eeeeee; } .primary-blue-grey #header { background: #607d8b; color: #FFF; } + .primary-blue-grey.navbar-fixed #navbar { background: #607d8b; } + .primary-blue-grey.header-bg-image #header, .primary-blue-grey.header-bg-object #header { background-color: #607d8b; } + .primary-blue-grey.header-bg-image.navbar-fixed #header { background: #607d8b; } + .primary-blue-grey.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-blue-grey.header-bg-object.navbar-fixed #navbar.navbar-bg { background: #607d8b; } + .primary-blue-grey .navbar-icon { color: #FFF; } + .primary-blue-grey .navbar-title a { color: #FFF; } + .primary-blue-grey .navbar-slogan { color: #FFF; } + .primary-blue-grey .navbar-menu .menu a { color: #FFF; } .primary-blue-grey .navbar-menu .menu a:hover { border-color: rgba(255, 255, 255, 0.5); color: #FFF; } + .primary-blue-grey .navbar-menu .menu .navbar-account-menu .menu a:before { color: #FFF; } + .primary-blue-grey .navbar-menu .menu .active a, .primary-blue-grey .navbar-menu .menu .active-trail a, .primary-blue-grey .navbar-menu .menu .active { border-color: #FFF; } + .primary-blue-grey article blockquote { border-color: #607d8b; } + .primary-blue-grey #drawer .menu li.active a, .primary-blue-grey li.active-trail a { color: #546e7a; } .primary-blue-grey #drawer .menu li.active a.icon-left:before, .primary-blue-grey #drawer .menu li.active a.icon-right:after, .primary-blue-grey li.active-trail a.icon-left:before, .primary-blue-grey li.active-trail a.icon-right:after { color: #546e7a; } .primary-blue-grey #drawer .menu li.active a.services-icon-left:before, .primary-blue-grey #drawer .menu li.active a.services-icon-right:after, .primary-blue-grey li.active-trail a.services-icon-left:before, .primary-blue-grey li.active-trail a.services-icon-right:after { background: #546e7a; } + .primary-blue-grey .sidebar .menu li a.is-active { color: #546e7a; } + .primary-blue-grey .navbar-item.block-search form .form-item input[type="text"], .primary-blue-grey .navbar-item.block-search form .form-item input[type="search"], .primary-blue-grey #header .block-search form .form-item input[type="text"], .primary-blue-grey #header .block-search form .form-item input[type="search"], .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="text"], .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="search"] { color: #FFF; border-bottom: 1px solid #FFF; } - .primary-blue-grey .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-blue-grey .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(255, 255, 255, 0.3); } - .primary-blue-grey .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-blue-grey .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { + .primary-blue-grey .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue-grey .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3); } .primary-blue-grey .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue-grey .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); } - .primary-blue-grey .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue-grey .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { + .primary-blue-grey .navbar-item.block-search form .form-item input[type="text"]::placeholder, .primary-blue-grey .navbar-item.block-search form .form-item input[type="search"]::placeholder, .primary-blue-grey #header .block-search form .form-item input[type="text"]::placeholder, .primary-blue-grey #header .block-search form .form-item input[type="search"]::placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { color: rgba(255, 255, 255, 0.3); } + .primary-blue-grey .navbar-item.block-search form .form-item.icon-left:before, .primary-blue-grey #header .block-search form .form-item.icon-left:before, .primary-blue-grey .card-bg-primary .block-search form .form-item.icon-left:before { color: #FFF; } + .primary-blue-grey .card-bg-primary { background: #607d8b; color: #FFF; } @@ -1790,36 +2273,48 @@ background: rgba(204, 204, 204, 0.25); } .primary-blue-grey .card-bg-primary .rippleAnimate { background-color: rgba(255, 255, 255, 0.1); } + .primary-blue-grey .material-icons.text-primary { color: #607d8b; } + .primary-blue-grey .text-primary, .primary-blue-grey a.text-primary, .primary-blue-grey a.text-primary:hover, .primary-blue-grey a.text-primary:focus { color: #546e7a; } + .primary-blue-grey .btn-colored, .primary-blue-grey .btn-colored:hover, .primary-blue-grey .btn-colored:focus, .primary-blue-grey .btn.btn-colored, .primary-blue-grey .btn.btn-colored:hover, .primary-blue-grey .btn.btn-colored:focus, .primary-blue-grey input.btn-colored[type="submit"], .primary-blue-grey input.btn-colored[type="submit"]:hover, .primary-blue-grey input.btn-colored[type="submit"]:focus { color: #546e7a; } + .primary-blue-grey .btn-raised.btn-colored, .primary-blue-grey .btn.btn-raised.btn-colored, .primary-blue-grey input.btn-raised[type="submit"].btn-colored { background: #607d8b; color: #FFF; } + .primary-blue-grey .btn-raised.btn-colored:hover, .primary-blue-grey .btn-raised.btn-colored:focus, .primary-blue-grey .btn.btn-raised.btn-colored:hover, .primary-blue-grey .btn.btn-raised.btn-colored:focus, .primary-blue-grey input.btn-raised[type="submit"].btn-colored:hover, .primary-blue-grey input.btn-raised[type="submit"].btn-colored:focus { background: #546e7a; color: #FFF; } + .primary-blue-grey .btn-raised.btn-colored:active, .primary-blue-grey .btn.btn-raised.btn-colored:active, .primary-blue-grey input.btn-raised[type="submit"].btn-colored:active { background: #455a64; } + .primary-blue-grey .pager .pager-item.item-current > a, .primary-blue-grey .pager .pager-item.item-current > span { color: #546e7a; } + .primary-blue-grey.theme-dark .text-primary, .primary-blue-grey.theme-dark a.text-primary, .primary-blue-grey.theme-dark a.text-primary:hover, .primary-blue-grey.theme-dark a.text-primary:focus { color: #78909c; } + .primary-blue-grey.theme-dark .btn-colored, .primary-blue-grey.theme-dark .btn-colored:hover, .primary-blue-grey.theme-dark .btn-colored:focus, .primary-blue-grey.theme-dark .btn.btn-colored, .primary-blue-grey.theme-dark .btn.btn-colored:hover, .primary-blue-grey.theme-dark .btn.btn-colored:focus, .primary-blue-grey.theme-dark input.btn-colored[type="submit"], .primary-blue-grey.theme-dark input.btn-colored[type="submit"]:hover, .primary-blue-grey.theme-dark input.btn-colored[type="submit"]:focus { color: #78909c; } + .primary-blue-grey.theme-dark .btn-raised.btn-colored, .primary-blue-grey.theme-dark .btn.btn-raised.btn-colored, .primary-blue-grey.theme-dark input.btn-raised.btn-colored { background: #607d8b; color: #FFF; } + .primary-blue-grey.theme-dark .btn-raised.btn-colored:hover, .primary-blue-grey.theme-dark .btn-raised.btn-colored:focus, .primary-blue-grey.theme-dark .btn.btn-raised.btn-colored:hover, .primary-blue-grey.theme-dark .btn.btn-raised.btn-colored:focus, .primary-blue-grey.theme-dark input.btn-raised.btn-colored:hover, .primary-blue-grey.theme-dark input.btn-raised.btn-colored:focus { background: #90a4ae; color: #FFF; } + .primary-blue-grey.theme-dark .btn-raised.btn-colored:active, .primary-blue-grey.theme-dark .btn.btn-raised.btn-colored:active, .primary-blue-grey.theme-dark input.btn-raised.btn-colored:active { background: #b0bec5; } @@ -1829,6 +2324,7 @@ color: #f40000; } .accent-red a:active { color: #d50000; } + .accent-red .card-bg-accent { background: #ff1744; color: #FFF; } @@ -1843,56 +2339,74 @@ background: rgba(204, 204, 204, 0.25); } .accent-red .card-bg-accent .rippleAnimate { background-color: rgba(255, 255, 255, 0.1); } + .accent-red .material-icons.text-accent { color: #ff1744; } + .accent-red .text-accent, .accent-red a.text-accent, .accent-red a.text-accent:hover, .accent-red a.text-accent:focus { color: #ff1744; } + .accent-red .btn { color: rgba(0, 0, 0, 0.87); } .accent-red .btn:hover, .accent-red .btn:focus { color: rgba(0, 0, 0, 0.87); } + .accent-red .btn-accent, .accent-red .btn-accent:hover, .accent-red .btn-accent:focus, .accent-red .btn.btn-accent, .accent-red .btn.btn-accent:hover, .accent-red .btn.btn-accent:focus, .accent-red input.btn-accent[type="submit"], .accent-red input.btn-accent[type="submit"]:hover, .accent-red input.btn-accent[type="submit"]:focus { color: #ff1744; } + .accent-red .btn-raised.btn-accent, .accent-red .btn.btn-raised.btn-accent, .accent-red input.btn-raised[type="submit"].btn-accent { background: #ff1744; color: #FFF; } + .accent-red .btn-raised.btn-accent:hover, .accent-red .btn-raised.btn-accent:focus, .accent-red .btn.btn-raised.btn-accent:hover, .accent-red .btn.btn-raised.btn-accent:focus, .accent-red input.btn-raised[type="submit"].btn-accent:hover, .accent-red input.btn-raised[type="submit"].btn-accent:focus { background: #f40000; color: #FFF; } + .accent-red .btn-raised.btn-accent:active, .accent-red .btn.btn-raised.btn-accent:active, .accent-red input.btn-raised[type="submit"].btn-accent:active { background: #d50000; } + .accent-red .form-item .focused label { color: #ff5252; } -.accent-red .form-item input[type="text"]:focus, .accent-red .form-item input[type="text"].error:focus, .accent-red .form-item input[type="email"]:focus, .accent-red .form-item input[type="email"].error:focus, .accent-red .form-item input[type="password"]:focus, .accent-red .form-item input[type="password"].error:focus, .accent-red .form-item input[type="search"]:focus, .accent-red .form-item input[type="search"].error:focus, .accent-red .form-item textarea:focus, .accent-red .form-item textarea.error:focus, .accent-red .form-item select:focus, .accent-red .form-item select.error:focus { + +.accent-red .form-item input[type="text"]:focus, .accent-red .form-item input[type="text"].error:focus, .accent-red .form-item input[type="email"]:focus, .accent-red .form-item input[type="email"].error:focus, .accent-red .form-item input[type="password"]:focus, .accent-red .form-item input[type="password"].error:focus, .accent-red .form-item input[type="search"]:focus, .accent-red .form-item input[type="search"].error:focus, .accent-red .form-item input[type="tel"]:focus, .accent-red .form-item input[type="tel"].error:focus, .accent-red .form-item textarea:focus, .accent-red .form-item textarea.error:focus, .accent-red .form-item select:focus, .accent-red .form-item select.error:focus { border-color: #ff5252; } + .accent-red .form-item input[type="checkbox"]:checked:before, .accent-red .form-item input[type="radio"]:checked:before { color: #ff5252; } + .accent-red.theme-dark a { color: #ff5252; } .accent-red.theme-dark a:hover { color: #ff7171; } .accent-red.theme-dark a:active { color: #ff8a80; } + .accent-red.theme-dark .material-icons.text-accent { color: #ff5252; } + .accent-red.theme-dark .text-accent, .accent-red.theme-dark a.text-accent, .accent-red.theme-dark a.text-accent:hover, .accent-red.theme-dark a.text-accent:focus { color: #ff5252; } + .accent-red.theme-dark .btn { color: #FFF; } .accent-red.theme-dark .btn:hover, .accent-red.theme-dark .btn:focus { color: #FFF; } + .accent-red.theme-dark .btn-accent, .accent-red.theme-dark .btn-accent:hover, .accent-red.theme-dark .btn-accent:focus, .accent-red.theme-dark .btn.btn-accent, .accent-red.theme-dark .btn.btn-accent:hover, .accent-red.theme-dark .btn.btn-accent:focus, .accent-red.theme-dark input.btn-accent[type="submit"], .accent-red.theme-dark input.btn-accent[type="submit"]:hover, .accent-red.theme-dark input.btn-accent[type="submit"]:focus { color: #ff5252; } + .accent-red.theme-dark .btn-raised.btn-accent, .accent-red.theme-dark .btn.btn-raised.btn-accent, .accent-red.theme-dark input.btn-raised[type="submit"].btn-accent { background: #ff1744; color: #FFF; } + .accent-red.theme-dark .btn-raised.btn-accent:hover, .accent-red.theme-dark .btn-raised.btn-accent:focus, .accent-red.theme-dark .btn.btn-raised.btn-accent:hover, .accent-red.theme-dark .btn.btn-raised.btn-accent:focus, .accent-red.theme-dark input.btn-raised[type="submit"].btn-accent:hover, .accent-red.theme-dark input.btn-raised[type="submit"].btn-accent:focus { background: #ff5252; color: #FFF; } + .accent-red.theme-dark .btn-raised.btn-accent:active, .accent-red.theme-dark .btn.btn-raised.btn-accent:active, .accent-red.theme-dark input.btn-raised[type="submit"].btn-accent:active { background: #ff7171; } @@ -1902,6 +2416,7 @@ color: #e11370; } .accent-pink a:active { color: #c51162; } + .accent-pink .card-bg-accent { background: #f50057; color: #FFF; } @@ -1916,56 +2431,74 @@ background: rgba(204, 204, 204, 0.25); } .accent-pink .card-bg-accent .rippleAnimate { background-color: rgba(255, 255, 255, 0.1); } + .accent-pink .material-icons.text-accent { color: #f50057; } + .accent-pink .text-accent, .accent-pink a.text-accent, .accent-pink a.text-accent:hover, .accent-pink a.text-accent:focus { color: #f50057; } + .accent-pink .btn { color: rgba(0, 0, 0, 0.87); } .accent-pink .btn:hover, .accent-pink .btn:focus { color: rgba(0, 0, 0, 0.87); } + .accent-pink .btn-accent, .accent-pink .btn-accent:hover, .accent-pink .btn-accent:focus, .accent-pink .btn.btn-accent, .accent-pink .btn.btn-accent:hover, .accent-pink .btn.btn-accent:focus, .accent-pink input.btn-accent[type="submit"], .accent-pink input.btn-accent[type="submit"]:hover, .accent-pink input.btn-accent[type="submit"]:focus { color: #f50057; } + .accent-pink .btn-raised.btn-accent, .accent-pink .btn.btn-raised.btn-accent, .accent-pink input.btn-raised[type="submit"].btn-accent { background: #f50057; color: #FFF; } + .accent-pink .btn-raised.btn-accent:hover, .accent-pink .btn-raised.btn-accent:focus, .accent-pink .btn.btn-raised.btn-accent:hover, .accent-pink .btn.btn-raised.btn-accent:focus, .accent-pink input.btn-raised[type="submit"].btn-accent:hover, .accent-pink input.btn-raised[type="submit"].btn-accent:focus { background: #e11370; color: #FFF; } + .accent-pink .btn-raised.btn-accent:active, .accent-pink .btn.btn-raised.btn-accent:active, .accent-pink input.btn-raised[type="submit"].btn-accent:active { background: #c51162; } + .accent-pink .form-item .focused label { color: #ff4081; } -.accent-pink .form-item input[type="text"]:focus, .accent-pink .form-item input[type="text"].error:focus, .accent-pink .form-item input[type="email"]:focus, .accent-pink .form-item input[type="email"].error:focus, .accent-pink .form-item input[type="password"]:focus, .accent-pink .form-item input[type="password"].error:focus, .accent-pink .form-item input[type="search"]:focus, .accent-pink .form-item input[type="search"].error:focus, .accent-pink .form-item textarea:focus, .accent-pink .form-item textarea.error:focus, .accent-pink .form-item select:focus, .accent-pink .form-item select.error:focus { + +.accent-pink .form-item input[type="text"]:focus, .accent-pink .form-item input[type="text"].error:focus, .accent-pink .form-item input[type="email"]:focus, .accent-pink .form-item input[type="email"].error:focus, .accent-pink .form-item input[type="password"]:focus, .accent-pink .form-item input[type="password"].error:focus, .accent-pink .form-item input[type="search"]:focus, .accent-pink .form-item input[type="search"].error:focus, .accent-pink .form-item input[type="tel"]:focus, .accent-pink .form-item input[type="tel"].error:focus, .accent-pink .form-item textarea:focus, .accent-pink .form-item textarea.error:focus, .accent-pink .form-item select:focus, .accent-pink .form-item select.error:focus { border-color: #ff4081; } + .accent-pink .form-item input[type="checkbox"]:checked:before, .accent-pink .form-item input[type="radio"]:checked:before { color: #ff4081; } + .accent-pink.theme-dark a { color: #ff4081; } .accent-pink.theme-dark a:hover { color: #ff5f95; } .accent-pink.theme-dark a:active { color: #ff80ab; } + .accent-pink.theme-dark .material-icons.text-accent { color: #ff4081; } + .accent-pink.theme-dark .text-accent, .accent-pink.theme-dark a.text-accent, .accent-pink.theme-dark a.text-accent:hover, .accent-pink.theme-dark a.text-accent:focus { color: #ff4081; } + .accent-pink.theme-dark .btn { color: #FFF; } .accent-pink.theme-dark .btn:hover, .accent-pink.theme-dark .btn:focus { color: #FFF; } + .accent-pink.theme-dark .btn-accent, .accent-pink.theme-dark .btn-accent:hover, .accent-pink.theme-dark .btn-accent:focus, .accent-pink.theme-dark .btn.btn-accent, .accent-pink.theme-dark .btn.btn-accent:hover, .accent-pink.theme-dark .btn.btn-accent:focus, .accent-pink.theme-dark input.btn-accent[type="submit"], .accent-pink.theme-dark input.btn-accent[type="submit"]:hover, .accent-pink.theme-dark input.btn-accent[type="submit"]:focus { color: #ff4081; } + .accent-pink.theme-dark .btn-raised.btn-accent, .accent-pink.theme-dark .btn.btn-raised.btn-accent, .accent-pink.theme-dark input.btn-raised[type="submit"].btn-accent { background: #f50057; color: #FFF; } + .accent-pink.theme-dark .btn-raised.btn-accent:hover, .accent-pink.theme-dark .btn-raised.btn-accent:focus, .accent-pink.theme-dark .btn.btn-raised.btn-accent:hover, .accent-pink.theme-dark .btn.btn-raised.btn-accent:focus, .accent-pink.theme-dark input.btn-raised[type="submit"].btn-accent:hover, .accent-pink.theme-dark input.btn-raised[type="submit"].btn-accent:focus { background: #ff4081; color: #FFF; } + .accent-pink.theme-dark .btn-raised.btn-accent:active, .accent-pink.theme-dark .btn.btn-raised.btn-accent:active, .accent-pink.theme-dark input.btn-raised[type="submit"].btn-accent:active { background: #ff5f95; } @@ -1975,70 +2508,89 @@ color: #b41fff; } .accent-purple a:active { color: #aa00ff; } + .accent-purple .card-bg-accent { background: #d500f9; color: #FFF; } .accent-purple .card-bg-accent .text-secondary { - color: rgba(255, 255, 255, 0.7); } + color: rgba(0, 0, 0, 0.54); } .accent-purple .card-bg-accent .btn { - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } .accent-purple .card-bg-accent .btn:hover, .accent-purple .card-bg-accent .btn:focus { background: rgba(204, 204, 204, 0.15); - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } .accent-purple .card-bg-accent .btn:active { background: rgba(204, 204, 204, 0.25); } .accent-purple .card-bg-accent .rippleAnimate { - background-color: rgba(255, 255, 255, 0.1); } + background-color: rgba(0, 0, 0, 0.3); } + .accent-purple .material-icons.text-accent { color: #d500f9; } + .accent-purple .text-accent, .accent-purple a.text-accent, .accent-purple a.text-accent:hover, .accent-purple a.text-accent:focus { color: #d500f9; } + .accent-purple .btn { color: rgba(0, 0, 0, 0.87); } .accent-purple .btn:hover, .accent-purple .btn:focus { color: rgba(0, 0, 0, 0.87); } + .accent-purple .btn-accent, .accent-purple .btn-accent:hover, .accent-purple .btn-accent:focus, .accent-purple .btn.btn-accent, .accent-purple .btn.btn-accent:hover, .accent-purple .btn.btn-accent:focus, .accent-purple input.btn-accent[type="submit"], .accent-purple input.btn-accent[type="submit"]:hover, .accent-purple input.btn-accent[type="submit"]:focus { color: #d500f9; } + .accent-purple .btn-raised.btn-accent, .accent-purple .btn.btn-raised.btn-accent, .accent-purple input.btn-raised[type="submit"].btn-accent { background: #d500f9; color: #FFF; } + .accent-purple .btn-raised.btn-accent:hover, .accent-purple .btn-raised.btn-accent:focus, .accent-purple .btn.btn-raised.btn-accent:hover, .accent-purple .btn.btn-raised.btn-accent:focus, .accent-purple input.btn-raised[type="submit"].btn-accent:hover, .accent-purple input.btn-raised[type="submit"].btn-accent:focus { background: #b41fff; color: #FFF; } + .accent-purple .btn-raised.btn-accent:active, .accent-purple .btn.btn-raised.btn-accent:active, .accent-purple input.btn-raised[type="submit"].btn-accent:active { background: #aa00ff; } + .accent-purple .form-item .focused label { color: #e040fb; } -.accent-purple .form-item input[type="text"]:focus, .accent-purple .form-item input[type="text"].error:focus, .accent-purple .form-item input[type="email"]:focus, .accent-purple .form-item input[type="email"].error:focus, .accent-purple .form-item input[type="password"]:focus, .accent-purple .form-item input[type="password"].error:focus, .accent-purple .form-item input[type="search"]:focus, .accent-purple .form-item input[type="search"].error:focus, .accent-purple .form-item textarea:focus, .accent-purple .form-item textarea.error:focus, .accent-purple .form-item select:focus, .accent-purple .form-item select.error:focus { + +.accent-purple .form-item input[type="text"]:focus, .accent-purple .form-item input[type="text"].error:focus, .accent-purple .form-item input[type="email"]:focus, .accent-purple .form-item input[type="email"].error:focus, .accent-purple .form-item input[type="password"]:focus, .accent-purple .form-item input[type="password"].error:focus, .accent-purple .form-item input[type="search"]:focus, .accent-purple .form-item input[type="search"].error:focus, .accent-purple .form-item input[type="tel"]:focus, .accent-purple .form-item input[type="tel"].error:focus, .accent-purple .form-item textarea:focus, .accent-purple .form-item textarea.error:focus, .accent-purple .form-item select:focus, .accent-purple .form-item select.error:focus { border-color: #e040fb; } + .accent-purple .form-item input[type="checkbox"]:checked:before, .accent-purple .form-item input[type="radio"]:checked:before { color: #e040fb; } + .accent-purple.theme-dark a { color: #e040fb; } .accent-purple.theme-dark a:hover { color: #e55efc; } .accent-purple.theme-dark a:active { color: #ea80fc; } + .accent-purple.theme-dark .material-icons.text-accent { color: #e040fb; } + .accent-purple.theme-dark .text-accent, .accent-purple.theme-dark a.text-accent, .accent-purple.theme-dark a.text-accent:hover, .accent-purple.theme-dark a.text-accent:focus { color: #e040fb; } + .accent-purple.theme-dark .btn { color: #FFF; } .accent-purple.theme-dark .btn:hover, .accent-purple.theme-dark .btn:focus { color: #FFF; } + .accent-purple.theme-dark .btn-accent, .accent-purple.theme-dark .btn-accent:hover, .accent-purple.theme-dark .btn-accent:focus, .accent-purple.theme-dark .btn.btn-accent, .accent-purple.theme-dark .btn.btn-accent:hover, .accent-purple.theme-dark .btn.btn-accent:focus, .accent-purple.theme-dark input.btn-accent[type="submit"], .accent-purple.theme-dark input.btn-accent[type="submit"]:hover, .accent-purple.theme-dark input.btn-accent[type="submit"]:focus { color: #e040fb; } + .accent-purple.theme-dark .btn-raised.btn-accent, .accent-purple.theme-dark .btn.btn-raised.btn-accent, .accent-purple.theme-dark input.btn-raised[type="submit"].btn-accent { background: #d500f9; color: #FFF; } + .accent-purple.theme-dark .btn-raised.btn-accent:hover, .accent-purple.theme-dark .btn-raised.btn-accent:focus, .accent-purple.theme-dark .btn.btn-raised.btn-accent:hover, .accent-purple.theme-dark .btn.btn-raised.btn-accent:focus, .accent-purple.theme-dark input.btn-raised[type="submit"].btn-accent:hover, .accent-purple.theme-dark input.btn-raised[type="submit"].btn-accent:focus { background: #e040fb; color: #FFF; } + .accent-purple.theme-dark .btn-raised.btn-accent:active, .accent-purple.theme-dark .btn.btn-raised.btn-accent:active, .accent-purple.theme-dark input.btn-raised[type="submit"].btn-accent:active { background: #e55efc; } @@ -2048,70 +2600,89 @@ color: #700aff; } .accent-deep-purple a:active { color: #6200ea; } + .accent-deep-purple .card-bg-accent { background: #651fff; color: #FFF; } .accent-deep-purple .card-bg-accent .text-secondary { - color: rgba(255, 255, 255, 0.7); } + color: rgba(0, 0, 0, 0.54); } .accent-deep-purple .card-bg-accent .btn { - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } .accent-deep-purple .card-bg-accent .btn:hover, .accent-deep-purple .card-bg-accent .btn:focus { background: rgba(204, 204, 204, 0.15); - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } .accent-deep-purple .card-bg-accent .btn:active { background: rgba(204, 204, 204, 0.25); } .accent-deep-purple .card-bg-accent .rippleAnimate { - background-color: rgba(255, 255, 255, 0.1); } + background-color: rgba(0, 0, 0, 0.3); } + .accent-deep-purple .material-icons.text-accent { color: #651fff; } + .accent-deep-purple .text-accent, .accent-deep-purple a.text-accent, .accent-deep-purple a.text-accent:hover, .accent-deep-purple a.text-accent:focus { color: #651fff; } + .accent-deep-purple .btn { color: rgba(0, 0, 0, 0.87); } .accent-deep-purple .btn:hover, .accent-deep-purple .btn:focus { color: rgba(0, 0, 0, 0.87); } + .accent-deep-purple .btn-accent, .accent-deep-purple .btn-accent:hover, .accent-deep-purple .btn-accent:focus, .accent-deep-purple .btn.btn-accent, .accent-deep-purple .btn.btn-accent:hover, .accent-deep-purple .btn.btn-accent:focus, .accent-deep-purple input.btn-accent[type="submit"], .accent-deep-purple input.btn-accent[type="submit"]:hover, .accent-deep-purple input.btn-accent[type="submit"]:focus { color: #651fff; } + .accent-deep-purple .btn-raised.btn-accent, .accent-deep-purple .btn.btn-raised.btn-accent, .accent-deep-purple input.btn-raised[type="submit"].btn-accent { background: #651fff; color: #FFF; } + .accent-deep-purple .btn-raised.btn-accent:hover, .accent-deep-purple .btn-raised.btn-accent:focus, .accent-deep-purple .btn.btn-raised.btn-accent:hover, .accent-deep-purple .btn.btn-raised.btn-accent:focus, .accent-deep-purple input.btn-raised[type="submit"].btn-accent:hover, .accent-deep-purple input.btn-raised[type="submit"].btn-accent:focus { background: #700aff; color: #FFF; } + .accent-deep-purple .btn-raised.btn-accent:active, .accent-deep-purple .btn.btn-raised.btn-accent:active, .accent-deep-purple input.btn-raised[type="submit"].btn-accent:active { background: #6200ea; } + .accent-deep-purple .form-item .focused label { color: #7c4dff; } -.accent-deep-purple .form-item input[type="text"]:focus, .accent-deep-purple .form-item input[type="text"].error:focus, .accent-deep-purple .form-item input[type="email"]:focus, .accent-deep-purple .form-item input[type="email"].error:focus, .accent-deep-purple .form-item input[type="password"]:focus, .accent-deep-purple .form-item input[type="password"].error:focus, .accent-deep-purple .form-item input[type="search"]:focus, .accent-deep-purple .form-item input[type="search"].error:focus, .accent-deep-purple .form-item textarea:focus, .accent-deep-purple .form-item textarea.error:focus, .accent-deep-purple .form-item select:focus, .accent-deep-purple .form-item select.error:focus { + +.accent-deep-purple .form-item input[type="text"]:focus, .accent-deep-purple .form-item input[type="text"].error:focus, .accent-deep-purple .form-item input[type="email"]:focus, .accent-deep-purple .form-item input[type="email"].error:focus, .accent-deep-purple .form-item input[type="password"]:focus, .accent-deep-purple .form-item input[type="password"].error:focus, .accent-deep-purple .form-item input[type="search"]:focus, .accent-deep-purple .form-item input[type="search"].error:focus, .accent-deep-purple .form-item input[type="tel"]:focus, .accent-deep-purple .form-item input[type="tel"].error:focus, .accent-deep-purple .form-item textarea:focus, .accent-deep-purple .form-item textarea.error:focus, .accent-deep-purple .form-item select:focus, .accent-deep-purple .form-item select.error:focus { border-color: #7c4dff; } + .accent-deep-purple .form-item input[type="checkbox"]:checked:before, .accent-deep-purple .form-item input[type="radio"]:checked:before { color: #7c4dff; } + .accent-deep-purple.theme-dark a { color: #7c4dff; } .accent-deep-purple.theme-dark a:hover { color: #936cff; } .accent-deep-purple.theme-dark a:active { color: #b388ff; } + .accent-deep-purple.theme-dark .material-icons.text-accent { color: #7c4dff; } + .accent-deep-purple.theme-dark .text-accent, .accent-deep-purple.theme-dark a.text-accent, .accent-deep-purple.theme-dark a.text-accent:hover, .accent-deep-purple.theme-dark a.text-accent:focus { color: #7c4dff; } + .accent-deep-purple.theme-dark .btn { color: #FFF; } .accent-deep-purple.theme-dark .btn:hover, .accent-deep-purple.theme-dark .btn:focus { color: #FFF; } + .accent-deep-purple.theme-dark .btn-accent, .accent-deep-purple.theme-dark .btn-accent:hover, .accent-deep-purple.theme-dark .btn-accent:focus, .accent-deep-purple.theme-dark .btn.btn-accent, .accent-deep-purple.theme-dark .btn.btn-accent:hover, .accent-deep-purple.theme-dark .btn.btn-accent:focus, .accent-deep-purple.theme-dark input.btn-accent[type="submit"], .accent-deep-purple.theme-dark input.btn-accent[type="submit"]:hover, .accent-deep-purple.theme-dark input.btn-accent[type="submit"]:focus { color: #7c4dff; } + .accent-deep-purple.theme-dark .btn-raised.btn-accent, .accent-deep-purple.theme-dark .btn.btn-raised.btn-accent, .accent-deep-purple.theme-dark input.btn-raised[type="submit"].btn-accent { background: #651fff; color: #FFF; } + .accent-deep-purple.theme-dark .btn-raised.btn-accent:hover, .accent-deep-purple.theme-dark .btn-raised.btn-accent:focus, .accent-deep-purple.theme-dark .btn.btn-raised.btn-accent:hover, .accent-deep-purple.theme-dark .btn.btn-raised.btn-accent:focus, .accent-deep-purple.theme-dark input.btn-raised[type="submit"].btn-accent:hover, .accent-deep-purple.theme-dark input.btn-raised[type="submit"].btn-accent:focus { background: #7c4dff; color: #FFF; } + .accent-deep-purple.theme-dark .btn-raised.btn-accent:active, .accent-deep-purple.theme-dark .btn.btn-raised.btn-accent:active, .accent-deep-purple.theme-dark input.btn-raised[type="submit"].btn-accent:active { background: #936cff; } @@ -2121,70 +2692,89 @@ color: #4e69fe; } .accent-indigo a:active { color: #304ffe; } + .accent-indigo .card-bg-accent { background: #3d5afe; color: #FFF; } .accent-indigo .card-bg-accent .text-secondary { - color: rgba(255, 255, 255, 0.7); } + color: rgba(0, 0, 0, 0.54); } .accent-indigo .card-bg-accent .btn { - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } .accent-indigo .card-bg-accent .btn:hover, .accent-indigo .card-bg-accent .btn:focus { background: rgba(204, 204, 204, 0.15); - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } .accent-indigo .card-bg-accent .btn:active { background: rgba(204, 204, 204, 0.25); } .accent-indigo .card-bg-accent .rippleAnimate { - background-color: rgba(255, 255, 255, 0.1); } + background-color: rgba(0, 0, 0, 0.3); } + .accent-indigo .material-icons.text-accent { color: #3d5afe; } + .accent-indigo .text-accent, .accent-indigo a.text-accent, .accent-indigo a.text-accent:hover, .accent-indigo a.text-accent:focus { color: #3d5afe; } + .accent-indigo .btn { color: rgba(0, 0, 0, 0.87); } .accent-indigo .btn:hover, .accent-indigo .btn:focus { color: rgba(0, 0, 0, 0.87); } + .accent-indigo .btn-accent, .accent-indigo .btn-accent:hover, .accent-indigo .btn-accent:focus, .accent-indigo .btn.btn-accent, .accent-indigo .btn.btn-accent:hover, .accent-indigo .btn.btn-accent:focus, .accent-indigo input.btn-accent[type="submit"], .accent-indigo input.btn-accent[type="submit"]:hover, .accent-indigo input.btn-accent[type="submit"]:focus { color: #3d5afe; } + .accent-indigo .btn-raised.btn-accent, .accent-indigo .btn.btn-raised.btn-accent, .accent-indigo input.btn-raised[type="submit"].btn-accent { background: #3d5afe; color: #FFF; } + .accent-indigo .btn-raised.btn-accent:hover, .accent-indigo .btn-raised.btn-accent:focus, .accent-indigo .btn.btn-raised.btn-accent:hover, .accent-indigo .btn.btn-raised.btn-accent:focus, .accent-indigo input.btn-raised[type="submit"].btn-accent:hover, .accent-indigo input.btn-raised[type="submit"].btn-accent:focus { background: #4e69fe; color: #FFF; } + .accent-indigo .btn-raised.btn-accent:active, .accent-indigo .btn.btn-raised.btn-accent:active, .accent-indigo input.btn-raised[type="submit"].btn-accent:active { background: #304ffe; } + .accent-indigo .form-item .focused label { color: #536dfe; } -.accent-indigo .form-item input[type="text"]:focus, .accent-indigo .form-item input[type="text"].error:focus, .accent-indigo .form-item input[type="email"]:focus, .accent-indigo .form-item input[type="email"].error:focus, .accent-indigo .form-item input[type="password"]:focus, .accent-indigo .form-item input[type="password"].error:focus, .accent-indigo .form-item input[type="search"]:focus, .accent-indigo .form-item input[type="search"].error:focus, .accent-indigo .form-item textarea:focus, .accent-indigo .form-item textarea.error:focus, .accent-indigo .form-item select:focus, .accent-indigo .form-item select.error:focus { + +.accent-indigo .form-item input[type="text"]:focus, .accent-indigo .form-item input[type="text"].error:focus, .accent-indigo .form-item input[type="email"]:focus, .accent-indigo .form-item input[type="email"].error:focus, .accent-indigo .form-item input[type="password"]:focus, .accent-indigo .form-item input[type="password"].error:focus, .accent-indigo .form-item input[type="search"]:focus, .accent-indigo .form-item input[type="search"].error:focus, .accent-indigo .form-item input[type="tel"]:focus, .accent-indigo .form-item input[type="tel"].error:focus, .accent-indigo .form-item textarea:focus, .accent-indigo .form-item textarea.error:focus, .accent-indigo .form-item select:focus, .accent-indigo .form-item select.error:focus { border-color: #536dfe; } + .accent-indigo .form-item input[type="checkbox"]:checked:before, .accent-indigo .form-item input[type="radio"]:checked:before { color: #536dfe; } + .accent-indigo.theme-dark a { color: #536dfe; } .accent-indigo.theme-dark a:hover { color: #7187fe; } .accent-indigo.theme-dark a:active { color: #8c9eff; } + .accent-indigo.theme-dark .material-icons.text-accent { color: #536dfe; } + .accent-indigo.theme-dark .text-accent, .accent-indigo.theme-dark a.text-accent, .accent-indigo.theme-dark a.text-accent:hover, .accent-indigo.theme-dark a.text-accent:focus { color: #536dfe; } + .accent-indigo.theme-dark .btn { color: #FFF; } .accent-indigo.theme-dark .btn:hover, .accent-indigo.theme-dark .btn:focus { color: #FFF; } + .accent-indigo.theme-dark .btn-accent, .accent-indigo.theme-dark .btn-accent:hover, .accent-indigo.theme-dark .btn-accent:focus, .accent-indigo.theme-dark .btn.btn-accent, .accent-indigo.theme-dark .btn.btn-accent:hover, .accent-indigo.theme-dark .btn.btn-accent:focus, .accent-indigo.theme-dark input.btn-accent[type="submit"], .accent-indigo.theme-dark input.btn-accent[type="submit"]:hover, .accent-indigo.theme-dark input.btn-accent[type="submit"]:focus { color: #536dfe; } + .accent-indigo.theme-dark .btn-raised.btn-accent, .accent-indigo.theme-dark .btn.btn-raised.btn-accent, .accent-indigo.theme-dark input.btn-raised[type="submit"].btn-accent { background: #3d5afe; color: #FFF; } + .accent-indigo.theme-dark .btn-raised.btn-accent:hover, .accent-indigo.theme-dark .btn-raised.btn-accent:focus, .accent-indigo.theme-dark .btn.btn-raised.btn-accent:hover, .accent-indigo.theme-dark .btn.btn-raised.btn-accent:focus, .accent-indigo.theme-dark input.btn-raised[type="submit"].btn-accent:hover, .accent-indigo.theme-dark input.btn-raised[type="submit"].btn-accent:focus { background: #536dfe; color: #FFF; } + .accent-indigo.theme-dark .btn-raised.btn-accent:active, .accent-indigo.theme-dark .btn.btn-raised.btn-accent:active, .accent-indigo.theme-dark input.btn-raised[type="submit"].btn-accent:active { background: #7187fe; } @@ -2194,70 +2784,89 @@ color: #4878ff; } .accent-blue a:active { color: #2962ff; } + .accent-blue .card-bg-accent { background: #2979ff; - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } .accent-blue .card-bg-accent .text-secondary { - color: rgba(255, 255, 255, 0.7); } + color: rgba(0, 0, 0, 0.54); } .accent-blue .card-bg-accent .btn { - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } .accent-blue .card-bg-accent .btn:hover, .accent-blue .card-bg-accent .btn:focus { background: rgba(204, 204, 204, 0.15); - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } .accent-blue .card-bg-accent .btn:active { background: rgba(204, 204, 204, 0.25); } .accent-blue .card-bg-accent .rippleAnimate { - background-color: rgba(255, 255, 255, 0.1); } + background-color: rgba(0, 0, 0, 0.3); } + .accent-blue .material-icons.text-accent { color: #2979ff; } + .accent-blue .text-accent, .accent-blue a.text-accent, .accent-blue a.text-accent:hover, .accent-blue a.text-accent:focus { color: #2979ff; } + .accent-blue .btn { color: rgba(0, 0, 0, 0.87); } .accent-blue .btn:hover, .accent-blue .btn:focus { color: rgba(0, 0, 0, 0.87); } + .accent-blue .btn-accent, .accent-blue .btn-accent:hover, .accent-blue .btn-accent:focus, .accent-blue .btn.btn-accent, .accent-blue .btn.btn-accent:hover, .accent-blue .btn.btn-accent:focus, .accent-blue input.btn-accent[type="submit"], .accent-blue input.btn-accent[type="submit"]:hover, .accent-blue input.btn-accent[type="submit"]:focus { color: #2979ff; } + .accent-blue .btn-raised.btn-accent, .accent-blue .btn.btn-raised.btn-accent, .accent-blue input.btn-raised[type="submit"].btn-accent { background: #2979ff; - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } + .accent-blue .btn-raised.btn-accent:hover, .accent-blue .btn-raised.btn-accent:focus, .accent-blue .btn.btn-raised.btn-accent:hover, .accent-blue .btn.btn-raised.btn-accent:focus, .accent-blue input.btn-raised[type="submit"].btn-accent:hover, .accent-blue input.btn-raised[type="submit"].btn-accent:focus { background: #4878ff; - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } + .accent-blue .btn-raised.btn-accent:active, .accent-blue .btn.btn-raised.btn-accent:active, .accent-blue input.btn-raised[type="submit"].btn-accent:active { background: #2962ff; } + .accent-blue .form-item .focused label { color: #448aff; } -.accent-blue .form-item input[type="text"]:focus, .accent-blue .form-item input[type="text"].error:focus, .accent-blue .form-item input[type="email"]:focus, .accent-blue .form-item input[type="email"].error:focus, .accent-blue .form-item input[type="password"]:focus, .accent-blue .form-item input[type="password"].error:focus, .accent-blue .form-item input[type="search"]:focus, .accent-blue .form-item input[type="search"].error:focus, .accent-blue .form-item textarea:focus, .accent-blue .form-item textarea.error:focus, .accent-blue .form-item select:focus, .accent-blue .form-item select.error:focus { + +.accent-blue .form-item input[type="text"]:focus, .accent-blue .form-item input[type="text"].error:focus, .accent-blue .form-item input[type="email"]:focus, .accent-blue .form-item input[type="email"].error:focus, .accent-blue .form-item input[type="password"]:focus, .accent-blue .form-item input[type="password"].error:focus, .accent-blue .form-item input[type="search"]:focus, .accent-blue .form-item input[type="search"].error:focus, .accent-blue .form-item input[type="tel"]:focus, .accent-blue .form-item input[type="tel"].error:focus, .accent-blue .form-item textarea:focus, .accent-blue .form-item textarea.error:focus, .accent-blue .form-item select:focus, .accent-blue .form-item select.error:focus { border-color: #448aff; } + .accent-blue .form-item input[type="checkbox"]:checked:before, .accent-blue .form-item input[type="radio"]:checked:before { color: #448aff; } + .accent-blue.theme-dark a { color: #448aff; } .accent-blue.theme-dark a:hover { color: #639dff; } .accent-blue.theme-dark a:active { color: #82b1ff; } + .accent-blue.theme-dark .material-icons.text-accent { color: #448aff; } + .accent-blue.theme-dark .text-accent, .accent-blue.theme-dark a.text-accent, .accent-blue.theme-dark a.text-accent:hover, .accent-blue.theme-dark a.text-accent:focus { color: #448aff; } + .accent-blue.theme-dark .btn { color: #FFF; } .accent-blue.theme-dark .btn:hover, .accent-blue.theme-dark .btn:focus { color: #FFF; } + .accent-blue.theme-dark .btn-accent, .accent-blue.theme-dark .btn-accent:hover, .accent-blue.theme-dark .btn-accent:focus, .accent-blue.theme-dark .btn.btn-accent, .accent-blue.theme-dark .btn.btn-accent:hover, .accent-blue.theme-dark .btn.btn-accent:focus, .accent-blue.theme-dark input.btn-accent[type="submit"], .accent-blue.theme-dark input.btn-accent[type="submit"]:hover, .accent-blue.theme-dark input.btn-accent[type="submit"]:focus { color: #448aff; } + .accent-blue.theme-dark .btn-raised.btn-accent, .accent-blue.theme-dark .btn.btn-raised.btn-accent, .accent-blue.theme-dark input.btn-raised[type="submit"].btn-accent { background: #2979ff; - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } + .accent-blue.theme-dark .btn-raised.btn-accent:hover, .accent-blue.theme-dark .btn-raised.btn-accent:focus, .accent-blue.theme-dark .btn.btn-raised.btn-accent:hover, .accent-blue.theme-dark .btn.btn-raised.btn-accent:focus, .accent-blue.theme-dark input.btn-raised[type="submit"].btn-accent:hover, .accent-blue.theme-dark input.btn-raised[type="submit"].btn-accent:focus { background: #448aff; - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } + .accent-blue.theme-dark .btn-raised.btn-accent:active, .accent-blue.theme-dark .btn.btn-raised.btn-accent:active, .accent-blue.theme-dark input.btn-raised[type="submit"].btn-accent:active { background: #639dff; } @@ -2267,6 +2876,7 @@ color: #0aa2ff; } .accent-light-blue a:active { color: #0091ea; } + .accent-light-blue .card-bg-accent { background: #00b0ff; color: rgba(0, 0, 0, 0.87); } @@ -2281,56 +2891,74 @@ background: rgba(204, 204, 204, 0.25); } .accent-light-blue .card-bg-accent .rippleAnimate { background-color: rgba(0, 0, 0, 0.3); } + .accent-light-blue .material-icons.text-accent { color: #00b0ff; } + .accent-light-blue .text-accent, .accent-light-blue a.text-accent, .accent-light-blue a.text-accent:hover, .accent-light-blue a.text-accent:focus { color: #00b0ff; } + .accent-light-blue .btn { color: rgba(0, 0, 0, 0.87); } .accent-light-blue .btn:hover, .accent-light-blue .btn:focus { color: rgba(0, 0, 0, 0.87); } + .accent-light-blue .btn-accent, .accent-light-blue .btn-accent:hover, .accent-light-blue .btn-accent:focus, .accent-light-blue .btn.btn-accent, .accent-light-blue .btn.btn-accent:hover, .accent-light-blue .btn.btn-accent:focus, .accent-light-blue input.btn-accent[type="submit"], .accent-light-blue input.btn-accent[type="submit"]:hover, .accent-light-blue input.btn-accent[type="submit"]:focus { color: #00b0ff; } + .accent-light-blue .btn-raised.btn-accent, .accent-light-blue .btn.btn-raised.btn-accent, .accent-light-blue input.btn-raised[type="submit"].btn-accent { background: #00b0ff; color: rgba(0, 0, 0, 0.87); } + .accent-light-blue .btn-raised.btn-accent:hover, .accent-light-blue .btn-raised.btn-accent:focus, .accent-light-blue .btn.btn-raised.btn-accent:hover, .accent-light-blue .btn.btn-raised.btn-accent:focus, .accent-light-blue input.btn-raised[type="submit"].btn-accent:hover, .accent-light-blue input.btn-raised[type="submit"].btn-accent:focus { background: #0aa2ff; color: rgba(0, 0, 0, 0.87); } + .accent-light-blue .btn-raised.btn-accent:active, .accent-light-blue .btn.btn-raised.btn-accent:active, .accent-light-blue input.btn-raised[type="submit"].btn-accent:active { background: #0091ea; } + .accent-light-blue .form-item .focused label { color: #40c4ff; } -.accent-light-blue .form-item input[type="text"]:focus, .accent-light-blue .form-item input[type="text"].error:focus, .accent-light-blue .form-item input[type="email"]:focus, .accent-light-blue .form-item input[type="email"].error:focus, .accent-light-blue .form-item input[type="password"]:focus, .accent-light-blue .form-item input[type="password"].error:focus, .accent-light-blue .form-item input[type="search"]:focus, .accent-light-blue .form-item input[type="search"].error:focus, .accent-light-blue .form-item textarea:focus, .accent-light-blue .form-item textarea.error:focus, .accent-light-blue .form-item select:focus, .accent-light-blue .form-item select.error:focus { + +.accent-light-blue .form-item input[type="text"]:focus, .accent-light-blue .form-item input[type="text"].error:focus, .accent-light-blue .form-item input[type="email"]:focus, .accent-light-blue .form-item input[type="email"].error:focus, .accent-light-blue .form-item input[type="password"]:focus, .accent-light-blue .form-item input[type="password"].error:focus, .accent-light-blue .form-item input[type="search"]:focus, .accent-light-blue .form-item input[type="search"].error:focus, .accent-light-blue .form-item input[type="tel"]:focus, .accent-light-blue .form-item input[type="tel"].error:focus, .accent-light-blue .form-item textarea:focus, .accent-light-blue .form-item textarea.error:focus, .accent-light-blue .form-item select:focus, .accent-light-blue .form-item select.error:focus { border-color: #40c4ff; } + .accent-light-blue .form-item input[type="checkbox"]:checked:before, .accent-light-blue .form-item input[type="radio"]:checked:before { color: #40c4ff; } + .accent-light-blue.theme-dark a { color: #40c4ff; } .accent-light-blue.theme-dark a:hover { color: #5fcdff; } .accent-light-blue.theme-dark a:active { color: #80d8ff; } + .accent-light-blue.theme-dark .material-icons.text-accent { color: #40c4ff; } + .accent-light-blue.theme-dark .text-accent, .accent-light-blue.theme-dark a.text-accent, .accent-light-blue.theme-dark a.text-accent:hover, .accent-light-blue.theme-dark a.text-accent:focus { color: #40c4ff; } + .accent-light-blue.theme-dark .btn { color: #FFF; } .accent-light-blue.theme-dark .btn:hover, .accent-light-blue.theme-dark .btn:focus { color: #FFF; } + .accent-light-blue.theme-dark .btn-accent, .accent-light-blue.theme-dark .btn-accent:hover, .accent-light-blue.theme-dark .btn-accent:focus, .accent-light-blue.theme-dark .btn.btn-accent, .accent-light-blue.theme-dark .btn.btn-accent:hover, .accent-light-blue.theme-dark .btn.btn-accent:focus, .accent-light-blue.theme-dark input.btn-accent[type="submit"], .accent-light-blue.theme-dark input.btn-accent[type="submit"]:hover, .accent-light-blue.theme-dark input.btn-accent[type="submit"]:focus { color: #40c4ff; } + .accent-light-blue.theme-dark .btn-raised.btn-accent, .accent-light-blue.theme-dark .btn.btn-raised.btn-accent, .accent-light-blue.theme-dark input.btn-raised[type="submit"].btn-accent { background: #00b0ff; color: rgba(0, 0, 0, 0.87); } + .accent-light-blue.theme-dark .btn-raised.btn-accent:hover, .accent-light-blue.theme-dark .btn-raised.btn-accent:focus, .accent-light-blue.theme-dark .btn.btn-raised.btn-accent:hover, .accent-light-blue.theme-dark .btn.btn-raised.btn-accent:focus, .accent-light-blue.theme-dark input.btn-raised[type="submit"].btn-accent:hover, .accent-light-blue.theme-dark input.btn-raised[type="submit"].btn-accent:focus { background: #40c4ff; color: rgba(0, 0, 0, 0.87); } + .accent-light-blue.theme-dark .btn-raised.btn-accent:active, .accent-light-blue.theme-dark .btn.btn-raised.btn-accent:active, .accent-light-blue.theme-dark input.btn-raised[type="submit"].btn-accent:active { background: #5fcdff; } @@ -2340,6 +2968,7 @@ color: #00d3f3; } .accent-cyan a:active { color: #00b8d4; } + .accent-cyan .card-bg-accent { background: #00e5ff; color: rgba(0, 0, 0, 0.87); } @@ -2354,56 +2983,74 @@ background: rgba(204, 204, 204, 0.25); } .accent-cyan .card-bg-accent .rippleAnimate { background-color: rgba(0, 0, 0, 0.3); } + .accent-cyan .material-icons.text-accent { color: #00e5ff; } + .accent-cyan .text-accent, .accent-cyan a.text-accent, .accent-cyan a.text-accent:hover, .accent-cyan a.text-accent:focus { color: #00e5ff; } + .accent-cyan .btn { color: rgba(0, 0, 0, 0.87); } .accent-cyan .btn:hover, .accent-cyan .btn:focus { color: rgba(0, 0, 0, 0.87); } + .accent-cyan .btn-accent, .accent-cyan .btn-accent:hover, .accent-cyan .btn-accent:focus, .accent-cyan .btn.btn-accent, .accent-cyan .btn.btn-accent:hover, .accent-cyan .btn.btn-accent:focus, .accent-cyan input.btn-accent[type="submit"], .accent-cyan input.btn-accent[type="submit"]:hover, .accent-cyan input.btn-accent[type="submit"]:focus { color: #00e5ff; } + .accent-cyan .btn-raised.btn-accent, .accent-cyan .btn.btn-raised.btn-accent, .accent-cyan input.btn-raised[type="submit"].btn-accent { background: #00e5ff; color: rgba(0, 0, 0, 0.87); } + .accent-cyan .btn-raised.btn-accent:hover, .accent-cyan .btn-raised.btn-accent:focus, .accent-cyan .btn.btn-raised.btn-accent:hover, .accent-cyan .btn.btn-raised.btn-accent:focus, .accent-cyan input.btn-raised[type="submit"].btn-accent:hover, .accent-cyan input.btn-raised[type="submit"].btn-accent:focus { background: #00d3f3; color: rgba(0, 0, 0, 0.87); } + .accent-cyan .btn-raised.btn-accent:active, .accent-cyan .btn.btn-raised.btn-accent:active, .accent-cyan input.btn-raised[type="submit"].btn-accent:active { background: #00b8d4; } + .accent-cyan .form-item .focused label { color: #18ffff; } -.accent-cyan .form-item input[type="text"]:focus, .accent-cyan .form-item input[type="text"].error:focus, .accent-cyan .form-item input[type="email"]:focus, .accent-cyan .form-item input[type="email"].error:focus, .accent-cyan .form-item input[type="password"]:focus, .accent-cyan .form-item input[type="password"].error:focus, .accent-cyan .form-item input[type="search"]:focus, .accent-cyan .form-item input[type="search"].error:focus, .accent-cyan .form-item textarea:focus, .accent-cyan .form-item textarea.error:focus, .accent-cyan .form-item select:focus, .accent-cyan .form-item select.error:focus { + +.accent-cyan .form-item input[type="text"]:focus, .accent-cyan .form-item input[type="text"].error:focus, .accent-cyan .form-item input[type="email"]:focus, .accent-cyan .form-item input[type="email"].error:focus, .accent-cyan .form-item input[type="password"]:focus, .accent-cyan .form-item input[type="password"].error:focus, .accent-cyan .form-item input[type="search"]:focus, .accent-cyan .form-item input[type="search"].error:focus, .accent-cyan .form-item input[type="tel"]:focus, .accent-cyan .form-item input[type="tel"].error:focus, .accent-cyan .form-item textarea:focus, .accent-cyan .form-item textarea.error:focus, .accent-cyan .form-item select:focus, .accent-cyan .form-item select.error:focus { border-color: #18ffff; } + .accent-cyan .form-item input[type="checkbox"]:checked:before, .accent-cyan .form-item input[type="radio"]:checked:before { color: #18ffff; } + .accent-cyan.theme-dark a { color: #18ffff; } .accent-cyan.theme-dark a:hover { color: #37ffff; } .accent-cyan.theme-dark a:active { color: #84ffff; } + .accent-cyan.theme-dark .material-icons.text-accent { color: #18ffff; } + .accent-cyan.theme-dark .text-accent, .accent-cyan.theme-dark a.text-accent, .accent-cyan.theme-dark a.text-accent:hover, .accent-cyan.theme-dark a.text-accent:focus { color: #18ffff; } + .accent-cyan.theme-dark .btn { color: #FFF; } .accent-cyan.theme-dark .btn:hover, .accent-cyan.theme-dark .btn:focus { color: #FFF; } + .accent-cyan.theme-dark .btn-accent, .accent-cyan.theme-dark .btn-accent:hover, .accent-cyan.theme-dark .btn-accent:focus, .accent-cyan.theme-dark .btn.btn-accent, .accent-cyan.theme-dark .btn.btn-accent:hover, .accent-cyan.theme-dark .btn.btn-accent:focus, .accent-cyan.theme-dark input.btn-accent[type="submit"], .accent-cyan.theme-dark input.btn-accent[type="submit"]:hover, .accent-cyan.theme-dark input.btn-accent[type="submit"]:focus { color: #18ffff; } + .accent-cyan.theme-dark .btn-raised.btn-accent, .accent-cyan.theme-dark .btn.btn-raised.btn-accent, .accent-cyan.theme-dark input.btn-raised[type="submit"].btn-accent { background: #00e5ff; color: rgba(0, 0, 0, 0.87); } + .accent-cyan.theme-dark .btn-raised.btn-accent:hover, .accent-cyan.theme-dark .btn-raised.btn-accent:focus, .accent-cyan.theme-dark .btn.btn-raised.btn-accent:hover, .accent-cyan.theme-dark .btn.btn-raised.btn-accent:focus, .accent-cyan.theme-dark input.btn-raised[type="submit"].btn-accent:hover, .accent-cyan.theme-dark input.btn-raised[type="submit"].btn-accent:focus { background: #18ffff; color: rgba(0, 0, 0, 0.87); } + .accent-cyan.theme-dark .btn-raised.btn-accent:active, .accent-cyan.theme-dark .btn.btn-raised.btn-accent:active, .accent-cyan.theme-dark input.btn-raised[type="submit"].btn-accent:active { background: #37ffff; } @@ -2413,6 +3060,7 @@ color: #00debf; } .accent-teal a:active { color: #00bfa5; } + .accent-teal .card-bg-accent { background: #1de9b6; color: #FFF; } @@ -2427,56 +3075,74 @@ background: rgba(204, 204, 204, 0.25); } .accent-teal .card-bg-accent .rippleAnimate { background-color: rgba(0, 0, 0, 0.3); } + .accent-teal .material-icons.text-accent { color: #1de9b6; } + .accent-teal .text-accent, .accent-teal a.text-accent, .accent-teal a.text-accent:hover, .accent-teal a.text-accent:focus { color: #1de9b6; } + .accent-teal .btn { color: rgba(0, 0, 0, 0.87); } .accent-teal .btn:hover, .accent-teal .btn:focus { color: rgba(0, 0, 0, 0.87); } + .accent-teal .btn-accent, .accent-teal .btn-accent:hover, .accent-teal .btn-accent:focus, .accent-teal .btn.btn-accent, .accent-teal .btn.btn-accent:hover, .accent-teal .btn.btn-accent:focus, .accent-teal input.btn-accent[type="submit"], .accent-teal input.btn-accent[type="submit"]:hover, .accent-teal input.btn-accent[type="submit"]:focus { color: #1de9b6; } + .accent-teal .btn-raised.btn-accent, .accent-teal .btn.btn-raised.btn-accent, .accent-teal input.btn-raised[type="submit"].btn-accent { background: #1de9b6; color: #FFF; } + .accent-teal .btn-raised.btn-accent:hover, .accent-teal .btn-raised.btn-accent:focus, .accent-teal .btn.btn-raised.btn-accent:hover, .accent-teal .btn.btn-raised.btn-accent:focus, .accent-teal input.btn-raised[type="submit"].btn-accent:hover, .accent-teal input.btn-raised[type="submit"].btn-accent:focus { background: #00debf; color: #FFF; } + .accent-teal .btn-raised.btn-accent:active, .accent-teal .btn.btn-raised.btn-accent:active, .accent-teal input.btn-raised[type="submit"].btn-accent:active { background: #00bfa5; } + .accent-teal .form-item .focused label { color: #64ffda; } -.accent-teal .form-item input[type="text"]:focus, .accent-teal .form-item input[type="text"].error:focus, .accent-teal .form-item input[type="email"]:focus, .accent-teal .form-item input[type="email"].error:focus, .accent-teal .form-item input[type="password"]:focus, .accent-teal .form-item input[type="password"].error:focus, .accent-teal .form-item input[type="search"]:focus, .accent-teal .form-item input[type="search"].error:focus, .accent-teal .form-item textarea:focus, .accent-teal .form-item textarea.error:focus, .accent-teal .form-item select:focus, .accent-teal .form-item select.error:focus { + +.accent-teal .form-item input[type="text"]:focus, .accent-teal .form-item input[type="text"].error:focus, .accent-teal .form-item input[type="email"]:focus, .accent-teal .form-item input[type="email"].error:focus, .accent-teal .form-item input[type="password"]:focus, .accent-teal .form-item input[type="password"].error:focus, .accent-teal .form-item input[type="search"]:focus, .accent-teal .form-item input[type="search"].error:focus, .accent-teal .form-item input[type="tel"]:focus, .accent-teal .form-item input[type="tel"].error:focus, .accent-teal .form-item textarea:focus, .accent-teal .form-item textarea.error:focus, .accent-teal .form-item select:focus, .accent-teal .form-item select.error:focus { border-color: #64ffda; } + .accent-teal .form-item input[type="checkbox"]:checked:before, .accent-teal .form-item input[type="radio"]:checked:before { color: #64ffda; } + .accent-teal.theme-dark a { color: #64ffda; } .accent-teal.theme-dark a:hover { color: #83ffe1; } .accent-teal.theme-dark a:active { color: #a7ffeb; } + .accent-teal.theme-dark .material-icons.text-accent { color: #64ffda; } + .accent-teal.theme-dark .text-accent, .accent-teal.theme-dark a.text-accent, .accent-teal.theme-dark a.text-accent:hover, .accent-teal.theme-dark a.text-accent:focus { color: #64ffda; } + .accent-teal.theme-dark .btn { color: #FFF; } .accent-teal.theme-dark .btn:hover, .accent-teal.theme-dark .btn:focus { color: #FFF; } + .accent-teal.theme-dark .btn-accent, .accent-teal.theme-dark .btn-accent:hover, .accent-teal.theme-dark .btn-accent:focus, .accent-teal.theme-dark .btn.btn-accent, .accent-teal.theme-dark .btn.btn-accent:hover, .accent-teal.theme-dark .btn.btn-accent:focus, .accent-teal.theme-dark input.btn-accent[type="submit"], .accent-teal.theme-dark input.btn-accent[type="submit"]:hover, .accent-teal.theme-dark input.btn-accent[type="submit"]:focus { color: #64ffda; } + .accent-teal.theme-dark .btn-raised.btn-accent, .accent-teal.theme-dark .btn.btn-raised.btn-accent, .accent-teal.theme-dark input.btn-raised[type="submit"].btn-accent { background: #1de9b6; color: #FFF; } + .accent-teal.theme-dark .btn-raised.btn-accent:hover, .accent-teal.theme-dark .btn-raised.btn-accent:focus, .accent-teal.theme-dark .btn.btn-raised.btn-accent:hover, .accent-teal.theme-dark .btn.btn-raised.btn-accent:focus, .accent-teal.theme-dark input.btn-raised[type="submit"].btn-accent:hover, .accent-teal.theme-dark input.btn-raised[type="submit"].btn-accent:focus { background: #64ffda; color: #FFF; } + .accent-teal.theme-dark .btn-raised.btn-accent:active, .accent-teal.theme-dark .btn.btn-raised.btn-accent:active, .accent-teal.theme-dark input.btn-raised[type="submit"].btn-accent:active { background: #83ffe1; } @@ -2486,70 +3152,89 @@ color: #00e760; } .accent-green a:active { color: #00c853; } + .accent-green .card-bg-accent { background: #00e676; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .accent-green .card-bg-accent .text-secondary { - color: rgba(0, 0, 0, 0.54); } + color: rgba(255, 255, 255, 0.7); } .accent-green .card-bg-accent .btn { - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .accent-green .card-bg-accent .btn:hover, .accent-green .card-bg-accent .btn:focus { background: rgba(204, 204, 204, 0.15); - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .accent-green .card-bg-accent .btn:active { background: rgba(204, 204, 204, 0.25); } .accent-green .card-bg-accent .rippleAnimate { - background-color: rgba(0, 0, 0, 0.3); } + background-color: rgba(255, 255, 255, 0.1); } + .accent-green .material-icons.text-accent { color: #00e676; } + .accent-green .text-accent, .accent-green a.text-accent, .accent-green a.text-accent:hover, .accent-green a.text-accent:focus { color: #00e676; } + .accent-green .btn { color: rgba(0, 0, 0, 0.87); } .accent-green .btn:hover, .accent-green .btn:focus { color: rgba(0, 0, 0, 0.87); } + .accent-green .btn-accent, .accent-green .btn-accent:hover, .accent-green .btn-accent:focus, .accent-green .btn.btn-accent, .accent-green .btn.btn-accent:hover, .accent-green .btn.btn-accent:focus, .accent-green input.btn-accent[type="submit"], .accent-green input.btn-accent[type="submit"]:hover, .accent-green input.btn-accent[type="submit"]:focus { color: #00e676; } + .accent-green .btn-raised.btn-accent, .accent-green .btn.btn-raised.btn-accent, .accent-green input.btn-raised[type="submit"].btn-accent { background: #00e676; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .accent-green .btn-raised.btn-accent:hover, .accent-green .btn-raised.btn-accent:focus, .accent-green .btn.btn-raised.btn-accent:hover, .accent-green .btn.btn-raised.btn-accent:focus, .accent-green input.btn-raised[type="submit"].btn-accent:hover, .accent-green input.btn-raised[type="submit"].btn-accent:focus { background: #00e760; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .accent-green .btn-raised.btn-accent:active, .accent-green .btn.btn-raised.btn-accent:active, .accent-green input.btn-raised[type="submit"].btn-accent:active { background: #00c853; } + .accent-green .form-item .focused label { color: #69f0ae; } -.accent-green .form-item input[type="text"]:focus, .accent-green .form-item input[type="text"].error:focus, .accent-green .form-item input[type="email"]:focus, .accent-green .form-item input[type="email"].error:focus, .accent-green .form-item input[type="password"]:focus, .accent-green .form-item input[type="password"].error:focus, .accent-green .form-item input[type="search"]:focus, .accent-green .form-item input[type="search"].error:focus, .accent-green .form-item textarea:focus, .accent-green .form-item textarea.error:focus, .accent-green .form-item select:focus, .accent-green .form-item select.error:focus { + +.accent-green .form-item input[type="text"]:focus, .accent-green .form-item input[type="text"].error:focus, .accent-green .form-item input[type="email"]:focus, .accent-green .form-item input[type="email"].error:focus, .accent-green .form-item input[type="password"]:focus, .accent-green .form-item input[type="password"].error:focus, .accent-green .form-item input[type="search"]:focus, .accent-green .form-item input[type="search"].error:focus, .accent-green .form-item input[type="tel"]:focus, .accent-green .form-item input[type="tel"].error:focus, .accent-green .form-item textarea:focus, .accent-green .form-item textarea.error:focus, .accent-green .form-item select:focus, .accent-green .form-item select.error:focus { border-color: #69f0ae; } + .accent-green .form-item input[type="checkbox"]:checked:before, .accent-green .form-item input[type="radio"]:checked:before { color: #69f0ae; } + .accent-green.theme-dark a { color: #69f0ae; } .accent-green.theme-dark a:hover { color: #85f3bd; } .accent-green.theme-dark a:active { color: #b9f6ca; } + .accent-green.theme-dark .material-icons.text-accent { color: #69f0ae; } + .accent-green.theme-dark .text-accent, .accent-green.theme-dark a.text-accent, .accent-green.theme-dark a.text-accent:hover, .accent-green.theme-dark a.text-accent:focus { color: #69f0ae; } + .accent-green.theme-dark .btn { color: #FFF; } .accent-green.theme-dark .btn:hover, .accent-green.theme-dark .btn:focus { color: #FFF; } + .accent-green.theme-dark .btn-accent, .accent-green.theme-dark .btn-accent:hover, .accent-green.theme-dark .btn-accent:focus, .accent-green.theme-dark .btn.btn-accent, .accent-green.theme-dark .btn.btn-accent:hover, .accent-green.theme-dark .btn.btn-accent:focus, .accent-green.theme-dark input.btn-accent[type="submit"], .accent-green.theme-dark input.btn-accent[type="submit"]:hover, .accent-green.theme-dark input.btn-accent[type="submit"]:focus { color: #69f0ae; } + .accent-green.theme-dark .btn-raised.btn-accent, .accent-green.theme-dark .btn.btn-raised.btn-accent, .accent-green.theme-dark input.btn-raised[type="submit"].btn-accent { background: #00e676; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .accent-green.theme-dark .btn-raised.btn-accent:hover, .accent-green.theme-dark .btn-raised.btn-accent:focus, .accent-green.theme-dark .btn.btn-raised.btn-accent:hover, .accent-green.theme-dark .btn.btn-raised.btn-accent:focus, .accent-green.theme-dark input.btn-raised[type="submit"].btn-accent:hover, .accent-green.theme-dark input.btn-raised[type="submit"].btn-accent:focus { background: #69f0ae; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .accent-green.theme-dark .btn-raised.btn-accent:active, .accent-green.theme-dark .btn.btn-raised.btn-accent:active, .accent-green.theme-dark input.btn-raised[type="submit"].btn-accent:active { background: #85f3bd; } @@ -2559,70 +3244,89 @@ color: #74e92a; } .accent-light-green a:active { color: #64dd17; } + .accent-light-green .card-bg-accent { background: #76ff03; color: rgba(0, 0, 0, 0.87); } .accent-light-green .card-bg-accent .text-secondary { - color: rgba(0, 0, 0, 0.54); } + color: rgba(255, 255, 255, 0.7); } .accent-light-green .card-bg-accent .btn { - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .accent-light-green .card-bg-accent .btn:hover, .accent-light-green .card-bg-accent .btn:focus { - background: rgba(153, 153, 153, 0.2); - color: rgba(0, 0, 0, 0.87); } + background: rgba(204, 204, 204, 0.15); + color: #FFF; } .accent-light-green .card-bg-accent .btn:active { - background: rgba(153, 153, 153, 0.4); } + background: rgba(204, 204, 204, 0.25); } .accent-light-green .card-bg-accent .rippleAnimate { - background-color: rgba(0, 0, 0, 0.3); } + background-color: rgba(255, 255, 255, 0.1); } + .accent-light-green .material-icons.text-accent { color: #76ff03; } + .accent-light-green .text-accent, .accent-light-green a.text-accent, .accent-light-green a.text-accent:hover, .accent-light-green a.text-accent:focus { color: #76ff03; } + .accent-light-green .btn { color: rgba(0, 0, 0, 0.87); } .accent-light-green .btn:hover, .accent-light-green .btn:focus { color: rgba(0, 0, 0, 0.87); } + .accent-light-green .btn-accent, .accent-light-green .btn-accent:hover, .accent-light-green .btn-accent:focus, .accent-light-green .btn.btn-accent, .accent-light-green .btn.btn-accent:hover, .accent-light-green .btn.btn-accent:focus, .accent-light-green input.btn-accent[type="submit"], .accent-light-green input.btn-accent[type="submit"]:hover, .accent-light-green input.btn-accent[type="submit"]:focus { color: #76ff03; } + .accent-light-green .btn-raised.btn-accent, .accent-light-green .btn.btn-raised.btn-accent, .accent-light-green input.btn-raised[type="submit"].btn-accent { background: #76ff03; color: rgba(0, 0, 0, 0.87); } + .accent-light-green .btn-raised.btn-accent:hover, .accent-light-green .btn-raised.btn-accent:focus, .accent-light-green .btn.btn-raised.btn-accent:hover, .accent-light-green .btn.btn-raised.btn-accent:focus, .accent-light-green input.btn-raised[type="submit"].btn-accent:hover, .accent-light-green input.btn-raised[type="submit"].btn-accent:focus { background: #74e92a; color: rgba(0, 0, 0, 0.87); } + .accent-light-green .btn-raised.btn-accent:active, .accent-light-green .btn.btn-raised.btn-accent:active, .accent-light-green input.btn-raised[type="submit"].btn-accent:active { background: #64dd17; } + .accent-light-green .form-item .focused label { color: #b2ff59; } -.accent-light-green .form-item input[type="text"]:focus, .accent-light-green .form-item input[type="text"].error:focus, .accent-light-green .form-item input[type="email"]:focus, .accent-light-green .form-item input[type="email"].error:focus, .accent-light-green .form-item input[type="password"]:focus, .accent-light-green .form-item input[type="password"].error:focus, .accent-light-green .form-item input[type="search"]:focus, .accent-light-green .form-item input[type="search"].error:focus, .accent-light-green .form-item textarea:focus, .accent-light-green .form-item textarea.error:focus, .accent-light-green .form-item select:focus, .accent-light-green .form-item select.error:focus { + +.accent-light-green .form-item input[type="text"]:focus, .accent-light-green .form-item input[type="text"].error:focus, .accent-light-green .form-item input[type="email"]:focus, .accent-light-green .form-item input[type="email"].error:focus, .accent-light-green .form-item input[type="password"]:focus, .accent-light-green .form-item input[type="password"].error:focus, .accent-light-green .form-item input[type="search"]:focus, .accent-light-green .form-item input[type="search"].error:focus, .accent-light-green .form-item input[type="tel"]:focus, .accent-light-green .form-item input[type="tel"].error:focus, .accent-light-green .form-item textarea:focus, .accent-light-green .form-item textarea.error:focus, .accent-light-green .form-item select:focus, .accent-light-green .form-item select.error:focus { border-color: #b2ff59; } + .accent-light-green .form-item input[type="checkbox"]:checked:before, .accent-light-green .form-item input[type="radio"]:checked:before { color: #b2ff59; } + .accent-light-green.theme-dark a { color: #b2ff59; } .accent-light-green.theme-dark a:hover { color: #c0ff78; } .accent-light-green.theme-dark a:active { color: #ccff90; } + .accent-light-green.theme-dark .material-icons.text-accent { color: #b2ff59; } + .accent-light-green.theme-dark .text-accent, .accent-light-green.theme-dark a.text-accent, .accent-light-green.theme-dark a.text-accent:hover, .accent-light-green.theme-dark a.text-accent:focus { color: #b2ff59; } + .accent-light-green.theme-dark .btn { color: #FFF; } .accent-light-green.theme-dark .btn:hover, .accent-light-green.theme-dark .btn:focus { color: #FFF; } + .accent-light-green.theme-dark .btn-accent, .accent-light-green.theme-dark .btn-accent:hover, .accent-light-green.theme-dark .btn-accent:focus, .accent-light-green.theme-dark .btn.btn-accent, .accent-light-green.theme-dark .btn.btn-accent:hover, .accent-light-green.theme-dark .btn.btn-accent:focus, .accent-light-green.theme-dark input.btn-accent[type="submit"], .accent-light-green.theme-dark input.btn-accent[type="submit"]:hover, .accent-light-green.theme-dark input.btn-accent[type="submit"]:focus { color: #b2ff59; } + .accent-light-green.theme-dark .btn-raised.btn-accent, .accent-light-green.theme-dark .btn.btn-raised.btn-accent, .accent-light-green.theme-dark input.btn-raised[type="submit"].btn-accent { background: #76ff03; color: rgba(0, 0, 0, 0.87); } + .accent-light-green.theme-dark .btn-raised.btn-accent:hover, .accent-light-green.theme-dark .btn-raised.btn-accent:focus, .accent-light-green.theme-dark .btn.btn-raised.btn-accent:hover, .accent-light-green.theme-dark .btn.btn-raised.btn-accent:focus, .accent-light-green.theme-dark input.btn-raised[type="submit"].btn-accent:hover, .accent-light-green.theme-dark input.btn-raised[type="submit"].btn-accent:focus { background: #b2ff59; color: rgba(0, 0, 0, 0.87); } + .accent-light-green.theme-dark .btn-raised.btn-accent:active, .accent-light-green.theme-dark .btn.btn-raised.btn-accent:active, .accent-light-green.theme-dark input.btn-raised[type="submit"].btn-accent:active { background: #c0ff78; } @@ -2632,6 +3336,7 @@ color: #c0ff0a; } .accent-lime a:active { color: #aeea00; } + .accent-lime .card-bg-accent { background: #c6ff00; color: rgba(0, 0, 0, 0.87); } @@ -2640,62 +3345,80 @@ .accent-lime .card-bg-accent .btn { color: rgba(0, 0, 0, 0.87); } .accent-lime .card-bg-accent .btn:hover, .accent-lime .card-bg-accent .btn:focus { - background: rgba(153, 153, 153, 0.2); + background: rgba(204, 204, 204, 0.15); color: rgba(0, 0, 0, 0.87); } .accent-lime .card-bg-accent .btn:active { - background: rgba(153, 153, 153, 0.4); } + background: rgba(204, 204, 204, 0.25); } .accent-lime .card-bg-accent .rippleAnimate { background-color: rgba(0, 0, 0, 0.3); } + .accent-lime .material-icons.text-accent { color: #c6ff00; } + .accent-lime .text-accent, .accent-lime a.text-accent, .accent-lime a.text-accent:hover, .accent-lime a.text-accent:focus { color: #c6ff00; } + .accent-lime .btn { color: rgba(0, 0, 0, 0.87); } .accent-lime .btn:hover, .accent-lime .btn:focus { color: rgba(0, 0, 0, 0.87); } + .accent-lime .btn-accent, .accent-lime .btn-accent:hover, .accent-lime .btn-accent:focus, .accent-lime .btn.btn-accent, .accent-lime .btn.btn-accent:hover, .accent-lime .btn.btn-accent:focus, .accent-lime input.btn-accent[type="submit"], .accent-lime input.btn-accent[type="submit"]:hover, .accent-lime input.btn-accent[type="submit"]:focus { color: #c6ff00; } + .accent-lime .btn-raised.btn-accent, .accent-lime .btn.btn-raised.btn-accent, .accent-lime input.btn-raised[type="submit"].btn-accent { background: #c6ff00; color: rgba(0, 0, 0, 0.87); } + .accent-lime .btn-raised.btn-accent:hover, .accent-lime .btn-raised.btn-accent:focus, .accent-lime .btn.btn-raised.btn-accent:hover, .accent-lime .btn.btn-raised.btn-accent:focus, .accent-lime input.btn-raised[type="submit"].btn-accent:hover, .accent-lime input.btn-raised[type="submit"].btn-accent:focus { background: #c0ff0a; color: rgba(0, 0, 0, 0.87); } + .accent-lime .btn-raised.btn-accent:active, .accent-lime .btn.btn-raised.btn-accent:active, .accent-lime input.btn-raised[type="submit"].btn-accent:active { background: #aeea00; } + .accent-lime .form-item .focused label { color: #eeff41; } -.accent-lime .form-item input[type="text"]:focus, .accent-lime .form-item input[type="text"].error:focus, .accent-lime .form-item input[type="email"]:focus, .accent-lime .form-item input[type="email"].error:focus, .accent-lime .form-item input[type="password"]:focus, .accent-lime .form-item input[type="password"].error:focus, .accent-lime .form-item input[type="search"]:focus, .accent-lime .form-item input[type="search"].error:focus, .accent-lime .form-item textarea:focus, .accent-lime .form-item textarea.error:focus, .accent-lime .form-item select:focus, .accent-lime .form-item select.error:focus { + +.accent-lime .form-item input[type="text"]:focus, .accent-lime .form-item input[type="text"].error:focus, .accent-lime .form-item input[type="email"]:focus, .accent-lime .form-item input[type="email"].error:focus, .accent-lime .form-item input[type="password"]:focus, .accent-lime .form-item input[type="password"].error:focus, .accent-lime .form-item input[type="search"]:focus, .accent-lime .form-item input[type="search"].error:focus, .accent-lime .form-item input[type="tel"]:focus, .accent-lime .form-item input[type="tel"].error:focus, .accent-lime .form-item textarea:focus, .accent-lime .form-item textarea.error:focus, .accent-lime .form-item select:focus, .accent-lime .form-item select.error:focus { border-color: #eeff41; } + .accent-lime .form-item input[type="checkbox"]:checked:before, .accent-lime .form-item input[type="radio"]:checked:before { color: #eeff41; } + .accent-lime.theme-dark a { color: #eeff41; } .accent-lime.theme-dark a:hover { color: #f1ff60; } .accent-lime.theme-dark a:active { color: #f4ff81; } + .accent-lime.theme-dark .material-icons.text-accent { color: #eeff41; } + .accent-lime.theme-dark .text-accent, .accent-lime.theme-dark a.text-accent, .accent-lime.theme-dark a.text-accent:hover, .accent-lime.theme-dark a.text-accent:focus { color: #eeff41; } + .accent-lime.theme-dark .btn { color: #FFF; } .accent-lime.theme-dark .btn:hover, .accent-lime.theme-dark .btn:focus { color: #FFF; } + .accent-lime.theme-dark .btn-accent, .accent-lime.theme-dark .btn-accent:hover, .accent-lime.theme-dark .btn-accent:focus, .accent-lime.theme-dark .btn.btn-accent, .accent-lime.theme-dark .btn.btn-accent:hover, .accent-lime.theme-dark .btn.btn-accent:focus, .accent-lime.theme-dark input.btn-accent[type="submit"], .accent-lime.theme-dark input.btn-accent[type="submit"]:hover, .accent-lime.theme-dark input.btn-accent[type="submit"]:focus { color: #eeff41; } + .accent-lime.theme-dark .btn-raised.btn-accent, .accent-lime.theme-dark .btn.btn-raised.btn-accent, .accent-lime.theme-dark input.btn-raised[type="submit"].btn-accent { background: #c6ff00; color: rgba(0, 0, 0, 0.87); } + .accent-lime.theme-dark .btn-raised.btn-accent:hover, .accent-lime.theme-dark .btn-raised.btn-accent:focus, .accent-lime.theme-dark .btn.btn-raised.btn-accent:hover, .accent-lime.theme-dark .btn.btn-raised.btn-accent:focus, .accent-lime.theme-dark input.btn-raised[type="submit"].btn-accent:hover, .accent-lime.theme-dark input.btn-raised[type="submit"].btn-accent:focus { background: #eeff41; color: rgba(0, 0, 0, 0.87); } + .accent-lime.theme-dark .btn-raised.btn-accent:active, .accent-lime.theme-dark .btn.btn-raised.btn-accent:active, .accent-lime.theme-dark input.btn-raised[type="submit"].btn-accent:active { background: #f1ff60; } @@ -2705,6 +3428,7 @@ color: #ffdb1f; } .accent-yellow a:active { color: #ffd600; } + .accent-yellow .card-bg-accent { background: #ffea00; color: rgba(0, 0, 0, 0.87); } @@ -2713,62 +3437,80 @@ .accent-yellow .card-bg-accent .btn { color: rgba(0, 0, 0, 0.87); } .accent-yellow .card-bg-accent .btn:hover, .accent-yellow .card-bg-accent .btn:focus { - background: rgba(153, 153, 153, 0.2); + background: rgba(204, 204, 204, 0.15); color: rgba(0, 0, 0, 0.87); } .accent-yellow .card-bg-accent .btn:active { - background: rgba(153, 153, 153, 0.4); } + background: rgba(204, 204, 204, 0.25); } .accent-yellow .card-bg-accent .rippleAnimate { background-color: rgba(0, 0, 0, 0.3); } + .accent-yellow .material-icons.text-accent { color: #ffea00; } + .accent-yellow .text-accent, .accent-yellow a.text-accent, .accent-yellow a.text-accent:hover, .accent-yellow a.text-accent:focus { color: #ffea00; } + .accent-yellow .btn { color: rgba(0, 0, 0, 0.87); } .accent-yellow .btn:hover, .accent-yellow .btn:focus { color: rgba(0, 0, 0, 0.87); } + .accent-yellow .btn-accent, .accent-yellow .btn-accent:hover, .accent-yellow .btn-accent:focus, .accent-yellow .btn.btn-accent, .accent-yellow .btn.btn-accent:hover, .accent-yellow .btn.btn-accent:focus, .accent-yellow input.btn-accent[type="submit"], .accent-yellow input.btn-accent[type="submit"]:hover, .accent-yellow input.btn-accent[type="submit"]:focus { color: #ffea00; } + .accent-yellow .btn-raised.btn-accent, .accent-yellow .btn.btn-raised.btn-accent, .accent-yellow input.btn-raised[type="submit"].btn-accent { background: #ffea00; color: rgba(0, 0, 0, 0.87); } + .accent-yellow .btn-raised.btn-accent:hover, .accent-yellow .btn-raised.btn-accent:focus, .accent-yellow .btn.btn-raised.btn-accent:hover, .accent-yellow .btn.btn-raised.btn-accent:focus, .accent-yellow input.btn-raised[type="submit"].btn-accent:hover, .accent-yellow input.btn-raised[type="submit"].btn-accent:focus { background: #ffdb1f; color: rgba(0, 0, 0, 0.87); } + .accent-yellow .btn-raised.btn-accent:active, .accent-yellow .btn.btn-raised.btn-accent:active, .accent-yellow input.btn-raised[type="submit"].btn-accent:active { background: #ffd600; } + .accent-yellow .form-item .focused label { color: #ffff00; } -.accent-yellow .form-item input[type="text"]:focus, .accent-yellow .form-item input[type="text"].error:focus, .accent-yellow .form-item input[type="email"]:focus, .accent-yellow .form-item input[type="email"].error:focus, .accent-yellow .form-item input[type="password"]:focus, .accent-yellow .form-item input[type="password"].error:focus, .accent-yellow .form-item input[type="search"]:focus, .accent-yellow .form-item input[type="search"].error:focus, .accent-yellow .form-item textarea:focus, .accent-yellow .form-item textarea.error:focus, .accent-yellow .form-item select:focus, .accent-yellow .form-item select.error:focus { + +.accent-yellow .form-item input[type="text"]:focus, .accent-yellow .form-item input[type="text"].error:focus, .accent-yellow .form-item input[type="email"]:focus, .accent-yellow .form-item input[type="email"].error:focus, .accent-yellow .form-item input[type="password"]:focus, .accent-yellow .form-item input[type="password"].error:focus, .accent-yellow .form-item input[type="search"]:focus, .accent-yellow .form-item input[type="search"].error:focus, .accent-yellow .form-item input[type="tel"]:focus, .accent-yellow .form-item input[type="tel"].error:focus, .accent-yellow .form-item textarea:focus, .accent-yellow .form-item textarea.error:focus, .accent-yellow .form-item select:focus, .accent-yellow .form-item select.error:focus { border-color: #ffff00; } + .accent-yellow .form-item input[type="checkbox"]:checked:before, .accent-yellow .form-item input[type="radio"]:checked:before { color: #ffff00; } + .accent-yellow.theme-dark a { color: #ffff00; } .accent-yellow.theme-dark a:hover { color: #ffff1f; } .accent-yellow.theme-dark a:active { color: #ffff8d; } + .accent-yellow.theme-dark .material-icons.text-accent { color: #ffff00; } + .accent-yellow.theme-dark .text-accent, .accent-yellow.theme-dark a.text-accent, .accent-yellow.theme-dark a.text-accent:hover, .accent-yellow.theme-dark a.text-accent:focus { color: #ffff00; } + .accent-yellow.theme-dark .btn { color: #FFF; } .accent-yellow.theme-dark .btn:hover, .accent-yellow.theme-dark .btn:focus { color: #FFF; } + .accent-yellow.theme-dark .btn-accent, .accent-yellow.theme-dark .btn-accent:hover, .accent-yellow.theme-dark .btn-accent:focus, .accent-yellow.theme-dark .btn.btn-accent, .accent-yellow.theme-dark .btn.btn-accent:hover, .accent-yellow.theme-dark .btn.btn-accent:focus, .accent-yellow.theme-dark input.btn-accent[type="submit"], .accent-yellow.theme-dark input.btn-accent[type="submit"]:hover, .accent-yellow.theme-dark input.btn-accent[type="submit"]:focus { color: #ffff00; } + .accent-yellow.theme-dark .btn-raised.btn-accent, .accent-yellow.theme-dark .btn.btn-raised.btn-accent, .accent-yellow.theme-dark input.btn-raised[type="submit"].btn-accent { background: #ffea00; color: rgba(0, 0, 0, 0.87); } + .accent-yellow.theme-dark .btn-raised.btn-accent:hover, .accent-yellow.theme-dark .btn-raised.btn-accent:focus, .accent-yellow.theme-dark .btn.btn-raised.btn-accent:hover, .accent-yellow.theme-dark .btn.btn-raised.btn-accent:focus, .accent-yellow.theme-dark input.btn-raised[type="submit"].btn-accent:hover, .accent-yellow.theme-dark input.btn-raised[type="submit"].btn-accent:focus { background: #ffff00; color: rgba(0, 0, 0, 0.87); } + .accent-yellow.theme-dark .btn-raised.btn-accent:active, .accent-yellow.theme-dark .btn.btn-raised.btn-accent:active, .accent-yellow.theme-dark input.btn-raised[type="submit"].btn-accent:active { background: #ffff1f; } @@ -2778,6 +3520,7 @@ color: #ffb51f; } .accent-amber a:active { color: #ffab00; } + .accent-amber .card-bg-accent { background: #ffc400; color: rgba(0, 0, 0, 0.87); } @@ -2786,62 +3529,80 @@ .accent-amber .card-bg-accent .btn { color: rgba(0, 0, 0, 0.87); } .accent-amber .card-bg-accent .btn:hover, .accent-amber .card-bg-accent .btn:focus { - background: rgba(153, 153, 153, 0.2); + background: rgba(204, 204, 204, 0.15); color: rgba(0, 0, 0, 0.87); } .accent-amber .card-bg-accent .btn:active { - background: rgba(153, 153, 153, 0.4); } + background: rgba(204, 204, 204, 0.25); } .accent-amber .card-bg-accent .rippleAnimate { background-color: rgba(0, 0, 0, 0.3); } + .accent-amber .material-icons.text-accent { color: #ffc400; } + .accent-amber .text-accent, .accent-amber a.text-accent, .accent-amber a.text-accent:hover, .accent-amber a.text-accent:focus { color: #ffc400; } + .accent-amber .btn { color: rgba(0, 0, 0, 0.87); } .accent-amber .btn:hover, .accent-amber .btn:focus { color: rgba(0, 0, 0, 0.87); } + .accent-amber .btn-accent, .accent-amber .btn-accent:hover, .accent-amber .btn-accent:focus, .accent-amber .btn.btn-accent, .accent-amber .btn.btn-accent:hover, .accent-amber .btn.btn-accent:focus, .accent-amber input.btn-accent[type="submit"], .accent-amber input.btn-accent[type="submit"]:hover, .accent-amber input.btn-accent[type="submit"]:focus { color: #ffc400; } + .accent-amber .btn-raised.btn-accent, .accent-amber .btn.btn-raised.btn-accent, .accent-amber input.btn-raised[type="submit"].btn-accent { background: #ffc400; color: rgba(0, 0, 0, 0.87); } + .accent-amber .btn-raised.btn-accent:hover, .accent-amber .btn-raised.btn-accent:focus, .accent-amber .btn.btn-raised.btn-accent:hover, .accent-amber .btn.btn-raised.btn-accent:focus, .accent-amber input.btn-raised[type="submit"].btn-accent:hover, .accent-amber input.btn-raised[type="submit"].btn-accent:focus { background: #ffb51f; color: rgba(0, 0, 0, 0.87); } + .accent-amber .btn-raised.btn-accent:active, .accent-amber .btn.btn-raised.btn-accent:active, .accent-amber input.btn-raised[type="submit"].btn-accent:active { background: #ffab00; } + .accent-amber .form-item .focused label { color: #ffd740; } -.accent-amber .form-item input[type="text"]:focus, .accent-amber .form-item input[type="text"].error:focus, .accent-amber .form-item input[type="email"]:focus, .accent-amber .form-item input[type="email"].error:focus, .accent-amber .form-item input[type="password"]:focus, .accent-amber .form-item input[type="password"].error:focus, .accent-amber .form-item input[type="search"]:focus, .accent-amber .form-item input[type="search"].error:focus, .accent-amber .form-item textarea:focus, .accent-amber .form-item textarea.error:focus, .accent-amber .form-item select:focus, .accent-amber .form-item select.error:focus { + +.accent-amber .form-item input[type="text"]:focus, .accent-amber .form-item input[type="text"].error:focus, .accent-amber .form-item input[type="email"]:focus, .accent-amber .form-item input[type="email"].error:focus, .accent-amber .form-item input[type="password"]:focus, .accent-amber .form-item input[type="password"].error:focus, .accent-amber .form-item input[type="search"]:focus, .accent-amber .form-item input[type="search"].error:focus, .accent-amber .form-item input[type="tel"]:focus, .accent-amber .form-item input[type="tel"].error:focus, .accent-amber .form-item textarea:focus, .accent-amber .form-item textarea.error:focus, .accent-amber .form-item select:focus, .accent-amber .form-item select.error:focus { border-color: #ffd740; } + .accent-amber .form-item input[type="checkbox"]:checked:before, .accent-amber .form-item input[type="radio"]:checked:before { color: #ffd740; } + .accent-amber.theme-dark a { color: #ffd740; } .accent-amber.theme-dark a:hover { color: #ffdd5f; } .accent-amber.theme-dark a:active { color: #ffe57f; } + .accent-amber.theme-dark .material-icons.text-accent { color: #ffd740; } + .accent-amber.theme-dark .text-accent, .accent-amber.theme-dark a.text-accent, .accent-amber.theme-dark a.text-accent:hover, .accent-amber.theme-dark a.text-accent:focus { color: #ffd740; } + .accent-amber.theme-dark .btn { color: #FFF; } .accent-amber.theme-dark .btn:hover, .accent-amber.theme-dark .btn:focus { color: #FFF; } + .accent-amber.theme-dark .btn-accent, .accent-amber.theme-dark .btn-accent:hover, .accent-amber.theme-dark .btn-accent:focus, .accent-amber.theme-dark .btn.btn-accent, .accent-amber.theme-dark .btn.btn-accent:hover, .accent-amber.theme-dark .btn.btn-accent:focus, .accent-amber.theme-dark input.btn-accent[type="submit"], .accent-amber.theme-dark input.btn-accent[type="submit"]:hover, .accent-amber.theme-dark input.btn-accent[type="submit"]:focus { color: #ffd740; } + .accent-amber.theme-dark .btn-raised.btn-accent, .accent-amber.theme-dark .btn.btn-raised.btn-accent, .accent-amber.theme-dark input.btn-raised[type="submit"].btn-accent { background: #ffc400; color: rgba(0, 0, 0, 0.87); } + .accent-amber.theme-dark .btn-raised.btn-accent:hover, .accent-amber.theme-dark .btn-raised.btn-accent:focus, .accent-amber.theme-dark .btn.btn-raised.btn-accent:hover, .accent-amber.theme-dark .btn.btn-raised.btn-accent:focus, .accent-amber.theme-dark input.btn-raised[type="submit"].btn-accent:hover, .accent-amber.theme-dark input.btn-raised[type="submit"].btn-accent:focus { background: #ffd740; color: rgba(0, 0, 0, 0.87); } + .accent-amber.theme-dark .btn-raised.btn-accent:active, .accent-amber.theme-dark .btn.btn-raised.btn-accent:active, .accent-amber.theme-dark input.btn-raised[type="submit"].btn-accent:active { background: #ffdd5f; } @@ -2851,6 +3612,7 @@ color: #ff7f1f; } .accent-orange a:active { color: #ff6d00; } + .accent-orange .card-bg-accent { background: #ff9100; color: rgba(0, 0, 0, 0.87); } @@ -2865,56 +3627,74 @@ background: rgba(204, 204, 204, 0.25); } .accent-orange .card-bg-accent .rippleAnimate { background-color: rgba(0, 0, 0, 0.3); } + .accent-orange .material-icons.text-accent { color: #ff9100; } + .accent-orange .text-accent, .accent-orange a.text-accent, .accent-orange a.text-accent:hover, .accent-orange a.text-accent:focus { color: #ff9100; } + .accent-orange .btn { color: rgba(0, 0, 0, 0.87); } .accent-orange .btn:hover, .accent-orange .btn:focus { color: rgba(0, 0, 0, 0.87); } + .accent-orange .btn-accent, .accent-orange .btn-accent:hover, .accent-orange .btn-accent:focus, .accent-orange .btn.btn-accent, .accent-orange .btn.btn-accent:hover, .accent-orange .btn.btn-accent:focus, .accent-orange input.btn-accent[type="submit"], .accent-orange input.btn-accent[type="submit"]:hover, .accent-orange input.btn-accent[type="submit"]:focus { color: #ff9100; } + .accent-orange .btn-raised.btn-accent, .accent-orange .btn.btn-raised.btn-accent, .accent-orange input.btn-raised[type="submit"].btn-accent { background: #ff9100; color: rgba(0, 0, 0, 0.87); } + .accent-orange .btn-raised.btn-accent:hover, .accent-orange .btn-raised.btn-accent:focus, .accent-orange .btn.btn-raised.btn-accent:hover, .accent-orange .btn.btn-raised.btn-accent:focus, .accent-orange input.btn-raised[type="submit"].btn-accent:hover, .accent-orange input.btn-raised[type="submit"].btn-accent:focus { background: #ff7f1f; color: rgba(0, 0, 0, 0.87); } + .accent-orange .btn-raised.btn-accent:active, .accent-orange .btn.btn-raised.btn-accent:active, .accent-orange input.btn-raised[type="submit"].btn-accent:active { background: #ff6d00; } + .accent-orange .form-item .focused label { color: #ffab40; } -.accent-orange .form-item input[type="text"]:focus, .accent-orange .form-item input[type="text"].error:focus, .accent-orange .form-item input[type="email"]:focus, .accent-orange .form-item input[type="email"].error:focus, .accent-orange .form-item input[type="password"]:focus, .accent-orange .form-item input[type="password"].error:focus, .accent-orange .form-item input[type="search"]:focus, .accent-orange .form-item input[type="search"].error:focus, .accent-orange .form-item textarea:focus, .accent-orange .form-item textarea.error:focus, .accent-orange .form-item select:focus, .accent-orange .form-item select.error:focus { + +.accent-orange .form-item input[type="text"]:focus, .accent-orange .form-item input[type="text"].error:focus, .accent-orange .form-item input[type="email"]:focus, .accent-orange .form-item input[type="email"].error:focus, .accent-orange .form-item input[type="password"]:focus, .accent-orange .form-item input[type="password"].error:focus, .accent-orange .form-item input[type="search"]:focus, .accent-orange .form-item input[type="search"].error:focus, .accent-orange .form-item input[type="tel"]:focus, .accent-orange .form-item input[type="tel"].error:focus, .accent-orange .form-item textarea:focus, .accent-orange .form-item textarea.error:focus, .accent-orange .form-item select:focus, .accent-orange .form-item select.error:focus { border-color: #ffab40; } + .accent-orange .form-item input[type="checkbox"]:checked:before, .accent-orange .form-item input[type="radio"]:checked:before { color: #ffab40; } + .accent-orange.theme-dark a { color: #ffab40; } .accent-orange.theme-dark a:hover { color: #ffb85f; } .accent-orange.theme-dark a:active { color: #ffd180; } + .accent-orange.theme-dark .material-icons.text-accent { color: #ffab40; } + .accent-orange.theme-dark .text-accent, .accent-orange.theme-dark a.text-accent, .accent-orange.theme-dark a.text-accent:hover, .accent-orange.theme-dark a.text-accent:focus { color: #ffab40; } + .accent-orange.theme-dark .btn { color: #FFF; } .accent-orange.theme-dark .btn:hover, .accent-orange.theme-dark .btn:focus { color: #FFF; } + .accent-orange.theme-dark .btn-accent, .accent-orange.theme-dark .btn-accent:hover, .accent-orange.theme-dark .btn-accent:focus, .accent-orange.theme-dark .btn.btn-accent, .accent-orange.theme-dark .btn.btn-accent:hover, .accent-orange.theme-dark .btn.btn-accent:focus, .accent-orange.theme-dark input.btn-accent[type="submit"], .accent-orange.theme-dark input.btn-accent[type="submit"]:hover, .accent-orange.theme-dark input.btn-accent[type="submit"]:focus { color: #ffab40; } + .accent-orange.theme-dark .btn-raised.btn-accent, .accent-orange.theme-dark .btn.btn-raised.btn-accent, .accent-orange.theme-dark input.btn-raised[type="submit"].btn-accent { background: #ff9100; color: rgba(0, 0, 0, 0.87); } + .accent-orange.theme-dark .btn-raised.btn-accent:hover, .accent-orange.theme-dark .btn-raised.btn-accent:focus, .accent-orange.theme-dark .btn.btn-raised.btn-accent:hover, .accent-orange.theme-dark .btn.btn-raised.btn-accent:focus, .accent-orange.theme-dark input.btn-raised[type="submit"].btn-accent:hover, .accent-orange.theme-dark input.btn-raised[type="submit"].btn-accent:focus { background: #ffab40; color: rgba(0, 0, 0, 0.87); } + .accent-orange.theme-dark .btn-raised.btn-accent:active, .accent-orange.theme-dark .btn.btn-raised.btn-accent:active, .accent-orange.theme-dark input.btn-raised[type="submit"].btn-accent:active { background: #ffb85f; } @@ -2924,9 +3704,10 @@ color: #fc3200; } .accent-deep-orange a:active { color: #dd2c00; } + .accent-deep-orange .card-bg-accent { background: #ff3d00; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .accent-deep-orange .card-bg-accent .text-secondary { color: rgba(255, 255, 255, 0.7); } .accent-deep-orange .card-bg-accent .btn { @@ -2938,55 +3719,73 @@ background: rgba(204, 204, 204, 0.25); } .accent-deep-orange .card-bg-accent .rippleAnimate { background-color: rgba(255, 255, 255, 0.1); } + .accent-deep-orange .material-icons.text-accent { color: #ff3d00; } + .accent-deep-orange .text-accent, .accent-deep-orange a.text-accent, .accent-deep-orange a.text-accent:hover, .accent-deep-orange a.text-accent:focus { color: #ff3d00; } + .accent-deep-orange .btn { color: rgba(0, 0, 0, 0.87); } .accent-deep-orange .btn:hover, .accent-deep-orange .btn:focus { color: rgba(0, 0, 0, 0.87); } + .accent-deep-orange .btn-accent, .accent-deep-orange .btn-accent:hover, .accent-deep-orange .btn-accent:focus, .accent-deep-orange .btn.btn-accent, .accent-deep-orange .btn.btn-accent:hover, .accent-deep-orange .btn.btn-accent:focus, .accent-deep-orange input.btn-accent[type="submit"], .accent-deep-orange input.btn-accent[type="submit"]:hover, .accent-deep-orange input.btn-accent[type="submit"]:focus { color: #ff3d00; } + .accent-deep-orange .btn-raised.btn-accent, .accent-deep-orange .btn.btn-raised.btn-accent, .accent-deep-orange input.btn-raised[type="submit"].btn-accent { background: #ff3d00; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .accent-deep-orange .btn-raised.btn-accent:hover, .accent-deep-orange .btn-raised.btn-accent:focus, .accent-deep-orange .btn.btn-raised.btn-accent:hover, .accent-deep-orange .btn.btn-raised.btn-accent:focus, .accent-deep-orange input.btn-raised[type="submit"].btn-accent:hover, .accent-deep-orange input.btn-raised[type="submit"].btn-accent:focus { background: #fc3200; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .accent-deep-orange .btn-raised.btn-accent:active, .accent-deep-orange .btn.btn-raised.btn-accent:active, .accent-deep-orange input.btn-raised[type="submit"].btn-accent:active { background: #dd2c00; } + .accent-deep-orange .form-item .focused label { color: #ff6e40; } -.accent-deep-orange .form-item input[type="text"]:focus, .accent-deep-orange .form-item input[type="text"].error:focus, .accent-deep-orange .form-item input[type="email"]:focus, .accent-deep-orange .form-item input[type="email"].error:focus, .accent-deep-orange .form-item input[type="password"]:focus, .accent-deep-orange .form-item input[type="password"].error:focus, .accent-deep-orange .form-item input[type="search"]:focus, .accent-deep-orange .form-item input[type="search"].error:focus, .accent-deep-orange .form-item textarea:focus, .accent-deep-orange .form-item textarea.error:focus, .accent-deep-orange .form-item select:focus, .accent-deep-orange .form-item select.error:focus { + +.accent-deep-orange .form-item input[type="text"]:focus, .accent-deep-orange .form-item input[type="text"].error:focus, .accent-deep-orange .form-item input[type="email"]:focus, .accent-deep-orange .form-item input[type="email"].error:focus, .accent-deep-orange .form-item input[type="password"]:focus, .accent-deep-orange .form-item input[type="password"].error:focus, .accent-deep-orange .form-item input[type="search"]:focus, .accent-deep-orange .form-item input[type="search"].error:focus, .accent-deep-orange .form-item input[type="tel"]:focus, .accent-deep-orange .form-item input[type="tel"].error:focus, .accent-deep-orange .form-item textarea:focus, .accent-deep-orange .form-item textarea.error:focus, .accent-deep-orange .form-item select:focus, .accent-deep-orange .form-item select.error:focus { border-color: #ff6e40; } + .accent-deep-orange .form-item input[type="checkbox"]:checked:before, .accent-deep-orange .form-item input[type="radio"]:checked:before { color: #ff6e40; } + .accent-deep-orange.theme-dark a { color: #ff6e40; } .accent-deep-orange.theme-dark a:hover { color: #ff855f; } .accent-deep-orange.theme-dark a:active { color: #ff9e80; } + .accent-deep-orange.theme-dark .material-icons.text-accent { color: #ff6e40; } + .accent-deep-orange.theme-dark .text-accent, .accent-deep-orange.theme-dark a.text-accent, .accent-deep-orange.theme-dark a.text-accent:hover, .accent-deep-orange.theme-dark a.text-accent:focus { color: #ff6e40; } + .accent-deep-orange.theme-dark .btn { color: #FFF; } .accent-deep-orange.theme-dark .btn:hover, .accent-deep-orange.theme-dark .btn:focus { color: #FFF; } + .accent-deep-orange.theme-dark .btn-accent, .accent-deep-orange.theme-dark .btn-accent:hover, .accent-deep-orange.theme-dark .btn-accent:focus, .accent-deep-orange.theme-dark .btn.btn-accent, .accent-deep-orange.theme-dark .btn.btn-accent:hover, .accent-deep-orange.theme-dark .btn.btn-accent:focus, .accent-deep-orange.theme-dark input.btn-accent[type="submit"], .accent-deep-orange.theme-dark input.btn-accent[type="submit"]:hover, .accent-deep-orange.theme-dark input.btn-accent[type="submit"]:focus { color: #ff6e40; } + .accent-deep-orange.theme-dark .btn-raised.btn-accent, .accent-deep-orange.theme-dark .btn.btn-raised.btn-accent, .accent-deep-orange.theme-dark input.btn-raised[type="submit"].btn-accent { background: #ff3d00; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .accent-deep-orange.theme-dark .btn-raised.btn-accent:hover, .accent-deep-orange.theme-dark .btn-raised.btn-accent:focus, .accent-deep-orange.theme-dark .btn.btn-raised.btn-accent:hover, .accent-deep-orange.theme-dark .btn.btn-raised.btn-accent:focus, .accent-deep-orange.theme-dark input.btn-raised[type="submit"].btn-accent:hover, .accent-deep-orange.theme-dark input.btn-raised[type="submit"].btn-accent:focus { background: #ff6e40; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } + .accent-deep-orange.theme-dark .btn-raised.btn-accent:active, .accent-deep-orange.theme-dark .btn.btn-raised.btn-accent:active, .accent-deep-orange.theme-dark input.btn-raised[type="submit"].btn-accent:active { background: #ff855f; } diff --git a/css/flexboxgrid.css b/css/flexboxgrid.css index cb201b3..02837c8 100755 --- a/css/flexboxgrid.css +++ b/css/flexboxgrid.css @@ -1,4 +1,5 @@ /* break points */ +/* mixins and functions */ /* * * Uncomment and set these variables to customize the grid. @@ -30,26 +31,18 @@ .row { box-sizing: border-box; - display: -webkit-box; display: flex; - -webkit-box-flex: 0; - flex: 0 1 auto; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - flex-direction: row; + flex: 0 1 auto; + flex-direction: row; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } .row.reverse { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - flex-direction: row-reverse; } + flex-direction: row-reverse; } .col.reverse { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - flex-direction: column-reverse; } + flex-direction: column-reverse; } .col-xs, .col-xs-1, @@ -77,74 +70,60 @@ .col-xs-offset-11, .col-xs-offset-12 { box-sizing: border-box; - -webkit-box-flex: 0; - flex: 0 0 auto; + flex: 0 0 auto; padding-right: 12px; padding-left: 12px; } .col-xs { - -webkit-box-flex: 1; - flex: 1 0 0; + flex: 1 0 0; max-width: 100%; } .col-xs-1 { - -webkit-box-flex: 0; - flex: 0 0 8.333%; + flex: 0 0 8.333%; max-width: 8.333%; } .col-xs-2 { - -webkit-box-flex: 0; - flex: 0 0 16.667%; + flex: 0 0 16.667%; max-width: 16.667%; } .col-xs-3 { - -webkit-box-flex: 0; - flex: 0 0 25%; + flex: 0 0 25%; max-width: 25%; } .col-xs-4 { - -webkit-box-flex: 0; - flex: 0 0 33.333%; + flex: 0 0 33.333%; max-width: 33.333%; } .col-xs-5 { - -webkit-box-flex: 0; - flex: 0 0 41.667%; + flex: 0 0 41.667%; max-width: 41.667%; } .col-xs-6 { - -webkit-box-flex: 0; - flex: 0 0 50%; + flex: 0 0 50%; max-width: 50%; } .col-xs-7 { - -webkit-box-flex: 0; - flex: 0 0 58.333%; + flex: 0 0 58.333%; max-width: 58.333%; } .col-xs-8 { - -webkit-box-flex: 0; - flex: 0 0 66.667%; + flex: 0 0 66.667%; max-width: 66.667%; } .col-xs-9 { - -webkit-box-flex: 0; - flex: 0 0 75%; + flex: 0 0 75%; max-width: 75%; } .col-xs-10 { - -webkit-box-flex: 0; - flex: 0 0 83.333%; + flex: 0 0 83.333%; max-width: 83.333%; } .col-xs-11 { - -webkit-box-flex: 0; - flex: 0 0 91.667%; + flex: 0 0 91.667%; max-width: 91.667%; } .col-xs-12 { - -webkit-box-flex: 0; - flex: 0 0 100%; + flex: 0 0 100%; max-width: 100%; } .col-xs-offset-1 { @@ -181,51 +160,41 @@ margin-left: 91.667%; } .start-xs { - -webkit-box-pack: start; - justify-content: flex-start; + justify-content: flex-start; text-align: start; } .center-xs { - -webkit-box-pack: center; - justify-content: center; + justify-content: center; text-align: center; } .end-xs { - -webkit-box-pack: end; - justify-content: flex-end; + justify-content: flex-end; text-align: end; } .top-xs { - -webkit-box-align: start; - align-items: flex-start; } + align-items: flex-start; } .middle-xs { - -webkit-box-align: center; - align-items: center; } + align-items: center; } .bottom-xs { - -webkit-box-align: end; - align-items: flex-end; } + align-items: flex-end; } .around-xs { justify-content: space-around; } .between-xs { - -webkit-box-pack: justify; - justify-content: space-between; } + justify-content: space-between; } .first-xs { - -webkit-box-ordinal-group: 0; - order: -1; } + order: -1; } .last-xs { - -webkit-box-ordinal-group: 2; - order: 1; } + order: 1; } @media only screen and (min-width: 768px) { .container { width: 768px; } - .col-sm, .col-sm-1, .col-sm-2, @@ -252,154 +221,97 @@ .col-sm-offset-11, .col-sm-offset-12 { box-sizing: border-box; - -webkit-box-flex: 0; - flex: 0 0 auto; + flex: 0 0 auto; padding-right: 12px; padding-left: 12px; } - .col-sm { - -webkit-box-flex: 1; - flex: 1 0 0; + flex: 1 0 0; max-width: 100%; } - .col-sm-1 { - -webkit-box-flex: 0; - flex: 0 0 8.333%; + flex: 0 0 8.333%; max-width: 8.333%; } - .col-sm-2 { - -webkit-box-flex: 0; - flex: 0 0 16.667%; + flex: 0 0 16.667%; max-width: 16.667%; } - .col-sm-3 { - -webkit-box-flex: 0; - flex: 0 0 25%; + flex: 0 0 25%; max-width: 25%; } - .col-sm-4 { - -webkit-box-flex: 0; - flex: 0 0 33.333%; + flex: 0 0 33.333%; max-width: 33.333%; } - .col-sm-5 { - -webkit-box-flex: 0; - flex: 0 0 41.667%; + flex: 0 0 41.667%; max-width: 41.667%; } - .col-sm-6 { - -webkit-box-flex: 0; - flex: 0 0 50%; + flex: 0 0 50%; max-width: 50%; } - .col-sm-7 { - -webkit-box-flex: 0; - flex: 0 0 58.333%; + flex: 0 0 58.333%; max-width: 58.333%; } - .col-sm-8 { - -webkit-box-flex: 0; - flex: 0 0 66.667%; + flex: 0 0 66.667%; max-width: 66.667%; } - .col-sm-9 { - -webkit-box-flex: 0; - flex: 0 0 75%; + flex: 0 0 75%; max-width: 75%; } - .col-sm-10 { - -webkit-box-flex: 0; - flex: 0 0 83.333%; + flex: 0 0 83.333%; max-width: 83.333%; } - .col-sm-11 { - -webkit-box-flex: 0; - flex: 0 0 91.667%; + flex: 0 0 91.667%; max-width: 91.667%; } - .col-sm-12 { - -webkit-box-flex: 0; - flex: 0 0 100%; + flex: 0 0 100%; max-width: 100%; } - .col-sm-offset-1 { margin-left: 8.333%; } - .col-sm-offset-2 { margin-left: 16.667%; } - .col-sm-offset-3 { margin-left: 25%; } - .col-sm-offset-4 { margin-left: 33.333%; } - .col-sm-offset-5 { margin-left: 41.667%; } - .col-sm-offset-6 { margin-left: 50%; } - .col-sm-offset-7 { margin-left: 58.333%; } - .col-sm-offset-8 { margin-left: 66.667%; } - .col-sm-offset-9 { margin-left: 75%; } - .col-sm-offset-10 { margin-left: 83.333%; } - .col-sm-offset-11 { margin-left: 91.667%; } - .start-sm { - -webkit-box-pack: start; - justify-content: flex-start; + justify-content: flex-start; text-align: start; } - .center-sm { - -webkit-box-pack: center; - justify-content: center; + justify-content: center; text-align: center; } - .end-sm { - -webkit-box-pack: end; - justify-content: flex-end; + justify-content: flex-end; text-align: end; } - .top-sm { - -webkit-box-align: start; - align-items: flex-start; } - + align-items: flex-start; } .middle-sm { - -webkit-box-align: center; - align-items: center; } - + align-items: center; } .bottom-sm { - -webkit-box-align: end; - align-items: flex-end; } - + align-items: flex-end; } .around-sm { justify-content: space-around; } - .between-sm { - -webkit-box-pack: justify; - justify-content: space-between; } - + justify-content: space-between; } .first-sm { - -webkit-box-ordinal-group: 0; - order: -1; } - + order: -1; } .last-sm { - -webkit-box-ordinal-group: 2; - order: 1; } } + order: 1; } } + @media only screen and (min-width: 992px) { .container { width: 992px; } - .col-md, .col-md-1, .col-md-2, @@ -426,154 +338,97 @@ .col-md-offset-11, .col-md-offset-12 { box-sizing: border-box; - -webkit-box-flex: 0; - flex: 0 0 auto; + flex: 0 0 auto; padding-right: 12px; padding-left: 12px; } - .col-md { - -webkit-box-flex: 1; - flex: 1 0 0; + flex: 1 0 0; max-width: 100%; } - .col-md-1 { - -webkit-box-flex: 0; - flex: 0 0 8.333%; + flex: 0 0 8.333%; max-width: 8.333%; } - .col-md-2 { - -webkit-box-flex: 0; - flex: 0 0 16.667%; + flex: 0 0 16.667%; max-width: 16.667%; } - .col-md-3 { - -webkit-box-flex: 0; - flex: 0 0 25%; + flex: 0 0 25%; max-width: 25%; } - .col-md-4 { - -webkit-box-flex: 0; - flex: 0 0 33.333%; + flex: 0 0 33.333%; max-width: 33.333%; } - .col-md-5 { - -webkit-box-flex: 0; - flex: 0 0 41.667%; + flex: 0 0 41.667%; max-width: 41.667%; } - .col-md-6 { - -webkit-box-flex: 0; - flex: 0 0 50%; + flex: 0 0 50%; max-width: 50%; } - .col-md-7 { - -webkit-box-flex: 0; - flex: 0 0 58.333%; + flex: 0 0 58.333%; max-width: 58.333%; } - .col-md-8 { - -webkit-box-flex: 0; - flex: 0 0 66.667%; + flex: 0 0 66.667%; max-width: 66.667%; } - .col-md-9 { - -webkit-box-flex: 0; - flex: 0 0 75%; + flex: 0 0 75%; max-width: 75%; } - .col-md-10 { - -webkit-box-flex: 0; - flex: 0 0 83.333%; + flex: 0 0 83.333%; max-width: 83.333%; } - .col-md-11 { - -webkit-box-flex: 0; - flex: 0 0 91.667%; + flex: 0 0 91.667%; max-width: 91.667%; } - .col-md-12 { - -webkit-box-flex: 0; - flex: 0 0 100%; + flex: 0 0 100%; max-width: 100%; } - .col-md-offset-1 { margin-left: 8.333%; } - .col-md-offset-2 { margin-left: 16.667%; } - .col-md-offset-3 { margin-left: 25%; } - .col-md-offset-4 { margin-left: 33.333%; } - .col-md-offset-5 { margin-left: 41.667%; } - .col-md-offset-6 { margin-left: 50%; } - .col-md-offset-7 { margin-left: 58.333%; } - .col-md-offset-8 { margin-left: 66.667%; } - .col-md-offset-9 { margin-left: 75%; } - .col-md-offset-10 { margin-left: 83.333%; } - .col-md-offset-11 { margin-left: 91.667%; } - .start-md { - -webkit-box-pack: start; - justify-content: flex-start; + justify-content: flex-start; text-align: start; } - .center-md { - -webkit-box-pack: center; - justify-content: center; + justify-content: center; text-align: center; } - .end-md { - -webkit-box-pack: end; - justify-content: flex-end; + justify-content: flex-end; text-align: end; } - .top-md { - -webkit-box-align: start; - align-items: flex-start; } - + align-items: flex-start; } .middle-md { - -webkit-box-align: center; - align-items: center; } - + align-items: center; } .bottom-md { - -webkit-box-align: end; - align-items: flex-end; } - + align-items: flex-end; } .around-md { justify-content: space-around; } - .between-md { - -webkit-box-pack: justify; - justify-content: space-between; } - + justify-content: space-between; } .first-md { - -webkit-box-ordinal-group: 0; - order: -1; } - + order: -1; } .last-md { - -webkit-box-ordinal-group: 2; - order: 1; } } + order: 1; } } + @media only screen and (min-width: 1256px) { .container { width: 1256px; } - .col-lg, .col-lg-1, .col-lg-2, @@ -600,147 +455,90 @@ .col-lg-offset-11, .col-lg-offset-12 { box-sizing: border-box; - -webkit-box-flex: 0; - flex: 0 0 auto; + flex: 0 0 auto; padding-right: 12px; padding-left: 12px; } - .col-lg { - -webkit-box-flex: 1; - flex: 1 0 0; + flex: 1 0 0; max-width: 100%; } - .col-lg-1 { - -webkit-box-flex: 0; - flex: 0 0 8.333%; + flex: 0 0 8.333%; max-width: 8.333%; } - .col-lg-2 { - -webkit-box-flex: 0; - flex: 0 0 16.667%; + flex: 0 0 16.667%; max-width: 16.667%; } - .col-lg-3 { - -webkit-box-flex: 0; - flex: 0 0 25%; + flex: 0 0 25%; max-width: 25%; } - .col-lg-4 { - -webkit-box-flex: 0; - flex: 0 0 33.333%; + flex: 0 0 33.333%; max-width: 33.333%; } - .col-lg-5 { - -webkit-box-flex: 0; - flex: 0 0 41.667%; + flex: 0 0 41.667%; max-width: 41.667%; } - .col-lg-6 { - -webkit-box-flex: 0; - flex: 0 0 50%; + flex: 0 0 50%; max-width: 50%; } - .col-lg-7 { - -webkit-box-flex: 0; - flex: 0 0 58.333%; + flex: 0 0 58.333%; max-width: 58.333%; } - .col-lg-8 { - -webkit-box-flex: 0; - flex: 0 0 66.667%; + flex: 0 0 66.667%; max-width: 66.667%; } - .col-lg-9 { - -webkit-box-flex: 0; - flex: 0 0 75%; + flex: 0 0 75%; max-width: 75%; } - .col-lg-10 { - -webkit-box-flex: 0; - flex: 0 0 83.333%; + flex: 0 0 83.333%; max-width: 83.333%; } - .col-lg-11 { - -webkit-box-flex: 0; - flex: 0 0 91.667%; + flex: 0 0 91.667%; max-width: 91.667%; } - .col-lg-12 { - -webkit-box-flex: 0; - flex: 0 0 100%; + flex: 0 0 100%; max-width: 100%; } - .col-lg-offset-1 { margin-left: 8.333%; } - .col-lg-offset-2 { margin-left: 16.667%; } - .col-lg-offset-3 { margin-left: 25%; } - .col-lg-offset-4 { margin-left: 33.333%; } - .col-lg-offset-5 { margin-left: 41.667%; } - .col-lg-offset-6 { margin-left: 50%; } - .col-lg-offset-7 { margin-left: 58.333%; } - .col-lg-offset-8 { margin-left: 66.667%; } - .col-lg-offset-9 { margin-left: 75%; } - .col-lg-offset-10 { margin-left: 83.333%; } - .col-lg-offset-11 { margin-left: 91.667%; } - .start-lg { - -webkit-box-pack: start; - justify-content: flex-start; + justify-content: flex-start; text-align: start; } - .center-lg { - -webkit-box-pack: center; - justify-content: center; + justify-content: center; text-align: center; } - .end-lg { - -webkit-box-pack: end; - justify-content: flex-end; + justify-content: flex-end; text-align: end; } - .top-lg { - -webkit-box-align: start; - align-items: flex-start; } - + align-items: flex-start; } .middle-lg { - -webkit-box-align: center; - align-items: center; } - + align-items: center; } .bottom-lg { - -webkit-box-align: end; - align-items: flex-end; } - + align-items: flex-end; } .around-lg { justify-content: space-around; } - .between-lg { - -webkit-box-pack: justify; - justify-content: space-between; } - + justify-content: space-between; } .first-lg { - -webkit-box-ordinal-group: 0; - order: -1; } - + order: -1; } .last-lg { - -webkit-box-ordinal-group: 2; - order: 1; } } + order: 1; } } diff --git a/css/helpers.css b/css/helpers.css index 851c1ec..7f1171c 100755 --- a/css/helpers.css +++ b/css/helpers.css @@ -1,4 +1,5 @@ /* break points */ +/* mixins and functions */ .pull-left, .align-left { float: left; } @@ -224,27 +225,23 @@ @media (min-width: 768px) { .hidden-sm, .navbar-item.hidden-sm { display: none; } - .visible-sm { display: block; } - .navbar-item.visible-sm { display: inline-block; } } + @media (min-width: 992px) { .hidden-md, .navbar-item.hidden-md { display: none; } - .visible-md { display: block; } - .navbar-item.visible-md { display: inline-block; } } + @media (min-width: 1256px) { .hidden-lg, .navbar-item.hidden-lg { display: none; } - .visible-lg { display: block; } - .navbar-item.visible-lg { display: inline-block; } } diff --git a/css/icons.css b/css/icons.css index 639a4fb..fd182ca 100755 --- a/css/icons.css +++ b/css/icons.css @@ -1,4 +1,5 @@ /* break points */ +/* mixins and functions */ .material-icons, .icon-left:before, .icon-right:after { font-family: 'Material Icons'; font-weight: normal; @@ -67,9 +68,12 @@ .theme-dark .icon-secondary.icon-left:before, .theme-dark .icon-secondary.icon-right:after { color: rgba(255, 255, 255, 0.7); } + .theme-dark .icon-disabled.icon-left:before, .theme-dark .icon-disabled.icon-right:after { color: rgba(255, 255, 255, 0.3); } + .theme-dark .icon-primary.icon-left:before, .theme-dark .icon-primary.icon-right:after { color: #78909c; } + .theme-dark .icon-accent.icon-left:before, .theme-dark .icon-accent.icon-right:after { color: #40c4ff; } diff --git a/css/services-icons.css b/css/services-icons.css index da12168..54103f2 100644 --- a/css/services-icons.css +++ b/css/services-icons.css @@ -1,4 +1,5 @@ /* break points */ +/* mixins and functions */ .services-icons { display: inline-block; width: 24px; @@ -14,136 +15,202 @@ .services-icons.si-behance, .services-icons[data-icon="behance"] { background-position: -144px -48px; } + .services-icons.si-bitbucket, .services-icons[data-icon="bitbucket"] { background-position: -24px -120px; } + .services-icons.si-blogger, .services-icons[data-icon="blogger"] { background-position: -168px -48px; } + .services-icons.si-delicious, .services-icons[data-icon="delicious"] { background-position: -144px -72px; } + .services-icons.si-delicious-box, .services-icons[data-icon="delicious-box"] { background-position: -168px -72px; } + .services-icons.si-digg, .services-icons[data-icon="digg"] { background-position: -120px -72px; } + .services-icons.si-disqus, .services-icons[data-icon="disqus"] { background-position: -24px -96px; } + .services-icons.si-disqus-outline, .services-icons[data-icon="disqus-outline"] { background-position: 0 -96px; } + .services-icons.si-dribbble, .services-icons[data-icon="dribbble"] { background-position: -192px -48px; } + .services-icons.si-dribbble-box, .services-icons[data-icon="dribbble-box"] { background-position: -216px -48px; } + .services-icons.si-drupal, .services-icons[data-icon="drupal"] { background-position: -96px -120px; } + .services-icons.si-evernote, .services-icons[data-icon="evernote"] { background-position: -216px -72px; } + .services-icons.si-facebook, .services-icons[data-icon="facebook"] { background-position: 0 0; } + .services-icons.si-facebook-box, .services-icons[data-icon="facebook-box"] { background-position: -24px 0; } + .services-icons.si-facebook-messenger, .services-icons[data-icon="facebook-messenger"] { background-position: -144px -120px; } + .services-icons.si-flickr, .services-icons[data-icon="flickr"] { background-position: -96px -96px; } + .services-icons.si-foursquare, .services-icons[data-icon="foursquare"] { background-position: -48px -96px; } + .services-icons.si-github-box, .services-icons[data-icon="github-box"] { background-position: 0 -120px; } + .services-icons.si-google-photos, .services-icons[data-icon="google-photos"] { background-position: -120px -96px; } + .services-icons.si-google-plus, .services-icons[data-icon="google-plus"] { background-position: -96px 0; } + .services-icons.si-google-plus-box, .services-icons[data-icon="google-plus-box"] { background-position: -120px 0; } + .services-icons.si-instagram, .services-icons[data-icon="instagram"] { background-position: 0 -24px; } + .services-icons.si-instagram-box, .services-icons[data-icon="instagram-box"] { background-position: -24px -24px; } + .services-icons.si-lastfm, .services-icons[data-icon="lastfm"] { background-position: -144px -96px; } + .services-icons.si-line, .services-icons[data-icon="line"] { background-position: -72px -144px; } + .services-icons.si-linkedin, .services-icons[data-icon="linkedin"] { background-position: -144px 0; } + .services-icons.si-linkedin-box, .services-icons[data-icon="linkedin-box"] { background-position: -168px 0; } + .services-icons.si-livejournal, .services-icons[data-icon="livejournal"] { background-position: -192px -72px; } + .services-icons.si-medium, .services-icons[data-icon="medium"] { background-position: 0 -72px; } + .services-icons.si-odnoklassniki, .services-icons[data-icon="odnoklassniki"] { background-position: -96px -24px; } + .services-icons.si-odnoklassniki-box, .services-icons[data-icon="odnoklassniki-box"] { background-position: -120px -24px; } + .services-icons.si-periscope, .services-icons[data-icon="periscope"] { background-position: -120px -48px; } + .services-icons.si-pinterest, .services-icons[data-icon="pinterest"] { background-position: -192px 0; } + .services-icons.si-pinterest-box, .services-icons[data-icon="pinterest-box"] { background-position: -216px 0; } + .services-icons.si-pocket, .services-icons[data-icon="pocket"] { background-position: -24px -72px; } + .services-icons.si-qqchat, .services-icons[data-icon="qqchat"] { background-position: -96px -144px; } + .services-icons.si-qzone, .services-icons[data-icon="qzone"] { background-position: -216px -24px; } + .services-icons.si-reddit, .services-icons[data-icon="reddit"] { background-position: -48px -72px; } + .services-icons.si-renren, .services-icons[data-icon="renren"] { background-position: -24px -48px; } + .services-icons.si-sina-weibo, .services-icons[data-icon="sina-weibo"] { background-position: -192px -24px; } + .services-icons.si-skype, .services-icons[data-icon="skype"] { background-position: -24px -144px; } + .services-icons.si-skype-outline, .services-icons[data-icon="skype-outline"] { background-position: 0 -144px; } + .services-icons.si-slack, .services-icons[data-icon="slack"] { background-position: -144px -144px; } + .services-icons.si-snapchat, .services-icons[data-icon="snapchat"] { background-position: -120px -144px; } + .services-icons.si-soundcloud, .services-icons[data-icon="soundcloud"] { background-position: -168px -96px; } + .services-icons.si-spotify, .services-icons[data-icon="spotify"] { background-position: -192px -96px; } + .services-icons.si-stackexchange, .services-icons[data-icon="stackexchange"] { background-position: -48px -120px; } + .services-icons.si-stackoverflow, .services-icons[data-icon="stackoverflow"] { background-position: -72px -120px; } + .services-icons.si-swarm, .services-icons[data-icon="swarm"] { background-position: -72px -96px; } + .services-icons.si-telegram, .services-icons[data-icon="telegram"] { background-position: -216px -120px; } + .services-icons.si-trello, .services-icons[data-icon="trello"] { background-position: -216px -96px; } + .services-icons.si-tumblr, .services-icons[data-icon="tumblr"] { background-position: 0 -48px; } + .services-icons.si-twitch, .services-icons[data-icon="twitch"] { background-position: -96px -72px; } + .services-icons.si-twitter, .services-icons[data-icon="twitter"] { background-position: -48px 0; } + .services-icons.si-twitter-box, .services-icons[data-icon="twitter-box"] { background-position: -72px 0; } + .services-icons.si-viber, .services-icons[data-icon="viber"] { background-position: -192px -120px; } + .services-icons.si-vimeo, .services-icons[data-icon="vimeo"] { background-position: -72px -48px; } + .services-icons.si-vine, .services-icons[data-icon="vine"] { background-position: -96px -48px; } + .services-icons.si-vk, .services-icons[data-icon="vk"] { background-position: -48px -24px; } + .services-icons.si-vk-box, .services-icons[data-icon="vk-box"] { background-position: -72px -24px; } + .services-icons.si-wechat, .services-icons[data-icon="wechat"] { background-position: -48px -144px; } + .services-icons.si-whatsapp, .services-icons[data-icon="whatsapp"] { background-position: -168px -120px; } + .services-icons.si-wordpress, .services-icons[data-icon="wordpress"] { background-position: -120px -120px; } + .services-icons.si-wunderlist, .services-icons[data-icon="wunderlist"] { background-position: -72px -72px; } + .services-icons.si-xing, .services-icons[data-icon="xing"] { background-position: -144px -24px; } + .services-icons.si-xing-box, .services-icons[data-icon="xing-box"] { background-position: -168px -24px; } + .services-icons.si-youtube, .services-icons[data-icon="youtube"] { background-position: -48px -48px; } @@ -173,6 +240,7 @@ .btn-raised.btn-colored .services-icons, .btn-raised.btn-colored:hover .services-icons, .btn-raised.btn-colored:focus .services-icons, .btn.btn-raised.btn-colored .services-icons, .btn.btn-raised.btn-colored:hover .services-icons, .btn.btn-raised.btn-colored:focus .services-icons { background: #FFF; } + .btn-raised.btn-accent .services-icons, .btn-raised.btn-accent:hover .services-icons, .btn-raised.btn-accent:focus .services-icons, .btn.btn-raised.btn-accent .services-icons, .btn.btn-raised.btn-accent:hover .services-icons, .btn.btn-raised.btn-accent:focus .services-icons { background: rgba(0, 0, 0, 0.87); } @@ -181,8 +249,10 @@ .fab .services-icons, .fab:hover .services-icons, .fab:focus .services-icons { background: rgba(0, 0, 0, 0.87); } + .fab.fab-colored .services-icons, .fab.fab-colored:hover .services-icons, .fab.fab-colored:focus .services-icons { background: #FFF; } + .fab.fab-accent .services-icons, .fab.fab-accent:hover .services-icons, .fab.fab-accent:focus .services-icons { background: rgba(0, 0, 0, 0.87); } @@ -1101,8 +1171,10 @@ a.services-icon-left:not(.btn):before { background: #00b0ff; } + a.services-icon-left:not(.btn):hover:before { background: #0aa2ff; } + a.services-icon-left:not(.btn):active:before { background: #0091ea; } @@ -1117,6 +1189,7 @@ a.services-icon-left:not(.btn):active:before { .btn-raised.services-icon-left.btn-colored:before, .btn-raised.services-icon-left.btn-colored:hover:before, .btn-raised.services-icon-left.btn-colored:focus:before, .btn.btn-raised.services-icon-left.btn-colored:before, .btn.btn-raised.services-icon-left.btn-colored:hover:before, .btn.btn-raised.services-icon-left.btn-colored:focus:before { background: #FFF; } + .btn-raised.services-icon-left.btn-accent:before, .btn-raised.services-icon-left.btn-accent:hover:before, .btn-raised.services-icon-left.btn-accent:focus:before, .btn.btn-raised.services-icon-left.btn-accent:before, .btn.btn-raised.services-icon-left.btn-accent:hover:before, .btn.btn-raised.services-icon-left.btn-accent:focus:before { background: rgba(0, 0, 0, 0.87); } @@ -1125,209 +1198,277 @@ a.services-icon-left:not(.btn):active:before { .fab.services-icon-left:before, .fab.services-icon-left:hover:before, .fab.services-icon-left:focus:before { background: rgba(0, 0, 0, 0.87); } + .fab.services-icon-left.fab-colored:before, .fab.services-icon-left.fab-colored:hover:before, .fab.services-icon-left.fab-colored:focus:before { background: #FFF; } + .fab.services-icon-left.fab-accent:before, .fab.services-icon-left.fab-accent:hover:before, .fab.services-icon-left.fab-accent:focus:before { background: rgba(0, 0, 0, 0.87); } .services-icon-left.si-behance:before, .services-icon-left[data-icon="behance"]:before { -webkit-mask-position: -144px -48px; mask-position: -144px -48px; } + .services-icon-left.si-bitbucket:before, .services-icon-left[data-icon="bitbucket"]:before { -webkit-mask-position: -24px -120px; mask-position: -24px -120px; } + .services-icon-left.si-blogger:before, .services-icon-left[data-icon="blogger"]:before { -webkit-mask-position: -168px -48px; mask-position: -168px -48px; } + .services-icon-left.si-delicious:before, .services-icon-left[data-icon="delicious"]:before { -webkit-mask-position: -144px -72px; mask-position: -144px -72px; } + .services-icon-left.si-delicious-box:before, .services-icon-left[data-icon="delicious-box"]:before { -webkit-mask-position: -168px -72px; mask-position: -168px -72px; } + .services-icon-left.si-digg:before, .services-icon-left[data-icon="digg"]:before { -webkit-mask-position: -120px -72px; mask-position: -120px -72px; } + .services-icon-left.si-disqus:before, .services-icon-left[data-icon="disqus"]:before { -webkit-mask-position: -24px -96px; mask-position: -24px -96px; } + .services-icon-left.si-disqus-outline:before, .services-icon-left[data-icon="disqus-outline"]:before { -webkit-mask-position: 0 -96px; mask-position: 0 -96px; } + .services-icon-left.si-dribbble:before, .services-icon-left[data-icon="dribbble"]:before { -webkit-mask-position: -192px -48px; mask-position: -192px -48px; } + .services-icon-left.si-dribbble-box:before, .services-icon-left[data-icon="dribbble-box"]:before { -webkit-mask-position: -216px -48px; mask-position: -216px -48px; } + .services-icon-left.si-drupal:before, .services-icon-left[data-icon="drupal"]:before { -webkit-mask-position: -96px -120px; mask-position: -96px -120px; } + .services-icon-left.si-evernote:before, .services-icon-left[data-icon="evernote"]:before { -webkit-mask-position: -216px -72px; mask-position: -216px -72px; } + .services-icon-left.si-facebook:before, .services-icon-left[data-icon="facebook"]:before { -webkit-mask-position: 0 0; mask-position: 0 0; } + .services-icon-left.si-facebook-box:before, .services-icon-left[data-icon="facebook-box"]:before { -webkit-mask-position: -24px 0; mask-position: -24px 0; } + .services-icon-left.si-facebook-messenger:before, .services-icon-left[data-icon="facebook-messenger"]:before { -webkit-mask-position: -144px -120px; mask-position: -144px -120px; } + .services-icon-left.si-flickr:before, .services-icon-left[data-icon="flickr"]:before { -webkit-mask-position: -96px -96px; mask-position: -96px -96px; } + .services-icon-left.si-foursquare:before, .services-icon-left[data-icon="foursquare"]:before { -webkit-mask-position: -48px -96px; mask-position: -48px -96px; } + .services-icon-left.si-github-box:before, .services-icon-left[data-icon="github-box"]:before { -webkit-mask-position: 0 -120px; mask-position: 0 -120px; } + .services-icon-left.si-google-photos:before, .services-icon-left[data-icon="google-photos"]:before { -webkit-mask-position: -120px -96px; mask-position: -120px -96px; } + .services-icon-left.si-google-plus:before, .services-icon-left[data-icon="google-plus"]:before { -webkit-mask-position: -96px 0; mask-position: -96px 0; } + .services-icon-left.si-google-plus-box:before, .services-icon-left[data-icon="google-plus-box"]:before { -webkit-mask-position: -120px 0; mask-position: -120px 0; } + .services-icon-left.si-instagram:before, .services-icon-left[data-icon="instagram"]:before { -webkit-mask-position: 0 -24px; mask-position: 0 -24px; } + .services-icon-left.si-instagram-box:before, .services-icon-left[data-icon="instagram-box"]:before { -webkit-mask-position: -24px -24px; mask-position: -24px -24px; } + .services-icon-left.si-lastfm:before, .services-icon-left[data-icon="lastfm"]:before { -webkit-mask-position: -144px -96px; mask-position: -144px -96px; } + .services-icon-left.si-line:before, .services-icon-left[data-icon="line"]:before { -webkit-mask-position: -72px -144px; mask-position: -72px -144px; } + .services-icon-left.si-linkedin:before, .services-icon-left[data-icon="linkedin"]:before { -webkit-mask-position: -144px 0; mask-position: -144px 0; } + .services-icon-left.si-linkedin-box:before, .services-icon-left[data-icon="linkedin-box"]:before { -webkit-mask-position: -168px 0; mask-position: -168px 0; } + .services-icon-left.si-livejournal:before, .services-icon-left[data-icon="livejournal"]:before { -webkit-mask-position: -192px -72px; mask-position: -192px -72px; } + .services-icon-left.si-medium:before, .services-icon-left[data-icon="medium"]:before { -webkit-mask-position: 0 -72px; mask-position: 0 -72px; } + .services-icon-left.si-odnoklassniki:before, .services-icon-left[data-icon="odnoklassniki"]:before { -webkit-mask-position: -96px -24px; mask-position: -96px -24px; } + .services-icon-left.si-odnoklassniki-box:before, .services-icon-left[data-icon="odnoklassniki-box"]:before { -webkit-mask-position: -120px -24px; mask-position: -120px -24px; } + .services-icon-left.si-periscope:before, .services-icon-left[data-icon="periscope"]:before { -webkit-mask-position: -120px -48px; mask-position: -120px -48px; } + .services-icon-left.si-pinterest:before, .services-icon-left[data-icon="pinterest"]:before { -webkit-mask-position: -192px 0; mask-position: -192px 0; } + .services-icon-left.si-pinterest-box:before, .services-icon-left[data-icon="pinterest-box"]:before { -webkit-mask-position: -216px 0; mask-position: -216px 0; } + .services-icon-left.si-pocket:before, .services-icon-left[data-icon="pocket"]:before { -webkit-mask-position: -24px -72px; mask-position: -24px -72px; } + .services-icon-left.si-qqchat:before, .services-icon-left[data-icon="qqchat"]:before { -webkit-mask-position: -96px -144px; mask-position: -96px -144px; } + .services-icon-left.si-qzone:before, .services-icon-left[data-icon="qzone"]:before { -webkit-mask-position: -216px -24px; mask-position: -216px -24px; } + .services-icon-left.si-reddit:before, .services-icon-left[data-icon="reddit"]:before { -webkit-mask-position: -48px -72px; mask-position: -48px -72px; } + .services-icon-left.si-renren:before, .services-icon-left[data-icon="renren"]:before { -webkit-mask-position: -24px -48px; mask-position: -24px -48px; } + .services-icon-left.si-sina-weibo:before, .services-icon-left[data-icon="sina-weibo"]:before { -webkit-mask-position: -192px -24px; mask-position: -192px -24px; } + .services-icon-left.si-skype:before, .services-icon-left[data-icon="skype"]:before { -webkit-mask-position: -24px -144px; mask-position: -24px -144px; } + .services-icon-left.si-skype-outline:before, .services-icon-left[data-icon="skype-outline"]:before { -webkit-mask-position: 0 -144px; mask-position: 0 -144px; } + .services-icon-left.si-slack:before, .services-icon-left[data-icon="slack"]:before { -webkit-mask-position: -144px -144px; mask-position: -144px -144px; } + .services-icon-left.si-snapchat:before, .services-icon-left[data-icon="snapchat"]:before { -webkit-mask-position: -120px -144px; mask-position: -120px -144px; } + .services-icon-left.si-soundcloud:before, .services-icon-left[data-icon="soundcloud"]:before { -webkit-mask-position: -168px -96px; mask-position: -168px -96px; } + .services-icon-left.si-spotify:before, .services-icon-left[data-icon="spotify"]:before { -webkit-mask-position: -192px -96px; mask-position: -192px -96px; } + .services-icon-left.si-stackexchange:before, .services-icon-left[data-icon="stackexchange"]:before { -webkit-mask-position: -48px -120px; mask-position: -48px -120px; } + .services-icon-left.si-stackoverflow:before, .services-icon-left[data-icon="stackoverflow"]:before { -webkit-mask-position: -72px -120px; mask-position: -72px -120px; } + .services-icon-left.si-swarm:before, .services-icon-left[data-icon="swarm"]:before { -webkit-mask-position: -72px -96px; mask-position: -72px -96px; } + .services-icon-left.si-telegram:before, .services-icon-left[data-icon="telegram"]:before { -webkit-mask-position: -216px -120px; mask-position: -216px -120px; } + .services-icon-left.si-trello:before, .services-icon-left[data-icon="trello"]:before { -webkit-mask-position: -216px -96px; mask-position: -216px -96px; } + .services-icon-left.si-tumblr:before, .services-icon-left[data-icon="tumblr"]:before { -webkit-mask-position: 0 -48px; mask-position: 0 -48px; } + .services-icon-left.si-twitch:before, .services-icon-left[data-icon="twitch"]:before { -webkit-mask-position: -96px -72px; mask-position: -96px -72px; } + .services-icon-left.si-twitter:before, .services-icon-left[data-icon="twitter"]:before { -webkit-mask-position: -48px 0; mask-position: -48px 0; } + .services-icon-left.si-twitter-box:before, .services-icon-left[data-icon="twitter-box"]:before { -webkit-mask-position: -72px 0; mask-position: -72px 0; } + .services-icon-left.si-viber:before, .services-icon-left[data-icon="viber"]:before { -webkit-mask-position: -192px -120px; mask-position: -192px -120px; } + .services-icon-left.si-vimeo:before, .services-icon-left[data-icon="vimeo"]:before { -webkit-mask-position: -72px -48px; mask-position: -72px -48px; } + .services-icon-left.si-vine:before, .services-icon-left[data-icon="vine"]:before { -webkit-mask-position: -96px -48px; mask-position: -96px -48px; } + .services-icon-left.si-vk:before, .services-icon-left[data-icon="vk"]:before { -webkit-mask-position: -48px -24px; mask-position: -48px -24px; } + .services-icon-left.si-vk-box:before, .services-icon-left[data-icon="vk-box"]:before { -webkit-mask-position: -72px -24px; mask-position: -72px -24px; } + .services-icon-left.si-wechat:before, .services-icon-left[data-icon="wechat"]:before { -webkit-mask-position: -48px -144px; mask-position: -48px -144px; } + .services-icon-left.si-whatsapp:before, .services-icon-left[data-icon="whatsapp"]:before { -webkit-mask-position: -168px -120px; mask-position: -168px -120px; } + .services-icon-left.si-wordpress:before, .services-icon-left[data-icon="wordpress"]:before { -webkit-mask-position: -120px -120px; mask-position: -120px -120px; } + .services-icon-left.si-wunderlist:before, .services-icon-left[data-icon="wunderlist"]:before { -webkit-mask-position: -72px -72px; mask-position: -72px -72px; } + .services-icon-left.si-xing:before, .services-icon-left[data-icon="xing"]:before { -webkit-mask-position: -144px -24px; mask-position: -144px -24px; } + .services-icon-left.si-xing-box:before, .services-icon-left[data-icon="xing-box"]:before { -webkit-mask-position: -168px -24px; mask-position: -168px -24px; } + .services-icon-left.si-youtube:before, .services-icon-left[data-icon="youtube"]:before { -webkit-mask-position: -48px -48px; mask-position: -48px -48px; } @@ -1366,8 +1507,10 @@ a.services-icon-left:not(.btn):active:before { a.services-icon-right:not(.btn):after { background: #00b0ff; } + a.services-icon-right:not(.btn):hover:after { background: #0aa2ff; } + a.services-icon-right:not(.btn):active:after { background: #0091ea; } @@ -1382,6 +1525,7 @@ a.services-icon-right:not(.btn):active:after { .btn-raised.services-icon-right.btn-colored:after, .btn-raised.services-icon-right.btn-colored:hover:after, .btn-raised.services-icon-right.btn-colored:focus:after, .btn.btn-raised.services-icon-right.btn-colored:after, .btn.btn-raised.services-icon-right.btn-colored:hover:after, .btn.btn-raised.services-icon-right.btn-colored:focus:after { background: #FFF; } + .btn-raised.services-icon-right.btn-accent:after, .btn-raised.services-icon-right.btn-accent:hover:after, .btn-raised.services-icon-right.btn-accent:focus:after, .btn.btn-raised.services-icon-right.btn-accent:after, .btn.btn-raised.services-icon-right.btn-accent:hover:after, .btn.btn-raised.services-icon-right.btn-accent:focus:after { background: rgba(0, 0, 0, 0.87); } @@ -1390,296 +1534,406 @@ a.services-icon-right:not(.btn):active:after { .fab.services-icon-right:after, .fab.services-icon-right:hover:after, .fab.services-icon-right:focus:after { background: rgba(0, 0, 0, 0.87); } + .fab.services-icon-right.fab-colored:after, .fab.services-icon-right.fab-colored:hover:after, .fab.services-icon-right.fab-colored:focus:after { background: #FFF; } + .fab.services-icon-right.fab-accent:after, .fab.services-icon-right.fab-accent:hover:after, .fab.services-icon-right.fab-accent:focus:after { background: rgba(0, 0, 0, 0.87); } .services-icon-right.si-behance:after, .services-icon-right[data-icon="behance"]:after { -webkit-mask-position: -144px -48px; mask-position: -144px -48px; } + .services-icon-right.si-bitbucket:after, .services-icon-right[data-icon="bitbucket"]:after { -webkit-mask-position: -24px -120px; mask-position: -24px -120px; } + .services-icon-right.si-blogger:after, .services-icon-right[data-icon="blogger"]:after { -webkit-mask-position: -168px -48px; mask-position: -168px -48px; } + .services-icon-right.si-delicious:after, .services-icon-right[data-icon="delicious"]:after { -webkit-mask-position: -144px -72px; mask-position: -144px -72px; } + .services-icon-right.si-delicious-box:after, .services-icon-right[data-icon="delicious-box"]:after { -webkit-mask-position: -168px -72px; mask-position: -168px -72px; } + .services-icon-right.si-digg:after, .services-icon-right[data-icon="digg"]:after { -webkit-mask-position: -120px -72px; mask-position: -120px -72px; } + .services-icon-right.si-disqus:after, .services-icon-right[data-icon="disqus"]:after { -webkit-mask-position: -24px -96px; mask-position: -24px -96px; } + .services-icon-right.si-disqus-outline:after, .services-icon-right[data-icon="disqus-outline"]:after { -webkit-mask-position: 0 -96px; mask-position: 0 -96px; } + .services-icon-right.si-dribbble:after, .services-icon-right[data-icon="dribbble"]:after { -webkit-mask-position: -192px -48px; mask-position: -192px -48px; } + .services-icon-right.si-dribbble-box:after, .services-icon-right[data-icon="dribbble-box"]:after { -webkit-mask-position: -216px -48px; mask-position: -216px -48px; } + .services-icon-right.si-drupal:after, .services-icon-right[data-icon="drupal"]:after { -webkit-mask-position: -96px -120px; mask-position: -96px -120px; } + .services-icon-right.si-evernote:after, .services-icon-right[data-icon="evernote"]:after { -webkit-mask-position: -216px -72px; mask-position: -216px -72px; } + .services-icon-right.si-facebook:after, .services-icon-right[data-icon="facebook"]:after { -webkit-mask-position: 0 0; mask-position: 0 0; } + .services-icon-right.si-facebook-box:after, .services-icon-right[data-icon="facebook-box"]:after { -webkit-mask-position: -24px 0; mask-position: -24px 0; } + .services-icon-right.si-facebook-messenger:after, .services-icon-right[data-icon="facebook-messenger"]:after { -webkit-mask-position: -144px -120px; mask-position: -144px -120px; } + .services-icon-right.si-flickr:after, .services-icon-right[data-icon="flickr"]:after { -webkit-mask-position: -96px -96px; mask-position: -96px -96px; } + .services-icon-right.si-foursquare:after, .services-icon-right[data-icon="foursquare"]:after { -webkit-mask-position: -48px -96px; mask-position: -48px -96px; } + .services-icon-right.si-github-box:after, .services-icon-right[data-icon="github-box"]:after { -webkit-mask-position: 0 -120px; mask-position: 0 -120px; } + .services-icon-right.si-google-photos:after, .services-icon-right[data-icon="google-photos"]:after { -webkit-mask-position: -120px -96px; mask-position: -120px -96px; } + .services-icon-right.si-google-plus:after, .services-icon-right[data-icon="google-plus"]:after { -webkit-mask-position: -96px 0; mask-position: -96px 0; } + .services-icon-right.si-google-plus-box:after, .services-icon-right[data-icon="google-plus-box"]:after { -webkit-mask-position: -120px 0; mask-position: -120px 0; } + .services-icon-right.si-instagram:after, .services-icon-right[data-icon="instagram"]:after { -webkit-mask-position: 0 -24px; mask-position: 0 -24px; } + .services-icon-right.si-instagram-box:after, .services-icon-right[data-icon="instagram-box"]:after { -webkit-mask-position: -24px -24px; mask-position: -24px -24px; } + .services-icon-right.si-lastfm:after, .services-icon-right[data-icon="lastfm"]:after { -webkit-mask-position: -144px -96px; mask-position: -144px -96px; } + .services-icon-right.si-line:after, .services-icon-right[data-icon="line"]:after { -webkit-mask-position: -72px -144px; mask-position: -72px -144px; } + .services-icon-right.si-linkedin:after, .services-icon-right[data-icon="linkedin"]:after { -webkit-mask-position: -144px 0; mask-position: -144px 0; } + .services-icon-right.si-linkedin-box:after, .services-icon-right[data-icon="linkedin-box"]:after { -webkit-mask-position: -168px 0; mask-position: -168px 0; } + .services-icon-right.si-livejournal:after, .services-icon-right[data-icon="livejournal"]:after { -webkit-mask-position: -192px -72px; mask-position: -192px -72px; } + .services-icon-right.si-medium:after, .services-icon-right[data-icon="medium"]:after { -webkit-mask-position: 0 -72px; mask-position: 0 -72px; } + .services-icon-right.si-odnoklassniki:after, .services-icon-right[data-icon="odnoklassniki"]:after { -webkit-mask-position: -96px -24px; mask-position: -96px -24px; } + .services-icon-right.si-odnoklassniki-box:after, .services-icon-right[data-icon="odnoklassniki-box"]:after { -webkit-mask-position: -120px -24px; mask-position: -120px -24px; } + .services-icon-right.si-periscope:after, .services-icon-right[data-icon="periscope"]:after { -webkit-mask-position: -120px -48px; mask-position: -120px -48px; } + .services-icon-right.si-pinterest:after, .services-icon-right[data-icon="pinterest"]:after { -webkit-mask-position: -192px 0; mask-position: -192px 0; } + .services-icon-right.si-pinterest-box:after, .services-icon-right[data-icon="pinterest-box"]:after { -webkit-mask-position: -216px 0; mask-position: -216px 0; } + .services-icon-right.si-pocket:after, .services-icon-right[data-icon="pocket"]:after { -webkit-mask-position: -24px -72px; mask-position: -24px -72px; } + .services-icon-right.si-qqchat:after, .services-icon-right[data-icon="qqchat"]:after { -webkit-mask-position: -96px -144px; mask-position: -96px -144px; } + .services-icon-right.si-qzone:after, .services-icon-right[data-icon="qzone"]:after { -webkit-mask-position: -216px -24px; mask-position: -216px -24px; } + .services-icon-right.si-reddit:after, .services-icon-right[data-icon="reddit"]:after { -webkit-mask-position: -48px -72px; mask-position: -48px -72px; } + .services-icon-right.si-renren:after, .services-icon-right[data-icon="renren"]:after { -webkit-mask-position: -24px -48px; mask-position: -24px -48px; } + .services-icon-right.si-sina-weibo:after, .services-icon-right[data-icon="sina-weibo"]:after { -webkit-mask-position: -192px -24px; mask-position: -192px -24px; } + .services-icon-right.si-skype:after, .services-icon-right[data-icon="skype"]:after { -webkit-mask-position: -24px -144px; mask-position: -24px -144px; } + .services-icon-right.si-skype-outline:after, .services-icon-right[data-icon="skype-outline"]:after { -webkit-mask-position: 0 -144px; mask-position: 0 -144px; } + .services-icon-right.si-slack:after, .services-icon-right[data-icon="slack"]:after { -webkit-mask-position: -144px -144px; mask-position: -144px -144px; } + .services-icon-right.si-snapchat:after, .services-icon-right[data-icon="snapchat"]:after { -webkit-mask-position: -120px -144px; mask-position: -120px -144px; } + .services-icon-right.si-soundcloud:after, .services-icon-right[data-icon="soundcloud"]:after { -webkit-mask-position: -168px -96px; mask-position: -168px -96px; } + .services-icon-right.si-spotify:after, .services-icon-right[data-icon="spotify"]:after { -webkit-mask-position: -192px -96px; mask-position: -192px -96px; } + .services-icon-right.si-stackexchange:after, .services-icon-right[data-icon="stackexchange"]:after { -webkit-mask-position: -48px -120px; mask-position: -48px -120px; } + .services-icon-right.si-stackoverflow:after, .services-icon-right[data-icon="stackoverflow"]:after { -webkit-mask-position: -72px -120px; mask-position: -72px -120px; } + .services-icon-right.si-swarm:after, .services-icon-right[data-icon="swarm"]:after { -webkit-mask-position: -72px -96px; mask-position: -72px -96px; } + .services-icon-right.si-telegram:after, .services-icon-right[data-icon="telegram"]:after { -webkit-mask-position: -216px -120px; mask-position: -216px -120px; } + .services-icon-right.si-trello:after, .services-icon-right[data-icon="trello"]:after { -webkit-mask-position: -216px -96px; mask-position: -216px -96px; } + .services-icon-right.si-tumblr:after, .services-icon-right[data-icon="tumblr"]:after { -webkit-mask-position: 0 -48px; mask-position: 0 -48px; } + .services-icon-right.si-twitch:after, .services-icon-right[data-icon="twitch"]:after { -webkit-mask-position: -96px -72px; mask-position: -96px -72px; } + .services-icon-right.si-twitter:after, .services-icon-right[data-icon="twitter"]:after { -webkit-mask-position: -48px 0; mask-position: -48px 0; } + .services-icon-right.si-twitter-box:after, .services-icon-right[data-icon="twitter-box"]:after { -webkit-mask-position: -72px 0; mask-position: -72px 0; } + .services-icon-right.si-viber:after, .services-icon-right[data-icon="viber"]:after { -webkit-mask-position: -192px -120px; mask-position: -192px -120px; } + .services-icon-right.si-vimeo:after, .services-icon-right[data-icon="vimeo"]:after { -webkit-mask-position: -72px -48px; mask-position: -72px -48px; } + .services-icon-right.si-vine:after, .services-icon-right[data-icon="vine"]:after { -webkit-mask-position: -96px -48px; mask-position: -96px -48px; } + .services-icon-right.si-vk:after, .services-icon-right[data-icon="vk"]:after { -webkit-mask-position: -48px -24px; mask-position: -48px -24px; } + .services-icon-right.si-vk-box:after, .services-icon-right[data-icon="vk-box"]:after { -webkit-mask-position: -72px -24px; mask-position: -72px -24px; } + .services-icon-right.si-wechat:after, .services-icon-right[data-icon="wechat"]:after { -webkit-mask-position: -48px -144px; mask-position: -48px -144px; } + .services-icon-right.si-whatsapp:after, .services-icon-right[data-icon="whatsapp"]:after { -webkit-mask-position: -168px -120px; mask-position: -168px -120px; } + .services-icon-right.si-wordpress:after, .services-icon-right[data-icon="wordpress"]:after { -webkit-mask-position: -120px -120px; mask-position: -120px -120px; } + .services-icon-right.si-wunderlist:after, .services-icon-right[data-icon="wunderlist"]:after { -webkit-mask-position: -72px -72px; mask-position: -72px -72px; } + .services-icon-right.si-xing:after, .services-icon-right[data-icon="xing"]:after { -webkit-mask-position: -144px -24px; mask-position: -144px -24px; } + .services-icon-right.si-xing-box:after, .services-icon-right[data-icon="xing-box"]:after { -webkit-mask-position: -168px -24px; mask-position: -168px -24px; } + .services-icon-right.si-youtube:after, .services-icon-right[data-icon="youtube"]:after { -webkit-mask-position: -48px -48px; mask-position: -48px -48px; } .theme-dark .services-icons { background: #FFF; } + .theme-dark .services-icons.icon-secondary { background: rgba(255, 255, 255, 0.7); } + .theme-dark .services-icons.icon-disabled { background: rgba(255, 255, 255, 0.3); } + .theme-dark .services-icons.icon-primary { background: #78909c; } + .theme-dark .services-icons.icon-accent { background: #40c4ff; } + .theme-dark .btn .services-icons, .theme-dark .btn .services-icons:hover, .theme-dark .btn .services-icons:focus { background: #FFF; } + .theme-dark .btn-colored .services-icons, .theme-dark .btn-colored:hover .services-icons, .theme-dark .btn-colored:focus .services-icons, .theme-dark .btn.btn-colored .services-icons, .theme-dark .btn.btn-colored:hover .services-icons, .theme-dark .btn.btn-colored:focus .services-icons { background: #78909c; } + .theme-dark .btn-accent .services-icons, .theme-dark .btn-accent:hover .services-icons, .theme-dark .btn-accent:focus .services-icons, .theme-dark .btn.btn-accent .services-icons, .theme-dark .btn.btn-accent:hover .services-icons, .theme-dark .btn.btn-accent:focus .services-icons { background: #40c4ff; } + .theme-dark .btn-raised.btn-colored .services-icons, .theme-dark .btn-raised.btn-colored:hover .services-icons, .theme-dark .btn-raised.btn-colored:focus .services-icons, .theme-dark .btn.btn-raised.btn-colored .services-icons, .theme-dark .btn.btn-raised.btn-colored:hover .services-icons, .theme-dark .btn.btn-raised.btn-colored:focus .services-icons { background: rgba(0, 0, 0, 0.87); } + .theme-dark .btn-raised.btn-accent .services-icons, .theme-dark .btn-raised.btn-accent:hover .services-icons, .theme-dark .btn-raised.btn-accent:focus .services-icons, .theme-dark .btn.btn-raised.btn-accent .services-icons, .theme-dark .btn.btn-raised.btn-accent:hover .services-icons, .theme-dark .btn.btn-raised.btn-accent:focus .services-icons { background: rgba(0, 0, 0, 0.87); } + .theme-dark .btn.btn-disabled .services-icons, .theme-dark .btn.btn-disabled:hover .services-icons, .theme-dark .btn.btn-disabled:focus .services-icons, .theme-dark .btn.btn-disabled:active .services-icons { background: rgba(255, 255, 255, 0.3); } + .theme-dark .fab .services-icons, .theme-dark .fab:hover .services-icons, .theme-dark .fab:focus .services-icons { background: #FFF; } + .theme-dark .fab.fab-colored .services-icons, .theme-dark .fab.fab-colored:hover .services-icons, .theme-dark .fab.fab-colored:focus .services-icons { background: rgba(0, 0, 0, 0.87); } + .theme-dark .fab.fab-accent .services-icons, .theme-dark .fab.fab-accent:hover .services-icons, .theme-dark .fab.fab-accent:focus .services-icons { background: rgba(0, 0, 0, 0.87); } + .theme-dark .services-icon-left:before, .theme-dark .services-icon-right:after { background: #FFF; } + .theme-dark .services-icon-left.icon-secondary:before, .theme-dark .services-icon-right.icon-secondary:after { background: rgba(255, 255, 255, 0.7); } + .theme-dark .services-icon-left.icon-disabled:before, .theme-dark .services-icon-right.icon-disabled:after { background: rgba(255, 255, 255, 0.3); } + .theme-dark .services-icon-left.icon-primary:before, .theme-dark .services-icon-right.icon-primary:after { background: #78909c; } + .theme-dark .services-icon-left.icon-accent:before, .theme-dark .services-icon-right.icon-accent:after { background: #40c4ff; } + .theme-dark a.services-icon-left:not(.btn):before { background: #40c4ff; } + .theme-dark a.services-icon-left:not(.btn):hover:before { background: #5fcdff; } + .theme-dark a.services-icon-left:not(.btn):active:before { background: #80d8ff; } + .theme-dark .btn.services-icon-left:before, .theme-dark .btn.services-icon-left:hover:before, .theme-dark .btn.services-icon-left:focus:before, .theme-dark .menu a.services-icon-left:before, .theme-dark .menu a.services-icon-left:hover:before, .theme-dark .menu a.services-icon-left:focus:before { background: #FFF; } + .theme-dark .btn-colored.services-icon-left:before, .theme-dark .btn-colored.services-icon-left:hover:before, .theme-dark .btn-colored.services-icon-left:focus:before, .theme-dark .btn.btn-colored.services-icon-left:before, .theme-dark .btn.btn-colored.services-icon-left:hover:before, .theme-dark .btn.btn-colored.services-icon-left:focus:before { background: #78909c; } + .theme-dark .btn-accent.services-icon-left:before, .theme-dark .btn-accent.services-icon-left:hover:before, .theme-dark .btn-accent.services-icon-left:focus:before, .theme-dark .btn.btn-accent.services-icon-left:before, .theme-dark .btn.btn-accent.services-icon-left:hover:before, .theme-dark .btn.btn-accent.services-icon-left:focus:before { background: #40c4ff; } + .theme-dark .btn-raised.services-icon-left.btn-colored:before, .theme-dark .btn-raised.services-icon-left.btn-colored:hover:before, .theme-dark .btn-raised.services-icon-left.btn-colored:focus:before, .theme-dark .btn.btn-raised.services-icon-left.btn-colored:before, .theme-dark .btn.btn-raised.services-icon-left.btn-colored:hover:before, .theme-dark .btn.btn-raised.services-icon-left.btn-colored:focus:before { background: rgba(0, 0, 0, 0.87); } + .theme-dark .btn-raised.services-icon-left.btn-accent:before, .theme-dark .btn-raised.services-icon-left.btn-accent:hover:before, .theme-dark .btn-raised.services-icon-left.btn-accent:focus:before, .theme-dark .btn.btn-raised.services-icon-left.btn-accent:before, .theme-dark .btn.btn-raised.services-icon-left.btn-accent:hover:before, .theme-dark .btn.btn-raised.services-icon-left.btn-accent:focus:before { background: rgba(0, 0, 0, 0.87); } + .theme-dark .btn.btn-disabled.services-icon-left:before, .theme-dark .btn.btn-disabled.services-icon-left:hover:before, .theme-dark .btn.btn-disabled.services-icon-left:focus:before, .theme-dark .btn.btn-disabled.services-icon-left:active:before { background: rgba(255, 255, 255, 0.3); } + .theme-dark .fab.services-icon-left:before, .theme-dark .fab.services-icon-left:hover:before, .theme-dark .fab.services-icon-left:focus:before { background: #FFF; } + .theme-dark .fab.services-icon-left.fab-colored:before, .theme-dark .fab.services-icon-left.fab-colored:hover:before, .theme-dark .fab.services-icon-left.fab-colored:focus:before { background: rgba(0, 0, 0, 0.87); } + .theme-dark .fab.services-icon-left.fab-accent:before, .theme-dark .fab.services-icon-left.fab-accent:hover:before, .theme-dark .fab.services-icon-left.fab-accent:focus:before { background: rgba(0, 0, 0, 0.87); } + .theme-dark a.services-icon-right:not(.btn):after { background: #40c4ff; } + .theme-dark a.services-icon-right:not(.btn):hover:after { background: #5fcdff; } + .theme-dark a.services-icon-right:not(.btn):active:after { background: #80d8ff; } + .theme-dark .btn.services-icon-right:after, .theme-dark .btn.services-icon-right:hover:after, .theme-dark .btn.services-icon-right:focus:after { background: #FFF; } + .theme-dark .btn-colored.services-icon-right:after, .theme-dark .btn-colored.services-icon-right:hover:after, .theme-dark .btn-colored.services-icon-right:focus:after, .theme-dark .btn.btn-colored.services-icon-right:after, .theme-dark .btn.btn-colored.services-icon-right:hover:after, .theme-dark .btn.btn-colored.services-icon-right:focus:after { background: #78909c; } + .theme-dark .btn-accent.services-icon-right:after, .theme-dark .btn-accent.services-icon-right:hover:after, .theme-dark .btn-accent.services-icon-right:focus:after, .theme-dark .btn.btn-accent.services-icon-right:after, .theme-dark .btn.btn-accent.services-icon-right:hover:after, .theme-dark .btn.btn-accent.services-icon-right:focus:after { background: #40c4ff; } + .theme-dark .btn-raised.services-icon-right.btn-colored:after, .theme-dark .btn-raised.services-icon-right.btn-colored:hover:after, .theme-dark .btn-raised.services-icon-right.btn-colored:focus:after, .theme-dark .btn.btn-raised.services-icon-right.btn-colored:after, .theme-dark .btn.btn-raised.services-icon-right.btn-colored:hover:after, .theme-dark .btn.btn-raised.services-icon-right.btn-colored:focus:after { background: rgba(0, 0, 0, 0.87); } + .theme-dark .btn-raised.services-icon-right.btn-accent:after, .theme-dark .btn-raised.services-icon-right.btn-accent:hover:after, .theme-dark .btn-raised.services-icon-right.btn-accent:focus:after, .theme-dark .btn.btn-raised.services-icon-right.btn-accent:after, .theme-dark .btn.btn-raised.services-icon-right.btn-accent:hover:after, .theme-dark .btn.btn-raised.services-icon-right.btn-accent:focus:after { background: rgba(0, 0, 0, 0.87); } + .theme-dark .btn.btn-disabled.services-icon-right:after, .theme-dark .btn.btn-disabled.services-icon-right:hover:after, .theme-dark .btn.btn-disabled.services-icon-right:focus:after, .theme-dark .btn.btn-disabled.services-icon-right:active:after { background: rgba(255, 255, 255, 0.3); } + .theme-dark .fab.services-icon-right:after, .theme-dark .fab.services-icon-right:hover:after, .theme-dark .fab.services-icon-right:focus:after { background: #FFF; } + .theme-dark .fab.services-icon-right.fab-colored:after, .theme-dark .fab.services-icon-right.fab-colored:hover:after, .theme-dark .fab.services-icon-right.fab-colored:focus:after { background: rgba(0, 0, 0, 0.87); } + .theme-dark .fab.services-icon-right.fab-accent:after, .theme-dark .fab.services-icon-right.fab-accent:hover:after, .theme-dark .fab.services-icon-right.fab-accent:focus:after { background: rgba(0, 0, 0, 0.87); } diff --git a/css/styles.css b/css/styles.css index 7e7fa02..f5d722b 100755 --- a/css/styles.css +++ b/css/styles.css @@ -38,9 +38,10 @@ caption, th, td { q, blockquote { quotes: none; } - q:before, q:after, blockquote:before, blockquote:after { - content: ""; - content: none; } + +q:before, q:after, blockquote:before, blockquote:after { + content: ""; + content: none; } a img { border: none; } @@ -49,12 +50,13 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, display: block; } /* break points */ -/** - * Legend: - * TDV - theme dark values - * CTV - color themes values - * D7 - differs in Drupal 7 version - * TO DO - needs to be implemented +/* mixins and functions */ +/** + * Legend: + * TDV - theme dark values + * CTV - color themes values + * D7 - differs in Drupal 7 version + * TO DO - needs to be implemented */ /* fonts */ /* helpful classes */ @@ -87,6 +89,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, #page * { box-sizing: border-box; } + #page .cke * { box-sizing: content-box; } @@ -142,10 +145,22 @@ h6, .h6 { margin-top: 16px; margin-bottom: 8px; } -h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h1 + .h1, h1 + .h2, h1 + .h3, h1 + .h4, h1 + .h5, h1 + .h6, .h1 + h1, .h1 + h2, .h1 + h3, .h1 + h4, .h1 + h5, .h1 + h6, .h1 + .h1, .h1 + .h2, .h1 + .h3, .h1 + .h4, .h1 + .h5, .h1 + .h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h2 + .h1, h2 + .h2, h2 + .h3, h2 + .h4, h2 + .h5, h2 + .h6, .h2 + h1, .h2 + h2, .h2 + h3, .h2 + h4, .h2 + h5, .h2 + h6, .h2 + .h1, .h2 + .h2, .h2 + .h3, .h2 + .h4, .h2 + .h5, .h2 + .h6 { +h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, +h1 + .h1, h1 + .h2, h1 + .h3, h1 + .h4, h1 + .h5, h1 + .h6, .h1 + h1, .h1 + h2, .h1 + h3, .h1 + h4, .h1 + h5, .h1 + h6, +.h1 + .h1, .h1 + .h2, .h1 + .h3, .h1 + .h4, .h1 + .h5, .h1 + .h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, +h2 + .h1, h2 + .h2, h2 + .h3, h2 + .h4, h2 + .h5, h2 + .h6, .h2 + h1, .h2 + h2, .h2 + h3, .h2 + h4, .h2 + h5, .h2 + h6, +.h2 + .h1, .h2 + .h2, .h2 + .h3, .h2 + .h4, .h2 + .h5, .h2 + .h6 { margin-top: -8px; } -h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h3 + .h1, h3 + .h2, h3 + .h3, h3 + .h4, h3 + .h5, h3 + .h6, .h3 + h1, .h3 + h2, .h3 + h3, .h3 + h4, .h3 + h5, .h3 + h6, .h3 + .h1, .h3 + .h2, .h3 + .h3, .h3 + .h4, .h3 + .h5, .h3 + .h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h4 + .h1, h4 + .h2, h4 + .h3, h4 + .h4, h4 + .h5, h4 + .h6, .h4 + h1, .h4 + h2, .h4 + h3, .h4 + h4, .h4 + h5, .h4 + h6, .h4 + .h1, .h4 + .h2, .h4 + .h3, .h4 + .h4, .h4 + .h5, .h4 + .h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h5 + .h1, h5 + .h2, h5 + .h3, h5 + .h4, h5 + .h5, h5 + .h6, .h5 + h1, .h5 + h2, .h5 + h3, .h5 + h4, .h5 + h5, .h5 + h6, .h5 + .h1, .h5 + .h2, .h5 + .h3, .h5 + .h4, .h5 + .h5, .h5 + .h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6, h6 + .h1, h6 + .h2, h6 + .h3, h6 + .h4, h6 + .h5, h6 + .h6, .h6 + h1, .h6 + h2, .h6 + h3, .h6 + h4, .h6 + h5, .h6 + h6, .h6 + .h1, .h6 + .h2, .h6 + .h3, .h6 + .h4, .h6 + .h5, .h6 + .h6 { +h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, +h3 + .h1, h3 + .h2, h3 + .h3, h3 + .h4, h3 + .h5, h3 + .h6, .h3 + h1, .h3 + h2, .h3 + h3, .h3 + h4, .h3 + h5, .h3 + h6, +.h3 + .h1, .h3 + .h2, .h3 + .h3, .h3 + .h4, .h3 + .h5, .h3 + .h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, +h4 + .h1, h4 + .h2, h4 + .h3, h4 + .h4, h4 + .h5, h4 + .h6, .h4 + h1, .h4 + h2, .h4 + h3, .h4 + h4, .h4 + h5, .h4 + h6, +.h4 + .h1, .h4 + .h2, .h4 + .h3, .h4 + .h4, .h4 + .h5, .h4 + .h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, +h5 + .h1, h5 + .h2, h5 + .h3, h5 + .h4, h5 + .h5, h5 + .h6, .h5 + h1, .h5 + h2, .h5 + h3, .h5 + h4, .h5 + h5, .h5 + h6, +.h5 + .h1, .h5 + .h2, .h5 + .h3, .h5 + .h4, .h5 + .h5, .h5 + .h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6, +h6 + .h1, h6 + .h2, h6 + .h3, h6 + .h4, h6 + .h5, h6 + .h6, .h6 + h1, .h6 + h2, .h6 + h3, .h6 + h4, .h6 + h5, .h6 + h6, +.h6 + .h1, .h6 + .h2, .h6 + .h3, .h6 + .h4, .h6 + .h5, .h6 + .h6 { margin-top: -4px; } .font-heading { @@ -333,6 +348,7 @@ p a.icon-left:not(.btn), p a.services-icon-left:not(.btn), ul:not(.menu) li a.ic display: inline-block; } p a.icon-left:not(.btn):before, p a.services-icon-left:not(.btn):before, ul:not(.menu) li a.icon-left:not(.btn):before, ul:not(.menu) li a.services-icon-left:not(.btn):before, td a.icon-left:not(.btn):before, td a.services-icon-left:not(.btn):before, th a.icon-left:not(.btn):before, th a.services-icon-left:not(.btn):before { margin-right: 4px; } + p a.icon-right:not(.btn), p a.services-icon-right:not(.btn), ul:not(.menu) li a.icon-right:not(.btn), ul:not(.menu) li a.services-icon-right:not(.btn), td a.icon-right:not(.btn), td a.services-icon-right:not(.btn), th a.icon-right:not(.btn), th a.services-icon-right:not(.btn) { display: inline-block; } p a.icon-right:not(.btn):after, p a.services-icon-right:not(.btn):after, ul:not(.menu) li a.icon-right:not(.btn):after, ul:not(.menu) li a.services-icon-right:not(.btn):after, td a.icon-right:not(.btn):after, td a.services-icon-right:not(.btn):after, th a.icon-right:not(.btn):after, th a.services-icon-right:not(.btn):after { @@ -387,7 +403,7 @@ table { tr { border-bottom: 1px solid #e0e0e0; } -tr + tr:last-child { +tbody tr:last-child { border-bottom: 0; } th, td { @@ -401,7 +417,8 @@ th:last-child, td:last-child { th { font-weight: 500; - color: rgba(0, 0, 0, 0.54); } + color: rgba(0, 0, 0, 0.54); + text-align: left; } tr:hover { background: #eeeeee; } @@ -454,7 +471,6 @@ pre { margin-left: -264px; margin-top: 8px; margin-bottom: 8px; } - .media-right { padding-right: 264px; } .media-right .img-right, .media-right .pull-right, .media-right .align-right { @@ -463,11 +479,10 @@ pre { margin-right: -264px; margin-top: 8px; margin-bottom: 8px; } } + .full-height, .row.full-height > div { - display: -webkit-box; display: flex; - -webkit-box-pack: center; - justify-content: center; } + justify-content: center; } .rippleAnimate { background-color: rgba(0, 0, 0, 0.3); } @@ -528,12 +543,11 @@ pre { @media (min-width: 568px) { th:first-child, td:first-child { padding-left: 24px; } - th:last-child, td:last-child { padding-right: 24px; } - pre { padding: 12px 24px; } } + .z-level-0, .navbar-transparent #navbar, .navbar-transparent.navbar-fixed .navbar-shadow, .footer-transparent #footer, .card .table-card, .content-card .card-holder .table-card, .card-grid .card, .card-grid .content-card .card-holder, .content-card .card-grid .card-holder { box-shadow: none; } @@ -595,21 +609,17 @@ pre { .important a:active { color: #80d8ff; } -/* TO DO - color themes +/* TO DO + color themes */ /* layout */ #page { - display: -webkit-box; display: flex; min-height: 100vh; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; } + flex-direction: column; } #content { - -webkit-box-flex: 1; - flex: 1 0 auto; } + flex: 1 0 auto; } #main-content { outline: none; } @@ -658,6 +668,7 @@ pre { width: 100%; background: #607d8b; z-index: 30; } + .navbar-fixed #header { padding-top: 64px; position: relative; @@ -669,38 +680,51 @@ pre { pointer-events: none; } .navbar-transparent #navbar .navbar-item { pointer-events: auto; } + .navbar-transparent #navbar.navbar-bg { background: none; } .navbar-light #navbar { color: rgba(0, 0, 0, 0.87); } + .navbar-light #header { background: #FFFFFF; } + .navbar-light.navbar-fixed #navbar { background: #FFFFFF; } + .navbar-light .navbar-item .navbar-icon, .navbar-light .navbar-slogan, .navbar-light .navbar-title a { color: rgba(0, 0, 0, 0.87); } + .navbar-light .navbar-menu .menu a { color: rgba(0, 0, 0, 0.87); } + .navbar-light .navbar-menu .menu a:hover { color: rgba(0, 0, 0, 0.87); border-color: rgba(0, 0, 0, 0.5); } + .navbar-light .navbar-menu .menu .active-trail a, .navbar-light .navbar-menu .menu .is-active { border-color: rgba(0, 0, 0, 0.87); } .navbar-dark #navbar { color: #FFF; } + .navbar-dark #header { background: #212121; } + .navbar-dark.navbar-fixed #navbar { background: #212121; } + .navbar-dark .navbar-item .navbar-icon, .navbar-dark .navbar-slogan, .navbar-dark .navbar-title a { color: #FFF; } + .navbar-dark .navbar-menu .menu a { color: #FFF; } + .navbar-dark .navbar-menu .menu a:hover { color: #FFF; border-color: rgba(255, 255, 255, 0.5); } + .navbar-dark .navbar-menu .menu .active-trail a, .navbar-dark .navbar-menu .menu .is-active { border-color: #FFF; } @@ -713,7 +737,6 @@ pre { padding: 8px 4px; } .region-footer-content { - display: -webkit-box; display: flex; flex-wrap: wrap; } @@ -725,10 +748,8 @@ pre { line-height: 32px; } .footer-icons { - display: -webkit-box; display: flex; - -webkit-box-align: center; - align-items: center; + align-items: center; min-height: 32px; } .footer-transparent #footer { @@ -740,88 +761,67 @@ pre { @media (min-width: 568px) { #navbar { padding: 8px 12px; } - #footer { min-height: 64px; } - #footer-content { padding: 8px 12px; text-align: center; } - .region-footer-content { display: block; } - .footer-item { min-height: 48px; float: left; line-height: 48px; } - .footer-item.pull-center { float: none; } - .footer-item.pull-right { float: right; } - .footer-icons { min-height: 48px; } } -/* TO DO -.navbar-gray -.footer-dark + +/* TO DO +.navbar-gray +.footer-dark */ @media (min-width: 568px) { .container { padding: 0 24px; } - .two-sidebars #main { - display: -webkit-box; display: flex; flex-wrap: wrap; } .two-sidebars #main-content { - -webkit-box-flex: 0; - flex: 0 0 auto; + flex: 0 0 auto; width: 100%; } .two-sidebars #sidebar-first { - -webkit-box-flex: 0; - flex: 0 0 auto; + flex: 0 0 auto; margin-right: 12px; width: calc(50% - 12px); } .two-sidebars #sidebar-second { - -webkit-box-flex: 0; - flex: 0 0 auto; + flex: 0 0 auto; margin-left: 12px; width: calc(50% - 12px); } } + @media (min-width: 992px) { .no-sidebars .container { width: 992px; } - .no-sidebars.wide-one-side .container { width: auto; } - .no-sidebars.wide-two-side .container { width: auto; } - .one-sidebar #main { - display: -webkit-box; display: flex; } .one-sidebar #main-content { - -webkit-box-ordinal-group: 3; - order: 2; - -webkit-box-flex: 0; - flex: 0 0 auto; + order: 2; + flex: 0 0 auto; width: calc(100% - 264px); } .one-sidebar #sidebar-first { - -webkit-box-ordinal-group: 2; - order: 1; - -webkit-box-flex: 0; - flex: 0 0 240px; + order: 1; + flex: 0 0 240px; margin-right: 24px; } .one-sidebar #sidebar-second { - -webkit-box-ordinal-group: 4; - order: 3; - -webkit-box-flex: 0; - flex: 0 0 240px; + order: 3; + flex: 0 0 240px; margin-left: 24px; } - .two-sidebars #main { display: block; } .two-sidebars #main-content { @@ -834,48 +834,39 @@ pre { .two-sidebars #sidebar-second { width: calc(100% - 264px); float: right; } } + @media (min-width: 1280px) { .no-sidebars.wide-one-side .container { width: 1256px; } - .one-sidebar .container { width: 1256px; } - .one-sidebar.wide-two-side .container { width: auto; } - .two-sidebars #main { - display: -webkit-box; display: flex; flex-wrap: nowrap; } .two-sidebars #main-content { - -webkit-box-ordinal-group: 3; - order: 2; - -webkit-box-flex: 0; - flex: 0 0 auto; + order: 2; + flex: 0 0 auto; width: calc(100% - 528px); } .two-sidebars #sidebar-first { - -webkit-box-ordinal-group: 2; - order: 1; - -webkit-box-flex: 0; - flex: 0 0 240px; + order: 1; + flex: 0 0 240px; margin-right: 24px; } .two-sidebars #sidebar-second { - -webkit-box-ordinal-group: 4; - order: 3; - -webkit-box-flex: 0; - flex: 0 0 240px; + order: 3; + flex: 0 0 240px; width: 240px; margin-left: 24px; } } + @media (min-width: 1544px) { .no-sidebars.wide-two-side .container { width: 1520px; } - .one-sidebar.wide-two-side .container { width: 1520px; } - .two-sidebars .container { width: 1520px; } } + @media (min-width: 992px) { .drawer-permanent #header, .drawer-permanent #content, .drawer-permanent #navbar, .drawer-permanent #footer { margin-left: 240px; } @@ -897,9 +888,11 @@ pre { box-shadow: none; } .drawer-permanent.no-sidebars .container { width: auto; } } + @media (min-width: 1280px) { .drawer-permanent.no-sidebars .container { width: 992px; } } + .text-box { max-width: 944px; } @@ -951,23 +944,129 @@ pre { .btn-raised.btn-colored, .btn.btn-raised.btn-colored, .pager .pager-item > a.btn-raised.btn-colored, .pager .pager-item > span.btn-raised.btn-colored { background: #607d8b; color: #FFF; } + .btn-raised.btn-accent, .pager .pager-item > a.btn-raised, .pager .pager-item > span.btn-raised, .btn.btn-raised.btn-accent, .pager .pager-item > a.btn-raised, .pager .pager-item > span.btn-raised { background: #00b0ff; color: rgba(0, 0, 0, 0.87); } + .btn-raised.btn-colored .rippleAnimate, .btn-raised.btn-accent .rippleAnimate, .pager .pager-item > a.btn-raised .rippleAnimate, .pager .pager-item > span.btn-raised .rippleAnimate, .btn.btn-raised.btn-colored .rippleAnimate, .pager .pager-item > a.btn-raised.btn-colored .rippleAnimate, .pager .pager-item > span.btn-raised.btn-colored .rippleAnimate, .btn.btn-raised.btn-accent .rippleAnimate, .pager .pager-item > a.btn-raised .rippleAnimate, .pager .pager-item > span.btn-raised .rippleAnimate { background-color: rgba(255, 255, 255, 0.3); } + .btn-raised.btn-colored:hover, .btn-raised.btn-colored:focus, .btn.btn-raised.btn-colored:hover, .pager .pager-item > a.btn-raised.btn-colored:hover, .pager .pager-item > span.btn-raised.btn-colored:hover, .btn.btn-raised.btn-colored:focus, .pager .pager-item > a.btn-raised.btn-colored:focus, .pager .pager-item > span.btn-raised.btn-colored:focus { background: #546e7a; color: #FFF; } + .btn-raised.btn-colored:active, .btn.btn-raised.btn-colored:active, .pager .pager-item > a.btn-raised.btn-colored:active, .pager .pager-item > span.btn-raised.btn-colored:active { background: #455a64; } + .btn-raised.btn-accent:hover, .pager .pager-item > a.btn-raised:hover, .pager .pager-item > span.btn-raised:hover, .btn-raised.btn-accent:focus, .pager .pager-item > a.btn-raised:focus, .pager .pager-item > span.btn-raised:focus, .btn.btn-raised.btn-accent:hover, .pager .pager-item > a.btn-raised:hover, .pager .pager-item > span.btn-raised:hover, .btn.btn-raised.btn-accent:focus, .pager .pager-item > a.btn-raised:focus, .pager .pager-item > span.btn-raised:focus { background: #0aa2ff; color: rgba(0, 0, 0, 0.87); } + .btn-raised.btn-accent:active, .pager .pager-item > a.btn-raised:active, .pager .pager-item > span.btn-raised:active, .btn.btn-raised.btn-accent:active, .pager .pager-item > a.btn-raised:active, .pager .pager-item > span.btn-raised:active { background: #0091ea; } -.btn.icon-left:before, .pager .pager-item > a.icon-left:before, .pager .pager-item > span.icon-left:before, .btn.icon-right:after, .pager .pager-item > a.icon-right:after, .pager .pager-item > span.icon-right:after, .btn .material-icons, .pager .pager-item > a .material-icons, .pager .pager-item > span .material-icons, .btn .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .btn li:not(:last-child):after, .pager .pager-item > a .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > a li:not(:last-child):after, .pager .pager-item > span .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > span li:not(:last-child):after, .btn .info:before, .pager .pager-item > a .info:before, .pager .pager-item > span .info:before, .btn .important:before, .pager .pager-item > a .important:before, .pager .pager-item > span .important:before, .btn .messages-status:before, .pager .pager-item > a .messages-status:before, .pager .pager-item > span .messages-status:before, .btn .messages-warning:before, .pager .pager-item > a .messages-warning:before, .pager .pager-item > span .messages-warning:before, .btn .messages-error:before, .pager .pager-item > a .messages-error:before, .pager .pager-item > span .messages-error:before, .btn .form-item input[type="checkbox"]:before, .form-item .btn input[type="checkbox"]:before, .pager .pager-item > a .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > a input[type="checkbox"]:before, .pager .pager-item > span .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > span input[type="checkbox"]:before, .btn .form-item input[type="radio"]:before, .form-item .btn input[type="radio"]:before, .pager .pager-item > a .form-item input[type="radio"]:before, .form-item .pager .pager-item > a input[type="radio"]:before, .pager .pager-item > span .form-item input[type="radio"]:before, .form-item .pager .pager-item > span input[type="radio"]:before, .btn .form-item.form-type-select:after, .pager .pager-item > a .form-item.form-type-select:after, .pager .pager-item > span .form-item.form-type-select:after, .btn .navbar-account-menu .menu a:before, .navbar-account-menu .menu .btn a:before, .pager .pager-item > a .navbar-account-menu .menu a:before, .navbar-account-menu .menu .pager .pager-item > a a:before, .pager .pager-item > span .navbar-account-menu .menu a:before, .navbar-account-menu .menu .pager .pager-item > span a:before, .btn .sidebar .menu .collapsed > a:after, .sidebar .menu .btn .collapsed > a:after, .pager .pager-item > a .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > a .collapsed > a:after, .pager .pager-item > span .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > span .collapsed > a:after, .btn .sidebar .menu .expanded > a:after, .sidebar .menu .btn .expanded > a:after, .pager .pager-item > a .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > a .expanded > a:after, .pager .pager-item > span .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > span .expanded > a:after, .btn .collapsible-toggle:before, .pager .pager-item > a .collapsible-toggle:before, .pager .pager-item > span .collapsible-toggle:before, .btn .pager .pager-item.item-first > a:before, .pager .btn .pager-item.item-first > a:before, .pager .pager-item > a .pager-item.item-first > a:before, .pager .pager-item > span .pager-item.item-first > a:before, .btn .pager .pager-item.item-first > span:before, .pager .btn .pager-item.item-first > span:before, .pager .pager-item > a .pager-item.item-first > span:before, .pager .pager-item > span .pager-item.item-first > span:before, .btn .pager .pager-item.item-previous > a:before, .pager .btn .pager-item.item-previous > a:before, .pager .pager-item > a .pager-item.item-previous > a:before, .pager .pager-item > span .pager-item.item-previous > a:before, .btn .pager .pager-item.item-previous > span:before, .pager .btn .pager-item.item-previous > span:before, .pager .pager-item > a .pager-item.item-previous > span:before, .pager .pager-item > span .pager-item.item-previous > span:before, .btn .pager .pager-item.item-ellipsis > a:before, .pager .btn .pager-item.item-ellipsis > a:before, .pager .pager-item > a .pager-item.item-ellipsis > a:before, .pager .pager-item > span .pager-item.item-ellipsis > a:before, .btn .pager .pager-item.item-ellipsis > span:before, .pager .btn .pager-item.item-ellipsis > span:before, .pager .pager-item > a .pager-item.item-ellipsis > span:before, .pager .pager-item > span .pager-item.item-ellipsis > span:before, .btn .pager .pager-item.item-next > a:before, .pager .btn .pager-item.item-next > a:before, .pager .pager-item > a .pager-item.item-next > a:before, .pager .pager-item > span .pager-item.item-next > a:before, .btn .pager .pager-item.item-next > span:before, .pager .btn .pager-item.item-next > span:before, .pager .pager-item > a .pager-item.item-next > span:before, .pager .pager-item > span .pager-item.item-next > span:before, .btn .pager .pager-item.item-last > a:before, .pager .btn .pager-item.item-last > a:before, .pager .pager-item > a .pager-item.item-last > a:before, .pager .pager-item > span .pager-item.item-last > a:before, .btn .pager .pager-item.item-last > span:before, .pager .btn .pager-item.item-last > span:before, .pager .pager-item > a .pager-item.item-last > span:before, .pager .pager-item > span .pager-item.item-last > span:before { +.btn.icon-left:before, .pager .pager-item > a.icon-left:before, .pager .pager-item > span.icon-left:before, .btn.icon-right:after, .pager .pager-item > a.icon-right:after, .pager .pager-item > span.icon-right:after, +.btn .material-icons, +.pager .pager-item > a .material-icons, +.pager .pager-item > span .material-icons, +.btn .breadcrumb ol li:not(:last-child):after, +.breadcrumb ol .btn li:not(:last-child):after, +.pager .pager-item > a .breadcrumb ol li:not(:last-child):after, +.breadcrumb ol .pager .pager-item > a li:not(:last-child):after, +.pager .pager-item > span .breadcrumb ol li:not(:last-child):after, +.breadcrumb ol .pager .pager-item > span li:not(:last-child):after, +.btn .info:before, +.pager .pager-item > a .info:before, +.pager .pager-item > span .info:before, +.btn .important:before, +.pager .pager-item > a .important:before, +.pager .pager-item > span .important:before, +.btn .messages-status:before, +.pager .pager-item > a .messages-status:before, +.pager .pager-item > span .messages-status:before, +.btn .messages-warning:before, +.pager .pager-item > a .messages-warning:before, +.pager .pager-item > span .messages-warning:before, +.btn .messages-error:before, +.pager .pager-item > a .messages-error:before, +.pager .pager-item > span .messages-error:before, +.btn .form-item input[type="checkbox"]:before, +.form-item .btn input[type="checkbox"]:before, +.pager .pager-item > a .form-item input[type="checkbox"]:before, +.form-item .pager .pager-item > a input[type="checkbox"]:before, +.pager .pager-item > span .form-item input[type="checkbox"]:before, +.form-item .pager .pager-item > span input[type="checkbox"]:before, +.btn .form-item input[type="radio"]:before, +.form-item .btn input[type="radio"]:before, +.pager .pager-item > a .form-item input[type="radio"]:before, +.form-item .pager .pager-item > a input[type="radio"]:before, +.pager .pager-item > span .form-item input[type="radio"]:before, +.form-item .pager .pager-item > span input[type="radio"]:before, +.btn .form-item.form-type-select:after, +.pager .pager-item > a .form-item.form-type-select:after, +.pager .pager-item > span .form-item.form-type-select:after, +.btn .navbar-account-menu .menu a:before, +.navbar-account-menu .menu .btn a:before, +.pager .pager-item > a .navbar-account-menu .menu a:before, +.navbar-account-menu .menu .pager .pager-item > a a:before, +.pager .pager-item > span .navbar-account-menu .menu a:before, +.navbar-account-menu .menu .pager .pager-item > span a:before, +.btn .sidebar .menu .collapsed > a:after, +.sidebar .menu .btn .collapsed > a:after, +.pager .pager-item > a .sidebar .menu .collapsed > a:after, +.sidebar .menu .pager .pager-item > a .collapsed > a:after, +.pager .pager-item > span .sidebar .menu .collapsed > a:after, +.sidebar .menu .pager .pager-item > span .collapsed > a:after, +.btn .sidebar .menu .expanded > a:after, +.sidebar .menu .btn .expanded > a:after, +.pager .pager-item > a .sidebar .menu .expanded > a:after, +.sidebar .menu .pager .pager-item > a .expanded > a:after, +.pager .pager-item > span .sidebar .menu .expanded > a:after, +.sidebar .menu .pager .pager-item > span .expanded > a:after, +.btn .collapsible-toggle:before, +.pager .pager-item > a .collapsible-toggle:before, +.pager .pager-item > span .collapsible-toggle:before, +.btn .pager .pager-item.item-first > a:before, +.pager .btn .pager-item.item-first > a:before, +.pager .pager-item > a .pager-item.item-first > a:before, +.pager .pager-item > span .pager-item.item-first > a:before, +.btn .pager .pager-item.item-first > span:before, +.pager .btn .pager-item.item-first > span:before, +.pager .pager-item > a .pager-item.item-first > span:before, +.pager .pager-item > span .pager-item.item-first > span:before, +.btn .pager .pager-item.item-previous > a:before, +.pager .btn .pager-item.item-previous > a:before, +.pager .pager-item > a .pager-item.item-previous > a:before, +.pager .pager-item > span .pager-item.item-previous > a:before, +.btn .pager .pager-item.item-previous > span:before, +.pager .btn .pager-item.item-previous > span:before, +.pager .pager-item > a .pager-item.item-previous > span:before, +.pager .pager-item > span .pager-item.item-previous > span:before, +.btn .pager .pager-item.item-ellipsis > a:before, +.pager .btn .pager-item.item-ellipsis > a:before, +.pager .pager-item > a .pager-item.item-ellipsis > a:before, +.pager .pager-item > span .pager-item.item-ellipsis > a:before, +.btn .pager .pager-item.item-ellipsis > span:before, +.pager .btn .pager-item.item-ellipsis > span:before, +.pager .pager-item > a .pager-item.item-ellipsis > span:before, +.pager .pager-item > span .pager-item.item-ellipsis > span:before, +.btn .pager .pager-item.item-next > a:before, +.pager .btn .pager-item.item-next > a:before, +.pager .pager-item > a .pager-item.item-next > a:before, +.pager .pager-item > span .pager-item.item-next > a:before, +.btn .pager .pager-item.item-next > span:before, +.pager .btn .pager-item.item-next > span:before, +.pager .pager-item > a .pager-item.item-next > span:before, +.pager .pager-item > span .pager-item.item-next > span:before, +.btn .pager .pager-item.item-last > a:before, +.pager .btn .pager-item.item-last > a:before, +.pager .pager-item > a .pager-item.item-last > a:before, +.pager .pager-item > span .pager-item.item-last > a:before, +.btn .pager .pager-item.item-last > span:before, +.pager .btn .pager-item.item-last > span:before, +.pager .pager-item > a .pager-item.item-last > span:before, +.pager .pager-item > span .pager-item.item-last > span:before { margin-top: -2px; margin-bottom: -2px; } @@ -975,16 +1074,210 @@ pre { margin-top: -2px; margin-bottom: -1px; } -.btn.icon-left:before, .pager .pager-item > a.icon-left:before, .pager .pager-item > span.icon-left:before, .btn .material-icons, .pager .pager-item > a .material-icons, .pager .pager-item > span .material-icons, .btn .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .btn li:not(:last-child):after, .pager .pager-item > a .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > a li:not(:last-child):after, .pager .pager-item > span .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > span li:not(:last-child):after, .btn .info:before, .pager .pager-item > a .info:before, .pager .pager-item > span .info:before, .btn .important:before, .pager .pager-item > a .important:before, .pager .pager-item > span .important:before, .btn .messages-status:before, .pager .pager-item > a .messages-status:before, .pager .pager-item > span .messages-status:before, .btn .messages-warning:before, .pager .pager-item > a .messages-warning:before, .pager .pager-item > span .messages-warning:before, .btn .messages-error:before, .pager .pager-item > a .messages-error:before, .pager .pager-item > span .messages-error:before, .btn .form-item input[type="checkbox"]:before, .form-item .btn input[type="checkbox"]:before, .pager .pager-item > a .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > a input[type="checkbox"]:before, .pager .pager-item > span .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > span input[type="checkbox"]:before, .btn .form-item input[type="radio"]:before, .form-item .btn input[type="radio"]:before, .pager .pager-item > a .form-item input[type="radio"]:before, .form-item .pager .pager-item > a input[type="radio"]:before, .pager .pager-item > span .form-item input[type="radio"]:before, .form-item .pager .pager-item > span input[type="radio"]:before, .btn .form-item.form-type-select:after, .pager .pager-item > a .form-item.form-type-select:after, .pager .pager-item > span .form-item.form-type-select:after, .btn .navbar-account-menu .menu a:before, .navbar-account-menu .menu .btn a:before, .pager .pager-item > a .navbar-account-menu .menu a:before, .navbar-account-menu .menu .pager .pager-item > a a:before, .pager .pager-item > span .navbar-account-menu .menu a:before, .navbar-account-menu .menu .pager .pager-item > span a:before, .btn .sidebar .menu .collapsed > a:after, .sidebar .menu .btn .collapsed > a:after, .pager .pager-item > a .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > a .collapsed > a:after, .pager .pager-item > span .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > span .collapsed > a:after, .btn .sidebar .menu .expanded > a:after, .sidebar .menu .btn .expanded > a:after, .pager .pager-item > a .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > a .expanded > a:after, .pager .pager-item > span .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > span .expanded > a:after, .btn .collapsible-toggle:before, .pager .pager-item > a .collapsible-toggle:before, .pager .pager-item > span .collapsible-toggle:before, .btn .pager .pager-item.item-first > a:before, .pager .btn .pager-item.item-first > a:before, .pager .pager-item > a .pager-item.item-first > a:before, .pager .pager-item > span .pager-item.item-first > a:before, .btn .pager .pager-item.item-first > span:before, .pager .btn .pager-item.item-first > span:before, .pager .pager-item > a .pager-item.item-first > span:before, .pager .pager-item > span .pager-item.item-first > span:before, .btn .pager .pager-item.item-previous > a:before, .pager .btn .pager-item.item-previous > a:before, .pager .pager-item > a .pager-item.item-previous > a:before, .pager .pager-item > span .pager-item.item-previous > a:before, .btn .pager .pager-item.item-previous > span:before, .pager .btn .pager-item.item-previous > span:before, .pager .pager-item > a .pager-item.item-previous > span:before, .pager .pager-item > span .pager-item.item-previous > span:before, .btn .pager .pager-item.item-ellipsis > a:before, .pager .btn .pager-item.item-ellipsis > a:before, .pager .pager-item > a .pager-item.item-ellipsis > a:before, .pager .pager-item > span .pager-item.item-ellipsis > a:before, .btn .pager .pager-item.item-ellipsis > span:before, .pager .btn .pager-item.item-ellipsis > span:before, .pager .pager-item > a .pager-item.item-ellipsis > span:before, .pager .pager-item > span .pager-item.item-ellipsis > span:before, .btn .pager .pager-item.item-next > a:before, .pager .btn .pager-item.item-next > a:before, .pager .pager-item > a .pager-item.item-next > a:before, .pager .pager-item > span .pager-item.item-next > a:before, .btn .pager .pager-item.item-next > span:before, .pager .btn .pager-item.item-next > span:before, .pager .pager-item > a .pager-item.item-next > span:before, .pager .pager-item > span .pager-item.item-next > span:before, .btn .pager .pager-item.item-last > a:before, .pager .btn .pager-item.item-last > a:before, .pager .pager-item > a .pager-item.item-last > a:before, .pager .pager-item > span .pager-item.item-last > a:before, .btn .pager .pager-item.item-last > span:before, .pager .btn .pager-item.item-last > span:before, .pager .pager-item > a .pager-item.item-last > span:before, .pager .pager-item > span .pager-item.item-last > span:before, -.btn.services-icon-left:before, -.pager .pager-item > a.services-icon-left:before, -.pager .pager-item > span.services-icon-left:before, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons { +.btn.icon-left:before, .pager .pager-item > a.icon-left:before, .pager .pager-item > span.icon-left:before, +.btn .material-icons, +.pager .pager-item > a .material-icons, +.pager .pager-item > span .material-icons, +.btn .breadcrumb ol li:not(:last-child):after, +.breadcrumb ol .btn li:not(:last-child):after, +.pager .pager-item > a .breadcrumb ol li:not(:last-child):after, +.breadcrumb ol .pager .pager-item > a li:not(:last-child):after, +.pager .pager-item > span .breadcrumb ol li:not(:last-child):after, +.breadcrumb ol .pager .pager-item > span li:not(:last-child):after, +.btn .info:before, +.pager .pager-item > a .info:before, +.pager .pager-item > span .info:before, +.btn .important:before, +.pager .pager-item > a .important:before, +.pager .pager-item > span .important:before, +.btn .messages-status:before, +.pager .pager-item > a .messages-status:before, +.pager .pager-item > span .messages-status:before, +.btn .messages-warning:before, +.pager .pager-item > a .messages-warning:before, +.pager .pager-item > span .messages-warning:before, +.btn .messages-error:before, +.pager .pager-item > a .messages-error:before, +.pager .pager-item > span .messages-error:before, +.btn .form-item input[type="checkbox"]:before, +.form-item .btn input[type="checkbox"]:before, +.pager .pager-item > a .form-item input[type="checkbox"]:before, +.form-item .pager .pager-item > a input[type="checkbox"]:before, +.pager .pager-item > span .form-item input[type="checkbox"]:before, +.form-item .pager .pager-item > span input[type="checkbox"]:before, +.btn .form-item input[type="radio"]:before, +.form-item .btn input[type="radio"]:before, +.pager .pager-item > a .form-item input[type="radio"]:before, +.form-item .pager .pager-item > a input[type="radio"]:before, +.pager .pager-item > span .form-item input[type="radio"]:before, +.form-item .pager .pager-item > span input[type="radio"]:before, +.btn .form-item.form-type-select:after, +.pager .pager-item > a .form-item.form-type-select:after, +.pager .pager-item > span .form-item.form-type-select:after, +.btn .navbar-account-menu .menu a:before, +.navbar-account-menu .menu .btn a:before, +.pager .pager-item > a .navbar-account-menu .menu a:before, +.navbar-account-menu .menu .pager .pager-item > a a:before, +.pager .pager-item > span .navbar-account-menu .menu a:before, +.navbar-account-menu .menu .pager .pager-item > span a:before, +.btn .sidebar .menu .collapsed > a:after, +.sidebar .menu .btn .collapsed > a:after, +.pager .pager-item > a .sidebar .menu .collapsed > a:after, +.sidebar .menu .pager .pager-item > a .collapsed > a:after, +.pager .pager-item > span .sidebar .menu .collapsed > a:after, +.sidebar .menu .pager .pager-item > span .collapsed > a:after, +.btn .sidebar .menu .expanded > a:after, +.sidebar .menu .btn .expanded > a:after, +.pager .pager-item > a .sidebar .menu .expanded > a:after, +.sidebar .menu .pager .pager-item > a .expanded > a:after, +.pager .pager-item > span .sidebar .menu .expanded > a:after, +.sidebar .menu .pager .pager-item > span .expanded > a:after, +.btn .collapsible-toggle:before, +.pager .pager-item > a .collapsible-toggle:before, +.pager .pager-item > span .collapsible-toggle:before, +.btn .pager .pager-item.item-first > a:before, +.pager .btn .pager-item.item-first > a:before, +.pager .pager-item > a .pager-item.item-first > a:before, +.pager .pager-item > span .pager-item.item-first > a:before, +.btn .pager .pager-item.item-first > span:before, +.pager .btn .pager-item.item-first > span:before, +.pager .pager-item > a .pager-item.item-first > span:before, +.pager .pager-item > span .pager-item.item-first > span:before, +.btn .pager .pager-item.item-previous > a:before, +.pager .btn .pager-item.item-previous > a:before, +.pager .pager-item > a .pager-item.item-previous > a:before, +.pager .pager-item > span .pager-item.item-previous > a:before, +.btn .pager .pager-item.item-previous > span:before, +.pager .btn .pager-item.item-previous > span:before, +.pager .pager-item > a .pager-item.item-previous > span:before, +.pager .pager-item > span .pager-item.item-previous > span:before, +.btn .pager .pager-item.item-ellipsis > a:before, +.pager .btn .pager-item.item-ellipsis > a:before, +.pager .pager-item > a .pager-item.item-ellipsis > a:before, +.pager .pager-item > span .pager-item.item-ellipsis > a:before, +.btn .pager .pager-item.item-ellipsis > span:before, +.pager .btn .pager-item.item-ellipsis > span:before, +.pager .pager-item > a .pager-item.item-ellipsis > span:before, +.pager .pager-item > span .pager-item.item-ellipsis > span:before, +.btn .pager .pager-item.item-next > a:before, +.pager .btn .pager-item.item-next > a:before, +.pager .pager-item > a .pager-item.item-next > a:before, +.pager .pager-item > span .pager-item.item-next > a:before, +.btn .pager .pager-item.item-next > span:before, +.pager .btn .pager-item.item-next > span:before, +.pager .pager-item > a .pager-item.item-next > span:before, +.pager .pager-item > span .pager-item.item-next > span:before, +.btn .pager .pager-item.item-last > a:before, +.pager .btn .pager-item.item-last > a:before, +.pager .pager-item > a .pager-item.item-last > a:before, +.pager .pager-item > span .pager-item.item-last > a:before, +.btn .pager .pager-item.item-last > span:before, +.pager .btn .pager-item.item-last > span:before, +.pager .pager-item > a .pager-item.item-last > span:before, +.pager .pager-item > span .pager-item.item-last > span:before, .btn.services-icon-left:before, .pager .pager-item > a.services-icon-left:before, .pager .pager-item > span.services-icon-left:before, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons { margin-left: -2px; } -.btn.icon-right:after, .pager .pager-item > a.icon-right:after, .pager .pager-item > span.icon-right:after, .btn .material-icons, .pager .pager-item > a .material-icons, .pager .pager-item > span .material-icons, .btn .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .btn li:not(:last-child):after, .pager .pager-item > a .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > a li:not(:last-child):after, .pager .pager-item > span .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > span li:not(:last-child):after, .btn .info:before, .pager .pager-item > a .info:before, .pager .pager-item > span .info:before, .btn .important:before, .pager .pager-item > a .important:before, .pager .pager-item > span .important:before, .btn .messages-status:before, .pager .pager-item > a .messages-status:before, .pager .pager-item > span .messages-status:before, .btn .messages-warning:before, .pager .pager-item > a .messages-warning:before, .pager .pager-item > span .messages-warning:before, .btn .messages-error:before, .pager .pager-item > a .messages-error:before, .pager .pager-item > span .messages-error:before, .btn .form-item input[type="checkbox"]:before, .form-item .btn input[type="checkbox"]:before, .pager .pager-item > a .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > a input[type="checkbox"]:before, .pager .pager-item > span .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > span input[type="checkbox"]:before, .btn .form-item input[type="radio"]:before, .form-item .btn input[type="radio"]:before, .pager .pager-item > a .form-item input[type="radio"]:before, .form-item .pager .pager-item > a input[type="radio"]:before, .pager .pager-item > span .form-item input[type="radio"]:before, .form-item .pager .pager-item > span input[type="radio"]:before, .btn .form-item.form-type-select:after, .pager .pager-item > a .form-item.form-type-select:after, .pager .pager-item > span .form-item.form-type-select:after, .btn .navbar-account-menu .menu a:before, .navbar-account-menu .menu .btn a:before, .pager .pager-item > a .navbar-account-menu .menu a:before, .navbar-account-menu .menu .pager .pager-item > a a:before, .pager .pager-item > span .navbar-account-menu .menu a:before, .navbar-account-menu .menu .pager .pager-item > span a:before, .btn .sidebar .menu .collapsed > a:after, .sidebar .menu .btn .collapsed > a:after, .pager .pager-item > a .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > a .collapsed > a:after, .pager .pager-item > span .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > span .collapsed > a:after, .btn .sidebar .menu .expanded > a:after, .sidebar .menu .btn .expanded > a:after, .pager .pager-item > a .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > a .expanded > a:after, .pager .pager-item > span .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > span .expanded > a:after, .btn .collapsible-toggle:before, .pager .pager-item > a .collapsible-toggle:before, .pager .pager-item > span .collapsible-toggle:before, .btn .pager .pager-item.item-first > a:before, .pager .btn .pager-item.item-first > a:before, .pager .pager-item > a .pager-item.item-first > a:before, .pager .pager-item > span .pager-item.item-first > a:before, .btn .pager .pager-item.item-first > span:before, .pager .btn .pager-item.item-first > span:before, .pager .pager-item > a .pager-item.item-first > span:before, .pager .pager-item > span .pager-item.item-first > span:before, .btn .pager .pager-item.item-previous > a:before, .pager .btn .pager-item.item-previous > a:before, .pager .pager-item > a .pager-item.item-previous > a:before, .pager .pager-item > span .pager-item.item-previous > a:before, .btn .pager .pager-item.item-previous > span:before, .pager .btn .pager-item.item-previous > span:before, .pager .pager-item > a .pager-item.item-previous > span:before, .pager .pager-item > span .pager-item.item-previous > span:before, .btn .pager .pager-item.item-ellipsis > a:before, .pager .btn .pager-item.item-ellipsis > a:before, .pager .pager-item > a .pager-item.item-ellipsis > a:before, .pager .pager-item > span .pager-item.item-ellipsis > a:before, .btn .pager .pager-item.item-ellipsis > span:before, .pager .btn .pager-item.item-ellipsis > span:before, .pager .pager-item > a .pager-item.item-ellipsis > span:before, .pager .pager-item > span .pager-item.item-ellipsis > span:before, .btn .pager .pager-item.item-next > a:before, .pager .btn .pager-item.item-next > a:before, .pager .pager-item > a .pager-item.item-next > a:before, .pager .pager-item > span .pager-item.item-next > a:before, .btn .pager .pager-item.item-next > span:before, .pager .btn .pager-item.item-next > span:before, .pager .pager-item > a .pager-item.item-next > span:before, .pager .pager-item > span .pager-item.item-next > span:before, .btn .pager .pager-item.item-last > a:before, .pager .btn .pager-item.item-last > a:before, .pager .pager-item > a .pager-item.item-last > a:before, .pager .pager-item > span .pager-item.item-last > a:before, .btn .pager .pager-item.item-last > span:before, .pager .btn .pager-item.item-last > span:before, .pager .pager-item > a .pager-item.item-last > span:before, .pager .pager-item > span .pager-item.item-last > span:before, -.btn.services-icon-right:after, -.pager .pager-item > a.services-icon-right:after, -.pager .pager-item > span.services-icon-right:after, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons { +.btn.icon-right:after, .pager .pager-item > a.icon-right:after, .pager .pager-item > span.icon-right:after, +.btn .material-icons, +.pager .pager-item > a .material-icons, +.pager .pager-item > span .material-icons, +.btn .breadcrumb ol li:not(:last-child):after, +.breadcrumb ol .btn li:not(:last-child):after, +.pager .pager-item > a .breadcrumb ol li:not(:last-child):after, +.breadcrumb ol .pager .pager-item > a li:not(:last-child):after, +.pager .pager-item > span .breadcrumb ol li:not(:last-child):after, +.breadcrumb ol .pager .pager-item > span li:not(:last-child):after, +.btn .info:before, +.pager .pager-item > a .info:before, +.pager .pager-item > span .info:before, +.btn .important:before, +.pager .pager-item > a .important:before, +.pager .pager-item > span .important:before, +.btn .messages-status:before, +.pager .pager-item > a .messages-status:before, +.pager .pager-item > span .messages-status:before, +.btn .messages-warning:before, +.pager .pager-item > a .messages-warning:before, +.pager .pager-item > span .messages-warning:before, +.btn .messages-error:before, +.pager .pager-item > a .messages-error:before, +.pager .pager-item > span .messages-error:before, +.btn .form-item input[type="checkbox"]:before, +.form-item .btn input[type="checkbox"]:before, +.pager .pager-item > a .form-item input[type="checkbox"]:before, +.form-item .pager .pager-item > a input[type="checkbox"]:before, +.pager .pager-item > span .form-item input[type="checkbox"]:before, +.form-item .pager .pager-item > span input[type="checkbox"]:before, +.btn .form-item input[type="radio"]:before, +.form-item .btn input[type="radio"]:before, +.pager .pager-item > a .form-item input[type="radio"]:before, +.form-item .pager .pager-item > a input[type="radio"]:before, +.pager .pager-item > span .form-item input[type="radio"]:before, +.form-item .pager .pager-item > span input[type="radio"]:before, +.btn .form-item.form-type-select:after, +.pager .pager-item > a .form-item.form-type-select:after, +.pager .pager-item > span .form-item.form-type-select:after, +.btn .navbar-account-menu .menu a:before, +.navbar-account-menu .menu .btn a:before, +.pager .pager-item > a .navbar-account-menu .menu a:before, +.navbar-account-menu .menu .pager .pager-item > a a:before, +.pager .pager-item > span .navbar-account-menu .menu a:before, +.navbar-account-menu .menu .pager .pager-item > span a:before, +.btn .sidebar .menu .collapsed > a:after, +.sidebar .menu .btn .collapsed > a:after, +.pager .pager-item > a .sidebar .menu .collapsed > a:after, +.sidebar .menu .pager .pager-item > a .collapsed > a:after, +.pager .pager-item > span .sidebar .menu .collapsed > a:after, +.sidebar .menu .pager .pager-item > span .collapsed > a:after, +.btn .sidebar .menu .expanded > a:after, +.sidebar .menu .btn .expanded > a:after, +.pager .pager-item > a .sidebar .menu .expanded > a:after, +.sidebar .menu .pager .pager-item > a .expanded > a:after, +.pager .pager-item > span .sidebar .menu .expanded > a:after, +.sidebar .menu .pager .pager-item > span .expanded > a:after, +.btn .collapsible-toggle:before, +.pager .pager-item > a .collapsible-toggle:before, +.pager .pager-item > span .collapsible-toggle:before, +.btn .pager .pager-item.item-first > a:before, +.pager .btn .pager-item.item-first > a:before, +.pager .pager-item > a .pager-item.item-first > a:before, +.pager .pager-item > span .pager-item.item-first > a:before, +.btn .pager .pager-item.item-first > span:before, +.pager .btn .pager-item.item-first > span:before, +.pager .pager-item > a .pager-item.item-first > span:before, +.pager .pager-item > span .pager-item.item-first > span:before, +.btn .pager .pager-item.item-previous > a:before, +.pager .btn .pager-item.item-previous > a:before, +.pager .pager-item > a .pager-item.item-previous > a:before, +.pager .pager-item > span .pager-item.item-previous > a:before, +.btn .pager .pager-item.item-previous > span:before, +.pager .btn .pager-item.item-previous > span:before, +.pager .pager-item > a .pager-item.item-previous > span:before, +.pager .pager-item > span .pager-item.item-previous > span:before, +.btn .pager .pager-item.item-ellipsis > a:before, +.pager .btn .pager-item.item-ellipsis > a:before, +.pager .pager-item > a .pager-item.item-ellipsis > a:before, +.pager .pager-item > span .pager-item.item-ellipsis > a:before, +.btn .pager .pager-item.item-ellipsis > span:before, +.pager .btn .pager-item.item-ellipsis > span:before, +.pager .pager-item > a .pager-item.item-ellipsis > span:before, +.pager .pager-item > span .pager-item.item-ellipsis > span:before, +.btn .pager .pager-item.item-next > a:before, +.pager .btn .pager-item.item-next > a:before, +.pager .pager-item > a .pager-item.item-next > a:before, +.pager .pager-item > span .pager-item.item-next > a:before, +.btn .pager .pager-item.item-next > span:before, +.pager .btn .pager-item.item-next > span:before, +.pager .pager-item > a .pager-item.item-next > span:before, +.pager .pager-item > span .pager-item.item-next > span:before, +.btn .pager .pager-item.item-last > a:before, +.pager .btn .pager-item.item-last > a:before, +.pager .pager-item > a .pager-item.item-last > a:before, +.pager .pager-item > span .pager-item.item-last > a:before, +.btn .pager .pager-item.item-last > span:before, +.pager .btn .pager-item.item-last > span:before, +.pager .pager-item > a .pager-item.item-last > span:before, +.pager .pager-item > span .pager-item.item-last > span:before, .btn.services-icon-right:after, .pager .pager-item > a.services-icon-right:after, .pager .pager-item > span.services-icon-right:after, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons { margin-right: -2px; } .btn.icon-right > span, .pager .pager-item > a.icon-right > span, .pager .pager-item > span.icon-right > span, .btn.services-icon-right > span, .pager .pager-item > a.services-icon-right > span, .pager .pager-item > span.services-icon-right > span { @@ -998,11 +1291,11 @@ pre { background: none; color: rgba(0, 0, 0, 0.26); } -/* TO DO -btn-raised-colored-inverted (apply color to text, but not to bg) -disabled -togled -colored but not raised +/* TO DO +btn-raised-colored-inverted (apply color to text, but not to bg) +disabled +togled +colored but not raised */ /* floating action buttons */ .fab { @@ -1075,25 +1368,21 @@ colored but not raised bottom: calc(100% + 16px); left: 50%; pointer-events: none; - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); } + transform: translate(-50%, 0); } .tooltip.tooltip-expanded:before { opacity: 1; } .tooltip.tooltip-top-left:before { left: 0; - -webkit-transform: translate(0%, 0); - transform: translate(0%, 0); } + transform: translate(0%, 0); } .tooltip.tooltip-top-right:before { left: auto; right: 0; - -webkit-transform: translate(0%, 0); - transform: translate(0%, 0); } + transform: translate(0%, 0); } .tooltip.tooltip-bottom-left:before { bottom: auto; top: calc(100% + 16px); left: 0; - -webkit-transform: translate(0%, 0); - transform: translate(0%, 0); } + transform: translate(0%, 0); } .tooltip.tooltip-bottom:before { bottom: auto; top: calc(100% + 16px); } @@ -1102,18 +1391,15 @@ colored but not raised top: calc(100% + 16px); left: auto; right: 0; - -webkit-transform: translate(0%, 0); - transform: translate(0%, 0); } + transform: translate(0%, 0); } .tooltip.tooltip-left:before { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); + transform: translate(0, -50%); right: calc(100% + 12px); top: 50%; bottom: auto; left: auto; } .tooltip.tooltip-right:before { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); + transform: translate(0, -50%); left: calc(100% + 12px); top: 50%; bottom: auto; } @@ -1132,8 +1418,10 @@ tr.selected:hover { .table-striped tbody tr:nth-child(even) { background: #FAFAFA; } + .table-striped tbody tr:nth-child(even):hover, .table-striped tbody tr.selected:nth-child(even):hover { background: #eeeeee; } + .table-striped tbody tr.selected:nth-child(even) { background: #f5f5f5; } @@ -1166,11 +1454,13 @@ tr.selected:hover { content: attr(data-label) ": "; font-weight: 500; color: rgba(0, 0, 0, 0.54); } } + @media (min-width: 568px) { .card .table-card, .content-card .card-holder .table-card { margin-left: -24px; margin-right: -24px; width: calc(100% + 48px); } } + @media (min-width: 768px) { .table-responsive-wrapper { overflow-x: auto; @@ -1179,6 +1469,7 @@ tr.selected:hover { .table-responsive-wrapper table { margin-bottom: 0; margin-top: 0; } } + /* forms */ .form-item { margin-top: 16px; @@ -1212,25 +1503,23 @@ tr.selected:hover { color: rgba(0, 0, 0, 0.87); font-family: "Roboto", sans-serif; font-size: 16px; } - .form-item input[type="text"], .form-item input[type="email"], .form-item input[type="password"], .form-item input[type="search"], .form-item textarea, .form-item select { + .form-item input[type="text"], .form-item input[type="email"], .form-item input[type="password"], .form-item input[type="search"], .form-item input[type="tel"], .form-item textarea, .form-item select { display: block; width: 100%; max-width: 460px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding: 8px 0; } - .form-item input[type="text"]:focus, .form-item input[type="text"].error:focus, .form-item input[type="email"]:focus, .form-item input[type="email"].error:focus, .form-item input[type="password"]:focus, .form-item input[type="password"].error:focus, .form-item input[type="search"]:focus, .form-item input[type="search"].error:focus, .form-item textarea:focus, .form-item textarea.error:focus, .form-item select:focus, .form-item select.error:focus { + .form-item input[type="text"]:focus, .form-item input[type="text"].error:focus, .form-item input[type="email"]:focus, .form-item input[type="email"].error:focus, .form-item input[type="password"]:focus, .form-item input[type="password"].error:focus, .form-item input[type="search"]:focus, .form-item input[type="search"].error:focus, .form-item input[type="tel"]:focus, .form-item input[type="tel"].error:focus, .form-item textarea:focus, .form-item textarea.error:focus, .form-item select:focus, .form-item select.error:focus { border-bottom: 2px solid #00b0ff; padding-bottom: 7px; } - .form-item input[type="text"].error, .form-item input[type="email"].error, .form-item input[type="password"].error, .form-item input[type="search"].error, .form-item textarea.error, .form-item select.error { + .form-item input[type="text"].error, .form-item input[type="email"].error, .form-item input[type="password"].error, .form-item input[type="search"].error, .form-item input[type="tel"].error, .form-item textarea.error, .form-item select.error { border-bottom: 2px solid #f44336; padding: 8px 0 7px; } - .form-item input[type="text"]:-moz-placeholder, .form-item input[type="email"]:-moz-placeholder, .form-item input[type="password"]:-moz-placeholder, .form-item input[type="search"]:-moz-placeholder, .form-item textarea:-moz-placeholder, .form-item select:-moz-placeholder { - color: rgba(0, 0, 0, 0.26); } - .form-item input[type="text"]::-moz-placeholder, .form-item input[type="email"]::-moz-placeholder, .form-item input[type="password"]::-moz-placeholder, .form-item input[type="search"]::-moz-placeholder, .form-item textarea::-moz-placeholder, .form-item select::-moz-placeholder { + .form-item input[type="text"]::-webkit-input-placeholder, .form-item input[type="email"]::-webkit-input-placeholder, .form-item input[type="password"]::-webkit-input-placeholder, .form-item input[type="search"]::-webkit-input-placeholder, .form-item input[type="tel"]::-webkit-input-placeholder, .form-item textarea::-webkit-input-placeholder, .form-item select::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.26); } - .form-item input[type="text"]:-ms-input-placeholder, .form-item input[type="email"]:-ms-input-placeholder, .form-item input[type="password"]:-ms-input-placeholder, .form-item input[type="search"]:-ms-input-placeholder, .form-item textarea:-ms-input-placeholder, .form-item select:-ms-input-placeholder { + .form-item input[type="text"]:-ms-input-placeholder, .form-item input[type="email"]:-ms-input-placeholder, .form-item input[type="password"]:-ms-input-placeholder, .form-item input[type="search"]:-ms-input-placeholder, .form-item input[type="tel"]:-ms-input-placeholder, .form-item textarea:-ms-input-placeholder, .form-item select:-ms-input-placeholder { color: rgba(0, 0, 0, 0.26); } - .form-item input[type="text"]::-webkit-input-placeholder, .form-item input[type="email"]::-webkit-input-placeholder, .form-item input[type="password"]::-webkit-input-placeholder, .form-item input[type="search"]::-webkit-input-placeholder, .form-item textarea::-webkit-input-placeholder, .form-item select::-webkit-input-placeholder { + .form-item input[type="text"]::placeholder, .form-item input[type="email"]::placeholder, .form-item input[type="password"]::placeholder, .form-item input[type="search"]::placeholder, .form-item input[type="tel"]::placeholder, .form-item textarea::placeholder, .form-item select::placeholder { color: rgba(0, 0, 0, 0.26); } .form-item input[type="radio"], .form-item input[type="checkbox"] { display: inline-block; @@ -1287,11 +1576,12 @@ tr.selected:hover { .card .form-actions, .content-card .card-holder .form-actions { margin-left: -24px; margin-right: -24px; } } -/* TO DO -improve input file -improve secect -animation -icon labels + +/* TO DO +improve input file +improve secect +animation +icon labels */ /* navbar */ .navbar-item { @@ -1353,7 +1643,6 @@ icon labels color: #FFF; } .navbar-branding { - display: -webkit-box; display: flex; } .navbar-branding > div:not(.contextual) + div { margin: 0 -12px 0 12px; } @@ -1362,7 +1651,6 @@ icon labels margin: -8px 0; height: 64px; } .navbar-menu .menu { - display: -webkit-box; display: flex; height: 64px; padding: 0; @@ -1400,7 +1688,6 @@ icon labels margin: 0 -12px; padding: 0; list-style: none; - display: -webkit-box; display: flex; } .navbar-account-menu .menu a { display: inline-block; @@ -1501,11 +1788,11 @@ icon labels #drawer .menu .active-trail a.services-icon-left:before, #drawer .menu .active-trail a.services-icon-right:after, #drawer .menu .is-active.services-icon-left:before, #drawer .menu .is-active.services-icon-right:after { background: #607d8b; } -/* TO DO -.drawer-dark -.color-themes -.mobile dimensions -closing drawer by swipe +/* TO DO +.drawer-dark +.color-themes +.mobile dimensions +closing drawer by swipe */ /* header and title */ .big-title h1, .big-title h2, .big-title .h1, .big-title h2 { @@ -1516,19 +1803,24 @@ closing drawer by swipe margin: 160px auto 160px; } .header-bg-image #header { - background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 64px), #607d8b url(../img/header-bg.jpg) top center; + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 64px), #607d8b url(../img/header-bg.jpg) top center; background-size: auto, cover; } + .header-bg-image #bg-video { display: none; } + .header-bg-image.navbar-fixed #navbar { background: none; } + .header-bg-image.navbar-fixed #navbar.navbar-bg { background: #607d8b; } + .header-bg-image.navbar-fixed #header { background: #607d8b; } + .header-bg-image.navbar-fixed #header-bg { display: block; - background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 64px), url(../img/header-bg.jpg) top center; + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 64px), url(../img/header-bg.jpg) top center; background-size: auto, cover; opacity: 1; top: 0; @@ -1539,9 +1831,11 @@ closing drawer by swipe z-index: -1; } .header-bg-object #navbar { - background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 64px); } + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 64px); } + .header-bg-object #header { background: #607d8b; } + .header-bg-object #header-bg { display: block; z-index: -1; @@ -1551,6 +1845,7 @@ closing drawer by swipe bottom: 0; right: 0; overflow: hidden; } + .header-bg-object #bg-object { display: block; position: absolute; @@ -1559,17 +1854,16 @@ closing drawer by swipe width: 100%; min-width: 100%; min-height: 100%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + transform: translate(-50%, -50%); -o-object-fit: cover; object-fit: cover; pointer-events: none; } + .header-bg-object #header-bg .object-16by9 { position: absolute; left: 50%; top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + transform: translate(-50%, -50%); width: 100%; min-width: 100%; min-height: 100%; } @@ -1578,12 +1872,14 @@ closing drawer by swipe left: 0; width: 100%; height: 100%; - -webkit-transform: none; - transform: none; } + transform: none; } + .header-bg-object.navbar-fixed #navbar { background: none; } + .header-bg-object.navbar-fixed #navbar.navbar-bg { background: #607d8b; } + .header-bg-object.navbar-fixed #header-bg:before { content: " "; display: block; @@ -1593,10 +1889,11 @@ closing drawer by swipe right: 0; z-index: 1; height: 64px; - background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 64px); } + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 64px); } .main-shift-up #header { padding-bottom: 128px; } + .main-shift-up .card-main, .main-shift-up .content-card .card-holder, .content-card .main-shift-up .card-holder, .main-shift-up.content-card .card-holder { position: relative; z-index: 20; @@ -1604,11 +1901,12 @@ closing drawer by swipe .main-shift-up.shift-big #header { padding-bottom: 280px; } + .main-shift-up.shift-big .card-main, .main-shift-up.shift-big .content-card .card-holder, .content-card .main-shift-up.shift-big .card-holder, .main-shift-up.shift-big.content-card .card-holder { margin-top: -240px; } -/* TO DO -navbar overlaying header-content (for sliders) +/* TO DO +navbar overlaying header-content (for sliders) */ /* sidebar */ .sidebar .menu { @@ -1659,7 +1957,6 @@ navbar overlaying header-content (for sliders) padding: 4px 0; } .block-search form .form-item { margin: 0; - display: -webkit-box; display: flex; height: 40px; } .block-search form .form-item.icon-left:before { @@ -1700,17 +1997,11 @@ navbar overlaying header-content (for sliders) .card-bg-primary .block-search form .form-item input[type="search"] { color: #FFF; border-bottom: 1px solid #FFF; } - .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, - #header .block-search form .form-item input[type="text"]:-moz-placeholder, - #header .block-search form .form-item input[type="search"]:-moz-placeholder, - .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, - .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder { - color: rgba(255, 255, 255, 0.3); } - .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, - #header .block-search form .form-item input[type="text"]::-moz-placeholder, - #header .block-search form .form-item input[type="search"]::-moz-placeholder, - .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, - .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder { + .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, + #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, + #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, + .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, + .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3); } .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, @@ -1718,11 +2009,11 @@ navbar overlaying header-content (for sliders) .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); } - .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, - #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, - #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, - .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, - .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder { + .navbar-item.block-search form .form-item input[type="text"]::placeholder, .navbar-item.block-search form .form-item input[type="search"]::placeholder, + #header .block-search form .form-item input[type="text"]::placeholder, + #header .block-search form .form-item input[type="search"]::placeholder, + .card-bg-primary .block-search form .form-item input[type="text"]::placeholder, + .card-bg-primary .block-search form .form-item input[type="search"]::placeholder { color: rgba(255, 255, 255, 0.3); } .navbar-item.block-search form .form-item input[type="text"]:focus, .navbar-item.block-search form .form-item input[type="text"].error:focus, .navbar-item.block-search form .form-item input[type="search"]:focus, .navbar-item.block-search form .form-item input[type="search"].error:focus, #header .block-search form .form-item input[type="text"]:focus, @@ -1735,10 +2026,12 @@ navbar overlaying header-content (for sliders) .card-bg-primary .block-search form .form-item input[type="search"].error:focus { border-bottom: 2px solid; padding-bottom: 7px; } + .navbar-item.block-search form .form-item.icon-left:before, #header .block-search form .form-item.icon-left:before, .card-bg-primary .block-search form .form-item.icon-left:before { color: #FFF; } + .navbar-item.block-search.search-persistent form .form-item input[type="text"], .navbar-item.block-search.search-persistent form .form-item input[type="search"], #header .block-search.search-persistent form .form-item input[type="text"], #header .block-search.search-persistent form .form-item input[type="search"], @@ -1756,27 +2049,23 @@ navbar overlaying header-content (for sliders) .card-bg-primary .block-search.search-persistent form .form-item input[type="search"].error:focus { border: 0; padding-bottom: 0; } + .navbar-item.block-search.search-persistent form .form-item.focused.icon-left:before, #header .block-search.search-persistent form .form-item.focused.icon-left:before, .card-bg-primary .block-search.search-persistent form .form-item.focused.icon-left:before { color: rgba(0, 0, 0, 0.87); } + .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"], .navbar-item.block-search.search-persistent form .form-item input[type="search"], #header .block-search.search-persistent form .form-item.focused input[type="text"], #header .block-search.search-persistent form .form-item input[type="search"], .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"], .card-bg-primary .block-search.search-persistent form .form-item input[type="search"] { color: rgba(0, 0, 0, 0.87); } - .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]:-moz-placeholder, .navbar-item.block-search.search-persistent form .form-item input[type="search"]:-moz-placeholder, - #header .block-search.search-persistent form .form-item.focused input[type="text"]:-moz-placeholder, - #header .block-search.search-persistent form .form-item input[type="search"]:-moz-placeholder, - .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]:-moz-placeholder, - .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]:-moz-placeholder { - color: rgba(0, 0, 0, 0.26); } - .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]::-moz-placeholder, .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-moz-placeholder, - #header .block-search.search-persistent form .form-item.focused input[type="text"]::-moz-placeholder, - #header .block-search.search-persistent form .form-item input[type="search"]::-moz-placeholder, - .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]::-moz-placeholder, - .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]::-moz-placeholder { + .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder, .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder, + #header .block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder, + #header .block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder, + .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder, + .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.26); } .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder, .navbar-item.block-search.search-persistent form .form-item input[type="search"]:-ms-input-placeholder, #header .block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder, @@ -1784,11 +2073,11 @@ navbar overlaying header-content (for sliders) .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder, .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.26); } - .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder, .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder, - #header .block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder, - #header .block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder, - .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder, - .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder { + .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]::placeholder, .navbar-item.block-search.search-persistent form .form-item input[type="search"]::placeholder, + #header .block-search.search-persistent form .form-item.focused input[type="text"]::placeholder, + #header .block-search.search-persistent form .form-item input[type="search"]::placeholder, + .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]::placeholder, + .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]::placeholder { color: rgba(0, 0, 0, 0.26); } .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item { @@ -1799,13 +2088,11 @@ navbar overlaying header-content (for sliders) background: #FFF; } .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"], .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"] { color: rgba(0, 0, 0, 0.87); } - .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"]:-moz-placeholder, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]:-moz-placeholder { - color: rgba(0, 0, 0, 0.26); } - .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"]::-moz-placeholder, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-moz-placeholder { + .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"]::-webkit-input-placeholder, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.26); } .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"]:-ms-input-placeholder, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.26); } - .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"]::-webkit-input-placeholder, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder { + .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"]::placeholder, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]::placeholder { color: rgba(0, 0, 0, 0.26); } .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item.icon-left:before { color: rgba(0, 0, 0, 0.87); } @@ -1846,10 +2133,13 @@ navbar overlaying header-content (for sliders) .search-persistent-autocomplete .ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item a { padding: 8px 12px 8px 60px; } +.search-api-autocomplete-search .ui-menu-item-wrapper.ui-state-active .search-api-autocomplete-suggestion { + background: none; + color: inherit; } + /* tabs */ .tabs ul, ul.tabs { list-style: none; - display: -webkit-box; display: flex; padding-left: 0; } .tabs ul li, ul.tabs li { @@ -1872,9 +2162,9 @@ navbar overlaying header-content (for sliders) .tabs ul li a.is-active:hover, ul.tabs li a.is-active:hover { border-color: #607d8b; } -/* TO DO -tabs in navbar, tabs in header (on primary background) -color themes +/* TO DO +tabs in navbar, tabs in header (on primary background) +color themes */ /* cards */ .card, .content-card .card-holder { @@ -1885,7 +2175,9 @@ color themes padding: 0; } .card.card-vertical .card-column-left, .content-card .card-vertical.card-holder .card-column-left, .card.card-vertical .card-column-right, .content-card .card-vertical.card-holder .card-column-right { padding: 24px; } - .card > .breadcrumbs:first-child, .content-card .card-holder > .breadcrumbs:first-child, .card > .title:first-child, .content-card .card-holder > .title:first-child, .card > .block:first-child, .content-card .card-holder > .block:first-child, .card > div > .breadcrumbs:first-child, .content-card .card-holder > div > .breadcrumbs:first-child, .card > div > .title:first-child, .content-card .card-holder > div > .title:first-child, .card > div > .block:first-child, .content-card .card-holder > div > .block:first-child { + .card > .breadcrumbs:first-child, .content-card .card-holder > .breadcrumbs:first-child, .card > .title:first-child, .content-card .card-holder > .title:first-child, .card > .block:first-child, .content-card .card-holder > .block:first-child, + .card > div > .breadcrumbs:first-child, + .content-card .card-holder > div > .breadcrumbs:first-child, .card > div > .title:first-child, .content-card .card-holder > div > .title:first-child, .card > div > .block:first-child, .content-card .card-holder > div > .block:first-child { margin-top: 0 !important; } .card > .block:last-child, .content-card .card-holder > .block:last-child, .card > div > .block:last-child, .content-card .card-holder > div > .block:last-child { margin-bottom: 0 !important; } @@ -1900,43 +2192,34 @@ color themes border-radius: 0; } .card-column-fix, .card-column-240 { - -webkit-box-flex: 0; - flex: 0 0 240px; } + flex: 0 0 240px; } .card-column-fix .media-cover img, .card-column-240 .media-cover img { height: 240px; } .card-column-360 { - -webkit-box-flex: 0; - flex: 0 0 360px; } + flex: 0 0 360px; } .card-column-360 .media-cover img { height: 360px; } .card-column-180 { - -webkit-box-flex: 0; - flex: 0 0 180px; } + flex: 0 0 180px; } .card-column-180 .media-cover img { height: 180px; } .card-column-120 { - -webkit-box-flex: 0; - flex: 0 0 120px; } + flex: 0 0 120px; } .card-column-120 .media-cover img { height: 120px; } .card-column-80 { - -webkit-box-flex: 0; - flex: 0 0 80px; } + flex: 0 0 80px; } .card-column-80 .media-cover img { height: 80px; } .card-column-stretch { - display: -webkit-box; display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; - -webkit-box-pack: justify; - justify-content: space-between; + flex-direction: column; + justify-content: space-between; width: 100%; } .card-item { @@ -2098,20 +2381,20 @@ color themes .card-bg-blue { background-color: #2196f3; - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } .card-bg-blue .text-secondary { - color: rgba(255, 255, 255, 0.7); } + color: rgba(0, 0, 0, 0.54); } .card-bg-blue .btn, .card-bg-blue .pager .pager-item > a, .pager .card-bg-blue .pager-item > a, .card-bg-blue .pager .pager-item > span, .pager .card-bg-blue .pager-item > span { - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } .card-bg-blue .btn:hover, .card-bg-blue .pager .pager-item > a:hover, .pager .card-bg-blue .pager-item > a:hover, .card-bg-blue .pager .pager-item > span:hover, .pager .card-bg-blue .pager-item > span:hover, .card-bg-blue .btn:focus, .card-bg-blue .pager .pager-item > a:focus, .pager .card-bg-blue .pager-item > a:focus, .card-bg-blue .pager .pager-item > span:focus, .pager .card-bg-blue .pager-item > span:focus { background: rgba(204, 204, 204, 0.15); - color: #FFF; } + color: rgba(0, 0, 0, 0.87); } .card-bg-blue .btn:active, .card-bg-blue .pager .pager-item > a:active, .pager .card-bg-blue .pager-item > a:active, .card-bg-blue .pager .pager-item > span:active, .pager .card-bg-blue .pager-item > span:active { background: rgba(204, 204, 204, 0.25); } .card-bg-blue .divider-top, .card-bg-blue .divider-bottom { - border-color: rgba(255, 255, 255, 0.12); } + border-color: rgba(0, 0, 0, 0.12); } .card-bg-blue .rippleAnimate { - background-color: rgba(255, 255, 255, 0.1); } + background-color: rgba(0, 0, 0, 0.3); } .card-bg-light-blue { background-color: #03a9f4; @@ -2166,20 +2449,20 @@ color themes .card-bg-green { background-color: #4caf50; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .card-bg-green .text-secondary { - color: rgba(0, 0, 0, 0.54); } + color: rgba(255, 255, 255, 0.7); } .card-bg-green .btn, .card-bg-green .pager .pager-item > a, .pager .card-bg-green .pager-item > a, .card-bg-green .pager .pager-item > span, .pager .card-bg-green .pager-item > span { - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .card-bg-green .btn:hover, .card-bg-green .pager .pager-item > a:hover, .pager .card-bg-green .pager-item > a:hover, .card-bg-green .pager .pager-item > span:hover, .pager .card-bg-green .pager-item > span:hover, .card-bg-green .btn:focus, .card-bg-green .pager .pager-item > a:focus, .pager .card-bg-green .pager-item > a:focus, .card-bg-green .pager .pager-item > span:focus, .pager .card-bg-green .pager-item > span:focus { background: rgba(204, 204, 204, 0.15); - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .card-bg-green .btn:active, .card-bg-green .pager .pager-item > a:active, .pager .card-bg-green .pager-item > a:active, .card-bg-green .pager .pager-item > span:active, .pager .card-bg-green .pager-item > span:active { background: rgba(204, 204, 204, 0.25); } .card-bg-green .divider-top, .card-bg-green .divider-bottom { - border-color: rgba(0, 0, 0, 0.12); } + border-color: rgba(255, 255, 255, 0.12); } .card-bg-green .rippleAnimate { - background-color: rgba(0, 0, 0, 0.3); } + background-color: rgba(255, 255, 255, 0.1); } .card-bg-light-green { background-color: #8bc34a; @@ -2206,10 +2489,10 @@ color themes .card-bg-lime .btn, .card-bg-lime .pager .pager-item > a, .pager .card-bg-lime .pager-item > a, .card-bg-lime .pager .pager-item > span, .pager .card-bg-lime .pager-item > span { color: rgba(0, 0, 0, 0.87); } .card-bg-lime .btn:hover, .card-bg-lime .pager .pager-item > a:hover, .pager .card-bg-lime .pager-item > a:hover, .card-bg-lime .pager .pager-item > span:hover, .pager .card-bg-lime .pager-item > span:hover, .card-bg-lime .btn:focus, .card-bg-lime .pager .pager-item > a:focus, .pager .card-bg-lime .pager-item > a:focus, .card-bg-lime .pager .pager-item > span:focus, .pager .card-bg-lime .pager-item > span:focus { - background: rgba(153, 153, 153, 0.2); + background: rgba(204, 204, 204, 0.15); color: rgba(0, 0, 0, 0.87); } .card-bg-lime .btn:active, .card-bg-lime .pager .pager-item > a:active, .pager .card-bg-lime .pager-item > a:active, .card-bg-lime .pager .pager-item > span:active, .pager .card-bg-lime .pager-item > span:active { - background: rgba(153, 153, 153, 0.4); } + background: rgba(204, 204, 204, 0.25); } .card-bg-lime .divider-top, .card-bg-lime .divider-bottom { border-color: rgba(0, 0, 0, 0.12); } .card-bg-lime .rippleAnimate { @@ -2240,10 +2523,10 @@ color themes .card-bg-amber .btn, .card-bg-amber .pager .pager-item > a, .pager .card-bg-amber .pager-item > a, .card-bg-amber .pager .pager-item > span, .pager .card-bg-amber .pager-item > span { color: rgba(0, 0, 0, 0.87); } .card-bg-amber .btn:hover, .card-bg-amber .pager .pager-item > a:hover, .pager .card-bg-amber .pager-item > a:hover, .card-bg-amber .pager .pager-item > span:hover, .pager .card-bg-amber .pager-item > span:hover, .card-bg-amber .btn:focus, .card-bg-amber .pager .pager-item > a:focus, .pager .card-bg-amber .pager-item > a:focus, .card-bg-amber .pager .pager-item > span:focus, .pager .card-bg-amber .pager-item > span:focus { - background: rgba(153, 153, 153, 0.2); + background: rgba(204, 204, 204, 0.15); color: rgba(0, 0, 0, 0.87); } .card-bg-amber .btn:active, .card-bg-amber .pager .pager-item > a:active, .pager .card-bg-amber .pager-item > a:active, .card-bg-amber .pager .pager-item > span:active, .pager .card-bg-amber .pager-item > span:active { - background: rgba(153, 153, 153, 0.4); } + background: rgba(204, 204, 204, 0.25); } .card-bg-amber .divider-top, .card-bg-amber .divider-bottom { border-color: rgba(0, 0, 0, 0.12); } .card-bg-amber .rippleAnimate { @@ -2268,20 +2551,20 @@ color themes .card-bg-deep-orange { background-color: #ff5722; - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .card-bg-deep-orange .text-secondary { - color: rgba(0, 0, 0, 0.54); } + color: rgba(255, 255, 255, 0.7); } .card-bg-deep-orange .btn, .card-bg-deep-orange .pager .pager-item > a, .pager .card-bg-deep-orange .pager-item > a, .card-bg-deep-orange .pager .pager-item > span, .pager .card-bg-deep-orange .pager-item > span { - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .card-bg-deep-orange .btn:hover, .card-bg-deep-orange .pager .pager-item > a:hover, .pager .card-bg-deep-orange .pager-item > a:hover, .card-bg-deep-orange .pager .pager-item > span:hover, .pager .card-bg-deep-orange .pager-item > span:hover, .card-bg-deep-orange .btn:focus, .card-bg-deep-orange .pager .pager-item > a:focus, .pager .card-bg-deep-orange .pager-item > a:focus, .card-bg-deep-orange .pager .pager-item > span:focus, .pager .card-bg-deep-orange .pager-item > span:focus { background: rgba(204, 204, 204, 0.15); - color: rgba(0, 0, 0, 0.87); } + color: #FFF; } .card-bg-deep-orange .btn:active, .card-bg-deep-orange .pager .pager-item > a:active, .pager .card-bg-deep-orange .pager-item > a:active, .card-bg-deep-orange .pager .pager-item > span:active, .pager .card-bg-deep-orange .pager-item > span:active { background: rgba(204, 204, 204, 0.25); } .card-bg-deep-orange .divider-top, .card-bg-deep-orange .divider-bottom { - border-color: rgba(0, 0, 0, 0.12); } + border-color: rgba(255, 255, 255, 0.12); } .card-bg-deep-orange .rippleAnimate { - background-color: rgba(0, 0, 0, 0.3); } + background-color: rgba(255, 255, 255, 0.1); } .card-bg-brown { background-color: #795548; @@ -2412,13 +2695,14 @@ color themes margin-top: -24px; } .card-main .card-item:last-child, .content-card .card-holder .card-item:last-child { margin-bottom: -24px; } } + @media (min-width: 768px) { .card.card-vertical, .content-card .card-vertical.card-holder { - display: -webkit-box; display: flex; } .card.card-vertical .card-media, .content-card .card-vertical.card-holder .card-media { border-top-right-radius: 0; border-bottom-left-radius: 2px; } } + .card-grid { padding-left: 10px; padding-right: 10px; } @@ -2429,8 +2713,8 @@ color themes .card-grid .card-media { border-radius: 0; } -/* TO DO -card title and actions overlay for card-bg-image and card-media +/* TO DO +card title and actions overlay for card-bg-image and card-media */ /* collapsible panels */ .collapsible-toggle { @@ -2443,9 +2727,7 @@ card title and actions overlay for card-bg-image and card-media left: 12px; top: 14px; color: rgba(0, 0, 0, 0.54); - transition: -webkit-transform 0.25s ease; - transition: transform 0.25s ease; - transition: transform 0.25s ease, -webkit-transform 0.25s ease; } + transition: transform 0.25s ease; } .collapsible-toggle span { color: #00b0ff; border-bottom: 1px dotted #00b0ff; @@ -2457,8 +2739,7 @@ card title and actions overlay for card-bg-image and card-media color: #0091ea; border-color: #0091ea; } .collapsible-toggle.expanded:before { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); } + transform: rotate(90deg); } .collapsible-content { display: none; @@ -2501,43 +2782,51 @@ card title and actions overlay for card-bg-image and card-media margin: 16px 0; text-align: center; list-style: none; } + .pager .pager-item { display: inline-block; } .pager .pager-item > a, .pager .pager-item > span { margin: 8px 2px; min-width: 48px; } + .pager .pager-item.item-current > a, .pager .pager-item.item-current > span { color: #546e7a; } + .pager .pager-item.item-first > a, .pager .pager-item.item-first > span { padding: 6px 12px; } .pager .pager-item.item-first > a:before, .pager .pager-item.item-first > span:before { content: "first_page"; } .pager .pager-item.item-first > a span, .pager .pager-item.item-first > span span { display: none; } + .pager .pager-item.item-previous > a, .pager .pager-item.item-previous > span { padding: 6px 12px; } .pager .pager-item.item-previous > a:before, .pager .pager-item.item-previous > span:before { content: "chevron_left"; } .pager .pager-item.item-previous > a span, .pager .pager-item.item-previous > span span { display: none; } + .pager .pager-item.item-ellipsis > a, .pager .pager-item.item-ellipsis > span { padding: 6px 12px; } .pager .pager-item.item-ellipsis > a:before, .pager .pager-item.item-ellipsis > span:before { content: "more_horiz"; } .pager .pager-item.item-ellipsis > a span, .pager .pager-item.item-ellipsis > span span { display: none; } + .pager .pager-item.item-next > a, .pager .pager-item.item-next > span { padding: 6px 12px; } .pager .pager-item.item-next > a:before, .pager .pager-item.item-next > span:before { content: "chevron_right"; } .pager .pager-item.item-next > a span, .pager .pager-item.item-next > span span { display: none; } + .pager .pager-item.item-last > a, .pager .pager-item.item-last > span { padding: 6px 12px; } .pager .pager-item.item-last > a:before, .pager .pager-item.item-last > span:before { content: "last_page"; } .pager .pager-item.item-last > a span, .pager .pager-item.item-last > span span { display: none; } + .card-actions .pager { display: inline-block; } .card-actions .pager .pager-items { @@ -2551,13 +2840,22 @@ card title and actions overlay for card-bg-image and card-media .card-actions .pager .pager-item.item-current { display: none; } +.card-actions .pager-summary + .pager { + margin-left: -8px; } + .card-actions .pager-summary { display: inline-block; font-size: 14px; line-height: 20px; - margin: 18px 8px; + margin: 18px 16px 18px 8px; color: rgba(0, 0, 0, 0.54); } +@media (min-width: 568px) { + .card-actions .pager-summary + .pager { + margin-left: -16px; } + .card-actions .pager-summary { + margin-right: 24px; } } + .messages-status { background: #e8f5e9; } .messages-status:before { @@ -2612,10 +2910,13 @@ ul.messages-list { .toolbar-horizontal.navbar-fixed #navbar, .toolbar-horizontal #drawer { top: 39px; } + .toolbar-horizontal.toolbar-tray-open.navbar-fixed #navbar, .toolbar-horizontal.toolbar-tray-open #drawer { top: 79px; } + .toolbar-horizontal.toolbar-tray-open.admin-toolbar.navbar-fixed #navbar, .toolbar-horizontal.toolbar-tray-open.admin-toolbar #drawer { top: 80px; } + .toolbar-horizontal.toolbar-tray-open.admin-toolbar.adminimal-admin-toolbar.navbar-fixed #navbar, .toolbar-horizontal.toolbar-tray-open.admin-toolbar.adminimal-admin-toolbar #drawer { top: 79px; } @@ -2628,7 +2929,6 @@ ul.messages-list { @media (min-width: 992px) { .toolbar-vertical.drawer-below-navbar #drawer { top: 103px; } - .toolbar-horizontal.drawer-below-navbar #drawer { top: 103px; } .toolbar-horizontal.toolbar-tray-open.drawer-below-navbar #drawer { @@ -2637,6 +2937,7 @@ ul.messages-list { top: 144px; } .toolbar-horizontal.toolbar-tray-open.admin-toolbar.adminimal-admin-toolbar.drawer-below-navbar #drawer { top: 143px; } } + /* user pages */ .layout-container { margin: 0; } @@ -2649,19 +2950,14 @@ ul.messages-list { background: #607d8b; color: #FFF; } .maintenance-page #page { - -webkit-box-pack: center; - justify-content: center; - -webkit-box-align: center; - align-items: center; } + justify-content: center; + align-items: center; } .maintenance-page #logo-box { width: 320px; height: 320px; - display: -webkit-box; display: flex; - -webkit-box-pack: center; - justify-content: center; - -webkit-box-align: center; - align-items: center; } + justify-content: center; + align-items: center; } .maintenance-page #logo-box img { width: 240px; height: auto; } diff --git a/css/theme-dark.css b/css/theme-dark.css old mode 100644 new mode 100755 index 03bd8f6..c247404 --- a/css/theme-dark.css +++ b/css/theme-dark.css @@ -1,4 +1,5 @@ /* break points */ +/* mixins and functions */ .theme-dark { color: #FFF; background: #303030; } @@ -135,17 +136,15 @@ color: #FFF; } .theme-dark .form-item select option { color: rgba(0, 0, 0, 0.87); } - .theme-dark .form-item input[type="text"], .theme-dark .form-item input[type="email"], .theme-dark .form-item input[type="password"], .theme-dark .form-item input[type="search"], .theme-dark .form-item textarea, .theme-dark .form-item select { + .theme-dark .form-item input[type="text"], .theme-dark .form-item input[type="email"], .theme-dark .form-item input[type="password"], .theme-dark .form-item input[type="search"], .theme-dark .form-item input[type="tel"], .theme-dark .form-item textarea, .theme-dark .form-item select { border-bottom-color: rgba(255, 255, 255, 0.12); } - .theme-dark .form-item input[type="text"]:focus, .theme-dark .form-item input[type="text"].error:focus, .theme-dark .form-item input[type="email"]:focus, .theme-dark .form-item input[type="email"].error:focus, .theme-dark .form-item input[type="password"]:focus, .theme-dark .form-item input[type="password"].error:focus, .theme-dark .form-item input[type="search"]:focus, .theme-dark .form-item input[type="search"].error:focus, .theme-dark .form-item textarea:focus, .theme-dark .form-item textarea.error:focus, .theme-dark .form-item select:focus, .theme-dark .form-item select.error:focus { + .theme-dark .form-item input[type="text"]:focus, .theme-dark .form-item input[type="text"].error:focus, .theme-dark .form-item input[type="email"]:focus, .theme-dark .form-item input[type="email"].error:focus, .theme-dark .form-item input[type="password"]:focus, .theme-dark .form-item input[type="password"].error:focus, .theme-dark .form-item input[type="search"]:focus, .theme-dark .form-item input[type="search"].error:focus, .theme-dark .form-item input[type="tel"]:focus, .theme-dark .form-item input[type="tel"].error:focus, .theme-dark .form-item textarea:focus, .theme-dark .form-item textarea.error:focus, .theme-dark .form-item select:focus, .theme-dark .form-item select.error:focus { border-bottom-color: #40c4ff; } - .theme-dark .form-item input[type="text"]:-moz-placeholder, .theme-dark .form-item input[type="email"]:-moz-placeholder, .theme-dark .form-item input[type="password"]:-moz-placeholder, .theme-dark .form-item input[type="search"]:-moz-placeholder, .theme-dark .form-item textarea:-moz-placeholder, .theme-dark .form-item select:-moz-placeholder { + .theme-dark .form-item input[type="text"]::-webkit-input-placeholder, .theme-dark .form-item input[type="email"]::-webkit-input-placeholder, .theme-dark .form-item input[type="password"]::-webkit-input-placeholder, .theme-dark .form-item input[type="search"]::-webkit-input-placeholder, .theme-dark .form-item input[type="tel"]::-webkit-input-placeholder, .theme-dark .form-item textarea::-webkit-input-placeholder, .theme-dark .form-item select::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3); } - .theme-dark .form-item input[type="text"]::-moz-placeholder, .theme-dark .form-item input[type="email"]::-moz-placeholder, .theme-dark .form-item input[type="password"]::-moz-placeholder, .theme-dark .form-item input[type="search"]::-moz-placeholder, .theme-dark .form-item textarea::-moz-placeholder, .theme-dark .form-item select::-moz-placeholder { + .theme-dark .form-item input[type="text"]:-ms-input-placeholder, .theme-dark .form-item input[type="email"]:-ms-input-placeholder, .theme-dark .form-item input[type="password"]:-ms-input-placeholder, .theme-dark .form-item input[type="search"]:-ms-input-placeholder, .theme-dark .form-item input[type="tel"]:-ms-input-placeholder, .theme-dark .form-item textarea:-ms-input-placeholder, .theme-dark .form-item select:-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); } - .theme-dark .form-item input[type="text"]:-ms-input-placeholder, .theme-dark .form-item input[type="email"]:-ms-input-placeholder, .theme-dark .form-item input[type="password"]:-ms-input-placeholder, .theme-dark .form-item input[type="search"]:-ms-input-placeholder, .theme-dark .form-item textarea:-ms-input-placeholder, .theme-dark .form-item select:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.3); } - .theme-dark .form-item input[type="text"]::-webkit-input-placeholder, .theme-dark .form-item input[type="email"]::-webkit-input-placeholder, .theme-dark .form-item input[type="password"]::-webkit-input-placeholder, .theme-dark .form-item input[type="search"]::-webkit-input-placeholder, .theme-dark .form-item textarea::-webkit-input-placeholder, .theme-dark .form-item select::-webkit-input-placeholder { + .theme-dark .form-item input[type="text"]::placeholder, .theme-dark .form-item input[type="email"]::placeholder, .theme-dark .form-item input[type="password"]::placeholder, .theme-dark .form-item input[type="search"]::placeholder, .theme-dark .form-item input[type="tel"]::placeholder, .theme-dark .form-item textarea::placeholder, .theme-dark .form-item select::placeholder { color: rgba(255, 255, 255, 0.3); } .theme-dark .form-item input[type="radio"], .theme-dark .form-item input[type="checkbox"] { color: rgba(255, 255, 255, 0.7); } @@ -188,13 +187,11 @@ color: rgba(255, 255, 255, 0.7); } .theme-dark .block-search.search-persistent form .form-item.focused input[type="text"], .theme-dark .block-search.search-persistent form input[type="search"] { color: rgba(0, 0, 0, 0.87); } - .theme-dark .block-search.search-persistent form .form-item.focused input[type="text"]:-moz-placeholder, .theme-dark .block-search.search-persistent form input[type="search"]:-moz-placeholder { - color: rgba(0, 0, 0, 0.26); } - .theme-dark .block-search.search-persistent form .form-item.focused input[type="text"]::-moz-placeholder, .theme-dark .block-search.search-persistent form input[type="search"]::-moz-placeholder { + .theme-dark .block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder, .theme-dark .block-search.search-persistent form input[type="search"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.26); } .theme-dark .block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder, .theme-dark .block-search.search-persistent form input[type="search"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.26); } - .theme-dark .block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder, .theme-dark .block-search.search-persistent form input[type="search"]::-webkit-input-placeholder { + .theme-dark .block-search.search-persistent form .form-item.focused input[type="text"]::placeholder, .theme-dark .block-search.search-persistent form input[type="search"]::placeholder { color: rgba(0, 0, 0, 0.26); } .theme-dark .tabs ul li a, .theme-dark ul.tabs li a { color: rgba(255, 255, 255, 0.7); } diff --git a/gulpfile.js b/gulpfile.js index 7206b92..9b073a9 100755 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,6 +1,6 @@ var gulp = require('gulp'); +var sass = require('gulp-sass'); var changed = require('gulp-changed'); -var sass = require('gulp-ruby-sass'); var autoprefixer = require('gulp-autoprefixer'); var imagemin = require('gulp-imagemin'); @@ -9,15 +9,16 @@ var CSS = 'css'; var IMG = 'img'; gulp.task('sass', function () { - return sass(SASS + '/**/*.scss', { - compass: true - }) - .on('error', sass.logError) + return gulp.src(SASS + '/**/*.scss') + .pipe(sass({ + includePaths: ['./node_modules/breakpoint-sass/stylesheets'] + }).on('error', sass.logError)) .pipe(gulp.dest(CSS)); }); gulp.task('autoprefixer', ['sass'], function() { gulp.src(CSS + '/*.css') + //.pipe(changed(CSS)) .pipe(autoprefixer({ browsers: ['> 1%'] })) diff --git a/js/prism.js b/js/prism.js index 4c3d059..4233281 100755 --- a/js/prism.js +++ b/js/prism.js @@ -1,4 +1,5 @@ -/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+apacheconf+c+bash+cpp+csharp+ruby+css-extras+git+java+json+markdown+nginx+php+php-extras+sass+scss+twig+yaml&plugins=line-highlight */ +/* PrismJS 1.10.0 +http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+apacheconf+c+bash+cpp+ruby+css-extras+git+java+json+markdown+nginx+php+php-extras+sass+scss+twig+yaml&plugins=line-numbers */ var _self = (typeof window !== 'undefined') ? window // if in browser : ( @@ -21,6 +22,7 @@ var uniqueId = 0; var _ = _self.Prism = { manual: _self.Prism && _self.Prism.manual, + disableWorkerMessageHandler: _self.Prism && _self.Prism.disableWorkerMessageHandler, util: { encode: function (tokens) { if (tokens instanceof Token) { @@ -155,6 +157,10 @@ var _ = _self.Prism = { plugins: {}, highlightAll: function(async, callback) { + _.highlightAllUnder(document, async, callback); + }, + + highlightAllUnder: function(container, async, callback) { var env = { callback: callback, selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code' @@ -162,7 +168,7 @@ var _ = _self.Prism = { _.hooks.run("before-highlightall", env); - var elements = env.elements || document.querySelectorAll(env.selector); + var elements = env.elements || container.querySelectorAll(env.selector); for (var i=0, element; element = elements[i++];) { _.highlightElement(element, async === true, env.callback); @@ -185,11 +191,13 @@ var _ = _self.Prism = { // Set language on the element, if not present element.className = element.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language; - // Set language on the parent, for styling - parent = element.parentNode; + if (element.parentNode) { + // Set language on the parent, for styling + parent = element.parentNode; - if (/pre/i.test(parent.nodeName)) { - parent.className = parent.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language; + if (/pre/i.test(parent.nodeName)) { + parent.className = parent.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language; + } } var code = element.textContent; @@ -480,18 +488,21 @@ if (!_self.document) { // in Node.js return _self.Prism; } - // In worker - _self.addEventListener('message', function(evt) { - var message = JSON.parse(evt.data), - lang = message.language, - code = message.code, - immediateClose = message.immediateClose; - - _self.postMessage(_.highlight(code, _.languages[lang], lang)); - if (immediateClose) { - _self.close(); - } - }, false); + + if (!_.disableWorkerMessageHandler) { + // In worker + _self.addEventListener('message', function (evt) { + var message = JSON.parse(evt.data), + lang = message.language, + code = message.code, + immediateClose = message.immediateClose; + + _self.postMessage(_.highlight(code, _.languages[lang], lang)); + if (immediateClose) { + _self.close(); + } + }, false); + } return _self.Prism; } @@ -600,7 +611,7 @@ Prism.languages.css = { pattern: /("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/, greedy: true }, - 'property': /[\w-]+(?=\s*:)/i, + 'property': /[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i, 'important': /\B!important\b/i, 'function': /[-a-z0-9]+(?=\()/i, 'punctuation': /[(){};:]/ @@ -614,10 +625,11 @@ if (Prism.languages.markup) { pattern: /()[\s\S]*?(?=<\/style>)/i, lookbehind: true, inside: Prism.languages.css, - alias: 'language-css' + alias: 'language-css', + greedy: true } }); - + Prism.languages.insertBefore('inside', 'attr-value', { 'style-attr': { pattern: /\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i, @@ -670,7 +682,7 @@ Prism.languages.javascript = Prism.languages.extend('clike', { 'keyword': /\b(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|var|void|while|with|yield)\b/, 'number': /\b-?(?:0[xX][\dA-Fa-f]+|0[bB][01]+|0[oO][0-7]+|\d*\.?\d+(?:[Ee][+-]?\d+)?|NaN|Infinity)\b/, // Allow for all non-ASCII characters (See http://stackoverflow.com/a/2008444) - 'function': /[_$a-zA-Z\xA0-\uFFFF][_$a-zA-Z0-9\xA0-\uFFFF]*(?=\s*\()/i, + 'function': /[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*\()/i, 'operator': /-[-=]?|\+[+=]?|!=?=?|<>?>?=?|=(?:==?|>)?|&[&=]?|\|[|=]?|\*\*?=?|\/=?|~|\^=?|%=?|\?|\.{3}/ }); @@ -682,7 +694,7 @@ Prism.languages.insertBefore('javascript', 'keyword', { }, // This must be declared before keyword because we use "function" inside the look-forward 'function-variable': { - pattern: /[_$a-zA-Z\xA0-\uFFFF][_$a-zA-Z0-9\xA0-\uFFFF]*(?=\s*=\s*(?:function\b|(?:\([^()]*\)|[_$a-zA-Z\xA0-\uFFFF][_$a-zA-Z0-9\xA0-\uFFFF]*)\s*=>))/i, + pattern: /[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=\s*(?:function\b|(?:\([^()]*\)|[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/i, alias: 'function' } }); @@ -713,7 +725,8 @@ if (Prism.languages.markup) { pattern: /()[\s\S]*?(?=<\/script>)/i, lookbehind: true, inside: Prism.languages.javascript, - alias: 'language-javascript' + alias: 'language-javascript', + greedy: true } }); } @@ -895,45 +908,14 @@ Prism.languages.insertBefore('cpp', 'keyword', { lookbehind: true } }); -Prism.languages.csharp = Prism.languages.extend('clike', { - 'keyword': /\b(abstract|as|async|await|base|bool|break|byte|case|catch|char|checked|class|const|continue|decimal|default|delegate|do|double|else|enum|event|explicit|extern|false|finally|fixed|float|for|foreach|goto|if|implicit|in|int|interface|internal|is|lock|long|namespace|new|null|object|operator|out|override|params|private|protected|public|readonly|ref|return|sbyte|sealed|short|sizeof|stackalloc|static|string|struct|switch|this|throw|true|try|typeof|uint|ulong|unchecked|unsafe|ushort|using|virtual|void|volatile|while|add|alias|ascending|async|await|descending|dynamic|from|get|global|group|into|join|let|orderby|partial|remove|select|set|value|var|where|yield)\b/, - 'string': [ - { - pattern: /@("|')(?:\1\1|\\[\s\S]|(?!\1)[^\\])*\1/, - greedy: true - }, - { - pattern: /("|')(?:\\.|(?!\1)[^\\\r\n])*?\1/, - greedy: true - } - ], - 'number': /\b-?(?:0x[\da-f]+|\d*\.?\d+f?)\b/i -}); -Prism.languages.insertBefore('csharp', 'keyword', { - 'generic-method': { - pattern: /[a-z0-9_]+\s*<[^>\r\n]+?>\s*(?=\()/i, - alias: 'function', - inside: { - keyword: Prism.languages.csharp.keyword, - punctuation: /[<>(),.:]/ - } - }, - 'preprocessor': { - pattern: /(^\s*)#.*/m, - lookbehind: true, - alias: 'property', - inside: { - // highlight preprocessor directives as keywords - 'directive': { - pattern: /(\s*#)\b(?:define|elif|else|endif|endregion|error|if|line|pragma|region|undef|warning)\b/, - lookbehind: true, - alias: 'keyword' - } - } +Prism.languages.insertBefore('cpp', 'string', { + 'raw-string': { + pattern: /R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/, + alias: 'string', + greedy: true } }); - /** * Original by Samuel Flores * @@ -1321,6 +1303,10 @@ Prism.languages.insertBefore('nginx', 'keyword', { */ Prism.languages.php = Prism.languages.extend('clike', { + 'string': { + pattern: /(["'])(?:\\[\s\S]|(?!\1)[^\\])*\1/, + greedy: true + }, 'keyword': /\b(?:and|or|xor|array|as|break|case|cfunction|class|const|continue|declare|default|die|do|else|elseif|enddeclare|endfor|endforeach|endif|endswitch|endwhile|extends|for|foreach|function|include|include_once|global|if|new|return|static|switch|use|require|require_once|var|while|abstract|interface|public|implements|private|protected|parent|throw|null|echo|print|trait|namespace|final|yield|goto|instanceof|finally|try|catch)\b/i, 'constant': /\b[A-Z0-9_]{2,}\b/, 'comment': { @@ -1675,156 +1661,162 @@ Prism.languages.yaml = { 'punctuation': /---|[:[\]{}\-,|>?]|\.\.\./ }; -(function(){ - -if (typeof self === 'undefined' || !self.Prism || !self.document || !document.querySelector) { - return; -} +(function () { -function $$(expr, con) { - return Array.prototype.slice.call((con || document).querySelectorAll(expr)); -} - -function hasClass(element, className) { - className = " " + className + " "; - return (" " + element.className + " ").replace(/[\n\t]/g, " ").indexOf(className) > -1 -} - -// Some browsers round the line-height, others don't. -// We need to test for it to position the elements properly. -var isLineHeightRounded = (function() { - var res; - return function() { - if(typeof res === 'undefined') { - var d = document.createElement('div'); - d.style.fontSize = '13px'; - d.style.lineHeight = '1.5'; - d.style.padding = 0; - d.style.border = 0; - d.innerHTML = ' 
 '; - document.body.appendChild(d); - // Browsers that round the line-height should have offsetHeight === 38 - // The others should have 39. - res = d.offsetHeight === 38; - document.body.removeChild(d); - } - return res; + if (typeof self === 'undefined' || !self.Prism || !self.document) { + return; } -}()); -function highlightLines(pre, lines, classes) { - var ranges = lines.replace(/\s+/g, '').split(','), - offset = +pre.getAttribute('data-line-offset') || 0; + /** + * Plugin name which is used as a class name for
 which is activating the plugin
+	 * @type {String}
+	 */
+	var PLUGIN_NAME = 'line-numbers';
+	
+	/**
+	 * Regular expression used for determining line breaks
+	 * @type {RegExp}
+	 */
+	var NEW_LINE_EXP = /\n(?!$)/g;
 
-	var parseMethod = isLineHeightRounded() ? parseInt : parseFloat;
-	var lineHeight = parseMethod(getComputedStyle(pre).lineHeight);
+	/**
+	 * Resizes line numbers spans according to height of line of code
+	 * @param {Element} element 
 element
+	 */
+	var _resizeElement = function (element) {
+		var codeStyles = getStyles(element);
+		var whiteSpace = codeStyles['white-space'];
 
-	for (var i=0, range; range = ranges[i++];) {
-		range = range.split('-');
+		if (whiteSpace === 'pre-wrap' || whiteSpace === 'pre-line') {
+			var codeElement = element.querySelector('code');
+			var lineNumbersWrapper = element.querySelector('.line-numbers-rows');
+			var lineNumberSizer = element.querySelector('.line-numbers-sizer');
+			var codeLines = codeElement.textContent.split(NEW_LINE_EXP);
 
-		var start = +range[0],
-		    end = +range[1] || start;
+			if (!lineNumberSizer) {
+				lineNumberSizer = document.createElement('span');
+				lineNumberSizer.className = 'line-numbers-sizer';
 
-		var line = document.createElement('div');
+				codeElement.appendChild(lineNumberSizer);
+			}
 
-		line.textContent = Array(end - start + 2).join(' \n');
-		line.setAttribute('aria-hidden', 'true');
-		line.className = (classes || '') + ' line-highlight';
+			lineNumberSizer.style.display = 'block';
 
-		//if the line-numbers plugin is enabled, then there is no reason for this plugin to display the line numbers
-		if(!hasClass(pre, 'line-numbers')) {
-			line.setAttribute('data-start', start);
+			codeLines.forEach(function (line, lineNumber) {
+				lineNumberSizer.textContent = line || '\n';
+				var lineSize = lineNumberSizer.getBoundingClientRect().height;
+				lineNumbersWrapper.children[lineNumber].style.height = lineSize + 'px';
+			});
 
-			if(end > start) {
-				line.setAttribute('data-end', end);
-			}
+			lineNumberSizer.textContent = '';
+			lineNumberSizer.style.display = 'none';
 		}
+	};
 
-		line.style.top = (start - offset - 1) * lineHeight + 'px';
-
-		//allow this to play nicely with the line-numbers plugin
-		if(hasClass(pre, 'line-numbers')) {
-			//need to attack to pre as when line-numbers is enabled, the code tag is relatively which screws up the positioning
-			pre.appendChild(line);
-		} else {
-			(pre.querySelector('code') || pre).appendChild(line);
+	/**
+	 * Returns style declarations for the element
+	 * @param {Element} element
+	 */
+	var getStyles = function (element) {
+		if (!element) {
+			return null;
 		}
-	}
-}
 
-function applyHash() {
-	var hash = location.hash.slice(1);
+		return window.getComputedStyle ? getComputedStyle(element) : (element.currentStyle || null);
+	};
 
-	// Remove pre-existing temporary lines
-	$$('.temporary.line-highlight').forEach(function (line) {
-		line.parentNode.removeChild(line);
+	window.addEventListener('resize', function () {
+		Array.prototype.forEach.call(document.querySelectorAll('pre.' + PLUGIN_NAME), _resizeElement);
 	});
 
-	var range = (hash.match(/\.([\d,-]+)$/) || [,''])[1];
+	Prism.hooks.add('complete', function (env) {
+		if (!env.code) {
+			return;
+		}
 
-	if (!range || document.getElementById(hash)) {
-		return;
-	}
+		// works only for  wrapped inside 
 (not inline)
+		var pre = env.element.parentNode;
+		var clsReg = /\s*\bline-numbers\b\s*/;
+		if (
+			!pre || !/pre/i.test(pre.nodeName) ||
+			// Abort only if nor the 
 nor the  have the class
+			(!clsReg.test(pre.className) && !clsReg.test(env.element.className))
+		) {
+			return;
+		}
 
-	var id = hash.slice(0, hash.lastIndexOf('.')),
-	    pre = document.getElementById(id);
+		if (env.element.querySelector('.line-numbers-rows')) {
+			// Abort if line numbers already exists
+			return;
+		}
 
-	if (!pre) {
-		return;
-	}
+		if (clsReg.test(env.element.className)) {
+			// Remove the class 'line-numbers' from the 
+			env.element.className = env.element.className.replace(clsReg, ' ');
+		}
+		if (!clsReg.test(pre.className)) {
+			// Add the class 'line-numbers' to the 
+			pre.className += ' line-numbers';
+		}
 
-	if (!pre.hasAttribute('data-line')) {
-		pre.setAttribute('data-line', '');
-	}
+		var match = env.code.match(NEW_LINE_EXP);
+		var linesNum = match ? match.length + 1 : 1;
+		var lineNumbersWrapper;
 
-	highlightLines(pre, range, 'temporary ');
+		var lines = new Array(linesNum + 1);
+		lines = lines.join('');
 
-	document.querySelector('.temporary.line-highlight').scrollIntoView();
-}
+		lineNumbersWrapper = document.createElement('span');
+		lineNumbersWrapper.setAttribute('aria-hidden', 'true');
+		lineNumbersWrapper.className = 'line-numbers-rows';
+		lineNumbersWrapper.innerHTML = lines;
 
-var fakeTimer = 0; // Hack to limit the number of times applyHash() runs
+		if (pre.hasAttribute('data-start')) {
+			pre.style.counterReset = 'linenumber ' + (parseInt(pre.getAttribute('data-start'), 10) - 1);
+		}
 
-Prism.hooks.add('before-sanity-check', function(env) {
-	var pre = env.element.parentNode;
-	var lines = pre && pre.getAttribute('data-line');
+		env.element.appendChild(lineNumbersWrapper);
 
-	if (!pre || !lines || !/pre/i.test(pre.nodeName)) {
-		return;
-	}
-	
-	/*
-	* Cleanup for other plugins (e.g. autoloader).
-	 *
-	 * Sometimes  blocks are highlighted multiple times. It is necessary
-	 * to cleanup any left-over tags, because the whitespace inside of the 
- * tags change the content of the tag. - */ - var num = 0; - $$('.line-highlight', pre).forEach(function (line) { - num += line.textContent.length; - line.parentNode.removeChild(line); - }); - // Remove extra whitespace - if (num && /^( \n)+$/.test(env.code.slice(-num))) { - env.code = env.code.slice(0, -num); - } -}); + _resizeElement(pre); -Prism.hooks.add('complete', function(env) { - var pre = env.element.parentNode; - var lines = pre && pre.getAttribute('data-line'); + Prism.hooks.run('line-numbers', env); + }); - if (!pre || !lines || !/pre/i.test(pre.nodeName)) { - return; - } + Prism.hooks.add('line-numbers', function (env) { + env.plugins = env.plugins || {}; + env.plugins.lineNumbers = true; + }); + + /** + * Global exports + */ + Prism.plugins.lineNumbers = { + /** + * Get node for provided line number + * @param {Element} element pre element + * @param {Number} number line number + * @return {Element|undefined} + */ + getLine: function (element, number) { + if (element.tagName !== 'PRE' || !element.classList.contains(PLUGIN_NAME)) { + return; + } - clearTimeout(fakeTimer); - highlightLines(pre, lines); + var lineNumberRows = element.querySelector('.line-numbers-rows'); + var lineNumberStart = parseInt(element.getAttribute('data-start'), 10) || 1; + var lineNumberEnd = lineNumberStart + (lineNumberRows.children.length - 1); - fakeTimer = setTimeout(applyHash, 1); -}); + if (number < lineNumberStart) { + number = lineNumberStart; + } + if (number > lineNumberEnd) { + number = lineNumberEnd; + } - window.addEventListener('hashchange', applyHash); + var lineIndex = number - lineNumberStart; -})(); + return lineNumberRows.children[lineIndex]; + } + }; +}()); diff --git a/package.json b/package.json index 06c5068..7dffae4 100755 --- a/package.json +++ b/package.json @@ -1,18 +1,23 @@ { "name": "Material base", - "version": "1.0.0", + "version": "1.3", "description": "Drupal theme.", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, + "repository": { + "type": "git", + "url" : "https://github.com/i-amdroid/material_base.git" + }, "author": "iamdroid", "license": "ISC", "dependencies": { + "breakpoint-sass": "^2.7.1", "gulp": "^3.9.0", "gulp-autoprefixer": "^3.1.0", "gulp-changed": "^1.3.0", "gulp-imagemin": "^3.1.1", - "gulp-ruby-sass": "^2.0.6" + "gulp-sass": "^4.0.1" } } diff --git a/sass/_modules.scss b/sass/_modules.scss index 4685b41..69d89c8 100755 --- a/sass/_modules.scss +++ b/sass/_modules.scss @@ -94,11 +94,11 @@ ol ul, ol ol, ul ol, ul ul { margin-top: 0; margin-bottom: 0; } table { width: 100%; margin-top: 16px; margin-bottom: 16px; border-collapse: collapse; background: $color-bg-card; } // TDV tr { border-bottom: 1px solid #e0e0e0; } -tr + tr:last-child { border-bottom: 0; } +tbody tr:last-child { border-bottom: 0; } th, td { padding: 12px 12px; } th:first-child, td:first-child { padding-left: 16px; } th:last-child, td:last-child { padding-right: 16px; } -th { font-weight: 500; color: $color-text-secondary; } // TDV +th { font-weight: 500; color: $color-text-secondary; text-align: left; } // TDV tr:hover { background: $color-bg-hover; } // TDV code, kbd, pre, samp { font-family: 'Roboto mono', Consolas, monospace; font-size: 15px; } @@ -501,10 +501,10 @@ tr.selected:hover { background: $color-bg-hover; } // TDV input, textarea, select { border: 0; margin: 0; background: none; outline: 0; appearance: none; border-radius: 0; color: $color-text; font-family: $font-family; font-size: 16px; } // TDV - input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea, select { display: block; width: 100%; max-width: 460px; border-bottom: 1px solid $color-divider; padding: 8px 0; + input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], textarea, select { display: block; width: 100%; max-width: 460px; border-bottom: 1px solid $color-divider; padding: 8px 0; &:focus, &.error:focus { border-bottom: 2px solid $color-accent; padding-bottom: 7px; } &.error { border-bottom: 2px solid color($red); padding: 8px 0 7px; } - @include input-placeholder { color: $color-text-disabled; } + &::placeholder { color: $color-text-disabled; } } // TDV CTV D7 input[type="radio"], input[type="checkbox"] { display: inline-block; color: $color-text-secondary; float: left; margin-top: 6px; margin-right: 12px; } // TDV input[type="checkbox"]:before { @extend .material-icons; content: 'check_box_outline_blank'; margin-top: -7px; } @@ -718,7 +718,7 @@ navbar overlaying header-content (for sliders) .form-item { input[type="text"], input[type="search"] { color: contrast-color($color-primary); border-bottom: 1px solid contrast-color($color-primary, $color-text, $color-text-light); - @include input-placeholder { color: contrast-color($color-primary, $color-text-disabled, $color-text-light-disabled); } + &::placeholder { color: contrast-color($color-primary, $color-text-disabled, $color-text-light-disabled); } &:focus, &.error:focus { border-bottom: 2px solid; padding-bottom: 7px; } } // D7 &.icon-left:before { color: contrast-color($color-primary); } @@ -731,7 +731,7 @@ navbar overlaying header-content (for sliders) } // D7 &.focused.icon-left:before { color: $color-text; } &.focused input[type="text"], input[type="search"] { color: $color-text; - @include input-placeholder { color: $color-text-disabled; } + &::placeholder { color: $color-text-disabled; } } // D7 } } @@ -747,7 +747,7 @@ navbar overlaying header-content (for sliders) &:hover { background: color($grey, 50); } &.focused { background: #FFF; } input[type="text"], input[type="search"] { color: $color-text; - @include input-placeholder { color: $color-text-disabled; } + &::placeholder { color: $color-text-disabled; } } // D7 &.icon-left:before { color: $color-text; } } @@ -778,6 +778,7 @@ navbar overlaying header-content (for sliders) .ui-menu-item a { padding: 8px 12px 8px 60px; } } } // TDV D7 +.search-api-autocomplete-search .ui-menu-item-wrapper.ui-state-active .search-api-autocomplete-suggestion { background: none; color: inherit; } /* tabs */ .tabs ul, ul.tabs { list-style: none; display: flex; padding-left: 0; @@ -1025,9 +1026,15 @@ card title and actions overlay for card-bg-image and card-media } .pager-item.item-current { display: none; } } + .card-actions .pager-summary + & { margin-left: -8px; } } -.card-actions .pager-summary { display: inline-block; font-size: 14px; line-height: 20px; margin: 18px 8px; color: $color-text-secondary; } // TDV +.card-actions .pager-summary { display: inline-block; font-size: 14px; line-height: 20px; margin: 18px 16px 18px 8px; color: $color-text-secondary; } // TDV + +@include breakpoint($xs) { + .card-actions .pager-summary + .pager { margin-left: -16px; } + .card-actions .pager-summary { margin-right: 24px; } +} // messages .messages-status { @extend .info; background: color($green, 50); diff --git a/sass/_reset.scss b/sass/_reset.scss new file mode 100644 index 0000000..b06abab --- /dev/null +++ b/sass/_reset.scss @@ -0,0 +1,55 @@ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font: inherit; + font-size: 100%; + vertical-align: baseline; +} + +html { + line-height: 1; +} + +ol, ul { + list-style: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +caption, th, td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} + +q, blockquote { + quotes: none; +} +q:before, q:after, blockquote:before, blockquote:after { + content: ""; + content: none; +} + +a img { + border: none; +} + +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { + display: block; +} diff --git a/sass/_variables.scss b/sass/_variables.scss index b019221..7322746 100755 --- a/sass/_variables.scss +++ b/sass/_variables.scss @@ -23,9 +23,6 @@ $color-text-light-secondary: rgba($color-text-light, .70) !default; $color-text-light-disabled: rgba($color-text-light, .30) !default; $color-light-divider: rgba($color-text-light, .12) !default; -$contrasted-dark-default: $color-text; //compass contrast -$contrasted-light-default: $color-text-light; //compass contrast - $color-primary-base: $blue-grey !default; //$blue-grey $color-accent-base: $light-blue !default; //$light-blue @@ -79,3 +76,33 @@ $max-sm: $sm - 1px; $max-md: $md - 1px; $max-lg: $lg - 1px; $max-xl: $xl - 1px; + +/* mixins and functions */ + +@mixin link-colors($normal, $hover: false, $active: false, $visited: false, $focus: false) { + color: $normal; + @if $visited { + &:visited { color: $visited; } + } + @if $focus { + &:focus { color: $focus; } + } + @if $hover { + &:hover { color: $hover; } + } + @if $active { + &:active { color: $active; } + } +} + +@function brightness($color) { + @return (red($color) + green($color) + blue($color)) / (255 * 3); +} + +@function brightness_ratio($base, $color) { + @return abs(brightness($base) - brightness($color)); +} + +@function contrast-color($base, $color1: $color-text, $color2: $color-text-light) { + @return if(brightness_ratio($base, $color1) > brightness_ratio($base, $color2), $color1, $color2); +} diff --git a/sass/color-themes.scss b/sass/color-themes.scss index 72a95ef..2b63640 100755 --- a/sass/color-themes.scss +++ b/sass/color-themes.scss @@ -1,8 +1,5 @@ @charset "UTF-8"; -@import "compass"; -@import "compass/css3"; - @import "color-palette"; @import "variables"; @@ -77,7 +74,7 @@ $accent-colors: ( form .form-item { input[type="text"], input[type="search"] { color: contrast-color(color($color-value)); border-bottom: 1px solid contrast-color(color($color-value), $color-text, $color-text-light); - @include input-placeholder { color: contrast-color(color($color-value), $color-text-disabled, $color-text-light-disabled); } + &::placeholder { color: contrast-color(color($color-value), $color-text-disabled, $color-text-light-disabled); } } &.icon-left:before { color: contrast-color(color($color-value)); } } @@ -145,7 +142,7 @@ $accent-colors: ( } .form-item { & .focused label { color: color($color-value, a200); } - input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea, select { + input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], textarea, select { &:focus, &.error:focus { border-color: color($color-value, a200); } } input[type="checkbox"]:checked:before, input[type="radio"]:checked:before { color: color($color-value, a200); } diff --git a/sass/icons.scss b/sass/icons.scss index 9fa4662..c7adcd8 100755 --- a/sass/icons.scss +++ b/sass/icons.scss @@ -1,6 +1,5 @@ @charset "UTF-8"; -@import "compass"; @import "color-palette"; @import "variables"; diff --git a/sass/services-icons.scss b/sass/services-icons.scss index ae23e83..3ed0210 100644 --- a/sass/services-icons.scss +++ b/sass/services-icons.scss @@ -1,6 +1,5 @@ @charset "UTF-8"; -@import "compass"; @import "color-palette"; @import "variables"; diff --git a/sass/styles.scss b/sass/styles.scss index d7a533e..9ab4284 100755 --- a/sass/styles.scss +++ b/sass/styles.scss @@ -1,9 +1,6 @@ @charset "UTF-8"; -@import "compass"; -@import "compass/reset"; -@import "compass/css3"; -@import "compass/css3/flexbox"; +@import "reset"; @import "breakpoint"; @import "color-palette"; diff --git a/sass/theme-dark.scss b/sass/theme-dark.scss index 1010d52..e6a2409 100755 --- a/sass/theme-dark.scss +++ b/sass/theme-dark.scss @@ -1,8 +1,5 @@ @charset "UTF-8"; -@import "compass"; -@import "compass/css3"; - @import "color-palette"; @import "variables"; @@ -93,9 +90,9 @@ &.focused label { color: $color-accent-light } input, textarea, select { color: $color-text-light; } select option { color: $color-text; } - input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea, select { border-bottom-color: $color-light-divider; + input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], textarea, select { border-bottom-color: $color-light-divider; &:focus, &.error:focus { border-bottom-color: $color-accent-light } - @include input-placeholder { color: $color-text-light-disabled; } + &::placeholder { color: $color-text-light-disabled; } } input[type="radio"], input[type="checkbox"] { color: $color-text-light-secondary; } input[type="checkbox"]:checked:before { color: $color-accent-light } @@ -130,7 +127,7 @@ .block-search.search-persistent form { .form-item.focused input[type="text"], input[type="search"] { color: $color-text; - @include input-placeholder { color: $color-text-disabled; } + &::placeholder { color: $color-text-disabled; } } } diff --git a/starterkits/material_cascade/config.rb b/starterkits/material_cascade/config.rb deleted file mode 100644 index cc39b85..0000000 --- a/starterkits/material_cascade/config.rb +++ /dev/null @@ -1,47 +0,0 @@ -require 'compass/import-once/activate' -# Require any additional compass plugins here. - -require 'breakpoint' - -# Set this to the root of your project when deployed: -http_path = "/" -css_dir = "css" -sass_dir = "sass" -images_dir = "img" -javascripts_dir = "js" - -# You can select your preferred output style here (can be overridden via the command line): -# output_style = :expanded or :nested or :compact or :compressed - -# To enable relative paths to assets via compass helper functions. Uncomment: -relative_assets = true - -# To disable debugging comments that display the original location of your selectors. Uncomment: -line_comments = false - - -# If you prefer the indented syntax, you might want to regenerate this -# project again passing --syntax sass, or you can uncomment this: -# preferred_syntax = :sass -# and then run: -# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass - -# ----- autoprefixer ------ https://github.com/postcss/autoprefixer - -# require 'autoprefixer-rails'# - -# on_stylesheet_saved do |file| -# css = File.read(file) -# map = file + '.map'# - -# if File.exists? map -# result = AutoprefixerRails.process(css, -# from: file, -# to: file, -# map: { prev: File.read(map), inline: false }) -# File.open(file, 'w') { |io| io << result.css } -# File.open(map, 'w') { |io| io << result.map } -# else -# File.open(file, 'w') { |io| io << AutoprefixerRails.process(css) } -# end -# end diff --git a/starterkits/material_cascade/gulpfile.js b/starterkits/material_cascade/gulpfile.js old mode 100644 new mode 100755 index 7206b92..9b073a9 --- a/starterkits/material_cascade/gulpfile.js +++ b/starterkits/material_cascade/gulpfile.js @@ -1,6 +1,6 @@ var gulp = require('gulp'); +var sass = require('gulp-sass'); var changed = require('gulp-changed'); -var sass = require('gulp-ruby-sass'); var autoprefixer = require('gulp-autoprefixer'); var imagemin = require('gulp-imagemin'); @@ -9,15 +9,16 @@ var CSS = 'css'; var IMG = 'img'; gulp.task('sass', function () { - return sass(SASS + '/**/*.scss', { - compass: true - }) - .on('error', sass.logError) + return gulp.src(SASS + '/**/*.scss') + .pipe(sass({ + includePaths: ['./node_modules/breakpoint-sass/stylesheets'] + }).on('error', sass.logError)) .pipe(gulp.dest(CSS)); }); gulp.task('autoprefixer', ['sass'], function() { gulp.src(CSS + '/*.css') + //.pipe(changed(CSS)) .pipe(autoprefixer({ browsers: ['> 1%'] })) diff --git a/starterkits/material_cascade/package.json b/starterkits/material_cascade/package.json index 3bd1258..e46fe6d 100644 --- a/starterkits/material_cascade/package.json +++ b/starterkits/material_cascade/package.json @@ -8,11 +8,12 @@ }, "author": "iamdroid", "license": "ISC", - "devDependencies": { + "dependencies": { + "breakpoint-sass": "^2.7.1", "gulp": "^3.9.0", - "gulp-autoprefixer": "^3.0.1", + "gulp-autoprefixer": "^3.1.0", "gulp-changed": "^1.3.0", - "gulp-imagemin": "^2.3.0", - "gulp-ruby-sass": "^2.0.3" + "gulp-imagemin": "^3.1.1", + "gulp-sass": "^4.0.1" } } diff --git a/starterkits/material_cascade/sass/custom.scss b/starterkits/material_cascade/sass/custom.scss index a96e46b..e4bb3c7 100644 --- a/starterkits/material_cascade/sass/custom.scss +++ b/starterkits/material_cascade/sass/custom.scss @@ -1,8 +1,5 @@ @charset "UTF-8"; -@import "compass"; -@import "compass/css3"; -@import "compass/css3/flexbox"; @import "breakpoint"; // colors diff --git a/starterkits/material_compile/config.rb b/starterkits/material_compile/config.rb deleted file mode 100755 index 3ec55ea..0000000 --- a/starterkits/material_compile/config.rb +++ /dev/null @@ -1,47 +0,0 @@ -require 'compass/import-once/activate' -# Require any additional compass plugins here. - -require 'breakpoint' - -# Set this to the root of your project when deployed: -http_path = "/" -css_dir = "css" -sass_dir = "sass" -images_dir = "img" -javascripts_dir = "js" - -# You can select your preferred output style here (can be overridden via the command line): -# output_style = :expanded or :nested or :compact or :compressed - -# To enable relative paths to assets via compass helper functions. Uncomment: -relative_assets = true - -# To disable debugging comments that display the original location of your selectors. Uncomment: -line_comments = false - - -# If you prefer the indented syntax, you might want to regenerate this -# project again passing --syntax sass, or you can uncomment this: -# preferred_syntax = :sass -# and then run: -# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass - -# ----- autoprefixer ------ https://github.com/postcss/autoprefixer - -# require 'autoprefixer-rails'# - -# on_stylesheet_saved do |file| -# css = File.read(file) -# map = file + '.map'# - -# if File.exists? map -# result = AutoprefixerRails.process(css, -# from: file, -# to: file, -# map: { prev: File.read(map), inline: false }) -# File.open(file, 'w') { |io| io << result.css } -# File.open(map, 'w') { |io| io << result.map } -# else -# File.open(file, 'w') { |io| io << AutoprefixerRails.process(css) } -# end -# end diff --git a/starterkits/material_compile/gulpfile.js b/starterkits/material_compile/gulpfile.js index 7206b92..9b073a9 100755 --- a/starterkits/material_compile/gulpfile.js +++ b/starterkits/material_compile/gulpfile.js @@ -1,6 +1,6 @@ var gulp = require('gulp'); +var sass = require('gulp-sass'); var changed = require('gulp-changed'); -var sass = require('gulp-ruby-sass'); var autoprefixer = require('gulp-autoprefixer'); var imagemin = require('gulp-imagemin'); @@ -9,15 +9,16 @@ var CSS = 'css'; var IMG = 'img'; gulp.task('sass', function () { - return sass(SASS + '/**/*.scss', { - compass: true - }) - .on('error', sass.logError) + return gulp.src(SASS + '/**/*.scss') + .pipe(sass({ + includePaths: ['./node_modules/breakpoint-sass/stylesheets'] + }).on('error', sass.logError)) .pipe(gulp.dest(CSS)); }); gulp.task('autoprefixer', ['sass'], function() { gulp.src(CSS + '/*.css') + //.pipe(changed(CSS)) .pipe(autoprefixer({ browsers: ['> 1%'] })) diff --git a/starterkits/material_compile/package.json b/starterkits/material_compile/package.json index 3bd1258..e46fe6d 100644 --- a/starterkits/material_compile/package.json +++ b/starterkits/material_compile/package.json @@ -8,11 +8,12 @@ }, "author": "iamdroid", "license": "ISC", - "devDependencies": { + "dependencies": { + "breakpoint-sass": "^2.7.1", "gulp": "^3.9.0", - "gulp-autoprefixer": "^3.0.1", + "gulp-autoprefixer": "^3.1.0", "gulp-changed": "^1.3.0", - "gulp-imagemin": "^2.3.0", - "gulp-ruby-sass": "^2.0.3" + "gulp-imagemin": "^3.1.1", + "gulp-sass": "^4.0.1" } } diff --git a/starterkits/material_compile/sass/styles.scss b/starterkits/material_compile/sass/styles.scss index af8e926..d5193d2 100644 --- a/starterkits/material_compile/sass/styles.scss +++ b/starterkits/material_compile/sass/styles.scss @@ -1,12 +1,9 @@ @charset "UTF-8"; -@import "compass"; -@import "compass/reset"; -@import "compass/css3"; -@import "compass/css3/flexbox"; @import "breakpoint"; // !!! check path +@import "../../../../../themes/material_base/sass/reset"; @import "../../../../../themes/material_base/sass/color-palette"; @import "variables"; @import "../../../../../themes/material_base/sass/variables";