Iamthemelocked - Updates Tab #8 Part 2

/* 8TH UPDATES TAB OF IAMTHEMELOCKED */

#tab8 {
position:fixed;
left:20px;
top:50px;
width:130px;
font-size:11px;
padding:10px;
}

#tab8 a{
text-decoration:none;
color:{color:Tab Links Colour};
font-size:8px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#tab8 a:hover{
color:{color:Tab Links Colour Hover};
font-size:8px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

/* UPDATES SQUARES START */

#tab8square1 {
width:14px;
height:14px;
background-color:{color:Tab Square 1 Colour};
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

#tab8square2 {
width:14px;
height:14px;
margin-top:-68px;
background-color:{color:Tab Square 2 Colour};
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

#tab8square3 {
width:14px;
height:14px;
margin-top:-50px;
background-color:{color:Tab Square 3 Colour};
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

#tab8square4 {
width:14px;
height:14px;
margin-top:-32px;
background-color:{color:Tab Square 4 Colour};
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

#tab8square5 {
width:14px;
height:14px;
margin-top:-14px;
background-color:{color:Tab Square 5 Colour};
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

/* UPDATES SQUARES END */

/* UPDATES TEXT BOXES START */

.tab8textbox1 {
width:0px;
height:80px;
color:{color:Tab Text Colour};
font-family:calibri; /* CHANGE FONT HERE */
font-size:8px; /* CHANGE FONT SIZE HERE */
padding:3px;
background: {color:Tab Text Background Colour};
line-height:110%;
margin-left:-10px;
margin-top:-14px;
text-transform:uppercase;
overflow:hidden;
opacity:0;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

.tab8textbox2 {
width:0px;
height:80px;
color:{color:Tab Text Colour};
font-family:calibri; /* CHANGE FONT HERE */
font-size:8px; /* CHANGE FONT SIZE HERE */
padding:3px;
background: {color:Tab Text Background Colour};
line-height:110%;
margin-left:-10px;
margin-top:-32px;
text-transform:uppercase;
overflow:hidden;
opacity:0;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

.tab8textbox3 {
width:0px;
height:80px;
color:{color:Tab Text Colour};
font-family:calibri; /* CHANGE FONT HERE */
font-size:8px; /* CHANGE FONT SIZE HERE */
padding:3px;
background: {color:Tab Text Background Colour};
line-height:110%;
margin-left:-10px;
margin-top:-50px;
text-transform:uppercase;
overflow:hidden;
opacity:0;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

.tab8textbox4 {
width:0px;
height:80px;
color:{color:Tab Text Colour};
font-family:calibri; /* CHANGE FONT HERE */
font-size:8px; /* CHANGE FONT SIZE HERE */
padding:3px;
background: {color:Tab Text Background Colour};
line-height:110%;
margin-left:-10px;
margin-top:-68px;
text-transform:uppercase;
overflow:hidden;
opacity:0;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

.tab8textbox5 {
width:0px;
height:80px;
color:{color:Tab Text Colour};
font-family:calibri; /* CHANGE FONT HERE */
font-size:8px; /* CHANGE FONT SIZE HERE */
padding:3px;
background: {color:Tab Text Background Colour};
line-height:110%;
margin-left:-10px;
margin-top:-86px;
text-transform:uppercase;
overflow:hidden;
opacity:0;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

/* UPDATES TEXT BOXES END */

/* UPDATES CLICK BOXES START */

.click1 .tab8textbox1 {
opacity:1;
overflow:hidden;
margin-left:20px;
width:80px;
}

.click1 .tab8textbox2 {
opacity:1;
overflow:hidden;
margin-left:20px;
width:80px;
}

.click1 .tab8textbox3 {
opacity:1;
overflow:hidden;
margin-left:20px;
width:80px;
}

.click1 .tab8textbox4 {
opacity:1;
overflow:hidden;
margin-left:20px;
width:80px;
}

.click1 .tab8textbox5 {
opacity:1;
overflow:hidden;
margin-left:20px;
width:80px;
}

/* UPDATES CLICK BOXES END */