File manager - Edit - /usr/local/cpanel/base/webmail/jupiter/mail_clients/mail_clients.css
Back
/* # cpanel - base/webmail/jupiter/mail_clients/mail_clients.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 */ .mail-client-section { display: block; margin-bottom: 20px; } .mail-client { width: 340px; margin-right: 10px; float: left; } .mail-client-name { font-weight: bold; font-size: 14px; text-transform: capitalize; } .mail-client-body { height: 150px; } .mail-client-img { max-width: 100%; max-height: 100%; } .mail-client-preview { text-align: center; height: 100px; overflow: hidden; display: block; } .mail-client-action { text-align: center; font-weight: bold; } a.mail-client-action-link { text-decoration: none; } a.mail-client-action-link:hover > .mail-client-action { text-align: center; font-weight: bold; color: #333333; background-color: #d4d4d4; } .default-mail-client { text-align: center; font-weight: bold; color: #ffffff; background-color: #2980b9; } #activeClientButtons { font-size: 14px; height: 60px; } #activeClientLogo { text-align: center; vertical-align: middle; max-height: 100%; max-width: 100%; } #activeClientLogoContainer { padding: 20px; width: 100%; height: calc(100% - 60px); /* Couldn't find a calc that better does this, so I'm approximating * * Basically just want to center the image vertically */ line-height: 150px; text-align: center; background: transparent; border: 0; } #availableEmail::placeholder { font-style: italic; } #activeClientLogoContainer:focus { outline-offset: -5px; } #clientColumn h3 { margin-top: 0; } #activeClientContainer { height: 250px; } html[dir="ltr"] #activeClientButtons label { margin-left: 5px; } html[dir="rtl"] #activeClientButtons label { margin-right: 5px; } html[dir="rtl"] #launchActiveButton { margin-left: 10px; } html[dir="ltr"] #launchActiveButton { margin-right: 10px; } #errorDetailsHeader { margin-top: 5px; } #errorDetailsHeader button { margin-top: 5px; text-decoration: none; } #errorDetailsHeader > button > span { font-weight: bold; } #errorDetailDisplay { overflow-wrap: break-word; hyphens: auto; } #errorDetailDisplay ul { list-style-type: none; padding: 0; } .btn-show-hide { padding: 0 0 4px 0; border: 0; text-decoration: none; } .form-control.invalid:focus { border-color: #ff0000; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6); } #checkWithDevice { padding-left: 40px; padding-right: 40px; } #checkWithDevice.fullWidth { width: 100%; padding-left: 15px; padding-right: 15px; } #checkWithDevice h3 { margin-top: 0; } #infoAccountPreference { font-size: 16px; } .constrained { width: 1500px; } @media (max-width: 1544px) { .constrained { width: 1150px; } } @media (max-width: 1174px) { .constrained { width: 1000px; } } @media (max-width: 1066px) { .constrained { max-width: calc(100% - 20px); min-width: 375px; margin: 0; } #checkWithDevice.fullWidth { width: 100%; padding-left: 0; padding-right: 0; } s footer .navbar { margin: 0; } #clientColumn h3 { margin-left: -10px; margin-right: -10px; } #webmailFeatureList h3 { margin-left: 5px; margin-right: 5px; } } @media (max-width: 950px) { #checkWithDevice { width: 100%; padding-left: 15px; padding-right: 15px; } #checkWithDevice.fullWidth { width: 100%; padding-left: 0; padding-right: 0; } #content { padding-left: 0; padding-right: 0; } #checkWithDevice h3 { margin-top: 20px; margin-left: -10px; margin-right: -10px; } #webmailFeatureList h3 { margin-left: 5px; margin-right: 5px; } } @media (max-width: 767px) { #activeClientLogo { height: auto; width: auto; } #checkWithDevice h3 { margin-top: 20px; margin-left: -10px; margin-right: -10px; } #content { padding-left: 0; padding-right: 0; } #clientColumn h3 { margin-left: -10px; margin-right: -10px; } #webmailFeatureList h3 { margin-left: 5px; margin-right: 5px; } } div.clientDock { padding-left: 15px; padding-right: 15px; } button.availableClientDock { height: 55px; text-align: center; display: inline-block; width: 49%; padding: 5px; border: none; background: transparent; } #sendDeviceConfig { width: 100%; } #sendInstructionsBtn { min-width: 60px; } button.availableClientDock.disabled { opacity: 0.33; } button.availableClientDock:hover { cursor: pointer; transition: box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); } button.availableClientDock.disabled { outline: none; } button.availableClientDock.disabled:hover { cursor: not-allowed; box-shadow: none; } button.availableClientDock:active { cursor: grabbing; } img.availableClientDock { max-width: 148px; height: 100%; } .invisible { display: none; } .overexposed { display: inline; } .sendEmailFormLabel { font-weight: bold; } #emailFormValidation { margin-top: 5px; } .general-info-label { text-transform: capitalize; display: block; } .general-info-value { display: block; } .panel-widget { border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); height: auto; border: none; margin-bottom: 15px; display: table; width: 100%; max-width: 100%; } .widget-heading { border: 1px solid #293a4a; background-color: rgba(41, 58, 74, 0.95); color: #ffffff; text-transform: uppercase; } #stats .panel-widget .widget-heading { background-color: #ffffff; color: #0a2540; border: none; text-transform: none; font-size: 14px; font-weight: 600; padding: 22px 22px 10px 22px; } html[dir="rtl"] #stats .panel-widget .widget-heading { padding: 22px 22px 10px 22px; } #stats .panel-widget td { padding: 8px 24px; } #stats .panel-widget td .general-info-label { font-size: 12px; color: #586376; } #stats .panel-widget td .general-info-value { font-size: 14px; } .gen-info__title_row { position: relative; } .gen-info__details-title { display: inline-block; } .copy-msg-container { position: absolute; right: 10px; top: 5px; display: none; } html[dir="rtl"] .copy-msg-container { left: 10px; right: auto; } .show-copy-success { display: inline-block; -moz-animation: animateFadeOut 0s ease-in 3s forwards; /* Firefox */ -webkit-animation: animateFadeOut 0s ease-in 3s forwards; /* Safari and Chrome */ -o-animation: animateFadeOut 0s ease-in 3s forwards; /* Opera */ animation: animateFadeOut 0s ease-in 3s forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; animation-timing-function: ease-in-out; -webkit-animation-duration: 0.35s; -moz-animation-duration: 0.35s; animation-duration: 0.35s; } @keyframes animateFadeOut { from { opacity: 1; display: inline-block; } to { opacity: 0; width: 0; height: 0; overflow: hidden; } } @-webkit-keyframes animateFadeOut { from { opacity: 1; display: inline-block; } to { opacity: 0; width: 0; height: 0; display: none; } } .long-text-fade-overflow { width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; display: inline-block; vertical-align: middle; } .long-text-fade-overflow::before { content: ""; width: 25%; height: 100%; position: absolute; right: 0; top: 0; background: linear-gradient(transparent -10px, white); } html[dir="rtl"] .long-text-fade-overflow::before { left: 0; right: auto; } .long-text-fade-overflow:hover { overflow: visible; text-decoration: underline; } .long-text-fade-overflow:hover::before { background: none; } .uuid-copy-container { color: #365aa2; } .uuid-copy-container:hover { color: #2d5ef2; cursor: pointer; }
| ver. 1.4 |
Github
|
.
| PHP 8.1.34 | Generation time: 0.05 |
proxy
|
phpinfo
|
Settings