API tools faq
paste
Advertisement
imgirlrauhl

Theme #16 "Secrets" - themesbyvanne.tumblr.com

imgirlrauhl
Feb 9th, 2014
685
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.74 KB | None | 0 0
raw download clone embed print report
  1. <!----------
  2.  
  3. Theme #16 "Secrets" by Vanne @ themesbyvanne.tumblr.com
  4.  
  5. * PLEASE DO NOT REMOVE THE CREDITS, THANK YOU! *
  6.  
  7. ----------->
  8.  
  9. <html>
  10.  
  11. <head>
  12.  
  13. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/10/small-grey-outline-pointer.html" target="_blank" title="Small Grey Outline Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
  14.  
  15. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,400,700' rel='stylesheet' type='text/css'>
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  20.  
  21. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25.  
  26. <meta name="image:Background" content=""/>
  27. <meta name="image:Sidebar Image" content="http://24.media.tumblr.com/b0b0661fff02174b1aad5243452a87f9/tumblr_mz3trrVCvS1sl631ro1_100.png"/>
  28.  
  29. <meta name="color:Background" content="#f8f8f8"/>
  30. <meta name="color:Title" content="#a3a7cd"/>
  31. <meta name="color:Sidebar BG" content="#ffffff"/>
  32. <meta name="color:Description" content="#909090"/>
  33. <meta name="color:Blockquote Border" content="#a988c1"/>
  34. <meta name="color:Scrollbar" content="#c3bde0"/>
  35. <meta name="color:Scrollbar Bottom" content="#ffffff"/>
  36. <meta name="color:Entries BG" content="#ffffff"/>
  37. <meta name="color:Entries Text" content="#959595"/>
  38. <meta name="color:Entries Title" content="#8f7dcc"/>
  39. <meta name="color:Entries Border" content="#e3e3e3"/>
  40. <meta name="color:Link" content="#817eaf"/>
  41. <meta name="color:Link Hover" content="#c5a4e1"/>
  42. <meta name="color:Main Nav Links" content="#ffffff"/>
  43. <meta name="color:Main Nav BG" content="#aba8cc"/>
  44. <meta name="color:Main Nav BG Hover" content="#8485a5"/>
  45. <meta name="color:Italic Text" content="#9c74b0"/>
  46. <meta name="color:Bold Text" content="#6d6cb7"/>
  47. <meta name="color:Chat BG 1" content="#e6e5f2"/>
  48. <meta name="color:Chat Text 1" content="#867ca7"/>
  49. <meta name="color:Chat BG 2" content="#b3a8c8"/>
  50. <meta name="color:Chat Text 2" content="#ffffff"/>
  51. <meta name="color:Music Border" content="#d8bbdc"/>
  52. <meta name="color:Ask BG" content="#f8f7fb"/>
  53. <meta name="color:Ask Border" content="#ccc5d8"/>
  54.  
  55. <meta name="if:Music Player" content=""/>
  56. <meta name="if:Show Captions" content="">
  57. <meta name="if:Show Tags" content="1">
  58. <meta name="if:Image Fade" content="">
  59. <meta name="if:Black And White Images" content="">
  60. <meta name="if:Back To Top" content="1"/>
  61.  
  62. <meta name="text:Sidebar Title" content="secrets">
  63. <meta name="text:Ask URL" content="/ask">
  64. <meta name="text:Music Player" content="">
  65. <meta name="text:Link 1" content="link 1">
  66. <meta name="text:Link 1 URL" content="">
  67. <meta name="text:Link 2" content="link 2">
  68. <meta name="text:Link 2 URL" content="">
  69. <meta name="text:Link 3" content="link 3">
  70. <meta name="text:Link 3 URL" content="">
  71. <meta name="text:Link 4" content="link 4">
  72. <meta name="text:Link 4 URL" content="">
  73. <meta name="text:Link 5" content="link 5">
  74. <meta name="text:Link 5 URL" content="">
  75. <meta name="text:Link 6" content="link 6">
  76. <meta name="text:Link 6 URL" content="">
  77. <meta name="text:Link 7" content="link 7">
  78. <meta name="text:Link 7 URL" content="">
  79. <meta name="text:Link 8" content="link 8">
  80. <meta name="text:Link 8 URL" content="">
  81.  
  82. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  83.  
  84. <style>
  85. div#qTip {
  86. margin: 5px;
  87. padding: 4px 8px 4px 8px;
  88. z-index: 99999;
  89. display: none;
  90. text-align: center;
  91. position: absolute;
  92. text-transform: uppercase;
  93. font-size: 9px;
  94. color: {color:Main Nav BG};
  95. background: #fff;
  96. border-radius: 3px;
  97. letter-spacing: 1px;
  98. }
  99. </style>
  100.  
  101. <style type="text/css">
  102.  
  103. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  104.  
  105. /* fontawesome */
  106. [class*="fontawesome-"]:before {
  107. font-family: 'FontAwesome', sans-serif;
  108. }
  109.  
  110. iframe#tumblr_controls {
  111. right: 3px !important;
  112. position: fixed !important;
  113. opacity: 0.2;
  114. white-space: nowrap;
  115. -webkit-filter: invert(100%);
  116. -moz-filter: invert(100%);
  117. -o-filter: invert(100%);
  118. -ms-filter: invert(100%);
  119. filter: invert(100%);
  120. -webkit-transition: opacity 0.7s linear;
  121. -webkit-transition: all 0.5s ease-in-out;
  122. -moz-transition: all 0.5s ease-in-out;
  123. -o-transition: all 0.5s ease-in-out;
  124. transition: all 0.5s ease-in-out;
  125. }
  126.  
  127. iframe#tumblr_controls:hover {
  128. opacity: 0.7;
  129. }
  130.  
  131. body {
  132. background: {color:Background} url('{image:Background}');
  133. background-attachment: fixed;
  134. font-family: Roboto Condensed;
  135. }
  136.  
  137. ::-webkit-scrollbar-thumb:vertical {
  138. background-color: {color:Scrollbar};
  139. height: auto;
  140. border-radius: 3px;
  141. }
  142.  
  143. ::-webkit-scrollbar-thumb:horizontal {
  144. background-color: {color:Scrollbar};
  145. height: auto;
  146. border-radius: 3px;
  147. }
  148.  
  149. ::-webkit-scrollbar {
  150. height: 5px;
  151. width: 5px;
  152. background-color: {color:Scrollbar Bottom};
  153. }
  154.  
  155. ::selection {
  156. color: #fff;
  157. background: {color:Bold Text};
  158. }
  159.  
  160. blockquote {
  161. margin-left: 0px;
  162. margin-right: 0px;
  163. padding-left: 5px;
  164. font-style: italic;
  165. border-left: 3px solid {color:Blockquote Border};
  166. }
  167.  
  168. a {
  169. text-decoration: none;
  170. color: {color:Link};
  171. }
  172.  
  173. a:hover {
  174. color: {color:Link Hover};
  175. text-decoration: none;
  176. }
  177.  
  178. b, strong {
  179. color: {color:Bold Text};
  180. font-weight: 700;
  181. }
  182.  
  183. i, em {
  184. color: {color:Italic Text};
  185. font-weight: 400italic;
  186. }
  187.  
  188. #all {
  189. position:relative;
  190. top:0px;
  191. width:1000px;
  192. margin:0 auto;
  193. padding:5px;
  194. }
  195.  
  196. #sidebar {
  197. position: fixed;
  198. margin-left:0px;
  199. margin-top: 160px;
  200. width: 195px;
  201. border-radius: 130px;
  202. background: {color:Sidebar BG};
  203. box-shadow: 2px 0px 5px #d7d7d7;
  204. }
  205.  
  206. #sidebar img {
  207. width: 175px;
  208. padding: 10px 10px 8px 10px;
  209. border-radius: 120px;
  210. }
  211.  
  212. #sidebar:hover #description {
  213. opacity: 1;
  214. }
  215.  
  216. #title {
  217. z-index: 99999;
  218. position: fixed;
  219. margin-top: 16px;
  220. margin-left:0px;
  221. font-size: 22px;
  222. text-align: center;
  223. font-family: basket;
  224. color: {color:Title};
  225. width: 225px;
  226. text-shadow:
  227. -1px 0 #fff,
  228. 0 1px #fff,
  229. 1px 0 #fff,
  230. 0 -1px #fff;
  231. }
  232.  
  233. @font-face { font-family: "basket";src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  234.  
  235. #description {
  236. margin-top: 10px;
  237. margin-left: 0px;
  238. margin-bottom: 5px;
  239. width: 205px;
  240. font-family: Inconsolata;
  241. border-radius: 10px;
  242. padding: 10px;
  243. font-size: 9px;
  244. opacity: 0;
  245. text-transform: uppercase;
  246. position: relative;
  247. text-align: center;
  248. color: {color:Description};
  249. background: {color:Sidebar BG};
  250. text-shadow: 0px 0px 0px;
  251. -webkit-transition: all .7s ease;
  252. -moz-transition: all .7s ease;
  253. -o-transition: all .7s ease;
  254. transition: all .7s ease;
  255. }
  256.  
  257. #triangle {
  258. z-index: -1;
  259. position: fixed;
  260. margin-left: 40px;
  261. margin-top: -28px;
  262. font-size: 32px;
  263. color: {color:Sidebar BG};
  264. text-shadow: 0px 2px 5px #d7d7d7;
  265. }
  266.  
  267. #pagination {
  268. z-index: 9999999;
  269. position: fixed;
  270. padding: 2px;
  271. margin-top: 17px;
  272. margin-left: -10px;
  273. width: 220px;
  274. text-align: center;
  275. }
  276.  
  277. #pagination a {
  278. display: inline;
  279. opacity: .8;
  280. font-size: 9px;
  281. padding: 5px 6px 3px 6px;
  282. text-transform: uppercase;
  283. margin: 0px 0px 6px 0px;
  284. text-align: center;
  285. letter-spacing: 1px;
  286. font-family: Inconsolata;
  287. -webkit-transition: all .7s ease;
  288. -moz-transition: all .7s ease;
  289. -o-transition: all .7s ease;
  290. transition: all .7s ease;
  291. }
  292.  
  293. #pagination a:hover {
  294. opacity: 1;
  295. }
  296.  
  297. #main {
  298. position: fixed;
  299. margin-top: 180px;
  300. margin-left: 190px;
  301. z-index: 99999;
  302. text-align: center;
  303. border-radius: 4px;
  304. }
  305. #main a {
  306. z-index: 99999;
  307. margin: 0px;
  308. position: relative;
  309. display: block;
  310. text-align: center;
  311. font-size: 12px;
  312. letter-spacing: 1px;
  313. padding: 6px 4px 7px 4px;
  314. border-radius: 30px;
  315. width: 21px;
  316. height: 16px;
  317. background: {color:Main Nav BG};
  318. color: {color:Main Nav Links};
  319. -webkit-transition: all .7s ease;
  320. -moz-transition: all .7s ease;
  321. -o-transition: all .7s ease;
  322. transition: all .7s ease;
  323. }
  324. #main a:hover {
  325. background: {color:Main Nav BG Hover};
  326. }
  327. #one {
  328. margin-top: 0px;
  329. }
  330. #two {
  331. margin-top: 14px;
  332. margin-left: 13px;
  333. }
  334. #three {
  335. margin-top: 14px;
  336. margin-left: 13px;
  337. }
  338. #four {
  339. margin-top: 14px;
  340. margin-left: 0px;
  341. }
  342. #nav {
  343. position: fixed;
  344. margin-top: 40px;
  345. margin-left: 0px;
  346. z-index: 99999;
  347. }
  348. #nav a {
  349. z-index: 99999;
  350. margin-bottom: 7px;
  351. position: relative;
  352. display: block;
  353. text-align: center;
  354. text-transform: uppercase;
  355. border-radius: 3px;
  356. font-family: Inconsolata;
  357. letter-spacing: 1px;
  358. font-size: 9px;
  359. width: 200px;
  360. padding:4px 3px 4px 3px;
  361. background: {color:Main Nav BG};
  362. color: {color:Main Nav Links};
  363. -webkit-transition: all .7s ease;
  364. -moz-transition: all .7s ease;
  365. -o-transition: all .7s ease;
  366. transition: all .7s ease;
  367. }
  368. #nav a:hover {
  369. background: {color:Main Nav BG Hover};
  370. }
  371.  
  372. #container {
  373. margin-top: 30px;
  374. margin-bottom: 30px;
  375. margin-left: 200px;
  376. width: 720px;
  377. padding: 0px 0px 0px 90px;
  378. }
  379.  
  380. .entry {
  381. float:left;
  382. z-index: 9999;
  383. position: relative;
  384. padding: 10px 10px 7px 10px;
  385. text-align: left;
  386. font-size: 13px;
  387. overflow: hidden;
  388. border-radius: 4px;
  389. color: {color:Entries Text};
  390. background: {color:Entries BG};
  391. border: 1px solid {color:Entries Border};
  392. width: 250px;
  393. margin: 20px;
  394. {block:PermalinkPage}
  395. width: 400px;
  396. {/block:PermalinkPage}
  397. }
  398.  
  399. .entry img {
  400. max-width: 100%;
  401. }
  402.  
  403. #entrytitle {
  404. z-index: 99999;
  405. text-align: center;
  406. text-transform: none;
  407. font-size: 22px;
  408. line-height: 22px;
  409. font-family: basket;
  410. color: {color:Entries Title};
  411. }
  412.  
  413. /*ASK*/
  414. #asker {
  415. border-bottom: 1px dotted {color:Ask Border};
  416. font-family: Inconsolata;
  417. font-size: 10px;
  418. margin-bottom: 4px;
  419. text-transform: uppercase;
  420. }
  421.  
  422. #triangle2 {
  423. position: fixed;
  424. margin-left: 60px;
  425. margin-top: 13px;
  426. font-size: 28px;
  427. color: {color:Ask BG};
  428. }
  429.  
  430. #ask {
  431. margin-left: 70px;
  432. background: {color:Ask BG};
  433. padding: 5px 7px 5px 7px;
  434. min-height: 46px;
  435. line-height: 12px;
  436. font-size: 10px;
  437. font-family: Inconsolata;
  438. }
  439.  
  440. #answer {
  441. padding: 10px 5px 0px 5px;
  442. font-size: 12px;
  443. }
  444.  
  445. #portrait img {
  446. float: left;
  447. border: 8px solid {color:Ask Border};
  448. margin: 0px 7px 5px 0px;
  449. }
  450.  
  451. {block:IfImageFade}
  452. .photo {
  453. opacity: .7;
  454. -webkit-transition: all 0.5s ease-in-out;
  455. -moz-transition: all 0.5s ease-in-out;
  456. -o-transition: all 0.5s ease-in-out;
  457. -ms-transition: all 0.5s ease-in-out;
  458. transition: all 0.5s ease-in-out;
  459. }
  460.  
  461. .photo:hover {
  462. opacity: 1;
  463. }
  464.  
  465. .entry img {
  466. opacity: .7;
  467. -webkit-transition: all 0.5s ease-in-out;
  468. -moz-transition: all 0.5s ease-in-out;
  469. -o-transition: all 0.5s ease-in-out;
  470. -ms-transition: all 0.5s ease-in-out;
  471. transition: all 0.5s ease-in-out;
  472. }
  473.  
  474. .entry img:hover {
  475. opacity: 1;
  476. }
  477. {/block:IfImageFade}
  478.  
  479. {block:IfBlackAndWhiteImages}
  480. .entry img{
  481. -webkit-transition: opacity 0.8s linear;
  482. -webkit-filter:grayscale(100%);
  483. -webkit-transition: all 0.5s ease-in-out;
  484. -moz-transition: all 0.5s ease-in-out;
  485. -o-transition: all 0.5s ease-in-out;
  486. -ms-transition: all 0.5s ease-in-out;
  487. transition: all 0.5s ease-in-out;
  488. }
  489.  
  490. .entry img:hover{
  491. -webkit-transition: opacity 0.8s linear;
  492. -webkit-filter:none;
  493. -webkit-transition: all 0.5s ease-in-out;
  494. -moz-transition: all 0.5s ease-in-out;
  495. -o-transition: all 0.5s ease-in-out;
  496. -ms-transition: all 0.5s ease-in-out;
  497. transition: all 0.5s ease-in-out;
  498. }
  499. {/block:IfBlackAndWhiteImages}
  500.  
  501. #audio img {
  502. float: left;
  503. margin-right: 10px;
  504. border: 5px solid {color:Music Border};
  505. border-radius: 2px;
  506. width: 240px;
  507. }
  508.  
  509. #player {
  510. width: 28px;
  511. overflow: hidden;
  512. position: absolute;
  513. opacity: .4;
  514. margin-left: 110px;
  515. margin-top: 110px;
  516. }
  517.  
  518. #player:hover {
  519. opacity: .8;
  520. }
  521.  
  522. #audio2 img {
  523. width: 80px;
  524. float: left;
  525. margin-right: 7px;
  526. border: 4px solid {color:Music Border};
  527. }
  528.  
  529. #player2 {
  530. width: 28px;
  531. overflow: hidden;
  532. position: absolute;
  533. opacity: .4;
  534. margin-left: 23px;
  535. margin-top: 16px;
  536. }
  537.  
  538. #player2:hover {
  539. opacity: .8;
  540. }
  541.  
  542. .top {
  543. position: fixed;
  544. z-index: 999;
  545. }
  546.  
  547. .top a {
  548. border-radius: 30px;
  549. padding: 7px 10px 7px 10px;
  550. font-size: 9px;
  551. text-align: center;
  552. font-family: Inconsolata;
  553. text-transform: uppercase;
  554. letter-spacing: 1px;
  555. }
  556.  
  557. .top a:hover {
  558.  
  559. }
  560.  
  561. #scrollToTop:link, #scrollToTop:visited {
  562. z-index: 9999;
  563. display: none;
  564. position: fixed;
  565. bottom: 25px;
  566. right: 15px;
  567. }
  568.  
  569. .chat {
  570. margin: 0;
  571. }
  572.  
  573. .chat .chat1 {
  574. margin-left: 0px;
  575. }
  576.  
  577. .chat .chat1 .chat2 {
  578. background: {color:Chat BG 1};
  579. color: {color:Chat Text 1};
  580. margin-bottom: 2px;
  581. padding: 4px 4px 5px 5px;
  582. }
  583.  
  584. .chat .chat1 .chat2.even {
  585. background: {color:Chat BG 2};
  586. color: {color:Chat Text 2};
  587. }
  588.  
  589. #perm {
  590. z-index: 0;
  591. position: relative;
  592. padding: 4px 7px 4px 7px;
  593. width: 236px;
  594. text-align: left;
  595. line-height: 14px;
  596. font-size: 9px;
  597. text-transform: uppercase;
  598. font-family: Inconsolata;
  599. border-top: 1px dotted {color:Entries Border};
  600. -webkit-transition: all 0.5s ease-in-out;
  601. -moz-transition: all 0.5s ease-in-out;
  602. -o-transition: all 0.5s ease-in-out;
  603. -ms-transition: all 0.5s ease-in-out;
  604. transition: all 0.5s ease-in-out;
  605. {block:ifOne400pxColumn}
  606. width: 386px;
  607. {/block:ifOne400pxColumn}
  608. }
  609.  
  610. #perm a {
  611. text-align: center;
  612. -webkit-transition:all .5s ease;
  613. -moz-transition:all .5s ease;
  614. transition:all .5s ease;
  615. -o-transition:all .5s ease;
  616. }
  617.  
  618. #perm a:hover {
  619. -webkit-transition:all .5s ease;
  620. -moz-transition:all .5s ease;
  621. transition:all .5s ease;
  622. -o-transition:all .5s ease;
  623. }
  624.  
  625. #reblog {
  626. z-index: 0;
  627. bottom: 0px;
  628. left: 20px;
  629. position: absolute;
  630. text-transform: uppercase;
  631. padding: 5px;
  632. opacity: 0;
  633. font-size: 9px;
  634. font-family: Inconsolata;
  635. width: 210px;
  636. border-left: 3px solid {color:Main Nav BG};
  637. border-right: 3px solid {color:Main Nav BG};
  638. background: {color:Sidebar BG};
  639. color: {color:Bold Text};
  640. text-align: center;
  641. -webkit-transition: all 0.5s ease-in-out;
  642. -moz-transition: all 0.5s ease-in-out;
  643. -o-transition: all 0.5s ease-in-out;
  644. -ms-transition: all 0.5s ease-in-out;
  645. transition: all 0.5s ease-in-out;
  646. }
  647.  
  648. .entry:hover #reblog {
  649. opacity: 1;
  650. bottom: 20px;
  651. }
  652.  
  653. #reblog a {
  654. color: {color:Bold Text};
  655. }
  656.  
  657. #reblog a:hover {
  658. color: {color:Italic Text};
  659. }
  660.  
  661. #capp {
  662. margin-top: 10px;
  663. font-size: 12px;
  664. border: 1px dotted {color:Ask Border};
  665. background: {color:Ask BG};
  666. padding: 0px 10px 0px 10px;
  667. }
  668.  
  669. #musicc {
  670. z-index: 99999;
  671. margin-top: 146px;
  672. margin-left: 160px;
  673. position: fixed;
  674. display: block;
  675. text-align: center;
  676. font-size: 12px;
  677. letter-spacing: 1px;
  678. padding: 6px 4px 7px 4px;
  679. border-radius: 30px;
  680. width: 21px;
  681. height: 16px;
  682. background: {color:Main Nav BG};
  683. color: {color:Main Nav Links};
  684. -webkit-transition: all .7s ease;
  685. -moz-transition: all .7s ease;
  686. -o-transition: all .7s ease;
  687. transition: all .7s ease;
  688. }
  689.  
  690. #playerr {
  691. margin-top: -19px;
  692. margin-left: 2px;
  693. opacity: 0;
  694. -webkit-transition: all 0.5s ease-in-out;
  695. -moz-transition: all 0.5s ease-in-out;
  696. -o-transition: all 0.5s ease-in-out;
  697. -ms-transition: all 0.5s ease-in-out;
  698. transition: all 0.5s ease-in-out;
  699. }
  700.  
  701. #playerr:hover {
  702. opacity: 1;
  703. }
  704.  
  705. .post_notes {
  706. margin-top:5px;
  707. max-height:200px;
  708. overflow:auto;
  709. }
  710.  
  711. #credz {
  712. position: fixed;
  713. bottom: 12px;
  714. left: 12px;
  715. font-size: 9px;
  716. font-family: Inconsolata;
  717. text-shadow:
  718. -1px 0 #fff,
  719. 0 1px #fff,
  720. 1px 0 #fff,
  721. 0 -1px #fff;
  722. }
  723.  
  724.  
  725.  
  726.  
  727.  
  728.  
  729.  
  730.  
  731. </style>
  732.  
  733. {block:IfBackToTop}
  734. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  735. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  736.  
  737. <div class="top">
  738. <a href="javascript:;" id="scrollToTop">back to<br>top ↑</a>
  739. </div>
  740. {/block:IfBackToTop}
  741.  
  742. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  743.  
  744. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  745.  
  746. <script>
  747. $(function(){
  748. var $container = $('#container');
  749. $container.imagesLoaded(function(){
  750. $container.masonry({
  751. itemSelector: '.entry',
  752. });
  753. });
  754. $container.infinitescroll({
  755. itemSelector : ".entry",
  756. navSelector : "#pagination",
  757. nextSelector : "#pagination a",
  758. loadingImg : "http://media.tumblr.com/ec1742dbca16ca94b47814f1de4e37e6/tumblr_inline_mj8pf7Te3l1qz4rgp.png",
  759. loadingText : "<em></em>",
  760. bufferPx : 10000,
  761. extraScrollPx: 12000,
  762. },
  763. // trigger Masonry as a callback
  764. function( newElements ) {
  765. var $newElems = $( newElements ).css({ opacity: 0 });
  766. // ensure that images load before adding to masonry layout
  767. $newElems.imagesLoaded(function(){
  768. $newElems.animate({ opacity: 1 });
  769. $container.masonry( 'appended', $newElems, true );
  770. });
  771. }
  772. );
  773. });
  774. </script>
  775.  
  776.  
  777. </head>
  778.  
  779. <body>
  780.  
  781. <div id="all">
  782.  
  783. <div id="sidebar">
  784. <div id="sidebar img"><img src="{image:Sidebar Image}"/></div>
  785. <div id="triangle"><span class="fontawesome-play"></span></div>
  786. <div id="title">{text:Sidebar Title}
  787. <div id="description">{Description}
  788. <select onchange='location=this.options[this.selectedIndex].value;' style='
  789. line-height:90%;
  790. font-size:9px;
  791. letter-spacing: 1px;
  792. color:#fff;
  793. background:{color:Main Nav BG};
  794. width:195px;
  795. height:18px;
  796. font-family: Inconsolata;
  797. text-transform: uppercase;
  798. margin-top:5px;
  799. padding:1px;
  800. '>
  801. <option>Navigation</option>
  802. {block:IfLink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>{/block:IfLink1}
  803. {block:IfLink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>{/block:IfLink2}
  804. {block:IfLink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>{/block:IfLink3}
  805. {block:IfLink4}<option value="{text:Link 4 URL}">{text:Link 4}</option>{/block:IfLink4}
  806. {block:IfLink5}<option value="{text:Link 5 URL}">{text:Link 5}</option>{/block:IfLink5}
  807. {block:IfLink6}<option value="{text:Link 6 URL}">{text:Link 6}</option>{/block:IfLink6}
  808. {block:IfLink7}<option value="{text:Link 7 URL}">{text:Link 7}</option>{/block:IfLink7}
  809. {block:IfLink8}<option value="{text:Link 8 URL}">{text:Link 8}</option>{/block:IfLink8}
  810. </select>
  811. {block:Pagination}
  812. <div id="pagination">
  813. {block:PreviousPage}<a href="{PreviousPage}"><span class="fontawesome-arrow-left"></span> PREVIOUS PAGE</a> -{/block:PreviousPage}
  814. {block:NextPage}<a href="{NextPage}">NEXT PAGE <span class="fontawesome-arrow-right"></span></a>{/block:NextPage}
  815. </div>
  816. {/block:Pagination}
  817. </div>
  818. </div>
  819. </div>
  820.  
  821. <div id="main">
  822. <div id="one"><a href="/" title="home"><span class="fontawesome-home"></span></a></div>
  823. <div id="two"><a href="{text:Ask URL}" title="message"><span class="fontawesome-envelope"></span></a></div>
  824. <div id="three"><a href="/archive" title="archive"><span class="fontawesome-calendar"></span></a></div>
  825. <div id="four"><a href="http://themesbyvanne.tumblr.com" title="theme"><span class="fontawesome-key"></span></a></div>
  826. </div>
  827.  
  828.  
  829. {block:IfMusicPlayer}
  830. <div id="musicc">
  831. <span class="fontawesome-play"></span>
  832. <div id="playerr">{text:Music Player}</div>
  833. </div>
  834. {/block:IfMusicPlayer}
  835.  
  836.  
  837.  
  838.  
  839.  
  840. <div id="container">
  841. {block:Posts}
  842. <div class="entry">
  843.  
  844.  
  845.  
  846. {block:Photo}
  847. <div class="photo"><img src="{PhotoURL-highres}" width="400px" alt="{PhotoAlt}"></div>
  848. {block:IfShowCaptions}{block:Caption}<div id="capp">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  849. <!--- perma ---> {block:IndexPage}
  850. <div id="reblog">
  851. {block:NoteCount}<a href="{permalink}">{NoteCountWithLabel}</a> /{/block:NoteCount} <a href="{ReblogURL}" target="_blank">Reblog</a>
  852. </div>
  853. <!--- /perma ---> {/block:IndexPage}
  854. {/block:Photo}
  855.  
  856.  
  857.  
  858. {block:Photoset}
  859. {block:IndexPage}
  860. <div class="photo">{Photoset-250}</div>
  861. {block:IfShowCaptions}{block:Caption}<div id="capp">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  862. {/block:IndexPage}
  863. {block:PermalinkPage}<div class="photo">{Photoset-400}</div>{/block:PermalinkPage}
  864. <!--- perma ---> {block:IndexPage}
  865. <div id="reblog">
  866. {block:NoteCount}<a href="{permalink}">{NoteCountWithLabel}</a> / {/block:NoteCount} <a href="{ReblogURL}" target="_blank">Reblog</a>
  867. </div>
  868. <!--- /perma ---> {/block:IndexPage}
  869. {/block:Photoset}
  870.  
  871.  
  872.  
  873. {block:Video}
  874. {block:IndexPage}
  875. {Video-250}
  876. {block:IfShowCaptions}{block:Caption}<div id="capp">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  877. {/block:IndexPage}
  878. {block:PermalinkPage}
  879. {Video-400}
  880. {/block:PermalinkPage}
  881. <!--- perma ---> {block:IndexPage}
  882. <div id="reblog">
  883. {block:NoteCount}<a href="{permalink}">{NoteCountWithLabel}</a> / {/block:NoteCount} <a href="{ReblogURL}" target="_blank">Reblog</a>
  884. </div>
  885. <!--- /perma ---> {/block:IndexPage}
  886. {/block:Video}
  887.  
  888.  
  889.  
  890. {block:Text}
  891. {block:Title}<div id="entrytitle"><font color="{color:Entries Title}"></font> {Title} <font color="{color:Entries Border}"></font></div>{/block:Title}
  892. {Body}
  893. <center>
  894. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  895. </center>
  896. <!--- perma ---> {block:IndexPage}
  897. <div id="perm">
  898. {block:Date}<a href="{permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}</a> {/block:Date}
  899. {block:NoteCount}/ <a href="{permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  900. / <a href="{ReblogURL}" target="_blank">Reblog</a>
  901. {block:IfShowTags}{block:HasTags}<br>Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{block:HasTags}{/block:IfShowTags}
  902. {block:RebloggedFrom}<br>[Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> - Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>]{/block:RebloggedFrom}
  903. </div>
  904. <!--- /perma ---> {/block:IndexPage}
  905. {/block:Text}
  906.  
  907.  
  908.  
  909. {block:Audio}
  910. {block:IndexPage}
  911. {block:AlbumArt}
  912. <div id="audio"><img src="{AlbumArtURL}" alt=""></div>
  913. {/block:AlbumArt}
  914. <div id="player">{AudioPlayerGrey}</div><div style="margin-top: 0px;"></div>
  915. {block:Artist}
  916. <b>Artist:</b> <i>{Artist}</i>
  917. {/block:Artist} <br />
  918. {block:Album}<b>Album:</b> <i>{Album}</i>{/block:Album}<br />
  919. {block:TrackName}<b>Track:</b> <i>{TrackName}</i>{/block:TrackName}<br />
  920. <b>Plays:</b> <i>{FormattedPlayCount}</i>
  921. <!--- perma --->
  922. <div id="perm">
  923. {block:Date}<a href="{permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}</a> {/block:Date}
  924. {block:NoteCount}/ <a href="{permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  925. / <a href="{ReblogURL}" target="_blank">Reblog</a>
  926. {block:IfShowTags}{block:HasTags}<br>Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{block:HasTags}{/block:IfShowTags}
  927. {block:RebloggedFrom}<br>[Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> - Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>]{/block:RebloggedFrom}
  928. </div>
  929. <!--- /perma --->
  930. {/block:IndexPage}
  931. {block:PermalinkPage}
  932. {block:AlbumArt}
  933. <div id="audio2"><img src="{AlbumArtURL}" alt=""></div><p>
  934. {/block:AlbumArt}
  935. <div id="player2">{AudioPlayerGrey}</div><div style="margin-top: 5px;"></div>
  936. {block:Artist}
  937. <b>Artist:</b> <i>{Artist}</i>
  938. {/block:Artist} <br />
  939. {block:Album}<b>Album:</b> <i>{Album}</i>{/block:Album}<br />
  940. {block:TrackName}<b>Track:</b> <i>{TrackName}</i>{/block:TrackName}<br />
  941. <b>Plays:</b> <i>{FormattedPlayCount}</i>
  942. {/block:PermalinkPage}
  943. {/block:Audio}
  944.  
  945.  
  946.  
  947. {block:Quote}
  948. <div style="color: {color:Blockquote Text}; font-style: italic;">"{Quote}" </div>
  949. <div style="text-align: center; font-size: 9px; font-style: italic; padding-top: 3px; padding-bottom: 4px;">—{Source}</div>
  950. <!--- perma ---> {block:IndexPage}
  951. <div id="perm">
  952. {block:Date}<a href="{permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}</a> {/block:Date}
  953. {block:NoteCount}/ <a href="{permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  954. / <a href="{ReblogURL}" target="_blank">Reblog</a>
  955. {block:IfShowTags}{block:HasTags}<br>Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{block:HasTags}{/block:IfShowTags}
  956. {block:RebloggedFrom}<br>[Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> - Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>]{/block:RebloggedFrom}
  957. </div>
  958. <!--- /perma ---> {/block:IndexPage}
  959. {/block:Quote}
  960.  
  961.  
  962.  
  963. {block:Link}
  964. <div id="entrytitle"><a href="{URL}" {Target}>{Name}</a></div>
  965. {Description}
  966. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  967. <!--- perma ---> {block:IndexPage}
  968. <div id="perm">
  969. {block:Date}<a href="{permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}</a> {/block:Date}
  970. {block:NoteCount}/ <a href="{permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  971. / <a href="{ReblogURL}" target="_blank">Reblog</a>
  972. {block:IfShowTags}{block:HasTags}<br>Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{block:HasTags}{/block:IfShowTags}
  973. {block:RebloggedFrom}<br>[Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> - Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>]{/block:RebloggedFrom}
  974. </div>
  975. <!--- /perma ---> {/block:IndexPage}
  976. {/block:Link}
  977.  
  978.  
  979.  
  980. {block:Chat}
  981. {block:Title}<div id="entrytitle">{Title}</div>{/block:Title}
  982. <div class="chat">
  983. <div class="chat1">
  984. {block:Lines}
  985. <div class="chat2 {Alt}">
  986. {block:Label}
  987. {Label}
  988. {/block:Label}
  989. {Line} </div>
  990. {/block:Lines}
  991. </div>
  992. </div>
  993. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  994. <!--- perma ---> {block:IndexPage}
  995. <div id="perm">
  996. {block:Date}<a href="{permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}</a> {/block:Date}
  997. {block:NoteCount}/ <a href="{permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  998. / <a href="{ReblogURL}" target="_blank">Reblog</a>
  999. {block:IfShowTags}{block:HasTags}<br>Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{block:HasTags}{/block:IfShowTags}
  1000. {block:RebloggedFrom}<br>[Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> - Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>]{/block:RebloggedFrom}
  1001. </div>
  1002. <!--- /perma ---> {/block:IndexPage}
  1003. {/block:Chat}
  1004.  
  1005.  
  1006.  
  1007. {block:Answer}
  1008. <div id="portrait"><img src="{AskerPortraitURL-40}"></div>
  1009. <div id="triangle2"><span class="fontawesome-caret-left"></span></div>
  1010. <div id="ask">
  1011. <div id="asker">{Asker} sent:</div>
  1012. {Question}
  1013. </div>
  1014. <div id="answer"{Answer}</div>
  1015. <!--- perma ---> {block:IndexPage}
  1016. <div id="perm">
  1017. {block:Date}<a href="{permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}</a> {/block:Date}
  1018. {block:NoteCount}/ <a href="{permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  1019. / <a href="{ReblogURL}" target="_blank">Reblog</a>
  1020. {block:IfShowTags}{block:HasTags}<br>Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{block:HasTags}{/block:IfShowTags}
  1021. {block:RebloggedFrom}<br>[Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> - Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>]{/block:RebloggedFrom}
  1022. </div>
  1023. <!--- /perma ---> {/block:IndexPage}
  1024. {/block:Answer}
  1025.  
  1026.  
  1027.  
  1028. <!-- permalink --> {block:PermalinkPage}
  1029.  
  1030. {block:Caption}{Caption}{/block:Caption}
  1031.  
  1032. {block:Date}<b>Posted:</b> {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year}{/block:Date} {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  1033.  
  1034. {block:RebloggedFrom}<br><b>Reblogged from:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  1035.  
  1036. {block:HasTags}<br><b>Tagged:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{block:HasTags}
  1037.  
  1038. {block:PostNotes}<div class="post_notes">{PostNotes}</div>{/block:PostNotes}
  1039.  
  1040. <!-- /permalink --> {/block:PermalinkPage}
  1041.  
  1042.  
  1043.  
  1044. </div>
  1045. {/block:Posts}
  1046. </div>
  1047. </div>
  1048.  
  1049.  
  1050. <div id="credz"><a href="http://themesbyvanne.tumblr.com/" target="_blank">THEMESBYVANNE</a></div>
  1051.  
  1052.  
  1053. </body>
  1054.  
  1055. </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!