├── .gitignore ├── README.md ├── css ├── custom.css └── normalise.css ├── img └── dark_wall.png ├── index.html ├── js ├── custom.js ├── jquery-ui.toggleSwitch.js ├── jquery.imgpreload.min.js └── modernizr-2.0.6.min.js └── theme ├── images ├── icons_16.png ├── jGrowl-close.png ├── modalClose.png ├── modalClose@2x.png ├── slider_handles.png ├── slider_handles@2x.png ├── ui-bg_flat_0_aaaaaa_40x100.png ├── ui-bg_flat_75_ffffff_40x100.png ├── ui-bg_glass_55_fbf9ee_1x400.png ├── ui-bg_glass_65_ffffff_1x400.png ├── ui-bg_glass_75_dadada_1x400.png ├── ui-bg_glass_75_e6e6e6_1x400.png ├── ui-bg_glass_95_fef1ec_1x400.png ├── ui-bg_highlight-soft_75_cccccc_1x100.png ├── ui-icons_222222_256x240.png ├── ui-icons_2e83ff_256x240.png ├── ui-icons_454545_256x240.png ├── ui-icons_888888_256x240.png ├── ui-icons_FFFFFF_256x240.png └── ui-icons_cd0a0a_256x240.png └── jquery-ui.css /.gitignore: -------------------------------------------------------------------------------- 1 | # OS X 2 | .DS_Store -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Delta - The Free jQuery UI Theme from Kiandra IT 2 | 3 | ### [View Demo](http://kiandra.github.com/Delta-jQuery-UI-Theme) 4 | 5 | Licensed under MIT/GPL. -------------------------------------------------------------------------------- /css/custom.css: -------------------------------------------------------------------------------- 1 | /* === GENERIC ELEMENTS == */ 2 | body { 3 | padding: 25px 0 50px 0; 4 | } 5 | .container { 6 | width: 60%; 7 | min-width: 500px; 8 | max-width: 960px; 9 | margin: 0 auto; 10 | position: relative; 11 | } 12 | header h1 { 13 | padding: 0.25em 0; 14 | border-bottom: 1px solid #EEE; 15 | -webkit-transition: all 150ms linear; 16 | -moz-transition: all 150ms linear; 17 | transition: all 150ms linear; 18 | } 19 | header .ui-toggle-switch { 20 | position: absolute; 21 | top: 10px; 22 | right: 0; 23 | } 24 | 25 | 26 | 27 | /* === DEMO SPECIFIC TWEAKS AND LAYOUT === */ 28 | .demo h2 { 29 | font-size: 0.8em; 30 | text-transform: uppercase; 31 | margin: 0 0 1em 0; 32 | } 33 | .demo { 34 | padding: 2em 0 1.5em 0; 35 | } 36 | 37 | .demo div.ui-toggle-switch { 38 | display: block; 39 | padding: 0.65em 0; 40 | } 41 | #radio { 42 | padding: 1em 0; 43 | } 44 | #modal { 45 | display: none; 46 | } 47 | .modalDemo p { 48 | color: #777; 49 | width: 50%; 50 | } 51 | .modalDemo p a { 52 | color: #1584DE; 53 | } 54 | #eq > span { 55 | margin-right: 13px; 56 | width: 7px; 57 | } 58 | .demo .ui-button { 59 | vertical-align: top; 60 | } 61 | 62 | 63 | 64 | 65 | 66 | /* === DARK MODE === */ 67 | body.dark { 68 | background-image: url(../img/dark_wall.png); 69 | } 70 | .dark h1 { 71 | color: #EEE; 72 | border-bottom: 1px solid #444; 73 | } 74 | .dark h2 { 75 | color: #EEE; 76 | } 77 | .dark .ui-toggle-switch label { 78 | color: #FFF; 79 | } 80 | .dark .ui-toggle-switch .ui-state-active { 81 | background: transparent; 82 | color: #FFF; 83 | } 84 | .dark .modalDemo p { 85 | color: #AAA; 86 | } 87 | .dark .modalDemo p a { 88 | color: #50b1ff; 89 | } -------------------------------------------------------------------------------- /css/normalise.css: -------------------------------------------------------------------------------- 1 | /* HTML5 ✰ Boilerplate 2 | * ==|== normalize ========================================================== 3 | */ 4 | 5 | article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } 6 | audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } 7 | audio:not([controls]) { display: none; } 8 | [hidden] { display: none; } 9 | 10 | html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 11 | body { margin: 0; font-size: 13px; line-height: 1.231; } 12 | body, button, input, select, textarea { font-family: sans-serif; color: #222; } 13 | 14 | a { color: #00e; } 15 | a:visited { color: #551a8b; } 16 | a:hover { color: #06e; } 17 | a:focus { outline: thin dotted; } 18 | a:hover, a:active { outline: 0; } 19 | 20 | abbr[title] { border-bottom: 1px dotted; } 21 | b, strong { font-weight: bold; } 22 | blockquote { margin: 1em 40px; } 23 | dfn { font-style: italic; } 24 | hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } 25 | ins { background: #ff9; color: #000; text-decoration: none; } 26 | mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } 27 | pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } 28 | pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } 29 | q { quotes: none; } 30 | q:before, q:after { content: ""; content: none; } 31 | small { font-size: 85%; } 32 | sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } 33 | sup { top: -0.5em; } 34 | sub { bottom: -0.25em; } 35 | ul, ol { margin: 1em 0; padding: 0 0 0 40px; } 36 | dd { margin: 0 0 0 40px; } 37 | nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } 38 | img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } 39 | svg:not(:root) { overflow: hidden; } 40 | figure { margin: 0; } 41 | 42 | form { margin: 0; } 43 | fieldset { border: 0; margin: 0; padding: 0; } 44 | label { cursor: pointer; } 45 | legend { border: 0; *margin-left: -7px; padding: 0; } 46 | button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } 47 | button, input { line-height: normal; *overflow: visible; } 48 | table button, table input { *overflow: auto; } 49 | button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } 50 | input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } 51 | input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } 52 | input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } 53 | button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } 54 | textarea { overflow: auto; vertical-align: top; resize: vertical; } 55 | input:valid, textarea:valid { } 56 | input:invalid, textarea:invalid { background-color: #f0dddd; } 57 | 58 | table { border-collapse: collapse; border-spacing: 0; } 59 | td { vertical-align: top; } 60 | 61 | 62 | /* ==|== primary styles ===================================================== 63 | Author: 64 | ========================================================================== */ 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | /* ==|== non-semantic helper classes ======================================== */ 82 | .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } 83 | .ir br { display: none; } 84 | .hidden { display: none !important; visibility: hidden; } 85 | .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } 86 | .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } 87 | .invisible { visibility: hidden; } 88 | .clearfix:before, .clearfix:after { content: ""; display: table; } 89 | .clearfix:after { clear: both; } 90 | .clearfix { zoom: 1; } 91 | 92 | 93 | /* ==|== media queries ====================================================== */ 94 | 95 | @media only screen and (min-width: 480px) { 96 | 97 | 98 | } 99 | 100 | @media only screen and (min-width: 768px) { 101 | 102 | } 103 | 104 | 105 | 106 | /* ==|== print styles ======================================================= */ 107 | 108 | @media print { 109 | * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 110 | a, a:visited { text-decoration: underline; } 111 | a[href]:after { content: " (" attr(href) ")"; } 112 | abbr[title]:after { content: " (" attr(title) ")"; } 113 | .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 114 | pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } 115 | thead { display: table-header-group; } 116 | tr, img { page-break-inside: avoid; } 117 | img { max-width: 100% !important; } 118 | @page { margin: 0.5cm; } 119 | p, h2, h3 { orphans: 3; widows: 3; } 120 | h2, h3 { page-break-after: avoid; } 121 | } 122 | -------------------------------------------------------------------------------- /img/dark_wall.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kiandra/Delta-jQuery-UI-Theme/866f73525867b066af5e44d0d70307f95ec93bfe/img/dark_wall.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Delta - The Free jQuery UI Theme from Kiandra IT 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 |

Delta Theme

24 | 25 | 29 | 30 |
31 | 32 |
33 | 34 |
35 | 36 |

Toggle Switch

37 | 38 | 42 | 43 | 47 | 48 |
49 | 50 |
51 | 52 |

Button Styles

53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 |
61 |
62 | 63 | 64 | 65 |
66 |
67 | 68 |
69 | 70 |
71 |

EQ Slider Demo

72 |
73 | 88 74 | 77 75 | 55 76 | 33 77 | 40 78 | 45 79 | 70 80 |
81 |
82 | 83 |
84 |

Modal Dialogs

85 |

The auto-detection of operating system and placement of close 'x' and dialog buttons is dependent upon a Modernizr test — more information.

86 | 87 | 88 | 89 |
90 | 91 |
92 |

Datepicker

93 | 94 |
95 | 96 |
97 |

Autocomplete/Menu

98 | 99 |
100 | 101 |
102 |

Progress Bar

103 |
104 |
105 | 106 |
107 | 108 |
109 | 114 |
115 |

Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.

116 |
117 |
118 |

Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.

119 |
120 |
121 |

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.

122 |

Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.

123 |
124 |
125 | 126 |
127 | 128 |
129 | 130 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 149 | 150 | 151 | 152 | -------------------------------------------------------------------------------- /js/custom.js: -------------------------------------------------------------------------------- 1 | /*global $, Modernizr, jQuery*/ 2 | 3 | $(function() { 4 | 5 | "use strict"; 6 | 7 | Modernizr.addTest("macosx", function () { 8 | var strIndex = navigator.userAgent.toLowerCase().indexOf("mac"); 9 | return (strIndex > -1); 10 | }); 11 | 12 | // PRELOAD DARK BG + MODAL CLOSE 13 | $.imgpreload(['img/dark_wall.png', 'theme/images/modalClose.png']); 14 | 15 | // GENERIC JQUERY UI SETUP 16 | $("button, :button, :submit").button(); 17 | $("#radio").buttonset(); 18 | $("#colourMode").toggleSwitch({ 19 | highlight: true, 20 | width: 25, 21 | change: function() { 22 | $("body").removeClass().addClass($("#colourMode").val().toLowerCase()); 23 | } 24 | }); 25 | $(".demo select").each(function(i,item) { 26 | $(item).toggleSwitch({ 27 | highlight: $(item).data("highlight"), 28 | width: 25 29 | }); 30 | }); 31 | var today = $.datepicker.formatDate('dd-mm-yy', new Date()); 32 | $(".datepicker").val(today).datepicker(); 33 | $("#tabs").tabs(); 34 | 35 | 36 | 37 | // MODAL DETECTION 38 | var restoreTest = ($("html").hasClass("macosx")) ? "macosx" : "no-macosx"; 39 | var showModal = function(title) { 40 | $('
') 41 | .text("My close button position and button order is determined by the operating system I am being displayed in.") 42 | .appendTo("body") 43 | .dialog({ 44 | title: title, 45 | modal: true, 46 | width: 400, 47 | hide: "fade", 48 | show: "fade", 49 | buttons: { 50 | "OK": function() { 51 | $(this).dialog("close"); 52 | }, 53 | "Cancel": function() { 54 | $(this).dialog("close"); 55 | } 56 | } 57 | }); 58 | }; 59 | $(".modalMac").on("click", function(e) { 60 | $("html").removeClass("no-macosx").addClass("macosx"); 61 | showModal("Mac Modal"); 62 | e.preventDefault(); 63 | }); 64 | $(".modalWindows").on("click", function(e) { 65 | $("html").removeClass("macosx").addClass("no-macosx"); 66 | showModal("Windows Modal"); 67 | e.preventDefault(); 68 | }); 69 | $(".modalAuto").on("click", function(e) { 70 | $("html").removeClass("no-macosx").removeClass("macosx").addClass(restoreTest); 71 | showModal("Auto Detected"); 72 | e.preventDefault(); 73 | }); 74 | 75 | 76 | // GRAPHIC EQ 77 | $( "#eq > span" ).each(function() { 78 | // read initial values from markup and remove that 79 | var value = parseInt( $( this ).text(), 10 ); 80 | $( this ).empty().slider({ 81 | value: value, 82 | range: "min", 83 | animate: true, 84 | orientation: "vertical" 85 | }); 86 | }); 87 | 88 | // AUTOCOMPLETE EXAMPLE 89 | var availableTags = [ 90 | "ActionScript", 91 | "AppleScript", 92 | "Asp", 93 | "BASIC", 94 | "C", 95 | "C++", 96 | "Clojure", 97 | "COBOL", 98 | "ColdFusion", 99 | "Erlang", 100 | "Fortran", 101 | "Groovy", 102 | "Haskell", 103 | "Java", 104 | "JavaScript", 105 | "Lisp", 106 | "Perl", 107 | "PHP", 108 | "Python", 109 | "Ruby", 110 | "Scala", 111 | "Scheme" 112 | ]; 113 | $(".autocomplete").autocomplete({ 114 | source: availableTags 115 | }); 116 | 117 | 118 | // PROGRESS BAR EXAMPLE 119 | $("#progressbar").progressbar({ 120 | value: 37 121 | }).width(300); 122 | 123 | }); -------------------------------------------------------------------------------- /js/jquery-ui.toggleSwitch.js: -------------------------------------------------------------------------------- 1 | jQuery.fn.toggleSwitch = function (params) { 2 | 3 | var defaults = { 4 | highlight: true, 5 | width: 25, 6 | change: null 7 | }; 8 | 9 | var options = $.extend({}, defaults, params); 10 | 11 | $(this).each(function (i, item) { 12 | generateToggle(item); 13 | }); 14 | 15 | function generateToggle(selectObj) { 16 | 17 | // create containing element 18 | var $contain = $("
").addClass("ui-toggle-switch"); 19 | 20 | // generate labels 21 | $(selectObj).find("option").each(function (i, item) { 22 | $contain.append(""); 23 | }).end().addClass("ui-toggle-switch"); 24 | 25 | // generate slider with established options 26 | var $slider = $("
").slider({ 27 | min: 0, 28 | max: 100, 29 | animate: "fast", 30 | change: options.change, 31 | stop: function (e, ui) { 32 | var roundedVal = Math.round(ui.value / 100); 33 | var self = this; 34 | window.setTimeout(function () { 35 | toggleValue(self.parentNode, roundedVal); 36 | }, 11); 37 | }, 38 | range: (options.highlight && !$(selectObj).data("hideHighlight")) ? "max" : null 39 | }).width(options.width); 40 | 41 | // put slider in the middle 42 | $slider.insertAfter( 43 | $contain.children().eq(0) 44 | ); 45 | 46 | // bind interaction 47 | $contain.delegate("label", "click", function () { 48 | if ($(this).hasClass("ui-state-active")) { 49 | return; 50 | } 51 | var labelIndex = ($(this).is(":first-child")) ? 0 : 1; 52 | toggleValue(this.parentNode, labelIndex); 53 | }); 54 | 55 | function toggleValue(slideContain, index) { 56 | $(slideContain).find("label").eq(index).addClass("ui-state-active").siblings("label").removeClass("ui-state-active"); 57 | $(slideContain).parent().find("option").eq(index).attr("selected", true); 58 | $(slideContain).find(".ui-slider").slider("value", index * 100); 59 | } 60 | 61 | // initialise selected option 62 | $contain.find("label").eq(selectObj.selectedIndex).click(); 63 | 64 | // add to DOM 65 | $(selectObj).parent().append($contain); 66 | 67 | } 68 | }; -------------------------------------------------------------------------------- /js/jquery.imgpreload.min.js: -------------------------------------------------------------------------------- 1 | /* v1.4 */ 2 | /* https://github.com/farinspace/jquery.imgpreload */ 3 | if("undefined"!=typeof jQuery){(function(a){a.imgpreload=function(b,c){c=a.extend({},a.fn.imgpreload.defaults,c instanceof Function?{all:c}:c);if("string"==typeof b){b=new Array(b)}var d=new Array;a.each(b,function(e,f){var g=new Image;var h=f;var i=g;if("string"!=typeof f){h=a(f).attr("src");i=f}a(g).bind("load error",function(e){d.push(i);a.data(i,"loaded","error"==e.type?false:true);if(c.each instanceof Function){c.each.call(i)}if(d.length>=b.length&&c.all instanceof Function){c.all.call(d)}a(this).unbind("load error")});g.src=h})};a.fn.imgpreload=function(b){a.imgpreload(this,b);return this};a.fn.imgpreload.defaults={each:null,all:null}})(jQuery)} -------------------------------------------------------------------------------- /js/modernizr-2.0.6.min.js: -------------------------------------------------------------------------------- 1 | /* Modernizr 2.0.6 | MIT & BSD 2 | * Contains: All core tests, html5shiv, yepnope, respond.js. Get your own custom build at www.modernizr.com/download/ 3 | */ 4 | ;window.Modernizr=function(a,b,c){function I(){e.input=function(a){for(var b=0,c=a.length;b",a,""].join(""),k.id=i,k.innerHTML+=f,g.appendChild(k),h=c(k,a),k.parentNode.removeChild(k);return!!h},w=function(b){if(a.matchMedia)return matchMedia(b).matches;var c;v("@media "+b+" { #"+i+" { position: absolute; } }",function(b){c=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle).position=="absolute"});return c},x=function(){function d(d,e){e=e||b.createElement(a[d]||"div"),d="on"+d;var f=d in e;f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=D(e[d],"function"),D(e[d],c)||(e[d]=c),e.removeAttribute(d))),e=null;return f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),y,z={}.hasOwnProperty,A;!D(z,c)&&!D(z.call,c)?A=function(a,b){return z.call(a,b)}:A=function(a,b){return b in a&&D(a.constructor.prototype[b],c)};var H=function(c,d){var f=c.join(""),g=d.length;v(f,function(c,d){var f=b.styleSheets[b.styleSheets.length-1],h=f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||"",i=c.childNodes,j={};while(g--)j[i[g].id]=i[g];e.touch="ontouchstart"in a||j.touch.offsetTop===9,e.csstransforms3d=j.csstransforms3d.offsetLeft===9,e.generatedcontent=j.generatedcontent.offsetHeight>=1,e.fontface=/src/i.test(h)&&h.indexOf(d.split(" ")[0])===0},g,d)}(['@font-face {font-family:"font";src:url("https://")}',["@media (",o.join("touch-enabled),("),i,")","{#touch{top:9px;position:absolute}}"].join(""),["@media (",o.join("transform-3d),("),i,")","{#csstransforms3d{left:9px;position:absolute}}"].join(""),['#generatedcontent:after{content:"',m,'";visibility:hidden}'].join("")],["fontface","touch","csstransforms3d","generatedcontent"]);r.flexbox=function(){function c(a,b,c,d){a.style.cssText=o.join(b+":"+c+";")+(d||"")}function a(a,b,c,d){b+=":",a.style.cssText=(b+o.join(c+";"+b)).slice(0,-b.length)+(d||"")}var d=b.createElement("div"),e=b.createElement("div");a(d,"display","box","width:42px;padding:0;"),c(e,"box-flex","1","width:10px;"),d.appendChild(e),g.appendChild(d);var f=e.offsetWidth===42;d.removeChild(e),g.removeChild(d);return f},r.canvas=function(){var a=b.createElement("canvas");return!!a.getContext&&!!a.getContext("2d")},r.canvastext=function(){return!!e.canvas&&!!D(b.createElement("canvas").getContext("2d").fillText,"function")},r.webgl=function(){return!!a.WebGLRenderingContext},r.touch=function(){return e.touch},r.geolocation=function(){return!!navigator.geolocation},r.postmessage=function(){return!!a.postMessage},r.websqldatabase=function(){var b=!!a.openDatabase;return b},r.indexedDB=function(){for(var b=-1,c=p.length;++b7)},r.history=function(){return!!a.history&&!!history.pushState},r.draganddrop=function(){return x("dragstart")&&x("drop")},r.websockets=function(){for(var b=-1,c=p.length;++b";return(a.firstChild&&a.firstChild.namespaceURI)==q.svg},r.smil=function(){return!!b.createElementNS&&/SVG/.test(n.call(b.createElementNS(q.svg,"animate")))},r.svgclippaths=function(){return!!b.createElementNS&&/SVG/.test(n.call(b.createElementNS(q.svg,"clipPath")))};for(var J in r)A(r,J)&&(y=J.toLowerCase(),e[y]=r[J](),u.push((e[y]?"":"no-")+y));e.input||I(),e.addTest=function(a,b){if(typeof a=="object")for(var d in a)A(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return;b=typeof b=="boolean"?b:!!b(),g.className+=" "+(b?"":"no-")+a,e[a]=b}return e},B(""),j=l=null,a.attachEvent&&function(){var a=b.createElement("div");a.innerHTML="";return a.childNodes.length!==1}()&&function(a,b){function s(a){var b=-1;while(++b=u.minw)&&(!u.maxw||u.maxw&&l<=u.maxw))m[u.media]||(m[u.media]=[]),m[u.media].push(f[u.rules])}for(var t in g)g[t]&&g[t].parentNode===j&&j.removeChild(g[t]);for(var t in m){var v=c.createElement("style"),w=m[t].join("\n");v.type="text/css",v.media=t,v.styleSheet?v.styleSheet.cssText=w:v.appendChild(c.createTextNode(w)),n.appendChild(v),g.push(v)}j.insertBefore(n,o.nextSibling)}},s=function(a,b){var c=t();if(!!c){c.open("GET",a,!0),c.onreadystatechange=function(){c.readyState==4&&(c.status==200||c.status==304)&&b(c.responseText)};if(c.readyState==4)return;c.send()}},t=function(){var a=!1,b=[function(){return new ActiveXObject("Microsoft.XMLHTTP")},function(){return new XMLHttpRequest}],c=b.length;while(c--){try{a=b[c]()}catch(d){continue}break}return function(){return a}}();m(),respond.update=m,a.addEventListener?a.addEventListener("resize",u,!1):a.attachEvent&&a.attachEvent("onresize",u)}}(this,Modernizr.mq("only all")),function(a,b,c){function k(a){return!a||a=="loaded"||a=="complete"}function j(){var a=1,b=-1;while(p.length- ++b)if(p[b].s&&!(a=p[b].r))break;a&&g()}function i(a){var c=b.createElement("script"),d;c.src=a.s,c.onreadystatechange=c.onload=function(){!d&&k(c.readyState)&&(d=1,j(),c.onload=c.onreadystatechange=null)},m(function(){d||(d=1,j())},H.errorTimeout),a.e?c.onload():n.parentNode.insertBefore(c,n)}function h(a){var c=b.createElement("link"),d;c.href=a.s,c.rel="stylesheet",c.type="text/css";if(!a.e&&(w||r)){var e=function(a){m(function(){if(!d)try{a.sheet.cssRules.length?(d=1,j()):e(a)}catch(b){b.code==1e3||b.message=="security"||b.message=="denied"?(d=1,m(function(){j()},0)):e(a)}},0)};e(c)}else c.onload=function(){d||(d=1,m(function(){j()},0))},a.e&&c.onload();m(function(){d||(d=1,j())},H.errorTimeout),!a.e&&n.parentNode.insertBefore(c,n)}function g(){var a=p.shift();q=1,a?a.t?m(function(){a.t=="c"?h(a):i(a)},0):(a(),j()):q=0}function f(a,c,d,e,f,h){function i(){!o&&k(l.readyState)&&(r.r=o=1,!q&&j(),l.onload=l.onreadystatechange=null,m(function(){u.removeChild(l)},0))}var l=b.createElement(a),o=0,r={t:d,s:c,e:h};l.src=l.data=c,!s&&(l.style.display="none"),l.width=l.height="0",a!="object"&&(l.type=d),l.onload=l.onreadystatechange=i,a=="img"?l.onerror=i:a=="script"&&(l.onerror=function(){r.e=r.r=1,g()}),p.splice(e,0,r),u.insertBefore(l,s?null:n),m(function(){o||(u.removeChild(l),r.r=r.e=o=1,j())},H.errorTimeout)}function e(a,b,c){var d=b=="c"?z:y;q=0,b=b||"j",C(a)?f(d,a,b,this.i++,l,c):(p.splice(this.i++,0,a),p.length==1&&g());return this}function d(){var a=H;a.loader={load:e,i:0};return a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=r&&!s,u=s?l:n.parentNode,v=a.opera&&o.call(a.opera)=="[object Opera]",w="webkitAppearance"in l.style,x=w&&"async"in b.createElement("script"),y=r?"object":v||x?"img":"script",z=w?"img":y,A=Array.isArray||function(a){return o.call(a)=="[object Array]"},B=function(a){return Object(a)===a},C=function(a){return typeof a=="string"},D=function(a){return o.call(a)=="[object Function]"},E=[],F={},G,H;H=function(a){function f(a){var b=a.split("!"),c=E.length,d=b.pop(),e=b.length,f={url:d,origUrl:d,prefixes:b},g,h;for(h=0;h li { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } 544 | 545 | /* 546 | * jQuery UI Datepicker 1.8.16 547 | * 548 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 549 | * Dual licensed under the MIT or GPL Version 2 licenses. 550 | * http://jquery.org/license 551 | * 552 | * http://docs.jquery.com/UI/Datepicker#theming 553 | */ 554 | .ui-datepicker { width: auto; padding: 0; display: none; border: 0 none; } 555 | .ui-datepicker { 556 | -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.35); 557 | -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.35); 558 | box-shadow: 0 1px 2px rgba(0,0,0,0.35); 559 | -webkit-border-radius: 0; 560 | -moz-border-radius: 0; 561 | border-radius: 0; 562 | } 563 | .ui-datepicker .ui-datepicker-header { position: relative; padding:.4em 0; border: 1px solid #3b3e40; } 564 | .ui-datepicker .ui-datepicker-header { 565 | background: #595c5d; /* Old browsers */ 566 | background: -moz-linear-gradient(top, #595c5d 0%, #474a4b 100%); /* FF3.6+ */ 567 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#595c5d), color-stop(100%,#474a4b)); /* Chrome,Safari4+ */ 568 | background: -webkit-linear-gradient(top, #595c5d 0%,#474a4b 100%); /* Chrome10+,Safari5.1+ */ 569 | background: -o-linear-gradient(top, #595c5d 0%,#474a4b 100%); /* Opera 11.10+ */ 570 | background: -ms-linear-gradient(top, #595c5d 0%,#474a4b 100%); /* IE10+ */ 571 | background: linear-gradient(top, #595c5d 0%,#474a4b 100%); /* W3C */ 572 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595c5d', endColorstr='#474a4b',GradientType=0 ); /* IE6-9 */ 573 | -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset; 574 | -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset; 575 | box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset; 576 | -webkit-border-radius: 0; 577 | -moz-border-radius: 0; 578 | border-radius: 0; 579 | } 580 | .ui-datepicker th { 581 | color: #e8e9ea !important; 582 | text-shadow: 0 -1px 0 rgba(0,0,0,0.4); 583 | border: #27292b solid !important; 584 | border-width: 1px 0 !important; 585 | background: #77797a; /* Old browsers */ 586 | background: -moz-linear-gradient(top, #77797a 0%, #5b5e5e 100%); /* FF3.6+ */ 587 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77797a), color-stop(100%,#5b5e5e)); /* Chrome,Safari4+ */ 588 | background: -webkit-linear-gradient(top, #77797a 0%,#5b5e5e 100%); /* Chrome10+,Safari5.1+ */ 589 | background: -o-linear-gradient(top, #77797a 0%,#5b5e5e 100%); /* Opera 11.10+ */ 590 | background: -ms-linear-gradient(top, #77797a 0%,#5b5e5e 100%); /* IE10+ */ 591 | background: linear-gradient(top, #77797a 0%,#5b5e5e 100%); /* W3C */ 592 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77797a', endColorstr='#5b5e5e',GradientType=0 ); /* IE6-9 */ 593 | -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset; 594 | -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset; 595 | box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset; 596 | } 597 | .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 9px; width: 16px; height: 16px; cursor: pointer; } 598 | .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 9px; } 599 | .ui-datepicker .ui-datepicker-prev { left: 2px; } 600 | .ui-datepicker .ui-datepicker-next { right: 2px; } 601 | .ui-datepicker .ui-datepicker-prev-hover { left: 2px; } 602 | .ui-datepicker .ui-datepicker-next-hover { right: 2px; } 603 | .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } 604 | .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; color: #e8e9ea; text-shadow: 0 -1px 0 rgba(0,0,0,0.4); } 605 | .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } 606 | .ui-datepicker select.ui-datepicker-month-year {width: 100%;} 607 | .ui-datepicker select.ui-datepicker-month, 608 | .ui-datepicker select.ui-datepicker-year { width: 49%;} 609 | .ui-datepicker table {width: 1px; font-size: .9em; border-collapse: collapse; margin: -1px 0 0 0; } 610 | .ui-datepicker th { padding: .7em 0; text-align: center; font-weight: bold; border: 0; font-size: 10px; color: #acacac; border-bottom: 1px solid #cdcdcd !important; } 611 | .ui-datepicker td { border: 0; padding: 0; border: 1px solid #cdcdcd; } 612 | .ui-datepicker td a { display: block; padding: 0 !important; width: 30px; height: 30px; border: 0 none !important;/*border: 1px solid #cdcdcd !important;*/ line-height: 30px; text-align: center; font-size: 12px; text-decoration: none; font-weight: bold !important; } 613 | .ui-datepicker td a.ui-state-default { 614 | color: #5d5d5d; 615 | text-shadow: 0 1px 0 rgba(255,255,255,0.5); 616 | background: #e8e9ea; /* Old browsers */ 617 | background: -moz-linear-gradient(top, #e8e9ea 0%, #e3e3e3 100%); /* FF3.6+ */ 618 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e9ea), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */ 619 | background: -webkit-linear-gradient(top, #e8e9ea 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */ 620 | background: -o-linear-gradient(top, #e8e9ea 0%,#e3e3e3 100%); /* Opera 11.10+ */ 621 | background: -ms-linear-gradient(top, #e8e9ea 0%,#e3e3e3 100%); /* IE10+ */ 622 | background: linear-gradient(top, #e8e9ea 0%,#e3e3e3 100%); /* W3C */ 623 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e9ea', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */ 624 | -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset; 625 | -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset; 626 | box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset; 627 | } 628 | .ui-datepicker tr:first-child { 629 | border: 1px solid #27292b; 630 | } 631 | .ui-datepicker-current-day a { 632 | background: #20a8fe !important; 633 | filter: none !important; 634 | color: #FFF !important; 635 | text-shadow: 0 -1px 0 rgba(0,0,0,0.25) !important; 636 | -webkit-box-shadow: 0 0 7px #022a44 inset !important; 637 | -moz-box-shadow: 0 0 7px #022a44 inset !important; 638 | box-shadow: 0 0 7px #022a44 inset !important; 639 | } 640 | td.ui-datepicker-unselectable { 641 | border-color: #ebebeb !important; 642 | background: #fcfcfc; /* Old browsers */ 643 | background: -moz-linear-gradient(top, #fcfcfc 0%, #efefef 100%); /* FF3.6+ */ 644 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ 645 | background: -webkit-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ 646 | background: -o-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Opera 11.10+ */ 647 | background: -ms-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* IE10+ */ 648 | background: linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* W3C */ 649 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ 650 | } 651 | .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } 652 | .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } 653 | .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } 654 | .ui-datepicker .ui-icon-circle-triangle-w { background: url(images/icons_16.png) 0 -128px no-repeat !important; } 655 | .ui-datepicker .ui-icon-circle-triangle-e { background: url(images/icons_16.png) 0 -112px no-repeat !important; } 656 | .ui-datepicker-header .ui-state-hover { border: 0; background: none; } 657 | 658 | /* with multiple calendars */ 659 | .ui-datepicker.ui-datepicker-multi { width:auto; } 660 | .ui-datepicker-multi .ui-datepicker-group { float:left; } 661 | .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } 662 | .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } 663 | .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } 664 | .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } 665 | .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } 666 | .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } 667 | .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } 668 | .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } 669 | 670 | /* RTL support */ 671 | .ui-datepicker-rtl { direction: rtl; } 672 | .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } 673 | .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } 674 | .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 2px; left: auto; } 675 | .ui-datepicker-rtl .ui-datepicker-next:hover { left: 2px; right: auto; } 676 | .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } 677 | .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } 678 | .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } 679 | .ui-datepicker-rtl .ui-datepicker-group { float:right; } 680 | .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } 681 | .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } 682 | 683 | /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ 684 | .ui-datepicker-cover { 685 | display: none; /*sorry for IE5*/ 686 | display/**/: block; /*sorry for IE5*/ 687 | position: absolute; /*must have*/ 688 | z-index: -1; /*must have*/ 689 | filter: mask(); /*must have*/ 690 | top: -4px; /*must have*/ 691 | left: -4px; /*must have*/ 692 | width: 200px; /*must have*/ 693 | height: 200px; /*must have*/ 694 | }/* 695 | * jQuery UI Progressbar 1.8.16 696 | * 697 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 698 | * Dual licensed under the MIT or GPL Version 2 licenses. 699 | * http://jquery.org/license 700 | * 701 | * http://docs.jquery.com/UI/Progressbar#theming 702 | */ 703 | .ui-progressbar { height: 10px; text-align: left; border: 0 none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #333; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.35) inset, 0 1px 0 rgba(255,255,255,0.15); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35) inset, 0 1px 0 rgba(255,255,255,0.15); box-shadow: 0 1px 3px rgba(0,0,0,0.35) inset, 0 1px 0 rgba(255,255,255,0.15); } 704 | .ui-progressbar .ui-progressbar-value { margin: -1px; height:100%; border: 0 none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } 705 | .ui-progressbar .ui-progressbar-value { 706 | background: #27abff; /* Old browsers */ 707 | background: -moz-linear-gradient(top, #27abff 0%, #059eff 100%); /* FF3.6+ */ 708 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27abff), color-stop(100%,#059eff)); /* Chrome,Safari4+ */ 709 | background: -webkit-linear-gradient(top, #27abff 0%,#059eff 100%); /* Chrome10+,Safari5.1+ */ 710 | background: -o-linear-gradient(top, #27abff 0%,#059eff 100%); /* Opera11.10+ */ 711 | background: -ms-linear-gradient(top, #27abff 0%,#059eff 100%); /* IE10+ */ 712 | background: linear-gradient(top, #27abff 0%,#059eff 100%); /* W3C */ 713 | } 714 | 715 | 716 | 717 | 718 | 719 | 720 | 721 | 722 | /* TOGGLE SWITCH CONTROL */ 723 | select.ui-toggle-switch { display: none; } 724 | .ui-toggle-switch, .ui-toggle-switch .ui-slider, .ui-toggle-switch label { display: inline-block; *display: inline; zoom: 1; } 725 | .ui-toggle-switch label { text-transform: uppercase; margin: 0 8px; font-weight: bold; border: 0; font-size: 0.8em; opacity: 0.5; filter: alpha(opacity=50); } 726 | .ui-toggle-switch label:first-child { margin-left: 0; } 727 | .ui-toggle-switch label.ui-state-active { opacity: 1; filter: alpha(opacity=100); } 728 | .ui-toggle-switch .ui-slider { margin: 0 8px; } 729 | 730 | 731 | 732 | 733 | 734 | .ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default { 735 | border: 1px solid #168dd9; 736 | color: #FFF; 737 | padding: 6px 12px; 738 | font-size: 12px; 739 | box-shadow: 0 1px 0 #53bcff inset, 0 1px 2px rgba(0,0,0,0.2) !important; 740 | background: #27abff; /* Old browsers */ 741 | background: -moz-linear-gradient(top, #27abff 0%, #059eff 100%); /* FF3.6+ */ 742 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27abff), color-stop(100%,#059eff)); /* Chrome,Safari4+ */ 743 | background: -webkit-linear-gradient(top, #27abff 0%,#059eff 100%); /* Chrome10+,Safari5.1+ */ 744 | background: -o-linear-gradient(top, #27abff 0%,#059eff 100%); /* Opera11.10+ */ 745 | background: -ms-linear-gradient(top, #27abff 0%,#059eff 100%); /* IE10+ */ 746 | background: linear-gradient(top, #27abff 0%,#059eff 100%); /* W3C */ 747 | -webkit-transition: none; 748 | -moz-transition: none; 749 | -o-transition: none; 750 | } 751 | .ui-button, .ui-button span, button.ui-button.ui-state-default span, .ui-button.ui-state-default span { 752 | text-shadow: 0 -1px 0 #1584de; 753 | } 754 | .ui-button:hover, button.ui-button.ui-state-hover, .ui-button.ui-state-hover { 755 | border: 1px solid #0c6aa6; 756 | box-shadow: 0 1px 0 #58b3ff inset, 0 1px 2px rgba(0,0,0,0.2) !important; 757 | background: #279cff; /* Old browsers */ 758 | background: -moz-linear-gradient(top, #279cff 0%, #058dff 100%); /* FF3.6+ */ 759 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#279cff), color-stop(100%,#058dff)); /* Chrome,Safari4+ */ 760 | background: -webkit-linear-gradient(top, #279cff 0%,#058dff 100%); /* Chrome10+,Safari5.1+ */ 761 | background: -o-linear-gradient(top, #279cff 0%,#058dff 100%); /* Opera11.10+ */ 762 | background: -ms-linear-gradient(top, #279cff 0%,#058dff 100%); /* IE10+ */ 763 | background: linear-gradient(top, #279cff 0%,#058dff 100%); /* W3C */ 764 | } 765 | .ui-button:hover, .ui-button:hover span, button.ui-button.ui-state-hover span { 766 | text-shadow: 0 -1px 0 #117cc0; 767 | } 768 | .ui-button:active, button.ui-button.ui-state-active, .ui-button.ui-state-active { 769 | border: 1px solid #0c6aa6; 770 | position: relative; 771 | top: 1px; 772 | box-shadow: 0 2px 2px rgba(12,106,106,0.5) inset, 0 1px 2px rgba(0,0,0,0.2) !important; 773 | background: #058dff; /* Old browsers */ 774 | background: -moz-linear-gradient(top, #058dff 0%, #279cff 100%); /* FF3.6+ */ 775 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#058dff), color-stop(100%,#279cff)); /* Chrome,Safari4+ */ 776 | background: -webkit-linear-gradient(top, #058dff 0%,#279cff 100%); /* Chrome10+,Safari5.1+ */ 777 | background: -o-linear-gradient(top, #058dff 0%,#279cff 100%); /* Opera11.10+ */ 778 | background: -ms-linear-gradient(top, #058dff 0%,#279cff 100%); /* IE10+ */ 779 | background: linear-gradient(top, #058dff 0%,#279cff 100%); /* W3C */ 780 | } 781 | .ui-button:active, .ui-button:active span, button.ui-button.ui-state-active span { 782 | text-shadow: 0 -1px 0 #117cc0; 783 | } 784 | .ui-button:focus, 785 | button.ui-button.ui-state-focus { 786 | border-color: #0f669d; 787 | color: #FFF !important; 788 | text-shadow: 0 -1px 0 #216ea6 !important; 789 | box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 3px rgba(0,0,0,0.35) !important; 790 | background: #1888ce !important; 791 | } 792 | .ui-button .ui-button-text { 793 | font-size: 12px; 794 | } 795 | button.ui-button span { 796 | text-shadow: 0 -1px 0 #1584de !important; 797 | } 798 | .ui-button-text-only .ui-button-text { 799 | padding: 0; 800 | } 801 | .ui-toggle-switch label { 802 | text-align: left; 803 | width: auto; 804 | cursor: pointer; 805 | } 806 | .inlineSearch .ui-toggle-switch { 807 | margin-top: 3px; 808 | } 809 | .oldie .inlineSearch .ui-toggle-switch { 810 | margin-top: 2px; 811 | } 812 | 813 | 814 | /* === OSX SPECIFIC CLOSE POSITIONING === */ 815 | .macosx .ui-dialog-titlebar-close { right: inherit; left:-32px; } 816 | .macosx .ui-dialog-buttonset { float: none; } 817 | .macosx .ui-dialog-buttonset button { float: right; } 818 | 819 | 820 | @media 821 | only screen and (-webkit-min-device-pixel-ratio: 2), 822 | only screen and ( min--moz-device-pixel-ratio: 2), 823 | only screen and ( -o-min-device-pixel-ratio: 2/1) { 824 | 825 | .ui-dialog .ui-dialog-titlebar-close { 826 | background-image: url(images/modalClose@2x.png); 827 | background-size: 30px 30px; 828 | } 829 | 830 | .ui-slider .ui-slider-handle { 831 | background-image: url(images/slider_handles@2x.png); 832 | background-size: 34px 21px; 833 | } 834 | 835 | } --------------------------------------------------------------------------------