Backend style improvements
This should make Windows PCs look a little nicer, albeit inconsistent with others (Sergoe UI is unique). If it's good enough for GitHub, then it's good enough for October. All text shadows have been stripped, along with some box shading. They were barely noticeable and should speed up the UI.
This commit is contained in:
Samuel Georges
parent
04f89dc5bb
commit
aa393dc54b
|
|
@ -418,7 +418,7 @@ body.dragging .control-treeview.treeview-light ol.dragging > li > div,body.dragg
|
|||
.sidenav-tree{width:300px}
|
||||
.sidenav-tree .control-toolbar{padding:0}
|
||||
.sidenav-tree .control-toolbar .toolbar-item{display:block}
|
||||
.sidenav-tree .control-toolbar input.form-control{border:none;outline:none;padding:12px 13px 13px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-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)}
|
||||
.sidenav-tree .control-toolbar input.form-control{border:none;outline:none;padding:12px 13px 13px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:inset -3px 0 3px rgba(0,0,0,0.1);box-shadow:inset -3px 0 3px rgba(0,0,0,0.1)}
|
||||
.sidenav-tree .control-toolbar input.form-control.search{background-position:right -78px}
|
||||
.sidenav-tree ul{padding:0;margin:0;list-style:none}
|
||||
.sidenav-tree div.scrollbar-thumb{background:rgba(0,0,0,0.2) !important}
|
||||
|
|
@ -428,11 +428,9 @@ body.dragging .control-treeview.treeview-light ol.dragging > li > div,body.dragg
|
|||
.sidenav-tree ul.top-level > li > div.group{position:relative}
|
||||
.sidenav-tree ul.top-level > li > div.group h3{background:rgba(0,0,0,0.15);color:#ecf0f1;text-transform:uppercase;font-size:15px;padding:15px 15px 15px 40px;margin:0;position:relative;cursor:pointer}
|
||||
.sidenav-tree ul.top-level > li > div.group h3:before{display:block;position:absolute;width:10px;height:10px;left:16px;top:15px;color:#cfcfcf;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f105";-webkit-transform:rotate(90deg) translate(5px,-3px);-ms-transform:rotate(90deg) translate(5px,-3px);transform:rotate(90deg) translate(5px,-3px);-webkit-transition:all 0.1s ease;transition:all 0.1s ease;font-size:16px}
|
||||
.sidenav-tree ul.top-level > li > div.group h3: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)}
|
||||
.sidenav-tree ul.top-level > li > div.group:before,.sidenav-tree ul.top-level > li > div.group:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-top:8px solid #34495e;border-bottom-width:0;position:absolute;left:15px;bottom:-8px;z-index:101}
|
||||
.sidenav-tree ul.top-level > li > div.group:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-top:8px solid rgba(0,0,0,0.15);border-bottom-width:0}
|
||||
.sidenav-tree ul.top-level > li > ul li a{display:block;position:relative;padding:18px 25px 18px 55px;background:transparent;border-bottom:1px solid rgba(0,0,0,0.15);color:#ffffff;text-decoration:none !important;opacity:0.65;filter:alpha(opacity=65)}
|
||||
.sidenav-tree ul.top-level > li > ul li a: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)}
|
||||
.sidenav-tree ul.top-level > li > ul li a:hover{text-decoration:none}
|
||||
.sidenav-tree ul.top-level > li > ul li a i{position:absolute;left:16px;top:18px;font-size:22px}
|
||||
.sidenav-tree ul.top-level > li > ul li a span{display:block;line-height:150%}
|
||||
|
|
@ -591,7 +589,7 @@ body.dragging,body.dragging *{cursor:move !important}
|
|||
body.loading,body.loading *{cursor:wait !important}
|
||||
body.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default !important}
|
||||
html,body{height:100%; }
|
||||
body{font-family:sans-serif;background:#f9f9f9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
||||
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";background:#f9f9f9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
||||
#layout-canvas{min-height:100%;height:100%}
|
||||
.control-tabs.primary-tabs > ul.nav-tabs,.control-tabs.primary-tabs > div > ul.nav-tabs,.control-tabs.primary-tabs > div > div > ul.nav-tabs{margin-left:-20px;margin-right:-20px}
|
||||
.control-tabs.primary-tabs.tabs-no-inset > ul.nav-tabs,.control-tabs.primary-tabs.tabs-no-inset > div > ul.nav-tabs,.control-tabs.primary-tabs.tabs-no-inset > div > div > ul.nav-tabs{margin-left:0;margin-right:0}
|
||||
|
|
@ -657,7 +655,7 @@ nav#layout-mainmenu a{text-decoration:none}
|
|||
nav#layout-mainmenu a:focus{background:transparent}
|
||||
nav#layout-mainmenu ul{margin:0;padding:0;list-style:none;float:left;white-space:nowrap;overflow:hidden}
|
||||
nav#layout-mainmenu ul li{color:rgba(255,255,255,0.6);display:inline-block;vertical-align:top;position:relative;margin-right:30px}
|
||||
nav#layout-mainmenu ul li a{display:inline-block;font-size:14px;color:inherit;outline:none;text-shadow:0 0 2px black;padding:14px 0 10px}
|
||||
nav#layout-mainmenu ul li a{display:inline-block;font-size:14px;color:inherit;outline:none;padding:14px 0 10px}
|
||||
nav#layout-mainmenu ul li a:hover{background-color:transparent}
|
||||
nav#layout-mainmenu ul li a:active,nav#layout-mainmenu ul li a:focus{text-decoration:none;color:rgba(255,255,255,0.6)}
|
||||
nav#layout-mainmenu ul li a i{line-height:1;font-size:30px;vertical-align:middle}
|
||||
|
|
@ -684,9 +682,9 @@ nav#layout-mainmenu ul li .mainmenu-accountmenu.active{display:block}
|
|||
nav#layout-mainmenu ul li .mainmenu-accountmenu:after{content:'';display:block;width:0;height:0;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-bottom:7px solid #f9f9f9;right:9px;top:-7px;position:absolute}
|
||||
nav#layout-mainmenu ul li .mainmenu-accountmenu ul{float:none;display:block;overflow:visible}
|
||||
nav#layout-mainmenu ul li .mainmenu-accountmenu li{padding:0;margin:0;font-weight:normal;text-align:left;display:block}
|
||||
nav#layout-mainmenu ul li .mainmenu-accountmenu li a{display:block;padding:10px 30px;text-align:left;font-size:14px;color:#666666;text-shadow:none}
|
||||
nav#layout-mainmenu ul li .mainmenu-accountmenu li a:hover,nav#layout-mainmenu ul li .mainmenu-accountmenu li a:focus{background:#4ea5e0;color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.3)}
|
||||
nav#layout-mainmenu ul li .mainmenu-accountmenu li a:active{background:#3498db;color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.3)}
|
||||
nav#layout-mainmenu ul li .mainmenu-accountmenu li a{display:block;padding:10px 30px;text-align:left;font-size:14px;color:#666666}
|
||||
nav#layout-mainmenu ul li .mainmenu-accountmenu li a:hover,nav#layout-mainmenu ul li .mainmenu-accountmenu li a:focus{background:#4ea5e0;color:#ffffff}
|
||||
nav#layout-mainmenu ul li .mainmenu-accountmenu li a:active{background:#3498db;color:#ffffff}
|
||||
nav#layout-mainmenu ul li .mainmenu-accountmenu li:first-child a:hover:after,nav#layout-mainmenu ul li .mainmenu-accountmenu li:first-child a:focus:after,nav#layout-mainmenu ul li .mainmenu-accountmenu li:first-child a:active:after{content:'';display:block;width:0;height:0;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-bottom:7px solid #4ea5e0;position:absolute;right:9px;top:-7px;z-index:102}
|
||||
nav#layout-mainmenu ul li .mainmenu-accountmenu li:first-child a:active:after{content:'';display:block;width:0;height:0;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-bottom:7px solid #3498db}
|
||||
nav#layout-mainmenu ul li .mainmenu-accountmenu li.divider{height:1px;width:100%;background-color:#e0e0e0}
|
||||
|
|
@ -747,7 +745,7 @@ nav#layout-mainmenu.navbar .menu-toggle{display:inline-block;color:#ffffff !impo
|
|||
.mainmenu-collapsed > div ul.mainmenu-nav li:first-child{margin-left:0}
|
||||
.mainmenu-collapsed > div ul{margin:0;padding:5px 0 15px 15px;overflow:hidden}
|
||||
.mainmenu-collapsed > div ul li{color:rgba(255,255,255,0.6);display:inline-block;vertical-align:top;position:relative;margin-right:30px}
|
||||
.mainmenu-collapsed > div ul li a{display:inline-block;font-size:14px;color:inherit;outline:none;text-shadow:0 0 2px black}
|
||||
.mainmenu-collapsed > div ul li a{display:inline-block;font-size:14px;color:inherit;outline:none}
|
||||
.mainmenu-collapsed > div ul li a:hover{background-color:transparent}
|
||||
.mainmenu-collapsed > div ul li a:active,.mainmenu-collapsed > div ul li a:focus{text-decoration:none;color:rgba(255,255,255,0.6)}
|
||||
.mainmenu-collapsed > div ul li a i{line-height:1;font-size:30px;vertical-align:middle}
|
||||
|
|
@ -765,23 +763,18 @@ nav#layout-mainmenu.navbar ul li:hover a:active,.mainmenu-collapsed li:hover a:a
|
|||
nav#layout-mainmenu.navbar ul li.highlight > a,.mainmenu-collapsed li.highlight > a{color:#ffffff !important}
|
||||
nav#layout-mainmenu.navbar ul li.active,.mainmenu-collapsed li.active{color:#ffffff !important}
|
||||
nav#layout-mainmenu.navbar ul li.active a,.mainmenu-collapsed li.active a{color:#ffffff !important}
|
||||
nav#layout-mainmenu.navbar ul li.active a .nav-label,.mainmenu-collapsed li.active a .nav-label{text-shadow:none}
|
||||
nav#layout-mainmenu.navbar ul li:hover,.mainmenu-collapsed li:hover{color:#ffffff;background:transparent}
|
||||
body.drag nav#layout-mainmenu.navbar ul.nav li:hover,body.drag .mainmenu-collapsed ul li:hover{color:rgba(255,255,255,0.6)}
|
||||
body.drag nav#layout-mainmenu.navbar ul.nav li a:active .nav-label,body.drag .mainmenu-collapsed ul li a:active .nav-label,body.drag nav#layout-mainmenu.navbar ul.nav li a:focus .nav-label,body.drag .mainmenu-collapsed ul li a:focus .nav-label{text-shadow:none}
|
||||
#layout-sidenav{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: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:13px;color:rgba(255,255,255,0.6);font-weight:normal;position:relative}
|
||||
#layout-sidenav ul li a:hover{text-decoration:none;background-color:transparent}
|
||||
#layout-sidenav ul li a:focus{background:transparent}
|
||||
#layout-sidenav ul li a i{color:rgba(255,255,255,0.6);display:block;margin-bottom:5px;font-size:28px}
|
||||
#layout-sidenav ul li a .nav-label,#layout-sidenav ul li a .nav-icon{text-shadow:0 -1px 0 rgba(0,0,0,0.6)}
|
||||
#layout-sidenav ul li:first-child a{padding-top:30px}
|
||||
#layout-sidenav ul li.active a,#layout-sidenav ul li a:hover{color:#ffffff}
|
||||
#layout-sidenav ul li.active a i,#layout-sidenav ul li a:hover i{color:#ffffff}
|
||||
#layout-sidenav ul li.active a .nav-label,#layout-sidenav ul li.active a .nav-icon{text-shadow:0 -1px 0 rgba(0,0,0,0.3)}
|
||||
#layout-sidenav ul li span.counter{display:block;position:absolute;top:15px;right:15px;padding:2px 6px 3px 4px;background-color:#d9350f;color:#ffffff;font-size:11px;line-height:100%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1,);-ms-transform:scale(1,);transform:scale(1,);-webkit-transition:all 0.3s;transition:all 0.3s}
|
||||
#layout-sidenav ul li span.counter.empty{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(0,);-ms-transform:scale(0,);transform:scale(0,)}
|
||||
#layout-sidenav.layout-sidenav ul.drag li:not(.active) a:hover,.touch #layout-sidenav.layout-sidenav li:not(.active) a:hover{color:rgba(255,255,255,0.6) !important}
|
||||
|
|
@ -796,7 +789,7 @@ body.drag nav#layout-mainmenu.navbar ul.nav li a:active .nav-label,body.drag .ma
|
|||
#layout-side-panel .sidepanel-content-header:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-top:8px solid #d35400;border-bottom-width:0;position:absolute;left:14px;bottom:-8px}
|
||||
body.side-panel-not-fixed #layout-side-panel{display:none}
|
||||
body.side-panel-not-fixed #layout-side-panel .fix-button{opacity:0.5;filter:alpha(opacity=50)}
|
||||
body.display-side-panel #layout-side-panel{display:block;position:absolute;z-index:600;width:350px;-webkit-box-shadow:2px 0px 2px 0 rgba(0,0,0,0.3);box-shadow:2px 0px 2px 0 rgba(0,0,0,0.3)}
|
||||
body.display-side-panel #layout-side-panel{display:block;position:absolute;z-index:600;width:350px;-webkit-box-shadow:3px 0px 3px 0 rgba(0,0,0,0.1);box-shadow:3px 0px 3px 0 rgba(0,0,0,0.1)}
|
||||
@media (min-width:992px){body.side-panel-fix-shadow #layout-side-panel{-webkit-box-shadow:none;box-shadow:none}
|
||||
}
|
||||
.touch #layout-side-panel .fix-button{display:none}
|
||||
|
|
|
|||
|
|
@ -1,14 +1,3 @@
|
|||
.sidenav-tree-shadow-element() {
|
||||
content: '';
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 10px;
|
||||
height: 100%;
|
||||
.box-shadow(inset -5px 0 3px rgba(0,0,0,0.1));
|
||||
}
|
||||
|
||||
.sidenav-tree {
|
||||
width: 300px;
|
||||
|
||||
|
|
@ -24,7 +13,7 @@
|
|||
outline: none;
|
||||
padding: 12px 13px 13px;
|
||||
.border-radius(0);
|
||||
.box-shadow(inset -5px 0 3px rgba(0,0,0,0.1));
|
||||
.box-shadow(inset -3px 0 3px rgba(0,0,0,0.1));
|
||||
|
||||
&.search {
|
||||
background-position: right -78px;
|
||||
|
|
@ -86,10 +75,6 @@
|
|||
.transition(all 0.1s ease);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
.sidenav-tree-shadow-element();
|
||||
}
|
||||
}
|
||||
|
||||
// Use two triangles to achieve the darkening effect
|
||||
|
|
@ -120,10 +105,6 @@
|
|||
text-decoration: none!important;
|
||||
.opacity(.65);
|
||||
|
||||
&:after {
|
||||
.sidenav-tree-shadow-element();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
// Override UI variables
|
||||
// --------------------------------------------------
|
||||
|
||||
@font-family-base: sans-serif;
|
||||
@font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
|
||||
//
|
||||
// Paths
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@
|
|||
top: 1px;
|
||||
padding-top: 3px;
|
||||
|
||||
span.tab-close{
|
||||
span.tab-close {
|
||||
top: 14px;
|
||||
right: -3px;
|
||||
left: auto;
|
||||
|
|
@ -74,7 +74,6 @@
|
|||
|
||||
&:hover { color: @color-fancy-master-tabs-active-text !important; }
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
|||
|
|
@ -20,7 +20,6 @@ body.mainmenu-open {
|
|||
font-size: @font-size-base;
|
||||
color: inherit;
|
||||
outline: none;
|
||||
text-shadow: 0 0 2px black;
|
||||
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
|
|
@ -277,18 +276,15 @@ nav#layout-mainmenu ul li .mainmenu-accountmenu {
|
|||
text-align: left;
|
||||
font-size: @font-size-base;
|
||||
color: @color-accountmenu-text;
|
||||
text-shadow: none;
|
||||
|
||||
&:hover, &:focus {
|
||||
background: @highlight-hover-bg;
|
||||
color: @highlight-hover-text;
|
||||
text-shadow: 0 -1px 0 @highlight-hover-text-shadow;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: @highlight-active-bg;
|
||||
color: @highlight-active-text;
|
||||
text-shadow: 0 -1px 0 @highlight-active-text-shadow;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -593,12 +589,6 @@ nav#layout-mainmenu.navbar ul li:hover,
|
|||
nav#layout-mainmenu.navbar ul li,
|
||||
.mainmenu-collapsed li {
|
||||
|
||||
// a:active, a:focus {
|
||||
// .nav-label {
|
||||
// text-shadow: 1px 1px 15px white, -1px -1px 15px white;
|
||||
// }
|
||||
// }
|
||||
|
||||
// Used by account menu
|
||||
&.highlight > a {
|
||||
color: @color-mainmenu-active !important;
|
||||
|
|
@ -609,10 +599,6 @@ nav#layout-mainmenu.navbar ul li,
|
|||
|
||||
a {
|
||||
color: @color-mainmenu-active !important;
|
||||
|
||||
.nav-label {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -628,11 +614,5 @@ body.drag {
|
|||
&:hover {
|
||||
color: @color-mainmenu-inactive;
|
||||
}
|
||||
|
||||
a:active, a:focus {
|
||||
.nav-label {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,16 +8,6 @@
|
|||
width: 100%;
|
||||
.box-sizing(border-box);
|
||||
|
||||
.sidenav-shadow-element() {
|
||||
content: '';
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 10px;
|
||||
.box-shadow(inset -5px 0 3px rgba(0,0,0,.1));
|
||||
}
|
||||
|
||||
ul {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
|
|
@ -25,10 +15,6 @@
|
|||
height: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
&:after {
|
||||
.sidenav-shadow-element();
|
||||
}
|
||||
|
||||
li {
|
||||
display: block;
|
||||
text-align: center;
|
||||
|
|
@ -57,11 +43,6 @@
|
|||
margin-bottom: 5px;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.nav-label,
|
||||
.nav-icon {
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child a {
|
||||
|
|
@ -73,13 +54,6 @@
|
|||
i { color: @color-sidebarnav-active-icon; }
|
||||
}
|
||||
|
||||
&.active a {
|
||||
.nav-label,
|
||||
.nav-icon {
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.3);
|
||||
}
|
||||
}
|
||||
|
||||
span.counter {
|
||||
display: block;
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -74,7 +74,7 @@ body.display-side-panel {
|
|||
// mouseout event fires and sidebar hides when opening a dropdown.
|
||||
z-index: @zindex-dropdown;
|
||||
width: 350px;
|
||||
.box-shadow(2px 0px 2px 0 rgba(0, 0, 0, 0.3));
|
||||
.box-shadow(3px 0px 3px 0 rgba(0, 0, 0, 0.1));
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
.field-codeeditor.size-large{min-height:200px}
|
||||
.field-codeeditor.size-huge{min-height:250px}
|
||||
.field-codeeditor.size-giant{min-height:350px}
|
||||
.field-codeeditor .ace_search{font-family:sans-serif;font-size:14px;color:#333333;z-index:13}
|
||||
.field-codeeditor .ace_search{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;color:#333333;z-index:13}
|
||||
.field-codeeditor .editor-code{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
|
||||
.field-codeeditor .editor-toolbar{position:absolute;top:10px;right:10px;z-index:10}
|
||||
.field-codeeditor .editor-toolbar > ul,.field-codeeditor .editor-toolbar ul > li{list-style-type:none;padding:0;margin:0}
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@ div[data-control="media-manager"] .media-list.tiles li .image-placeholder{width:
|
|||
div[data-control="media-manager"] .media-list.tiles li .image-placeholder[data-loading]:after{background-image:url('../../../../../../modules/system/assets/ui/images/loader-transparent.svg');background-position:50% 50%;content:' ';-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background-size:55px 55px;position:absolute;width:55px;height:55px;top:50%;left:50%;margin-top:-27.5px;margin-left:-27.5px}
|
||||
div[data-control="media-manager"] .media-list.tiles li .icon-container{width:167px;height:167px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #ecf0f1;overflow:hidden;background:#f6f8f9}
|
||||
div[data-control="media-manager"] .media-list.tiles li .icon-container i{font-size:55px}
|
||||
div[data-control="media-manager"] .media-list.tiles li .icon-container p{font-family:sans-serif}
|
||||
div[data-control="media-manager"] .media-list.tiles li .icon-container p{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}
|
||||
div[data-control="media-manager"] .media-list.tiles li.selected .icon-container{background:#4ea5e0 !important;border-color:#2581b8}
|
||||
div[data-control="media-manager"] .media-list.tiles li.selected .icon-container i,div[data-control="media-manager"] .media-list.tiles li.selected .icon-container p{color:#ecf0f1}
|
||||
div[data-control="media-manager"] .media-list.tiles li.selected h4{color:#2581b8}
|
||||
|
|
|
|||
|
|
@ -40,7 +40,7 @@ table{border-collapse:collapse;border-spacing:0}
|
|||
td,th{padding:0}
|
||||
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||||
html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
|
||||
body{font-family:sans-serif;font-size:14px;line-height:1.42857143;color:#333333;background-color:#f9f9f9}
|
||||
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;line-height:1.42857143;color:#333333;background-color:#f9f9f9}
|
||||
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
|
||||
button,input,select[multiple],textarea{background-image:none}
|
||||
a{color:#0181b9;text-decoration:none}
|
||||
|
|
@ -1059,8 +1059,8 @@ button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-ap
|
|||
.icon-3x{font-size:3em}
|
||||
.icon-4x{font-size:4em}
|
||||
.icon-5x{font-size:5em}
|
||||
body{padding-top:20px;font-family:sans-serif;background:#f3f3f3;color:#405261}
|
||||
h1,h2,h3,h4,h5{font-family:sans-serif;text-transform:uppercase}
|
||||
body{padding-top:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";background:#f3f3f3;color:#405261}
|
||||
h1,h2,h3,h4,h5{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-transform:uppercase}
|
||||
h1{font-weight:300;font-size:50px;margin-bottom:15px}
|
||||
h1 i[class^="icon-"]:before{font-size:46px}
|
||||
i[class^="icon-"].warning{color:#c84530}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
@import "../ui/less/site.less";
|
||||
@import "../ui/less/icon.less";
|
||||
|
||||
@font-family-base: sans-serif;
|
||||
@font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
@color-base: #405261;
|
||||
@color-warning: #c84530;
|
||||
@font-path: "../ui/font"; // For icon fonts
|
||||
|
|
|
|||
|
|
@ -39,27 +39,17 @@
|
|||
display: inline-block;
|
||||
color: @color-breadcrumb-text;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 0 rgba(0,0,0,.15);
|
||||
&:hover { color: @color-breadcrumb-text; }
|
||||
}
|
||||
|
||||
&:before, &:after {
|
||||
&:after {
|
||||
top: 0;
|
||||
right: -15px;
|
||||
right: -14px;
|
||||
position: absolute;
|
||||
z-index: @zindex-breadcrumb;
|
||||
}
|
||||
|
||||
&:after {
|
||||
.triangle(right, 15px, 45px, @color-breadcrumb-inactive-background);
|
||||
}
|
||||
|
||||
&:before {
|
||||
right: -16px;
|
||||
z-index: @zindex-breadcrumb - 1;
|
||||
.triangle(right, 15px, 45px, @color-breadcrumb-background);
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
|
@ -71,7 +61,6 @@
|
|||
&:last-child {
|
||||
background-color: transparent;
|
||||
color: @color-breadcrumb-active-text;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.35);
|
||||
|
||||
&:after {
|
||||
display: none;
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@
|
|||
}
|
||||
.btn-primary {
|
||||
.button-variant(@btn-primary-color; lighten(@btn-primary-bg, 5%); @btn-primary-border; @btn-primary-bg; @btn-primary-bg);
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
}
|
||||
.btn-secondary {
|
||||
.button-variant(#000; lighten(@btn-secondary-bg, 5%); @btn-secondary-border; @btn-secondary-bg; @btn-secondary-bg);
|
||||
|
|
|
|||
|
|
@ -73,7 +73,6 @@
|
|||
}
|
||||
|
||||
.btn-secondary {
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.8);
|
||||
.box-shadow(~"inset 0 -2px 0 rgba(0,0,0,.1)");
|
||||
|
||||
&[disabled] {
|
||||
|
|
|
|||
|
|
@ -4,11 +4,7 @@
|
|||
// and disabled options for all buttons
|
||||
.button-variant(@color; @background; @border; @background-hover: @background; @border-hover: @border) {
|
||||
color: @color;
|
||||
background-color: @background;
|
||||
//border-color: @border;
|
||||
border: none;
|
||||
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.4);
|
||||
background: @background;
|
||||
|
||||
&:hover,
|
||||
|
|
@ -65,7 +61,6 @@
|
|||
color: #fff;
|
||||
background-color: @color;
|
||||
border-color: @color;
|
||||
text-shadow: 0 1px 0 rgba(0,0,0,.2);
|
||||
}
|
||||
|
||||
&:active,
|
||||
|
|
@ -74,7 +69,6 @@
|
|||
color: #fff;
|
||||
background-color: @color;
|
||||
border-color: @color;
|
||||
text-shadow: 0 1px 0 rgba(0,0,0,.2);
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
|
|
|
|||
|
|
@ -101,7 +101,7 @@
|
|||
letter-spacing: 0;
|
||||
margin: 0 0 7px 0;
|
||||
font-size: @font-size-base - 1;
|
||||
font-weight: bold;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
h3, p, ul, ol {
|
||||
|
|
|
|||
|
|
@ -255,7 +255,7 @@
|
|||
width: 100%;
|
||||
background-color: @color-checkbox-switch-off;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
font-weight: 600;
|
||||
.user-select(none);
|
||||
.border-radius(20px);
|
||||
|
||||
|
|
|
|||
|
|
@ -30,7 +30,6 @@
|
|||
padding: 10px 30px 10px 15px;
|
||||
z-index: @zindex-flashmessage;
|
||||
word-wrap: break-word;
|
||||
text-shadow: 0 -1px 0px rgba(0,0,0,.15);
|
||||
text-align: center;
|
||||
.box-shadow(@overlay-box-shadow);
|
||||
.border-radius(@border-radius-base);
|
||||
|
|
|
|||
|
|
@ -141,11 +141,9 @@
|
|||
|
||||
@highlight-hover-bg: mix(white, @brand-accent, 13%);
|
||||
@highlight-hover-text: #fff;
|
||||
@highlight-hover-text-shadow: fade(contrast(@highlight-hover-text, black, white), 30%);
|
||||
|
||||
@highlight-active-bg: @brand-accent;
|
||||
@highlight-active-text: #fff;
|
||||
@highlight-active-text-shadow: fade(contrast(@highlight-active-text, black, white), 30%);
|
||||
|
||||
//
|
||||
// General
|
||||
|
|
|
|||
|
|
@ -155,7 +155,6 @@ table.table.data {
|
|||
|
||||
tr.rowlink:hover td, tr:not(.no-data).selected td, {
|
||||
background: @color-list-hover-bg !important;
|
||||
text-shadow: 0 -1px 0 @highlight-hover-text-shadow;
|
||||
color: @highlight-hover-text;
|
||||
|
||||
a:not(.btn), span, i[class^="icon-"] {
|
||||
|
|
@ -164,7 +163,6 @@ table.table.data {
|
|||
}
|
||||
|
||||
tr.rowlink:active td {
|
||||
text-shadow: 0 -1px 0 @highlight-active-text-shadow;
|
||||
background: @color-list-active-bg !important;
|
||||
color: @color-list-active-text;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -39,7 +39,6 @@
|
|||
.modal-header {
|
||||
background: @color-popup-header-bg;
|
||||
color: @color-popup-header-text;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.35);
|
||||
.border-top-radius(@border-radius-base);
|
||||
padding: @modal-title-padding @padding-standard;
|
||||
border: none;
|
||||
|
|
|
|||
|
|
@ -427,6 +427,7 @@
|
|||
border: none;
|
||||
text-transform: uppercase;
|
||||
background: transparent;
|
||||
font-weight: 600;
|
||||
|
||||
span.title {
|
||||
span {
|
||||
|
|
@ -445,9 +446,6 @@
|
|||
|
||||
&.active {
|
||||
background: @color-tab-content-active-bg;
|
||||
a {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -504,81 +504,81 @@ address{margin-bottom:20px;font-style:normal;line-height:1.42857143}
|
|||
.btn:hover,.btn:focus{color:#ffffff;text-decoration:none}
|
||||
.btn:active,.btn.active{outline:0;background-image:none}
|
||||
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
|
||||
.btn-default{color:#ffffff;background-color:#656d79;border:none;text-shadow:0 -1px 0 rgba(0,0,0,0.4);background:#656d79}
|
||||
.btn-default{color:#ffffff;border:none;background:#656d79}
|
||||
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#ffffff;background:#1681ba;border-color:#1681ba}
|
||||
.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background:#126896;border-color:#105b83;background-image:none}
|
||||
.btn-default.on{background:#494f58;border-color:#40454d;background-image:none}
|
||||
.btn-default.disabled,.btn-default[disabled],.btn-default.disabled:hover,.btn-default[disabled]:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,.btn-default.disabled:active,.btn-default[disabled]:active,.btn-default.disabled.active,.btn-default[disabled].active{background:#656d79;border-color:#656d79}
|
||||
.btn-default .badge{color:#656d79;background:#ffffff}
|
||||
.btn-primary{color:#ffffff;background-color:#1991d1;border:none;text-shadow:0 -1px 0 rgba(0,0,0,0.4);background:#1991d1;font-weight:bold}
|
||||
.btn-primary{color:#ffffff;border:none;background:#1991d1;font-weight:500}
|
||||
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#ffffff;background:#1681ba;border-color:#1681ba}
|
||||
.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background:#126896;border-color:#105b83;background-image:none}
|
||||
.btn-primary.on{background:#126b9a;border-color:#0b3f5a;background-image:none}
|
||||
.btn-primary.disabled,.btn-primary[disabled],.btn-primary.disabled:hover,.btn-primary[disabled]:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,.btn-primary.disabled.active,.btn-primary[disabled].active{background:#1991d1;border-color:#1371a3}
|
||||
.btn-primary .badge{color:#1991d1;background:#ffffff}
|
||||
.btn-secondary{color:#000000;background-color:#eeeff0;border:none;text-shadow:0 -1px 0 rgba(0,0,0,0.4);background:#eeeff0;color:#405261}
|
||||
.btn-secondary{color:#000000;border:none;background:#eeeff0;color:#405261}
|
||||
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active,.btn-secondary.active,.open .dropdown-toggle.btn-secondary{color:#000000;background:#e1e2e4;border-color:#e1e2e4}
|
||||
.btn-secondary:active,.btn-secondary.active,.open .dropdown-toggle.btn-secondary{background:#cccdd1;border-color:#c1c3c7;background-image:none}
|
||||
.btn-secondary.on{background:#ced0d3;border-color:#a9acb1;background-image:none}
|
||||
.btn-secondary.disabled,.btn-secondary[disabled],.btn-secondary.disabled:hover,.btn-secondary[disabled]:hover,.btn-secondary.disabled:focus,.btn-secondary[disabled]:focus,.btn-secondary.disabled:active,.btn-secondary[disabled]:active,.btn-secondary.disabled.active,.btn-secondary[disabled].active{background:#eeeff0;border-color:#d4d5d8}
|
||||
.btn-secondary .badge{color:#eeeff0;background:#000000}
|
||||
.btn-success{color:#ffffff;background-color:#656d79;border:none;text-shadow:0 -1px 0 rgba(0,0,0,0.4);background:#656d79}
|
||||
.btn-success{color:#ffffff;border:none;background:#656d79}
|
||||
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#ffffff;background:#31ac5f;border-color:#31ac5f}
|
||||
.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background:#288c4d;border-color:#237c45;background-image:none}
|
||||
.btn-success.on{background:#494f58;border-color:#195931;background-image:none}
|
||||
.btn-success.disabled,.btn-success[disabled],.btn-success.disabled:hover,.btn-success[disabled]:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,.btn-success.disabled:active,.btn-success[disabled]:active,.btn-success.disabled.active,.btn-success[disabled].active{background:#656d79;border-color:#2b9854}
|
||||
.btn-success .badge{color:#656d79;background:#ffffff}
|
||||
.btn-info{color:#ffffff;background-color:#656d79;border:none;text-shadow:0 -1px 0 rgba(0,0,0,0.4);background:#656d79}
|
||||
.btn-info{color:#ffffff;border:none;background:#656d79}
|
||||
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#ffffff;background:#5bc0de;border-color:#5bc0de}
|
||||
.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background:#39b3d7;border-color:#2aabd2;background-image:none}
|
||||
.btn-info.on{background:#494f58;border-color:#228cab;background-image:none}
|
||||
.btn-info.disabled,.btn-info[disabled],.btn-info.disabled:hover,.btn-info[disabled]:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,.btn-info.disabled:active,.btn-info[disabled]:active,.btn-info.disabled.active,.btn-info[disabled].active{background:#656d79;border-color:#46b8da}
|
||||
.btn-info .badge{color:#656d79;background:#ffffff}
|
||||
.btn-warning{color:#ffffff;background-color:#656d79;border:none;text-shadow:0 -1px 0 rgba(0,0,0,0.4);background:#656d79}
|
||||
.btn-warning{color:#ffffff;border:none;background:#656d79}
|
||||
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#ffffff;background:#f0ad4e;border-color:#f0ad4e}
|
||||
.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background:#ed9c28;border-color:#eb9316;background-image:none}
|
||||
.btn-warning.on{background:#494f58;border-color:#c27910;background-image:none}
|
||||
.btn-warning.disabled,.btn-warning[disabled],.btn-warning.disabled:hover,.btn-warning[disabled]:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,.btn-warning.disabled.active,.btn-warning[disabled].active{background:#656d79;border-color:#eea236}
|
||||
.btn-warning .badge{color:#656d79;background:#ffffff}
|
||||
.btn-danger{color:#ffffff;background-color:#656d79;border:none;text-shadow:0 -1px 0 rgba(0,0,0,0.4);background:#656d79}
|
||||
.btn-danger{color:#ffffff;border:none;background:#656d79}
|
||||
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#ffffff;background:#ab2a1c;border-color:#ab2a1c}
|
||||
.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background:#882116;border-color:#761d13;background-image:none}
|
||||
.btn-danger.on{background:#494f58;border-color:#4f130d;background-image:none}
|
||||
.btn-danger.disabled,.btn-danger[disabled],.btn-danger.disabled:hover,.btn-danger[disabled]:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,.btn-danger.disabled.active,.btn-danger[disabled].active{background:#656d79;border-color:#952518}
|
||||
.btn-danger .badge{color:#656d79;background:#ffffff}
|
||||
.btn-outline-default{color:#4e545d;background-image:none;background-color:transparent;border-color:#656d79}
|
||||
.btn-outline-default:hover,.btn-outline-default:focus,.btn-outline-default.focus{color:#fff;background-color:#656d79;border-color:#656d79;text-shadow:0 1px 0 rgba(0,0,0,0.2)}
|
||||
.btn-outline-default:active,.btn-outline-default.active,.open > .dropdown-toggle.btn-outline-default{color:#fff;background-color:#656d79;border-color:#656d79;text-shadow:0 1px 0 rgba(0,0,0,0.2)}
|
||||
.btn-outline-default:hover,.btn-outline-default:focus,.btn-outline-default.focus{color:#fff;background-color:#656d79;border-color:#656d79}
|
||||
.btn-outline-default:active,.btn-outline-default.active,.open > .dropdown-toggle.btn-outline-default{color:#fff;background-color:#656d79;border-color:#656d79}
|
||||
.btn-outline-default:active:hover,.btn-outline-default.active:hover,.open > .dropdown-toggle.btn-outline-default:hover,.btn-outline-default:active:focus,.btn-outline-default.active:focus,.open > .dropdown-toggle.btn-outline-default:focus,.btn-outline-default:active.focus,.btn-outline-default.active.focus,.open > .dropdown-toggle.btn-outline-default.focus{color:#fff;background-color:#3e424a;border-color:#2b2e34}
|
||||
.btn-outline-default.disabled:hover,.btn-outline-default:disabled:hover,.btn-outline-default.disabled:focus,.btn-outline-default:disabled:focus,.btn-outline-default.disabled.focus,.btn-outline-default:disabled.focus{border-color:#9aa0aa}
|
||||
.btn-outline-primary{color:#11618c;background-image:none;background-color:transparent;border-color:#1681ba}
|
||||
.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary.focus{color:#fff;background-color:#1681ba;border-color:#1681ba;text-shadow:0 1px 0 rgba(0,0,0,0.2)}
|
||||
.btn-outline-primary:active,.btn-outline-primary.active,.open > .dropdown-toggle.btn-outline-primary{color:#fff;background-color:#1681ba;border-color:#1681ba;text-shadow:0 1px 0 rgba(0,0,0,0.2)}
|
||||
.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary.focus{color:#fff;background-color:#1681ba;border-color:#1681ba}
|
||||
.btn-outline-primary:active,.btn-outline-primary.active,.open > .dropdown-toggle.btn-outline-primary{color:#fff;background-color:#1681ba;border-color:#1681ba}
|
||||
.btn-outline-primary:active:hover,.btn-outline-primary.active:hover,.open > .dropdown-toggle.btn-outline-primary:hover,.btn-outline-primary:active:focus,.btn-outline-primary.active:focus,.open > .dropdown-toggle.btn-outline-primary:focus,.btn-outline-primary:active.focus,.btn-outline-primary.active.focus,.open > .dropdown-toggle.btn-outline-primary.focus{color:#fff;background-color:#0d4b6c;border-color:#093248}
|
||||
.btn-outline-primary.disabled:hover,.btn-outline-primary:disabled:hover,.btn-outline-primary.disabled:focus,.btn-outline-primary:disabled:focus,.btn-outline-primary.disabled.focus,.btn-outline-primary:disabled.focus{border-color:#4cb3ea}
|
||||
.btn-outline-secondary{color:#9ea1a8;background-image:none;background-color:transparent;border-color:#b9bbc0}
|
||||
.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-secondary.focus{color:#fff;background-color:#b9bbc0;border-color:#b9bbc0;text-shadow:0 1px 0 rgba(0,0,0,0.2)}
|
||||
.btn-outline-secondary:active,.btn-outline-secondary.active,.open > .dropdown-toggle.btn-outline-secondary{color:#fff;background-color:#b9bbc0;border-color:#b9bbc0;text-shadow:0 1px 0 rgba(0,0,0,0.2)}
|
||||
.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-secondary.focus{color:#fff;background-color:#b9bbc0;border-color:#b9bbc0}
|
||||
.btn-outline-secondary:active,.btn-outline-secondary.active,.open > .dropdown-toggle.btn-outline-secondary{color:#fff;background-color:#b9bbc0;border-color:#b9bbc0}
|
||||
.btn-outline-secondary:active:hover,.btn-outline-secondary.active:hover,.open > .dropdown-toggle.btn-outline-secondary:hover,.btn-outline-secondary:active:focus,.btn-outline-secondary.active:focus,.open > .dropdown-toggle.btn-outline-secondary:focus,.btn-outline-secondary:active.focus,.btn-outline-secondary.active.focus,.open > .dropdown-toggle.btn-outline-secondary.focus{color:#fff;background-color:#8b8f97;border-color:#767a83}
|
||||
.btn-outline-secondary.disabled:hover,.btn-outline-secondary:disabled:hover,.btn-outline-secondary.disabled:focus,.btn-outline-secondary:disabled:focus,.btn-outline-secondary.disabled.focus,.btn-outline-secondary:disabled.focus{border-color:#eeeff0}
|
||||
.btn-outline-info{color:#31b0d5;background-image:none;background-color:transparent;border-color:#5bc0de}
|
||||
.btn-outline-info:hover,.btn-outline-info:focus,.btn-outline-info.focus{color:#fff;background-color:#5bc0de;border-color:#5bc0de;text-shadow:0 1px 0 rgba(0,0,0,0.2)}
|
||||
.btn-outline-info:active,.btn-outline-info.active,.open > .dropdown-toggle.btn-outline-info{color:#fff;background-color:#5bc0de;border-color:#5bc0de;text-shadow:0 1px 0 rgba(0,0,0,0.2)}
|
||||
.btn-outline-info:hover,.btn-outline-info:focus,.btn-outline-info.focus{color:#fff;background-color:#5bc0de;border-color:#5bc0de}
|
||||
.btn-outline-info:active,.btn-outline-info.active,.open > .dropdown-toggle.btn-outline-info{color:#fff;background-color:#5bc0de;border-color:#5bc0de}
|
||||
.btn-outline-info:active:hover,.btn-outline-info.active:hover,.open > .dropdown-toggle.btn-outline-info:hover,.btn-outline-info:active:focus,.btn-outline-info.active:focus,.open > .dropdown-toggle.btn-outline-info:focus,.btn-outline-info:active.focus,.btn-outline-info.active.focus,.open > .dropdown-toggle.btn-outline-info.focus{color:#fff;background-color:#269abc;border-color:#1f7e9a}
|
||||
.btn-outline-info.disabled:hover,.btn-outline-info:disabled:hover,.btn-outline-info.disabled:focus,.btn-outline-info:disabled:focus,.btn-outline-info.disabled.focus,.btn-outline-info:disabled.focus{border-color:#b0e1ef}
|
||||
.btn-outline-success{color:#268449;background-image:none;background-color:transparent;border-color:#31ac5f}
|
||||
.btn-outline-success:hover,.btn-outline-success:focus,.btn-outline-success.focus{color:#fff;background-color:#31ac5f;border-color:#31ac5f;text-shadow:0 1px 0 rgba(0,0,0,0.2)}
|
||||
.btn-outline-success:active,.btn-outline-success.active,.open > .dropdown-toggle.btn-outline-success{color:#fff;background-color:#31ac5f;border-color:#31ac5f;text-shadow:0 1px 0 rgba(0,0,0,0.2)}
|
||||
.btn-outline-success:hover,.btn-outline-success:focus,.btn-outline-success.focus{color:#fff;background-color:#31ac5f;border-color:#31ac5f}
|
||||
.btn-outline-success:active,.btn-outline-success.active,.open > .dropdown-toggle.btn-outline-success{color:#fff;background-color:#31ac5f;border-color:#31ac5f}
|
||||
.btn-outline-success:active:hover,.btn-outline-success.active:hover,.open > .dropdown-toggle.btn-outline-success:hover,.btn-outline-success:active:focus,.btn-outline-success.active:focus,.open > .dropdown-toggle.btn-outline-success:focus,.btn-outline-success:active.focus,.btn-outline-success.active.focus,.open > .dropdown-toggle.btn-outline-success.focus{color:#fff;background-color:#1e693a;border-color:#154928}
|
||||
.btn-outline-success.disabled:hover,.btn-outline-success:disabled:hover,.btn-outline-success.disabled:focus,.btn-outline-success:disabled:focus,.btn-outline-success.disabled.focus,.btn-outline-success:disabled.focus{border-color:#6dd694}
|
||||
.btn-outline-warning{color:#ec971f;background-image:none;background-color:transparent;border-color:#f0ad4e}
|
||||
.btn-outline-warning:hover,.btn-outline-warning:focus,.btn-outline-warning.focus{color:#fff;background-color:#f0ad4e;border-color:#f0ad4e;text-shadow:0 1px 0 rgba(0,0,0,0.2)}
|
||||
.btn-outline-warning:active,.btn-outline-warning.active,.open > .dropdown-toggle.btn-outline-warning{color:#fff;background-color:#f0ad4e;border-color:#f0ad4e;text-shadow:0 1px 0 rgba(0,0,0,0.2)}
|
||||
.btn-outline-warning:hover,.btn-outline-warning:focus,.btn-outline-warning.focus{color:#fff;background-color:#f0ad4e;border-color:#f0ad4e}
|
||||
.btn-outline-warning:active,.btn-outline-warning.active,.open > .dropdown-toggle.btn-outline-warning{color:#fff;background-color:#f0ad4e;border-color:#f0ad4e}
|
||||
.btn-outline-warning:active:hover,.btn-outline-warning.active:hover,.open > .dropdown-toggle.btn-outline-warning:hover,.btn-outline-warning:active:focus,.btn-outline-warning.active:focus,.open > .dropdown-toggle.btn-outline-warning:focus,.btn-outline-warning:active.focus,.btn-outline-warning.active.focus,.open > .dropdown-toggle.btn-outline-warning.focus{color:#fff;background-color:#d58512;border-color:#b06d0f}
|
||||
.btn-outline-warning.disabled:hover,.btn-outline-warning:disabled:hover,.btn-outline-warning.disabled:focus,.btn-outline-warning:disabled:focus,.btn-outline-warning.disabled.focus,.btn-outline-warning:disabled.focus{border-color:#f8d9ac}
|
||||
.btn-outline-danger{color:#7f1f15;background-image:none;background-color:transparent;border-color:#ab2a1c}
|
||||
.btn-outline-danger:hover,.btn-outline-danger:focus,.btn-outline-danger.focus{color:#fff;background-color:#ab2a1c;border-color:#ab2a1c;text-shadow:0 1px 0 rgba(0,0,0,0.2)}
|
||||
.btn-outline-danger:active,.btn-outline-danger.active,.open > .dropdown-toggle.btn-outline-danger{color:#fff;background-color:#ab2a1c;border-color:#ab2a1c;text-shadow:0 1px 0 rgba(0,0,0,0.2)}
|
||||
.btn-outline-danger:hover,.btn-outline-danger:focus,.btn-outline-danger.focus{color:#fff;background-color:#ab2a1c;border-color:#ab2a1c}
|
||||
.btn-outline-danger:active,.btn-outline-danger.active,.open > .dropdown-toggle.btn-outline-danger{color:#fff;background-color:#ab2a1c;border-color:#ab2a1c}
|
||||
.btn-outline-danger:active:hover,.btn-outline-danger.active:hover,.open > .dropdown-toggle.btn-outline-danger:hover,.btn-outline-danger:active:focus,.btn-outline-danger.active:focus,.open > .dropdown-toggle.btn-outline-danger:focus,.btn-outline-danger:active.focus,.btn-outline-danger.active.focus,.open > .dropdown-toggle.btn-outline-danger.focus{color:#fff;background-color:#601810;border-color:#3d0f0a}
|
||||
.btn-outline-danger.disabled:hover,.btn-outline-danger:disabled:hover,.btn-outline-danger.disabled:focus,.btn-outline-danger:disabled:focus,.btn-outline-danger.disabled.focus,.btn-outline-danger:disabled.focus{border-color:#e25a4b}
|
||||
.btn-link{color:#0181b9;font-weight:normal;cursor:pointer;border-radius:0}
|
||||
|
|
@ -636,7 +636,7 @@ input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"
|
|||
.btn.on i[class^="icon-"],.btn:hover i[class^="icon-"],.btn:focus i[class^="icon-"],.btn.focus i[class^="icon-"],.btn.on i[class*=" icon-"],.btn:hover i[class*=" icon-"],.btn:focus i[class*=" icon-"],.btn.focus i[class*=" icon-"]{opacity:1}
|
||||
.btn[class^="oc-icon-"]:before,.btn[class*=" oc-icon-"]:before{font-size:14px;line-height:14px;position:relative;opacity:.6}
|
||||
.btn[class^="oc-icon-"].on:before,.btn[class*=" oc-icon-"].on:before,.btn[class^="oc-icon-"]:hover:before,.btn[class*=" oc-icon-"]:hover:before,.btn[class^="oc-icon-"]:focus:before,.btn[class*=" oc-icon-"]:focus:before,.btn[class^="oc-icon-"].focus:before,.btn[class*=" oc-icon-"].focus:before{opacity:1}
|
||||
.btn-secondary{text-shadow:0 1px 0 rgba(255,255,255,0.8);-webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.1);box-shadow:inset 0 -2px 0 rgba(0,0,0,.1)}
|
||||
.btn-secondary{-webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.1);box-shadow:inset 0 -2px 0 rgba(0,0,0,.1)}
|
||||
.btn-secondary[disabled]{color:rgba(0,0,0,0.6)}
|
||||
.btn-secondary.active,.btn-secondary:active{-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.2);box-shadow:inset 0 1px 0 rgba(0,0,0,0.2)}
|
||||
.btn-link{-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}
|
||||
|
|
@ -1439,14 +1439,12 @@ body.popover-open .control-popover .popover-head:before{display:none}
|
|||
.control-breadcrumb{margin:-20px -20px 20px -20px;background-color:#d0d9dd}
|
||||
.control-breadcrumb ul{padding:0;margin:0;font-size:0}
|
||||
.control-breadcrumb li{font-size:14px;list-style:none;margin:0;padding:12px 10px 12px 30px;display:inline-block;position:relative;color:#ffffff;background-color:#9098a2}
|
||||
.control-breadcrumb li a{display:inline-block;color:#ffffff;text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,0.15)}
|
||||
.control-breadcrumb li a{display:inline-block;color:#ffffff;text-decoration:none}
|
||||
.control-breadcrumb li a:hover{color:#ffffff}
|
||||
.control-breadcrumb li:before,.control-breadcrumb li:after{top:0;right:-15px;position:absolute;z-index:10}
|
||||
.control-breadcrumb li:after{content:'';display:block;width:0;height:0;border-top:22.5px solid transparent;border-bottom:22.5px solid transparent;border-left:15px solid #9098a2}
|
||||
.control-breadcrumb li:before{right:-16px;z-index:9;content:'';display:block;width:0;height:0;border-top:22.5px solid transparent;border-bottom:22.5px solid transparent;border-left:15px solid #d0d9dd}
|
||||
.control-breadcrumb li:after{top:0;right:-14px;position:absolute;z-index:10;content:'';display:block;width:0;height:0;border-top:22.5px solid transparent;border-bottom:22.5px solid transparent;border-left:15px solid #9098a2}
|
||||
.control-breadcrumb li:first-child{padding-left:20px}
|
||||
.control-breadcrumb li:last-child:after{content:''}
|
||||
.control-breadcrumb li:last-child{background-color:transparent;color:#2a3e51;text-shadow:0 1px 0 rgba(255,255,255,0.35)}
|
||||
.control-breadcrumb li:last-child{background-color:transparent;color:#2a3e51}
|
||||
.control-breadcrumb li:last-child:after{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}
|
||||
|
|
@ -1482,7 +1480,7 @@ to{background-position:0 0}
|
|||
.callout.callout-warning > .content{background:white;border:2px solid #f8f0d5}
|
||||
.callout > .header + .content{border-top:none}
|
||||
.callout > .header{padding:20px;padding-bottom:15px;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;color:#2f2d26}
|
||||
.callout > .header h3{letter-spacing:0;margin:0 0 7px 0;font-size:13px;font-weight:bold}
|
||||
.callout > .header h3{letter-spacing:0;margin:0 0 7px 0;font-size:13px;font-weight:700}
|
||||
.callout > .header h3,.callout > .header p,.callout > .header ul,.callout > .header ol{margin-left:35px}
|
||||
.callout > .header ul,.callout > .header ol{padding-left:20px}
|
||||
.callout > .header *:last-child{margin-bottom:0}
|
||||
|
|
@ -1615,12 +1613,11 @@ to{background-position:0 0}
|
|||
.control-tabs.content-tabs > ul.nav-tabs{position:relative}
|
||||
.control-tabs.content-tabs > ul.nav-tabs:before{content:' ';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#e3e5e7}
|
||||
.control-tabs.content-tabs > ul.nav-tabs li{margin-right:0;border-top:1px solid #e3e5e7;border-right:1px solid #e3e5e7}
|
||||
.control-tabs.content-tabs > ul.nav-tabs li a{font-size:12px;padding:11px 20px;margin:0;border:none;text-transform:uppercase;background:transparent}
|
||||
.control-tabs.content-tabs > ul.nav-tabs li a{font-size:12px;padding:11px 20px;margin:0;border:none;text-transform:uppercase;background:transparent;font-weight:600}
|
||||
.control-tabs.content-tabs > ul.nav-tabs li a span.title span{border-top:none}
|
||||
.control-tabs.content-tabs > ul.nav-tabs li:first-child{border-left:1px solid #e3e5e7}
|
||||
.control-tabs.content-tabs > ul.nav-tabs li:last-child{border-right:1px solid #e3e5e7}
|
||||
.control-tabs.content-tabs > ul.nav-tabs li.active{background:#ffffff}
|
||||
.control-tabs.content-tabs > ul.nav-tabs li.active a{font-weight:600}
|
||||
.control-tabs.content-tabs.tabs-inset > ul.nav-tabs,.control-tabs.content-tabs.tabs-inset > div > ul.nav-tabs,.control-tabs.content-tabs.tabs-inset > div > div > ul.nav-tabs{margin-left:-20px;margin-right:-20px}
|
||||
.control-tabs.content-tabs.tabs-inset > ul.nav-tabs li:first-child,.control-tabs.content-tabs.tabs-inset > div > ul.nav-tabs li:first-child,.control-tabs.content-tabs.tabs-inset > div > div > ul.nav-tabs li:first-child{margin-left:20px}
|
||||
.control-tabs.content-tabs.tabs-offset > ul.nav-tabs li:first-child{margin-left:20px}
|
||||
|
|
@ -1774,7 +1771,7 @@ div.scoreboard .control-chart .canvas + ul{margin-left:0}
|
|||
div.scoreboard .scoreboard-offset{padding-left:20px}
|
||||
body.slim-container div.scoreboard{padding:0 20px}
|
||||
#layout-canvas .flash-message{display:none}
|
||||
.flash-message{position:fixed;width:500px;left:50%;top:13px;margin-left:-250px;color:#ffffff;font-size:14px;padding:10px 30px 10px 15px;z-index:10300;word-wrap:break-word;text-shadow:0 -1px 0px rgba(0,0,0,0.15);text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
|
||||
.flash-message{position:fixed;width:500px;left:50%;top:13px;margin-left:-250px;color:#ffffff;font-size:14px;padding:10px 30px 10px 15px;z-index:10300;word-wrap:break-word;text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
|
||||
.flash-message.fade{opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.5s,width 0s;transition:all 0.5s,width 0s;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
|
||||
.flash-message.fade.in{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
|
||||
.flash-message.success{background:#8da85e}
|
||||
|
|
@ -2426,7 +2423,7 @@ html.cssanimations .cursor-loading-indicator.hide{display:none}
|
|||
.custom-switch input:checked ~ span{background-color:#76a544}
|
||||
.custom-switch input:checked ~ span span:first-of-type{color:#FFFFFF;display:block}
|
||||
.custom-switch input:checked ~ span span:last-of-type{color:#666666;display:none}
|
||||
.custom-switch > span{display:block;height:100%;position:absolute;left:0;width:100%;background-color:#bb2424;font-size:12px;font-weight:bold;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
|
||||
.custom-switch > span{display:block;height:100%;position:absolute;left:0;width:100%;background-color:#bb2424;font-size:12px;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
|
||||
.custom-switch > span span{z-index:10;display:block;width:50%;position:absolute;top:2px;left:-1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||||
.custom-switch > span span:last-child{left:28px;color:#FFFFFF;display:block}
|
||||
.custom-switch > span span:first-of-type{padding-left:13px;display:none;color:#666666}
|
||||
|
|
@ -2593,9 +2590,9 @@ table.table.data tbody tr:last-child th,table.table.data tbody tr:last-child td{
|
|||
table.table.data tbody tr td:first-child{border-left:3px solid transparent;padding-left:22px}
|
||||
table.table.data tbody tr.active td{color:#000000}
|
||||
table.table.data tbody tr.active td:first-child{border-left:3px solid #ff9933}
|
||||
table.table.data tbody tr.rowlink:hover td,table.table.data tbody tr:not(.no-data).selected td{background:#4ea5e0 !important;text-shadow:0 -1px 0 rgba(0,0,0,0.3);color:#ffffff}
|
||||
table.table.data tbody tr.rowlink:hover td,table.table.data tbody tr:not(.no-data).selected td{background:#4ea5e0 !important;color:#ffffff}
|
||||
table.table.data tbody tr.rowlink:hover td a:not(.btn),table.table.data tbody tr:not(.no-data).selected td a:not(.btn),table.table.data tbody tr.rowlink:hover td span,table.table.data tbody tr:not(.no-data).selected td span,table.table.data tbody tr.rowlink:hover td i[class^="icon-"],table.table.data tbody tr:not(.no-data).selected td i[class^="icon-"]{color:#ffffff}
|
||||
table.table.data tbody tr.rowlink:active td{text-shadow:0 -1px 0 rgba(0,0,0,0.3);background:#3498db !important;color:#ffffff}
|
||||
table.table.data tbody tr.rowlink:active td{background:#3498db !important;color:#ffffff}
|
||||
table.table.data tbody tr.hidden td,table.table.data tbody tr.hidden th,table.table.data tbody tr.hidden td a,table.table.data tbody tr.hidden th a{display:none}
|
||||
table.table.data tbody tr.strike td,table.table.data tbody tr.strike th,table.table.data tbody tr.strike td a,table.table.data tbody tr.strike th a{text-decoration:line-through}
|
||||
table.table.data tbody tr.frozen td,table.table.data tbody tr.frozen th,table.table.data tbody tr.frozen td a,table.table.data tbody tr.frozen th a{color:#337ab7}
|
||||
|
|
@ -2895,7 +2892,7 @@ ul.autocomplete.dropdown-menu.inspector-autocomplete li a{padding:5px 12px;white
|
|||
}
|
||||
.modal-content{-webkit-box-shadow:0 27px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22);box-shadow:0 27px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:none;background:#f9f9f9}
|
||||
.modal-content.popup-shaking{-webkit-animation:popup-shake 0.82s cubic-bezier(0.36,0.07000000000000001,0.19,0.97) both;animation:popup-shake 0.82s cubic-bezier(0.36,0.07000000000000001,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}
|
||||
.modal-header{background:transparent;color:#2a3e51;text-shadow:0 1px 0 rgba(255,255,255,0.35);border-top-right-radius:3px;border-top-left-radius:3px;padding:20px 20px;border:none}
|
||||
.modal-header{background:transparent;color:#2a3e51;border-top-right-radius:3px;border-top-left-radius:3px;padding:20px 20px;border:none}
|
||||
.modal-header h4{font-weight:normal;font-size:18px}
|
||||
.modal-footer{background:transparent;border:none;margin-top:0;padding:0 20px 20px 20px}
|
||||
.modal-body{padding-top:0;padding-bottom:0}
|
||||
|
|
|
|||
Loading…
Reference in New Issue