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">
- <head>
- <title>About Me | {Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!---
- COUPS ET BLESSURES
- deuxième about me page by ciralism
- //don't be an ass
- //use respectfully
- //enjoy it!
- ---->
- <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
- <style type="text/css">
- /* BASICS */
- body, html {
- height:100%;
- }
- body {background-color:#f3f3f3;font-family:Lato;color:#000;font-size:11px;}
- a {color:#000;text-decoration:none;-webkit-transition-duration:600ms;-o-transition-duration:600ms;-moz-transition-duration:600ms;-ms-transition-duration:600ms;}
- a:hover, a:active {
- color:#eee;
- }
- h1 {text-align:center;padding:20px 0px;font-size:14px;font-weight:900;letter-spacing:3px;color:#000;text-transform:uppercase;margin:0;font-family:Didot;}
- blockquote {text-align:left!important;border-left:1px solid #eee;padding:0px 7px;background-color:#fff;}
- blockquote img {max-width:100%;height:auto;}
- /* SIDEBAR */
- .icon {width:50px;height:50px;border-radius:50% 50%;-webkit-border-radius:50% 50%;margin-top:10px;}
- .quote {
- text-align:center;font-weight:bold;font-family:Didot;font-style:italic;font-size:11px;letter-spacing:0px;margin-top:15px;line-height:150%;
- }
- .source {
- font-weight:bold;
- text-transform:uppercase;
- letter-spacing:2px;
- font-size:7px;
- }
- .short-description {
- text-align:left;
- margin-top:15px;
- }
- .credit {position:fixed;text-transform:uppercase;font-size:7px;font-weight:bold;right:5px;bottom:5px;letter-spacing:1px;}
- .links {
- text-align:center;
- margin-top:10px;
- margin-left:1px;
- line-height:100%;
- width:550px!important;
- }
- .links .c {width:98px;}
- .links a {
- display:inline-block;
- width:99px;
- font-weight:300;
- letter-spacing:1px;
- padding:10px 0px;
- margin-left:-1px;
- margin-top:-11px;
- float:left;
- border:1px solid #f3f3f3;
- text-transform:uppercase;font-size:7px;
- -webkit-transition-duration:600ms;
- -o-transition-duration:600ms;-moz-transition-duration:600ms;-ms-transition-duration:600ms;
- transition-duration:600ms;
- }
- .links a:hover {
- background-color:#f3f3f3;color:#666;
- }
- .container {
- width:500px;
- padding:40px;
- background-color:white;
- margin:50px auto;
- }
- .bio {
- padding:20px;
- border:1px solid #f3f3f3;
- font-size:10px;
- line-height:180%;
- margin-top:31px;
- font-weight:300;
- letter-spacing:1px;
- }
- .bio b {
- font-weight:400;
- }
- ::selection {
- background-color:#eee;
- }
- .upper {
- text-align:center;
- display:block;
- padding:20px;
- border:1px solid #f3f3f3;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <div class="upper">
- <img class="icon" src="IMAGE URL HERE"/>
- <div class="quote">"Insert quotation here."</div>
- <div class="source">SOURCE</div></div>
- <div class="links">
- <a href="/">index</a>
- <a href="/">inbox</a>
- <a href="/">archive</a>
- <a href="/">tags</a>
- <a href="http://ciralism.tumblr.com" class="c">credit</a>
- </div>
- <div class="bio">
- <h1>Biography</h1>
- <p>Put your biography here. Separate using p tags. Go crazy.</p>
- </div>
- </div>
- <a href="http://ciralism.tumblr.com" class="credit">ciralism</a>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement