fix menu ?
This commit is contained in:
Ibnu Maksum
parent
658aa73540
commit
565f481a65
@ -211,19 +211,11 @@ jQuery(function () {
|
||||
e.stopPropagation(), e.stopImmediatePropagation();
|
||||
}),
|
||||
aul.on("touchend", function (e) {
|
||||
if (!that.navHorizontal) {
|
||||
var parent = aRest.parent("li");
|
||||
lists.not(parent).removeClass("open");
|
||||
}
|
||||
that.isMobile && that.navWrap.toggleClass("nav-offcanvas"),
|
||||
e.stopPropagation(),
|
||||
e.stopImmediatePropagation();
|
||||
}),
|
||||
aRest.on("touchend", function () {
|
||||
if (!that.navHorizontal) {
|
||||
var parent = aRest.parent("li");
|
||||
lists.not(parent).removeClass("open");
|
||||
}
|
||||
that.isMobile && that.navWrap.toggleClass("nav-offcanvas");
|
||||
}),
|
||||
aRest.on("click", function (e) {
|
||||
|
||||
180
ui/ui/styles/main.min.css
vendored
180
ui/ui/styles/main.min.css
vendored
@ -5,7 +5,7 @@ body {
|
||||
min-height: 100%;
|
||||
}
|
||||
body {
|
||||
letter-spacing: .5px;
|
||||
letter-spacing: 0.5px;
|
||||
background: #efefef;
|
||||
}
|
||||
*:focus {
|
||||
@ -94,10 +94,22 @@ h5,
|
||||
h6 {
|
||||
font-weight: 500;
|
||||
}
|
||||
a.text-putih:link {color:#FFFFFF; text-decoration:none; }
|
||||
a.text-putih:visited {color:#FFFFFF; text-decoration:none;}
|
||||
a.text-putih:hover {color:#FFFFFF; text-decoration:none;}
|
||||
a.text-putih:active {color:#FFFFFF; text-decoration:none;}
|
||||
a.text-putih:link {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
a.text-putih:visited {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
a.text-putih:hover {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
a.text-putih:active {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.text-light {
|
||||
font-weight: 300;
|
||||
@ -353,7 +365,8 @@ select[multiple].input-group-sm > .input-group-btn > .dropdown > .btn {
|
||||
margin-right: 6px;
|
||||
}
|
||||
.btn:hover {
|
||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14),
|
||||
0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.btn.btn-default:hover {
|
||||
background: #fff !important;
|
||||
@ -1842,16 +1855,16 @@ fieldset[disabled] .btn-youtube.active {
|
||||
-o-transform: translate(0, 3px);
|
||||
transform: translate(0, 3px);
|
||||
}
|
||||
.table thead th > .th > [class*='icon'] {
|
||||
.table thead th > .th > [class*="icon"] {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
color: #eeeeee;
|
||||
font-size: 16px;
|
||||
}
|
||||
.table thead th > .th > [class*='icon']:hover {
|
||||
.table thead th > .th > [class*="icon"]:hover {
|
||||
color: #464646;
|
||||
}
|
||||
.table thead th > .th > [class*='icon'].active {
|
||||
.table thead th > .th > [class*="icon"].active {
|
||||
visibility: hidden;
|
||||
}
|
||||
.table thead th > .th > .icon-up {
|
||||
@ -2123,7 +2136,8 @@ fieldset[disabled] .btn-youtube.active {
|
||||
-webkit-transition: 0.22s ease-in;
|
||||
-o-transition: 0.22s ease-in;
|
||||
transition: 0.22s ease-in;
|
||||
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.02), -1px 0 0 rgba(0, 0, 0, 0.015), 1px 0 0 rgba(0, 0, 0, 0.015);
|
||||
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.02), -1px 0 0 rgba(0, 0, 0, 0.015),
|
||||
1px 0 0 rgba(0, 0, 0, 0.015);
|
||||
}
|
||||
.nav-tabs > li.active > a,
|
||||
.nav-tabs > li.active > a:hover,
|
||||
@ -2660,7 +2674,7 @@ fieldset[disabled] .btn-youtube.active {
|
||||
font-size: 12px;
|
||||
display: inline-block;
|
||||
padding: 4px 8px;
|
||||
opacity: .9;
|
||||
opacity: 0.9;
|
||||
}
|
||||
.modal-header > .close:hover {
|
||||
opacity: 1;
|
||||
@ -2823,7 +2837,7 @@ fieldset[disabled] .btn-youtube.active {
|
||||
}
|
||||
.progress-bar {
|
||||
box-shadow: none;
|
||||
line-height: .6;
|
||||
line-height: 0.6;
|
||||
}
|
||||
.progress-bar span {
|
||||
font-size: 7px;
|
||||
@ -2922,7 +2936,7 @@ fieldset[disabled] .btn-youtube.active {
|
||||
top: 5px;
|
||||
right: 15px;
|
||||
cursor: pointer;
|
||||
opacity: .8;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.page-app-calendar .calevents > li .event-remove-icon:hover {
|
||||
opacity: 1;
|
||||
@ -2973,7 +2987,7 @@ fieldset[disabled] .btn-youtube.active {
|
||||
.ui-radio label > input[readonly] + span,
|
||||
.ui-radio label > input[disabled] + i,
|
||||
.ui-radio label > input[readonly] + i {
|
||||
opacity: .6;
|
||||
opacity: 0.6;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ui-checkbox label > span,
|
||||
@ -3015,7 +3029,7 @@ fieldset[disabled] .btn-youtube.active {
|
||||
.ui-radio label > input:checked + span:after,
|
||||
.ui-radio label > input:checked + i:after {
|
||||
content: "\f122";
|
||||
font-family: 'ionicons';
|
||||
font-family: "ionicons";
|
||||
left: 5px;
|
||||
top: 2px;
|
||||
font-size: 12px;
|
||||
@ -3170,7 +3184,7 @@ fieldset[disabled] .btn-youtube.active {
|
||||
.ui-toggle label > input[readonly] + span,
|
||||
.ui-toggle label > input[disabled] + i,
|
||||
.ui-toggle label > input[readonly] + i {
|
||||
opacity: .6;
|
||||
opacity: 0.6;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ui-toggle label > input + span,
|
||||
@ -3341,7 +3355,7 @@ fieldset[disabled] .btn-youtube.active {
|
||||
.datepicker table > thead > tr > th i {
|
||||
font-style: normal;
|
||||
font-size: 18px;
|
||||
line-height: .5;
|
||||
line-height: 0.5;
|
||||
}
|
||||
[datepicker] table > thead > tr > th small[aria-label],
|
||||
.datepicker table > thead > tr > th small[aria-label] {
|
||||
@ -3949,7 +3963,13 @@ fieldset[disabled] .btn-youtube.active {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
.main-container .nav-wrap.nav-expand .site-nav .nav-list > li.open .inner-drop a,
|
||||
.main-container
|
||||
.nav-wrap.nav-expand
|
||||
.site-nav
|
||||
.nav-list
|
||||
> li.open
|
||||
.inner-drop
|
||||
a,
|
||||
.main-container .nav-wrap:hover .site-nav .nav-list > li.open .inner-drop a {
|
||||
-webkit-animation: slideSiteMenuX 0.3s ease-in;
|
||||
-o-animation: slideSiteMenuX 0.3s ease-in;
|
||||
@ -4011,7 +4031,7 @@ fieldset[disabled] .btn-youtube.active {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 220px;
|
||||
opacity: .95;
|
||||
opacity: 0.95;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
display: table;
|
||||
@ -4181,13 +4201,27 @@ fieldset[disabled] .btn-youtube.active {
|
||||
.app .main-container.nav-horizontal .nav-wrap .site-nav .nav-list > li a {
|
||||
text-align: center;
|
||||
}
|
||||
.app .main-container.nav-horizontal .nav-wrap .site-nav .nav-list > li a .text {
|
||||
.app
|
||||
.main-container.nav-horizontal
|
||||
.nav-wrap
|
||||
.site-nav
|
||||
.nav-list
|
||||
> li
|
||||
a
|
||||
.text {
|
||||
margin-left: 0;
|
||||
display: block;
|
||||
margin-top: 4px;
|
||||
position: relative;
|
||||
}
|
||||
.app .main-container.nav-horizontal .nav-wrap .site-nav .nav-list > li a .arrow {
|
||||
.app
|
||||
.main-container.nav-horizontal
|
||||
.nav-wrap
|
||||
.site-nav
|
||||
.nav-list
|
||||
> li
|
||||
a
|
||||
.arrow {
|
||||
display: block;
|
||||
margin-left: 18px;
|
||||
margin-top: -2px;
|
||||
@ -4197,22 +4231,47 @@ fieldset[disabled] .btn-youtube.active {
|
||||
transform: rotate(-90deg);
|
||||
font-size: 8px;
|
||||
}
|
||||
.app .main-container.nav-horizontal .nav-wrap .site-nav .nav-list > li a .badge {
|
||||
.app
|
||||
.main-container.nav-horizontal
|
||||
.nav-wrap
|
||||
.site-nav
|
||||
.nav-list
|
||||
> li
|
||||
a
|
||||
.badge {
|
||||
top: 3px;
|
||||
margin-left: auto;
|
||||
right: 18px;
|
||||
}
|
||||
.app .main-container.nav-horizontal .nav-wrap .site-nav .nav-list li .inner-drop {
|
||||
.app
|
||||
.main-container.nav-horizontal
|
||||
.nav-wrap
|
||||
.site-nav
|
||||
.nav-list
|
||||
li
|
||||
.inner-drop {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
margin-top: 1px;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.app .main-container.nav-horizontal .nav-wrap .site-nav .nav-list li:hover > a {
|
||||
.app
|
||||
.main-container.nav-horizontal
|
||||
.nav-wrap
|
||||
.site-nav
|
||||
.nav-list
|
||||
li:hover
|
||||
> a {
|
||||
background: #f7f7f7;
|
||||
}
|
||||
.app .main-container.nav-horizontal .nav-wrap .site-nav .nav-list li:hover .inner-drop {
|
||||
.app
|
||||
.main-container.nav-horizontal
|
||||
.nav-wrap
|
||||
.site-nav
|
||||
.nav-list
|
||||
li:hover
|
||||
.inner-drop {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@ -4247,7 +4306,7 @@ fieldset[disabled] .btn-youtube.active {
|
||||
padding: 15px;
|
||||
}
|
||||
@media (max-width: 320px) {
|
||||
.page .row > [class^='col'] {
|
||||
.page .row > [class^="col"] {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@ -4536,7 +4595,12 @@ fieldset[disabled] .btn-youtube.active {
|
||||
height: 180px;
|
||||
text-align: center;
|
||||
}
|
||||
.page.page-email .email-content .email-view .email-description .attachment .text {
|
||||
.page.page-email
|
||||
.email-content
|
||||
.email-view
|
||||
.email-description
|
||||
.attachment
|
||||
.text {
|
||||
padding: 10px;
|
||||
}
|
||||
.page.page-email .email-content .email-view .email-description .attachment img {
|
||||
@ -4726,7 +4790,8 @@ fieldset[disabled] .btn-youtube.active {
|
||||
font-weight: 900;
|
||||
font-size: 144px;
|
||||
color: #e91e63;
|
||||
text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px;
|
||||
text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px,
|
||||
rgba(61, 61, 61, 0.3) 3px 3px;
|
||||
}
|
||||
.page-err .err-container .m404 .ion {
|
||||
font-size: 36px;
|
||||
@ -5169,7 +5234,7 @@ fieldset[disabled] .btn-youtube.active {
|
||||
/** General Styles
|
||||
====================
|
||||
*/
|
||||
[tabindex='-1']:focus {
|
||||
[tabindex="-1"]:focus {
|
||||
outline: none;
|
||||
}
|
||||
.inset {
|
||||
@ -5212,19 +5277,24 @@ button.md-no-style {
|
||||
* =========================
|
||||
*/
|
||||
.md-whiteframe-z1 {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
|
||||
0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-z2 {
|
||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14),
|
||||
0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-z3 {
|
||||
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
|
||||
0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-z4 {
|
||||
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
|
||||
0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-z5 {
|
||||
box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
|
||||
0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
/**
|
||||
* MD Buttons
|
||||
@ -5258,7 +5328,8 @@ button.md-no-style {
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
|
||||
background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
/**
|
||||
* Position a FAB button.
|
||||
@ -5340,7 +5411,7 @@ button.md-no-style {
|
||||
border-radius: 50%;
|
||||
background-clip: padding-box;
|
||||
overflow: hidden;
|
||||
-webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC');
|
||||
-webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC");
|
||||
}
|
||||
.md-button.md-fab md-icon {
|
||||
margin-top: 0;
|
||||
@ -5557,7 +5628,7 @@ button.md-no-style {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none
|
||||
user-select: none;
|
||||
position: static;
|
||||
}
|
||||
.md-checkbox label > input,
|
||||
@ -5574,7 +5645,7 @@ button.md-no-style {
|
||||
.md-radio label > input[readonly] + span,
|
||||
.md-radio label > input[disabled] + i,
|
||||
.md-radio label > input[readonly] + i {
|
||||
opacity: .6;
|
||||
opacity: 0.6;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.md-checkbox label > span,
|
||||
@ -5594,8 +5665,8 @@ button.md-no-style {
|
||||
.md-radio label > span:after,
|
||||
.md-radio label > i:after {
|
||||
position: absolute;
|
||||
-webkit-transition: .25s;
|
||||
transition: .25s;
|
||||
-webkit-transition: 0.25s;
|
||||
transition: 0.25s;
|
||||
}
|
||||
.md-checkbox label > span:before,
|
||||
.md-checkbox label > i:before,
|
||||
@ -5623,7 +5694,7 @@ button.md-no-style {
|
||||
.md-radio label > input:checked + span:after,
|
||||
.md-radio label > input:checked + i:after {
|
||||
content: "\f383";
|
||||
font-family: 'ionicons';
|
||||
font-family: "ionicons";
|
||||
left: 5px;
|
||||
top: 1px;
|
||||
font-weight: bold;
|
||||
@ -5718,7 +5789,7 @@ button.md-no-style {
|
||||
.md-switch label > input[readonly] + span,
|
||||
.md-switch label > input[disabled] + i,
|
||||
.md-switch label > input[readonly] + i {
|
||||
opacity: .6;
|
||||
opacity: 0.6;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.md-switch label > input + span,
|
||||
@ -5749,11 +5820,12 @@ button.md-no-style {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
|
||||
0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
outline: none;
|
||||
border-radius: 50%;
|
||||
transition: all .5s;
|
||||
-webkit-transition: all .5s;
|
||||
transition: all 0.5s;
|
||||
-webkit-transition: all 0.5s;
|
||||
top: 1px;
|
||||
left: -3px;
|
||||
}
|
||||
@ -5815,12 +5887,12 @@ button.md-no-style {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 2px;
|
||||
opacity: .7;
|
||||
opacity: 0.7;
|
||||
font-size: 11px;
|
||||
}
|
||||
.md-input-container .md-input:focus {
|
||||
box-shadow: inset 0 -1px 0 0 #303f9f;
|
||||
border-color: #303F9F;
|
||||
border-color: #303f9f;
|
||||
}
|
||||
.md-input-container .md-input:focus + label {
|
||||
color: #2a378b !important;
|
||||
@ -5838,8 +5910,8 @@ button.md-no-style {
|
||||
line-height: 26px;
|
||||
-ms-flex-preferred-size: 26px;
|
||||
border-radius: 0;
|
||||
transition: .25s;
|
||||
-webkit-transition: .25s;
|
||||
transition: 0.25s;
|
||||
-webkit-transition: 0.25s;
|
||||
margin-top: 30px;
|
||||
border-color: #efefef;
|
||||
}
|
||||
@ -5849,7 +5921,7 @@ button.md-no-style {
|
||||
.md-input-container .md-input[disabled] {
|
||||
border-style: dotted;
|
||||
border-color: #999;
|
||||
opacity: .5;
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.md-input-container .md-input:invalid {
|
||||
@ -5875,16 +5947,16 @@ button.md-no-style {
|
||||
transform: translate(0, 100%);
|
||||
-webkit-transform: translate(0, 100%);
|
||||
-ms-transform: translate(0, 100%);
|
||||
opacity: .35;
|
||||
transition: .25s;
|
||||
-webkit-transition: .25s;
|
||||
opacity: 0.35;
|
||||
transition: 0.25s;
|
||||
-webkit-transition: 0.25s;
|
||||
}
|
||||
.md-input-container.md-float-label .md-input:focus + label {
|
||||
font-size: 11px;
|
||||
transform: translate(0, 0);
|
||||
-webkit-transform: translate(0, 0);
|
||||
-ms-transform: translate(0, 0);
|
||||
opacity: .8;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.notify {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user