AboutPage1 English - themesbyvanne.tumblr.com

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<!----

About Page #1 by Vanne @ themesbyvanne.tumblr.com
PLEASE DO NOT REMOVE THE CREDITS! THANK YOU!

----->

<title>Know me more ❁</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<link href='http://fonts.googleapis.com/css?family=Nixie+One' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,400,700' rel='stylesheet' type='text/css'>

<style type="text/css">

body {
    background: url('http://25.media.tumblr.com/fa7aa4ea9caf09f0b7e19fe12f42c615/tumblr_myuicuBrXl1sgo88eo4_250.png');
}

::-webkit-scrollbar-thumb:vertical {
    background-color: #ACCBCB;
    height:100px;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color: #ACCBCB;
    height:100px;
}

::-webkit-scrollbar {
    height:3px;
    width:3px;
    background-color: #fff;
}

a {
    text-decoration:none;
    color: #ACCBCB;
}

a:hover {
    text-decoration:none;
    color: #A3BEB8;
}

b, strong {
    color: #7FBDA7;
    font-weight: 700;
}

i, em {
    color: #93B0C4;
    font-weight: 400italic;
}


/* BOXES */
#all {
    position:relative;
    top:150px;
    width:680px;
    margin:0 auto;
    padding:5px;
}

#content {
    width: 680px;
    height:400px;
    overflow:auto;
    margin-bottom: 10px;
    background: url('http://24.media.tumblr.com/671d62fe72a99255ce8941a1f51f9c84/tumblr_myuicuBrXl1sgo88eo2_250.png');
    border: 1px dashed #ffffff;
    float:left;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


/* TITLE */
#title {
    font-family: Nixie One;
    font-size:30px;
    padding: 6px;
    width: 100%;
    margin-top: 5px;
    margin-left: 0px;
    text-align: center;
    color: #ACCBCB;
    text-shadow: 2px 2px 2px #fff;
}


/*ABOUT*/
#pages {
    position: relative;
    width: 130px;
    height:378px;
    margin: 5px 6px 5px 5px;
    overflow:auto;
    background: url('https://31.media.tumblr.com/b295fd660a5b5e7d0a23a0519740854a/tumblr_my285wRxTq1sl631ro1_250.png');
    border: 1px dashed #ACCBCB;
    padding:5px;
    float:left;
    text-align: center;
    color: #757D78;
    font-family: Roboto Condensed;
    line-height: 11px;
    font-size: 11px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#abouttitle {
    color: #fff;
    padding: 7px;
    text-align: center;
    font-family: Nixie One;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    border-radius: 5px;
    background: #ACCBCB;
}

#one {
    color: #ACCBCB;
    padding: 5px 2px 2px 2px;
    font-family: Roboto Condensed;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px dashed #e3e3e3;
}


/* BLOGROLL */
#blogroll {
    overflow: auto;
    position: relative;
    margin: 5px;
    width: 312px;
    height: 378px;
    padding: 5px;
    background: url('https://31.media.tumblr.com/b295fd660a5b5e7d0a23a0519740854a/tumblr_my285wRxTq1sl631ro1_250.png');
    border: 1px dashed #ACCBCB;
    color: #757D78;
    font-family: Roboto Condensed;
    line-height: 11px;
    font-size: 11px;
}

#blogroll img {
    margin:4px;
    width: 43px;
    opacity: .8;
}

#blogroll img:hover {
    opacity: 1;
}

#blogtitle {
    color: #fff;
    padding: 7px;
    text-align: center;
    font-family: Nixie One;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    border-radius: 5px;
    background: #ACCBCB;
}


/*PICTURES*/
#pictures {
    position: relative;
    width: 179px;
    height:378px;
    margin: 5px 6px 5px 0px;
    overflow:auto;
    background: url('https://31.media.tumblr.com/b295fd660a5b5e7d0a23a0519740854a/tumblr_my285wRxTq1sl631ro1_250.png');
    border: 1px dashed #ACCBCB;
    padding:5px;
    float:left;
    color: #757D78;
    font-family: Roboto Condensed;
    line-height: 11px;
    font-size: 11px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#icon {
    z-index:9999;
    position: relative;
    margin-left:0px;
    margin-top: 0px;
    width: 130px;
}

#icon img {
    width: 178px;
    opacity: .9;
}


/* LINK */
#linkk {
    margin-left: 0px;
    text-align: center;
    width:680px;
}

#linkk a {
    font-family: Roboto Condensed;
    background: #ACCBCB;
    padding: 3px 6px 3px 6px;
    margin-left: 5px;
    font-size: 11px;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#linkk a:hover {
    text-shadow: 0px 0px 4px #828986;
}


/*CREDIT*/
#credz {
    position: fixed;
    bottom: 8px;
    left: 8px;
    font-size: 10px;
    letter-spacing: 1px;
    font-family: Roboto Condensed;
}


</style>

</head>

<body>

<div id="all">

<!-- Replace "KNOW ME MORE ❁" with the word/phrase you want to use -->
<div id="title">KNOW ME MORE ❁</div>

<div id="content">

<div id="pages">
<div id="abouttitle">About me</div>
    <p><div id="one"> NAME: </div>
    *Your name goes here*

    <p><div id="one"> AGE: </div>
    *Your age goes here*

    <p><div id="one"> I LIKE: </div>
    *You write here the things that you like*

    <p><div id="one"> I DON'T LIKE: </div>
    *You write here the things that you don't like*

    <p><div id="one"> CURRENT FANDOMS: </div>
    *You write here your favorite artists' names*

    <p><div id="one"> ETC: </div>
    *You write here other stuff*
</div>

<div id="pictures">
    <div id="icon">
   <div id="icon img"> <!--- Replace the following URL with the URL of the image you want to upload ---> <img src="https://31.media.tumblr.com/81bcb3817acfd6ea62c3f6ebc44e3437/tumblr_mz5mcroxYU1t0v4cmo1_250.png"/>
</div>
</div>
</div>

<div id="blogroll">
  <div id="blogtitle">BLOGROLL</div><br>
  {block:Following}{block:Followed}
<a href="{FollowedURL}"><img src="{FollowedPortraitURL-40}" align="left" style="border-radius: 25px;"></a>
{/block:Followed}{/block:Following}
</div>
</div>

<div id="linkk">
    <a href="/">Go back</a>
</div>

</div>

<div id="credz"><a href="http://themesbyvanne.tumblr.com/" target="_blank">CREDIT</a></div>

</body>
</html>