Iamthemelocked - Updates Tab #13 Part 2

/* --- UPDATES TAB ---*/ /* --- MADE BY IAMTHEMELOCKED ---*/

#tab13boxes {
width: auto;
height: auto;
position:fixed;
display:inline-block;
top:10px; /* --- MOVE THE TAB UP OR DOWN HERE ---*/
left: 25px; /* --- MOVE THE TAB TO THE LEFT OR TO THE RIGHT HERE ---*/
}

#tab13boxes a{
color:{color:Tab Links Colour};
font-size:9px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
text-decoration:none;
-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;
}

#tab13boxes a:hover{
color:{color:Tab Links Colour Hover};
background:none;
font-size:9px; /* --- 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;
}

#tab13image img {
height:70px;
width:70px;
margin-top:84px;
opacity:1;
float:left;
margin-left:57px;
padding:8px;
position:fixed;
background:#ffffff;
border:3px solid {color:Tab Lines Colour};
-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 START ---*/

#tab13line1 {
height:35px;
width: 3px;
display: inline-block;
float:left;
opacity:1;
background:{color:Tab Lines Colour};
-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;
}

#tab13line12 {
width:35px;
height: 3px;
display: inline-block;
float:left;
margin-left:-13px;
margin-top:12.5px;
opacity:1;
background:{color:Tab Lines Colour};
-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;
}

#tab13line12:hover {
width:160px;
-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;
}

#tab13box1 {
width: 12px;
height: 0px;
display: inline-block;
float:left;
opacity:1;
margin-left:20px;
margin-top:7px;
padding-top:12px;
letter-spacing:1px;
font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
line-height:110%;
overflow:hidden;
font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
text-transform:uppercase;
text-align:left;
background:{color:Tab Squares Colour};
color:{color:Tab Text Colour};
-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;
}

#tab13line1:hover #tab13box1 {
opacity:1;
padding:4px;
margin-top:3px;
margin-left:16px;
background:{color:Tab Boxes Background Colour};
height:134px;
width: 142px;
-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 END ---*/

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

#tab13line2 {
height:35px;
width: 3px;
margin-left:-3px;
display: inline-block;
float:right;
opacity:1;
background:{color:Tab Lines Colour};
-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;
}

#tab13line22 {
width:35px;
height: 3px;
display: inline-block;
float:right;
margin-right:-13px;
margin-top:12.5px;
opacity:1;
background:{color:Tab Lines Colour};
-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;
}

#tab13line22:hover {
width:160px;
-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;
}

#tab13box2 {
width: 12px;
height: 0px;
display: inline-block;
float:right;
opacity:1;
margin-right:20px;
margin-top:7px;
padding-top:12px;
letter-spacing:1px;
font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
line-height:110%;
overflow:hidden;
font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
text-transform:uppercase;
text-align:right;
background:{color:Tab Squares Colour};
color:{color:Tab Text Colour};
-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;
}

#tab13line2:hover #tab13box2 {
opacity:1;
padding:4px;
margin-right:16px;
margin-top:3px;
background:{color:Tab Boxes Background Colour};
height:134px;
width: 142px;
-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 2 END ---*/

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

#tab13line3 {
height:35px;
width: 3px;
display: inline-block;
float:left;
margin-left:-3px;
margin-top:140px;
opacity:1;
background:{color:Tab Lines Colour};
-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;
}

#tab13line32 {
width:35px;
height: 3px;
display: inline-block;
float:left;
margin-left:-13px;
margin-top:17.5px;
opacity:1;
background:{color:Tab Lines Colour};
-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;
}

#tab13line32:hover {
width:160px;
-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;
}

#tab13box3 {
width: 12px;
height: 0px;
display: inline-block;
float:left;
opacity:1;
margin-left:20px;
margin-top:-16px;
padding-top:12px;
letter-spacing:1px;
font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
line-height:110%;
overflow:hidden;
font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
text-transform:uppercase;
text-align:left;
background:{color:Tab Squares Colour};
color:{color:Tab Text Colour};
-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;
}

#tab13line3:hover #tab13box3 {
opacity:1;
padding:4px;
margin-top:-142px;
margin-left:16px;
background:{color:Tab Boxes Background Colour};
height:134px;
width: 142px;
-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 3 END ---*/

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

#tab13line4 {
height:35px;
width: 3px;
display: inline-block;
float:left;
margin-left:150px;
margin-top:139px;
opacity:1;
background:{color:Tab Lines Colour};
-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;
}

#tab13line42 {
width:35px;
height: 3px;
display: inline-block;
float:right;
margin-right:-13px;
margin-top:18.5px;
opacity:1;
background:{color:Tab Lines Colour};
-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;
}

#tab13line42:hover {
width:160px;
-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;
}

#tab13box4 {
width: 12px;
height: 0px;
display: inline-block;
float:right;
opacity:1;
margin-right:20px;
margin-top:-16px;
padding-top:12px;
letter-spacing:1px;
font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
line-height:110%;
overflow:hidden;
font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
text-transform:uppercase;
text-align:right;
background:{color:Tab Squares Colour};
color:{color:Tab Text Colour};
-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;
}

#tab13line4:hover #tab13box4 {
opacity:1;
padding:4px;
margin-top:-142px;
margin-right:16px;
background:{color:Tab Boxes Background Colour};
height:134px;
width: 142px;
-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 4 END ---*/

/* --- UPDATES TAB ---*/ /* --- MADE BY IAMTHEMELOCKED ---*/