%PDF- %PDF-
Direktori : /var/www/projetos/romanian.ongrace.com/wp-content/plugins/wp-maintenance-mode/assets/css/ |
Current File : /var/www/projetos/romanian.ongrace.com/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%; } }