/*Off-line EM3*/
html.pis-wp-toolbar .pis-wrap {
padding-top: 22vh !important;
}
p.note {
font-size: 80% !important;
line-height: 1.3;
opacity: .5;
padding-top: 50px;
animation: fadeIn 4s;
color: #aaa;
}
p.note a {
color: #aaa;
position: relative;
-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;
}
p.note a:before {
content: "";
width: 140px;
height: 20px;
display: block;
background: transparent;
position: absolute;
top: 0;
z-index: -1;
left: calc(50% - 70px);
}
@keyframes fadeIn {
0% { opacity: 0; transform: translate(0,20px);}
50% { opacity: 0; transform: translate(0,10px); }
100% { opacity: .5; transform: translate(0,0px);}
}
div.track, div.bar {
box-sizing: border-box;
position: relative;
}
@keyframes fadeIn2 {
0% { opacity: 0; }
100% { opacity: 1; }
}
div.progress {
width: 100px;
padding-left: 2px;
padding-right: 2px;
height: 21px;
border-radius: 5px;
border: solid 3px #4e4e4e;
background-color: #1e1e1e;
position: absolute;
left: calc(50% - 53px);
margin-top: -90px;
animation: fadeIn2 2s;
}
div.track {
position: relative;
width: 100%;
height: 21px;
overflow: hidden;
-webkit-animation: prgBar 10s linear 0s;
animation: prgBar 10s linear 0s;
}
div.bar {
height: 15px;
width: 6px;
background-color: #FCB034;
position: relative;
border-radius:2px;
box-shadow: 0px 0px 5px #FCB034;
margin-left: 2px;
margin-right: 2px;
margin-bottom: 100px;
top: 3px;
float: left;
clear: top;
}
@-webkit-keyframes prgBar {
0% { width: 0% }
9.99% { width: 0% }
10% { width: 10% }
95% { width: 100% }
}
@keyframes prgBar {
0% { width: 0% }
9.99% { width: 0% }
10% { width: 10% }
95% { width: 100% }
}
/*FINE Off-line*/
/* CSS Area Riservata/Login con personalizzazione plugin Theme my login by EM3DESIGN, http://www.em3design.it/ */
/* Theme My Login Versione 6.4.4 -- V6 2016/03/01 */
/*-------------------------------------------------------------------------------------------*/
/* 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