From 8175c1e7f706bb8ab3758aab84a0005fb508b81b Mon Sep 17 00:00:00 2001 From: kasperisager <kasperisager@gmail.com> Date: Wed, 9 Apr 2014 12:16:50 -0400 Subject: [PATCH] Overhaul Gulpfile --- .jshintrc | 3 -- README.md | 3 +- bower.json | 1 + design/.csslintrc | 19 +++++++ design/custom_amelia.css | 18 +++++-- design/custom_bootstrap.css | 34 +++++++++++-- design/custom_cerulean.css | 36 ++++++++++++-- design/custom_cosmo.css | 18 +++++-- design/custom_cyborg.css | 18 +++++-- design/custom_flatly.css | 18 +++++-- design/custom_journal.css | 18 +++++-- design/custom_lumen.css | 18 +++++-- design/custom_readable.css | 18 +++++-- design/custom_simplex.css | 30 +++++++++-- design/custom_slate.css | 74 +++++++++++++++++++++++++-- design/custom_spacelab.css | 46 +++++++++++++++-- design/custom_superhero.css | 18 +++++-- design/custom_united.css | 18 +++++-- design/custom_yeti.css | 18 +++++-- design/style.css | 18 +++++-- gulpfile.js | 99 ++++++++++++++++++------------------- js/.jshintrc | 13 +++++ js/custom.js | 6 +-- js/{ => src}/main.js | 6 +++ package.json | 21 +++++--- 25 files changed, 441 insertions(+), 148 deletions(-) delete mode 100644 .jshintrc create mode 100644 design/.csslintrc create mode 100644 js/.jshintrc rename js/{ => src}/main.js (95%) diff --git a/.jshintrc b/.jshintrc deleted file mode 100644 index fcb5338..0000000 --- a/.jshintrc +++ /dev/null @@ -1,3 +0,0 @@ -{ - "laxcomma": true -} diff --git a/README.md b/README.md index 9da44e1..4e4f20e 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,6 @@  -[](https://github.com/kasperisager/vanilla-bootstrap/releases) [](https://gemnasium.com/kasperisager/vanilla-bootstrap) +[](https://github.com/kasperisager/vanilla-bootstrap/releases) Bootstrap for Vanilla has been rewritten from scratch on top of [Bootstrap 3](http://getbootstrap.com) in this second installation of the most popular theme for Vanilla Forums. Kickstart your Vanilla-powered community forums with a fresh and solid theme that is ready to be customized to your heart's desires. diff --git a/bower.json b/bower.json index b4c5ae0..5b2a97f 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,7 @@ { "name": "vanilla-bootstrap", "private": true, + "main": "less/style.less", "ignore": [ "about.php", "views", diff --git a/design/.csslintrc b/design/.csslintrc new file mode 100644 index 0000000..005b862 --- /dev/null +++ b/design/.csslintrc @@ -0,0 +1,19 @@ +{ + "adjoining-classes": false, + "box-sizing": false, + "box-model": false, + "compatible-vendor-prefixes": false, + "floats": false, + "font-sizes": false, + "gradients": false, + "important": false, + "known-properties": false, + "outline-none": false, + "qualified-headings": false, + "regex-selectors": false, + "shorthand": false, + "text-indent": false, + "unique-headings": false, + "universal-selector": false, + "unqualified-attributes": false +} diff --git a/design/custom_amelia.css b/design/custom_amelia.css index 322b91a..efa8556 100644 --- a/design/custom_amelia.css +++ b/design/custom_amelia.css @@ -101,6 +101,7 @@ figure { } hr { -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } @@ -151,6 +152,8 @@ input { } input[type="checkbox"], input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @@ -196,6 +199,7 @@ th { text-shadow: none !important; color: #000 !important; background: transparent !important; + -webkit-box-shadow: none !important; box-shadow: none !important; } a, @@ -1047,7 +1051,7 @@ select, border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus, @@ -1999,6 +2003,7 @@ a.Bookmarked:before { border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; background-clip: padding-box; } .MenuItems li > hr { @@ -2081,6 +2086,7 @@ a.Bookmarked:before { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .ToggleFlyout { @@ -2386,6 +2392,7 @@ a.Bookmarked:before { padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } @@ -2396,6 +2403,7 @@ a.Bookmarked:before { .navbar-collapse { width: auto; border-top: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { @@ -2525,6 +2533,7 @@ a.Bookmarked:before { margin-top: 0; background-color: transparent; border: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, @@ -3377,8 +3386,6 @@ button.token-input-delete-token { -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; - -moz-transition: -moz-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .Overlay > .Popup.in { @@ -3399,6 +3406,7 @@ button.token-input-delete-token { border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; } @@ -3467,8 +3475,6 @@ button.token-input-delete-token { z-index: 1050; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-out, opacity .15s linear; - -moz-transition: -moz-transform 0.3s ease-out, opacity .15s linear; - -o-transition: -o-transform 0.3s ease-out, opacity .15s linear; transition: transform 0.3s ease-out, opacity .15s linear; } .Overlay > .Popup.in { @@ -3498,6 +3504,7 @@ button.token-input-delete-token { padding: 1px; text-align: left; background-color: #ffffff; + -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); @@ -3887,6 +3894,7 @@ tr.Item:after { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .PagerWrap, diff --git a/design/custom_bootstrap.css b/design/custom_bootstrap.css index 49924c2..74c55c1 100644 --- a/design/custom_bootstrap.css +++ b/design/custom_bootstrap.css @@ -100,6 +100,7 @@ figure { } hr { -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } @@ -150,6 +151,8 @@ input { } input[type="checkbox"], input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @@ -195,6 +198,7 @@ th { text-shadow: none !important; color: #000 !important; background: transparent !important; + -webkit-box-shadow: none !important; box-shadow: none !important; } a, @@ -1046,7 +1050,7 @@ select, border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus, @@ -1998,6 +2002,7 @@ a.Bookmarked:before { border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; background-clip: padding-box; } .MenuItems li > hr { @@ -2080,6 +2085,7 @@ a.Bookmarked:before { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .ToggleFlyout { @@ -2385,6 +2391,7 @@ a.Bookmarked:before { padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } @@ -2395,6 +2402,7 @@ a.Bookmarked:before { .navbar-collapse { width: auto; border-top: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { @@ -2528,6 +2536,7 @@ a.Bookmarked:before { margin-top: 0; background-color: transparent; border: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, @@ -3404,8 +3413,6 @@ button.token-input-delete-token { -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; - -moz-transition: -moz-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .Overlay > .Popup.in { @@ -3426,6 +3433,7 @@ button.token-input-delete-token { border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; } @@ -3494,8 +3502,6 @@ button.token-input-delete-token { z-index: 1050; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-out, opacity .15s linear; - -moz-transition: -moz-transform 0.3s ease-out, opacity .15s linear; - -o-transition: -o-transform 0.3s ease-out, opacity .15s linear; transition: transform 0.3s ease-out, opacity .15s linear; } .Overlay > .Popup.in { @@ -3525,6 +3531,7 @@ button.token-input-delete-token { padding: 1px; text-align: left; background-color: #ffffff; + -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); @@ -3914,6 +3921,7 @@ tr.Item:after { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .PagerWrap, @@ -4555,6 +4563,7 @@ img.jcrop-preview { } .Button { background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0)); background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -4574,6 +4583,7 @@ img.jcrop-preview { } .Button.Primary { background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#2d6ca2)); background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -4591,6 +4601,7 @@ img.jcrop-preview { } .PhotoWrapLarge .ChangePicture { background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)); background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -4608,6 +4619,7 @@ img.jcrop-preview { } .Button.Danger { background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)); background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -4632,6 +4644,7 @@ img.jcrop-preview { .atwho-view li:hover, .token-input-dropdown li:hover { background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); @@ -4640,6 +4653,7 @@ img.jcrop-preview { .token-input-dropdown .token-input-selected-dropdown-item, .token-input-dropdown .token-input-selected-dropdown-item:hover { background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#357ebd)); background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); @@ -4647,6 +4661,7 @@ img.jcrop-preview { } .navbar-default { background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8)); background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0); @@ -4671,6 +4686,7 @@ img.jcrop-preview { .navbar-default .MeBox .Open .FlyoutButton:focus, .navbar-default .navbar-nav > li > .Selected { background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f3f3f3)); background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0); @@ -4687,6 +4703,7 @@ img.jcrop-preview { } .navbar-inverse { background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222222)); background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0); @@ -4702,6 +4719,7 @@ img.jcrop-preview { .navbar-inverse .MeBox .Open .FlyoutButton:focus, .navbar-inverse .navbar-nav > li > .Selected { background-image: -webkit-linear-gradient(top, #222222 0%, #282828 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#282828)); background-image: linear-gradient(to bottom, #222222 0%, #282828 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0); @@ -4724,6 +4742,7 @@ img.jcrop-preview { } .InfoMessage { background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc)); background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); @@ -4731,6 +4750,7 @@ img.jcrop-preview { } .CasualMessage { background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0)); background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); @@ -4738,6 +4758,7 @@ img.jcrop-preview { } .AlertMessage { background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0)); background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); @@ -4746,6 +4767,7 @@ img.jcrop-preview { .WarningMessage, .Errors { background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3)); background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0); @@ -4772,12 +4794,14 @@ img.jcrop-preview { .CategoryBox .H, .CategoryGroup .H { background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); } .SearchForm { background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5)); background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); diff --git a/design/custom_cerulean.css b/design/custom_cerulean.css index 6fe7b89..8993db0 100644 --- a/design/custom_cerulean.css +++ b/design/custom_cerulean.css @@ -100,6 +100,7 @@ figure { } hr { -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } @@ -150,6 +151,8 @@ input { } input[type="checkbox"], input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @@ -195,6 +198,7 @@ th { text-shadow: none !important; color: #000 !important; background: transparent !important; + -webkit-box-shadow: none !important; box-shadow: none !important; } a, @@ -1046,7 +1050,7 @@ select, border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus, @@ -1998,6 +2002,7 @@ a.Bookmarked:before { border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; background-clip: padding-box; } .MenuItems li > hr { @@ -2080,6 +2085,7 @@ a.Bookmarked:before { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .ToggleFlyout { @@ -2385,6 +2391,7 @@ a.Bookmarked:before { padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } @@ -2395,6 +2402,7 @@ a.Bookmarked:before { .navbar-collapse { width: auto; border-top: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { @@ -2524,6 +2532,7 @@ a.Bookmarked:before { margin-top: 0; background-color: transparent; border: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, @@ -3376,8 +3385,6 @@ button.token-input-delete-token { -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; - -moz-transition: -moz-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .Overlay > .Popup.in { @@ -3398,6 +3405,7 @@ button.token-input-delete-token { border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; } @@ -3466,8 +3474,6 @@ button.token-input-delete-token { z-index: 1050; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-out, opacity .15s linear; - -moz-transition: -moz-transform 0.3s ease-out, opacity .15s linear; - -o-transition: -o-transform 0.3s ease-out, opacity .15s linear; transition: transform 0.3s ease-out, opacity .15s linear; } .Overlay > .Popup.in { @@ -3497,6 +3503,7 @@ button.token-input-delete-token { padding: 1px; text-align: left; background-color: #ffffff; + -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); @@ -3886,6 +3893,7 @@ tr.Item:after { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .PagerWrap, @@ -4508,10 +4516,12 @@ img.jcrop-preview { } .navbar { background-image: -webkit-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5); + background-image: -webkit-gradient(linear, left top, left bottom, from(#54b4eb), color-stop(60%, #2fa4e7), to(#1d9ce5)); background-image: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54b4eb', endColorstr='#ff1d9ce5', GradientType=0); border-bottom: 1px solid #178acc; + -webkit-filter: none; filter: none; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); @@ -4522,9 +4532,11 @@ img.jcrop-preview { } .navbar-inverse { background-image: -webkit-linear-gradient(#04519b, #044687 60%, #033769); + background-image: -webkit-gradient(linear, left top, left bottom, from(#04519b), color-stop(60%, #044687), to(#033769)); background-image: linear-gradient(#04519b, #044687 60%, #033769); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04519b', endColorstr='#ff033769', GradientType=0); + -webkit-filter: none; filter: none; border-bottom: 1px solid #022241; } @@ -4541,9 +4553,11 @@ img.jcrop-preview { .btn-default, .Button { background-image: -webkit-linear-gradient(#ffffff, #ffffff 60%, #f5f5f5); + background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(60%, #ffffff), to(#f5f5f5)); background-image: linear-gradient(#ffffff, #ffffff 60%, #f5f5f5); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff5f5f5', GradientType=0); + -webkit-filter: none; filter: none; border-bottom: 1px solid #e6e6e6; } @@ -4559,52 +4573,64 @@ img.jcrop-preview { .btn-default, .Button { background-image: -webkit-linear-gradient(#ffffff, #ffffff 60%, #f5f5f5); + background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(60%, #ffffff), to(#f5f5f5)); background-image: linear-gradient(#ffffff, #ffffff 60%, #f5f5f5); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff5f5f5', GradientType=0); + -webkit-filter: none; filter: none; border-bottom: 1px solid #e6e6e6; } .btn-primary, .Button.Primary { background-image: -webkit-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5); + background-image: -webkit-gradient(linear, left top, left bottom, from(#54b4eb), color-stop(60%, #2fa4e7), to(#1d9ce5)); background-image: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54b4eb', endColorstr='#ff1d9ce5', GradientType=0); + -webkit-filter: none; filter: none; border-bottom: 1px solid #178acc; } .btn-success { background-image: -webkit-linear-gradient(#88c149, #73a839 60%, #699934); + background-image: -webkit-gradient(linear, left top, left bottom, from(#88c149), color-stop(60%, #73a839), to(#699934)); background-image: linear-gradient(#88c149, #73a839 60%, #699934); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff88c149', endColorstr='#ff699934', GradientType=0); + -webkit-filter: none; filter: none; border-bottom: 1px solid #59822c; } .btn-info, .PhotoWrapLarge .ChangePicture { background-image: -webkit-linear-gradient(#04519b, #033c73 60%, #02325f); + background-image: -webkit-gradient(linear, left top, left bottom, from(#04519b), color-stop(60%, #033c73), to(#02325f)); background-image: linear-gradient(#04519b, #033c73 60%, #02325f); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04519b', endColorstr='#ff02325f', GradientType=0); + -webkit-filter: none; filter: none; border-bottom: 1px solid #022241; } .btn-warning { background-image: -webkit-linear-gradient(#ff6707, #dd5600 60%, #c94e00); + background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6707), color-stop(60%, #dd5600), to(#c94e00)); background-image: linear-gradient(#ff6707, #dd5600 60%, #c94e00); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff6707', endColorstr='#ffc94e00', GradientType=0); + -webkit-filter: none; filter: none; border-bottom: 1px solid #aa4200; } .btn-danger, .Button.Danger { background-image: -webkit-linear-gradient(#e12b31, #c71c22 60%, #b5191f); + background-image: -webkit-gradient(linear, left top, left bottom, from(#e12b31), color-stop(60%, #c71c22), to(#b5191f)); background-image: linear-gradient(#e12b31, #c71c22 60%, #b5191f); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe12b31', endColorstr='#ffb5191f', GradientType=0); + -webkit-filter: none; filter: none; border-bottom: 1px solid #9a161a; } diff --git a/design/custom_cosmo.css b/design/custom_cosmo.css index eadbf06..204f23e 100644 --- a/design/custom_cosmo.css +++ b/design/custom_cosmo.css @@ -101,6 +101,7 @@ figure { } hr { -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } @@ -151,6 +152,8 @@ input { } input[type="checkbox"], input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @@ -196,6 +199,7 @@ th { text-shadow: none !important; color: #000 !important; background: transparent !important; + -webkit-box-shadow: none !important; box-shadow: none !important; } a, @@ -1047,7 +1051,7 @@ select, border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus, @@ -1999,6 +2003,7 @@ a.Bookmarked:before { border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; background-clip: padding-box; } .MenuItems li > hr { @@ -2081,6 +2086,7 @@ a.Bookmarked:before { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .ToggleFlyout { @@ -2386,6 +2392,7 @@ a.Bookmarked:before { padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } @@ -2396,6 +2403,7 @@ a.Bookmarked:before { .navbar-collapse { width: auto; border-top: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { @@ -2525,6 +2533,7 @@ a.Bookmarked:before { margin-top: 0; background-color: transparent; border: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, @@ -3377,8 +3386,6 @@ button.token-input-delete-token { -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; - -moz-transition: -moz-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .Overlay > .Popup.in { @@ -3399,6 +3406,7 @@ button.token-input-delete-token { border-radius: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; } @@ -3467,8 +3475,6 @@ button.token-input-delete-token { z-index: 1050; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-out, opacity .15s linear; - -moz-transition: -moz-transform 0.3s ease-out, opacity .15s linear; - -o-transition: -o-transform 0.3s ease-out, opacity .15s linear; transition: transform 0.3s ease-out, opacity .15s linear; } .Overlay > .Popup.in { @@ -3498,6 +3504,7 @@ button.token-input-delete-token { padding: 1px; text-align: left; background-color: #ffffff; + -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); @@ -3887,6 +3894,7 @@ tr.Item:after { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .PagerWrap, diff --git a/design/custom_cyborg.css b/design/custom_cyborg.css index f9fe8f5..e8d5e8c 100644 --- a/design/custom_cyborg.css +++ b/design/custom_cyborg.css @@ -101,6 +101,7 @@ figure { } hr { -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } @@ -151,6 +152,8 @@ input { } input[type="checkbox"], input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @@ -196,6 +199,7 @@ th { text-shadow: none !important; color: #000 !important; background: transparent !important; + -webkit-box-shadow: none !important; box-shadow: none !important; } a, @@ -1047,7 +1051,7 @@ select, border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus, @@ -1999,6 +2003,7 @@ a.Bookmarked:before { border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; background-clip: padding-box; } .MenuItems li > hr { @@ -2081,6 +2086,7 @@ a.Bookmarked:before { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .ToggleFlyout { @@ -2386,6 +2392,7 @@ a.Bookmarked:before { padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } @@ -2396,6 +2403,7 @@ a.Bookmarked:before { .navbar-collapse { width: auto; border-top: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { @@ -2525,6 +2533,7 @@ a.Bookmarked:before { margin-top: 0; background-color: transparent; border: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, @@ -3377,8 +3386,6 @@ button.token-input-delete-token { -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; - -moz-transition: -moz-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .Overlay > .Popup.in { @@ -3399,6 +3406,7 @@ button.token-input-delete-token { border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; } @@ -3467,8 +3475,6 @@ button.token-input-delete-token { z-index: 1050; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-out, opacity .15s linear; - -moz-transition: -moz-transform 0.3s ease-out, opacity .15s linear; - -o-transition: -o-transform 0.3s ease-out, opacity .15s linear; transition: transform 0.3s ease-out, opacity .15s linear; } .Overlay > .Popup.in { @@ -3498,6 +3504,7 @@ button.token-input-delete-token { padding: 1px; text-align: left; background-color: #202020; + -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); @@ -3887,6 +3894,7 @@ tr.Item:after { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .PagerWrap, diff --git a/design/custom_flatly.css b/design/custom_flatly.css index e64fd94..bca5ae5 100644 --- a/design/custom_flatly.css +++ b/design/custom_flatly.css @@ -101,6 +101,7 @@ figure { } hr { -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } @@ -151,6 +152,8 @@ input { } input[type="checkbox"], input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @@ -196,6 +199,7 @@ th { text-shadow: none !important; color: #000 !important; background: transparent !important; + -webkit-box-shadow: none !important; box-shadow: none !important; } a, @@ -1047,7 +1051,7 @@ select, border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus, @@ -1999,6 +2003,7 @@ a.Bookmarked:before { border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; background-clip: padding-box; } .MenuItems li > hr { @@ -2081,6 +2086,7 @@ a.Bookmarked:before { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .ToggleFlyout { @@ -2386,6 +2392,7 @@ a.Bookmarked:before { padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } @@ -2396,6 +2403,7 @@ a.Bookmarked:before { .navbar-collapse { width: auto; border-top: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { @@ -2525,6 +2533,7 @@ a.Bookmarked:before { margin-top: 0; background-color: transparent; border: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, @@ -3377,8 +3386,6 @@ button.token-input-delete-token { -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; - -moz-transition: -moz-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .Overlay > .Popup.in { @@ -3399,6 +3406,7 @@ button.token-input-delete-token { border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; } @@ -3467,8 +3475,6 @@ button.token-input-delete-token { z-index: 1050; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-out, opacity .15s linear; - -moz-transition: -moz-transform 0.3s ease-out, opacity .15s linear; - -o-transition: -o-transform 0.3s ease-out, opacity .15s linear; transition: transform 0.3s ease-out, opacity .15s linear; } .Overlay > .Popup.in { @@ -3498,6 +3504,7 @@ button.token-input-delete-token { padding: 1px; text-align: left; background-color: #ffffff; + -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); @@ -3887,6 +3894,7 @@ tr.Item:after { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .PagerWrap, diff --git a/design/custom_journal.css b/design/custom_journal.css index 7e48bdd..7c58bb2 100644 --- a/design/custom_journal.css +++ b/design/custom_journal.css @@ -101,6 +101,7 @@ figure { } hr { -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } @@ -151,6 +152,8 @@ input { } input[type="checkbox"], input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @@ -196,6 +199,7 @@ th { text-shadow: none !important; color: #000 !important; background: transparent !important; + -webkit-box-shadow: none !important; box-shadow: none !important; } a, @@ -1047,7 +1051,7 @@ select, border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus, @@ -1999,6 +2003,7 @@ a.Bookmarked:before { border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; background-clip: padding-box; } .MenuItems li > hr { @@ -2081,6 +2086,7 @@ a.Bookmarked:before { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .ToggleFlyout { @@ -2386,6 +2392,7 @@ a.Bookmarked:before { padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } @@ -2396,6 +2403,7 @@ a.Bookmarked:before { .navbar-collapse { width: auto; border-top: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { @@ -2525,6 +2533,7 @@ a.Bookmarked:before { margin-top: 0; background-color: transparent; border: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, @@ -3377,8 +3386,6 @@ button.token-input-delete-token { -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; - -moz-transition: -moz-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .Overlay > .Popup.in { @@ -3399,6 +3406,7 @@ button.token-input-delete-token { border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; } @@ -3467,8 +3475,6 @@ button.token-input-delete-token { z-index: 1050; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-out, opacity .15s linear; - -moz-transition: -moz-transform 0.3s ease-out, opacity .15s linear; - -o-transition: -o-transform 0.3s ease-out, opacity .15s linear; transition: transform 0.3s ease-out, opacity .15s linear; } .Overlay > .Popup.in { @@ -3498,6 +3504,7 @@ button.token-input-delete-token { padding: 1px; text-align: left; background-color: #ffffff; + -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); @@ -3887,6 +3894,7 @@ tr.Item:after { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .PagerWrap, diff --git a/design/custom_lumen.css b/design/custom_lumen.css index 0280ed8..2c75b6e 100644 --- a/design/custom_lumen.css +++ b/design/custom_lumen.css @@ -101,6 +101,7 @@ figure { } hr { -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } @@ -151,6 +152,8 @@ input { } input[type="checkbox"], input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @@ -196,6 +199,7 @@ th { text-shadow: none !important; color: #000 !important; background: transparent !important; + -webkit-box-shadow: none !important; box-shadow: none !important; } a, @@ -1047,7 +1051,7 @@ select, border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus, @@ -1999,6 +2003,7 @@ a.Bookmarked:before { border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; background-clip: padding-box; } .MenuItems li > hr { @@ -2081,6 +2086,7 @@ a.Bookmarked:before { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .ToggleFlyout { @@ -2386,6 +2392,7 @@ a.Bookmarked:before { padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } @@ -2396,6 +2403,7 @@ a.Bookmarked:before { .navbar-collapse { width: auto; border-top: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { @@ -2525,6 +2533,7 @@ a.Bookmarked:before { margin-top: 0; background-color: transparent; border: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, @@ -3377,8 +3386,6 @@ button.token-input-delete-token { -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; - -moz-transition: -moz-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .Overlay > .Popup.in { @@ -3399,6 +3406,7 @@ button.token-input-delete-token { border-radius: 5px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; } @@ -3467,8 +3475,6 @@ button.token-input-delete-token { z-index: 1050; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-out, opacity .15s linear; - -moz-transition: -moz-transform 0.3s ease-out, opacity .15s linear; - -o-transition: -o-transform 0.3s ease-out, opacity .15s linear; transition: transform 0.3s ease-out, opacity .15s linear; } .Overlay > .Popup.in { @@ -3498,6 +3504,7 @@ button.token-input-delete-token { padding: 1px; text-align: left; background-color: #ffffff; + -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); @@ -3887,6 +3894,7 @@ tr.Item:after { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .PagerWrap, diff --git a/design/custom_readable.css b/design/custom_readable.css index 1853a9d..7eabfd3 100644 --- a/design/custom_readable.css +++ b/design/custom_readable.css @@ -101,6 +101,7 @@ figure { } hr { -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } @@ -151,6 +152,8 @@ input { } input[type="checkbox"], input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @@ -196,6 +199,7 @@ th { text-shadow: none !important; color: #000 !important; background: transparent !important; + -webkit-box-shadow: none !important; box-shadow: none !important; } a, @@ -1047,7 +1051,7 @@ select, border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus, @@ -1999,6 +2003,7 @@ a.Bookmarked:before { border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; background-clip: padding-box; } .MenuItems li > hr { @@ -2081,6 +2086,7 @@ a.Bookmarked:before { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .ToggleFlyout { @@ -2386,6 +2392,7 @@ a.Bookmarked:before { padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } @@ -2396,6 +2403,7 @@ a.Bookmarked:before { .navbar-collapse { width: auto; border-top: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { @@ -2525,6 +2533,7 @@ a.Bookmarked:before { margin-top: 0; background-color: transparent; border: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, @@ -3377,8 +3386,6 @@ button.token-input-delete-token { -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; - -moz-transition: -moz-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .Overlay > .Popup.in { @@ -3399,6 +3406,7 @@ button.token-input-delete-token { border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; } @@ -3467,8 +3475,6 @@ button.token-input-delete-token { z-index: 1050; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-out, opacity .15s linear; - -moz-transition: -moz-transform 0.3s ease-out, opacity .15s linear; - -o-transition: -o-transform 0.3s ease-out, opacity .15s linear; transition: transform 0.3s ease-out, opacity .15s linear; } .Overlay > .Popup.in { @@ -3498,6 +3504,7 @@ button.token-input-delete-token { padding: 1px; text-align: left; background-color: #ffffff; + -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); @@ -3887,6 +3894,7 @@ tr.Item:after { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .PagerWrap, diff --git a/design/custom_simplex.css b/design/custom_simplex.css index fa49b1c..c07c460 100644 --- a/design/custom_simplex.css +++ b/design/custom_simplex.css @@ -100,6 +100,7 @@ figure { } hr { -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } @@ -150,6 +151,8 @@ input { } input[type="checkbox"], input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @@ -195,6 +198,7 @@ th { text-shadow: none !important; color: #000 !important; background: transparent !important; + -webkit-box-shadow: none !important; box-shadow: none !important; } a, @@ -1046,7 +1050,7 @@ select, border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus, @@ -1998,6 +2002,7 @@ a.Bookmarked:before { border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; background-clip: padding-box; } .MenuItems li > hr { @@ -2080,6 +2085,7 @@ a.Bookmarked:before { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .ToggleFlyout { @@ -2385,6 +2391,7 @@ a.Bookmarked:before { padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } @@ -2395,6 +2402,7 @@ a.Bookmarked:before { .navbar-collapse { width: auto; border-top: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { @@ -2524,6 +2532,7 @@ a.Bookmarked:before { margin-top: 0; background-color: transparent; border: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, @@ -3376,8 +3385,6 @@ button.token-input-delete-token { -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; - -moz-transition: -moz-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .Overlay > .Popup.in { @@ -3398,6 +3405,7 @@ button.token-input-delete-token { border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; } @@ -3466,8 +3474,6 @@ button.token-input-delete-token { z-index: 1050; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-out, opacity .15s linear; - -moz-transition: -moz-transform 0.3s ease-out, opacity .15s linear; - -o-transition: -o-transform 0.3s ease-out, opacity .15s linear; transition: transform 0.3s ease-out, opacity .15s linear; } .Overlay > .Popup.in { @@ -3497,6 +3503,7 @@ button.token-input-delete-token { padding: 1px; text-align: left; background-color: #ffffff; + -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); @@ -3886,6 +3893,7 @@ tr.Item:after { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .PagerWrap, @@ -4518,9 +4526,11 @@ img.jcrop-preview { .Button:hover, .Button:focus { background-image: -webkit-linear-gradient(#4f5151, #474949 6%, #3f4141); + background-image: -webkit-gradient(linear, left top, left bottom, from(#4f5151), color-stop(6%, #474949), to(#3f4141)); background-image: linear-gradient(#4f5151, #474949 6%, #3f4141); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f5151', endColorstr='#ff3f4141', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #2e2f2f; } @@ -4530,18 +4540,22 @@ img.jcrop-preview { .Button.Primary:hover, .Button.Primary:focus { background-image: -webkit-linear-gradient(#e72510, #d9230f 6%, #cb210e); + background-image: -webkit-gradient(linear, left top, left bottom, from(#e72510), color-stop(6%, #d9230f), to(#cb210e)); background-image: linear-gradient(#e72510, #d9230f 6%, #cb210e); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe72510', endColorstr='#ffcb210e', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #a91b0c; } .btn-success, .btn-success:hover { background-image: -webkit-linear-gradient(#4da309, #469408 6%, #3f8507); + background-image: -webkit-gradient(linear, left top, left bottom, from(#4da309), color-stop(6%, #469408), to(#3f8507)); background-image: linear-gradient(#4da309, #469408 6%, #3f8507); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4da309', endColorstr='#ff3f8507', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #2f6405; } @@ -4551,18 +4565,22 @@ img.jcrop-preview { .PhotoWrapLarge .ChangePicture:hover, .PhotoWrapLarge .ChangePicture:focus { background-image: -webkit-linear-gradient(#02a5de, #029acf 6%, #028fc0); + background-image: -webkit-gradient(linear, left top, left bottom, from(#02a5de), color-stop(6%, #029acf), to(#028fc0)); background-image: linear-gradient(#02a5de, #029acf 6%, #028fc0); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff02a5de', endColorstr='#ff028fc0', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #02749c; } .btn-warning, .btn-warning:hover { background-image: -webkit-linear-gradient(#a54caa, #9b479f 6%, #914294); + background-image: -webkit-gradient(linear, left top, left bottom, from(#a54caa), color-stop(6%, #9b479f), to(#914294)); background-image: linear-gradient(#a54caa, #9b479f 6%, #914294); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa54caa', endColorstr='#ff914294', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #79377c; } @@ -4572,9 +4590,11 @@ img.jcrop-preview { .Button.Danger:hover, .Button.Danger:focus { background-image: -webkit-linear-gradient(#e08b27, #d9831f 6%, #cc7b1d); + background-image: -webkit-gradient(linear, left top, left bottom, from(#e08b27), color-stop(6%, #d9831f), to(#cc7b1d)); background-image: linear-gradient(#e08b27, #d9831f 6%, #cc7b1d); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe08b27', endColorstr='#ffcc7b1d', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #ac6819; } diff --git a/design/custom_slate.css b/design/custom_slate.css index 4c246f2..b65e24a 100644 --- a/design/custom_slate.css +++ b/design/custom_slate.css @@ -100,6 +100,7 @@ figure { } hr { -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } @@ -150,6 +151,8 @@ input { } input[type="checkbox"], input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @@ -195,6 +198,7 @@ th { text-shadow: none !important; color: #000 !important; background: transparent !important; + -webkit-box-shadow: none !important; box-shadow: none !important; } a, @@ -1046,7 +1050,7 @@ select, border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus, @@ -2010,6 +2014,7 @@ a.Bookmarked:before { border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; background-clip: padding-box; } .MenuItems li > hr { @@ -2092,6 +2097,7 @@ a.Bookmarked:before { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .ToggleFlyout { @@ -2397,6 +2403,7 @@ a.Bookmarked:before { padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } @@ -2407,6 +2414,7 @@ a.Bookmarked:before { .navbar-collapse { width: auto; border-top: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { @@ -2536,6 +2544,7 @@ a.Bookmarked:before { margin-top: 0; background-color: transparent; border: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, @@ -3388,8 +3397,6 @@ button.token-input-delete-token { -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; - -moz-transition: -moz-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .Overlay > .Popup.in { @@ -3410,6 +3417,7 @@ button.token-input-delete-token { border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; } @@ -3478,8 +3486,6 @@ button.token-input-delete-token { z-index: 1050; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-out, opacity .15s linear; - -moz-transition: -moz-transform 0.3s ease-out, opacity .15s linear; - -o-transition: -o-transform 0.3s ease-out, opacity .15s linear; transition: transform 0.3s ease-out, opacity .15s linear; } .Overlay > .Popup.in { @@ -3509,6 +3515,7 @@ button.token-input-delete-token { padding: 1px; text-align: left; background-color: #2e3338; + -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); @@ -3898,6 +3905,7 @@ tr.Item:after { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .PagerWrap, @@ -4520,18 +4528,22 @@ img.jcrop-preview { } .navbar { background-image: -webkit-linear-gradient(#484e55, #3a3f44 60%, #313539); + background-image: -webkit-gradient(linear, left top, left bottom, from(#484e55), color-stop(60%, #3a3f44), to(#313539)); background-image: linear-gradient(#484e55, #3a3f44 60%, #313539); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid rgba(0, 0, 0, 0.6); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .navbar-inverse { background-image: -webkit-linear-gradient(#8a9196, #7a8288 60%, #70787d); + background-image: -webkit-gradient(linear, left top, left bottom, from(#8a9196), color-stop(60%, #7a8288), to(#70787d)); background-image: linear-gradient(#8a9196, #7a8288 60%, #70787d); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8a9196', endColorstr='#ff70787d', GradientType=0); + -webkit-filter: none; filter: none; } .navbar-nav > li > a { @@ -4540,9 +4552,11 @@ img.jcrop-preview { } .navbar-nav > li > a:hover { background-image: -webkit-linear-gradient(#020202, #101112 40%, #191b1d); + background-image: -webkit-gradient(linear, left top, left bottom, from(#020202), color-stop(40%, #101112), to(#191b1d)); background-image: linear-gradient(#020202, #101112 40%, #191b1d); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff020202', endColorstr='#ff191b1d', GradientType=0); + -webkit-filter: none; filter: none; border-left-color: transparent; } @@ -4583,97 +4597,121 @@ img.jcrop-preview { .btn-default, .Button { background-image: -webkit-linear-gradient(#484e55, #3a3f44 60%, #313539); + background-image: -webkit-gradient(linear, left top, left bottom, from(#484e55), color-stop(60%, #3a3f44), to(#313539)); background-image: linear-gradient(#484e55, #3a3f44 60%, #313539); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0); + -webkit-filter: none; filter: none; } .btn-default:hover, .Button:hover, .Button:focus { background-image: -webkit-linear-gradient(#020202, #101112 40%, #191b1d); + background-image: -webkit-gradient(linear, left top, left bottom, from(#020202), color-stop(40%, #101112), to(#191b1d)); background-image: linear-gradient(#020202, #101112 40%, #191b1d); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff020202', endColorstr='#ff191b1d', GradientType=0); + -webkit-filter: none; filter: none; } .btn-primary, .Button.Primary { background-image: -webkit-linear-gradient(#8a9196, #7a8288 60%, #70787d); + background-image: -webkit-gradient(linear, left top, left bottom, from(#8a9196), color-stop(60%, #7a8288), to(#70787d)); background-image: linear-gradient(#8a9196, #7a8288 60%, #70787d); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8a9196', endColorstr='#ff70787d', GradientType=0); + -webkit-filter: none; filter: none; } .btn-primary:hover, .Button.Primary:hover, .Button.Primary:focus { background-image: -webkit-linear-gradient(#404448, #4e5458 40%, #585e62); + background-image: -webkit-gradient(linear, left top, left bottom, from(#404448), color-stop(40%, #4e5458), to(#585e62)); background-image: linear-gradient(#404448, #4e5458 40%, #585e62); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff404448', endColorstr='#ff585e62', GradientType=0); + -webkit-filter: none; filter: none; } .btn-success { background-image: -webkit-linear-gradient(#78cc78, #62c462 60%, #53be53); + background-image: -webkit-gradient(linear, left top, left bottom, from(#78cc78), color-stop(60%, #62c462), to(#53be53)); background-image: linear-gradient(#78cc78, #62c462 60%, #53be53); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff78cc78', endColorstr='#ff53be53', GradientType=0); + -webkit-filter: none; filter: none; } .btn-success:hover { background-image: -webkit-linear-gradient(#2f7d2f, #379337 40%, #3da23d); + background-image: -webkit-gradient(linear, left top, left bottom, from(#2f7d2f), color-stop(40%, #379337), to(#3da23d)); background-image: linear-gradient(#2f7d2f, #379337 40%, #3da23d); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f7d2f', endColorstr='#ff3da23d', GradientType=0); + -webkit-filter: none; filter: none; } .btn-info, .PhotoWrapLarge .ChangePicture { background-image: -webkit-linear-gradient(#74cae3, #5bc0de 60%, #4ab9db); + background-image: -webkit-gradient(linear, left top, left bottom, from(#74cae3), color-stop(60%, #5bc0de), to(#4ab9db)); background-image: linear-gradient(#74cae3, #5bc0de 60%, #4ab9db); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff74cae3', endColorstr='#ff4ab9db', GradientType=0); + -webkit-filter: none; filter: none; } .btn-info:hover, .PhotoWrapLarge .ChangePicture:hover, .PhotoWrapLarge .ChangePicture:focus { background-image: -webkit-linear-gradient(#20829f, #2596b8 40%, #28a4c9); + background-image: -webkit-gradient(linear, left top, left bottom, from(#20829f), color-stop(40%, #2596b8), to(#28a4c9)); background-image: linear-gradient(#20829f, #2596b8 40%, #28a4c9); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff20829f', endColorstr='#ff28a4c9', GradientType=0); + -webkit-filter: none; filter: none; } .btn-warning { background-image: -webkit-linear-gradient(#faa123, #f89406 60%, #e48806); + background-image: -webkit-gradient(linear, left top, left bottom, from(#faa123), color-stop(60%, #f89406), to(#e48806)); background-image: linear-gradient(#faa123, #f89406 60%, #e48806); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffaa123', endColorstr='#ffe48806', GradientType=0); + -webkit-filter: none; filter: none; } .btn-warning:hover { background-image: -webkit-linear-gradient(#804d03, #9e5f04 40%, #b26a04); + background-image: -webkit-gradient(linear, left top, left bottom, from(#804d03), color-stop(40%, #9e5f04), to(#b26a04)); background-image: linear-gradient(#804d03, #9e5f04 40%, #b26a04); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff804d03', endColorstr='#ffb26a04', GradientType=0); + -webkit-filter: none; filter: none; } .btn-danger, .Button.Danger { background-image: -webkit-linear-gradient(#f17a77, #ee5f5b 60%, #ec4d49); + background-image: -webkit-gradient(linear, left top, left bottom, from(#f17a77), color-stop(60%, #ee5f5b), to(#ec4d49)); background-image: linear-gradient(#f17a77, #ee5f5b 60%, #ec4d49); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff17a77', endColorstr='#ffec4d49', GradientType=0); + -webkit-filter: none; filter: none; } .btn-danger:hover, .Button.Danger:hover, .Button.Danger:focus { background-image: -webkit-linear-gradient(#bb1813, #d71c16 40%, #e7201a); + background-image: -webkit-gradient(linear, left top, left bottom, from(#bb1813), color-stop(40%, #d71c16), to(#e7201a)); background-image: linear-gradient(#bb1813, #d71c16 40%, #e7201a); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbb1813', endColorstr='#ffe7201a', GradientType=0); + -webkit-filter: none; filter: none; } .btn-link, @@ -4766,9 +4804,11 @@ legend { border-color: rgba(0, 0, 0, 0.6); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); background-image: -webkit-linear-gradient(#484e55, #3a3f44 60%, #313539); + background-image: -webkit-gradient(linear, left top, left bottom, from(#484e55), color-stop(60%, #3a3f44), to(#313539)); background-image: linear-gradient(#484e55, #3a3f44 60%, #313539); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0); + -webkit-filter: none; filter: none; color: #ffffff; } @@ -4780,18 +4820,22 @@ legend { .nav-pills > li > a, .FilterMenu li > a { background-image: -webkit-linear-gradient(#484e55, #3a3f44 60%, #313539); + background-image: -webkit-gradient(linear, left top, left bottom, from(#484e55), color-stop(60%, #3a3f44), to(#313539)); background-image: linear-gradient(#484e55, #3a3f44 60%, #313539); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid rgba(0, 0, 0, 0.6); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .nav-pills > li > a:hover { background-image: -webkit-linear-gradient(#020202, #101112 40%, #191b1d); + background-image: -webkit-gradient(linear, left top, left bottom, from(#020202), color-stop(40%, #101112), to(#191b1d)); background-image: linear-gradient(#020202, #101112 40%, #191b1d); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff020202', endColorstr='#ff191b1d', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid rgba(0, 0, 0, 0.6); } @@ -4802,18 +4846,22 @@ legend { .FilterMenu .Active > a:focus { background-color: none; background-image: -webkit-linear-gradient(#020202, #101112 40%, #191b1d); + background-image: -webkit-gradient(linear, left top, left bottom, from(#020202), color-stop(40%, #101112), to(#191b1d)); background-image: linear-gradient(#020202, #101112 40%, #191b1d); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff020202', endColorstr='#ff191b1d', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid rgba(0, 0, 0, 0.6); } .nav-pills > li.disabled > a, .nav-pills > li.disabled > a:hover { background-image: -webkit-linear-gradient(#484e55, #3a3f44 60%, #313539); + background-image: -webkit-gradient(linear, left top, left bottom, from(#484e55), color-stop(60%, #3a3f44), to(#313539)); background-image: linear-gradient(#484e55, #3a3f44 60%, #313539); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0); + -webkit-filter: none; filter: none; } .pagination > li > a, @@ -4822,25 +4870,31 @@ legend { .NumberedPager > div { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); background-image: -webkit-linear-gradient(#484e55, #3a3f44 60%, #313539); + background-image: -webkit-gradient(linear, left top, left bottom, from(#484e55), color-stop(60%, #3a3f44), to(#313539)); background-image: linear-gradient(#484e55, #3a3f44 60%, #313539); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0); + -webkit-filter: none; filter: none; } .pagination > li > a:hover, .NumberedPager > a:hover, .NumberedPager > a:focus { background-image: -webkit-linear-gradient(#020202, #101112 40%, #191b1d); + background-image: -webkit-gradient(linear, left top, left bottom, from(#020202), color-stop(40%, #101112), to(#191b1d)); background-image: linear-gradient(#020202, #101112 40%, #191b1d); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff020202', endColorstr='#ff191b1d', GradientType=0); + -webkit-filter: none; filter: none; } .pagination > li.active > a { background-image: -webkit-linear-gradient(#020202, #101112 40%, #191b1d); + background-image: -webkit-gradient(linear, left top, left bottom, from(#020202), color-stop(40%, #101112), to(#191b1d)); background-image: linear-gradient(#020202, #101112 40%, #191b1d); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff020202', endColorstr='#ff191b1d', GradientType=0); + -webkit-filter: none; filter: none; } .pagination > li.disabled > a, @@ -4850,33 +4904,41 @@ legend { .Pager > span:focus { background-color: transparent; background-image: -webkit-linear-gradient(#484e55, #3a3f44 60%, #313539); + background-image: -webkit-gradient(linear, left top, left bottom, from(#484e55), color-stop(60%, #3a3f44), to(#313539)); background-image: linear-gradient(#484e55, #3a3f44 60%, #313539); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0); + -webkit-filter: none; filter: none; } .pager > li > a { background-image: -webkit-linear-gradient(#484e55, #3a3f44 60%, #313539); + background-image: -webkit-gradient(linear, left top, left bottom, from(#484e55), color-stop(60%, #3a3f44), to(#313539)); background-image: linear-gradient(#484e55, #3a3f44 60%, #313539); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0); + -webkit-filter: none; filter: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .pager > li > a:hover { background-image: -webkit-linear-gradient(#020202, #101112 40%, #191b1d); + background-image: -webkit-gradient(linear, left top, left bottom, from(#020202), color-stop(40%, #101112), to(#191b1d)); background-image: linear-gradient(#020202, #101112 40%, #191b1d); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff020202', endColorstr='#ff191b1d', GradientType=0); + -webkit-filter: none; filter: none; } .pager > li.disabled > a, .pager > li.disabled > a:hover { background-color: transparent; background-image: -webkit-linear-gradient(#484e55, #3a3f44 60%, #313539); + background-image: -webkit-gradient(linear, left top, left bottom, from(#484e55), color-stop(60%, #3a3f44), to(#313539)); background-image: linear-gradient(#484e55, #3a3f44 60%, #313539); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0); + -webkit-filter: none; filter: none; } .breadcrumb, @@ -4884,9 +4946,11 @@ legend { border: 1px solid rgba(0, 0, 0, 0.6); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); background-image: -webkit-linear-gradient(#484e55, #3a3f44 60%, #313539); + background-image: -webkit-gradient(linear, left top, left bottom, from(#484e55), color-stop(60%, #3a3f44), to(#313539)); background-image: linear-gradient(#484e55, #3a3f44 60%, #313539); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0); + -webkit-filter: none; filter: none; } .alert .alert-link, diff --git a/design/custom_spacelab.css b/design/custom_spacelab.css index 3e35970..a291ff8 100644 --- a/design/custom_spacelab.css +++ b/design/custom_spacelab.css @@ -101,6 +101,7 @@ figure { } hr { -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } @@ -151,6 +152,8 @@ input { } input[type="checkbox"], input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @@ -196,6 +199,7 @@ th { text-shadow: none !important; color: #000 !important; background: transparent !important; + -webkit-box-shadow: none !important; box-shadow: none !important; } a, @@ -1047,7 +1051,7 @@ select, border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus, @@ -1999,6 +2003,7 @@ a.Bookmarked:before { border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; background-clip: padding-box; } .MenuItems li > hr { @@ -2081,6 +2086,7 @@ a.Bookmarked:before { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .ToggleFlyout { @@ -2386,6 +2392,7 @@ a.Bookmarked:before { padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } @@ -2396,6 +2403,7 @@ a.Bookmarked:before { .navbar-collapse { width: auto; border-top: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { @@ -2525,6 +2533,7 @@ a.Bookmarked:before { margin-top: 0; background-color: transparent; border: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, @@ -3377,8 +3386,6 @@ button.token-input-delete-token { -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; - -moz-transition: -moz-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .Overlay > .Popup.in { @@ -3399,6 +3406,7 @@ button.token-input-delete-token { border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; } @@ -3467,8 +3475,6 @@ button.token-input-delete-token { z-index: 1050; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-out, opacity .15s linear; - -moz-transition: -moz-transform 0.3s ease-out, opacity .15s linear; - -o-transition: -o-transform 0.3s ease-out, opacity .15s linear; transition: transform 0.3s ease-out, opacity .15s linear; } .Overlay > .Popup.in { @@ -3498,6 +3504,7 @@ button.token-input-delete-token { padding: 1px; text-align: left; background-color: #ffffff; + -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); @@ -3887,6 +3894,7 @@ tr.Item:after { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .PagerWrap, @@ -4509,18 +4517,22 @@ img.jcrop-preview { } .navbar { background-image: -webkit-linear-gradient(#ffffff, #eeeeee 50%, #e4e4e4); + background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #eeeeee), to(#e4e4e4)); background-image: linear-gradient(#ffffff, #eeeeee 50%, #e4e4e4); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe4e4e4', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #d5d5d5; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } .navbar-inverse { background-image: -webkit-linear-gradient(#6d94bf, #446e9b 50%, #3e648d); + background-image: -webkit-gradient(linear, left top, left bottom, from(#6d94bf), color-stop(50%, #446e9b), to(#3e648d)); background-image: linear-gradient(#6d94bf, #446e9b 50%, #3e648d); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d94bf', endColorstr='#ff3e648d', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #345578; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); @@ -4555,97 +4567,121 @@ img.jcrop-preview { } .btn-default { background-image: -webkit-linear-gradient(#6d7070, #474949 50%, #3d3f3f); + background-image: -webkit-gradient(linear, left top, left bottom, from(#6d7070), color-stop(50%, #474949), to(#3d3f3f)); background-image: linear-gradient(#6d7070, #474949 50%, #3d3f3f); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #2e2f2f; } .btn-default:hover { background-image: -webkit-linear-gradient(#636565, #3d3f3f 50%, #333434); + background-image: -webkit-gradient(linear, left top, left bottom, from(#636565), color-stop(50%, #3d3f3f), to(#333434)); background-image: linear-gradient(#636565, #3d3f3f 50%, #333434); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff636565', endColorstr='#ff333434', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #242525; } .btn-primary { background-image: -webkit-linear-gradient(#6d94bf, #446e9b 50%, #3e648d); + background-image: -webkit-gradient(linear, left top, left bottom, from(#6d94bf), color-stop(50%, #446e9b), to(#3e648d)); background-image: linear-gradient(#6d94bf, #446e9b 50%, #3e648d); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d94bf', endColorstr='#ff3e648d', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #345578; } .btn-primary:hover { background-image: -webkit-linear-gradient(#5f8ab9, #3e648d 50%, #385a7f); + background-image: -webkit-gradient(linear, left top, left bottom, from(#5f8ab9), color-stop(50%, #3e648d), to(#385a7f)); background-image: linear-gradient(#5f8ab9, #3e648d 50%, #385a7f); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5f8ab9', endColorstr='#ff385a7f', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #2e4b69; } .btn-success { background-image: -webkit-linear-gradient(#61dd45, #3cb521 50%, #36a41e); + background-image: -webkit-gradient(linear, left top, left bottom, from(#61dd45), color-stop(50%, #3cb521), to(#36a41e)); background-image: linear-gradient(#61dd45, #3cb521 50%, #36a41e); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff61dd45', endColorstr='#ff36a41e', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #2e8a19; } .btn-success:hover { background-image: -webkit-linear-gradient(#52da34, #36a41e 50%, #31921b); + background-image: -webkit-gradient(linear, left top, left bottom, from(#52da34), color-stop(50%, #36a41e), to(#31921b)); background-image: linear-gradient(#52da34, #36a41e 50%, #31921b); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52da34', endColorstr='#ff31921b', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #287916; } .btn-info { background-image: -webkit-linear-gradient(#7bbdf7, #3399f3 50%, #208ff2); + background-image: -webkit-gradient(linear, left top, left bottom, from(#7bbdf7), color-stop(50%, #3399f3), to(#208ff2)); background-image: linear-gradient(#7bbdf7, #3399f3 50%, #208ff2); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7bbdf7', endColorstr='#ff208ff2', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #0e80e5; } .btn-info:hover { background-image: -webkit-linear-gradient(#68b3f6, #208ff2 50%, #0e86ef); + background-image: -webkit-gradient(linear, left top, left bottom, from(#68b3f6), color-stop(50%, #208ff2), to(#0e86ef)); background-image: linear-gradient(#68b3f6, #208ff2 50%, #0e86ef); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff68b3f6', endColorstr='#ff0e86ef', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #0c75d2; } .btn-warning { background-image: -webkit-linear-gradient(#ff9c21, #d47500 50%, #c06a00); + background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9c21), color-stop(50%, #d47500), to(#c06a00)); background-image: linear-gradient(#ff9c21, #d47500 50%, #c06a00); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #a15900; } .btn-warning:hover { background-image: -webkit-linear-gradient(#ff930d, #c06a00 50%, #ab5e00); + background-image: -webkit-gradient(linear, left top, left bottom, from(#ff930d), color-stop(50%, #c06a00), to(#ab5e00)); background-image: linear-gradient(#ff930d, #c06a00 50%, #ab5e00); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff930d', endColorstr='#ffab5e00', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #8d4e00; } .btn-danger { background-image: -webkit-linear-gradient(#ff1d1b, #cd0200 50%, #b90200); + background-image: -webkit-gradient(linear, left top, left bottom, from(#ff1d1b), color-stop(50%, #cd0200), to(#b90200)); background-image: linear-gradient(#ff1d1b, #cd0200 50%, #b90200); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff1d1b', endColorstr='#ffb90200', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #9a0200; } .btn-danger:hover { background-image: -webkit-linear-gradient(#ff0906, #b90200 50%, #a40200); + background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0906), color-stop(50%, #b90200), to(#a40200)); background-image: linear-gradient(#ff0906, #b90200 50%, #a40200); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff0906', endColorstr='#ffa40200', GradientType=0); + -webkit-filter: none; filter: none; border: 1px solid #860100; } diff --git a/design/custom_superhero.css b/design/custom_superhero.css index 69fd353..bee77cc 100644 --- a/design/custom_superhero.css +++ b/design/custom_superhero.css @@ -101,6 +101,7 @@ figure { } hr { -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } @@ -151,6 +152,8 @@ input { } input[type="checkbox"], input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @@ -196,6 +199,7 @@ th { text-shadow: none !important; color: #000 !important; background: transparent !important; + -webkit-box-shadow: none !important; box-shadow: none !important; } a, @@ -1047,7 +1051,7 @@ select, border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus, @@ -1998,6 +2002,7 @@ a.Bookmarked:before { border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; background-clip: padding-box; } .MenuItems li > hr { @@ -2080,6 +2085,7 @@ a.Bookmarked:before { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .ToggleFlyout { @@ -2385,6 +2391,7 @@ a.Bookmarked:before { padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } @@ -2395,6 +2402,7 @@ a.Bookmarked:before { .navbar-collapse { width: auto; border-top: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { @@ -2524,6 +2532,7 @@ a.Bookmarked:before { margin-top: 0; background-color: transparent; border: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, @@ -3376,8 +3385,6 @@ button.token-input-delete-token { -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; - -moz-transition: -moz-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .Overlay > .Popup.in { @@ -3397,6 +3404,7 @@ button.token-input-delete-token { border-radius: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; } @@ -3465,8 +3473,6 @@ button.token-input-delete-token { z-index: 1050; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-out, opacity .15s linear; - -moz-transition: -moz-transform 0.3s ease-out, opacity .15s linear; - -o-transition: -o-transform 0.3s ease-out, opacity .15s linear; transition: transform 0.3s ease-out, opacity .15s linear; } .Overlay > .Popup.in { @@ -3496,6 +3502,7 @@ button.token-input-delete-token { padding: 1px; text-align: left; background-color: #4e5d6c; + -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid transparent; border-radius: 0; @@ -3884,6 +3891,7 @@ tr.Item:after { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .PagerWrap, diff --git a/design/custom_united.css b/design/custom_united.css index d01ded7..3da7596 100644 --- a/design/custom_united.css +++ b/design/custom_united.css @@ -101,6 +101,7 @@ figure { } hr { -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } @@ -151,6 +152,8 @@ input { } input[type="checkbox"], input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @@ -196,6 +199,7 @@ th { text-shadow: none !important; color: #000 !important; background: transparent !important; + -webkit-box-shadow: none !important; box-shadow: none !important; } a, @@ -1047,7 +1051,7 @@ select, border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus, @@ -1999,6 +2003,7 @@ a.Bookmarked:before { border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; background-clip: padding-box; } .MenuItems li > hr { @@ -2081,6 +2086,7 @@ a.Bookmarked:before { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .ToggleFlyout { @@ -2386,6 +2392,7 @@ a.Bookmarked:before { padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } @@ -2396,6 +2403,7 @@ a.Bookmarked:before { .navbar-collapse { width: auto; border-top: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { @@ -2525,6 +2533,7 @@ a.Bookmarked:before { margin-top: 0; background-color: transparent; border: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, @@ -3377,8 +3386,6 @@ button.token-input-delete-token { -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; - -moz-transition: -moz-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .Overlay > .Popup.in { @@ -3399,6 +3406,7 @@ button.token-input-delete-token { border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; } @@ -3467,8 +3475,6 @@ button.token-input-delete-token { z-index: 1050; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-out, opacity .15s linear; - -moz-transition: -moz-transform 0.3s ease-out, opacity .15s linear; - -o-transition: -o-transform 0.3s ease-out, opacity .15s linear; transition: transform 0.3s ease-out, opacity .15s linear; } .Overlay > .Popup.in { @@ -3498,6 +3504,7 @@ button.token-input-delete-token { padding: 1px; text-align: left; background-color: #ffffff; + -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); @@ -3887,6 +3894,7 @@ tr.Item:after { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .PagerWrap, diff --git a/design/custom_yeti.css b/design/custom_yeti.css index e4e8810..0457176 100644 --- a/design/custom_yeti.css +++ b/design/custom_yeti.css @@ -101,6 +101,7 @@ figure { } hr { -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } @@ -151,6 +152,8 @@ input { } input[type="checkbox"], input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @@ -196,6 +199,7 @@ th { text-shadow: none !important; color: #000 !important; background: transparent !important; + -webkit-box-shadow: none !important; box-shadow: none !important; } a, @@ -1047,7 +1051,7 @@ select, border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus, @@ -1999,6 +2003,7 @@ a.Bookmarked:before { border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; background-clip: padding-box; } .MenuItems li > hr { @@ -2081,6 +2086,7 @@ a.Bookmarked:before { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .ToggleFlyout { @@ -2386,6 +2392,7 @@ a.Bookmarked:before { padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } @@ -2396,6 +2403,7 @@ a.Bookmarked:before { .navbar-collapse { width: auto; border-top: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { @@ -2525,6 +2533,7 @@ a.Bookmarked:before { margin-top: 0; background-color: transparent; border: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, @@ -3377,8 +3386,6 @@ button.token-input-delete-token { -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; - -moz-transition: -moz-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .Overlay > .Popup.in { @@ -3399,6 +3406,7 @@ button.token-input-delete-token { border-radius: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; } @@ -3467,8 +3475,6 @@ button.token-input-delete-token { z-index: 1050; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-out, opacity .15s linear; - -moz-transition: -moz-transform 0.3s ease-out, opacity .15s linear; - -o-transition: -o-transform 0.3s ease-out, opacity .15s linear; transition: transform 0.3s ease-out, opacity .15s linear; } .Overlay > .Popup.in { @@ -3498,6 +3504,7 @@ button.token-input-delete-token { padding: 1px; text-align: left; background-color: #333333; + -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #333333; border: 1px solid transparent; @@ -3887,6 +3894,7 @@ tr.Item:after { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .PagerWrap, diff --git a/design/style.css b/design/style.css index e7a5571..f76c584 100644 --- a/design/style.css +++ b/design/style.css @@ -100,6 +100,7 @@ figure { } hr { -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } @@ -150,6 +151,8 @@ input { } input[type="checkbox"], input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @@ -195,6 +198,7 @@ th { text-shadow: none !important; color: #000 !important; background: transparent !important; + -webkit-box-shadow: none !important; box-shadow: none !important; } a, @@ -1046,7 +1050,7 @@ select, border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus, @@ -1998,6 +2002,7 @@ a.Bookmarked:before { border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; background-clip: padding-box; } .MenuItems li > hr { @@ -2080,6 +2085,7 @@ a.Bookmarked:before { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .ToggleFlyout { @@ -2385,6 +2391,7 @@ a.Bookmarked:before { padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } @@ -2395,6 +2402,7 @@ a.Bookmarked:before { .navbar-collapse { width: auto; border-top: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { @@ -2524,6 +2532,7 @@ a.Bookmarked:before { margin-top: 0; background-color: transparent; border: 0; + -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, @@ -3376,8 +3385,6 @@ button.token-input-delete-token { -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; - -moz-transition: -moz-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .Overlay > .Popup.in { @@ -3398,6 +3405,7 @@ button.token-input-delete-token { border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; } @@ -3466,8 +3474,6 @@ button.token-input-delete-token { z-index: 1050; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-out, opacity .15s linear; - -moz-transition: -moz-transform 0.3s ease-out, opacity .15s linear; - -o-transition: -o-transform 0.3s ease-out, opacity .15s linear; transition: transform 0.3s ease-out, opacity .15s linear; } .Overlay > .Popup.in { @@ -3497,6 +3503,7 @@ button.token-input-delete-token { padding: 1px; text-align: left; background-color: #ffffff; + -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); @@ -3886,6 +3893,7 @@ tr.Item:after { background-color: transparent; border: 0; border-radius: 0; + -webkit-box-shadow: none; box-shadow: none; } .PagerWrap, diff --git a/gulpfile.js b/gulpfile.js index 1c51aa9..abf8ec6 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,62 +1,59 @@ +/* laxcomma: true */ +'use strict'; + var gulp = require('gulp') - , plumber = require('gulp-plumber') - , less = require('gulp-less') - , concat = require('gulp-concat') - , uglify = require('gulp-uglify') - , rename = require('gulp-rename') - , livereload = require('gulp-livereload'); - -gulp.task('core', function () { - gulp.src('less/style.less') - .pipe(plumber()) - .pipe(less({ + , $ = require('gulp-load-plugins')() + + +gulp.task('styles', function () { + var themes = $.filter('!style.css'); + + return gulp.src([ + 'less/style.less' + , 'less/themes/*.less' + ]) + .pipe($.plumber()) + .pipe($.less({ paths: ['less', 'bower_components'] })) + .pipe($.autoprefixer()) + .pipe($.csslint('design/.csslintrc')) + .pipe($.csslint.reporter('default')) + .pipe(themes) + .pipe($.rename(function (path) { + path.basename = 'custom_' + path.basename; + })) + .pipe(themes.restore()) .pipe(gulp.dest('design')) - .pipe(livereload()); + .pipe($.size()); }); -gulp.task('themes', function () { - gulp.src('less/themes/*.less') - .pipe(plumber()) - .pipe(rename(function (path) { - path.basename = 'custom_' + path.basename; - })) - .pipe(less({ - paths: ['less', 'bower_components'] - })) - .pipe(gulp.dest('design')); +gulp.task('scripts', function () { + return gulp.src('js/src/main.js') + .pipe($.plumber()) + .pipe($.jshint('js/.jshintrc')) + .pipe($.jshint.reporter('default')) + .pipe($.include()) + .pipe($.concat('custom.js')) + .pipe($.uglify()) + .pipe(gulp.dest('js')) + .pipe($.size()); }); -gulp.task('default', ['core', 'themes', 'scripts']); +gulp.task('default', ['styles', 'scripts']); -gulp.task('watch', function () { - gulp.watch('less/**/*.less', ['core', 'themes']); - gulp.watch('js/main.js', ['scripts']); -}); +gulp.task('watch', function () { + var server = $.livereload(); -gulp.task('scripts', function () { - gulp.src([ - 'bower_components/bootstrap/js/transition.js', - // 'bower_components/bootstrap/js/alert.js', - // 'bower_components/bootstrap/js/button.js', - // 'bower_components/bootstrap/js/carousel.js', - 'bower_components/bootstrap/js/collapse.js', - // 'bower_components/bootstrap/js/dropdown.js', - // 'bower_components/bootstrap/js/modal.js', - // 'bower_components/bootstrap/js/tooltip.js', - // 'bower_components/bootstrap/js/popover.js', - // 'bower_components/bootstrap/js/scrollspy.js', - // 'bower_components/bootstrap/js/tab.js', - // 'bower_components/bootstrap/js/affix.js', - - 'bower_components/spin.js/spin.js', - 'bower_components/spin.js/jquery.spin.js', - - 'js/main.js' - ]) - .pipe(uglify()) - .pipe(concat('custom.js')) - .pipe(gulp.dest('js')) - .pipe(livereload()); + gulp.watch([ + 'design/*.css' + , 'js/*.js' + , 'views/**/*.tpl' + ], function (file) { + return server.changed(file.path); + }); + + gulp.watch('less/**/*.less', ['styles']); + + gulp.watch('js/src/**/*.js', ['scripts']); }); diff --git a/js/.jshintrc b/js/.jshintrc new file mode 100644 index 0000000..6ecb67d --- /dev/null +++ b/js/.jshintrc @@ -0,0 +1,13 @@ +{ + "asi": true, + "boss": true, + "browser": true, + "debug": true, + "devel": true, + "eqeqeq": false, + "eqnull": true, + "expr": true, + "laxbreak": true, + "laxcomma": true, + "validthis": true +} diff --git a/js/custom.js b/js/custom.js index 70672b7..2588388 100644 --- a/js/custom.js +++ b/js/custom.js @@ -1,5 +1 @@ -+function(n){"use strict";function t(){var n=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var i in t)if(void 0!==n.style[i])return{end:t[i]};return!1}n.fn.emulateTransitionEnd=function(t){var i=!1,r=this;n(this).one(n.support.transition.end,function(){i=!0});var o=function(){i||n(r).trigger(n.support.transition.end)};return setTimeout(o,t),this},n(function(){n.support.transition=t()})}(jQuery); -+function(t){"use strict";var e=function(s,n){this.$element=t(s),this.options=t.extend({},e.DEFAULTS,n),this.transitioning=null,this.options.parent&&(this.$parent=t(this.options.parent)),this.options.toggle&&this.toggle()};e.DEFAULTS={toggle:!0},e.prototype.dimension=function(){var t=this.$element.hasClass("width");return t?"width":"height"},e.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var e=t.Event("show.bs.collapse");if(this.$element.trigger(e),!e.isDefaultPrevented()){var s=this.$parent&&this.$parent.find("> .panel > .in");if(s&&s.length){var n=s.data("bs.collapse");if(n&&n.transitioning)return;s.collapse("hide"),n||s.data("bs.collapse",null)}var i=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[i](0),this.transitioning=1;var a=function(){this.$element.removeClass("collapsing").addClass("collapse in")[i]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!t.support.transition)return a.call(this);var l=t.camelCase(["scroll",i].join("-"));this.$element.one(t.support.transition.end,t.proxy(a,this)).emulateTransitionEnd(350)[i](this.$element[0][l])}}},e.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var e=t.Event("hide.bs.collapse");if(this.$element.trigger(e),!e.isDefaultPrevented()){var s=this.dimension();this.$element[s](this.$element[s]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var n=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return t.support.transition?void this.$element[s](0).one(t.support.transition.end,t.proxy(n,this)).emulateTransitionEnd(350):n.call(this)}}},e.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var s=t.fn.collapse;t.fn.collapse=function(s){return this.each(function(){var n=t(this),i=n.data("bs.collapse"),a=t.extend({},e.DEFAULTS,n.data(),"object"==typeof s&&s);!i&&a.toggle&&"show"==s&&(s=!s),i||n.data("bs.collapse",i=new e(this,a)),"string"==typeof s&&i[s]()})},t.fn.collapse.Constructor=e,t.fn.collapse.noConflict=function(){return t.fn.collapse=s,this},t(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(e){var s,n=t(this),i=n.attr("data-target")||e.preventDefault()||(s=n.attr("href"))&&s.replace(/.*(?=#[^\s]+$)/,""),a=t(i),l=a.data("bs.collapse"),o=l?"toggle":n.data(),r=n.attr("data-parent"),h=r&&t(r);l&&l.transitioning||(h&&h.find('[data-toggle=collapse][data-parent="'+r+'"]').not(n).addClass("collapsed"),n[a.hasClass("in")?"addClass":"removeClass"]("collapsed")),a.collapse(o)})}(jQuery); -!function(t,e){"object"==typeof exports?module.exports=e():"function"==typeof define&&define.amd?define(e):t.Spinner=e()}(this,function(){"use strict";function t(t,e){var i,o=document.createElement(t||"div");for(i in e)o[i]=e[i];return o}function e(t){for(var e=1,i=arguments.length;i>e;e++)t.appendChild(arguments[e]);return t}function i(t,e,i,o){var n=["opacity",e,~~(100*t),i,o].join("-"),r=.01+i/o*100,s=Math.max(1-(1-t)/e*(100-r),t),a=d.substring(0,d.indexOf("Animation")).toLowerCase(),l=a&&"-"+a+"-"||"";return u[n]||(c.insertRule("@"+l+"keyframes "+n+"{0%{opacity:"+s+"}"+r+"%{opacity:"+t+"}"+(r+.01)+"%{opacity:1}"+(r+e)%100+"%{opacity:"+t+"}100%{opacity:"+s+"}}",c.cssRules.length),u[n]=1),n}function o(t,e){var i,o,n=t.style;for(e=e.charAt(0).toUpperCase()+e.slice(1),o=0;o<p.length;o++)if(i=p[o]+e,void 0!==n[i])return i;return void 0!==n[e]?e:void 0}function n(t,e){for(var i in e)t.style[o(t,i)||i]=e[i];return t}function r(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var o in i)void 0===t[o]&&(t[o]=i[o])}return t}function s(t){for(var e={x:t.offsetLeft,y:t.offsetTop};t=t.offsetParent;)e.x+=t.offsetLeft,e.y+=t.offsetTop;return e}function a(t,e){return"string"==typeof t?t:t[e%t.length]}function l(t){return"undefined"==typeof this?new l(t):void(this.opts=r(t||{},l.defaults,h))}function f(){function i(e,i){return t("<"+e+' xmlns="urn:schemas-microsoft.com:vml" class="spin-vml">',i)}c.addRule(".spin-vml","behavior:url(#default#VML)"),l.prototype.lines=function(t,o){function r(){return n(i("group",{coordsize:d+" "+d,coordorigin:-f+" "+-f}),{width:d,height:d})}function s(t,s,l){e(u,e(n(r(),{rotation:360/o.lines*t+"deg",left:~~s}),e(n(i("roundrect",{arcsize:o.corners}),{width:f,height:o.width,left:o.radius,top:-o.width>>1,filter:l}),i("fill",{color:a(o.color,t),opacity:o.opacity}),i("stroke",{opacity:0}))))}var l,f=o.length+o.width,d=2*f,p=2*-(o.width+o.length)+"px",u=n(r(),{position:"absolute",top:p,left:p});if(o.shadow)for(l=1;l<=o.lines;l++)s(l,-2,"progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow=1,shadowopacity=.3)");for(l=1;l<=o.lines;l++)s(l);return e(t,u)},l.prototype.opacity=function(t,e,i,o){var n=t.firstChild;o=o.shadow&&o.lines||0,n&&e+o<n.childNodes.length&&(n=n.childNodes[e+o],n=n&&n.firstChild,n=n&&n.firstChild,n&&(n.opacity=i))}}var d,p=["webkit","Moz","ms","O"],u={},c=function(){var i=t("style",{type:"text/css"});return e(document.getElementsByTagName("head")[0],i),i.sheet||i.styleSheet}(),h={lines:12,length:7,width:5,radius:10,rotate:0,corners:1,color:"#000",direction:1,speed:1,trail:100,opacity:.25,fps:20,zIndex:2e9,className:"spinner",top:"auto",left:"auto",position:"relative"};l.defaults={},r(l.prototype,{spin:function(e){this.stop();var i,o,r=this,a=r.opts,l=r.el=n(t(0,{className:a.className}),{position:a.position,width:0,zIndex:a.zIndex}),f=a.radius+a.length+a.width;if(e&&(e.insertBefore(l,e.firstChild||null),o=s(e),i=s(l),n(l,{left:("auto"==a.left?o.x-i.x+(e.offsetWidth>>1):parseInt(a.left,10)+f)+"px",top:("auto"==a.top?o.y-i.y+(e.offsetHeight>>1):parseInt(a.top,10)+f)+"px"})),l.setAttribute("role","progressbar"),r.lines(l,r.opts),!d){var p,u=0,c=(a.lines-1)*(1-a.direction)/2,h=a.fps,m=h/a.speed,y=(1-a.opacity)/(m*a.trail/100),g=m/a.lines;!function v(){u++;for(var t=0;t<a.lines;t++)p=Math.max(1-(u+(a.lines-t)*g)%m*y,a.opacity),r.opacity(l,t*a.direction+c,p,a);r.timeout=r.el&&setTimeout(v,~~(1e3/h))}()}return r},stop:function(){var t=this.el;return t&&(clearTimeout(this.timeout),t.parentNode&&t.parentNode.removeChild(t),this.el=void 0),this},lines:function(o,r){function s(e,i){return n(t(),{position:"absolute",width:r.length+r.width+"px",height:r.width+"px",background:e,boxShadow:i,transformOrigin:"left",transform:"rotate("+~~(360/r.lines*f+r.rotate)+"deg) translate("+r.radius+"px,0)",borderRadius:(r.corners*r.width>>1)+"px"})}for(var l,f=0,p=(r.lines-1)*(1-r.direction)/2;f<r.lines;f++)l=n(t(),{position:"absolute",top:1+~(r.width/2)+"px",transform:r.hwaccel?"translate3d(0,0,0)":"",opacity:r.opacity,animation:d&&i(r.opacity,r.trail,p+f*r.direction,r.lines)+" "+1/r.speed+"s linear infinite"}),r.shadow&&e(l,n(s("#000","0 0 4px #000"),{top:"2px"})),e(o,e(l,s(a(r.color,f),"0 0 1px rgba(0,0,0,.1)")));return o},opacity:function(t,e,i){e<t.childNodes.length&&(t.childNodes[e].style.opacity=i)}});var m=n(t("group"),{behavior:"url(#default#VML)"});return!o(m,"transform")&&m.adj?f():d=o(m,"animation"),l}); -!function(n){if("object"==typeof exports)n(require("jquery"),require("spin"));else if("function"==typeof define&&define.amd)define(["jquery","spin"],n);else{if(!window.Spinner)throw new Error("Spin.js not present");n(window.jQuery,window.Spinner)}}(function(n,e){n.fn.spin=function(i,s){return this.each(function(){var r=n(this),t=r.data();t.spinner&&(t.spinner.stop(),delete t.spinner),i!==!1&&(i=n.extend({color:s||r.css("color")},n.fn.spin.presets[i]||i),t.spinner=new e(i).spin(this))})},n.fn.spin.presets={tiny:{lines:8,length:2,width:2,radius:3},small:{lines:8,length:4,width:3,radius:5},large:{lines:10,length:8,width:4,radius:8}}}); -!function(n,e,o){"use strict";n(function(){n(".Button.Hidden").removeClass("Hidden").hide(),n(o).on("click",".ToggleFlyout",function(e){n(".InProgress",e.currentTarget).spin({lines:11,radius:5,length:5,width:2})}),n(o).on("click",".EditComment",function(e){n(".TinyProgress",n(e.currentTarget).closest(".Item")).empty().spin({lines:9,radius:3,length:3,width:2})}),n(o).on("click",".MorePager a",function(e){n(e.currentTarget).parent().spin({lines:9,radius:3,length:3,width:2})});var e=".Overlay",t="> .Popup",i=function(){var e=n(this),o=n('<div class="backdrop fade">');n("body").addClass("modal-open"),n(t,e).addClass("fade"),e.data("backdrop")||(e.data("backdrop",o),e.append(o)),setTimeout(function(){o.addClass("in").spin({lines:11,radius:10,length:10,width:4})},0)},a=function(){var e=n(this),o=e.data("backdrop");n(t,e).addClass("in"),o.length&&o.spin(!1)},s=function(){var o=n(this),i=o.data("backdrop");n(t,o).removeClass("in"),setTimeout(function(){i.length&&i.removeClass("in"),n("body").removeClass("modal-open")},150),setTimeout(function(){n(e).remove()},300)};n(o).on("popupLoading",function(){n(e).each(i)}).on("popupReveal",function(){n(e).each(a)}).on("popupClose",function(){n(e).each(s)}),n(o).on("click","a.Delete, a.DeleteComment, a.PopConfirm",function(){n(o).trigger("popupLoading"),setTimeout(function(){n(o).trigger("popupReveal")},150)})}),n.popup.close=function(e){return n(o).unbind("keydown.popup"),n("#"+e.popupId).trigger("popupClose"),!1}}(jQuery,window,document); \ No newline at end of file ++function(t){"use strict";function e(){var t=document.createElement("bootstrap"),e={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in e)if(void 0!==t.style[n])return{end:e[n]};return!1}t.fn.emulateTransitionEnd=function(e){var n=!1,i=this;t(this).one(t.support.transition.end,function(){n=!0});var o=function(){n||t(i).trigger(t.support.transition.end)};return setTimeout(o,e),this},t(function(){t.support.transition=e()})}(jQuery),+function(t){"use strict";var e=function(n,i){this.$element=t(n),this.options=t.extend({},e.DEFAULTS,i),this.transitioning=null,this.options.parent&&(this.$parent=t(this.options.parent)),this.options.toggle&&this.toggle()};e.DEFAULTS={toggle:!0},e.prototype.dimension=function(){var t=this.$element.hasClass("width");return t?"width":"height"},e.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var e=t.Event("show.bs.collapse");if(this.$element.trigger(e),!e.isDefaultPrevented()){var n=this.$parent&&this.$parent.find("> .panel > .in");if(n&&n.length){var i=n.data("bs.collapse");if(i&&i.transitioning)return;n.collapse("hide"),i||n.data("bs.collapse",null)}var o=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[o](0),this.transitioning=1;var s=function(){this.$element.removeClass("collapsing").addClass("collapse in")[o]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!t.support.transition)return s.call(this);var r=t.camelCase(["scroll",o].join("-"));this.$element.one(t.support.transition.end,t.proxy(s,this)).emulateTransitionEnd(350)[o](this.$element[0][r])}}},e.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var e=t.Event("hide.bs.collapse");if(this.$element.trigger(e),!e.isDefaultPrevented()){var n=this.dimension();this.$element[n](this.$element[n]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var i=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return t.support.transition?void this.$element[n](0).one(t.support.transition.end,t.proxy(i,this)).emulateTransitionEnd(350):i.call(this)}}},e.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=t.fn.collapse;t.fn.collapse=function(n){return this.each(function(){var i=t(this),o=i.data("bs.collapse"),s=t.extend({},e.DEFAULTS,i.data(),"object"==typeof n&&n);!o&&s.toggle&&"show"==n&&(n=!n),o||i.data("bs.collapse",o=new e(this,s)),"string"==typeof n&&o[n]()})},t.fn.collapse.Constructor=e,t.fn.collapse.noConflict=function(){return t.fn.collapse=n,this},t(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(e){var n,i=t(this),o=i.attr("data-target")||e.preventDefault()||(n=i.attr("href"))&&n.replace(/.*(?=#[^\s]+$)/,""),s=t(o),r=s.data("bs.collapse"),a=r?"toggle":i.data(),l=i.attr("data-parent"),p=l&&t(l);r&&r.transitioning||(p&&p.find('[data-toggle=collapse][data-parent="'+l+'"]').not(i).addClass("collapsed"),i[s.hasClass("in")?"addClass":"removeClass"]("collapsed")),s.collapse(a)})}(jQuery),function(t,e){"object"==typeof exports?module.exports=e():"function"==typeof define&&define.amd?define(e):t.Spinner=e()}(this,function(){"use strict";function t(t,e){var n,i=document.createElement(t||"div");for(n in e)i[n]=e[n];return i}function e(t){for(var e=1,n=arguments.length;n>e;e++)t.appendChild(arguments[e]);return t}function n(t,e,n,i){var o=["opacity",e,~~(100*t),n,i].join("-"),s=.01+n/i*100,r=Math.max(1-(1-t)/e*(100-s),t),a=d.substring(0,d.indexOf("Animation")).toLowerCase(),l=a&&"-"+a+"-"||"";return u[o]||(f.insertRule("@"+l+"keyframes "+o+"{0%{opacity:"+r+"}"+s+"%{opacity:"+t+"}"+(s+.01)+"%{opacity:1}"+(s+e)%100+"%{opacity:"+t+"}100%{opacity:"+r+"}}",f.cssRules.length),u[o]=1),o}function i(t,e){var n,i,o=t.style;for(e=e.charAt(0).toUpperCase()+e.slice(1),i=0;i<c.length;i++)if(n=c[i]+e,void 0!==o[n])return n;return void 0!==o[e]?e:void 0}function o(t,e){for(var n in e)t.style[i(t,n)||n]=e[n];return t}function s(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)void 0===t[i]&&(t[i]=n[i])}return t}function r(t){for(var e={x:t.offsetLeft,y:t.offsetTop};t=t.offsetParent;)e.x+=t.offsetLeft,e.y+=t.offsetTop;return e}function a(t,e){return"string"==typeof t?t:t[e%t.length]}function l(t){return"undefined"==typeof this?new l(t):void(this.opts=s(t||{},l.defaults,h))}function p(){function n(e,n){return t("<"+e+' xmlns="urn:schemas-microsoft.com:vml" class="spin-vml">',n)}f.addRule(".spin-vml","behavior:url(#default#VML)"),l.prototype.lines=function(t,i){function s(){return o(n("group",{coordsize:d+" "+d,coordorigin:-p+" "+-p}),{width:d,height:d})}function r(t,r,l){e(u,e(o(s(),{rotation:360/i.lines*t+"deg",left:~~r}),e(o(n("roundrect",{arcsize:i.corners}),{width:p,height:i.width,left:i.radius,top:-i.width>>1,filter:l}),n("fill",{color:a(i.color,t),opacity:i.opacity}),n("stroke",{opacity:0}))))}var l,p=i.length+i.width,d=2*p,c=2*-(i.width+i.length)+"px",u=o(s(),{position:"absolute",top:c,left:c});if(i.shadow)for(l=1;l<=i.lines;l++)r(l,-2,"progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow=1,shadowopacity=.3)");for(l=1;l<=i.lines;l++)r(l);return e(t,u)},l.prototype.opacity=function(t,e,n,i){var o=t.firstChild;i=i.shadow&&i.lines||0,o&&e+i<o.childNodes.length&&(o=o.childNodes[e+i],o=o&&o.firstChild,o=o&&o.firstChild,o&&(o.opacity=n))}}var d,c=["webkit","Moz","ms","O"],u={},f=function(){var n=t("style",{type:"text/css"});return e(document.getElementsByTagName("head")[0],n),n.sheet||n.styleSheet}(),h={lines:12,length:7,width:5,radius:10,rotate:0,corners:1,color:"#000",direction:1,speed:1,trail:100,opacity:.25,fps:20,zIndex:2e9,className:"spinner",top:"auto",left:"auto",position:"relative"};l.defaults={},s(l.prototype,{spin:function(e){this.stop();var n,i,s=this,a=s.opts,l=s.el=o(t(0,{className:a.className}),{position:a.position,width:0,zIndex:a.zIndex}),p=a.radius+a.length+a.width;if(e&&(e.insertBefore(l,e.firstChild||null),i=r(e),n=r(l),o(l,{left:("auto"==a.left?i.x-n.x+(e.offsetWidth>>1):parseInt(a.left,10)+p)+"px",top:("auto"==a.top?i.y-n.y+(e.offsetHeight>>1):parseInt(a.top,10)+p)+"px"})),l.setAttribute("role","progressbar"),s.lines(l,s.opts),!d){var c,u=0,f=(a.lines-1)*(1-a.direction)/2,h=a.fps,g=h/a.speed,m=(1-a.opacity)/(g*a.trail/100),v=g/a.lines;!function y(){u++;for(var t=0;t<a.lines;t++)c=Math.max(1-(u+(a.lines-t)*v)%g*m,a.opacity),s.opacity(l,t*a.direction+f,c,a);s.timeout=s.el&&setTimeout(y,~~(1e3/h))}()}return s},stop:function(){var t=this.el;return t&&(clearTimeout(this.timeout),t.parentNode&&t.parentNode.removeChild(t),this.el=void 0),this},lines:function(i,s){function r(e,n){return o(t(),{position:"absolute",width:s.length+s.width+"px",height:s.width+"px",background:e,boxShadow:n,transformOrigin:"left",transform:"rotate("+~~(360/s.lines*p+s.rotate)+"deg) translate("+s.radius+"px,0)",borderRadius:(s.corners*s.width>>1)+"px"})}for(var l,p=0,c=(s.lines-1)*(1-s.direction)/2;p<s.lines;p++)l=o(t(),{position:"absolute",top:1+~(s.width/2)+"px",transform:s.hwaccel?"translate3d(0,0,0)":"",opacity:s.opacity,animation:d&&n(s.opacity,s.trail,c+p*s.direction,s.lines)+" "+1/s.speed+"s linear infinite"}),s.shadow&&e(l,o(r("#000","0 0 4px #000"),{top:"2px"})),e(i,e(l,r(a(s.color,p),"0 0 1px rgba(0,0,0,.1)")));return i},opacity:function(t,e,n){e<t.childNodes.length&&(t.childNodes[e].style.opacity=n)}});var g=o(t("group"),{behavior:"url(#default#VML)"});return!i(g,"transform")&&g.adj?p():d=i(g,"animation"),l}),function(t){if("object"==typeof exports)t(require("jquery"),require("spin"));else if("function"==typeof define&&define.amd)define(["jquery","spin"],t);else{if(!window.Spinner)throw new Error("Spin.js not present");t(window.jQuery,window.Spinner)}}(function(t,e){t.fn.spin=function(n,i){return this.each(function(){var o=t(this),s=o.data();s.spinner&&(s.spinner.stop(),delete s.spinner),n!==!1&&(n=t.extend({color:i||o.css("color")},t.fn.spin.presets[n]||n),s.spinner=new e(n).spin(this))})},t.fn.spin.presets={tiny:{lines:8,length:2,width:2,radius:3},small:{lines:8,length:4,width:3,radius:5},large:{lines:10,length:8,width:4,radius:8}}}),function(t,e,n){"use strict";t(function(){t(".Button.Hidden").removeClass("Hidden").hide(),t(n).on("click",".ToggleFlyout",function(e){t(".InProgress",e.currentTarget).spin({lines:11,radius:5,length:5,width:2})}),t(n).on("click",".EditComment",function(e){t(".TinyProgress",t(e.currentTarget).closest(".Item")).empty().spin({lines:9,radius:3,length:3,width:2})}),t(n).on("click",".MorePager a",function(e){t(e.currentTarget).parent().spin({lines:9,radius:3,length:3,width:2})});var e=".Overlay",i="> .Popup",o=function(){var e=t(this),n=t('<div class="backdrop fade">');t("body").addClass("modal-open"),t(i,e).addClass("fade"),e.data("backdrop")||(e.data("backdrop",n),e.append(n)),setTimeout(function(){n.addClass("in").spin({lines:11,radius:10,length:10,width:4})},0)},s=function(){var e=t(this),n=e.data("backdrop");t(i,e).addClass("in"),n.length&&n.spin(!1)},r=function(){var n=t(this),o=n.data("backdrop");t(i,n).removeClass("in"),setTimeout(function(){o.length&&o.removeClass("in"),t("body").removeClass("modal-open")},150),setTimeout(function(){t(e).remove()},300)};t(n).on("popupLoading",function(){t(e).each(o)}).on("popupReveal",function(){t(e).each(s)}).on("popupClose",function(){t(e).each(r)}),t(n).on("click","a.Delete, a.DeleteComment, a.PopConfirm",function(){t(n).trigger("popupLoading"),setTimeout(function(){t(n).trigger("popupReveal")},150)})}),t.popup.close=function(e){return t(n).unbind("keydown.popup"),t("#"+e.popupId).trigger("popupClose"),!1}}(jQuery,window,document); \ No newline at end of file diff --git a/js/main.js b/js/src/main.js similarity index 95% rename from js/main.js rename to js/src/main.js index aad8eae..48b837e 100644 --- a/js/main.js +++ b/js/src/main.js @@ -1,3 +1,9 @@ +//= require ../../bower_components/bootstrap/js/transition.js +//= require ../../bower_components/bootstrap/js/collapse.js + +//= require ../../bower_components/spin.js/spin.js +//= require ../../bower_components/spin.js/jquery.spin.js + ;(function ($, window, document, undefined) { 'use strict'; diff --git a/package.json b/package.json index 233ad67..c673785 100644 --- a/package.json +++ b/package.json @@ -2,12 +2,19 @@ "name": "vanilla-bootstrap", "private": true, "devDependencies": { - "gulp": "3.5.x", - "gulp-less": "1.2.x", - "gulp-livereload": "1.2.x", - "gulp-concat": "2.1.x", - "gulp-uglify": "0.2.x", - "gulp-rename": "1.2.x", - "gulp-plumber": "0.5.x" + "gulp": "*", + "gulp-less": "*", + "gulp-livereload": "*", + "gulp-concat": "*", + "gulp-uglify": "*", + "gulp-rename": "*", + "gulp-plumber": "*", + "gulp-load-plugins": "*", + "gulp-include": "*", + "gulp-filter": "*", + "gulp-size": "*", + "gulp-csslint": "*", + "gulp-jshint": "*", + "gulp-autoprefixer": "*" } } -- GitLab