Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!--------
- CHARACTER PAGE #1 - SOURWOLLF
- #1: Don't remove the credit.
- #2: Don't redistribute and claim as your own.
- #3: Customize as you like!
- © Copyright 2013 - Sourwollf | Tumblr
- --------->
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
- </head>
- <style type="text/css">
- body {
- padding: 0;
- margin: 0;
- list-style: none;
- background-image:url('http://24.media.tumblr.com/tumblr_m33qwzyv7F1r6uwfxo4_400.png');
- background-attachment: fixed;
- }
- a {
- text-decoration: none;
- color: black;
- }
- #sidebar {
- position: fixed;
- width: 200px;
- height: 750px;
- background-image:url('http://24.media.tumblr.com/tumblr_lsdjv9k5E21r2gm7fo2_250.png');
- margin-left: 220px;
- }
- #container {
- display: inline-block;
- width: 600px;
- height: 550px;
- background-color: #404040;
- margin-top: 60px;
- margin-left: 450px;
- padding: 0;
- }
- .header {
- width: 600px;
- height: 250px;
- background-color: #606060;
- }
- .middle {
- width: 600px;
- height: 300px;
- background-color: #EEEEEE;
- }
- .title {
- float: left;
- width: 300px;
- height: 300px;
- background-color: #0195ab;
- -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;
- }
- .name {
- font-family: 'Cedarville Cursive', Arial, Georgia, Sans-serif;
- font-size: 26px;
- color: #FFFFFF;
- text-align: center;
- margin-top: 120px;
- letter-spacing: 1px;
- }
- .links {
- float: right;
- width: 300px;
- height: 300px;
- background-color: #303030;
- text-align: center;
- }
- .links a {
- display: inline-block;
- font-family: arial unicode ms;
- font-size: 10px;
- text-transform: uppercase;
- color: #FFFFFF;
- padding: 23px;
- width: 254px;
- background-color: #505050;
- -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;
- }
- .links a:hover {
- background-color: #EEEEEE;
- letter-spacing: 5px;
- color: #505050;
- }
- .description {
- width: 286px;
- height: 286px;
- background-color: #FFFFFF;
- padding: 7px;
- font-family: Arial Unicode MS, Arial, Sans-Serif;
- font-size: 11px;
- color: #303030;
- margin-top: -169px;
- opacity: 0;
- -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;
- }
- .title:hover .description {
- opacity: 0.9;
- }
- .icon {
- border: 5px solid #FFFFFF;
- display: block;
- width: 96px;
- height: 96px;
- margin-top: 200px;
- margin-left: 50px;
- }
- </style>
- <body>
- <div id="sidebar">
- <div class="icon"><img src="{PortraitURL-96}" /></div>
- </div>
- <div id="container">
- <div class="header">
- <img src="http://i93.photobucket.com/albums/l78/andrew_jason12/exampleheader.png">
- </div>
- <div class="middle">
- <div class="title">
- <div class="name">
- Cain Adonis
- </div>
- <div class="description">
- In here is where you will put the description of yourself (if you're using this for an about me page) or about your character (if you're using this as a character page). You can input anything that you want here because let's face it, the description is meant for you to get created with yoself so get to it!<br /><br />
- The header image is 600x250.<br /><br />
- This page has been inspired by <a href="http://rptheme-helper.tumblr.com">rptheme-helper</a>'s character page and I'm grateful for them to make such a wonderful page since I'm using it for my character. This page comes from total inspiration from their page theme.<br /><br />
- Background credit to: <a href="http://zuvia.tumblr.com">Zuvia</a>, which i found from <a href="http://manatopia.org">Manatopia</a>'s theme blog.</div>
- </div>
- <div class="links">
- <a href="/">Home</a>
- <a href="/ask">Message</a>
- <a href="/archive">History</a>
- <a href="/submit">Send In</a>
- <a href="http://sourwollf.tumblr.com">Theme</a>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement