blank experiment js, function adding CSS using innerHTML
(function(andRedEyelikeOptiblank, undefined) {
var $ = window.jQuery;
var SL = {};
var Optire = function(ele) {
console.info('%c Optire \u221a', 'background:blue;color:white;');
this.ele = ele;
};//Optire const
SL.andRedEyelikeOptiblank = {
init: function() {
console.info('%c init \u221a', 'background:blue;color:white;');
this.pgCssDesktop();
},//init
pgCssDesktop: function() {
console.info('%c pgCssDesktop \u221a', 'background:blue;color:white;');
var mainCss = '';
var head = document.getElementsByTagName('head')[0];
function addcss(css) {
var s = document.createElement('style');
s.setAttribute('type', 'text/css');
s.appendChild(document.createTextNode(css));
head.appendChild(s);
}
addcss(mainCss);
},//pgCssDesktop
};
//SL.andRedEyelikeOptiblank
(function _RE() {
if (window.jQuery !== undefined) {
try {
SL.andRedEyelikeOptiblank.init();
}
catch (err) {
console.log('TRY ERROR: '+ err);
}
}//if
else {
setTimeout(_RE, 45);
}//else
})();//pfjQ
}.call(window.andRedEyelikeOptiblank || {}));
///// adding css via innerHTML
mfivecss: function() {
//styles: footslides, footslide and showing
var style = document.createElement('style');
style.type = "text/css";
style.innerHTML = ".footslides {position:relative; height:126px; list-style-type:none;}\n";
style.innerHTML += ".footslide {position:absolute; width:350px; height:126px; margin:0; padding:0;}\n";
style.innerHTML += "#bigfoot div._1E5LWOkRG3O56f3HO99jo7 a {color:#fff !important;}";
style.innerHTML += ".premierleague {left:0; width:235px;}";
style.innerHTML += "._2BGlvm1kLFck9O2GFU4ylE[disabled], ._24d6f3pjhfa71-59bfd2pl[disabled] {opacity:1; cursor:default; left:0; z-index: 100000;} ";
style.innerHTML += "._2BGlvm1kLFck9O2GFU4ylE {display:block !important;}";
style.innerHTML += "#bigfoot button:hover {background:none; pointer; opacity:1; background:#0000001a;}";
style.innerHTML += "._2BGlvm1kLFck9O2GFU4ylE[disabled], ._24d6f3pjhfa71-59bfd2pl[disabled] {opacity:.5; cursor:pointer;}";
style.innerHTML += ".showing {opacity:1;}";
style.innerHTML += ".notshowing {opacity:0;}";
//append to head
document.getElementsByTagName('head')[0].appendChild(style);
},