jqt
Version:
Create powerful mobile apps with just HTML, CSS, and Zepto.js (or jQuery).
1,884 lines (1,780 loc) • 50.9 kB
CSS
/**
* Background noise recipe
*
* This recipe use a sass function to generate a .png file
*
* Inspired by a jQuery plugin "Noisy" by Daniel Rapp @DanielRapp
* @link https://github.com/DanielRapp/Noisy
*
* Converted using Sass by Aaron Russell @aaronrussell & Philipp Bosch @philippbosch
* @link https://gist.github.com/1021332
*
* Ported to a sass gem by Antti Salonen @antsa
* @link https://github.com/antsa/sassy_noise
*
* Mixin: background-noise
* Function: background_noise
*
* @author Daniel Rapp @DanielRapp
* @author Aaron Russell @aaronrussell
* @author Philipp Bosch @philippbosch
* @author Antti Salonen @antsa
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
*
* @class Gradients
* @author David Kaneda http://www.davidkaneda.com/
*
*/
/**
* Adds a background gradient into a specified selector.
*
* @include background-gradient(#444, 'glossy');
*
* You can also use color-stops if you want full control of the gradient:
*
* @include background-gradient(#444, color-stops(#333, #222, #111));
*
* @param {color} $bg-color
* The base color of the gradient.
*
* @param {string/list} $type
* The style of the gradient, one of five pre-defined options: matte, bevel, glossy, recessed, or linear:
*
* @include background-gradient(red, 'glossy');
*
* It can also accept a list of color-stop values:;
*
* @include background-gradient(black, color-stops(#333, #111, #000));
*
* @param {string} $direction
* The direction of the gradient.
*/
/**
* Blueprint grid background pattern
*
* @link http://lea.verou.me/css3patterns/#blueprint-grid
*
* @author Lea Verou http://lea.verou.me/ for the original pattern
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx for the sass mixin
*/
/**
* Background overlay inspired by Google Chrome modal overlay
*
* @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
*/
/**
* Striped background pattern
*
* @link http://lea.verou.me/css3patterns/
*
* @author Lea Verou http://lea.verou.me/ for the original pattern
* @author David Kaneda http://www.davidkaneda.com @davidkaneda for the sass mixin
*/
/**
*
* Before compass 0.11.5, you need to add
* Compass::BrowserSupport.add_support("repeating-linear-gradient", "webkit", "moz", "o", "ms")
* To your configuration (config.rb)
* @see https://github.com/chriseppstein/compass/issues/401
*
* @link http://lea.verou.me/css3patterns/#tartan
*
* @author Marta Armada http://swwweet.com/ for the original pattern
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx for the sass mixin
*/
/**
* Carbon Fiber background pattern
*
* @author Lea Verou http://lea.verou.me/ for the original pattern
* @author David Kaneda http://www.davidkaneda.com/ for the Sass mixin
*
* @link http://lea.verou.me/css3patterns/
*
*/
/**
* Normalize.css
* Opposite approche from CSS reset
*
* Based on normalize.css commit 9576d48fc234c5224b1fc4dccba2f5965243843d
*
* @link http://github.com/necolas/normalize.css
*/
/* normalize.css 2011-07-12T10:51 UTC · http://github.com/necolas/normalize.css */
/* =============================================================================
HTML5 element display
========================================================================== */
/* =============================================================================
Base
========================================================================== */
/* =============================================================================
Links
========================================================================== */
/* =============================================================================
Typography
========================================================================== */
/* =============================================================================
Lists
========================================================================== */
/* =============================================================================
Embedded content
========================================================================== */
/* =============================================================================
Figures
========================================================================== */
/* =============================================================================
Forms
========================================================================== */
/* =============================================================================
Tables
========================================================================== */
/**
*
* @author David Kaneda - http://www.davidkaneda.com
*
*/
/**
* @class Color
*/
/**
* Returns the brightness (out of 100) of a specified color.
* @todo explain why this is useful
* @param {color} $color The color you want the brightness value of
* @return {measurement}
*/
/**
* Returns the luminosity for a specified color
* @todo explain why this is useful
* @param {color} The color to check
* @return {measurement}
*/
/**
* Glass effect
* Use this on image for better effect render
*
* Inspired from Simurai's IMDB redisign
*
* @link http://lab.simurai.com/redesign/imdb
* @thanks Simurai @simurai
*/
/**
* Note IE7/6 doesn't understand pseudo element as ::before and ::after
* IE8 need to have :before and not ::before
* So use only : and not :: if you want to support IE8
* IE9 Webkit Firefox Opera understand ::
*/
/**
* Scotch tape effect with pure CSS
*
* @thanks Nick La @nickla for original concept
* @link http://webdesignerwall.com/tutorials/css3-image-styles
*
* @author David Kaneda http://www.davidkaneda.com
*
*/
/**
* Note IE7/6 doesn't understand pseudo element as ::before and ::after
* IE8 need to have :before and not ::before
* So use only : and not :: if you want to support IE8
* IE9 Webkit Firefox Opera understand ::
*/
/**
* Corner folded with pure CSS
*
* Known support: Firefox 3.5+, Chrome 4+, Safari 4+, Opera 10+, IE 9+.
* IE8 is not supported because it not render properly box-shadow and
* pseudo element should be selected with ::element and not :element
*
* @thanks Nicolas Gallagher @necolas
* @link http://nicolasgallagher.com/pure-css-folded-corner-effect/demo/
* @todo Nix in .4
*/
/**
* Note IE7/6 doesn't understand pseudo element as ::before and ::after
* IE8 need to have :before and not ::before
* So use only : and not :: if you want to support IE8
* IE9 Webkit Firefox Opera understand ::
*/
/**
* Corner folded with pure CSS
*
* Known support: Firefox 3.5+, Chrome 4+, Safari 4+, Opera 10+, IE 9+.
* IE8 is not supported because it not render properly box-shadow and
* pseudo element should be selected with ::element and not :element
*
* @thanks Nicolas Gallagher @necolas
* @link http://nicolasgallagher.com/pure-css-folded-corner-effect/demo/
*/
/**
* Note IE7/6 doesn't understand pseudo element as ::before and ::after
* IE8 need to have :before and not ::before
* So use only : and not :: if you want to support IE8
* IE9 Webkit Firefox Opera understand ::
*/
/**
* Form element inline mixin
* This mixin allow you to have a label inline with your input
* It's simply based on inline-block behavior
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Vertical alignement for page
* Inspired by http://css-tricks.com/snippets/css/center-div-with-dynamic-height/
*
* Usage:
*
* SCSS
* @include vertical-align-requirement;
* .v-align-container { @include vertical-align-container }
* .v-align-content-container { @include vertical-align-content-container }
* .v-align-content { @include vertical-align-content }
*
* HTML
* <body>
* <div class="v-align-container">
* <div class="v-align-content-container">
* <div class="v-align-content">
* Your content !
* </div>
* </div>
* </div>
* </body>
*
* @thanks Chris Coyier @chriscoyier
* @autor Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Media Queries Mixins
*
* @todo Do we have to take care of print ?
*
* @require sass-3.2 (you need eventually to do "sudo gem install sass --pre")
* @author Maxime Thirouin <maxime.thirouin@gmail.com>
*/
/*
$media-query-width-big: 1280px;
$media-query-width-medium: 960px;
$media-query-width-small: 480px;
*/
/**
* Drop shadow mixins from Nicolas Gallagher demo
*
* @thanks Nicolas Gallagher @necolas, @simurai, @cameronmoll, @matthamm
*
* @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
*/
/**
* Drop shadow curled
*
* @thanks Nicolas Gallagher @necolas
* @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
*/
/**
* Drop shadow curved
*
* @thanks Nicolas Gallagher @necolas
* @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
*/
/**
* Drop shadow flying
*
* @thanks Geoffrey Crofte @geoffrey_crofte
* @link http://www.creativejuiz.fr/trytotry/css3-box-shadow-after-before/
*/
/**
* Drop shadow w/ lifted corners
*
* @thanks Nicolas Gallagher @necolas
* @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
*/
/**
* Drop shadow w/ perspective
*
* @thanks Nicolas Gallagher @necolas
* @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
*/
/**
* Drop shadow raised
*
* @thanks Nicolas Gallagher @necolas
* @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
*/
/**
* Drop shadow rules required for transform on drop shadow
*
* /!\ This is required if you want to apply some transform on the element using drop shadow
*
* @thanks Nicolas Gallagher @necolas
* @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
*/
/**
* Shadow along the top edge of the browser viewport
*
* @link http://playground.genelocklin.com/depth/
*/
/**
* Shapes !
* Polygons, ellipses and symbols
*
* @thanks Chris Coyier @chriscoyier
* @link http://css-tricks.com/examples/ShapesOfCSS/
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Ellipse
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Polygon
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Polygon/Hexagon
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Polygon/Octagon
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Polygon/Parallelogram
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Polygon/Pentagon
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Polygon/Rectangle
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Polygon/Rhombus
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Polygon/Square
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Polygon/Star
*
* @todo check if setting a z-index by default is a good thing
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Polygon/Trapezoid
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Polygon/Triangle
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Symbol
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Symbol/Diamond
*
* @todo add height support
*
* @author Alexander Futekov
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Symbol/Egg
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Symbol/Heart
*
* @author Nicolas Gallagher @necolas
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Symbol/Infinity
*
* @author Nicolas Gallagher @necolas
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Symbol/Pacman
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Symbol/Yin-yang
*
* @author Alexander Futekov
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Micro clearfix hack
*
* The clearfix hack is a popular way to clear floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required.
* Known support: Firefox 2+, Safari 2+, Chrome, Opera 9.27+, IE 6+, IE Mac.
*
* @thanks Nicolas Gallagher @necolas
* @link http://nicolasgallagher.com/micro-clearfix-hack/
*/
/**
* Note IE7/6 doesn't understand pseudo element as ::before and ::after
* IE8 need to have :before and not ::before
* So use only : and not :: if you want to support IE8
* IE9 Webkit Firefox Opera understand ::
*/
/**
* UI convex effect from one color
*
* @todo merge with ui-button ?
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* UI Glossy helper
*
* @deprecated
* @todo Remove in 0.4
* @see background/gradients
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* UI simple gradient from one color
*
* @todo merge with ui-button ?
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Shape/Polygon/Triangle
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
* Keyboard key touch
* A simple stylesheet for rendering beautiful keyboard-style elements.
* @author Michael Hüneburg http://michaelhue.com/keyscss
* @link https://github.com/michaelhue/keyscss (commit 76bb603e921d0145362e0f60eabb79d4f69cbda0)
*
* @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
*/
/**
* Menu dropdown helper
*
* @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
*/
/**
* Ui background overlay inspired by Google Chrome modal overlay
*
* @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
*/
/**
* Background overlay inspired by Google Chrome modal overlay
*
* @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
*/
/**
* <hr /> separator style
*
* @author Chris Coyier @chriscoyier
* @link http://jsfiddle.net/chriscoyier/GaEzp/35/
*
* @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
*/
/**
* Micro clearfix hack
*
* The clearfix hack is a popular way to clear floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required.
* Known support: Firefox 2+, Safari 2+, Chrome, Opera 9.27+, IE 6+, IE Mac.
*
* @thanks Nicolas Gallagher @necolas
* @link http://nicolasgallagher.com/micro-clearfix-hack/
*/
/**
* Note IE7/6 doesn't understand pseudo element as ::before and ::after
* IE8 need to have :before and not ::before
* So use only : and not :: if you want to support IE8
* IE9 Webkit Firefox Opera understand ::
*/
/**
*
* @class Gradients
* @author David Kaneda http://www.davidkaneda.com/
*
*/
/**
* Adds a background gradient into a specified selector.
*
* @include background-gradient(#444, 'glossy');
*
* You can also use color-stops if you want full control of the gradient:
*
* @include background-gradient(#444, color-stops(#333, #222, #111));
*
* @param {color} $bg-color
* The base color of the gradient.
*
* @param {string/list} $type
* The style of the gradient, one of five pre-defined options: matte, bevel, glossy, recessed, or linear:
*
* @include background-gradient(red, 'glossy');
*
* It can also accept a list of color-stop values:;
*
* @include background-gradient(black, color-stops(#333, #111, #000));
*
* @param {string} $direction
* The direction of the gradient.
*/
/**
* @class Webfont Icon
* Great to use with the [Pictos font](http://pictos.drewwilson.com/)
*
*/
/**
* @cfg {color} $webfont-icon-base-color
* The default color of icons when using the {@link #webfont-icon} mixin.
*
* Defaults to `white`.
*/
/**
* @cfg {color} $webfont-icon-default-stroke
* The default color to use on the border of icons, when using the {@link #webfont-icon} mixin.
*
* Defaults to `null`.
*/
/**
* @cfg {string} $webfont-icon-default-gradient
* The default gradient to use when using the {@link #webfont-icon} mixin.
*
* Defaults to `matte`.
*/
/* line 41, ../../../submodules/compass-recipes/stylesheets/recipes/_webfont-icon.scss */
.webfont-icon-base {
color: transparent;
-webkit-background-clip: text;
background-clip: text;
position: absolute;
top: 0;
left: 0;
text-indent: 0;
text-shadow: none;
-webkit-user-select: none;
user-select: none;
}
/**
* Includes a character into the specified selector, styled as an icon.
*
* @include webfont-icon('a');
*
* @param {color} $color
* The color of the icon. Defaults to {@link #$webfont-icon-default-background $webfont-icon-default-background}.
*
* @param {measurement} $size
* The size of the icon
*
* @param {color} $stroke
* The color of the border. Defautls to {@link #$webfont-icon-default-border $webfont-icon-default-border}.
*
* @param {boolean} $include-staes
* True to include states for hover and active. Defaults to `true`.
*/
/* line 1, ../../../themes/scss/include/_base.scss */
* {
margin: 0;
padding: 0;
}
/* line 6, ../../../themes/scss/include/_base.scss */
body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}
/* line 11, ../../../themes/scss/include/_base.scss */
#jqt {
-webkit-text-size-adjust: none;
-webkit-user-select: none;
user-select: none;
font-family: "Helvetica Neue", Helvetica;
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
}
/* line 21, ../../../themes/scss/include/_base.scss */
#jqt a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-drag: none;
}
/* line 26, ../../../themes/scss/include/_base.scss */
#jqt .selectable, #jqt input, #jqt textarea {
-webkit-user-select: auto;
}
/* line 30, ../../../themes/scss/include/_base.scss */
#jqt.notransform {
-webkit-transform: none !important;
}
/* line 35, ../../../themes/scss/include/_base.scss */
#jqt > * {
display: block;
left: 0;
top: 0;
min-height: 100%;
width: 100%;
overflow-x: hidden;
position: absolute;
z-index: 0;
display: -webkit-box;
display: box;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-flex: 1;
box-flex: 1;
}
/* line 49, ../../../themes/scss/include/_base.scss */
#jqt > .current {
z-index: 10;
}
/* line 53, ../../../themes/scss/include/_base.scss */
#jqt > *:not(.current):not(.in):not(.out) {
display: none;
}
/* line 57, ../../../themes/scss/include/_base.scss */
#jqt.touchscroll:not(.animating3d), #jqt.autoscroll:not(.animating3d) {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
/* line 61, ../../../themes/scss/include/_base.scss */
#jqt.touchscroll:not(.animating3d) > *, #jqt.autoscroll:not(.animating3d) > * {
height: 100%;
}
/* line 64, ../../../themes/scss/include/_base.scss */
#jqt.touchscroll:not(.animating3d) .scroll, #jqt.autoscroll:not(.animating3d) .scroll {
position: relative;
-webkit-box-flex: 1;
box-flex: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
/* line 73, ../../../themes/scss/include/_base.scss */
#jqt.touchscroll:not(.animating3d) .scroll {
overflow-y: scroll;
}
/* line 79, ../../../themes/scss/include/_base.scss */
#jqt .scroll {
-webkit-margin-collapse: separate;
}
/* line 83, ../../../themes/scss/include/_base.scss */
#jqt .in, #jqt .out {
-webkit-animation-duration: 250ms;
-webkit-animation-fill-mode: both;
-webkit-animation-timing-function: ease-in-out;
}
/* line 89, ../../../themes/scss/include/_base.scss */
#jqt .in:after, #jqt .out:after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
/* line 98, ../../../themes/scss/include/_base.scss */
#jqt .in {
z-index: 10;
}
/* line 101, ../../../themes/scss/include/_base.scss */
#jqt .out {
z-index: 0 !important;
}
/* line 105, ../../../themes/scss/include/_base.scss */
#jqt.supports3d {
-webkit-perspective: 1000;
}
/* line 108, ../../../themes/scss/include/_base.scss */
#jqt.supports3d > * {
-webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
}
/* Fade */
/* line 3, ../../../themes/scss/include/_animations.scss */
#jqt .fade.in {
-webkit-animation-name: fadeIn;
}
/* line 7, ../../../themes/scss/include/_animations.scss */
#jqt .fade.out {
z-index: 10;
-webkit-animation-name: fadeOut;
}
@-webkit-keyframes fadeIn {
/* line 13, ../../../themes/scss/include/_animations.scss */
0% {
opacity: 0;
}
/* line 16, ../../../themes/scss/include/_animations.scss */
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
/* line 22, ../../../themes/scss/include/_animations.scss */
0% {
opacity: 1;
}
/* line 25, ../../../themes/scss/include/_animations.scss */
100% {
opacity: 1;
}
}
/* Disolve */
/* line 34, ../../../themes/scss/include/_animations.scss */
#jqt .dissolve.in {
-webkit-animation-name: dissolveIn;
}
/* line 38, ../../../themes/scss/include/_animations.scss */
#jqt .dissolve.out {
-webkit-animation-name: dissolveOut;
}
@-webkit-keyframes dissolveIn {
/* line 43, ../../../themes/scss/include/_animations.scss */
0% {
opacity: 0;
}
/* line 46, ../../../themes/scss/include/_animations.scss */
5% {
opacity: 0;
}
/* line 49, ../../../themes/scss/include/_animations.scss */
100% {
opacity: 1;
}
}
@-webkit-keyframes dissolveOut {
/* line 55, ../../../themes/scss/include/_animations.scss */
5% {
opacity: 1;
}
/* line 58, ../../../themes/scss/include/_animations.scss */
100% {
opacity: 0;
}
}
/* #Popin' */
/* line 67, ../../../themes/scss/include/_animations.scss */
#jqt .pop.in {
-webkit-animation-name: popIn;
}
/* line 71, ../../../themes/scss/include/_animations.scss */
#jqt .pop.out {
-webkit-animation-name: popOut;
}
@-webkit-keyframes popIn {
/* line 76, ../../../themes/scss/include/_animations.scss */
0% {
opacity: 0;
}
/* line 79, ../../../themes/scss/include/_animations.scss */
5% {
-webkit-transform: scale(0.2);
opacity: 0;
}
/* line 83, ../../../themes/scss/include/_animations.scss */
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes popOut {
/* line 90, ../../../themes/scss/include/_animations.scss */
5% {
-webkit-transform: scale(1);
opacity: 1;
}
/* line 94, ../../../themes/scss/include/_animations.scss */
100% {
-webkit-transform: scale(0.2);
opacity: 0;
}
}
/* Slide Left */
/* line 104, ../../../themes/scss/include/_animations.scss */
#jqt .slideleft.in {
-webkit-animation-name: slideLeftIn;
}
/* line 108, ../../../themes/scss/include/_animations.scss */
#jqt .slideleft.out {
-webkit-animation-name: slideLeftOut;
}
@-webkit-keyframes slideLeftIn {
/* line 113, ../../../themes/scss/include/_animations.scss */
0% {
-webkit-transform: translateX(90%);
}
/* line 116, ../../../themes/scss/include/_animations.scss */
100% {
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes slideLeftOut {
/* line 122, ../../../themes/scss/include/_animations.scss */
0% {
-webkit-transform: translateX(-10%);
}
/* line 125, ../../../themes/scss/include/_animations.scss */
100% {
-webkit-transform: translateX(-100%);
}
}
/* Slide Right */
/* line 134, ../../../themes/scss/include/_animations.scss */
#jqt .slideright.in {
-webkit-animation-name: slideRightIn;
}
/* line 138, ../../../themes/scss/include/_animations.scss */
#jqt .slideright.out {
-webkit-animation-name: slideRightOut;
}
@-webkit-keyframes slideRightIn {
/* line 143, ../../../themes/scss/include/_animations.scss */
0% {
-webkit-transform: translateX(-90%);
}
/* line 146, ../../../themes/scss/include/_animations.scss */
100% {
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes slideRightOut {
/* line 152, ../../../themes/scss/include/_animations.scss */
0% {
-webkit-transform: translateX(10%);
}
/* line 155, ../../../themes/scss/include/_animations.scss */
100% {
-webkit-transform: translateX(100%);
}
}
/* Slide Up */
/* line 163, ../../../themes/scss/include/_animations.scss */
#jqt .slideup.in {
-webkit-animation-name: slideUpIn;
}
/* line 166, ../../../themes/scss/include/_animations.scss */
#jqt .slideup.out {
-webkit-animation-name: slideUpOut;
}
@-webkit-keyframes slideUpIn {
/* line 171, ../../../themes/scss/include/_animations.scss */
20% {
-webkit-transform: translateY(80%);
}
/* line 174, ../../../themes/scss/include/_animations.scss */
100% {
-webkit-transform: translateY(0%);
}
}
@-webkit-keyframes slideUpOut {
/* line 180, ../../../themes/scss/include/_animations.scss */
20% {
-webkit-transform: translateY(-20%);
}
/* line 183, ../../../themes/scss/include/_animations.scss */
100% {
-webkit-transform: translateY(-100%);
}
}
/* Slide Down */
/* line 192, ../../../themes/scss/include/_animations.scss */
#jqt .slidedown.in {
-webkit-animation-name: slideDownIn;
}
/* line 195, ../../../themes/scss/include/_animations.scss */
#jqt .slidedown.out {
-webkit-animation-name: slideDownOut;
}
@-webkit-keyframes slideDownIn {
/* line 200, ../../../themes/scss/include/_animations.scss */
0% {
-webkit-transform: translateY(-80%);
}
/* line 203, ../../../themes/scss/include/_animations.scss */
100% {
-webkit-transform: translateY(0%);
}
}
@-webkit-keyframes slideDownOut {
/* line 209, ../../../themes/scss/include/_animations.scss */
0% {
-webkit-transform: translateY(20%);
}
/* line 212, ../../../themes/scss/include/_animations.scss */
100% {
-webkit-transform: translateY(100%);
}
}
/* line 217, ../../../themes/scss/include/_animations.scss */
#jqt .slideleft, #jqt .slideright, #jqt .slideup, #jqt .slidedown {
-webkit-animation-timing-function: ease-in-out;
}
/* Flip Left */
/* line 225, ../../../themes/scss/include/_animations.scss */
#jqt .flipleft {
-webkit-backface-visibility: hidden;
}
/* line 229, ../../../themes/scss/include/_animations.scss */
#jqt .flipleft.in {
-webkit-animation-name: flipLeftIn;
}
/* line 233, ../../../themes/scss/include/_animations.scss */
#jqt .flipleft.out {
-webkit-animation-name: flipLeftOut;
}
@-webkit-keyframes flipLeftIn {
/* line 238, ../../../themes/scss/include/_animations.scss */
0% {
opacity: 0;
}
/* line 241, ../../../themes/scss/include/_animations.scss */
5% {
opacity: 1;
-webkit-transform: rotateY(180deg) scale(0.8);
}
/* line 245, ../../../themes/scss/include/_animations.scss */
100% {
-webkit-transform: rotateY(0deg) scale(1);
}
}
@-webkit-keyframes flipLeftOut {
/* line 251, ../../../themes/scss/include/_animations.scss */
5% {
-webkit-transform: rotateY(0deg) scale(1);
}
/* line 254, ../../../themes/scss/include/_animations.scss */
100% {
-webkit-transform: rotateY(-180deg) scale(0.8);
}
}
/* Flip Right */
/* line 263, ../../../themes/scss/include/_animations.scss */
#jqt .flipright {
-webkit-backface-visibility: hidden;
}
/* line 267, ../../../themes/scss/include/_animations.scss */
#jqt .flipright.in {
-webkit-animation-name: flipRightIn;
}
/* line 271, ../../../themes/scss/include/_animations.scss */
#jqt .flipright.out {
-webkit-animation-name: flipRightOut;
}
@-webkit-keyframes flipRightIn {
/* line 276, ../../../themes/scss/include/_animations.scss */
0% {
opacity: 0;
}
/* line 279, ../../../themes/scss/include/_animations.scss */
5% {
-webkit-transform: rotateY(-180deg) scale(0.8);
}
/* line 282, ../../../themes/scss/include/_animations.scss */
100% {
-webkit-transform: rotateY(0deg) scale(1);
}
}
@-webkit-keyframes flipRightOut {
/* line 288, ../../../themes/scss/include/_animations.scss */
5% {
-webkit-transform: rotateY(0deg) scale(1);
}
/* line 291, ../../../themes/scss/include/_animations.scss */
100% {
-webkit-transform: rotateY(180deg) scale(0.8);
}
}
/* Swap Right */
/* line 300, ../../../themes/scss/include/_animations.scss */
#jqt .swapright {
-webkit-animation-duration: .7s;
-webkit-transform: perspective(800);
-webkit-animation-timing-function: ease-out;
}
/* line 305, ../../../themes/scss/include/_animations.scss */
#jqt .swapright.in {
-webkit-animation-name: swapRightIn;
}
/* line 308, ../../../themes/scss/include/_animations.scss */
#jqt .swapright.out {
-webkit-animation-name: swapRightOut;
}
@-webkit-keyframes swapRightIn {
/* line 313, ../../../themes/scss/include/_animations.scss */
0% {
opacity: 0;
}
/* line 316, ../../../themes/scss/include/_animations.scss */
5% {
-webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg);
opacity: 0;
}
/* line 320, ../../../themes/scss/include/_animations.scss */
35% {
-webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
opacity: 1;
}
/* line 324, ../../../themes/scss/include/_animations.scss */
95% {
-webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
opacity: 1;
}
}
@-webkit-keyframes swapRightOut {
/* line 331, ../../../themes/scss/include/_animations.scss */
5% {
-webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
opacity: 1;
}
/* line 335, ../../../themes/scss/include/_animations.scss */
35% {
-webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg);
opacity: .5;
}
/* line 339, ../../../themes/scss/include/_animations.scss */
95% {
-webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg);
opacity: 0;
}
}
/* Swap Left */
/* line 347, ../../../themes/scss/include/_animations.scss */
#jqt .swapleft {
-webkit-animation-duration: .7s;
-webkit-transform: perspective(800);
-webkit-animation-timing-function: ease-out;
}
/* line 352, ../../../themes/scss/include/_animations.scss */
#jqt .swapleft.in {
-webkit-animation-name: swapLeftIn;
}
/* line 355, ../../../themes/scss/include/_animations.scss */
#jqt .swapleft.out {
-webkit-animation-name: swapLeftOut;
}
@-webkit-keyframes swapLeftIn {
/* line 360, ../../../themes/scss/include/_animations.scss */
0% {
opacity: 0;
}
/* line 363, ../../../themes/scss/include/_animations.scss */
5% {
-webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg);
opacity: 0;
}
/* line 367, ../../../themes/scss/include/_animations.scss */
35% {
-webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg);
opacity: 1;
}
/* line 371, ../../../themes/scss/include/_animations.scss */
95% {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
}
}
@-webkit-keyframes swapLeftOut {
/* line 378, ../../../themes/scss/include/_animations.scss */
5% {
-webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
opacity: 1;
}
/* line 382, ../../../themes/scss/include/_animations.scss */
35% {
-webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
opacity: .5;
}
/* line 386, ../../../themes/scss/include/_animations.scss */
95% {
-webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg);
opacity: 0;
}
}
/* Cube Left */
/* line 400, ../../../themes/scss/include/_animations.scss */
#jqt .cubeleft.in, #jqt .cubeleft.out, #jqt .cuberight.in, #jqt .cuberight.out {
-webkit-animation-duration: .6s;
-webkit-transform: perspective(800);
}
/* line 407, ../../../themes/scss/include/_animations.scss */
#jqt .cubeleft.in {
-webkit-transform-origin: 0% 50%;
-webkit-animation-name: cubeLeftIn;
}
/* line 412, ../../../themes/scss/include/_animations.scss */
#jqt .cubeleft.out {
-webkit-transform-origin: 100% 50%;
-webkit-animation-name: cubeLeftOut;
}
@-webkit-keyframes cubeLeftIn {
/* line 418, ../../../themes/scss/include/_animations.scss */
0% {
opacity: 0;
}
/* line 421, ../../../themes/scss/include/_animations.scss */
5% {
-webkit-transform: rotateY(90deg) translateZ(320px);
opacity: .5;
}
/* line 425, ../../../themes/scss/include/_animations.scss */
95% {
-webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
opacity: 1;
}
}
@-webkit-keyframes cubeLeftOut {
/* line 432, ../../../themes/scss/include/_animations.scss */
5% {
-webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
opacity: 1;
}
/* line 436, ../../../themes/scss/include/_animations.scss */
95% {
-webkit-transform: rotateY(-90deg) translateZ(320px);
opacity: .5;
}
}
/* Cube Right */
/* line 444, ../../../themes/scss/include/_animations.scss */
#jqt .cuberight.in {
-webkit-transform-origin: 100% 50%;
-webkit-animation-name: cubeRightIn;
}
/* line 449, ../../../themes/scss/include/_animations.scss */
#jqt .cuberight.out {
-webkit-transform-origin: 0% 50%;
-webkit-animation-name: cubeRightOut;
}
@-webkit-keyframes cubeRightIn {
/* line 455, ../../../themes/scss/include/_animations.scss */
0% {
opacity: 0;
}
/* line 458, ../../../themes/scss/include/_animations.scss */
5% {
-webkit-transform: rotateY(-90deg) translateZ(320px);
opacity: .5;
}
/* line 462, ../../../themes/scss/include/_animations.scss */
95% {
-webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
opacity: 1;
}
}
@-webkit-keyframes cubeRightOut {
/* line 469, ../../../themes/scss/include/_animations.scss */
5% {
-webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
opacity: 1;
}
/* line 473, ../../../themes/scss/include/_animations.scss */
95% {
-webkit-transform: rotateY(90deg) translateZ(320px);
opacity: .5;
}
}
/* line 3, ../../../themes/scss/include/_skeleton.scss */
body {
background: black;
}
/* line 7, ../../../themes/scss/include/_skeleton.scss */
.base-chevron, #jqt ul li.arrow:after, #jqt ul li.forward:after {
content: '›';
width: 22px;
height: 100%;
vertical-align: middle;
font-size: 30px;
line-height: 38px;
font-family: Futura, "Futura Condensed", Helvetica, Arial, sans-serif;
font-weight: bold;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
position: absolute;
right: 0;
top: 0;
pointer-events: none;
z-index: 10;
}
/* line 24, ../../../themes/scss/include/_skeleton.scss */
.base-flatlists, #jqt ul.metal, #jqt ul.edgetoedge, #jqt ul.plastic {
margin: 0;
padding: 0;
border-width: 0 0 0 1px;
-webkit-border-radius: 0;
border-radius: 0;
}
/* line 33, ../../../themes/scss/include/_skeleton.scss */
#jqt > * {
background-color: #eeeeee;
}
/* line 37, ../../../themes/scss/include/_skeleton.scss */
#jqt h1, #jqt h2 {
font: bold 18px "Helvetica Neue", Helvetica;
margin: 10px 20px 6px;
color: #888888;
text-shadow: white 0 1px 0;
}
/* line 43, ../../../themes/scss/include/_skeleton.scss */
#jqt .toolbar {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #c8c8c8;
border-bottom: 1px solid #959595;
z-index: 10;
position: relative;
padding: 10px;
height: 44px;
}
/* line 56, ../../../themes/scss/include/_skeleton.scss */
#jqt .toolbar > h1 {
position: absolute;
overflow: hidden;
left: 50%;
bottom: 9px;
margin: 1px 0 0 -75px;
width: 150px;
font-size: 20px;
font-weight: bold;
line-height: 1.3em;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
color: black;
text-shadow: #e1e1e1 0 1px 0;
}
/* line 75, ../../../themes/scss/include/_skeleton.scss */
#jqt.black-translucent .toolbar {
padding-top: 30px;
height: 64px;
}
/* line 79, ../../../themes/scss/include/_skeleton.scss */
#jqt.landscape .toolbar > h1 {
margin-left: -125px;
width: 250px;
}
/* line 84, ../../../themes/scss/include/_skeleton.scss */
#jqt .button, #jqt .back, #jqt .cancel, #jqt .add {
position: absolute;
overflow: hidden;
width: auto;
height: 30px;
font-family: inherit;
font-size: 12px;
font-weight: bold;
line-height: 30px;
text-overflow: ellipsis;
text-decoration: none;
white-space: nowrap;
background: none;
bottom: 6px;
right: 10px;
margin: 0;
padding: 0 10px;
color: black;
text-shadow: #bbbbbb 0 1px 0;
border: 1px solid #6e6e6e;
-webkit-border-radius: 4px;
border-radius: 4px;
background-image: none;
background-color: #a2a2a2;
}
/* line 115, ../../../themes/scss/include/_skeleton.scss */
#jqt .button.active, #jqt .back.active, #jqt .cancel.active, #jqt .add.active {
border-color: #626262;
background-image: none;
background-color: #959595;
color: black;
text-shadow: #aeaeae 0 1px 0;
}
/* line 180, ../../../themes/scss/include/_skeleton.scss */
#jqt .whiteButton, #jqt .grayButton, #jqt .redButton, #jqt .blueButton, #jqt .greenButton {
display: block;
font-size: 20px;
font-weight: bold;
margin: 10px 20px;
padding: 10px;
text-align: center;
text-decoration: inherit;
-webkit-border-radius: 8px;
border-radius: 8px;
border: 1px solid #d4d4d4;
}
/* line 69, ../../../themes/scss/include/_widgets.scss */
#jqt .whiteButton.active, #jqt .whiteButton:active, #jqt .grayButton.active, #jqt .grayButton:active, #jqt .redButton.active, #jqt .redButton:active, #jqt .blueButton.active, #jqt .blueButton:active, #jqt .greenButton.active, #jqt .greenButton:active {
background-image: none;
background-color: #dddddd;
color: #040404;
text-shadow: #f6f6f6 0 1px 0;
}
/* line 184, ../../../themes/scss/include/_skeleton.scss */
#jqt .whiteButton {
background-image: none;
background-color: #eeeeee;
color: #151515;
text-shadow: white 0 1px 0;
}
/* line 189, ../../../themes/scss/include/_skeleton.scss */
#jqt .grayButton {
background-image: none;
background-color: #444444;
color: white;
text-shadow: #2b2b2b 0 -1px 0;
}
/* line 194, ../../../themes/scss/include/_skeleton.scss */
#jqt .redButton {
background-image: none;
background-color: #d83b38;
color: white;
text-shadow: #b92724 0 -1px 0;
}
/* line 198, ../../../themes/scss/include/_skeleton.scss */
#jqt .redButton.active, #jqt .redButton:active {
background-image: none;
background-color: #c12926;
color: white;
text-shadow: #97201e 0 -1px 0;
}
/* line 205, ../../../themes/scss/include/_skeleton.scss */
#jqt .blueButton {
background-image: none;
background-color: #2f7ce3;
color: white;
text-shadow: #1a63c5 0 -1px 0;
}
/* line 210, ../../../themes/scss/include/_skeleton.scss */
#jqt .greenButton {
background-image: none;
background-color: #53b401;
color: white;
text-shadow: #3c8101 0 -1px 0;
}
/* line 214, ../../../themes/scss/include/_skeleton.scss */
#jqt .greenButton.active, #jqt .greenButton:active {
background-image: none;
background-color: #408b01;
color: white;
text-shadow: #295900 0 -1px 0;
}
/* line 221, ../../../themes/scss/include/_skeleton.scss */
#jqt .leftButton, #jqt .cancel, #jqt .back {
left: 10px;
right: auto;
}
/* line 226, ../../../themes/scss/include/_skeleton.scss */
#jqt .add {
font-size: 24px;
line-height: 24px;
font-weight: bold;
}
/* line 234, ../../../themes/scss/include/_skeleton.scss */
#jqt ul {
padding: 0;
margin: 5px 10px 10px 10px;
-webkit-margin-collapse: separate;
}
/* line 236, ../../../themes/scss/include/_skeleton.scss */
#jqt ul, #jqt ul.individual li {
background-color: #eeeeee;
color: #6e6e6e;
text-shadow: white 0 1px 0;
border: 1px solid #c8c8c8;
font: bold 18px "Helvetica Neue", Helvetica;
}
/* line 245, ../../../themes/scss/include/_skeleton.scss */
#jqt ul:first-child {
margin-top: 15px;
}
/* line 251, ../../../themes/scss/include/_skeleton.scss */
#jqt ul li {
border-top: 1px solid #e1e1e1;
list-style-type: none;
overflow: hidden;
padding: 10px;
-webkit-transform: translate3d(0, 0, 0);
/* expensive way to avoid flickr */
position: relative;
}
/* line 258, ../../../themes/scss/include/_skeleton.scss */
#jqt ul li a {
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
padding: 10px;
margin: -10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-transform: translateZ(0);
color: #151515;
text-shadow: white 0 1px 0;
}
/* line 270, ../../../themes/scss/include/_skeleton.scss */
#jqt ul li a.active, #jqt ul li a.selected {
background-image: none;
background-color: #f6f6f6;
color: #1d1d1d;
text-shadow: white 0 1px 0;
}
/* line 278, ../../../themes/scss/include/_skeleton.scss */
#jqt ul li a.active small, #jqt ul li a.selected small {
color: #101010;
text-shadow: #c3c3c3 0 1px 0;
}
/* line 279, ../../../themes/scss/include/_skeleton.scss */
#jqt ul li a.active small.counter, #jqt ul li a.selected small.counter {
background-color: #d0d0d0;
}
/* line 288, ../../../themes/scss/include/_skeleton.scss */
#jqt ul li small {
color: #f6f6f6;
font: 16px "Helvetica Neue", Helvetica;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
width: 23%;
position: relative;
z-index: 20;
float: right;
line-height: 16px;
padding: 2px 8px 4px 8px;
}
/* line 303, ../../../themes/scss/include/_skeleton.scss */
#jqt ul li small.counter {
background: #c8c8c8;
color: #484848;
text-shadow: #d4d4d4 0 1px 0;
z-index: 10;
font-size: 16px;
font-weight: bold;
-webkit-border-radius: 4px;
border-radius: 4px;
display: block;
width: auto;
}
/* line 319, ../../../themes/scss/include/_skeleton.scss */
#jqt ul li ::-webkit-input-placeholder {
color: #aeaeae;
text-shadow: white 0 1px 0;
}
/* line 330, ../../../themes/scss/include/_skeleton.scss */
#jqt ul li input[type="text"],
#jqt ul li input[type="password"],
#jqt ul li input[type="tel"],
#jqt ul li input[type="number"],
#jqt ul li input[type="search"],
#jqt ul li input[type="email"],
#jqt ul li input[type="url"],
#jqt ul li textarea, #jqt ul li select {
color: #151515;
text-shadow: white 0 1px 0;
background: transparent url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
border: 0;
font: normal 17px "Helvetica Neue", Helvetica;
padding: 0;
display: inline-block;
margin-left: 0px;
width: 100%;
-webkit-appearance: textarea;
}
/* line 341, ../../../themes/scss/include/_skeleton.scss */
#jqt ul li textarea {
height: 120px;
padding: 0;
text-indent: -2px;
}
/* line 346, ../../../themes/scss/include/_skeleton.scss */
#jqt ul li input[type="checkbox"], #jqt ul li input[type="radio"] {
margin: 0;
padding: 10px;
}
/* line 350, ../../../themes/scss/include/_skeleton.scss */
#jqt ul li input[type="checkbox"]:after, #jqt ul li input[type="radio"]:after {
content: attr(title);
position: absolute;
display: block;
width: 0;
left: 21px;
top: 12px;
font-family: "Helvetica Neue", Helvetica;
font-size: 17px;
line-height: 21px;
width: 246px;
margin: 0 0 0 17px;
color: #151515;
text-shadow: white 0 1px 0;
}
/* line 363, ../../../themes/scss/include/_skeleton.scss */
#jqt ul li input[type='submit'] {
-webkit-border-radius: 4px;
border-radius: 4px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#9c9ea0));
border: 1px outset #aaaaaa;
display: block;
font-size: inherit;
font-weight: inherit;
padding: 10px;
}
/* line 376, ../../../themes/scss/include/_skeleton.scss */
#jqt ul li.arrow small, #jqt ul li.forward small {
margin-right: 24px;
}
/* line 388, ../../../themes/scss/include/_skeleton.scss */
#jqt ul li.forward:after {
content: "›";
position: absolute;
display: block;
width: 24px;
height: 24px;
width: 24px;
height: 24px;
-webkit-border-radius: 12px;
border-radius: 12px;
top: 50%;
right: 6px;
margin-top: -12px;
border: 2px solid white;
-webkit-box-sizing: border-box;
padding: 0;
z-index: 10;
line-height: 13px;
color: white;
text-indent: 5px;
pointer-events: none;
background-image: none;
background-color: #f6f6f6;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
color: #1d1d1d;
text-shadow: white 0 1px 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
font-size: 24px;
}
/* line 398, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.rounded, #jqt ul.individual li {
border: 1px solid #c8c8c8;
}
/* line 406, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.rounded {
-webkit-border-radius: 8px;
border-radius: 8px;
}
/* line 409, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.rounded li:first-child, #jqt ul.rounded li:first-child a {
border-top: 0;
-webkit-border-top-left-radius: 8px;
border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
border-top-right-radius: 8px;
}
/* line 413, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.rounded li:last-child, #jqt ul.rounded li:last-child a {
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
}
/* line 419, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.form li {
padding: 7px 10px;
}
/* line 422, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.form li.error {
border: 2px solid red;
}
/* line 425, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.form li.error + #jqt ul.form li.error {
border-top: 0;
}
/* line 435, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.metal li {
background-image: none;
border-top: 1px solid white;
border-bottom: 1px solid #666666;
font-size: 26px;
}
/* line 442, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.metal li a {
line-height: 26px;
margin: 0;
padding: 13px 0;
}
/* line 448, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.metal li em {
display: block;
font-size: 14px;
font-style: normal;
width: 50%;
line-height: 14px;
}
/* line 456, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.metal li small {
float: right;
position: relative;
margin-top: 10px;
font-weight: bold;
}
/* line 470, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.edgetoedge li {
font-size: 20px;
}
/* line 473, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.edgetoedge li:first-child {
border-top: 0;
}
/* line 477, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.edgetoedge li.sep {
font-size: 16px;
padding: 2px 10px;
}
/* line 482, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.edgetoedge li em {
font-weight: normal;
font-style: normal;
}
/* line 491, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.plastic {
font-size: 18px;
}
/* line 495, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.plastic li {
border-width: 1px 0;
border-style: solid;
background-image: none;
background-color: #c3c3c3;
border-top-color: #c8c8c8;
border-bottom-color: #bbbbbb;
}
/* line 503, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.plastic li:nth-child(odd) {
background-image: none;
background-color: #c8c8c8;
}
/* line 507, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.plastic li a.active.loading {
background-image: url(../img/vanilla/loading.gif);
background-position: 95% center;
background-repeat: no-repeat;
}
/* line 512, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.plastic li small {
color: #626262;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
/* line 522, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.individual {
border: 0;
background: none;
clear: both;
overflow: hidden;
}
/* line 528, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.individual li {
font-size: 14px;
text-align: center;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 48%;
float: left;
display: block;
padding: 11px 10px 14px 10px;
}
/* line 538, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.individual li + li {
float: right;
}
/* line 543, ../../../themes/scss/include/_skeleton.scss */
#jqt ul.individual a {
line-height: 16px;
margin: -11px -10px -14px -10px;
padding: 11px 10px 14px 10px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
/* line 552, ../../../themes/scss/include/_skeleton.scss */
#jqt div.toggle, #jqt span.toggle {
width: 94px;
position: relative;
height: 27px;
display: block;
overflow: hidden;
float: right;
}
/* line 560, ../../../themes/scss/include/_skeleton.scss */
#jqt div.toggle input[type="checkbox"], #jqt span.toggle input[type="checkbox"] {
margin: 0;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 27px;
overflow: hidden;
width: 149px;
border: 0;
-webkit-transition: left 0.15s ease-in-out;
transition: left 0.15s ease-in-out;
position: absolute;
top: 0;
left: -55px;
-webkit-appearance: textarea;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* line 574, ../../../themes/scss/include/_skeleton.scss */
#jqt div.toggle input[type="checkbox"]:checked, #jqt span.toggle input[type="checkbox"]:checked {
left: 0px;
}
/* line 580, ../../../themes/scss/include/_skeleton.scss */
#jqt input[type="checkbox"].toggle, #jqt li input[type="radio"].toggle {
position: relative;
appearance: none;
-webkit-appearance: none;
display: inline-block;
border-radius: 16px;
background-color: #fff;
padding: 1px;
width: 52px;
height: 32px;
cursor: pointer;
margin: 0px;
vertical-align: middle;
border: 0px solid transparent;
box-shadow: inset 0px 0px 0px 1px #e6e6e6;
transition: all 0.3s ease-out;
}
/* line 93, ../../../themes/scss/include/_widgets.scss */
#jqt input[type="checkbox"].toggle:before, #jqt li input[type="radio"].toggle:before {
content: '';
position: absolute;
width: 30px;
height: 30px;
border-radius: 30.5px;
top: 1px;
box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2), -1px 2px 5px rgba(0, 0, 0,