updates tab one : css

/*


         updates tab @ solitudethemes


*/


.updates {
    color:#8c8a8a; /*updates tab text colour*/
    text-align:left; /*left, right or justify*/
    height:auto;
    max-height:13px; /*don't touch please*/
    width:125px; /*width of updates tab*/
    padding:4px;
    top:30px; /*positioning from the top of the screen*/
    left:40px; /*change 'left' to right if you want it on the right*/
    padding-left:10px;
    border-left:1px solid #eee;
    z-index:10;
    position:fixed;
    overflow:hidden;
    -webkit-transition: max-height 1.2s ease-in-out;
    -moz-transition:  max-height 1.2s ease-in-out;
    -o-transition:  max-height 1.2s ease-in-out;
    transition: max-height 1.2s ease-in-out;
}

.updates:hover {
    height:auto;
    max-height:1000px;
    transition: max-height 1.2s ease-in-out;
    -webkit-transition:  max-height 1.2s ease-in-out;
    -moz-transition:  max-height 1.2s ease-in-out;
    -o-transition:  max-height 1.2s ease-in-out;
}

.cont {
    padding-top:10px;
    border-top:1px solid #eee;
}

.updates:hover .utitle{
    color:#d4ddea; /*colour of updates title after hover*/
    transition:0.2s ease-in-out;
    -webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
}

.utitle {
    letter-spacing:3px;
    font-size:8px;
    margin-bottom:10px;
    text-transform:uppercase;
    color:#aaa;
    transition:1.5s ease-out;
    -webkit-transition:1.5s ease-in-out;
    -moz-transition: 1.5s ease-in-out;
    -o-transition: 1.5s ease-in-out;
}

.updates blockquote {
    border-left:1px solid; /*change 'left' to right*/
    border-color:#eeeeee;
    padding:5px 10px;
    margin:0px 5px;
}

.head {
    border-bottom:1px solid #d4ddea; /*change #d4ddea to colour you want for the header border*/
    font-weight:700
}