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">
- <!---- About me page by llermans © tumblr.com --->
- <head><title>{title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="stylesheet" type="text/css" href="MyFontsWebfontsKit.css">
- <!-- script -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:30,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <!--- CSS -->
- <style type="text/css">
- #s-m-t-tooltip {
- color:#000;
- font-size:10px;
- font-style: italic;
- font-family: times;
- margin:12px 0px 0px 12px;
- padding:3px 5px;
- max-width:350px;
- background-color:#eee;
- text-transform:lowercase;
- letter-spacing: 1px;
- z-index:999;
- }
- .Sreda {
- font-family: Sreda;
- font-weight: normal;
- font-style: normal;
- }
- h1, h2, h3, h4, h5 {
- font-family: Sreda;
- font-weight: normal;
- font-style: normal;
- color:#dabe05;
- }
- b, i {
- color:#dabe05;
- text-decoration:none;
- }
- .Sreda {
- font-family: Sreda;
- font-weight: normal;
- font-style: normal;
- }
- a {
- color:#dabe05;
- text-decoration:none;
- }
- img {
- max-width:170px;
- }
- body {
- background:#fafafa;
- margin:0px;
- text-align:justify;
- color:#000;
- font-family:helvetica;
- font-size:9px;
- line-height:130%;
- }
- #content {
- text-align:left;
- width: 520px;
- margin:0px auto 0px auto;
- }
- #top {
- width:500px;
- margin-left:auto;
- margin-right:auto;
- margin-top:50px;
- margin-bottom:-70px;
- padding:50px 0px 10px 0px;
- }
- #title {
- border-bottom:1px solid #ccc;
- height:30px;
- width:400px;
- font-size:34px;
- font-family:Sreda;
- text-align:center;
- margin-top:30px;
- margin-bottom:10px;
- margin-left:auto;
- margin-right:auto;
- }
- #title a {
- color:#fff;
- }
- #title a:hover {
- color:#fff;
- }
- #links {
- border-top:1px solid #ccc;
- font-family:cambria;
- width:400px;
- margin-left:auto;
- margin-right:auto;
- font-size:10px;
- font-weight:100%;
- padding-top:15px;
- margin-top:0px;
- text-align:center;
- letter-spacing:1px;
- }
- #links a {
- padding:1px;
- margin-right:5px;
- color:#000;
- }
- #links a:hover {
- padding:1px;
- text-decoration:underline;
- -webkit-transition: opacity 0s linear;
- -webkit-transition: all 0s ease-in-out;
- -moz-transition: all 0s ease-in-out;
- -o-transition: all 0s ease-in-out;
- }
- #book {
- text-align: center;
- width:500px;
- height:346px;
- margin-top:50px;
- padding: 10px;
- background: transparent;
- overflow: auto;
- background-image: url('http://storage.yooco-static.de/storage/s5/1/4/8/2656170/image/tranparentbook.png');
- background-repeat:repeat;
- background-position: center center;
- z-index: 899;
- }
- #text {
- height: 260px;
- width:403px;
- padding:10px;
- margin-left:37px;
- margin-top:30px;
- text-align:justify;
- -moz-column-count: 2;
- -webkit-column-count: 2;
- column-count: 2;
- -moz-column-gap: 65px;
- -webkit-column-gap:65px;
- column-gap: 65px;
- }
- #credit {
- position:fixed;
- color:#000!important;
- right:10px;
- bottom:10px;
- text-transform:uppercase;
- font:12px 'cambria';
- letter-spacing:1px;
- padding:5px;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- #credit:hover {
- position:fixed;
- color:#000!important;
- right:10px;
- bottom:10px;
- font:12px 'cambria';
- letter-spacing:1px;
- padding:5px;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- </style>
- <body>
- <div id="content">
- <div id="top">
- <div id="title">About <span style="color:#dabe05">me.</span></div>
- </div>
- <div id="book">
- <div id="text">
- <!--- text --->
- find someone without life’s <i>scars</i> is a luxe that shouldn’t be granted to anyone,
- love the scars and do everything possible to not create new ones, but if you do… that’s okay, broken paintings are also bought in galleries.
- </p>
- sometimes a <a>gray elephant</a> running in the savannah
- sometimes a <a>red ant</a> carrying a grain of sugar
- we are balls of cotton circulating, changing and being changed by the blue
- filling and drying
- the clouds change
- every day
- </p>
- what if after the <b>six feet</b> under the elevator of life get down until a beach of white sand, cystal blue water, without shoes, debts and compunction
- what if all the fruits of your imagination <u>became</u> true after the last breathe
- what if sweet wine is the major component of the waterfall that will clean your body of the injustices of the Earth before entering an endless feast
- what if love is not here, is there… in death
- what if…</p>
- why after years of evolution the discovery of fire and the overthrow of mother trees we still have fear of certain <a>death</a>? just around the corner there are pairs of lost eyes and fragmented souls waiting for a rescue.</p>
- <a>p.s.</a>: the text’s author died before the conclusion
- <br/><a>p.s. two</a>: the author is me
- <a>p.s. three</a>: I’m alive, but I think about death with an absurd frequency and sometimes I can died for some minutes </p>
- <span style="float:right">- text by <a href="http://manyfragilethings.tumblr.com/">Leo</a> (manyfragilethings)</span><br>
- <div style="text-align:right;margin-top:6px;"></span><img src="http://s7.directupload.net/images/131206/l6qyd8on.png" width="160";></div>
- <!--- end text --->
- </div></div>
- <div id="links">
- <a href="/">Back</a>
- </div>
- </div>
- <!--- credit (don't remove) -->
- <div id="credit">
- <a href="http://llermans.tumblr.com/" title="llermans"><div style="color:#000!important;">☺</div></a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement