[OLD] updates tab #1

PASTE AFTER <HEAD> DON'T COPY THIS BC WHY WOULD YOU?

<meta name="color:updc" content="#fcebd5"/>
<meta name="text:updtitle1" content="apply"/>
<meta name="text:updtext1" content="put your awards posts here"/>
<meta name="text:updtitle2" content="updates"/>
<meta name="text:box1title" content="statistics"/>
<meta name="text:box1text" content="hello this is where you put your updates"/>
<meta name="text:box2title" content="feautured in"/>
<meta name="text:box2text" content="hello this is where you put your updates"/>
<meta name="text:box3title" content="other"/>
<meta name="text:box3text" content="hello this is where you put your updates"/>


PASTE AFTER <STYLE TYPE="TEXT/CSS"> or <STYLE> DON'T COPY THIS BC WHY WOULD YOU?

/**updates tab by kathryn aka distance-themes for html help go to http://distance-themes.tumblr.com **/
#updatescon{
position:absolute; /**don't touch**/
top:150px; /**margin from top**/
right:50px; /**margin from right**/
text-align:center; /**change it to left or right if you want**/
width:180px; /**width of the whole thing i wouldn't change it tbh**/
}

.updtitle{
margin-top:5px; /**margin from top i wouldn't change it tbh**/
padding:3px; /**padding**/
text-transform:uppercase; /**change it to lowercase, capitalize, none if you want**/
font-size:13px; /**font size**/
letter-spacing:2px; /**space between the letters**/
}

.updline{
border-top:3px solid {color:updc}; /**border found in the top 3px is the thickness solid is the type change it to dashed, dotted or whatever you want**/
width:25px; /**width don't change it**/
margin-left:77px; /**margin from left don't change it**/
}

.updline2{
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
border-top:3px solid {color:updc};  /**border found in the top 3px is the thickness solid is the type change it to dashed, dotted or whatever you want**/
width:25px; /**width don't change it**/
margin-left:77px; /**margin from left don't change it**/
}

#updatescon:hover .updline2{
width:180px; /**width don't change it**/
margin-left:0px; /**don't change it**/
margin-right:0px; /**don't change it**/
}

.updtext{
margin-top:6px; /**margin from top**/
}

.updbox{
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
opacity:0; /**don't change it**/
width:140px; /**width**/
margin-left:15px; /**margin left**/
margin-top:5px; /**margin top**/
margin-bottom:2px; /**margin bottom**/
padding-top:0px; /**padding top**/
padding-bottom:8px; /**padding bottom**/
padding-right:5px; /**padding right**/
padding-left:5px; /**padding left**/
border:1px solid {color:updc};  /**border. 1px is the thickness solid is the type change it to dashed, dotted or whatever you want**/
}

#updatescon:hover .updbox{
opacity:1;
-webkit-transform: scale(1);
    -moz-transition: scale(1);
         -o-transition: scale(1);
    transform: scale(1);
}
/**updates tab**/

PASTE AFTER <BODY> DON'T COPY THIS BC WHY WOULD YOU?

<!-- start updates tab by kathryn aka distance-themes -->
<div id="updatescon">

    <!-- apply -->
    <div class="updtitle">{text:updtitle1}</div>
    <div class="updline"></div>
    <div class="updtext">{text:updtext1}</div>

    <!-- updates title-->
    <div class="updtitle">{text:updtitle2}</div>
    <div class="updline2"></div>

    <!-- updates content -->
    <div class="updbox"><!-- updates box 1 -->
    <div class="updtitle">{text:box1title}</div>
    {text:box1text}
    </div>

    <div class="updbox"><!-- updates box 2 -->
    <div class="updtitle">{text:box2title}</div>
    {text:box2text}
    </div>

    <div class="updbox"><!-- updates box 3 -->
    <div class="updtitle">{text:box3title}</div>
    {text:box3text}
    </div>
</div>
<!-- end of updates tab -->