Advertisement
extasisthemes

Fake Love

Jun 11th, 2018
1,490
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.87 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC>
  2.  
  3. <html>
  4.  
  5. <head>
  6.  
  7. <title>{Title}</title>
  8.  
  9. <link rel="shortcut icon" href="{Favicon}">
  10.  
  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. (function($){
  17. $(document).ready(function(){
  18. $("a[title]").style_my_tooltips({
  19. tip_follows_cursor:true,
  20. tip_delay_time:90,
  21. tip_fade_speed:600,
  22. attribute:"title"
  23. });
  24. });
  25. })(jQuery);
  26. </script>
  27.  
  28. <script src="https://use.fontawesome.com/b01aac9904.js"></script>
  29.  
  30. <style type="text/css">
  31.  
  32. @import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,400i,700,700i');
  33.  
  34. ::-webkit-scrollbar-thumb:vertical {
  35. background: #000000;
  36. }
  37.  
  38. ::-webkit-scrollbar {
  39. width: 3px;
  40. }
  41.  
  42. #s-m-t-tooltip {
  43. background: #ffffff;
  44. border: 1px solid #eeeeee;
  45. font-size: 10px;
  46. margin-top: 30px;
  47. padding: 5px;
  48. text-align: center;
  49. text-transform: uppercase;
  50. z-index: 999999999999999999999999999999999999;
  51. }
  52.  
  53. body {
  54. background: #f5f5f5;
  55. color: #000000;
  56. cursor: url(http://i.imgur.com/lhPqll6.png), progress;
  57. font-family: 'Nunito Sans', sans-serif;
  58. font-size: 13px;
  59. font-style: normal;
  60. font-weight: 400;
  61. letter-spacing: 0px;
  62. margin: 0px;
  63. text-align: justify;
  64. text-transform: none;
  65. word-break: break-word;
  66. }
  67.  
  68. a {
  69. border-bottom: 1px solid #eeeeee;
  70. color: #000000;
  71. text-decoration: none;
  72. -webkit-transition: all 0.5s ease;
  73. -moz-transition: all 0.5s ease;
  74. -o-transition: all 0.5s ease;
  75. }
  76.  
  77. a:hover {
  78. color: #cfcfcf;
  79. }
  80.  
  81. h1 {
  82. font-size: 14px;
  83. }
  84.  
  85. blockquote {
  86. border-left: 1px solid #eeeeee;
  87. margin: 5px;
  88. padding-left: 5px;
  89. }
  90.  
  91. blockquote img {
  92. height: auto;
  93. max-width: 300px;
  94. }
  95.  
  96. blockquote blockquote {
  97. border-left: 1px solid #eeeeee;
  98. padding-left: 5px;
  99. }
  100.  
  101. #container {
  102. background: #ffffff;
  103. margin-bottom: 100px;
  104. margin-left: auto;
  105. margin-right: auto;
  106. margin-top: 100px;
  107. padding: 20px;
  108. width: 500px;
  109. }
  110.  
  111. #header-image {
  112. height: 250px;
  113. margin-bottom: 20px;
  114. width: 500px;
  115. }
  116.  
  117. #header-image img {
  118. height: 250px;
  119. width: 500px;
  120. }
  121.  
  122. #header {
  123. border-bottom: 1px solid #eeeeee;
  124. margin-bottom: 20px;
  125. width: 100%;
  126. }
  127.  
  128. .links {
  129. font-size: 12px;
  130. margin-bottom: 10px;
  131. text-transform: uppercase;
  132. }
  133.  
  134. .links a {
  135. border-bottom: none;
  136. display: inline-block;
  137. margin-left: 5px;
  138. }
  139.  
  140. #sidebar {
  141. background: #f5f5f5;
  142. padding: 20px;
  143. position: absolute;
  144. width: 150px;
  145. }
  146.  
  147. .image {
  148. height: 70px;
  149. width: 70px;
  150. }
  151.  
  152. .image img {
  153. border-radius: 100px;
  154. height: 70px;
  155. width: 70px;
  156. }
  157.  
  158. .info {
  159. font-size: 12px;
  160. margin-top: 20px;
  161. text-transform: uppercase;
  162. }
  163.  
  164. #acontainer {
  165. border-left: 1px solid #eeeeee;
  166. margin-left: 210px;
  167. padding-left: 20px;
  168. }
  169.  
  170. #credit {
  171. background: #ffffff;
  172. border: 1px solid #eeeeee;
  173. bottom: 15px;
  174. float: right;
  175. font-size: 10px;
  176. padding: 5px;
  177. position: fixed;
  178. right: 15px;
  179. text-align: center;
  180. text-transform: uppercase;
  181. -webkit-transition: all 0.5s ease;
  182. -moz-transition: all 0.5s ease;
  183. -o-transition: all 0.5s ease;
  184. }
  185.  
  186. #credit a {
  187. border-bottom: none;
  188. color: #000000;
  189. }
  190.  
  191. #credit a:hover {
  192. color: #cfcfcf;
  193. }
  194.  
  195. {CustomCSS}
  196.  
  197. </style>
  198.  
  199. </head>
  200.  
  201. <body>
  202.  
  203. <div id="container">
  204.  
  205. <div id="header-image"><img src="https://i.imgur.com/XlbeZ5e.jpg"/></div>
  206.  
  207. <div id="header">
  208.  
  209. <div class="links">
  210. <b>About Me</b> <font style="color:#eeeeee;margin-left:5px;margin-right:5px;"><i class="fa fa-angle-double-right" aria-hidden="true"></i></font><a href="/">Home</a>
  211. <a href="/ask">Ask</a>
  212. <a href="/archive">Archive</a>
  213. </div>
  214.  
  215. </div>
  216.  
  217. <div id="sidebar">
  218.  
  219. <div class="image"><img src="https://i.imgur.com/g8Y9OvI.jpg"/></div>
  220.  
  221. <div class="info">
  222.  
  223. <b>Name</b> Cake
  224. <br>
  225. <b>Age</b> 21
  226. <br>
  227. <b>Location</b> Philippines
  228.  
  229. </div>
  230.  
  231. </div>
  232.  
  233. <div id="acontainer">
  234. Lorem ipsum dolor sit amet, cum id impetus omnesque apeirian. In has dicunt insolens evertitur, eam ei civibus expetenda ocurreret. Vis dicat mandamus cu, liberavisse necessitatibus mei ex, mel brute nihil id. Vim justo quando at, ex regione volumus nam, quis quod eros eum in. Te mea elitr fabulas iracundia.
  235. <br><br>
  236. Ei illum labore sea, duo simul vocent epicurei ea. In melius molestiae philosophia mel, his nominavi neglegentur disputationi in. Causae dissentias ei vim. No deleniti invidunt incorrupte mea, id vel nemore eruditi. Clita eripuit deleniti vim no, oratio interesset te ius. Nec graeci principes ei, simul altera eu mei, ea probo constituto adipiscing sea. Dolor munere in duo, at appetere imperdiet abhorreant nec.
  237. <br><br>
  238. Vim ei viderer mediocrem. Agam reque ancillae ei ius, cu qui omnis sanctus. Ex sed omnis tractatos maiestatis, quo no tractatos dignissim disputando, ea pri prompta efficiantur. Eam impedit nostrum ut, ut mea choro admodum. Vis case atomorum ei, sea nibh postulant patrioque ea.
  239. </div>
  240.  
  241. </div>
  242.  
  243. <div id="credit">
  244. <a href="http://extasisthemes.tumblr.com/">ET</a>
  245. </div>
  246.  
  247. </body>
  248.  
  249. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement