Updates Tab 01 (ml: 25px;)

<style type="text/css">
/** colour of title text and background **/
    .h-title {color:#fff; background:#54c1fd;}
/** colour of title background on hover and when tab is open **/
.h-title:hover, .ss-ud input:checked + label .h-title {background:#fc53b3;}
/** colour of close text **/
    .close {color:#fc53b3;}
/** colour of close text on hover **/
    .close:hover {color:#54c1fd;}
/** colour of border at the bottom of tabs **/
    .ss-ud input:checked ~ article {border-bottom:3px solid #fc53b3;}
/** background colour of tabs **/
    .ss-ud article {background:#fff;}
/** colour of text in tabs **/
    .ss-ud input:checked ~ article {color:#969393;}
/** colour of scrollbar **/
    .ac-plus15-lines::-webkit-scrollbar-thumb:vertical {background:#ddd;}

#hovertab {width:50px; height:50px; position:fixed; top:8px; left:8px;
    z-index:9999; overflow:hidden;}

#hovertab img {pointer-events:none; margin-left:0px; width:50px;
    opacity:0.6;}

#hovertab:hover {width:130px; height:300px;}

#hovertab:hover img {margin-left:40px; opacity:1;}

#hover-cont {
    width:130px; height:800px; margin-top:10px; margin-left:-200px;}

#hovertab:hover #hover-cont {margin-left:0px;}

.ss-ud article, .ss-ud input:checked ~ article {
    transition: height 0.3 ease-in-out, box-shadow 0.6s linear;}

.ss-ud {width:120px; margin-left:0px; margin-top:0px;}

.h-title, .close {cursor:pointer; margin-top:8px; margin-left:25px;
    display:block; width:80px; padding:3px 0px 4px 0px; text-align:center;
    font-family:Tahoma; font-size:7px; text-transform:uppercase;
    letter-spacing:2px;}

.ss-ud input:checked + label .close {padding:0px; opacity:0;
    transition:all 0.2s ease-out;
    -webkit-transition-duration:all 0.2s ease-out;
    -o-transition-transition:all 0.2s ease-out;
    -moz-transition-durartion:all 0.2s ease-out;
    -ms-transition-durartion:all 0.2s ease-out;}

.close {opacity:1; background:transparent;}

.ss-ud input:checked + label .h-title {width:120px; margin-left:5px;
    transition:all 0.2s ease-out;
    -webkit-transition-duration:all 0.2s ease-out;
    -o-transition-transition:all 0.2s ease-out;
    -moz-transition-durartion:all 0.2s ease-out;
    -ms-transition-durartion:all 0.2s ease-out;
}

.ss-ud input {display:none;}

.ss-ud article {overflow:hidden; height:0px; position:relative;
    font-family:Tahoma; text-transform:uppercase; text-align:justify;
    font-weight:500; font-size:7px; color:#fff; letter-spacing:1px;
    margin-left:25px; padding:0px; width:80px;}

.ss-ud input:checked ~ article {width:112px; margin-left:5px; padding:3px 4px; }

.ss-ud input:checked ~ article.ac-1-line {height:11px;}
.ss-ud input:checked ~ article.ac-2-lines {height:19px;}
.ss-ud input:checked ~ article.ac-3-lines {height:27px;}
.ss-ud input:checked ~ article.ac-4-lines {height:35px;}
.ss-ud input:checked ~ article.ac-5-lines {height:43px;}
.ss-ud input:checked ~ article.ac-6-lines {height:51px;}
.ss-ud input:checked ~ article.ac-7-lines {height:59px;}
.ss-ud input:checked ~ article.ac-8-lines {height:67px;}
.ss-ud input:checked ~ article.ac-9-lines {height:75px;}
.ss-ud input:checked ~ article.ac-10-lines {height:83px;}
.ss-ud input:checked ~ article.ac-11-lines {height:91px;}
.ss-ud input:checked ~ article.ac-12-lines {height:99px;}
.ss-ud input:checked ~ article.ac-13-lines {height:107px;}
.ss-ud input:checked ~ article.ac-14-lines {height:115px;}
.ss-ud input:checked ~ article.ac-15-lines {height:123px;}
.ss-ud input:checked ~ article.ac-plus15-lines {height:121px;
    overflow-y:scroll;}

.ac-plus15-lines::-webkit-scrollbar {height:auto; width:3px;
    background:#eee;}

.ac-plus15-lines::-webkit-scrollbar-thumb:vertical {height:auto;}

#hovertab, #hovertab img, #hovertab:hover, #hovertab:hover img,
#hover-cont, #hovertab:hover #hover-cont, .h-title, .h-title-x, .close,
.h-title:hover, .h-title-x:hover, .close:hover, .ss-ud article {
    transition:all 0.4s ease-in-out;
    -webkit-transition-duration:all 0.4s ease-in-out;
    -o-transition-transition:all 0.4s ease-in-out;
    -moz-transition-durartion:all 0.4s ease-in-out;
    -ms-transition-durartion:all 0.4s ease-in-out;}
</style>

<div id="hovertab">

<img src="IMAGE URL HERE, 50px by 50px" />

<div id="hover-cont"><section class="ss-ud">

    <div><input id="ac-hover1" name="ss" type="radio" />
    <label for="ac-hover1"><div class="h-title">title 1</div></label>
	<article class="ac-2-lines">
<!-- In the line above, change the number 2 to however many lines of text you want; i.e. for 5 lines of text "ac-5-lines" for 6 write "ac-6-lines" and so on. The number can be any number between 2 and 15.
If you want only on line of text write "ac-1-line"
If you want more than 15 lines of text write "ac-plus15-line" -->

this is where your text for the 1st tab goes.

	</article></div>

<!------------------ TO DELETE TAB 2 DELETE FROM HERE ------------------>
	<div><input id="ac-hover2" name="ss" type="radio" />
	<label for="ac-hover2"><div class="h-title">title 2</div></label>
	<article class="ac-2-lines">

this is where your text for the 2nd tab goes.

	</article></div>
<!------------------------------- TO HERE ------------------------------->


<!------------------ TO DELETE TAB 3 DELETE FROM HERE ------------------>
	<div><input id="ac-hover3" name="ss" type="radio" />
	<label for="ac-hover3"><div class="h-title">title 3</div></label>
		<article class="ac-2-lines">

this is where your text for the 3rd tab goes.

	</article></div>
<!------------------------------- TO HERE ------------------------------->


<!------------------ TO DELETE TAB 4 DELETE FROM HERE ------------------>
	<div><input id="ac-hover4" name="ss" type="radio" />
	<label for="ac-hover4"><div class="h-title">title 4</div></label>
	<article class="ac-2-lines">

this is where your text for the 4th tab goes.

	</article></div>
<!------------------------------- TO HERE ------------------------------->

<!-- To add more tabs, copy tab four but change "ac-hover4" (both of them). If it's you're fifth tab change it to "ac-hover5", you sixth "ac-hover6" and so on -->

<div><input id="ac-hover-close" name="ss" type="radio" checked/>
<label for="ac-hover-close"><!-- cyantists --><div class="close">close</div></label></div>
</section></div></div>