mobile_template 0.0.1 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/lib/mobile_template/version.rb +1 -1
- data/mobile_template.gemspec +1 -1
- data/templates/assets/Gemfile +1 -1
- data/templates/assets/source/javascripts/vendor/cordova.js +2106 -1975
- data/templates/assets/source/javascripts/vendor/jquery.js +614 -477
- data/templates/assets/source/javascripts/vendor/jquery.mobile.js +519 -378
- data/templates/assets/source/stylesheets/vendor/jquery.mobile.css.scss +683 -502
- data/templates/cordova_android/VERSION +1 -1
- data/templates/cordova_android/bin/create +5 -1
- data/templates/cordova_android/bin/templates/project/cordova/create +5 -0
- data/templates/cordova_android/bin/templates/project/cordova/debug +1 -1
- data/templates/cordova_android/bin/templates/project/cordova/templates/project/AndroidManifest.xml +18 -25
- data/templates/cordova_android/bin/templates/project/cordova/templates/project/assets/www/index.html +6 -6
- data/templates/cordova_android/framework/assets/js/cordova.android.js +2106 -1975
- data/templates/cordova_android/framework/assets/www/index.html +1 -1
- data/templates/cordova_android/framework/build.xml +2 -42
- data/templates/cordova_android/framework/project.properties +1 -1
- data/templates/cordova_android/framework/res/drawable/splash.png +0 -0
- data/templates/cordova_android/framework/res/drawable-hdpi/icon.png +0 -0
- data/templates/cordova_android/framework/res/drawable-ldpi/icon.png +0 -0
- data/templates/cordova_android/framework/res/drawable-mdpi/icon.png +0 -0
- data/templates/cordova_android/framework/res/xml/plugins.xml +2 -1
- data/templates/cordova_android/framework/src/com/phonegap/api/PluginManager.java +1 -0
- data/templates/cordova_android/framework/src/org/apache/cordova/AudioPlayer.java +24 -16
- data/templates/cordova_android/framework/src/org/apache/cordova/CameraLauncher.java +35 -10
- data/templates/cordova_android/framework/src/org/apache/cordova/ContactAccessor.java +2 -1
- data/templates/cordova_android/framework/src/org/apache/cordova/ContactAccessorSdk5.java +67 -65
- data/templates/cordova_android/framework/src/org/apache/cordova/ContactManager.java +51 -63
- data/templates/cordova_android/framework/src/org/apache/cordova/CordovaChromeClient.java +3 -0
- data/templates/cordova_android/framework/src/org/apache/cordova/CordovaWebViewClient.java +6 -2
- data/templates/cordova_android/framework/src/org/apache/cordova/Device.java +108 -108
- data/templates/cordova_android/framework/src/org/apache/cordova/DroidGap.java +110 -77
- data/templates/cordova_android/framework/src/org/apache/cordova/FileTransfer.java +90 -44
- data/templates/cordova_android/framework/src/org/apache/cordova/FileUtils.java +20 -20
- data/templates/cordova_android/framework/src/org/apache/cordova/LinearLayoutSoftKeyboardDetect.java +2 -2
- data/templates/cordova_android/framework/src/org/apache/cordova/NetworkManager.java +7 -8
- data/templates/cordova_android/framework/src/org/apache/cordova/Notification.java +2 -2
- data/templates/cordova_android/framework/src/org/apache/cordova/SplashScreen.java +23 -0
- data/templates/cordova_android/framework/src/org/apache/cordova/Storage.java +3 -3
- data/templates/cordova_android/framework/src/org/apache/cordova/api/CordovaInterface.java +2 -0
- data/templates/cordova_android/framework/src/org/apache/cordova/api/PluginEntry.java +119 -0
- data/templates/cordova_android/framework/src/org/apache/cordova/api/PluginManager.java +260 -258
- data/templates/cordova_android/framework/src/org/apache/cordova/api/PluginResult.java +2 -2
- data/templates/cordova_android/releasenotes.md +42 -0
- data/templates/cordova_android/test/.classpath +8 -0
- data/templates/cordova_android/test/.project +33 -0
- data/templates/cordova_android/test/AndroidManifest.xml +87 -0
- data/templates/cordova_android/test/README.md +23 -0
- data/templates/cordova_android/test/ant.properties +17 -0
- data/templates/cordova_android/test/assets/www/backbuttonmultipage/index.html +23 -0
- data/templates/cordova_android/test/assets/www/backbuttonmultipage/sample2.html +23 -0
- data/templates/cordova_android/test/assets/www/backbuttonmultipage/sample3.html +26 -0
- data/templates/cordova_android/test/assets/www/background/index.html +99 -0
- data/templates/cordova_android/test/assets/www/background/index2.html +98 -0
- data/templates/cordova_android/test/assets/www/cordova-1.6.0.js +4985 -0
- data/templates/cordova_android/test/assets/www/cordova.js +2 -0
- data/templates/cordova_android/test/assets/www/htmlnotfound/error.html +1 -0
- data/templates/cordova_android/test/assets/www/iframe/index.html +33 -0
- data/templates/cordova_android/test/assets/www/iframe/index2.html +24 -0
- data/templates/cordova_android/test/assets/www/index.html +47 -0
- data/templates/cordova_android/test/assets/www/jqmtabbackbutton/index.html +49 -0
- data/templates/cordova_android/test/assets/www/jqmtabbackbutton/tab1.html +29 -0
- data/templates/cordova_android/test/assets/www/jqmtabbackbutton/tab2.html +30 -0
- data/templates/cordova_android/test/assets/www/jqmtabbackbutton/tab3.html +30 -0
- data/templates/cordova_android/test/assets/www/lifecycle/index.html +108 -0
- data/templates/cordova_android/test/assets/www/lifecycle/index2.html +104 -0
- data/templates/cordova_android/test/assets/www/main.js +150 -0
- data/templates/cordova_android/test/assets/www/master.css +117 -0
- data/templates/cordova_android/test/assets/www/menus/index.html +29 -0
- data/templates/cordova_android/test/assets/www/splashscreen/index.html +22 -0
- data/templates/cordova_android/test/assets/www/userwebview/index.html +49 -0
- data/templates/cordova_android/test/assets/www/whitelist/index.html +29 -0
- data/templates/cordova_android/test/assets/www/whitelist/index2.html +23 -0
- data/templates/cordova_android/test/assets/www/xhr/index.html +48 -0
- data/templates/cordova_android/test/build.xml +85 -0
- data/templates/cordova_android/test/libs/cordova-1.6.0.jar +0 -0
- data/templates/cordova_android/test/project.properties +11 -0
- data/templates/cordova_android/{framework → test}/res/drawable/icon.png +0 -0
- data/templates/cordova_android/test/res/drawable/sandy.jpg +0 -0
- data/templates/cordova_android/test/res/drawable-hdpi/ic_launcher.png +0 -0
- data/templates/cordova_android/test/res/drawable-ldpi/ic_launcher.png +0 -0
- data/templates/cordova_android/test/res/drawable-mdpi/ic_launcher.png +0 -0
- data/templates/cordova_android/test/res/layout/main.xml +13 -0
- data/templates/cordova_android/test/res/values/strings.xml +4 -0
- data/templates/cordova_android/{bin/templates/project/cordova/templates/project → test}/res/xml/cordova.xml +0 -0
- data/templates/cordova_android/{bin/templates/project/cordova/templates/project → test}/res/xml/plugins.xml +1 -1
- data/templates/cordova_android/test/src/org/apache/cordova/test/ActivityPlugin.java +81 -0
- data/templates/cordova_android/test/src/org/apache/cordova/test/FixWebView.java +43 -0
- data/templates/cordova_android/test/src/org/apache/cordova/test/backbuttonmultipage.java +30 -0
- data/templates/cordova_android/test/src/org/apache/cordova/test/background.java +34 -0
- data/templates/cordova_android/test/src/org/apache/cordova/test/errorurl.java +32 -0
- data/templates/cordova_android/test/src/org/apache/cordova/test/htmlnotfound.java +31 -0
- data/templates/cordova_android/test/src/org/apache/cordova/test/iframe.java +30 -0
- data/templates/cordova_android/test/src/org/apache/cordova/test/jqmtabbackbutton.java +30 -0
- data/templates/cordova_android/test/src/org/apache/cordova/test/lifecycle.java +30 -0
- data/templates/cordova_android/test/src/org/apache/cordova/test/loading.java +31 -0
- data/templates/cordova_android/test/src/org/apache/cordova/test/menus.java +80 -0
- data/templates/cordova_android/test/src/org/apache/cordova/test/splashscreen.java +35 -0
- data/templates/cordova_android/test/src/org/apache/cordova/test/tests.java +32 -0
- data/templates/cordova_android/test/src/org/apache/cordova/test/timeout.java +34 -0
- data/templates/cordova_android/test/src/org/apache/cordova/test/userwebview.java +72 -0
- data/templates/cordova_android/test/src/org/apache/cordova/test/whitelist.java +51 -0
- data/templates/cordova_android/test/src/org/apache/cordova/test/xhr.java +30 -0
- metadata +83 -30
- data/templates/cordova_android/framework/assets/js/accelerometer.js +0 -137
- data/templates/cordova_android/framework/assets/js/app.js +0 -89
- data/templates/cordova_android/framework/assets/js/battery.js +0 -134
- data/templates/cordova_android/framework/assets/js/camera.js +0 -168
- data/templates/cordova_android/framework/assets/js/capture.js +0 -203
- data/templates/cordova_android/framework/assets/js/compass.js +0 -168
- data/templates/cordova_android/framework/assets/js/contact.js +0 -310
- data/templates/cordova_android/framework/assets/js/cordova.js.base +0 -924
- data/templates/cordova_android/framework/assets/js/crypto.js +0 -54
- data/templates/cordova_android/framework/assets/js/device.js +0 -83
- data/templates/cordova_android/framework/assets/js/file.js +0 -1082
- data/templates/cordova_android/framework/assets/js/filetransfer.js +0 -125
- data/templates/cordova_android/framework/assets/js/geolocation.js +0 -209
- data/templates/cordova_android/framework/assets/js/header.txt +0 -19
- data/templates/cordova_android/framework/assets/js/media.js +0 -233
- data/templates/cordova_android/framework/assets/js/network.js +0 -100
- data/templates/cordova_android/framework/assets/js/notification.js +0 -133
- data/templates/cordova_android/framework/assets/js/position.js +0 -100
- data/templates/cordova_android/framework/assets/js/storage.js +0 -439
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* jQuery Mobile Framework 1.1.0
|
|
2
|
+
* jQuery Mobile Framework 1.1.0 db342b1f315c282692791aa870455901fdb46a55
|
|
3
3
|
* http://jquerymobile.com
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2011 (c) jQuery Project
|
|
@@ -7,56 +7,58 @@
|
|
|
7
7
|
* http://jquery.org/license
|
|
8
8
|
*
|
|
9
9
|
*/
|
|
10
|
-
|
|
10
|
+
/* Swatches */
|
|
11
|
+
/* A
|
|
12
|
+
-----------------------------------------------------------------------------------------------------------*/
|
|
11
13
|
.ui-bar-a {
|
|
12
|
-
border: 1px solid #333
|
|
13
|
-
background: #111111
|
|
14
|
-
color: #ffffff
|
|
14
|
+
border: 1px solid #333 /*{a-bar-border}*/;
|
|
15
|
+
background: #111111 /*{a-bar-background-color}*/;
|
|
16
|
+
color: #ffffff /*{a-bar-color}*/;
|
|
15
17
|
font-weight: bold;
|
|
16
|
-
text-shadow: 0
|
|
17
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c ), to( #111 ));
|
|
18
|
-
background-image: -webkit-linear-gradient( #3c3c3c
|
|
19
|
-
background-image: -moz-linear-gradient( #3c3c3c
|
|
20
|
-
background-image: -ms-linear-gradient( #3c3c3c
|
|
21
|
-
background-image: -o-linear-gradient( #3c3c3c
|
|
22
|
-
background-image: linear-gradient( #3c3c3c
|
|
18
|
+
text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
|
|
19
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
|
|
20
|
+
background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
21
|
+
background-image: -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
|
|
22
|
+
background-image: -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
|
|
23
|
+
background-image: -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
|
|
24
|
+
background-image: linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
|
|
23
25
|
}
|
|
24
26
|
.ui-bar-a,
|
|
25
27
|
.ui-bar-a input,
|
|
26
28
|
.ui-bar-a select,
|
|
27
29
|
.ui-bar-a textarea,
|
|
28
30
|
.ui-bar-a button {
|
|
29
|
-
font-family: Helvetica, Arial, sans-serif
|
|
31
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
30
32
|
}
|
|
31
33
|
.ui-bar-a .ui-link-inherit {
|
|
32
|
-
color: #fff
|
|
34
|
+
color: #fff /*{a-bar-color}*/;
|
|
33
35
|
}
|
|
34
36
|
.ui-bar-a .ui-link {
|
|
35
|
-
color: #7cc4e7
|
|
37
|
+
color: #7cc4e7 /*{a-bar-link-color}*/;
|
|
36
38
|
font-weight: bold;
|
|
37
39
|
}
|
|
38
40
|
.ui-bar-a .ui-link:hover {
|
|
39
|
-
color: #2489CE
|
|
41
|
+
color: #2489CE /*{a-bar-link-hover}*/;
|
|
40
42
|
}
|
|
41
43
|
.ui-bar-a .ui-link:active {
|
|
42
|
-
color: #2489CE
|
|
44
|
+
color: #2489CE /*{a-bar-link-active}*/;
|
|
43
45
|
}
|
|
44
46
|
.ui-bar-a .ui-link:visited {
|
|
45
|
-
color: #2489CE
|
|
47
|
+
color: #2489CE /*{a-bar-link-visited}*/;
|
|
46
48
|
}
|
|
47
49
|
.ui-body-a,
|
|
48
50
|
.ui-overlay-a {
|
|
49
|
-
border: 1px solid #444
|
|
50
|
-
background: #
|
|
51
|
-
color: #fff
|
|
52
|
-
text-shadow: 0
|
|
51
|
+
border: 1px solid #444 /*{a-body-border}*/;
|
|
52
|
+
background: #222 /*{a-body-background-color}*/;
|
|
53
|
+
color: #fff /*{a-body-color}*/;
|
|
54
|
+
text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 1px /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
|
|
53
55
|
font-weight: normal;
|
|
54
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
55
|
-
background-image: -webkit-linear-gradient( #444
|
|
56
|
-
background-image: -moz-linear-gradient( #444
|
|
57
|
-
background-image: -ms-linear-gradient( #444
|
|
58
|
-
background-image: -o-linear-gradient( #444
|
|
59
|
-
background-image: linear-gradient( #444
|
|
56
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
|
|
57
|
+
background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
58
|
+
background-image: -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
|
|
59
|
+
background-image: -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
|
|
60
|
+
background-image: -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
|
|
61
|
+
background-image: linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);
|
|
60
62
|
}
|
|
61
63
|
.ui-overlay-a {
|
|
62
64
|
background-image: none;
|
|
@@ -67,127 +69,129 @@
|
|
|
67
69
|
.ui-body-a select,
|
|
68
70
|
.ui-body-a textarea,
|
|
69
71
|
.ui-body-a button {
|
|
70
|
-
font-family: Helvetica, Arial, sans-serif
|
|
72
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
71
73
|
}
|
|
72
74
|
.ui-body-a .ui-link-inherit {
|
|
73
|
-
color: #fff
|
|
75
|
+
color: #fff /*{a-body-color}*/;
|
|
74
76
|
}
|
|
75
77
|
.ui-body-a .ui-link {
|
|
76
|
-
color: #2489CE
|
|
78
|
+
color: #2489CE /*{a-body-link-color}*/;
|
|
77
79
|
font-weight: bold;
|
|
78
80
|
}
|
|
79
81
|
.ui-body-a .ui-link:hover {
|
|
80
|
-
color: #2489CE
|
|
82
|
+
color: #2489CE /*{a-body-link-hover}*/;
|
|
81
83
|
}
|
|
82
84
|
.ui-body-a .ui-link:active {
|
|
83
|
-
color: #2489CE
|
|
85
|
+
color: #2489CE /*{a-body-link-active}*/;
|
|
84
86
|
}
|
|
85
87
|
.ui-body-a .ui-link:visited {
|
|
86
|
-
color: #2489CE
|
|
88
|
+
color: #2489CE /*{a-body-link-visited}*/;
|
|
87
89
|
}
|
|
88
90
|
.ui-btn-up-a {
|
|
89
|
-
border: 1px solid #111
|
|
90
|
-
background: #333
|
|
91
|
+
border: 1px solid #111 /*{a-bup-border}*/;
|
|
92
|
+
background: #333 /*{a-bup-background-color}*/;
|
|
91
93
|
font-weight: bold;
|
|
92
|
-
color: #fff
|
|
93
|
-
text-shadow: 0
|
|
94
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
95
|
-
background-image: -webkit-linear-gradient( #
|
|
96
|
-
background-image: -moz-linear-gradient( #
|
|
97
|
-
background-image: -ms-linear-gradient( #
|
|
98
|
-
background-image: -o-linear-gradient( #
|
|
99
|
-
background-image: linear-gradient( #
|
|
94
|
+
color: #fff /*{a-bup-color}*/;
|
|
95
|
+
text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
|
|
96
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #444444 /*{a-bup-background-start}*/), to( #2d2d2d /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
|
|
97
|
+
background-image: -webkit-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
98
|
+
background-image: -moz-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* FF3.6 */
|
|
99
|
+
background-image: -ms-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* IE10 */
|
|
100
|
+
background-image: -o-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Opera 11.10+ */
|
|
101
|
+
background-image: linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/);
|
|
100
102
|
}
|
|
101
103
|
.ui-btn-up-a a.ui-link-inherit {
|
|
102
|
-
color: #fff
|
|
104
|
+
color: #fff /*{a-bup-color}*/;
|
|
103
105
|
}
|
|
104
106
|
.ui-btn-hover-a {
|
|
105
|
-
border: 1px solid #000
|
|
106
|
-
background: #444444
|
|
107
|
+
border: 1px solid #000 /*{a-bhover-border}*/;
|
|
108
|
+
background: #444444 /*{a-bhover-background-color}*/;
|
|
107
109
|
font-weight: bold;
|
|
108
|
-
color: #fff
|
|
109
|
-
text-shadow: 0
|
|
110
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #555555 ), to( #383838 ));
|
|
111
|
-
background-image: -webkit-linear-gradient( #555555
|
|
112
|
-
background-image: -moz-linear-gradient( #555555
|
|
113
|
-
background-image: -ms-linear-gradient( #555555
|
|
114
|
-
background-image: -o-linear-gradient( #555555
|
|
115
|
-
background-image: linear-gradient( #555555
|
|
110
|
+
color: #fff /*{a-bhover-color}*/;
|
|
111
|
+
text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
|
|
112
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #555555 /*{a-bhover-background-start}*/), to( #383838 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
|
|
113
|
+
background-image: -webkit-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
114
|
+
background-image: -moz-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* FF3.6 */
|
|
115
|
+
background-image: -ms-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* IE10 */
|
|
116
|
+
background-image: -o-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
|
|
117
|
+
background-image: linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/);
|
|
116
118
|
}
|
|
117
119
|
.ui-btn-hover-a a.ui-link-inherit {
|
|
118
|
-
color: #fff
|
|
120
|
+
color: #fff /*{a-bhover-color}*/;
|
|
119
121
|
}
|
|
120
122
|
.ui-btn-down-a {
|
|
121
|
-
border: 1px solid #000
|
|
122
|
-
background: #222
|
|
123
|
+
border: 1px solid #000 /*{a-bdown-border}*/;
|
|
124
|
+
background: #222 /*{a-bdown-background-color}*/;
|
|
123
125
|
font-weight: bold;
|
|
124
|
-
color: #fff
|
|
125
|
-
text-shadow: 0
|
|
126
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #202020 ), to( #2c2c2c ));
|
|
127
|
-
background-image: -webkit-linear-gradient( #202020
|
|
128
|
-
background-image: -moz-linear-gradient( #202020
|
|
129
|
-
background-image: -ms-linear-gradient( #202020
|
|
130
|
-
background-image: -o-linear-gradient( #202020
|
|
131
|
-
background-image: linear-gradient( #202020
|
|
126
|
+
color: #fff /*{a-bdown-color}*/;
|
|
127
|
+
text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/;
|
|
128
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #202020 /*{a-bdown-background-start}*/), to( #2c2c2c /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
|
|
129
|
+
background-image: -webkit-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
130
|
+
background-image: -moz-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* FF3.6 */
|
|
131
|
+
background-image: -ms-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* IE10 */
|
|
132
|
+
background-image: -o-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Opera 11.10+ */
|
|
133
|
+
background-image: linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/);
|
|
132
134
|
}
|
|
133
135
|
.ui-btn-down-a a.ui-link-inherit {
|
|
134
|
-
color: #fff
|
|
136
|
+
color: #fff /*{a-bdown-color}*/;
|
|
135
137
|
}
|
|
136
138
|
.ui-btn-up-a,
|
|
137
139
|
.ui-btn-hover-a,
|
|
138
140
|
.ui-btn-down-a {
|
|
139
|
-
font-family: Helvetica, Arial, sans-serif
|
|
141
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
140
142
|
text-decoration: none;
|
|
141
143
|
}
|
|
144
|
+
/* B
|
|
145
|
+
-----------------------------------------------------------------------------------------------------------*/
|
|
142
146
|
.ui-bar-b {
|
|
143
|
-
border: 1px solid #456f9a
|
|
144
|
-
background: #5e87b0
|
|
145
|
-
color: #fff
|
|
147
|
+
border: 1px solid #456f9a /*{b-bar-border}*/;
|
|
148
|
+
background: #5e87b0 /*{b-bar-background-color}*/;
|
|
149
|
+
color: #fff /*{b-bar-color}*/;
|
|
146
150
|
font-weight: bold;
|
|
147
|
-
text-shadow: 0
|
|
148
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
149
|
-
background-image: -webkit-linear-gradient( #6facd5
|
|
150
|
-
background-image: -moz-linear-gradient( #
|
|
151
|
-
background-image: -ms-linear-gradient( #
|
|
152
|
-
background-image: -o-linear-gradient( #
|
|
153
|
-
background-image: linear-gradient( #
|
|
151
|
+
text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/;
|
|
152
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bar-background-start}*/), to( #497bae /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
|
|
153
|
+
background-image: -webkit-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
154
|
+
background-image: -moz-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* FF3.6 */
|
|
155
|
+
background-image: -ms-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* IE10 */
|
|
156
|
+
background-image: -o-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Opera 11.10+ */
|
|
157
|
+
background-image: linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/);
|
|
154
158
|
}
|
|
155
159
|
.ui-bar-b,
|
|
156
160
|
.ui-bar-b input,
|
|
157
161
|
.ui-bar-b select,
|
|
158
162
|
.ui-bar-b textarea,
|
|
159
163
|
.ui-bar-b button {
|
|
160
|
-
font-family: Helvetica, Arial, sans-serif
|
|
164
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
161
165
|
}
|
|
162
166
|
.ui-bar-b .ui-link-inherit {
|
|
163
|
-
color: #fff
|
|
167
|
+
color: #fff /*{b-bar-color}*/;
|
|
164
168
|
}
|
|
165
169
|
.ui-bar-b .ui-link {
|
|
166
|
-
color: #ddf0f8
|
|
170
|
+
color: #ddf0f8 /*{b-bar-link-color}*/;
|
|
167
171
|
font-weight: bold;
|
|
168
172
|
}
|
|
169
173
|
.ui-bar-b .ui-link:hover {
|
|
170
|
-
color: #ddf0f8
|
|
174
|
+
color: #ddf0f8 /*{b-bar-link-hover}*/;
|
|
171
175
|
}
|
|
172
176
|
.ui-bar-b .ui-link:active {
|
|
173
|
-
color: #ddf0f8
|
|
177
|
+
color: #ddf0f8 /*{b-bar-link-active}*/;
|
|
174
178
|
}
|
|
175
179
|
.ui-bar-b .ui-link:visited {
|
|
176
|
-
color: #ddf0f8
|
|
180
|
+
color: #ddf0f8 /*{b-bar-link-visited}*/;
|
|
177
181
|
}
|
|
178
182
|
.ui-body-b,
|
|
179
183
|
.ui-overlay-b {
|
|
180
|
-
border: 1px solid #999
|
|
181
|
-
background: #f3f3f3
|
|
182
|
-
color: #222222
|
|
183
|
-
text-shadow: 0
|
|
184
|
+
border: 1px solid #999 /*{b-body-border}*/;
|
|
185
|
+
background: #f3f3f3 /*{b-body-background-color}*/;
|
|
186
|
+
color: #222222 /*{b-body-color}*/;
|
|
187
|
+
text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
|
|
184
188
|
font-weight: normal;
|
|
185
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd ), to( #ccc ));
|
|
186
|
-
background-image: -webkit-linear-gradient( #ddd
|
|
187
|
-
background-image: -moz-linear-gradient( #ddd
|
|
188
|
-
background-image: -ms-linear-gradient( #ddd
|
|
189
|
-
background-image: -o-linear-gradient( #ddd
|
|
190
|
-
background-image: linear-gradient( #ddd
|
|
189
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
|
|
190
|
+
background-image: -webkit-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
191
|
+
background-image: -moz-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
|
|
192
|
+
background-image: -ms-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
|
|
193
|
+
background-image: -o-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
|
|
194
|
+
background-image: linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
|
|
191
195
|
}
|
|
192
196
|
.ui-overlay-b {
|
|
193
197
|
background-image: none;
|
|
@@ -198,126 +202,128 @@
|
|
|
198
202
|
.ui-body-b select,
|
|
199
203
|
.ui-body-b textarea,
|
|
200
204
|
.ui-body-b button {
|
|
201
|
-
font-family: Helvetica, Arial, sans-serif
|
|
205
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
202
206
|
}
|
|
203
207
|
.ui-body-b .ui-link-inherit {
|
|
204
|
-
color: #333333
|
|
208
|
+
color: #333333 /*{b-body-color}*/;
|
|
205
209
|
}
|
|
206
210
|
.ui-body-b .ui-link {
|
|
207
|
-
color: #2489CE
|
|
211
|
+
color: #2489CE /*{b-body-link-color}*/;
|
|
208
212
|
font-weight: bold;
|
|
209
213
|
}
|
|
210
214
|
.ui-body-b .ui-link:hover {
|
|
211
|
-
color: #2489CE
|
|
215
|
+
color: #2489CE /*{b-body-link-hover}*/;
|
|
212
216
|
}
|
|
213
217
|
.ui-body-b .ui-link:active {
|
|
214
|
-
color: #2489CE
|
|
218
|
+
color: #2489CE /*{b-body-link-active}*/;
|
|
215
219
|
}
|
|
216
220
|
.ui-body-b .ui-link:visited {
|
|
217
|
-
color: #2489CE
|
|
221
|
+
color: #2489CE /*{b-body-link-visited}*/;
|
|
218
222
|
}
|
|
219
223
|
.ui-btn-up-b {
|
|
220
|
-
border: 1px solid #044062
|
|
221
|
-
background: #396b9e
|
|
224
|
+
border: 1px solid #044062 /*{b-bup-border}*/;
|
|
225
|
+
background: #396b9e /*{b-bup-background-color}*/;
|
|
222
226
|
font-weight: bold;
|
|
223
|
-
color: #fff
|
|
224
|
-
text-shadow: 0
|
|
225
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 ), to( #396b9e ));
|
|
226
|
-
background-image: -webkit-linear-gradient( #5f9cc5
|
|
227
|
-
background-image: -moz-linear-gradient( #5f9cc5
|
|
228
|
-
background-image: -ms-linear-gradient( #5f9cc5
|
|
229
|
-
background-image: -o-linear-gradient( #5f9cc5
|
|
230
|
-
background-image: linear-gradient( #5f9cc5
|
|
227
|
+
color: #fff /*{b-bup-color}*/;
|
|
228
|
+
text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
|
|
229
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
|
|
230
|
+
background-image: -webkit-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
231
|
+
background-image: -moz-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
|
|
232
|
+
background-image: -ms-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
|
|
233
|
+
background-image: -o-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
|
|
234
|
+
background-image: linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
|
|
231
235
|
}
|
|
232
236
|
.ui-btn-up-b a.ui-link-inherit {
|
|
233
|
-
color: #fff
|
|
237
|
+
color: #fff /*{b-bup-color}*/;
|
|
234
238
|
}
|
|
235
239
|
.ui-btn-hover-b {
|
|
236
|
-
border: 1px solid #00415e
|
|
237
|
-
background: #4b88b6
|
|
240
|
+
border: 1px solid #00415e /*{b-bhover-border}*/;
|
|
241
|
+
background: #4b88b6 /*{b-bhover-background-color}*/;
|
|
238
242
|
font-weight: bold;
|
|
239
|
-
color: #fff
|
|
240
|
-
text-shadow: 0
|
|
241
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
242
|
-
background-image: -webkit-linear-gradient( #6facd5
|
|
243
|
-
background-image: -moz-linear-gradient( #6facd5
|
|
244
|
-
background-image: -ms-linear-gradient( #6facd5
|
|
245
|
-
background-image: -o-linear-gradient( #6facd5
|
|
246
|
-
background-image: linear-gradient( #6facd5
|
|
243
|
+
color: #fff /*{b-bhover-color}*/;
|
|
244
|
+
text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
|
|
245
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bhover-background-start}*/), to( #4272a4 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
|
|
246
|
+
background-image: -webkit-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
247
|
+
background-image: -moz-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* FF3.6 */
|
|
248
|
+
background-image: -ms-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* IE10 */
|
|
249
|
+
background-image: -o-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
|
|
250
|
+
background-image: linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/);
|
|
247
251
|
}
|
|
248
252
|
.ui-btn-hover-b a.ui-link-inherit {
|
|
249
|
-
color: #fff
|
|
253
|
+
color: #fff /*{b-bhover-color}*/;
|
|
250
254
|
}
|
|
251
255
|
.ui-btn-down-b {
|
|
252
|
-
border: 1px solid #225377
|
|
253
|
-
background: #4e89c5
|
|
256
|
+
border: 1px solid #225377 /*{b-bdown-border}*/;
|
|
257
|
+
background: #4e89c5 /*{b-bdown-background-color}*/;
|
|
254
258
|
font-weight: bold;
|
|
255
|
-
color: #fff
|
|
256
|
-
text-shadow: 0
|
|
257
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
258
|
-
background-image: -webkit-linear-gradient( #295b8e
|
|
259
|
-
background-image: -moz-linear-gradient( #295b8e
|
|
260
|
-
background-image: -ms-linear-gradient( #295b8e
|
|
261
|
-
background-image: -o-linear-gradient( #295b8e
|
|
262
|
-
background-image: linear-gradient( #295b8e
|
|
259
|
+
color: #fff /*{b-bdown-color}*/;
|
|
260
|
+
text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
|
|
261
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #295b8e /*{b-bdown-background-start}*/), to( #3e79b5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
|
|
262
|
+
background-image: -webkit-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
263
|
+
background-image: -moz-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* FF3.6 */
|
|
264
|
+
background-image: -ms-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* IE10 */
|
|
265
|
+
background-image: -o-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
|
|
266
|
+
background-image: linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/);
|
|
263
267
|
}
|
|
264
268
|
.ui-btn-down-b a.ui-link-inherit {
|
|
265
|
-
color: #fff
|
|
269
|
+
color: #fff /*{b-bdown-color}*/;
|
|
266
270
|
}
|
|
267
271
|
.ui-btn-up-b,
|
|
268
272
|
.ui-btn-hover-b,
|
|
269
273
|
.ui-btn-down-b {
|
|
270
|
-
font-family: Helvetica, Arial, sans-serif
|
|
274
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
271
275
|
text-decoration: none;
|
|
272
276
|
}
|
|
277
|
+
/* C
|
|
278
|
+
-----------------------------------------------------------------------------------------------------------*/
|
|
273
279
|
.ui-bar-c {
|
|
274
|
-
border: 1px solid #B3B3B3
|
|
275
|
-
background: #eeeeee
|
|
276
|
-
color: #3E3E3E
|
|
280
|
+
border: 1px solid #B3B3B3 /*{c-bar-border}*/;
|
|
281
|
+
background: #eeeeee /*{c-bar-background-color}*/;
|
|
282
|
+
color: #3E3E3E /*{c-bar-color}*/;
|
|
277
283
|
font-weight: bold;
|
|
278
|
-
text-shadow: 0
|
|
279
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 ), to( #ddd ));
|
|
280
|
-
background-image: -webkit-linear-gradient( #f0f0f0
|
|
281
|
-
background-image: -moz-linear-gradient( #f0f0f0
|
|
282
|
-
background-image: -ms-linear-gradient( #f0f0f0
|
|
283
|
-
background-image: -o-linear-gradient( #f0f0f0
|
|
284
|
-
background-image: linear-gradient( #f0f0f0
|
|
284
|
+
text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
|
|
285
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #ddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
|
|
286
|
+
background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
287
|
+
background-image: -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* FF3.6 */
|
|
288
|
+
background-image: -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* IE10 */
|
|
289
|
+
background-image: -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Opera 11.10+ */
|
|
290
|
+
background-image: linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/);
|
|
285
291
|
}
|
|
286
292
|
.ui-bar-c .ui-link-inherit {
|
|
287
|
-
color: #3E3E3E
|
|
293
|
+
color: #3E3E3E /*{c-bar-color}*/;
|
|
288
294
|
}
|
|
289
295
|
.ui-bar-c .ui-link {
|
|
290
|
-
color: #7cc4e7
|
|
296
|
+
color: #7cc4e7 /*{c-bar-link-color}*/;
|
|
291
297
|
font-weight: bold;
|
|
292
298
|
}
|
|
293
299
|
.ui-bar-c .ui-link:hover {
|
|
294
|
-
color: #2489CE
|
|
300
|
+
color: #2489CE /*{c-bar-link-hover}*/;
|
|
295
301
|
}
|
|
296
302
|
.ui-bar-c .ui-link:active {
|
|
297
|
-
color: #2489CE
|
|
303
|
+
color: #2489CE /*{c-bar-link-active}*/;
|
|
298
304
|
}
|
|
299
305
|
.ui-bar-c .ui-link:visited {
|
|
300
|
-
color: #2489CE
|
|
306
|
+
color: #2489CE /*{c-bar-link-visited}*/;
|
|
301
307
|
}
|
|
302
308
|
.ui-bar-c,
|
|
303
309
|
.ui-bar-c input,
|
|
304
310
|
.ui-bar-c select,
|
|
305
311
|
.ui-bar-c textarea,
|
|
306
312
|
.ui-bar-c button {
|
|
307
|
-
font-family: Helvetica, Arial, sans-serif
|
|
313
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
308
314
|
}
|
|
309
315
|
.ui-body-c,
|
|
310
316
|
.ui-overlay-c {
|
|
311
|
-
border: 1px solid #aaa
|
|
312
|
-
color: #333333
|
|
313
|
-
text-shadow: 0
|
|
314
|
-
background: #f9f9f9
|
|
315
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 ), to( #eeeeee ));
|
|
316
|
-
background-image: -webkit-linear-gradient( #f9f9f9
|
|
317
|
-
background-image: -moz-linear-gradient( #f9f9f9
|
|
318
|
-
background-image: -ms-linear-gradient( #f9f9f9
|
|
319
|
-
background-image: -o-linear-gradient( #f9f9f9
|
|
320
|
-
background-image: linear-gradient( #f9f9f9
|
|
317
|
+
border: 1px solid #aaa /*{c-body-border}*/;
|
|
318
|
+
color: #333333 /*{c-body-color}*/;
|
|
319
|
+
text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
|
|
320
|
+
background: #f9f9f9 /*{c-body-background-color}*/;
|
|
321
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eeeeee /*{c-body-background-end}*/)); /* Saf4+, Chrome */
|
|
322
|
+
background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
323
|
+
background-image: -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* FF3.6 */
|
|
324
|
+
background-image: -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* IE10 */
|
|
325
|
+
background-image: -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Opera 11.10+ */
|
|
326
|
+
background-image: linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/);
|
|
321
327
|
}
|
|
322
328
|
.ui-overlay-c {
|
|
323
329
|
background-image: none;
|
|
@@ -328,125 +334,127 @@
|
|
|
328
334
|
.ui-body-c select,
|
|
329
335
|
.ui-body-c textarea,
|
|
330
336
|
.ui-body-c button {
|
|
331
|
-
font-family: Helvetica, Arial, sans-serif
|
|
337
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
332
338
|
}
|
|
333
339
|
.ui-body-c .ui-link-inherit {
|
|
334
|
-
color: #333333
|
|
340
|
+
color: #333333 /*{c-body-color}*/;
|
|
335
341
|
}
|
|
336
342
|
.ui-body-c .ui-link {
|
|
337
|
-
color: #2489CE
|
|
343
|
+
color: #2489CE /*{c-body-link-color}*/;
|
|
338
344
|
font-weight: bold;
|
|
339
345
|
}
|
|
340
346
|
.ui-body-c .ui-link:hover {
|
|
341
|
-
color: #2489CE
|
|
347
|
+
color: #2489CE /*{c-body-link-hover}*/;
|
|
342
348
|
}
|
|
343
349
|
.ui-body-c .ui-link:active {
|
|
344
|
-
color: #2489CE
|
|
350
|
+
color: #2489CE /*{c-body-link-active}*/;
|
|
345
351
|
}
|
|
346
352
|
.ui-body-c .ui-link:visited {
|
|
347
|
-
color: #2489CE
|
|
353
|
+
color: #2489CE /*{c-body-link-visited}*/;
|
|
348
354
|
}
|
|
349
355
|
.ui-btn-up-c {
|
|
350
|
-
border: 1px solid #ccc
|
|
351
|
-
background: #eee
|
|
356
|
+
border: 1px solid #ccc /*{c-bup-border}*/;
|
|
357
|
+
background: #eee /*{c-bup-background-color}*/;
|
|
352
358
|
font-weight: bold;
|
|
353
|
-
color: #222
|
|
354
|
-
text-shadow: 0
|
|
355
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff ), to( #f1f1f1 ));
|
|
356
|
-
background-image: -webkit-linear-gradient( #ffffff
|
|
357
|
-
background-image: -moz-linear-gradient( #ffffff
|
|
358
|
-
background-image: -ms-linear-gradient( #ffffff
|
|
359
|
-
background-image: -o-linear-gradient( #ffffff
|
|
360
|
-
background-image: linear-gradient( #ffffff
|
|
359
|
+
color: #222 /*{c-bup-color}*/;
|
|
360
|
+
text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/;
|
|
361
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
|
|
362
|
+
background-image: -webkit-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
363
|
+
background-image: -moz-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
|
|
364
|
+
background-image: -ms-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
|
|
365
|
+
background-image: -o-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
|
|
366
|
+
background-image: linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
|
|
361
367
|
}
|
|
362
368
|
.ui-btn-up-c a.ui-link-inherit {
|
|
363
|
-
color: #2F3E46
|
|
369
|
+
color: #2F3E46 /*{c-bup-color}*/;
|
|
364
370
|
}
|
|
365
371
|
.ui-btn-hover-c {
|
|
366
|
-
border: 1px solid #bbb
|
|
367
|
-
background: #dfdfdf
|
|
372
|
+
border: 1px solid #bbb /*{c-bhover-border}*/;
|
|
373
|
+
background: #dfdfdf /*{c-bhover-background-color}*/;
|
|
368
374
|
font-weight: bold;
|
|
369
|
-
color: #222
|
|
370
|
-
text-shadow: 0
|
|
371
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 ), to( #e0e0e0 ));
|
|
372
|
-
background-image: -webkit-linear-gradient( #f9f9f9
|
|
373
|
-
background-image: -moz-linear-gradient( #f6f6f6
|
|
374
|
-
background-image: -ms-linear-gradient( #f6f6f6
|
|
375
|
-
background-image: -o-linear-gradient( #f6f6f6
|
|
376
|
-
background-image: linear-gradient( #f6f6f6
|
|
375
|
+
color: #222 /*{c-bhover-color}*/;
|
|
376
|
+
text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #ffffff /*{c-bhover-shadow-color}*/;
|
|
377
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
|
|
378
|
+
background-image: -webkit-linear-gradient( #f9f9f9 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
379
|
+
background-image: -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
|
|
380
|
+
background-image: -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
|
|
381
|
+
background-image: -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
|
|
382
|
+
background-image: linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
|
|
377
383
|
}
|
|
378
384
|
.ui-btn-hover-c a.ui-link-inherit {
|
|
379
|
-
color: #2F3E46
|
|
385
|
+
color: #2F3E46 /*{c-bhover-color}*/;
|
|
380
386
|
}
|
|
381
387
|
.ui-btn-down-c {
|
|
382
|
-
border: 1px solid #bbb
|
|
383
|
-
background: #d6d6d6
|
|
388
|
+
border: 1px solid #bbb /*{c-bdown-border}*/;
|
|
389
|
+
background: #d6d6d6 /*{c-bdown-background-color}*/;
|
|
384
390
|
font-weight: bold;
|
|
385
|
-
color: #222
|
|
386
|
-
text-shadow: 0
|
|
387
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 ), to( #dfdfdf ));
|
|
388
|
-
background-image: -webkit-linear-gradient( #d0d0d0
|
|
389
|
-
background-image: -moz-linear-gradient( #d0d0d0
|
|
390
|
-
background-image: -ms-linear-gradient( #d0d0d0
|
|
391
|
-
background-image: -o-linear-gradient( #d0d0d0
|
|
392
|
-
background-image: linear-gradient( #d0d0d0
|
|
391
|
+
color: #222 /*{c-bdown-color}*/;
|
|
392
|
+
text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
|
|
393
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
|
|
394
|
+
background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
395
|
+
background-image: -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
|
|
396
|
+
background-image: -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
|
|
397
|
+
background-image: -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
|
|
398
|
+
background-image: linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
|
|
393
399
|
}
|
|
394
400
|
.ui-btn-down-c a.ui-link-inherit {
|
|
395
|
-
color: #2F3E46
|
|
401
|
+
color: #2F3E46 /*{c-bdown-color}*/;
|
|
396
402
|
}
|
|
397
403
|
.ui-btn-up-c,
|
|
398
404
|
.ui-btn-hover-c,
|
|
399
405
|
.ui-btn-down-c {
|
|
400
|
-
font-family: Helvetica, Arial, sans-serif
|
|
406
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
401
407
|
text-decoration: none;
|
|
402
408
|
}
|
|
409
|
+
/* D
|
|
410
|
+
-----------------------------------------------------------------------------------------------------------*/
|
|
403
411
|
.ui-bar-d {
|
|
404
|
-
border: 1px solid #bbb
|
|
405
|
-
background: #bbb
|
|
406
|
-
color: #333
|
|
407
|
-
text-shadow: 0
|
|
408
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd ), to( #bbb ));
|
|
409
|
-
background-image: -webkit-linear-gradient( #ddd
|
|
410
|
-
background-image: -moz-linear-gradient( #ddd
|
|
411
|
-
background-image: -ms-linear-gradient( #ddd
|
|
412
|
-
background-image: -o-linear-gradient( #ddd
|
|
413
|
-
background-image: linear-gradient( #ddd
|
|
412
|
+
border: 1px solid #bbb /*{d-bar-border}*/;
|
|
413
|
+
background: #bbb /*{d-bar-background-color}*/;
|
|
414
|
+
color: #333 /*{d-bar-color}*/;
|
|
415
|
+
text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
|
|
416
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
|
|
417
|
+
background-image: -webkit-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
418
|
+
background-image: -moz-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
|
|
419
|
+
background-image: -ms-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
|
|
420
|
+
background-image: -o-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
|
|
421
|
+
background-image: linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
|
|
414
422
|
}
|
|
415
423
|
.ui-bar-d,
|
|
416
424
|
.ui-bar-d input,
|
|
417
425
|
.ui-bar-d select,
|
|
418
426
|
.ui-bar-d textarea,
|
|
419
427
|
.ui-bar-d button {
|
|
420
|
-
font-family: Helvetica, Arial, sans-serif
|
|
428
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
421
429
|
}
|
|
422
430
|
.ui-bar-d .ui-link-inherit {
|
|
423
|
-
color: #333333
|
|
431
|
+
color: #333333 /*{d-bar-color}*/;
|
|
424
432
|
}
|
|
425
433
|
.ui-bar-d .ui-link {
|
|
426
|
-
color: #2489CE
|
|
434
|
+
color: #2489CE /*{d-bar-link-color}*/;
|
|
427
435
|
font-weight: bold;
|
|
428
436
|
}
|
|
429
437
|
.ui-bar-d .ui-link:hover {
|
|
430
|
-
color: #2489CE
|
|
438
|
+
color: #2489CE /*{d-bar-link-hover}*/;
|
|
431
439
|
}
|
|
432
440
|
.ui-bar-d .ui-link:active {
|
|
433
|
-
color: #2489CE
|
|
441
|
+
color: #2489CE /*{d-bar-link-active}*/;
|
|
434
442
|
}
|
|
435
443
|
.ui-bar-d .ui-link:visited {
|
|
436
|
-
color: #2489CE
|
|
444
|
+
color: #2489CE /*{d-bar-link-visited}*/;
|
|
437
445
|
}
|
|
438
446
|
.ui-body-d,
|
|
439
447
|
.ui-overlay-d {
|
|
440
|
-
border: 1px solid #bbb
|
|
441
|
-
color: #333333
|
|
442
|
-
text-shadow: 0
|
|
443
|
-
background: #ffffff
|
|
444
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #fff ));
|
|
445
|
-
background-image: -webkit-linear-gradient( #fff
|
|
446
|
-
background-image: -moz-linear-gradient( #fff
|
|
447
|
-
background-image: -ms-linear-gradient( #fff
|
|
448
|
-
background-image: -o-linear-gradient( #fff
|
|
449
|
-
background-image: linear-gradient( #fff
|
|
448
|
+
border: 1px solid #bbb /*{d-body-border}*/;
|
|
449
|
+
color: #333333 /*{d-body-color}*/;
|
|
450
|
+
text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #fff /*{d-body-shadow-color}*/;
|
|
451
|
+
background: #ffffff /*{d-body-background-color}*/;
|
|
452
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
|
|
453
|
+
background-image: -webkit-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
454
|
+
background-image: -moz-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
|
|
455
|
+
background-image: -ms-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
|
|
456
|
+
background-image: -o-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
|
|
457
|
+
background-image: linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
|
|
450
458
|
}
|
|
451
459
|
.ui-overlay-d {
|
|
452
460
|
background-image: none;
|
|
@@ -457,126 +465,128 @@
|
|
|
457
465
|
.ui-body-d select,
|
|
458
466
|
.ui-body-d textarea,
|
|
459
467
|
.ui-body-d button {
|
|
460
|
-
font-family: Helvetica, Arial, sans-serif
|
|
468
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
461
469
|
}
|
|
462
470
|
.ui-body-d .ui-link-inherit {
|
|
463
|
-
color: #333333
|
|
471
|
+
color: #333333 /*{d-body-color}*/;
|
|
464
472
|
}
|
|
465
473
|
.ui-body-d .ui-link {
|
|
466
|
-
color: #2489CE
|
|
474
|
+
color: #2489CE /*{d-body-link-color}*/;
|
|
467
475
|
font-weight: bold;
|
|
468
476
|
}
|
|
469
477
|
.ui-body-d .ui-link:hover {
|
|
470
|
-
color: #2489CE
|
|
478
|
+
color: #2489CE /*{d-body-link-hover}*/;
|
|
471
479
|
}
|
|
472
480
|
.ui-body-d .ui-link:active {
|
|
473
|
-
color: #2489CE
|
|
481
|
+
color: #2489CE /*{d-body-link-active}*/;
|
|
474
482
|
}
|
|
475
483
|
.ui-body-d .ui-link:visited {
|
|
476
|
-
color: #2489CE
|
|
484
|
+
color: #2489CE /*{d-body-link-visited}*/;
|
|
477
485
|
}
|
|
478
486
|
.ui-btn-up-d {
|
|
479
|
-
border: 1px solid #bbb
|
|
480
|
-
background: #fff
|
|
487
|
+
border: 1px solid #bbb /*{d-bup-border}*/;
|
|
488
|
+
background: #fff /*{d-bup-background-color}*/;
|
|
481
489
|
font-weight: bold;
|
|
482
|
-
color: #333
|
|
483
|
-
text-shadow: 0
|
|
484
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa), to( #f6f6f6 ));
|
|
485
|
-
background-image: -webkit-linear-gradient( #fafafa
|
|
486
|
-
background-image: -moz-linear-gradient( #fafafa
|
|
487
|
-
background-image: -ms-linear-gradient( #fafafa
|
|
488
|
-
background-image: -o-linear-gradient( #fafafa
|
|
489
|
-
background-image: linear-gradient( #fafafa
|
|
490
|
+
color: #333 /*{d-bup-color}*/;
|
|
491
|
+
text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
|
|
492
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa), to( #f6f6f6 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
|
|
493
|
+
background-image: -webkit-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
494
|
+
background-image: -moz-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* FF3.6 */
|
|
495
|
+
background-image: -ms-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* IE10 */
|
|
496
|
+
background-image: -o-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Opera 11.10+ */
|
|
497
|
+
background-image: linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/);
|
|
490
498
|
}
|
|
491
499
|
.ui-btn-up-d a.ui-link-inherit {
|
|
492
|
-
color: #333
|
|
500
|
+
color: #333 /*{d-bup-color}*/;
|
|
493
501
|
}
|
|
494
502
|
.ui-btn-hover-d {
|
|
495
|
-
border: 1px solid #aaa
|
|
496
|
-
background: #eeeeee
|
|
503
|
+
border: 1px solid #aaa /*{d-bhover-border}*/;
|
|
504
|
+
background: #eeeeee /*{d-bhover-background-color}*/;
|
|
497
505
|
font-weight: bold;
|
|
498
|
-
color: #333
|
|
506
|
+
color: #333 /*{d-bhover-color}*/;
|
|
499
507
|
cursor: pointer;
|
|
500
|
-
text-shadow: 0
|
|
501
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #eee), to( #fff ));
|
|
502
|
-
background-image: -webkit-linear-gradient( #eee
|
|
503
|
-
background-image: -moz-linear-gradient( #eee
|
|
504
|
-
background-image: -ms-linear-gradient( #eee
|
|
505
|
-
background-image: -o-linear-gradient( #eee
|
|
506
|
-
background-image: linear-gradient( #eee
|
|
508
|
+
text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ #fff /*{d-bhover-shadow-color}*/;
|
|
509
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #eee), to( #fff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
|
|
510
|
+
background-image: -webkit-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
511
|
+
background-image: -moz-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* FF3.6 */
|
|
512
|
+
background-image: -ms-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* IE10 */
|
|
513
|
+
background-image: -o-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Opera 11.10+ */
|
|
514
|
+
background-image: linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
|
|
507
515
|
}
|
|
508
516
|
.ui-btn-hover-d a.ui-link-inherit {
|
|
509
|
-
color: #333
|
|
517
|
+
color: #333 /*{d-bhover-color}*/;
|
|
510
518
|
}
|
|
511
519
|
.ui-btn-down-d {
|
|
512
|
-
border: 1px solid #aaa
|
|
513
|
-
background: #eee
|
|
520
|
+
border: 1px solid #aaa /*{d-bdown-border}*/;
|
|
521
|
+
background: #eee /*{d-bdown-background-color}*/;
|
|
514
522
|
font-weight: bold;
|
|
515
|
-
color: #333
|
|
516
|
-
text-shadow: 0
|
|
517
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #e5e5e5 ), to( #f2f2f2 ));
|
|
518
|
-
background-image: -webkit-linear-gradient( #e5e5e5
|
|
519
|
-
background-image: -moz-linear-gradient( #e5e5e5
|
|
520
|
-
background-image: -ms-linear-gradient( #e5e5e5
|
|
521
|
-
background-image: -o-linear-gradient( #e5e5e5
|
|
522
|
-
background-image: linear-gradient( #e5e5e5
|
|
523
|
+
color: #333 /*{d-bdown-color}*/;
|
|
524
|
+
text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ #ffffff /*{d-bdown-shadow-color}*/;
|
|
525
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #e5e5e5 /*{d-bdown-background-start}*/), to( #f2f2f2 /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
|
|
526
|
+
background-image: -webkit-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
527
|
+
background-image: -moz-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* FF3.6 */
|
|
528
|
+
background-image: -ms-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* IE10 */
|
|
529
|
+
background-image: -o-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Opera 11.10+ */
|
|
530
|
+
background-image: linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/);
|
|
523
531
|
}
|
|
524
532
|
.ui-btn-down-d a.ui-link-inherit {
|
|
525
|
-
color: #333
|
|
533
|
+
color: #333 /*{d-bdown-color}*/;
|
|
526
534
|
}
|
|
527
535
|
.ui-btn-up-d,
|
|
528
536
|
.ui-btn-hover-d,
|
|
529
537
|
.ui-btn-down-d {
|
|
530
|
-
font-family: Helvetica, Arial, sans-serif
|
|
538
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
531
539
|
text-decoration: none;
|
|
532
540
|
}
|
|
541
|
+
/* E
|
|
542
|
+
-----------------------------------------------------------------------------------------------------------*/
|
|
533
543
|
.ui-bar-e {
|
|
534
|
-
border: 1px solid #F7C942
|
|
535
|
-
background: #fadb4e
|
|
536
|
-
color: #333
|
|
537
|
-
text-shadow: 0
|
|
538
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 ), to( #fbef7e ));
|
|
539
|
-
background-image: -webkit-linear-gradient( #fceda7
|
|
540
|
-
background-image: -moz-linear-gradient( #fceda7
|
|
541
|
-
background-image: -ms-linear-gradient( #fceda7
|
|
542
|
-
background-image: -o-linear-gradient( #fceda7
|
|
543
|
-
background-image: linear-gradient( #fceda7
|
|
544
|
+
border: 1px solid #F7C942 /*{e-bar-border}*/;
|
|
545
|
+
background: #fadb4e /*{e-bar-background-color}*/;
|
|
546
|
+
color: #333 /*{e-bar-color}*/;
|
|
547
|
+
text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #fff /*{e-bar-shadow-color}*/;
|
|
548
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fbef7e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
|
|
549
|
+
background-image: -webkit-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
550
|
+
background-image: -moz-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* FF3.6 */
|
|
551
|
+
background-image: -ms-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* IE10 */
|
|
552
|
+
background-image: -o-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Opera 11.10+ */
|
|
553
|
+
background-image: linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/);
|
|
544
554
|
}
|
|
545
555
|
.ui-bar-e,
|
|
546
556
|
.ui-bar-e input,
|
|
547
557
|
.ui-bar-e select,
|
|
548
558
|
.ui-bar-e textarea,
|
|
549
559
|
.ui-bar-e button {
|
|
550
|
-
font-family: Helvetica, Arial, sans-serif
|
|
560
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
551
561
|
}
|
|
552
562
|
.ui-bar-e .ui-link-inherit {
|
|
553
|
-
color: #333333
|
|
563
|
+
color: #333333 /*{e-bar-color}*/;
|
|
554
564
|
}
|
|
555
565
|
.ui-bar-e .ui-link {
|
|
556
|
-
color: #2489CE
|
|
566
|
+
color: #2489CE /*{e-bar-link-color}*/;
|
|
557
567
|
font-weight: bold;
|
|
558
568
|
}
|
|
559
569
|
.ui-bar-e .ui-link:hover {
|
|
560
|
-
color: #2489CE
|
|
570
|
+
color: #2489CE /*{e-bar-link-hover}*/;
|
|
561
571
|
}
|
|
562
572
|
.ui-bar-e .ui-link:active {
|
|
563
|
-
color: #2489CE
|
|
573
|
+
color: #2489CE /*{e-bar-link-active}*/;
|
|
564
574
|
}
|
|
565
575
|
.ui-bar-e .ui-link:visited {
|
|
566
|
-
color: #2489CE
|
|
576
|
+
color: #2489CE /*{e-bar-link-visited}*/;
|
|
567
577
|
}
|
|
568
578
|
.ui-body-e,
|
|
569
579
|
.ui-overlay-e {
|
|
570
|
-
border: 1px solid #F7C942
|
|
571
|
-
color: #222222
|
|
572
|
-
text-shadow: 0
|
|
573
|
-
background: #fff9df
|
|
574
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf ), to( #fff3a5 ));
|
|
575
|
-
background-image: -webkit-linear-gradient( #fffadf
|
|
576
|
-
background-image: -moz-linear-gradient( #fffadf
|
|
577
|
-
background-image: -ms-linear-gradient( #fffadf
|
|
578
|
-
background-image: -o-linear-gradient( #fffadf
|
|
579
|
-
background-image: linear-gradient( #fffadf
|
|
580
|
+
border: 1px solid #F7C942 /*{e-body-border}*/;
|
|
581
|
+
color: #222222 /*{e-body-color}*/;
|
|
582
|
+
text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #fff /*{e-body-shadow-color}*/;
|
|
583
|
+
background: #fff9df /*{e-body-background-color}*/;
|
|
584
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf /*{e-body-background-start}*/), to( #fff3a5 /*{e-body-background-end}*/)); /* Saf4+, Chrome */
|
|
585
|
+
background-image: -webkit-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
586
|
+
background-image: -moz-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* FF3.6 */
|
|
587
|
+
background-image: -ms-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* IE10 */
|
|
588
|
+
background-image: -o-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Opera 11.10+ */
|
|
589
|
+
background-image: linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);
|
|
580
590
|
}
|
|
581
591
|
.ui-overlay-e {
|
|
582
592
|
background-image: none;
|
|
@@ -587,172 +597,185 @@
|
|
|
587
597
|
.ui-body-e select,
|
|
588
598
|
.ui-body-e textarea,
|
|
589
599
|
.ui-body-e button {
|
|
590
|
-
font-family: Helvetica, Arial, sans-serif
|
|
600
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
591
601
|
}
|
|
592
602
|
.ui-body-e .ui-link-inherit {
|
|
593
|
-
color: #333333
|
|
603
|
+
color: #333333 /*{e-body-color}*/;
|
|
594
604
|
}
|
|
595
605
|
.ui-body-e .ui-link {
|
|
596
|
-
color: #2489CE
|
|
606
|
+
color: #2489CE /*{e-body-link-color}*/;
|
|
597
607
|
font-weight: bold;
|
|
598
608
|
}
|
|
599
609
|
.ui-body-e .ui-link:hover {
|
|
600
|
-
color: #2489CE
|
|
610
|
+
color: #2489CE /*{e-body-link-hover}*/;
|
|
601
611
|
}
|
|
602
612
|
.ui-body-e .ui-link:active {
|
|
603
|
-
color: #2489CE
|
|
613
|
+
color: #2489CE /*{e-body-link-active}*/;
|
|
604
614
|
}
|
|
605
615
|
.ui-body-e .ui-link:visited {
|
|
606
|
-
color: #2489CE
|
|
616
|
+
color: #2489CE /*{e-body-link-visited}*/;
|
|
607
617
|
}
|
|
608
618
|
.ui-btn-up-e {
|
|
609
|
-
border: 1px solid #F4C63f
|
|
610
|
-
background: #fadb4e
|
|
619
|
+
border: 1px solid #F4C63f /*{e-bup-border}*/;
|
|
620
|
+
background: #fadb4e /*{e-bup-background-color}*/;
|
|
611
621
|
font-weight: bold;
|
|
612
|
-
color: #222
|
|
613
|
-
text-shadow: 0
|
|
614
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #ffefaa ), to( #ffe155 ));
|
|
615
|
-
background-image: -webkit-linear-gradient( #ffefaa
|
|
616
|
-
background-image: -moz-linear-gradient( #ffefaa
|
|
617
|
-
background-image: -ms-linear-gradient( #ffefaa
|
|
618
|
-
background-image: -o-linear-gradient( #ffefaa
|
|
619
|
-
background-image: linear-gradient( #ffefaa
|
|
622
|
+
color: #222 /*{e-bup-color}*/;
|
|
623
|
+
text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #fff /*{e-bup-shadow-color}*/;
|
|
624
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #ffefaa /*{e-bup-background-start}*/), to( #ffe155 /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
|
|
625
|
+
background-image: -webkit-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
626
|
+
background-image: -moz-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* FF3.6 */
|
|
627
|
+
background-image: -ms-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* IE10 */
|
|
628
|
+
background-image: -o-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Opera 11.10+ */
|
|
629
|
+
background-image: linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/);
|
|
620
630
|
}
|
|
621
631
|
.ui-btn-up-e a.ui-link-inherit {
|
|
622
|
-
color: #222
|
|
632
|
+
color: #222 /*{e-bup-color}*/;
|
|
623
633
|
}
|
|
624
634
|
.ui-btn-hover-e {
|
|
625
|
-
border: 1px solid #F2C43d
|
|
626
|
-
background: #fbe26f
|
|
635
|
+
border: 1px solid #F2C43d /*{e-bhover-border}*/;
|
|
636
|
+
background: #fbe26f /*{e-bhover-background-color}*/;
|
|
627
637
|
font-weight: bold;
|
|
628
|
-
color: #111
|
|
629
|
-
text-shadow: 0
|
|
630
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #fff5ba ), to( #fbdd52 ));
|
|
631
|
-
background-image: -webkit-linear-gradient( #fff5ba
|
|
632
|
-
background-image: -moz-linear-gradient( #fff5ba
|
|
633
|
-
background-image: -ms-linear-gradient( #fff5ba
|
|
634
|
-
background-image: -o-linear-gradient( #fff5ba
|
|
635
|
-
background-image: linear-gradient( #fff5ba
|
|
638
|
+
color: #111 /*{e-bhover-color}*/;
|
|
639
|
+
text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/ #fff /*{e-bhover-shadow-color}*/;
|
|
640
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #fff5ba /*{e-bhover-background-start}*/), to( #fbdd52 /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
|
|
641
|
+
background-image: -webkit-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
642
|
+
background-image: -moz-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* FF3.6 */
|
|
643
|
+
background-image: -ms-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* IE10 */
|
|
644
|
+
background-image: -o-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Opera 11.10+ */
|
|
645
|
+
background-image: linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/);
|
|
636
646
|
}
|
|
637
647
|
.ui-btn-hover-e a.ui-link-inherit {
|
|
638
|
-
color: #333
|
|
648
|
+
color: #333 /*{e-bhover-color}*/;
|
|
639
649
|
}
|
|
640
650
|
.ui-btn-down-e {
|
|
641
|
-
border: 1px solid #F2C43d
|
|
642
|
-
background: #fceda7
|
|
651
|
+
border: 1px solid #F2C43d /*{e-bdown-border}*/;
|
|
652
|
+
background: #fceda7 /*{e-bdown-background-color}*/;
|
|
643
653
|
font-weight: bold;
|
|
644
|
-
color: #111
|
|
645
|
-
text-shadow: 0
|
|
646
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #f8d94c ), to( #fadb4e ));
|
|
647
|
-
background-image: -webkit-linear-gradient( #f8d94c
|
|
648
|
-
background-image: -moz-linear-gradient( #f8d94c
|
|
649
|
-
background-image: -ms-linear-gradient( #f8d94c
|
|
650
|
-
background-image: -o-linear-gradient( #f8d94c
|
|
651
|
-
background-image: linear-gradient( #f8d94c
|
|
654
|
+
color: #111 /*{e-bdown-color}*/;
|
|
655
|
+
text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/ #ffffff /*{e-bdown-shadow-color}*/;
|
|
656
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #f8d94c /*{e-bdown-background-start}*/), to( #fadb4e /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
|
|
657
|
+
background-image: -webkit-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
658
|
+
background-image: -moz-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* FF3.6 */
|
|
659
|
+
background-image: -ms-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* IE10 */
|
|
660
|
+
background-image: -o-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Opera 11.10+ */
|
|
661
|
+
background-image: linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/);
|
|
652
662
|
}
|
|
653
663
|
.ui-btn-down-e a.ui-link-inherit {
|
|
654
|
-
color: #333
|
|
664
|
+
color: #333 /*{e-bdown-color}*/;
|
|
655
665
|
}
|
|
656
666
|
.ui-btn-up-e,
|
|
657
667
|
.ui-btn-hover-e,
|
|
658
668
|
.ui-btn-down-e {
|
|
659
|
-
font-family: Helvetica, Arial, sans-serif
|
|
669
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
660
670
|
text-decoration: none;
|
|
661
671
|
}
|
|
672
|
+
/* Structure */
|
|
673
|
+
/* links within "buttons"
|
|
674
|
+
-----------------------------------------------------------------------------------------------------------*/
|
|
662
675
|
a.ui-link-inherit {
|
|
663
676
|
text-decoration: none !important;
|
|
664
677
|
}
|
|
678
|
+
/* Active class used as the "on" state across all themes
|
|
679
|
+
-----------------------------------------------------------------------------------------------------------*/
|
|
665
680
|
.ui-btn-active {
|
|
666
|
-
border: 1px solid #2373a5
|
|
667
|
-
background: #5393c5
|
|
681
|
+
border: 1px solid #2373a5 /*{global-active-border}*/;
|
|
682
|
+
background: #5393c5 /*{global-active-background-color}*/;
|
|
668
683
|
font-weight: bold;
|
|
669
|
-
color: #fff
|
|
684
|
+
color: #fff /*{global-active-color}*/;
|
|
670
685
|
cursor: pointer;
|
|
671
|
-
text-shadow: 0
|
|
686
|
+
text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
|
|
672
687
|
text-decoration: none;
|
|
673
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 ), to( #6facd5 ));
|
|
674
|
-
background-image: -webkit-linear-gradient( #5393c5
|
|
675
|
-
background-image: -moz-linear-gradient( #5393c5
|
|
676
|
-
background-image: -ms-linear-gradient( #5393c5
|
|
677
|
-
background-image: -o-linear-gradient( #5393c5
|
|
678
|
-
background-image: linear-gradient( #5393c5
|
|
679
|
-
font-family: Helvetica, Arial, sans-serif
|
|
688
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
|
|
689
|
+
background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
690
|
+
background-image: -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */
|
|
691
|
+
background-image: -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */
|
|
692
|
+
background-image: -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */
|
|
693
|
+
background-image: linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/);
|
|
694
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
680
695
|
}
|
|
681
696
|
.ui-btn-active a.ui-link-inherit {
|
|
682
|
-
color: #fff
|
|
697
|
+
color: #fff /*{global-active-color}*/;
|
|
683
698
|
}
|
|
699
|
+
/* button inner top highlight
|
|
700
|
+
-----------------------------------------------------------------------------------------------------------*/
|
|
684
701
|
.ui-btn-inner {
|
|
685
702
|
border-top: 1px solid #fff;
|
|
686
703
|
border-color: rgba(255,255,255,.3);
|
|
687
704
|
}
|
|
705
|
+
/* corner rounding classes
|
|
706
|
+
-----------------------------------------------------------------------------------------------------------*/
|
|
688
707
|
.ui-corner-tl {
|
|
689
|
-
-moz-border-radius-topleft: .6em
|
|
690
|
-
-webkit-border-top-left-radius: .6em
|
|
691
|
-
border-top-left-radius: .6em
|
|
708
|
+
-moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
|
|
709
|
+
-webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
|
|
710
|
+
border-top-left-radius: .6em /*{global-radii-blocks}*/;
|
|
692
711
|
}
|
|
693
712
|
.ui-corner-tr {
|
|
694
|
-
-moz-border-radius-topright: .6em
|
|
695
|
-
-webkit-border-top-right-radius: .6em
|
|
696
|
-
border-top-right-radius: .6em
|
|
713
|
+
-moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
|
|
714
|
+
-webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
|
|
715
|
+
border-top-right-radius: .6em /*{global-radii-blocks}*/;
|
|
697
716
|
}
|
|
698
717
|
.ui-corner-bl {
|
|
699
|
-
-moz-border-radius-bottomleft: .6em
|
|
700
|
-
-webkit-border-bottom-left-radius: .6em
|
|
701
|
-
border-bottom-left-radius: .6em
|
|
718
|
+
-moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
|
|
719
|
+
-webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
|
|
720
|
+
border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
|
|
702
721
|
}
|
|
703
722
|
.ui-corner-br {
|
|
704
|
-
-moz-border-radius-bottomright: .6em
|
|
705
|
-
-webkit-border-bottom-right-radius: .6em
|
|
706
|
-
border-bottom-right-radius: .6em
|
|
723
|
+
-moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
|
|
724
|
+
-webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
|
|
725
|
+
border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
|
|
707
726
|
}
|
|
708
727
|
.ui-corner-top {
|
|
709
|
-
-moz-border-radius-topleft: .6em
|
|
710
|
-
-webkit-border-top-left-radius: .6em
|
|
711
|
-
border-top-left-radius: .6em
|
|
712
|
-
-moz-border-radius-topright: .6em
|
|
713
|
-
-webkit-border-top-right-radius: .6em
|
|
714
|
-
border-top-right-radius: .6em
|
|
728
|
+
-moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
|
|
729
|
+
-webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
|
|
730
|
+
border-top-left-radius: .6em /*{global-radii-blocks}*/;
|
|
731
|
+
-moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
|
|
732
|
+
-webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
|
|
733
|
+
border-top-right-radius: .6em /*{global-radii-blocks}*/;
|
|
715
734
|
}
|
|
716
735
|
.ui-corner-bottom {
|
|
717
|
-
-moz-border-radius-bottomleft: .6em
|
|
718
|
-
-webkit-border-bottom-left-radius: .6em
|
|
719
|
-
border-bottom-left-radius: .6em
|
|
720
|
-
-moz-border-radius-bottomright: .6em
|
|
721
|
-
-webkit-border-bottom-right-radius: .6em
|
|
722
|
-
border-bottom-right-radius: .6em
|
|
736
|
+
-moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
|
|
737
|
+
-webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
|
|
738
|
+
border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
|
|
739
|
+
-moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
|
|
740
|
+
-webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
|
|
741
|
+
border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
|
|
723
742
|
}
|
|
724
743
|
.ui-corner-right {
|
|
725
|
-
-moz-border-radius-topright: .6em
|
|
726
|
-
-webkit-border-top-right-radius: .6em
|
|
727
|
-
border-top-right-radius: .6em
|
|
728
|
-
-moz-border-radius-bottomright: .6em
|
|
729
|
-
-webkit-border-bottom-right-radius: .6em
|
|
730
|
-
border-bottom-right-radius: .6em
|
|
744
|
+
-moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
|
|
745
|
+
-webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
|
|
746
|
+
border-top-right-radius: .6em /*{global-radii-blocks}*/;
|
|
747
|
+
-moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
|
|
748
|
+
-webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
|
|
749
|
+
border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
|
|
731
750
|
}
|
|
732
751
|
.ui-corner-left {
|
|
733
|
-
-moz-border-radius-topleft: .6em
|
|
734
|
-
-webkit-border-top-left-radius: .6em
|
|
735
|
-
border-top-left-radius: .6em
|
|
736
|
-
-moz-border-radius-bottomleft: .6em
|
|
737
|
-
-webkit-border-bottom-left-radius: .6em
|
|
738
|
-
border-bottom-left-radius: .6em
|
|
752
|
+
-moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
|
|
753
|
+
-webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
|
|
754
|
+
border-top-left-radius: .6em /*{global-radii-blocks}*/;
|
|
755
|
+
-moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
|
|
756
|
+
-webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
|
|
757
|
+
border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
|
|
739
758
|
}
|
|
740
759
|
.ui-corner-all {
|
|
741
|
-
-moz-border-radius: .6em
|
|
742
|
-
-webkit-border-radius: .6em
|
|
743
|
-
border-radius: .6em
|
|
760
|
+
-moz-border-radius: .6em /*{global-radii-blocks}*/;
|
|
761
|
+
-webkit-border-radius: .6em /*{global-radii-blocks}*/;
|
|
762
|
+
border-radius: .6em /*{global-radii-blocks}*/;
|
|
744
763
|
}
|
|
745
764
|
.ui-corner-none {
|
|
746
765
|
-moz-border-radius: 0;
|
|
747
766
|
-webkit-border-radius: 0;
|
|
748
767
|
border-radius: 0;
|
|
749
768
|
}
|
|
769
|
+
/* Form field separator
|
|
770
|
+
-----------------------------------------------------------------------------------------------------------*/
|
|
750
771
|
.ui-br {
|
|
751
772
|
border-bottom: rgb(130,130,130);
|
|
752
773
|
border-bottom: rgba(130,130,130,.3);
|
|
753
774
|
border-bottom-width: 1px;
|
|
754
775
|
border-bottom-style: solid;
|
|
755
776
|
}
|
|
777
|
+
/* Interaction cues
|
|
778
|
+
-----------------------------------------------------------------------------------------------------------*/
|
|
756
779
|
.ui-disabled {
|
|
757
780
|
opacity: .3;
|
|
758
781
|
}
|
|
@@ -766,22 +789,28 @@ a.ui-link-inherit {
|
|
|
766
789
|
filter: alpha(opacity=30);
|
|
767
790
|
zoom: 1;
|
|
768
791
|
}
|
|
792
|
+
/* Icons
|
|
793
|
+
-----------------------------------------------------------------------------------------------------------*/
|
|
769
794
|
.ui-icon,
|
|
770
795
|
.ui-icon-searchfield:after {
|
|
771
|
-
background: #666
|
|
772
|
-
background: rgba(0,0,0,.4)
|
|
773
|
-
background-image: url(../../images/vendor/icons-18-white.png)
|
|
796
|
+
background: #666 /*{global-icon-color}*/;
|
|
797
|
+
background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
|
|
798
|
+
background-image: url(../../images/vendor/icons-18-white.png) /*{global-icon-set}*/;
|
|
774
799
|
background-repeat: no-repeat;
|
|
775
800
|
-moz-border-radius: 9px;
|
|
776
801
|
-webkit-border-radius: 9px;
|
|
777
802
|
border-radius: 9px;
|
|
778
803
|
}
|
|
804
|
+
/* Alt icon color
|
|
805
|
+
-----------------------------------------------------------------------------------------------------------*/
|
|
779
806
|
.ui-icon-alt {
|
|
780
807
|
background: #fff;
|
|
781
808
|
background: rgba(255,255,255,.3);
|
|
782
809
|
background-image: url(../../images/vendor/icons-18-black.png);
|
|
783
810
|
background-repeat: no-repeat;
|
|
784
811
|
}
|
|
812
|
+
/* HD/"retina" sprite
|
|
813
|
+
-----------------------------------------------------------------------------------------------------------*/
|
|
785
814
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
|
786
815
|
only screen and (min--moz-device-pixel-ratio: 1.5),
|
|
787
816
|
only screen and (min-resolution: 240dpi) {
|
|
@@ -801,15 +830,18 @@ a.ui-link-inherit {
|
|
|
801
830
|
background-image: url(../../images/vendor/icons-36-black.png);
|
|
802
831
|
}
|
|
803
832
|
}
|
|
833
|
+
/* plus minus */
|
|
804
834
|
.ui-icon-plus {
|
|
805
835
|
background-position: -0 50%;
|
|
806
836
|
}
|
|
807
837
|
.ui-icon-minus {
|
|
808
838
|
background-position: -36px 50%;
|
|
809
839
|
}
|
|
840
|
+
/* delete/close */
|
|
810
841
|
.ui-icon-delete {
|
|
811
842
|
background-position: -72px 50%;
|
|
812
843
|
}
|
|
844
|
+
/* arrows */
|
|
813
845
|
.ui-icon-arrow-r {
|
|
814
846
|
background-position: -108px 50%;
|
|
815
847
|
}
|
|
@@ -822,6 +854,7 @@ a.ui-link-inherit {
|
|
|
822
854
|
.ui-icon-arrow-d {
|
|
823
855
|
background-position: -216px 50%;
|
|
824
856
|
}
|
|
857
|
+
/* misc */
|
|
825
858
|
.ui-icon-check {
|
|
826
859
|
background-position: -252px 50%;
|
|
827
860
|
}
|
|
@@ -868,6 +901,7 @@ a.ui-link-inherit {
|
|
|
868
901
|
.ui-icon-radio-on {
|
|
869
902
|
background-position: -720px 50%;
|
|
870
903
|
}
|
|
904
|
+
/* checks,radios */
|
|
871
905
|
.ui-checkbox .ui-icon {
|
|
872
906
|
-moz-border-radius: 3px;
|
|
873
907
|
-webkit-border-radius: 3px;
|
|
@@ -879,69 +913,73 @@ a.ui-link-inherit {
|
|
|
879
913
|
}
|
|
880
914
|
.ui-checkbox-on .ui-icon,
|
|
881
915
|
.ui-radio-on .ui-icon {
|
|
882
|
-
background-color: #4596ce
|
|
916
|
+
background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
|
|
883
917
|
}
|
|
918
|
+
/* loading icon */
|
|
884
919
|
.ui-icon-loading {
|
|
885
920
|
background: url(../../images/vendor/ajax-loader.gif);
|
|
886
921
|
background-size: 46px 46px;
|
|
887
922
|
}
|
|
923
|
+
/* Button corner classes
|
|
924
|
+
-----------------------------------------------------------------------------------------------------------*/
|
|
888
925
|
.ui-btn-corner-tl {
|
|
889
|
-
-moz-border-radius-topleft: 1em
|
|
890
|
-
-webkit-border-top-left-radius: 1em
|
|
891
|
-
border-top-left-radius: 1em
|
|
926
|
+
-moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
|
|
927
|
+
-webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
|
|
928
|
+
border-top-left-radius: 1em /*{global-radii-buttons}*/;
|
|
892
929
|
}
|
|
893
930
|
.ui-btn-corner-tr {
|
|
894
|
-
-moz-border-radius-topright: 1em
|
|
895
|
-
-webkit-border-top-right-radius: 1em
|
|
896
|
-
border-top-right-radius: 1em
|
|
931
|
+
-moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
|
|
932
|
+
-webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
|
|
933
|
+
border-top-right-radius: 1em /*{global-radii-buttons}*/;
|
|
897
934
|
}
|
|
898
935
|
.ui-btn-corner-bl {
|
|
899
|
-
-moz-border-radius-bottomleft: 1em
|
|
900
|
-
-webkit-border-bottom-left-radius: 1em
|
|
901
|
-
border-bottom-left-radius: 1em
|
|
936
|
+
-moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
|
|
937
|
+
-webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
|
|
938
|
+
border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
|
|
902
939
|
}
|
|
903
940
|
.ui-btn-corner-br {
|
|
904
|
-
-moz-border-radius-bottomright: 1em
|
|
905
|
-
-webkit-border-bottom-right-radius: 1em
|
|
906
|
-
border-bottom-right-radius: 1em
|
|
941
|
+
-moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
|
|
942
|
+
-webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
|
|
943
|
+
border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
|
|
907
944
|
}
|
|
908
945
|
.ui-btn-corner-top {
|
|
909
|
-
-moz-border-radius-topleft: 1em
|
|
910
|
-
-webkit-border-top-left-radius: 1em
|
|
911
|
-
border-top-left-radius: 1em
|
|
912
|
-
-moz-border-radius-topright: 1em
|
|
913
|
-
-webkit-border-top-right-radius: 1em
|
|
914
|
-
border-top-right-radius: 1em
|
|
946
|
+
-moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
|
|
947
|
+
-webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
|
|
948
|
+
border-top-left-radius: 1em /*{global-radii-buttons}*/;
|
|
949
|
+
-moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
|
|
950
|
+
-webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
|
|
951
|
+
border-top-right-radius: 1em /*{global-radii-buttons}*/;
|
|
915
952
|
}
|
|
916
953
|
.ui-btn-corner-bottom {
|
|
917
|
-
-moz-border-radius-bottomleft: 1em
|
|
918
|
-
-webkit-border-bottom-left-radius: 1em
|
|
919
|
-
border-bottom-left-radius: 1em
|
|
920
|
-
-moz-border-radius-bottomright: 1em
|
|
921
|
-
-webkit-border-bottom-right-radius: 1em
|
|
922
|
-
border-bottom-right-radius: 1em
|
|
954
|
+
-moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
|
|
955
|
+
-webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
|
|
956
|
+
border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
|
|
957
|
+
-moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
|
|
958
|
+
-webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
|
|
959
|
+
border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
|
|
923
960
|
}
|
|
924
961
|
.ui-btn-corner-right {
|
|
925
|
-
-moz-border-radius-topright: 1em
|
|
926
|
-
-webkit-border-top-right-radius: 1em
|
|
927
|
-
border-top-right-radius: 1em
|
|
928
|
-
-moz-border-radius-bottomright: 1em
|
|
929
|
-
-webkit-border-bottom-right-radius: 1em
|
|
930
|
-
border-bottom-right-radius: 1em
|
|
962
|
+
-moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
|
|
963
|
+
-webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
|
|
964
|
+
border-top-right-radius: 1em /*{global-radii-buttons}*/;
|
|
965
|
+
-moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
|
|
966
|
+
-webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
|
|
967
|
+
border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
|
|
931
968
|
}
|
|
932
969
|
.ui-btn-corner-left {
|
|
933
|
-
-moz-border-radius-topleft: 1em
|
|
934
|
-
-webkit-border-top-left-radius: 1em
|
|
935
|
-
border-top-left-radius: 1em
|
|
936
|
-
-moz-border-radius-bottomleft: 1em
|
|
937
|
-
-webkit-border-bottom-left-radius: 1em
|
|
938
|
-
border-bottom-left-radius: 1em
|
|
970
|
+
-moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
|
|
971
|
+
-webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
|
|
972
|
+
border-top-left-radius: 1em /*{global-radii-buttons}*/;
|
|
973
|
+
-moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
|
|
974
|
+
-webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
|
|
975
|
+
border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
|
|
939
976
|
}
|
|
940
977
|
.ui-btn-corner-all {
|
|
941
|
-
-moz-border-radius: 1em
|
|
942
|
-
-webkit-border-radius: 1em
|
|
943
|
-
border-radius: 1em
|
|
978
|
+
-moz-border-radius: 1em /*{global-radii-buttons}*/;
|
|
979
|
+
-webkit-border-radius: 1em /*{global-radii-buttons}*/;
|
|
980
|
+
border-radius: 1em /*{global-radii-buttons}*/;
|
|
944
981
|
}
|
|
982
|
+
/* radius clip workaround for cleaning up corner trapping */
|
|
945
983
|
.ui-corner-tl,
|
|
946
984
|
.ui-corner-tr,
|
|
947
985
|
.ui-corner-bl,
|
|
@@ -964,6 +1002,8 @@ a.ui-link-inherit {
|
|
|
964
1002
|
-moz-background-clip: padding;
|
|
965
1003
|
background-clip: padding-box;
|
|
966
1004
|
}
|
|
1005
|
+
/* Overlay / modal
|
|
1006
|
+
-----------------------------------------------------------------------------------------------------------*/
|
|
967
1007
|
.ui-overlay {
|
|
968
1008
|
background: #666;
|
|
969
1009
|
opacity: .5;
|
|
@@ -978,9 +1018,9 @@ a.ui-link-inherit {
|
|
|
978
1018
|
box-shadow: 0px 0px 12px rgba(0,0,0,.6);
|
|
979
1019
|
}
|
|
980
1020
|
.ui-shadow {
|
|
981
|
-
-moz-box-shadow: 0px 1px 4px
|
|
982
|
-
-webkit-box-shadow: 0px 1px 4px
|
|
983
|
-
box-shadow: 0px 1px 4px
|
|
1021
|
+
-moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
|
|
1022
|
+
-webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
|
|
1023
|
+
box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
|
|
984
1024
|
}
|
|
985
1025
|
.ui-bar-a .ui-shadow,
|
|
986
1026
|
.ui-bar-b .ui-shadow ,
|
|
@@ -995,44 +1035,56 @@ a.ui-link-inherit {
|
|
|
995
1035
|
box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
|
|
996
1036
|
}
|
|
997
1037
|
.ui-icon-shadow {
|
|
998
|
-
-moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4)
|
|
999
|
-
-webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4)
|
|
1000
|
-
box-shadow: 0px 1px 0 rgba(255,255,255,.4)
|
|
1038
|
+
-moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
|
|
1039
|
+
-webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
|
|
1040
|
+
box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
|
|
1001
1041
|
}
|
|
1042
|
+
/* Focus state - set here for specificity (note: these classes are added by JavaScript)
|
|
1043
|
+
-----------------------------------------------------------------------------------------------------------*/
|
|
1002
1044
|
.ui-btn:focus {
|
|
1003
1045
|
outline: 0;
|
|
1004
1046
|
}
|
|
1005
1047
|
.ui-focus,
|
|
1006
1048
|
.ui-btn:focus {
|
|
1007
|
-
-moz-box-shadow: 0px 0px 12px #387bbe
|
|
1008
|
-
-webkit-box-shadow: 0px 0px 12px #387bbe
|
|
1009
|
-
box-shadow: 0px 0px 12px #387bbe
|
|
1049
|
+
-moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
|
|
1050
|
+
-webkit-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
|
|
1051
|
+
box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
|
|
1010
1052
|
}
|
|
1053
|
+
/* unset box shadow in browsers that don't do it right
|
|
1054
|
+
-----------------------------------------------------------------------------------------------------------*/
|
|
1011
1055
|
.ui-mobile-nosupport-boxshadow * {
|
|
1012
1056
|
-moz-box-shadow: none !important;
|
|
1013
1057
|
-webkit-box-shadow: none !important;
|
|
1014
1058
|
box-shadow: none !important;
|
|
1015
1059
|
}
|
|
1060
|
+
/* ...and bring back focus */
|
|
1016
1061
|
.ui-mobile-nosupport-boxshadow .ui-focus,
|
|
1017
1062
|
.ui-mobile-nosupport-boxshadow .ui-btn:focus {
|
|
1018
1063
|
outline-width: 1px;
|
|
1019
1064
|
outline-style: dotted;
|
|
1020
1065
|
}
|
|
1066
|
+
/* some unsets - more probably needed */
|
|
1021
1067
|
.ui-mobile, .ui-mobile body { height: 99.9%; }
|
|
1022
1068
|
.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
|
|
1023
1069
|
.ui-mobile a img, .ui-mobile fieldset { border-width: 0; }
|
|
1070
|
+
/* responsive page widths */
|
|
1024
1071
|
.ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
|
1072
|
+
/* Issue #2066 */
|
|
1025
1073
|
body.ui-mobile-viewport,
|
|
1026
1074
|
div.ui-mobile-viewport { overflow-x: hidden; }
|
|
1075
|
+
/* "page" containers - full-screen views, one should always be in view post-pageload */
|
|
1027
1076
|
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }
|
|
1028
1077
|
.ui-mobile .ui-page-active { display: block; overflow: visible; }
|
|
1078
|
+
/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
|
|
1029
1079
|
.ui-page { outline: none; }
|
|
1080
|
+
/*orientations from js are available */
|
|
1030
1081
|
@media screen and (orientation: portrait){
|
|
1031
1082
|
.ui-mobile, .ui-mobile .ui-page { min-height: 420px; }
|
|
1032
1083
|
}
|
|
1033
1084
|
@media screen and (orientation: landscape){
|
|
1034
1085
|
.ui-mobile, .ui-mobile .ui-page { min-height: 300px; }
|
|
1035
1086
|
}
|
|
1087
|
+
/* loading screen */
|
|
1036
1088
|
.ui-loading .ui-loader { display: block; }
|
|
1037
1089
|
.ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; box-shadow: 0 1px 1px -1px #fff; left: 50%; border:0; }
|
|
1038
1090
|
.ui-loader-default { background: none; opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
|
|
@@ -1044,29 +1096,35 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1044
1096
|
.ui-loader-textonly { padding: 15px; margin-left: -115px; }
|
|
1045
1097
|
.ui-loader-textonly .ui-icon { display: none; }
|
|
1046
1098
|
.ui-loader-fakefix { position: absolute; }
|
|
1099
|
+
/*fouc*/
|
|
1047
1100
|
.ui-mobile-rendering > * { visibility: hidden; }
|
|
1101
|
+
/*headers, content panels*/
|
|
1048
1102
|
.ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
|
|
1049
1103
|
.ui-bar { font-size: 16px; margin: 0; }
|
|
1050
1104
|
.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }
|
|
1051
|
-
.ui-header, .ui-footer { position: relative;
|
|
1105
|
+
.ui-header, .ui-footer { position: relative; border-left-width: 0; border-right-width: 0; }
|
|
1052
1106
|
.ui-header .ui-btn-left,
|
|
1053
|
-
.ui-header .ui-btn-right
|
|
1107
|
+
.ui-header .ui-btn-right,
|
|
1108
|
+
.ui-footer .ui-btn-left,
|
|
1109
|
+
.ui-footer .ui-btn-right { position: absolute; top: 3px; }
|
|
1054
1110
|
.ui-header .ui-btn-left,
|
|
1055
1111
|
.ui-footer .ui-btn-left { left: 5px; }
|
|
1056
1112
|
.ui-header .ui-btn-right,
|
|
1057
1113
|
.ui-footer .ui-btn-right { right: 5px; }
|
|
1058
1114
|
.ui-footer .ui-btn-icon-notext,
|
|
1059
|
-
.ui-header .ui-btn-icon-notext { top:
|
|
1115
|
+
.ui-header .ui-btn-icon-notext { top: 6px; }
|
|
1060
1116
|
.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 30% .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
|
|
1061
1117
|
.ui-footer .ui-title { margin: .6em 15px .8em; }
|
|
1118
|
+
/*content area*/
|
|
1062
1119
|
.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
|
|
1120
|
+
/* icons sizing */
|
|
1063
1121
|
.ui-icon { width: 18px; height: 18px; }
|
|
1064
|
-
|
|
1065
|
-
max-width: 100%;
|
|
1066
|
-
}
|
|
1122
|
+
/* non-js content hiding */
|
|
1067
1123
|
.ui-nojs { position: absolute; left: -9999px; }
|
|
1124
|
+
/* accessible content hiding */
|
|
1068
1125
|
.ui-hide-label label,
|
|
1069
1126
|
.ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
|
|
1127
|
+
/* Transitions originally inspired by those from jQtouch, nice work, folks */
|
|
1070
1128
|
.ui-mobile-viewport-transitioning,
|
|
1071
1129
|
.ui-mobile-viewport-transitioning .ui-page {
|
|
1072
1130
|
width: 100%;
|
|
@@ -1185,15 +1243,79 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1185
1243
|
opacity: 0;
|
|
1186
1244
|
}
|
|
1187
1245
|
}
|
|
1246
|
+
/* keyframes for slidein from sides */
|
|
1247
|
+
@-webkit-keyframes slideinfromright {
|
|
1248
|
+
from { -webkit-transform: translateX(100%); }
|
|
1249
|
+
to { -webkit-transform: translateX(0); }
|
|
1250
|
+
}
|
|
1251
|
+
@-moz-keyframes slideinfromright {
|
|
1252
|
+
from { -moz-transform: translateX(100%); }
|
|
1253
|
+
to { -moz-transform: translateX(0); }
|
|
1254
|
+
}
|
|
1255
|
+
@-webkit-keyframes slideinfromleft {
|
|
1256
|
+
from { -webkit-transform: translateX(-100%); }
|
|
1257
|
+
to { -webkit-transform: translateX(0); }
|
|
1258
|
+
}
|
|
1259
|
+
@-moz-keyframes slideinfromleft {
|
|
1260
|
+
from { -moz-transform: translateX(-100%); }
|
|
1261
|
+
to { -moz-transform: translateX(0); }
|
|
1262
|
+
}
|
|
1263
|
+
/* keyframes for slideout to sides */
|
|
1264
|
+
@-webkit-keyframes slideouttoleft {
|
|
1265
|
+
from { -webkit-transform: translateX(0); }
|
|
1266
|
+
to { -webkit-transform: translateX(-100%); }
|
|
1267
|
+
}
|
|
1268
|
+
@-moz-keyframes slideouttoleft {
|
|
1269
|
+
from { -moz-transform: translateX(0); }
|
|
1270
|
+
to { -moz-transform: translateX(-100%); }
|
|
1271
|
+
}
|
|
1272
|
+
@-webkit-keyframes slideouttoright {
|
|
1273
|
+
from { -webkit-transform: translateX(0); }
|
|
1274
|
+
to { -webkit-transform: translateX(100%); }
|
|
1275
|
+
}
|
|
1276
|
+
@-moz-keyframes slideouttoright {
|
|
1277
|
+
from { -moz-transform: translateX(0); }
|
|
1278
|
+
to { -moz-transform: translateX(100%); }
|
|
1279
|
+
}
|
|
1280
|
+
.slide.out, .slide.in {
|
|
1281
|
+
-webkit-animation-timing-function: ease-out;
|
|
1282
|
+
-webkit-animation-duration: 350ms;
|
|
1283
|
+
-moz-animation-timing-function: ease-out;
|
|
1284
|
+
-moz-animation-duration: 350ms;
|
|
1285
|
+
}
|
|
1188
1286
|
.slide.out {
|
|
1189
1287
|
-webkit-transform: translateX(-100%);
|
|
1190
1288
|
-webkit-animation-name: slideouttoleft;
|
|
1191
1289
|
-moz-transform: translateX(-100%);
|
|
1192
1290
|
-moz-animation-name: slideouttoleft;
|
|
1291
|
+
}
|
|
1292
|
+
.slide.in {
|
|
1293
|
+
-webkit-transform: translateX(0);
|
|
1294
|
+
-webkit-animation-name: slideinfromright;
|
|
1295
|
+
-moz-transform: translateX(0);
|
|
1296
|
+
-moz-animation-name: slideinfromright;
|
|
1297
|
+
}
|
|
1298
|
+
.slide.out.reverse {
|
|
1299
|
+
-webkit-transform: translateX(100%);
|
|
1300
|
+
-webkit-animation-name: slideouttoright;
|
|
1301
|
+
-moz-transform: translateX(100%);
|
|
1302
|
+
-moz-animation-name: slideouttoright;
|
|
1303
|
+
}
|
|
1304
|
+
.slide.in.reverse {
|
|
1305
|
+
-webkit-transform: translateX(0);
|
|
1306
|
+
-webkit-animation-name: slideinfromleft;
|
|
1307
|
+
-moz-transform: translateX(0);
|
|
1308
|
+
-moz-animation-name: slideinfromleft;
|
|
1309
|
+
}
|
|
1310
|
+
.slidefade.out {
|
|
1311
|
+
-webkit-transform: translateX(-100%);
|
|
1312
|
+
-webkit-animation-name: slideouttoleft;
|
|
1313
|
+
-moz-transform: translateX(-100%);
|
|
1314
|
+
-moz-animation-name: slideouttoleft;
|
|
1193
1315
|
-webkit-animation-duration: 225ms;
|
|
1194
1316
|
-moz-animation-duration: 225ms;
|
|
1195
1317
|
}
|
|
1196
|
-
.
|
|
1318
|
+
.slidefade.in {
|
|
1197
1319
|
-webkit-transform: translateX(0);
|
|
1198
1320
|
-webkit-animation-name: fadein;
|
|
1199
1321
|
-moz-transform: translateX(0);
|
|
@@ -1201,7 +1323,7 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1201
1323
|
-webkit-animation-duration: 200ms;
|
|
1202
1324
|
-moz-animation-duration: 200ms;
|
|
1203
1325
|
}
|
|
1204
|
-
.
|
|
1326
|
+
.slidefade.out.reverse {
|
|
1205
1327
|
-webkit-transform: translateX(100%);
|
|
1206
1328
|
-webkit-animation-name: slideouttoright;
|
|
1207
1329
|
-moz-transform: translateX(100%);
|
|
@@ -1209,7 +1331,7 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1209
1331
|
-webkit-animation-duration: 200ms;
|
|
1210
1332
|
-moz-animation-duration: 200ms;
|
|
1211
1333
|
}
|
|
1212
|
-
.
|
|
1334
|
+
.slidefade.in.reverse {
|
|
1213
1335
|
-webkit-transform: translateX(0);
|
|
1214
1336
|
-webkit-animation-name: fadein;
|
|
1215
1337
|
-moz-transform: translateX(0);
|
|
@@ -1217,22 +1339,7 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1217
1339
|
-webkit-animation-duration: 200ms;
|
|
1218
1340
|
-moz-animation-duration: 200ms;
|
|
1219
1341
|
}
|
|
1220
|
-
|
|
1221
|
-
from { -webkit-transform: translateX(0); }
|
|
1222
|
-
to { -webkit-transform: translateX(-100%); }
|
|
1223
|
-
}
|
|
1224
|
-
@-moz-keyframes slideouttoleft {
|
|
1225
|
-
from { -moz-transform: translateX(0); }
|
|
1226
|
-
to { -moz-transform: translateX(-100%); }
|
|
1227
|
-
}
|
|
1228
|
-
@-webkit-keyframes slideouttoright {
|
|
1229
|
-
from { -webkit-transform: translateX(0); }
|
|
1230
|
-
to { -webkit-transform: translateX(100%); }
|
|
1231
|
-
}
|
|
1232
|
-
@-moz-keyframes slideouttoright {
|
|
1233
|
-
from { -moz-transform: translateX(0); }
|
|
1234
|
-
to { -moz-transform: translateX(100%); }
|
|
1235
|
-
}
|
|
1342
|
+
/* slide down */
|
|
1236
1343
|
.slidedown.out {
|
|
1237
1344
|
-webkit-animation-name: fadeout;
|
|
1238
1345
|
-moz-animation-name: fadeout;
|
|
@@ -1277,6 +1384,7 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1277
1384
|
from { -moz-transform: translateY(0); }
|
|
1278
1385
|
to { -moz-transform: translateY(-100%); }
|
|
1279
1386
|
}
|
|
1387
|
+
/* slide up */
|
|
1280
1388
|
.slideup.out {
|
|
1281
1389
|
-webkit-animation-name: fadeout;
|
|
1282
1390
|
-moz-animation-name: fadeout;
|
|
@@ -1321,6 +1429,12 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1321
1429
|
from { -moz-transform: translateY(0); }
|
|
1322
1430
|
to { -moz-transform: translateY(100%); }
|
|
1323
1431
|
}
|
|
1432
|
+
/* The properties in this rule are only necessary for the 'flip' transition.
|
|
1433
|
+
* We need specify the perspective to create a projection matrix. This will add
|
|
1434
|
+
* some depth as the element flips. The depth number represents the distance of
|
|
1435
|
+
* the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
|
|
1436
|
+
* value.
|
|
1437
|
+
*/
|
|
1324
1438
|
.viewport-flip {
|
|
1325
1439
|
-webkit-perspective: 1000;
|
|
1326
1440
|
-moz-perspective: 1000;
|
|
@@ -1328,7 +1442,7 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1328
1442
|
}
|
|
1329
1443
|
.flip {
|
|
1330
1444
|
-webkit-backface-visibility:hidden;
|
|
1331
|
-
-webkit-transform:translateX(0);
|
|
1445
|
+
-webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
|
|
1332
1446
|
-moz-backface-visibility:hidden;
|
|
1333
1447
|
-moz-transform:translateX(0);
|
|
1334
1448
|
}
|
|
@@ -1388,6 +1502,12 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1388
1502
|
from { -moz-transform: rotateY(90deg) scale(.9); }
|
|
1389
1503
|
to { -moz-transform: rotateY(0); }
|
|
1390
1504
|
}
|
|
1505
|
+
/* The properties in this rule are only necessary for the 'flip' transition.
|
|
1506
|
+
* We need specify the perspective to create a projection matrix. This will add
|
|
1507
|
+
* some depth as the element flips. The depth number represents the distance of
|
|
1508
|
+
* the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
|
|
1509
|
+
* value.
|
|
1510
|
+
*/
|
|
1391
1511
|
.viewport-turn {
|
|
1392
1512
|
-webkit-perspective: 1000;
|
|
1393
1513
|
-moz-perspective: 1000;
|
|
@@ -1395,11 +1515,11 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1395
1515
|
}
|
|
1396
1516
|
.turn {
|
|
1397
1517
|
-webkit-backface-visibility:hidden;
|
|
1398
|
-
-webkit-transform:translateX(0);
|
|
1518
|
+
-webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
|
|
1399
1519
|
-webkit-transform-origin: 0;
|
|
1400
1520
|
|
|
1401
1521
|
-moz-backface-visibility:hidden;
|
|
1402
|
-
-moz-transform:translateX(0);
|
|
1522
|
+
-moz-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
|
|
1403
1523
|
-moz-transform-origin: 0;
|
|
1404
1524
|
}
|
|
1405
1525
|
.turn.out {
|
|
@@ -1459,6 +1579,7 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1459
1579
|
from { -moz-transform: rotateY(90deg) scale(.9); }
|
|
1460
1580
|
to { -moz-transform: rotateY(0); }
|
|
1461
1581
|
}
|
|
1582
|
+
/* flow transition */
|
|
1462
1583
|
.flow {
|
|
1463
1584
|
-webkit-transform-origin: 50% 30%;
|
|
1464
1585
|
-moz-transform-origin: 50% 30%;
|
|
@@ -1541,21 +1662,29 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1541
1662
|
30%, 40% { -moz-transform: translateX(0) scale(.7); }
|
|
1542
1663
|
100% { -moz-transform: translateX(0) scale(1); }
|
|
1543
1664
|
}
|
|
1665
|
+
/* content configurations. */
|
|
1544
1666
|
.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
|
|
1545
1667
|
.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;}
|
|
1668
|
+
/* grid solo: 100 - single item fallback */
|
|
1546
1669
|
.ui-grid-solo .ui-block-a { width: 100%; float: none; }
|
|
1670
|
+
/* grid a: 50/50 */
|
|
1547
1671
|
.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
|
|
1548
1672
|
.ui-grid-a .ui-block-a { clear: left; }
|
|
1673
|
+
/* grid b: 33/33/33 */
|
|
1549
1674
|
.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
|
|
1550
1675
|
.ui-grid-b .ui-block-a { clear: left; }
|
|
1676
|
+
/* grid c: 25/25/25/25 */
|
|
1551
1677
|
.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; }
|
|
1552
1678
|
.ui-grid-c .ui-block-a { clear: left; }
|
|
1679
|
+
/* grid d: 20/20/20/20/20 */
|
|
1553
1680
|
.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; }
|
|
1554
1681
|
.ui-grid-d .ui-block-a { clear: left; }
|
|
1682
|
+
/* fixed page header & footer configuration */
|
|
1555
1683
|
.ui-header-fixed,
|
|
1556
1684
|
.ui-footer-fixed {
|
|
1557
1685
|
left: 0;
|
|
1558
1686
|
right: 0;
|
|
1687
|
+
width: 100%;
|
|
1559
1688
|
position: fixed;
|
|
1560
1689
|
z-index: 1000;
|
|
1561
1690
|
}
|
|
@@ -1563,8 +1692,7 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1563
1692
|
top: 0;
|
|
1564
1693
|
}
|
|
1565
1694
|
.ui-footer-fixed {
|
|
1566
|
-
bottom:
|
|
1567
|
-
padding-bottom: 1px;
|
|
1695
|
+
bottom: 0;
|
|
1568
1696
|
}
|
|
1569
1697
|
.ui-header-fullscreen,
|
|
1570
1698
|
.ui-footer-fullscreen {
|
|
@@ -1603,6 +1731,7 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1603
1731
|
.ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; }
|
|
1604
1732
|
.ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }
|
|
1605
1733
|
.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; }
|
|
1734
|
+
/*expanded page styles*/
|
|
1606
1735
|
.ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }
|
|
1607
1736
|
.ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px; }
|
|
1608
1737
|
.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }
|
|
@@ -1613,33 +1742,63 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1613
1742
|
.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }
|
|
1614
1743
|
.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; }
|
|
1615
1744
|
.ui-mini { margin: .25em 5px; }
|
|
1616
|
-
.ui-btn-inner { padding: .6em
|
|
1745
|
+
.ui-btn-inner { padding: .6em 20px; min-width: .75em; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
|
|
1617
1746
|
.ui-btn input, .ui-btn button { z-index: 2; }
|
|
1618
1747
|
.ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; }
|
|
1748
|
+
.ui-btn-block { display: block; }
|
|
1749
|
+
.ui-header .ui-btn,
|
|
1750
|
+
.ui-footer .ui-btn { display: inline-block; margin: 0; }
|
|
1619
1751
|
.ui-header .ui-btn-inner,
|
|
1620
1752
|
.ui-footer .ui-btn-inner,
|
|
1621
|
-
.ui-mini .ui-btn-inner { font-size:
|
|
1753
|
+
.ui-mini .ui-btn-inner { font-size: 12.5px; padding: .55em 11px .5em; }
|
|
1622
1754
|
.ui-header .ui-fullsize .ui-btn-inner,
|
|
1623
1755
|
.ui-footer .ui-fullsize .ui-btn-inner { font-size: 16px; padding: .6em 25px; }
|
|
1624
1756
|
.ui-btn-icon-notext { width: 24px; height: 24px; }
|
|
1625
|
-
.ui-btn-icon-notext .ui-btn-inner { padding:
|
|
1626
|
-
.ui-btn-
|
|
1757
|
+
.ui-btn-icon-notext .ui-btn-inner { padding: 0; height: 100%; }
|
|
1758
|
+
.ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 2px 1px 2px 3px; }
|
|
1759
|
+
.ui-btn-text { position: relative; z-index: 1; width: 100%; }
|
|
1627
1760
|
.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
|
|
1628
|
-
.ui-btn-icon-left .ui-btn-inner { padding-left:
|
|
1629
|
-
.ui-btn-icon-right .ui-btn-inner { padding-right:
|
|
1630
|
-
.ui-btn-icon-top .ui-btn-inner { padding-top:
|
|
1631
|
-
.ui-btn-icon-bottom .ui-btn-inner { padding-bottom:
|
|
1761
|
+
.ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
|
|
1762
|
+
.ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
|
|
1763
|
+
.ui-btn-icon-top .ui-btn-inner { padding-top: 40px; }
|
|
1764
|
+
.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; }
|
|
1765
|
+
.ui-header .ui-btn-icon-left .ui-btn-inner,
|
|
1766
|
+
.ui-footer .ui-btn-icon-left .ui-btn-inner,
|
|
1767
|
+
.ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; }
|
|
1768
|
+
.ui-header .ui-btn-icon-right .ui-btn-inner,
|
|
1769
|
+
.ui-footer .ui-btn-icon-right .ui-btn-inner,
|
|
1770
|
+
.ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; }
|
|
1771
|
+
.ui-header .ui-btn-icon-top .ui-btn-inner,
|
|
1772
|
+
.ui-footer .ui-btn-icon-top .ui-btn-inner,
|
|
1773
|
+
.ui-mini .ui-btn-icon-top .ui-btn-inner { padding: 30px 3px .5em 3px; }
|
|
1774
|
+
.ui-header .ui-btn-icon-bottom .ui-btn-inner,
|
|
1775
|
+
.ui-footer .ui-btn-icon-bottom .ui-btn-inner,
|
|
1776
|
+
.ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding: .55em 3px 30px 3px; }
|
|
1777
|
+
/*btn icon positioning*/
|
|
1632
1778
|
.ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
|
|
1633
|
-
.ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
|
|
1634
|
-
.ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
|
|
1779
|
+
.ui-btn-icon-left .ui-btn-inner .ui-icon, .ui-btn-icon-right .ui-btn-inner .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
|
|
1780
|
+
.ui-btn-icon-top .ui-btn-inner .ui-icon, .ui-btn-icon-bottom .ui-btn-inner .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
|
|
1635
1781
|
.ui-btn-icon-left .ui-icon { left: 10px; }
|
|
1636
1782
|
.ui-btn-icon-right .ui-icon { right: 10px; }
|
|
1637
1783
|
.ui-btn-icon-top .ui-icon { top: 10px; }
|
|
1638
|
-
.ui-btn-icon-bottom .ui-icon { bottom: 10px; }
|
|
1639
|
-
.ui-
|
|
1640
|
-
.ui-
|
|
1641
|
-
.ui-mini.ui-btn-icon-
|
|
1642
|
-
.ui-mini.ui-btn-icon-
|
|
1784
|
+
.ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
|
|
1785
|
+
.ui-header .ui-btn-icon-left .ui-icon,
|
|
1786
|
+
.ui-footer .ui-btn-icon-left .ui-icon,
|
|
1787
|
+
.ui-mini.ui-btn-icon-left .ui-icon,
|
|
1788
|
+
.ui-mini .ui-btn-icon-left .ui-icon { left: 5px; }
|
|
1789
|
+
.ui-header .ui-btn-icon-right .ui-icon,
|
|
1790
|
+
.ui-footer .ui-btn-icon-right .ui-icon,
|
|
1791
|
+
.ui-mini.ui-btn-icon-right .ui-icon,
|
|
1792
|
+
.ui-mini .ui-btn-icon-right .ui-icon { right: 5px; }
|
|
1793
|
+
.ui-header .ui-btn-icon-top .ui-icon,
|
|
1794
|
+
.ui-footer .ui-btn-icon-top .ui-icon,
|
|
1795
|
+
.ui-mini.ui-btn-icon-top .ui-icon,
|
|
1796
|
+
.ui-mini .ui-btn-icon-top .ui-icon { top: 5px; }
|
|
1797
|
+
.ui-header .ui-btn-icon-bottom .ui-icon,
|
|
1798
|
+
.ui-footer .ui-btn-icon-bottom .ui-icon,
|
|
1799
|
+
.ui-mini.ui-btn-icon-bottom .ui-icon,
|
|
1800
|
+
.ui-mini .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
|
|
1801
|
+
/*hiding native button,inputs */
|
|
1643
1802
|
.ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: .1; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=.0001); font-size: 1px; border: none; text-indent: -9999px; }
|
|
1644
1803
|
.ui-collapsible { margin: .5em 0; }
|
|
1645
1804
|
.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }
|
|
@@ -1657,14 +1816,14 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1657
1816
|
display: block;
|
|
1658
1817
|
margin: 0 -8px;
|
|
1659
1818
|
padding: 10px 16px;
|
|
1660
|
-
border-top: none;
|
|
1661
|
-
background-image: none;
|
|
1662
|
-
font-weight: normal;
|
|
1819
|
+
border-top: none; /* Overrides ui-btn-up-* */
|
|
1820
|
+
background-image: none; /* Overrides ui-btn-up-* */
|
|
1821
|
+
font-weight: normal; /* Overrides ui-btn-up-* */
|
|
1663
1822
|
}
|
|
1664
1823
|
.ui-collapsible-content-collapsed { display: none; }
|
|
1665
1824
|
.ui-collapsible-set { margin: .5em 0; }
|
|
1666
1825
|
.ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
|
|
1667
|
-
.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: 0em 0 .5em; }
|
|
1826
|
+
.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: 0em 0 .5em; zoom: 1; }
|
|
1668
1827
|
.ui-bar .ui-controlgroup { margin: 0 .3em; }
|
|
1669
1828
|
.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .4em; }
|
|
1670
1829
|
.ui-controlgroup-controls { display: block; width: 100%;}
|
|
@@ -1674,12 +1833,17 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1674
1833
|
.ui-controlgroup-controls label.ui-select { position: absolute; left: -9999px; }
|
|
1675
1834
|
.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
|
|
1676
1835
|
.ui-controlgroup-horizontal { padding: 0; }
|
|
1677
|
-
.ui-controlgroup-horizontal .ui-btn
|
|
1678
|
-
.ui-controlgroup-horizontal .ui-
|
|
1836
|
+
.ui-controlgroup-horizontal .ui-btn-inner { text-align:center; }
|
|
1837
|
+
.ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select { display: inline-block; margin: 0 -6px 0 0; }
|
|
1838
|
+
.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; clear: none; margin: 0 -1px 0 0; }
|
|
1679
1839
|
.ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
|
|
1680
1840
|
.ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
|
|
1681
1841
|
.ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
|
|
1682
1842
|
.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
|
|
1843
|
+
/* conflicts with listview..
|
|
1844
|
+
.ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }
|
|
1845
|
+
.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { padding: 5px 6px 5px 5px; }
|
|
1846
|
+
*/
|
|
1683
1847
|
@media all and (min-width: 450px){
|
|
1684
1848
|
.ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
|
|
1685
1849
|
.ui-field-contain .ui-controlgroup-controls { width: 60%; display: inline-block; }
|
|
@@ -1687,11 +1851,13 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1687
1851
|
.ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
|
|
1688
1852
|
}
|
|
1689
1853
|
.ui-dialog {
|
|
1690
|
-
background: none !important;
|
|
1854
|
+
background: none !important; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
|
|
1691
1855
|
}
|
|
1692
1856
|
.ui-dialog-contain { width: 92.5%; max-width: 500px; margin: 10% auto 15px auto; padding: 0; }
|
|
1693
1857
|
.ui-dialog .ui-header {
|
|
1694
1858
|
margin-top: 15%;
|
|
1859
|
+
border: none;
|
|
1860
|
+
overflow: hidden;
|
|
1695
1861
|
}
|
|
1696
1862
|
.ui-dialog .ui-header,
|
|
1697
1863
|
.ui-dialog .ui-content,
|
|
@@ -1714,16 +1880,25 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1714
1880
|
.ui-dialog {
|
|
1715
1881
|
margin-top: -15px;
|
|
1716
1882
|
}
|
|
1717
|
-
.ui-checkbox, .ui-radio { position:relative;
|
|
1883
|
+
.ui-checkbox, .ui-radio { position: relative; clear: both; margin: .2em 0 .5em; z-index: 1; }
|
|
1718
1884
|
.ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; }
|
|
1719
1885
|
.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
|
|
1720
1886
|
.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
|
|
1887
|
+
.ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-mini.ui-btn-icon-left .ui-btn-inner { padding-left: 36px; }
|
|
1721
1888
|
.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
|
|
1889
|
+
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 36px; }
|
|
1890
|
+
.ui-checkbox .ui-btn-icon-top .ui-btn-inner,.ui-radio .ui-btn-icon-top .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; }
|
|
1891
|
+
.ui-checkbox .ui-btn-icon-bottom .ui-btn-inner, .ui-radio .ui-btn-icon-bottom .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; }
|
|
1722
1892
|
.ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
|
|
1723
1893
|
.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon { left: 15px; }
|
|
1724
|
-
.ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .ui-radio .ui-mini.ui-btn-icon-left .ui-icon { left:
|
|
1894
|
+
.ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .ui-radio .ui-mini.ui-btn-icon-left .ui-icon { left: 9px; }
|
|
1895
|
+
.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
|
|
1896
|
+
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
|
|
1897
|
+
.ui-checkbox .ui-btn-icon-top .ui-icon, .ui-radio .ui-btn-icon-top .ui-icon { top: 10px; }
|
|
1898
|
+
.ui-checkbox .ui-btn-icon-bottom .ui-icon, .ui-radio .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
|
|
1725
1899
|
.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
|
|
1726
|
-
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right:
|
|
1900
|
+
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
|
|
1901
|
+
/* input, label positioning */
|
|
1727
1902
|
.ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }
|
|
1728
1903
|
.ui-field-contain, fieldset.ui-field-contain { padding: .8em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; }
|
|
1729
1904
|
.ui-field-contain:first-child { border-top-width: 0; }
|
|
@@ -1745,6 +1920,7 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1745
1920
|
.ui-select { display: block; position: relative; }
|
|
1746
1921
|
.ui-select select { position: absolute; left: -9999px; top: -9999px; }
|
|
1747
1922
|
.ui-select .ui-btn { overflow: hidden; opacity: 1; margin: 0; }
|
|
1923
|
+
/* Fixes #2588 — When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select—including “inherit”—without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */
|
|
1748
1924
|
.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); z-index: 2; }
|
|
1749
1925
|
.ui-select .ui-disabled { opacity: .3; }
|
|
1750
1926
|
@-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }}
|
|
@@ -1752,8 +1928,11 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1752
1928
|
.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
|
|
1753
1929
|
.ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
|
|
1754
1930
|
.ui-select .ui-mini.ui-btn-icon-right .ui-icon { right: 7px; }
|
|
1931
|
+
/* labels */
|
|
1755
1932
|
label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
|
|
1756
|
-
|
|
1933
|
+
/*listbox*/
|
|
1934
|
+
.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden !important;
|
|
1935
|
+
/* This !important is required for iPad Safari specifically. See https://github.com/jquery/jquery-mobile/issues/2647 */ }
|
|
1757
1936
|
.ui-select .ui-btn-text { text-overflow: ellipsis; }
|
|
1758
1937
|
.ui-selectmenu { position: absolute; padding: 0; z-index: 1100 !important; width: 80%; max-width: 350px; padding: 6px; }
|
|
1759
1938
|
.ui-selectmenu .ui-listview { margin: 0; }
|
|
@@ -1768,11 +1947,12 @@ label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margi
|
|
|
1768
1947
|
.ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
|
|
1769
1948
|
.ui-field-contain .ui-select { width: 60%; display: inline-block; }
|
|
1770
1949
|
}
|
|
1950
|
+
/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button. this shim's content in there */
|
|
1771
1951
|
.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
|
|
1772
1952
|
label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
|
|
1773
1953
|
input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 97%; outline: 0; }
|
|
1774
1954
|
.ui-header input.ui-input-text,
|
|
1775
|
-
.ui-footer input.ui-input-text { margin-left: 1.25%; padding: .4em 1%; width: 95.5% }
|
|
1955
|
+
.ui-footer input.ui-input-text { margin-left: 1.25%; padding: .4em 1%; width: 95.5% } /* Note that padding left/right on text inputs is factored into how the element is displayed in Firefox, but does not actually pad the text inside it. */
|
|
1776
1956
|
input.ui-input-text { -webkit-appearance: none; }
|
|
1777
1957
|
textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
|
|
1778
1958
|
.ui-input-search { padding: 0 30px; background-image: none; position: relative; }
|
|
@@ -1781,8 +1961,9 @@ textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear;
|
|
|
1781
1961
|
.ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
|
|
1782
1962
|
.ui-mini .ui-input-clear { right: -3px; }
|
|
1783
1963
|
.ui-input-search .ui-input-clear-hidden { display: none; }
|
|
1784
|
-
input.ui-mini, .ui-mini input { font-size: 14px
|
|
1964
|
+
input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
|
|
1785
1965
|
textarea.ui-mini { height: 45px; }
|
|
1966
|
+
/* orientation adjustments - incomplete!*/
|
|
1786
1967
|
@media all and (min-width: 450px){
|
|
1787
1968
|
.ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
|
|
1788
1969
|
.ui-field-contain input.ui-input-text,
|
|
@@ -1792,7 +1973,7 @@ textarea.ui-mini { height: 45px; }
|
|
|
1792
1973
|
.ui-hide-label input.ui-input-text,
|
|
1793
1974
|
.ui-hide-label textarea.ui-input-text,
|
|
1794
1975
|
.ui-hide-label .ui-input-search { padding: .4em; width: 97%; }
|
|
1795
|
-
.ui-input-search input.ui-input-text { width: 98%;
|
|
1976
|
+
.ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
|
|
1796
1977
|
}
|
|
1797
1978
|
.ui-listview { margin: 0; counter-reset: listnumbering; }
|
|
1798
1979
|
.ui-content .ui-listview { margin: -15px; }
|
|
@@ -1803,7 +1984,7 @@ textarea.ui-mini { height: 45px; }
|
|
|
1803
1984
|
.ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold; }
|
|
1804
1985
|
.ui-li-divider { counter-reset: listnumbering; }
|
|
1805
1986
|
ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal;counter-increment: listnumbering; content: counter(listnumbering) ". "; }
|
|
1806
|
-
ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; }
|
|
1987
|
+
ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
|
|
1807
1988
|
.ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
|
|
1808
1989
|
.ui-li:last-child, .ui-li.ui-field-contain:last-child { border-bottom-width: 1px; }
|
|
1809
1990
|
.ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
|
|
@@ -1825,7 +2006,7 @@ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; }
|
|
|
1825
2006
|
}
|
|
1826
2007
|
.ui-li-divider { cursor: default; }
|
|
1827
2008
|
.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; }
|
|
1828
|
-
.ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right:
|
|
2009
|
+
.ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 48px; }
|
|
1829
2010
|
.ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; }
|
|
1830
2011
|
.ui-li-has-alt .ui-li-count { right: 55px; }
|
|
1831
2012
|
.ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; z-index: 2; }
|
|
@@ -1837,6 +2018,7 @@ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; }
|
|
|
1837
2018
|
.ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
|
|
1838
2019
|
.ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; }
|
|
1839
2020
|
.ui-li.ui-screen-hidden{display:none;}
|
|
2021
|
+
/* Odd iPad positioning issue. */
|
|
1840
2022
|
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
|
|
1841
2023
|
.ui-li .ui-btn-text { overflow: visible; }
|
|
1842
2024
|
}
|
|
@@ -1848,25 +2030,24 @@ div.ui-slider { position: relative; display: inline-block; overflow: visible; he
|
|
|
1848
2030
|
div.ui-slider-mini { height: 12px; margin-left: 10px; }
|
|
1849
2031
|
div.ui-slider-bg { border: none; height: 100%; padding-right: 8px; }
|
|
1850
2032
|
.ui-controlgroup a.ui-slider-handle, a.ui-slider-handle { position: absolute; z-index: 1; top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; outline: 0; }
|
|
1851
|
-
a.ui-slider-handle .ui-btn-inner { padding
|
|
2033
|
+
a.ui-slider-handle .ui-btn-inner { padding: 0; height: 100%; }
|
|
1852
2034
|
div.ui-slider-mini a.ui-slider-handle { height: 14px; width: 14px; margin: -8px 0 0 -7px; }
|
|
1853
2035
|
div.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: -9px 0 0 -9px; }
|
|
1854
|
-
@media all and (min-width:
|
|
2036
|
+
@media all and (min-width: 450px){
|
|
1855
2037
|
.ui-field-contain label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
|
|
1856
2038
|
.ui-field-contain div.ui-slider { width: 43%; }
|
|
1857
2039
|
.ui-field-contain div.ui-slider-switch { width: 5.5em; }
|
|
1858
2040
|
}
|
|
1859
|
-
div.ui-slider-switch { height: 32px; margin-left: 0; width:
|
|
2041
|
+
div.ui-slider-switch { height: 32px; margin-left: 0; width: 5.8em; }
|
|
1860
2042
|
a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; }
|
|
1861
2043
|
div.ui-slider-switch .ui-slider-handle { margin-top: 1px; }
|
|
1862
2044
|
.ui-slider-inneroffset { margin: 0 16px; position: relative; z-index: 1; }
|
|
1863
|
-
div.ui-slider-switch.ui-slider-mini { width:
|
|
2045
|
+
div.ui-slider-switch.ui-slider-mini { width: 5em; height: 29px; }
|
|
1864
2046
|
div.ui-slider-switch.ui-slider-mini .ui-slider-inneroffset { margin: 0 15px 0 14px; }
|
|
1865
2047
|
div.ui-slider-switch.ui-slider-mini .ui-slider-handle { width: 25px; height: 25px; margin: 1px 0 0 -13px; }
|
|
1866
2048
|
div.ui-slider-switch.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: 0; }
|
|
1867
|
-
span.ui-slider-label { position: absolute; text-align: center; width: 100%; overflow: hidden; font-size: 16px; top: 0; line-height: 2; min-height: 100%; border-width: 0; }
|
|
2049
|
+
span.ui-slider-label { position: absolute; text-align: center; width: 100%; overflow: hidden; font-size: 16px; top: 0; line-height: 2; min-height: 100%; border-width: 0; white-space: nowrap; }
|
|
1868
2050
|
.ui-slider-mini span.ui-slider-label { font-size: 14px; }
|
|
1869
2051
|
span.ui-slider-label-a { z-index: 1; left: 0; text-indent: -1.5em; }
|
|
1870
2052
|
span.ui-slider-label-b { z-index: 0; right: 0; text-indent: 1.5em;}
|
|
1871
2053
|
.ui-slider-inline { width: 120px; display: inline-block; }
|
|
1872
|
-
|