API tools faq
paste
Advertisement
heavenlydoctor

links

heavenlydoctor
Aug 5th, 2015
2,756
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.77 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>Links</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. blockquote {
  155. margin:5px 0px 10px 15px;
  156. padding:0px;
  157. }
  158.  
  159. #con {
  160. position:fixed;
  161. width:700px;
  162. height:450px;
  163. background:#fff; /*container background color*/
  164. left:0;
  165. right:0;
  166. top:0;
  167. bottom:0;
  168. margin:auto;
  169. }
  170.  
  171. #header {
  172. position:absolute;
  173. top:0;
  174. left:0;
  175. right:0;
  176. border-bottom:1px solid #f0f0f0; /*border color*/
  177. padding:10px 0px;
  178. }
  179.  
  180. #header a {
  181. padding:3px 10px;
  182. border-right:1px solid #f0f0f0;/*border color*/
  183. }
  184.  
  185. #header span a {
  186. border-left:1px solid #f0f0f0; /*border color*/
  187. border-right:0px;
  188. }
  189.  
  190. #searchfor {
  191. border:0px;
  192. margin-left:10px;
  193. color:#aaa;/*search box text color*/
  194. font-family:'Lato', sans-serif;
  195. font-size:12px;
  196. }
  197.  
  198. input:focus {
  199. outline:none;
  200. }
  201.  
  202. #down {
  203. position:absolute;
  204. top:38px;
  205. bottom:0;
  206. left:0;
  207. right:0;
  208. }
  209.  
  210. #left {
  211. width:320px;
  212. background:url(http://41.media.tumblr.com/b662e5585ee99967c26ba1b82ac40961/tumblr_npg969eNwm1qfirfao1_1280.jpg) no-repeat; /*image*/
  213. background-size:cover;
  214. top:20px;
  215. bottom:20px;
  216. left:20px;
  217. position:absolute;
  218. }
  219.  
  220. #right {
  221. width:310px;
  222. position:absolute;
  223. right:0;
  224. overflow:auto;
  225. top:20px;
  226. padding-right:10px;
  227. bottom:30px;
  228. right:20px;
  229. }
  230.  
  231. .highlight {
  232. background:yellow;/*search box highlighted text color*/
  233. }
  234.  
  235. #title {
  236. font-weight:600;
  237. text-transform:uppercase;
  238. font-size:17px;
  239. color:#444; /*title color*/
  240. letter-spacing:0.5px;
  241. margin:4px 0px 15px;
  242. }
  243.  
  244. .content {
  245. margin-top:15px;
  246. line-height:130%;
  247. }
  248.  
  249. .noresult {
  250. font-size:10px;
  251. letter-spacing:0.5px;
  252. color:#777;
  253. font-style:italic;
  254. }
  255.  
  256. .links {
  257. position:absolute;
  258. width:300px;
  259. top:7px;
  260. display:none;
  261. right:35px;
  262. text-align:right;
  263. }
  264.  
  265. .links a:first-child {
  266. width:auto;
  267. }
  268.  
  269. .links a {
  270. width:16px;
  271. height:15px;
  272. overflow:hidden;
  273. text-align:left;
  274. display:inline-block;
  275. }
  276.  
  277. blockquote a {
  278. margin-right:5px;
  279. }
  280.  
  281. </style>
  282. </head>
  283. <body>
  284.  
  285.  
  286. <div id="con">
  287. <div id="header">
  288. <a><i class="fa fa-search"></i></a>
  289. <input type="text" placeholder="Search + Enter" id="searchfor"/>
  290. <span class="noresult">No results found. Try again?</span>
  291. <span style="float:right">
  292. <!----EDIT LINKS HERE---->
  293. <span class="links">
  294. <a href="/">01. Home</a>
  295. <a href="linktwo" title="link one">02.</a><!--LINK 1-->
  296. <a href="link" title="link two">03.</a><!---LINK 2--->
  297. <a href="link" title="link three">04.</a><!---LINK 3-->
  298. <!---CREDIT. DO NOT EDIT!!--->
  299. <a href="http://astraeus.co.vu" title="eurhipides" style="font-family:arial;width:10px;padding-bottom:1px;font-size:11px">©</a>
  300. </span>
  301. <!---END LINKS--->
  302. <a href="javascript:;" title="links"><i class="fa fa-clone"></i></a>
  303. </span>
  304. </div>
  305.  
  306. <div id="down">
  307. <div id="left"></div>
  308.  
  309. <div id="right">
  310. <div id="title">Links</div><!---title--->
  311. <div class="content">
  312.  
  313. <i><b>Tag Title</b></i>
  314. <blockquote>
  315. <a href="">tags</a>
  316. <a href="">more tags</a>
  317. <a href="">some tags</a>
  318. <a href="">another tag</a>
  319. <a href="">and more</a>
  320. <a href="">some tags</a>
  321. <a href="">tags!</a>
  322. </blockquote>
  323.  
  324. <i><b>Tag Title</b></i>
  325. <blockquote>
  326. <a href="">tags</a>
  327. <a href="">more tags</a>
  328. <a href="">some tags</a>
  329. <a href="">another tag</a>
  330. <a href="">and more</a>
  331. <a href="">some tags</a>
  332. <a href="">tags!</a>
  333. </blockquote>
  334.  
  335. <i><b>Tag Title</b></i>
  336. <blockquote>
  337. <a href="">tags</a>
  338. <a href="">more tags</a>
  339. <a href="">some tags</a>
  340. <a href="">another tag</a>
  341. <a href="">and more</a>
  342. <a href="">some tags</a>
  343. <a href="">tags!</a>
  344. </blockquote>
  345.  
  346. <!---to add more copy and paste from here--->
  347. <i><b>Tag Title</b></i>
  348. <blockquote>
  349. <a href="">tags</a>
  350. <a href="">more tags</a>
  351. <a href="">some tags</a>
  352. <a href="">another tag</a>
  353. <a href="">and more</a>
  354. <a href="">some tags</a>
  355. <a href="">tags!</a>
  356. </blockquote>
  357. <!---to here--->
  358.  
  359. </div><!---content--->
  360. </div>
  361. </div>
  362.  
  363.  
  364. </div>
  365.  
  366. </body>
  367. </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!