About #001 by striveattemptfail

<!--
CUSTOM PAGE 001:  ABOUT #001
THEME BY:  Jercy @ striveattemptfail.tumblr.com

CREDITS:
-Background image by Jane Meneguel via patternlibrary.com, edited by me
-->

<!DOCTYPE html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>

<style type="text/css">

body { font-family: Helvetica; font-size: 15px; text-align: justify; margin: 0; padding: 0; word-wrap: break-word; white-space: normal;
    background-image: url('http://static.tumblr.com/efqf52c/Juvnoh1w2/terms_bg.jpg'); /* changes background image */
    color: #807a9c; /* changes font colour */
}

a { text-decoration: none; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;
    color: #d791ab; /* changes link colour */
    border-bottom: 2px dotted #8c93bf; /* changes link underline colour */
}

a:hover {
    color: #8c93bf; /* changes link on hover colour */
    border-bottom: 2px dotted #d791ab; /* changes link underline on hover colour */
}

/* HEADER *//* CODE BY STRIVEATTEMPTFAIL */
#header { font-family: 'Shadows Into Light Two', cursive; font-size: 40px; text-align: center; margin-top: 150px; width: 475px; margin-left: auto; margin-right: auto; padding: 10px;
    background-color: #fefefe; /* changes header's outer stroke colour */
    color: #8c93bf; /* changes header's font colour */
}

#header .stroke { padding: 5px; margin-left: auto; margin-right: auto;
    background-image: url('http://i.imgur.com/9SSLfCT.jpg'); /* changes header's inner stroke image */
}

#header .inner { margin-left: auto; margin-right: auto;
    background-color: #fefefe; /* changes header background */
}

/* CONTAINER */
#container { width: 600px; height: 300px; margin: 10px auto; padding: 10px 10px 20px 10px;
    background-color: #fefefe; /* changes container's outer stroke colour */
}

#container .stroke { padding: 5px; margin-left: auto; margin-right: auto;
    background-image: url('http://i.imgur.com/9SSLfCT.jpg'); /* changes container's inner stroke image */
}

#container .inner { height: 270px; margin-left: auto; margin-right: auto; padding: 15px; word-wrap: break-word; overflow: auto;
    background-color: #fefefe; /* changes container background colour */
}

/* BOTTOM LINKS */
#links { text-align: center; width: 600px; margin-bottom: 20px; margin-left: auto; margin-right: auto; padding: 10px;
    background-color: #fefefe; /* changes bottom link background colour */
}

#links a { font-family: 'Shadows Into Light Two', cursive; text-align: center; border: 0px; padding: 3px 0px; margin: 0px 5px; display: inline-block; width: 120px;
    background-color: #807a9c; /* changes bottom link background colour */
    color: #fefefe; /* changes bottom link text colour */
}

#links a:hover {
    background-color: #fefefe; /* changes bottom link on hover background colour */
    color: #807a9c; /* changes bottom link on hover text colour */
}

#links .stroke { padding: 5px; margin-left: auto; margin-right: auto;
    background-image: url('http://i.imgur.com/9SSLfCT.jpg'); /* changes bottom link inner stroke image */
}

#links .inner { margin-left: auto; margin-right: auto; padding: 15px; word-wrap: break-word; overflow: auto;
    background-color: #fefefe; /* changes bottom links background colour */
}

/* SCROLLBARS - what property changes what:
-track: track colour
-thumb: main scrollbar colour
-corner: corner colour

body: changes main scrollbar
#container: changes scrollbar for main text area
*/
body::-webkit-scrollbar { width: 0.5em; height: 0.5em; }
body::-webkit-scrollbar-track { background-color: #d5cad2; }
body::-webkit-scrollbar-thumb { background-color: #83a8bb; }
body::-webkit-scrollbar-corner { background-color: #83a8bb; }

#container .inner::-webkit-scrollbar { width: 0.5em; height: 0.5em; }
#container .inner::-webkit-scrollbar-track { background-color: #d5cad2; }
#container .inner::-webkit-scrollbar-thumb { background-color: #83a8bb; }
#container .inner::-webkit-scrollbar-corner { background-color: #83a8bb; }

/* CREDIT *//* CODE BY STRIVEATTEMPTFAIL */
#cred { background-color: #fefefe; padding: 5px; position: fixed; bottom: 5px; right: 5px; transition: all 0.75s ease-in-out; -webkit-transition: all 0.75s ease-in-out; -moz-transition: all 0.75s ease-in-out; -o-transition: all 0.75s ease-in-out; }

#cred a { text-decoration: none; }

#cred:hover { transform: translate(0,-10px); -webkit-transform: translate(0,-10px); -o-transform: translate(0,-10px); -moz-transform: translate(0,-10px); }

{Custom CSS}

</style>
</head>

<body>

<!------------CODE BY STRIVEATTEMPTFAIL, please don't steal------------>

<div id="header"><div class="stroke"><div class="inner">
About Me
</div></div></div>

<div id="container"><div class="stroke"><div class="inner">
<!--- ABOUTDESC | Write your about under here! --->
Your about me here~
</div></div></div>

<!------------CODE BY STRIVEATTEMPTFAIL, please don't steal------------>

<div id="links"><div class="stroke"><div class="inner">
<!--- ABOUTLINK | Insert your links here! --->
<a href="/">Back to Blog</a>
<a href="YourURLhere">Link 1</a>
<a href="YourURLhere">Link 2</a>
</div></div></div>

<!----------------------------THEME CREDIT---------------------------->
<div id="cred"><a href="http://striveattemptfail.tumblr.com" title="theme credit" target="_blank">&#9903;</a></div>
</div>

</body>
</html>