Esta aplicación web de LA NACION necesita tener Javascript habilitado para funcionar correctamente#appContainer {
opacity: 0;
}
#appContainer.loaded {
opacity: 1;
}
div.ln-preload {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: white;
z-index: 1;
}
div.ln-preload.loaded {
display: none;
}
div.ln-preload.loaded svg#stroke {
animation: none;
}
div.ln-preload div.logo {
width: 80px;
height: 80px;
margin: 0 auto;
position: absolute;
left: 50%;
margin-left: -40px;
top: 250px;
}
div.ln-preload .st0 path {
fill: #007caf !important;
}
div.ln-preload svg#stroke {
-webkit-animation: 2s linear infinite svg-animation;
animation: 2s linear infinite svg-animation;
max-width: 100px;
position: absolute;
top: 0;
left: 0;
}
/* // SVG animation. */
@keyframes svg-animation {
0% {
-webkit-transform: rotateZ(0deg);
-ms-transform: rotate(0deg);
transform: rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(360deg);
-ms-transform: rotate(360deg);
transform: rotateZ(360deg);
}
}
/* // Circle styles. */
div.ln-preload circle {
-webkit-animation: 1.4s ease-in-out infinite both circle-animation;
animation: 1.4s ease-in-out infinite both circle-animation;
display: block;
fill: transparent;
stroke: #007caf;
stroke-linecap: round;
stroke-dasharray: 283;
stroke-dashoffset: 280;
stroke-width: 6px;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@-webkit-keyframes circle-animation {
0%,
25% {
stroke-dashoffset: 280;
-webkit-transform: rotate(0);
transform: rotate(0);
}
50%,
75% {
stroke-dashoffset: 75;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
100% {
stroke-dashoffset: 280;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes circle-animation {
0%,
25% {
stroke-dashoffset: 280;
-webkit-transform: rotate(0);
transform: rotate(0);
}
50%,
75% {
stroke-dashoffset: 75;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
100% {
stroke-dashoffset: 280;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} window.addEventListener(“DOMContentLoaded”, function (event) {
let vuescript0 = document.createElement(“script”); vuescript0.type = “text/javascript”; vuescript0.src =”https://especialess3.lanacion.com.ar/21/09/aniversario20-torres-gemelas-front/js/chunk-vendors.9f803bc1.js”;
document.body.appendChild(vuescript0);
let vuescript1 = document.createElement(“script”); vuescript1.type = “text/javascript”; vuescript1.src =”https://especialess3.lanacion.com.ar/21/09/aniversario20-torres-gemelas-front/js/app.f2abe831.js”;
document.body.appendChild(vuescript1);
var header = document.getElementById(‘header’);
header.classList.add(“transparente”);
var wrapper = document.getElementById(‘wrapper’);
wrapper.classList.add(“–transparent”);
});/* Hack styles HEADER NEGRO ARC */ .–transparent .header{background: rgb(0 0 0) !important; position: relative !important; overflow: hidden;}.–transparent .header .header__right .com-usuario .com-usuario__name, .–transparent .header .header__right .com-usuario .com-usuario__valueSuscrib, .–transparent .header .header__left.com-search .icon-search, .–transparent .header .header__middle .logo-la-nacion, .–transparent .header .header__right.com-usuario .com-button.–special.–special, .–transparent .header .header__left .com-hamburger .com-icon, .–transparent .header .header__left .com-hamburger::before, .–transparent .header .header__left .com-hamburger:hover, .–transparent .header .header__left .com-search__input{color: #fff !important;}#appContainer .scrl-titulo-block{z-index: 100 !important;}.lay-sidebar{/* max-width: 960px !important; display: block; */ display: none;}.fyre .fyre-comment-head, .fyre .fyre-comment-body{background-color: #fff !important;}.lay-sidebar section.comments{border: 0;}#wrapper.nota .sidebar__main{margin-right: 0;}#wrapper.–scrollUp{padding-top: 0;}
Fuente: La Nación