API tools faq
paste
Advertisement
OmgImAlexis

Untitled

OmgImAlexis
Apr 24th, 2014
81
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.19 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4.  
  5. <!-- COLORS -->
  6.  
  7. <meta name="font:body" content="Verdana"/>
  8. <meta name="text:font size" content="11"/>
  9.  
  10. <meta name="color:text" content="#000"/>
  11. <meta name="color:links" content="#9c9c9c"/>
  12. <meta name="color:hover link" content="#fff"/>
  13. <meta name="color:background" content="#fff"/>
  14.  
  15. <meta name="color:shadow" content="#9c9c9c"/>
  16. <meta name="color:ask bubble bg" content="#c1c1c1"/>
  17. <meta name="color:scrollbar" content="#9c9c9c"/>
  18. <meta name="color:post titles" content="#9c9c9c"/>
  19.  
  20. <meta name="color:navigate text" content="#9c9c9c"/>
  21. <meta name="color:navigate text hover" content="#fff"/>
  22. <meta name="color:navigate shadow" content="#9c9c9c"/>
  23.  
  24. <meta name="color:navigate bg" content="#fff"/>
  25. <meta name="color:navigate bg hover" content="#9c9c9c"/>
  26.  
  27. <meta name="color:chat bg 1" content="#c1c1c1"/>
  28. <meta name="color:chat bg 2" content="#999"/>
  29. <meta name="color:blockquote" content="#9c9c9c"/>
  30.  
  31. <!-- TEXT / TITLES -->
  32.  
  33. <meta name="text:link section" content="Links"/>
  34.  
  35. <meta name="text:link 1" content="http://"/>
  36. <meta name="text:link 1 title" content="link 1"/>
  37.  
  38. <meta name="text:link 2" content="http://"/>
  39. <meta name="text:link 2 title" content="link 2"/>
  40.  
  41. <meta name="text:link 3" content="http://"/>
  42. <meta name="text:link 3 title" content="link 3"/>
  43.  
  44. <meta name="text:link 4" content="http://"/>
  45. <meta name="text:link 4 title" content="link 4"/>
  46.  
  47. <meta name="text:link 5" content="http://"/>
  48. <meta name="text:link 5 title" content="link 5"/>
  49.  
  50. <meta name="text:link 6" content="http://"/>
  51. <meta name="text:link 6 title" content="link 6"/>
  52.  
  53. <meta name="text:link 7" content="http://"/>
  54. <meta name="text:link 7 title" content="link 7"/>
  55.  
  56. <meta name="text:link FAQ" content="http://"/>
  57. <meta name="text:link Answered" content="http://"/>
  58. <meta name="text:link Ask" content="http://"/>
  59.  
  60. <!-- VARIABLES -->
  61.  
  62. <meta name="if:zoom in hover posts" content="1"/>
  63. <meta name="if:sidebar img" content="1"/>
  64.  
  65. <meta name="if:sidebar left" content="0"/>
  66. <meta name="if:3 columns" content="0"/>
  67. <meta name="if:dark tumblr controls" content="0"/>
  68.  
  69. <meta name="if:faded posts" content="0"/>
  70. <meta name="if:rounded edges" content="0"/>
  71. <meta name="if:show caption" content="0"/>
  72.  
  73. <meta name="if:shadow" content="1"/>
  74. <meta name="if:rainbow links" content="0"/>
  75. <meta name="if:tiny cursor" content="1"/>
  76. <meta name="if:custom scrollbar" content="1"/>
  77.  
  78. <meta name="if:disable right click" content="0"/>
  79. <meta name="if:disable selecting text" content="0"/>
  80.  
  81. <meta name="if:show link 1" content="1"/>
  82. <meta name="if:show link 2" content="1"/>
  83. <meta name="if:show link 3" content="1"/>
  84. <meta name="if:show link 4" content="1"/>
  85. <meta name="if:show link 5" content="1"/>
  86. <meta name="if:show link 6" content="1"/>
  87. <meta name="if:show link 7" content="1"/>
  88.  
  89. <meta name="if:archive link" content="1"/>
  90. <meta name="if:FAQ link" content="1"/>
  91. <meta name="if:answered link" content="1"/>
  92. <meta name="if:submit link" content="1"/>
  93. <meta name="if:ask link" content="1"/>
  94. <meta name="if:home link" content="1"/>
  95.  
  96. <!-- IMAGES -->
  97.  
  98. <meta name="image:background" content=""/>
  99. <meta name="image:sidebar" content="http://www.photosnack.com/FFC75AA6AED/ptmsb3mm"/>
  100. <meta name="image:back to top button" content="http://static.tumblr.com/zwguidv/sS3mi83ro/bttb.png"/>
  101.  
  102. <title>{Title}</title>
  103.  
  104. {block:ifdisablerightclick}
  105. <script language=JavaScript>
  106. <!--
  107. //Disable right click script III- By Renigade (renigade@mediaone.net)
  108. //For full source code, visit http://www.dynamicdrive.com
  109. var message="";
  110. ///////////////////////////////////
  111. function clickIE() {if (document.all) {(message);return false;}}
  112. function clickNS(e) {if
  113. (document.layers||(document.getElementById&&!document.all)) {
  114. if (e.which==2||e.which==3) {(message);return false;}}}
  115. if (document.layers)
  116. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  117. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  118. document.oncontextmenu=new Function("return false")
  119. // -->
  120. </script>
  121. {block:ifdisablerightclick}
  122.  
  123. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  124. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl6tsiCGt1qfamg6.gif" />
  125. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  126.  
  127. <!-- DON'T DELETE ANY OF THE CODES BELOW -->
  128.  
  129. <script src="http://static.tumblr.com/zdiw7dd/Irdmn3onj/jquery.min.js" type="text/javascript"></script>
  130.  
  131. <script src="http://static.tumblr.com/uiqhh9x/gdJm68o3x/easing.js" type="text/javascript"></script>
  132.  
  133. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  134.  
  135. <!-- BACK TO TOP BUTTON -->
  136.  
  137. <script src="http://static.tumblr.com/uiqhh9x/Jbfm68nyq/totop.js" type="text/javascript"></script>
  138.  
  139. <style type="text/css">
  140.  
  141. /* ------------ CUSTOM FONTS ------------ */
  142.  
  143. @font-face { font-family: "fineliner"; src: url('http://static.tumblr.com/q54tzar/JcYm21fwu/fineliner_script_1_.otf'); }
  144.  
  145. @font-face { font-family: "Call Me"; src: url("http://static.tumblr.com/j2nmv5m/yJSm69tse/kgcallmemaybe-skinny.ttf") format("truetype"); }
  146.  
  147. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  148.  
  149. /* ------------ POST TITLES ------------ */
  150.  
  151. h2 {font-family:fineliner;font-size:26px;color:{color:post titles};text-align:center;}
  152.  
  153. h1 {font-family:fineliner;font-size:26px;color:{color:post titles};}
  154.  
  155. strong {font-style:bold;color:{color:links};}
  156.  
  157. /* ------------ STANDARD HTML ------------ */
  158.  
  159. body {
  160. margin: 0px;
  161. background-color:{color:background};
  162. background-image:url({image:background});
  163. background-attachment: fixed;
  164. background-repeat: repeat;
  165. background-position: center;
  166. color: {color:text};}
  167.  
  168. body, div, p, textarea, submit, input {
  169. font-family: {font:body};
  170. font-size: {text:font size}px;
  171. color:{color:text};
  172. {block:iftinycursor}cursor:url(http://static.tumblr.com/nlodh6u/rOqm5o3h1/2qlex.jpg), auto;{/block:iftinycursor}}
  173.  
  174. a:link, a:active, a:visited{
  175. color: {color:links};
  176. text-decoration: none;
  177. -webkit-transition: color 0.7s ease-out;
  178. -moz-transition: color 0.7s ease-out;{block:iftinycursor}
  179. cursor:url(http://static.tumblr.com/nlodh6u/rOqm5o3h1/2qlex.jpg);{/block:iftinycursor}}
  180.  
  181. a:hover{
  182. color:{color:hover link};
  183. -webkit-transition: color 0.7s ease-out;
  184. -moz-transition: color 0.7s ease-out;{block:iftinycursor}
  185. cursor:url(http://static.tumblr.com/nlodh6u/rOqm5o3h1/2qlex.jpg);{/block:iftinycursor}}
  186.  
  187. #tumblr_controls{
  188. {block:ifdarktumblrcontrols}
  189. -webkit-filter: invert(100%) ;
  190. {/block:ifdarktumblrcontrols}
  191. position:fixed !important;}
  192.  
  193. /* ------------ CHAT POSTS ------------ */
  194.  
  195. .chatbg{width:auto;}
  196.  
  197. .chatbg .line{
  198. padding:2px 5px 2px 5px;
  199. margin-bottom:2px;margin-left:-20px;
  200. background-color:{color:chat bg 1};}
  201.  
  202. .chatbg .line.odd{
  203. background-color:{color:chat bg 2};
  204. padding:2px 5px 2px 5px;
  205. margin-bottom:2px;}
  206.  
  207. /* ------------ BLOCKQUOTE ------------ */
  208.  
  209. blockquote {
  210. width:90%;
  211. margin-left:10px;padding-left: 5px;
  212. overflow: hidden;
  213. margin-top:3px;margin-bottom:3px;
  214. border-left: 2px solid {color:blockquote};}
  215.  
  216. blockquote img {max-width:auto;}
  217.  
  218. .ol, ul { margin-left: 20px; padding: 2px; list-style-type: circle; }
  219. .ul, ol { margin-left: 20px; padding: 2px; list-style-type: decimal; }
  220.  
  221. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  222. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  223.  
  224. /* ------------ SCROLLBAR ------------ */
  225.  
  226. {block:ifcustomscrollbar}
  227. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar};height:auto; -webkit-box-shadow: inset 0 0 6px #282828;}
  228.  
  229. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:background};height:10px !important;}
  230.  
  231. ::-webkit-scrollbar {height:7px; width:6px; background-color:{color:background};}{/block:ifcustomscrollbar}
  232.  
  233. /* ------------ BUBBLE ASK BORDER ------------ */
  234.  
  235. .bubble {
  236. position: relative;
  237. text-align:left;
  238. padding: 5px 10px;
  239. background-color: {color:ask bubble bg};
  240. margin-bottom: 10px;
  241. border-radius:5px;}
  242.  
  243. .bubble::after {
  244. position: absolute;
  245. border-radius:5px;
  246. top: 100%;
  247. left: 15px;
  248. content: '';
  249. border-left: 7px solid transparent;
  250. border-right: 7px solid transparent;
  251. border-top: 5px solid {color:ask bubble bg};}
  252.  
  253. .portrait img {
  254. margin-left: 10px;}
  255.  
  256. #line {
  257. marign-top:2px;
  258. width:95%;
  259. height:1px;
  260. background: {color:ask bubble bg};}
  261.  
  262. /* ------------ SIDEBAR ------------ */
  263.  
  264. #sidebar {
  265. position:fixed;
  266. padding-left:5px;
  267. padding-right:5px;
  268. {block:ifnotsidebarleft}
  269. margin-left:700px;
  270. {/block:ifnotsidebarleft}
  271. {block:ifsidebarleft}
  272. margin-left:40px;
  273. {/block:ifsidebarleft}
  274. margin-top:0px;
  275. height:400px;
  276. width:300px;
  277. background: {color:background};
  278. z-index:1;
  279. box-shadow:0 0 4px {color:shadow};}
  280.  
  281. /* ------------ NAVIGATION ------------ */
  282.  
  283. #navbar {
  284. left:0px;padding: 2px;
  285. height: 14px; width: 268px;
  286. position:absolute;
  287. background-color: #transparant;
  288. -webkit-transition: all 0.6s ease;
  289. -moz-transition: all 0.6s ease;
  290. -o-transition: all 0.6s ease;}
  291.  
  292. #navbar li a {
  293. display: block;
  294. box-shadow:0 0 4px #9c9c9c;
  295. color: #9c9c9c;
  296. height:16px;
  297. line-height: 12px;
  298. font-size:14px;
  299. text-align: center;
  300. width: 75px;
  301. background-color: #fff;
  302. padding:1px;
  303. margin:5px;}
  304.  
  305. #navbar li {list-style: none;float: left; }
  306. #navbar li ul { display: none; z-index: 100;width: 90px; }
  307. #navbar li:hover li, #navbar li.hover li {float:none;}
  308.  
  309. #navbar li a:hover {
  310. font-weight: normal; z-index: 100;
  311. -webkit-transition-timing-function: ease-out;
  312. -webkit-transition-duration: 6s;
  313. -moz-transition-timing-function: ease-out;
  314. -moz-transition-duration: 6s;}
  315.  
  316. #navbar li:hover ul, #navbar li.hover ul {
  317. display: block;
  318. position: absolute;
  319. margin:0;padding:0;
  320. margin-left:-10px;}
  321.  
  322. #navbar li:hover li a, #navbar li.hover li a {
  323. {block:ifshadow}
  324. box-shadow:0 0 4px {color:navigate shadow};{/block:ifshadow}
  325. letter-spacing:1px;
  326. background: {color:navigate bg};
  327. font-size:11px;
  328. margin-left:10px;
  329. text-transform: none;
  330. text-align: center;
  331. padding:0px; margin-top: 6px;
  332. z-index: 100;color: {color:navigate text};
  333. width:90px; height:18px;
  334. line-height:15px;
  335. -webkit-transform:scale(1);
  336. -webkit-transition: all .5s ease;
  337. -moz-transition: all .5s ease;
  338. -o-transition: all .5s ease;
  339. transition: all .5s ease;}
  340.  
  341. #navbar li li a:hover{
  342. background: {color:navigate bg hover};color: {color:navigate text hover};
  343. border-radius:3px;z-index:999999999;
  344. text-shadow:1px 1px 5px #000;
  345. -webkit-transform:scale(1.3);}
  346.  
  347. /* ------------ BACK TO TOP BUTTON ------------ */
  348.  
  349. #toTop {
  350. display:none;
  351. text-decoration:none;
  352. position:fixed;
  353. bottom:10px;
  354. right:10px;
  355. width:60px;
  356. height:60px;
  357. border:none;
  358. text-indent:100%;
  359. background:url({image:back to top button}) no-repeat right bottom;
  360. opacity: .7;
  361. }
  362.  
  363. #toTopHover {
  364. width:60px;
  365. height:60px;
  366. display:block;
  367. float:left;
  368. opacity: 0;}
  369.  
  370. #toTop:hover {opacity: 1;}
  371.  
  372. #toTop:active, #toTop:focus {outline:none;}
  373.  
  374. /* ------------ PERMALINK ------------ */
  375.  
  376. #content {
  377. max-width:900px;
  378. {block:ifnot3columns}
  379. {block:ifnotsidebarleft}
  380. margin-left:50px;
  381. margin-top:50px;
  382. {/block:ifnotsidebarleft}
  383. {block:ifsidebarleft}
  384. margin-left:400px;
  385. margin-top:50px;
  386. {/block:ifsidebarleft}
  387. {/block:ifnot3columns}
  388. {block:if3columns}
  389. {block:ifnotsidebarleft}
  390. margin-left:20px;
  391. margin-top:50px;
  392. {/block:ifnotsidebarleft}
  393. {block:ifsidebarleft}
  394. margin-left:390px;
  395. margin-top:50px;
  396. {/block:ifsidebarleft}
  397. {/block:if3columns}}
  398.  
  399. .entry {
  400. float:left;
  401. diplay:block;
  402. margin:5px;
  403. padding-left:5px;
  404. padding-right:5px;
  405. padding-top:5px;
  406. padding-bottom:5px;
  407. border: 1px solid #FFFFF;
  408. {block:ifshadow}
  409. box-shadow:0 0 4px {color:shadow};
  410. {/block:ifshadow}
  411. background:{color:background};
  412. {block:indexpage}
  413. {block:ifnot3columns}
  414. width:400px;
  415. {/block:ifnot3columns}
  416. {block:if3columns}
  417. width:280px;
  418. {/block:if3columns}
  419. {block:ifroundededges}
  420. border-radius:7px;
  421. {/block:ifroundededges}
  422. {/block:indexpage}
  423. {block:permalinkpage}
  424. width:500px;
  425. {/block:permalinkpage}
  426. {block:ifzoominhoverposts}
  427. -webkit-transform:scale(1);
  428. -webkit-transition-duration: 0.5s;
  429. {/block:ifzoominhoverposts}}
  430.  
  431. .entry:hover {
  432. {block:ifzoominhoverposts}
  433. {block:indexpage}
  434. -webkit-transform:scale(1.1);z-index:999999999;
  435. {/block:indexpage}
  436. {/block:ifzoominhoverposts}}
  437.  
  438. .entry img {
  439. display: block;
  440. max-width: 100%;
  441. border: 1px solid #BDBDBD;
  442.  
  443. {block:indexpage}
  444. {block:ifroundededges}
  445. border-radius:5px;
  446. {/block:ifroundededges}
  447. {block:iffadedposts}
  448. opacity:0.75;
  449. -webkit-transition-duration: 0.5s;
  450. {/block:iffadedposts}
  451. {/block:indexpage}}
  452.  
  453. .entry:hover img {
  454. {block:indexpage}
  455. {block:iffadedposts}
  456. opacity:1.0;
  457. -webkit-transition-duration: 0.4s;
  458. box-shadow:20px white;
  459. {/block:iffadedposts}
  460. {block:indexpage}
  461. max-width: 100%;}
  462.  
  463. .photoset, .photoset img{
  464. {block:indexpage}
  465. {block:ifroundededges}
  466. border-radius:5px;
  467. {/block:ifroundededges}
  468. {block:iffadedposts}
  469. opacity:0.75;
  470. -webkit-transition-duration: 0.5s;
  471. {/block:iffadedposts}
  472. {/block:indexpage}}
  473.  
  474. .photoset:hover, .photoset img:hover {
  475. {block:indexpage}
  476. {block:iffadedposts}
  477. opacity:1.0;
  478. -webkit-transition-duration: 0.5s;
  479. {/block:iffadedposts}
  480. {block:indexpage}}
  481.  
  482. #excel {position: fixed;right: 3px;top: 26px;}
  483. #pagination{display:none;}
  484. ol.notes img {width: 16px;display: inline;position: relative;top: 3px;}
  485.  
  486. .entry .perma {
  487. opacity: .0;
  488. z-index:9991;
  489. display: inline-block;
  490. position: absolute;
  491. width:100%;
  492. text-align:center;
  493. top:60%;
  494. -webkit-transition: all .4s ease;
  495. -moz-transition: all .4s ease;
  496. -o-transition: all .4s ease;
  497. transition: all .4s ease;}
  498.  
  499. .entry:hover .perma {
  500. top:45%;
  501. opacity: 1;
  502. -webkit-transition: all .4s ease;
  503. -moz-transition: all .4s ease;
  504. -o-transition: all .4s ease;
  505. transition: all .4s ease;}
  506.  
  507. .rep {
  508. width: 24px;height: 20px;
  509. overflow: hidden;z-index: 9999999;
  510. display: inline-block; }
  511.  
  512. .likep { display: inline-block;
  513. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  514. height: 20px;top:-2px;
  515. font-size: 11px;line-height: 27px;
  516. padding-left: 4px;padding-right: 4px;
  517. -moz-border-radius: 2px;border-radius: 2px;
  518. position: relative;color: #fff;}
  519.  
  520. .likep a, .likep:hover a, .likep a:hover {
  521. color: #ffffff!important;}
  522.  
  523. .rep img{
  524. width: 24px;height: 20px;
  525. line-height: 30px;display: inline;}
  526.  
  527. .not { display: inline-block;
  528. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");margin-left:2px;
  529. height: 20px;top: -6px;
  530. font-size: 11px;line-height: 20px;
  531. padding-left: 4px;padding-right: 4px;
  532. -moz-border-radius: 2px;border-radius: 2px;
  533. position: relative;color: #fff;}
  534.  
  535. .not a, .not:hover a, .not a:hover {
  536. color: #ffffff!important;}
  537.  
  538. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  539. opacity: 0.9;filter: alpha(opacity = 80);margin-right: 0;}
  540.  
  541. .not:hover , .rep:hover, .likep:hover {
  542. opacity: 1!important;filter: alpha(opacity = 100)!important;}
  543.  
  544.  
  545. </style>
  546.  
  547. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><script>window.jQuery || document.write('<script src="http://code.jquery.com/jquery-2.0.3.min.js">\x3C/script>')</script>
  548. <meta name="if:AnonBeGone" content="0" />
  549. {block:IfAnonBeGone}
  550. <script type="text/javascript">
  551. $(document).ready(function() {
  552. var ask_box = $('iframe#ask_form');
  553. var background_color = 'white';
  554. var current_ask_box_src = ask_box.attr('src');
  555. var tumblr_url = current_ask_box_src.replace('http://www.tumblr.com/ask_form/', '');
  556. ask_box.attr('src', '/anon');
  557. });
  558. </script>
  559. {/block:IfAnonBeGone}
  560.  
  561.  
  562. </head>
  563.  
  564. <body>
  565.  
  566. <body onkeydown="return false">
  567.  
  568. <style type="text/css">
  569. iframe#tumblr_controls{position:fixed !important;}
  570. .gatherfollowers {
  571. -moz-border-radius: 2px 2px 2px 2px;
  572. border-radius:2px;
  573. -webkit-border-radius: 2px 2px 2px 2px;
  574. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.38);
  575. border: 1px solid rgba(0, 0, 0, 0.18);
  576. color: #FFFFFF !important;
  577. text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.08);
  578. -moz-box-sizing: border-box;
  579. -moz-user-select: none;
  580. cursor: pointer;
  581. font: 600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
  582. height: 20px;
  583. outline: 0 none;
  584. overflow: hidden;
  585. padding: 0 5px;
  586. position: fixed;
  587. top: 50px; /*increase this value if you already have a link in the top right corner of your blog*/
  588. right: 3px;
  589. text-decoration: none;
  590. white-space: nowrap;
  591. z-index: 1000000;
  592. }
  593. .gatherfollowers:hover{
  594. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
  595. }
  596. .gatherfollowers:visited{
  597. color: #ffffff !important;
  598. }
  599. </style>
  600.  
  601. {block:ifdisableselectingtext}
  602. <BODY onselectstart="return false;" ondragstart="return false;">
  603. {/block:ifdisableselectingtext}
  604.  
  605. {block:ifrainbowlinks}
  606. <script src="http://static.tumblr.com/uiqhh9x/6SMm4pws7/rainbow.js" type="text/javascript"></script>
  607. {/block:ifrainbowlinks}
  608.  
  609. <div id="sidebar">
  610.  
  611. <div id="navbar"><ul id="navbar"><center>
  612.  
  613. <li><a href="/">Basics</a><ul>
  614. {block:ifhomelink}
  615. <li><a href="/Home">Home</a></li>
  616. {/block:ifhomelink}
  617.  
  618. {block:ifarchivelink}
  619. <li><a href="/archive">Archive</a></li>
  620. {/block:ifarchivelink}
  621. </ul>
  622.  
  623. <li><a href="/ask">Contact</a><ul>
  624. {block:ifasklink}
  625. <li><a href="/ask">Inbox <big><big>✉</big></big></a></li>
  626. {/block:ifasklink}
  627. {block:ifFAQlink}
  628. <li><a href="{text:link FAQ}">FAQ</a></li>
  629. {/block:ifFAQlink}
  630. {block:ifansweredlink}
  631. <li><a href="{text:link Answered}">Answered</a></li>
  632. {/block:ifansweredlink}
  633. {block:ifsubmitlink}
  634. <li><a href="/submit">Upload</a></li>
  635. {/block:ifsubmitlink}
  636. </ul>
  637.  
  638. <li><li><a href="#">Links</a><ul>
  639.  
  640. {block:ifshowlink1}<li><a href="{text:link 1}">{text:link 1 title}
  641. </a></li>{/block:ifshowlink1}
  642. {block:ifshowlink2}<li><a href="{text:link 2}">{text:link 2 title}
  643. </a></li>{/block:ifshowlink2}
  644. {block:ifshowlink3}<li><a href="{text:link 3}">{text:link 3 title}
  645. </a></li>{/block:ifshowlink3}
  646. {block:ifshowlink4}<li><a href="{text:link 4}">{text:link 4 title}
  647. </a></li>{/block:ifshowlink4}
  648. {block:ifshowlink5}<li><a href="{text:link 5}">{text:link 5 title}
  649. </a></li>{/block:ifshowlink5}
  650. {block:ifshowlink6}<li><a href="{text:link 6}">{text:link 6 title}
  651. </a></li>{/block:ifshowlink6}
  652. {block:ifshowlink7}<li><a href="{text:link 7}">{text:link 7 title}
  653. </a></li>{/block:ifshowlink7}
  654.  
  655. </ul></center></div>
  656.  
  657. <br><br><br><br>
  658.  
  659. {block:ifsidebarimg}<center>
  660. <img src="{image:sidebar}" style="width:230px;height:266px;display: inline-block;
  661. position: relative;
  662. overflow: hidden;
  663. width: 250px;
  664. height: 150px;
  665. -moz-border-radius: 10px;
  666. border-radius: 10px;
  667. {block:ifshadow}box-shadow: 0 0 4px {color:shadow};{/block:ifshadow};">
  668. </center>{/block:ifsidebarimg}
  669.  
  670. <div style="margin-left:9px;
  671. {block:ifsidebarimg}height:175px;{/block:ifsidebarimg}
  672. {block:ifnotsidebarimg}height:300;{/block:ifnotsidebarimg}
  673. width:275px;overflow-y:scroll;overflow-x:hidden;">{Description}</div></div>
  674.  
  675. <div id="content">
  676. {block:posts}
  677. <div class="entry">
  678.  
  679. {block:IndexPage}
  680. <div class="perma">
  681. <div class="likep">{LikeButton size="16" color="white"}</div>
  682. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  683. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div></div>
  684. {/block:IndexPage}
  685.  
  686. {block:Text}
  687. {block:Title}
  688. <a href="{Permalink}"><h2>{Title}</h2></a>
  689. {/block:Title}
  690. {Body}
  691. {/block:Text}
  692.  
  693. {block:Photo}
  694. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  695. {block:ifshowcaption}
  696. {block:caption}{caption}{/block:caption}
  697. {/block:ifshowcaption}
  698. {/block:Photo}
  699.  
  700. {block:Photoset}
  701. {block:IndexPage}
  702. {Photoset-250}
  703. {/block:IndexPage}
  704. {block:permalinkpage}
  705. {Photoset-500}
  706. {/block:permalinkpage}
  707. {/block:Photoset}
  708.  
  709. {block:Quote}
  710. <h2>"{Quote}"</h2><br>
  711. {block:Source}
  712.  
  713. {/block:Source}
  714. {/block:Quote}
  715.  
  716. {block:Link}
  717. <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>
  718. {block:Description}
  719. <div class="description">{Description}</div>
  720. {/block:Description}
  721. {/block:Link}
  722.  
  723. {block:Chat}
  724. {block:Title}
  725. <a href="{Permalink}"><h2>{Title}</h2></a>
  726. {/block:Title}
  727. <ul class="chat">{block:Lines}
  728. <div class="chatbg">
  729. <div class="line {Alt}">
  730. {block:Label}<span class="label">
  731. <b>{Label}</b>
  732. </span>{/block:Label}
  733. {Line}</div></div>
  734. {/block:Lines}{/block:Chat}
  735.  
  736. {block:Answer}
  737. <div class="bubble">{Question}</div><p class="portrait"><img src="{AskerPortraitURL-24}" align="left"> <h1>{Asker}</h1>
  738. <center><div id="line"></div></center>{Answer}
  739. {/block:Answer}
  740.  
  741. {block:Video}
  742. {Video-250}
  743. {block:Caption}
  744. <div class="caption">{Caption}</div>
  745. {/block:Caption}
  746. {/block:Video}
  747.  
  748. {block:Audio}
  749. {AudioPlayerBlack}
  750. {block:Caption}
  751. <div class="caption">{Caption}</div>
  752. {/block:Caption}
  753. {/block:Audio}
  754.  
  755. {block:PermalinkPage}
  756. <br>
  757. {block:notecount}This post has {notecountwithlabel}
  758. {/block:notecount}<br>{block:Date}Posted on {ShortMonth} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date}&nbsp;&nbsp;{block:RebloggedFrom} <br> Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></a><br>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}<br>
  759.  
  760. {/block:PermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:Posts}
  761.  
  762. </div><div class="clear"></div></div>
  763.  
  764. {block:Pagination}
  765. <div id="pagination">
  766. {block:NextPage}
  767. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  768. {/block:NextPage}
  769. {block:PreviousPage}
  770. <a href="{PreviousPage}">&larr;&nbsp;</a>
  771. {/block:PreviousPage}</div>
  772. {/block:Pagination}
  773.  
  774.  
  775. <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
  776. <script type="text/javascript" src="http://isotope.metafizzy.co/isotope.pkgd.min.js"></script>
  777. <script type="text/javascript" src="http://static.tumblr.com/0xll37k/6QRn49wdh/infinitescroll.js"></script>
  778. <script type="text/javascript" src="http://imagesloaded.desandro.com/imagesloaded.pkgd.min.js"></script>
  779.  
  780. <script type="text/javascript">
  781. $(document).ready(function() {
  782. //http://www.shambix.com/en/isotope-twitter-bootstrap-infinite-scroll-fluid-responsive-layout/
  783. var $container = $('#content');
  784.  
  785. // Fire Isotope only when images are loaded
  786. $container.imagesLoaded(function(){
  787. $container.isotope({
  788. itemSelector : '.entry',
  789. masonry: {
  790. isFitWidth: true,
  791. gutter: 20
  792. }
  793. });
  794. });
  795.  
  796. // Infinite Scroll
  797. $('#posts').infinitescroll({
  798. navSelector : '#pagination',
  799. nextSelector : '#pagination a',
  800. itemSelector : '.entry',
  801. bufferPx : 200,
  802. loading: {
  803. finishedMsg: 'We\'re done here.',
  804. }
  805. },
  806.  
  807. // Infinite Scroll Callback
  808. function( newElements ) {
  809. var $newElems = jQuery( newElements ).hide();
  810. $newElems.imagesLoaded(function(){
  811. $newElems.fadeIn();
  812. $container.isotope( 'appended', $newElems );
  813. });
  814. });
  815.  
  816. });
  817. </script>
  818.  
  819. <script type="text/javascript">
  820. $(document).ready(function() {
  821. /*
  822. var defaults = {
  823. containerID: 'toTop', // fading element id
  824. containerHoverID: 'toTopHover', // fading element hover id
  825. scrollSpeed: 1200,
  826. easingType: 'linear'
  827. };
  828. */
  829.  
  830. $().UItoTop({ easingType: 'easeOutQuart' });
  831.  
  832. });
  833. </script>
  834.  
  835.  
  836. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  837.  
  838.  
  839.  
  840. </body>
  841.  
  842. </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!