Commit b81766f6ced4db0bea0786e935bd873ce4647502

Authored by José González
1 parent 33e8944f

Modificaciones para mejorar el sistema de grillas dinámico del concrete5

Showing 72 changed files with 4523 additions and 0 deletions

Too many changes to show.

To preserve performance only 72 of 128 files are displayed.

... ... @@ -10,6 +10,7 @@ use Concrete\Core\Package\Package;
10 10 use Concrete\Core\Block\BlockType\BlockType;
11 11 use Concrete\Core\Block\BlockType\Set as BlockTypeSet;
12 12 use Concrete\Core\Support\Facade\Config;
  13 +use Concrete\Package\ThemeMitic\Src\Bootstrap4\CustomGridFramework;
13 14 use Concrete\Package\ThemeMitic\Src\Search\Pagination\View\Manager;
14 15 use Core;
15 16
... ... @@ -162,6 +163,11 @@ class Controller extends Package
162 163 'jst.animate.assets',
163 164 array()
164 165 );
  166 +
  167 + $manager = Core::make('manager/grid_framework');
  168 + $manager->extend('bootstrap4', function($app) {
  169 + return new CustomGridFramework();
  170 + });
165 171 }
166 172
167 173 /** * * * * * * * * * * * * * * * * * * * * * * * * * *
... ...
  1 +<?php
  2 +
  3 +namespace Concrete\Package\ThemeMitic\Src\Bootstrap4;
  4 +
  5 +use Concrete\Core\Page\Theme\GridFramework\GridFramework;
  6 +
  7 +class CustomGridFramework extends GridFramework
  8 +{
  9 +
  10 + public function supportsNesting()
  11 + {
  12 + return true;
  13 + }
  14 +
  15 + public function getPageThemeGridFrameworkName()
  16 + {
  17 + return t('Twitter Bootstrap');
  18 + }
  19 +
  20 + public function getPageThemeGridFrameworkRowStartHTML()
  21 + {
  22 + return '<div class="row">';
  23 + }
  24 +
  25 + public function getPageThemeGridFrameworkRowEndHTML()
  26 + {
  27 + return '</div>';
  28 + }
  29 +
  30 + public function getPageThemeGridFrameworkContainerStartHTML()
  31 + {
  32 + return '<div class="container">';
  33 + }
  34 +
  35 + public function getPageThemeGridFrameworkContainerEndHTML()
  36 + {
  37 + return '</div>';
  38 + }
  39 +
  40 + public function getPageThemeGridFrameworkColumnClasses()
  41 + {
  42 + $columns = array(
  43 + 'col-sm-1',
  44 + 'col-sm-2',
  45 + 'col-sm-3',
  46 + 'col-sm-4',
  47 + 'col-sm-5',
  48 + 'col-sm-6',
  49 + 'col-sm-7',
  50 + 'col-sm-8',
  51 + 'col-sm-9',
  52 + 'col-sm-10',
  53 + 'col-sm-11',
  54 + 'col-sm-12'
  55 + );
  56 + return $columns;
  57 + }
  58 +
  59 + public function getPageThemeGridFrameworkColumnOffsetClasses()
  60 + {
  61 + $offsets = array(
  62 + 'offset-sm-1',
  63 + 'offset-sm-2',
  64 + 'offset-sm-3',
  65 + 'offset-sm-4',
  66 + 'offset-sm-5',
  67 + 'offset-sm-6',
  68 + 'offset-sm-7',
  69 + 'offset-sm-8',
  70 + 'offset-sm-9',
  71 + 'offset-sm-10',
  72 + 'offset-sm-11',
  73 + 'offset-sm-12'
  74 + );
  75 + return $offsets;
  76 + }
  77 +
  78 + public function getPageThemeGridFrameworkColumnAdditionalClasses()
  79 + {
  80 + return '';
  81 + }
  82 +
  83 + public function getPageThemeGridFrameworkColumnOffsetAdditionalClasses()
  84 + {
  85 + return '';
  86 + }
  87 +
  88 + public function getPageThemeGridFrameworkHideOnExtraSmallDeviceClass()
  89 + {
  90 + return 'hidden-xs-up';
  91 + }
  92 +
  93 + public function getPageThemeGridFrameworkHideOnSmallDeviceClass()
  94 + {
  95 + return 'hidden-sm-up';
  96 + }
  97 +
  98 + public function getPageThemeGridFrameworkHideOnMediumDeviceClass()
  99 + {
  100 + return 'hidden-md-up';
  101 + }
  102 +
  103 + public function getPageThemeGridFrameworkHideOnLargeDeviceClass()
  104 + {
  105 + return 'hidden-lg-up';
  106 + }
  107 +
  108 +
  109 +}
... ...
  1 +div.ccm-block-calendar-wrapper {
  2 +
  3 + a.fc-event, a.fc-event:hover {
  4 + color: #fff;
  5 + }
  6 +}
  7 +
  8 +div.ccm-block-calendar-event-list, div.ccm-block-calendar-event-list-wrapper {
  9 + margin-bottom: 10px;
  10 + clear: both;
  11 +}
  12 +
  13 +div.ccm-block-calendar-event-list-event-date {
  14 + width: 50px;
  15 + height: 50px;
  16 + float: left;
  17 + margin-right: 10px;
  18 + border: 1px solid @accent-background-color;
  19 +}
  20 +
  21 +div.ccm-block-calendar-event-list-event-date span {
  22 + display: block;
  23 + text-align: center;
  24 +}
  25 +
  26 +div.ccm-block-calendar-event-list-event-date span:first-child {
  27 + font-weight: bold;
  28 + background-color: @accent-background-color;
  29 + color: @accent-header-color;
  30 +}
  31 +
  32 +
  33 +div.ccm-block-calendar-event-list-event {
  34 + padding-bottom: 10px;
  35 + clear: both;
  36 +}
  37 +
... ...
  1 +/**
  2 +.---------------------------------------------------------------------.
  3 +| @package: Theme Lazy5basic (a.k.a. Personal Pro)
  4 +| @version: v1.1.8 (25 October 2018)
  5 +| @link: http://italinux.com/personal-pro
  6 +| @docs: http://italinux.com/theme-personal-pro
  7 +|
  8 +| @author: Matteo Montanari <matteo@italinux.com>
  9 +| @link: http://matteo-montanari.com
  10 +'---------------------------------------------------------------------'
  11 +.---------------------------------------------------------------------------.
  12 +| @copyright (c) 2018 |
  13 +| ------------------------------------------------------------------------- |
  14 +| @license: Concrete5.org Marketplace Commercial Add-Ons & Themes License |
  15 +| http://concrete5.org/help/legal/commercial_add-on_license |
  16 +| or just: file://theme_lazy5basic/LICENSE.TXT |
  17 +| |
  18 +| This program is distributed in the hope that it will be useful - WITHOUT |
  19 +| ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or |
  20 +| FITNESS FOR A PARTICULAR PURPOSE. |
  21 +'---------------------------------------------------------------------------'
  22 +*/
  23 +/* Delay Custom seconds
  24 +---------------------------------------------------------*/
  25 +.delay-02s{-webkit-animation-delay:.2s;animation-delay:.2s}.delay-03s{-webkit-animation-delay:.3s;animation-delay:.3s}.delay-04s{-webkit-animation-delay:.4s;animation-delay:.4s}.delay-05s{-webkit-animation-delay:.5s;animation-delay:.5s}.delay-06s{-webkit-animation-delay:.6s;animation-delay:.6s}.delay-07s{-webkit-animation-delay:.7s;animation-delay:.7s}.delay-08s{-webkit-animation-delay:.8s;animation-delay:.8s}.delay-09s{-webkit-animation-delay:.9s;animation-delay:.9s}.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.delay-11s{-webkit-animation-delay:1.1s;animation-delay:1.1s}.delay-12s{-webkit-animation-delay:1.2s;animation-delay:1.2s}.delay-13s{-webkit-animation-delay:1.3s;animation-delay:1.3s}.delay-14s{-webkit-animation-delay:1.4s;animation-delay:1.4s}.delay-15s{-webkit-animation-delay:1.5s;animation-delay:1.5s}.delay-16s{-webkit-animation-delay:1.6s;animation-delay:1.6s}.delay-17s{-webkit-animation-delay:1.7s;animation-delay:1.7s}.delay-18s{-webkit-animation-delay:1.8s;animation-delay:1.8s}.delay-19s{-webkit-animation-delay:1.9s;animation-delay:1.9s}.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.delay-21s{-webkit-animation-delay:2.1s;animation-delay:2.1s}.delay-22s{-webkit-animation-delay:2.2s;animation-delay:2.2s}.delay-23s{-webkit-animation-delay:2.3s;animation-delay:2.3s}.delay-24s{-webkit-animation-delay:2.4s;animation-delay:2.4s}.delay-25s{-webkit-animation-delay:2.5s;animation-delay:2.5s}.delay-26s{-webkit-animation-delay:2.6s;animation-delay:2.6s}.delay-27s{-webkit-animation-delay:2.7s;animation-delay:2.7s}.delay-28s{-webkit-animation-delay:2.8s;animation-delay:2.8s}.delay-29s{-webkit-animation-delay:2.9s;animation-delay:2.9s}.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.delay-31s{-webkit-animation-delay:3.1s;animation-delay:3.1s}.delay-32s{-webkit-animation-delay:3.2s;animation-delay:3.2s}.delay-33s{-webkit-animation-delay:3.3s;animation-delay:3.3s}.delay-34s{-webkit-animation-delay:3.4s;animation-delay:3.4s}.delay-35s{-webkit-animation-delay:3.5s;animation-delay:3.5s}.delay-36s{-webkit-animation-delay:3.6s;animation-delay:3.6s}.delay-37s{-webkit-animation-delay:3.7s;animation-delay:3.7s}.delay-38s{-webkit-animation-delay:3.8s;animation-delay:3.8s}.delay-39s{-webkit-animation-delay:3.9s;animation-delay:3.9s}.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.delay-41s{-webkit-animation-delay:4.1s;animation-delay:4.1s}.delay-42s{-webkit-animation-delay:4.2s;animation-delay:4.2s}.delay-43s{-webkit-animation-delay:4.3s;animation-delay:4.3s}.delay-44s{-webkit-animation-delay:4.4s;animation-delay:4.4s}.delay-45s{-webkit-animation-delay:4.5s;animation-delay:4.5s}.delay-46s{-webkit-animation-delay:4.6s;animation-delay:4.6s}.delay-47s{-webkit-animation-delay:4.7s;animation-delay:4.7s}.delay-48s{-webkit-animation-delay:4.8s;animation-delay:4.8s}.delay-49s{-webkit-animation-delay:4.9s;animation-delay:4.9s}.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.delay-51s{-webkit-animation-delay:5.1s;animation-delay:5.1s}.delay-52s{-webkit-animation-delay:5.2s;animation-delay:5.2s}.delay-53s{-webkit-animation-delay:5.3s;animation-delay:5.3s}.delay-54s{-webkit-animation-delay:5.4s;animation-delay:5.4s}.delay-55s{-webkit-animation-delay:5.5s;animation-delay:5.5s}.delay-56s{-webkit-animation-delay:5.6s;animation-delay:5.6s}.delay-57s{-webkit-animation-delay:5.7s;animation-delay:5.7s}.delay-58s{-webkit-animation-delay:5.8s;animation-delay:5.8s}.delay-59s{-webkit-animation-delay:5.9s;animation-delay:5.9s}.delay-6s{-webkit-animation-delay:6s;animation-delay:6s}.delay-61s{-webkit-animation-delay:6.1s;animation-delay:6.1s}.delay-62s{-webkit-animation-delay:6.2s;animation-delay:6.2s}.delay-63s{-webkit-animation-delay:6.3s;animation-delay:6.3s}.delay-64s{-webkit-animation-delay:6.4s;animation-delay:6.4s}.delay-65s{-webkit-animation-delay:6.5s;animation-delay:6.5s}.delay-66s{-webkit-animation-delay:6.6s;animation-delay:6.6s}.delay-67s{-webkit-animation-delay:6.7s;animation-delay:6.7s}.delay-68s{-webkit-animation-delay:6.8s;animation-delay:6.8s}.delay-69s{-webkit-animation-delay:6.9s;animation-delay:6.9s}.delay-7s{-webkit-animation-delay:7s;animation-delay:7s}.delay-71s{-webkit-animation-delay:7.1s;animation-delay:7.1s}.delay-72s{-webkit-animation-delay:7.2s;animation-delay:7.2s}.delay-73s{-webkit-animation-delay:7.3s;animation-delay:7.3s}.delay-74s{-webkit-animation-delay:7.4s;animation-delay:7.4s}.delay-75s{-webkit-animation-delay:7.5s;animation-delay:7.5s}.delay-76s{-webkit-animation-delay:7.6s;animation-delay:7.6s}.delay-77s{-webkit-animation-delay:7.7s;animation-delay:7.7s}.delay-78s{-webkit-animation-delay:7.8s;animation-delay:7.8s}.delay-79s{-webkit-animation-delay:7.9s;animation-delay:7.9s}.delay-8s{-webkit-animation-delay:8s;animation-delay:8s}.delay-81s{-webkit-animation-delay:8.1s;animation-delay:8.1s}.delay-82s{-webkit-animation-delay:8.2s;animation-delay:8.2s}.delay-83s{-webkit-animation-delay:8.3s;animation-delay:8.3s}.delay-84s{-webkit-animation-delay:8.4s;animation-delay:8.4s}.delay-85s{-webkit-animation-delay:8.5s;animation-delay:8.5s}.delay-86s{-webkit-animation-delay:8.6s;animation-delay:8.6s}.delay-87s{-webkit-animation-delay:8.7s;animation-delay:8.7s}.delay-88s{-webkit-animation-delay:8.8s;animation-delay:8.8s}.delay-89s{-webkit-animation-delay:8.9s;animation-delay:8.9s}.delay-9s{-webkit-animation-delay:9s;animation-delay:9s}.delay-91s{-webkit-animation-delay:9.1s;animation-delay:9.1s}.delay-92s{-webkit-animation-delay:9.2s;animation-delay:9.2s}.delay-93s{-webkit-animation-delay:9.3s;animation-delay:9.3s}.delay-94s{-webkit-animation-delay:9.4s;animation-delay:9.4s}.delay-95s{-webkit-animation-delay:9.5s;animation-delay:9.5s}.delay-96s{-webkit-animation-delay:9.6s;animation-delay:9.6s}.delay-97s{-webkit-animation-delay:9.7s;animation-delay:9.7s}.delay-98s{-webkit-animation-delay:9.8s;animation-delay:9.8s}.delay-99s{-webkit-animation-delay:9.9s;animation-delay:9.9s}.delay-10s{-webkit-animation-delay:10s;animation-delay:10s}
... ...
  1 +@charset "UTF-8";
  2 +
  3 +/*!
  4 + * animate.css -http://daneden.me/animate
  5 + * Version - 3.5.1
  6 + * Licensed under the MIT license - http://opensource.org/licenses/MIT
  7 + *
  8 + * Copyright (c) 2016 Daniel Eden
  9 + */
  10 +
  11 +.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.swing{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{25%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}50%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}65%{-webkit-transform:rotate3d(0,0,1,8deg);transform:rotate3d(0,0,1,8deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}88%{-webkit-transform:rotate3d(0,0,1,3deg);transform:rotate3d(0,0,1,3deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{25%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}50%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}65%{-webkit-transform:rotate3d(0,0,1,8deg);transform:rotate3d(0,0,1,8deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}88%{-webkit-transform:rotate3d(0,0,1,3deg);transform:rotate3d(0,0,1,3deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
... ...
  1 +div.col-sidebar {
  2 + div.ccm-block-date-navigation-wrapper {
  3 + margin: 25px 40px 25px 40px;
  4 + font-size: .85em;
  5 + }
  6 +}
  7 +
  8 +div.ccm-block-date-navigation-header {
  9 + font-size: @body-type-font-size;
  10 +}
  11 +
  12 +ul.ccm-block-date-navigation-dates {
  13 + list-style-type: none;
  14 + padding-left: 0px;
  15 + padding-bottom: 0px;
  16 +
  17 + li {
  18 + margin-bottom: (@line-height-computed / 2); // matches bootstrap paragraph height
  19 + padding-bottom: 0px;
  20 + }
  21 +}
  22 +
  23 +.ccm-block-date-navigation-date-selected {
  24 + font-weight: bold;
  25 +}
  26 +
... ...
  1 +.ccm-faq-container {
  2 + .make-row();
  3 +}
  4 +.ccm-faq-block-links {
  5 + .make-lg-column(3);
  6 +
  7 + a {
  8 + display: block;
  9 + margin-bottom: 10px;
  10 + }
  11 +}
  12 +
  13 +.ccm-faq-block-entries {
  14 + h3 {
  15 + margin-top: 0px;
  16 + }
  17 +
  18 + div.faq-entry-content {
  19 + padding-top: 50px;
  20 + }
  21 + .make-lg-column(8);
  22 + .make-lg-column-offset(1);
  23 +}
\ No newline at end of file
... ...
  1 +// feature block
  2 +
  3 +div.ccm-block-feature-item-hover-wrapper {
  4 + text-align: center;
  5 +
  6 + div.ccm-block-feature-item-hover-title {
  7 + color: lighten(@body-type-color, 10%);
  8 + font-size: 1.5em;
  9 + font-weight: 300;
  10 + margin-top: 20px;
  11 + }
  12 +
  13 +}
  14 +
  15 +div.ccm-block-feature-item-hover {
  16 +
  17 + display: table;
  18 + margin: 0px auto 0px auto;
  19 +
  20 +
  21 + div.ccm-block-feature-item-hover-icon {
  22 + border: 1px solid lighten(@body-type-color, 40%);
  23 + .border-radius(50%);
  24 + text-align: center;
  25 + vertical-align: middle;
  26 + display: table-cell;
  27 + margin: 0px auto 0px auto;
  28 +
  29 + .transition(all 0.2s linear);
  30 + cursor: help;
  31 + i {
  32 + margin-top: 3px;
  33 + color: @header-navigation-type-color;
  34 + font-size: @h1-type-font-size;
  35 + }
  36 +
  37 + width: 200px;
  38 + height: 200px;
  39 +
  40 + @media (min-width: @screen-sm-min) {
  41 + width: 80px;
  42 + height: 80px;
  43 + }
  44 +
  45 +
  46 + @media (min-width: @screen-md-min) {
  47 + width: 110px;
  48 + height: 110px;
  49 + }
  50 +
  51 + @media (min-width: @screen-lg-min) {
  52 + width: 134px;
  53 + height: 134px;
  54 + }
  55 + }
  56 +
  57 +}
  58 +
  59 +div.ccm-block-feature-item-hover-wrapper:hover {
  60 + div.ccm-block-feature-item-hover-icon {
  61 + background: lighten(@header-navigation-type-color, 40%);
  62 + border: 1px solid lighten(@header-navigation-type-color, 30%);
  63 + }
  64 +}
\ No newline at end of file
... ...
  1 +// feature block
  2 +div.ccm-block-feature-item {
  3 + position: relative;
  4 +
  5 + h4, i {
  6 + color: @header-site-title-type-color;
  7 + }
  8 +
  9 + i {
  10 + position: absolute;
  11 + top: 3px;
  12 + left: 0px;
  13 + }
  14 +
  15 + padding-left: 25px;
  16 + margin-bottom: 40px
  17 +}
  18 +
  19 +// Custom home page class for feature
  20 +div.feature-home-page {
  21 + div.ccm-block-feature-item h4, div.ccm-block-feature-item i {
  22 + color: @home-feature-title-color;
  23 + }
  24 +
  25 + div.ccm-block-feature-item h4 {
  26 + font-size: 1.5em;
  27 + }
  28 +
  29 + div.ccm-block-feature-item i {
  30 + color: @home-feature-icon-color;
  31 + font-size: 1.3em;
  32 + top: 1px;
  33 + }
  34 +
  35 + div.ccm-block-feature-item {
  36 + padding-left: 45px;
  37 + }
  38 +}
\ No newline at end of file
... ...
  1 +.ccm-image-slider-container {
  2 +
  3 + border-bottom: 2px solid #f0eee1;
  4 + padding-top: 20px;
  5 + margin-bottom: 70px;
  6 +
  7 + background-color: transparent;
  8 + background-repeat: repeat;
  9 + /* background-image is moved to main.less because it needs to be in the theme root */
  10 +
  11 + .ccm-image-slider {
  12 + .container-fixed();
  13 +
  14 +
  15 + .rslides {
  16 + li {
  17 + max-height: 220px;
  18 + }
  19 + }
  20 +
  21 + @media (min-width: @screen-xs-min) and (max-width: @screen-xs-max) {
  22 + width: 100%;
  23 + .rslides {
  24 + li {
  25 + max-height: 320px;
  26 + }
  27 + }
  28 + }
  29 +
  30 + @media (min-width: @screen-sm-min) {
  31 + width: @container-sm;
  32 +
  33 + .rslides {
  34 + li {
  35 + max-height: 350px;
  36 + }
  37 + }
  38 + }
  39 + @media (min-width: @screen-md-min) {
  40 + width: @container-md;
  41 + .rslides {
  42 + li {
  43 + max-height: 429px;
  44 + }
  45 + }
  46 + }
  47 + @media (min-width: @screen-lg-min) {
  48 + width: @container-lg;
  49 + .rslides {
  50 + li {
  51 + max-height: 480px;
  52 + }
  53 + }
  54 + }
  55 +
  56 + .clearfix();
  57 + }
  58 +
  59 + .ccm-image-slider-inner {
  60 + .make-row();
  61 + .make-lg-column(12);
  62 + }
  63 + .rslides_nav {
  64 + opacity: 1;
  65 + .border-radius(4px);
  66 + height: 38px;
  67 + margin-top: -20px;
  68 + width: 38px;
  69 + &.next {
  70 + color: white;
  71 + .transition(background .35s ease-in-out);
  72 + right: 40px;
  73 + &:hover {
  74 + text-decoration: none;
  75 + color: black;
  76 + background: white;
  77 + }
  78 + &:before {
  79 + .transition(background .35s ease-in-out);
  80 + content: "\f054";
  81 + font-family: FontAwesome;
  82 + font-size: 16px;
  83 + display: block;
  84 + margin-top: 10px;
  85 + margin-left: 14px;
  86 + }
  87 + }
  88 + &.prev {
  89 + color: white;
  90 + .transition(background .35s ease-in-out);
  91 + left: 40px;
  92 + &:hover {
  93 + text-decoration: none;
  94 + color: black;
  95 + background: white;
  96 + }
  97 + &:after {
  98 + .transition(background .35s ease-in-out);
  99 + content: "\f053";
  100 + font-family: FontAwesome;
  101 + font-size: 16px;
  102 + display: block;
  103 + margin-top: 10px;
  104 + margin-left: 12px;
  105 + }
  106 + }
  107 + background:rgba(0,0,0,.92);
  108 + }
  109 + .rslides_tabs {
  110 + padding-left: 0px;
  111 + padding-top: 15px;
  112 + padding-bottom: 10px;
  113 + li {
  114 + list-style-type: none;
  115 + display: inline-block;
  116 + margin-right: 5px;
  117 + &.rslides_here {
  118 + a {
  119 + background: @image-slider-navigation-active-color;
  120 + }
  121 + }
  122 + a {
  123 + overflow: hidden;
  124 + text-indent: 99px;
  125 + background: @image-slider-navigation-color;
  126 + width: 15px;
  127 + height: 15px;
  128 + display: inline-block;
  129 + margin-right: 10px;
  130 + .border-radius(30px);
  131 + }
  132 + }
  133 + }
  134 +
  135 + .ccm-image-slider-text {
  136 + h2 {
  137 + color: @image-slider-title-type-color;
  138 + font-family: @image-slider-title-type-font-family;
  139 + font-size: @image-slider-title-type-font-size;
  140 + font-weight: @image-slider-title-type-font-weight;
  141 + margin-bottom: 5%;
  142 + }
  143 +
  144 + p {
  145 + color: @image-slider-paragraph-type-color;
  146 + font-family: @image-slider-paragraph-type-font-family;
  147 + font-size: @image-slider-paragraph-type-font-size;
  148 + font-weight: @image-slider-paragraph-type-font-weight;
  149 + width: 80%;
  150 + }
  151 + }
  152 +
  153 + // next and previous
  154 + &.ccm-block-image-slider-arrows {
  155 +
  156 + .ccm-image-slider-inner {
  157 + .make-row();
  158 + .make-lg-column-offset(1);;
  159 + .make-lg-column(10);
  160 + margin-bottom: 60px;
  161 + }
  162 + }
  163 +}
  164 +
... ...
  1 +.image-right-tilt .ccm-image-block {
  2 + display: block;
  3 + margin: 0px auto 0px auto;
  4 + transform:rotate(3deg);
  5 + -moz-transform: rotate(3deg);
  6 + -ms-transform:rotate(3deg); /* IE 9 */
  7 + -webkit-transform:rotate(3deg);
  8 +}
  9 +
  10 +.image-circle .ccm-image-block {
  11 + border-radius: 50%;
  12 +}
\ No newline at end of file
... ...
  1 +div.ccm-block-next-previous-header {
  2 + font-size: @body-type-font-size;
  3 +}
\ No newline at end of file
... ...
  1 +div.ccm-block-page-attribute-display-wrapper {
  2 + border-top: 1px solid @content-section-divider-color;
  3 + padding-top: @line-height-computed;
  4 + padding-bottom: @line-height-computed;
  5 +
  6 + color: lighten(@body-type-color, 25%);
  7 +
  8 + .ccm-block-page-attribute-display-title {
  9 + color: #75ca2a;
  10 + display: block;
  11 + }
  12 +}
  13 +
  14 +
  15 +div.ccm-block-page-attribute-display-wrapper:last-child {
  16 + border-bottom: 1px solid @content-section-divider-color;
  17 +}
... ...
  1 +div.page-list-with-buttons {
  2 + div.ccm-block-page-list-page-entry {
  3 +
  4 + div.ccm-block-page-list-title {
  5 + .make-heading(@h3-type-font-family, @h3-type-font-size, @h3-type-font-weight, @h3-type-color);
  6 + }
  7 +
  8 + border-bottom: 0px;
  9 + padding-bottom: 0px;
  10 + margin-bottom: 0px;
  11 +
  12 + &:first-child {
  13 + padding-top: 0px;
  14 + border-top: none;
  15 + margin-top: 0px;
  16 + }
  17 +
  18 + a.ccm-block-page-list-read-more {
  19 + .btn;
  20 + border: 1px solid transparent;
  21 + display: inline-block;
  22 + .button-variant(@body-type-color, @page-background-color, @default-button-border-color);
  23 +
  24 + &:hover {
  25 + text-decoration: none;
  26 + }
  27 + }
  28 +
  29 + margin-top: 50px;
  30 + padding-top: 50px;
  31 + border-top: 1px solid @footer-section-divider-color;
  32 +
  33 + }
  34 +
  35 +}
... ...
  1 +div.ccm-block-page-list-thumbnail-grid-wrapper {
  2 +
  3 + .make-row();
  4 +
  5 + div.ccm-block-page-list-page-entry-grid-item {
  6 + .make-sm-column(4);
  7 + margin-bottom: @grid-gutter-width;
  8 + overflow: hidden;
  9 +
  10 + @media (min-width: @screen-sm-min) {
  11 + min-height: 147px;
  12 + img {
  13 + width: 100%;
  14 + height: 147px;
  15 + }
  16 + }
  17 +
  18 + @media (min-width: @screen-md-min) {
  19 + min-height: 193px;
  20 + img {
  21 + width: 100%;
  22 + height: 193px;
  23 + }
  24 + }
  25 +
  26 + @media (min-width: @screen-lg-min) {
  27 + min-height: 240px;
  28 + img {
  29 + width: 100%;
  30 + height: 240px;
  31 + }
  32 + }
  33 +
  34 + }
  35 +
  36 + // hover effects
  37 + div.ccm-block-page-list-page-entry-grid-thumbnail-hover {
  38 + background-color: rgba(red(@body-link-color), green(@body-link-color), blue(@body-link-color), 0.7);
  39 + }
  40 +
  41 + // icon
  42 + i.ccm-block-page-list-page-entry-grid-thumbnail-icon {
  43 + display: block;
  44 + margin: 0px auto 10px auto;
  45 + }
  46 +
  47 + i.ccm-block-page-list-page-entry-grid-thumbnail-icon:before {
  48 + font-family: FontAwesome;
  49 + content: "\f064";
  50 + }
  51 +
  52 + // home page version with page title.
  53 + div.ccm-block-page-list-title {
  54 + margin-top: @grid-gutter-width;
  55 + .make-heading(@h4-type-font-family, @h4-type-font-size, @h4-type-font-weight, @h4-type-color);
  56 + }
  57 +}
\ No newline at end of file
... ...
  1 +a.ccm-block-page-list-rss-feed{
  2 + font-size: 1.5em;
  3 + color: @footer-social-icon-color;
  4 +
  5 + &:hover {
  6 + color: @footer-social-icon-hover-color;
  7 + }
  8 +}
  9 +
  10 +div.ccm-block-page-list-page-entry-horizontal {
  11 + .clearfix();
  12 +}
  13 +
  14 +div.ccm-block-page-list-page-entry-horizontal,
  15 +div.ccm-block-page-list-page-entry {
  16 + padding-bottom: 15px;
  17 + margin-bottom: 15px;
  18 + border-bottom: 1px solid @content-section-divider-color;
  19 +}
  20 +
  21 +div.ccm-block-page-list-page-entry-read-more {
  22 + margin-top: 20px;
  23 +}
  24 +
  25 +div.ccm-block-page-list-no-pages {
  26 + text-align: center;
  27 + font-size: @h3-type-font-size;
  28 + font-family: @h3-type-font-family;
  29 + color: @h5-type-color;
  30 +}
  31 +
  32 +div.col-sidebar {
  33 + div.block-sidebar-wrapped {
  34 + div.ccm-block-page-list-wrapper {
  35 + margin: 0px;
  36 + }
  37 + }
  38 +}
  39 +
  40 +div.col-sidebar {
  41 + div.ccm-block-page-list-wrapper {
  42 + margin: 25px 40px 25px 40px;
  43 + font-size: .85em;
  44 +
  45 + a.ccm-block-page-list-rss-feed {
  46 + font-size: .85em;
  47 + }
  48 + div.ccm-block-page-list-page-entry {
  49 + border: 0px;
  50 + padding: 0px;
  51 + margin-bottom: (@line-height-computed / 2); // matches bootstrap paragraph height
  52 +
  53 + a {
  54 + font-weight: normal;
  55 + }
  56 + }
  57 + }
  58 +}
  59 +
  60 +div.ccm-block-page-list-header {
  61 + font-size: @body-type-font-size;
  62 +}
\ No newline at end of file
... ...
  1 +div.ccm-block-page-title-byline {
  2 +
  3 + padding-bottom: 40px;
  4 + border-bottom: 1px solid @content-section-divider-color;
  5 + margin-bottom: 40px;
  6 +
  7 + h1.page-title {
  8 + .make-heading(@h1-type-font-family, @h1-type-font-size, @h1-type-font-weight, @h1-type-color);
  9 + margin-bottom: 0px;
  10 + padding-bottom: 0px;
  11 + padding-top: 1em;
  12 + }
  13 +
  14 + span.page-date {
  15 + margin-right: 2em;
  16 + }
  17 +
  18 + span.page-date, span.page-author {
  19 + color: @h5-type-color;
  20 + font-style: italic;
  21 + font-size: 0.85em;
  22 + }
  23 +}
... ...
  1 +h1.page-title {
  2 + color: @page-title-type-color;
  3 + font-family: "Aerotype"; /*Gotham Bold*/
  4 + font-size: @page-title-type-font-size;
  5 + line-height: @line-height-base;
  6 + font-weight: @page-title-type-font-weight;
  7 + text-transform: @page-title-type-text-transform;
  8 + padding-bottom: 30px;
  9 + padding-top: 30px;
  10 +}
  11 +
  12 +// portfolio page type
  13 +
  14 +&.page-type-portfolio-project {
  15 + h1.page-title {
  16 + .make-heading(@h1-type-font-family, @h1-type-font-size, @h1-type-font-weight, @h1-type-color);
  17 + border-bottom: 1px solid @content-section-divider-color;
  18 + margin-bottom: 40px;
  19 + }
  20 +}
\ No newline at end of file
... ...
  1 +div.col-sidebar {
  2 + div.ccm-block-tags-wrapper {
  3 + margin: 25px 40px 25px 40px;
  4 + }
  5 +}
  6 +
  7 +div.ccm-block-tags-header {
  8 + font-size: @body-type-font-size;
  9 +}
  10 +
  11 +div.ccm-block-tags-wrapper a:hover {
  12 + text-decoration: none;
  13 +}
  14 +
  15 +span.ccm-block-tags-tag {
  16 + background-color: @page-background-color;
  17 + border-color: @footer-social-icon-color;
  18 + border-width: 1px;
  19 + border-style: solid;
  20 + color: @body-type-color;
  21 +
  22 + &.ccm-block-tags-tag-selected {
  23 + border-color: darken(@footer-social-icon-hover-color, 10%);
  24 + }
  25 +}
  26 +
  27 +div.ccm-block-tags-wrapper a:hover span.ccm-block-tags-tag {
  28 + border-color: @footer-social-icon-hover-color;
  29 +}
... ...
  1 +div.ccm-block-testimonial {
  2 + .make-row();
  3 + div.ccm-block-testimonial-image {
  4 + .make-sm-column(3);
  5 + }
  6 +
  7 + div.ccm-block-testimonial-text {
  8 + .make-sm-column(9);
  9 + }
  10 +
  11 + img {
  12 + .img-responsive;
  13 + .border-radius(50%);
  14 + }
  15 +
  16 + div.ccm-block-testimonial-name {
  17 + .make-heading(@h4-type-font-family, @h4-type-font-size, @h4-type-font-weight, @h4-type-color);
  18 + }
  19 +
  20 + div.ccm-block-testimonial-position {
  21 + color: @footer-link-color;
  22 + a {
  23 + color: @footer-link-color;
  24 + text-decoration: underline;
  25 + }
  26 + }
  27 +
  28 + div.ccm-block-testimonial-paragraph {
  29 + margin-top: @line-height-computed;
  30 + }
  31 +}
  32 +
  33 +div.ccm-block-testimonial-wrapper {
  34 + .clearfix();
  35 + margin-top: 60px;
  36 + margin-bottom: 60px;
  37 +}
  38 +
  39 +@media all and (max-width: @screen-xs-max) {
  40 + .ccm-block-testimonial-image {
  41 + img {
  42 + margin: 10px auto;
  43 + }
  44 + }
  45 +
  46 +}
\ No newline at end of file
... ...
  1 +div.col-sidebar {
  2 + div.ccm-block-topic-list-wrapper {
  3 + margin: 25px 40px 25px 40px;
  4 + font-size: .85em;
  5 + }
  6 +}
  7 +
  8 +div.ccm-block-topic-list-header {
  9 + font-size: @body-type-font-size;
  10 +}
  11 +
  12 +ul.ccm-block-topic-list-list ul {
  13 + margin-top: (@line-height-computed / 2);
  14 +}
  15 +
  16 +// Topic List Displaying Topics of the Current Page
  17 +ul.ccm-block-topic-list-page-topics {
  18 + list-style-type: none;
  19 + padding-left: 0px;
  20 + padding-bottom: 0px;
  21 +
  22 + li {
  23 + margin-bottom: (@line-height-computed / 2); // matches bootstrap paragraph height
  24 + padding-bottom: 0px;
  25 + }
  26 +
  27 +}
  28 +
  29 +.ccm-block-topic-list-topic-selected {
  30 + font-weight: bold;
  31 +}
  32 +
... ...
  1 +body {
  2 + background: transparent url(../../images/background.png) repeat scroll;
  3 +}
  4 +
  5 +div.ccm-page {
  6 + position: relative;
  7 +}
  8 +
  9 +html, body{
  10 + overflow-x: hidden;
  11 +}
  12 +
  13 +.btn-default{
  14 + background-image: none !important;
  15 +}
\ No newline at end of file
... ...
  1 +//
  2 +// Alerts
  3 +// --------------------------------------------------
  4 +
  5 +
  6 +// Base styles
  7 +// -------------------------
  8 +
  9 +.alert {
  10 + padding: @alert-padding;
  11 + margin-bottom: @line-height-computed;
  12 + border: 1px solid transparent;
  13 + border-radius: @alert-border-radius;
  14 +
  15 + // Headings for larger alerts
  16 + h4 {
  17 + margin-top: 0;
  18 + // Specified for the h4 to prevent conflicts of changing @headings-color
  19 + color: inherit;
  20 + }
  21 + // Provide class for links that match alerts
  22 + .alert-link {
  23 + font-weight: @alert-link-font-weight;
  24 + }
  25 +
  26 + // Improve alignment and spacing of inner content
  27 + > p,
  28 + > ul {
  29 + margin-bottom: 0;
  30 + }
  31 + > p + p {
  32 + margin-top: 5px;
  33 + }
  34 +}
  35 +
  36 +// Dismissible alerts
  37 +//
  38 +// Expand the right padding and account for the close button's positioning.
  39 +
  40 +.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
  41 +.alert-dismissible {
  42 + padding-right: (@alert-padding + 20);
  43 +
  44 + // Adjust close link position
  45 + .close {
  46 + position: relative;
  47 + top: -2px;
  48 + right: -21px;
  49 + color: inherit;
  50 + }
  51 +}
  52 +
  53 +// Alternate styles
  54 +//
  55 +// Generate contextual modifier classes for colorizing the alert.
  56 +
  57 +.alert-success {
  58 + .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
  59 +}
  60 +.alert-info {
  61 + .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);
  62 +}
  63 +.alert-warning {
  64 + .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
  65 +}
  66 +.alert-danger {
  67 + .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
  68 +}