/* CSS Area Riservata/Login con personalizzazione plugin Theme my login by EM3DESIGN, http://www.em3design.it/ */ /* Theme My Login Versione 6.4.4 -- V6.3 2020/07 */ /*-------------------------------------------------------------------------------------------*/ /* RESET */ /*-------------------------------------------------------------------------------------------*/ body, html { height: 100%; } 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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; }/* remember to define focus styles! */ del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */ /*-------------------------------------------------------------------------------------------*/ /* GENERAL STYLES */ /*-------------------------------------------------------------------------------------------*/ /* Clear Floats */ .col-full:after{content: "."; display: block;height: 0;clear: both; visibility: hidden;} .fix{clear: both;height: 0px;margin: -1px 0 0;overflow: hidden;} html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }/* http://sonspring.com/journal/clearing-floats */ /*-------------------------------------------------------------------------------------------*/ /* FINE RESET */ /*-------------------------------------------------------------------------------------------*/ /* Per bloccare pis-footerbar in fondo alla pagina N.B. 1.Inserire la classe pis-wp-toolbar al tag di apertura html (e.s in header.php ...) 2.Inserire la classe pis-wrap ad un div che racchiudere TUTTO il contenuto TRANNE
*/ .tml input { max-width: calc(100% - 50px) !important; } html.pis-wp-toolbar { padding-top: 0; margin-top: 0 !important; } html.pis-wp-toolbar .pis-wrap { padding-bottom: 0; } html.pis-wp-toolbar .customize-support .pis-wrap { padding-top: 82px; } body { height: auto !important; min-height: 100%; position: relative; width: 100%; } /*Barra Pis (top) di amministrazione in sostituzione di quella standard per gli utenti*/ #pis-wpadminbar { background-color:#222; color: #CCCCCC; direction: ltr; font: 13px/28px sans-serif; height: 32px; left: 0; min-width: 600px; position: fixed; top: 0; width: 100%; z-index: 99999; border-bottom: 5px solid #FE9D01; box-shadow: 0 0 60px rgba(0, 0, 0, 0.3); } #pis-wpadminbar a { color: #CCCCCC!important; font: 13px/28px sans-serif; height: auto; letter-spacing: normal; margin: 0; padding: 0; position: static; text-shadow: 0 -1px 0 #444444; text-transform: none; width: auto; display: inline-block; height: 28px; margin: 0; padding: 0 12px; border-right: 1px solid #333333; height: 23px; line-height: 23px; } #pis-wpadminbar a:hover { text-decoration: none; background-color: #3A3A3A; background-image: -moz-linear-gradient(center bottom, #3A3A3A, #222222); color: #FAFAFA; } #pis-wpadminbar .inner-fl { float:left; border-left: 1px solid #555555; display: block; height: 28px; } #pis-wpadminbar .inner-fr { float:right; border-right: 1px solid #333333; display: block; height: 28px; } #pis-wpadminbar a#login { float:right; border-left: 1px solid #555555; } /*pis-footerbar personalizzato passioninsite*/ #pis-footerbar { background-color: #222; bottom: 0; clear: both; color: #cccccc; font: 13px/28px sans-serif; height: 32px; margin: 0 auto; overflow: hidden; padding: 2px 0 0; position: absolute; width: 100%; } #form-bg-PIS #pis-footerbar { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); width: 210px; border-radius: 0 0 5px 5px; position: relative; } #pis-footerbar #pis-logo, #pis-footerbar #em3-logo { text-align: center; line-height: 24px; padding: 2px 10px 0; font-family: Oswald; } #pis-footerbar #pis-logo a, #pis-footerbar #em3-logo a { display: inline-block; margin-left: 5px; overflow: hidden; text-indent: 999px; width: 100px; } #pis-footerbar #pis-logo a { background: url(/wp-content/themes/MigliorOlio/pis-images/logo-passioninsite-footer-black.png) no-repeat scroll 0 0 transparent; vertical-align: top; } #pis-footerbar #em3-logo a { background: url(/wp-content/themes/MigliorOlio/pis-images/logo-em3design-footer-black.png) no-repeat scroll 0 0 transparent; vertical-align: top; } #pis-footerbar #pis-logo a:hover, #pis-footerbar #em3-logo a:hover { background-position: 0 -30px; } /*-----------FORM LOGIN e Maintenance Mode 503.php---------*/ * { margin: 0; padding: 0; } .fl { float: left; } .fr { float: right; } .text-right { text-align:right; } .text-left { text-align:left; } .text-center { text-align:center; } .text-justify { text-align:justify; } /* distanziatori */ .mt-10 { margin-top: 10px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .mr-10 { margin-right: 10px; } .mr-20 { margin-right: 20px; } .mr-30 { margin-right: 30px; } .mr-40 { margin-right: 40px; } .mb-10 { margin-bottom: 10px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .ml-10 { margin-left: 10px; } .ml-20 { margin-left: 20px; } .ml-30 { margin-left: 30px; } .ml-40 { margin-left: 40px; } .pt-20 { padding-top: 20px; } .pr-20 { padding-right: 20px; } .pr-30 { padding-right: 30px; } .pb-20 { padding-bottom: 20px; } .pl-20 { padding-left: 20px; } .pl-30 { padding-left: 30px; } body { font-family: Oswald, sans-serif !important;; background-color: #F1F1F1 !important; color: #222; font-size: 16px; line-height: 22px; -webkit-box-shadow: 0 0 300px #cfcfcf inset; -moz-box-shadow: 0 0 300px #cfcfcf inset; box-shadow: 0 0 300px #cfcfcf inset; } body #bg-PIS { background-position: center center; background-size: cover; height: 100%; position: absolute; width: 100%; } #form-bg-PIS { position: relative; z-index: 1; padding-top: 10vw; } body a { color: #B5121B; text-decoration: none; } body a:hover { color: #666; } p { padding: 5px 0; font-family: Oswald !important; } #center-content { text-align: center; } #center-content p { clear: both; display: block; font-size: 1em; margin-bottom: 10px; text-align: center; } /*p fantasma*/ #center-content p:empty { display: none; } .compact p { line-height: 16px; padding: 0; } #center-content .message { font-size: 0.8em; } #icona { background:transparent url(/wp-content/themes/MigliorOlio/pis-images/icons32.png) no-repeat scroll -432px -5px; height:36px; margin:14px 20px 0 0; width:36px; margin:0 auto; } #icona2 { background:transparent url(/wp-content/themes/MigliorOlio/pis-images/icons32.png) no-repeat scroll -492px -5px; height:36px; margin:14px 20px 0 0; width:36px; margin:30px auto 0; } h1, h2, h3, h4, h5 { color: #444444; text-shadow: 1px 1px 0 #FFFFFF; } h1 { -x-system-font:none; font-size:44px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:35px; margin:0; padding:15px 0; text-shadow:1px 1px 0 #FFFFFF; } h3 { font-size: 18px; font-weight: bold; } #info { font-size:0.7em; color:#999; width:500px; margin: 40px auto 0; background-color:#F7F7F7; } #info p { border-top:1px solid #eee; border-bottom:1px solid #eee; border-left:10px solid #eee; border-right:10px solid #eee; padding:10px; } input:-webkit-autofill { background-color: #FE9D01 !important; } .tml { margin: 0 auto; max-width: 320px; } .tml .tml-user-login-wrap label { text-align: center; } #form-bg-PIS .post img { max-width: 100%; height: auto; box-sizing: border-box; } #form-bg-PIS #theme-my-login, #form-bg-PIS .entry-content > form { box-shadow: 0 0 70px rgba(0, 0, 0, 0.4); background-color: rgba(255, 255, 255, 0.5); border: none; width: 300px; margin: 20px auto 0; padding: 20px; max-width: calc(100% - 50px); } #theme-my-login { margin: 0 auto; } #theme-my-login .anr_captcha_field { display: inline-block; margin-top: 25px; } #theme-my-login .tml-user-login-wrap > label { margin: 20px 0 5px; text-align: center; } #form-bg-PIS .pis-wrap .tml-login .tml-submit-wrap { margin: 10px 0 0; } .pis-wrap .tml-login .tml-submit-wrap { margin: 15px 0 !important; display: block; } .pis-wrap .tml-login img { background-color: #FE9D01; padding: 5px; display: inline; } .tml-user-links li:first-child { padding-top: 10px !important; } .pis-wrap .tml-user-links > li { padding: 8px 0 !important; } .tml-user-avatar { display: none; } .pis-wrap .tml-login #lostpasswordform label { line-height: 35px; } .pis-wrap .tml-login p.message { display: none; } #form-bg-PIS .pis-wrap .tml-login p.message, #form-bg-PIS .pis-wrap .tml-login p.error { background-color: #ffffff; border: 2px dashed #222; color: #222; line-height: 1.3em; margin: 15px 0 25px; padding: 15px 5px; } .pis-wrap .tml-login p.message strong, .pis-wrap .tml-login p.error strong{ color: #222; } .pis-wrap .tml-login p.message a, .pis-wrap .tml-login p.error a{ color: #b5121b; display: block; margin-top: 12px; } .pis-wrap .tml-login p.message a:hover, .pis-wrap .tml-login p.error a:hover { color: #666; } body .text-red, #login_error { color: #B3071B; opacity: 1 !important; } #loginform label, #loginform1 label, .cptch_block { display: inline-block; padding-right: 5px; color: #222; } #center-content .cptch_block { margin-bottom: -5px; } .tml-rememberme-wrap { font-size: 80% !important; display: inline-block !important; margin: 20px 0 0 !important; padding: 0; } .tml-rememberme-wrap > input[type="checkbox"] { margin: 0 2px 6px; } .tml-action-links a { font-size: 80%; line-height: 1; font-family: Oswald; } #loginform .tml-rememberme-wrap label, #loginform1 .tml-rememberme-wrap label { display: inline; } #theme-my-login .tml-submit-wrap input, #theme-my-login1 .tml-submit-wrap input, #hide .tml-submit-wrap input, .post-password-form input[type="submit"], .et_password_protected_form .et_submit_button { text-decoration: none !important; vertical-align: middle !important; padding: 10px 20px !important; cursor: pointer !important; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; box-sizing: content-box; font-weight: bold; background-color: #222; border: 1px solid #222; color: #fff; font-family: Oswald !important; text-transform: uppercase; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.5); -moz-box-shadow: 0 0 6px rgba(0,0,0,.5); box-shadow: 0 0 6px rgba(0,0,0,.5); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; max-width: 258px; } #theme-my-login .tml-submit-wrap input:hover, #theme-my-login1 .tml-submit-wrap input:hover , #hide .tml-submit-wrap input:hover, .post-password-form input:hover[type="submit"], .et_password_protected_form .et_submit_button:hover { background-color: #e6e6e6; color: #222; border: 1px solid #d4d2d2; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none; text-shadow: none; } #theme-my-login #loginform label, #theme-my-login1 #loginform1 label { text-align: center; width: 100%; } #loginform .tml-rememberme-wrap > label { font-weight: normal; position: relative; margin-left: 5px; top: 2px; } #theme-my-login #loginform .tml-rememberme-wrap label, #theme-my-login1 #loginform1 .tml-rememberme-wrap label { display: inline; } #theme-my-login #loginform input#user_login, #theme-my-login1 #loginform1 input#user_login1, #theme-my-login #loginform input#user_pass, #theme-my-login1 #loginform1 input#user_pass1, #theme-my-login #lostpasswordform input#user_login, #theme-my-login1 #lostpasswordform input#user_login1, .cptch_input, .post-password-form input[type="password"], .et_password_protected_form input[type="password"], #resetpassform .password-input-wrapper input, #theme-my-login .password-input-wrapper.show-password input#pass1-text, .password-input-wrapper input.password-input { background-color: rgba(255, 255, 255, 0.5); border: 1px solid #D4D2D2 !important; color: #222 !important; margin: 0 !important; line-height: 30px; padding: 7px 10px !important; width: 89%; font-size: 20px !important; font-weight: bold; border-radius: 0 !important; font-family: Oswald; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .password-input-wrapper input.password-input { margin-bottom: 20px !important; max-width: none !important; } .password-input-wrapper .wp-hide-pw { top: -10px; position: relative; } #resetpassform .password-input-wrapper input { float: left; width: 100%; margin-bottom: 15px !important; } #resetpassform .password-input-wrapper span.wp-hide-pw.hide-if-no-js.wp-hide-pw { display: inline-block; padding-top: 12px; } .et_password_protected_form form::before { background: rgba(0, 0, 0, 0) url("/wp-content/themes/MigliorOlio/pis-images/shortcodes-sprite.png") no-repeat scroll -275px -2px; content: ""; display: block; height: 20px; margin-top: 30px; width: 10px; } .et_password_protected_form input[type="password"] { float: right; width: 82%; position: relative; top: -37px; } /*Nascondo cookie Bar(plugin: Cookie Notice by dFactory)*/ #cookie-notice { display: none; } /*Nascondo Social Share (Monarch Plugin by ElegantThemes*/ .et_social_mobile { display: none; } /*Login protetto da password*/ .post-password-form > h1, .et_password_protected_form > h1 { display: none; font-size: 30px; } .post-password-form > p:first-child::before, .et_password_protected_form > p:first-child::before { margin-bottom: -20px; display: block; content: "Inserisci la \"PRE-PASSWORD\" di sicurezza per poter accedere al Log In. Grazie."; font-size: 16px; } #center-content .post-password-form > p:first-child, #center-content .et_password_protected_form > p { font-size: 0; } .post-password-form label, .et_password_protected_form label { font-size: 0; } .post-password-form input[type="submit"], .et_password_protected_form input[type="submit"] { margin-top: 30px; } /*Chrome autofill*/ #theme-my-login #loginform input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } #theme-my-login #loginform input#user_login, #theme-my-login #loginform input#user_pass{ float: right; } #theme-my-login #loginform input#user_login { margin-bottom: 10px !important; } #theme-my-login #loginform label:first-child { float: left; height: 23px; overflow: hidden; width: 10px; margin-top: 9px; line-height: 40px; } #theme-my-login #loginform label:first-child:before { background: url(/wp-content/themes/MigliorOlio/pis-images/shortcodes-sprite.png) no-repeat scroll -190px -37px rgba(0, 0, 0, 0); display: block; height: 20px; width: 10px; content: ""; } #theme-my-login #loginform p:nth-child(2) label:first-child:before { background-position: -275px -2px; height: 23px; } form input.cptch_input { text-align: center; width: 50px !important; } #theme-my-login #lostpasswordform input#user_login,#theme-my-login1 #lostpasswordform input#user_login1 { margin-bottom: 5px; } #theme-my-login #loginform input#user_login:focus, #theme-my-login #loginform input#user_pass:focus, #theme-my-login #lostpasswordform input#user_login:focus, #theme-my-login1 #loginform1 input#user_login1:focus, #theme-my-login1 #loginform1 input#user_pass1:focus, #theme-my-login1 #lostpasswordform input#user_login1:focus, .cptch_input:focus, .post-password-form input[type="password"]:focus, .et_password_protected_form input[type="password"]:focus { background: #fff !important; border-color: #222 !important; } #theme-my-login #loginform input#user_login:-webkit-autofill, #theme-my-login #loginform input#user_pass:-webkit-autofill, #theme-my-login #lostpasswordform input#user_login:-webkit-autofill, #theme-my-login1 #loginform1 input#user_login1:-webkit-autofill, #theme-my-login1 #loginform1 input#user_pass1:-webkit-autofill, #theme-my-login1 #lostpasswordform input#user_login1:-webkit-autofill { background-color: #fff !important; } #theme-my-login #loginform input#user_login:hover, #theme-my-login #loginform input#user_pass:hover, #theme-my-login #lostpasswordform input#user_login:hover, #theme-my-login1 #loginform1 input#user_login1:hover, #theme-my-login1 #loginform1 input#user_pass1:hover, #theme-my-login1 #lostpasswordform input#user_login1:hover, .post-password-form input:hover[type="password"], .et_password_protected_form input:hover[type="password"], #resetpassform .password-input-wrapper input:hover { background-color: #E6E6E6; } #theme-my-login .tml-submit-wrap input:active, .post-password-form input[type="submit"]:active, .et_password_protected_form input[type="submit"]:active { background-color: #fff; border-color: #222; } .post ul, .post li { list-style-type: none !important; padding: 0 !important; list-style: none outside none !important; margin: 0 !important; font-family: Oswald; } .post ul.tml-user-links { margin-top: 5px !important; } /*Condivisione social Plugin Monarch*/ .et_social_pin_images_outer { display: none; } @media screen and (max-width: 768px) and (orientation:landscape) { html.pis-wp-toolbar .pis-wrap { padding-top: 20vh; } } @media only all and ( max-width: 400px ) { .pis-wrap .tml-login, .pis-wrap .post-password-form, .pis-wrap .et_password_protected_form { width: auto; } #theme-my-login #loginform input#user_login, #theme-my-login #loginform input#user_pass { width: calc(100% - 22px); } #form-bg-PIS #pis-footerbar { height: auto; margin: 0 20px; padding-bottom: 7px; width: auto; } }