.ticker-container {
padding: 10px 0;
background-color: #fff;
overflow: hidden;
}
.ticker-disclaimer {
color: #525252;
text-transform: lowercase;
font-size: 10px;
font-weight: 500;
letter-spacing: 1px;
background: #f5f5f5;
padding: 16px 10px 17px;
position: absolute;
right: 0;
pointer-events: none;
top: 0;
border-left: 1px solid #e2e4e3;
}
.ticker-container .ticker-carroussel::-webkit-scrollbar {
display: none;
}
.ticker-container .ticker-content {
white-space: nowrap;
animation: marquee 40s linear 8s infinite;
display: inline-block;
}
.ticker-container:hover .ticker-content {
animation-play-state: paused;
}
@keyframes marquee {
0% {
transform: translate(0, 0)
}
100% {
transform: translate(-100%, 0)
}
}
.ticker-container .ticker-content .ticker-content-aditional {
float: right;
position: absolute;
display: inline-block;
}
.indicador {
font-weight: 700;
font-size: 11px;
letter-spacing: 0.8px;
position: relative;
color: inherit;
padding: 6px 20px;
border-right: 1px solid #E2E4E3;
display: inline-block;
text-align: left;
}
.indicador .indicador-title {
margin-right: 8px;
font-weight: 900;
}
.indicador .indicador-value {
margin-right: 8px;
}
.indicador .indicador-spread {
padding: 3px 7px;
border-radius: 3px;
color: #ffffff;
transition: top 0s 0.5s ease ;
}
.indicador.negativo .indicador-spread {
background-color: #AD1A1A;
}
.indicador.positivo .indicador-spread {
background-color: #01654A;
}
DÓLAR
1/0,20
-0,66%
EURO
1/0,19
-0,81%
BBDC4
14,49
-1,50%
MGLU3
1,82
-4,19%
ITUB4
27,69
-1,22%
IBOVESPA
115.754,08
-1,11%
PETR4
36,28
+3,16%
GGBR4
22,33
-0,80%
ABEV3
12,98
-2,18%
VALE3
66,59
-1,16%
.ticker-container {
padding: 10px 0;
background-color: #fff;
overflow: hidden;
}
.ticker-disclaimer {
color: #525252;
text-transform: lowercase;
font-size: 10px;
font-weight: 500;
letter-spacing: 1px;
background: #f5f5f5;
padding: 16px 10px 17px;
position: absolute;
right: 0;
pointer-events: none;
top: 0;
border-left: 1px solid #e2e4e3;
}
.ticker-container .ticker-carroussel::-webkit-scrollbar {
display: none;
}
.ticker-container .ticker-content {
white-space: nowrap;
animation: marquee 40s linear 8s infinite;
display: inline-block;
}
.ticker-container:hover .ticker-content {
animation-play-state: paused;
}
@keyframes marquee {
0% {
transform: translate(0, 0)
}
100% {
transform: translate(-100%, 0)
}
}
.ticker-container .ticker-content .ticker-content-aditional {
float: right;
position: absolute;
display: inline-block;
}
.indicador {
font-weight: 700;
font-size: 11px;
letter-spacing: 0.8px;
position: relative;
color: inherit;
padding: 6px 20px;
border-right: 1px solid #E2E4E3;
display: inline-block;
text-align: left;
}
.indicador .indicador-title {
margin-right: 8px;
font-weight: 900;
}
.indicador .indicador-value {
margin-right: 8px;
}
.indicador .indicador-spread {
padding: 3px 7px;
border-radius: 3px;
color: #ffffff;
transition: top 0s 0.5s ease ;
}
.indicador.negativo .indicador-spread {
background-color: #AD1A1A;
}
.indicador.positivo .indicador-spread {
background-color: #01654A;
}
DÓLAR
1/0,20
-0,66%
EURO
1/0,19
-0,81%
BBDC4
14,49
-1,50%
MGLU3
1,82
-4,19%
ITUB4
27,69
-1,22%
IBOVESPA
115.754,08
-1,11%
PETR4
36,28
+3,16%
GGBR4
22,33
-0,80%
ABEV3
12,98
-2,18%
VALE3
66,59
-1,16%