diff --git a/modules/backend/assets/css/october.css b/modules/backend/assets/css/october.css index cb66be24e..1fa7a45f0 100644 --- a/modules/backend/assets/css/october.css +++ b/modules/backend/assets/css/october.css @@ -147,7 +147,7 @@ .control-simplelist.is-selectable li.active a{background:#f0f0f0} .control-simplelist.is-selectable li.active a:hover{background:#4da7e8} .list-preview .control-simplelist.is-selectable ul{margin-bottom:0} -.drag-noselect{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none} +.drag-noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .control-scrollbar{position:relative;overflow:hidden;height:100%;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)} .control-scrollbar > div{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)} .control-scrollbar > .scrollbar-scrollbar{position:absolute;z-index:100} @@ -281,7 +281,7 @@ .control-treeview ol > li > div > a{color:#2b3e50;padding:16px 45px 15px 61px;display:block;line-height:150%;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .control-treeview ol > li > div:before{content:' ';background-image:url(../images/treeview-icons.png);background-position:0px -28px;background-repeat:no-repeat;background-size:42px auto;position:absolute;width:21px;height:22px;left:28px;top:20px} .control-treeview ol > li > div span.comment{display:block;font-weight:400;color:#95a5a6;font-size:14px;margin-top:2px;overflow:hidden;text-overflow:ellipsis} -.control-treeview ol > li > div > span.expand{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;display:none;position:absolute;left:0;width:20px;height:20px;top:24px;left:2px;cursor:pointer;color:#bdc3c7;-webkit-transition:transform 0.1s ease;transition:transform 0.1s ease} +.control-treeview ol > li > div > span.expand{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;display:none;position:absolute;width:20px;height:20px;top:24px;left:2px;cursor:pointer;color:#bdc3c7;-webkit-transition:transform 0.1s ease;transition:transform 0.1s ease} .control-treeview ol > li > div > span.expand:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f0da";line-height:100%;font-size:15px;position:relative;left:8px;top:2px} .control-treeview ol > li > div > span.drag-handle{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;position:absolute;right:18px;bottom:5px;width:18px;height:19px;cursor:move;color:#bdc3c7;opacity:0;filter:alpha(opacity=0)} .control-treeview ol > li > div > span.drag-handle:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f0c9";font-size:18px} @@ -488,8 +488,8 @@ div.control-scrollpad[data-direction=horizontal] > div{overflow-x:scroll;overflo div.control-scrollpad[data-direction=horizontal] > div::-webkit-scrollbar{width:auto;height:0} div.control-scrollpad > .scrollpad-scrollbar{z-index:199;position:absolute;top:0;right:0;bottom:0;width:11px;background-color:transparent;opacity:0;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition:opacity 0.3s;transition:opacity 0.3s} div.control-scrollpad > .scrollpad-scrollbar .drag-handle{position:absolute;right:2px;min-height:10px;width:7px;background-color:#aaaaaa;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px} -div.control-scrollpad > .scrollpad-scrollbar:hover{opacity:0.7;-webkit-transition:opacity 0 linear;transition:opacity 0 linear} -div.control-scrollpad > .scrollpad-scrollbar[data-visible]{opacity:0.7} +div.control-scrollpad > .scrollpad-scrollbar:hover{opacity:0.7;filter:alpha(opacity=70);-webkit-transition:opacity 0 linear;transition:opacity 0 linear} +div.control-scrollpad > .scrollpad-scrollbar[data-visible]{opacity:0.7;filter:alpha(opacity=70)} div.control-scrollpad > .scrollpad-scrollbar[data-hidden]{display:none} div.control-scrollpad[data-direction=horizontal] > .scrollpad-scrollbar{top:auto;left:0;width:auto;height:11px} div.control-scrollpad[data-direction=horizontal] > .scrollpad-scrollbar .drag-handle{right:auto;top:2px;height:7px;min-height:0;min-width:10px;width:auto} @@ -647,7 +647,7 @@ body.slim-container .layout.layout-container,body.slim-container .layout .layout .flex-layout-column.absolute{position:absolute !important} .flex-layout-column.fill-container{position:absolute;left:0;top:0;width:100%;height:100%} .flex-layout-row{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row} -.flex-layout-column.justify-center,.flex-layout-row.justify-center{-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:;-webkit-box-pack:center;justify-content:center} +.flex-layout-column.justify-center,.flex-layout-row.justify-center{-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-webkit-box-pack:center;justify-content:center} .flex-layout-column.align-center,.flex-layout-row.align-center{-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-align-content:center;-moz-align-content:center;-webkit-box-align:center;-ms-align-content:center;align-content:center} .flex-layout-column.full-height,.flex-layout-row.full-height{min-height:100%} .flex-layout-item{margin:0} @@ -688,15 +688,15 @@ nav#layout-mainmenu ul.mainmenu-toolbar li.mainmenu-account{margin-right:0} nav#layout-mainmenu ul.mainmenu-toolbar li.mainmenu-account > a{height:78px;line-height:78px;padding:0 20px 0 10px;font-size:16px;position:relative;z-index:590} nav#layout-mainmenu ul.mainmenu-toolbar li.mainmenu-account img{width:40px;margin-right:15px;border-radius:999px} nav#layout-mainmenu ul.mainmenu-toolbar li.mainmenu-account ul{line-height:23px} -nav#layout-mainmenu:hover ul.mainmenu-nav li{-webkit-transition:opacity 0.15s ease;transition:opacity 0.15s ease;opacity:1} +nav#layout-mainmenu:hover ul.mainmenu-nav li{-webkit-transition:opacity 0.15s ease;transition:opacity 0.15s ease;opacity:1;filter:alpha(opacity=100)} nav#layout-mainmenu ul.mainmenu-nav li a{position:relative;width:65px;height:65px} nav#layout-mainmenu ul.mainmenu-nav li a .nav-icon{text-align:center;display:block;position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-22.5px;width:30px;height:30px} nav#layout-mainmenu ul.mainmenu-nav li a .nav-icon i,nav#layout-mainmenu ul.mainmenu-nav li a .nav-icon img{margin:0} nav#layout-mainmenu ul.mainmenu-nav li a .nav-label{display:block;width:100px;height:20px;line-height:23px;position:absolute;bottom:0;left:50%;padding:0 5px;margin-left:-50px;overflow:hidden;text-overflow:ellipsis;text-align:center} -nav#layout-mainmenu ul.mainmenu-nav li{opacity:.65;-webkit-transition:opacity 5s ease;transition:opacity 5s ease;-webkit-transition-delay:5s;transition-delay:5s;margin-right:30px;padding:3px 0} +nav#layout-mainmenu ul.mainmenu-nav li{opacity:0.65;filter:alpha(opacity=65);-webkit-transition:opacity 5s ease;transition:opacity 5s ease;-webkit-transition-delay:5s;transition-delay:5s;margin-right:30px;padding:3px 0} nav#layout-mainmenu ul.mainmenu-nav li:first-child{margin-left:8px} nav#layout-mainmenu ul.mainmenu-nav li:last-child{margin-right:0} -nav#layout-mainmenu ul.mainmenu-nav li.active{opacity:1} +nav#layout-mainmenu ul.mainmenu-nav li.active{opacity:1;filter:alpha(opacity=100)} nav#layout-mainmenu ul.mainmenu-nav li.active a .nav-label{text-shadow:1px 1px 0 rgba(255,255,255,0.3)} nav#layout-mainmenu ul.mainmenu-nav li:hover .nav-label{width:auto;min-width:100px;text-overflow:all;overflow:visible;background-color:#111111;z-index:2} nav#layout-mainmenu .menu-toggle{display:inline-block;font-size:15px;color:inherit;outline:none;height:78px;line-height:78px;display:none} @@ -751,7 +751,7 @@ body.mainmenu-open .mainmenu-collapsed ul{position:fixed;left:0;top:10px;bottom: #layout-sidenav{background-color:#31495f;position:absolute;height:100%;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #layout-sidenav ul{position:relative;margin:0;padding:0;height:100%;overflow:hidden} #layout-sidenav ul,#layout-sidenav ul li:first-child a{-webkit-box-shadow:inset 0 6px 3px -3px rgba(0,0,0,0.1);box-shadow:inset 0 6px 3px -3px rgba(0,0,0,0.1)} -#layout-sidenav ul:after{content:'';position:absolute;top:0;right:0;width:10px;height:100%;-webkit-box-shadow:inset -5px 0 3px rgba(0,0,0,0.1);box-shadow:inset -5px 0 3px rgba(0,0,0,0.1)} +#layout-sidenav ul:after{content:'';position:absolute;height:100%;top:0;right:0;width:10px;-webkit-box-shadow:inset -5px 0 3px rgba(0,0,0,0.1);box-shadow:inset -5px 0 3px rgba(0,0,0,0.1)} #layout-sidenav ul li{display:block;text-align:center;position:relative} #layout-sidenav ul li a{padding:20px 10px;display:block;font-size:14px;color:rgba(255,255,255,0.35);font-weight:normal;position:relative} #layout-sidenav ul li a:hover{text-decoration:none;background-color:transparent} diff --git a/modules/backend/assets/less/controls/scrollbar.less b/modules/backend/assets/less/controls/scrollbar.less index 8ca3585e2..1f0acd840 100644 --- a/modules/backend/assets/less/controls/scrollbar.less +++ b/modules/backend/assets/less/controls/scrollbar.less @@ -3,11 +3,7 @@ // -------------------------------------------------- .drag-noselect { - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; + .user-select(none); } .control-scrollbar { diff --git a/modules/backend/assets/less/controls/scrollpad.less b/modules/backend/assets/less/controls/scrollpad.less index b3f42bbf7..a364d54f9 100644 --- a/modules/backend/assets/less/controls/scrollpad.less +++ b/modules/backend/assets/less/controls/scrollpad.less @@ -67,12 +67,12 @@ div.control-scrollpad { } &:hover { - opacity: 0.7; + .opacity(.7); .transition(opacity 0 linear); } &[data-visible] { - opacity: 0.7; + .opacity(.7); } &[data-hidden] { diff --git a/modules/backend/assets/less/controls/treeview.less b/modules/backend/assets/less/controls/treeview.less index d23455075..3b0718835 100644 --- a/modules/backend/assets/less/controls/treeview.less +++ b/modules/backend/assets/less/controls/treeview.less @@ -63,7 +63,6 @@ .hide-text(); display: none; position: absolute; - left: 0; width: 20px; height: 20px; top: 24px; diff --git a/modules/backend/assets/less/core/mixins.less b/modules/backend/assets/less/core/mixins.less index 1707445c3..e3e0d6981 100644 --- a/modules/backend/assets/less/core/mixins.less +++ b/modules/backend/assets/less/core/mixins.less @@ -128,7 +128,7 @@ .justify-content(@justify: flex-start) { -webkit-justify-content: @justify; -moz-justify-content: @justify; - -ms-justify-content: ; + -ms-justify-content: @justify; -webkit-box-pack: @justify; justify-content: @justify; } diff --git a/modules/backend/assets/less/dashboard/dashboard.less b/modules/backend/assets/less/dashboard/dashboard.less index 4c9054e9a..4df8dd1c5 100644 --- a/modules/backend/assets/less/dashboard/dashboard.less +++ b/modules/backend/assets/less/dashboard/dashboard.less @@ -2,7 +2,7 @@ .dashboard-container > .report-container { .transition(background 1s ease); - border-radius: 5px; + .border-radius(5px); &.loading { position: absolute; diff --git a/modules/backend/assets/less/layout/mainmenu.less b/modules/backend/assets/less/layout/mainmenu.less index 6f3501bfa..07c3a988c 100644 --- a/modules/backend/assets/less/layout/mainmenu.less +++ b/modules/backend/assets/less/layout/mainmenu.less @@ -170,7 +170,7 @@ nav#layout-mainmenu { &:hover { ul.mainmenu-nav li { .transition(opacity .15s ease); - opacity: 1; + .opacity(1); } } @@ -210,7 +210,7 @@ nav#layout-mainmenu { } li { - opacity: .65; + .opacity(.65); .transition(opacity 5s ease); .transition-delay(5s); @@ -226,7 +226,7 @@ nav#layout-mainmenu { } &.active { - opacity: 1; + .opacity(1); a .nav-label { text-shadow: 1px 1px 0 rgba(255,255,255,.3); diff --git a/modules/backend/assets/less/layout/sidenav.less b/modules/backend/assets/less/layout/sidenav.less index 1acdb5372..1d4d23e19 100644 --- a/modules/backend/assets/less/layout/sidenav.less +++ b/modules/backend/assets/less/layout/sidenav.less @@ -17,7 +17,6 @@ top: 0; right: 0; width: 10px; - height: 100%; .box-shadow(inset -5px 0 3px rgba(0,0,0,.1)); } diff --git a/modules/system/assets/css/styles.css b/modules/system/assets/css/styles.css index 98ef8b3ea..690b786ec 100644 --- a/modules/system/assets/css/styles.css +++ b/modules/system/assets/css/styles.css @@ -48,7 +48,7 @@ a:hover,a:focus{color:#001721;text-decoration:underline} a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} img{vertical-align:middle} .img-responsive{display:block;max-width:100%;height:auto} -.img-rounded{border-radius:6px} +.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} .img-circle{border-radius:50%} hr{margin-top:21px;margin-bottom:21px;border:0;border-top:1px solid #eeeeee} .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0} diff --git a/modules/system/assets/less/framework.extras.less b/modules/system/assets/less/framework.extras.less index 5f1a61301..3247695e4 100644 --- a/modules/system/assets/less/framework.extras.less +++ b/modules/system/assets/less/framework.extras.less @@ -64,7 +64,7 @@ body.oc-loading, body.oc-loading * { @start: 0; .infinite-class (@index, @val, @count) when (@index = 0) { @tmpSelector: ~"@{index}%"; - @{tmpSelector} { width: 0%; } + @{tmpSelector} { width: 0; } .infinite-class(@index + 10, @val + (@val / (@count * 2)), @count + 1); } .infinite-class (@index, @val, @count) when (@index < 101) and (@index > 9) { diff --git a/modules/system/assets/less/updates/install.less b/modules/system/assets/less/updates/install.less index 55d3abb32..6aabc8b12 100644 --- a/modules/system/assets/less/updates/install.less +++ b/modules/system/assets/less/updates/install.less @@ -81,7 +81,7 @@ border: 1px solid #E6E9E9; background: #fff; position: relative; - border-radius: 3px; + .border-radius(3px); -webkit-transition: border .2s linear; -moz-transition: border .2s linear; transition: border .2s linear; diff --git a/modules/system/assets/less/updates/updates.less b/modules/system/assets/less/updates/updates.less index e553a8302..17e6939e3 100644 --- a/modules/system/assets/less/updates/updates.less +++ b/modules/system/assets/less/updates/updates.less @@ -83,7 +83,7 @@ text-align: center; white-space: nowrap; vertical-align: baseline; - border-radius: .25em; + .border-radius(.25em); } } diff --git a/modules/system/assets/ui/less/button.mixins.less b/modules/system/assets/ui/less/button.mixins.less index e856dde18..11b9f7239 100644 --- a/modules/system/assets/ui/less/button.mixins.less +++ b/modules/system/assets/ui/less/button.mixins.less @@ -48,5 +48,5 @@ padding: @padding-vertical (@padding-horizontal * 1.5); font-size: @font-size; line-height: @line-height; - border-radius: @border-radius; + .border-radius(@border-radius); } \ No newline at end of file diff --git a/modules/system/assets/ui/less/checkbox.less b/modules/system/assets/ui/less/checkbox.less index 15cda8a9d..7f217f78f 100644 --- a/modules/system/assets/ui/less/checkbox.less +++ b/modules/system/assets/ui/less/checkbox.less @@ -95,7 +95,7 @@ background-color: @color-checkbox-checked; display: inline-block; position: absolute; - left: 0px; + left: 0; top: 3px; .border-radius(17px); } diff --git a/modules/system/assets/ui/less/dropdown.base.less b/modules/system/assets/ui/less/dropdown.base.less index d853edd3d..56ceb449c 100644 --- a/modules/system/assets/ui/less/dropdown.base.less +++ b/modules/system/assets/ui/less/dropdown.base.less @@ -36,7 +36,7 @@ background-color: @dropdown-bg; border: 1px solid @dropdown-fallback-border; // IE8 fallback border: 1px solid @dropdown-border; - border-radius: @border-radius-base; + .border-radius(@border-radius-base); .box-shadow(0 6px 12px rgba(0,0,0,.175)); background-clip: padding-box; diff --git a/modules/system/assets/ui/less/dropdown.less b/modules/system/assets/ui/less/dropdown.less index 269a574e2..bdf520099 100644 --- a/modules/system/assets/ui/less/dropdown.less +++ b/modules/system/assets/ui/less/dropdown.less @@ -30,7 +30,7 @@ > ul { border: 1px solid @dropdown-border; background-color: @dropdown-bg; - border-radius: @border-radius-base; + .border-radius(@border-radius-base); padding: 0; list-style: none; position: relative; diff --git a/modules/system/assets/ui/less/dropdown.variables.less b/modules/system/assets/ui/less/dropdown.variables.less index 5028fa13a..5ba4de21b 100644 --- a/modules/system/assets/ui/less/dropdown.variables.less +++ b/modules/system/assets/ui/less/dropdown.variables.less @@ -14,7 +14,7 @@ @dropdown-header-color: @gray-light; -@color-dropdown-title-border: #c9c9c9; -@color-dropdown-title-text: @dropdown-link-color; -@color-dropdown-hover-color: #2f99da; -@color-dropdown-hover-text: #ffffff; \ No newline at end of file +@color-dropdown-title-border: #c9c9c9; +@color-dropdown-title-text: @dropdown-link-color; +@color-dropdown-hover-color: #2f99da; +@color-dropdown-hover-text: #ffffff; \ No newline at end of file diff --git a/modules/system/assets/ui/less/filter.less b/modules/system/assets/ui/less/filter.less index b9b47601b..6a2734a51 100644 --- a/modules/system/assets/ui/less/filter.less +++ b/modules/system/assets/ui/less/filter.less @@ -78,8 +78,13 @@ &:hover { color: #000; - .filter-label { color: @color-filter-text; } - &.active .filter-setting { background-color: darken(@color-filter-bg-active, 5%); } + + .filter-label { + color: @color-filter-text; + } + &.active .filter-setting { + background-color: darken(@color-filter-bg-active, 5%); + } } } } diff --git a/modules/system/assets/ui/less/form.base.less b/modules/system/assets/ui/less/form.base.less index ca45f366a..c37326fa5 100644 --- a/modules/system/assets/ui/less/form.base.less +++ b/modules/system/assets/ui/less/form.base.less @@ -124,7 +124,7 @@ output { background-color: @input-bg; background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 border: 2px solid @input-border; - border-radius: @input-border-radius; + .border-radius(@input-border-radius); .transition(@input-transition); // Customize the `:focus` state to imitate native WebKit styles. diff --git a/modules/system/assets/ui/less/form.groups.less b/modules/system/assets/ui/less/form.groups.less index 387940a3b..d0225c313 100644 --- a/modules/system/assets/ui/less/form.groups.less +++ b/modules/system/assets/ui/less/form.groups.less @@ -75,18 +75,18 @@ text-align: center; background-color: @input-group-addon-bg; border: 1px solid @input-group-addon-border-color; - border-radius: @border-radius-base; + .border-radius(@border-radius-base); // Sizing &.input-sm { padding: @padding-small-vertical @padding-small-horizontal; font-size: @font-size-small; - border-radius: @border-radius-small; + .border-radius(@border-radius-small); } &.input-lg { padding: @padding-large-vertical @padding-large-horizontal; font-size: @font-size-large; - border-radius: @border-radius-large; + .border-radius(@border-radius-large); } // Nuke default margins from checkboxes and radios to vertically center within. diff --git a/modules/system/assets/ui/less/form.mixins.less b/modules/system/assets/ui/less/form.mixins.less index 8793ccbe9..176ecba53 100644 --- a/modules/system/assets/ui/less/form.mixins.less +++ b/modules/system/assets/ui/less/form.mixins.less @@ -65,7 +65,7 @@ padding: @padding-vertical @padding-horizontal; font-size: @font-size; line-height: @line-height; - border-radius: @border-radius; + .border-radius(@border-radius); select& { height: @input-height; diff --git a/modules/system/assets/ui/less/popup.base.less b/modules/system/assets/ui/less/popup.base.less index c38e04324..f427beee2 100644 --- a/modules/system/assets/ui/less/popup.base.less +++ b/modules/system/assets/ui/less/popup.base.less @@ -50,7 +50,7 @@ background-color: @modal-content-bg; border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc) border: 1px solid @modal-content-border-color; - border-radius: @border-radius-large; + .border-radius(@border-radius-large); .box-shadow(0 3px 9px rgba(0,0,0,.5)); background-clip: padding-box; // Remove focus outline from opened modal diff --git a/modules/system/assets/ui/less/progressbar.less b/modules/system/assets/ui/less/progressbar.less index d0a3f9ea9..77bee32ae 100644 --- a/modules/system/assets/ui/less/progressbar.less +++ b/modules/system/assets/ui/less/progressbar.less @@ -26,13 +26,13 @@ height: 9px; margin-bottom: @line-height-computed; background-color: @progress-bg; - border-radius: @border-radius-base; + .border-radius(@border-radius-base); } // Bar of progress .progress-bar { float: left; - width: 0%; + width: 0; height: 100%; font-size: @font-size-small; line-height: 9px; diff --git a/modules/system/assets/ui/less/site.reset.less b/modules/system/assets/ui/less/site.reset.less index 34760d92e..dd91db494 100644 --- a/modules/system/assets/ui/less/site.reset.less +++ b/modules/system/assets/ui/less/site.reset.less @@ -80,7 +80,7 @@ img { // Rounded corners .img-rounded { - border-radius: @border-radius-large; + .border-radius(@border-radius-large); } // Perfect circle diff --git a/modules/system/assets/ui/less/tab.base.less b/modules/system/assets/ui/less/tab.base.less index 18fbc2274..e4dfdbc47 100644 --- a/modules/system/assets/ui/less/tab.base.less +++ b/modules/system/assets/ui/less/tab.base.less @@ -104,7 +104,7 @@ // Links rendered as pills > a { - border-radius: @nav-pills-border-radius; + .border-radius(@nav-pills-border-radius); } + li { margin-left: 2px; diff --git a/modules/system/assets/ui/less/tooltip.less b/modules/system/assets/ui/less/tooltip.less index 4e9ee7c8c..4247072f3 100644 --- a/modules/system/assets/ui/less/tooltip.less +++ b/modules/system/assets/ui/less/tooltip.less @@ -41,7 +41,7 @@ text-align: center; text-decoration: none; background-color: @tooltip-bg; - border-radius: @border-radius-base; + .border-radius(@border-radius-base); } // Arrows diff --git a/modules/system/assets/ui/storm.css b/modules/system/assets/ui/storm.css index 31bfe6212..f8ae3a82b 100644 --- a/modules/system/assets/ui/storm.css +++ b/modules/system/assets/ui/storm.css @@ -48,7 +48,7 @@ a:hover,a:focus{color:#001721;text-decoration:underline} a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} img{vertical-align:middle} .img-responsive{display:block;max-width:100%;height:auto} -.img-rounded{border-radius:6px} +.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} .img-circle{border-radius:50%} hr{margin-top:21px;margin-bottom:21px;border:0;border-top:1px solid #eeeeee} .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0} @@ -410,7 +410,7 @@ blockquote footer:before,blockquote small:before,blockquote .small:before{conten .blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'} blockquote:before,blockquote:after{content:""} address{margin-bottom:21px;font-style:normal;line-height:1.42857143} -.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:8px 19.5px;font-size:15px;line-height:1.42857143;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} +.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:8px 19.5px;font-size:15px;line-height:1.42857143;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} .btn:hover,.btn:focus{color:#ffffff;text-decoration:none} .btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)} @@ -450,9 +450,9 @@ address{margin-bottom:21px;font-style:normal;line-height:1.42857143} .btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent} .btn-link:hover,.btn-link:focus{color:#001721;text-decoration:underline;background-color:transparent} .btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999999;text-decoration:none} -.btn-lg,.btn-group-lg > .btn{padding:10px 24px;font-size:19px;line-height:1.3333333;border-radius:6px} -.btn-sm,.btn-group-sm > .btn{padding:5px 15px;font-size:13px;line-height:1.5;border-radius:3px} -.btn-xs,.btn-group-xs > .btn{padding:1px 7.5px;font-size:13px;line-height:1.5;border-radius:3px} +.btn-lg,.btn-group-lg > .btn{padding:10px 24px;font-size:19px;line-height:1.3333333;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} +.btn-sm,.btn-group-sm > .btn{padding:5px 15px;font-size:13px;line-height:1.5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} +.btn-xs,.btn-group-xs > .btn{padding:1px 7.5px;font-size:13px;line-height:1.5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .btn-block{display:block;width:100%;padding-left:0;padding-right:0} .btn-block + .btn-block{margin-top:5px} input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%} @@ -523,7 +523,7 @@ input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button" .tooltip.right{margin-left:3px;padding:0 5px} .tooltip.bottom{margin-top:3px;padding:5px 0} .tooltip.left{margin-left:-3px;padding:0 5px} -.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#34495e;border-radius:3px} +.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#34495e;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid} .tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#34495e} .tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#34495e} @@ -1136,7 +1136,7 @@ button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-ap .caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent} .dropdown{position:relative} .dropdown-toggle:focus{outline:0} -.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:15px;background-color:#ffffff;border:1px solid #cccccc;border:1px solid #949ea6;border-radius:3px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box} +.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:15px;background-color:#ffffff;border:1px solid #cccccc;border:1px solid #949ea6;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box} .dropdown-menu.pull-right{right:0;left:auto} .dropdown-menu .divider{height:1px;margin:9.5px 0;overflow:hidden;background-color:#e5e5e5} .dropdown-menu > li > a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#39454a;white-space:nowrap} @@ -1155,7 +1155,7 @@ button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-ap .dropup .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px} .dropdown-menu{padding:0;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none} .dropdown-menu.offset-left{left:10px} -.dropdown-menu .dropdown-container > ul{border:1px solid #949ea6;background-color:#ffffff;border-radius:3px;padding:0;list-style:none;position:relative;margin-top:7px} +.dropdown-menu .dropdown-container > ul{border:1px solid #949ea6;background-color:#ffffff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:0;list-style:none;position:relative;margin-top:7px} .dropdown-menu .dropdown-container > ul:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:8px solid #ffffff;position:absolute;left:15px;top:-8px;z-index:101} .dropdown-menu .dropdown-container > ul:before{content:'';display:block;width:0;height:0;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-bottom:9px solid #949ea6;position:absolute;left:14px;top:-9px;z-index:100} .dropdown-menu .dropdown-container > ul li a{outline:none;padding:10px 15px;font-size:14px;display:block;color:#39454a;position:relative} @@ -1250,8 +1250,8 @@ body.popover-open .control-popover .popover-head:before{display:none} body.breadcrumb-flush .control-breadcrumb,.control-breadcrumb.breadcrumb-flush{margin-bottom:0} body.slim-container .control-breadcrumb{margin-left:0;margin-right:0} body.compact-container .control-breadcrumb{margin-top:0;margin-left:0;margin-right:0} -.progress{overflow:hidden;height:9px;margin-bottom:21px;background-color:#d9dee0;border-radius:3px} -.progress-bar{float:left;width:0%;height:100%;font-size:13px;line-height:9px;color:#ffffff;text-align:center;background-color:#2f99da;-webkit-transition:width 0.6s ease;transition:width 0.6s ease} +.progress{overflow:hidden;height:9px;margin-bottom:21px;background-color:#d9dee0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} +.progress-bar{float:left;width:0;height:100%;font-size:13px;line-height:9px;color:#ffffff;text-align:center;background-color:#2f99da;-webkit-transition:width 0.6s ease;transition:width 0.6s ease} .progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite} .progress-bar-success{background-color:#31ac5f} .progress-bar-info{background-color:#5bc0de} @@ -1324,7 +1324,7 @@ to{background-position:0 0} .nav-tabs.nav-justified > .active > a,.nav-tabs.nav-justified > .active > a:hover,.nav-tabs.nav-justified > .active > a:focus{border-bottom-color:#f9f9f9} } .nav-pills > li{float:left} -.nav-pills > li > a{border-radius:3px} +.nav-pills > li > a{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .nav-pills > li + li{margin-left:2px} .nav-pills > li.active > a,.nav-pills > li.active > a:hover,.nav-pills > li.active > a:focus{color:#ffffff;background-color:#4da7e8} .nav-stacked > li{float:none} @@ -1870,7 +1870,7 @@ input[type="range"]{display:block;width:100%} select[multiple],select[size]{height:auto} input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} output{display:block;padding-top:9px;font-size:15px;line-height:1.42857143;color:#555555} -.form-control{display:block;width:100%;height:39px;padding:8px 13px 9px;font-size:15px;line-height:1.42857143;color:#555555;background-color:#ffffff;background-image:none;border:2px solid #bdc3c7;border-radius:3px;-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s} +.form-control{display:block;width:100%;height:39px;padding:8px 13px 9px;font-size:15px;line-height:1.42857143;color:#555555;background-color:#ffffff;background-image:none;border:2px solid #bdc3c7;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s} .form-control:focus{border-color:#1f99dc;outline:0} .form-control::-moz-placeholder{color:#cccccc;opacity:1} .form-control:-ms-input-placeholder{color:#cccccc} @@ -1888,10 +1888,10 @@ input[type="date"]{line-height:39px} .radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer} .radio-inline + .radio-inline,.checkbox-inline + .checkbox-inline{margin-top:0;margin-left:10px} input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed} -.input-sm{height:31px;padding:5px 10px;font-size:13px;line-height:1.5;border-radius:3px} +.input-sm{height:31px;padding:5px 10px;font-size:13px;line-height:1.5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} select.input-sm{height:31px;line-height:31px} textarea.input-sm,select[multiple].input-sm{height:auto} -.input-lg{height:48px;padding:10px 16px;font-size:19px;line-height:1.3333333;border-radius:6px} +.input-lg{height:48px;padding:10px 16px;font-size:19px;line-height:1.3333333;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} select.input-lg{height:48px;line-height:48px} textarea.input-lg,select[multiple].input-lg{height:auto} .has-feedback{position:relative} @@ -1933,18 +1933,18 @@ label + .help-block,label + .help-block.before-field{margin-top:-7px} .input-group{position:relative;display:table;border-collapse:separate} .input-group[class*="col-"]{float:none;padding-left:0;padding-right:0} .input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0} -.input-group-lg > .form-control,.input-group-lg > .input-group-addon,.input-group-lg > .input-group-btn > .btn{height:48px;padding:10px 16px;font-size:19px;line-height:1.3333333;border-radius:6px} +.input-group-lg > .form-control,.input-group-lg > .input-group-addon,.input-group-lg > .input-group-btn > .btn{height:48px;padding:10px 16px;font-size:19px;line-height:1.3333333;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} select.input-group-lg > .form-control,select.input-group-lg > .input-group-addon,select.input-group-lg > .input-group-btn > .btn{height:48px;line-height:48px} textarea.input-group-lg > .form-control,textarea.input-group-lg > .input-group-addon,textarea.input-group-lg > .input-group-btn > .btn,select[multiple].input-group-lg > .form-control,select[multiple].input-group-lg > .input-group-addon,select[multiple].input-group-lg > .input-group-btn > .btn{height:auto} -.input-group-sm > .form-control,.input-group-sm > .input-group-addon,.input-group-sm > .input-group-btn > .btn{height:31px;padding:5px 10px;font-size:13px;line-height:1.5;border-radius:3px} +.input-group-sm > .form-control,.input-group-sm > .input-group-addon,.input-group-sm > .input-group-btn > .btn{height:31px;padding:5px 10px;font-size:13px;line-height:1.5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} select.input-group-sm > .form-control,select.input-group-sm > .input-group-addon,select.input-group-sm > .input-group-btn > .btn{height:31px;line-height:31px} textarea.input-group-sm > .form-control,textarea.input-group-sm > .input-group-addon,textarea.input-group-sm > .input-group-btn > .btn,select[multiple].input-group-sm > .form-control,select[multiple].input-group-sm > .input-group-addon,select[multiple].input-group-sm > .input-group-btn > .btn{height:auto} .input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell} .input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0} .input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle} -.input-group-addon{padding:8px 13px;font-size:15px;font-weight:normal;line-height:1;color:#555555;text-align:center;background-color:#eeeeee;border:1px solid #bdc3c7;border-radius:3px} -.input-group-addon.input-sm{padding:5px 10px;font-size:13px;border-radius:3px} -.input-group-addon.input-lg{padding:10px 16px;font-size:19px;border-radius:6px} +.input-group-addon{padding:8px 13px;font-size:15px;font-weight:normal;line-height:1;color:#555555;text-align:center;background-color:#eeeeee;border:1px solid #bdc3c7;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} +.input-group-addon.input-sm{padding:5px 10px;font-size:13px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} +.input-group-addon.input-lg{padding:10px 16px;font-size:19px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} .input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0} .input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child > .btn,.input-group-btn:first-child > .btn-group > .btn,.input-group-btn:first-child > .dropdown-toggle,.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child > .btn-group:not(:last-child) > .btn{border-bottom-right-radius:0;border-top-right-radius:0} .input-group-addon:first-child{border-right:0} @@ -2209,7 +2209,7 @@ html.cssanimations .cursor-loading-indicator.hide{display:none} .custom-checkbox label:hover:before,.custom-radio label:hover:before{border-color:#c0c9cc} .custom-checkbox label:active:before,.custom-radio label:active:before{border-color:#a3b0b6} .custom-checkbox input[type=radio]:checked + label:before,.custom-radio input[type=radio]:checked + label:before{border-color:#1f99dc;line-height:17px;border-width:2px} -.custom-checkbox input[type=radio]:checked + label:after,.custom-radio input[type=radio]:checked + label:after{content:'';width:14px;height:14px;background-color:#1f99dc;display:inline-block;position:absolute;left:0px;top:3px;-webkit-border-radius:17px;-moz-border-radius:17px;border-radius:17px} +.custom-checkbox input[type=radio]:checked + label:after,.custom-radio input[type=radio]:checked + label:after{content:'';width:14px;height:14px;background-color:#1f99dc;display:inline-block;position:absolute;left:0;top:3px;-webkit-border-radius:17px;-moz-border-radius:17px;border-radius:17px} .custom-checkbox input[type=radio][data-radio-color=green]:checked + label:before,.custom-radio input[type=radio][data-radio-color=green]:checked + label:before{border-color:#76a544} .custom-checkbox input[type=radio][data-radio-color=green]:checked + label:after,.custom-radio input[type=radio][data-radio-color=green]:checked + label:after{background-color:#76a544} .custom-checkbox input[type=radio][data-radio-color=red]:checked + label:before,.custom-radio input[type=radio][data-radio-color=red]:checked + label:before{border-color:#bb2424} @@ -2641,7 +2641,7 @@ ul.autocomplete.dropdown-menu.inspector-autocomplete li a{padding:5px 12px;white .modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-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} .modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} .modal-dialog{position:relative;width:auto;margin:10px} -.modal-content{position:relative;background-color:#ffffff;border:1px solid #999999;border:1px solid rgba(0,0,0,0.2);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);background-clip:padding-box;outline:none} +.modal-content{position:relative;background-color:#ffffff;border:1px solid #999999;border:1px solid rgba(0,0,0,0.2);-webkit-border-radius:6px;-moz-border-radius:6px;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);background-clip:padding-box;outline:none} .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000} .modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)} .modal-backdrop.in{opacity:0.5;filter:alpha(opacity=50)}