Viewing File: /usr/local/cpanel/whostmgr/docroot/themes/x/master.css
/**
# cpanel - whostmgr/docroot/themes/x/master.css 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
*/
/* Begin Master CSS */
body {
font: 14px "Open Sans", Arial, sans-serif;
line-height: 20px;
background-color: #fff;
margin: 0;
padding: 0;
}
.errors {
color: #ff0000;
font-weight: bold;
font-style: italic;
font-size: 13px;
}
h1 {
font-size: 21px;
font-weight: bold;
color: #333333;
}
h2 {
font-size: 19px;
color: #333333;
font-variant: small-caps;
border: none;
}
h2 a .little {
font-size: 10px;
}
h1 > img {
vertical-align: middle;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px;
}
/* Table Styles */
.sortable,
.datatable {
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-collapse: collapse;
padding: 5px 0;
}
.fixedtable {
table-layout: fixed;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-collapse: collapse;
padding: 5px 0;
width: 80%;
}
.fixedtable th:nth-of-type(1),
.fixedtable td:nth-of-type(1) {
width: 50px;
}
.fixedtable th:nth-of-type(2),
.fixedtable td:nth-of-type(2) {
width: 70px;
}
.fixedtable th:nth-of-type(3),
.fixedtable td:nth-of-type(3) {
width: 600px;
}
.fixedtable th:nth-of-type(4),
.fixedtable td:nth-of-type(4) {
width: 200px;
}
.fixedtable th:nth-of-type(5),
.fixedtable td:nth-of-type(5) {
width: 200px;
}
.sortable caption,
.fixedtable caption,
.datatable caption {
color: #000;
}
.sortable th,
.fixedtable th,
.datatable th {
background-color: #e5e5e5;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
height: 30px;
padding: 0px 4px 0px 4px;
}
.sortable th a,
.fixedtable th a,
.datatable th a {
color: #000;
padding: 4px;
font-variant: small-caps;
font-weight: bold;
text-decoration: none;
}
.sortable a:active,
.sortable th a:hover,
.fixedtable a:active,
.fixedtable th a:hover,
.datatable a:active,
.datatable th a:hover {
color: #000;
text-decoration: underline;
}
.sortable th a:visited,
.fixedtable th a:visited,
.datatable th a:visited {
color: #000;
text-decoration: none;
}
.sortable a.sortheader,
.fixedtable a.sortheader,
.datatable a.sortheader {
text-decoration: none;
display: block;
}
table.sortable span.sortarrow,
table.fixedtable span.sortarrow,
table.datatable span.sortarrow {
color: black;
text-decoration: none;
}
table.sortable th .cell,
table.fixedtable th .cell,
table.datatable th .cell {
border-bottom: 1px solid #666;
border-top: 1px solid #666;
}
.sortable tr,
.fixedtable tr,
.datatable tr {
padding: 0;
}
.sortable td,
.fixedtable td,
.datatable td {
padding: 4px;
border-right: 1px solid #ccc;
}
.sortable .cell-inner,
.fixedtable .cell-inner,
.datatable .cell-inner {
border-right: 1px solid #666;
padding: 3px;
}
.sortable .cell-inner-end,
.fixedtable .cell-inner-end,
.datatable .cell-inner-end {
border-right: none;
padding: 3px;
}
.sortable a,
.fixedtable a,
.datatable a {
color: #0088cc;
text-decoration: none;
}
.sortable .cell,
.fixedtable .cell,
.datatable .cell {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 4px;
}
.sortable .cell-end,
.fixedtable .cell-end,
.datatable .cell-end {
border-bottom: 1px solid #ccc;
}
.sortable .row-odd,
.fixedtable .row-odd,
.datatable .row-odd {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 2px;
background-color: #f3f3f3;
}
.sortable .row-even,
.fixedtable .row-even,
.datatable .row-even {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 2px;
background-color: #fff;
}
.sortable .nobrd,
.fixedtable .nobrd,
.datatable .nobrd {
border-right: none;
}
.tdshade2 {
padding: 5px 0 5px 0;
background-color: #f3f3f3;
}
.layouttbl {
margin-top: 12px;
}
.layouttbl th {
background-color: #fff;
}
.layouttbldesc {
font-size: 11px;
}
/*End of table styles*/
.scellheader,
.scellheader a {
font-weight: bold;
font-color: #000000 !important;
color: #000000 !important;
}
.scellheader,
.scellheader a:hover {
font-weight: bold;
font-color: #000000 !important;
color: #000000 !important;
}
.sscellheader {
font-size: 11px;
font-weight: normal;
font-color: #000000;
color: #000000;
}
.confeditbox,
pre {
font: 12px "Andale Mono", "Courier New", Courier, monospace;
}
.confeditbox {
border: 1px #000 dotted;
display: block;
}
.redstatus {
color: #ff0000;
}
.details,
.details-noscript,
.details_75,
.details_150,
.details_block {
background-color: #ccc;
padding: 8px;
border: 1px #aaa solid;
overflow: auto;
display: none;
font-weight: normal;
width: 500px;
margin: 0 auto;
}
.details-noscript {
display: block;
overflow: scroll;
}
.details_block {
display: block;
}
.details_75 {
height: 75px;
overflow: scroll;
}
.details_150 {
height: 150px;
overflow: scroll;
}
.status {
color: #68818f;
font-weight: 700;
}
.description {
margin: 3px 20px 8px 0;
}
.boldit {
font-weight: 900;
}
/* TopFrame CSS */
.container:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.container {
display: block;
overflow: hidden;
}
#branding {
background-color: #293a4a;
padding-top: 10px;
padding-bottom: 5px;
}
#logo {
float: left;
width: 10%;
}
#logo h1 {
margin: 0;
padding: 0;
}
#version {
float: right;
padding: 5px 10px 0 0;
text-align: right;
width: 62%;
}
#version p {
margin: 0;
padding: 0;
}
#version,
#version a {
color: #ccc;
text-decoration: none;
}
#whm_nav {
background: #003c49;
}
#whm_nav ul,
#whm_nav ul li {
list-style-type: none;
margin: 0;
padding: 0;
}
#whm_nav ul li,
#whm_nav ul li a {
float: left;
}
#whm_nav ul li a {
color: #ccc;
padding: 8px 10px 8px 15px;
}
#pageheader {
padding-bottom: 10px;
}
.page-content {
margin: 10px 20px;
}
#doctitle h1 {
color: #333333;
font-size: 21px;
padding: 5px 0px;
/* account for the icon size in the title */
line-height: 32px;
}
#doctitle h1 img {
border: 0;
margin: 0;
padding: 0;
position: relative;
top: 10px;
}
.button-group,
.button-group button.default {
font-weight: normal;
}
/* Style adds underline to links in modal windows */
.yui-panel a:link {
text-decoration: underline;
}
/* End Master CSS */
/* Create Account Styles */
#content {
padding: 15px 15px 15px 0;
}
#content #nav {
float: left;
width: 185px;
}
#content p {
margin: 5px 0 15px;
}
#content ul,
#content ol {
margin: 5px 0 10px 22px;
}
#content ul li {
list-style-type: square;
}
#content ol li {
list-style-type: decimal;
}
/* Form styles */
.form_action {
border: 8px solid #ddd;
margin: 5px 0 20px;
width: 600px;
}
fieldset {
border: 1px solid #aaa;
padding: 10px 15px 5px;
margin: 0;
}
fieldset h3 {
color: #333333;
font-size: 116%;
margin: 0;
padding: 0 0 2px;
}
div.fixed_image {
color: #000;
display: block;
float: left;
font-weight: bold;
width: 30px;
clear: none;
vertical-align: middle;
}
label.fixed_with_image,
label span.fixed_with_image {
color: #000;
display: block;
float: left;
font-weight: bold;
width: 210px;
vertical-align: middle;
}
label.fixed_with_image a,
label span.fixed_with_image a {
font-weight: normal;
}
label.fixed,
label span.fixed {
color: #000;
display: block;
float: left;
font-weight: bold;
width: 240px;
}
label.fixed a,
label span.fixed a {
font-weight: normal;
}
#content fieldset ul,
#content fieldset ul li {
list-style-type: none;
margin: 0;
padding: 0;
}
fieldset li,
fieldset li div {
clear: both;
}
#content fieldset ul li {
border-top: 1px solid #ccc;
padding: 7px 0;
}
#content fieldset p {
font-size: 93%;
margin: 5px 0;
}
.field_selections {
float: right;
margin: -15px 0 0;
width: 338px;
}
.field_selections label {
display: inline;
float: none;
}
input[type="text"],
input[type="password"] {
border-top: 1px solid #999;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #999;
padding: 3px;
}
.tweaksettings input[type="button"],
input.tweaksettings[type="button"] {
margin-top: 6px;
}
.tweaksettings tr.disabled {
font-style: italic;
color: #999;
}
.tweaksettings tr.invalid {
background-color: #f99;
}
.tweaksettings tr.invalid td {
border-bottom: 1px solid #ccc;
}
.tweaksettings tr.invalid .warning {
border: 1px solid black;
font-weight: bold;
padding: 2px;
margin: 2px;
}
#goback,
.goback {
border: 1px solid #ccc;
padding: 5px;
}
.goback {
background-color: #f0f0f0;
}
.skip,
.skip:hover {
border: 1px solid #ccc;
padding: 5px;
background-color: #dbe7ea;
}
#content .required_warning p {
background: #f5f5f5;
border: 1px solid #ddd;
border-width: 1px 1px 1px 10px;
font-weight: bold;
margin: 5px 0 10px;
padding: 5px 13px;
width: 479px;
}
em.required {
color: #f00;
font-weight: bold;
}
acronym {
border-bottom: 1px dashed #000;
}
ul.blocklist li:first-letter {
font-weight: bold;
}
.fields {
margin: 7px 0 5px;
}
/* End Create Account Styles */
/* ******************************************* *
New styles as part WHM Improvements
* ******************************************* */
/*-------------------------------
Support menu
------------------------------- */
.supportContainer {
display: table-cell;
vertical-align: middle;
position: relative;
}
.slideContainer {
margin: 7px 20px 0 0;
padding: 0;
position: absolute;
width: 220px;
z-index: 99;
-webkit-transition: width 0.5s ease-in;
transition: width 0.5s ease-in;
display: none;
}
.slideContainer.show {
display: block !important;
}
@media (max-width: 768px) {
.supportContainer {
display: none;
}
}
html[dir="ltr"] .slideContainer {
right: 0;
}
html[dir="rtl"] .slideContainer {
margin: 7px 0 0 20px;
left: 0;
right: auto;
}
.slidePanel {
background-color: #5c5c5c;
margin: 0;
padding: 9px;
}
html[dir="ltr"] .slidePanel {
right: -32px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 5px;
border-top-left-radius: 0px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
html[dir="rtl"] .slidePanel {
left: -32px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.slidePanel a {
display: block;
padding: 4px;
}
/**** breadcrumb structural styles ******/
#navigation {
width: 100%;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 14px;
vertical-align: baseline;
background: transparent;
font-style: normal;
line-height: 18px;
color: #333;
}
#breadcrumbsContainer {
width: 100%;
z-index: 2147483645;
display: table-row;
}
@media (min-width: 769px) {
#breadcrumbsContainer {
min-height: 42px;
height: 42px;
}
}
@media (max-width: 768px) {
#breadcrumbsContainer {
min-height: 32px;
height: 32px;
}
}
.breadcrumbs {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0;
padding: 0 5px 0 0;
margin: 0;
width: 100%;
vertical-align: middle;
line-height: 18px;
}
.breadcrumbs li {
display: inline;
padding: 3px 3px 3px 3px;
}
.breadcrumbs li .leafNode {
color: #333333;
opacity: 0.9;
}
.breadcrumbs a#docs-link img {
width: 18px;
height: 18px;
color: black;
}
/* ------------------------------------------------------------------------------ */
/* trial and developer warning structural styles
/* ------------------------------------------------------------------------------ */
.callout {
border-left-width: 3px;
margin: 20px 0 0 0;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.callout .btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
}
.callout button,
.callout a.btn {
margin-top: 10px;
vertical-align: baseline;
}
.trialLicenseWarning h2,
.developerLicenseWarning h2 {
font-size: 19px;
margin-bottom: 18px;
margin-top: 0;
}
/* From: https://gist.github.com/ohryan/b9593841c024c033783d */
@media (max-width: 767px) {
/* xs */
.text-xs-left {
text-align: left;
}
.text-xs-right {
text-align: right;
}
.text-xs-center {
text-align: center;
}
.text-xs-justify {
text-align: justify;
}
}
@media (min-width: 768px) and (max-width: 991px) {
/* sm */
.text-sm-left {
text-align: left;
}
.text-sm-right {
text-align: right;
}
.text-sm-center {
text-align: center;
}
.text-sm-justify {
text-align: justify;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
/* md */
.text-md-left {
text-align: left;
}
.text-md-right {
text-align: right;
}
.text-md-center {
text-align: center;
}
.text-md-justify {
text-align: justify;
}
}
@media (min-width: 1200px) {
/* lg */
.text-lg-left {
text-align: left;
}
.text-lg-right {
text-align: right;
}
.text-lg-center {
text-align: center;
}
.text-lg-justify {
text-align: justify;
}
}
@media (max-width: 768px) {
.breadcrumbs {
padding: 3px 11px 1px 5px;
}
#mobileMenuCollapseLink .mobile-menu-icon {
margin: 4px 0 2px 4px;
}
.slideContainer {
display: none;
}
}
Back to Directory
File Manager