Viewing File: /usr/local/cpanel/whostmgr/docroot/templates/cpanel_customization/index.css

/*
     WARNING: This is a generated file. Any changes you make directly to this file
     will be overwritten when the file is regenerated. Add styles to the appropriate
     .less file instead.
*/
/*
# cpanel - whostmgr/docroot/templates/cpanel_customization/index.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
*/
/* ------------------------------------------------------------------------------ */
/* From later versions of bootstrap-rtl. Can be removed once we upgrade */
/* ------------------------------------------------------------------------------ */
html[dir="rtl"] .pull-right.flip {
  float: left !important;
}
html[dir="rtl"] .pull-left.flip {
  float: right !important;
}
.tab-panel,
.view-content {
  max-width: 1024px;
}
/* btn-loading rules copied from base.css / Paper Lantern style guide */
.btn-loading {
  position: relative;
}
.btn-loading .btn-label {
  visibility: hidden;
}
.btn-loading-indicator {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -7px;
  margin-top: -7px;
}
.btn-loading .btn-loading-indicator {
  display: inline-block;
  -webkit-animation: spin 0.8s infinite linear;
  -moz-animation: spin 0.8s infinite linear;
  -o-animation: spin 0.8s infinite linear;
  animation: spin 0.8s infinite linear;
}
/* upload-field rules */
.upload-field .fa-image {
  padding-left: 5px;
  padding-right: 5px;
}
.upload-field .filename {
  max-width: 280px;
  vertical-align: middle;
  word-wrap: break-word;
  padding-right: 5px;
}
.upload-field .btn-wrap {
  position: relative;
  display: inline-block;
}
/* stretch the underlying input[type=file] to cover the parent .btn transparently */
.upload-field input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 100%;
  width: 100%;
}
/* add hover and focus rules since the actual input is opacity 0 */
.upload-field input[type="file"]:focus + .btn {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.upload-field input[type="file"]:focus + .btn,
.upload-field input[type="file"]:hover + .btn {
  background: none;
  background-color: #ebebeb;
}
.view-content {
  padding: 10px 0 10px 0;
}
/* Had to add this for IE10 to show cursor hover styles */
.nav-tabs > li > a:hover {
  cursor: pointer;
}
/* Bootstrap patches */
html[dir="rtl"] button.list-group-item,
html[dir="rtl"] a.list-group-item {
  text-align: right;
}
button.list-group-item,
a.list-group-item {
  color: #428bca;
  width: 100%;
  text-align: left;
}
button.list-group-item:focus,
button.list-group-item:hover,
a.list-group-item:focus,
a.list-group-item:hover {
  text-decoration: underline;
  background-color: #f5f5f5;
}
button[disabled].list-group-item,
button[disabled].list-group-item:focus,
button[disabled].list-group-item:hover,
a.disabled,
a.disabled:focus,
a.disabled:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
  pointer-events: auto;
  text-decoration: none;
}
.preview-background {
  padding: 10px;
  text-align: center;
}
.preview-background img {
  margin-left: auto;
  margin-right: auto;
  max-width: 200px;
  max-height: 100px;
}
.colors-tab .help-block p {
  margin-top: 10px;
}
.colors-tab .help-block ul.examples {
  list-style-type: none;
  padding: 4px;
}
.colors-tab .help-block ul.examples li {
  padding-top: 4px;
}
.colors-tab .help-block ul.examples li span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
}
.colors-tab .help-block ul.examples li * {
  vertical-align: middle;
}
.logo-tab .upload-block {
  padding-left: 0;
  margin-bottom: 0;
}
.logo-tab .callout-header {
  margin-top: 15px;
  font-weight: bold;
}
.logo-tab .callout-container ul {
  padding-left: 25px;
  padding-right: 10px;
}
.logo-tab .callout-container ul li {
  margin-bottom: 8px;
}
.logo-tab .callout {
  margin: 0 0 15px 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 992px) {
  .logo-tab .callout-header {
    margin-left: 8px;
  }
  .logo-tab .upload-help {
    margin-bottom: 15px;
    padding: 0;
  }
}