Iamthemelocked - Updates Tab #9 Part 2

/* 9TH UPDATES TAB OF IAMTHEMELOCKED */

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

#tab9 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;
}

#tab9 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 */

#tab9line1 {
width:80px;
height:5px;
background-color:{color:Tab Line 1 Colour};
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

#tab9line2 {
width:80px;
height:5px;
background-color:{color:Tab Line 2 Colour};
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

#tab9line3 {
width:80px;
height:5px;
background-color:{color:Tab Line 3 Colour};
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

#tab9line4 {
width:80px;
height:5px;
background-color:{color:Tab Line 4 Colour};
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

#tab9line5 {
width:80px;
height:5px;
background-color:{color:Tab Line 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 */

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

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

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

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

.tab9textbox5 {
width:80px;
height:0px;
color:{color:Tab Text Colour};
font-family:calibri; /* CHANGE FONT HERE */
font-size:8px; /* CHANGE FONT SIZE HERE */
line-height:110%;
margin-top:3px;
text-transform:uppercase;
overflow:hidden;
opacity:0;
text-align:center;
-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 .tab9textbox1 {
opacity:1;
overflow:hidden;
padding-top:4px;
height:130px; /* EXTEND THE HEIGHT OF BOX 1 HERE */
}

.click1 .tab9textbox2 {
opacity:1;
overflow:hidden;
padding-top:4px;
height:130px; /* EXTEND THE HEIGHT OF BOX 2 HERE */
}

.click1 .tab9textbox3 {
opacity:1;
overflow:hidden;
padding-top:4px;
height:130px; /* EXTEND THE HEIGHT OF BOX 3 HERE */
}

.click1 .tab9textbox4 {
opacity:1;
overflow:hidden;
padding-top:4px;
height:130px; /* EXTEND THE HEIGHT OF BOX 4 HERE */
}

.click1 .tab9textbox5 {
opacity:1;
overflow:hidden;
padding-top:4px;
height:130px; /* EXTEND THE HEIGHT OF BOX 5 HERE */
}

/* UPDATES CLICK BOXES END */