/* css/jalios/core/admin.css */
BODY,
HTML {
height: 100%;
}
.AdminArea,
.EditArea,
.WorkArea {
padding: 20px;
}
.full-height {
height: 100%;
}
TABLE.layout {
width: 100%;
}
TABLE.layout TD {
vertical-align: top;
}
TABLE.layout .layout-main {
padding: 0 20px;
}
.table > thead > tr > td.disabled,
.table > tbody > tr > td.disabled,
.table > tfoot > tr > td.disabled,
.table > thead > tr > th.disabled,
.table > tbody > tr > th.disabled,
.table > tfoot > tr > th.disabled,
.table > thead > tr.disabled > td,
.table > tbody > tr.disabled > td,
.table > tfoot > tr.disabled > td,
.table > thead > tr.disabled > th,
.table > tbody > tr.disabled > th,
.table > tfoot > tr.disabled > th {
background-color: #eeeeee;
}
.table-hover > tbody > tr > td.disabled:hover,
.table-hover > tbody > tr > th.disabled:hover,
.table-hover > tbody > tr.disabled:hover > td,
.table-hover > tbody > tr:hover > .disabled,
.table-hover > tbody > tr.disabled:hover > th {
background-color: #e2e2e2;
}
tr.disabled,
tr.disabled A {
color: #b3b3b3;
}
.displayWork {
background-color: #FFFFFF;
}
.WorkArea.work-displayWork .boTitleInfo {
float: right;
padding-left: 2px;
font-weight: normal;
font-size: small;
}
#displayWorkIframe {
border: 0 none;
width: 100%;
}
.sticky-display {
margin: 0;
padding: 0;
height: 100%;
overflow: visible;
zoom: 1;
}
.AdminArea.sticky-display,
.EditArea.sticky-display,
.WorkArea.sticky-display {
margin: 0;
padding: 0;
}
HTML.is-admin-app-displayed {
overflow-y: hidden;
}
HTML.is-admin-app-displayed .AdminArea,
HTML.is-admin-app-displayed .WorkArea {
padding: 0;
}
HTML.is-admin-app-displayed .app-body .AdminArea,
HTML.is-admin-app-displayed .app-body .WorkArea {
padding: 0 20px;
}
HTML.is-admin-app-displayed .app-body .nav-tabs-underlined {
margin-left: 0;
}
.app.app-admin .app-main {
background-color: white;
}
.app.app-admin .app-body {
display: flex;
flex-direction: column;
height: calc(100% - 94px);
overflow: auto;
}
.app.app-admin .app-body.is-spliter-layout {
padding: 32px 0 0 0;
}
.app.app-admin .app-body.is-spliter-layout .admin-breadcrumb {
padding-left: 40px;
}
.app.app-admin .app-body.is-spliter-layout .layout.spliter {
border-top: 1px solid #EFEFEF;
}
.app.app-admin .app-body.is-spliter-layout .layout.spliter .split {
background-color: #fafafa;
border: 0;
border-right: 1px solid #EFEFEF;
}
.app.app-admin .app-body.is-spliter-layout .layout.spliter .split A {
opacity: 0.4;
}
.app.app-admin .app-body.is-spliter-layout .layout.spliter .sidebar {
padding: 20px;
}
.app.app-admin .app-body.is-spliter-layout .layout.spliter .WorkArea,
.app.app-admin .app-body.is-spliter-layout .layout.spliter .AdminArea {
padding-top: 20px;
}
.app.app-admin .app-sidebar-sections-wrapper {
overflow: hidden;
height: calc(100% - 255px);
position: relative;
}
.app.app-admin .app-sidebar-sections-wrapper .app-sidebar-menu {
margin-top: 10px;
}
.app.app-admin .app-sidebar-sections-wrapper .app-sidebar-menu LI > A > IMG.jalios-icon {
filter: grayscale(1);
opacity: 0.6;
}
.admin-breadcrumb {
margin-left: -8px;
margin-bottom: 24px;
display: flex;
flex-wrap: wrap;
font-size: 18px;
}
.admin-breadcrumb > .breadcrumb-item {
padding: 8px 8px 8px 8px;
color: #333;
transition: background-color 200ms ease-in;
cursor: pointer;
margin-right: 16px;
position: relative;
}
.admin-breadcrumb > .breadcrumb-item.currentNode {
font-weight: bold;
}
.admin-breadcrumb > .breadcrumb-item:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: transparent;
transition: background-color 200ms ease-in;
}
.admin-breadcrumb > .breadcrumb-item:after {
content: "\edbe";
position: absolute;
font-family: "icomoon";
right: -16px;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
}
.admin-breadcrumb > .breadcrumb-item:last-child .breadcrumb-item-label {
max-width: initial;
}
.admin-breadcrumb > .breadcrumb-item:last-child:after {
content: "";
}
.admin-breadcrumb > .breadcrumb-item:hover {
background-color: rgba(100, 100, 100, 0.2);
text-decoration: none;
}
/* ----------------------------------------------- */
/*  DIFF / VERSION                                 */
/* ----------------------------------------------- */
span.diff-add {
background-color: #FFDD88;
}
span.diff-remove {
background-color: #99DD99;
text-decoration: line-through;
}
.no-change,
.no-change A {
color: #AAAAAA;
}
.diff-wysiwyg {
background-color: #FFFFFF;
margin-top: 3px;
padding: 3px;
border: 1px solid #CCCCCC;
}
#version .main-actions {
display: none;
}
/* ----------------------------------------------- */
/*  SPLITER                                        */
/* ----------------------------------------------- */
.spliter {
height: 100%;
padding: 0px 8px 30px 8px;
vertical-align: top;
border: 1px solid #CCCCCC;
border-width: 0px;
}
.spliter .split {
text-align: center;
width: 20px;
background-color: #EFF0F1;
border-width: 1px;
padding: 20px 0px;
border: 1px solid #DDD;
}
.spliter .split A {
display: block;
}
.spliter .sidebar {
background-color: #FAFAFA;
width: 20%;
min-width: 210px;
padding: 8px 8px 20px 8px;
vertical-align: top;
}
/*#JCMS > .style-type-none(); */
.spliter .sidebar UL LI {
white-space: nowrap;
}
.spliter .sidebar UL.TreeCat,
.spliter .sidebar UL.TreeCat UL {
margin-left: 0;
}
.spliter .sidebar A {
color: #333333;
}
.spliter .sidebar .separator {
margin: 0px -8px;
padding-left: 10px;
line-height: 30px;
font-weight: bold;
cursor: pointer;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
}
.spliter .sidebar .separator IMG.toggle {
width: 16px;
height: 16px;
background-image: url('../images/jalios/assets/16x16/expand.gif');
}
.spliter .sidebar .open IMG.toggle {
background-image: url('../images/jalios/assets/16x16/minus.gif');
}
.spliter .sidebar .wsgroupset .panel {
display: none;
}
.spliter .sidebar .wsgroupset.open .panel {
display: block;
}
H1.boTitle.icon,
H2.boTitle.icon {
padding-left: 0;
}
.WorkArea,
.AdminArea,
.EditArea {
margin: 0px;
text-align: left;
background-color: #FFFFFF;
}
.WorkArea .page-header,
.AdminArea .page-header,
.EditArea .page-header {
padding: 0;
margin: 0 0 20px;
}
.WorkArea .page-header H1,
.AdminArea .page-header H1,
.EditArea .page-header H1,
.WorkArea .page-header H2,
.AdminArea .page-header H2,
.EditArea .page-header H2 {
margin: 0;
padding-bottom: 5px;
}
.WorkArea .page-header H1.boTitle,
.AdminArea .page-header H1.boTitle,
.EditArea .page-header H1.boTitle,
.WorkArea .page-header H2.boTitle,
.AdminArea .page-header H2.boTitle,
.EditArea .page-header H2.boTitle {
margin-bottom: 20px;
padding-top: 10px;
margin-top: 0;
margin-bottom: 0;
border-bottom: 0;
}
.WorkArea H1,
.AdminArea H1,
.EditArea H1,
.WorkArea H2,
.AdminArea H2,
.EditArea H2,
.WorkArea H1.boTitle,
.AdminArea H1.boTitle,
.EditArea H1.boTitle,
.WorkArea H2.boTitle,
.AdminArea H2.boTitle,
.EditArea H2.boTitle {
margin-top: 0;
}
.WorkArea H1,
.AdminArea H1,
.EditArea H1,
.WorkArea .page-header H1,
.AdminArea .page-header H1,
.EditArea .page-header H1 {
font-size: 24px;
}
.WorkArea H2,
.AdminArea H2,
.EditArea H2,
.WorkArea .page-header H2,
.AdminArea .page-header H2,
.EditArea .page-header H2 {
font-size: 18px;
}
H1.boTitle {
font-size: 24px;
}
H2.boTitle {
font-size: 18px;
}
H1.boTitle,
H2.boTitle {
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 5px;
border-bottom: 1px dotted #DDDDDD;
}
H1.boTitle .formInfo,
H2.boTitle .formInfo {
font-size: 14px;
vertical-align: baseline;
}
/* ----------------------------------------------- */
/*  ADMIN BOX                                      */
/* ----------------------------------------------- */
.box.addpack {
border-radius: 6px 6px 6px 6px;
background-color: #FFEBEB;
}
.box.addpack .box-header {
background-image: -webkit-linear-gradient(top, #ff9080 0%, #FF2000 100%);
background-image: -o-linear-gradient(top, #ff9080 0%, #FF2000 100%);
background-image: linear-gradient(to bottom, #ff9080 0%, #FF2000 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9080', endColorstr='#ffff2000', GradientType=0);
background-color: #ff634d;
border-radius: 6px 6px 0px 0px;
}
.box.addpack .box-header H3,
.box.addpack .box-header H4 {
color: #FFF;
padding: 5px 10px;
text-shadow: -1px -1px 1px rgba(40, 40, 40, 0.7);
margin: 0;
font-size: 16px;
}
.box.addpack .box-header A {
color: #FFF;
}
.box.addpack .box-msg {
background-color: #ff9080;
}
.box.addpack .box-footer {
border-radius: 0px 0px 6px 6px;
}
.box.addpack .item-box-footer {
background-color: #f7f7f7;
border-radius: 0px 0px 6px 6px;
}
.box.warning {
border-radius: 6px 6px 6px 6px;
background-color: #FFF4EA;
}
.box.warning .box-header {
background-image: -webkit-linear-gradient(top, #ffc081 0%, #FF8001 100%);
background-image: -o-linear-gradient(top, #ffc081 0%, #FF8001 100%);
background-image: linear-gradient(to bottom, #ffc081 0%, #FF8001 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffc081', endColorstr='#ffff8001', GradientType=0);
background-color: #ffa64e;
border-radius: 6px 6px 0px 0px;
}
.box.warning .box-header H3,
.box.warning .box-header H4 {
color: #FFF;
padding: 5px 10px;
text-shadow: -1px -1px 1px rgba(40, 40, 40, 0.7);
margin: 0;
font-size: 16px;
}
.box.warning .box-header A {
color: #FFF;
}
.box.warning .box-msg {
background-color: #ffc081;
}
.box.warning .box-footer {
border-radius: 0px 0px 6px 6px;
}
.box.warning .item-box-footer {
background-color: #f7f7f7;
border-radius: 0px 0px 6px 6px;
}
.box.development {
border-radius: 6px 6px 6px 6px;
background-color: #EDF9E6;
}
.box.development .box-header {
background-image: -webkit-linear-gradient(top, #a1e07e 0%, #5CB32B 100%);
background-image: -o-linear-gradient(top, #a1e07e 0%, #5CB32B 100%);
background-image: linear-gradient(to bottom, #a1e07e 0%, #5CB32B 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa1e07e', endColorstr='#ff5cb32b', GradientType=0);
background-color: #83d654;
border-radius: 6px 6px 0px 0px;
}
.box.development .box-header H3,
.box.development .box-header H4 {
color: #FFF;
padding: 5px 10px;
text-shadow: -1px -1px 1px rgba(40, 40, 40, 0.7);
margin: 0;
font-size: 16px;
}
.box.development .box-header A {
color: #FFF;
}
.box.development .box-msg {
background-color: #a1e07e;
}
.box.development .box-footer {
border-radius: 0px 0px 6px 6px;
}
.box.development .item-box-footer {
background-color: #f7f7f7;
border-radius: 0px 0px 6px 6px;
}
.box.docs {
border-radius: 6px 6px 6px 6px;
background-color: #E7E7F9;
}
.box.docs .box-header {
background-image: -webkit-linear-gradient(top, #a7abea 0%, #4049D1 100%);
background-image: -o-linear-gradient(top, #a7abea 0%, #4049D1 100%);
background-image: linear-gradient(to bottom, #a7abea 0%, #4049D1 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa7abea', endColorstr='#ff4049d1', GradientType=0);
background-color: #7e84e0;
border-radius: 6px 6px 0px 0px;
}
.box.docs .box-header H3,
.box.docs .box-header H4 {
color: #FFF;
padding: 5px 10px;
text-shadow: -1px -1px 1px rgba(40, 40, 40, 0.7);
margin: 0;
font-size: 16px;
}
.box.docs .box-header A {
color: #FFF;
}
.box.docs .box-msg {
background-color: #a7abea;
}
.box.docs .box-footer {
border-radius: 0px 0px 6px 6px;
}
.box.docs .item-box-footer {
background-color: #f7f7f7;
border-radius: 0px 0px 6px 6px;
}
.box.bo-table {
border-radius: 6px 6px 6px 6px;
background-color: #fafafa;
}
.box.bo-table .box-header {
background-image: -webkit-linear-gradient(top, #5395d8 0%, #2e7cca 100%);
background-image: -o-linear-gradient(top, #5395d8 0%, #2e7cca 100%);
background-image: linear-gradient(to bottom, #5395d8 0%, #2e7cca 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5395d8', endColorstr='#ff2e7cca', GradientType=0);
background-color: #2e7cca;
border-radius: 6px 6px 0px 0px;
}
.box.bo-table .box-header H3,
.box.bo-table .box-header H4 {
color: #FFF;
padding: 5px 10px;
text-shadow: -1px -1px 1px rgba(40, 40, 40, 0.7);
margin: 0;
font-size: 16px;
}
.box.bo-table .box-header A {
color: #FFF;
}
.box.bo-table .box-msg {
background-color: #5395d8;
}
.box.bo-table .box-footer {
border-radius: 0px 0px 6px 6px;
}
.box.bo-table .item-box-footer {
background-color: #f7f7f7;
border-radius: 0px 0px 6px 6px;
}
.WorkArea .box-msg A,
.WorkArea .box-msg STRONG {
color: #fff3cd;
}
#jalios-bottombar-placeholder {
height: 30px;
}
#jalios-bottombar {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 1039;
margin: 0;
padding: 5px 0;
background-color: #eeeeee;
border-top: 1px solid #CCC;
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%);
background-image: -o-linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%);
background-image: linear-gradient(to bottom, #f5f5f5 0%, #dcdcdc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffdcdcdc', GradientType=0);
color: #777777;
}
#jalios-bottombar A {
color: #777777;
}
.boMenu {
padding-top: 10px;
padding-left: 10px;
background-color: #eeeeee;
}
.boSubMenu {
margin-left: 10px;
margin-right: 10px;
}
.boSubMenu + .AdminArea,
.boSubMenu + .EditArea,
.boSubMenu + .WorkArea {
padding-top: 0;
}
.AdminArea .AdminArea,
.WorkArea .AdminArea,
.AdminArea .WorkArea,
.WorkArea .WorkArea {
padding-top: 0;
}
/* ----------------------------------------------- */
/*  ADMIN NOTES                                    */
/* ----------------------------------------------- */
#admin-notes {
z-index: 500;
position: absolute;
top: 85px;
right: 10px;
}
#admin-notes #admin-notes-unsaved-message {
display: flex;
}
#admin-notes #admin-notes-title {
width: 500px;
background-color: #F9EE6A;
color: black;
padding: 5px 10px;
font-size: 13px;
line-height: 19px;
}
#admin-notes #admin-notes-title .admin-notes-minimize {
opacity: 0.2;
}
#admin-notes #admin-notes-title A {
float: right;
color: red;
display: flex;
align-items: center;
justify-content: center;
padding: 0px 5px;
height: 19px;
}
#admin-notes #admin-notes-title #admin-notes-save {
font-size: 12px;
line-height: 18px;
display: block;
float: none;
}
#admin-notes #admin-notes-content {
background-color: #FFFF99;
width: 500px;
padding: 10px;
}
#admin-notes #admin-notes-content FORM {
margin: 0;
display: flex;
}
#admin-notes #admin-notes-content TEXTAREA {
width: 500px;
height: 300px;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
padding: 0;
background-color: #FFFF99;
color: black;
font-size: 13px;
}
/* ----------------------------------------------- */
/*  Specific code for viewQuota.jsp                */
/* ----------------------------------------------- */
.quota-site .quota-site-title {
padding-left: 10px;
}
.quota-site .quota-site-element {
float: left;
padding-left: 10px;
}
.quota-site .quota-site-gauge {
float: left;
width: 200px;
padding-left: 10px;
}
.quota-site .listBorder {
clear: both;
}
.portlet-behavior-copy {
cursor: help;
}
.portlet-behavior-copy.ref {
color: red;
}
.portlet-behavior-copy.ws {
color: orange;
}
.instance-workflow LABEL {
display: block;
}
.instance-workflow.disabled {
cursor: not-allowed;
}
.instance-workflow.disabled A {
display: none;
}
.workflow-instance-form .availableWorkflows,
.workflow-instance-form .selectedWorkflows {
min-height: 200px;
padding-right: 0;
background-color: #f7f7f7;
}
.workflow-instance-form .availableWorkflows.empty,
.workflow-instance-form .selectedWorkflows.empty {
border: 1px dashed #777777;
}
.workflow-instance-form .group-edit {
margin-left: 0;
margin-right: 0;
}
.workflow-instance-form .select-area {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}
.workflow-instance-form .button-column .row {
margin-bottom: 20px;
}
.pubchooser-wrapper .WorkArea {
padding-top: 0;
}
.pubchooser-wrapper .pub-chooser-menu {
margin-top: 0;
}
.WorkArea TABLE.layout .WorkArea {
padding-top: 0;
}
PRE.pattern {
border: 0;
padding: 0;
margin: 0;
background: inherit;
}
.template-wrapper .template-image {
max-width: 200px;
object-fit: cover;
}
.WorkArea.work-workspace-editWorkspaceType .navbar {
display: none;
}
#editWorkspaceType-tab TD.visible-tabs .jalios-icon {
margin-right: 4px;
}
.AdminArea .page-header H1 {
font-size: 28px;
font-family: embedded-roboto-condensed, embedded-roboto, Helvetica, Arial, sans-serif;
font-weight: 300;
}
.AdminArea .page-header H1 IMG {
display: none;
}
.admin-adminProperties .nav-tabs.nav-tabs-underlined {
display: flex;
justify-content: space-between;
}
.admin-adminProperties .nav-tabs.nav-tabs-underlined.is-left-aligned > LI {
flex-grow: 1;
}
.admin-adminProperties .nav-tabs.nav-tabs-underlined .property-title {
white-space: nowrap;
}
.admin-adminProperties .nav-tabs.nav-tabs-underlined .jalios-icon {
color: #666666;
font-size: 16px;
margin-right: 0;
}
.admin-adminProperties .nav-tabs.nav-tabs-underlined > LI:not(.active) :first-child {
color: #aaa;
}
.admin-adminProperties .nav-tabs.nav-tabs-underlined > LI:not(.active) .thumb-up .icon-border {
fill: #aaa;
}
.admin-adminProperties .nav-tabs.nav-tabs-underlined A {
display: flex;
flex-direction: column;
align-items: center;
}
.admin-adminProperties .nav-tabs.nav-tabs-underlined A :first-child {
margin-bottom: 6px;
}
.admin-adminProperties .buttons {
border-top: 1px solid #eee;
padding-top: 20px;
}
.boSubMenu .jalios-icon {
margin-right: 4px;
}
.WorkArea .page-header H1,
.WorkArea H1,
.WorkArea H1.boTitle {
font-size: 30px;
font-family: embedded-roboto-condensed, embedded-roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
border-bottom: 0;
}
.WorkArea .page-header H1.icon,
.WorkArea H1.icon,
.WorkArea H1.boTitle.icon {
padding-left: 0;
}
.WorkArea .page-header H1 IMG,
.WorkArea H1 IMG,
.WorkArea H1.boTitle IMG {
display: none;
}
.WorkArea .page-header {
border-bottom: 0;
}
.EditArea {
margin-left: 15px;
margin-right: 15px;
}
#membersTable TD,
#mbrTable TD {
padding: 5px;
padding-top: 20px;
}
#membersTable TD .wrapper-photo,
#mbrTable TD .wrapper-photo {
margin: -10px 5px 0 4px;
}
/*# sourceMappingURL=admin.css.map */