Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <!--
- theme by ughirwn!!
- - usual rules apply ok have a nice day
- -->
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <title>write page title here</title>
- <style>
- ::-webkit-scrollbar {
- width: 3px;
- height: 0px;
- padding-right:5px;
- background:#fff;
- -webkit-filter:saturate(60%);
- }
- ::-webkit-scrollbar-thumb {
- background-color:#000;
- -webkit-filter:saturate(60%);
- }
- .tooltip{
- display: inline;
- position: relative;
- }
- #s-m-t-tooltip {
- max-width:300px;
- border-radius: 0px;
- padding:3px 4px 5px 4px;
- margin:20px 7px -2px 20px;
- background-color:#ffffff;
- border:1px solid #ccc;
- font-family:calibri;
- font-size:9px;
- letter-spacing:2px;
- text-transform:uppercase;
- color:#000;
- z-index:999999999999999999999999999999999999;
- }
- <style type="text/css">
- #s-m-t-tooltip{
- max-width:300px;
- margin:15px;
- padding:2px 8px;
- border:1px solid #DDD;
- border-radius:4px;
- background:#FFF;
- color:#AAA;
- z-index:999999;
- font-size:8px;
- font-style:italic;
- text-transform:lowercase;
- box-shadow:1px 1px 3px rgba(0,0,0,.1);
- }
- a {
- color:#000;
- text-decoration:none;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- a:hover {
- opacity:0;
- text-decoration:none;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- body {
- background:#ffffff;
- font-family:arial;
- }
- #container {
- font:arial;
- color:#000;
- font-style:none;
- margin-left:100px;
- }
- #bgpic {
- margin-left:300px;
- margin-top:200px;
- opacity:.8;
- }
- #desc {
- width:350px;
- height:300px;
- margin-left:510px;
- margin-top:-360px;
- background-color:#fff;
- opacity:.6;
- font-size:11px;
- letter-spacing:.5px;
- line-height:15px;
- padding:10px;
- overflow:scroll;
- }
- #links {
- width:100px;
- height:120px;
- margin-left:350px;
- margin-top:-240px;
- background-color:#fff;
- opacity:.6;
- font-size:11px;
- letter-spacing:4px;
- text-align:center;
- line-height:27px;
- }
- #credit {
- position:fixed;
- right:0px;
- bottom:0px;
- padding:20px;
- padding-bottom:10px;
- text-align:right;
- z-index:999;
- }
- #credit a {
- color: #3e3e3e;
- font-family:calibri;
- font-size:11px;
- text-decoration:none;
- }
- </style>
- </head>
- <body>
- <div id="container">
- <div id="bgpic"><img src="insert background image url here" style="width:600px; height:400px;"></div>
- <div id="desc">
- <big>name:</big> your name here
- <br>
- <big>age:</big> your age here
- <br>
- <big>location:</big> your location here
- <br><br>
- extra information here, if there is a lot a scrollbar will appear :))
- </div>
- <div id="links">
- <a href="/">link</a>
- <br>
- <a href="/">link</a>
- <br>
- <a href="/">link</a>
- <br>
- <a href="/">link</a>
- </div>
- </div>
- <div id="credit"><a href="http://www.ughirwn.tumblr.com/"> ©</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement