From 00bf595cb277a8a1799a48d35f0252bf9beba8c3 Mon Sep 17 00:00:00 2001 From: thusithakalugamage Date: Fri, 26 Aug 2016 15:56:25 +0530 Subject: [PATCH] moving wso2 theme to emm - removing duplicated styles for buttons and links, navbar style update --- .../cdmf.unit.ui.navbar.nav-menu/nav-menu.hbs | 3 +- .../uuf.unit.theme/public/css/theme-wso2.css | 1110 +---------------- 2 files changed, 32 insertions(+), 1081 deletions(-) diff --git a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.navbar.nav-menu/nav-menu.hbs b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.navbar.nav-menu/nav-menu.hbs index 9d6a164d4c..2c36f248d4 100644 --- a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.navbar.nav-menu/nav-menu.hbs +++ b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.navbar.nav-menu/nav-menu.hbs @@ -105,8 +105,7 @@ data-offset-top="80"> -

Show all notifications -

+
Show all notifications
{{/zone}} {{#zone "bottomJs"}} diff --git a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/uuf-template-app/app/units/uuf.unit.theme/public/css/theme-wso2.css b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/uuf-template-app/app/units/uuf.unit.theme/public/css/theme-wso2.css index 1ec53ebb72..a924b1bc28 100644 --- a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/uuf-template-app/app/units/uuf.unit.theme/public/css/theme-wso2.css +++ b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/uuf-template-app/app/units/uuf.unit.theme/public/css/theme-wso2.css @@ -2770,380 +2770,7 @@ select[multiple].input-lg, } } -.btn { - display: inline-block; - margin-bottom: 0; - font-weight: normal; - text-align: center; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - background-image: none; - border: 1px solid transparent; - white-space: nowrap; - padding: 6px 12px; - font-size: 14px; - line-height: 1.42857; - border-radius: 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -.btn:hover, .btn:focus, .btn.focus { - color: #333; - 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); -} -.btn.disabled, .btn[disabled], fieldset[disabled] .btn { - cursor: not-allowed; - opacity: 0.65; - filter: alpha(opacity=65); - -webkit-box-shadow: none; - box-shadow: none; -} - -a.btn.disabled, fieldset[disabled] a.btn { - pointer-events: none; -} - -.btn-default { - color: #333; - background-color: #fff; - border-color: #ccc; -} -.btn-default:focus, .btn-default.focus { - color: #333; - background-color: #e6e6e6; - border-color: #8c8c8c; -} -.btn-default:hover { - color: #333; - background-color: #e6e6e6; - border-color: #adadad; -} -.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { - color: #333; - background-color: #e6e6e6; - border-color: #adadad; -} -.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { - color: #333; - background-color: #d4d4d4; - border-color: #8c8c8c; -} -.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { - background-image: none; -} -.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { - background-color: #fff; - border-color: #ccc; -} -.btn-default .badge { - color: #fff; - background-color: #333; -} - -.btn-primary { - color: #fff; - background-color: #004675; - border-color: #00375c; -} -.btn-primary:focus, .btn-primary.focus { - color: #fff; - background-color: #002742; - border-color: black; -} -.btn-primary:hover { - color: #fff; - background-color: #002742; - border-color: #00121e; -} -.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { - color: #fff; - background-color: #002742; - border-color: #00121e; -} -.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { - color: #fff; - background-color: #00121e; - border-color: black; -} -.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { - background-image: none; -} -.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { - background-color: #004675; - border-color: #00375c; -} -.btn-primary .badge { - color: #004675; - background-color: #fff; -} - -.btn-success { - color: #fff; - background-color: #5cb85c; - border-color: #4cae4c; -} -.btn-success:focus, .btn-success.focus { - color: #fff; - background-color: #449d44; - border-color: #255625; -} -.btn-success:hover { - color: #fff; - background-color: #449d44; - border-color: #398439; -} -.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { - color: #fff; - background-color: #449d44; - border-color: #398439; -} -.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { - color: #fff; - background-color: #398439; - border-color: #255625; -} -.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { - background-image: none; -} -.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { - background-color: #5cb85c; - border-color: #4cae4c; -} -.btn-success .badge { - color: #5cb85c; - background-color: #fff; -} - -.btn-info { - color: #fff; - background-color: #009DA7; - border-color: #00858e; -} -.btn-info:focus, .btn-info.focus { - color: #fff; - background-color: #006d74; - border-color: #000d0e; -} -.btn-info:hover { - color: #fff; - background-color: #006d74; - border-color: #004b50; -} -.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { - color: #fff; - background-color: #006d74; - border-color: #004b50; -} -.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { - color: #fff; - background-color: #004b50; - border-color: #000d0e; -} -.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { - background-image: none; -} -.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { - background-color: #009DA7; - border-color: #00858e; -} -.btn-info .badge { - color: #009DA7; - background-color: #fff; -} - -.btn-warning { - color: #fff; - background-color: #f0ad4e; - border-color: #eea236; -} -.btn-warning:focus, .btn-warning.focus { - color: #fff; - background-color: #ec971f; - border-color: #985f0d; -} -.btn-warning:hover { - color: #fff; - background-color: #ec971f; - border-color: #d58512; -} -.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { - color: #fff; - background-color: #ec971f; - border-color: #d58512; -} -.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { - color: #fff; - background-color: #d58512; - border-color: #985f0d; -} -.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { - background-image: none; -} -.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { - background-color: #f0ad4e; - border-color: #eea236; -} -.btn-warning .badge { - color: #f0ad4e; - background-color: #fff; -} - -.btn-danger { - color: #fff; - background-color: #d9534f; - border-color: #d43f3a; -} -.btn-danger:focus, .btn-danger.focus { - color: #fff; - background-color: #c9302c; - border-color: #761c19; -} -.btn-danger:hover { - color: #fff; - background-color: #c9302c; - border-color: #ac2925; -} -.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { - color: #fff; - background-color: #c9302c; - border-color: #ac2925; -} -.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { - color: #fff; - background-color: #ac2925; - border-color: #761c19; -} -.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { - background-image: none; -} -.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { - background-color: #d9534f; - border-color: #d43f3a; -} -.btn-danger .badge { - color: #d9534f; - background-color: #fff; -} - -.btn-link { - color: #004675; - font-weight: normal; - border-radius: 0; -} -.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; -} -.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { - border-color: transparent; -} -.btn-link:hover, .btn-link:focus { - color: #001829; - text-decoration: underline; - background-color: transparent; -} -.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { - color: #777777; - text-decoration: none; -} - -.btn-lg, .btn-group-lg > .btn { - padding: 10px 16px; - font-size: 18px; - line-height: 1.33333; - border-radius: 0; -} - -.btn-sm, .btn-group-sm > .btn { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; -} - -.btn-xs, .btn-group-xs > .btn { - padding: 1px 5px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; -} - -.btn-block { - display: block; - width: 100%; -} - -.btn-block + .btn-block { - margin-top: 5px; -} - -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; -} - -.btn-secondary { - color: #fff; - background-color: #0083db; - border-color: #0074c2; -} -.btn-secondary:focus, .btn-secondary.focus { - color: #fff; - background-color: #0065a8; - border-color: #002742; -} -.btn-secondary:hover { - color: #fff; - background-color: #0065a8; - border-color: #004f84; -} -.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { - color: #fff; - background-color: #0065a8; - border-color: #004f84; -} -.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus { - color: #fff; - background-color: #004f84; - border-color: #002742; -} -.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { - background-image: none; -} -.btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus { - background-color: #0083db; - border-color: #0074c2; -} -.btn-secondary .badge { - color: #0083db; - background-color: #fff; -} - -.btn-mobile { - width: 100%; -} -@media (min-width: 768px) { - .btn-mobile { - width: auto; - } -} header { min-height: 50px; position: relative; @@ -7379,9 +7006,6 @@ body.inverse .fade-edge:after { width: 60px; } -/* ======================================================================== - * row/col styles - * ======================================================================== */ /* ======================================================================== * navbar styles * ======================================================================== */ @@ -7816,7 +7440,7 @@ ul.sidebar-messages > li { padding: 40px; } -.body-wrapper a.btn:hover { +.body-wrapper a.btn:hover,.body-wrapper a:hover { text-decoration: none; } @@ -8126,601 +7750,37 @@ ul.sidebar-messages > li { display: none; } + /* ======================================================================== - * form styles + * pagination styles * ======================================================================== */ -.form-horizontal { - max-width: 750px; +.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } - -.control-label { - font-weight: 400; +.pagination > li > a, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span, .pagination > li > span:hover { + text-decoration: none; + color: #004675; } -.input-group-btn .control-label { - font-size: 14px; - padding-top: 0; - margin: 0 5px; +.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { + background: #004675; + border-color: #004675; } -.input-group-btn .btn, .input-group-btn .btn:hover, .input-group-btn .btn:focus { - border-color: #ccc; +.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { + display: none; } -.form-control, .btn { +/* ======================================================================== + * panel styles + * ======================================================================== */ +.panel-group .panel, .panel-heading, .panel-footer, .panel-body { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -} - -.remove-icon-ring-on-hover:hover .fw-ring { - display: none; -} - -.has-form-control-btn { - position: relative; -} - -.form-control-btn, .form-control-btn:focus, .form-control-btn:active, .form-control-btn:hover { - position: absolute; - top: 0; - right: 0; - display: block; - width: 34px; - height: 34px; - line-height: 34px; - text-align: center; - background: transparent; - border: none; - z-index: 5; - opacity: 0.7; - font-size: 14px; -} -.form-control-btn:hover { - opacity: 1; -} - -.form-control { - width: 100%; -} -.form-control-xs { - min-width: calc(750px/12); -} -.form-control-sm { - min-width: calc(750px/9); -} -.form-control-md { - min-width: calc(750px/6); -} -.form-control-lg { - min-width: calc(750px/2); -} - -input[type=number].form-control { - padding: 0 0 0 12px; -} - -.input-wrap { - width: 100%; -} - -.input-wrap .btn.wrap-input-right { - border-left: none; -} - -.input-group-addon { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} - -.file-upload-control input[type=file] { - display: none; -} - -.file-upload-control input[readonly] { - background-color: white !important; - cursor: text !important; -} - -@media only screen and (max-width: 768px) { - .input-group.res-wrap, .input-group.res-wrap .form-control, .input-group.res-wrap .control-label, .input-group.res-wrap .input-group-btn { - min-width: 100%; - display: block; - float: none; - } - - .input-group.res-wrap .control-label { - line-height: 34px; - margin: 5px 0 0 0; - } - - .form-control-xs { - min-width: calc(750px/24); - } - .form-control-sm { - min-width: calc(750px/18); - } - .form-control-md { - min-width: calc(750px/12); - } - .form-control-lg { - min-width: calc(750px/4); - } -} -/* ======================================================================== - * table styles - * ======================================================================== */ -.table thead th { - font-weight: 300; -} - -.table .form-control { - min-width: 100%; -} - -@media only screen and (max-width: 767px) { - .table-responsive table, - .table-responsive thead, - .table-responsive tbody, - .table-responsive th, - .table-responsive td, - .table-responsive tr { - display: block; - } - - .table-responsive thead tr { - position: absolute; - top: -9999px; - left: -9999px; - } - - .table-responsive tr { - border: 1px solid #ccc; - } - - .table-responsive.table-striped { - border: none; - } - - .table-responsive tbody > tr > td { - border: none; - border-bottom: 1px solid #eee; - position: relative; - padding-left: 50%; - white-space: normal; - text-align: left; - } - - .table-responsive tr > td:before { - position: absolute; - top: 6px; - left: 6px; - width: 45%; - padding-right: 10px; - white-space: nowrap; - text-align: left; - font-weight: bold; - } - - .table-responsive tbody > tr > td:before { - content: attr(data-title); - } -} -/* ======================================================================== - * list table styles - * ======================================================================== */ -.table.list-table { - min-width: 100%; - display: block; -} - -.table.list-table thead, -.table.list-table tbody { - vertical-align: top; -} - -.table.list-table > tbody > tr > td, .table.list-table > tbody > tr > th, .table.list-table > tfoot > tr > td, .table.list-table > tfoot > tr > th, .table.list-table > thead > tr > td, .table.list-table > thead > tr > th { - border: none; - padding: 8px; - vertical-align: middle; - overflow: hidden; - position: relative; -} -.table.list-table .h1, .table.list-table .h2, .table.list-table .h3, .table.list-table .h4, .table.list-table .h5, .table.list-table .h6, .table.list-table h1, .table.list-table h2, .table.list-table h3, .table.list-table h4, .table.list-table h5, .table.list-table h6 { - margin: 0; -} - -.table.list-table tr { - border-bottom: 5px solid transparent; -} - -.table.list-table > thead > tr.sort-row { - display: none; -} - -.table.list-table > tbody > tr:nth-of-type(odd), -.table.list-table > tbody > tr:nth-of-type(even) { - background-color: transparent; -} - -.table.list-table > tbody > tr.child ul { - text-align: left; - display: block; -} - -.table.table-hover > tbody > tr:hover td:not(.dataTables_empty) { - background: #e4e4e4 !important; -} -.table.table-hover > tbody > tr:hover td:not(.dataTables_empty).fade-edge:after { - content: ""; - background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, fade(#e4e4e4, 0%)), color-stop(100%, fade(#e4e4e4, 100%))); - background-image: -webkit-linear-gradient(left, fade(#e4e4e4, 0%), fade(#e4e4e4, 100%)); - background: linear-gradient(to right, fade(#e4e4e4, 0%), fade(#e4e4e4, 100%)); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#00$color', EndColorStr='$color'); - bottom: 0; - max-height: 100%; - position: absolute; - right: 0; - height: 10000px; - width: 60px; -} - -.table.table-selectable > tbody > tr:hover { - cursor: pointer; -} - -.table.table-selectable > tbody > tr:hover td:not(.dataTables_empty):first-child:before, -.table.table-selectable > tbody > tr.DTTT_selected td:not(.dataTables_empty):first-child:before { - position: absolute; - display: block; - content: ""; - background-color: transparent; - border-left: 2px solid #fff; - border-bottom: 2px solid #fff; - height: .65rem; - width: 1.3rem; - z-index: 102; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - right: 0.3rem; - left: auto; - top: 0.3rem; -} - -.table.table-selectable.grid-view > tbody > tr.DTTT_selected td:not(.dataTables_empty):first-child { - border: 5px solid #007d85; -} - -.table.table-selectable:not(.grid-view) > tbody > tr.DTTT_selected td:not(.dataTables_empty) { - background: #2C313B !important; - color: #fff; -} - -.table.table-selectable > tbody > tr:hover td:not(.dataTables_empty):first-child:after, -.table.table-selectable > tbody > tr.DTTT_selected td:not(.dataTables_empty):first-child:after, -.table.table-selectable > tbody > tr[data-type=selectable] td:not(.dataTables_empty):first-child:after { - position: absolute; - display: block; - border-top: 32px solid #007d85; - border-left: 32px solid transparent; - right: 0; - content: ""; - top: 0; - z-index: 101; -} - -.table.table-selectable > tbody > tr[data-type=selectable]:not(:hover):not(.DTTT_selected) td:not(.dataTables_empty):first-child:after { - border-top-color: #e4e4e4; -} - -.table.list-table thead tr.bulk-action-row { - display: block; - margin: 0 15px; -} -.table.list-table thead tr.bulk-action-row > th, .table.list-table thead tr.bulk-action-row > td { - display: block !important; -} -.table.list-table thead tr.bulk-action-row > th > div, .table.list-table thead tr.bulk-action-row > td > div, .table.list-table thead tr.bulk-action-row > th > span, .table.list-table thead tr.bulk-action-row > td > span, .table.list-table thead tr.bulk-action-row > th > ul, .table.list-table thead tr.bulk-action-row > td > ul { - margin: 0 -10px; -} - -.table.list-table > thead.block > tr > td:not(:empty):before, -.table.list-table > thead.block > tr > th:not(:empty):before { - content: attr(data-for); -} - -.table.list-table:not(.grid-view) .content-fill { - width: 1%; -} - -.table.list-table:not(.grid-view) > tbody > tr > td, .table.list-table:not(.grid-view) > tbody > tr > th { - background: #f5f5f5; -} -.table.list-table:not(.grid-view) > tbody > tr > td.fade-edge:after, .table.list-table:not(.grid-view) > tbody > tr > th.fade-edge:after { - display: none; -} - -.table.list-table:not(.grid-view) tbody { - margin: 0 15px; -} - -.table.list-table:not(.grid-view) .thumbnail { - max-width: 60px; - min-width: 60px; -} - -.table.list-table.grid-view > thead > tr { - width: auto; -} - -.table.list-table.grid-view > tbody > tr > td, .table.list-table.grid-view > tbody > tr > th, .table.list-table.grid-view > tfoot > tr > td, .table.list-table.grid-view > tfoot > tr > th { - display: block; - white-space: nowrap; - padding: 10px 0; -} -.table.list-table.grid-view > tbody > tr > td[data-grid-label]:before, .table.list-table.grid-view > tbody > tr > th[data-grid-label]:before { - content: attr(data-grid-label):; - font-weight: 600; - margin-right: 8px; -} -.table.list-table.grid-view > tbody > tr.header-row { - display: none; -} -.table.list-table.grid-view > thead > tr > td, .table.list-table.grid-view > thead > tr > th { - display: inline-block; -} -.table.list-table.grid-view > thead > tr > td:not(:empty):before, .table.list-table.grid-view > thead > tr > th:not(:empty):before { - content: attr(data-for); -} -.table.list-table.grid-view .hidden-on-grid-view { - display: none; -} -.table.list-table.grid-view .padding-reduce-on-grid-view { - padding: 2px; -} -.table.list-table.grid-view .text-left-on-grid-view { - text-align: left; -} -.table.list-table.grid-view .text-right-on-grid-view { - text-align: right; -} -.table.list-table.grid-view .text-center-on-grid-view { - text-align: center; -} - -.table.list-table { - width: auto; - display: block; - margin-right: -15px; - margin-left: -15px; -} -.table.list-table > thead, .table.list-table > tbody, .table.list-table > tfoot { - display: block; -} - -.table.list-table.grid-view tr { - display: inline-block; -} - -.table.list-table.grid-view > tbody > tr { - padding: 15px 15px 0; -} - -.table.list-table.grid-view .filter-row, -.table.list-table thead.block .filter-row { - background: #e4e4e4; - margin: 0 15px; - padding: 15px; - display: block; -} - -.table.list-table.grid-view .filter-row th:empty, -.table.list-table thead.block .filter-row th:empty { - display: none; -} - -.table.list-table.grid-view tr td { - padding: 0; -} - -@media (max-width: 767px) { - .table.list-table > thead > tr.filter-row, .table.list-table > thead > tr.filter-row > td, .table.list-table > thead > tr.filter-row > th { - display: block; - } -} -@media (min-width: 320px) and (max-width: 479px) { - .table.list-table.grid-view tr { - width: 100%; - } -} -@media (min-width: 480px) and (max-width: 767px) { - .table.list-table.grid-view tr { - width: 50%; - } - - .table.list-table:not(.grid-view) .content-fill { - width: auto; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .table.list-table.grid-view tr { - width: 33.3%; - } -} -@media (min-width: 992px) and (max-width: 1199px) { - .table.list-table.grid-view tr { - width: 20%; - } -} -@media (min-width: 1200px) { - .table.list-table.grid-view tr { - width: 10%; - } -} -/* ======================================================================== - * data table styles - * ======================================================================== */ -table.dataTable thead .sorting:after, -table.dataTable thead .sorting_asc:after, -table.dataTable thead .sorting_desc:after { - font-family: "font-wso2"; -} - -.dataTables_wrapper ul.sort-list li a:before, -.dataTables_wrapper ul.sort-list li a.sorting_asc:before, -.dataTables_wrapper ul.sort-list li a.sorting_desc:before { - font-family: "font-wso2"; - margin-right: 10px; - font-size: 11px; - opacity: 1; - filter: alpha(opacity=100); -} - -.dataTables_wrapper ul.sort-list li a:before { - opacity: 0.2; - filter: alpha(opacity=20); -} - -table.dataTable thead .sorting:after, -.dataTables_wrapper ul.sort-list li a:before { - content: "\e673"; -} - -table.dataTable thead .sorting_asc:after, -.dataTables_wrapper ul.sort-list li a.sorting_asc:before { - content: "\e64b"; -} - -table.dataTable thead .sorting_desc:after, -.dataTables_wrapper ul.sort-list li a.sorting_desc:before { - content: "\e663"; -} - -table.dataTable thead .sorting { - padding-right: 30px !important; -} - -table.dataTable thead .no-sort:after { - display: none !important; -} - -table.dataTable thead .no-sort { - pointer-events: none !important; - cursor: default !important; -} - -table.dataTable tr.filter-row td, -table.dataTable tr.filter-row th { - padding: 0 8px 10px; -} - -.dataTables_wrapper > div.row > div { - text-align: left; -} - -.dataTables_filter, -.dataTables_toolbar, -.dataTables_length, -.dataTables_info { - text-align: left; - float: left; -} - -.dataTables_toolbar, -.dataTables_paginate { - float: right; -} - -.dataTablesTop, -.dataTablesBottom { - margin: 0; -} -.dataTablesTop:before, .dataTablesTop:after, -.dataTablesBottom:before, -.dataTablesBottom:after { - content: " "; - display: table; -} -.dataTablesTop:after, -.dataTablesBottom:after { - clear: both; -} - -.dataTablesBottom .dataTables_info { - padding: 4px 0 0 10px; - margin-left: 10px; - border-left: 1px solid #e4e4e4; -} - -.dataTables_filter .search-icon { - position: relative; - z-index: 1; - right: -10px; - top: 0; - color: #7B7B7B; - cursor: pointer; -} - -.dataTables_filter input { - padding: 0 15px 0 35px; - min-width: 300px; - margin: 0 0 0 -14px !important; -} - -.table.dataTable tbody tr.active td, -.table.dataTable tbody tr.active th, -.table.dataTable tbody tr.active:hover td, -.table.dataTable tbody tr.active:hover th { - background-color: #004675 !important; -} - -.table.dataTable tbody tr td.dataTables_empty { - overflow: visible; - cursor: default; - background: none; - padding: 0; -} - -table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { - top: 50%; - left: 10px; - margin-top: -8px; -} -table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:first-child { - padding-left: 40px !important; -} - -/* ======================================================================== - * pagination styles - * ======================================================================== */ -.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} -.pagination > li > a, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span, .pagination > li > span:hover { - text-decoration: none; - color: #004675; -} - -.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { - background: #004675; - border-color: #004675; -} - -.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { - display: none; -} - -/* ======================================================================== - * panel styles - * ======================================================================== */ -.panel-group .panel, .panel-heading, .panel-footer, .panel-body { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - padding: 0; + padding: 0; } .panel { @@ -9019,24 +8079,6 @@ a.list-group-item:hover { margin-top: 6px; } -/* ======================================================================== - * asset details styles - * ======================================================================== */ -.asset-image { - max-width: 150px; - background: #004675; - float: none; -} - -.asset-desc .asset-name { - font-size: 24px; - margin-bottom: 0; -} - -.asset-desc .asset-publisher { - font-size: 14px; - margin-bottom: 20px; -} /* ======================================================================== * switch styles @@ -9282,107 +8324,6 @@ a.list-group-item:hover { min-height: 300px; } -/* ======================================================================== - * Button color customizations - * ======================================================================== */ -.btn, a.btn { - /*background-color: #0E75DC; - color: #fff;*/ -} - -.btn .disabled, a.btn .disabled { - background-color: #0E75DC; - color: #fff; -} - -.btn-default, a.btn-default { - background-color: #064973; - color: #fff; - border: none; -} - -.btn-default:hover, a.btn-default:hover { - background-color: #085b8f; - color: #fff; - border: none; -} - -.btn-primary, a.btn-primary { - background-color: #064973; - color: #fff; - border: none; -} - -.btn-primary:hover, a.btn-primary:hover { - background-color: #085b8f; - color: #fff; - border: none; -} - -.btn-secondary, a.btn-secondary { - background-color: #444; - color: #fff; - border: none; -} - -.btn-secondary:hover, a.btn-secondary:hover { - background-color: #686868; - color: #fff; - border: none; -} - -/* ======================================================================== - * Thumbnail icon customizations - * ======================================================================== */ -.thumbnail.icon { - position: relative; -} - -.thumbnail.icon .after { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: none; - color: #FFF; -} - -.thumbnail.icon:hover .after { - display: block; - background: rgba(0, 0, 0, 0.6); - cursor: pointer; -} - -.thumbnail.icon > a > .after > span.fw-stack.fw-lg { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - margin: auto; - font-size: 26px; -} - -.thumbnail.icon .square-element img { - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%); - -moz-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - -o-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); -} - -.api-name-icon { - color: #fff; - width: 100%; - font-size: 9em; - text-align: center; - font-weight: 200; - text-transform: capitalize; -} /* ======================================================================== * Accordion and Collapse styles @@ -9968,4 +8909,15 @@ body.login-bg { .col-centered { float: none; margin: 0 auto; +} +.sidebar-messages .message-no-new{ + background: #333; + padding: 5px 10px; +} +.sidebar-messages .message-no-new h4{ + padding-top:5px; +} + +.sidebar-messages + div > a.btn:hover,.sidebar-messages + div > .btn:hover{ + background:#526a84; } \ No newline at end of file