Viewing File: /usr/local/cpanel/whostmgr/docroot/css/ssl_forms.less

form {
    margin: 20px 20px 20px 0;
    display: inline-block; /* So it wraps contents tightly. */
}

div.description {
    margin-right: 20px;
    width: 800px;
    font-style: normal;
}

.cjt-pagenotice-container {
    width: 800px;
}

div.section div.description {
    margin-left: 0;
    margin-right: 0;
    width: 496px;
    font-style: normal;
}

div.section div.description.dependent {
    margin-top: 0px;
}

label {
    font-weight: bold;
}

form input[type="text"] {
    width: 320px;
}

.first {
    margin-left: 0;
}

.section .action input[type="button"] {
    position: absolute;
    bottom: 0;
}

html[dir="ltr"] .section .action input[type="button"] {
    right: 0;
    margin-right: 0;
}
html[dir="rtl"] .section .action input[type="button"] {
    left: 0;
    margin-left: 0;
}

.section {
    margin-bottom: 25px;
    width: 538px;
}

.section div {
    margin-bottom: 4px;
}
.section div:last-of-type {
    margin-bottom: 0;
}

.section div input[type="button"] {
    margin-bottom: 3px;
}
.section.middle-buttons div input[type="button"] {
    margin-bottom: 0;
    vertical-align: middle;
}

.section div.description {
    margin-top: 10px;
}

.section div.action {
    vertical-align: bottom;
    line-height: 20px;
    position: relative;
}

/* ------------------------------------------------------------------------------------
- Formatting for the text areas and related parsed certificate.
---------------------------------------------------------------------------------------*/
textarea {
    font-family: monospace;
    font-size: 13px;
    margin: 0;
}

textarea,
.textarea-parse {
    border: 1px solid #aaaaaa;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.textarea-parse {
    background-color: #f0f0f0;
    border-top: none;
}

.ssl-certificate-parse {
    .ssl-certificate-parse-warn img,
    .ssl-certificate-parse-error img {
        vertical-align: middle;
        padding-bottom: 2px;
    }

    div.warn {
        display: inline-block;
        background-color: #ffb265;
        border: 1px solid #ff8000;
        padding: 2px 4px;
        margin-left: 10px;
        margin-right: 10px;
        white-space: normal;
        max-width: 400px;
        border-radius: 4px;
        vertical-align: top;
        position: relative;
        top: -2px;
    }

    div.error {
        display: inline-block;
        background-color: #ff9999;
        border: 1px solid #ff6e65;
        padding: 2px 4px;
        margin-left: 10px;
        margin-right: 10px;
        white-space: normal;
        max-width: 400px;
        border-radius: 4px;
        vertical-align: top;
        position: relative;
        top: -2px;
    }

    div.warn,
    div.error {
        max-width: 160px;
    }

    .ssl-certificate-parse-warn span {
        vertical-align: top;
        display: inline-block;
    }

    .ssl-certificate-parse-error span {
        vertical-align: top;
        display: inline-block;
    }

    ul.ssl-certificate-parse-domains {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .ssl-modulus {
        font-family: monospace;
        vertical-align: middle;
    }
}

html .yui-skin-sam .ssl-certificate-parse th {
    background: none !important; /* FOR WHM */
}

html .ssl-certificate-parse th {
    font-weight: bold;
}

html .ssl-certificate-parse th,
html .ssl-certificate-parse td {
    vertical-align: top;
}

html[dir="ltr"] .ssl-certificate-parse th {
    text-align: left;
}

html[dir="rtl"] .ssl-certificate-parse th {
    text-align: right;
}

input.error-highlight,
textarea.error-highlight {
    border: 1px solid red;
}

.section div input,
div.section div label[for] {
    vertical-align: bottom;
}

div.action label,
div.action span,
div.action input {
    vertical-align: middle;
}

label.readonly {
    color: #cccccc;
}
input.readonly {
    color: #cccccc;
    border-color: #cccccc;
}

div.cjt-notice-content div.extra-info {
    margin: 5px 5px 5px 5px;
    overflow: auto;
    width: 400px;
}

/* So these messages don't cover up the Fetch buttons. */
.validation_errors_div {
    max-width: 220px;
}

/* ---------------------------------------------------------------------------------------
 * Add .modal-open to body when a modal dialog box opens.
 * src: http://stackoverflow.com/questions/5802467/prevent-scrolling-of-parent-element
 * --------------------------------------------------------------------------------------- */
.modal-open {
    overflow: hidden;
}

#ipcombobox {
    border: 1px solid #aaaaaa;
    display: inline-block;

    span {
        display: inline-block;
        padding: 0 2px;
    }
    input {
        border: 0;
        border-right: 1px solid #aaaaaa;

        /* Normalize browser inconsistencies. */
        margin-top: 0;
        margin-bottom: 0;
    }
    a {
        display: inline-block;
        padding: 0 2px;
    }
    a:hover {
        text-decoration: none;
    }

    .yui-ac-highlight .ip_combo_item {
        background-color: #426fd9;
        color: #fff;
    }

    .yui-ac-input {
        position: static;
        width: 20em;
        vertical-align: middle;
    }
    .yui-ac-container {
        width: 534px;
        left: 0;
    }
    .yui-ac-container .yui-ac-content {
        max-height: 150px;
        overflow-y: scroll;
    }
}

html[dir="rtl"] #ipcombobox input {
    border-left: 1px solid #aaaaaa;
    border-right: 0;
}