API tools faq
paste
Advertisement
heavenlydoctor

bio

heavenlydoctor
Aug 4th, 2015
5,492
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.28 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!---PAGE BY EURHIPIDES. standard rules apply, if you have any questions message elisionthemes.tumblr.com--->
  5.  
  6. <title>Biography</title><!---page title--->
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/9y86jzv/74ynmikto/fonts.css" />
  10.  
  11. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
  12.  
  13. <!----ORIGINAL CODE BY EURHIPIDES, PLEASE DO NOT COPY AND BE ORIGINAL---->
  14. <script>
  15. $.expr[":"].contains = $.expr.createPseudo(function(arg) {
  16. return function( elem ) {
  17. return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
  18. };
  19. });
  20. $(document).ready(function(){
  21. $('#searchfor').keyup(function() {
  22. var key = event.keyCode || event.charCode;
  23. var searchedText = $('#searchfor').val();
  24. if( key == 13) {
  25. if ($(".content:contains('"+ searchedText +"')").length > 0 ) {
  26. $('.noresult').fadeOut();
  27. }
  28. else {
  29. $('.noresult').fadeIn();
  30. }
  31. }
  32. });
  33. });
  34. </script>
  35.  
  36. <script>
  37. $(document).ready(function(){
  38. $(".fa-clone").click(function(){
  39. $('.links').fadeToggle(300);
  40. });
  41. });
  42. </script>
  43.  
  44. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  45.  
  46. <script>
  47.  
  48. (function($){
  49.  
  50. $(document).ready(function(){
  51.  
  52. $("a[title]").style_my_tooltips({
  53.  
  54. tip_follows_cursor:true,
  55.  
  56. tip_delay_time:100,
  57.  
  58. tip_fade_speed:300,
  59.  
  60. attribute:"title"
  61.  
  62. });
  63.  
  64. });
  65.  
  66. })(jQuery);
  67.  
  68. </script>
  69.  
  70. <script style="text/javascript" src="http://static.tumblr.com/9y86jzv/bovnsdesg/highlight.css"></script>
  71.  
  72. <script>
  73. $(document).ready(function(){
  74. $('#searchfor').keypress(function (e) {
  75. var key = e.which;
  76. var searchedText = $('#searchfor').val();
  77. if(key == 13) {
  78. $('.content').highlight( searchedText );
  79. }
  80. });
  81. });
  82. </script>
  83.  
  84. <script>
  85. $(document).ready(function(){
  86. $('#searchfor').keyup(function() {
  87. var key = event.keyCode || event.charCode;
  88. if (key == 8 || key == 46) {
  89. $('.content').removeHighlight();
  90. $('.noresult').fadeOut();
  91. }
  92. });
  93. });
  94. </script>
  95. <!---END CODES--->
  96.  
  97. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  98.  
  99. <style type="text/css">
  100.  
  101. .noresult {
  102. display:none;
  103. }
  104.  
  105. #s-m-t-tooltip { /*edit the tooltips*/
  106. max-width:150px;
  107. padding:3px 6px;
  108. margin:20px 14px 7px 10px;
  109. background-color:#fff;
  110. border:1px solid #888;
  111. font-family:'Lato', sans-serif;
  112. font-size:10px;
  113. line-height:11px;
  114. letter-spacing:0.5px;
  115. text-transform:capitalize;
  116. color:#000;
  117. z-index:99999999;
  118. }
  119.  
  120. ::-webkit-scrollbar {
  121. height:2px;
  122. width:2px;
  123. background-color: transparent;
  124. }
  125.  
  126. ::-webkit-scrollbar-thumb {
  127. background-color: #ccc; /*scrollbar color*/
  128. }
  129.  
  130. body {
  131. background-color: #D8CFB1;/*page background color*/
  132. background-image: url(/) no-repeat fixed;
  133. font-family:'Lato', sans-serif;
  134. font-size:12px;
  135. color:#555;/*text color*/
  136. margin:0px;
  137. }
  138.  
  139. a {
  140. text-decoration: none;
  141. -webkit-transition: 0.5s;
  142. -moz-transition: 0.5s;
  143. transition: 0.5s;
  144. color: #aaa; /*link color*/
  145. }
  146.  
  147. a:hover {
  148. -webkit-transition: 0.5s;
  149. -moz-transition: 0.5s;
  150. transition: 0.5s;
  151. color: #bbb; /*link hover*/
  152. }
  153.  
  154. #con {
  155. position:fixed;
  156. width:700px;
  157. height:450px;
  158. background:#fff; /*container background color*/
  159. left:0;
  160. right:0;
  161. top:0;
  162. bottom:0;
  163. margin:auto;
  164. }
  165.  
  166. #header {
  167. position:absolute;
  168. top:0;
  169. left:0;
  170. right:0;
  171. border-bottom:1px solid #f0f0f0; /*border color*/
  172. padding:10px 0px;
  173. }
  174.  
  175. #header a {
  176. padding:3px 10px;
  177. border-right:1px solid #f0f0f0;/*border color*/
  178. }
  179.  
  180. #header span a {
  181. border-left:1px solid #f0f0f0; /*border color*/
  182. border-right:0px;
  183. }
  184.  
  185. #searchfor {
  186. border:0px;
  187. margin-left:10px;
  188. color:#aaa;/*search box text color*/
  189. font-family:'Lato', sans-serif;
  190. font-size:12px;
  191. }
  192.  
  193. input:focus {
  194. outline:none;
  195. }
  196.  
  197. #down {
  198. position:absolute;
  199. top:38px;
  200. bottom:0;
  201. left:0;
  202. right:0;
  203. }
  204.  
  205. #left {
  206. width:320px;
  207. background:url(http://41.media.tumblr.com/b662e5585ee99967c26ba1b82ac40961/tumblr_npg969eNwm1qfirfao1_1280.jpg) no-repeat; /*image*/
  208. background-size:cover;
  209. top:20px;
  210. bottom:20px;
  211. left:20px;
  212. position:absolute;
  213. }
  214.  
  215. #right {
  216. width:310px;
  217. position:absolute;
  218. right:0;
  219. overflow:auto;
  220. top:20px;
  221. padding-right:10px;
  222. bottom:30px;
  223. right:20px;
  224. }
  225.  
  226. .highlight {
  227. background:yellow;/*search box highlighted text color*/
  228. }
  229.  
  230. #title {
  231. font-weight:600;
  232. text-transform:uppercase;
  233. font-size:17px;
  234. color:#444; /*title color*/
  235. letter-spacing:0.5px;
  236. margin:4px 0px 15px;
  237. }
  238.  
  239. .content {
  240. margin-top:15px;
  241. line-height:150%;
  242. }
  243.  
  244. .noresult {
  245. font-size:10px;
  246. letter-spacing:0.5px;
  247. color:#777;
  248. font-style:italic;
  249. }
  250.  
  251. .links {
  252. position:absolute;
  253. width:300px;
  254. top:7px;
  255. display:none;
  256. right:35px;
  257. text-align:right;
  258. }
  259.  
  260. .links a:first-child {
  261. width:auto;
  262. }
  263.  
  264. .links a {
  265. width:16px;
  266. height:15px;
  267. overflow:hidden;
  268. text-align:left;
  269. display:inline-block;
  270. }
  271.  
  272. </style>
  273. </head>
  274. <body>
  275.  
  276.  
  277. <div id="con">
  278. <div id="header">
  279. <a><i class="fa fa-search"></i></a>
  280. <input type="text" placeholder="Search + Enter" id="searchfor"/>
  281. <span class="noresult">No results found. Try again?</span>
  282. <span style="float:right">
  283. <!----EDIT LINKS HERE---->
  284. <span class="links">
  285. <a href="/">01. Home</a>
  286. <a href="linktwo" title="link one">02.</a><!--LINK 1-->
  287. <a href="link" title="link two">03.</a><!---LINK 2--->
  288. <a href="link" title="link three">04.</a><!---LINK 3-->
  289. <!---CREDIT. DO NOT EDIT!!--->
  290. <a href="http://astraeus.co.vu" title="eurhipides" style="font-family:arial;width:10px;padding-bottom:1px;font-size:11px">©</a>
  291. </span>
  292. <!---END LINKS--->
  293. <a href="javascript:;" title="links"><i class="fa fa-clone"></i></a>
  294. </span>
  295. </div>
  296.  
  297. <div id="down">
  298. <div id="left"></div>
  299.  
  300. <div id="right">
  301. <div id="title">biography</div><!---title--->
  302. <div class="content">
  303. <!---DESCRIPTION BEGINS HERE---->
  304.  
  305. <p><a href="">Link,</a> <i>italics</i>, <b>bolded</b> and <u>underlined</u>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris consectetur iaculis arcu, molestie convallis felis pulvinar sed. Maecenas pellentesque lectus gravida auctor fringilla. Sed vitae nulla nec lacus mattis consectetur sed id enim.</p>
  306.  
  307. <p>Praesent at felis mauris. Etiam iaculis ante sem, ut suscipit dolor accumsan at. In efficitur augue ut lectus laoreet, eu pretium lectus luctus. Nullam et molestie erat, ut sollicitudin erat. In hac habitasse platea dictumst. In a dolor at ante placerat semper.</p>
  308.  
  309. <p>Sed at odio lacus. Maecenas tempus nisl sed tellus vestibulum hendrerit. Quisque libero dui, ultrices id laoreet quis, porttitor vel diam. Praesent facilisis faucibus fringilla.</p>
  310.  
  311. <p>Donec commodo dui ipsum, ac tincidunt ipsum sollicitudin in. Cras eu justo dolor. Integer in placerat nulla. Mauris aliquam, sapien at suscipit maximus, risus ante feugiat metus, non commodo urna urna quis metus. Quisque mollis augue id urna pellentesque faucibus. Suspendisse sit amet faucibus elit, a ultrices turpis. Aliquam eget scelerisque nibh. Nulla eu lacus metus. Vivamus non odio at dui vehicula eleifend ut in ligula. Integer egestas tempus sem pharetra sagittis.</p>
  312.  
  313. <!---DESCRIPTION ENDS HERE--->
  314. </div><!---content--->
  315. </div>
  316. </div>
  317.  
  318.  
  319. </div>
  320.  
  321. </body>
  322. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!