Iamthemelocked - Updates Tab #18 Part 2 (left)

/* UPDATES TAB */

#tab18 {
position:fixed;
left:8px;
top:8px;
width:130px;
z-index:99;
font-size:11px;
padding:10px;
}

#tab18 a{
text-decoration:none;
background:none;
padding:0.5px 2px;
text-transform:uppercase;
color:{color:Tab Links};
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;
}

#tab18 a:hover{
background:none;
color:{color:Tab Links 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 TAB BOX 1 ---*/

#tab18line1 {
height:8px;
width:8px;
background:{color:Tab Accent 1};
display:inline-block;
color:transparent;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

#tab18line1:hover {
width:37px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

#tab18textbox1 {
width:51px;
height:0px;
color:{color:Tab Text};
font-family:calibri; /* CHANGE FONT HERE */
font-size:8px; /* CHANGE FONT SIZE HERE */
line-height:110%;
margin-top:11px;
margin-left:0px;
float:left;
text-transform:uppercase;
overflow:hidden;
opacity:1;
text-align:justify;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

#tab18line1:hover #tab18textbox1{
opacity:1;
height:250px;
width:81px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

/* --- UPDATES TAB BOX 1 ---*/

/* --- UPDATES TAB BOX 2 ---*/

#tab18line2 {
height:6px;
width:6px;
background:{color:Tab Accent 2};
border:1px solid transparent;
display:inline-block;
color:transparent;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

#tab18line2:hover {
width:37px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

#tab18textbox2 {
width:51px;
height:0px;
color:{color:Tab Text};
font-family:calibri; /* CHANGE FONT HERE */
font-size:8px; /* CHANGE FONT SIZE HERE */
line-height:110%;
margin-top:10px;
margin-left:-12px;
float:left;
text-transform:uppercase;
overflow:hidden;
opacity:1;
text-align:justify;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

#tab18line2:hover #tab18textbox2{
opacity:1;
height:250px;
width:83px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

/* --- UPDATES TAB BOX 2 ---*/

/* --- UPDATES TAB BOX 3 ---*/

#tab18line3 {
height:6px;
width:6px;
background:{color:Tab Accent 3};
border:1px solid transparent;
display:inline-block;
color:transparent;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

#tab18line3:hover {
width:37px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

#tab18textbox3 {
width:51px;
height:0px;
color:{color:Tab Text};
font-family:calibri; /* CHANGE FONT HERE */
font-size:8px; /* CHANGE FONT SIZE HERE */
line-height:110%;
margin-top:10px;
margin-left:-23px;
float:left;
text-transform:uppercase;
overflow:hidden;
opacity:1;
text-align:justify;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

#tab18line3:hover #tab18textbox3{
opacity:1;
height:250px;
width:83px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

/* --- UPDATES TAB BOX 3 ---*/

/* --- UPDATES TAB BOX 4 ---*/

#tab18line4 {
height:6px;
width:6px;
background:{color:Tab Accent 4};
border:1px solid transparent;
display:inline-block;
color:transparent;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

#tab18line4:hover {
width:37px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

#tab18textbox4 {
width:51px;
height:0px;
color:{color:Tab Text};
font-family:calibri; /* CHANGE FONT HERE */
font-size:8px; /* CHANGE FONT SIZE HERE */
line-height:110%;
margin-top:10px;
margin-left:-34px;
float:left;
text-transform:uppercase;
overflow:hidden;
opacity:1;
text-align:justify;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

#tab18line4:hover #tab18textbox4{
opacity:1;
height:250px;
width:83px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

/* --- UPDATES TAB BOX 4 ---*/

/* --- UPDATES TAB BOX 5 ---*/

#tab18line5 {
height:6px;
width:6px;
background:{color:Tab Accent 5};
margin-left:1px;
border:1px solid transparent;
display:inline-block;
color:transparent;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

#tab18line5:hover {
width:37px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

#tab18textbox5 {
width:51px;
height:0px;
color:{color:Tab Text};
font-family:calibri; /* CHANGE FONT HERE */
font-size:8px; /* CHANGE FONT SIZE HERE */
line-height:110%;
margin-top:10px;
margin-left:-45px;
float:left;
text-transform:uppercase;
overflow:hidden;
opacity:1;
text-align:justify;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

#tab18line5:hover #tab18textbox5{
opacity:1;
height:250px;
width:83px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

/* --- UPDATES TAB BOX 5 ---*/

/* UPDATES TAB */