workspace-explorer/src/main/java/org/gcube/portlets/widgets/wsexplorer/public/workspaceExplorer.css

1554 lines
32 KiB
CSS

/*************************************************
*
* SPECIFIC CSS FOR WORKSPACE EXPLORER
*
*
* Not more overwritten by org.gcube.portlets.widgets.wsexplorer.resources.BootstrapOverrideResources
*
**************************************************/
div.ExpLeftPanel li {
list-style-type: none;
}
/*************************************************
*
* 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);
} */