Congregation (pt. 3) [about page #1)

<!DOCTYPE html><head>
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<style>

::-webkit-scrollbar {width: 5px;height: 5px;}
::-webkit-scrollbar-track-piece {color:black;}
::-webkit-scrollbar-thumb:vertical {height: 3px; background-color: #0E547E;}

body {
background-color:#A7DBF9; /*background color*/
font-family:corbel; /*font for entire page*/
}

#cont {
position:fixed;
left:340px;
top:70px;
width:650px;
height:480px;
padding:0px 5px 0px 0px;
overflow:auto;
background-color:#2A90CC; /*the color of the border around the box*/
border-right:5px solid #2A90CC; /*make sure these have the same color!!!*/
border-top:12px solid #2A90CC; /*make sure these have the same color!!!*/
border-left:12px solid #2A90CC; /*make sure these have the same color!!!*/
border-bottom:12px solid #2A90CC; /*make sure these have the same color!!!*/
}

#cont2 {
padding:10px;
position:relative;
background-color:#68BDEF; /*the color of the middle box*/
height:1000px;
}

.ti {
right:240px;
top:105px;
font-size:55px;
position:fixed;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
font-family:'Pacifico', corbel; /*title font/back up font*/
}

#pic img {
width:270px;
height:460px;
position:fixed;
}

p {
width:330px;
float:right;
text-align:center; /*you could change this to left or right*/
margin-top:5px;
}

#quo {
width:240px;
height:430px;
position:fixed;
text-align:center;/*could change to either left or right*/
background-color:rgba(255,255,255,0.4);
padding:15px;
opacity:0;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#pic:hover #quo {
opacity:1;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#links {
    position:fixed;
    bottom:15px;
    right:330px;
    width:280px;
    height:30px;
}

#links a{
    margin-left:15px;
padding:3px;
    border-top:1px solid gray; /*color of border on links*/
    border-bottom:1px solid gray; /*make sure these two are the same color!!*/
}

a {
text-decoration:none;
font-family:corbel; /*link font family*/
color: #0E547E; /*link colors*/
}


</style></head><body>

<!--title goes here \/-->
<div class="ti">About;</div>

<div id="links">
<!--URL between " " and name between > <-->
    <a href="/">back</a>
    <a href="/ask">ask</a>
    <a href="http://tumblr.com">dashboard</a>
    <!--PLEASE DO NOT REMOVE THIS LINK-->
    <a href="http://fallenvvings.co.vu/themes">credit</a>
</div>

<div id="cont"><div id="cont2"><div id="pic">
<!--image url between " "
google search "tumblr sidebar images" and choose one that's long vertically-->
<img src="http://static.tumblr.com/8bd14e8951eee167912286c6d69e3650/oui030j/bFfner7vm/tumblr_static_9x0jjcq2gn40ocgsscw44ws8g.jpg">
<div id="quo"></br></br></br></br></br></br></br></br>
    <!--you can remove some of the </br>'s to make the quote start higher-->
<!--Put any quote here-->
"It's always darkest just before the dawn but count your stars because they're brighter than any sunrise."
</br>- <i>Anonymous</i> <!--put who said the quote between <i> and </i>-->
</div></div>

<p>
Okay, here's where you write about yourself. If you want to go to the next line, add this >> </br>
(obviously to skip two lines, add another). For bolded text do <b>this</b>. For slanted text, do <i>this</i>. For striked text do <strike>this</strike>.
For underlined text do <u>this</u>. For all of the above, do <b><i><strike><u>this</u></strike></i></b>.</br>
You can write infinitely about yourself. Or you can get your followers to try and describe you in your inbox (you know the post) and put their descriptions here! Or, you could make up fake reviews of your blog like this:</br></br>
"10/10 would scroll through again!"</br>
- <i>Ronald Reagan</i></br></br>
which adds comedy to your description. Try not to add a list (with coded bullet points) I actually just tried it and it doesn't work. But it's so amazing what you can do! And right here, it's <i>all</i> about you.
</p>

<div></div>

</body>
</html>