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 @@
+
+
+
-
-
-
-
-
+
+
+
+
+
+
+