Advertisement
Perfect-Nicholas

About me

Dec 6th, 2013
1,360
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.58 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!---- About me page by llermans © tumblr.com --->
  5.  
  6. <head><title>{title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="stylesheet" type="text/css" href="MyFontsWebfontsKit.css">
  9.  
  10. <!-- script -->
  11. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  12.  
  13. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  14.  
  15. <script>
  16.  
  17. (function($){
  18.  
  19. $(document).ready(function(){
  20.  
  21. $("a[title]").style_my_tooltips({
  22.  
  23. tip_follows_cursor:true,
  24.  
  25. tip_delay_time:30,
  26.  
  27. tip_fade_speed:300,
  28.  
  29. attribute:"title"
  30.  
  31. });
  32.  
  33. });
  34.  
  35. })(jQuery);
  36.  
  37. </script>
  38.  
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40.  
  41. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  42.  
  43. <!--- CSS -->
  44.  
  45. <style type="text/css">
  46.  
  47. #s-m-t-tooltip {
  48. color:#000;
  49. font-size:10px;
  50. font-style: italic;
  51. font-family: times;
  52. margin:12px 0px 0px 12px;
  53. padding:3px 5px;
  54. max-width:350px;
  55. background-color:#eee;
  56. text-transform:lowercase;
  57. letter-spacing: 1px;
  58. z-index:999;
  59. }
  60.  
  61. .Sreda {
  62. font-family: Sreda;
  63. font-weight: normal;
  64. font-style: normal;
  65. }
  66.  
  67. h1, h2, h3, h4, h5 {
  68. font-family: Sreda;
  69. font-weight: normal;
  70. font-style: normal;
  71. color:#dabe05;
  72. }
  73.  
  74. b, i {
  75. color:#dabe05;
  76. text-decoration:none;
  77.  
  78. }
  79.  
  80. .Sreda {
  81. font-family: Sreda;
  82. font-weight: normal;
  83. font-style: normal;
  84. }
  85.  
  86. a {
  87. color:#dabe05;
  88. text-decoration:none;
  89. }
  90.  
  91. img {
  92. max-width:170px;
  93. }
  94.  
  95. body {
  96. background:#fafafa;
  97. margin:0px;
  98. text-align:justify;
  99. color:#000;
  100. font-family:helvetica;
  101. font-size:9px;
  102. line-height:130%;
  103. }
  104.  
  105. #content {
  106. text-align:left;
  107. width: 520px;
  108. margin:0px auto 0px auto;
  109. }
  110.  
  111. #top {
  112. width:500px;
  113. margin-left:auto;
  114. margin-right:auto;
  115. margin-top:50px;
  116. margin-bottom:-70px;
  117. padding:50px 0px 10px 0px;
  118. }
  119.  
  120. #title {
  121. border-bottom:1px solid #ccc;
  122. height:30px;
  123. width:400px;
  124. font-size:34px;
  125. font-family:Sreda;
  126. text-align:center;
  127. margin-top:30px;
  128. margin-bottom:10px;
  129. margin-left:auto;
  130. margin-right:auto;
  131. }
  132.  
  133. #title a {
  134. color:#fff;
  135. }
  136.  
  137. #title a:hover {
  138. color:#fff;
  139. }
  140.  
  141. #links {
  142. border-top:1px solid #ccc;
  143. font-family:cambria;
  144. width:400px;
  145. margin-left:auto;
  146. margin-right:auto;
  147. font-size:10px;
  148. font-weight:100%;
  149. padding-top:15px;
  150. margin-top:0px;
  151. text-align:center;
  152. letter-spacing:1px;
  153. }
  154.  
  155. #links a {
  156. padding:1px;
  157. margin-right:5px;
  158. color:#000;
  159. }
  160.  
  161. #links a:hover {
  162. padding:1px;
  163. text-decoration:underline;
  164. -webkit-transition: opacity 0s linear;
  165. -webkit-transition: all 0s ease-in-out;
  166. -moz-transition: all 0s ease-in-out;
  167. -o-transition: all 0s ease-in-out;
  168. }
  169.  
  170. #book {
  171. text-align: center;
  172. width:500px;
  173. height:346px;
  174. margin-top:50px;
  175. padding: 10px;
  176. background: transparent;
  177. overflow: auto;
  178. background-image: url('http://storage.yooco-static.de/storage/s5/1/4/8/2656170/image/tranparentbook.png');
  179. background-repeat:repeat;
  180. background-position: center center;
  181. z-index: 899;
  182. }
  183.  
  184. #text {
  185. height: 260px;
  186. width:403px;
  187. padding:10px;
  188. margin-left:37px;
  189. margin-top:30px;
  190. text-align:justify;
  191. -moz-column-count: 2;
  192. -webkit-column-count: 2;
  193. column-count: 2;
  194. -moz-column-gap: 65px;
  195. -webkit-column-gap:65px;
  196. column-gap: 65px;
  197. }
  198.  
  199. #credit {
  200. position:fixed;
  201. color:#000!important;
  202. right:10px;
  203. bottom:10px;
  204. text-transform:uppercase;
  205. font:12px 'cambria';
  206. letter-spacing:1px;
  207. padding:5px;
  208. -webkit-transition: all 0.5s ease;
  209. -moz-transition: all 0.5s ease;
  210. -ms-transition: all 0.5s ease;
  211. -o-transition: all 0.5s ease;
  212. transition: all 0.5s ease;
  213. }
  214.  
  215. #credit:hover {
  216. position:fixed;
  217. color:#000!important;
  218. right:10px;
  219. bottom:10px;
  220. font:12px 'cambria';
  221. letter-spacing:1px;
  222. padding:5px;
  223. -webkit-transition: all 0.5s ease;
  224. -moz-transition: all 0.5s ease;
  225. -ms-transition: all 0.5s ease;
  226. -o-transition: all 0.5s ease;
  227. transition: all 0.5s ease;
  228. }
  229.  
  230.  
  231. </style>
  232. <body>
  233.  
  234. <div id="content">
  235. <div id="top">
  236.  
  237. <div id="title">About <span style="color:#dabe05">me.</span></div>
  238.  
  239. </div>
  240.  
  241. <div id="book">
  242. <div id="text">
  243.  
  244. <!--- text --->
  245.  
  246. find someone without life’s <i>scars</i> is a luxe that shouldn’t be granted to anyone,
  247. 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.
  248. </p>
  249.  
  250. sometimes a <a>gray elephant</a> running in the savannah
  251. sometimes a <a>red ant</a> carrying a grain of sugar
  252. we are balls of cotton circulating, changing and being changed by the blue
  253. filling and drying
  254. the clouds change
  255. every day
  256. </p>
  257.  
  258. 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
  259. what if all the fruits of your imagination <u>became</u> true after the last breathe
  260. 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
  261. what if love is not here, is there… in death
  262. what if…</p>
  263.  
  264. 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>
  265.  
  266. <a>p.s.</a>: the text’s author died before the conclusion
  267. <br/><a>p.s. two</a>: the author is me
  268. <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>
  269.  
  270. <span style="float:right">- text by <a href="http://manyfragilethings.tumblr.com/">Leo</a> (manyfragilethings)</span><br>
  271. <div style="text-align:right;margin-top:6px;"></span><img src="http://s7.directupload.net/images/131206/l6qyd8on.png" width="160";></div>
  272.  
  273. <!--- end text --->
  274.  
  275. </div></div>
  276.  
  277. <div id="links">
  278. <a href="/">Back</a>
  279. </div>
  280. </div>
  281.  
  282.  
  283. <!--- credit (don't remove) -->
  284.  
  285. <div id="credit">
  286. <a href="http://llermans.tumblr.com/" title="llermans"><div style="color:#000!important;">☺</div></a></div>
  287. </body>
  288.  
  289. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement