1
0
mirror of http://git.whoc.org.uk/git/password-manager.git synced 2024-11-11 00:07:16 +01:00
password-manager-mirror/frontend/gamma/css/mobile.css
2015-03-09 15:45:35 +01:00

2569 lines
115 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/*
Copyright 2008-2015 Clipperz Srl
This file is part of Clipperz, the online password manager.
For further information about its features and functionalities please
refer to http://www.clipperz.com.
* Clipperz is free software: you can redistribute it and/or modify it
under the terms of the GNU Affero General Public License as published
by the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
* Clipperz is distributed in the hope that it will be useful, but
WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
See the GNU Affero General Public License for more details.
* You should have received a copy of the GNU Affero General Public
License along with Clipperz. If not, see http://www.gnu.org/licenses/.
*/
/*
Color list:
- login box:
light #ff9955
dark #ff6622
- login button:
regular #dd5500
hover #773311
- login translations:
box: #cc6622;
not-selected:
color: #ddaa99
background: #994422
selected: #772211;
*/
html {
height: 100%;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
}
body {
font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
margin: 0px;
}
.ellipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
/**
* 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, ../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, ../scss/include/_base.scss */
* {
margin: 0;
padding: 0;
}
/* line 6, ../scss/include/_base.scss */
body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}
/* line 11, ../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, ../scss/include/_base.scss */
#jqt a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-drag: none;
}
/* line 26, ../scss/include/_base.scss */
#jqt .selectable,
#jqt input,
#jqt textarea {
-webkit-user-select: auto;
}
/* line 30, ../scss/include/_base.scss */
#jqt.notransform {
-webkit-transform: none !important;
}
/* line 35, ../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, ../scss/include/_base.scss */
#jqt > .current {
z-index: 10;
}
/* line 53, ../scss/include/_base.scss */
#jqt > :not(.current) {
display: none;
}
/* line 57, ../scss/include/_base.scss */
#jqt.touchscroll:not(.animating3d) {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
/* line 61, ../scss/include/_base.scss */
#jqt.touchscroll:not(.animating3d) > * {
height: 100%;
}
/* line 64, ../scss/include/_base.scss */
#jqt.touchscroll:not(.animating3d) .scroll {
position: relative;
-webkit-box-flex: 1;
box-flex: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
/* line 72, ../scss/include/_base.scss */
#jqt .scroll {
-webkit-margin-collapse: separate;
}
/* line 76, ../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 82, ../scss/include/_base.scss */
#jqt .in {
z-index: 10;
}
/* line 85, ../scss/include/_base.scss */
#jqt .in:after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
/* line 94, ../scss/include/_base.scss */
#jqt .out {
z-index: 0 !important;
}
/* line 98, ../scss/include/_base.scss */
#jqt.supports3d {
-webkit-perspective: 1000;
}
/* line 101, ../scss/include/_base.scss */
#jqt.supports3d > * {
-webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
}
/* Fade */
/* line 3, ../scss/include/_animations.scss */
#jqt .fade.in {
-webkit-animation-name: fadeIn;
}
/* line 7, ../scss/include/_animations.scss */
#jqt .fade.out {
z-index: 10;
-webkit-animation-name: fadeOut;
}
@-webkit-keyframes fadeIn {
/* line 13, ../scss/include/_animations.scss */
0% {
opacity: 0;
}
/* line 16, ../scss/include/_animations.scss */
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
/* line 22, ../scss/include/_animations.scss */
0% {
opacity: 1;
}
/* line 25, ../scss/include/_animations.scss */
100% {
opacity: 1;
}
}
/* Disolve */
/* line 34, ../scss/include/_animations.scss */
#jqt .dissolve.in {
-webkit-animation-name: dissolveIn;
}
/* line 38, ../scss/include/_animations.scss */
#jqt .dissolve.out {
-webkit-animation-name: dissolveOut;
}
@-webkit-keyframes dissolveIn {
/* line 43, ../scss/include/_animations.scss */
0% {
opacity: 0;
}
/* line 46, ../scss/include/_animations.scss */
100% {
opacity: 1;
}
}
@-webkit-keyframes dissolveOut {
/* line 52, ../scss/include/_animations.scss */
0% {
opacity: 1;
}
/* line 55, ../scss/include/_animations.scss */
100% {
opacity: 0;
}
}
/* #Popin' */
/* line 64, ../scss/include/_animations.scss */
#jqt .pop.in {
-webkit-animation-name: popIn;
}
/* line 68, ../scss/include/_animations.scss */
#jqt .pop.out {
-webkit-animation-name: popOut;
}
@-webkit-keyframes popIn {
/* line 73, ../scss/include/_animations.scss */
0% {
-webkit-transform: scale(0.2);
opacity: 0;
}
/* line 77, ../scss/include/_animations.scss */
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes popOut {
/* line 84, ../scss/include/_animations.scss */
0% {
-webkit-transform: scale(1);
opacity: 1;
}
/* line 88, ../scss/include/_animations.scss */
100% {
-webkit-transform: scale(0.2);
opacity: 0;
}
}
/* Slide Left */
/* line 98, ../scss/include/_animations.scss */
#jqt .slideleft.in {
-webkit-animation-name: slideLeftIn;
}
/* line 102, ../scss/include/_animations.scss */
#jqt .slideleft.out {
-webkit-animation-name: slideLeftOut;
}
@-webkit-keyframes slideLeftIn {
/* line 107, ../scss/include/_animations.scss */
0% {
-webkit-transform: translateX(100%);
}
/* line 110, ../scss/include/_animations.scss */
100% {
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes slideLeftOut {
/* line 116, ../scss/include/_animations.scss */
0% {
-webkit-transform: translateX(0px);
}
/* line 119, ../scss/include/_animations.scss */
100% {
-webkit-transform: translateX(-100%);
}
}
/* Slide Right */
/* line 128, ../scss/include/_animations.scss */
#jqt .slideright.in {
-webkit-animation-name: slideRightIn;
}
/* line 132, ../scss/include/_animations.scss */
#jqt .slideright.out {
-webkit-animation-name: slideRightOut;
}
@-webkit-keyframes slideRightIn {
/* line 137, ../scss/include/_animations.scss */
0% {
-webkit-transform: translateX(-100%);
}
/* line 140, ../scss/include/_animations.scss */
100% {
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes slideRightOut {
/* line 146, ../scss/include/_animations.scss */
0% {
-webkit-transform: translateX(0);
}
/* line 149, ../scss/include/_animations.scss */
100% {
-webkit-transform: translateX(100%);
}
}
/* Slide Up */
/* line 158, ../scss/include/_animations.scss */
#jqt .slideup.in {
z-index: 10;
-webkit-animation-name: slideUpIn;
}
/* line 162, ../scss/include/_animations.scss */
#jqt .slideup.out {
z-index: 0;
-webkit-animation-name: slideUpOut;
}
@-webkit-keyframes slideUpIn {
/* line 168, ../scss/include/_animations.scss */
0% {
-webkit-transform: translateY(100%);
}
/* line 171, ../scss/include/_animations.scss */
100% {
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes slideUpOut {
/* line 177, ../scss/include/_animations.scss */
0% {
-webkit-transform: translateY(0);
}
/* line 180, ../scss/include/_animations.scss */
100% {
-webkit-transform: translateY(0);
}
}
/* Slide Down */
/* line 189, ../scss/include/_animations.scss */
#jqt .slidedown.in {
z-index: 0;
-webkit-animation-name: slideDownIn;
}
/* line 193, ../scss/include/_animations.scss */
#jqt .slidedown.out {
z-index: 10;
-webkit-animation-name: slideDownOut;
}
@-webkit-keyframes slideDownIn {
/* line 199, ../scss/include/_animations.scss */
0% {
-webkit-transform: translateY(0);
}
/* line 202, ../scss/include/_animations.scss */
100% {
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes slideDownOut {
/* line 208, ../scss/include/_animations.scss */
0% {
-webkit-transform: translateY(0);
}
/* line 211, ../scss/include/_animations.scss */
100% {
-webkit-transform: translateY(100%);
}
}
/* Flip Left */
/* line 220, ../scss/include/_animations.scss */
#jqt .flipleft {
-webkit-backface-visibility: hidden;
}
/* line 224, ../scss/include/_animations.scss */
#jqt .flipleft.in {
-webkit-animation-name: flipLeftIn;
}
/* line 228, ../scss/include/_animations.scss */
#jqt .flipleft.out {
-webkit-animation-name: flipLeftOut;
}
@-webkit-keyframes flipLeftIn {
/* line 233, ../scss/include/_animations.scss */
0% {
-webkit-transform: rotateY(180deg) scale(0.8);
}
/* line 236, ../scss/include/_animations.scss */
100% {
-webkit-transform: rotateY(0deg) scale(1);
}
}
@-webkit-keyframes flipLeftOut {
/* line 242, ../scss/include/_animations.scss */
0% {
-webkit-transform: rotateY(0deg) scale(1);
}
/* line 245, ../scss/include/_animations.scss */
100% {
-webkit-transform: rotateY(-180deg) scale(0.8);
}
}
/* Flip Right */
/* line 254, ../scss/include/_animations.scss */
#jqt .flipright {
-webkit-backface-visibility: hidden;
}
/* line 258, ../scss/include/_animations.scss */
#jqt .flipright.in {
-webkit-animation-name: flipRightIn;
}
/* line 262, ../scss/include/_animations.scss */
#jqt .flipright.out {
-webkit-animation-name: flipRightOut;
}
@-webkit-keyframes flipRightIn {
/* line 267, ../scss/include/_animations.scss */
0% {
-webkit-transform: rotateY(-180deg) scale(0.8);
}
/* line 270, ../scss/include/_animations.scss */
100% {
-webkit-transform: rotateY(0deg) scale(1);
}
}
@-webkit-keyframes flipRightOut {
/* line 276, ../scss/include/_animations.scss */
0% {
-webkit-transform: rotateY(0deg) scale(1);
}
/* line 279, ../scss/include/_animations.scss */
100% {
-webkit-transform: rotateY(180deg) scale(0.8);
}
}
/* Swap Right */
/* line 288, ../scss/include/_animations.scss */
#jqt .swapright {
-webkit-animation-duration: .7s;
-webkit-transform: perspective(800);
-webkit-animation-timing-function: ease-out;
}
/* line 293, ../scss/include/_animations.scss */
#jqt .swapright.in {
-webkit-animation-name: swapRightIn;
}
/* line 296, ../scss/include/_animations.scss */
#jqt .swapright.out {
-webkit-animation-name: swapRightOut;
}
@-webkit-keyframes swapRightIn {
/* line 301, ../scss/include/_animations.scss */
0% {
-webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg);
opacity: 0;
}
/* line 305, ../scss/include/_animations.scss */
35% {
-webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
opacity: 1;
}
/* line 309, ../scss/include/_animations.scss */
100% {
-webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
opacity: 1;
}
}
@-webkit-keyframes swapRightOut {
/* line 316, ../scss/include/_animations.scss */
0% {
-webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
opacity: 1;
}
/* line 320, ../scss/include/_animations.scss */
35% {
-webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg);
opacity: .5;
}
/* line 324, ../scss/include/_animations.scss */
100% {
-webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg);
opacity: 0;
}
}
/* Swap Left */
/* line 332, ../scss/include/_animations.scss */
#jqt .swapleft {
-webkit-animation-duration: .7s;
-webkit-transform: perspective(800);
-webkit-animation-timing-function: ease-out;
}
/* line 337, ../scss/include/_animations.scss */
#jqt .swapleft.in {
-webkit-animation-name: swapLeftIn;
}
/* line 340, ../scss/include/_animations.scss */
#jqt .swapleft.out {
-webkit-animation-name: swapLeftOut;
}
@-webkit-keyframes swapLeftIn {
/* line 345, ../scss/include/_animations.scss */
0% {
-webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg);
opacity: 0;
}
/* line 349, ../scss/include/_animations.scss */
35% {
-webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg);
opacity: 1;
}
/* line 353, ../scss/include/_animations.scss */
100% {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
}
}
@-webkit-keyframes swapLeftOut {
/* line 360, ../scss/include/_animations.scss */
0% {
-webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
opacity: 1;
}
/* line 364, ../scss/include/_animations.scss */
35% {
-webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
opacity: .5;
}
/* line 368, ../scss/include/_animations.scss */
100% {
-webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg);
opacity: 0;
}
}
/* Cube Left */
/* line 382, ../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 389, ../scss/include/_animations.scss */
#jqt .cubeleft.in {
-webkit-transform-origin: 0% 50%;
-webkit-animation-name: cubeLeftIn;
}
/* line 394, ../scss/include/_animations.scss */
#jqt .cubeleft.out {
-webkit-transform-origin: 100% 50%;
-webkit-animation-name: cubeLeftOut;
}
@-webkit-keyframes cubeLeftIn {
/* line 400, ../scss/include/_animations.scss */
0% {
-webkit-transform: rotateY(90deg) translateZ(320px);
opacity: .5;
}
/* line 404, ../scss/include/_animations.scss */
100% {
-webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
opacity: 1;
}
}
@-webkit-keyframes cubeLeftOut {
/* line 411, ../scss/include/_animations.scss */
0% {
-webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
opacity: 1;
}
/* line 415, ../scss/include/_animations.scss */
100% {
-webkit-transform: rotateY(-90deg) translateZ(320px);
opacity: .5;
}
}
/* Cube Right */
/* line 423, ../scss/include/_animations.scss */
#jqt .cuberight.in {
-webkit-transform-origin: 100% 50%;
-webkit-animation-name: cubeRightIn;
}
/* line 428, ../scss/include/_animations.scss */
#jqt .cuberight.out {
-webkit-transform-origin: 0% 50%;
-webkit-animation-name: cubeRightOut;
}
@-webkit-keyframes cubeRightIn {
/* line 434, ../scss/include/_animations.scss */
0% {
-webkit-transform: rotateY(-90deg) translateZ(320px);
opacity: .5;
}
/* line 438, ../scss/include/_animations.scss */
100% {
-webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
opacity: 1;
}
}
@-webkit-keyframes cubeRightOut {
/* line 445, ../scss/include/_animations.scss */
0% {
-webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
opacity: 1;
}
/* line 449, ../scss/include/_animations.scss */
100% {
-webkit-transform: rotateY(90deg) translateZ(320px);
opacity: .5;
}
}
/* line 5, ../scss/include/_skeleton.scss */
body {
background: black;
}
/* line 9, ../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 26, ../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 35, ../scss/include/_skeleton.scss */
#jqt h1,
#jqt h2 {
font: bold 18px "Helvetica Neue", Helvetica;
margin: 10px 20px 6px;
color: #bbbcbe;
text-shadow: #3c3d3e 0 -1px 0;
}
/* line 41, ../scss/include/_skeleton.scss */
#jqt .toolbar {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 6px;
box-shadow: rgba(0, 0, 0, 0.4) 0 1px 6px;
border-bottom: 1px solid black;
z-index: 10;
position: relative;
padding: 10px;
height: 44px;
}
/* line 52, ../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: white;
text-shadow: #161717 0 -1px 0;
}
/* line 71, ../scss/include/_skeleton.scss */
#jqt.black-translucent .toolbar {
padding-top: 30px;
height: 64px;
}
/* line 75, ../scss/include/_skeleton.scss */
#jqt.landscape .toolbar > h1 {
margin-left: -125px;
width: 250px;
}
/* line 80, ../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: #e2e3e3;
text-shadow: #000000 0 -1px 0;
-webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0, rgba(0, 0, 0, 0.2) 0 1px 2px inset;
box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0, rgba(0, 0, 0, 0.2) 0 1px 2px inset;
border: 1px solid black;
-webkit-border-radius: 5px;
border-radius: 5px;
background-image: none;
background-color: #0a0a0a;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2f3031), color-stop(50%, #161717), color-stop(51%, #0a0a0a), color-stop(100%, #000000));
background-image: -webkit-linear-gradient(top, #2f3031, #161717 50%, #0a0a0a 51%, #000000);
background-image: linear-gradient(top, #2f3031, #161717 50%, #0a0a0a 51%, #000000);
}
/* line 107, ../scss/include/_skeleton.scss */
#jqt .button.active,
#jqt .back.active,
#jqt .cancel.active,
#jqt .add.active {
border-color: black;
background-image: none;
background-color: black;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #262627), color-stop(50%, #0d0d0d), color-stop(51%, #000000), color-stop(100%, #000000));
background-image: -webkit-linear-gradient(top, #262627, #0d0d0d 50%, #000000 51%, #000000);
background-image: linear-gradient(top, #262627, #0d0d0d 50%, #000000 51%, #000000);
color: #d8d9d9;
text-shadow: #000000 0 -1px 0;
}
/* line 114, ../scss/include/_skeleton.scss */
#jqt .back {
max-width: 60px;
margin-left: 15px;
overflow: visible;
padding-left: 5px;
}
/* line 121, ../scss/include/_skeleton.scss */
#jqt .back:after,
#jqt .back:before {
content: '';
position: absolute;
width: 20px;
height: 20px;
top: 1px;
left: 1px;
-webkit-transform: rotate(45deg) translate3d(0.2px, 0, 0);
transform: rotate(45deg) translate3d(0.2px, 0, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
background-image: none;
background-color: #0a0a0a;
background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #2f3031), color-stop(50%, #161717), color-stop(51%, #0a0a0a), color-stop(100%, #000000));
background-image: -webkit-linear-gradient(top left, #2f3031, #161717 50%, #0a0a0a 51%, #000000);
background-image: linear-gradient(top left, #2f3031, #161717 50%, #0a0a0a 51%, #000000);
background-size: 100% 98%;
-webkit-border-radius: 0 0 0 2px;
border-radius: 0 0 0 2px;
-webkit-mask-image: -webkit-linear-gradient(45deg, #000000, #000000 15px, rgba(0, 0, 0, 0) 15px);
-webkit-mask-image: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(50%, #000000), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
-webkit-mask-clip: border-box;
-webkit-background-clip: content-box;
}
/* line 149, ../scss/include/_skeleton.scss */
#jqt .back:after {
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 0 0 inset, rgba(0, 0, 0, 0.2) 0 -1px 0 inset;
box-shadow: rgba(0, 0, 0, 0.2) 1px 0 0 inset, rgba(0, 0, 0, 0.2) 0 -1px 0 inset;
}
/* line 152, ../scss/include/_skeleton.scss */
#jqt .back:before {
margin-left: -1px;
background: black none;
}
/* line 157, ../scss/include/_skeleton.scss */
#jqt .back.active:after {
background-image: none;
background-color: black;
background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #262627), color-stop(50%, #0d0d0d), color-stop(51%, #000000), color-stop(100%, #000000));
background-image: -webkit-linear-gradient(left top, #262627, #0d0d0d 50%, #000000 51%, #000000);
background-image: linear-gradient(left top, #262627, #0d0d0d 50%, #000000 51%, #000000);
}
/* line 160, ../scss/include/_skeleton.scss */
#jqt .back.active:before {
background-color: black;
}
/* line 166, ../scss/include/_skeleton.scss */
#jqt .blueButton {
background-image: #2f7ce3, glossy;
color: white;
text-shadow: #1a63c5 0 -1px 0;
}
/* line 170, ../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;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, rgba(0, 0, 0, 0.4) 0 0 0 5px, rgba(255, 255, 255, 0.3) 0 1px 0 5px;
box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, rgba(0, 0, 0, 0.4) 0 0 0 5px, rgba(255, 255, 255, 0.3) 0 1px 0 5px;
}
/* line 185, ../scss/include/_skeleton.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: #3c8101;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5fcd01), color-stop(50%, #479b01), color-stop(51%, #3c8101), color-stop(100%, #306801));
background-image: -webkit-linear-gradient(top, #5fcd01, #479b01 50%, #3c8101 51%, #306801);
background-image: linear-gradient(top, #5fcd01, #479b01 50%, #3c8101 51%, #306801);
color: white;
text-shadow: #244f00 0 -1px 0;
}
/* line 191, ../scss/include/_skeleton.scss */
#jqt .whiteButton {
background-image: none;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #fbfbfb), color-stop(51%, #eeeeee), color-stop(100%, #e1e1e1));
background-image: -webkit-linear-gradient(top, #ffffff, #fbfbfb 50%, #eeeeee 51%, #e1e1e1);
background-image: linear-gradient(top, #ffffff, #fbfbfb 50%, #eeeeee 51%, #e1e1e1);
color: #151515;
text-shadow: white 0 1px 0;
}
/* line 195, ../scss/include/_skeleton.scss */
#jqt .grayButton {
background-image: none;
background-color: #444444;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6a6a6a), color-stop(50%, #515151), color-stop(51%, #444444), color-stop(100%, #373737));
background-image: -webkit-linear-gradient(top, #6a6a6a, #515151 50%, #444444 51%, #373737);
background-image: linear-gradient(top, #6a6a6a, #515151 50%, #444444 51%, #373737);
color: white;
text-shadow: #2b2b2b 0 -1px 0;
}
/* line 200, ../scss/include/_skeleton.scss */
#jqt .redButton {
background-image: none;
background-color: #d83b38;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e57a78), color-stop(50%, #dc504d), color-stop(51%, #d83b38), color-stop(100%, #ce2c28));
background-image: -webkit-linear-gradient(top, #e57a78, #dc504d 50%, #d83b38 51%, #ce2c28);
background-image: linear-gradient(top, #e57a78, #dc504d 50%, #d83b38 51%, #ce2c28);
color: white;
text-shadow: #b92724 0 -1px 0;
}
/* line 204, ../scss/include/_skeleton.scss */
#jqt .redButton.active,
#jqt .redButton:active {
background-image: none;
background-color: #c12926;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #de5856), color-stop(50%, #d52e2b), color-stop(51%, #c12926), color-stop(100%, #ac2422));
background-image: -webkit-linear-gradient(top, #de5856, #d52e2b 50%, #c12926 51%, #ac2422);
background-image: linear-gradient(top, #de5856, #d52e2b 50%, #c12926 51%, #ac2422);
color: white;
text-shadow: #97201e 0 -1px 0;
}
/* line 211, ../scss/include/_skeleton.scss */
#jqt .greenButton {
background-image: none;
background-color: #53b401;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76fe04), color-stop(50%, #5fcd01), color-stop(51%, #53b401), color-stop(100%, #479b01));
background-image: -webkit-linear-gradient(top, #76fe04, #5fcd01 50%, #53b401 51%, #479b01);
background-image: linear-gradient(top, #76fe04, #5fcd01 50%, #53b401 51%, #479b01);
color: white;
text-shadow: #3c8101 0 -1px 0;
}
/* line 216, ../scss/include/_skeleton.scss */
#jqt .leftButton,
#jqt .cancel,
#jqt .back {
left: 6px;
right: auto;
}
/* line 221, ../scss/include/_skeleton.scss */
#jqt .add {
font-size: 24px;
line-height: 24px;
font-weight: bold;
}
/* line 229, ../scss/include/_skeleton.scss */
#jqt ul {
padding: 0;
margin: 5px 10px 10px 10px;
-webkit-margin-collapse: separate;
}
/* line 231, ../scss/include/_skeleton.scss */
#jqt ul,
#jqt ul.individual li {
background-color: #555658;
color: #d5d6d7;
text-shadow: #3c3d3e 0 -1px 0;
border: 1px solid #2f3031;
font: bold 18px "Helvetica Neue", Helvetica;
}
/* line 240, ../scss/include/_skeleton.scss */
#jqt ul:first-child {
margin-top: 15px;
}
/* line 246, ../scss/include/_skeleton.scss */
#jqt ul li {
border-top: 1px solid #48494b;
list-style-type: none;
overflow: hidden;
padding: 10px;
-webkit-transform: translate3d(0, 0, 0);
/* expensive way to avoid flickr */
}
/* line 253, ../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: white;
text-shadow: #3c3d3e 0 -1px 0;
}
/* line 265, ../scss/include/_skeleton.scss */
#jqt ul li a.active {
background-image: none;
background-color: #53b401;
-webkit-box-shadow: #5cc801 0 1px 0px inset;
box-shadow: #5cc801 0 1px 0px inset;
color: white;
text-shadow: #3c8101 0 -1px 0;
}
/* line 270, ../scss/include/_skeleton.scss */
#jqt ul li a.active small {
color: #a0fe50;
text-shadow: #000000 0 -1px 0;
}
/* line 271, ../scss/include/_skeleton.scss */
#jqt ul li a.active small.counter {
background-color: #306801;
}
/* line 280, ../scss/include/_skeleton.scss */
#jqt ul li small {
color: #53b401;
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 295, ../scss/include/_skeleton.scss */
#jqt ul li small.counter {
background: #2f3031;
color: #949698;
text-shadow: #0a0a0a 0 -1px 0;
z-index: 10;
font-size: 16px;
font-weight: bold;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
width: auto;
}
/* line 311, ../scss/include/_skeleton.scss */
#jqt ul li ::-webkit-input-placeholder {
color: #949698;
text-shadow: #3c3d3e 0 -1px 0;
}
/* line 322, ../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: white;
text-shadow: #3c3d3e 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 333, ../scss/include/_skeleton.scss */
#jqt ul li textarea {
height: 120px;
padding: 0;
text-indent: -2px;
}
/* line 338, ../scss/include/_skeleton.scss */
#jqt ul li input[type="checkbox"],
#jqt ul li input[type="radio"] {
margin: 0;
padding: 10px;
}
/* line 342, ../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: white;
text-shadow: #3c3d3e 0 -1px 0;
}
/* line 355, ../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 #aaa;
display: block;
font-size: inherit;
font-weight: inherit;
padding: 10px;
}
/* line 368, ../scss/include/_skeleton.scss */
#jqt ul li.arrow small,
#jqt ul li.forward small {
margin-right: 24px;
}
/* line 380, ../scss/include/_skeleton.scss */
#jqt ul li.forward:before {
content: "";
position: absolute;
display: block;
top: 50%;
right: 6px;
margin-top: -12px;
width: 24px;
height: 24px;
-webkit-border-radius: 12px;
border-radius: 12px;
background-image: none;
background-color: #53b401;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76fe04), color-stop(50%, #5fcd01), color-stop(51%, #53b401), color-stop(100%, #479b01));
background-image: -webkit-linear-gradient(top, #76fe04, #5fcd01 50%, #53b401 51%, #479b01);
background-image: linear-gradient(top, #76fe04, #5fcd01 50%, #53b401 51%, #479b01);
border: 2px solid #fff;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-box-sizing: border-box;
padding: 0;
z-index: 10;
line-height: 0;
pointer-events: none;
}
/* line 395, ../scss/include/_skeleton.scss */
#jqt ul li.forward:after {
color: white;
text-shadow: #3c8101 0 -1px 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
font-size: 24px;
}
/* line 404, ../scss/include/_skeleton.scss */
#jqt ul.rounded,
#jqt ul.individual li {
-webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0;
box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0;
border: 1px solid #2f3031;
}
/* line 409, ../scss/include/_skeleton.scss */
#jqt ul.rounded {
-webkit-border-radius: 8px;
border-radius: 8px;
}
/* line 412, ../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 416, ../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 422, ../scss/include/_skeleton.scss */
#jqt ul.form li {
padding: 7px 10px;
}
/* line 425, ../scss/include/_skeleton.scss */
#jqt ul.form li.error {
border: 2px solid red;
}
/* line 428, ../scss/include/_skeleton.scss */
#jqt ul.form li.error + #jqt ul.form li.error {
border-top: 0;
}
/* line 438, ../scss/include/_skeleton.scss */
#jqt ul.metal li {
background-image: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #666;
font-size: 26px;
}
/* line 445, ../scss/include/_skeleton.scss */
#jqt ul.metal li a {
line-height: 26px;
margin: 0;
padding: 13px 0;
}
/* line 451, ../scss/include/_skeleton.scss */
#jqt ul.metal li em {
display: block;
font-size: 14px;
font-style: normal;
width: 50%;
line-height: 14px;
}
/* line 459, ../scss/include/_skeleton.scss */
#jqt ul.metal li small {
float: right;
position: relative;
margin-top: 10px;
font-weight: bold;
}
/* line 473, ../scss/include/_skeleton.scss */
#jqt ul.edgetoedge li {
font-size: 20px;
}
/* line 476, ../scss/include/_skeleton.scss */
#jqt ul.edgetoedge li:first-child {
border-top: 0;
}
/* line 480, ../scss/include/_skeleton.scss */
#jqt ul.edgetoedge li.sep {
font-size: 16px;
padding: 2px 10px;
}
/* line 485, ../scss/include/_skeleton.scss */
#jqt ul.edgetoedge li em {
font-weight: normal;
font-style: normal;
}
/* line 494, ../scss/include/_skeleton.scss */
#jqt ul.plastic {
font-size: 18px;
}
/* line 498, ../scss/include/_skeleton.scss */
#jqt ul.plastic li {
border-width: 1px 0;
border-style: solid;
background-image: none;
background-color: #2a2b2c;
border-top-color: #2f3031;
border-bottom-color: #232324;
}
/* line 506, ../scss/include/_skeleton.scss */
#jqt ul.plastic li:nth-child(odd) {
background-image: none;
background-color: #2f3031;
}
/* line 510, ../scss/include/_skeleton.scss */
#jqt ul.plastic li a.active.loading {
background-image: url(img/loading.gif);
background-position: 95% center;
background-repeat: no-repeat;
}
/* line 515, ../scss/include/_skeleton.scss */
#jqt ul.plastic li small {
color: #949698;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
/* line 525, ../scss/include/_skeleton.scss */
#jqt ul.individual {
border: 0;
background: none;
clear: both;
overflow: hidden;
}
/* line 531, ../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 541, ../scss/include/_skeleton.scss */
#jqt ul.individual li + li {
float: right;
}
/* line 546, ../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 555, ../scss/include/_skeleton.scss */
#jqt .toggle {
width: 94px;
position: relative;
height: 27px;
display: block;
overflow: hidden;
float: right;
}
/* line 563, ../scss/include/_skeleton.scss */
#jqt .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 577, ../scss/include/_skeleton.scss */
#jqt .toggle input[type="checkbox"]:checked {
left: 0px;
}
/* line 583, ../scss/include/_skeleton.scss */
#jqt .info {
font-size: 12px;
line-height: 16px;
text-align: center;
color: #444;
padding: 15px;
font-weight: bold;
}
/* line 12, ../scss/jqtouch.scss */
#jqt {
/* Lists */
}
/* line 13, ../scss/jqtouch.scss */
#jqt > * {
background-image: url('data:image/png;base64,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'), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7b7c7f), color-stop(30%, #696a6d), color-stop(65%, #555658), color-stop(100%, #464748));
background-image: url('data:image/png;base64,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'), -webkit-linear-gradient(top, #7b7c7f, #696a6d 30%, #555658 65%, #464748);
background-image: url('data:image/png;base64,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'), linear-gradient(top, #7b7c7f, #696a6d 30%, #555658 65%, #464748);
}
/* line 20, ../scss/jqtouch.scss */
#jqt .toolbar {
background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, #181819), color-stop(12.5%, rgba(11, 11, 12, 0))), -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, #181819), color-stop(12.5%, rgba(11, 11, 12, 0))), -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, rgba(255, 255, 255, 0.1)), color-stop(12.5%, rgba(255, 255, 255, 0))), -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, rgba(255, 255, 255, 0.1)), color-stop(12.5%, rgba(255, 255, 255, 0)));
background-image: -webkit-radial-gradient(#181819 12.5%, rgba(11, 11, 12, 0) 12.5%), -webkit-radial-gradient(#181819 12.5%, rgba(11, 11, 12, 0) 12.5%), -webkit-radial-gradient(rgba(255, 255, 255, 0.1) 12.5%, rgba(255, 255, 255, 0) 12.5%), -webkit-radial-gradient(rgba(255, 255, 255, 0.1) 12.5%, rgba(255, 255, 255, 0) 12.5%);
background-image: radial-gradient(#181819 12.5%, rgba(11, 11, 12, 0) 12.5%), radial-gradient(#181819 12.5%, rgba(11, 11, 12, 0) 12.5%), radial-gradient(rgba(255, 255, 255, 0.1) 12.5%, rgba(255, 255, 255, 0) 12.5%), radial-gradient(rgba(255, 255, 255, 0.1) 12.5%, rgba(255, 255, 255, 0) 12.5%);
background-repeat: repeat;
background-position: 0 0, 8px 8px, 0 1px, 8px 9px;
background-color: #2f3031;
background-size: 16px 16px;
}
/* line 29, ../scss/jqtouch.scss */
#jqt ul li {
border-top: 1px solid #48494b;
background-image: none;
background-color: rgba(85, 86, 88, 0.2);
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(123, 124, 127, 0.2)), color-stop(3%, rgba(98, 99, 101, 0.2)), color-stop(100%, rgba(72, 73, 75, 0.2)));
background-image: -webkit-linear-gradient(top, rgba(123, 124, 127, 0.2), rgba(98, 99, 101, 0.2) 3%, rgba(72, 73, 75, 0.2));
background-image: linear-gradient(top, rgba(123, 124, 127, 0.2), rgba(98, 99, 101, 0.2) 3%, rgba(72, 73, 75, 0.2));
}
/* line 33, ../scss/jqtouch.scss */
#jqt ul li a {
color: white;
text-shadow: #3c3d3e 0 -1px 0;
}
/* line 37, ../scss/jqtouch.scss */
#jqt ul li .toggle input[type="checkbox"] {
-webkit-border-radius: 5px;
border-radius: 5px;
background: #ffffff url(../img/jqt/on_off.png) 0 0 no-repeat;
}
/* line 42, ../scss/jqtouch.scss */
#jqt ul li input[type='submit'] {
background-image: none;
background-color: white;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #ffffff), color-stop(100%, #f2f2f2));
background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 50%, #ffffff 51%, #f2f2f2);
background-image: linear-gradient(top, #ffffff, #ffffff 50%, #ffffff 51%, #f2f2f2);
border: 1px outset black;
}
/* line 47, ../scss/jqtouch.scss */
#jqt ul li small.counter {
-webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;
box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;
}
/* line 54, ../scss/jqtouch.scss */
#jqt ul.metal li {
background-image: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #666;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#9c9ea0));
}
/* line 60, ../scss/jqtouch.scss */
#jqt ul.metal li a {
text-shadow: #fff 0 1px 0;
}
/* line 62, ../scss/jqtouch.scss */
#jqt ul.metal li a.active {
color: #000;
}
/* line 65, ../scss/jqtouch.scss */
#jqt ul.metal li em {
color: #444;
}
/* line 71, ../scss/jqtouch.scss */
#jqt ul.edgetoedge li {
background-image: none;
background-color: #3c3d3e;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #282829), color-stop(100%, #2f3031));
background-image: -webkit-linear-gradient(top, #282829, #2f3031);
background-image: linear-gradient(top, #282829, #2f3031);
border-bottom: 1px solid #1e1e1f;
border-top: 1px solid #343536;
}
/* line 76, ../scss/jqtouch.scss */
#jqt ul.edgetoedge li.sep {
background-image: none;
background-color: rgba(0, 0, 0, 0.3);
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(38, 38, 38, 0.3)), color-stop(30%, rgba(20, 20, 20, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3)));
background-image: -webkit-linear-gradient(top, rgba(38, 38, 38, 0.3), rgba(20, 20, 20, 0.3) 30%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0.3));
background-image: linear-gradient(top, rgba(38, 38, 38, 0.3), rgba(20, 20, 20, 0.3) 30%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0.3));
color: #949698;
text-shadow: #000000 0 -1px 0;
}
/* line 83, ../scss/jqtouch.scss */
#jqt .info {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#aaaaaa), color-stop(0.6, #cccccc));
text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
color: #444;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
div.spinner {
position: relative;
width: 100px;
height: 100px;
display: inline-block;
}
div.spinner div {
width: 12%;
height: 26%;
background: #000;
position: absolute;
left: 44.5%;
top: 37%;
opacity: 0;
-webkit-animation: fade 1s linear infinite;
-webkit-border-radius: 50px;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
div.spinner div.bar01 {
-webkit-transform: rotate(0deg) translate(0, -142%);
-webkit-animation-delay: 0s;
}
div.spinner div.bar02 {
-webkit-transform: rotate(30deg) translate(0, -142%);
-webkit-animation-delay: -0.9167s;
}
div.spinner div.bar03 {
-webkit-transform: rotate(60deg) translate(0, -142%);
-webkit-animation-delay: -0.833s;
}
div.spinner div.bar04 {
-webkit-transform: rotate(90deg) translate(0, -142%);
-webkit-animation-delay: -0.75s;
}
div.spinner div.bar05 {
-webkit-transform: rotate(120deg) translate(0, -142%);
-webkit-animation-delay: -0.667s;
}
div.spinner div.bar06 {
-webkit-transform: rotate(150deg) translate(0, -142%);
-webkit-animation-delay: -0.5833s;
}
div.spinner div.bar07 {
-webkit-transform: rotate(180deg) translate(0, -142%);
-webkit-animation-delay: -0.5s;
}
div.spinner div.bar08 {
-webkit-transform: rotate(210deg) translate(0, -142%);
-webkit-animation-delay: -0.41667s;
}
div.spinner div.bar09 {
-webkit-transform: rotate(240deg) translate(0, -142%);
-webkit-animation-delay: -0.333s;
}
div.spinner div.bar10 {
-webkit-transform: rotate(270deg) translate(0, -142%);
-webkit-animation-delay: -0.25s;
}
div.spinner div.bar11 {
-webkit-transform: rotate(300deg) translate(0, -142%);
-webkit-animation-delay: -0.1667s;
}
div.spinner div.bar12 {
-webkit-transform: rotate(330deg) translate(0, -142%);
-webkit-animation-delay: -0.0833s;
}
@-webkit-keyframes fade {
from {
opacity: 1;
}
to {
opacity: 0.25;
}
}
/*
Color list:
- login box:
light #ff9955
dark #ff6622
- login button:
regular #dd5500
hover #773311
- login translations:
box: #cc6622;
not-selected:
color: #ddaa99
background: #994422
selected: #772211;
*/
html {
height: 100%;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
}
body {
font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
margin: 0px;
}
.ellipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
div#loginForm div.credentialsMessage.error h1 {
color: red;
}
div#loginForm div.validating div.loading {
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
width: 100px;
}
/*
Color list:
- login box:
light #ff9955
dark #ff6622
- login button:
regular #dd5500
hover #773311
- login translations:
box: #cc6622;
not-selected:
color: #ddaa99
background: #994422
selected: #772211;
*/
html {
height: 100%;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
}
body {
font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
margin: 0px;
}
.ellipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
#jqt div.cardList ul li.cardListItem a small.favicon {
background: white;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
width: 26px;
height: 26px;
padding: 0px;
}
#jqt div.cardList ul li.cardListItem a small.favicon img.favicon {
margin-right: 3px;
margin-top: 3px;
width: 20px;
height: 20px;
}
#jqt div.cardDetail ul li a.password {
color: gray;
}
/* ---------------------------------------- */
/*
body {
margin: 0;
font-family: Helvetica;
background: #FFFFFF;
color: #000000;
overflow-x: hidden;
-webkit-user-select: none;
-webkit-text-size-adjust: none;
}
div.toolbar {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom: 1px solid #2d3642;
border-top: 1px solid #6d84a2;
padding: 10px;
height: 45px;
// background: url(./images/old/iPhone/toolbar.png) #6d84a2 repeat-x;
background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAArCAIAAAA2QHWOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUCNddjDEOgEAQAgn//5qltYWFnb1GB4vdSy4WBAYStKyb9+O0FJMYyjMyMWCC35lJM71r6vF1P07/lFSfPx6ZxNLcy1HtihzpA/RWcOj0zlDhAAAAAElFTkSuQmCCCg==) #6d84a2 repeat-x;
}
div.toolbar h1#pageTitle {
overflow: hidden;
margin-top: 1px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 150px;
height: 25px;
font-size: 20px;
width: 150px;
font-weight: bold;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
color: #FFFFFF;
}
div.toolbar a.button {
position: absolute;
overflow: hidden;
top: 8px;
right: 6px;
margin: 0;
border-width: 0 5px;
padding: 0 3px;
width: auto;
height: 30px;
line-height: 30px;
font-family: inherit;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
text-overflow: ellipsis;
text-decoration: none;
white-space: nowrap;
background: none;
// -webkit-border-image: url(./images/old/iPhone/toolButton.png) 0 5 0 5;
}
div.toolbar a#backButton {
left: 6px;
right: auto;
padding: 0px;
max-width: 55px;
border-width: 0 8px 0 14px;
// -webkit-border-image: url(./images/old/iPhone/backButton.png) 0 8 0 14;
-webkit-border-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAeCAIAAAA6iHCJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtJJREFUeNrEV21P01AYbbtubNExBnXDbYjjZYI4BMdgEANDQoTElw/+Rw0mBs0UiSGaoJFEQEPwjRhFCW/JxrZ2Xdu1fe71bpAhCHzqupPnS5ObPOeec+5zb+lHLxao05HPiwvzr3/++J7N7FFGgaaDLe034+O+wCXyxSKET1u5+Wc98XTK39zeOzjudLmNIoAR2tlaf/Zkqm9gKNI/RBigE9dtb23MJKZj8fvuC16b3WGxsJRxOFfHeQOtH+ZnOI+XRfgEBoLAzz6fjo7ebfD4GYYhMiEdDGRAW6xOt6d7YGzl4xIL/7mgyPL044edkVt19T4EFAJEVQYud+MvOCkHc7MJ3+VrXGOzXrHeZS1s9trjOVj7tiqpONTWBRgD6BVmQFls9iMaSHnx/bu3ffEHgC2gVVqAIojKR3Iw9zLRcjVmtTnA0NydxQDg0IWvq59kYIOeZtWs9gQkagcMcgK/vLjYNXQHcEkas0AcYPdNIPr7Q/0M69B089ofavB5ZVm3OJ2cTwegzAUgxGbSe8tLS52xewjRZGabzAABZt+8mvGHBsiYNF+AAw1cXEBGNUiQqWpAlArM5MSYBXgEOl0NkLcCkxak28MRKbuDMa6KDAwAUnU8HO2Q+N0SJ3OLMCA7V1S9vt7d3tSg5LNV0ACXwOekcGfreVbVVYUqMjOvyPsH71cqkxsZ7NHFJIXBTCMONMAlEryoxAfDucyOmaOpmINyaTowrK23IyDxKbNzUIYoKU3+i37OXpCESvfGCOw11uMMcCkQke4rDlrS1coOSk2VOXftERfKtZsURmLXQUqBVqiUABgrQirc0Xp4Fv4t8kxN8dLkaJQupOVcGnTN0PuQHHlRSG1Eu9tUTLOnxZ5clclsfmK078va7/WN7axomCN2e42Xc/VEIoiiM0KePeM20DTY3M22BZtuhENW1rC/NrI3WVGTmZxSKEr7V4ABAJ+53J1I3nPjAAAAAElFTkSuQmCCCg==) 0 8 0 14;
}
// -------------------------------------------
body.iPhone form.loginForm {
min-height: 372px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 10px;
// background: #c8c8c8 url(./images/old/iPhone/pinstripes.png);
background: #c8c8c8 url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiPHrmCgMC/GNjYwNSAAEGADdNA3dnzPlQAAAAAElFTkSuQmCCCg==);
}
fieldset {
position: relative;
margin: 0 0 20px 0;
padding: 0;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: 1px solid #999999;
text-align: right;
font-size: 16px;
}
.row {
position: relative;
min-height: 42px;
border-bottom: 1px solid #999999;
-webkit-border-radius: 0;
text-align: right;
}
fieldset > .row:last-child {
border-bottom: none !important;
}
.row > input:not(input[type|=radio]):not(input[type|=checkbox]),
.row > div.fieldValue {
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0;
border: none;
padding: 0px 10px 0 112px;
height: 42px;
background: none;
font-size: 16px;
font-weight: normal;
color: #666a60;
-webkit-user-select: text;
}
.row > div.fieldValue p {
margin: 0px;
text-align: left;
height: 40px;
vertical-align: middle;
line-height: 40px;
}
body[orientation="landscape"] .row > div.fieldValue.password {
padding-right: 120px;
// background: url(./images/old/iPhone/password_background.png) no-repeat 105px;
background: url(data:image/png;charset=utf-8;base64,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) no-repeat 105px;
}
.row > div.fieldValue.password {
color: rgba(255,255,255,0.5);
// background: url(./images/old/iPhone/password_background.png) no-repeat 106px;
background: url(data:image/png;charset=utf-8;base64,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) no-repeat 106px;
}
.row > div.fieldValue.password.clear {
color: #666a60;
background: none;
}
.row > input[type|=radio], .row > input[type|=checkbox] {
margin: 7px 7px 0 0;
height: 25px;
width: 25px;
}
.row > label {
position: absolute;
margin: 0 0 0 14px;
line-height: 42px;
font-weight: bold;
max-width: 92px;
overflow: hidden;
white-space: nowrap;
}
body[orientation="landscape"] .row > label {
max-width: 150px;
}
body[orientation="landscape"] .row > input:not(input[type|=radio]):not(input[type|=checkbox]) {
padding-left: 140px;
}
.row > img.favicon {
position: absolute;
width: 20px;
height: 20px;
top: 12px;
left: 11px;
}
.row > span {
padding: 8px 13px;
text-align: left;
display: block;
color: #666a60;
font-size: 10pt;
}
.row.notes {
-webkit-user-select: text;
}
// -------------------------------------------
.whiteButton {
margin-left: auto;
margin-right: auto;
width: 150px;
display: block;
border-width: 0 12px;
padding: 10px;
text-align: center;
font-size: 20px;
font-weight: bold;
text-decoration: inherit;
color: inherit;
// -webkit-border-image: url(./images/old/iPhone/whiteButton.png) 0 12 0 12;
-webkit-border-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAuCAQAAAB+dNqHAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAAAdAAAALgChnaVgAAAAAmJLR0QA/4ePzL8AAANhSURBVEjHnZZNaFxVFMd/5747mclMkpmxzYdJtFaJglgFpYSiBAVX7l0UUZGuSkEEu3PtSulCUXFdxYXL7kQQIWD9CsRIqdomGGOaSdJmZjKTeW/eu/e4mKRmrE3n5X83j/ve7/3POfe+d67QrTxP8QLDnMTenkv4kQ2+YZ6d/Y/Kvut+XuZVKtygzVbXC8v0cT+jXORLWneix/mAZZZwKIrSbSAIAcd5kDdZ6kaf4zzfEeLPnHrr+UeOWpMJ9rjYxe7a5ntff/YThhyneJ/Zf9Ep3uEXkhNjX50bHoiStoPE76HWiPQFfcGN+kufLKxheZJ3+aOD5vmIBaLXpz89HSVhzF2Uy2TtGxe/+JksJzjHjgCvMEHz6cnZt7dD5zlAgSlkZy7MrVDgbz43FJimhV46W2vFzutBI3aN8NJZlBbTFAKepZ/o/IszU1Gs95Tz2Uw1nFuiiTE8Rhs9fbIROt/LaISvTaO0mbIM0kTKeefoUSMDCI6SxRCT9d77XlFrCYgQi0PH72vH9CyNMSjO4tGM9do76hXB4y2KU+c8aaR41KJ4SIn6DgqgPq2rggWc+kMEjBUBVDUNKQBiOx+218Pl6tVr+jJhUZx4PYSr4XBSsAKaJH9tpirT7uIoTj3pAna43TJJWtSjYDpxp5bv5OpTb4mOq3IIX0W14ypeUq+rYBH5T9fqbRerWMClrbB4PBgUjZPUuXrUGBW51Yhc71y9LSJi1NgQxVWj3a7aw2gmONSGJtNAxC9v9+56vaoe6aubXEWy4meXe/+VXl42TvqzG4ZFCkRzv/+w3lu436/PX6NNnsUgCctjUUJwnWdGC/ZenpXw47loTRrldu3XwLkSrQmiHbkSP3FkwB4MXpjfWDE3JTfw29ZGAGHjgWJdcDW9XC/0PVS4W47fVj5cuLUmFWlOVlevei8ApVLp8bWclnWU4khpZvTRwaw5VggEINHlZuSv1mcr6zW2ZF22xqLqlWr19uYdGSkeWyn4IY5okX61GBHMrp1HJaYldW4G9Ylm7c/19a4jV6k0+fBmtjbkCwxoDovdQ0lIpEXTNIrbR6OVxWr1joNeJjM+Xhyu2+0+Z6Ocmt17Kj4bBvFgPJTUNlZX4/j/zohAJlMuF4vW5vP7Z3d2kqRW29qKuxr4P1RbNFwZtqq8AAAAAElFTkSuQmCCCg==) 0 12 0 12;
text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
}
// -------------------------------------------
body.iPhone .loginProgressPanel {
min-height: 372px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 10px;
// background: #c8c8c8 url(./images/old/iPhone/pinstripes.png);
background: #c8c8c8 url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiPHrmCgMC/GNjYwNSAAEGADdNA3dnzPlQAAAAAElFTkSuQmCCCg==);
}
body.iPhone .loadingBar {
margin-left: auto;
margin-right: auto;
margin-top: 60px;
}
div.loadingBar {
height: 22px;
width: 214px;
// background: url(./images/old/loading/loadingBar.gif) no-repeat center;
background: url(data:image/gif;charset=utf-8;base64,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) no-repeat center;
}
div.loadingBar div.loadingBarProgress {
height: 100%;
width: 0%;
}
div.loadingBar div.loadingBarProgress div.loadingBarProgress_left {
height: 100%;
max-width: 8px;
// background: url(./images/old/loading/loadingBarProgress.png) no-repeat 0;
background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAAAWCAYAAAC8C2KaAAAACXBIWXMAAAsSAAALEgHS3X78AAACIklEQVR4Ae3brU7DUBQH8HO6PQAazx4BRUKDwfChQTGFQ4wRFGEERdgQONRQoGEzGFISFI8w/DQSWHsP565r0xY2BiWY/ivW+530l52cdr0jwgEBCPy5AE9aUc7XV0kcl4jniGR20lj0QaAYAtzXWHgmNh7v3HTGXfOXgSWnKy6VqEZMCKZxcmiHgFCfAjrjva6XxfgUWNJc3tVBG9mBqEMAAmMFrrl+10r2pgJLTpYO9dZvNTkAZQhAYAoBNh3evz+KRsaBJccLevtXakYdOEMAAj8UCII6Hzx6dlY5nipBjXwTV1GAAAR+KiA1neHZWcOMJY35FS03bAMOCEAgl0CDG0/dMGP5by6xk2s1TIYABFRAjKufo8AyfoUkftyCDwQg8FsBloqdGmaswMf7qt9CYh4E0gLDWBrdCg7SXahBAAK5BEYZa9AnZmStXJSYDAEVENEtT/GtYNAjxl5AfDEgkFtAuGfXCDPW4N0jh9zci2IBCBRdwCTeY1kL2Z65RdYq+rcC159LQLjPFy9rdo0wY9nS+2uLSk5qI6FtxgEBCEwpEJg4flIvr2SrfEgOYxPulI4YBoFYwEiHL/2jqJ4KLNuowVXT4NqMBuAMAQh8I2DkSoPqLDnqU2DZTqmWF4mcXTxzJalQhkBGQJ+piEyL2/5DpifchJttjOpSLenmXMfVvboVBFmkgnOhBYbBJPqTuv41vx10C22Bi4fAfwt8AJe2flCLvH1PAAAAAElFTkSuQmCCCg==) no-repeat 0;
}
div.loadingBar div.loadingBarProgress div.loadingBarProgress_right {
position: relative;
height: 100%;
margin-left: 8px;
// background: url(./images/old/loading/loadingBarProgress.png) no-repeat right;
background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAAAWCAYAAAC8C2KaAAAACXBIWXMAAAsSAAALEgHS3X78AAACIklEQVR4Ae3brU7DUBQH8HO6PQAazx4BRUKDwfChQTGFQ4wRFGEERdgQONRQoGEzGFISFI8w/DQSWHsP565r0xY2BiWY/ivW+530l52cdr0jwgEBCPy5AE9aUc7XV0kcl4jniGR20lj0QaAYAtzXWHgmNh7v3HTGXfOXgSWnKy6VqEZMCKZxcmiHgFCfAjrjva6XxfgUWNJc3tVBG9mBqEMAAmMFrrl+10r2pgJLTpYO9dZvNTkAZQhAYAoBNh3evz+KRsaBJccLevtXakYdOEMAAj8UCII6Hzx6dlY5nipBjXwTV1GAAAR+KiA1neHZWcOMJY35FS03bAMOCEAgl0CDG0/dMGP5by6xk2s1TIYABFRAjKufo8AyfoUkftyCDwQg8FsBloqdGmaswMf7qt9CYh4E0gLDWBrdCg7SXahBAAK5BEYZa9AnZmStXJSYDAEVENEtT/GtYNAjxl5AfDEgkFtAuGfXCDPW4N0jh9zci2IBCBRdwCTeY1kL2Z65RdYq+rcC159LQLjPFy9rdo0wY9nS+2uLSk5qI6FtxgEBCEwpEJg4flIvr2SrfEgOYxPulI4YBoFYwEiHL/2jqJ4KLNuowVXT4NqMBuAMAQh8I2DkSoPqLDnqU2DZTqmWF4mcXTxzJalQhkBGQJ+piEyL2/5DpifchJttjOpSLenmXMfVvboVBFmkgnOhBYbBJPqTuv41vx10C22Bi4fAfwt8AJe2flCLvH1PAAAAAElFTkSuQmCCCg==) no-repeat right;
top: -22px;
}
// -------------------------------------------
body.iPhone .loginErrorPanel {
position: absolute;
min-height: 372px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 10px;
// background: #c8c8c8 url(./images/old/iPhone/pinstripes.png);
background: #c8c8c8 url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiPHrmCgMC/GNjYwNSAAEGADdNA3dnzPlQAAAAAElFTkSuQmCCCg==);
}
body.iPhone .loginErrorPanel h2 {
text-align: center;
color: red;
margin-top: 40px;
}
// -------------------------------------------
form.cardListSearchForm {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom: 1px solid #2d3642;
border-top: 1px solid #6d84a2;
padding: 6px;
height: 45px;
// background: url(./images/old/iPhone/toolbar.png) #6d84a2 repeat-x;
background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAArCAIAAAA2QHWOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUCNddjDEOgEAQAgn//5qltYWFnb1GB4vdSy4WBAYStKyb9+O0FJMYyjMyMWCC35lJM71r6vF1P07/lFSfPx6ZxNLcy1HtihzpA/RWcOj0zlDhAAAAAElFTkSuQmCCCg==) #6d84a2 repeat-x;
margin: 0px;
}
form.cardListSearchForm input {
margin: 7px;
-webkit-appearance: searchfield;
width: 200px;
}
ul.cardListPanel {
margin: 0px;
padding: 0px;
list-style-type: none;
min-height: 372px;
}
li.cardListItem {
height: 43px;
border-bottom: 1px solid #cccccc;
// background: url(./images/old/iPhone/listArrow.png) no-repeat right center;
background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKVJREFUeNpi/P//PwOtARMDHcDwsYQFRJSXl8P4dVC6CZvizs5O8i1BsqARid9Ei+BiQ2KDLKumhSU1QNyKxG+hlkXoEQ+yqAPNogpapK5KNIvaKbUIVxKeAsTvkPg5QCxETUukgfgAkqFPgdgBzVKKLIFZoIJmwR1qBRdNLEC2BJQpV9LCAmRL/gBxAtRwqlqAXqzcgRrOQE0LQIBxtNIiBQAEGAA7xCa2yF9zEgAAAABJRU5ErkJgggo=) no-repeat right center;
}
li.cardListItem a {
position: relative;
top: -22px;
left: 40px;
display: block;
white-space: nowrap;
overflow: hidden;
}
body[orientation="portrait"] li.cardListItem a {
max-width: 250px;
}
body[orientation="landscape"] li.cardListItem a {
max-width: 400px;
}
li.cardListItem img {
height: 20px;
width: 20px;
padding: 12px 10px 0px 10px;
}
li.cardListItem a {
text-decoration: none;
color: black;
font-weight: bold;
font-size: 14pt;
vertical-align: 3px;
}
div.cardDetailPanel {
position: absolute;
top: 45px;
min-height: 372px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 10px;
// background: #c8c8c8 url(./images/old/iPhone/pinstripes.png);
background: #c8c8c8 url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiPHrmCgMC/GNjYwNSAAEGADdNA3dnzPlQAAAAAElFTkSuQmCCCg==);
}
div.cardDetailPanel > fieldset > div.row > span.directLogin {
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0;
border: none;
padding: 12px 10px 0 110px;
height: 42px;
background: none;
font-size: 16px;
font-weight: normal;
padding-left: 40px;
color: black;
// background: url(./images/old/iPhone/listArrow.png) no-repeat right center;
background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKVJREFUeNpi/P//PwOtARMDHcDwsYQFRJSXl8P4dVC6CZvizs5O8i1BsqARid9Ei+BiQ2KDLKumhSU1QNyKxG+hlkXoEQ+yqAPNogpapK5KNIvaKbUIVxKeAsTvkPg5QCxETUukgfgAkqFPgdgBzVKKLIFZoIJmwR1qBRdNLEC2BJQpV9LCAmRL/gBxAtRwqlqAXqzcgRrOQE0LQIBxtNIiBQAEGAA7xCa2yF9zEgAAAABJRU5ErkJgggo=) no-repeat right center;
}
body[orientation="landscape"] div.cardDetailPanel > fieldset > div.row > span.directLogin {
padding-left: 50px;
}
div.cardDetailPanel h2 {
margin: 0 0 8px 14px;
font-size: inherit;
font-weight: bold;
color: #4d4d70;
text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0;
}
body[orientation="portrait"] > * {
width: 320px;
}
body[orientation="landscape"] > * {
width: 480px;
}
*/