HOME

Mini Shell 1.0
DIR:/home/republicofchicken.in/www/wp-content/plugins/wp-maintenance-mode/assets/css/
Current File : /home/republicofchicken.in/www/wp-content/plugins/wp-maintenance-mode/assets/css/style.css
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    display: block;
    width: 500px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    font-style: italic;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '"';
    content: none;
}
input, button {
    border-radius: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
em, i {
    font-style: italic;
}
del {
    text-decoration: line-through;
}
strong, b {
    font-weight: bold;
}
ol {
    width: 600px;
    margin: 0 auto;
    text-align: left;
}
ol li {
    list-style-type: decimal;
}
ul {
    width: 600px;
    margin: 0 auto;
    text-align: left;
}
ul li {
    list-style: disc;
}
a {
    color: inherit;
    text-decoration: underline;
}
body, html {
    min-height: 100%;
}
body {
    background-color: #fff;
    color: #1b1f23;
    font-family: Helvetica Neue, Arial, sans-serif;
}
.wrap {
    width: 605px;
    margin: 100px auto 0;
    text-align: center;
}
.wrap h1 {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 90px;
}
.wrap h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 45px;
    margin: 0 0 80px;
}

.wrap h2 img {
    max-width: 100%;
    height: auto;
}

.wrap h2 .fluid-width-video-wrapper {
    margin-top: 10px;
    margin-bottom: 10px;
}

.wrap h3 {
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 45px;
}

/* keep .author_link for backward compatibility */
.wrap .footer_links,
.wrap .author_link {
    margin-top: 15px;
    color: #616161;
    margin: 0 0 50px;
}

.wrap .footer_links a,
.wrap .author_link a {
    color: #000;
}

/**
 * COUNTDOWN
 **/

.wrap .countdown {
    margin: 0 0 85px;
}
.wrap .countdown span {
    font-size: 30px;
}
/**
 * SUBSCRIBE FORM
 **/
.wrap div.subscribe_border {
    border: 3px solid #e0e0e0;
    box-sizing: border-box;
    width: 450px;
    display: inline-block;
    background-color: #fff; /*2.3.0*/
}
.wrap form.subscribe_form {
    margin: 0 0 75px;
    overflow: hidden;
    text-align: center;
}
.wrap .subscribe_form .privacy_checkbox {
    color: #909090;
    max-width: 450px;
    margin: 15px auto;
    position: relative;
}
.wrap form.subscribe_form .privacy_checkbox label.error {
    display: block !important;
    position: absolute;
    font-size: 11px;
    left: 39%;
}
.wrap .subscribe_form .privacy_checkbox input {
    float: none;
    margin: 3px 4.7px;
}
.wrap .subscribe_form .privacy_tail {
    font-size: 11px;
    color: #909090;
    max-width: 450px;
    margin: 0 auto;
}
.wrap form.subscribe_form input {
    margin: 0;
    outline: 0;
    border: 0;
    float: left;
    font-size: 18px;
    padding: 20px 25px;
    box-sizing: content-box;
}
.wrap form.subscribe_form input[type="text"] {
    width: 245px;
}

.wrap form.subscribe_form input[type="submit"] {
    background: #000;
    color: #fff;
    float: right;
    cursor: pointer;
    padding: 20px 30px;
    border-left: 3px solid #e0e0e0;
    transition: all .3s;

    /* Fix for https://github.com/andrianvaleanu/WP-Maintenance-Mode/issues/222#issuecomment-542777163 @ 2.3.0 */
    border-radius: 0 !important;
    -webkit-appearance: none !important;
}
.wrap form.subscribe_form input[type="submit"]:hover {
    background: #fff;
    color: #000;
    border-left: 3px solid #e0e0e0;
}
.wrap form.subscribe_form input[type="submit"]:active {
    background: #1e1e1e;
    color: #fff;
}
.wrap form.subscribe_form .error {
    color: red;
}
.wrap form.subscribe_form label.error {
    display: none !important;
}
/**
 * LOGIN FORM
 **/

.wrap form.login_form {
    width: 100%;
    margin: 15px 0 0;
}
.wrap form.login_form input {
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 3px solid #E2E2E2;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 16px;
    margin: 0 10px 0 0;
    outline: 0;
    padding: 15px;
}
.wrap form.login_form input[type="submit"] {
    background: #000;
    color: #fff;
    margin: 0;
    border-color: #000;
    font-weight: bold;
    padding: 15px 30px;
    cursor: pointer;
}
.wrap form.login_form input[type="submit"]:active {
    position: relative;
    top: 1px;
}
/**
 * SOCIAL NETWORKS
 **/

.wrap .social {
    margin: 0 0 70px;
}
.wrap .social a {
    width: 22px;
    height: 22px;
    margin: 0 0 20px 55px;
    background-image: url('../images/icn_sprite.png');
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -999em;
}
.wrap .social a:first-of-type {
    margin: 0 0 20px 0;
}
.wrap .social .git {
    background-position: 0 0;
}
.wrap .social .fb {
    background-position: -240px 0;
}
.wrap .social .instagram {
    background-position: -707px 0;
}
.wrap .social .tw {
    background-position: -162px 0px;
}
.wrap .social .rss {
    background-position: -402px 0;
}
.wrap .social .mail {
    background-position: -560px 0;
}
.wrap .social .pin {
    background-position: -322px 0;
}
.wrap .social .dribbble {
    background-position: -82px 0;
}
.wrap .social .gplus {
    background-position: -486px 0;
}
.wrap .social .linkedin {
    background-position: -633px 0;
}
/**
 * CONTACT FORM
 **/

.wrap .contact_us {
    color: #000;
    border: 3px solid #000;
    font-size: 18px;
    padding: 15px 40px;
    display: inline-block;
    margin: 0 0 70px;
}
.wrap .contact_us:hover {
    background: #000;
    color: #fff;
}
.contact_us { text-decoration: none; }
.contact_us, input[type=submit] { transition: all .3s ease-in-out; }
.contact {
    position: fixed;
    display: none;
    overflow: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(27, 31, 35, 0.95);
}
.contact label.error {
    color: red;
    float: left;
    font-size: 11px;
    padding-top: 10px;
}
.close-contact_form {
    position: absolute;
    left: 46%;
    top: -60px;
    cursor: pointer;
}
.close-contact_form img { width: 40px; height: 40px; }
.contact .form {
    width: 520px;
    text-align: center;
    padding: 40px;
    background: #f9f9f9;
    box-sizing: border-box;
    margin: 100px auto;
    transition: 0.2s transform ease-in-out;
}
.contact .form input[type=text],
.contact .form input[type=submit],
.contact .form textarea {
    padding: 15px 20px;
    margin: 0;
    outline: 0;
    width: 100%;
    background: #f9f9f9;
    border: 3px solid #e0e0e0;
    font-size: 18px;
    font-family: Helvetica Neue, Arial, sans-serif;
    box-sizing: border-box;
    resize: none;
}
.contact .form label#content-error { margin-bottom: 10px; }
.contact .form .privacy_checkbox {
    margin-top: 20px;
    clear: both;
    color: #909090;
    font-size: 15px;
    position: relative;
}
.contact .form .privacy_checkbox label#acceptance-error {
    position: absolute;
    top: 10px;
    left: 39%;
}
.contact .form .privacy_checkbox input {
    transform: translatey(-2px);
}
.contact .form .privacy_tail {
    font-size: 11px;
    color: #c7c7c7;
    margin-top: 16px;
    line-height: 14px;
}
.contact .form textarea {
    height: 175px;
    padding: 20px;
}
.contact .form input[type="text"]::-webkit-input-placeholder, .contact .form textarea::-webkit-input-placeholder {
    color: #dadada;
}
.contact .form input[type="text"]::-moz-input-placeholder, .contact .form textarea::-moz-input-placeholder {
    color: #dadada;
}
.contact .form input[type="text"]::-ms-input-placeholder, .contact .form textarea::-ms-input-placeholder {
    color: #dadada;
}
.contact .form .col {
    width: 205px;
    margin: 0 0 30px;
    display: inline-block;
    float: left;
}
.contact .form .col.last {
    float: right;
}
.contact .form .submit {
    margin: 30px 0 0;
    text-align: center;
    clear: left;
}
.contact .form .submit input {
    cursor: pointer;
    display: inline-block;
    background: #1b1f24;
    color: #fff;
    border: 0;
    padding: 20px 45px;
    width: auto;
}
/*======= MOVE ANIMATION =======*/

.contact .move_top {
    transform: perspective(1000px) translateY(-200px);
}
.contact .move_bottom {
    transform: perspective(1000px) translateY(0);
}
/*======= ZOOM ANIMATION =======*/

.contact .zoom {
    transform: perspective(1000px) scale(0.5);
    transition: 0.3s transform ease-in-out;
}
.contact .zoomed {
    transform: perspective(1000px) scale(1);
}
/*======= FOLD ANIMATION =======*/

.contact .fold {
    transform: perspective(1000px) rotateY(90deg);
}
.contact .unfold {
    transform: perspective(1000px) rotateY(0);
}
/**
 * EDITS WHEN HAVE BACKGROUND CLASS
 **/

.background {
    background: url('../images/backgrounds/bg1.jpg') no-repeat center top fixed;
    background-size: cover;
}
.background .countdown span {
    color: #fff;
}
.background form.subscribe_form input[type="submit"] {
    color: #000;
    background: #fff;
}
.background form.subscribe_form input[type="text"] {
    background: transparent;
    color: #fff;
}
.background form.subscribe_form input.error[type="text"] {
    color: red;
}
.background form.subscribe_form input[type="text"]::-webkit-input-placeholder {
    color: #fff;
}
.background form.subscribe_form input[type="text"]::-moz-input-placeholder {
    color: #fff;
}
.background form.subscribe_form input[type="text"]::-ms-input-placeholder {
    color: #fff;
}
/*2.3.0*/
.background form.subscribe_form .subscribe_border {
    background-color: transparent;
}
/**/
.background .contact_us {
    color: #fff;
    border-color: #fff;
}

/**
 * MEDIA QUERIES (RESPONSIVE)
 **/

@media only screen and (max-width: 700px) {
    .wrap form.login_form {
        width: 90%;
        margin: 15px auto 0;
    }
    .wrap form.login_form input {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .wrap form.login_form input[type="submit"] {
        width: 100%;
        margin: 5px 0 5px;
    }
}
@media only screen and (max-width: 550px) {
    .wrap {
        width: 90%;
        margin: 50px auto 0;
    }
    .wrap h1 {
        margin: 0 0 50px;
    }
    .wrap h2, .wrap h3 {
        font-size: 18px;
    }
    .wrap h2 .fluid-width-video-wrapper {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .wrap form.subscribe_form {
        box-sizing: border-box;
        width: 100%;
    }
    .wrap form.subscribe_form input {
        box-sizing: border-box;
    }
    .wrap form input[type="text"], .wrap form input[type="submit"] {
        width: 100% !important;
    }
    .wrap form.subscribe_form input[type="submit"] {
        padding-left: 0;
        padding-right: 0;
        border-left: none;
    }

    /*2.3.0*/
    .wrap form.subscribe_form input[type="submit"]:hover {
        border-left: none;
    }

    .wrap div.subscribe_border {
        width: 95%;
    }
    /**/

    .wrap .contact_us {
        margin: 0 0 50px;
    }
    .contact .form {
        width: 90%;
    }
    .contact .form p.col {
        width: 100%;
    }
    .contact .form input[type="submit"] {
        width: 100%;
    }
    ul, ol {
        width: 80%;
    }
    blockquote, q {
        width: 70%;
    }
}
@media only screen and (max-width: 465px) {
    .contact .form .privacy_checkbox label#acceptance-error {
        top: 28px;
        left: 32%;
    }
}