Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

happy friday!

  • Loading branch information...
commit f79cbdc83acfbe88244f238abc5c09db397c5f17 0 parents
@tegansnyder authored
8 README
@@ -0,0 +1,8 @@
+JQuery Mobile Popup Textbox
+=============================================================
+
+This example is simple. Fixed header. Fixed footer. One button centered in the footer.
+
+Click the "My Notes" button to display a popup containing a textbox.
+
+![Alt text](/photo.png "Screenshot")
52 css/jqm.popuptextbox.css
@@ -0,0 +1,52 @@
+.center {
+ text-align: center;
+}
+
+#tpop_overlay {
+ position: absolute;
+ z-index: 2147483646;
+ left: 0;
+ overflow: hidden;
+ width: 100%;
+ opacity: 0.4;
+ background-color: #000000;
+ display: none;
+}
+
+.tpop {
+ color: #666666;
+ background-color: #F3F3F3;
+ height: 100px;
+ position: absolute;
+ z-index: 2147483647;
+ height: 200px;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+ -webkit-box-shadow: 5px 4px 11px 2px rgba(153, 153, 153, 0.4);
+ box-shadow: 5px 4px 11px 2px rgba(153, 153, 153, 0.4);
+ display: none;
+}
+
+.tpop:after {
+ content: ' ';
+ height: 0;
+ position: absolute;
+ width: 0;
+ border: 25px solid transparent;
+ border-top-color: #F3F3F3;
+ top: 100%;
+ left: 50%;
+ margin-left: -25px;
+}
+
+.tpop textarea {
+ font-size:16px;
+ font-family: Arial, Helvetica, sans-serif;
+ border: 0px;
+ background-color: #F3F3F3;
+ position:relative;
+ left: 10px;
+ top:10px;
+ height: 90%;
+}
BIN  css/themes/images/ajax-loader.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  css/themes/images/icons-18-black.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  css/themes/images/icons-18-white.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  css/themes/images/icons-36-black.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  css/themes/images/icons-36-white.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1,017 css/themes/jqmfb.css
@@ -0,0 +1,1017 @@
+/*
+* jQuery Mobile Framework 1.1.0
+* http://jquerymobile.com
+*
+* Copyright 2011 (c) jQuery Project
+* Dual licensed under the MIT or GPL Version 2 licenses.
+* http://jquery.org/license
+*
+*/
+/* Swatches */
+
+/* A
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-bar-a {
+ border: 1px solid #A3B2D2 /*{a-bar-border}*/;
+ background: #2D4A88 /*{a-bar-background-color}*/;
+ color: #DBE1EE /*{a-bar-color}*/;
+ font-weight: bold;
+ text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #3E4E73 /*{a-bar-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #6E85B7 /*{a-bar-background-start}*/), to( #2d4a88 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #6E85B7 /*{a-bar-background-start}*/, #2d4a88 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #6E85B7 /*{a-bar-background-start}*/, #2d4a88 /*{a-bar-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #6E85B7 /*{a-bar-background-start}*/, #2d4a88 /*{a-bar-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #6E85B7 /*{a-bar-background-start}*/, #2d4a88 /*{a-bar-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #6E85B7 /*{a-bar-background-start}*/, #2d4a88 /*{a-bar-background-end}*/);
+}
+
+.ui-bar-a .ui-link-inherit {
+ color: #DBE1EE /*{a-bar-color}*/;
+}
+.ui-bar-a .ui-link {
+ color: #7cc4e7 /*{a-bar-link-color}*/;
+ font-weight: bold;
+}
+
+.ui-bar-a .ui-link:hover {
+ color: #2489CE /*{a-bar-link-hover}*/;
+}
+
+.ui-bar-a .ui-link:active {
+ color: #2489CE /*{a-bar-link-active}*/;
+}
+
+.ui-bar-a .ui-link:visited {
+ color: #2489CE /*{a-bar-link-visited}*/;
+}
+
+.ui-bar-a,
+.ui-bar-a input,
+.ui-bar-a select,
+.ui-bar-a textarea,
+.ui-bar-a button {
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-a,
+.ui-overlay-a {
+ border: 1px solid #111B33 /*{a-body-border}*/;
+ color: #000000 /*{a-body-color}*/;
+ text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #ffffff /*{a-body-shadow-color}*/;
+ background: #f9f9f9 /*{a-body-background-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{a-body-background-start}*/), to( #ffffff /*{a-body-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #f9f9f9 /*{a-body-background-start}*/, #ffffff /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #f9f9f9 /*{a-body-background-start}*/, #ffffff /*{a-body-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #f9f9f9 /*{a-body-background-start}*/, #ffffff /*{a-body-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #f9f9f9 /*{a-body-background-start}*/, #ffffff /*{a-body-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #f9f9f9 /*{a-body-background-start}*/, #ffffff /*{a-body-background-end}*/);
+}
+.ui-overlay-a {
+ background-image: none;
+ border-width: 0;
+}
+.ui-body-a,
+.ui-body-a input,
+.ui-body-a select,
+.ui-body-a textarea,
+.ui-body-a button {
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+
+.ui-body-a .ui-link-inherit {
+ color: #000000 /*{a-body-color}*/;
+}
+
+.ui-body-a .ui-link {
+ color: #2489CE /*{a-body-link-color}*/;
+ font-weight: bold;
+}
+
+.ui-body-a .ui-link:hover {
+ color: #2489CE /*{a-body-link-hover}*/;
+}
+
+.ui-body-a .ui-link:active {
+ color: #2489CE /*{a-body-link-active}*/;
+}
+
+.ui-body-a .ui-link:visited {
+ color: #2489CE /*{a-body-link-visited}*/;
+}
+
+.ui-btn-up-a {
+ border: 1px solid #283E70 /*{a-bup-border}*/;
+ background: #2E4A85 /*{a-bup-background-color}*/;
+ font-weight: bold;
+ color: #ffffff /*{a-bup-color}*/;
+ text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #3B4968 /*{a-bup-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #6079AD /*{a-bup-background-start}*/), to( #2e4a85 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #6079AD /*{a-bup-background-start}*/, #2e4a85 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #6079AD /*{a-bup-background-start}*/, #2e4a85 /*{a-bup-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #6079AD /*{a-bup-background-start}*/, #2e4a85 /*{a-bup-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #6079AD /*{a-bup-background-start}*/, #2e4a85 /*{a-bup-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #6079AD /*{a-bup-background-start}*/, #2e4a85 /*{a-bup-background-end}*/);
+}
+.ui-btn-up-a a.ui-link-inherit {
+ color: #ffffff /*{a-bup-color}*/;
+}
+
+.ui-btn-hover-a {
+ border: 1px solid #283E70 /*{a-bhover-border}*/;
+ background: #17316A /*{a-bhover-background-color}*/;
+ font-weight: bold;
+ color: #ffffff /*{a-bhover-color}*/;
+ text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #202F4F /*{a-bhover-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #425A8F /*{a-bhover-background-start}*/), to( #17316a /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #425A8F /*{a-bhover-background-start}*/, #17316a /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #425A8F /*{a-bhover-background-start}*/, #17316a /*{a-bhover-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #425A8F /*{a-bhover-background-start}*/, #17316a /*{a-bhover-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #425A8F /*{a-bhover-background-start}*/, #17316a /*{a-bhover-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #425A8F /*{a-bhover-background-start}*/, #17316a /*{a-bhover-background-end}*/);
+}
+.ui-btn-hover-a a.ui-link-inherit {
+ color: #ffffff /*{a-bhover-color}*/;
+}
+.ui-btn-down-a {
+ border: 1px solid #283E70 /*{a-bdown-border}*/;
+ background: #17316A /*{a-bdown-background-color}*/;
+ font-weight: bold;
+ color: #ffffff /*{a-bdown-color}*/;
+ text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #202F4F /*{a-bdown-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #425A8F /*{a-bdown-background-start}*/), to( #17316a /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #425A8F /*{a-bdown-background-start}*/, #17316a /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #425A8F /*{a-bdown-background-start}*/, #17316a /*{a-bdown-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #425A8F /*{a-bdown-background-start}*/, #17316a /*{a-bdown-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #425A8F /*{a-bdown-background-start}*/, #17316a /*{a-bdown-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #425A8F /*{a-bdown-background-start}*/, #17316a /*{a-bdown-background-end}*/);
+}
+.ui-btn-down-a a.ui-link-inherit {
+ color: #ffffff /*{a-bdown-color}*/;
+}
+.ui-btn-up-a,
+.ui-btn-hover-a,
+.ui-btn-down-a {
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+ text-decoration: none;
+}
+
+/* B
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-bar-b {
+ border: 1px solid #0B1A33 /*{b-bar-border}*/;
+ background: #2D4A88 /*{b-bar-background-color}*/;
+ color: #DBE1EE /*{b-bar-color}*/;
+ font-weight: bold;
+ text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #3E4E73 /*{b-bar-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #6E85B7 /*{b-bar-background-start}*/), to( #2d4a88 /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #6E85B7 /*{b-bar-background-start}*/, #2d4a88 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #6E85B7 /*{b-bar-background-start}*/, #2d4a88 /*{b-bar-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #6E85B7 /*{b-bar-background-start}*/, #2d4a88 /*{b-bar-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #6E85B7 /*{b-bar-background-start}*/, #2d4a88 /*{b-bar-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #6E85B7 /*{b-bar-background-start}*/, #2d4a88 /*{b-bar-background-end}*/);
+}
+
+.ui-bar-b .ui-link-inherit {
+ color: #DBE1EE /*{b-bar-color}*/;
+}
+.ui-bar-b .ui-link {
+ color: #7cc4e7 /*{b-bar-link-color}*/;
+ font-weight: bold;
+}
+
+.ui-bar-b .ui-link:hover {
+ color: #2489CE /*{b-bar-link-hover}*/;
+}
+
+.ui-bar-b .ui-link:active {
+ color: #2489CE /*{b-bar-link-active}*/;
+}
+
+.ui-bar-b .ui-link:visited {
+ color: #2489CE /*{b-bar-link-visited}*/;
+}
+
+.ui-bar-b,
+.ui-bar-b input,
+.ui-bar-b select,
+.ui-bar-b textarea,
+.ui-bar-b button {
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-b,
+.ui-overlay-b {
+ border: 1px solid #0B1A33 /*{b-body-border}*/;
+ color: #E1E7F0 /*{b-body-color}*/;
+ text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #000000 /*{b-body-shadow-color}*/;
+ background: #000000 /*{b-body-background-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #000000 /*{b-body-background-start}*/), to( #000000 /*{b-body-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #000000 /*{b-body-background-start}*/, #000000 /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #000000 /*{b-body-background-start}*/, #000000 /*{b-body-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #000000 /*{b-body-background-start}*/, #000000 /*{b-body-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #000000 /*{b-body-background-start}*/, #000000 /*{b-body-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #000000 /*{b-body-background-start}*/, #000000 /*{b-body-background-end}*/);
+}
+.ui-overlay-b {
+ background-image: none;
+ border-width: 0;
+}
+.ui-body-b,
+.ui-body-b input,
+.ui-body-b select,
+.ui-body-b textarea,
+.ui-body-b button {
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+
+.ui-body-b .ui-link-inherit {
+ color: #E1E7F0 /*{b-body-color}*/;
+}
+
+.ui-body-b .ui-link {
+ color: #E1E7F0 /*{b-body-link-color}*/;
+ font-weight: bold;
+}
+
+.ui-body-b .ui-link:hover {
+ color: #E1E7F0 /*{b-body-link-hover}*/;
+}
+
+.ui-body-b .ui-link:active {
+ color: #E1E7F0 /*{b-body-link-active}*/;
+}
+
+.ui-body-b .ui-link:visited {
+ color: #E1E7F0 /*{b-body-link-visited}*/;
+}
+
+.ui-btn-up-b {
+ border: 1px solid #283E70 /*{b-bup-border}*/;
+ background: #2E4A85 /*{b-bup-background-color}*/;
+ font-weight: bold;
+ color: #ffffff /*{b-bup-color}*/;
+ text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #3B4968 /*{b-bup-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #6079AD /*{b-bup-background-start}*/), to( #2e4a85 /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #6079AD /*{b-bup-background-start}*/, #2e4a85 /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #6079AD /*{b-bup-background-start}*/, #2e4a85 /*{b-bup-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #6079AD /*{b-bup-background-start}*/, #2e4a85 /*{b-bup-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #6079AD /*{b-bup-background-start}*/, #2e4a85 /*{b-bup-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #6079AD /*{b-bup-background-start}*/, #2e4a85 /*{b-bup-background-end}*/);
+}
+.ui-btn-up-b a.ui-link-inherit {
+ color: #ffffff /*{b-bup-color}*/;
+}
+
+.ui-btn-hover-b {
+ border: 1px solid #283E70 /*{b-bhover-border}*/;
+ background: #17316A /*{b-bhover-background-color}*/;
+ font-weight: bold;
+ color: #ffffff /*{b-bhover-color}*/;
+ text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #202F4F /*{b-bhover-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #425A8F /*{b-bhover-background-start}*/), to( #17316a /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #425A8F /*{b-bhover-background-start}*/, #17316a /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #425A8F /*{b-bhover-background-start}*/, #17316a /*{b-bhover-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #425A8F /*{b-bhover-background-start}*/, #17316a /*{b-bhover-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #425A8F /*{b-bhover-background-start}*/, #17316a /*{b-bhover-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #425A8F /*{b-bhover-background-start}*/, #17316a /*{b-bhover-background-end}*/);
+}
+.ui-btn-hover-b a.ui-link-inherit {
+ color: #ffffff /*{b-bhover-color}*/;
+}
+.ui-btn-down-b {
+ border: 1px solid #283E70 /*{b-bdown-border}*/;
+ background: #17316A /*{b-bdown-background-color}*/;
+ font-weight: bold;
+ color: #ffffff /*{b-bdown-color}*/;
+ text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #202F4F /*{b-bdown-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #425A8F /*{b-bdown-background-start}*/), to( #17316a /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #425A8F /*{b-bdown-background-start}*/, #17316a /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #425A8F /*{b-bdown-background-start}*/, #17316a /*{b-bdown-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #425A8F /*{b-bdown-background-start}*/, #17316a /*{b-bdown-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #425A8F /*{b-bdown-background-start}*/, #17316a /*{b-bdown-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #425A8F /*{b-bdown-background-start}*/, #17316a /*{b-bdown-background-end}*/);
+}
+.ui-btn-down-b a.ui-link-inherit {
+ color: #ffffff /*{b-bdown-color}*/;
+}
+.ui-btn-up-b,
+.ui-btn-hover-b,
+.ui-btn-down-b {
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+ text-decoration: none;
+}
+
+/* Structure */
+
+/* links within "buttons"
+-----------------------------------------------------------------------------------------------------------*/
+
+a.ui-link-inherit {
+ text-decoration: none !important;
+}
+
+
+/* Bctive class used as the "on" state across all themes
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn-active {
+ border: 1px solid #46567B /*{global-active-border}*/;
+ background: #3B4968 /*{global-active-background-color}*/;
+ font-weight: bold;
+ color: #ffffff /*{global-active-color}*/;
+ cursor: pointer;
+ text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #313D57 /*{global-active-shadow-color}*/;
+ text-decoration: none;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #46567B /*{global-active-background-start}*/), to( #3b4968 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #46567B /*{global-active-background-start}*/, #3b4968 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #46567B /*{global-active-background-start}*/, #3b4968 /*{global-active-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #46567B /*{global-active-background-start}*/, #3b4968 /*{global-active-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #46567B /*{global-active-background-start}*/, #3b4968 /*{global-active-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #46567B /*{global-active-background-start}*/, #3b4968 /*{global-active-background-end}*/);
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-btn-active a.ui-link-inherit {
+ color: #ffffff /*{global-active-color}*/;
+}
+
+
+/* button inner top highlight
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-btn-inner {
+ border-top: 1px solid #fff;
+ border-color: rgba(255,255,255,.3);
+}
+
+
+/* corner rounding classes
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-corner-tl {
+ -moz-border-radius-topleft: 0em /*{global-radii-blocks}*/;
+ -webkit-border-top-left-radius: 0em /*{global-radii-blocks}*/;
+ border-top-left-radius: 0em /*{global-radii-blocks}*/;
+}
+.ui-corner-tr {
+ -moz-border-radius-topright: 0em /*{global-radii-blocks}*/;
+ -webkit-border-top-right-radius: 0em /*{global-radii-blocks}*/;
+ border-top-right-radius: 0em /*{global-radii-blocks}*/;
+}
+.ui-corner-bl {
+ -moz-border-radius-bottomleft: 0em /*{global-radii-blocks}*/;
+ -webkit-border-bottom-left-radius: 0em /*{global-radii-blocks}*/;
+ border-bottom-left-radius: 0em /*{global-radii-blocks}*/;
+}
+.ui-corner-br {
+ -moz-border-radius-bottomright: 0em /*{global-radii-blocks}*/;
+ -webkit-border-bottom-right-radius: 0em /*{global-radii-blocks}*/;
+ border-bottom-right-radius: 0em /*{global-radii-blocks}*/;
+}
+.ui-corner-top {
+ -moz-border-radius-topleft: 0em /*{global-radii-blocks}*/;
+ -webkit-border-top-left-radius: 0em /*{global-radii-blocks}*/;
+ border-top-left-radius: 0em /*{global-radii-blocks}*/;
+ -moz-border-radius-topright: 0em /*{global-radii-blocks}*/;
+ -webkit-border-top-right-radius: 0em /*{global-radii-blocks}*/;
+ border-top-right-radius: 0em /*{global-radii-blocks}*/;
+}
+.ui-corner-bottom {
+ -moz-border-radius-bottomleft: 0em /*{global-radii-blocks}*/;
+ -webkit-border-bottom-left-radius: 0em /*{global-radii-blocks}*/;
+ border-bottom-left-radius: 0em /*{global-radii-blocks}*/;
+ -moz-border-radius-bottomright: 0em /*{global-radii-blocks}*/;
+ -webkit-border-bottom-right-radius: 0em /*{global-radii-blocks}*/;
+ border-bottom-right-radius: 0em /*{global-radii-blocks}*/;
+ }
+.ui-corner-right {
+ -moz-border-radius-topright: 0em /*{global-radii-blocks}*/;
+ -webkit-border-top-right-radius: 0em /*{global-radii-blocks}*/;
+ border-top-right-radius: 0em /*{global-radii-blocks}*/;
+ -moz-border-radius-bottomright: 0em /*{global-radii-blocks}*/;
+ -webkit-border-bottom-right-radius: 0em /*{global-radii-blocks}*/;
+ border-bottom-right-radius: 0em /*{global-radii-blocks}*/;
+}
+.ui-corner-left {
+ -moz-border-radius-topleft: 0em /*{global-radii-blocks}*/;
+ -webkit-border-top-left-radius: 0em /*{global-radii-blocks}*/;
+ border-top-left-radius: 0em /*{global-radii-blocks}*/;
+ -moz-border-radius-bottomleft: 0em /*{global-radii-blocks}*/;
+ -webkit-border-bottom-left-radius: 0em /*{global-radii-blocks}*/;
+ border-bottom-left-radius: 0em /*{global-radii-blocks}*/;
+}
+.ui-corner-all {
+ -moz-border-radius: 0em /*{global-radii-blocks}*/;
+ -webkit-border-radius: 0em /*{global-radii-blocks}*/;
+ border-radius: 0em /*{global-radii-blocks}*/;
+}
+.ui-corner-none {
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+}
+
+/* Form field separator
+-----------------------------------------------------------------------------------------------------------*/
+.ui-br {
+ border-bottom: rgb(130,130,130);
+ border-bottom: rgba(130,130,130,.3);
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+}
+
+/* Interaction cues
+-----------------------------------------------------------------------------------------------------------*/
+.ui-disabled {
+ opacity: .3;
+}
+.ui-disabled,
+.ui-disabled a {
+ cursor: default !important;
+ pointer-events: none;
+}
+.ui-disabled .ui-btn-text {
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
+ filter: alpha(opacity=30);
+ zoom: 1;
+}
+
+/* Icons
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-icon,
+.ui-icon-searchfield:after {
+ background: #666666 /*{global-icon-color}*/;
+ background: transparent /*{global-icon-disc}*/;
+ background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
+ background-repeat: no-repeat;
+ -moz-border-radius: 9px;
+ -webkit-border-radius: 9px;
+ border-radius: 9px;
+}
+
+
+/* Blt icon color
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-icon-alt {
+ background: #fff;
+ background: rgba(255,255,255,.3);
+ background-image: url(images/icons-18-black.png);
+ background-repeat: no-repeat;
+}
+
+/* HD/"retina" sprite
+-----------------------------------------------------------------------------------------------------------*/
+
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+ only screen and (min--moz-device-pixel-ratio: 1.5),
+ only screen and (min-resolution: 240dpi) {
+
+ .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
+ .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
+ .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
+ .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
+ .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
+ background-image: url(images/icons-36-white.png) /*{global-large-icon-set}*/;
+ -moz-background-size: 776px 18px;
+ -o-background-size: 776px 18px;
+ -webkit-background-size: 776px 18px;
+ background-size: 776px 18px;
+ }
+ .ui-icon-alt {
+ background-image: url(images/icons-36-black.png);
+ }
+}
+
+/* plus minus */
+.ui-icon-plus {
+ background-position: -0 50%;
+}
+.ui-icon-minus {
+ background-position: -36px 50%;
+}
+
+/* delete/close */
+.ui-icon-delete {
+ background-position: -72px 50%;
+}
+
+/* arrows */
+.ui-icon-arrow-r {
+ background-position: -108px 50%;
+}
+.ui-icon-arrow-l {
+ background-position: -144px 50%;
+}
+.ui-icon-arrow-u {
+ background-position: -180px 50%;
+}
+.ui-icon-arrow-d {
+ background-position: -216px 50%;
+}
+
+/* misc */
+.ui-icon-check {
+ background-position: -252px 50%;
+}
+.ui-icon-gear {
+ background-position: -288px 50%;
+}
+.ui-icon-refresh {
+ background-position: -324px 50%;
+}
+.ui-icon-forward {
+ background-position: -360px 50%;
+}
+.ui-icon-back {
+ background-position: -396px 50%;
+}
+.ui-icon-grid {
+ background-position: -432px 50%;
+}
+.ui-icon-star {
+ background-position: -468px 50%;
+}
+.ui-icon-alert {
+ background-position: -504px 50%;
+}
+.ui-icon-info {
+ background-position: -540px 50%;
+}
+.ui-icon-home {
+ background-position: -576px 50%;
+}
+.ui-icon-search,
+.ui-icon-searchfield:after {
+ background-position: -612px 50%;
+}
+.ui-icon-checkbox-off {
+ background-position: -684px 50%;
+}
+.ui-icon-checkbox-on {
+ background-position: -648px 50%;
+}
+.ui-icon-radio-off {
+ background-position: -756px 50%;
+}
+.ui-icon-radio-on {
+ background-position: -720px 50%;
+}
+
+
+/* checks,radios */
+.ui-checkbox .ui-icon {
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+}
+.ui-icon-checkbox-off,
+.ui-icon-radio-off {
+ background-color: transparent;
+}
+.ui-checkbox-on .ui-icon,
+.ui-radio-on .ui-icon {
+ background-color: #3B4968 /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
+}
+
+/* loading icon */
+.ui-icon-loading {
+ background: url(images/ajax-loader.gif);
+ background-size: 46px 46px;
+}
+
+
+
+
+/* Structure */
+
+/* links within "buttons"
+-----------------------------------------------------------------------------------------------------------*/
+
+a.ui-link-inherit {
+ text-decoration: none !important;
+}
+
+
+/* Active class used as the "on" state across all themes
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn-active {
+ border: 1px solid #46567B /*{global-active-border}*/;
+ background: #3B4968 /*{global-active-background-color}*/;
+ font-weight: bold;
+ color: #ffffff /*{global-active-color}*/;
+ cursor: pointer;
+ text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #313D57 /*{global-active-shadow-color}*/;
+ text-decoration: none;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #46567B /*{global-active-background-start}*/), to( #3b4968 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #46567B /*{global-active-background-start}*/, #3b4968 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #46567B /*{global-active-background-start}*/, #3b4968 /*{global-active-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #46567B /*{global-active-background-start}*/, #3b4968 /*{global-active-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #46567B /*{global-active-background-start}*/, #3b4968 /*{global-active-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #46567B /*{global-active-background-start}*/, #3b4968 /*{global-active-background-end}*/);
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-btn-active a.ui-link-inherit {
+ color: #ffffff /*{global-active-color}*/;
+}
+
+
+/* button inner top highlight
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-btn-inner {
+ border-top: 1px solid #fff;
+ border-color: rgba(255,255,255,.3);
+}
+
+
+/* corner rounding classes
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-corner-tl {
+ -moz-border-radius-topleft: 0em /*{global-radii-blocks}*/;
+ -webkit-border-top-left-radius: 0em /*{global-radii-blocks}*/;
+ border-top-left-radius: 0em /*{global-radii-blocks}*/;
+}
+.ui-corner-tr {
+ -moz-border-radius-topright: 0em /*{global-radii-blocks}*/;
+ -webkit-border-top-right-radius: 0em /*{global-radii-blocks}*/;
+ border-top-right-radius: 0em /*{global-radii-blocks}*/;
+}
+.ui-corner-bl {
+ -moz-border-radius-bottomleft: 0em /*{global-radii-blocks}*/;
+ -webkit-border-bottom-left-radius: 0em /*{global-radii-blocks}*/;
+ border-bottom-left-radius: 0em /*{global-radii-blocks}*/;
+}
+.ui-corner-br {
+ -moz-border-radius-bottomright: 0em /*{global-radii-blocks}*/;
+ -webkit-border-bottom-right-radius: 0em /*{global-radii-blocks}*/;
+ border-bottom-right-radius: 0em /*{global-radii-blocks}*/;
+}
+.ui-corner-top {
+ -moz-border-radius-topleft: 0em /*{global-radii-blocks}*/;
+ -webkit-border-top-left-radius: 0em /*{global-radii-blocks}*/;
+ border-top-left-radius: 0em /*{global-radii-blocks}*/;
+ -moz-border-radius-topright: 0em /*{global-radii-blocks}*/;
+ -webkit-border-top-right-radius: 0em /*{global-radii-blocks}*/;
+ border-top-right-radius: 0em /*{global-radii-blocks}*/;
+}
+.ui-corner-bottom {
+ -moz-border-radius-bottomleft: 0em /*{global-radii-blocks}*/;
+ -webkit-border-bottom-left-radius: 0em /*{global-radii-blocks}*/;
+ border-bottom-left-radius: 0em /*{global-radii-blocks}*/;
+ -moz-border-radius-bottomright: 0em /*{global-radii-blocks}*/;
+ -webkit-border-bottom-right-radius: 0em /*{global-radii-blocks}*/;
+ border-bottom-right-radius: 0em /*{global-radii-blocks}*/;
+ }
+.ui-corner-right {
+ -moz-border-radius-topright: 0em /*{global-radii-blocks}*/;
+ -webkit-border-top-right-radius: 0em /*{global-radii-blocks}*/;
+ border-top-right-radius: 0em /*{global-radii-blocks}*/;
+ -moz-border-radius-bottomright: 0em /*{global-radii-blocks}*/;
+ -webkit-border-bottom-right-radius: 0em /*{global-radii-blocks}*/;
+ border-bottom-right-radius: 0em /*{global-radii-blocks}*/;
+}
+.ui-corner-left {
+ -moz-border-radius-topleft: 0em /*{global-radii-blocks}*/;
+ -webkit-border-top-left-radius: 0em /*{global-radii-blocks}*/;
+ border-top-left-radius: 0em /*{global-radii-blocks}*/;
+ -moz-border-radius-bottomleft: 0em /*{global-radii-blocks}*/;
+ -webkit-border-bottom-left-radius: 0em /*{global-radii-blocks}*/;
+ border-bottom-left-radius: 0em /*{global-radii-blocks}*/;
+}
+.ui-corner-all {
+ -moz-border-radius: 0em /*{global-radii-blocks}*/;
+ -webkit-border-radius: 0em /*{global-radii-blocks}*/;
+ border-radius: 0em /*{global-radii-blocks}*/;
+}
+.ui-corner-none {
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+}
+
+/* Form field separator
+-----------------------------------------------------------------------------------------------------------*/
+.ui-br {
+ border-bottom: rgb(130,130,130);
+ border-bottom: rgba(130,130,130,.3);
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+}
+
+/* Interaction cues
+-----------------------------------------------------------------------------------------------------------*/
+.ui-disabled {
+ opacity: .3;
+}
+.ui-disabled,
+.ui-disabled a {
+ cursor: default !important;
+ pointer-events: none;
+}
+.ui-disabled .ui-btn-text {
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
+ filter: alpha(opacity=30);
+ zoom: 1;
+}
+
+/* Icons
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-icon,
+.ui-icon-searchfield:after {
+ background: #666666 /*{global-icon-color}*/;
+ background: transparent /*{global-icon-disc}*/;
+ background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
+ background-repeat: no-repeat;
+ -moz-border-radius: 9px;
+ -webkit-border-radius: 9px;
+ border-radius: 9px;
+}
+
+
+/* Alt icon color
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-icon-alt {
+ background: #fff;
+ background: rgba(255,255,255,.3);
+ background-image: url(images/icons-18-black.png);
+ background-repeat: no-repeat;
+}
+
+/* HD/"retina" sprite
+-----------------------------------------------------------------------------------------------------------*/
+
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+ only screen and (min--moz-device-pixel-ratio: 1.5),
+ only screen and (min-resolution: 240dpi) {
+
+ .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
+ .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
+ .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
+ .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
+ .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
+ background-image: url(images/icons-36-white.png) /*{global-large-icon-set}*/;
+ -moz-background-size: 776px 18px;
+ -o-background-size: 776px 18px;
+ -webkit-background-size: 776px 18px;
+ background-size: 776px 18px;
+ }
+ .ui-icon-alt {
+ background-image: url(images/icons-36-black.png);
+ }
+}
+
+/* plus minus */
+.ui-icon-plus {
+ background-position: -0 50%;
+}
+.ui-icon-minus {
+ background-position: -36px 50%;
+}
+
+/* delete/close */
+.ui-icon-delete {
+ background-position: -72px 50%;
+}
+
+/* arrows */
+.ui-icon-arrow-r {
+ background-position: -108px 50%;
+}
+.ui-icon-arrow-l {
+ background-position: -144px 50%;
+}
+.ui-icon-arrow-u {
+ background-position: -180px 50%;
+}
+.ui-icon-arrow-d {
+ background-position: -216px 50%;
+}
+
+/* misc */
+.ui-icon-check {
+ background-position: -252px 50%;
+}
+.ui-icon-gear {
+ background-position: -288px 50%;
+}
+.ui-icon-refresh {
+ background-position: -324px 50%;
+}
+.ui-icon-forward {
+ background-position: -360px 50%;
+}
+.ui-icon-back {
+ background-position: -396px 50%;
+}
+.ui-icon-grid {
+ background-position: -432px 50%;
+}
+.ui-icon-star {
+ background-position: -468px 50%;
+}
+.ui-icon-alert {
+ background-position: -504px 50%;
+}
+.ui-icon-info {
+ background-position: -540px 50%;
+}
+.ui-icon-home {
+ background-position: -576px 50%;
+}
+.ui-icon-search,
+.ui-icon-searchfield:after {
+ background-position: -612px 50%;
+}
+.ui-icon-checkbox-off {
+ background-position: -684px 50%;
+}
+.ui-icon-checkbox-on {
+ background-position: -648px 50%;
+}
+.ui-icon-radio-off {
+ background-position: -756px 50%;
+}
+.ui-icon-radio-on {
+ background-position: -720px 50%;
+}
+
+
+/* checks,radios */
+.ui-checkbox .ui-icon {
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+}
+.ui-icon-checkbox-off,
+.ui-icon-radio-off {
+ background-color: transparent;
+}
+.ui-checkbox-on .ui-icon,
+.ui-radio-on .ui-icon {
+ background-color: #3B4968 /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
+}
+
+/* loading icon */
+.ui-icon-loading {
+ background: url(images/ajax-loader.gif);
+ background-size: 46px 46px;
+}
+
+
+/* Button corner classes
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-btn-corner-tl {
+ -moz-border-radius-topleft: 0em /*{global-radii-buttons}*/;
+ -webkit-border-top-left-radius: 0em /*{global-radii-buttons}*/;
+ border-top-left-radius: 0em /*{global-radii-buttons}*/;
+}
+.ui-btn-corner-tr {
+ -moz-border-radius-topright: 0em /*{global-radii-buttons}*/;
+ -webkit-border-top-right-radius: 0em /*{global-radii-buttons}*/;
+ border-top-right-radius: 0em /*{global-radii-buttons}*/;
+}
+.ui-btn-corner-bl {
+ -moz-border-radius-bottomleft: 0em /*{global-radii-buttons}*/;
+ -webkit-border-bottom-left-radius: 0em /*{global-radii-buttons}*/;
+ border-bottom-left-radius: 0em /*{global-radii-buttons}*/;
+}
+.ui-btn-corner-br {
+ -moz-border-radius-bottomright: 0em /*{global-radii-buttons}*/;
+ -webkit-border-bottom-right-radius: 0em /*{global-radii-buttons}*/;
+ border-bottom-right-radius: 0em /*{global-radii-buttons}*/;
+}
+.ui-btn-corner-top {
+ -moz-border-radius-topleft: 0em /*{global-radii-buttons}*/;
+ -webkit-border-top-left-radius: 0em /*{global-radii-buttons}*/;
+ border-top-left-radius: 0em /*{global-radii-buttons}*/;
+ -moz-border-radius-topright: 0em /*{global-radii-buttons}*/;
+ -webkit-border-top-right-radius: 0em /*{global-radii-buttons}*/;
+ border-top-right-radius: 0em /*{global-radii-buttons}*/;
+}
+.ui-btn-corner-bottom {
+ -moz-border-radius-bottomleft: 0em /*{global-radii-buttons}*/;
+ -webkit-border-bottom-left-radius: 0em /*{global-radii-buttons}*/;
+ border-bottom-left-radius: 0em /*{global-radii-buttons}*/;
+ -moz-border-radius-bottomright: 0em /*{global-radii-buttons}*/;
+ -webkit-border-bottom-right-radius: 0em /*{global-radii-buttons}*/;
+ border-bottom-right-radius: 0em /*{global-radii-buttons}*/;
+}
+.ui-btn-corner-right {
+ -moz-border-radius-topright: 0em /*{global-radii-buttons}*/;
+ -webkit-border-top-right-radius: 0em /*{global-radii-buttons}*/;
+ border-top-right-radius: 0em /*{global-radii-buttons}*/;
+ -moz-border-radius-bottomright: 0em /*{global-radii-buttons}*/;
+ -webkit-border-bottom-right-radius: 0em /*{global-radii-buttons}*/;
+ border-bottom-right-radius: 0em /*{global-radii-buttons}*/;
+}
+.ui-btn-corner-left {
+ -moz-border-radius-topleft: 0em /*{global-radii-buttons}*/;
+ -webkit-border-top-left-radius: 0em /*{global-radii-buttons}*/;
+ border-top-left-radius: 0em /*{global-radii-buttons}*/;
+ -moz-border-radius-bottomleft: 0em /*{global-radii-buttons}*/;
+ -webkit-border-bottom-left-radius: 0em /*{global-radii-buttons}*/;
+ border-bottom-left-radius: 0em /*{global-radii-buttons}*/;
+}
+.ui-btn-corner-all {
+ -moz-border-radius: 0em /*{global-radii-buttons}*/;
+ -webkit-border-radius: 0em /*{global-radii-buttons}*/;
+ border-radius: 0em /*{global-radii-buttons}*/;
+}
+
+/* radius clip workaround for cleaning up corner trapping */
+.ui-corner-tl,
+.ui-corner-tr,
+.ui-corner-bl,
+.ui-corner-br,
+.ui-corner-top,
+.ui-corner-bottom,
+.ui-corner-right,
+.ui-corner-left,
+.ui-corner-all,
+.ui-btn-corner-tl,
+.ui-btn-corner-tr,
+.ui-btn-corner-bl,
+.ui-btn-corner-br,
+.ui-btn-corner-top,
+.ui-btn-corner-bottom,
+.ui-btn-corner-right,
+.ui-btn-corner-left,
+.ui-btn-corner-all {
+ -webkit-background-clip: padding-box;
+ -moz-background-clip: padding;
+ background-clip: padding-box;
+}
+
+/* Overlay / modal
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-overlay {
+ background: #666;
+ opacity: .5;
+ filter: Alpha(Opacity=50);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+}
+.ui-overlay-shadow {
+ -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
+ -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
+ box-shadow: 0px 0px 12px rgba(0,0,0,.6);
+}
+.ui-shadow {
+ -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
+ -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
+ box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
+}
+.ui-bar-a .ui-shadow,
+.ui-bar-b .ui-shadow ,
+.ui-bar-c .ui-shadow {
+ -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
+ -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
+ box-shadow: 0px 1px 0 rgba(255,255,255,.3);
+}
+.ui-shadow-inset {
+ -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
+ -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
+ box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
+}
+.ui-icon-shadow {
+ -moz-box-shadow: 0px 1px 0 transparent /*{global-icon-shadow}*/;
+ -webkit-box-shadow: 0px 1px 0 transparent /*{global-icon-shadow}*/;
+ box-shadow: 0px 1px 0 transparent /*{global-icon-shadow}*/;
+}
+
+/* Focus state - set here for specificity (note: these classes are added by JavaScript)
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-btn:focus {
+ outline: 0;
+}
+
+.ui-focus,
+.ui-btn:focus {
+ -moz-box-shadow: 0px 0px 12px #3B4968 /*{global-active-background-color}*/;
+ -webkit-box-shadow: 0px 0px 12px #3B4968 /*{global-active-background-color}*/;
+ box-shadow: 0px 0px 12px #3B4968 /*{global-active-background-color}*/;
+}
+
+/* unset box shadow in browsers that don't do it right
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-mobile-nosupport-boxshadow * {
+ -moz-box-shadow: none !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+}
+
+/* ...and bring back focus */
+.ui-mobile-nosupport-boxshadow .ui-focus,
+.ui-mobile-nosupport-boxshadow .ui-btn:focus {
+ outline-width: 1px;
+ outline-style: dotted;
+}
+
9 css/themes/jqmfb.min.css
@@ -0,0 +1,9 @@
+/*
+* jQuery Mobile Framework 1.1.0
+* http://jquerymobile.com
+*
+* Copyright 2011 (c) jQuery Project
+* Dual licensed under the MIT or GPL Version 2 licenses.
+* http://jquery.org/license
+*
+*/.ui-bar-a{border:1px solid #A3B2D2 ;background:#2D4A88 ;color:#DBE1EE ;font-weight:bold;text-shadow:0 1px 1px #3E4E73 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #6E85B7 ),to( #2d4a88 )); background-image:-webkit-linear-gradient( #6E85B7,#2d4a88 ); background-image: -moz-linear-gradient( #6E85B7,#2d4a88 ); background-image: -ms-linear-gradient( #6E85B7,#2d4a88 ); background-image: -o-linear-gradient( #6E85B7,#2d4a88 ); background-image: linear-gradient( #6E85B7,#2d4a88 );}.ui-bar-a .ui-link-inherit{color:#DBE1EE ;}.ui-bar-a .ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-a .ui-link:hover{color:#2489CE ;}.ui-bar-a .ui-link:active{color:#2489CE ;}.ui-bar-a .ui-link:visited{ color:#2489CE ;}.ui-bar-a,.ui-bar-a input,.ui-bar-a select,.ui-bar-a textarea,.ui-bar-a button{ font-family:Helvetica,Arial,sans-serif ;}.ui-body-a,.ui-overlay-a{border:1px solid #111B33 ;color:#000000 ;text-shadow:0 1px 0 #ffffff ;background:#f9f9f9 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f9f9f9 ),to( #ffffff )); background-image:-webkit-linear-gradient( #f9f9f9,#ffffff ); background-image: -moz-linear-gradient( #f9f9f9,#ffffff ); background-image: -ms-linear-gradient( #f9f9f9,#ffffff ); background-image: -o-linear-gradient( #f9f9f9,#ffffff ); background-image: linear-gradient( #f9f9f9,#ffffff );}.ui-overlay-a{background-image:none;border-width:0;}.ui-body-a,.ui-body-a input,.ui-body-a select,.ui-body-a textarea,.ui-body-a button{ font-family:Helvetica,Arial,sans-serif ;}.ui-body-a .ui-link-inherit{color:#000000 ;}.ui-body-a .ui-link{color:#2489CE ;font-weight:bold;}.ui-body-a .ui-link:hover{color:#2489CE ;}.ui-body-a .ui-link:active{color:#2489CE ;}.ui-body-a .ui-link:visited{ color:#2489CE ;}.ui-btn-up-a{border:1px solid #283E70 ;background:#2E4A85 ;font-weight:bold;color:#ffffff ;text-shadow:0 1px 0 #3B4968 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #6079AD ),to( #2e4a85 )); background-image:-webkit-linear-gradient( #6079AD,#2e4a85 ); background-image: -moz-linear-gradient( #6079AD,#2e4a85 ); background-image: -ms-linear-gradient( #6079AD,#2e4a85 ); background-image: -o-linear-gradient( #6079AD,#2e4a85 ); background-image: linear-gradient( #6079AD,#2e4a85 );}.ui-btn-up-a a.ui-link-inherit{color:#ffffff ;}.ui-btn-hover-a{border:1px solid #283E70 ;background:#17316A ;font-weight:bold;color:#ffffff ;text-shadow:0 1px 0 #202F4F ;background-image:-webkit-gradient(linear,left top,left bottom,from( #425A8F ),to( #17316a )); background-image:-webkit-linear-gradient( #425A8F,#17316a ); background-image: -moz-linear-gradient( #425A8F,#17316a ); background-image: -ms-linear-gradient( #425A8F,#17316a ); background-image: -o-linear-gradient( #425A8F,#17316a ); background-image: linear-gradient( #425A8F,#17316a );}.ui-btn-hover-a a.ui-link-inherit{color:#ffffff ;}.ui-btn-down-a{border:1px solid #283E70 ;background:#17316A ;font-weight:bold;color:#ffffff ;text-shadow:0 1px 0 #202F4F ;background-image:-webkit-gradient(linear,left top,left bottom,from( #425A8F ),to( #17316a )); background-image:-webkit-linear-gradient( #425A8F,#17316a ); background-image: -moz-linear-gradient( #425A8F,#17316a ); background-image: -ms-linear-gradient( #425A8F,#17316a ); background-image: -o-linear-gradient( #425A8F,#17316a ); background-image: linear-gradient( #425A8F,#17316a );}.ui-btn-down-a a.ui-link-inherit{color:#ffffff ;}.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a{ font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}.ui-bar-b{border:1px solid #0B1A33 ;background:#2D4A88 ;color:#DBE1EE ;font-weight:bold;text-shadow:0 1px 1px #3E4E73 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #6E85B7 ),to( #2d4a88 )); background-image:-webkit-linear-gradient( #6E85B7,#2d4a88 ); background-image: -moz-linear-gradient( #6E85B7,#2d4a88 ); background-image: -ms-linear-gradient( #6E85B7,#2d4a88 ); background-image: -o-linear-gradient( #6E85B7,#2d4a88 ); background-image: linear-gradient( #6E85B7,#2d4a88 );}.ui-bar-b .ui-link-inherit{color:#DBE1EE ;}.ui-bar-b .ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-b .ui-link:hover{color:#2489CE ;}.ui-bar-b .ui-link:active{color:#2489CE ;}.ui-bar-b .ui-link:visited{ color:#2489CE ;}.ui-bar-b,.ui-bar-b input,.ui-bar-b select,.ui-bar-b textarea,.ui-bar-b button{ font-family:Helvetica,Arial,sans-serif ;}.ui-body-b,.ui-overlay-b{border:1px solid #0B1A33 ;color:#E1E7F0 ;text-shadow:0 1px 0 #000000 ;background:#000000 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #000000 ),to( #000000 )); background-image:-webkit-linear-gradient( #000000,#000000 ); background-image: -moz-linear-gradient( #000000,#000000 ); background-image: -ms-linear-gradient( #000000,#000000 ); background-image: -o-linear-gradient( #000000,#000000 ); background-image: linear-gradient( #000000,#000000 );}.ui-overlay-b{background-image:none;border-width:0;}.ui-body-b,.ui-body-b input,.ui-body-b select,.ui-body-b textarea,.ui-body-b button{ font-family:Helvetica,Arial,sans-serif ;}.ui-body-b .ui-link-inherit{color:#E1E7F0 ;}.ui-body-b .ui-link{color:#E1E7F0 ;font-weight:bold;}.ui-body-b .ui-link:hover{color:#E1E7F0 ;}.ui-body-b .ui-link:active{color:#E1E7F0 ;}.ui-body-b .ui-link:visited{ color:#E1E7F0 ;}.ui-btn-up-b{border:1px solid #283E70 ;background:#2E4A85 ;font-weight:bold;color:#ffffff ;text-shadow:0 1px 0 #3B4968 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #6079AD ),to( #2e4a85 )); background-image:-webkit-linear-gradient( #6079AD,#2e4a85 ); background-image: -moz-linear-gradient( #6079AD,#2e4a85 ); background-image: -ms-linear-gradient( #6079AD,#2e4a85 ); background-image: -o-linear-gradient( #6079AD,#2e4a85 ); background-image: linear-gradient( #6079AD,#2e4a85 );}.ui-btn-up-b a.ui-link-inherit{color:#ffffff ;}.ui-btn-hover-b{border:1px solid #283E70 ;background:#17316A ;font-weight:bold;color:#ffffff ;text-shadow:0 1px 0 #202F4F ;background-image:-webkit-gradient(linear,left top,left bottom,from( #425A8F ),to( #17316a )); background-image:-webkit-linear-gradient( #425A8F,#17316a ); background-image: -moz-linear-gradient( #425A8F,#17316a ); background-image: -ms-linear-gradient( #425A8F,#17316a ); background-image: -o-linear-gradient( #425A8F,#17316a ); background-image: linear-gradient( #425A8F,#17316a );}.ui-btn-hover-b a.ui-link-inherit{color:#ffffff ;}.ui-btn-down-b{border:1px solid #283E70 ;background:#17316A ;font-weight:bold;color:#ffffff ;text-shadow:0 1px 0 #202F4F ;background-image:-webkit-gradient(linear,left top,left bottom,from( #425A8F ),to( #17316a )); background-image:-webkit-linear-gradient( #425A8F,#17316a ); background-image: -moz-linear-gradient( #425A8F,#17316a ); background-image: -ms-linear-gradient( #425A8F,#17316a ); background-image: -o-linear-gradient( #425A8F,#17316a ); background-image: linear-gradient( #425A8F,#17316a );}.ui-btn-down-b a.ui-link-inherit{color:#ffffff ;}.ui-btn-up-b,.ui-btn-hover-b,.ui-btn-down-b{ font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}a.ui-link-inherit{text-decoration:none !important;}.ui-btn-active{border:1px solid #46567B ;background:#3B4968 ;font-weight:bold;color:#ffffff ;cursor:pointer;text-shadow:0 1px 1px #313D57 ;text-decoration:none;background-image:-webkit-gradient(linear,left top,left bottom,from( #46567B ),to( #3b4968 )); background-image:-webkit-linear-gradient( #46567B,#3b4968 ); background-image: -moz-linear-gradient( #46567B,#3b4968 ); background-image: -ms-linear-gradient( #46567B,#3b4968 ); background-image: -o-linear-gradient( #46567B,#3b4968 ); background-image: linear-gradient( #46567B,#3b4968 ); font-family:Helvetica,Arial,sans-serif ;}.ui-btn-active a.ui-link-inherit{color:#ffffff ;}.ui-btn-inner{border-top:1px solid #fff;border-color:rgba(255,255,255,.3);}.ui-corner-tl{-moz-border-radius-topleft:0em ;-webkit-border-top-left-radius:0em ;border-top-left-radius:0em ;}.ui-corner-tr{-moz-border-radius-topright:0em ;-webkit-border-top-right-radius:0em ;border-top-right-radius:0em ;}.ui-corner-bl{-moz-border-radius-bottomleft:0em ;-webkit-border-bottom-left-radius:0em ;border-bottom-left-radius:0em ;}.ui-corner-br{-moz-border-radius-bottomright:0em ;-webkit-border-bottom-right-radius:0em ;border-bottom-right-radius:0em ;}.ui-corner-top{-moz-border-radius-topleft:0em ;-webkit-border-top-left-radius:0em ;border-top-left-radius:0em ;-moz-border-radius-topright:0em ;-webkit-border-top-right-radius:0em ;border-top-right-radius:0em ;}.ui-corner-bottom{-moz-border-radius-bottomleft:0em ;-webkit-border-bottom-left-radius:0em ;border-bottom-left-radius:0em ;-moz-border-radius-bottomright:0em ;-webkit-border-bottom-right-radius:0em ;border-bottom-right-radius:0em ;}.ui-corner-right{-moz-border-radius-topright:0em ;-webkit-border-top-right-radius:0em ;border-top-right-radius:0em ;-moz-border-radius-bottomright:0em ;-webkit-border-bottom-right-radius:0em ;border-bottom-right-radius:0em ;}.ui-corner-left{-moz-border-radius-topleft:0em ;-webkit-border-top-left-radius:0em ;border-top-left-radius:0em ;-moz-border-radius-bottomleft:0em ;-webkit-border-bottom-left-radius:0em ;border-bottom-left-radius:0em ;}.ui-corner-all{-moz-border-radius:0em ;-webkit-border-radius:0em ;border-radius:0em ;}.ui-corner-none{-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}.ui-br{border-bottom:rgb(130,130,130);border-bottom:rgba(130,130,130,.3);border-bottom-width:1px;border-bottom-style:solid;}.ui-disabled{opacity:.3;}.ui-disabled,.ui-disabled a{cursor:default !important;pointer-events:none;}.ui-disabled .ui-btn-text{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";filter:alpha(opacity=30);zoom:1;}.ui-icon,.ui-icon-searchfield:after{background:#666666 ;background:transparent ;background-image:url(images/icons-18-white.png) ;background-repeat:no-repeat;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;}.ui-icon-alt{background:#fff;background:rgba(255,255,255,.3);background-image:url(images/icons-18-black.png);background-repeat:no-repeat;}@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-resolution:240dpi){.ui-icon-plus,.ui-icon-minus,.ui-icon-delete,.ui-icon-arrow-r,.ui-icon-arrow-l,.ui-icon-arrow-u,.ui-icon-arrow-d,.ui-icon-check,.ui-icon-gear,.ui-icon-refresh,.ui-icon-forward,.ui-icon-back,.ui-icon-grid,.ui-icon-star,.ui-icon-alert,.ui-icon-info,.ui-icon-home,.ui-icon-search,.ui-icon-searchfield:after,.ui-icon-checkbox-off,.ui-icon-checkbox-on,.ui-icon-radio-off,.ui-icon-radio-on{background-image:url(images/icons-36-white.png) ;-moz-background-size:776px 18px;-o-background-size:776px 18px;-webkit-background-size:776px 18px;background-size:776px 18px;}.ui-icon-alt{background-image:url(images/icons-36-black.png);}}.ui-icon-plus{background-position:-0 50%;}.ui-icon-minus{background-position:-36px 50%;}.ui-icon-delete{background-position:-72px 50%;}.ui-icon-arrow-r{background-position:-108px 50%;}.ui-icon-arrow-l{background-position:-144px 50%;}.ui-icon-arrow-u{background-position:-180px 50%;}.ui-icon-arrow-d{background-position:-216px 50%;}.ui-icon-check{background-position:-252px 50%;}.ui-icon-gear{background-position:-288px 50%;}.ui-icon-refresh{background-position:-324px 50%;}.ui-icon-forward{background-position:-360px 50%;}.ui-icon-back{background-position:-396px 50%;}.ui-icon-grid{background-position:-432px 50%;}.ui-icon-star{background-position:-468px 50%;}.ui-icon-alert{background-position:-504px 50%;}.ui-icon-info{background-position:-540px 50%;}.ui-icon-home{background-position:-576px 50%;}.ui-icon-search,.ui-icon-searchfield:after{background-position:-612px 50%;}.ui-icon-checkbox-off{background-position:-684px 50%;}.ui-icon-checkbox-on{background-position:-648px 50%;}.ui-icon-radio-off{background-position:-756px 50%;}.ui-icon-radio-on{background-position:-720px 50%;}.ui-checkbox .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.ui-icon-checkbox-off,.ui-icon-radio-off{background-color:transparent;}.ui-checkbox-on .ui-icon,.ui-radio-on .ui-icon{background-color:#3B4968 ; }.ui-icon-loading{background:url(images/ajax-loader.gif);background-size:46px 46px;}a.ui-link-inherit{text-decoration:none !important;}.ui-btn-active{border:1px solid #46567B ;background:#3B4968 ;font-weight:bold;color:#ffffff ;cursor:pointer;text-shadow:0 1px 1px #313D57 ;text-decoration:none;background-image:-webkit-gradient(linear,left top,left bottom,from( #46567B ),to( #3b4968 )); background-image:-webkit-linear-gradient( #46567B,#3b4968 ); background-image: -moz-linear-gradient( #46567B,#3b4968 ); background-image: -ms-linear-gradient( #46567B,#3b4968 ); background-image: -o-linear-gradient( #46567B,#3b4968 ); background-image: linear-gradient( #46567B,#3b4968 ); font-family:Helvetica,Arial,sans-serif ;}.ui-btn-active a.ui-link-inherit{color:#ffffff ;}.ui-btn-inner{border-top:1px solid #fff;border-color:rgba(255,255,255,.3);}.ui-corner-tl{-moz-border-radius-topleft:0em ;-webkit-border-top-left-radius:0em ;border-top-left-radius:0em ;}.ui-corner-tr{-moz-border-radius-topright:0em ;-webkit-border-top-right-radius:0em ;border-top-right-radius:0em ;}.ui-corner-bl{-moz-border-radius-bottomleft:0em ;-webkit-border-bottom-left-radius:0em ;border-bottom-left-radius:0em ;}.ui-corner-br{-moz-border-radius-bottomright:0em ;-webkit-border-bottom-right-radius:0em ;border-bottom-right-radius:0em ;}.ui-corner-top{-moz-border-radius-topleft:0em ;-webkit-border-top-left-radius:0em ;border-top-left-radius:0em ;-moz-border-radius-topright:0em ;-webkit-border-top-right-radius:0em ;border-top-right-radius:0em ;}.ui-corner-bottom{-moz-border-radius-bottomleft:0em ;-webkit-border-bottom-left-radius:0em ;border-bottom-left-radius:0em ;-moz-border-radius-bottomright:0em ;-webkit-border-bottom-right-radius:0em ;border-bottom-right-radius:0em ;}.ui-corner-right{-moz-border-radius-topright:0em ;-webkit-border-top-right-radius:0em ;border-top-right-radius:0em ;-moz-border-radius-bottomright:0em ;-webkit-border-bottom-right-radius:0em ;border-bottom-right-radius:0em ;}.ui-corner-left{-moz-border-radius-topleft:0em ;-webkit-border-top-left-radius:0em ;border-top-left-radius:0em ;-moz-border-radius-bottomleft:0em ;-webkit-border-bottom-left-radius:0em ;border-bottom-left-radius:0em ;}.ui-corner-all{-moz-border-radius:0em ;-webkit-border-radius:0em ;border-radius:0em ;}.ui-corner-none{-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}.ui-br{border-bottom:rgb(130,130,130);border-bottom:rgba(130,130,130,.3);border-bottom-width:1px;border-bottom-style:solid;}.ui-disabled{opacity:.3;}.ui-disabled,.ui-disabled a{cursor:default !important;pointer-events:none;}.ui-disabled .ui-btn-text{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";filter:alpha(opacity=30);zoom:1;}.ui-icon,.ui-icon-searchfield:after{background:#666666 ;background:transparent ;background-image:url(images/icons-18-white.png) ;background-repeat:no-repeat;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;}.ui-icon-alt{background:#fff;background:rgba(255,255,255,.3);background-image:url(images/icons-18-black.png);background-repeat:no-repeat;}@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-resolution:240dpi){.ui-icon-plus,.ui-icon-minus,.ui-icon-delete,.ui-icon-arrow-r,.ui-icon-arrow-l,.ui-icon-arrow-u,.ui-icon-arrow-d,.ui-icon-check,.ui-icon-gear,.ui-icon-refresh,.ui-icon-forward,.ui-icon-back,.ui-icon-grid,.ui-icon-star,.ui-icon-alert,.ui-icon-info,.ui-icon-home,.ui-icon-search,.ui-icon-searchfield:after,.ui-icon-checkbox-off,.ui-icon-checkbox-on,.ui-icon-radio-off,.ui-icon-radio-on{background-image:url(images/icons-36-white.png) ;-moz-background-size:776px 18px;-o-background-size:776px 18px;-webkit-background-size:776px 18px;background-size:776px 18px;}.ui-icon-alt{background-image:url(images/icons-36-black.png);}}.ui-icon-plus{background-position:-0 50%;}.ui-icon-minus{background-position:-36px 50%;}.ui-icon-delete{background-position:-72px 50%;}.ui-icon-arrow-r{background-position:-108px 50%;}.ui-icon-arrow-l{background-position:-144px 50%;}.ui-icon-arrow-u{background-position:-180px 50%;}.ui-icon-arrow-d{background-position:-216px 50%;}.ui-icon-check{background-position:-252px 50%;}.ui-icon-gear{background-position:-288px 50%;}.ui-icon-refresh{background-position:-324px 50%;}.ui-icon-forward{background-position:-360px 50%;}.ui-icon-back{background-position:-396px 50%;}.ui-icon-grid{background-position:-432px 50%;}.ui-icon-star{background-position:-468px 50%;}.ui-icon-alert{background-position:-504px 50%;}.ui-icon-info{background-position:-540px 50%;}.ui-icon-home{background-position:-576px 50%;}.ui-icon-search,.ui-icon-searchfield:after{background-position:-612px 50%;}.ui-icon-checkbox-off{background-position:-684px 50%;}.ui-icon-checkbox-on{background-position:-648px 50%;}.ui-icon-radio-off{background-position:-756px 50%;}.ui-icon-radio-on{background-position:-720px 50%;}.ui-checkbox .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.ui-icon-checkbox-off,.ui-icon-radio-off{background-color:transparent;}.ui-checkbox-on .ui-icon,.ui-radio-on .ui-icon{background-color:#3B4968 ; }.ui-icon-loading{background:url(images/ajax-loader.gif);background-size:46px 46px;}.ui-btn-corner-tl{-moz-border-radius-topleft:0em ;-webkit-border-top-left-radius:0em ;border-top-left-radius:0em ;}.ui-btn-corner-tr{-moz-border-radius-topright:0em ;-webkit-border-top-right-radius:0em ;border-top-right-radius:0em ;}.ui-btn-corner-bl{-moz-border-radius-bottomleft:0em ;-webkit-border-bottom-left-radius:0em ;border-bottom-left-radius:0em ;}.ui-btn-corner-br{-moz-border-radius-bottomright:0em ;-webkit-border-bottom-right-radius:0em ;border-bottom-right-radius:0em ;}.ui-btn-corner-top{-moz-border-radius-topleft:0em ;-webkit-border-top-left-radius:0em ;border-top-left-radius:0em ;-moz-border-radius-topright:0em ;-webkit-border-top-right-radius:0em ;border-top-right-radius:0em ;}.ui-btn-corner-bottom{-moz-border-radius-bottomleft:0em ;-webkit-border-bottom-left-radius:0em ;border-bottom-left-radius:0em ;-moz-border-radius-bottomright:0em ;-webkit-border-bottom-right-radius:0em ;border-bottom-right-radius:0em ;}.ui-btn-corner-right{-moz-border-radius-topright:0em ;-webkit-border-top-right-radius:0em ;border-top-right-radius:0em ;-moz-border-radius-bottomright:0em ;-webkit-border-bottom-right-radius:0em ;border-bottom-right-radius:0em ;}.ui-btn-corner-left{-moz-border-radius-topleft:0em ;-webkit-border-top-left-radius:0em ;border-top-left-radius:0em ;-moz-border-radius-bottomleft:0em ;-webkit-border-bottom-left-radius:0em ;border-bottom-left-radius:0em ;}.ui-btn-corner-all{-moz-border-radius:0em ;-webkit-border-radius:0em ;border-radius:0em ;}.ui-corner-tl,.ui-corner-tr,.ui-corner-bl,.ui-corner-br,.ui-corner-top,.ui-corner-bottom,.ui-corner-right,.ui-corner-left,.ui-corner-all,.ui-btn-corner-tl,.ui-btn-corner-tr,.ui-btn-corner-bl,.ui-btn-corner-br,.ui-btn-corner-top,.ui-btn-corner-bottom,.ui-btn-corner-right,.ui-btn-corner-left,.ui-btn-corner-all{ -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box;}.ui-overlay{background:#666;opacity:.5;filter:Alpha(Opacity=50);position:absolute;width:100%;height:100%;}.ui-overlay-shadow{-moz-box-shadow:0px 0px 12px rgba(0,0,0,.6);-webkit-box-shadow:0px 0px 12px rgba(0,0,0,.6);box-shadow:0px 0px 12px rgba(0,0,0,.6);}.ui-shadow{-moz-box-shadow:0px 1px 4px rgba(0,0,0,.3) ;-webkit-box-shadow:0px 1px 4px rgba(0,0,0,.3) ;box-shadow:0px 1px 4px rgba(0,0,0,.3) ;}.ui-bar-a .ui-shadow,.ui-bar-b .ui-shadow,.ui-bar-c .ui-shadow {-moz-box-shadow:0px 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0px 1px 0 rgba(255,255,255,.3);box-shadow:0px 1px 0 rgba(255,255,255,.3);}.ui-shadow-inset{-moz-box-shadow:inset 0px 1px 4px rgba(0,0,0,.2);-webkit-box-shadow:inset 0px 1px 4px rgba(0,0,0,.2);box-shadow:inset 0px 1px 4px rgba(0,0,0,.2);}.ui-icon-shadow{-moz-box-shadow:0px 1px 0 transparent ;-webkit-box-shadow:0px 1px 0 transparent ;box-shadow:0px 1px 0 transparent ;}.ui-btn:focus{outline:0;}.ui-focus,.ui-btn:focus{-moz-box-shadow:0px 0px 12px #3B4968 ;-webkit-box-shadow:0px 0px 12px #3B4968 ;box-shadow:0px 0px 12px #3B4968 ;}.ui-mobile-nosupport-boxshadow *{-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;}.ui-mobile-nosupport-boxshadow .ui-focus,.ui-mobile-nosupport-boxshadow .ui-btn:focus{outline-width:1px;outline-style:dotted;}
50 index.html
@@ -0,0 +1,50 @@
+<!doctype html>
+<html lang="en">
+<head>
+
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="HandheldFriendly" content="True">
+ <meta name="MobileOptimized" content="320"/>
+ <meta name="apple-mobile-web-app-capable" content="yes">
+ <meta name="apple-mobile-web-app-status-bar-style" content="black">
+ <meta http-equiv="cleartype" content="on">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
+
+ <title>Popup Textbox by Tegan Snyder</title>
+
+ <!--Include JQM and JQ-->
+ <link rel="stylesheet" href="css/themes/jqmfb.min.css" />
+ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile.structure-1.1.0.min.css" />
+ <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
+ <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
+
+ <!--JQM SlideMenu-->
+ <link rel="stylesheet" href="css/jqm.popuptextbox.css" />
+ <script src="js/jqm.popuptextbox.js"></script>
+
+</head>
+
+<body>
+
+ <div data-role="page">
+
+ <div data-role="header" data-position="fixed">
+ <h1>Popup Textbox</h1>
+ </div>
+
+ <div data-role="content">
+
+ <p>This is an rough example of a popup textbox for entering notes. This is an rough example of a popup textbox for entering notes. This is an rough example of a popup textbox for entering notes. This is an rough example of a popup textbox for entering notes. This is an rough example of a popup textbox for entering notes. This is an rough example of a popup textbox for entering notes. This is an rough example of a popup textbox for entering notes.</p>
+
+ </div>
+
+ <div data-role="footer" data-position="fixed" class="center">
+ <a href="#" data-corners="false" data-role="tpop">My Notes</a>
+ </div>
+
+ </div>
+
+</body>
+
+</html>
65 js/jqm.popuptextbox.js
@@ -0,0 +1,65 @@
+$(document).on("pageinit",":jqmData(role='page')", function(){
+
+ $(":jqmData(role='page')").prepend('<div id="tpop_overlay"></div>');
+ $('body').prepend('<div class="tpop tp"><textarea name="textarea" placeholder="Enter your notes"></textarea></div>');
+
+ $(document).on("click", ":jqmData(role='tpop')", function(event) {
+
+ event.preventDefault();
+
+ if (!$(":jqmData(role='tpop')").data('tpop_open')) {
+ init_tpop();
+ $('.tpop').show();
+ $('#tpop_overlay').show();
+ $(":jqmData(role='tpop')").data('tpop_open', true);
+ } else {
+ tpop_save($('.tpop textarea').val());
+ $('.tpop').hide();
+ $('#tpop_overlay').hide();
+ $(":jqmData(role='tpop')").data('tpop_open', false);
+ }
+
+ });
+
+ $(document).on("click", "#tpop_overlay", function(event) {
+ $('.tpop').hide();
+ $('#tpop_overlay').hide();
+ $(":jqmData(role='tpop')").data('tpop_open', false);
+ tpop_save($('.tpop textarea').val());
+ });
+
+ $(window).on('resize', function(){
+ if ($(":jqmData(role='tpop')").data('tpop_open')) {
+ init_tpop();
+ }
+ });
+
+});
+
+function tpop_save(txt) {
+ //do something like save to localStorage or ajax call
+ //console.log(txt);
+}
+
+function init_tpop() {
+ $('.tpop').width(viewport().width - 80);
+ $('.tpop').css('top', $(":jqmData(role='tpop')").offset().top - $('.tpop').height() - 30 + 'px');
+ $('.tpop').css('left', '40px');
+
+ $('.tpop textarea').width($('.tpop').width() - 23);
+
+ setTimeout(function() {
+ $('#tpop_overlay').css('top', $(":jqmData(role='header')").height() + 'px');
+ $('#tpop_overlay').height(viewport().height - $(":jqmData(role='footer')").height() - $(":jqmData(role='header')").height());
+ }, 200);
+}
+
+function viewport(){
+ var e = window;
+ var a = 'inner';
+ if (!('innerWidth' in window)) {
+ a = 'client';
+ e = document.documentElement || document.body;
+ }
+ return { width : e[ a+'Width' ] , height : e[ a+'Height' ] }
+}
BIN  photo.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Please sign in to comment.
Something went wrong with that request. Please try again.