Advertisement
phositivethemes

About me #2

Jul 17th, 2016
405
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.51 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <script>var __pbpa = true;</script><script>var translated_warning_string = 'Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?';</script><script type="text/javascript" language="javascript" src="http://assets.tumblr.com/assets/scripts/pre_tumblelog.js?_v=4407ac63b04a974114891da19b333539"></script>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  5.  
  6. <html>
  7. <head>
  8.  
  9. <!--WARNING DO NOT REMOVE THIS CREDIT!-->
  10.  
  11.  
  12. <!---
  13.  
  14.  
  15. // * ABOUT ME #2 THEME BY PHOSITIVE.TUMBLR.COM
  16. // * DON'T REMOVE THE CREDITS
  17. // * THANKS FOR USING MY THEMES ❤
  18.  
  19.  
  20. --->
  21.  
  22. <!--WARNING DO NOT REMOVE THIS CREDIT!-->
  23.  
  24.  
  25. <title>{Title}</title>
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  29.  
  30.  
  31. <!--meta tags-->
  32. <meta name="color:background" content="#f8f8f8"/>
  33. <meta name="color:text" content="#000000"/>
  34. <meta name="color:title bg" content="#eeeefb"/>
  35. <meta name="color:quote bg" content="#eeeefb"/>
  36. <meta name="image:portrait" content=""/>
  37. <meta name="image:background" content=""/>
  38. <meta name="if:Manuscript Handwriting" content="1"/>
  39. <meta name="if:Cursive Handwriting" content=""/>
  40.  
  41.  
  42. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  43.  
  44. <!--fonts-->
  45. <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  46. <link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  47. <link href='https://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  48. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  49. <link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  50.  
  51. <!--style-->
  52. <style type="text/css">
  53. /*-----------------------------------BODY----------------------------------*/
  54. body{background-color:{color:background};background-image:url({image:background});background-attachment:fixed;font-size:11px;}
  55. a:link, a:visited{text-decoration:none;color:{color:text};}
  56. a:hover { text-decoration: none;}#main {background:#fff;border: 1px solid #eee;position: fixed;top:20%;left:33%;width:450px;height:auto;padding:10px;text-align:justify;color:{color:text};{block:IfManuscriptHandwriting}font-size:13px;font-family: 'Indie Flower', cursive;line-height:18px;{/block:IfManuscriptHandwriting};{block:IfCursiveHandwriting}line-height:18px;font-size:14px;font-family: 'Satisfy', cursive;{/block:IfCursiveHandwriting}}.tmblr-iframe{margin-top:5px;margin-right:10px;z-index:9999999999999999999999999999999!important;-webkit-filter: invert(100%);opacity: 0.6;}
  57. .ttitle{background:{color:title bg};padding:2px;font-family: 'Oswald', sans-serif;}
  58. #portrait {position:relative;float:right;width:70px;height:70px;box-shadow: 3px 3px rgba(0,0,0,0.1);border-radius: 3px;border:5px solid #f8f8ff;margin-top:-3px;}
  59. .quote{width:195px;height:auto;padding:7px;border-radius:5px;position:relative;text-align:justify;background:{color:quote bg};font-family: 'Pacifico', cursive;font-size:14px;}
  60. .quote:after { content: ' ';position: absolute;width: 0;height: 0;right:-4px;top:10px;border:7px solid; transform: rotate(135deg);border-color: {color:quote bg} transparent transparent {color:quote bg};z-index:-1;}
  61. .tab1{width:420px;margin: 0 auto;}
  62. .box1{margin: 0 auto;position:relative;width:100px;float:left;padding:3px;}
  63. .box2{position:relative;width:300px;float:right;padding:3px;}
  64. .box3{width:415px;float:left;margin: 0 auto;margin-left:0px;position:relative;padding:3px;text-align:center;}
  65. {CustomCSS}
  66.  
  67. </style>
  68. </head>
  69. <body>
  70. <div class="tab1">
  71.  
  72. <br><br>
  73. <div class="box1">
  74. <div class="ttitle">The Basics:</div>
  75. <i class="fa fa-user" aria-hidden="true"></i> Name<br>
  76. <i class="fa fa-gift" aria-hidden="true"></i> Birthday<br>
  77. <i class="fa fa-female" aria-hidden="true"></i> Personality<br>
  78. <i class="fa fa-language" aria-hidden="true"></i> Languages<br>
  79. <i class="fa fa-map-marker" aria-hidden="true"></i> Location<br><br>
  80.  
  81. <div class="ttitle">Socials:</div>
  82. <a href="https://www.facebook.com/" title="facebook" target="_blank"><i class="fa fa-facebook-square"> facebook</i></a><br>
  83.  
  84. <a href="https://twitter.com/" title="twitter" target="_blank"><i class="fa fa-twitter"></i> twitter</a><br>
  85.  
  86. <a href="https://instagram.com/" title="instagram" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i> instagram</a><br>
  87.  
  88. <a href="http://weheartit.com/" title="weheartit" target="_blank"><i class="fa fa-gratipay" aria-hidden="true"></i> weheartit</a><br>
  89.  
  90. <a href="/" title="@"><i class="fa fa-snapchat-ghost"></i> snapchat</a><br>
  91. <br>
  92.  
  93. <div class="ttitle">Other blogs:</div>
  94. <a href="http://.tumblr.com/" target="_blank"><i class="fa fa-hand-o-right" aria-hidden="true"></i> blog 1</a><br>
  95. <a href="http://.tumblr.com/" target="_blank"><i class="fa fa-hand-o-right" aria-hidden="true"></i> blog 2</a><br>
  96. <a href="http://.tumblr.com/" target="_blank"><i class="fa fa-hand-o-right" aria-hidden="true"></i> blog 3</a><br>
  97. </div>
  98.  
  99.  
  100. <div class="box2">
  101. <div id="portrait"><img src="{image:portrait}" style="width:70px;height:70px;"></div>
  102. <div class="quote">"It's not how your life is, it's how you live it."</div>
  103. <br>
  104. <div class="ttitle">About me:</div>
  105. <div style="text-align:justify;">Hey loves! Thank you for reading this page. I am an 18 year old blogger from California who loves to read, surf the internet and listen to music. I've had this blog for over a year now and I'm so glad I'm able to share it with you. My blog style is indie/modern/personal. I post a lot everyday. Happy to meet you!<br><br>
  106. </div>
  107.  
  108. <div class="ttitle">Watching:</div>
  109. Empire<br>
  110. Game of Thrones<br><br>
  111.  
  112. <div class="ttitle">Listening:</div>
  113. One Dance - Drake<br>
  114. Needed me - Rihanna<br><br>
  115. </div>
  116.  
  117.  
  118. <div class="box3">
  119. <div class="ttitle">Squad:</div><br>
  120. <a href="/" target="_blank"><img src="http://emojipedia-us.s3.amazonaws.com/cache/f8/68/f86813bd71e42732ecffd90794aeea5d.png" style="width:25px;"></a>
  121. <a href="/" target="_blank"><img src="http://emojipedia-us.s3.amazonaws.com/cache/f8/68/f86813bd71e42732ecffd90794aeea5d.png" style="width:25px;"></a>
  122. <a href="/" target="_blank"><img src="http://emojipedia-us.s3.amazonaws.com/cache/f8/68/f86813bd71e42732ecffd90794aeea5d.png" style="width:25px;"></a>
  123. <a href="/" target="_blank"><img src="http://emojipedia-us.s3.amazonaws.com/cache/f8/68/f86813bd71e42732ecffd90794aeea5d.png" style="width:25px;"></a><a href="/" target="_blank"><img src="http://emojipedia-us.s3.amazonaws.com/cache/f8/68/f86813bd71e42732ecffd90794aeea5d.png" style="width:25px;"></a>
  124.  
  125. </div>
  126. </div>
  127.  
  128.  
  129.  
  130. <!--please don't remove this-->
  131. <style>#cred{right:14px;bottom:8px;position:fixed;font-size:13px;z-index:999999999999999;opacity:0.6;}
  132. #cred .phositive{opacity:1;color:{color:text};font-size:12px;bottom:8px;width:100%;text:phositivethemes;}
  133. </style>
  134. <div id="cred"><div class="phositive"><a href="http://phositivethemes.tumblr.com/" target="_blank" title="phositivethemes"><i class="fa fa-plus" aria-hidden="true"></i></a></div></div>
  135. </body>
  136. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement