Viewing File: /usr/local/cpanel/share/libraries/cjt2/dist/cjt2.css
/*
# cjt2.less Copyright 2022 cPanel, L.L.C.
# All rights reserved.
# copyright@cpanel.net http://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited
*/
/*
# variables.less Copyright(c) 2020 cPanel, L.L.C.
# All rights reserved.
# copyright@cpanel.net http://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited
*/
/* ------------------------------------------------------------------------------ */
/* toggleSortDirective Styles
/* ------------------------------------------------------------------------------ */
a.sort-link {
color: #428bca;
white-space: nowrap;
}
a.sort-link:hover,
a.sort-link:focus,
a.sort-link:active {
text-decoration: none;
color: #428bca;
}
.sort-link span {
color: #428bca;
}
.sort-link span:hover,
.sort-link span:focus,
.sort-link span:active {
color: #428bca;
}
.sort-link span:first-child:hover {
text-decoration: underline;
}
.icon-arrow-up,
.icon-arrow-down {
font-style: normal;
}
.icon-arrow-up:after {
content: "\25B2";
position: relative;
bottom: 0;
left: 0;
}
.icon-arrow-down:after {
content: "\25BC";
position: relative;
top: 0;
left: 0;
}
/* ------------------------------------------------------------------------------ */
/* displayPasswordStrengthDirective Styles
/* ------------------------------------------------------------------------------ */
ul.strength {
display: block;
list-style: none;
margin: 0;
padding: 5px;
font-size: 0;
}
ul.strength .point:last-child {
margin-right: 0 !important;
}
ul.strength .point {
background: #ddd;
border-radius: 2px;
display: inline-block;
height: 4px;
margin-right: 2%;
width: 18.4%;
}
ul.strength .strength-0 {
/* Worst */
background-color: #f00;
}
ul.strength .strength-1 {
background-color: #f90;
}
ul.strength .strength-2 {
background-color: #ff0;
}
ul.strength .strength-3 {
background-color: #9f0;
}
ul.strength .strength-4 {
/* Best */
background-color: #0f0;
}
/*
# share/libraries/cjt2/src/styles/growls.less Copyright 2022 cPanel, L.L.C.
# All rights reserved.
# copyright@cpanel.net http://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited
*/
/**
* angular-growl-v2 - v0.7.3 - 2018-06-06
* http://janstevens.github.io/angular-growl-2
* Copyright (c) 2018 Marco Rinck,Jan Stevens; Licensed MIT
*/
/*
* growl-container styles
*/
.growl-container.growl-fixed {
position: fixed;
float: right;
width: 90%;
max-width: 400px;
z-index: 9999;
}
.growl-container.growl-fixed.top-right {
top: 10px;
right: 15px;
}
.growl-container.growl-fixed.bottom-right {
bottom: 10px;
right: 15px;
}
.growl-container.growl-fixed.top-left {
top: 10px;
left: 15px;
}
.growl-container.growl-fixed.bottom-left {
bottom: 10px;
left: 15px;
}
.growl-container.growl-fixed.top-center {
top: 10px;
left: 50%;
margin-left: -150px;
}
.growl-container.growl-fixed.bottom-center {
bottom: 10px;
left: 50%;
margin-left: -150px;
}
/*
* growl-item styles
*/
.growl-container > .growl-item {
padding: 10px;
padding-right: 35px;
margin-bottom: 10px;
cursor: pointer;
}
.growl-container > button {
border: none;
outline:none;
}
.growl-container > .growl-item.ng-enter,
.growl-container > .growl-item.ng-leave {
-webkit-transition:0.5s linear all;
-moz-transition:0.5s linear all;
-o-transition:0.5s linear all;
transition:0.5s linear all;
}
.growl-container > .growl-item.ng-enter,
.growl-container > .growl-item.ng-leave.ng-leave-active {
opacity:0;
}
.growl-container > .growl-item.ng-leave,
.growl-container > .growl-item.ng-enter.ng-enter-active {
opacity:1;
}
.growl-container > div.growl-item {
background-position: 12px center;
background-repeat: no-repeat;
}
/*
* growl-title styles
*/
.growl-title {
font-size: 16px;
}
.growl-item.icon > .growl-title {
margin: 0 0 0 40px;
}
/*
* growl-message styles
*/
.growl-item.icon > .growl-message {
margin: 0 0 0 40px;
}
/*
* growl background images
*/
.growl-container > .alert-info.icon {
/* for the white images
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=");
*/
background-image: url("data:image/png;base64,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");
}
.growl-container > .alert-error.icon {
/* for the white images
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=");
*/
background-image: url("data:image/png;base64,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");
}
.growl-container > .alert-success.icon {
/* for the white images
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==");
*/
background-image: url("data:image/png;base64,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");
}
.growl-container > .alert-warning.icon {
/* for the white images
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=");
*/
background-image: url("data:image/png;base64,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");
}
.hyphens {
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
.growl-container {
opacity: 0.95;
}
/**
* WHM-specific fixes - whm.less doesn't include the styleguide's .alert styles
* yet so we rely on the main growl styles, which don't have RTL support. These
* are some RTL versions of the imported original growl styles.
*/
html[dir="ltr"] body.whostmgr .growl-item.icon > .growl-title,
html[dir="ltr"] body.whostmgr .growl-item.icon > .growl-message,
html[dir="ltr"] body.whostmgr .growl_action {
margin-left: 40px;
}
html[dir="rtl"] body.whostmgr .growl-item.icon > .growl-title,
html[dir="rtl"] body.whostmgr .growl-item.icon > .growl-message,
html[dir="rtl"] body.whostmgr .growl_action {
margin-right: 40px;
}
body.whostmgr .growl-container > .growl-item {
padding: 10px;
}
html[dir="ltr"] body.whostmgr .growl-container > .growl-item {
padding-right: 35px;
}
html[dir="rtl"] body.whostmgr .growl-container > .growl-item {
padding-left: 35px;
}
/**
* Our version of bootstrap-rtl is out of date, so this patches the .close button positioning for RTL:
* https://github.com/morteza/bootstrap-rtl/commit/ece228c398705cc8fe5f4f45e47c62f1bd7b0b63
*/
html[dir="rtl"] .alert-dismissable .close {
right: auto;
left: -21px;
}
.growl-item.alert-danger {
box-shadow: inset 41px 0 #d03f00, 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}
.growl-item.alert-success {
box-shadow: inset 41px 0 #83b655, 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}
.growl-item.alert-warning {
box-shadow: inset 41px 0 #f6c342, 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}
.growl-item.alert-info {
box-shadow: inset 41px 0 #179bd7, 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}
html[dir="rtl"] .growl-item.alert-danger {
box-shadow: inset -41px 0 #d03f00, 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}
html[dir="rtl"] .growl-item.alert-success {
box-shadow: inset -41px 0 #83b655, 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}
html[dir="rtl"] .growl-item.alert-warning {
box-shadow: inset -41px 0 #f6c342, 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}
html[dir="rtl"] .growl-item.alert-info {
box-shadow: inset -41px 0 #179bd7, 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}
.growl_icon {
height: 100%;
}
.growl_action {
text-align: left;
padding: 8px 0 3px 0;
}
html[dir="rtl"] .growl_action {
text-align: right;
}
.alert .growl_icon .glyphicon {
display: inline-block;
position: absolute;
font-size: 20px;
left: 10px;
top: 20px;
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
html[dir="rtl"] .alert .growl_icon .glyphicon {
right: 10px;
left: auto;
}
.alert {
border-radius: 2px;
}
.alert-danger > .growl_icon > .glyphicon {
color: #f2dede;
}
.alert-success > .growl_icon > .glyphicon {
color: #dff2d5;
}
.alert-warning > .growl_icon > .glyphicon {
color: #fcf8e1;
}
.alert-info > .growl_icon > .glyphicon {
color: #d7edf9;
}
/* This is different from the style guide becuase of the opacity of the container */
.growl-message {
color: #1a1a1a;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}
/**
* The styleguide's .alert styles already add padding to the parent container, so
* we don't need to add margin to the children, as the growl stylesheet does.
*/
.growl-item.icon > .growl-title,
.growl-item.icon > .growl-message {
margin: 0;
}
.growl-container > .alert-info.icon,
.growl-container > .alert-error.icon,
.growl-container > .alert-success.icon,
.growl-container > .alert-warning.icon {
background-image: none;
}
.growl-container > .growl-item.ng-enter,
.growl-container > .growl-item.ng-leave {
-webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-o-transition: opacity 0.5s linear;
transition: opacity 0.5s linear;
}
.toggle-switch {
display: inline-block;
cursor: pointer;
border-radius: 4px;
border: 1px solid;
border-color: #cccccc;
position: relative;
text-align: left;
overflow: hidden;
line-height: 8px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
min-width: 100px;
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.toggle-switch .knob {
color: #333333;
background: #ffffff;
border: 3px;
}
.toggle-switch .switch-left {
color: #fff;
background: #428bca;
}
.toggle-switch .switch-right {
color: #000;
background: #eeeeee;
}
.toggle-switch input[type="radio"],
.toggle-switch input[type="checkbox"] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
z-index: -1;
}
.toggle-switch:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: 1px;
}
.toggle-switch.disabled {
opacity: 0.5;
}
.toggle-switch {
border: 1px solid;
cursor: pointer;
display: inline-block;
text-align: left;
overflow: hidden;
line-height: 8px;
min-width: 100px;
}
.toggle-switch.disabled > div > span.knob {
background: #aaa;
}
.toggle-switch span {
cursor: pointer;
display: inline-block;
float: left;
height: 100%;
line-height: 20px;
padding: 4px;
text-align: center;
width: 33%;
white-space: nowrap;
box-sizing: border-box;
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
html[dir="rtl"] .toggle-switch span {
float: right;
}
.toggle-switch > div {
position: relative;
width: 150%;
}
.toggle-switch .knob {
background: red;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background-color: #f5f5f5;
width: 34%;
z-index: 100;
}
.toggle-switch .switch-on {
left: 0%;
}
html[dir="rtl"] .toggle-switch .switch-on {
right: 0%;
left: auto;
}
.toggle-switch .switch-off {
left: -50%;
}
html[dir="rtl"] .toggle-switch .switch-off {
right: -50%;
}
.toggle-switch .switch-left,
.toggle-switch .switch-right {
z-index: 1;
}
.toggle-switch .switch-left {
color: #fff;
background: #005fcc;
}
.toggle-switch .switch-right {
color: #333;
background: #f0f0f0;
}
.toggle-switch-animate {
transition: left 0.5s;
-o-transition: left 0.5s;
-moz-transition: left 0.5s;
-webkit-transition: left 0.5s;
}
html[dir="rtl"] .toggle-switch-animate {
transition: right 0.5s;
-o-transition: right 0.5s;
-moz-transition: right 0.5s;
-webkit-transition: right 0.5s;
}
/* overrides to fix angular-toggle switch style */
/* doing it here to keep the angular-toggle-switch.less bootstrap files intact */
/* prevents jiggle */
.cjt2-toggle-switch {
height: 28px;
}
.cjt2-toggle-switch .toggle-switch {
min-width: 35px;
vertical-align: middle;
height: 12px;
overflow: visible;
border-radius: 6px;
background-color: #0677f9;
border: none;
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
}
.cjt2-toggle-switch .toggle-switch-animate {
height: 100%;
}
.cjt2-toggle-switch .toggle-switch span {
height: 100%;
}
.cjt2-toggle-switch {
cursor: pointer;
border-radius: 5px;
padding: 4px 4px 4px 20px;
display: inline-block;
margin-left: -20px;
}
.cjt2-toggle-switch .knob {
position: relative;
background: none;
border: none;
}
.cjt2-toggle-switch.disabled {
cursor: not-allowed;
}
.cjt2-toggle-switch.disabled:focus {
outline: none;
}
.cjt2-toggle-switch .toggle-switch-label {
vertical-align: middle;
}
.cjt2-toggle-switch .toggle-switch-label-left {
margin-right: 4px;
}
.cjt2-toggle-switch .toggle-switch-label-right {
margin-left: 4px;
}
.cjt2-toggle-switch:focus {
outline: none;
}
.cjt2-toggle-switch:focus .knob:after {
box-shadow: 0 0 10px #428bca;
}
.cjt2-toggle-switch.disabled .toggle-switch-label {
opacity: 0.5;
font-style: italic;
}
.cjt2-toggle-switch.switch-off .toggle-switch,
.cjt2-toggle-switch.switch-off .knob:after {
background-color: #ccc;
}
.cjt2-toggle-switch .toggle-switch-updating-indicator {
margin-left: 8px;
}
.cjt2-toggle-switch .knob:after {
content: "";
display: inline-block;
float: left;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-left: -10px;
margin-top: -10px;
background-color: #005fcc;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
z-index: 99;
border-radius: 50%;
}
.cjt2-toggle-switch .switch-left,
.cjt2-toggle-switch .switch-right {
background: none;
border: none;
}
.cjt2-toggle-switch.no-label {
min-width: 75px;
}
.cjt2-toggle-switch.disabled .toggle-switch {
cursor: not-allowed;
pointer-events: none;
}
/* ------------------------------------------------------------------------------ */
/* toggle-info-label directive */
/* ------------------------------------------------------------------------------ */
.toggle-info-label-container .form-info-sign {
cursor: pointer;
}
.toggle-info-label-container .form-info-sign:hover,
.toggle-info-label-container .form-info-sign:focus,
.toggle-info-label-container .form-info-sign:active {
text-decoration: none;
box-shadow: 0 1px;
}
/* ------------------------------------------------------------------------------ */
/* minor adjustment for input field in the password field/password generator */
/* settings panel. */
/* ------------------------------------------------------------------------------ */
html[dir="ltr"] .form-group-length label,
html[dir="ltr"] .form-group-length input {
margin-left: 15px;
}
html[dir="rtl"] .form-group-length label,
html[dir="rtl"] .form-group-length input {
margin-right: 15px;
}
/**
* share/libraries/cjt2/src/styles/alert.less Copyright 2022 cPanel, L.L.C.
* All rights reserved.
* copyright@cpanel.net http://cpanel.net
* This code is subject to the cPanel license. Unauthorized copying is prohibited
*/
/**
* The styles in this file apply specifically to the CJT2 alert directive, rather
* than alerts in general. The base styles for alerts are in base-styles/alerts.less
*/
/**
* Styles for sub-lists within alerts
*/
.alert .alert-message ul {
margin-bottom: 0;
padding: 0 30px;
}
.alert-warning .alert-message ul li {
color: #8a6d3b;
}
.alert-warning .alert-message ul li > * {
color: #333333;
}
.alert-success .alert-message ul li {
color: #3c763d;
}
.alert-success .alert-message ul li > * {
color: #333333;
}
.alert-info .alert-message ul li {
color: #31708f;
}
.alert-info .alert-message ul li > * {
color: #333333;
}
.alert-danger .alert-message ul li {
color: #a94442;
}
.alert-danger .alert-message ul li > * {
color: #333333;
}
/**
* Styles for the "More" button
*/
.alert .btn-more {
padding-top: 0;
}
/**
* share/libraries/cjt2/src/styles/alertList.less Copyright 2022 cPanel, L.L.C.
* All rights reserved.
* copyright@cpanel.net http://cpanel.net
* This code is subject to the cPanel license. Unauthorized copying is prohibited
*/
/**
* These top bar offsets are duplicated in alertList.js, so please update
* them in both places if they ever change.
*/
/* Can this be included from somewhere */
/* Can this be included from somewhere */
/**
* Overrides for WHM's outdated styles. We cannot import the base-styles into
* whm.less yet because of too many conflicts with manual alert class usage.
*/
body.whostmgr .alert-list {
/*
# alerts.less Copyright 2022 cPanel, L.L.C.
# All rights reserved.
# copyright@cpanel.net http://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited
*/
/* ------------------------------------------------------------------------------ */
/* Alerts
/* ------------------------------------------------------------------------------ */
}
[dir="ltr"] body.whostmgr .alert-list .alert-message,
[dir="rtl"] body.whostmgr .alert-list .alert-message {
margin: 0px;
}
[dir="ltr"] body.whostmgr .alert-list .alert-message > .alert-title,
[dir="rtl"] body.whostmgr .alert-list .alert-message > .alert-title {
padding: 0;
}
body.whostmgr .alert-list .alert-message {
display: block;
}
body.whostmgr .alert-list .alert-danger {
background-color: #f2dede;
border: 1px solid #d03f00;
box-shadow: inset 41px 0 #d03f00;
}
html[dir="ltr"] body.whostmgr .alert-list .alert-danger {
box-shadow: inset 41px 0 #d03f00;
}
html[dir="rtl"] body.whostmgr .alert-list .alert-danger {
box-shadow: inset -41px 0 #d03f00;
}
body.whostmgr .alert-list .alert-danger > .glyphicon {
color: #f2dede;
}
body.whostmgr .alert-list .alert-success {
background-color: #dff2d5;
border: 1px solid #83b655;
box-shadow: inset 41px 0 #83b655;
}
html[dir="ltr"] body.whostmgr .alert-list .alert-success {
box-shadow: inset 41px 0 #83b655;
}
html[dir="rtl"] body.whostmgr .alert-list .alert-success {
box-shadow: inset -41px 0 #83b655;
}
body.whostmgr .alert-list .alert-success > .glyphicon {
color: #dff2d5;
}
body.whostmgr .alert-list .alert-warning {
background-color: #fcf8e1;
border: 1px solid #f6c342;
box-shadow: inset 41px 0 #f6c342;
}
html[dir="ltr"] body.whostmgr .alert-list .alert-warning {
box-shadow: inset 41px 0 #f6c342;
}
html[dir="rtl"] body.whostmgr .alert-list .alert-warning {
box-shadow: inset -41px 0 #f6c342;
}
body.whostmgr .alert-list .alert-warning > .glyphicon {
color: #fcf8e1;
}
body.whostmgr .alert-list .alert-info {
background-color: #d7edf9;
border: 1px solid #179bd7;
box-shadow: inset 41px 0 #179bd7;
}
html[dir="ltr"] body.whostmgr .alert-list .alert-info {
box-shadow: inset 41px 0 #179bd7;
}
html[dir="rtl"] body.whostmgr .alert-list .alert-info {
box-shadow: inset -41px 0 #179bd7;
}
body.whostmgr .alert-list .alert-info > .glyphicon {
color: #d7edf9;
}
body.whostmgr .alert-list .alert {
position: relative;
border-radius: 2px;
}
html[dir="ltr"] body.whostmgr .alert-list .alert {
padding: 10px 30px 10px 50px;
}
html[dir="rtl"] body.whostmgr .alert-list .alert {
padding: 10px 50px 10px 30px;
}
body.whostmgr .alert-list .alert > .glyphicon {
top: 9px;
position: absolute;
font-size: 20px;
}
html[dir="ltr"] body.whostmgr .alert-list .alert > .glyphicon {
left: 10px;
}
html[dir="rtl"] body.whostmgr .alert-list .alert > .glyphicon {
right: 10px;
}
body.whostmgr .alert-list .alert-message {
color: #333333;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}
body.whostmgr .alert-list .alert-message a {
text-decoration: underline;
}
body.whostmgr .alert-list .alert .close {
top: -2px;
position: relative;
}
html[dir="ltr"] body.whostmgr .alert-list .alert .close {
right: -21px;
}
html[dir="rtl"] body.whostmgr .alert-list .alert .close {
left: -21px;
}
/**
* Inline styles
*/
/**
* Fixed styles
*/
/**
* Vertical fixed position mixins
*/
/**
* Horizontal fixed position mixins
*/
/**
* The actual positions
*/
.alert-list-container.position-inline .alert {
margin-top: 0;
margin-bottom: 5px;
}
@media (min-width: 768px) {
.alert-list-container.position-inline .alert {
margin-bottom: 10px;
}
}
.alert-list-container.position-top-left {
position: fixed;
z-index: 900;
min-width: 25%;
max-width: 100%;
padding-left: 1px;
padding-right: 1px;
/**
* Place width restrictions on .alert-list instead of the container so that
* scroll bars don't affect the list's width (unless we're at the xs size).
*/
/**
* Top margins facilitate smooth height transitions.
*/
/**
* Since we have asymmetric margins on the alerts, we need to add asymmetric
* margin to the container when we have scrollbars. We opt for margin on the
* container over margin on the alerts so that .alert-list only contains the
* vital elements and represents the minimum height required to display the
* entire list.
*/
left: 0;
}
@media (max-width: 768px) {
body.whostmgr:not(.nav-collapsed) .alert-list-container.position-top-left {
max-width: calc(100% - 218px);
}
}
@media (max-width: 768px) {
body.cpanel:not(.nav-collapsed) .alert-list-container.position-top-left {
max-width: calc(100% - 50px);
}
}
.alert-list-container.position-top-left.show-scroll-bar {
overflow-y: scroll;
}
.alert-list-container.position-top-left .alert-list {
width: 100%;
}
@media (min-width: 768px) {
.alert-list-container.position-top-left .alert-list {
max-width: 500px;
/* Messages should not be wider than the reasonable scan ability of the human eye */
}
}
.alert-list-container.position-top-left.show-scroll-bar {
overflow-y: scroll;
}
.whostmgr .alert-list-container.position-top-left {
top: 70px;
}
.cpanel_body .alert-list-container.position-top-left {
top: 30px;
}
.webmail .alert-list-container.position-top-left {
top: 52px;
}
@media (min-width: 768px) {
.whostmgr .alert-list-container.position-top-left {
top: 120px;
}
.cpanel_body .alert-list-container.position-top-left {
top: 52px;
}
}
@media (max-width: 667px) {
.webmail .alert-list-container.position-top-left {
top: 30px;
}
}
.alert-list-container.position-top-left .alert {
margin-top: 2px;
margin-bottom: 0;
}
@media (min-width: 768px) {
.alert-list-container.position-top-left .alert {
margin-top: 10px;
}
}
.alert-list-container.position-top-left.show-scroll-bar .alert-list {
margin-bottom: 2px;
}
@media (min-width: 768px) {
.alert-list-container.position-top-left.show-scroll-bar .alert-list {
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.alert-list-container.position-top-left {
padding-left: 10px;
padding-right: 0;
}
}
.alert-list-container.position-top-middle {
position: fixed;
z-index: 900;
min-width: 25%;
max-width: 100%;
padding-left: 1px;
padding-right: 1px;
/**
* Place width restrictions on .alert-list instead of the container so that
* scroll bars don't affect the list's width (unless we're at the xs size).
*/
/**
* Top margins facilitate smooth height transitions.
*/
/**
* Since we have asymmetric margins on the alerts, we need to add asymmetric
* margin to the container when we have scrollbars. We opt for margin on the
* container over margin on the alerts so that .alert-list only contains the
* vital elements and represents the minimum height required to display the
* entire list.
*/
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 768px) {
body.whostmgr:not(.nav-collapsed) .alert-list-container.position-top-middle {
max-width: calc(100% - 218px);
}
}
@media (max-width: 768px) {
body.cpanel:not(.nav-collapsed) .alert-list-container.position-top-middle {
max-width: calc(100% - 50px);
}
}
.alert-list-container.position-top-middle.show-scroll-bar {
overflow-y: scroll;
}
.alert-list-container.position-top-middle .alert-list {
width: 100%;
}
@media (min-width: 768px) {
.alert-list-container.position-top-middle .alert-list {
max-width: 500px;
/* Messages should not be wider than the reasonable scan ability of the human eye */
}
}
.alert-list-container.position-top-middle.show-scroll-bar {
overflow-y: scroll;
}
.whostmgr .alert-list-container.position-top-middle {
top: 70px;
}
.cpanel_body .alert-list-container.position-top-middle {
top: 30px;
}
.webmail .alert-list-container.position-top-middle {
top: 52px;
}
@media (min-width: 768px) {
.whostmgr .alert-list-container.position-top-middle {
top: 120px;
}
.cpanel_body .alert-list-container.position-top-middle {
top: 52px;
}
}
@media (max-width: 667px) {
.webmail .alert-list-container.position-top-middle {
top: 30px;
}
}
.alert-list-container.position-top-middle .alert {
margin-top: 2px;
margin-bottom: 0;
}
@media (min-width: 768px) {
.alert-list-container.position-top-middle .alert {
margin-top: 10px;
}
}
.alert-list-container.position-top-middle.show-scroll-bar .alert-list {
margin-bottom: 2px;
}
@media (min-width: 768px) {
.alert-list-container.position-top-middle.show-scroll-bar .alert-list {
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.alert-list-container.position-top-middle {
padding-left: 0;
padding-right: 0;
}
}
.alert-list-container.position-top-right {
position: fixed;
z-index: 900;
min-width: 25%;
max-width: 100%;
padding-left: 1px;
padding-right: 1px;
/**
* Place width restrictions on .alert-list instead of the container so that
* scroll bars don't affect the list's width (unless we're at the xs size).
*/
/**
* Top margins facilitate smooth height transitions.
*/
/**
* Since we have asymmetric margins on the alerts, we need to add asymmetric
* margin to the container when we have scrollbars. We opt for margin on the
* container over margin on the alerts so that .alert-list only contains the
* vital elements and represents the minimum height required to display the
* entire list.
*/
right: 0;
}
@media (max-width: 768px) {
body.whostmgr:not(.nav-collapsed) .alert-list-container.position-top-right {
max-width: calc(100% - 218px);
}
}
@media (max-width: 768px) {
body.cpanel:not(.nav-collapsed) .alert-list-container.position-top-right {
max-width: calc(100% - 50px);
}
}
.alert-list-container.position-top-right.show-scroll-bar {
overflow-y: scroll;
}
.alert-list-container.position-top-right .alert-list {
width: 100%;
}
@media (min-width: 768px) {
.alert-list-container.position-top-right .alert-list {
max-width: 500px;
/* Messages should not be wider than the reasonable scan ability of the human eye */
}
}
.alert-list-container.position-top-right.show-scroll-bar {
overflow-y: scroll;
}
.whostmgr .alert-list-container.position-top-right {
top: 70px;
}
.cpanel_body .alert-list-container.position-top-right {
top: 30px;
}
.webmail .alert-list-container.position-top-right {
top: 52px;
}
@media (min-width: 768px) {
.whostmgr .alert-list-container.position-top-right {
top: 120px;
}
.cpanel_body .alert-list-container.position-top-right {
top: 52px;
}
}
@media (max-width: 667px) {
.webmail .alert-list-container.position-top-right {
top: 30px;
}
}
.alert-list-container.position-top-right .alert {
margin-top: 2px;
margin-bottom: 0;
}
@media (min-width: 768px) {
.alert-list-container.position-top-right .alert {
margin-top: 10px;
}
}
.alert-list-container.position-top-right.show-scroll-bar .alert-list {
margin-bottom: 2px;
}
@media (min-width: 768px) {
.alert-list-container.position-top-right.show-scroll-bar .alert-list {
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.alert-list-container.position-top-right {
padding-left: 0;
padding-right: 10px;
}
}
.alert-list-container.position-middle-left {
position: fixed;
z-index: 900;
min-width: 25%;
max-width: 100%;
padding-left: 1px;
padding-right: 1px;
/**
* Place width restrictions on .alert-list instead of the container so that
* scroll bars don't affect the list's width (unless we're at the xs size).
*/
top: 50%;
transform: translateY(-50%);
/**
* Equal alert spacing on top and bottom of the list.
*/
left: 0;
}
@media (max-width: 768px) {
body.whostmgr:not(.nav-collapsed) .alert-list-container.position-middle-left {
max-width: calc(100% - 218px);
}
}
@media (max-width: 768px) {
body.cpanel:not(.nav-collapsed) .alert-list-container.position-middle-left {
max-width: calc(100% - 50px);
}
}
.alert-list-container.position-middle-left.show-scroll-bar {
overflow-y: scroll;
}
.alert-list-container.position-middle-left .alert-list {
width: 100%;
}
@media (min-width: 768px) {
.alert-list-container.position-middle-left .alert-list {
max-width: 500px;
/* Messages should not be wider than the reasonable scan ability of the human eye */
}
}
.alert-list-container.position-middle-left.show-scroll-bar {
overflow-y: scroll;
}
.alert-list-container.position-middle-left .alert {
margin-top: 1px;
margin-bottom: 1px;
}
@media (min-width: 768px) {
.alert-list-container.position-middle-left .alert {
margin-bottom: 5px;
margin-top: 5px;
}
}
@media (min-width: 768px) {
.alert-list-container.position-middle-left {
padding-left: 10px;
padding-right: 0;
}
}
.alert-list-backdrop.position-middle-middle {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 899;
overflow: hidden;
outline: 0;
background-color: #000;
opacity: 0.5;
}
.alert-list-container.position-middle-middle {
position: fixed;
z-index: 900;
min-width: 25%;
max-width: 100%;
padding-left: 1px;
padding-right: 1px;
/**
* Place width restrictions on .alert-list instead of the container so that
* scroll bars don't affect the list's width (unless we're at the xs size).
*/
top: 50%;
transform: translateY(-50%);
/**
* Equal alert spacing on top and bottom of the list.
*/
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 768px) {
body.whostmgr:not(.nav-collapsed) .alert-list-container.position-middle-middle {
max-width: calc(100% - 218px);
}
}
@media (max-width: 768px) {
body.cpanel:not(.nav-collapsed) .alert-list-container.position-middle-middle {
max-width: calc(100% - 50px);
}
}
.alert-list-container.position-middle-middle.show-scroll-bar {
overflow-y: scroll;
}
.alert-list-container.position-middle-middle .alert-list {
width: 100%;
}
@media (min-width: 768px) {
.alert-list-container.position-middle-middle .alert-list {
max-width: 500px;
/* Messages should not be wider than the reasonable scan ability of the human eye */
}
}
.alert-list-container.position-middle-middle.show-scroll-bar {
overflow-y: scroll;
}
.alert-list-container.position-middle-middle .alert {
margin-top: 1px;
margin-bottom: 1px;
}
@media (min-width: 768px) {
.alert-list-container.position-middle-middle .alert {
margin-bottom: 5px;
margin-top: 5px;
}
}
@media (min-width: 768px) {
.alert-list-container.position-middle-middle {
padding-left: 0;
padding-right: 0;
}
}
.alert-list-container.position-middle-right {
position: fixed;
z-index: 900;
min-width: 25%;
max-width: 100%;
padding-left: 1px;
padding-right: 1px;
/**
* Place width restrictions on .alert-list instead of the container so that
* scroll bars don't affect the list's width (unless we're at the xs size).
*/
top: 50%;
transform: translateY(-50%);
/**
* Equal alert spacing on top and bottom of the list.
*/
right: 0;
}
@media (max-width: 768px) {
body.whostmgr:not(.nav-collapsed) .alert-list-container.position-middle-right {
max-width: calc(100% - 218px);
}
}
@media (max-width: 768px) {
body.cpanel:not(.nav-collapsed) .alert-list-container.position-middle-right {
max-width: calc(100% - 50px);
}
}
.alert-list-container.position-middle-right.show-scroll-bar {
overflow-y: scroll;
}
.alert-list-container.position-middle-right .alert-list {
width: 100%;
}
@media (min-width: 768px) {
.alert-list-container.position-middle-right .alert-list {
max-width: 500px;
/* Messages should not be wider than the reasonable scan ability of the human eye */
}
}
.alert-list-container.position-middle-right.show-scroll-bar {
overflow-y: scroll;
}
.alert-list-container.position-middle-right .alert {
margin-top: 1px;
margin-bottom: 1px;
}
@media (min-width: 768px) {
.alert-list-container.position-middle-right .alert {
margin-bottom: 5px;
margin-top: 5px;
}
}
@media (min-width: 768px) {
.alert-list-container.position-middle-right {
padding-left: 0;
padding-right: 10px;
}
}
.alert-list-container.position-bottom-left {
position: fixed;
z-index: 900;
min-width: 25%;
max-width: 100%;
padding-left: 1px;
padding-right: 1px;
/**
* Place width restrictions on .alert-list instead of the container so that
* scroll bars don't affect the list's width (unless we're at the xs size).
*/
bottom: 0;
/**
* Bottom margins facilitate smooth height transitions.
*/
/**
* Since we have asymmetric margins on the alerts, we need to add asymmetric
* margin to the container when we have scrollbars. We opt for margin on the
* container over margin on the alerts so that .alert-list only contains the
* vital elements and represents the minimum height required to display the
* entire list.
*/
left: 0;
}
@media (max-width: 768px) {
body.whostmgr:not(.nav-collapsed) .alert-list-container.position-bottom-left {
max-width: calc(100% - 218px);
}
}
@media (max-width: 768px) {
body.cpanel:not(.nav-collapsed) .alert-list-container.position-bottom-left {
max-width: calc(100% - 50px);
}
}
.alert-list-container.position-bottom-left.show-scroll-bar {
overflow-y: scroll;
}
.alert-list-container.position-bottom-left .alert-list {
width: 100%;
}
@media (min-width: 768px) {
.alert-list-container.position-bottom-left .alert-list {
max-width: 500px;
/* Messages should not be wider than the reasonable scan ability of the human eye */
}
}
.alert-list-container.position-bottom-left.show-scroll-bar {
overflow-y: scroll;
}
.alert-list-container.position-bottom-left .alert {
margin-top: 0;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.alert-list-container.position-bottom-left .alert {
margin-bottom: 10px;
}
}
.alert-list-container.position-bottom-left.show-scroll-bar .alert-list {
margin-top: 2px;
}
@media (min-width: 768px) {
.alert-list-container.position-bottom-left.show-scroll-bar .alert-list {
margin-top: 10px;
}
}
@media (min-width: 768px) {
.alert-list-container.position-bottom-left {
padding-left: 10px;
padding-right: 0;
}
}
.alert-list-container.position-bottom-middle {
position: fixed;
z-index: 900;
min-width: 25%;
max-width: 100%;
padding-left: 1px;
padding-right: 1px;
/**
* Place width restrictions on .alert-list instead of the container so that
* scroll bars don't affect the list's width (unless we're at the xs size).
*/
bottom: 0;
/**
* Bottom margins facilitate smooth height transitions.
*/
/**
* Since we have asymmetric margins on the alerts, we need to add asymmetric
* margin to the container when we have scrollbars. We opt for margin on the
* container over margin on the alerts so that .alert-list only contains the
* vital elements and represents the minimum height required to display the
* entire list.
*/
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 768px) {
body.whostmgr:not(.nav-collapsed) .alert-list-container.position-bottom-middle {
max-width: calc(100% - 218px);
}
}
@media (max-width: 768px) {
body.cpanel:not(.nav-collapsed) .alert-list-container.position-bottom-middle {
max-width: calc(100% - 50px);
}
}
.alert-list-container.position-bottom-middle.show-scroll-bar {
overflow-y: scroll;
}
.alert-list-container.position-bottom-middle .alert-list {
width: 100%;
}
@media (min-width: 768px) {
.alert-list-container.position-bottom-middle .alert-list {
max-width: 500px;
/* Messages should not be wider than the reasonable scan ability of the human eye */
}
}
.alert-list-container.position-bottom-middle.show-scroll-bar {
overflow-y: scroll;
}
.alert-list-container.position-bottom-middle .alert {
margin-top: 0;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.alert-list-container.position-bottom-middle .alert {
margin-bottom: 10px;
}
}
.alert-list-container.position-bottom-middle.show-scroll-bar .alert-list {
margin-top: 2px;
}
@media (min-width: 768px) {
.alert-list-container.position-bottom-middle.show-scroll-bar .alert-list {
margin-top: 10px;
}
}
@media (min-width: 768px) {
.alert-list-container.position-bottom-middle {
padding-left: 0;
padding-right: 0;
}
}
.alert-list-container.position-bottom-right {
position: fixed;
z-index: 900;
min-width: 25%;
max-width: 100%;
padding-left: 1px;
padding-right: 1px;
/**
* Place width restrictions on .alert-list instead of the container so that
* scroll bars don't affect the list's width (unless we're at the xs size).
*/
bottom: 0;
/**
* Bottom margins facilitate smooth height transitions.
*/
/**
* Since we have asymmetric margins on the alerts, we need to add asymmetric
* margin to the container when we have scrollbars. We opt for margin on the
* container over margin on the alerts so that .alert-list only contains the
* vital elements and represents the minimum height required to display the
* entire list.
*/
right: 0;
}
@media (max-width: 768px) {
body.whostmgr:not(.nav-collapsed) .alert-list-container.position-bottom-right {
max-width: calc(100% - 218px);
}
}
@media (max-width: 768px) {
body.cpanel:not(.nav-collapsed) .alert-list-container.position-bottom-right {
max-width: calc(100% - 50px);
}
}
.alert-list-container.position-bottom-right.show-scroll-bar {
overflow-y: scroll;
}
.alert-list-container.position-bottom-right .alert-list {
width: 100%;
}
@media (min-width: 768px) {
.alert-list-container.position-bottom-right .alert-list {
max-width: 500px;
/* Messages should not be wider than the reasonable scan ability of the human eye */
}
}
.alert-list-container.position-bottom-right.show-scroll-bar {
overflow-y: scroll;
}
.alert-list-container.position-bottom-right .alert {
margin-top: 0;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.alert-list-container.position-bottom-right .alert {
margin-bottom: 10px;
}
}
.alert-list-container.position-bottom-right.show-scroll-bar .alert-list {
margin-top: 2px;
}
@media (min-width: 768px) {
.alert-list-container.position-bottom-right.show-scroll-bar .alert-list {
margin-top: 10px;
}
}
@media (min-width: 768px) {
.alert-list-container.position-bottom-right {
padding-left: 0;
padding-right: 10px;
}
}
/**
* Animations (these complement the bits that are done via JS in the directive)
*/
.alert-container {
overflow: hidden;
transition: transform 300ms ease-out, opacity 300ms ease-out;
}
.alert-container.ng-enter {
transform: translateX(-50px);
opacity: 0;
}
span.bytes-input > input[type="number"].form-control {
width: 120px;
}
span.bytes-input input[disabled],
span.bytes-input button[disabled] {
pointer-events: none;
}
span.bytes-input ul.dropdown-menu,
span.bytes-input ul.dropdown-menu li {
min-width: 0;
}
.cp-form-waiting-wrapper {
position: relative;
}
.cp-form-waiting-wrapper > .cp-form-waiting-mask {
position: absolute;
width: 100%;
/* This mask has to sit above whatever it covers;
* otherwise, another element’s background-image could
* preempt this one’s.
*/
z-index: 1000;
/* height transition has some constraints here:
* 1) The mask can’t block an active form.
* 2) Once the form is disabled, the mask needs to cover it
* right away.
* 3) When the form is re-enabled, the mask has to STAY
* covering it until the transition is done; otherwise
* we’ll get a “snap”.
*
* See comments below for how this resolves that.
*
*/
height: 0;
/* This could be gotten rid of if we want to go in a
Win10-sharp-corners-look direction.
*/
border-radius: 5px;
}
.cp-form-waiting-wrapper > .cp-form-waiting-mask {
transition: height 0s 0.25s, opacity 0.25s, background-color 0.25s, filter 0.25s, -webkit-filter 0.25s;
}
.cp-form-waiting-wrapper > .cp-form-waiting-spinner {
transition: opacity 0.25s;
position: absolute;
pointer-events: none;
/* Put the element at the center of its container.
By themselves, these would only center the element’s
top-left corner, leaving the element visually not quite centered.
*/
top: 50%;
left: 50%;
/* Shift the element 50% of its width/height toward the up/left.
This centers the element at the place where we’ve just assigned
its top-left corner, which resolves the not-quite-centered look
and puts us where we want to be.
*/
transform: translate(-50%, -50%);
opacity: 0;
z-index: 1001;
}
/* Use [disabled] rather than :disabled because every
IE version gets confused when <fieldset>s become :disabled.
*/
.cp-form-waiting-wrapper[disabled] > .cp-form-waiting-mask {
opacity: 0.75;
background-color: rgba(0, 0, 0, 0.1);
/* On disable, change the height right away.
* This satisfies height transition criterion #2 above.
*/
height: 100%;
transition: opacity 0.25s, background-color 0.25s, filter 0.25s, -webkit-filter 0.25s;
}
.cp-form-waiting-wrapper[disabled] > .ng-transclude {
filter: blur(0.5px);
-webkit-filter: blur(0.5px);
}
.cp-form-waiting-wrapper[disabled] > .cp-form-waiting-spinner {
display: block;
opacity: 1;
}
.quick-filters-nav {
margin: 0 0 5px 0;
}
.quick-filters-nav > .nav-pills {
padding: 2px 5px 2px 0;
margin: 2px 5px 2px 0;
font-size: 12px;
display: inline-block;
vertical-align: middle;
}
.quick-filters-nav > .nav-pills > li {
cursor: pointer;
}
.quick-filters-nav > .nav-pills > li a {
padding: 2px 5px;
margin: 2px 5px;
font-size: 12px;
}
.quick-filters-nav > .nav-pills > li.active {
cursor: default;
}
.quick-filters-nav .quick-filter-label {
font-weight: bold;
padding: 5px;
display: inline-block;
vertical-align: middle;
}
.user-domain-list-directive .no-animate * {
-webkit-transition: none !important;
transition: none !important;
}
.user-domain-list-directive .no-results-msg {
margin-top: 0;
}
.user-domain-list-directive .fixed-width-table {
table-layout: fixed;
}
.user-domain-list-directive .edit-locked {
font-style: italic;
pointer-events: none;
}
.user-domain-list-directive .account-table-radio {
width: 1%;
}
.user-domain-list-directive .account-table-radio > input {
margin: 0 4px;
}
.user-domain-list-directive .account-table-radio .label {
margin-right: 2px;
}
.user-domain-list-directive .account-table-radio .label > a {
color: #fff;
}
.user-domain-list-directive .account-table-panel-body {
padding: 0;
overflow: auto;
height: 350px;
}
.user-domain-list-directive .account-table-panel-body > .table {
margin-bottom: 0;
}
.user-domain-list-directive .account-table-panel-body > .table > tbody > tr > td {
padding: 4px 8px;
}
.user-domain-list-directive .account-table-panel-body > .table > tbody > tr:first-child > td {
border-top-width: 0;
}
.user-domain-list-directive .account-summary-title {
margin-bottom: 10px;
}
.user-domain-list-directive .strong {
font-weight: bold;
}
.user-domain-list-directive .account-summary-email {
margin: 3px 3px 0 0;
white-space: nowrap;
}
.user-domain-list-directive .domain_row {
cursor: pointer;
}
.user-domain-list-directive .plan-btn {
padding: 0 0 0 0;
}
.user-domain-list-directive .table .account-summary-table {
background-color: transparent;
margin-top: 8px;
max-width: 100%;
margin-bottom: 0;
font-size: 12px;
}
.user-domain-list-directive .account-summary-table .btn-link {
padding: 0;
border: 0;
font-size: inherit;
}
.user-domain-list-directive .table .account-summary-table > thead > tr > th,
.user-domain-list-directive .table .account-summary-table > tbody > tr > td {
padding-top: 2px;
padding-bottom: 2px;
}
.user-domain-list-directive .account-summary-error,
.user-domain-list-directive .account-summary-loading {
margin-top: 8px;
margin-bottom: 10px;
}
.user-domain-list-directive .quick-filter-container {
margin-top: 5px;
}
.user-domain-list-directive .cutoff_with_ellipses {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.multi-field-editor-directive .btn-link {
text-transform: none;
}
.multi-field-editor-item-directive {
margin-bottom: 5px;
}
.multi-field-editor-item-directive .mfei-content {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.multi-field-editor-item-directive .mfei-label-holder {
padding: 0 5px;
vertical-align: middle;
}
.multi-field-editor-item-directive .mfei-transclude {
flex-grow: 1;
vertical-align: middle;
}
.cp-terminal .terminal-container {
/* xterm.js’s demo does it this way. */
}
.cp-terminal .terminal-container .terminal {
padding: 3px;
}
.cp-terminal .terminal-container.disabled .title {
font-style: italic;
font-weight: normal;
}
.cp-terminal .terminal-container.disabled .terminal {
filter: blur(0.35px) brightness(80%);
-webkit-filter: blur(0.35px) brightness(80%);
}
.cp-terminal .terminal-title {
text-align: center;
font-size: larger;
font-weight: bold;
margin-bottom: 5px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.cp-terminal .terminal-exitcode {
font-weight: bold;
margin-top: 1em;
}
/*
# callout.less Copyright 2022 cPanel, L.L.C.
# All rights reserved.
# copyright@cpanel.net http://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited
*/
/* ------------------------------------------------------------------------------ */
/* Callouts
/* ------------------------------------------------------------------------------ */
.callout {
border-left-width: 3px;
border-left-style: solid;
border-left-color: #eeeeee;
margin: 20px 0 20px 0;
padding: 20px;
}
html[dir="rtl"] .callout {
border-left-width: 0;
border-left-style: none;
border-left-color: transparent;
border-right-width: 3px;
border-right-style: solid;
border-right-color: #eeeeee;
}
.callout-danger {
background-color: #f2dede;
border-left: 3px solid #d03f00;
}
html[dir="rtl"] .callout-danger {
border-left-color: transparent;
border-right-color: #d03f00;
}
.callout-success {
background-color: #dff2d5;
border-left: 3px solid #83b655;
}
html[dir="rtl"] .callout-success {
border-left-color: transparent;
border-right-color: #83b655;
}
.callout-warning {
background-color: #fcf8e1;
border-left: 3px solid #f6c342;
}
html[dir="rtl"] .callout-warning {
border-left-color: transparent;
border-right-color: #f6c342;
}
.callout-info {
background-color: #d7edf9;
border-left: 3px solid #179bd7;
}
html[dir="rtl"] .callout-info {
border-left-color: transparent;
border-right-color: #179bd7;
}
.callout-cpanel {
background-color: #f5f5f5;
border-left-color: #ff6c2c;
}
html[dir="rtl"] .callout-cpanel {
border-left-color: transparent;
border-right-color: #ff6c2c;
}
.callout-heading {
font-size: 18px;
margin-bottom: 10px;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
.stats-widget {
background: #f5f5f5;
border: 1px solid #dddddd;
border-radius: 4px;
}
.stats-widget .stats-huge {
font-size: 24px;
line-height: 1.4;
text-align: center;
}
.stats-widget .stats-title {
text-align: center;
}
.stats-widget .stats-warning {
background-color: #fcf8e1;
border: 1px solid #f6c342;
}
.stats-widget .stats-widget-body {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.stats-widget .stats-widget-body .stats-item {
margin: 10px 0 10px 0;
}
.stats-widget .stats-widget-footer {
border-top: 1px solid #dddddd;
display: flex;
width: 100%;
}
.stats-widget .stats-widget-footer a {
flex-basis: 100%;
}
.stats-widget html[dir="ltr"] .stats-widget-footer a:not(:first-child) {
border-left: 1px solid #dddddd;
}
.stats-widget html[dir="rtl"] .stats-widget-footer a:not(:first-child) {
border-right: 1px solid #dddddd;
}
html[data-style="dark"] .stats-widget {
background-color: #222;
margin-top: 20px;
box-shadow: none;
border: 1px solid #1d1d1d;
border-radius: 3px;
}
html[data-style="dark"] .stats-widget .stats-widget-footer {
border-top: 1px solid #1d1d1d;
}
.page-header .breadcrumb {
background: none;
margin: 0;
padding: 10px 0 0 0;
font-size: 14px;
}
.breadcrumb > li + li:before {
padding: 0 0 0 5px;
}
html[data-style="dark"] .page-header .breadcrumb {
background-color: transparent;
}
.date-picker-directive > .input-group {
margin-bottom: 0;
margin-right: 4px;
}
.date-picker-directive .uib-monthpicker .btn,
.date-picker-directive .uib-yearpicker .btn,
.date-picker-directive .uib-daypicker .btn,
.date-picker-directive .uib-monthpicker .btn-default,
.date-picker-directive .uib-yearpicker .btn-default,
.date-picker-directive .uib-daypicker .btn-default {
box-shadow: none;
}
html[dir="rtl"] .date-picker-directive .uib-datepicker-popup.dropdown-menu {
right: auto;
}
Back to Directory
File Manager