stefan22
11/14/2017 - 9:43 PM

blank experiment js, function adding CSS using innerHTML

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);
    
    
    
    
    
    },