From b74992640c439e1e69f88dbc6437e4e9f706e6f2 Mon Sep 17 00:00:00 2001 From: "francesco.mangiacrapa" Date: Fri, 26 Mar 2021 11:13:16 +0100 Subject: [PATCH] commente override of bootstrap.min.css. Added workspaceExplorer.css --- .../wsexplorer/WorkspaceExplorer.gwt.xml | 17 +- .../wsexplorer/public/workspaceExplorer.css | 1546 ++++++++++++++++- .../wsexplorer/WorkspaceExplorer.gwt.xml | 17 +- 3 files changed, 1564 insertions(+), 16 deletions(-) diff --git a/src/main/java/org/gcube/portlets/widgets/wsexplorer/WorkspaceExplorer.gwt.xml b/src/main/java/org/gcube/portlets/widgets/wsexplorer/WorkspaceExplorer.gwt.xml index 701a011..fa78abf 100644 --- a/src/main/java/org/gcube/portlets/widgets/wsexplorer/WorkspaceExplorer.gwt.xml +++ b/src/main/java/org/gcube/portlets/widgets/wsexplorer/WorkspaceExplorer.gwt.xml @@ -20,14 +20,17 @@ + + + - - - - - + + + + + + + diff --git a/src/main/java/org/gcube/portlets/widgets/wsexplorer/public/workspaceExplorer.css b/src/main/java/org/gcube/portlets/widgets/wsexplorer/public/workspaceExplorer.css index 5aabfe6..19e667d 100644 --- a/src/main/java/org/gcube/portlets/widgets/wsexplorer/public/workspaceExplorer.css +++ b/src/main/java/org/gcube/portlets/widgets/wsexplorer/public/workspaceExplorer.css @@ -3,9 +3,1551 @@ * SPECIFIC CSS FOR WORKSPACE EXPLORER * * -* See: org.gcube.portlets.widgets.wsexplorer.resources.BootstrapOverrideResources +* Not more overwritten by org.gcube.portlets.widgets.wsexplorer.resources.BootstrapOverrideResources * **************************************************/ div.ExpLeftPanel li { list-style-type: none; -} \ No newline at end of file +} + + +/************************************************* +* +* BOOTSTRAP MINIMAL CSS FOR WORKSPACE EXPLORER +* +**************************************************/ + +/*MODAL*/ +.modal-backdrop { + background-color: #000000; + bottom: 0; + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 1040; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop, .modal-backdrop.fade.in { + opacity: 0.8; +} +.modal { + background-clip: padding-box; + background-color: #FFFFFF; + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 6px; + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + left: 50%; + margin-left: -280px; + outline: 0 none; + position: fixed; + top: 10%; + width: 560px; + z-index: 1050; +} +.modal.fade { + top: -25%; + transition: opacity 0.3s linear 0s, top 0.3s ease-out 0s; +} +.modal.fade.in { + top: 10%; +} +.modal-header { + border-bottom: 1px solid #EEEEEE; + padding: 9px 15px; +} +.modal-header .close { + margin-top: 2px; +} +.modal-header h3 { + line-height: 30px; + margin: 0; +} +.modal-body { + max-height: 400px; + overflow-y: auto; + padding: 15px; + position: relative; +} +.modal-form { + margin-bottom: 0; +} +.modal-footer { + background-color: #F5F5F5; + border-radius: 0 0 6px 6px; + border-top: 1px solid #DDDDDD; + box-shadow: 0 1px 0 #FFFFFF inset; + margin-bottom: 0; + padding: 14px 15px 15px; + text-align: right; +} +.modal-footer:before, .modal-footer:after { + content: ""; + display: table; + line-height: 0; +} +.modal-footer:after { + clear: both; +} +.modal-footer .btn + .btn { + margin-bottom: 0; + margin-left: 5px; +} +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} + +/*NAVIGATION*/ + +.nav { + list-style: none outside none; + margin-bottom: 20px; + margin-left: 0; +} +.nav > li > a { + display: block; +} +.nav > li > a:hover, .nav > li > a:focus { + background-color: #EEEEEE; + text-decoration: none; +} +.nav > li > a > img { + max-width: none; +} +.nav > .pull-right { + float: right; +} +.nav-header { + color: #999999; + display: block; + font-size: 11px; + font-weight: bold; + line-height: 20px; + padding: 3px 15px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + text-transform: uppercase; +} +.nav li + .nav-header { + margin-top: 9px; +} +.nav-list { + margin-bottom: 0; + padding-left: 15px; + padding-right: 15px; +} +.nav-list > li > a, .nav-list .nav-header { + margin-left: -15px; + margin-right: -15px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); +} +.nav-list > li > a { + padding: 3px 15px; +} +.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus { + background-color: #0088CC; + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); +} +.nav-list [class^="icon-"], .nav-list [class*=" icon-"] { + margin-right: 2px; +} +.nav-list .divider { + background-color: #E5E5E5; + border-bottom: 1px solid #FFFFFF; + height: 1px; + margin: 9px 1px; + overflow: hidden; +} +.nav-tabs, .nav-pills { +} +.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { + content: ""; + display: table; + line-height: 0; +} +.nav-tabs:after, .nav-pills:after { + clear: both; +} +.nav-tabs > li, .nav-pills > li { + float: left; +} +.nav-tabs > li > a, .nav-pills > li > a { + line-height: 14px; + margin-right: 2px; + padding-left: 12px; + padding-right: 12px; +} +.nav-tabs { + border-bottom: 1px solid #DDDDDD; +} +.nav-tabs > li { + margin-bottom: -1px; +} +.nav-tabs > li > a { + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 4px 4px 0 0; + line-height: 20px; + padding-bottom: 8px; + padding-top: 8px; +} +.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { + border-color: #EEEEEE #EEEEEE #DDDDDD; +} +.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { + -moz-border-bottom-colors: none; + -moz-border-left-colors: none; + -moz-border-right-colors: none; + -moz-border-top-colors: none; + background-color: #FFFFFF; + border-color: #DDDDDD #DDDDDD rgba(0, 0, 0, 0); + border-image: none; + border-style: solid; + border-width: 1px; + color: #555555; + cursor: default; +} +.nav-pills > li > a { + border-radius: 5px; + margin-bottom: 2px; + margin-top: 2px; + padding-bottom: 8px; + padding-top: 8px; +} +.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus { + background-color: #0088CC; + color: #FFFFFF; +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li > a { + margin-right: 0; +} +.nav-tabs.nav-stacked { + border-bottom: 0 none; +} +.nav-tabs.nav-stacked > li > a { + border: 1px solid #DDDDDD; + border-radius: 0; +} +.nav-tabs.nav-stacked > li:first-child > a { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.nav-tabs.nav-stacked > li:last-child > a { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.nav-tabs.nav-stacked > li > a:hover, .nav-tabs.nav-stacked > li > a:focus { + border-color: #DDDDDD; + z-index: 2; +} +.nav-pills.nav-stacked > li > a { + margin-bottom: 3px; +} +.nav-pills.nav-stacked > li:last-child > a { + margin-bottom: 1px; +} +.nav-tabs .dropdown-menu { + border-radius: 0 0 6px 6px; +} +.nav-pills .dropdown-menu { + border-radius: 6px; +} +.nav .dropdown-toggle .caret { + border-bottom-color: #0088CC; + border-top-color: #0088CC; + margin-top: 6px; +} +.nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret { + border-bottom-color: #005580; + border-top-color: #005580; +} +.nav-tabs .dropdown-toggle .caret { + margin-top: 8px; +} +.nav .active .dropdown-toggle .caret { + border-bottom-color: #FFFFFF; + border-top-color: #FFFFFF; +} +.nav-tabs .active .dropdown-toggle .caret { + border-bottom-color: #555555; + border-top-color: #555555; +} +.nav > .dropdown.active > a:hover, .nav > .dropdown.active > a:focus { + cursor: pointer; +} +.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus { + background-color: #999999; + border-color: #999999; + color: #FFFFFF; +} +.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret { + border-bottom-color: #FFFFFF; + border-top-color: #FFFFFF; + opacity: 1; +} + + +/*TOOLTIP*/ +.tooltip { + display: block; + font-size: 11px; + line-height: 1.4; + opacity: 0; + position: absolute; + visibility: visible; + z-index: 1030; +} + +.tooltip.in { + opacity: 0.8; +} + +.tooltip.top { + margin-top: -3px; + padding: 5px 0; +} + +.tooltip.right { + margin-left: 3px; + padding: 0 5px; +} + +.tooltip.bottom { + margin-top: 3px; + padding: 5px 0; +} + +.tooltip.left { + margin-left: -3px; + padding: 0 5px; +} + +.tooltip-inner { + background-color: #000000; + border-radius: 4px; + color: #FFFFFF; + max-width: 200px; + padding: 8px; + text-align: center; + text-decoration: none; +} + +.tooltip-arrow { + border-color: rgba(0, 0, 0, 0); + border-style: solid; + height: 0; + position: absolute; + width: 0; +} + +.tooltip.top .tooltip-arrow { + border-top-color: #000000; + border-width: 5px 5px 0; + bottom: 0; + left: 50%; + margin-left: -5px; +} + +.tooltip.right .tooltip-arrow { + border-right-color: #000000; + border-width: 5px 5px 5px 0; + left: 0; + margin-top: -5px; + top: 50%; +} + +.tooltip.left .tooltip-arrow { + border-left-color: #000000; + border-width: 5px 0 5px 5px; + margin-top: -5px; + right: 0; + top: 50%; +} + +.tooltip.bottom .tooltip-arrow { + border-bottom-color: #000000; + border-width: 0 5px 5px; + left: 50%; + margin-left: -5px; + top: 0; +} + +/*BREADCRUMB*/ +.breadcrumb { + background-color: #F5F5F5; + border-radius: 4px; + list-style: none outside none; + margin: 0 0 20px; + padding: 8px 15px; +} + +.breadcrumb>li { + display: inline-block; + text-shadow: 0 1px 0 #FFFFFF; +} + +.breadcrumb>li>.divider { + color: #CCCCCC; + padding: 0 5px; +} + +.breadcrumb>.active { + color: #999999; +} + +/*TABLE*/ +.table { + margin-bottom: 20px; + width: 100%; +} + +.table th, .table td { + border-top: 1px solid #DDDDDD; + line-height: 20px; + padding: 8px; + text-align: left; + vertical-align: top; +} + +.table th { + font-weight: bold; +} + +.table thead th { + vertical-align: bottom; +} + +.table caption+thead tr:first-child th, .table caption+thead tr:first-child td, + .table colgroup+thead tr:first-child th, .table colgroup+thead tr:first-child td, + .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td + { + border-top: 0 none; +} + +.table tbody+tbody { + border-top: 2px solid #DDDDDD; +} + +.table .table { + background-color: #FFFFFF; +} + +.table-condensed th, .table-condensed td { + padding: 4px 5px; +} + +.table-bordered { + -moz-border-bottom-colors: none; + -moz-border-left-colors: none; + -moz-border-right-colors: none; + -moz-border-top-colors: none; + border-collapse: separate; + border-color: #DDDDDD #DDDDDD #DDDDDD -moz-use-text-color; + border-image: none; + border-radius: 4px; + border-style: solid solid solid none; + border-width: 1px 1px 1px 0; +} + +.table-bordered th, .table-bordered td { + border-left: 1px solid #DDDDDD; +} + +.table-bordered caption+thead tr:first-child th, .table-bordered caption+tbody tr:first-child th, + .table-bordered caption+tbody tr:first-child td, .table-bordered colgroup+thead tr:first-child th, + .table-bordered colgroup+tbody tr:first-child th, .table-bordered colgroup+tbody tr:first-child td, + .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, + .table-bordered tbody:first-child tr:first-child td { + border-top: 0 none; +} + +.table-bordered thead:first-child tr:first-child>th:first-child, + .table-bordered tbody:first-child tr:first-child>td:first-child, + .table-bordered tbody:first-child tr:first-child>th:first-child { + border-top-left-radius: 4px; +} + +.table-bordered thead:first-child tr:first-child>th:last-child, + .table-bordered tbody:first-child tr:first-child>td:last-child, + .table-bordered tbody:first-child tr:first-child>th:last-child { + border-top-right-radius: 4px; +} + +.table-bordered thead:last-child tr:last-child>th:first-child, + .table-bordered tbody:last-child tr:last-child>td:first-child, + .table-bordered tbody:last-child tr:last-child>th:first-child, + .table-bordered tfoot:last-child tr:last-child>td:first-child, + .table-bordered tfoot:last-child tr:last-child>th:first-child { + border-bottom-left-radius: 4px; +} + +.table-bordered thead:last-child tr:last-child>th:last-child, + .table-bordered tbody:last-child tr:last-child>td:last-child, + .table-bordered tbody:last-child tr:last-child>th:last-child, + .table-bordered tfoot:last-child tr:last-child>td:last-child, + .table-bordered tfoot:last-child tr:last-child>th:last-child { + border-bottom-right-radius: 4px; +} + +.table-bordered tfoot+tbody:last-child tr:last-child td:first-child { + border-bottom-left-radius: 0; +} + +.table-bordered tfoot+tbody:last-child tr:last-child td:last-child { + border-bottom-right-radius: 0; +} + +.table-bordered caption+thead tr:first-child th:first-child, + .table-bordered caption+tbody tr:first-child td:first-child, + .table-bordered colgroup+thead tr:first-child th:first-child, + .table-bordered colgroup+tbody tr:first-child td:first-child { + border-top-left-radius: 4px; +} + +.table-bordered caption+thead tr:first-child th:last-child, + .table-bordered caption+tbody tr:first-child td:last-child, + .table-bordered colgroup+thead tr:first-child th:last-child, + .table-bordered colgroup+tbody tr:first-child td:last-child { + border-top-right-radius: 4px; +} + +.table-striped tbody>tr:nth-child(2n+1)>td, .table-striped tbody>tr:nth-child(2n+1)>th + { + background-color: #F9F9F9; +} + +.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th { + background-color: #F5F5F5; +} + +table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], + .row-fluid table th[class*="span"] { + display: table-cell; + float: none; + margin-left: 0; +} + +.table td.span1, .table th.span1 { + float: none; + margin-left: 0; + width: 44px; +} + +.table td.span2, .table th.span2 { + float: none; + margin-left: 0; + width: 124px; +} + +.table td.span3, .table th.span3 { + float: none; + margin-left: 0; + width: 204px; +} + +.table td.span4, .table th.span4 { + float: none; + margin-left: 0; + width: 284px; +} + +.table td.span5, .table th.span5 { + float: none; + margin-left: 0; + width: 364px; +} + +.table td.span6, .table th.span6 { + float: none; + margin-left: 0; + width: 444px; +} + +.table td.span7, .table th.span7 { + float: none; + margin-left: 0; + width: 524px; +} + +.table td.span8, .table th.span8 { + float: none; + margin-left: 0; + width: 604px; +} + +.table td.span9, .table th.span9 { + float: none; + margin-left: 0; + width: 684px; +} + +.table td.span10, .table th.span10 { + float: none; + margin-left: 0; + width: 764px; +} + +.table td.span11, .table th.span11 { + float: none; + margin-left: 0; + width: 844px; +} + +.table td.span12, .table th.span12 { + float: none; + margin-left: 0; + width: 924px; +} + +.table tbody tr.success>td { + background-color: #DFF0D8; +} + +.table tbody tr.error>td { + background-color: #F2DEDE; +} + +.table tbody tr.warning>td { + background-color: #FCF8E3; +} + +.table tbody tr.info>td { + background-color: #D9EDF7; +} + +.table-hover tbody tr.success:hover>td { + background-color: #D0E9C6; +} + +.table-hover tbody tr.error:hover>td { + background-color: #EBCCCC; +} + +.table-hover tbody tr.warning:hover>td { + background-color: #FAF2CC; +} + +.table-hover tbody tr.info:hover>td { + background-color: #C4E3F3; +} + +/*BUTTONS*/ +button.close { + background: none repeat scroll 0 0 rgba(0, 0, 0, 0); + border: 0 none; + cursor: pointer; + padding: 0; +} + +.btn { + -moz-border-bottom-colors: none; + -moz-border-left-colors: none; + -moz-border-right-colors: none; + -moz-border-top-colors: none; + background-color: #F5F5F5; + background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6); + background-repeat: repeat-x; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3; + border-image: none; + border-radius: 4px; + border-style: solid; + border-width: 1px; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px + rgba(0, 0, 0, 0.05); + color: #333333; + cursor: pointer; + display: inline-block; + font-size: 14px; + line-height: 20px; + margin-bottom: 0; + padding: 4px 12px; + text-align: center; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + vertical-align: middle; +} + +.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] + { + background-color: #E6E6E6; + color: #333333; +} + +.btn:active, .btn.active { + +} + +.btn:first-child { + +} + +.btn:hover, .btn:focus { + background-position: 0 -15px; + color: #333333; + text-decoration: none; + transition: background-position 0.1s linear 0s; +} + +.btn:focus { + outline: thin dotted #333333; + outline-offset: -2px; +} + +.btn.active, .btn:active { + background-image: none; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px + rgba(0, 0, 0, 0.05); + outline: 0 none; +} + +.btn.disabled, .btn[disabled] { + background-image: none; + box-shadow: none; + cursor: default; + opacity: 0.65; +} + +.btn-large { + border-radius: 6px; + font-size: 17.5px; + padding: 11px 19px; +} + +.btn-large [class^="icon-"], .btn-large [class*=" icon-"] { + margin-top: 4px; +} + +.btn-small { + border-radius: 3px; + font-size: 11.9px; + padding: 2px 10px; +} + +.btn-small [class^="icon-"], .btn-small [class*=" icon-"] { + margin-top: 0; +} + +.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { + margin-top: -1px; +} + +.btn-mini { + border-radius: 3px; + font-size: 10.5px; + padding: 0 6px; +} + +.btn-block { + -moz-box-sizing: border-box; + display: block; + padding-left: 0; + padding-right: 0; + width: 100%; +} + +.btn-block+.btn-block { + margin-top: 5px; +} + +input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"] + { + width: 100%; +} + +.btn-primary.active, .btn-warning.active, .btn-danger.active, + .btn-success.active, .btn-info.active, .btn-inverse.active { + color: rgba(255, 255, 255, 0.75); +} + +.btn-primary { + background-color: #006DCC; + background-image: linear-gradient(to bottom, #0088CC, #0044CC); + background-repeat: repeat-x; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} + +.btn-primary:hover, .btn-primary:focus, .btn-primary:active, + .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { + background-color: #0044CC; + color: #FFFFFF; +} + +.btn-primary:active, .btn-primary.active { + +} + +.btn-warning { + background-color: #FAA732; + background-image: linear-gradient(to bottom, #FBB450, #F89406); + background-repeat: repeat-x; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} + +.btn-warning:hover, .btn-warning:focus, .btn-warning:active, + .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { + background-color: #F89406; + color: #FFFFFF; +} + +.btn-warning:active, .btn-warning.active { + +} + +.btn-danger { + background-color: #DA4F49; + background-image: linear-gradient(to bottom, #EE5F5B, #BD362F); + background-repeat: repeat-x; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} + +.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, + .btn-danger.disabled, .btn-danger[disabled] { + background-color: #BD362F; + color: #FFFFFF; +} + +.btn-danger:active, .btn-danger.active { + +} + +.btn-success { + background-color: #5BB75B; + background-image: linear-gradient(to bottom, #62C462, #51A351); + background-repeat: repeat-x; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} + +.btn-success:hover, .btn-success:focus, .btn-success:active, + .btn-success.active, .btn-success.disabled, .btn-success[disabled] { + background-color: #51A351; + color: #FFFFFF; +} + +.btn-success:active, .btn-success.active { + +} + +.btn-info { + background-color: #49AFCD; + background-image: linear-gradient(to bottom, #5BC0DE, #2F96B4); + background-repeat: repeat-x; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} + +.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, + .btn-info.disabled, .btn-info[disabled] { + background-color: #2F96B4; + color: #FFFFFF; +} + +.btn-info:active, .btn-info.active { + +} + +.btn-inverse { + background-color: #363636; + background-image: linear-gradient(to bottom, #444444, #222222); + background-repeat: repeat-x; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} + +.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, + .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { + background-color: #222222; + color: #FFFFFF; +} + +.btn-inverse:active, .btn-inverse.active { + +} + +button.btn, input.btn[type="submit"] { + +} + +button.btn::-moz-focus-inner, input.btn[type="submit"]::-moz-focus-inner + { + border: 0 none; + padding: 0; +} + +button.btn.btn-large, input.btn.btn-large[type="submit"] { + +} + +button.btn.btn-small, input.btn.btn-small[type="submit"] { + +} + +button.btn.btn-mini, input.btn.btn-mini[type="submit"] { + +} + +.btn-link, .btn-link:active, .btn-link[disabled] { + background-color: rgba(0, 0, 0, 0); + background-image: none; + box-shadow: none; +} + +.btn-link { + border-color: rgba(0, 0, 0, 0); + border-radius: 0; + color: #0088CC; + cursor: pointer; +} + +.btn-link:hover, .btn-link:focus { + background-color: rgba(0, 0, 0, 0); + color: #005580; + text-decoration: underline; +} + +.btn-link[disabled]:hover, .btn-link[disabled]:focus { + color: #333333; + text-decoration: none; +} + +.btn-group { + display: inline-block; + font-size: 0; + position: relative; + vertical-align: middle; + white-space: nowrap; +} + +.btn-group:first-child { + +} + +.btn-group+.btn-group { + margin-left: 5px; +} + +.btn-toolbar { + font-size: 0; + margin-bottom: 10px; + margin-top: 10px; +} + +.btn-toolbar>.btn+.btn, .btn-toolbar>.btn-group+.btn, .btn-toolbar>.btn+.btn-group + { + margin-left: 5px; +} + +.btn-group>.btn { + border-radius: 0; + position: relative; +} + +.btn-group>.btn+.btn { + margin-left: -1px; +} + +.btn-group>.btn, .btn-group>.dropdown-menu, .btn-group>.popover { + font-size: 14px; +} + +.btn-group>.btn-mini { + font-size: 10.5px; +} + +.btn-group>.btn-small { + font-size: 11.9px; +} + +.btn-group>.btn-large { + font-size: 17.5px; +} + +.btn-group>.btn:first-child { + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; + margin-left: 0; +} + +.btn-group>.btn:last-child, .btn-group>.dropdown-toggle { + border-bottom-right-radius: 4px; + border-top-right-radius: 4px; +} + +.btn-group>.btn.large:first-child { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; + margin-left: 0; +} + +.btn-group>.btn.large:last-child, .btn-group>.large.dropdown-toggle { + border-bottom-right-radius: 6px; + border-top-right-radius: 6px; +} + +.btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, + .btn-group>.btn.active { + z-index: 2; +} + +.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { + outline: 0 none; +} + +.btn-group>.btn+.dropdown-toggle { + box-shadow: 1px 0 0 rgba(255, 255, 255, 0.125) inset, 0 1px 0 + rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); + padding-left: 8px; + padding-right: 8px; +} + +.btn-group>.btn-mini+.dropdown-toggle { + padding-left: 5px; + padding-right: 5px; +} + +.btn-group>.btn-small+.dropdown-toggle { + +} + +.btn-group>.btn-large+.dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} + +.btn-group.open .dropdown-toggle { + background-image: none; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px + rgba(0, 0, 0, 0.05); +} + +.btn-group.open .btn.dropdown-toggle { + background-color: #E6E6E6; +} + +.btn-group.open .btn-primary.dropdown-toggle { + background-color: #0044CC; +} + +.btn-group.open .btn-warning.dropdown-toggle { + background-color: #F89406; +} + +.btn-group.open .btn-danger.dropdown-toggle { + background-color: #BD362F; +} + +.btn-group.open .btn-success.dropdown-toggle { + background-color: #51A351; +} + +.btn-group.open .btn-info.dropdown-toggle { + background-color: #2F96B4; +} + +.btn-group.open .btn-inverse.dropdown-toggle { + background-color: #222222; +} + +.btn .caret { + margin-left: 0; + margin-top: 8px; +} + +.btn-large .caret { + margin-top: 6px; +} + +.btn-large .caret { + border-left-width: 5px; + border-right-width: 5px; + border-top-width: 5px; +} + +.btn-mini .caret, .btn-small .caret { + margin-top: 8px; +} + +.dropup .btn-large .caret { + border-bottom-width: 5px; +} + +.btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, + .btn-success .caret, .btn-inverse .caret { + border-bottom-color: #FFFFFF; + border-top-color: #FFFFFF; +} + +.btn-group-vertical { + display: inline-block; +} + +.btn-group-vertical>.btn { + border-radius: 0; + display: block; + float: none; + max-width: 100%; +} + +.btn-group-vertical>.btn+.btn { + margin-left: 0; + margin-top: -1px; +} + +.btn-group-vertical>.btn:first-child { + border-radius: 4px 4px 0 0; +} + +.btn-group-vertical>.btn:last-child { + border-radius: 0 0 4px 4px; +} + +.btn-group-vertical>.btn-large:first-child { + border-radius: 6px 6px 0 0; +} + +.btn-group-vertical>.btn-large:last-child { + border-radius: 0 0 6px 6px; +} + +/*CLOSE*/ +.close { + color: #000000; + float: right; + font-size: 20px; + font-weight: bold; + line-height: 20px; + opacity: 0.2; + text-shadow: 0 1px 0 #FFFFFF; +} + +.close:hover, .close:focus { + color: #000000; + cursor: pointer; + opacity: 0.4; + text-decoration: none; +} + +/*ALERTS*/ +.alert { + background-color: #FCF8E3; + border: 1px solid #FBEED5; + border-radius: 4px; + margin-bottom: 20px; + padding: 8px 35px 8px 14px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); +} + +.alert, .alert h4 { + color: #C09853; +} + +.alert h4 { + margin: 0; +} + +.alert .close { + line-height: 20px; + position: relative; + right: -21px; + top: -2px; +} + +.alert-success { + background-color: #DFF0D8; + border-color: #D6E9C6; + color: #468847; +} + +.alert-success h4 { + color: #468847; +} + +.alert-danger, .alert-error { + background-color: #F2DEDE; + border-color: #EED3D7; + color: #B94A48; +} + +.alert-danger h4, .alert-error h4 { + color: #B94A48; +} + +.alert-info { + background-color: #D9EDF7; + border-color: #BCE8F1; + color: #3A87AD; +} + +.alert-info h4 { + color: #3A87AD; +} + +.alert-block { + padding-bottom: 14px; + padding-top: 14px; +} + +.alert-block>p, .alert-block>ul { + margin-bottom: 0; +} + +.alert-block p+p { + margin-top: 5px; +} + +/*A LINK*/ +a { + color: #0088CC; + text-decoration: none; +} + +a:hover, a:focus { + color: #005580; + text-decoration: underline; +} + + + + +/************************************************* +* +* SPECIFIC CSS FOR WORKSPACE EXPLORER +* +**************************************************/ + +.margin-auto { + margin: 0 auto; +} + + +.breadcrumbs-navigator .breadcrumb { + margin-bottom: 5px !important; + margin-left: 0px !important; +} + +.moreinfo{ + margin-top: 60%; +} + +.alert-custom { + margin-top: 5px; + margin-bottom: 0 !important; + padding: 3px !important; +} + +.fileNameTextBox{ + vertical-align: top !important; + margin-right: 10px; + margin-left: 5px; + width: 550px; + font-size: 13px !important; + height: 24px; +} + +.footerHP{ + margin-top: 20px !important; + float: right; +} + +.fileNamePanelTextBox{ + vertical-align: top !important; + margin-right: 10px; + margin-left: 5px; + width: 570px; + font-size: 13px !important; + height: 24px; +} + +.footerPanelHP{ + margin-top: 5px !important; + float: right; +} + +.htmlSaveName { + display: inline; + font-size: 14px; + margin-right: 5px; + vertical-align: middle; +} + +.savePanel{ + /*border: 1px solid;*/ + padding-left: 25px; +} + + +.well { + background-color: #F5F5F5; + border: 1px solid #E3E3E3; + border-radius: 4px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; + margin-bottom: 20px; + min-height: 20px; + padding: 19px; +} +.well blockquote { + border-color: rgba(0, 0, 0, 0.15); +} +.well-large { + border-radius: 6px; + padding: 24px; +} +.well-small { + border-radius: 3px; + padding: 9px; +} + +.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; +} +.form-search .hide, .form-inline .hide, .form-horizontal .hide { + display: none; +} +.form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { + display: inline-block; +} +.form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { + margin-bottom: 0; +} +.form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { + margin-bottom: 0; + padding-left: 0; + vertical-align: middle; +} +.form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { + float: left; + margin-left: 0; + margin-right: 3px; +} + + + + +/************************************************* +* +* GWT-BOOTSTRAP MINIMAL CSS FOR WORKSPACE EXPLORER +* +**************************************************/ +/* body { */ +/* padding-top: 50px; */ +/* } */ +/* div.input-prepend > input, div.input-prepend > textarea, div.input-prepend > select, div.input-prepend > .uneditable-input { */ +/* margin-bottom: 0; */ +/* } */ +/* div.input-append > input, div.input-append > textarea, div.input-append > select, div.input-append > .uneditable-input { */ +/* margin-bottom: 0; */ +/* } */ +.gwt-PopupPanel .gwt-DatePicker { + width: 200px; +} + +.gwt-SuggestBoxPopup { + z-index: 2100; +} + +.gwt-SuggestBoxPopup .suggestPopupTop { + background-color: #FFFFFF; +} + +.gwt-SuggestBoxPopup .suggestPopupMiddle { + background-color: #FFFFFF; +} + +.gwt-SuggestBoxPopup .suggestPopupBottomCenter { + background-color: #FFFFFF; +} + +.gwt-SuggestBoxPopup .item { + clear: both; + color: #333333; + cursor: pointer; + font-size: 110%; + font-weight: normal; + line-height: 20px; + padding: 3px 9px; + white-space: nowrap; +} + +.gwt-SuggestBoxPopup .item-selected { + background-color: #0081C2; + background-image: linear-gradient(to bottom, #0088CC, #0077B3); + background-repeat: repeat-x; + color: #FFFFFF; + outline: 0 none; + text-decoration: none; +} + +.gwt-TextBox-personal { + background-color: #FFFFFF; + border: 1px solid #CCCCCC; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; + transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; + border-radius: 4px; + color: #555555; + display: inline-block; + font-size: 14px; + height: 20px; + line-height: 20px; + margin-bottom: 10px; + padding: 4px 6px; + vertical-align: middle; +} + +.form-inline input:FOCUS { + border-color: rgba(82, 168, 236, 0.8); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px + rgba(82, 168, 236, 0.6); + outline: 0 none +} + +.margin-right-5px { + margin-right: 5px; +} + +/**** GWT DIALOG NEW STYLE****/ +.gwt-DialogBoxNew { + border: 8px solid #EEEEEE; + border-radius: 6px 6px 6px 6px; + box-shadow: none; + /* line-height: 7px; */ + opacity: 1; + z-index: 2000; + background-color: #FFFFFF; + min-width: 250px; + max-width: 600px; +} + +.gwt-DialogBoxNew .Caption { + background: none repeat scroll 0 0 #EEEEEE; + padding: 2px; + border-bottom: 1px solid #dadada; + cursor: default; + font-family: Arial Unicode MS, Arial, sans-serif !important; + font-size: 14px; +} + +.gwt-DialogBoxNew table { + width: 100%; +} + +.gwt-DialogBoxNew .dialogContent { + +} + +.gwt-DialogBoxNew .dialogMiddleCenter { + padding: 3px; + background: white; +} + +.gwt-DialogBoxNew .dialogBottomCenter { + +} + +.gwt-DialogBoxNew .dialogMiddleLeft { + /* background: url(images/vborder.png) repeat-y -31px 0px; */ + +} + +.gwt-DialogBoxNew .dialogMiddleRight { + /* background: url(images/vborder.png) repeat-y -32px 0px;*/ + +} + +.gwt-DialogBoxNew .dialogTopLeft { + /* background: url(images/circles.png) no-repeat -20px 0px; + -background: url(images/circles_ie6.png) no-repeat -20px 0px; */ + background: none repeat scroll 0 0 #E4E4E4; +} + +.gwt-DialogBoxNew .dialogTopRight { + /* background: url(images/circles.png) no-repeat -28px 0px; + -background: url(images/circles_ie6.png) no-repeat -28px 0px; */ + background: none repeat scroll 0 0 #E4E4E4; +} + +.gwt-DialogBoxNew .dialogBottomLeft { + /* background: url(images/circles.png) no-repeat 0px -36px; + -background: url(images/circles_ie6.png) no-repeat 0px -36px; */ + +} + +.gwt-DialogBoxNew .dialogBottomRight { + /* background: url(images/circles.png) no-repeat -8px -36px; + -background: url(images/circles_ie6.png) no-repeat -8px -36px; */ + +} + +.gwt-DialogBoxNew-table-header { + text-align: left; + font-weight: bold; +} + +.gwt-DialogBoxNew-table { + margin-top: 10px; + margin-bottom: 10px; +} + +.gwt-DialogBoxNew-table td { + border-bottom: 1px solid #EEEEEE; + height: 50%; + text-align: left; + vertical-align: middle; + padding: 5px; +} + +/**** END GWT DIALOG NEW STYLE ****/ + +/*** TABLE ***/ +.table-explorer{ + word-wrap: break-word; +} +.table-explorer td, th { + overflow: hidden !important; +} + +.table-explorer th { + text-align: center !important; +} + +.table-explorer-vertical-middle td, th { + height: 50%; + vertical-align: middle !important; +} + +/***** WS EXPLORER DOCK PANEL - CENTER FLOW PANEL *****/ +.we-dock-center-panel { + + overflow-y: auto !important; +/* border: 1px solid #DDD; */ +} + + +/******* END TABLE ********/ +/* .adaptiveHeight { + Firefox + height: -moz-calc(100% - 40px); + WebKit + height: -webkit-calc(100% - 40px); + Opera + height: -o-calc(100% - 40px); + Standard + height: calc(100% - 40px); +} */ + diff --git a/src/main/resources/org/gcube/portlets/widgets/wsexplorer/WorkspaceExplorer.gwt.xml b/src/main/resources/org/gcube/portlets/widgets/wsexplorer/WorkspaceExplorer.gwt.xml index 701a011..fa78abf 100644 --- a/src/main/resources/org/gcube/portlets/widgets/wsexplorer/WorkspaceExplorer.gwt.xml +++ b/src/main/resources/org/gcube/portlets/widgets/wsexplorer/WorkspaceExplorer.gwt.xml @@ -20,14 +20,17 @@ + + + - - - - - + + + + + + +