Não é possível carregar o CSS do iFrame

Eu estou tentandoload um iFrame em um site do Wordpress. O iFrame deve carregar a tabela exibida emesse lin, com todas as cores e outros estilos aplicado

No entanto, quando insiro o iFrame no meu site, ele carregará o conteúdo da mesa mas não o CSS.

Foi assim que tentei 'forçar' a carregar o CSS certo, pois suspeito que o tema do Wordpress esteja substituindo o CSS da tabela:

<script language="javascript" type="text/javascript">
    function iFrameHeight() {
var h = 0;
if (!document.all) {
    h = document.getElementById('blockrandom').contentDocument.height;
    document.getElementById('blockrandom').style.height = h + 60 + 'px';
} else if (document.all) {
    h = document.frames('blockrandom').document.body.scrollHeight;
    document.all.blockrandom.style.height = h + 20 + 'px';
    var cssLink1 = document.createElement("link");
    cssLink1.href = "https://www.gscris.it/lmo/lmo-style.css";
    cssLink1.rel = "stylesheet";
    cssLink1.type = "text/css";
    frames['iframe'].document.head.appendChild(cssLink1);
    var cssLink2 = document.createElement("link");
    cssLink2.href = "https://www.gscris.it/lmo/lmo-style-nc.css";
    cssLink2.rel = "stylesheet";
    cssLink2.type = "text/css";
    frames['iframe'].document.head.appendChild(cssLink2);
    }
}
    </script>
    <div>Campioni d'amicizia</div>
        <iframe onload="iFrameHeight()" id="blockrandom" name="iframe" src="https://www.gscris.it/lmo/lmo.php?todo=&file=Piccamici201819.l98" width="100%" height="600" scrolling="no" align="top" frameborder="0">
    Questa scelta non funziona correttamente in quanto il browser utilizzato non supporta gli Inline Frames     </iframe>

O que estou fazendo errado? Este é meuwebsite page onde o iframe está inserido (role para baixo

questionAnswers(2)

yourAnswerToTheQuestion