Make safaribooks great again

script.js

setTimeout(function() {
	document.getElementsByClassName("sbo-toc-thumb")[0].click();	
	setInterval(function() {
		document.getElementsByClassName("sbo-toc-thumb")[0].click();
	}, 1000);
}, 2000);

style.css

section article p, article ul li,div.packt_infobox {
    font-family: Bookerly;
    -webkit-font-smoothing: antialiased;
}

.scalefonts #lesson-fragment div div, .scalefonts #lesson-fragment div p, .scalefonts #lesson-fragment li, .scalefonts #lesson-fragment li li, .scalefonts #lesson-fragment ol, .scalefonts #lesson-fragment ol ol, .scalefonts #lesson-fragment p p, .scalefonts #lesson-fragment table, .scalefonts #lesson-fragment td, .scalefonts #lesson-fragment ul, .scalefonts #lesson-fragment ul ul, .scalefonts #sbo-rt-content div div, .scalefonts #sbo-rt-content div p, .scalefonts #sbo-rt-content li, .scalefonts #sbo-rt-content li li, .scalefonts #sbo-rt-content ol, .scalefonts #sbo-rt-content ol ol, .scalefonts #sbo-rt-content p p, .scalefonts #sbo-rt-content table, .scalefonts #sbo-rt-content td, .scalefonts #sbo-rt-content ul, .scalefonts #sbo-rt-content ul ul,#lesson-fragment .indent, #lesson-fragment .noindent, #lesson-fragment .p, #lesson-fragment div.chp .para_indented, #lesson-fragment div>p, #lesson-fragment p, #lesson-fragment p.para_indented, #sbo-rt-content .indent, #sbo-rt-content .noindent, #sbo-rt-content .p, #sbo-rt-content div.chp .para_indented, #sbo-rt-content div>p, #sbo-rt-content p, #sbo-rt-content p.para_indented{
	font-family: Bookerly!important;
    -webkit-font-smoothing: antialiased!important;
}

#sbo-rt-content kbd, #sbo-rt-content .packt_action{
	font-size: 15pt;
}

#sbo-rt-content q, #sbo-rt-content .packt_quote {
	font-family: Bookerly!important;
	font-size: inherit;
}

#sbo-rt-content code, #sbo-rt-content .packt_code, #sbo-rt-content .packt_codeblock, #sbo-rt-content pre{
	font-size: 13pt;
}

#sbo-rt-content  article  code, #sbo-rt-content .packt_code, #sbo-rt-content .packt_codeblock, #sbo-rt-content article pre {
	font-size: 100%!important;
	line-height: 1.2em!important;
}

/*.tocList .toc-level1.currently-reading>a, .tocList [class*=toc-level].currently-reading, body.cloudy-mode .tocList li.currently-reading, body.cloudy-mode .tocList li.currently-reading a{*/
/*	background-color: #3F51B5;*/
/*	color: #ffffff!important;*/
/*}*/

/*.tocList .toc-level1.currently-reading>a *, .tocList [class*=toc-level].currently-reading *{*/
/*	color: #ffffff!important;*/
/*}*/

#sbo-rt-content a, #sbo-rt-content .packt_url{
	font-size: 13pt;
}

.sbo-toc-open .sbo-toc-container>.sbo-toc-thumb{
	display:inherit;
}

.sbo-reading-menu .toc-contents{
	max-height: 100%!important;
	opacity: 1;
	left: 55px;
	
	max-width: 300px;
	overflow-x: scroll;
	margin-left: 0px;
	margin-top: 62px;
	border: none;
	border-right: 2px solid #888;
}

.sbo-book-meta, .sbo-toc-thumb.close{
	display: none;
}

.sbo-reading-menu .toc-contents a {
	white-space: nowrap;
}
.sbo-reading-menu .toc-level1 a {
	padding-left: 20px;
}
.sbo-reading-menu .toc-level2 a {
	padding-left: 40px;
}

.sbo-reading-menu .toc-level3 a {
	padding-left: 60px;
}
[role=document] {
	margin-left: 300px;
}

.sbo-reading-menu .tocList [class*=toc-level-] a.toc-link{
	font-size: 0.8em;
	line-height: 0.5em;
}

.sbo-reading-menu .tocList .currently-reading> a:link, .tocList .currently-reading > a:visited, .tocList .currently-reading> a.js-toc-link.toc-link, .tocList [class*=toc-level].currently-reading {
	background-color: #1565C0;
	color: #fff!important;
}

/*print*/
@media print{
	section[role="document"]{
		margin-left:0px!important;
	}
	section[role="document"] > #sbo-rt-content{
		max-width: 100%!important;
		padding: 0px!important;
		/*-moz-column-count: 2;*/
		/*-webkit-column-count: 2;*/
		/*column-count: 2;*/
		/*-moz-column-gap: 2em;*/
		/*-webkit-column-gap: 2em;*/
		/*column-gap: 2em;*/
		/*column-rule: inset 1px gold;*/
	}
	.interface-controls.interface-controls-top{
		display: none;
	}
	
	body.reading{
		padding-top: 0px!important;
		padding-left: 0px!important;
	}
	
	
	
	.sbo-reading-menu.sbo-menu-top, .t-sbo-prev.sbo-prev.sbo-nav-top, .t-sbo-next.sbo-next.sbo-nav-top, div.sbo-site-nav, .pagefoot.t-pagefoot{
		display: none!important;
	}
	
	section article p, article ul li,div.packt_infobox,body.scalefonts #lesson-fragment div div, body.scalefonts #lesson-fragment div p, body.scalefonts #lesson-fragment li, body.scalefonts #lesson-fragment li li, body.scalefonts #lesson-fragment ol, body.scalefonts #lesson-fragment ol ol, body.scalefonts #lesson-fragment p p, body.scalefonts #lesson-fragment table, body.scalefonts #lesson-fragment td, body.scalefonts #lesson-fragment ul, body.scalefonts #lesson-fragment ul ul, body.scalefonts #sbo-rt-content div div, body.scalefonts #sbo-rt-content div p, body.scalefonts #sbo-rt-content li, body.scalefonts #sbo-rt-content li li, body.scalefonts #sbo-rt-content ol, body.scalefonts #sbo-rt-content ol ol, body.scalefonts #sbo-rt-content p p, body.scalefonts #sbo-rt-content table, body.scalefonts #sbo-rt-content td, body.scalefonts #sbo-rt-content ul, body.scalefonts #sbo-rt-content ul ul,body  #sbo-rt-content code,body  #sbo-rt-content .packt_code, #sbo-rt-content .packt_codeblock, #sbo-rt-content pre, body #sbo-rt-content  article  code,body  #sbo-rt-content .packt_code, #sbo-rt-content .packt_codeblock, body #sbo-rt-content article pre,body  #lesson-fragment a, body #lesson-fragment a:link, body #lesson-fragment a:visited, body #sbo-rt-content a, body #sbo-rt-content a:link, body #sbo-rt-content a:visited {
	    font-size: 14pt!important;
	    line-height: 20pt!important;
	    margin-top: 0px;
	    margin-bottom: 4px;
	   
	}
	div.note{
		margin: 16px!important;
		padding: 8px!important; 
	}
	
	body #sbo-rt-content .note .title, #sbo-rt-content .note h3{
		margin: 0px;
		margin-top: 4px;
		margin-bottom: 4px;
	}
	
	#lesson-fragment .pre, #lesson-fragment .pre-ex, #lesson-fragment .pre1, #lesson-fragment .pre_w, #lesson-fragment p.pre, #lesson-fragment pre, #sbo-rt-content .pre,body  #sbo-rt-content .pre-ex, body #sbo-rt-content .pre1, body #sbo-rt-content .pre_w, #sbo-rt-content p.pre, body #sbo-rt-content pre{
		 padding: 8px;
	}
	
	.figure-float, .table-float {
		float: none!important;
	}
}