API tools faq
paste
Advertisement
Guest User

Dd

a guest
Nov 26th, 2014
176
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
  2.  
  3. <!-----------------------------------------------------------------------
  4.  
  5. Yannick theme by Lyra (http://whizpered.us/)
  6.  
  7. DO NOT REMOVE THE THEME CREDIT LINKS
  8. If you are caught you will be reported and your access to my theme codes will be revoked. If needed further action will be taken.
  9. Taking off the install theme button will ruin both masonry and infinite scroll, and I will also get an automatic notification when you do.
  10. Stealing is wrong - don't do it.
  11.  
  12. *** INFINITE SCROLL ***
  13.  
  14. Make sure that you change the posts to 15 posts per page by going to the Customize page > then scroll down to "Advanced" settings > and change the posts per page to 15 or infinite scroll will not work.
  15.  
  16. *** NEED MORE HELP? ***
  17.  
  18. I have a theme FAQ (frequently asked questions) page where all your questions will be answered. You can find it at
  19. themesbylyra.tumblr.com/themefaq
  20. Please do NOT ask me theme questions on my personal blog. They will be ignored.
  21.  
  22. *** TERMS ***
  23.  
  24. You have permission to edit this theme for personal use but that does NOT make it your theme. Leave the credit links even if you edit the code. Do not redistribute ANY of this theme code as yours at ALL.
  25.  
  26.  
  27. ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀ 　 　 █▀▀▄ █░░█ 　 　 █░░ █░░█ █▀▀█ █▀▀█
  28. ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█ 　 　 █▀▀▄ █▄▄█ 　 　 █░░ █▄▄█ █▄▄▀ █▄▄█
  29. ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀ 　 　 ▀▀▀░ ▄▄▄█ 　 　 ▀▀▀ ▄▄▄█ ▀░▀▀ ▀░░▀
  30.  
  31. ------------------------------------------------------------------------->
  32.  
  33. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  34.  
  35. <head>
  36.  
  37. <meta name="color:Border color" content="#000000"/>
  38. <meta name="color:Text color" content="#000000"/>
  39. <meta name="color:Links and titles" content="#84b8d8"/>
  40. <meta name="color:Link hover" content="#888888"/>
  41. <meta name="color:Background color" content="#f8f8f8"/>
  42. <meta name="color:Posts and sidebar" content="#ffffff"/>
  43. <meta name="image:Background image" content=""/>
  44. <meta name="image:Sidebar photo" content=""/>
  45. <meta name="image:Banner" content=""/>
  46. <meta name="if:Show blog title" content="1"/>
  47. <meta name="if: Sidebar on right" content="0"/>
  48. <meta name="if: Show captions" content="0"/>
  49. <meta name="if:1 column posts" content="0"/>
  50. <meta name="if:2 column posts" content="1"/>
  51. <meta name="if:3 column posts" content="0"/>
  52. <meta name="if:Show banner" content="0"/>
  53. <meta name="if:Cute font" content="0"/>
  54. <meta name="if:Shadow link hover" content="0"/>
  55. <meta name="if:Rainbow hover links" content="0"/>
  56. <meta name="if:Show sidebar photo" content="1"/>
  57. <meta name="if:Small cursor" content="0"/>
  58. <meta name="font:Font" content="Arial"/>
  59.  
  60. <meta name="text:Link 1 URL" content="" />
  61. <meta name="text:Link 1 title" content="Link 1" />
  62. <meta name="text:Link 2 URL" content="" />
  63. <meta name="text:Link 2 title" content="Link 2" />
  64. <meta name="text:Link 3 URL" content="" />
  65. <meta name="text:Link 3 title" content="Link 3" />
  66. <meta name="text:Link 4 URL" content="" />
  67. <meta name="text:Link 4 title" content="Link 4" />
  68. <meta name="text:Link 5 URL" content="" />
  69. <meta name="text:Link 5 title" content="Link 5" />
  70. <meta name="text:Link 6 URL" content="" />
  71. <meta name="text:Link 6 title" content="Link 6" />
  72. <meta name="text:Link 7 URL" content="" />
  73. <meta name="text:Link 7 title" content="Link 7" />
  74.  
  75. <title>{title}</title>
  76.  
  77. <link rel="stylesheet" href="http://static.tumblr.com/fuu6t9w/sbOmpx2zu/reset.css" type="text/css" />
  78.  
  79. <link rel="shortcut icon" href="{Favicon}">
  80.  
  81. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  82.  
  83. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  84.  
  85. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
  86.  
  87. {block:ifRainbowhoverlinks}<script src="http://static.tumblr.com/uiqhh9x/6SMm4pws7/rainbow.js" type="text/javascript"></script>{/block:ifRainbowhoverlinks}
  88.  
  89. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
  90.  
  91. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  92.  
  93. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  94.  
  95. <script>
  96.  
  97. (function($){
  98.  
  99. $(document).ready(function(){
  100.  
  101. $("a[title]").style_my_tooltips({
  102.  
  103. tip_follows_cursor:true,
  104.  
  105. tip_delay_time:90,
  106.  
  107. tip_fade_speed:600,
  108.  
  109. attribute:"title"
  110.  
  111. });
  112.  
  113. });
  114.  
  115. })(jQuery);
  116.  
  117. </script>
  118.  
  119. <style type="text/css">
  120.  
  121. {!---------------------- BODY CODES AND FONTS --------------------------!}
  122.  
  123. @font-face {
  124. font-family:"short";
  125. src: url('http://static.tumblr.com/9nfl7hr/XQom5w68s/shortstack-regular.ttf');
  126. }
  127.  
  128. body {
  129. border-right:20px solid {color:Border color};
  130. border-left:20px solid {color:Border color};
  131. color: {color:Text color};
  132. background-color:{color:Background color};
  133. background-image: url({image:Background image});
  134. background-attachment: fixed;
  135. background-repeat: repeat;
  136. line-height: 120%;
  137. font-size: 11px;
  138. {block:ifCutefont}
  139. font-family:'short';
  140. {/block:ifCutefont}
  141. {block:ifnotCutefont}
  142. font-family:{font:Font};
  143. {/block:ifnotCutefont}
  144. }
  145.  
  146. ul#pagination {
  147. display:none;
  148. }
  149.  
  150. iframe#tumblr_controls {
  151. position: fixed;
  152. z-index:9999999999999999999999999999999;
  153. }
  154.  
  155. ol {
  156. margin-left:20px;
  157. margin-top:5px;
  158. padding-left:10px;
  159. list-style:decimal;
  160. background-image:none;
  161. }
  162.  
  163. em {font-style:italic}
  164.  
  165. {!---------------------------- LINK EFFECTS --------------------------!}
  166.  
  167. a {
  168. -webkit-transition: all 0.3s ease-out;
  169. -moz-transition: all 0.3s ease-out;
  170. transition: all 0.3s ease-out;
  171. color:{color:Links and titles};
  172. text-decoration: none;
  173. }
  174.  
  175. a:link, a:active, a:visited {
  176. color:{color:Links and titles};
  177. text-decoration: none;
  178. -webkit-transition: all 0.3s ease-out;
  179. -moz-transition: all 0.3s ease-out;
  180. transition: all 0.3s ease-out;
  181. }
  182.  
  183. a:hover {
  184. color:{color:Link hover};
  185. {block:ifShadowlinkhover}
  186. text-shadow:0px 0px 3px #888;
  187. {/block:ifShadowlinkhover}
  188. text-decoration: none;
  189. -webkit-transition: all 0.3s ease-out;
  190. -moz-transition: all 0.3s ease-out;
  191. transition: all 0.3s ease-out;
  192. }
  193.  
  194. {!------------------------------ SCROLLBAR ----------------------------!}
  195.  
  196. ::-webkit-scrollbar-thumb:vertical {
  197. background-color:{color:Text color};
  198. height:auto;
  199. }
  200.  
  201. ::-webkit-scrollbar-thumb:horizontal {
  202. background-color:{color:Text color};
  203. height:6px;
  204. }
  205.  
  206. ::-webkit-scrollbar {
  207. height:6px;
  208. width:6px;
  209. background-color:transparent;
  210. }
  211.  
  212. {!------------------------------ ELEMENTS -----------------------------!}
  213.  
  214. {block:If1columnposts}
  215. #content {
  216. width: 510px;
  217. float: left;
  218. padding-top:10px;
  219. margin-left:
  220. {block:IfnotSidebaronright}
  221. 225px;
  222. {/block:IfnotSidebaronright}
  223. {block:IfSidebaronright}
  224. 0px;
  225. {block:IfSidebaronright}
  226. }
  227.  
  228. #contain {
  229. width: 650px;
  230. margin: 0px auto;
  231. }
  232. {/block:If1columnposts}
  233.  
  234. {block:If2columnposts}
  235. #content {
  236. width: 650px;
  237. float: left;
  238. padding-top:10px;
  239. margin-left:
  240. {block:IfnotSidebaronright}
  241. 420px;
  242. {/block:IfnotSidebaronright}
  243. {block:IfSidebaronright}
  244. 0px;
  245. {block:IfSidebaronright}
  246. }
  247.  
  248. #contain {
  249. width: 900px;
  250. margin: 0px auto;
  251. }
  252. {/block:If2columnposts}
  253.  
  254. {block:If3columnposts}
  255. #content {
  256. width: 980px;
  257. float: left;
  258. padding-top:10px;
  259. margin-left:
  260. {block:IfSidebaronright}
  261. 0px;
  262. {/block:IfSidebaronright}
  263. {block:IfnotSidebaronright}
  264. 223px;
  265. {block:IfnotSidebaronright}
  266. }
  267.  
  268. #contain {
  269. {block:IfSidebaronright}
  270. {block:Indexpage}
  271. width: 1240px;
  272. {/block:Indexpage}
  273. {block:Permalinkpage}
  274. width:750px;
  275. {/block:Permalinkpage}
  276. {/block:IfSidebaronright}
  277. {block:IfnotSidebaronright}
  278. {block:Indexpage}
  279. width: 1140px;
  280. {/block:Indexpage}
  281. {block:Permalinkpage}
  282. width:740px;
  283. {/block:Permalinkpage}
  284. {block:IfnotSidebaronright}
  285. margin: 0px auto;
  286. }
  287. {/block:If3columnposts}
  288.  
  289. {block:IfnotSidebaronright}
  290. #sidebar {
  291. {----------------------this one yannick----------------------------}
  292. left:120px;
  293. box-shadow:9px 9px 0px #CCCCCC;
  294. margin:25px;
  295. padding: 10px;
  296. float:left;
  297. padding-bottom:7px;
  298. background-color:#fff;
  299. border:1px solid #000;
  300. margin-bottom:30px;
  301. font-family:calibri;
  302. font-size: 12px;
  303. letter-spacing:0px;
  304. text-transform:lowercase;
  305. line-height:14px;
  306. color:#545454;
  307. z-index:1;
  308. overflow:hidden;
  309. {block:If1columnposts}
  310. {block:IndexPage}
  311. {/block:IndexPage}
  312. {block:If1columnposts}
  313. {block:If2columnposts}
  314. {block:PermalinkPage}
  315. {/block:PermalinkPage}
  316. {/block:If2columnposts}
  317. text-align:center;
  318. background-color:{color:Posts and sidebar};
  319. padding:5px;
  320. width:200px;
  321. position:fixed;
  322. left:120px;
  323. margin-top:90px; {block:If3columnposts}
  324. {block:IndexPage}
  325. margin-left:-40px;
  326. {/block:IndexPage}
  327. {block:PermalinkPage}
  328. margin-left:-40px;
  329. {/block:PermalinkPage}
  330. {block:If3columnposts}
  331. }
  332. {/block:IfnotSidebaronright}
  333.  
  334. {block:IfSidebaronright}
  335. #sidebar { box-shadow:9px 9px 0px #CCCCCC;
  336. margin:25px;
  337. margin-left: -20px;
  338. padding: 10px;
  339. float:left;
  340. padding-bottom:7px;
  341. background-color:#fff;
  342. border:1px solid #000;
  343. margin-bottom:30px;
  344. font-family:calibri;
  345. font-size: 12px;
  346. letter-spacing:0px;
  347. text-transform:lowercase;
  348. line-height:14px;
  349. color:#545454;
  350. z-index:1;
  351. overflow:hidden;
  352. text-align:center;
  353. background-color:{color:Posts and sidebar};
  354. padding:5px;
  355. {block:If1columnposts}
  356. {block:IndexPage}
  357. margin-left:515px;
  358. {/block:IndexPage}
  359. {block:PermalinkPage}
  360. margin-left:515px;
  361. {/block:PermalinkPage}
  362. {block:If1columnposts}
  363. {block:If2columnposts}
  364. {block:IndexPage}
  365. margin-left:694px;
  366. {/block:IndexPage}
  367. {block:PermalinkPage}
  368. margin-left:694px;
  369. {/block:PermalinkPage}
  370. {/block:If2columnposts}
  371. {block:If3columnposts}
  372. {block:IndexPage}
  373. margin-left:995px;
  374. {/block:IndexPage}
  375. {block:PermalinkPage}
  376. margin-left:625px;
  377. {/block:PermalinkPage}
  378. {block:If3columnposts}
  379. width:200px;
  380. position:fixed;
  381. margin-top:90px;
  382. }
  383. {block:IfSidebaronright}
  384.  
  385. {!---------------------------------- POSTS ----------------------------!}
  386.  
  387. .entry {
  388. box-shadow:9px 9px 0px #CCCCCC;
  389. margin:25px;
  390. padding: 10px;
  391. float:left;
  392. padding-bottom:7px;
  393. background-color:#fff;
  394. border:1px solid #000;
  395. margin-bottom:30px;
  396. font-family:calibri;
  397. font-size: 12px;
  398. letter-spacing:0px;
  399. text-transform:lowercase;
  400. line-height:14px;
  401. color:#545454;
  402. z-index:1;
  403. overflow:hidden;
  404. {block:If1columnposts}
  405. {block:IndexPage}
  406. width: 400px;
  407. {/block:IndexPage}
  408. {block:PermalinkPage}
  409. width: 400px;
  410. {/block:PermalinkPage}
  411. {/block:If1columnposts}
  412. {block:If2columnposts}
  413. {block:IndexPage}
  414. width: 250px;
  415. {/block:IndexPage}
  416. {block:PermalinkPage}
  417. width: 500px;
  418. {/block:PermalinkPage}
  419. {/block:If2columnposts}
  420. {block:If3columnposts}
  421. {block:IndexPage}
  422. width: 250px;
  423. {/block:IndexPage}
  424. {block:PermalinkPage}
  425. width: 500px;
  426. {/block:PermalinkPage}
  427. {/block:If3columnposts}
  428. }
  429.  
  430. .entry img {
  431. {block:If1columnposts}
  432. {block:IndexPage}
  433. max-width: 400px;
  434. {/block:IndexPage}
  435. {/block:If1columnposts}
  436. {block:If2columnposts}
  437. {block:IndexPage}
  438. max-width: 250px;
  439. {/block:IndexPage}
  440. {/block:If2columnposts}
  441. {block:If3columnposts}
  442. {block:IndexPage}
  443. max-width: 250px;
  444. {/block:IndexPage}
  445. {/block:If3columnposts}
  446. display: block;
  447. -webkit-transition: all 0.3s ease-out;
  448. -moz-transition: all 0.3s ease-out;
  449. transition: all 0.3s ease-out;}
  450.  
  451. .entry img:hover{
  452. -webkit-filter: grayscale(100%);
  453. z-index: -9999999999999999999999999px;
  454. -webkit-transition: all 1s ease-in-out;
  455. -moz-transition: all 1s ease-in-out;
  456. -o-transition: all 1s ease-in-out;
  457. -ms-transition: all 1s ease-in-out;
  458. transition: all 1s ease-in-out;
  459. }
  460.  
  461. .entry:hover {
  462. -webkit-transition: all 0.3s ease-out;
  463. -moz-transition: all 0.3s ease-out;
  464. transition: all 0.3s ease-out;
  465. }
  466.  
  467. .text {
  468. background-color:{color:Posts and sidebar};
  469. padding: 3px;
  470. -webkit-transition: all 0.3s ease-out;
  471. -moz-transition: all 0.3s ease-out;
  472. transition: all 0.3s ease-out;
  473. }
  474.  
  475. {!---------------------------- TITLES ----------------------------------!}
  476.  
  477. h3 {
  478. font-size: 22px;
  479. line-height: 100%;
  480. font-family:;
  481. margin-bottom:10px;
  482. }
  483.  
  484. .title {
  485. color: {color:Links and titles};
  486. font-size: 16px;
  487. font-family:;
  488. margin-bottom:10px;
  489. line-height: 100%;
  490. }
  491.  
  492. .blogtitle {
  493. font-family:;
  494. font-size: 25px;
  495. margin-top:0px;
  496. margin-bottom:0px;
  497. }
  498.  
  499. .blogtitle a {
  500. text-transform:none;
  501. line-height: 100%;
  502. color: {color:Links and titles};
  503. -webkit-transition: color 0.3s ease-out;
  504. -moz-transition: color 0.3s ease-out;
  505. transition: color 0.3s ease-out;
  506. }
  507.  
  508. .blogtitle a:hover {
  509. -webkit-transition: all 0.3s ease-out;
  510. -moz-transition: all 0.3s ease-out;
  511. transition: all 0.3s ease-out;
  512. }
  513.  
  514. {!----------------------------- LINKS ---------------------------------!}
  515.  
  516. .links {position:fixed;
  517. width:100%;left:0px;
  518. height:20px;
  519. line-height:20px;
  520. background-color:#000;
  521. text-align:center;
  522. z-index:999999999999999999999999999999999;
  523. top:0px;
  524. }
  525.  
  526. .bottom {position:fixed;
  527. width:100%;left:0px;
  528. height:20px;
  529. line-height:20px;
  530. background-color:#000;
  531. text-align:center;
  532. z-index:999999999999999999999999999999999;
  533. bottom:0px;
  534. }
  535.  
  536. .links a {
  537. -webkit-transition: all 0.3s ease-out;
  538. -moz-transition: all 0.3s ease-out;
  539. transition: all 0.3s ease-out;
  540. }
  541.  
  542. .links a:hover {
  543. -webkit-transition: all 0.3s ease-out;
  544. -moz-transition: all 0.3s ease-out;
  545. transition: all 0.3s ease-out;
  546. }
  547.  
  548. {!-------------------- INDEXPAGE PERMALINKS ----------------------------!}
  549.  
  550. .perma2 {
  551. font-size:0px;
  552. background-color:{color:Posts and sidebar};
  553. padding:3px;
  554. overflow:hidden;
  555. height:15px;
  556. line-height:15px;
  557. opacity:0;
  558. margin-top: 5px;
  559. margin-left: 5px;
  560. color:{color:Text color};
  561. position:absolute;
  562. -webkit-transition: all 0.2s ease-out;
  563. -moz-transition: all 0.2s ease-out;
  564. transition: all 0.2s ease-out;
  565. z-index:99;
  566. }
  567.  
  568. .perma2 a {
  569. font-size:10px;
  570. margin:3px;
  571. color:{color:Text color};
  572. }
  573.  
  574. .entry:hover .perma2 {
  575. opacity: .9;
  576. -webkit-transition: all 0.2s ease-out;
  577. -moz-transition: all 0.2s ease-out;
  578. transition: all 0.2s ease-out;
  579. }
  580.  
  581. .entry:hover .perma2:hover {
  582. opacity: 1;
  583. -webkit-transition: all 0.2s ease-out;
  584. -moz-transition: all 0.2s ease-out;
  585. transition: all 0.2s ease-out;
  586. }
  587.  
  588. {!------------------------ NOTES AND ASK POSTS -------------------------!}
  589.  
  590. ol.notes {
  591. font-size:10px;
  592. line-height:15px;
  593. padding: 0px;
  594. margin: 0px 0px;
  595. list-style-type: none;
  596. }
  597.  
  598. ol.notes li.note {
  599. margin-bottom:0px;
  600. list-style-type: none;
  601. }
  602.  
  603. ol.notes li.note img.avatar {
  604. width: 15px;
  605. display: inline;
  606. position: relative;
  607. list-style-type: none;
  608. display:none;
  609. }
  610.  
  611. ol.notes li.note span.action {
  612. font-weight:normal;
  613. list-style-type: none;
  614. }
  615.  
  616. ol.notes li.note .answer_content {
  617. font-weight: normal;
  618. list-style-type: none;
  619. }
  620.  
  621. ol.notes li.note blockquote {
  622. quotes: "«" "»" "'" "'";
  623. padding-left: 6px;
  624. margin-left:30px;
  625. line-height:11px;
  626. margin-top:2px;
  627. list-style-type: none;
  628. margin-bottom:5px;
  629. border-left: solid #dfdfdf 3px;
  630. }
  631.  
  632. ol.notes li.note blockquote a {
  633. text-decoration: none;
  634. }
  635.  
  636. .ask {
  637. align:right;
  638. background: #dfdfdf;
  639. border:3px solid #dfdfdf;
  640. margin:6px 6px 10px 66px;
  641. padding:5px;
  642. position: relative;
  643. -moz-border-radius:5px;
  644. -webkit-border-radius:5px;
  645. border-radius:5px;
  646. }
  647.  
  648. .ask p {
  649. margin:1px 0px;
  650. }
  651.  
  652. .ask span {
  653. display:block;
  654. position:absolute;
  655. width:1px;
  656. height:1px;
  657. margin-left:-1px;
  658. font-size: 0;
  659. line-height: 1px;
  660. left:-10px;
  661. top:10px;
  662. border-top:7px solid transparent;
  663. border-bottom:7px solid transparent;
  664. border-right:10px solid #dfdfdf;
  665. }
  666.  
  667. .askborder {
  668. float: left;
  669. margin: 1px 4px 0 0;
  670. padding: 2px;
  671. background: transparent;
  672. }
  673.  
  674. {!-------------------------- OTHER CODES ------------------------------!}
  675.  
  676. #infscr-loading {
  677. position:absolute;
  678. width:16px;
  679. height:11px;
  680. margin-bottom:-16px;
  681. top:auto;
  682. bottom:0;
  683. left:50%;
  684. }
  685.  
  686. {block:IfSmallcursor}
  687. *, body, a, a:hover {
  688. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  689. }
  690. {/block:IfSmallcursor}
  691.  
  692. {Custom CSS}
  693.  
  694. #s-m-t-tooltip {
  695. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  696. max-width:250px;
  697. margin-top:15px;
  698. margin-left:15px;
  699. font-family:consolas;
  700. padding-top:2px;
  701. padding-bottom:1px;
  702. border-radius:3px;
  703. padding-left:4px;
  704. padding-right:4px;
  705. border:1px solid {color:Text color};
  706. z-index:1000;
  707. background-color:{color:Posts and sidebar};
  708. color:{color:Text color};
  709. z-index:999999999999999999999999999999999999999;
  710. font-size:9px;
  711. letter-spacing:1px;
  712. font-style:normal;
  713. text-transform:uppercase;
  714. line-height:11px;
  715. }
  716.  
  717. #boxiebox {
  718. font-size:11px; /*font size for all tabs*/
  719. background-color:#ffffff; /*background colour of box*/
  720. color:#000000; /*text colour for all tabs*/
  721. position:fixed;
  722. border:1px solid #000000; /*border width and colour*/
  723. right:25px; /*distance from the right*/
  724. padding:5px; /*padding around the box*/
  725. height:auto;
  726. font-family:'cambria'; /*font family*/
  727. width:200px; /*width*/
  728. top:80px; /*distance from the top*/
  729. z-index:4;
  730. box-shadow:{text:post shadow}px {text:post shadow}px {color:post shadow};}
  731.  
  732. #tab1{
  733. text-align: center;
  734. height:12px;
  735. overflow:hidden;
  736. border-bottom:1px solid #000000;
  737. z-index:4;
  738. -webkit-transition: all 0.4s ease-in-out;
  739. -moz-transition: all 0.4s ease-in-out;
  740. -o-transition: all 0.4s ease-in-out;}
  741.  
  742. #tab1 a{
  743. text-decoration:underline;}
  744.  
  745. #tab1 a:hover{
  746. text-decoration:none;}
  747.  
  748. #tab1:hover{
  749. height:220px;}
  750.  
  751. #tab3{
  752. text-align: center;
  753. height:12px;
  754. overflow:hidden;
  755. z-index:4;
  756. -webkit-transition: all 0.4s ease-in-out;
  757. -moz-transition: all 0.4s ease-in-out;
  758. -o-transition: all 0.4s ease-in-out;}
  759.  
  760. #tab3 a{
  761. text-decoration:underline;}
  762.  
  763. #tab3 a:hover{
  764. text-decoration:none;}
  765.  
  766. #tab3:hover{
  767. height:280px;}
  768.  
  769. .shuffle {
  770. position: fixed;
  771. top: 50px;
  772. right: 3px;
  773. _position: static;
  774. _margin: 3px;
  775. _text-align: right;
  776. z-index: 1337;
  777. }
  778.  
  779. </style>
  780.  
  781. </head>
  782.  
  783. <body>
  784. <div class="shuffle"> <a href="/random"><img src="http://static.tumblr.com/gmvpk3i/iAcll0j1w/shuffle.png"></a></div>
  785. <div id="contain">
  786.  
  787. <!----------------------------- SIDEBAR/HEADER -------------------------->
  788.  
  789. <div id="sidebar">
  790.  
  791. {block:ifShowblogtitle}
  792. <div class="blogtitle" style="margin-bottom:5px;">
  793. <a href="/" title="{title}">
  794. {Title}
  795. </a>
  796. </div>
  797. {/block:IfShowblogtitle}
  798.  
  799. {block:ifShowbanner}
  800. <a href="/">
  801. <img src="{image:Banner}" width="200"/>
  802. </a>
  803. {/block:ifShowbanner}
  804.  
  805. {block:IfShowsidebarphoto}
  806. <a href="/">
  807. <img src="{image:Sidebar photo}" width="200" style="margin-bottom:5px;" />
  808. </a>
  809. {/block:IfShowsidebarphoto}
  810.  
  811. Hii there, I'm <a href="/tagged/appearance">Yannick</a>, I'm 18 years old and I live in Belgium. I might be a weirdo, a total stranger or a friend to you, but know I'll always be there for you when you need me.
  812. <br/>
  813. <script language="JavaScript">
  814. var ref = (''+document.referrer+'');
  815. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID3113666&e1=&e2=&r=' + ref + '"><\/script>');</script> /
  816. <script language="JavaScript" src="http://tc.freehostedscripts.net/tcounter.php?url=shotgun.tk&name= "></script> /
  817. <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2078751&name="></script>
  818. <br/>
  819. <a href="http://instagram.com/shotgxn" title="instagram">instagram</a> / <a href="http://facebook.com/yannickverhasselt" title="facebook">facebook</a> / <a title="snapchat">vh_yannick</a>
  820. </p>
  821.  
  822. </div>
  823.  
  824.  
  825. <div class="bottom">
  826. </div>
  827.  
  828. <div class="links">
  829.  
  830. <a href="/">home</a> /
  831.  
  832.  
  833.  
  834. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> / {/block:Pages}{/block:HasPages}
  835.  
  836. {block:ifLink1URL}<a href="{text:Link 1 URL}">{text:Link 1 title}</a> / {/block:ifLink1URL}
  837.  
  838. {block:ifLink2URL}<a href="{text:Link 2 URL}">{text:Link 2 title}</a> / {/block:ifLink2URL}
  839.  
  840. {block:ifLink3URL}<a href="{text:Link 3 URL}">{text:Link 3 title}</a> / {/block:ifLink3URL}
  841.  
  842. {block:ifLink4URL}<a href="{text:Link 4 URL}">{text:Link 4 title}</a> {/block:ifLink4URL}
  843.  
  844. {block:ifLink5URL}<a href="{text:Link 5 URL}">{text:Link 5 title}</a> / {/block:ifLink5URL}
  845.  
  846. {block:ifLink6URL}<a href="{text:Link 6 URL}">{text:Link 6 title}</a> / {/block:ifLink6URL}
  847.  
  848. {block:ifLink7URL}<a href="{text:Link 7 URL}">{text:Link 7 title}</a> / {/block:ifLink7URL}
  849.  
  850. </div>
  851.  
  852. </div>
  853.  
  854. <!----------------------------- POSTS ---------------------------------->
  855.  
  856. <div id="content">
  857.  
  858. {block:Posts}
  859.  
  860. <div class="entry">
  861.  
  862. {block:Text}
  863. <div class="text">
  864. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}{Body}</div>{block:IndexPage}
  865. <div align="right"><a href="{reblogurl}" target="blank" title="Reblog">reblog</a>&nbsp;/&nbsp;<a href="{permalink}" title="Permalink page">{notecountwithlabel}</a></div>
  866. {/block:IndexPage}
  867.  
  868. {/block:Text}
  869.  
  870. {block:Photo}{block:IndexPage}
  871. <div class="perma2"><a href="{reblogurl}" target="blank" title="Reblog">reblog</a>&nbsp; / &nbsp;<a href="{permalink}" title="Permalink page">{notecountwithlabel}</a></div>
  872. {/block:IndexPage}
  873.  
  874. {block:indexpage}
  875. {LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%"/>{LinkCloseTag}
  876. {block:ifShowcaptions}{block:Caption}<br>{Caption}{/block:Caption}{/block:ifShowcaptions}
  877. {/block:Indexpage}
  878. {block:Permalinkpage}
  879. {LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%"/>{LinkCloseTag}{/block:Permalinkpage}
  880. {/block:Photo}
  881.  
  882. {block:Photoset}{block:IndexPage}
  883. <div class="perma2"><a href="{reblogurl}" target="blank" title="Reblog">reblog</a>&nbsp;/&nbsp;<a href="{permalink}" title="Permalink page">{notecountwithlabel}</a></div>
  884. {/block:IndexPage}
  885.  
  886. {block:IndexPage}{Photoset-250}{block:ifShowcaptions}{block:Caption}<br>{Caption}{/block:Caption}{/block:ifShowcaptions}{/block:IndexPage}
  887. {block:permalinkpage}{Photoset-500}{/block:permalinkpage}
  888. {/block:Photoset}
  889.  
  890. {block:Quote}
  891. <div class="text"><div class="title">"{Quote}"</div>
  892. {block:Source}<div style="text-align:right">- {Source}</div>{/block:Source}
  893. </div>{block:IndexPage}
  894. <div align="right"><a href="{reblogurl}" target="blank" title="Reblog">reblog</a>&nbsp;/&nbsp;<a href="{permalink}" title="Permalink page">{notecountwithlabel}</a></div>
  895. {/block:IndexPage}
  896.  
  897. {/block:Quote}
  898.  
  899. {block:Link}
  900. <div class="text"><div class="title"><a href="{URL}" class="link" {Target}>{Name}&nbsp;/&nbsp;»</a></div>
  901. {block:Description}<div class="description">{Description}</div>{/block:Description}</div>{block:IndexPage}
  902. <div align="right"><a href="{reblogurl}" target="blank" title="Reblog">reblog</a>&nbsp;/&nbsp;<a href="{permalink}" title="Permalink page">{notecountwithlabel}</a></div>
  903. {/block:IndexPage}
  904.  
  905. {/block:Link}
  906.  
  907. {block:Chat}
  908. <div class="text">{block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  909. {block:Lines}<ul><b>{block:Label}{Label}</b>{/block:Label}{Line}</ul>{/block:Lines}</div>{block:IndexPage}
  910. <div align="right"><a href="{reblogurl}" target="blank" title="Reblog">reblog</a>&nbsp;/&nbsp;<a href="{permalink}" title="Permalink page">{notecountwithlabel}</a></div>
  911. {/block:IndexPage}
  912.  
  913. {/block:Chat}
  914.  
  915. {block:Video}{block:IndexPage}
  916. <div class="perma2"><a href="{reblogurl}" target="blank" title="Reblog">reblog</a>&nbsp;/&nbsp;<a href="{permalink}" title="Permalink page">{notecountwithlabel}</a></div>
  917. {/block:IndexPage}
  918.  
  919. {block:IndexPage}{Video-250}{/block:IndexPage}
  920. {block:permalinkpage}{Video-500}{/block:permalinkpage}
  921. {/block:Video}
  922.  
  923. {block:Audio}
  924. <div class="text">{AudioPlayerGrey}
  925. {block:Caption}{Caption}{/block:Caption}</div>{block:IndexPage}
  926. <div align="right"><a href="{reblogurl}" target="blank" title="Reblog">reblog</a>&nbsp;/&nbsp;<a href="{permalink}" title="Permalink page">{notecountwithlabel}</a></div>
  927. {/block:IndexPage}
  928.  
  929. {/block:Audio}
  930.  
  931. {block:Answer}<div class="text">
  932. <img src="{AskerPortraitURL-48}" align="left" class="askborder">
  933. <div class="ask"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}</div>{block:IndexPage}
  934. <div align="right"><a href="{reblogurl}" target="blank" title="Reblog">reblog</a>&nbsp;/&nbsp;<a href="{permalink}" title="Permalink page">{notecountwithlabel}</a></div>
  935. {/block:IndexPage}
  936.  
  937. {/block:Answer}
  938.  
  939. <!------------------- PERMALINK PAGE CAPTIONS, ETC. -------------------->
  940.  
  941. {block:PermalinkPage}
  942. {block:Date}
  943. {block:Caption}<div style="margin-top:5px; margin-bottom:10px;">{Caption}</div>{/block:Caption}
  944. <div style="text-align:left; font-size:10px; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">Posted {Month} {DayOfMonth}, {Year} at {12HourWithZero}:{Minutes}{AmPm} {block:NoteCount} with
  945.  
  946. {NoteCountWithLabel}{/block:NoteCount}{block:HasTags}<br>Tagged as: {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</div>
  947. <div style="text-align:left; display:block; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{PostNotes}</div>{/block:Date}
  948. </div>
  949. {/block:PermalinkPage}
  950.  
  951. </div>
  952.  
  953. {block:ContentSource}
  954. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  955. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  956. {/block:SourceLogo}
  957. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  958. {/block:ContentSource}
  959. {block:ReblogParent}{/block:ReblogParent}
  960.  
  961. {/block:Posts}
  962.  
  963. </div>
  964.  
  965. <!--------- PAGINATION, INFINITE SCROLL, IMPORTANT THEME CODES ---------->
  966.  
  967. <div class="clear"></div>
  968. </div>
  969.  
  970. <script type="text/javascript" src="http://yourjavascript.com/113311526331/infinitescroll.js"></script>
  971. {block:IndexPage}
  972. {block:Pagination}
  973. <ul id="pagination">
  974. {block:PreviousPage}
  975. <li><a href="{PreviousPage}"></a></li>
  976. {/block:PreviousPage}
  977. {block:JumpPagination length="5"}
  978. {block:CurrentPage}
  979. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  980. {/block:CurrentPage}
  981. {block:JumpPage}
  982. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  983. {/block:JumpPage}
  984. {/block:JumpPagination}
  985. {block:NextPage}
  986. <li><a id="nextPage" href="{NextPage}"></a></li>
  987. {/block:NextPage}
  988. </ul>
  989. {/block:Pagination}
  990. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  991. {block:IndexPage}
  992. <script type="text/javascript">
  993. $(window).load(function () {
  994. $('#content').masonry(),
  995. $('.masonryWrap').infinitescroll({
  996. navSelector : '#pagination',
  997. nextSelector : '#pagination a#nextPage',
  998. itemSelector : ".entry, .clear",
  999. bufferPx : 200,
  1000. loadingText : "<em></em>",
  1001. },
  1002. function() { $('#content').masonry({ appendedContent: $(this) }); }
  1003. );
  1004. });
  1005. </script>
  1006. {/block:IndexPage}
  1007.  
  1008. <div id="boxiebox">
  1009.  
  1010. <div id="tab1">
  1011. <div style="text-align:center;">flagcounter</div>
  1012. <a href="http://info.flagcounter.com/8gd9"><img src="http://s01.flagcounter.com/count/8gd9/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_10/viewers_visitors/labels_0/pageviews_1/flags_1/" width="100px"></a>
  1013. </div>
  1014.  
  1015. <div id="tab3">
  1016. <div style="text-align:center;">ad</div>
  1017. <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  1018. <!-- tumblr ad -->
  1019. <ins class="adsbygoogle"
  1020. style="display:inline-block;width:300px;height:250px"
  1021. data-ad-client="ca-pub-9624597727005785"
  1022. data-ad-slot="2167529351"></ins>
  1023. <script>
  1024. (adsbygoogle = window.adsbygoogle || []).push({});
  1025. </script>
  1026. </div>
  1027.  
  1028. </div>
  1029.  
  1030. </body>
  1031.  
  1032. </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!