/projekty/list/files/resources/lib/jquerymobile/1.1.0/jquery.mobile.theme-1.1.0.css
CSS | 1167 lines | 1009 code | 103 blank | 55 comment | 0 complexity | 4ecb95acfd97c6f5cfc9cbcd6c1047be MD5 | raw file
Large files files are truncated, but you can click here to view the full file
1/* 2* jQuery Mobile Framework 1.1.0 db342b1f315c282692791aa870455901fdb46a55 3* http://jquerymobile.com 4* 5* Copyright 2011 (c) jQuery Project 6* Dual licensed under the MIT or GPL Version 2 licenses. 7* http://jquery.org/license 8* 9*/ 10/* Swatches */ 11 12/* A 13-----------------------------------------------------------------------------------------------------------*/ 14 15.ui-bar-a { 16 border: 1px solid #333 /*{a-bar-border}*/; 17 background: #111111 /*{a-bar-background-color}*/; 18 color: #ffffff /*{a-bar-color}*/; 19 font-weight: bold; 20 text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/; 21 background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */ 22 background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ 23 background-image: -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */ 24 background-image: -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */ 25 background-image: -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */ 26 background-image: linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); 27} 28.ui-bar-a, 29.ui-bar-a input, 30.ui-bar-a select, 31.ui-bar-a textarea, 32.ui-bar-a button { 33 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 34} 35.ui-bar-a .ui-link-inherit { 36 color: #fff /*{a-bar-color}*/; 37} 38 39.ui-bar-a .ui-link { 40 color: #7cc4e7 /*{a-bar-link-color}*/; 41 font-weight: bold; 42} 43 44.ui-bar-a .ui-link:hover { 45 color: #2489CE /*{a-bar-link-hover}*/; 46} 47 48.ui-bar-a .ui-link:active { 49 color: #2489CE /*{a-bar-link-active}*/; 50} 51 52.ui-bar-a .ui-link:visited { 53 color: #2489CE /*{a-bar-link-visited}*/; 54} 55.ui-body-a, 56.ui-overlay-a { 57 border: 1px solid #444 /*{a-body-border}*/; 58 background: #222 /*{a-body-background-color}*/; 59 color: #fff /*{a-body-color}*/; 60 text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 1px /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/; 61 font-weight: normal; 62 background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */ 63 background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ 64 background-image: -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */ 65 background-image: -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */ 66 background-image: -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */ 67 background-image: linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); 68} 69.ui-overlay-a { 70 background-image: none; 71 border-width: 0; 72} 73.ui-body-a, 74.ui-body-a input, 75.ui-body-a select, 76.ui-body-a textarea, 77.ui-body-a button { 78 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 79} 80.ui-body-a .ui-link-inherit { 81 color: #fff /*{a-body-color}*/; 82} 83 84.ui-body-a .ui-link { 85 color: #2489CE /*{a-body-link-color}*/; 86 font-weight: bold; 87} 88 89.ui-body-a .ui-link:hover { 90 color: #2489CE /*{a-body-link-hover}*/; 91} 92 93.ui-body-a .ui-link:active { 94 color: #2489CE /*{a-body-link-active}*/; 95} 96 97.ui-body-a .ui-link:visited { 98 color: #2489CE /*{a-body-link-visited}*/; 99} 100 101.ui-btn-up-a { 102 border: 1px solid #111 /*{a-bup-border}*/; 103 background: #333 /*{a-bup-background-color}*/; 104 font-weight: bold; 105 color: #fff /*{a-bup-color}*/; 106 text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/; 107 background-image: -webkit-gradient(linear, left top, left bottom, from( #444444 /*{a-bup-background-start}*/), to( #2d2d2d /*{a-bup-background-end}*/)); /* Saf4+, Chrome */ 108 background-image: -webkit-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ 109 background-image: -moz-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* FF3.6 */ 110 background-image: -ms-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* IE10 */ 111 background-image: -o-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Opera 11.10+ */ 112 background-image: linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); 113} 114.ui-btn-up-a a.ui-link-inherit { 115 color: #fff /*{a-bup-color}*/; 116} 117.ui-btn-hover-a { 118 border: 1px solid #000 /*{a-bhover-border}*/; 119 background: #444444 /*{a-bhover-background-color}*/; 120 font-weight: bold; 121 color: #fff /*{a-bhover-color}*/; 122 text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/; 123 background-image: -webkit-gradient(linear, left top, left bottom, from( #555555 /*{a-bhover-background-start}*/), to( #383838 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */ 124 background-image: -webkit-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ 125 background-image: -moz-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* FF3.6 */ 126 background-image: -ms-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* IE10 */ 127 background-image: -o-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Opera 11.10+ */ 128 background-image: linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); 129} 130.ui-btn-hover-a a.ui-link-inherit { 131 color: #fff /*{a-bhover-color}*/; 132} 133.ui-btn-down-a { 134 border: 1px solid #000 /*{a-bdown-border}*/; 135 background: #222 /*{a-bdown-background-color}*/; 136 font-weight: bold; 137 color: #fff /*{a-bdown-color}*/; 138 text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/; 139 background-image: -webkit-gradient(linear, left top, left bottom, from( #202020 /*{a-bdown-background-start}*/), to( #2c2c2c /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */ 140 background-image: -webkit-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ 141 background-image: -moz-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* FF3.6 */ 142 background-image: -ms-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* IE10 */ 143 background-image: -o-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Opera 11.10+ */ 144 background-image: linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); 145} 146.ui-btn-down-a a.ui-link-inherit { 147 color: #fff /*{a-bdown-color}*/; 148} 149.ui-btn-up-a, 150.ui-btn-hover-a, 151.ui-btn-down-a { 152 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 153 text-decoration: none; 154} 155 156 157/* B 158-----------------------------------------------------------------------------------------------------------*/ 159.ui-bar-b { 160 border: 1px solid #456f9a /*{b-bar-border}*/; 161 background: #5e87b0 /*{b-bar-background-color}*/; 162 color: #fff /*{b-bar-color}*/; 163 font-weight: bold; 164 text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/; 165 background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bar-background-start}*/), to( #497bae /*{b-bar-background-end}*/)); /* Saf4+, Chrome */ 166 background-image: -webkit-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ 167 background-image: -moz-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* FF3.6 */ 168 background-image: -ms-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* IE10 */ 169 background-image: -o-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Opera 11.10+ */ 170 background-image: linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); 171} 172.ui-bar-b, 173.ui-bar-b input, 174.ui-bar-b select, 175.ui-bar-b textarea, 176.ui-bar-b button { 177 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 178} 179.ui-bar-b .ui-link-inherit { 180 color: #fff /*{b-bar-color}*/; 181} 182.ui-bar-b .ui-link { 183 color: #ddf0f8 /*{b-bar-link-color}*/; 184 font-weight: bold; 185} 186 187.ui-bar-b .ui-link:hover { 188 color: #ddf0f8 /*{b-bar-link-hover}*/; 189} 190 191.ui-bar-b .ui-link:active { 192 color: #ddf0f8 /*{b-bar-link-active}*/; 193} 194 195.ui-bar-b .ui-link:visited { 196 color: #ddf0f8 /*{b-bar-link-visited}*/; 197} 198.ui-body-b, 199.ui-overlay-b { 200 border: 1px solid #999 /*{b-body-border}*/; 201 background: #f3f3f3 /*{b-body-background-color}*/; 202 color: #222222 /*{b-body-color}*/; 203 text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/; 204 font-weight: normal; 205 background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */ 206 background-image: -webkit-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ 207 background-image: -moz-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */ 208 background-image: -ms-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */ 209 background-image: -o-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */ 210 background-image: linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); 211} 212.ui-overlay-b { 213 background-image: none; 214 border-width: 0; 215} 216.ui-body-b, 217.ui-body-b input, 218.ui-body-b select, 219.ui-body-b textarea, 220.ui-body-b button { 221 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 222} 223.ui-body-b .ui-link-inherit { 224 color: #333333 /*{b-body-color}*/; 225} 226 227.ui-body-b .ui-link { 228 color: #2489CE /*{b-body-link-color}*/; 229 font-weight: bold; 230} 231 232.ui-body-b .ui-link:hover { 233 color: #2489CE /*{b-body-link-hover}*/; 234} 235 236.ui-body-b .ui-link:active { 237 color: #2489CE /*{b-body-link-active}*/; 238} 239 240.ui-body-b .ui-link:visited { 241 color: #2489CE /*{b-body-link-visited}*/; 242} 243 244.ui-btn-up-b { 245 border: 1px solid #044062 /*{b-bup-border}*/; 246 background: #396b9e /*{b-bup-background-color}*/; 247 font-weight: bold; 248 color: #fff /*{b-bup-color}*/; 249 text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/; 250 background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */ 251 background-image: -webkit-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ 252 background-image: -moz-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */ 253 background-image: -ms-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */ 254 background-image: -o-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */ 255 background-image: linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); 256} 257.ui-btn-up-b a.ui-link-inherit { 258 color: #fff /*{b-bup-color}*/; 259} 260.ui-btn-hover-b { 261 border: 1px solid #00415e /*{b-bhover-border}*/; 262 background: #4b88b6 /*{b-bhover-background-color}*/; 263 font-weight: bold; 264 color: #fff /*{b-bhover-color}*/; 265 text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/; 266 background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bhover-background-start}*/), to( #4272a4 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */ 267 background-image: -webkit-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ 268 background-image: -moz-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* FF3.6 */ 269 background-image: -ms-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* IE10 */ 270 background-image: -o-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Opera 11.10+ */ 271 background-image: linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); 272} 273.ui-btn-hover-b a.ui-link-inherit { 274 color: #fff /*{b-bhover-color}*/; 275} 276.ui-btn-down-b { 277 border: 1px solid #225377 /*{b-bdown-border}*/; 278 background: #4e89c5 /*{b-bdown-background-color}*/; 279 font-weight: bold; 280 color: #fff /*{b-bdown-color}*/; 281 text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/; 282 background-image: -webkit-gradient(linear, left top, left bottom, from( #295b8e /*{b-bdown-background-start}*/), to( #3e79b5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */ 283 background-image: -webkit-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ 284 background-image: -moz-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* FF3.6 */ 285 background-image: -ms-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* IE10 */ 286 background-image: -o-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */ 287 background-image: linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); 288} 289.ui-btn-down-b a.ui-link-inherit { 290 color: #fff /*{b-bdown-color}*/; 291} 292.ui-btn-up-b, 293.ui-btn-hover-b, 294.ui-btn-down-b { 295 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 296 text-decoration: none; 297} 298 299 300/* C 301-----------------------------------------------------------------------------------------------------------*/ 302 303.ui-bar-c { 304 border: 1px solid #B3B3B3 /*{c-bar-border}*/; 305 background: #eeeeee /*{c-bar-background-color}*/; 306 color: #3E3E3E /*{c-bar-color}*/; 307 font-weight: bold; 308 text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/; 309 background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #ddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */ 310 background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ 311 background-image: -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* FF3.6 */ 312 background-image: -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* IE10 */ 313 background-image: -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Opera 11.10+ */ 314 background-image: linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); 315} 316 317.ui-bar-c .ui-link-inherit { 318 color: #3E3E3E /*{c-bar-color}*/; 319} 320.ui-bar-c .ui-link { 321 color: #7cc4e7 /*{c-bar-link-color}*/; 322 font-weight: bold; 323} 324 325.ui-bar-c .ui-link:hover { 326 color: #2489CE /*{c-bar-link-hover}*/; 327} 328 329.ui-bar-c .ui-link:active { 330 color: #2489CE /*{c-bar-link-active}*/; 331} 332 333.ui-bar-c .ui-link:visited { 334 color: #2489CE /*{c-bar-link-visited}*/; 335} 336 337.ui-bar-c, 338.ui-bar-c input, 339.ui-bar-c select, 340.ui-bar-c textarea, 341.ui-bar-c button { 342 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 343} 344.ui-body-c, 345.ui-overlay-c { 346 border: 1px solid #aaa /*{c-body-border}*/; 347 color: #333333 /*{c-body-color}*/; 348 text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/; 349 background: #f9f9f9 /*{c-body-background-color}*/; 350 background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eeeeee /*{c-body-background-end}*/)); /* Saf4+, Chrome */ 351 background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ 352 background-image: -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* FF3.6 */ 353 background-image: -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* IE10 */ 354 background-image: -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Opera 11.10+ */ 355 background-image: linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); 356} 357.ui-overlay-c { 358 background-image: none; 359 border-width: 0; 360} 361.ui-body-c, 362.ui-body-c input, 363.ui-body-c select, 364.ui-body-c textarea, 365.ui-body-c button { 366 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 367} 368 369.ui-body-c .ui-link-inherit { 370 color: #333333 /*{c-body-color}*/; 371} 372 373.ui-body-c .ui-link { 374 color: #2489CE /*{c-body-link-color}*/; 375 font-weight: bold; 376} 377 378.ui-body-c .ui-link:hover { 379 color: #2489CE /*{c-body-link-hover}*/; 380} 381 382.ui-body-c .ui-link:active { 383 color: #2489CE /*{c-body-link-active}*/; 384} 385 386.ui-body-c .ui-link:visited { 387 color: #2489CE /*{c-body-link-visited}*/; 388} 389 390.ui-btn-up-c { 391 border: 1px solid #ccc /*{c-bup-border}*/; 392 background: #eee /*{c-bup-background-color}*/; 393 font-weight: bold; 394 color: #222 /*{c-bup-color}*/; 395 text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/; 396 background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */ 397 background-image: -webkit-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ 398 background-image: -moz-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */ 399 background-image: -ms-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */ 400 background-image: -o-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */ 401 background-image: linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); 402} 403.ui-btn-up-c a.ui-link-inherit { 404 color: #2F3E46 /*{c-bup-color}*/; 405} 406 407.ui-btn-hover-c { 408 border: 1px solid #bbb /*{c-bhover-border}*/; 409 background: #dfdfdf /*{c-bhover-background-color}*/; 410 font-weight: bold; 411 color: #222 /*{c-bhover-color}*/; 412 text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #ffffff /*{c-bhover-shadow-color}*/; 413 background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */ 414 background-image: -webkit-linear-gradient( #f9f9f9 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ 415 background-image: -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */ 416 background-image: -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */ 417 background-image: -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */ 418 background-image: linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); 419} 420.ui-btn-hover-c a.ui-link-inherit { 421 color: #2F3E46 /*{c-bhover-color}*/; 422} 423.ui-btn-down-c { 424 border: 1px solid #bbb /*{c-bdown-border}*/; 425 background: #d6d6d6 /*{c-bdown-background-color}*/; 426 font-weight: bold; 427 color: #222 /*{c-bdown-color}*/; 428 text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/; 429 background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */ 430 background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ 431 background-image: -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */ 432 background-image: -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */ 433 background-image: -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */ 434 background-image: linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); 435} 436.ui-btn-down-c a.ui-link-inherit { 437 color: #2F3E46 /*{c-bdown-color}*/; 438} 439.ui-btn-up-c, 440.ui-btn-hover-c, 441.ui-btn-down-c { 442 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 443 text-decoration: none; 444} 445 446 447/* D 448-----------------------------------------------------------------------------------------------------------*/ 449 450.ui-bar-d { 451 border: 1px solid #bbb /*{d-bar-border}*/; 452 background: #bbb /*{d-bar-background-color}*/; 453 color: #333 /*{d-bar-color}*/; 454 text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/; 455 background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */ 456 background-image: -webkit-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ 457 background-image: -moz-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */ 458 background-image: -ms-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */ 459 background-image: -o-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */ 460 background-image: linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); 461} 462.ui-bar-d, 463.ui-bar-d input, 464.ui-bar-d select, 465.ui-bar-d textarea, 466.ui-bar-d button { 467 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 468} 469 470.ui-bar-d .ui-link-inherit { 471 color: #333333 /*{d-bar-color}*/; 472} 473.ui-bar-d .ui-link { 474 color: #2489CE /*{d-bar-link-color}*/; 475 font-weight: bold; 476} 477 478.ui-bar-d .ui-link:hover { 479 color: #2489CE /*{d-bar-link-hover}*/; 480} 481 482.ui-bar-d .ui-link:active { 483 color: #2489CE /*{d-bar-link-active}*/; 484} 485 486.ui-bar-d .ui-link:visited { 487 color: #2489CE /*{d-bar-link-visited}*/; 488} 489 490.ui-body-d, 491.ui-overlay-d { 492 border: 1px solid #bbb /*{d-body-border}*/; 493 color: #333333 /*{d-body-color}*/; 494 text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #fff /*{d-body-shadow-color}*/; 495 background: #ffffff /*{d-body-background-color}*/; 496 background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */ 497 background-image: -webkit-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ 498 background-image: -moz-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */ 499 background-image: -ms-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */ 500 background-image: -o-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */ 501 background-image: linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); 502} 503.ui-overlay-d { 504 background-image: none; 505 border-width: 0; 506} 507.ui-body-d, 508.ui-body-d input, 509.ui-body-d select, 510.ui-body-d textarea, 511.ui-body-d button { 512 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 513} 514 515.ui-body-d .ui-link-inherit { 516 color: #333333 /*{d-body-color}*/; 517} 518 519.ui-body-d .ui-link { 520 color: #2489CE /*{d-body-link-color}*/; 521 font-weight: bold; 522} 523 524.ui-body-d .ui-link:hover { 525 color: #2489CE /*{d-body-link-hover}*/; 526} 527 528.ui-body-d .ui-link:active { 529 color: #2489CE /*{d-body-link-active}*/; 530} 531 532.ui-body-d .ui-link:visited { 533 color: #2489CE /*{d-body-link-visited}*/; 534} 535 536.ui-btn-up-d { 537 border: 1px solid #bbb /*{d-bup-border}*/; 538 background: #fff /*{d-bup-background-color}*/; 539 font-weight: bold; 540 color: #333 /*{d-bup-color}*/; 541 text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/; 542 background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa), to( #f6f6f6 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */ 543 background-image: -webkit-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ 544 background-image: -moz-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* FF3.6 */ 545 background-image: -ms-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* IE10 */ 546 background-image: -o-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Opera 11.10+ */ 547 background-image: linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); 548} 549.ui-btn-up-d a.ui-link-inherit { 550 color: #333 /*{d-bup-color}*/; 551} 552.ui-btn-hover-d { 553 border: 1px solid #aaa /*{d-bhover-border}*/; 554 background: #eeeeee /*{d-bhover-background-color}*/; 555 font-weight: bold; 556 color: #333 /*{d-bhover-color}*/; 557 cursor: pointer; 558 text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ #fff /*{d-bhover-shadow-color}*/; 559 background-image: -webkit-gradient(linear, left top, left bottom, from( #eee), to( #fff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */ 560 background-image: -webkit-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ 561 background-image: -moz-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* FF3.6 */ 562 background-image: -ms-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* IE10 */ 563 background-image: -o-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Opera 11.10+ */ 564 background-image: linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); 565} 566.ui-btn-hover-d a.ui-link-inherit { 567 color: #333 /*{d-bhover-color}*/; 568} 569.ui-btn-down-d { 570 border: 1px solid #aaa /*{d-bdown-border}*/; 571 background: #eee /*{d-bdown-background-color}*/; 572 font-weight: bold; 573 color: #333 /*{d-bdown-color}*/; 574 text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ #ffffff /*{d-bdown-shadow-color}*/; 575 background-image: -webkit-gradient(linear, left top, left bottom, from( #e5e5e5 /*{d-bdown-background-start}*/), to( #f2f2f2 /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */ 576 background-image: -webkit-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ 577 background-image: -moz-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* FF3.6 */ 578 background-image: -ms-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* IE10 */ 579 background-image: -o-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Opera 11.10+ */ 580 background-image: linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); 581} 582.ui-btn-down-d a.ui-link-inherit { 583 color: #333 /*{d-bdown-color}*/; 584} 585.ui-btn-up-d, 586.ui-btn-hover-d, 587.ui-btn-down-d { 588 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 589 text-decoration: none; 590} 591 592 593/* E 594-----------------------------------------------------------------------------------------------------------*/ 595 596.ui-bar-e { 597 border: 1px solid #F7C942 /*{e-bar-border}*/; 598 background: #fadb4e /*{e-bar-background-color}*/; 599 color: #333 /*{e-bar-color}*/; 600 text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #fff /*{e-bar-shadow-color}*/; 601 background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fbef7e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */ 602 background-image: -webkit-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ 603 background-image: -moz-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* FF3.6 */ 604 background-image: -ms-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* IE10 */ 605 background-image: -o-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Opera 11.10+ */ 606 background-image: linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); 607} 608.ui-bar-e, 609.ui-bar-e input, 610.ui-bar-e select, 611.ui-bar-e textarea, 612.ui-bar-e button { 613 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 614} 615.ui-bar-e .ui-link-inherit { 616 color: #333333 /*{e-bar-color}*/; 617} 618.ui-bar-e .ui-link { 619 color: #2489CE /*{e-bar-link-color}*/; 620 font-weight: bold; 621} 622 623.ui-bar-e .ui-link:hover { 624 color: #2489CE /*{e-bar-link-hover}*/; 625} 626 627.ui-bar-e .ui-link:active { 628 color: #2489CE /*{e-bar-link-active}*/; 629} 630 631.ui-bar-e .ui-link:visited { 632 color: #2489CE /*{e-bar-link-visited}*/; 633} 634 635.ui-body-e, 636.ui-overlay-e { 637 border: 1px solid #F7C942 /*{e-body-border}*/; 638 color: #222222 /*{e-body-color}*/; 639 text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #fff /*{e-body-shadow-color}*/; 640 background: #fff9df /*{e-body-background-color}*/; 641 background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf /*{e-body-background-start}*/), to( #fff3a5 /*{e-body-background-end}*/)); /* Saf4+, Chrome */ 642 background-image: -webkit-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ 643 background-image: -moz-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* FF3.6 */ 644 background-image: -ms-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* IE10 */ 645 background-image: -o-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Opera 11.10+ */ 646 background-image: linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); 647} 648.ui-overlay-e { 649 background-image: none; 650 border-width: 0; 651} 652.ui-body-e, 653.ui-body-e input, 654.ui-body-e select, 655.ui-body-e textarea, 656.ui-body-e button { 657 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 658} 659.ui-body-e .ui-link-inherit { 660 color: #333333 /*{e-body-color}*/; 661} 662 663.ui-body-e .ui-link { 664 color: #2489CE /*{e-body-link-color}*/; 665 font-weight: bold; 666} 667 668.ui-body-e .ui-link:hover { 669 color: #2489CE /*{e-body-link-hover}*/; 670} 671 672.ui-body-e .ui-link:active { 673 color: #2489CE /*{e-body-link-active}*/; 674} 675 676.ui-body-e .ui-link:visited { 677 color: #2489CE /*{e-body-link-visited}*/; 678} 679 680.ui-btn-up-e { 681 border: 1px solid #F4C63f /*{e-bup-border}*/; 682 background: #fadb4e /*{e-bup-background-color}*/; 683 font-weight: bold; 684 color: #222 /*{e-bup-color}*/; 685 text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #fff /*{e-bup-shadow-color}*/; 686 background-image: -webkit-gradient(linear, left top, left bottom, from( #ffefaa /*{e-bup-background-start}*/), to( #ffe155 /*{e-bup-background-end}*/)); /* Saf4+, Chrome */ 687 background-image: -webkit-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ 688 background-image: -moz-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* FF3.6 */ 689 background-image: -ms-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* IE10 */ 690 background-image: -o-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Opera 11.10+ */ 691 background-image: linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); 692} 693.ui-btn-up-e a.ui-link-inherit { 694 color: #222 /*{e-bup-color}*/; 695} 696.ui-btn-hover-e { 697 border: 1px solid #F2C43d /*{e-bhover-border}*/; 698 background: #fbe26f /*{e-bhover-background-color}*/; 699 font-weight: bold; 700 color: #111 /*{e-bhover-color}*/; 701 text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/ #fff /*{e-bhover-shadow-color}*/; 702 background-image: -webkit-gradient(linear, left top, left bottom, from( #fff5ba /*{e-bhover-background-start}*/), to( #fbdd52 /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */ 703 background-image: -webkit-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ 704 background-image: -moz-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* FF3.6 */ 705 background-image: -ms-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* IE10 */ 706 background-image: -o-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Opera 11.10+ */ 707 background-image: linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); 708} 709 710.ui-btn-hover-e a.ui-link-inherit { 711 color: #333 /*{e-bhover-color}*/; 712} 713.ui-btn-down-e { 714 border: 1px solid #F2C43d /*{e-bdown-border}*/; 715 background: #fceda7 /*{e-bdown-background-color}*/; 716 font-weight: bold; 717 color: #111 /*{e-bdown-color}*/; 718 text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/ #ffffff /*{e-bdown-shadow-color}*/; 719 background-image: -webkit-gradient(linear, left top, left bottom, from( #f8d94c /*{e-bdown-background-start}*/), to( #fadb4e /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */ 720 background-image: -webkit-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ 721 background-image: -moz-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* FF3.6 */ 722 background-image: -ms-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* IE10 */ 723 background-image: -o-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Opera 11.10+ */ 724 background-image: linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); 725} 726.ui-btn-down-e a.ui-link-inherit { 727 color: #333 /*{e-bdown-color}*/; 728} 729.ui-btn-up-e, 730.ui-btn-hover-e, 731.ui-btn-down-e { 732 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 733 text-decoration: none; 734} 735 736/* Structure */ 737 738/* links within "buttons" 739-----------------------------------------------------------------------------------------------------------*/ 740 741a.ui-link-inherit { 742 text-decoration: none !important; 743} 744 745 746/* Active class used as the "on" state across all themes 747-----------------------------------------------------------------------------------------------------------*/ 748.ui-btn-active { 749 border: 1px solid #2373a5 /*{global-active-border}*/; 750 background: #5393c5 /*{global-active-background-color}*/; 751 font-weight: bold; 752 color: #fff /*{global-active-color}*/; 753 cursor: pointer; 754 text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/; 755 text-decoration: none; 756 background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */ 757 background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */ 758 background-image: -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */ 759 background-image: -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */ 760 background-image: -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */ 761 background-image: linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); 762 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 763} 764.ui-btn-active a.ui-link-inherit { 765 color: #fff /*{global-active-color}*/; 766} 767 768 769/* button inner top highlight 770-----------------------------------------------------------------------------------------------------------*/ 771 772.ui-btn-inner { 773 border-top: 1px solid #fff; 774 border-color: rgba(255,255,255,.3); 775} 776 777 778/* corner rounding classes 779-----------------------------------------------------------------------------------------------------------*/ 780 781.ui-corner-tl { 782 -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; 783 -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; 784 border-top-left-radius: .6em /*{global-radii-blocks}*/; 785} 786.ui-corner-tr { 787 -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; 788 -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; 789 border-top-right-radius: .6em /*{global-radii-blocks}*/; 790} 791.ui-corner-bl { 792 -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; 793 -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; 794 border-bottom-left-radius: .6em /*{global-radii-blocks}*/; 795} 796.ui-corner-br { 797 -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; 798 -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; 799 border-bottom-right-radius: .6em /*{global-radii-blocks}*/; 800} 801.ui-corner-top { 802 -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; 803 -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; 804 border-top-left-radius: .6em /*{global-radii-blocks}*/; 805 -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; 806 -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; 807 border-top-right-radius: .6em /*{global-radii-blocks}*/; 808} 809.ui-corner-bottom { 810 -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; 811 -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; 812 border-bottom-left-radius: .6em /*{global-radii-blocks}*/; 813 -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; 814 -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; 815 border-bottom-right-radius: .6em /*{global-radii-blocks}*/; 816 } 817.ui-corner-right { 818 -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; 819 -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; 820 border-top-right-radius: .6em /*{global-radii-blocks}*/; 821 -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; 822 -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; 823 border-bottom-right-radius: .6em /*{global-radii-blocks}*/; 824} 825.ui-corner-left { 826 -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; 827 -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; 828 border-top-left-radius: .6em /*{global-radii-blocks}*/; 829 -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; 830 -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; 831 border-bottom-left-radius: .6em /*{global-radii-blocks}*/; 832} 833.ui-corner-all { 834 -moz-border-radius: .6em /*{global-radii-blocks}*/; 835 -webkit-border-radius: .6em /*{global-radii-blocks}*/; 836 border-radius: .6em /*{global-radii-blocks}*/; 837} 838.ui-corner-none { 839 -moz-border-radius: 0; 840 -webkit-border-radius: 0; 841 border-radius: 0; 842} 843 844/* Form field separator 845-----------------------------------------------------------------------------------------------------------*/ 846.ui-br { 847 border-bottom: rgb(130,130,130); 848 border-bottom: rgba(130,130,130,.3); 849 border-bottom-width: 1px; 850 border-bottom-style: solid; 851} 852 853/* Interaction cues 854-----------------------------------------------------------------------------------------------------------*/ 855.ui-disabled { 856 opacity: .3; 857} 858.ui-disabled, 859.ui-disabled a { 860 cursor: default !important; 861 pointer-events: none; 862} 863.ui-disabled .ui-btn-text { 864 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)"; 865 filter: alpha(opacity=30); 866 zoom: 1; 867} 868 869/* Icons 870-----------------------------------------------------------------------------------------------------------*/ 871 872.ui-icon, 873.ui-icon-searchfield:after { 874 background: #666 /*{global-icon-color}*/; 875 background: rgba(0,0,0,.4) /*{global-icon-disc}*/; 876 background-image: url(images/icons-18-white.png) /*{global-icon-set}*/; 877 background-repeat: no-repeat; 878 -moz-border-radius: 9px; 879 -webkit-border-radius: 9px; 880 border-radius: 9px; 881} 882 883 884/* Alt icon color 885-----------------------------------------------------------------------------------------------------------*/ 886 887.ui-icon-alt { 888 background: #fff; 889 background: rgba(255,255,255,.3); 890 background-image: url(images/icons-18-black.png); 891 background-repeat: no-repeat; 892} 893 894/* HD/"retina" sprite 895-----------------------------------------------------------------------------------------------------------*/ 896 897@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 898 only screen and (min--moz-device-pixel-ratio: 1.5), 899 only screen and (min-resolution: 240dpi) { 900 901 .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, 902 .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, 903 .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, 904 .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, 905 .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on { 906 background-image: url(images/icons-36-white.png); 907 -moz-background-size: 776px 18px; 908 -o-background-size: 776px 18px; 909 -webkit-background-size: 776px 18px; 910 background-size: 776px 18px; 911 } 912 .ui-icon-alt { 913 background-image: url(images/icons-36-black.png); 914 } 915} 916 917/* plus minus */ 918.ui-icon-plus { 919 background-position: -0 50%; 920} 921.ui-icon-minus { 922 background-position: -36px 50%; 923} 924 925/* delete/close */ 926.ui-icon-delete { 927 background-position: -72px 50%; 928} 929 930/* arrows */ 931.ui-icon-arrow-r { 932 background-position: -108px 50%; 933} 934.ui-icon-arrow-l { 935 background-position: -144px 50%; 936} 937.ui-icon-arrow-u { 938 background-position: -180px 50%; 939} 940.ui-icon-arrow-d { 941 background-position: -216px 50%; 942} 943 944/* misc */ 945.ui-icon-check { 946 background-position: -252px 50%; 947} 948.ui-icon-gear { 949 background-position: -288px 50%; 950} 951.ui-icon-refresh { 952 background-position: -324px 50%; 953} 954.ui-icon-forward { 955 background-position: -360px 50%; 956} 957.ui-icon-back { 958 background-position: -396px 50%; 959} 960.ui-icon-grid { 961 background-position: -432px 50%; 962} 963.ui-icon-star { 964 background-position: -468px 50%; 965} 966.ui-icon-alert { 967 background-position: -504px 50%; 968} 969.ui-icon-info { 970 background-position: -540px 50%; 971} 972.ui-icon-home { 973 background-position: -576px 50%; 974} 975.ui-icon-search, 976.ui-icon-searchfield:after { 977 background-position: -612px 50%; 978} 979.ui-icon-checkbox-off { 980 background-position: -684px 50%; 981} 982.ui-icon-checkbox-on { 983 background-position: -648px 50%; 984} 985.ui-icon-radio-off { 986 background-position: -756px 50%; 987} 988.ui-icon-radio-on { 989 background-position: -720px 50%; 990} 991 992 993/* checks,radios */ 994.ui-checkbox .ui-icon { 995 -moz-border-radius: 3px; 996 -webkit-border-radius: 3px; 997 border-radius: 3px; 998} 999.ui-icon-checkbox-off, 1000.ui-icon-radio-off { 1001 background-color: transparent; 1002} 1003.ui-checkbox-on .ui-icon, 1004.ui-radio-on .ui-icon { 1005 background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */ 1006} 1007 1008/* loading icon */ 1009.ui-icon-loading { 1010 background: url(images/ajax-loader.gif); 1011 background-size: 46px 46px; 1012} 1013 1014 1015/* Button corner classes 1016-----------------------------------------------------------------------------------------------------------*/ 1017 1018.ui-btn-corner-tl { 1019 -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/; 1020 -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/; 1021 border-top-left-radius: 1em /*{global-radii-buttons}*/; 1022} 1023.ui-btn-corner-tr { 1024 -moz-border-radius-topright: 1em /*{global-radii-buttons}*/; 1025 -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/; 1026 border-top-right-radius: 1em /*{global-radii-buttons}*/; 1027} 1028.ui-btn-corner-bl { 1029 -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/; 1030 -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/; 1031 border-bottom-left-radius: 1em /*{global-radii-buttons}*/; 1032} 1033.ui-btn-corner-br { 1034 -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/; 1035 -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/; 1036 border-bottom-right-radius: 1em /*{global-radii-buttons}*/; 1037} 1038.ui-btn-corner-top { 1039 -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/; 1040 -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/; 1041 border-top-left-radius: 1em /*{global-radii-buttons}*/; 1042 -moz-border-radius-topright: 1em /*{global-radii-buttons}*/; 1043 -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/; 1044 border-top-right-radius: 1em /*{global-radii-buttons}*/; 1045} 1046.ui-btn-corner-bottom { 1047 -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/; 1048 -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/; 1049 border-bottom-left-radius: 1em /*{global-radii-buttons}*/; 1050 -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/; 1051 -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/; 1052 border-bottom-right-radius: 1em /*{global-radii-buttons}*/; 1053} 1054.ui-btn-corner-right { 1055 -moz-border-radius-topright: 1em /*{global-radii-buttons}*/; 1056 -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/; 1057 border-top-right-radius: 1em /*{global-radii-buttons}*/; 1058 -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/; 1059 -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/; 1060 border-bottom-right-radius: 1em /*{global-radii-buttons}*/; 1061} 1062.ui-btn-corner-left { 1063 -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/; 1064 -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/; 1065 border-top-left-radius: 1em /*{global-radii-buttons}*/; 1066 -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/; 1067 -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/; 1068 border-bottom-left-radius: 1em /*{global-radii-buttons}*/; 1069} 1070.ui-btn-corner-all { 1071 -moz-border-radius: 1em /*{global-radii-buttons}*/; 1072 -webkit-border-radius: 1em /*{global-radii-buttons}*/; 1073 border-radius: 1em /*{global-radii-buttons}*/; 1074} 1075 1076/* radius clip workaround for cleaning up corner trapping */ 1077.ui-corner-tl, 1078.ui-corner-tr, 1079.ui-corner-bl, 1080.ui-corner-br, 1081.ui-corner-top, 1082.ui-corner-bottom, 1083.ui-corner-right, 1084.ui-corner-left, 1085.ui-corner-all, 1086.ui-btn-corner-tl, 1087.ui-btn-corner-tr, 1088.ui-btn-corner-bl, 1089.ui-btn-corner-br, 1090.ui-btn-corner-top, 1091.ui-btn-corner-bottom, 1092.ui-btn-corner-right, 1093.ui-btn-corner-left, 1094.ui-btn-corner-all { 1095 -webkit-background-clip: padding-box; 1096 -moz-background-clip: padding; 1097 background-clip: padding-box; 1098} 1099 1100/* Overlay / modal 1101-----------------------------------------------------------------------------------------------------------*/ 1102 1103.ui-overlay { 1104 background: #666; 1105 opacity: .5; 1106 filter: Alpha(Opacity=50); 1107 position: absolute; 1108 width: 100%; 1109 height: 100%; 1110} 1111.ui-overlay-shadow { 1112 -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6); 1113 -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6); 1114 box-shadow: 0p…
Large files files are truncated, but you can click here to view the full file