Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <!--
- Code by letsrp @ tumblr
- obsessions - about me page
- -->
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <style type="text/css">
- body{
- color:#000;
- background-attachment:fixed;
- background-color:#eee;
- background-image: url('http://static.tumblr.com/92f5df83ead7e8753b3aa67f933f4bab/evfqys7/xbWmjmfsh/tumblr_static_tumblr_static_bg4.png');
- text-align:justify;
- }
- a{color:#AAAAAA;
- text-decoration: none;}
- a:hover{color:#000;}
- .ob{
- width: 190px;
- height: 315px;
- color: transparent;
- background-color: transparent;
- overflow: auto;
- font-family: times;
- font-size: 9px;
- transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- padding: 5px;
- text-align:justify;
- line-height: 10px;
- }
- .ob:hover {
- width: 190px;
- height: 315px;
- background-color: #fff; /*about bg color*/
- color: #000;
- font-family: times;
- font-size: 10px;
- padding: 5px;
- overflow: auto;
- text-align: justify;
- line-height: 10px;
- }
- ::-webkit-scrollbar-thumb { background-color: #c43a4f;} /*scrollbar color*/
- ::-webkit-scrollbar {width: 8px; height: 4px; background: #fff; }
- #side { /*move circle links around*/
- margin-left:-170px;
- margin-top:-250px;
- }
- #link1 {
- margin-left:20px;
- margin-top:25px;
- position:absolute
- }
- #link1 a{
- line-height:50px;
- text-transform:uppercase;
- background-color:#c43a4f;/*change bg color of link1*/
- font-size:8px;
- font-weight:bold;
- color:white;
- width:50px;
- height:50px;
- display:inline-block;
- -moz-border-radius: 75px;
- border-radius: 75px;
- text-align:center;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- }
- #link2 {
- margin-left:80px;
- margin-top:40px;
- position:absolute
- }
- #link2 a{
- line-height:45px;
- text-transform:uppercase;
- background-color:#c43a4f;/*change bg color of link2*/
- font-size:8px;
- font-weight:bold;
- color:white;
- width:45px;
- height:45px;
- display:inline-block;
- -moz-border-radius: 70px;
- border-radius: 70px;
- text-align:center;
- transition: all 0.7s ease-in-out;
- -webkit-transition: all 0.7s ease-in-out;
- }
- #link3 {
- margin-left:40px;
- margin-top:80px;
- position:absolute
- }
- #link3 a{
- line-height:40px;
- text-transform:uppercase;
- background-color:#c43a4f;/*change bg color of link3*/
- font-size:8px;
- font-weight:bold;
- color:white;
- width:40px;
- height:40px;
- display:inline-block;
- -moz-border-radius: 65px;
- border-radius: 65px;
- text-align:center;
- transition: all 0.7s ease-in-out;
- -webkit-transition: all 0.7s ease-in-out;
- }
- #link4 {
- margin-left:85px;
- margin-top:95px;
- position:absolute
- }
- #link4 a{
- line-height:35px;
- text-transform:uppercase;
- background-color:#c43a4f;/*change bg color of link4*/
- font-size:8px;
- font-weight:bold;
- color:white;
- width:35px;
- height:35px;
- display:inline-block;
- -moz-border-radius: 65px;
- border-radius: 65px;
- text-align:center;
- transition: all 0.7s ease-in-out;
- -webkit-transition: all 0.7s ease-in-out;
- }
- #link5 {
- margin-left:55px;
- margin-top:125px;
- position:absolute
- }
- #link5 a{
- line-height:30px;
- text-transform:uppercase;
- background-color:#c43a4f;/*change bg color of link5*/
- font-size:10px;
- font-weight:bold;
- color:white;
- width:30px;
- height:30px;
- display:inline-block;
- -moz-border-radius: 60px;
- border-radius: 60px;
- text-align:center;
- transition: all 0.7s ease-in-out;
- -webkit-transition: all 0.7s ease-in-out;
- }
- </style>
- {CustomCSS}
- </style>
- </head>
- <body>
- <center>
- <div style="width: 500px; height: 325px; margin-top:150px;background-image: url(PICTURE URL);box-shadow:0px 0px 6px #ccc;">
- <div style="width: 500px; height: 325px; padding: 0px 0px 0px 150px;">
- <div class="ob"><center>
- <div style="font-family: arial; font-size: 9px; line-height:29px;text-transform: uppercase; letter-spacing: 2px;">
- Character Name
- </div></center>
- Bio & stuff here.
- </div></div>
- <div id="side">
- <div id="link1"><a href="/">home</a></div>
- <div id="link2"><a href="/#">other</a></div>
- <div id="link3"><a href="/ask">ask</a></div>
- <div id="link4"><a href="/#">rpg</a></div>
- <div id="link5"><a href="/#">+</a></div>
- </div>
- </div>
- </div>
- </div>
- </body>
- <div style="position:fixed; bottom:6px; right:10px;font-family:arial; font-size:12px;"><a href="http://letsrp.tumblr.com">©</a>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement