/* css/jalios/core/core.css */ .responsive[max-width~="480px"] DIV[class*="col-xs-"], .responsive[max-width~="480px"] DIV[class*="col-sm-"], .responsive[max-width~="480px"] DIV[class*="col-md-"], .responsive[max-width~="480px"] DIV[class*="col-lg-"] { float: none; text-align: left; width: 100%; } .responsive[max-width~="480px"] DIV[class*="col-xs-offset-"], .responsive[max-width~="480px"] DIV[class*="col-sm-offset-"], .responsive[max-width~="480px"] DIV[class*="col-md-offset-"], .responsive[max-width~="480px"] DIV[class*="col-lg-offset-"] { margin-left: 0; } .box-responsive FORM.form-horizontal[max-width~="480px"] DIV[class*="col-xs-"], .box-responsive FORM.form-horizontal[max-width~="480px"] DIV[class*="col-sm-"], .box-responsive FORM.form-horizontal[max-width~="480px"] DIV[class*="col-md-"], .box-responsive FORM.form-horizontal[max-width~="480px"] DIV[class*="col-lg-"] { float: none; text-align: left; width: 100%; } .box-responsive FORM.form-horizontal[max-width~="480px"] DIV[class*="col-xs-offset-"], .box-responsive FORM.form-horizontal[max-width~="480px"] DIV[class*="col-sm-offset-"], .box-responsive FORM.form-horizontal[max-width~="480px"] DIV[class*="col-md-offset-"], .box-responsive FORM.form-horizontal[max-width~="480px"] DIV[class*="col-lg-offset-"] { margin-left: 0; } /* Add a margin-bottom on direct children col-* elements based on given responsive breakpoint */ @media (max-width: 767px) { .br-col-xs > DIV { margin-bottom: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .br-col-sm > DIV { margin-bottom: 20px; } } @media (min-width: 992px) and (max-width: 1199px) { .br-col-md > DIV { margin-bottom: 20px; } } @media (min-width: 1200px) { .br-col-lg > DIV { margin-bottom: 20px; } } /* ----------------------------------------------- */ /* RESPONSIVE */ /* ----------------------------------------------- */ .responsive[max-width~="480px"] .pull-left-xs { float: left; } .responsive[max-width~="480px"] .hidden-xs { display: none !important; } .responsive[max-width~="480px"] .visible-xs { display: block !important; } table.responsive[max-width~="480px"] .visible-xs { display: table; } tr.responsive[max-width~="480px"] .visible-xs { display: table-row !important; } th.responsive[max-width~="480px"] .visible-xs, td.responsive[max-width~="480px"] .visible-xs { display: table-cell !important; } table.responsive[max-width~="480px"] .visible-xs { display: table !important; } tr.responsive[max-width~="480px"] .visible-xs { display: table-row !important; } th.responsive[max-width~="480px"] .visible-xs, td.responsive[max-width~="480px"] .visible-xs { display: table-cell !important; } @media (max-width: 767px) { .pull-left-xs { float: left; } .br-xs { margin-bottom: 20px; } .no-br-xs { margin-bottom: 0; } } @media (min-width: 768px) and (max-width: 991px) { .pull-left-sm { float: left; } .br-sm { margin-bottom: 20px; } .no-br-sm { margin-bottom: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .pull-left-md { float: left; } .br-md { margin-bottom: 20px; } .no-br-md { margin-bottom: 0; } } @media (min-width: 1200px) { .pull-left-lg { float: left; } .br-lg { margin-bottom: 20px; } .no-br-lg { margin-bottom: 0; } } /* a { &:focus-visible { .jalios-tab-focus(); } } // forms.less : // Focus for file, radio, and checkbox input[type="file"]:focus-visible, input[type="radio"]:focus-visible, input[type="checkbox"]:focus-visible { .jalios-tab-focus(); } // btn.less : .btn { &, &:active, &.active { &:focus-visible { .jalios-tab-focus(); } } } */ .js-focused { outline: 0 none; } .dropdown-toggle:focus-visible { outline: auto; } .mceContentBody { padding: 4px; } /* ----------------------------------------------- */ /* TXT-{} */ /* ----------------------------------------------- */ BODY.body .br { margin-bottom: 20px; } BODY.body .nobr { margin-bottom: 0; } BODY.body .inline { display: inline-block; } BODY.body .text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } BODY.body DIV.broker { cursor: pointer; } BODY.body .fixme { border: 1px solid #ff0000; } BODY.body .nowrap { white-space: nowrap; } BODY.body .clear { clear: both; } FIELDSET { margin-bottom: 20px; } /* ----------------------------------------------- */ /* Normalize */ /* ----------------------------------------------- */ BODY.body DIV.paragraph { font-size: normal; font-weight: normal; line-height: 20px; margin-bottom: 10px; } /* ----------------------------------------------- */ /* Highlight */ /* ----------------------------------------------- */ BODY.body LABEL.highlight { background-color: #ffff70; margin-top: 6px; padding-top: 0px; } BODY.body .highlight { background-color: #ffff70; } /* ----------------------------------------------- */ /* Rotate */ /* ----------------------------------------------- */ .r90 { rotation: 90deg; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .r180 { rotation: 180deg; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .r270 { rotation: 270deg; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } /* ----------------------------------------------- */ /* DRAG and DROP */ /* ----------------------------------------------- */ BODY.body .sortable .sortable-handle, BODY.body .sortable.sortable-handle { cursor: move; } BODY.body .draggable .handle, BODY.body .draggable.handle { cursor: move; } BODY.body .droppable { border: 1px solid transparent; } BODY.body .droppable.hover { border: 1px dotted #555555; } BODY.body .dnd-placeholder { border: 1px dashed #cc0000; min-height: 100px; margin-bottom: 20px; } /* ----------------------------------------------- */ /* RESIZABLE */ /* ----------------------------------------------- */ BODY.body .ui-resizable .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } /* Handle empty DD tag https://github.com/twbs/bootstrap/pull/3821#issuecomment-6561752 */ .dl-horizontal > dd:after { display: table; content: ''; clear: both; } /* Prevent overflow for CODE tag */ CODE { white-space: normal; } /* ----------------------------------------------- */ /* OVERFLOWING / LEFT PANEL */ /* ----------------------------------------------- */ .overflowing-panel { overflow-x: auto; } /* ----------------------------------------------- */ /* CLICKABLE */ /* ----------------------------------------------- */ /* For Jalios Clickable hook. */ .clickable[data-jalios-url], [data-jalios-action='clickable'][data-jalios-url] { cursor: pointer; } .browser-IE11 IMG.is-object-fit.object-fit-compat { background-size: cover; background-position: center center; width: 100%; } HTML { -ms-overflow-style: scrollbar; } img.jalios-icon.wait.jalios-icon-svg { height: 100px; } .navbar .jalios-icon { font-size: 16px; } .btn-xs .jalios-icon { font-size: 13px; } .media-flex { display: flex; } .media-flex.wrap { flex-wrap: wrap; } .media-flex .media-body { zoom: initial; overflow: initial; } [data-jalios-line-clamp] { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } [data-jalios-line-clamp="1"] { -webkit-line-clamp: 1; } [data-jalios-line-clamp="2"] { -webkit-line-clamp: 2; } [data-jalios-line-clamp="3"] { -webkit-line-clamp: 3; } [data-jalios-line-clamp="4"] { -webkit-line-clamp: 4; } [data-jalios-line-clamp="5"] { -webkit-line-clamp: 5; } .label { font-weight: normal; } /* * Style to display meta text in JCMS. */ .meta-text { font-size: 12px; color: #666; } .meta-text .meta-link { color: #666; } /* * Style to represent a meta categories in JCMS. * Uses some code from badges.less */ .meta-cat { white-space: nowrap; padding: 2px 8px; font-size: 12px; border-radius: 3px; color: #666; background-color: white; position: relative; margin-bottom: 4px; display: inline-block; border: 1px solid #b8b8b8; line-height: 1; } .meta-cat:before { content: ""; transition: background-color 200ms ease-in; } .meta-cat:hover { text-decoration: none; color: #666; } .meta-cat:hover:before { content: ""; background-color: rgba(0, 0, 0, 0.05); position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 3px; cursor: pointer; } A.meta-cat { text-decoration: none; } .meta-cat-dropdown-wrapper.dropdown { display: inline-flex; } /* Waiting AJAX message */ #ajax-wait { font-size: 12px; font-weight: bold; color: #FFF; position: absolute; top: 0; padding: 2px 6px; right: 0; z-index: 1055; } #ajax-wait > SVG { width: 16px; height: 16px; } HTML > BODY #ajax-wait { position: fixed; } .ajax-refresh-job { position: relative; } .alert-level-warning { background-color: #d9534f; } .alert-level-warning[href] { background-color: #c9302c; } .alert-level-action { background-color: #F89406; } .alert-level-action[href] { background-color: #c67605; } .alert-level-info { background-color: #009EF5; } .alert-level-info[href] { background-color: #007dc2; } .badge.alert-level { border-radius: 5px; } .form-group.jalios-alert-level-chooser .input-group .badge.alert-level { padding: 0px 12px; background-color: transparent; transition: 200ms ease; transition-property: background-color, color, border-color; } .form-group.jalios-alert-level-chooser .input-group .badge.alert-level:hover { cursor: pointer; } .form-group.jalios-alert-level-chooser .input-group .alert-level-info, .form-group.jalios-alert-level-chooser .input-group .alert-level-action, .form-group.jalios-alert-level-chooser .input-group .alert-level-warning { color: #777777; border: 1px solid #AAAAAA; } .form-group.jalios-alert-level-chooser .input-group INPUT[type=radio] { display: none; margin: 0; vertical-align: middle; } .form-group.jalios-alert-level-chooser .input-group INPUT[type=radio] + LABEL { margin: 0; padding: 8px 0px; min-width: 70px; } .form-group.jalios-alert-level-chooser .input-group LABEL:hover { cursor: pointer; } .form-group.jalios-alert-level-chooser .input-group[data-jalios-selected-level=info] .alert-level-info { border-color: transparent; background-color: #009EF5; color: #FFF; } .form-group.jalios-alert-level-chooser .input-group[data-jalios-selected-level=action] .alert-level-action { border-color: transparent; background-color: #F89406; color: #FFF; } .form-group.jalios-alert-level-chooser .input-group[data-jalios-selected-level=warning] .alert-level-warning { border-color: transparent; background-color: #d9534f; color: #FFF; } #alert-rule-editor { margin-bottom: 20px; } #alert-rule-editor #alert-rule-help { margin-top: 20px; } #alert-rule-editor #alert-rule-help dl { margin-bottom: 0; } #alert-rule-editor #alert-rule-help dd { margin-bottom: 10px; } #alert-rule-editor .default-settings { font-weight: bold; } #alert-rule-editor .any-alert-type { font-style: italic; color: #777777; } #alert-rule-editor .alert-domain-name IMG.jalios-icon { height: 16px; } #alert-rule-editor TR.alert-rule-model { display: none; } #alert-rule-editor .alert-json-view { margin-top: 20px; } .browser-IE11 #alert-rule-editor TD.alert-level-cell { min-width: 200px; } .badge.alert-level.alert-level-any { background: #FFF; color: #777; border: 1px solid #999; } #topbar.navbar LI.alerts A.btn { padding: 2px 6px; margin: 9px; line-height: 16px; color: #FFF; font-weight: bold; } #topbar.navbar LI.alerts A.btn:hover { color: #FFF; text-decoration: none; background-color: #e6e6e6; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear; } #topbar.navbar LI.alerts A.btn.level-none { color: #fff; background-color: #fff; border-color: #333; color: #BBB; } #topbar.navbar LI.alerts A.btn.level-none:hover, #topbar.navbar LI.alerts A.btn.level-none:focus, #topbar.navbar LI.alerts A.btn.level-none:active, #topbar.navbar LI.alerts A.btn.level-none.active, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-none { color: #fff; background-color: #e6e6e6; border-color: #141414; } #topbar.navbar LI.alerts A.btn.level-none:active, #topbar.navbar LI.alerts A.btn.level-none.active, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-none { background-image: none; } #topbar.navbar LI.alerts A.btn.level-none.disabled, #topbar.navbar LI.alerts A.btn.level-none[disabled], fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-none, #topbar.navbar LI.alerts A.btn.level-none.disabled:hover, #topbar.navbar LI.alerts A.btn.level-none[disabled]:hover, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-none:hover, #topbar.navbar LI.alerts A.btn.level-none.disabled:focus, #topbar.navbar LI.alerts A.btn.level-none[disabled]:focus, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-none:focus, #topbar.navbar LI.alerts A.btn.level-none.disabled:active, #topbar.navbar LI.alerts A.btn.level-none[disabled]:active, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-none:active, #topbar.navbar LI.alerts A.btn.level-none.disabled.active, #topbar.navbar LI.alerts A.btn.level-none[disabled].active, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-none.active { background-color: #fff; border-color: #333; } #topbar.navbar LI.alerts A.btn.level-none .badge { color: #fff; background-color: #fff; } #topbar.navbar LI.alerts A.btn.level-none:focus, #topbar.navbar LI.alerts A.btn.level-none.focus { color: #fff; background-color: #e6e6e6; border-color: #000000; } #topbar.navbar LI.alerts A.btn.level-none:hover { color: #fff; background-color: #e6e6e6; border-color: #141414; } #topbar.navbar LI.alerts A.btn.level-none:active, #topbar.navbar LI.alerts A.btn.level-none.active, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-none { color: #fff; background-color: #e6e6e6; background-image: none; border-color: #141414; } #topbar.navbar LI.alerts A.btn.level-none:active:hover, #topbar.navbar LI.alerts A.btn.level-none.active:hover, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-none:hover, #topbar.navbar LI.alerts A.btn.level-none:active:focus, #topbar.navbar LI.alerts A.btn.level-none.active:focus, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-none:focus, #topbar.navbar LI.alerts A.btn.level-none:active.focus, #topbar.navbar LI.alerts A.btn.level-none.active.focus, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-none.focus { color: #fff; background-color: #d4d4d4; border-color: #000000; } #topbar.navbar LI.alerts A.btn.level-none.disabled:hover, #topbar.navbar LI.alerts A.btn.level-none[disabled]:hover, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-none:hover, #topbar.navbar LI.alerts A.btn.level-none.disabled:focus, #topbar.navbar LI.alerts A.btn.level-none[disabled]:focus, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-none:focus, #topbar.navbar LI.alerts A.btn.level-none.disabled.focus, #topbar.navbar LI.alerts A.btn.level-none[disabled].focus, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-none.focus { background-color: #fff; border-color: #333; } #topbar.navbar LI.alerts A.btn.level-none .badge { color: #fff; background-color: #fff; } #topbar.navbar LI.alerts A.btn.level-info { color: #fff; background-color: #5bc0de; border-color: #fff; } #topbar.navbar LI.alerts A.btn.level-info:hover, #topbar.navbar LI.alerts A.btn.level-info:focus, #topbar.navbar LI.alerts A.btn.level-info:active, #topbar.navbar LI.alerts A.btn.level-info.active, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-info { color: #fff; background-color: #31b0d5; border-color: #e0e0e0; } #topbar.navbar LI.alerts A.btn.level-info:active, #topbar.navbar LI.alerts A.btn.level-info.active, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-info { background-image: none; } #topbar.navbar LI.alerts A.btn.level-info.disabled, #topbar.navbar LI.alerts A.btn.level-info[disabled], fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-info, #topbar.navbar LI.alerts A.btn.level-info.disabled:hover, #topbar.navbar LI.alerts A.btn.level-info[disabled]:hover, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-info:hover, #topbar.navbar LI.alerts A.btn.level-info.disabled:focus, #topbar.navbar LI.alerts A.btn.level-info[disabled]:focus, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-info:focus, #topbar.navbar LI.alerts A.btn.level-info.disabled:active, #topbar.navbar LI.alerts A.btn.level-info[disabled]:active, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-info:active, #topbar.navbar LI.alerts A.btn.level-info.disabled.active, #topbar.navbar LI.alerts A.btn.level-info[disabled].active, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-info.active { background-color: #5bc0de; border-color: #fff; } #topbar.navbar LI.alerts A.btn.level-info .badge { color: #5bc0de; background-color: #fff; } #topbar.navbar LI.alerts A.btn.level-info:focus, #topbar.navbar LI.alerts A.btn.level-info.focus { color: #fff; background-color: #31b0d5; border-color: #bfbfbf; } #topbar.navbar LI.alerts A.btn.level-info:hover { color: #fff; background-color: #31b0d5; border-color: #e0e0e0; } #topbar.navbar LI.alerts A.btn.level-info:active, #topbar.navbar LI.alerts A.btn.level-info.active, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-info { color: #fff; background-color: #31b0d5; background-image: none; border-color: #e0e0e0; } #topbar.navbar LI.alerts A.btn.level-info:active:hover, #topbar.navbar LI.alerts A.btn.level-info.active:hover, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-info:hover, #topbar.navbar LI.alerts A.btn.level-info:active:focus, #topbar.navbar LI.alerts A.btn.level-info.active:focus, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-info:focus, #topbar.navbar LI.alerts A.btn.level-info:active.focus, #topbar.navbar LI.alerts A.btn.level-info.active.focus, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-info.focus { color: #fff; background-color: #269abc; border-color: #bfbfbf; } #topbar.navbar LI.alerts A.btn.level-info.disabled:hover, #topbar.navbar LI.alerts A.btn.level-info[disabled]:hover, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-info:hover, #topbar.navbar LI.alerts A.btn.level-info.disabled:focus, #topbar.navbar LI.alerts A.btn.level-info[disabled]:focus, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-info:focus, #topbar.navbar LI.alerts A.btn.level-info.disabled.focus, #topbar.navbar LI.alerts A.btn.level-info[disabled].focus, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-info.focus { background-color: #5bc0de; border-color: #fff; } #topbar.navbar LI.alerts A.btn.level-info .badge { color: #5bc0de; background-color: #fff; } #topbar.navbar LI.alerts A.btn.level-action { color: #fff; background-color: #F89406; border-color: #fff; } #topbar.navbar LI.alerts A.btn.level-action:hover, #topbar.navbar LI.alerts A.btn.level-action:focus, #topbar.navbar LI.alerts A.btn.level-action:active, #topbar.navbar LI.alerts A.btn.level-action.active, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-action { color: #fff; background-color: #c67605; border-color: #e0e0e0; } #topbar.navbar LI.alerts A.btn.level-action:active, #topbar.navbar LI.alerts A.btn.level-action.active, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-action { background-image: none; } #topbar.navbar LI.alerts A.btn.level-action.disabled, #topbar.navbar LI.alerts A.btn.level-action[disabled], fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-action, #topbar.navbar LI.alerts A.btn.level-action.disabled:hover, #topbar.navbar LI.alerts A.btn.level-action[disabled]:hover, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-action:hover, #topbar.navbar LI.alerts A.btn.level-action.disabled:focus, #topbar.navbar LI.alerts A.btn.level-action[disabled]:focus, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-action:focus, #topbar.navbar LI.alerts A.btn.level-action.disabled:active, #topbar.navbar LI.alerts A.btn.level-action[disabled]:active, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-action:active, #topbar.navbar LI.alerts A.btn.level-action.disabled.active, #topbar.navbar LI.alerts A.btn.level-action[disabled].active, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-action.active { background-color: #F89406; border-color: #fff; } #topbar.navbar LI.alerts A.btn.level-action .badge { color: #F89406; background-color: #fff; } #topbar.navbar LI.alerts A.btn.level-action:focus, #topbar.navbar LI.alerts A.btn.level-action.focus { color: #fff; background-color: #c67605; border-color: #bfbfbf; } #topbar.navbar LI.alerts A.btn.level-action:hover { color: #fff; background-color: #c67605; border-color: #e0e0e0; } #topbar.navbar LI.alerts A.btn.level-action:active, #topbar.navbar LI.alerts A.btn.level-action.active, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-action { color: #fff; background-color: #c67605; background-image: none; border-color: #e0e0e0; } #topbar.navbar LI.alerts A.btn.level-action:active:hover, #topbar.navbar LI.alerts A.btn.level-action.active:hover, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-action:hover, #topbar.navbar LI.alerts A.btn.level-action:active:focus, #topbar.navbar LI.alerts A.btn.level-action.active:focus, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-action:focus, #topbar.navbar LI.alerts A.btn.level-action:active.focus, #topbar.navbar LI.alerts A.btn.level-action.active.focus, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-action.focus { color: #fff; background-color: #a36104; border-color: #bfbfbf; } #topbar.navbar LI.alerts A.btn.level-action.disabled:hover, #topbar.navbar LI.alerts A.btn.level-action[disabled]:hover, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-action:hover, #topbar.navbar LI.alerts A.btn.level-action.disabled:focus, #topbar.navbar LI.alerts A.btn.level-action[disabled]:focus, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-action:focus, #topbar.navbar LI.alerts A.btn.level-action.disabled.focus, #topbar.navbar LI.alerts A.btn.level-action[disabled].focus, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-action.focus { background-color: #F89406; border-color: #fff; } #topbar.navbar LI.alerts A.btn.level-action .badge { color: #F89406; background-color: #fff; } #topbar.navbar LI.alerts A.btn.level-warning { color: #fff; background-color: #d9534f; border-color: #fff; } #topbar.navbar LI.alerts A.btn.level-warning:hover, #topbar.navbar LI.alerts A.btn.level-warning:focus, #topbar.navbar LI.alerts A.btn.level-warning:active, #topbar.navbar LI.alerts A.btn.level-warning.active, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-warning { color: #fff; background-color: #c9302c; border-color: #e0e0e0; } #topbar.navbar LI.alerts A.btn.level-warning:active, #topbar.navbar LI.alerts A.btn.level-warning.active, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-warning { background-image: none; } #topbar.navbar LI.alerts A.btn.level-warning.disabled, #topbar.navbar LI.alerts A.btn.level-warning[disabled], fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-warning, #topbar.navbar LI.alerts A.btn.level-warning.disabled:hover, #topbar.navbar LI.alerts A.btn.level-warning[disabled]:hover, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-warning:hover, #topbar.navbar LI.alerts A.btn.level-warning.disabled:focus, #topbar.navbar LI.alerts A.btn.level-warning[disabled]:focus, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-warning:focus, #topbar.navbar LI.alerts A.btn.level-warning.disabled:active, #topbar.navbar LI.alerts A.btn.level-warning[disabled]:active, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-warning:active, #topbar.navbar LI.alerts A.btn.level-warning.disabled.active, #topbar.navbar LI.alerts A.btn.level-warning[disabled].active, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-warning.active { background-color: #d9534f; border-color: #fff; } #topbar.navbar LI.alerts A.btn.level-warning .badge { color: #d9534f; background-color: #fff; } #topbar.navbar LI.alerts A.btn.level-warning:focus, #topbar.navbar LI.alerts A.btn.level-warning.focus { color: #fff; background-color: #c9302c; border-color: #bfbfbf; } #topbar.navbar LI.alerts A.btn.level-warning:hover { color: #fff; background-color: #c9302c; border-color: #e0e0e0; } #topbar.navbar LI.alerts A.btn.level-warning:active, #topbar.navbar LI.alerts A.btn.level-warning.active, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-warning { color: #fff; background-color: #c9302c; background-image: none; border-color: #e0e0e0; } #topbar.navbar LI.alerts A.btn.level-warning:active:hover, #topbar.navbar LI.alerts A.btn.level-warning.active:hover, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-warning:hover, #topbar.navbar LI.alerts A.btn.level-warning:active:focus, #topbar.navbar LI.alerts A.btn.level-warning.active:focus, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-warning:focus, #topbar.navbar LI.alerts A.btn.level-warning:active.focus, #topbar.navbar LI.alerts A.btn.level-warning.active.focus, .open > .dropdown-toggle#topbar.navbar LI.alerts A.btn.level-warning.focus { color: #fff; background-color: #ac2925; border-color: #bfbfbf; } #topbar.navbar LI.alerts A.btn.level-warning.disabled:hover, #topbar.navbar LI.alerts A.btn.level-warning[disabled]:hover, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-warning:hover, #topbar.navbar LI.alerts A.btn.level-warning.disabled:focus, #topbar.navbar LI.alerts A.btn.level-warning[disabled]:focus, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-warning:focus, #topbar.navbar LI.alerts A.btn.level-warning.disabled.focus, #topbar.navbar LI.alerts A.btn.level-warning[disabled].focus, fieldset[disabled] #topbar.navbar LI.alerts A.btn.level-warning.focus { background-color: #d9534f; border-color: #fff; } #topbar.navbar LI.alerts A.btn.level-warning .badge { color: #d9534f; background-color: #fff; } /* ----------------------------------------------- */ /* TABLE */ /* ----------------------------------------------- */ TABLE .expand { width: 100%; } TABLE .fit { width: 1%; } TABLE.layout { width: 100%; table-layout: fixed; } TABLE.layout TD, DIV.Portlet DIV.col-item { vertical-align: top; } TABLE.layout TD.row-item.vBaseline, DIV.Portlet DIV.col-item.vBaseline { vertical-align: baseline; } TABLE.layout TD.row-item.vTop, DIV.Portlet DIV.col-item.vTop { vertical-align: top; } TABLE.layout TD.row-item.vMiddle, DIV.Portlet DIV.col-item.vMiddle { vertical-align: middle; } TABLE.layout TD.row-item.vBottom, DIV.Portlet DIV.col-item.vBottom { vertical-align: bottom; } TABLE.auto { width: auto; } TABLE.table TH { white-space: nowrap; } TD > IMG, TD > * > IMG, TD > * > * > IMG { max-width: none; } TR.odd TH, TR.odd TD { background-color: #f5f5f5; } TR.align-top > TD { vertical-align: top; } /* ----------------------------------------------- */ /* TABLE - MENU */ /* ----------------------------------------------- */ TABLE.menu { border: 2px solid #C900B3; } TABLE caption { padding: 10px; caption-side: bottom; } /* Useful for a navbar as head of a data table */ .navbar.navbar-table-header { margin-bottom: 0; border-bottom: 0 none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar.navbar-table-header + TEXTAREA, .navbar.navbar-table-header + TABLE { border-top-left-radius: 0; border-top-right-radius: 0; } /* Reset input group padding in nav-form */ .navbar .container-fluid > .navbar-form:first-child { margin-left: -15px; } .navbar .navbar-label { font-weight: normal; padding-left: 10px; } .navbar .navbar-label:first-child { padding-left: 0; } .navbar.no-navbar-brand .navbar-nav:first-child { margin-left: -15px; } .navbar.navbar-default .navbar-nav > li > button:not(.btn) { color: #777; } /* Div to be placed at the top most position in the DOM to push rest of content when using navbar-fixed-top */ .navbar-placeholder { height: 70px; width: 100%; } @media (min-width: 768px) { /*Navbar-form with input group btn https://github.com/twbs/bootstrap/issues/9950 */ .navbar-form .input-group { max-width: 200px; } /* JCMS-4281 */ .navbar-collapse .navbar-form.navbar-right:last-child { margin-right: -30px; } } .pagination-wrapper { text-align: center; } .pagination-wrapper .pagination { width: auto; display: inline-flex; } .pagination-wrapper .pagination > LI { display: inline-flex; } .pagination-wrapper .pagination LI.pgNum.pgMore { cursor: default; } .pagination-wrapper .pagination LI.pgNum.pgMore > SPAN:hover { background-color: transparent; } .pager-sort-active { color: #777777; } .pager-sort-inactive { font-size: 12px; color: #cccccc; } .pager-sort-inactive:hover { color: #777777; } .pagination.pqf { margin-bottom: 0; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > button, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; color: #005db4; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li > button:hover, .pagination > li > span:hover, .pagination > li > button:focus, .pagination > li > span:focus { z-index: 2; color: #003568; background-color: #eeeeee; border-color: #ddd; } .pagination > li:first-child > button, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > button, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > .active > button, .pagination > .active > span, .pagination > .active > button:hover, .pagination > .active > span:hover, .pagination > .active > button:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #009EF5; border-color: #009EF5; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > button, .pagination > .disabled > button:hover, .pagination > .disabled > button:focus { color: #777777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .jcms-message .jcms-message-title { margin: 0 0 10px 0; font-size: 18px; font-family: inherit; font-weight: 500; line-height: 1.1; } /* ----------------------------------------------- */ /* FORM */ /* ----------------------------------------------- */ .editPublicationForm .jalios-tab-template { padding-top: 15px; } .editPublicationForm .field-title { max-width: 850px; margin-bottom: 15px; } .widget-content { max-width: 992px; } .form-inline DIV[class*="col-"] { padding-left: 2px; padding-right: 2px; } .form-inline .row { margin-left: -4px; margin-right: -4px; } .form-control-inline, .input-group .form-control-inline { width: auto; display: inline-block; } .field-vertical .control-label { text-align: left; display: flex; margin-bottom: 4px; align-items: center; } .field-vertical .control-label .mandatory-addon { margin-left: 8px; } .field-vertical .control-label LABEL { margin-bottom: 0; } .form-horizontal .field-vertical .control-label { text-align: left; } .form-horizontal .control-label[max-width~="90%"] { text-align: right; } .form-horizontal .control-label[max-width~="90%"] LABEL { display: inline; } .form-horizontal .control-label[min-width~="90%"] { text-align: left; display: flex; margin-bottom: 4px; align-items: center; } .form-horizontal .control-label[min-width~="90%"] .mandatory-addon { margin-left: 8px; } .form-horizontal .control-label[min-width~="90%"] LABEL { float: left; margin-right: 5px; margin-bottom: 0; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: left; } } @media (min-width: 992px) { .form-horizontal .control-label { text-align: right; } } /* Reset negative margin for field-vertical in form-horizontal */ .form-horizontal .field-vertical.form-group, .form-horizontal .navbar .form-group { margin-left: 0; margin-right: 0; } .container-fluid .row > .form-group { margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; } .field-inline { margin-bottom: 0; } .input-group-btn SPAN.jalios-icon { color: #555555; font-size: 16px; } .input-group-btn BUTTON.btn-remove SPAN.jalios-icon, .input-group-btn BUTTON.dropdown-toggle SPAN.jalios-icon { color: #CCC; } .input-group-btn BUTTON:hover SPAN.icon { color: #333; } .widget.field-boolean .jalios-input-group, .widget.field-color .jalios-input-group, .widget.field-date .jalios-input-group, .widget.field-duration .jalios-input-group, .widget.field-number .jalios-input-group { max-width: 250px; } .widget.field-icon .jalios-input-group { max-width: 400px; } .widget.field-wikiarea .wikiarea { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .widget.disabled A { color: #777777; } .widget.disabled A:focus, .widget.disabled A:hover { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .widget .jalios-input-group { width: 100%; } .widget .tab-content.input-group-list { overflow: visible; } .widget .tab-content.input-group-list > .active { display: table; } .widget .checkbox-inline, .widget .radio-inline { padding-bottom: 7px; } .widget .nav.jalios-nav-pills { margin-top: 6px; margin-bottom: 4px; } .widget .nav.jalios-nav-pills > LI > A { font-size: 12px; padding: 3px 8px; } .widget .grip { display: none; border: 1px solid #ccc; height: 100%; width: 15px; margin-left: -10px; position: absolute; left: -5px; top: 0; cursor: move; z-index: 1; border-radius: 3px 0 0 3px; background-image: url('../images/jalios/assets/forms/widget-grip.gif'); background-repeat: repeat-x; background-position: center center; } .widget.focus-widget .grip { display: block; } .widget.nodnd .grip { display: none; } .widget.no-add-field .add-field { display: none; } .widget :required, .widget [aria-required] { border-color: #f5c6cb; } .field-richtextarea.widget.disabled A.disabled { color: #333333; } /* Date Picket Wrapper */ .datepicker-wrapper { display: table; } .form-control.numeric { text-align: right; } INPUT.error, SELECT.error, TEXTAREA.error { border-color: #f5c6cb; } LABEL.error { color: #721c24; } /* Prevent CODE and PRE tags to take only one line in form .help-block */ .help-block CODE, .help-block PRE { white-space: normal; display: inline-block; word-break: break-all; } /* Fix for firefox */ .browser-Firefox input[type="file"].form-control { height: auto; padding-bottom: 4px; padding-top: 4px; } .field-publication .plupload-single { padding: 0 6px; } BODY .select2-dropdown { z-index: 1070; } /* Force width to 100% for textarea as field-light resource */ .widget-light.field-richtextarea, .widget-light.field-textarea, .widget-light.field-wikiarea { width: 100%; } /* Fix Incorrect wysiwyg size when in tabs (JCMS-4918) */ .field-richtextarea .mceLayout { min-width: 600px; } /* Used for jalios-field-autocomplete.js refresh in order to display loading component */ .js-autocomplete-field-result { position: relative; } .widget.required .jalios-icon.required { color: #ff6b58; font-size: 12px; } li.input-group.input-group-list-item.tab-pane.jalios-input-group { margin-bottom: 5px; } .field-password .hide-password { display: none; } .field-password .reveal-password { display: inline; } .field-password.is-password-revealed .hide-password, .field-password .is-password-revealed .hide-password { display: inline; } .field-password.is-password-revealed .reveal-password, .field-password .is-password-revealed .reveal-password { display: none; } .select2-results__option[data-jalios-lang] { text-transform: capitalize; } .select2-container.field-language .select2-results__option:empty { height: 36px; } .select2-container.field-language .select2-results__option > SPAN { text-transform: capitalize; } .select2-container.field-language .img-flag { margin-right: 8px; width: 24px; height: 24px; border: 0; background-size: cover; } BODY .select2-container { width: 100% !important; max-width: 70vw; } BODY .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background-color: #009EF5; color: #fff; } BODY .select2-container--bootstrap .select2-selection .select-image { max-width: 18px; max-height: 18px; margin-right: 8px; } BODY .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered { padding: 4px; margin-bottom: -4px; display: flex; align-items: center; flex-wrap: wrap; min-height: 44px; } BODY .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { margin: 0 0 0 4px; padding: 3px 6px; display: flex; flex-direction: row-reverse; align-items: center; margin-bottom: 4px; } BODY .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice:first-child { margin-left: 0px; } BODY .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove { width: 24px; height: 24px; transition: background-color 200ms ease-in; background-color: transparent; justify-content: center; align-items: center; display: inline-flex; border-radius: 50%; font-weight: normal; color: #666; font-family: 'icomoon'; speak: none; text-transform: none; vertical-align: middle; font-size: 0; -webkit-font-smoothing: antialiased; float: right; margin-right: 0; margin-left: 15px; } BODY .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:after { content: "\ed6d"; font-size: 16px; } BODY .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover { background-color: #EEE; } BODY .select2-container--bootstrap .select2-selection--multiple { border: 1px dashed #ccc; background-color: transparent; } BODY .select2-container--bootstrap .select2-dropdown { overflow-y: hidden; } BODY .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field:empty { min-width: 300px; } .select-enumerate { display: flex; align-items: center; } .select-enumerate .twemoji-flag { height: 24px; width: 24px; margin-right: 8px; } .select-enumerate .img-file-wrapper { background-color: #EEE; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-right: 8px; border-radius: 4px; } .select-enumerate .img-file-wrapper .select-image { width: 16px; height: 16px; border-radius: 0; margin-right: 0; } .select-enumerate .img-file-wrapper .select-image img.select-image { min-width: auto; } .select-enumerate .img-file-wrapper > .jalios-icon.select-image, .select-enumerate .img-file-wrapper img.select-image { min-width: auto; } .select-enumerate IMG.select-image:before { content: ""; position: absolute; background-color: #EEE; color: currentColor; display: block; width: 31px; height: 31px; overflow: hidden; } .select-enumerate .select-image { width: 30px; min-width: 30px; height: 30px; margin-right: 8px; border-radius: 4px; background-size: cover; background-repeat: no-repeat; background-position-x: center; background-position-y: center; position: relative; color: #333; } .select-enumerate .select-image.initials { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: white; font-family: embedded-roboto-condensed, embedded-roboto, Helvetica, Arial, sans-serif; } .select-enumerate .select-image.select-image-Member { border-radius: 50%; } .select-enumerate .select-image.select-image-Member:before { content: attr(data-jalios-initials); } .password-double-input .widget-content .input-group-list-item { display: flex; width: 100%; flex-wrap: nowrap; } .password-double-input .widget-content .input-group-list-item > .input-group { width: 50%; } .select-enumerate.language-option { text-transform: capitalize; } .widget .widget-content .input-group .form-control:only-child { border-radius: 4px; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-color: white; border-color: #ccc; } .field-duration .widget-content .form-control.control-duration { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .field-duration .widget-content .input-group .input-group-btn > SELECT.form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background-color: #009EF5; color: #fff; } .select2-container--bootstrap .select2-dropdown { border-top: 1px solid #66afe9; border-top-left-radius: 4px; border-top-right-radius: 4px; min-width: 295px; } .select2-noinput { display: inline-flex; } .select2-noinput.has-filter .select2-selection:before { font-family: "icomoon"; content: "\ee8c"; font-size: 16px; color: #666; font-weight: 400; cursor: pointer; margin-right: 4px; } .select2-noinput .select2.select2-container--bootstrap { width: auto !important; padding-right: 16px; transition: background-color 200ms ease-in; } .select2-noinput .select2.select2-container--bootstrap.select2-container--open { background-color: #eee; border-radius: 4px; } .select2-noinput .select2.select2-container--bootstrap:hover { background-color: #eee; border-radius: 4px; } .select2-noinput .select2.select2-container--bootstrap .select2-selection { border: 0 none; box-shadow: initial; display: flex; align-items: center; padding: 0; background-color: transparent; padding-left: 8px; } .select2-noinput .select2.select2-container--bootstrap .select2-selection .select2-selection__rendered { color: #333; } .select2-noinput .select2.select2-container--bootstrap .select2-selection .select2-selection__arrow { position: static; } .select2-noinput .select2.select2-container--bootstrap .select2-selection .select2-selection__arrow b { border-color: #333 transparent transparent transparent; border-style: solid; border-width: 4px 4px 0 4px; margin-left: 8px; margin-top: -2px; position: absolute; top: 50%; left: initial; right: 7px; } .collapsable-fieldset legend { position: relative; } .collapsable-fieldset A { cursor: pointer; display: block; width: 100%; color: inherit; text-decoration: none; } .collapsable-fieldset A .chevron-up { position: absolute; top: 6px; right: 0; display: block; } .collapsable-fieldset A .chevron-down { position: absolute; top: 6px; right: 0; display: none; } .collapsable-fieldset A.collapsed .chevron-up { display: none; } .collapsable-fieldset A.collapsed .chevron-down { display: block; } .mandatory-addon { color: #767676; font-size: 12px; } .colorpicker-saturation { width: 100px; height: 100px; background-image: url('../images/lib/bootstrap-colorpicker/saturation.png'); cursor: crosshair; float: left; } .colorpicker-saturation i { display: block; height: 5px; width: 5px; border: 1px solid #000; border-radius: 5px; position: absolute; top: 0; left: 0; margin: -4px 0 0 -4px; } .colorpicker-saturation i b { display: block; height: 5px; width: 5px; border: 1px solid #fff; border-radius: 5px; } .colorpicker-hue, .colorpicker-alpha { width: 15px; height: 100px; float: left; cursor: row-resize; margin-left: 4px; margin-bottom: 4px; } .colorpicker-hue i, .colorpicker-alpha i { display: block; height: 1px; background: #000; border-top: 1px solid #fff; position: absolute; top: 0; left: 0; width: 100%; margin-top: -1px; } .colorpicker-hue { background-image: url('../images/lib/bootstrap-colorpicker/hue.png'); } .colorpicker-alpha { background-image: url('../images/lib/bootstrap-colorpicker/alpha.png'); display: none; } .colorpicker { top: 0; left: 0; padding: 4px; min-width: 120px; margin-top: 1px; border-radius: 4px; } .colorpicker:before, .colorpicker:after { content: " "; display: table; } .colorpicker:after { clear: both; } .colorpicker:before, .colorpicker:after { display: table; content: " "; } .colorpicker:after { clear: both; } .colorpicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .colorpicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #FFFFFF; position: absolute; top: -6px; left: 7px; } .colorpicker div { position: relative; } .colorpicker.alpha { min-width: 140px; } .colorpicker.alpha .colorpicker-alpha { display: block; } .colorpicker-color { height: 10px; margin-top: 5px; clear: both; background-image: url('../images/lib/bootstrap-colorpicker/alpha.png'); background-position: 0 100%; } .colorpicker-color div { height: 10px; } .input-append.color .add-on i, .input-prepend.color .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } /* ----------------------------------------------- */ /* KEYWORD */ /* ----------------------------------------------- */ .keyword .input-group-addon, .keyword .input-group-btn { width: auto; } .keyword .input-group-list { border: 1px dashed #ccc; padding-top: 3px; border-radius: 4px; padding-left: 2px; } .keyword .input-group-list LI.input-group { float: left; width: auto; margin: 2px 5px 2px 2px; } .keyword .input-group-list LI.input-group .jalios-input-keyword { display: table; } .keyword .input-group-list LI.input-group .form-control-autocomplete { background: #fff; padding: 0 0 0 10px; min-width: 174px; } .keyword .input-group-list LI.input-group .btn-remove SPAN.jalios-icon { color: #ccc; } .keyword .input-group-list LI.input-group:last-child .input-group-btn .btn-remove { display: none; } .keyword .input-group-list LI.input-group:last-child .input-group-btn .btn-chooser { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .keyword .add-field { float: left; line-height: 34px; } .btn-text-info { color: #009EF5; } .btn-text-warning { color: #F89406; } .btn-text-success { color: #5cb85c; } .btn-text-danger { color: #d9534f; } A[role=button] { text-decoration: none; } A[role=button]:hover { text-decoration: none; } .btn.btn-rounded { width: 30px; height: 30px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; color: #666666; box-shadow: none; text-decoration: none; font-size: 16px; transition: all .2s ease-in; position: relative; z-index: 1; cursor: pointer; background-color: transparent; } .btn.btn-rounded:focus-visible { outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color; } .btn.btn-rounded > SPAN:not(.jalios-icon) { font-size: 14px; } .btn.btn-rounded:hover:before { transform: scale(1); } .btn.btn-rounded:before { z-index: 0; content: ""; height: 30px; width: 30px; transform: scale(0); border-radius: 50%; background-color: rgba(222, 222, 222, 0.5); position: absolute; top: -1px; left: -1px; z-index: -1; transition-timing-function: cubic-bezier(0.4, 0, 0, 1); transition-duration: .3s; transition-property: transform, background-color; } .btn.btn-rounded.ctx-caret:not(.has-no-caret) { width: 40px; border-radius: 8px; } .btn.btn-rounded.ctx-caret:not(.has-no-caret):before { width: 40px; border-radius: 8px; } .btn.btn-rounded.btn-text { width: auto; display: inline-flex; border-radius: 8px; color: #666666; } .btn.btn-rounded.btn-text:before { width: auto; right: -1px; border-radius: 8px; } .btn.btn-rounded .jalios-icon { color: #666666; margin-right: 0; } /* ----------------------------------------------- */ /* TYPEAHEAD */ /* ----------------------------------------------- */ .typeahead { margin-top: 0; } .typeahead-menu { position: absolute; z-index: 1070; } .typeahead-menu .dropdown-menu.list-group { margin: 0; padding: 0; } .typeahead-menu .dropdown-menu.list-group LI { margin: 0 0 -1px; } .typeahead-menu .dropdown-menu.list-group .ac-pub-title { font-weight: bold; } .typeahead-menu UL.dropdown-menu { display: block; max-width: 350px; overflow: hidden; } .typeahead-menu UL.dropdown-menu .info { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .typeahead-menu UL.dropdown-menu.typeahead-photo LI:not(.nomatch):not(.results):not(.next):not(.previous) A { min-height: 44px; } .typeahead-menu UL.dropdown-menu.typeahead-photo LI A { position: relative; padding-left: 42px; } .typeahead-menu UL.dropdown-menu.typeahead-photo LI A .wrapper-photo { padding: 0; border: 0px none; } .typeahead-menu UL.dropdown-menu.typeahead-photo LI A .wrapper-photo .photo-anchor { display: none; } .typeahead-menu UL.dropdown-menu.typeahead-photo LI A .thumb { position: absolute; left: 6px; top: 6px; width: 28px; height: 28px; border-radius: 4px; display: block; zoom: 1; border: 1px solid #777777; overflow: hidden; background-color: #FFF; text-align: center; } .typeahead-menu UL.dropdown-menu.typeahead-photo LI A.member-link .thumb { border-radius: 50%; border-color: transparent; } .typeahead-menu UL.dropdown-menu.typeahead-photo LI A.member-link .thumb.has-no-photo { border-color: transparent; } .typeahead-menu UL.dropdown-menu.typeahead-photo LI.active A.member-link .thumb, .typeahead-menu UL.dropdown-menu.typeahead-photo LI:hover A.member-link .thumb { border-color: white; left: 5px; top: 5px; width: 30px; height: 30px; border-width: 2px; } .typeahead-menu UL.dropdown-menu LI A { border-bottom: 1px dotted #CCC; } .typeahead-menu UL.dropdown-menu LI:last-child A { border-bottom: none; } .typeahead-menu UL.dropdown-menu LI.nomatch A { font-weight: bold; padding-left: 10px; } .typeahead-menu UL.dropdown-menu LI.next A { color: #005db4; font-weight: bold; text-align: right; } .typeahead-menu UL.dropdown-menu LI.previous A { color: #005db4; font-weight: bold; padding-left: 15px; } .typeahead-menu UL.dropdown-menu LI.add A { color: #5cb85c; font-weight: bold; text-align: center; } .typeahead-menu UL.dropdown-menu LI.add.active A { background-color: #5bc0de; color: #FFF; } .typeahead-menu UL.dropdown-menu LI.next.active A, .typeahead-menu UL.dropdown-menu LI.previous.active A { background-color: #005db4; color: #FFF; } .typeahead-menu UL.dropdown-menu LI.active .meta-text { color: #EEEEEE; } .typeahead-menu UL.dropdown-menu LI.results { border-bottom: 1px dotted #CCC; text-align: center; padding-left: 0px; } .typeahead-menu UL.dropdown-menu LI.results A { border-bottom-width: 0px; padding-left: 20px; padding-right: 20px; } .typeahead-menu UL.dropdown-menu LI.results.active A { background-color: transparent; color: inherit; } /* * Search autocomplete */ .typeahead-menu.typeahead-search { margin-top: 2px; max-width: 300px; width: 300px; } .typeahead-menu.typeahead-search UL.list-group { padding-top: 0; } .typeahead-menu.typeahead-search UL.list-group .typeahead-search-full A { color: #005db4; font-weight: bold; } .typeahead-menu.typeahead-search UL.list-group .typeahead-search-full.active A { background: #005db4; } .typeahead-menu.typeahead-search UL.list-group .typeahead-search-full.active A, .typeahead-menu.typeahead-search UL.list-group .typeahead-search-full.active A .jalios-icon { color: #FFF; } .typeahead-menu.typeahead-search UL.list-group .typeahead-layout { background: none repeat scroll 0 0 #585858; border-bottom: 1px solid #E8E8E8; padding: 5px 5px 5px 10px; text-align: left; color: white; font-weight: bold; cursor: default; } .typeahead-menu.typeahead-search UL.list-group .typeahead-layout.nomatch { background-color: white; color: #333333; } .typeahead-menu.typeahead-search UL.list-group LI { text-align: left; } .typeahead-menu.typeahead-search UL.list-group LI A { padding: 10px 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* ----------------------------------------------- */ /* AUTOCOMPLETE */ /* ----------------------------------------------- */ BODY.body INPUT.form-control-autocomplete { background: #fff url('../images/jalios/assets/16x16/autocomplete.png') no-repeat 2px center; background-position: 7px; padding-left: 28px; } BODY.body INPUT.treecatcomplete { background-color: #fff; max-width: 200px; margin-top: 2px; margin-bottom: 2px; } BODY.body INPUT.treecatcomplete + UL.treeview { clear: left; } BODY.body INPUT.treecatrefresh { font-weight: bold; background-color: #FFFF70; } BODY.body .disabled .form-control-autocomplete { background-color: #eeeeee; } /* ----------------------------------------------- */ /* WIKITOOLBAR */ /* ----------------------------------------------- */ .modal-dialog DIV.wikitoolbar { background: #fafafa; } DIV.wikitoolbar { clear: left; display: none; padding: 2px 0px 1px 0px; margin-left: 0; background: #fafafa url('../images/jalios/icons/resize-r.gif'); background-repeat: no-repeat; background-position: bottom right; border: 1px solid #ccc; border-radius: 0 0 4px 4px; } DIV.wikitoolbar .btn { padding: 3px 3px; border-left: 0; margin-bottom: 2px; box-shadow: none; background-color: transparent; } DIV.wikitoolbar .btn:hover { background-color: #eeeeee; } DIV.wikitoolbar button { display: none; } DIV.wikitoolbar button.wiki-short-item { display: inline-block; } DIV.wikitoolbar.full-toolbar button, DIV.wikitoolbar.full-toolbar button.wiki-short-item { display: inline-block; } DIV.wikitoolbar.full-toolbar button.wiki-expand-toolbar { display: none; } DIV.wikitoolbar.preview-enabled button.wiki-preview { background-color: #cce0ee; } IMG.wikitoolbar_sprite { width: 18px; height: 18px; background: transparent url('../images/jalios/icons/wikitoolbar-sprite-t.png') no-repeat top left; border: 0; } IMG.wikitoolbar_sprite.wiki-bold { background-position: 0 0; } IMG.wikitoolbar_sprite.wiki-boldfixed { background-position: -22px 0; } IMG.wikitoolbar_sprite.wiki-bolditalic { background-position: -44px 0; } IMG.wikitoolbar_sprite.wiki-br { background-position: -66px 0; } IMG.wikitoolbar_sprite.wiki-fixed { background-position: -88px 0; } IMG.wikitoolbar_sprite.wiki-h1 { background-position: -110px 0; } IMG.wikitoolbar_sprite.wiki-h2 { background-position: -132px 0; } IMG.wikitoolbar_sprite.wiki-h3 { background-position: -154px 0; } IMG.wikitoolbar_sprite.wiki-help { background-position: -176px 0; } IMG.wikitoolbar_sprite.wiki-hr { background-position: -198px 0; } IMG.wikitoolbar_sprite.wiki-indent { background-position: -220px 0; } IMG.wikitoolbar_sprite.wiki-italic { background-position: -242px 0; } IMG.wikitoolbar_sprite.wiki-link { background-position: -264px 0; } IMG.wikitoolbar_sprite.wiki-list_bullets { background-position: -286px 0; } IMG.wikitoolbar_sprite.wiki-list_numbers { background-position: -308px 0; } IMG.wikitoolbar_sprite.wiki-outdent { background-position: -330px 0; } IMG.wikitoolbar_sprite.wiki-preview { background-position: -352px 0; } IMG.wikitoolbar_sprite.wiki-pubimg { background-position: -374px 0; } IMG.wikitoolbar_sprite.wiki-publink { background-position: -396px 0; } IMG.wikitoolbar_sprite.wiki-search { background-position: -418px 0; } IMG.wikitoolbar_sprite.wiki-spell { background-position: -440px 0; } IMG.wikitoolbar_sprite.wiki-query { background-position: -458px 0; } DIV#wikicomplete { position: absolute; background: #FFFFFF; border: 1px solid #AAAAAA; } /* Preview */ IFRAME.wikipreview { position: absolute; z-index: 3; overflow: auto; border: 0; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; background-color: #fff; background-image: none; } IFRAME.wikipreview .wiki { font-size: 14px; } /* ----------------------------------------------- */ /* WIKI INLINE */ /* ----------------------------------------------- */ .wiki-edit { position: relative; border: 1px solid transparent; } .wiki-edit:hover .wiki-action.wiki-edit-section { display: block; } .wiki-edit.wiki-edit-enabled .wiki-action.wiki-edit-section { display: none !important; } .wiki-edit .wiki-section { position: relative; } .wiki-edit .wiki-section .wiki-action { top: auto; bottom: 2px; } .wiki-edit .wiki-action { position: absolute; right: -1px; top: -24px; } .wiki-edit .wiki-action.wiki-edit-section { display: none; } .wiki-edit .wiki-action.wiki-save-section { display: none; right: 66px; } .wiki-edit .wiki-action.wiki-cancel-section { display: none; } .wiki-edit .wiki-editing .wiki-edit-section, .wiki-edit.wiki-editing .wiki-edit-section { display: none; } .wiki-edit .wiki-editing .wiki-cancel-section, .wiki-edit.wiki-editing .wiki-cancel-section { display: block; } .wiki-edit .wiki-editing .wiki-save-section, .wiki-edit.wiki-editing .wiki-save-section { display: block; } .wiki-edit .wiki-editing:hover > .wiki-edit-section, .wiki-edit.wiki-editing:hover > .wiki-edit-section { display: none; } .edit-widget { position: absolute; top: 0; left: 0; background: #FFFFFF; z-index: 2; } .edit-widget .liveForm, .edit-widget .liveForm .widget, .edit-widget .liveForm .widget TEXTAREA { display: block; width: 100%; height: 100%; margin: 0; padding: 0; font-family: monospace; } /** * Provide Wysiwyg styles (which also apply to wiki) */ .wiki, .wysiwyg, .mce-content-body { /* Text overlap issues : * Handle long text and long links * Handle all browsers */ word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; } /* Handle large images */ .wiki IMG:not(.emoji), .wysiwyg IMG:not(.emoji), .mce-content-body IMG:not(.emoji) { display: inline-block; max-width: 100%; } .wiki IMG:not(.emoji):not(.is-height-set), .wysiwyg IMG:not(.emoji):not(.is-height-set), .mce-content-body IMG:not(.emoji):not(.is-height-set) { height: auto;/*max-height: 1000px; //Force max height to avoid long images displayed*/ } .wiki IMG:not(.emoji).is-height-set.is-width-set, .wysiwyg IMG:not(.emoji).is-height-set.is-width-set, .mce-content-body IMG:not(.emoji).is-height-set.is-width-set { height: auto; } .wiki NAV.toc, .wysiwyg NAV.toc, .mce-content-body NAV.toc { display: table; width: auto; border: 1px solid #eeeeee; border-collapse: separate; } .wiki NAV.toc H1, .wysiwyg NAV.toc H1, .mce-content-body NAV.toc H1, .wiki NAV.toc H2, .wysiwyg NAV.toc H2, .mce-content-body NAV.toc H2 { margin: 0px; padding: 5px 10px; border: 1px solid #eeeeee; background-color: #eeeeee; font-size: 15px; } .wiki NAV.toc UL, .wysiwyg NAV.toc UL, .mce-content-body NAV.toc UL { margin: 5px 15px; padding: 0px; list-style-image: none; list-style-type: none; text-align: left; } .wiki H1, .wysiwyg H1, .mce-content-body H1, .wiki H2, .wysiwyg H2, .mce-content-body H2, .wiki H3, .wysiwyg H3, .mce-content-body H3, .wiki H4, .wysiwyg H4, .mce-content-body H4, .wiki H5, .wysiwyg H5, .mce-content-body H5, .wiki H6, .wysiwyg H6, .mce-content-body H6 { padding: 2px 0 1px 5px; } .wiki H1, .wysiwyg H1, .mce-content-body H1 { margin: 20px 0; font-size: 30px; border-bottom: 1px dotted #aaa; } .wiki H2, .wysiwyg H2, .mce-content-body H2 { margin: 16px 0px; font-size: 24px; border-bottom: 1px dotted #e1e1e1; } .wiki H3, .wysiwyg H3, .mce-content-body H3 { margin: 14px 0px 5px 0; font-size: 18px; border-bottom: 1px dashed #eaeaea; } .wiki H4, .wysiwyg H4, .mce-content-body H4, .wiki H5, .wysiwyg H5, .mce-content-body H5, .wiki H6, .wysiwyg H6, .mce-content-body H6 { margin: 12px 0px 5px 0; font-size: 14px; } .wiki PRE, .wysiwyg PRE, .mce-content-body PRE { display: block; overflow: auto; padding: 5px; background-color: #fefbf3; border: 1px solid #cccccc; clear: both; } .wiki .wysiwyg-table-wrapper, .wysiwyg .wysiwyg-table-wrapper, .mce-content-body .wysiwyg-table-wrapper { overflow-x: auto; } .wiki TABLE, .wysiwyg TABLE, .mce-content-body TABLE { width: auto; } .wiki TABLE TH, .wysiwyg TABLE TH, .mce-content-body TABLE TH { background-color: #eeeeee; font-size: 15px; } .wiki TABLE TH, .wysiwyg TABLE TH, .mce-content-body TABLE TH, .wiki TABLE TD, .wysiwyg TABLE TD, .mce-content-body TABLE TD { padding: 5px 10px; border: 1px solid #eeeeee; } .wiki BLOCKQUOTE, .wysiwyg BLOCKQUOTE, .mce-content-body BLOCKQUOTE, .wiki BLOCKQUOTE P, .wysiwyg BLOCKQUOTE P, .mce-content-body BLOCKQUOTE P { font-style: italic; font-size: 14px; line-height: 1.428571429; } .wiki BLOCKQUOTE P, .wysiwyg BLOCKQUOTE P, .mce-content-body BLOCKQUOTE P { margin-bottom: 10px; } .wiki BLOCKQUOTE *:last-child, .wysiwyg BLOCKQUOTE *:last-child, .mce-content-body BLOCKQUOTE *:last-child { margin-bottom: 0; } .wiki .jcms-message, .wysiwyg .jcms-message, .mce-content-body .jcms-message { margin-left: auto; margin-right: auto; width: 85%; } /* Mention */ .wiki .mention, .wysiwyg .mention, .mce-content-body .mention { background-color: rgba(195, 195, 195, 0.06); border: 1px solid #b0dbff; padding: 0px 4px; text-decoration: none; border-radius: 3px; white-space: nowrap; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; word-wrap: break-word; } .wiki .mention:hover, .wysiwyg .mention:hover, .mce-content-body .mention:hover { background-color: #f8f8f8; } /* Galleries (wikiGallery.jsp and wysiwygGallery.jsp) */ .wiki .wiki-gallery, .wysiwyg .wiki-gallery, .mce-content-body .wiki-gallery, .wiki .wysiwyg-gallery, .wysiwyg .wysiwyg-gallery, .mce-content-body .wysiwyg-gallery { max-width: 800px; margin: 0 auto; } .wiki .wiki-gallery .wiki-gallery-img, .wysiwyg .wiki-gallery .wiki-gallery-img, .mce-content-body .wiki-gallery .wiki-gallery-img, .wiki .wysiwyg-gallery .wiki-gallery-img, .wysiwyg .wysiwyg-gallery .wiki-gallery-img, .mce-content-body .wysiwyg-gallery .wiki-gallery-img { margin-bottom: 20px; } .wiki .mce-media-center, .wysiwyg .mce-media-center, .mce-content-body .mce-media-center { display: flex; align-items: center; flex-direction: column; } .wiki .mce-media-right, .wysiwyg .mce-media-right, .mce-content-body .mce-media-right { display: flex; align-items: flex-end; flex-direction: column; } .wysiwyg-inline-edit-display { position: relative; } .wysiwyg-inline-edit-display.allow-empty-edition { min-height: 32px; } .wysiwyg-inline-edit-display .wysiwyg-inline-buttons { position: absolute; top: 0; right: 0; opacity: 0; transition: opacity 200ms ease-in; z-index: 4;/* Use value >1 because jalios-wiki.less uses 1 for the wiki div, see DEVJCMS-1879, and >3 because mejs uses 3 for controls, see DEVJCMS-3032 */ } .wysiwyg-inline-edit-display:focus-within .wysiwyg-inline-buttons, .wysiwyg-inline-edit-display:hover .wysiwyg-inline-buttons { opacity: 1; } .wysiwyg-inline-edit-display H1, .wysiwyg-inline-edit-display H2, .wysiwyg-inline-edit-display H3, .wysiwyg-inline-edit-display H4, .wysiwyg-inline-edit-display H5, .wysiwyg-inline-edit-display H6 { position: relative; } .wysiwyg-inline-edit-display .wysiwyg-inline-action { position: absolute; top: 2px; right: 2px; font-size: 14px; color: #777777; text-decoration: none; opacity: 0; transition: opacity 200ms ease-in; } .wysiwyg-inline-edit-display .wysiwyg-inline-action:focus { opacity: 1; } .wysiwyg-inline-edit-display:focus-within .wysiwyg-inline-action, .wysiwyg-inline-edit-display:hover .wysiwyg-inline-action { opacity: 1; } .wysiwyg-inline-edit-form .wysiwyg-inline-buttons { padding: 6px 6px 12px 0; } .wysiwyg-inline-edit-form.buttons-after .form-group.field-wysiwyg { margin-bottom: 7.5px; } /* ----------------------------------------------- */ /* Wiki */ /* ----------------------------------------------- */ DIV.wiki { position: relative; } /* ------------------------------------------- */ /* [whatever][/whatever] --> */ /* */ /*
*/ /* ------------------------------------------- */ .wiki IMG.wiki-component { display: none; } /* ------------------------------------------- */ /* [note][/note] */ /* ------------------------------------------- */ .wiki DIV.note { font-size: 13px; line-height: 18px; color: #000000; background: #FFFF99; border: 1px solid #F9EE6A; padding: 5px; margin: 0 20px; display: none; z-index: 1; background-image: -webkit-linear-gradient(top, #FFFAAE 0%, #FFF267 100%); background-image: -o-linear-gradient(top, #FFFAAE 0%, #FFF267 100%); background-image: linear-gradient(to bottom, #FFFAAE 0%, #FFF267 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffffaae', endColorstr='#fffff267', GradientType=0); background-repeat: repeat-x; border-radius: 5px; -webkit-box-shadow: 2px 3px 5px #CCCCCC; box-shadow: 2px 3px 5px #CCCCCC; /* Floating */ opacity: 90; filter: alpha(opacity=9000); opacity: 90; width: 400px; position: absolute; } .wiki DIV.note P { font-size: 13px; line-height: 18px; margin-top: 0; } .wiki IMG.note { display: inline; width: 16px; height: 16px; background: url('../images/jalios/icons/postit.gif'); position: absolute; left: -16px; margin-top: 3px;/* to be aligned on bottom line*/ cursor: pointer; } /* ----------------------------------------------- */ /* ITEM-LIST */ /* ----------------------------------------------- */ UL.list-inline.list-inline-fixed LI { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; padding: 0 10px 0 0; display: block; } UL.list-inline.list-inline-fixed LI LABEL { max-width: 90%; margin-bottom: -3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } UL.list-inline-gallery IMG { width: 100% \9; display: block; width: auto \9; max-width: 100%; height: auto; } .list-group.list-group-collapsible .list-group-item { cursor: pointer; overflow: auto; word-wrap: break-word; } .list-group.list-group-collapsible .list-group-item-collapsed { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list-group-item.clickable A { color: #333333; text-decoration: none; } .list-group-item.clickable .btn-primary { color: #fff; } .list-group-item.clickable:hover, .list-group-item.clickable:focus { text-decoration: none; background-color: #f5f5f5; } LI.list-group-item.clickable.active { background-color: #009EF5; } LI.list-group-item.clickable.active A { color: white; } LI.list-group-item-extended.active > A { background-color: #009EF5; color: white; } LI.list-group-item-extended.active > A SPAN.jalios-icon { color: white; } LI.list-group-item.clickable > A { display: block; margin: -10px -15px; padding: 10px 15px; } .list-group-item-extended { padding: 0; display: table; width: 100%; table-layout: fixed; } .list-group-item-extended .list-group-item-extended-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-group-item-extended A { color: #333333; } .list-group-item-extended > A, .list-group-item-extended > DIV { display: table-cell; } .list-group-item-extended > A:first-child, .list-group-item-extended > DIV:first-child { padding: 10px 15px; } .list-group-item-extended > A:hover, .list-group-item-extended > DIV:hover, .list-group-item-extended > A:focus, .list-group-item-extended > DIV:focus { text-decoration: none; background-color: #f5f5f5; } .list-group-item-extended .list-group-item-action { width: 40px; border-left: 1px solid #CCC; text-align: center; } .list-item, .item-list { padding-left: 0; list-style: none; line-height: 1.66; } .list-item LI A, .item-list LI A { color: #333333; } .list-item LI A.btn, .item-list LI A.btn { color: #FFF; } .list-group-item .jalios-icon { font-size: 16px; color: #666666; margin-right: 4px; } /* ---------------------------------------------- */ /* ITEM BOX */ /* ---------------------------------------------- */ UL.item-box { list-style: none; padding: 0; margin-bottom: 0; } TABLE.item-box { width: 100%; } TABLE.items { border-collapse: separate; } .panel .panel-body .item-box { margin-left: -15px; margin-right: -15px; } .item-box > LI { position: relative; line-height: 20px; border-bottom: 1px solid transparent;/* IE7+ */ border-top: 1px solid transparent;/* IE7+ */ padding: 5px 10px; } .item-box > LI > A { /* These are technically the same, but use both */ overflow-wrap: break-word; /* Instead use this non-standard one: */ word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; word-wrap: break-word; } .item-box > LI:hover { border-top: 0 none; border-bottom: 0 none; } .item-box > LI:hover .item-icons, .item-box > LI:hover .item-icons-large { opacity: 1; } .item-box > LI .item-icons, .item-box > LI .item-icons-large { float: right; opacity: 0; } .item-box > LI:hover { background-color: #ffffcc; border-bottom: 1px solid #ffcc66;/* IE7+ */ border-top: 1px solid #ffcc66;/* IE7+ */ } .item-box TR.item TD { border-bottom: 1px solid white;/* IE7+ */ border-top: 1px solid white;/* IE7+ */ } .item-box TR.item TD { padding: 2px; vertical-align: top; } .item-box TR.item TD .item-icons, .item-box TR.item TD .item-icons-large { float: right; } .item-box TR.item TD:first-child { padding-left: 10px; } .item-box TR.item TD:last-child { padding-right: 10px; } .item-box INPUT[type="radio"], .item-box INPUT[type="checkbox"] { vertical-align: top; } .item-box TR.item:hover .item-icons, .item-box > LI:hover .item-icons, .item-box TR.item:hover .item-icons-large, .item-box > LI:hover .item-icons-large, .item-box TR.item:hover .editArea, .item-box > LI:hover .editArea { visibility: visible; } .item-box TR.item TD > .item-info { vertical-align: initial; } .item-box TR.item:hover { background-color: #ffffcc; } .item-box TR.item:hover TD { border-bottom: 1px solid #ffcc66;/* IE7+ */ border-top: 1px solid #ffcc66;/* IE7+ */ } .item-box .item-info { padding: 1px 6px; font-size: 12px; font-weight: bold; color: #fff; white-space: nowrap; background-color: #777777; border-radius: 3px; display: inline; vertical-align: top; margin-right: 5px; } .item-box .item-parent { color: #9E9E9E; font-size: 12px; } .item-box .item-date-new { background-color: #BFE673; } .item-box .item-date-today { background-color: #86CF00; } .item-box .item-info-primary { background-color: #009EF5; } .item-box .item-info-success { background-color: #5cb85c; } .item-box .item-info-info { background-color: #5bc0de; } .item-box .item-info-warning { background-color: #F89406; } .item-box .item-info-danger { background-color: #d9534f; } .item-box-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } .item-box-footer A { color: #333333; text-decoration: none; } /* Reset panel padding to stick to panel sides*/ .panel .item-box-footer { margin: 0 -15px -15px; } /* ----------------------------------------------- */ /* BADGE */ /* ----------------------------------------------- */ .badge-sm { font-size: 12px; } .badge-new { background-color: #455FA5; color: white; } .badge-primary { color: #fff; background-color: #009EF5; } .badge-success { color: #fff; background-color: #5cb85c; } .badge-info { color: #fff; background-color: #5bc0de; } .badge-warning { color: #fff; background-color: #F89406; } .badge-danger { color: #fff; background-color: #d9534f; } /* ----------------------------------------------- */ /* ACCORDIONS for Bootstrap3 */ /* */ /* Specific LESS to be able to click on the whole */ /* area of the panel heading. */ /* */ /* ----------------------------------------------- */ .jalios-accordion-sticky.panel-group .panel:first-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .jalios-accordion-sticky.panel-group .panel:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .jalios-accordion-sticky.panel-group .panel + .panel { margin-top: -1px; border-radius: 0; } .jalios-accordion .panel-heading { padding: 0; border-radius: 0; cursor: pointer; } .jalios-accordion .panel-heading .panel-title { display: block; } .jalios-accordion .panel-heading .panel-title A { display: block; padding: 10px 15px; } /* ----------------------------------------------- */ /* PANELS for Bootstrap3 */ /* ----------------------------------------------- */ .panel .no-results { text-align: center; } .panel .no-results P { color: #333; font-size: 18px; line-height: 25px; } .panel .no-results .jalios-icon { max-height: 200px; font-size: 48px; color: #CCC; margin-bottom: 10px; max-width: 100%; border-radius: 50%; border: 1px solid rgba(168, 168, 168, 0.4); } .panel[max-width~="300px"] .no-results P { font-size: 14px; line-height: 20px; } .panel[max-width~="300px"] .no-results .jalios-icon { max-height: 150px; } .panel[max-width~="200px"] .no-results P { font-size: 12px; line-height: 17px; } .panel .panel-title { display: inline-block; font-weight: normal; } .panel.panel-sticky .panel-body { padding: 0; } .panel .panel-heading .panel-actions { float: right; } .panel .panel-heading .panel-actions.collapse-action { margin-top: 10px; margin-right: 10px; } .panel .panel-msg { line-height: 1.3333333; font-size: 12px; padding: 10px 15px; margin: -15px -15px 0 -15px; background-color: #f5f5f5; } .panel .panel-body .list-group.sticky { margin-top: -16px; margin-bottom: -16px; margin-left: -16px; margin-right: -16px; } .panel .panel-body .list-group.sticky .list-group-item:first-child { border-radius: 0; } .panel .panel-body .list-group.sticky-sides { margin-left: -16px; margin-right: -16px; } .panel .panel-body .list-group.sticky-top { margin-top: -16px; } .panel .panel-body .list-group.sticky-bottom { margin-bottom: -16px; } .panel .panel-body .list-group.sticky-left { margin-left: -16px; } .panel .panel-body .list-group.sticky-right { margin-right: -16px; } .panel .panel-footer .action-menu A { color: #777777; } .panel .panel-footer .action-menu A:hover, .panel .panel-footer .action-menu A:focus { text-decoration: none; } .panel-default > .panel-heading .badge.badge-primary, .panel-primary > .panel-heading .badge.badge-primary, .panel-success > .panel-heading .badge.badge-primary, .panel-info > .panel-heading .badge.badge-primary, .panel-warning > .panel-heading .badge.badge-primary, .panel-danger > .panel-heading .badge.badge-primary { background-color: #009EF5; } .panel-default > .panel-heading .badge.badge-success, .panel-primary > .panel-heading .badge.badge-success, .panel-success > .panel-heading .badge.badge-success, .panel-info > .panel-heading .badge.badge-success, .panel-warning > .panel-heading .badge.badge-success, .panel-danger > .panel-heading .badge.badge-success { background-color: #5cb85c; } .panel-default > .panel-heading .badge.badge-info, .panel-primary > .panel-heading .badge.badge-info, .panel-success > .panel-heading .badge.badge-info, .panel-info > .panel-heading .badge.badge-info, .panel-warning > .panel-heading .badge.badge-info, .panel-danger > .panel-heading .badge.badge-info { background-color: #5bc0de; } .panel-default > .panel-heading .badge.badge-warning, .panel-primary > .panel-heading .badge.badge-warning, .panel-success > .panel-heading .badge.badge-warning, .panel-info > .panel-heading .badge.badge-warning, .panel-warning > .panel-heading .badge.badge-warning, .panel-danger > .panel-heading .badge.badge-warning { background-color: #F89406; } .panel-default > .panel-heading .badge.badge-danger, .panel-primary > .panel-heading .badge.badge-danger, .panel-success > .panel-heading .badge.badge-danger, .panel-info > .panel-heading .badge.badge-danger, .panel-warning > .panel-heading .badge.badge-danger, .panel-danger > .panel-heading .badge.badge-danger { background-color: #d9534f; } #cs-body .panel .panel-title { display: flex; justify-content: space-between; align-items: center; } #cs-body .panel .panel-heading .panel-actions { display: none; } :not(.toc-anchor):target { scroll-margin-top: 140px; } BODY.is-topbar-displayed.is-topbar-with-navigation-expanded .toc-anchor { scroll-margin-top: 140px; } BODY.is-topbar-displayed:not(.is-topbar-with-navigation-expanded) .toc-anchor { scroll-margin-top: 84px; } .printView IMG.anchor { display: none; } UL.treeview { list-style-type: none; padding-left: 0px; display: table; margin-left: 0px; } UL.treeview UL { margin-left: 19px; } UL.treeview A.tree-arrow { text-align: center; margin-left: 10px; } UL.treeview .sortable-active, UL.treeview.sortable-active { background: #ffff70; } UL.treeview LI { color: #333333; white-space: nowrap; text-overflow: ellipsis; } UL.treeview LI A { color: #333333; } UL.treeview LI INPUT { padding: 0; vertical-align: top; } UL.treeview LI.ui-draggable .treeview-item-icon { cursor: move; } UL.treeview .treeview-item-icon, UL.treeview .icon-treeview { background-position: center center; background-repeat: no-repeat; display: inline-block; width: 16px; height: 16px; } UL.treeview .treeview-item-icon { color: #009ef5; } UL.treeview .treeview-name { font-weight: normal; } UL.treeview A.treeview-hl, UL.treeview SPAN.treeview-hl, UL.treeview LABEL.treeview-hl { background-color: #FFFF70; } UL.treeview LI.treeview-ws .treeview-name { font-weight: bold; } UL.treeview .icon-treeview { background-image: url('../s.gif'); vertical-align: middle; } UL.treeview .treeview-item-closed { display: inline-block; } UL.treeview .treeview-item-opened { display: none; } UL.treeview LI.treeview-open > UL.treeview { display: block; } UL.treeview LI.treeview-open > .icon-treeview { background-image: url('../images/jalios/icons/triangle-down.png'); cursor: pointer; } UL.treeview LI.treeview-open > .treeview-item-closed { display: none; } UL.treeview LI.treeview-open > .treeview-item-opened { display: inline-block; } UL.treeview LI.treeview-close > UL.treeview { display: none; } UL.treeview LI.treeview-close > .icon-treeview { cursor: pointer; background-image: url('../images/jalios/icons/triangle-right.png'); } UL.treeview LI.treeview-close > .treeview-item-closed { display: inline-block; } UL.treeview LI.treeview-close > .treeview-item-opened { display: none; } .category-chooser-form { overflow: auto; position: fixed; bottom: 25px; top: 0; left: 0; right: 0; padding: 5px; } .treecat-msg .treecat-alert-msg { cursor: pointer; padding: 5px; margin: 10px 0 0 0; } /* ----------------------------------------------- */ /* INNER TABS */ /* ----------------------------------------------- */ .inner-tabs { margin-bottom: 3.3333333333333335px; } .inner-tabs.sticky-bottom { margin-bottom: 0; } .inner-tabs UL.nav-tabs { padding-left: 8px; margin-bottom: 0; } .inner-tabs UL.nav-tabs A { padding: 3px 4px; border-color: #BFBFBF; background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #ebeff5 100%); background-image: -o-linear-gradient(top, #FFFFFF 0%, #ebeff5 100%); background-image: linear-gradient(to bottom, #FFFFFF 0%, #ebeff5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffebeff5', GradientType=0); background-repeat: repeat-x; margin-right: 4px; } .inner-tabs UL.nav-tabs .active A { background: #FFF; border-bottom-color: #FFF; } .inner-tabs.reverse UL.nav-tabs A { background: #FFF; } .inner-tabs.reverse LI.active A { background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #ebeff5 100%); background-image: -o-linear-gradient(top, #FFFFFF 0%, #ebeff5 100%); background-image: linear-gradient(to bottom, #FFFFFF 0%, #ebeff5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffebeff5', GradientType=0); background-repeat: repeat-x; border-bottom-color: #ebeff5; } .inner-tabs.glass { border-bottom: 1px solid #BFBFBF; } .inner-tabs.glass UL.nav-tabs A { filter: alpha(opacity=8000); opacity: 80; font-weight: bold; border-width: 2px 2px 1px 2px; padding: 6px 6px; margin-right: 4px; border-radius: 6px 6px 0px 0px; } .inner-tabs.glass LI.active { margin-bottom: -2px; } .inner-tabs.glass LI.active A { filter: alpha(opacity=10000); opacity: 100; border-bottom-width: 2px; } /* ----------------------------------------------- */ /* Navtabs - Pub Edition */ /* ----------------------------------------------- */ .edit-pub .nav-tabs a:not(.dropdown-toggle) .jalios-icon { font-size: 16px; color: #666; } /* ----------------------------------------------- */ /* TABDROP for Bootstrap3 */ /* ----------------------------------------------- */ .nav-tabs, .nav-pills { position: relative; clear: left; } /* ----------------------------------------------- */ /* STACKED TAB for Bootstrap3 */ /* ----------------------------------------------- */ .tabs-below .nav-tabs, .tabs-right .nav-tabs, .tabs-left .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } A[role=tab] { cursor: pointer; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-top-color: #ddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > .active a, .tabs-below > .nav-tabs > .active a:hover, .tabs-below > .nav-tabs > .active a:focus { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #eee #ddd #eee #eee; } .tabs-left > .nav-tabs > .active a, .tabs-left > .nav-tabs > .active a:hover, .tabs-left > .nav-tabs > .active a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #fff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { border-color: #eee #eee #eee #ddd; } .tabs-right > .nav-tabs > .active a, .tabs-right > .nav-tabs > .active a:hover, .tabs-right > .nav-tabs > .active a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #fff; } .tabs-left.tabs-gray > .nav-tabs { background-color: #F5F5F5; position: absolute; border-top: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1; border-bottom: 1px solid #FFFFFF; border-radius: 4px 0 0 4px; } .tabs-left.tabs-gray > .nav-tabs > LI { margin-bottom: 0; } .tabs-left.tabs-gray > .nav-tabs > LI.active { background: url('../images/lib/bootstrap/arrow_right.png') no-repeat right -4px #ffffff; margin-right: -1px; } .tabs-left.tabs-gray > .nav-tabs > LI > A { color: #777777; border-radius: 0; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #E1E1E1; margin-bottom: 0; margin-right: 0; } .tabs-left.tabs-gray > .nav-tabs > LI > A:hover, .tabs-left.tabs-gray > .nav-tabs > LI > A:active { color: #000000; } .tabs-left.tabs-gray > .nav-tabs > LI.active > A, .tabs-left.tabs-gray > .nav-tabs > LI.active > A:hover, .tabs-left.tabs-gray > .nav-tabs > LI.active > A:active { color: #000000; border-top-color: #FFFFFF; border-left: 0px none; background: transparent; } .tabs-left.tabs-gray > .tab-content { position: static; padding-left: 200px; } /* Default margin bottom for all nav. Add a .nobr to reset it */ .nav.nav-tabs, .nav.nav-pills, .nav.nav-steps { margin-bottom: 20px; } /* ----------------------------------------------- */ /* TABPANE : Anchor */ /* ----------------------------------------------- */ #tab-pane-anchor { padding: 0 20px; margin-top: -20px; } #tab-pane-anchor .nav-tabs { height: 36px; border-bottom-color: #73ACDD; background: none; } #tab-pane-anchor .nav-tabs A { zoom: 1; padding-top: 5px; padding-bottom: 10px; } #tab-pane-anchor .nav-tabs A:hover { border-bottom-color: #73ACDD; padding-bottom: 9px; background-color: #FFFFFF; } #tab-pane-anchor .nav-tabs .active > A, #tab-pane-anchor .nav-tabs .active > A:hover { margin-top: -1px; padding-bottom: 10px; border-color: #73ACDD #73ACDD #FFFFFF; } .form-tabbed .title { /* inner widget */ display: none; } .panel .panel-body .nav-tabs { margin-left: -15px; margin-right: -15px; padding-left: 15px; } .nav-steps { width: 100%; margin-bottom: 20px; } .nav-steps > li { display: table-cell; width: 1%; float: none; } .nav-steps > li > a { margin-bottom: 0; text-align: center; cursor: default; font-family: embedded-roboto-condensed, embedded-roboto, Helvetica, Arial, sans-serif; } .nav-steps > li > a:hover { background-color: transparent; color: #009EF5; } .tab-pane:focus { outline: none; } .nav-tabs.nav-tabs-underlined { margin-bottom: 24px; border-bottom: 1px solid #eee; padding: 0; display: flex; } .nav-tabs.nav-tabs-underlined.is-left-aligned { display: block; } .nav-tabs.nav-tabs-underlined.is-left-aligned > LI { flex-basis: initial; flex-grow: initial; } .nav-tabs.nav-tabs-underlined.no-border { border-bottom: 0; } .nav-tabs.nav-tabs-underlined > LI { margin-bottom: 0; flex-grow: 1; flex-basis: 0; text-align: center; } .nav-tabs.nav-tabs-underlined > LI:not(.active) IMG { filter: grayscale(1); opacity: 0.6; } .nav-tabs.nav-tabs-underlined > LI:after { content: ""; transition: opacity 400ms ease-in-out; opacity: 0; will-change: transform; left: 0; right: 0; bottom: 0; width: 100%; background-color: #009EF5; position: absolute; height: 2px; } .nav-tabs.nav-tabs-underlined > LI.active:after, .nav-tabs.nav-tabs-underlined > LI:hover:after { opacity: 1; } .nav-tabs.nav-tabs-underlined > LI > A { transition: all 200ms ease-in; padding: 10px 15px; border: 0 none; opacity: 1; margin: 0; white-space: nowrap; color: #aaa; } .nav-tabs.nav-tabs-underlined > LI > A:focus { background-color: transparent; } .nav-tabs.nav-tabs-underlined > LI > A:active, .nav-tabs.nav-tabs-underlined > LI > A:focus, .nav-tabs.nav-tabs-underlined > LI > A:hover { border-radius: 0; border: 0 none; } .nav-tabs.nav-tabs-underlined > LI.active > A { background-color: transparent; color: #009EF5; } /* ------------------------------------------ */ /* Specific code to reset panel padding */ /* ------------------------------------------ */ .panel-body .nav-tabs-underlined { margin-top: -15px; padding: 0 16px; } .browser-IE11 .nav-tabs.nav-tabs-underlined.is-left-aligned > LI { flex-basis: auto; flex-grow: 0; } /* ----------------------------------------------- */ /* CTXTOOLTIP */ /* ----------------------------------------------- */ .popover.tt { display: table; overflow: visible; min-width: 400px; min-height: 100px; padding: 0; position: relative; } .popover.tt.top .arrow { border-top-color: #e3e9ff; } .popover.tt BUTTON.close { right: 8px; top: 12px; padding-left: 2px; position: absolute; z-index: 1; opacity: 0.3; } .popover.tt BUTTON.close:hover { opacity: 1; } .popover.tt .popover-footer { background: #f7f7f7; padding: 5px 15px; border-top: 1px solid #EEEEEE; border-radius: 0px 0px 5px 5px; } .popover.tt .popover-footer .btn { margin: 5px 0; } /* ----------------------------------------------- */ /* CTXTOOLTIP > TOOLTIP */ /* ----------------------------------------------- */ .ctxTooltipMenu { cursor: help; } .browser-IE11 .popover.tip.fade.in { display: flex !important; } .browser-Firefox .popover.tip.fade.in { display: flex !important; } /* Trick to target Edge (only Microsoft browser that supports this property) */ @supports (-ms-ime-align: auto) { .popover.tip.in { display: flex !important; } } .popover.tip { min-width: 200px; max-width: 200px; min-height: 20px; } .popover.tip.top > .arrow:after { border-top-color: white; } .popover.tip.bottom > .arrow:after { border-bottom-color: white; } .popover.tip.left > .arrow:after { border-left-color: white; } .popover.tip.right > .arrow:after { border-right-color: white; } .popover.left > .arrow { left: initial !important; } .tip .popover-content { max-width: 200px; overflow: hidden; font-size: 12px; line-height: 1, 4; background-color: white; border-radius: 5px; } .tip .popover-content .tip-content { margin-bottom: 0; } .tip .popover-content.popover-large { min-width: 300px; max-width: 600px; } .tip .popover-content.popover-large H5 { margin-top: 0; } .popover.popover-note { padding: 10px; background-color: #fbfba4; border-color: #ddd; } .popover.popover-note.top .arrow { border-top-color: #fbfba4; } .popover.popover-note.top .arrow:after { border-top-color: #fbfba4; } /* ----------------------------------------------- */ /* CTXTOOLTIP > TTCARD */ /* ----------------------------------------------- */ DIV.ctxTooltipCard, SPAN.ctxTooltipCard { cursor: pointer; } .tt-card { max-width: 450px; } .tt-card .popover-content { padding: 0; } .tt-card .jalios-icon { font-size: 16px; color: #666666; } .tt-card .btn-success .jalios-icon, .tt-card .btn-primary .jalios-icon { color: #FFF; } .tt-card .tt-card-body { padding: 10px; } .tt-card .tt-card-abstract { overflow: hidden; } .tt-card .tt-card-title { font-weight: bold; margin-bottom: 10px; margin-right: 10px; overflow-wrap: break-word; word-break: break-word; padding-right: 6px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; word-wrap: break-word; } .tt-card .tt-card-title > A { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; display: block; } .tt-card .tt-card-meta { font-size: 12px; color: #999; } .tt-card .tt-card-meta, .tt-card .tt-card-section { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #eeeeee; } .tt-card .tt-card-meta > DIV:not(:last-child), .tt-card .tt-card-section > DIV:not(:last-child) { padding-bottom: 8px; } .tt-member .tt-member-title { font-weight: bold; font-size: 18px; margin-bottom: 10px; } /* ----------------------------------------------- */ /* CTXTOOLTIP > TTCARD v2 */ /* ----------------------------------------------- */ .tt-card.tt-member2-card { max-width: 456px; } .tt-card.tt-member2-card .tt-card-body { padding: 16px; } .popover.tt.tt-member2-card BUTTON.close { right: 16px; top: 16px; } .tt-member2 { max-width: 456px; } .tt-member2 .tt-member-title { margin-bottom: 10px; margin-top: 4px; color: #333333; font-size: 24px; font-weight: 400; line-height: 1.1; } .tt-member2 .tt-card-row { display: flex; } .tt-member2 .avatar-container { text-align: center; flex-shrink: 0; } .tt-member2 .avatar-container .wrapper-photo { float: none; margin: 0; border: 0; } .tt-member2 .avatar-container .tt-member-type { color: #777777; } .tt-member2 .avatar-container .photo { font-weight: 300; } .tt-member2 .avatar-container IMG.photo { transition: box-shadow 200ms ease-in; } .tt-member2 .avatar-container:hover IMG.photo { box-shadow: 0 0 6px 0 #009EF5; } .tt-member2 .details-container { color: #777777; padding-left: 10px; width: 100%; } .tt-member2 .details-container .tt-member-info { margin-bottom: 5px; line-height: 1.2; word-break: break-word; } .tt-member2 .details-container .tt-member-info:last-child { margin-bottom: 0; } .tt-member2 .popover-footer .profile-contact-channels { display: flex; flex-wrap: wrap; } .tt-member2 .popover-footer .profile-contact-channel-label { display: none; } .tt-member2 .popover-footer .profile-contact-channel { display: flex; flex-direction: column; justify-content: center; padding: 10px 15px; text-align: center; font-size: 12px; color: #333333; transition: background-color 200ms ease-in; font-size: 0; } /* EOF.profile-contact-channel */ .tt-member2 .popover-footer .profile-contact-channel > A { color: #333333; } .tt-member2 .popover-footer .profile-contact-channel:hover { background-color: #efefef; border-radius: 5px; text-decoration: none; } .tt-member2 .popover-footer .profile-contact-channel > IMG { width: 32px; height: 32px; margin: 0 auto; } .tt-member2 .popover-footer .profile-contact-channel.profile-contact-telephone .jalios-icon:before { display: none; } .tt-member2 .popover-footer .profile-contact-channel + .tooltip[role='tooltip'] .tooltip-inner { white-space: nowrap; } .tt-member2 .popover-footer .profile-contact-channel.profile-contact-email + .tooltip .tooltip-inner { white-space: normal; } .popover.tt .tt-member2 .popover-footer { background-color: transparent; margin-left: 10px; margin-right: 10px; padding-left: 0; padding-right: 0; } .popover.tt .tt-member2 .popover-footer:empty { display: none; } /* ----------------------------------------------- */ /* VOTE */ /* ----------------------------------------------- */ .vote-tag { display: inline; } .vote-tag.vote-form { display: block; } .vote-tag .badge.badge-vote-count { border-radius: 4px 4px 4px 4px; display: inline-block; font-size: 100%; padding: 2px 5px 1px 5px; white-space: nowrap; } .vote-tag .vote-count { display: inline; } .vote-footer { border-top: 1px solid #EEE; font-weight: bold; margin-top: 20px; padding: 8px 0; } .vote-footer .vote-tag .activity-vote { display: inline; } .vote-footer .vote-tag .btn-vote { margin-right: 4px; } .vote-list p { margin-bottom: 0; } .vote-list .activity-vote { display: flex; gap: 6px; } .thumb-up { vertical-align: text-bottom; width: 16px; } .thumb-up .icon-bg { fill: transparent; } .thumb-up .icon-border { fill: #666666; } .has-voted .thumb-up { animation: voteAnimation 400ms linear; transform-origin: bottom left; } .has-voted .thumb-up .icon-bg { fill: #8ec255; } .has-voted .thumb-up .icon-border { fill: #74a83c; } @-webkit-keyframes voteAnimation { 0% { transform: rotate(0); } 50% { transform: rotate(-20deg) scale(1.2); } 100% { transform: rotate(0) scale(1); } } @keyframes voteAnimation { 0% { transform: rotate(0); } 50% { transform: rotate(-20deg) scale(1.2); } 100% { transform: rotate(0) scale(1); } } /* ----------------------------------------------- */ /* MODAL */ /* ----------------------------------------------- */ .modal-dialog { padding-top: 20px; } .modal-header { background-color: #009EF5; border-radius: 4px 4px 0 0; padding: 15px 20px; color: white; } .modal-header .modal-title H2 { font-weight: 300; font-size: 22px; line-height: 31px; margin: 0; } .modal-header SPAN.modal-picture { font-size: 25px; } .modal-header IMG.modal-picture { max-width: 25px; max-height: 25px; } .modal-menu { padding: 10px 20px; background-color: #fafafa; border-bottom: 1px solid #eeeeee; } .modal-body { max-height: 400px; overflow-y: auto; } /*overflow-x: hidden;*/ .modal-body .separator { border-top: 1px solid rgba(0, 0, 0, 0.2); padding-top: 15px; } .modal-body .jalios-tab-template { padding-top: 15px; } .modal-body .wait-inline { height: 100%; } .modal-body .modal-options-text { font-size: 24px; text-align: center; margin: 32px 0 40px 0; } .modal-body .modal-options { display: flex; justify-content: center; margin-bottom: 32px; } .modal-body .modal-options .modal-option { margin: auto; text-align: center; } .modal-body .modal-options .modal-option .jalios-icon { color: #999; font-size: 56px; display: block; margin-bottom: 16px; } .modal-body .modal-options .modal-option:hover { color: #005db4; } .modal-body .modal-options .modal-option:hover .jalios-icon { color: #009EF5; } .modal-body .modal-options .modal-option .modal-option-title { font-size: 18px; font-weight: 500; margin-bottom: 8px; } .modal-body .modal-options .modal-option .modal-option-subtitle { margin: auto; max-width: 232px; font-size: 14px; } /* handle nav-tabs in modal */ .modal-content .modal-body .nav.nav-tabs { margin-left: -15px; margin-right: -15px; padding-left: 15px; } .modal-content > .nav { margin-top: 15px; padding-left: 7.5px; } .modal-footer { margin-top: 0; background-color: #f7f9fa; border-radius: 0 0 4px 4px; position: relative; padding: 15px 20px; } .modal-steps { padding: 0 20px; background-color: white; border-bottom: 1px solid #eeeeee; } .modal-steps .nav-steps { margin: 0; } .modal-steps .nav-steps > LI { margin-bottom: 0; } .modal-steps .nav-steps > LI > A { padding: 16px 0; color: #666; opacity: 0.6; font-size: 16px; } .modal-steps .nav-steps > LI.active > A { background-color: transparent; opacity: 1; color: #009EF5; } .modal-steps .nav-steps > LI.active > A:after { content: ''; position: absolute; bottom: 0; height: 4px; width: 100%; left: 0; background-color: #009EF5; } .modal-steps .nav-steps > LI.clickable-step > A { cursor: pointer; } .modal-steps .nav-steps .tabdrop .dropdown-menu A { color: #333333; } .modal-body .table-data { border: 0; } .modal-body .table-data > THEAD > TR { border-bottom: 1px solid #999; } .modal-body .table-data > THEAD > TR > TH, .modal-body .table-data > THEAD > TR > TD { background-color: white; border: 0 none; } .modal-body .table-data > tbody > TR > TD { vertical-align: top; border-top: 0; border-right: 0; border-left: 0; } .modal-body .table-data > tbody > TR.align-middle > TD { vertical-align: middle; } .modal-body .table-data .jalios-icon { font-size: 16px; } .modal-confirm H3 { margin-top: 0; margin-bottom: 20px; } .modal-confirm-danger.modal-confirm .modal-header { background-color: #d9534f; } #confirm-danger-modal .modal-header { background-color: #d9534f; } .modal-footer.modal-confirm { position: absolute; bottom: 0; top: 0; left: 0; right: 0; background-color: #fff3cd; padding: 14px 15px 15px; } .modal-footer.modal-confirm DIV.confirm-message { text-align: left; font-size: 18px; line-height: 25px; } .modal-footer.modal-confirm DIV.confirm-buttons { text-align: right; } @media (max-width: 480px) { .modal-footer.modal-confirm .btn { display: inline-block; width: 49%; } .modal-footer.modal-confirm .btn + .btn { margin-left: 5px !important; } } @media (max-width: 767px) { .modal-lg { width: auto; } } @media (min-width: 768px) and (max-width: 991px) { .modal-lg { width: auto; margin: 0 20px; } } @media (max-width: 900px) { .modal-lg { width: auto; margin: 0 20px; } } @media (max-width: 600px) { .modal-md { width: auto; margin: 0 20px; } } @media (min-height: 600px) { .modal-dialog:not(.modal-no-grow-h) .modal-body { max-height: calc(90vh - 250px); } } /* ----------------------------------------------- */ /* JCMS Portlet Selection */ /* ----------------------------------------------- */ .selection-body { margin-top: 10px; position: relative; } .jaliosAppPortal .selection-body { margin-top: 0; } .jaliosAppPortal .previewWFState h3 { display: none; } .jaliosAppPortal .previewWFState .jcms-message { border-radius: 0; } .jaliosAppPortal .previewWFState .alert { margin-bottom: 0; } .selection-main { margin-right: 60px; } .selection-main.wide { margin-right: 0; } .selection-side { top: 0; right: 0; position: absolute; width: 50px; margin-left: 10px; z-index: 1025; -webkit-transition: width 200ms ease-in, box-shadow 200ms ease-in; -o-transition: width 200ms ease-in, box-shadow 200ms ease-in; transition: width 200ms ease-in, box-shadow 200ms ease-in; } .selection-side .pub-action-toggle { margin-bottom: 0; } .selection-side .pub-action-toggle.pub-action-toggle-closed { display: block; } .selection-side .pub-action-toggle.pub-action-toggle-opened { display: none; } .selection-side .jalios-accordion-panel { display: block; } .selection-side .jalios-accordion-panel { display: none; } .selection-side .jalios-accordion-panel.publication-action-main { display: block; border-radius: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .selection-side .publication-action-label { display: none; } .selection-wrapper-side-open .selection-side { width: 250px; -webkit-box-shadow: -2px 2px 5px #eeeeee; box-shadow: -2px 2px 5px #eeeeee; } .selection-wrapper-side-open .selection-side .jalios-accordion-panel.publication-action-main { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .selection-wrapper-side-open .selection-side .pub-action-toggle.pub-action-toggle-closed { display: none; } .selection-wrapper-side-open .selection-side .pub-action-toggle.pub-action-toggle-opened { display: block; text-align: right; background-color: #f5f5f5; } .selection-wrapper-side-open .selection-side .jalios-accordion-panel { display: block; } .selection-wrapper-side-open .selection-side .publication-action-label { display: inline; } .PortletQueryForeach.panel .panel-body .publication-actions .list-group.sticky { margin: 0; } .PortletQueryForeach .selection-body { padding-right: 60px; } .PortletQueryForeach .selection-wrapper { min-height: 122px; } footer.fulldisplay-footer .read-ack-footer { margin-top: 20px; } .pub-pstatus-1884 .main-actions, .pub-pstatus-1884 .publication-actions, .pub-pstatus-1884 .wysiwyg-inline-edit-display:hover .wysiwyg-inline-buttons { display: none; } .pub-pstatus-1884 footer.fulldisplay-footer .vote-tag A, .pub-pstatus-1884 footer.fulldisplay-footer .comment-pane.comment-form { display: none; } /* ----------------------------------------------- */ /* POPIN */ /* ----------------------------------------------- */ .popin { position: fixed; z-index: 1060; } .popin.top-right { right: 20px; top: 50px; } .popin.top-left { left: 20px; top: 50px; } .popin.bottom-left { left: 20px; bottom: 0px; } .popin.bottom-right { right: 20px; bottom: 0px; } .popin > div { position: relative; z-index: 1061; margin: 5px 0px; } .popin .alert-popin { position: relative; } .popin .alert-popin .close { position: absolute; top: 6px; right: 9px; z-index: 1; } .popin .caddy { border: 3px solid #009EF5; padding: 10px 10px 10px 60px; background: white url('../images/jalios/icons/caddy-32x32.png') no-repeat 10px 20px; border-radius: 4px; margin-bottom: 20px; } .popin .caddy p { padding-bottom: 20px; } /* ----------------------------------------------- */ /* MSGBOX */ /* ----------------------------------------------- */ .mbox { width: 400px; margin: 40px auto; padding: 20px; border: 1px solid #777777; border-radius: 7px; -webkit-box-shadow: 1px 3px 5px #BBB; box-shadow: 1px 3px 5px #BBB; background-image: -webkit-linear-gradient(top, #fcfdfe 0%, #ebeff5 100%); background-image: -o-linear-gradient(top, #fcfdfe 0%, #ebeff5 100%); background-image: linear-gradient(to bottom, #fcfdfe 0%, #ebeff5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfdfe', endColorstr='#ffebeff5', GradientType=0); background-repeat: repeat-x; } .mbox .mboxTitle { line-height: 40px; font-size: 18px; } .mbox .mboxIcon { float: left; margin-right: 10px; } .mbox .mboxMsg { padding-left: 44px; line-height: 20px; } .mbox.mboxInfo .mboxTitle { color: #005db4; } .mbox.mboxWarning .mboxTitle { color: #F89406; } .mbox.mboxError .mboxTitle { color: #d9534f; } .modal .modal-body .mbox, .modalForm .content .mbox { margin-top: 20px; } .warningArea, .infoArea { font-size: 13px; margin: 20px auto; padding: 20px 20px 20px 52px; border: 1px solid #777777; border-radius: 7px; -webkit-box-shadow: 1px 3px 5px #BBB; box-shadow: 1px 3px 5px #BBB; background-color: #ffffcc; background-repeat: no-repeat; background-position: 10px 20px; } .infoArea { background-image: url('../images/jalios/icons/information.gif'); } .warningArea { background-image: url('../images/jalios/icons/warning.gif'); } .formBox .warningArea, .formBox .infoArea { margin-top: 0; } .member-profile .profile-header.media .wrapper-photo .photo.profile-picture { width: 100%; height: 100%; } .wrapper-photo { border-radius: 50%; position: relative; display: block; float: left; padding: 2px; border: 1px solid transparent; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .wrapper-photo .photo { image-rendering: -webkit-optimize-contrast; border: 0; border-radius: 50%; } .wrapper-photo .photo-anchor { position: relative; } .wrapper-photo .photo-anchor .guest-icon, .wrapper-photo .photo-anchor .contact-icon { display: none; } .wrapper-photo.icon-photo, .wrapper-photo.iconPhoto { display: inline; float: none; padding: 0; border-width: 0; background: none; } .wrapper-photo.icon-photo IMG.photo, .wrapper-photo.iconPhoto IMG.photo { border: 1px solid #777777; border-radius: 3px; } .wrapper-photo.icon-photo A:hover, .wrapper-photo.iconPhoto A:hover { text-decoration: initial; } .wrapper-photo IMG.jalios-icon { vertical-align: middle; } .wrapper-photo .photo-anchor IMG.jalios-icon { position: absolute; } .wrapper-photo .photo-icon-bottom-right { right: 0; bottom: 0; } .wrapper-photo .photo-icon-bottom-left { left: 0; bottom: 0; } .wrapper-photo.tiny-photo { padding: 0; border-width: 0; } .wrapper-photo.tiny-photo IMG.jalios-icon { width: 16px; height: 16px; } .wrapper-photo.tiny-photo .photo { width: 40px; height: 40px; } .wrapper-photo.tiny-photo .photo-anchor .photo-icon-bottom-right { right: -4px; bottom: -4px; } .wrapper-photo.tiny-photo .photo-anchor .photo-icon-bottom-left { left: -4px; bottom: -4px; } .wrapper-photo.small-photo .photo { min-width: 80px; } .wrapper-photo.small-photo .photo-anchor .photo-icon-bottom-right { right: -6px; bottom: -6px; } .wrapper-photo.small-photo .photo-anchor .photo-icon-bottom-left { left: -6px; bottom: -6px; } .wrapper-photo.small-photo .photo-anchor .mbr-status { right: -8px; bottom: -10px; } .wrapper-photo.large-photo .photo { min-width: 140px; } .wrapper-photo.large-photo .photo-anchor .photo-icon-bottom-right, .wrapper-photo.normal-photo .photo-anchor .photo-icon-bottom-right { right: -4px; bottom: -4px; } .wrapper-photo.large-photo .photo-anchor .photo-icon-bottom-left, .wrapper-photo.normal-photo .photo-anchor .photo-icon-bottom-left { left: -4px; bottom: -4px; } .wrapper-photo.large-photo IMG.mbr-status, .wrapper-photo.normal-photo IMG.mbr-status, .wrapper-photo.small-photo IMG.mbr-status { margin-bottom: 8px; } .wrapper-photo.large-photo IMG.disabled-icon, .wrapper-photo.normal-photo IMG.disabled-icon, .wrapper-photo.small-photo IMG.disabled-icon { margin-bottom: 8px; } LI .wrapper-photo.icon-photo { line-height: 20px; } IMG.mbr-status, IMG.mbr-status-0, IMG.mbr-status-1, IMG.mbr-status-2, IMG.mbr-status-3 { width: 16px; height: 16px; } .media .wrapper-photo.pull-left { padding-right: 10px; } /* Why 2 selectors? Rules with or without .wrapper-photo (it is not always included in some UIs) 1. with .wrapper-photo selector ".wrapper-photo .initials" or ".wrapper-photo .photo" 2. no .wrapper-photo selector ".initials-photo.initials" */ .wrapper-photo .initials, .initials-photo.initials { font-family: embedded-roboto-condensed, embedded-roboto, Helvetica, Arial, sans-serif; align-items: center; color: white; display: inline-flex; justify-content: center; background-color: #005db4; } .table-data .wrapper-photo.initials-photo A { color: white; } .wrapper-photo.initials-photo > A:hover, .wrapper-photo.initials-photo > A:focus { text-decoration: none; } .wrapper-photo.icon-photo .photo, .initials-photo.initials.icon-photo { padding-left: 1px; padding-right: 1px; border-radius: 3px; } .wrapper-photo.icon-photo IMG.photo { padding-left: 0px; padding-right: 0px; } .wrapper-photo.icon-photo .photo, .initials-photo.initials.icon-photo { font-size: 9px; } .wrapper-photo.tiny-photo .photo, .initials-photo.initials.tiny-photo { font-size: 20px; } .wrapper-photo.small-photo .photo, .initials-photo.initials.small-photo { font-size: 40px; } .wrapper-photo.normal-photo .photo, .initials-photo.initials.normal-photo { font-size: 70px; } .wrapper-photo.large-photo .photo, .initials-photo.initials.large-photo { font-size: 85px; } .wrapper-photo.icon-photo .photo, .initials-photo.initials.icon-photo { line-height: 16px; } .wrapper-photo.tiny-photo .photo, .initials-photo.initials.tiny-photo { line-height: 40px; } .wrapper-photo.small-photo .photo, .initials-photo.initials.small-photo { line-height: 80px; } .wrapper-photo.normal-photo .photo, .initials-photo.initials.normal-photo { line-height: 140px; } .wrapper-photo.large-photo .photo, .initials-photo.initials.large-photo { line-height: 170px; } .wrapper-photo.icon-photo .photo, .initials-photo.initials.icon-photo { height: 16px; width: 16px; } .wrapper-photo.tiny-photo .photo, .initials-photo.initials.tiny-photo { height: 40px; width: 40px; } .wrapper-photo.small-photo .photo, .initials-photo.initials.small-photo { height: 80px; width: 80px; } .wrapper-photo.normal-photo .photo, .initials-photo.initials.normal-photo { height: 140px; width: 140px; } .wrapper-photo.large-photo .photo, .initials-photo.initials.large-photo { height: 170px; width: 170px; } .wrapper-photo.small-photo .photo, .initials-photo.initials.small-photo { font-weight: 300; } .wrapper-photo.normal-photo .photo, .initials-photo.initials.normal-photo { font-weight: 300; } .wrapper-photo.large-photo .photo, .initials-photo.initials.large-photo { font-weight: 300; } /* ----------------------------------------------- */ /* MISC FIX INTERNAL COMPONENTS */ /* ----------------------------------------------- */ #rshStorageForm, #rshStorageField { display: none; } .restricted-access { color: gray; font-style: italic; } /* ----------------------------------------------- */ /* OBJECT */ /* ----------------------------------------------- */ BODY.modal-open { overflow: hidden; } BODY.modal-open OBJECT, BODY.modal-open EMBED { visibility: hidden; } BODY.modal-open .modal OBJECT, BODY.modal-open .modal EMBED { visibility: visible; } BODY.contextual-menu-displayed OBJECT, BODY.contextual-menu-displayed EMBED { visibility: hidden; } /* Fix bug JCMS-2491, regression of bug JCMS-2415 */ /* BODY.contextual-menu-displayed IFRAME { display: none; } developers shoud decide to activate */ BODY.contextual-menu-displayed .mceIframeContainer IFRAME { display: block; } /* Fix bug JCMS-2429 */ BODY.contextual-menu-displayed .FileDocument EMBED, BODY.contextual-menu-displayed .FileDocument OBJECT { visibility: visible; } /* ----------------------------------------------- */ /* EXCEPTION */ /* ----------------------------------------------- */ DIV.exception TEXTAREA { overflow: scroll; white-space: pre; text-align: left; padding: 5px; margin: 0px; height: 300px; width: 400px; border: 1px solid #CC3333; background-color: #eeeeee; color: #000000; display: block; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-weight: normal; font-size: 12px; line-height: 16px; } BODY.body DIV.exception TEXTAREA { width: 90%; } /* ----------------------------------------------- */ /* FULLDISPLAY */ /* ----------------------------------------------- */ .displayHeaderToolbar { float: right; border: 1px solid #eeeeee; background: #F7F7F7; line-height: 28px; padding: 0 9px; } .displayHeaderToolbar > * { margin: 0 1px; } .fullDisplay A.thumbnail, .fullDisplay DIV.thumbnail { margin: 0 10px 4px 0; border: 1px solid #777777; } .fullDisplay A.thumbnail SPAN, .fullDisplay DIV.thumbnail SPAN { width: 124px; height: 94px; font-size: 90px; } .fullDisplay IMG.thumbnail { margin: 2px; } /* ----------------------------------------------- */ /* SIMPLE DISPLAY cf front/displaySimple.jsp */ /* ----------------------------------------------- */ .simpleDisplay { margin: 10px; } /* ----------------------------------------------- */ /* RESULTDISPLAY */ /* ----------------------------------------------- */ .resultDisplay { overflow: auto; } .resultDisplay A.thumbnail, .resultDisplay DIV.thumbnail { float: left; margin: 0 10px 4px 0; border: 1px solid #777777; } .resultDisplay A.thumbnail SPAN, .resultDisplay DIV.thumbnail SPAN { width: 64px; height: 48px; font-size: 44px; } .resultDisplay .gauge.relevance { margin-right: 10px; } .resultDisplay H3 { font-size: 17.5px; line-height: 20px; margin: 5px 0px; } .resultDisplay IMG.thumbnail { margin: 2px; } /* ----------------------------------------------- */ /* WFSTATE */ /* ----------------------------------------------- */ .wfstate { padding: 1px 6px; font-size: 12px; font-weight: bold; color: #fff; white-space: nowrap; background-color: #777777; border-radius: 3px; background-color: #ff8533; } .wfstate.pstatus-10 { background-color: #00B8EA; } .wfstate.pstatus0 { background-color: #5cb800; } .wfstate.pstatus10 { background-color: #999999; } .wfstate.pstatus20 { background-color: #555555; } .wfstate.pstatus1884 { background-color: #87a7b2; } .wfstate.pstatus-visible { background-color: #5bc0de; } .wfstate.pstatus0.pstatus-visible { background-color: #5cb800; } .browser-Firefox .wfstate { padding-top: 2px; } /* ----------------------------------------------- */ /* PREVIEW */ /* ----------------------------------------------- */ .stateSelection, .stateInfo { margin-bottom: 10px; } .stateSelection FORM { display: inline; } .stateHistory { border: 1px solid #EEE; } /* ----------------------------------------------- */ /* Workflow View */ /* ----------------------------------------------- */ .workflow-view .node:not(.wf-node-start) .label div { color: #fff; } .workflow-view .edgeLabel { background-color: #fff !important; } .workflow-view .node .label { color: #fff; } .dnd-container .panel-heading.dnd-header .panel-title .skinTitle, .dnd-container .panel-title .skinTitle.dnd-header { cursor: move; } .portlet-header-actions .portlet-header-actions-menu .dropdown-menu { max-height: 50vh; overflow-y: auto; } .portlet-header-actions .portlet-header-actions-menu .dropdown-menu .dropdown-header { padding-left: 14px; padding-top: 10px; font-size: 14px; font-weight: 400; color: #333333; } .portlet-header-actions .portlet-header-actions-menu .dropdown-menu li.publish-submenu A { padding-left: 8px; } .portlet-header-actions .btn.btn-rounded { background-color: transparent; color: inherit; } .portlet-header-actions .btn.btn-rounded:before { background-color: #dededee0; } .PortletCollection .portlet-header-actions-menu, .Portal .portlet-header-actions-menu, .PortletJspCollection .portlet-header-actions-menu, .JPortal .portlet-header-actions-menu { display: block; } .portlet-header-actions-menu { display: none; } .portlet-header-actions-menu A, .portlet-header-actions-menu BUTTON { cursor: pointer; } .portlet-header-actions-menu > UL { padding-top: 0; padding-bottom: 0; } .portlet-header-actions-menu .divider { margin: 5px 0; } .portlet-header-actions-menu LI > BUTTON, .portlet-header-actions-menu LI > A { padding-left: 6px; line-height: 32px; } .portlet-header-actions-menu LI > BUTTON .jalios-icon, .portlet-header-actions-menu LI > A .jalios-icon { font-size: 16px; padding: 0 5px; line-height: 2; margin: 0; } .template-description-wrapper { display: flex; flex-direction: row; gap: 16px; } .template-description-wrapper > img { max-width: 180px; aspect-ratio: 1.7777777777777777; } .template-description-wrapper .template-description { width: 100%; } .Portlet .skin-header-icon { color: var(--portlet-header-icon-color); } .Portlet .title-wrapper { display: flex; align-items: center; gap: 8px; justify-content: space-between; } .Portlet .title-wrapper > .title { margin: 0; font-size: 24px; display: flex; gap: 8px; align-items: center; line-height: 1; } .Portlet.panel-skin .title-wrapper { min-height: 30px; } .Portlet.panel-skin .title-wrapper > .title { font-size: 16px; font-weight: 400; } .Portlet.panel-skin .btn-portlet-header { border-radius: 20px; display: inline-flex; align-items: center; justify-content: center; padding: 2px 8px; font-size: 12px; line-height: 1.5; } .Portlet.panel-skin .portlet-header-actions .portlet-header-actions-menu .btn-rounded .jalios-icon { color: inherit; } .Portlet.panel-skin .skin-footer-buttons .btn-portlet-footer { border-radius: 4px; } .btn-portlet-header { border-radius: 20px; display: inline-flex; align-items: center; justify-content: center; padding: 2px 8px; font-size: 12px; line-height: 1.5; } .portlet-footer-buttons { display: flex; align-items: center; padding-top: 8px; } .portlet-footer-buttons.align-centered { justify-content: center; } .portlet-footer-buttons.align-right { justify-content: end; } .btn-portlet-footer { border-radius: 20px; display: flex; align-items: center; justify-content: center; padding: 2px 8px; font-size: 12px; line-height: 1.5; } .portlet-image-img { border: 0; text-align: center; vertical-align: middle; border-radius: 8px; width: 100% \9; display: block; width: auto \9; max-width: 100%; height: auto; box-shadow: 0px 0px 0px 0 #ffffff3d, 0 0 0 1px #dddddd; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); margin-bottom: 16px; } .panel-body .portlet-image-img { margin-bottom: 0; } A > .portlet-image-img:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .portlet-image-thumbnail { width: 100% \9; display: block; width: auto \9; max-width: 100%; height: auto; } .publication-header .publication-title { margin-top: 0; } .collapse-action-wrapper { border: 1px solid #ddd; border-top-left-radius: 4px; border-top-right-radius: 4px; margin-bottom: 0; } .collapse-action-wrapper.pub-group-icon-collapse { border: 0 none; } .selection-wrapper-side-open .pub-group-icon-collapse { display: none; } .publication-info { color: #aaa; font-size: 12px; margin-bottom: 20px; line-height: 24px; } .publication-info A { color: #aaa; } .publication-info .meta-categories .meta-category { display: inline-block; padding: 2px 4px; font-weight: bold; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; vertical-align: baseline; background-color: #AAA; border-radius: 3px; line-height: 20px; } /* ----------------------------------------------- */ /* JCMS Publication actions */ /* ----------------------------------------------- */ .panel-body .pub-action-group .nav-tabs { margin-left: 0; padding-left: 10px; margin-top: 10px; margin-bottom: 0; } .publication-actions { font-size: 12px; margin-bottom: 0; } .publication-actions .jalios-icon { font-size: 16px; color: #666666; margin-right: 4px; display: inline-flex; } .publication-actions .pub-action-active .jalios-icon { color: #009EF5; } .publication-actions .list-group.sticky-action-group { margin-top: -15px; margin-bottom: -15px; margin-left: -15px; margin-right: -15px; } .publication-actions .pub-action-group { border-bottom: 2px solid #ddd; margin-left: -15px; margin-right: -15px; } .publication-actions .pub-action-group .item-box { margin-left: 0; margin-right: 0; } .publication-actions .pub-action-group:last-child { margin-bottom: -15px; border-bottom: 0; } .publication-actions .pub-action-footer { background-color: #F8f8f8; border-top: 1px solid #EEE; padding: 5px;/* border-bottom: 1px solid #CCC; */ } .publication-actions .pub-action-group-title { background-color: #F8f8f8; border-bottom: 1px solid #EEE; padding: 5px 5px; } .publication-actions .publication-action-main .list-group .list-group-item:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .publication-actions .list-group-item { border: 0 none; text-align: left; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .publication-actions .list-group-item.list-group-item-extended .list-group-item-action { border-left: 0 none; display: none; } .publication-actions .list-group-item.pub-action-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; margin-bottom: -1px; } .publication-actions .publication-actions-secondary { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; } .publication-actions .publication-actions-secondary .panel-title { text-align: left; } .publication-actions .pub-action-optional { display: none; } .selection-wrapper-side-open .publication-actions .pub-action-edit-icon.ctx-caret:after { border: 0 none; } .selection-wrapper-side-open .publication-actions .pub-group-icon-collapse { display: none; } .selection-wrapper-side-open .publication-actions .list-group-item.list-group-item-extended .list-group-item-action { display: table-cell; } .selection-wrapper-side-open .publication-actions .pub-action-optional { display: block; } @media screen and (max-width: 480px) { .selection-side { display: none; } .selection-main { margin-right: 0; } } .fulldisplay .intro, .fullDisplay .intro { font-size: 18px; } .btn.ctxLangForm.langStatus span { margin-left: 4px; } .btn.ctxLangForm.langStatus span:after { display: inline-block; width: 0; height: 0; margin-left: 4px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ''; color: #333333; } /* ----------------------------------------------- */ /* SubMenu for Bootstrap3 */ /* */ /* The dropdown-submenu has been removed in */ /* Bootstrap 3. In the words of Bootstrap author */ /* Mark Otto.. */ /* */ /* "Submenus just don't have much of a place on */ /* the web right now, especially the mobile web. */ /* They will be removed with 3.0" */ /* ----------------------------------------------- */ .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } /* ----------------------------------------------- */ /* DROPDOWN */ /* ----------------------------------------------- */ /* .flag-dropdown { position: relative; bottom: 25px; left: 56px; }*/ /*.flag-dropdown.ctx-caret::after { color: @white; }*/ /*.flag-dropdown-menu { right: 275px; left: auto !important; }*/ .dropdown-menu > LI > A { padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dropdown-menu > LI > A IMG.icon { padding-right: 4px; } .dropdown-menu > LI > BUTTON { display: block; padding: 3px 20px 3px 10px; clear: both; font-weight: 400; line-height: 1.428571429; color: #333333; border: 0 none; background-color: transparent; width: 100%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dropdown-menu > LI > BUTTON IMG.icon { padding-right: 4px; } .dropdown-menu > LI > BUTTON:hover, .dropdown-menu > LI > BUTTON:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu .jalios-icon { color: #555555; } .dropdown-menu .list-group-item.active .jalios-icon { color: #FFF; } @media (max-width: 767px) { .navbar-nav .dropdown-menu { max-width: none; } } .dropdown-menu.open { display: block; top: auto; } .dropdown-menu.open.ctx-add-menu { max-height: 75vh; overflow: auto; } .dropdown-menu.open IMG.thumbnail { border: 0 none; margin: 0 auto; -webkit-box-shadow: none; box-shadow: none; } .dropdown-menu .dropdown-menu-title { padding: 0 20px 0 10px; font-weight: bold; } .dropdown-menu-right .dropdown-submenu > .dropdown-menu { left: auto; right: 95%; margin-left: -100%; border-radius: 6px 0px 6px 6px; } .dropdown-menu LI.section A { text-align: center; font-weight: bold; } .dropdown-menu LI.block A { white-space: normal; } .dropdown-menu LI.ctx-image A { text-align: center; padding-left: 20px; } .tabdrop .dropdown:hover > .dropdown-menu { display: block; } /* ----------------------------------------------- */ /* Code for specific ctx menu items */ /* ----------------------------------------------- */ .dropdown-menu > LI.logout-ctx-menu-item > A { color: #d9534f; } .ctx-caret { white-space: nowrap; } .ctx-caret-white.ctx-caret:after { color: white; } .ctx-caret:after { display: inline-block; width: 0; height: 0; margin-left: 4px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ''; color: inherit; } .ctx-caret.jalios-icon:after { vertical-align: super; } .dropdown-menu .divider:last-child, .dropdown-menu .divider:first-child, .dropdown-menu .divider + .divider { height: 0; margin: 0; background-color: #fff; } ul#ctxAjaxMenu .thumbnail { max-width: 200px; height: auto; } .dropdown-radio > LI > LABEL { display: block; padding: 3px 20px 3px 10px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; cursor: pointer; } .dropdown-radio > LI > LABEL:hover { background-color: #f5f5f5; text-decoration: none; color: #262626; } .dropdown-radio > LI > LABEL INPUT { display: none; font-weight: normal; } .navbar .dropdown .jalios-icon, .dropdown-menu .jalios-icon { font-size: 16px; color: #666666; margin-right: 4px; } IMG.emoji { width: 1.2em; height: 1.2em; } @media print { a.editArea { display: none; } } .lg-on:not(.lg-on-wysiwyg) { overflow: hidden; } .lg-toolbar .lg-icon.lg-jplatform-action { display: flex; align-content: center; justify-content: center; align-items: center; font-size: 18px; } .wysiwyg-lightbox-wrapper, a.lightbox-img { cursor: zoom-in; } .lg-container.wysiwyg-container .lg-counter { display: none; } .lg-container .lg-sub-html h4 { color: white; } .lg-container .lg-toolbar { background-color: #000000e0; } .lg-container .lg-toolbar .lg-icon { color: white; } .lg-container .lg-toolbar .lg-icon:hover { color: #999; } .lg-container .lg-backdrop { background-color: #000000b8 !important; z-index: 1049; } /*.lg-outer { cursor: zoom-out; } .lg-medium-zoom .lg-outer.lg-grab img.lg-object { cursor: zoom-out; } .lg-medium-zoom .lg-outer.lg-grabbing img.lg-object { cursor: zoom-out; }*/ /*# sourceMappingURL=core.css.map */