Advertisement
imgirlrauhl

Theme #14 "Confident" - themesbyvanne.tumblr.com

Jan 26th, 2014
398
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.17 KB | None | 0 0
  1. <!----------
  2.  
  3. Theme #14 "Confident" by Vanne @ themesbyvanne.tumblr.com
  4.  
  5. * PLEASE DO NOT REMOVE THE CREDITS *
  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. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23.  
  24. <meta name="image:Background" content=""/>
  25. <meta name="image:Sidebar Image" content="http://24.media.tumblr.com/b0b0661fff02174b1aad5243452a87f9/tumblr_mz3trrVCvS1sl631ro1_100.png"/>
  26.  
  27. <meta name="color:Background" content="#fafafa"/>
  28. <meta name="color:Title" content="#97a4c5"/>
  29. <meta name="color:Sidebar Border" content="#dfe3ef"/>
  30. <meta name="color:Sidebar BG" content="#ffffff"/>
  31. <meta name="color:Description" content="#9b9b9b"/>
  32. <meta name="color:Blockquote Border" content="#8897c1"/>
  33. <meta name="color:Scrollbar" content="#a8a9cd"/>
  34. <meta name="color:Scrollbar Bottom" content="#ffffff"/>
  35. <meta name="color:Entries BG" content="#ffffff"/>
  36. <meta name="color:Entries Text" content="#7b7b7b"/>
  37. <meta name="color:Entries Title" content="#6f94c2"/>
  38. <meta name="color:Entries Border" content="#ccd2e3"/>
  39. <meta name="color:Link" content="#848ac5"/>
  40. <meta name="color:Link Hover" content="#a3a8c8"/>
  41. <meta name="color:Main Nav Links" content="#ffffff"/>
  42. <meta name="color:Main Nav Links Hover" content="#eeeff7"/>
  43. <meta name="color:Main Nav BG" content="#a8aecc"/>
  44. <meta name="color:Italic Text" content="#95afcb"/>
  45. <meta name="color:Bold Text" content="#9698c5"/>
  46. <meta name="color:Reblog BG" content="#f3f4fa"/>
  47. <meta name="color:Reblog Links" content="#a2a9c9"/>
  48. <meta name="color:Reblog Links Hover" content="#a8b4c2"/>
  49. <meta name="color:Reblog Text" content="#87a7d3"/>
  50. <meta name="color:Reblog Border" content="#c6d2e0"/>
  51. <meta name="color:Perma BG" content="#f4f5fa"/>
  52. <meta name="color:Perma Links" content="#a2a9c9"/>
  53. <meta name="color:Perma Links Hover" content="#86a4d1"/>
  54. <meta name="color:Perma Text" content="#77a6be"/>
  55. <meta name="color:Perma Border" content="#c5cad5"/>
  56. <meta name="color:Chat Title" content="#769cb5"/>
  57. <meta name="color:Chat BG 1" content="#e5e8f2"/>
  58. <meta name="color:Chat Text 1" content="#87909f"/>
  59. <meta name="color:Chat BG 2" content="#a8abc8"/>
  60. <meta name="color:Chat Text 2" content="#ffffff"/>
  61. <meta name="color:Music Border" content="#bbbfdc"/>
  62. <meta name="color:Ask BG" content="#f7f8fb"/>
  63. <meta name="color:Ask Border" content="#bdc1de"/>
  64.  
  65. <meta name="if:Music Player" content=""/>
  66. <meta name="if:Show Captions" content="">
  67. <meta name="if:Show Tags" content="1">
  68. <meta name="if:Image Fade" content="">
  69. <meta name="if:Black And White Images" content="">
  70. <meta name="if:Back To Top" content="1"/>
  71.  
  72. <meta name="text:Sidebar Title" content="confident">
  73. <meta name="text:Ask URL" content="/ask">
  74. <meta name="text:Music Player" content="">
  75. <meta name="text:Link 1 Title" content="link 1">
  76. <meta name="text:Link 1 URL" content="">
  77. <meta name="text:Link 2 Title" content="link 2">
  78. <meta name="text:Link 2 URL" content="">
  79. <meta name="text:Link 3 Title" content="link 3">
  80. <meta name="text:Link 3 URL" content="">
  81. <meta name="text:Link 4 Title" content="link 4">
  82. <meta name="text:Link 4 URL" content="">
  83.  
  84. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  85.  
  86. <style>
  87. div#qTip {
  88. margin: -20px 14px;
  89. padding: 4px 8px 4px 8px;
  90. z-index: 99999;
  91. display: none;
  92. text-align: center;
  93. position: absolute;
  94. text-transform: uppercase;
  95. font-size: 9px;
  96. color: {color:Main Nav BG};
  97. border: 1px dotted {color:Main Nav BG};
  98. background: #fff;
  99. border-radius: 3px;
  100. letter-spacing: 1px;
  101. }
  102. </style>
  103.  
  104. <style type="text/css">
  105.  
  106. iframe#tumblr_controls {
  107. right: 3px !important;
  108. position: fixed !important;
  109. opacity: 0.2;
  110. white-space: nowrap;
  111. -webkit-filter: invert(100%);
  112. -moz-filter: invert(100%);
  113. -o-filter: invert(100%);
  114. -ms-filter: invert(100%);
  115. filter: invert(100%);
  116. -webkit-transition: opacity 0.7s linear;
  117. -webkit-transition: all 0.5s ease-in-out;
  118. -moz-transition: all 0.5s ease-in-out;
  119. -o-transition: all 0.5s ease-in-out;
  120. transition: all 0.5s ease-in-out;
  121. }
  122.  
  123. iframe#tumblr_controls:hover {
  124. opacity: 0.7;
  125. }
  126.  
  127. body {
  128. background: {color:Background} url('{image:Background}');
  129. background-attachment: fixed;
  130. font-family: Roboto Condensed;
  131. }
  132.  
  133. ::-webkit-scrollbar-thumb:vertical {
  134. background-color: {color:Scrollbar};
  135. height: auto;
  136. border-radius: 3px;
  137. }
  138.  
  139. ::-webkit-scrollbar-thumb:horizontal {
  140. background-color: {color:Scrollbar};
  141. height: auto;
  142. border-radius: 3px;
  143. }
  144.  
  145. ::-webkit-scrollbar {
  146. height: 5px;
  147. width: 5px;
  148. background-color: {color:Scrollbar Bottom};
  149. }
  150.  
  151. blockquote {
  152. margin-left: 0px;
  153. margin-right: 0px;
  154. padding-left: 5px;
  155. font-style: italic;
  156. border-left: 3px solid {color:Blockquote Border};
  157. }
  158.  
  159. a {
  160. text-decoration: none;
  161. color: {color:Link};
  162. }
  163.  
  164. a:hover {
  165. color: {color:Link Hover};
  166. text-decoration: none;
  167. }
  168.  
  169. b, strong {
  170. color: {color:Bold Text};
  171. font-weight: 700;
  172. }
  173.  
  174. i, em {
  175. color: {color:Italic Text};
  176. font-weight: 400italic;
  177. }
  178.  
  179. /*
  180.  
  181. "Web Symbols" Font credits to Just Be Nice Studio at http://www.justbenicestudio.com
  182.  
  183. */
  184.  
  185. aye {
  186. font-family: Web Symbols;
  187. @font-face{
  188. font-family: 'WebSymbolsLigaRegular';
  189. src: url('WebSymbolsLiga-Regular.eot');
  190. src: url('WebSymbolsLiga-Regular.eot?#iefix') format('embedded-opentype'),
  191. url('WebSymbolsLiga-Regular.woff') format('woff'),
  192. url('WebSymbolsLiga-Regular.ttf') format('truetype'),
  193. url('WebSymbolsLiga-Regular.svg#WebSymbolsRegular') format('svg');
  194. }
  195. }
  196.  
  197. #sidebar {
  198. position: fixed;
  199. margin-left:100px;
  200. margin-top: 160px;
  201. width: 195px;
  202. border-radius: 9px;
  203. background: {color:Sidebar BG};
  204. border: 1px dotted {color:Sidebar Border};
  205. }
  206.  
  207. #sidebar img {
  208. width: 175px;
  209. margin: 10px;
  210. border-radius: 5px;
  211. }
  212.  
  213. #title {
  214. z-index: 99999;
  215. position: fixed;
  216. margin-top: 110px;
  217. margin-left:100px;
  218. font-size: 35px;
  219. text-align: center;
  220. font-family: Dawning of a New Day;
  221. color: {color:Title};
  222. width: 195px;
  223. text-shadow:
  224. -1px 0 #fff,
  225. 0 1px #fff,
  226. 1px 0 #fff,
  227. 0 -1px #fff;
  228. }
  229.  
  230. #description {
  231. margin-top: 30px;
  232. margin-left: 10px;
  233. margin-bottom: 5px;
  234. width: 155px;
  235. padding: 1px 10px 6px 10px;
  236. font-size: 11px;
  237. text-align: center;
  238. color: {color:Description};
  239. }
  240.  
  241. #main {
  242. position: fixed;
  243. margin-top: 2px;
  244. margin-left: 10px;
  245. z-index: 99999;
  246. width: 175px;
  247. background: {color:Main Nav BG};
  248. text-align: center;
  249. border-radius: 4px;
  250. }
  251.  
  252. #main a {
  253. z-index: 99999;
  254. margin: 0px;
  255. position: relative;
  256. display: inline-block;
  257. text-align: center;
  258. font-family: Web Symbols;
  259. font-size: 11px;
  260. padding: 5px;
  261. width: 13px;
  262. height: 13px;
  263. letter-spacing: 1px;
  264. color: {color:Main Nav Links};
  265. -webkit-transition: all .7s ease;
  266. -moz-transition: all .7s ease;
  267. -o-transition: all .7s ease;
  268. transition: all .7s ease;
  269. }
  270.  
  271. #main a:hover {
  272. color: {color:Main Nav Links Hover};
  273. }
  274.  
  275. #container {
  276. margin-top: 30px;
  277. margin-bottom: 30px;
  278. margin-left: 380px;
  279. width: 700px;
  280. }
  281.  
  282. .entry {
  283. float:left;
  284. z-index: 9999;
  285. position: relative;
  286. padding: 20px 20px 17px 20px;
  287. text-align: left;
  288. font-size: 13px;
  289. border-radius: 8px;
  290. color: {color:Entries Text};
  291. background: {color:Entries BG};
  292. border: 1px dotted {color:Entries Border};
  293. width: 250px;
  294. margin: 20px;
  295. {block:PermalinkPage}
  296. width: 400px;
  297. {/block:PermalinkPage}
  298. }
  299.  
  300. .entry img {
  301. max-width: 100%;
  302. }
  303.  
  304. #entrytitle {
  305. z-index: 99999;
  306. text-align: center;
  307. text-transform: none;
  308. font-size: 22px;
  309. line-height: 22px;
  310. color: {color:Entries Title};
  311. }
  312.  
  313. #ask {
  314. margin-left: 55px;
  315. border: 1px dotted {color:Ask Border};
  316. background: {color:Ask BG};
  317. padding: 5px 7px 5px 7px;
  318. min-height: 33px;
  319. }
  320.  
  321. #answer {
  322. padding: 10px 5px 0px 5px;
  323. }
  324.  
  325. #portrait img {
  326. float: left;
  327. border: 3px solid {color:Ask Border};
  328. margin: 0px 7px 5px 0px;
  329. }
  330.  
  331. {block:IfImageFade}
  332. .photo {
  333. opacity: .7;
  334. -webkit-transition: all 0.5s ease-in-out;
  335. -moz-transition: all 0.5s ease-in-out;
  336. -o-transition: all 0.5s ease-in-out;
  337. -ms-transition: all 0.5s ease-in-out;
  338. transition: all 0.5s ease-in-out;
  339. }
  340.  
  341. .photo:hover {
  342. opacity: 1;
  343. }
  344.  
  345. .entry img {
  346. opacity: .7;
  347. -webkit-transition: all 0.5s ease-in-out;
  348. -moz-transition: all 0.5s ease-in-out;
  349. -o-transition: all 0.5s ease-in-out;
  350. -ms-transition: all 0.5s ease-in-out;
  351. transition: all 0.5s ease-in-out;
  352. }
  353.  
  354. .entry img:hover {
  355. opacity: 1;
  356. }
  357. {/block:IfImageFade}
  358.  
  359. {block:IfBlackAndWhiteImages}
  360. .entry img{
  361. -webkit-transition: opacity 0.8s linear;
  362. -webkit-filter:grayscale(100%);
  363. -webkit-transition: all 0.5s ease-in-out;
  364. -moz-transition: all 0.5s ease-in-out;
  365. -o-transition: all 0.5s ease-in-out;
  366. -ms-transition: all 0.5s ease-in-out;
  367. transition: all 0.5s ease-in-out;
  368. }
  369.  
  370. .entry img:hover{
  371. -webkit-transition: opacity 0.8s linear;
  372. -webkit-filter:none;
  373. -webkit-transition: all 0.5s ease-in-out;
  374. -moz-transition: all 0.5s ease-in-out;
  375. -o-transition: all 0.5s ease-in-out;
  376. -ms-transition: all 0.5s ease-in-out;
  377. transition: all 0.5s ease-in-out;
  378. }
  379. {/block:IfBlackAndWhiteImages}
  380.  
  381. #audio img {
  382. float: left;
  383. margin-right: 10px;
  384. border: 5px solid {color:Music Border};
  385. border-radius: 2px;
  386. width: 240px;
  387. }
  388.  
  389. #player {
  390. width: 28px;
  391. overflow: hidden;
  392. position: absolute;
  393. opacity: .4;
  394. margin-left: 110px;
  395. margin-top: 110px;
  396. }
  397.  
  398. #player:hover {
  399. opacity: .8;
  400. }
  401.  
  402. #audio2 img {
  403. width: 80px;
  404. float: left;
  405. margin-right: 7px;
  406. border: 4px solid {color:Music Border};
  407. }
  408.  
  409. #player2 {
  410. width: 28px;
  411. overflow: hidden;
  412. position: absolute;
  413. opacity: .4;
  414. margin-left: 23px;
  415. margin-top: 16px;
  416. }
  417.  
  418. #player2:hover {
  419. opacity: .8;
  420. }
  421.  
  422. .top {
  423. position: fixed;
  424. z-index: 999;
  425. }
  426.  
  427. .top a {
  428. border-radius: 30px;
  429. padding: 7px 10px 7px 10px;
  430. font-size: 9px;
  431. text-align: center;
  432. text-transform: uppercase;
  433. letter-spacing: 1px;
  434. }
  435.  
  436. .top a:hover {
  437.  
  438. }
  439.  
  440. #scrollToTop:link, #scrollToTop:visited {
  441. z-index: 9999;
  442. display: none;
  443. position: fixed;
  444. bottom: 25px;
  445. left: 320px;
  446. }
  447.  
  448. .chat {
  449. margin: 0;
  450. }
  451.  
  452. .chat .chat1 {
  453. margin-left: 0px;
  454. }
  455.  
  456. .chat .chat1 .chat2 {
  457. background: {color:Chat BG 1};
  458. color: {color:Chat Text 1};
  459. margin-bottom: 2px;
  460. padding: 4px 4px 5px 5px;
  461. }
  462.  
  463. .chat .chat1 .chat2.even {
  464. background: {color:Chat BG 2};
  465. color: {color:Chat Text 2};
  466. }
  467.  
  468. #chattitle {
  469. margin-bottom: 6px;
  470. font-size: 15px;
  471. text-align: center;
  472. text-transform: none;
  473. color: {color:Chat Title};
  474. }
  475.  
  476. #perm {
  477. z-index: 0;
  478. position: relative;
  479. padding: 4px 7px 4px 7px;
  480. width: 236px;
  481. text-align: left;
  482. line-height: 14px;
  483. font-size: 11px;
  484. border-top: 1px dotted {color:Perma Border};
  485. background: {color:Perma BG};
  486. color: {color:Perma Text};
  487. -webkit-transition: all 0.5s ease-in-out;
  488. -moz-transition: all 0.5s ease-in-out;
  489. -o-transition: all 0.5s ease-in-out;
  490. -ms-transition: all 0.5s ease-in-out;
  491. transition: all 0.5s ease-in-out;
  492. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/2vxikgw/xUKmst0uu/tinytots.ttf');}
  493. }
  494.  
  495. #perm a {
  496. color: {color:Perma Links};
  497. text-align: center;
  498. -webkit-transition:all .5s ease;
  499. -moz-transition:all .5s ease;
  500. transition:all .5s ease;
  501. -o-transition:all .5s ease;
  502. }
  503.  
  504. #perm a:hover {
  505. color: {color:Perma Links Hover};
  506. -webkit-transition:all .5s ease;
  507. -moz-transition:all .5s ease;
  508. transition:all .5s ease;
  509. -o-transition:all .5s ease;
  510. }
  511.  
  512. .entry:hover #perm{
  513. }
  514.  
  515. #reblog {
  516. bottom: 5px;
  517. z-index: 0;
  518. left: -5px;
  519. position: absolute;
  520. padding: 6px 7px 4px 7px;
  521. opacity: 0;
  522. letter-spacing: 1px;
  523. text-transform: uppercase;
  524. text-align: center;
  525. font-size: 9px;
  526. border: 1px dotted {color:Reblog Border};
  527. background: {color:Reblog BG};
  528. color: {color:Reblog Text};
  529. -webkit-transition: all 0.5s ease-in-out;
  530. -moz-transition: all 0.5s ease-in-out;
  531. -o-transition: all 0.5s ease-in-out;
  532. -ms-transition: all 0.5s ease-in-out;
  533. transition: all 0.5s ease-in-out;
  534. }
  535.  
  536. #reblog a {
  537. color: {color:Reblog Links};
  538. text-align: center;
  539. -webkit-transition:all .5s ease;
  540. -moz-transition:all .5s ease;
  541. transition:all .5s ease;
  542. -o-transition:all .5s ease;
  543. }
  544.  
  545. #reblog a:hover {
  546. color: {color:Reblog Links Hover};
  547. }
  548.  
  549. .entry:hover #reblog{
  550. opacity: 1;
  551. bottom: -5px;
  552. }
  553.  
  554. #capp {
  555. margin-top: 10px;
  556. font-size: 12px;
  557. border: 1px dotted {color:Ask Border};
  558. background: {color:Ask BG};
  559. padding: 0px 10px 0px 10px;
  560. }
  561.  
  562. #musicc {
  563. z-index: 999999999;
  564. position: fixed;
  565. margin-top: -10px;
  566. margin-left: 17px;
  567. width: 15px;
  568. height: 15px;
  569. border-radius: 3px;
  570. padding: 3px 6px 6px 6px;
  571. background: {color:Sidebar BG};
  572. border: 1px dotted {color:Music Border};
  573. }
  574.  
  575. #playerr {
  576. margin-top: -29px;
  577. margin-left: -2px;
  578. opacity: 0;
  579. -webkit-transition: all 0.5s ease-in-out;
  580. -moz-transition: all 0.5s ease-in-out;
  581. -o-transition: all 0.5s ease-in-out;
  582. -ms-transition: all 0.5s ease-in-out;
  583. transition: all 0.5s ease-in-out;
  584. }
  585.  
  586. #playerr:hover {
  587. opacity: 1;
  588. }
  589.  
  590. .post_notes {
  591. margin-top:5px;
  592. max-height:200px;
  593. overflow:auto;
  594. }
  595.  
  596. #credz {
  597. position: fixed;
  598. bottom: 8px;
  599. left: 8px;
  600. font-size: 9px;
  601. letter-spacing: 1px;
  602. }
  603.  
  604.  
  605.  
  606.  
  607.  
  608.  
  609.  
  610. </style>
  611.  
  612. {block:IfBackToTop}
  613. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  614. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  615.  
  616. <div class="top">
  617. <a href="javascript:;" id="scrollToTop">back to<br>top ↑</a>
  618. </div>
  619. {/block:IfBackToTop}
  620.  
  621. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  622.  
  623. <div id="pagination"><a href="/page/2"></a></div>
  624. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  625.  
  626. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  627.  
  628. <script>
  629. $(function(){
  630. var $container = $('#container');
  631. $container.imagesLoaded(function(){
  632. $container.masonry({
  633. itemSelector: '.entry',
  634. });
  635. });
  636. $container.infinitescroll({
  637. itemSelector : ".entry",
  638. navSelector : "#pagination",
  639. nextSelector : "#pagination a",
  640. loadingImg : "http://media.tumblr.com/ec1742dbca16ca94b47814f1de4e37e6/tumblr_inline_mj8pf7Te3l1qz4rgp.png",
  641. loadingText : "<em></em>",
  642. bufferPx : 10000,
  643. extraScrollPx: 12000,
  644. },
  645. // trigger Masonry as a callback
  646. function( newElements ) {
  647. var $newElems = $( newElements ).css({ opacity: 0 });
  648. // ensure that images load before adding to masonry layout
  649. $newElems.imagesLoaded(function(){
  650. $newElems.animate({ opacity: 1 });
  651. $container.masonry( 'appended', $newElems, true );
  652. });
  653. }
  654. );
  655. });
  656. </script>
  657.  
  658.  
  659. </head>
  660.  
  661. <body>
  662.  
  663. <div id="title">{text:Sidebar Title}</div>
  664.  
  665. <div id="sidebar">
  666. <div id="sidebar img"><img src="{image:Sidebar Image}"/></div>
  667. <div id="main">
  668. <a href="/" title="refresh">V</a>
  669. <a href="{text:Ask URL}" title="message">d</a>
  670. {block:IfLink1Title}<a href="{text:Link 1 URL}" title="{text:Link 1 Title}">O</a>{/block:IfLink1Title}
  671. {block:IfLink2Title}<a href="{text:Link 2 URL}" title="{text:Link 2 Title}">R</a>{/block:IfLink2Title}
  672. {block:IfLink3Title}<a href="{text:Link 3 URL}" title="{text:Link 3 Title}">U</a>{/block:IfLink3Title}
  673. {block:IfLink4Title}<a href="{text:Link 4 URL}" title="{text:Link 4 Title}">A</a>{/block:IfLink4Title}
  674. </div>
  675. <div id="description">{Description}
  676. </div>
  677. </div>
  678.  
  679. {block:IfMusicPlayer}
  680. <div id="musicc">
  681. <img src="http://static.tumblr.com/hc5jlps/hO0n00wrf/tumblr_m7vyi1y0lt1r6o8v2.gif">
  682. <div id="playerr">{text:Music Player}</div>
  683. </div>
  684. {/block:IfMusicPlayer}
  685.  
  686.  
  687.  
  688.  
  689.  
  690. <div id="container">
  691. {block:Posts}
  692. <div class="entry">
  693.  
  694.  
  695.  
  696. {block:Photo}
  697. <div class="photo"><img src="{PhotoURL-highres}" width="250px" alt="{PhotoAlt}"></div>
  698. {block:IfShowCaptions}{block:Caption}<div id="capp">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  699. <!--- perma ---> {block:IndexPage}
  700. <div id="reblog">{block:NoteCount}<aye>O</aye> <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <aye>J</aye> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  701. <!--- /perma ---> {/block:IndexPage}
  702. {/block:Photo}
  703.  
  704.  
  705.  
  706. {block:Photoset}
  707. {block:IndexPage}
  708. {Photoset-250}
  709. {block:IfShowCaptions}{block:Caption}<div id="capp">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  710. {/block:IndexPage}
  711. {block:PermalinkPage}<div class="photo">{Photoset-400}</div>{/block:PermalinkPage}
  712. <!--- perma ---> {block:IndexPage}
  713. <div id="reblog">{block:NoteCount}<aye>O</aye> <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <aye>J</aye> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  714. <!--- /perma ---> {/block:IndexPage}
  715. {/block:Photoset}
  716.  
  717.  
  718.  
  719. {block:Video}
  720. {block:IndexPage}
  721. {Video-250}
  722. {block:IfShowCaptions}{block:Caption}<div id="capp">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  723. {/block:IndexPage}
  724. {block:PermalinkPage}
  725. {Video-400}
  726. {/block:PermalinkPage}
  727. <!--- perma ---> {block:IndexPage}
  728. <div id="reblog">{block:NoteCount}<aye>O</aye> <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <aye>J</aye> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  729. <!--- /perma ---> {/block:IndexPage}
  730. {/block:Video}
  731.  
  732.  
  733.  
  734. {block:Text}
  735. {block:Title}<div id="entrytitle"><font color="{color:Entries Title}"></font> {Title} <font color="{color:Entries Border}"></font></div>{/block:Title}
  736. {Body}
  737. <center>
  738. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  739. </center>
  740. <!--- perma ---> {block:IndexPage}
  741. <div id="perm">
  742. {block:Date}<aye>P</aye> <a href="{permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}</a> {/block:Date}
  743. {block:NoteCount} <aye>O</aye> <a href="{permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  744. <aye>J</aye> <a href="{ReblogURL}" target="_blank">Reblog</a>
  745. {block:IfShowTags}{block:HasTags} <aye>,</aye> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{block:HasTags}{/block:IfShowTags}
  746. {block:RebloggedFrom}<br><div style="border-top:1px dotted {color:Perma Border}; padding:1px"></div>Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>, via: <a href="{ReblogParentURL}">{ReblogParentName}</a>.{/block:RebloggedFrom}
  747. </div>
  748. <!--- /perma ---> {/block:IndexPage}
  749. {/block:Text}
  750.  
  751.  
  752.  
  753. {block:Audio}
  754. {block:IndexPage}
  755. {block:AlbumArt}
  756. <div id="audio"><img src="{AlbumArtURL}" alt=""></div>
  757. {/block:AlbumArt}
  758. <div id="player">{AudioPlayerGrey}</div><div style="margin-top: 0px;"></div>
  759. {block:Artist}
  760. <b>Artist:</b> <i>{Artist}</i>
  761. {/block:Artist} <br />
  762. {block:Album}<b>Album:</b> <i>{Album}</i>{/block:Album}<br />
  763. {block:TrackName}<b>Track:</b> <i>{TrackName}</i>{/block:TrackName}<br />
  764. <b>Plays:</b> <i>{FormattedPlayCount}</i>
  765. <!--- perma --->
  766. <div id="perm">
  767. {block:Date}<aye>P</aye> <a href="{permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}</a> {/block:Date}
  768. {block:NoteCount} <aye>O</aye> <a href="{permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  769. <aye>J</aye> <a href="{ReblogURL}" target="_blank">Reblog</a>
  770. {block:IfShowTags}{block:HasTags} <aye>,</aye> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{block:HasTags}{/block:IfShowTags}
  771. {block:RebloggedFrom}<br><div style="border-top:1px dotted {color:Perma Border}; padding:1px"></div>Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>, via: <a href="{ReblogParentURL}">{ReblogParentName}</a>.{/block:RebloggedFrom}
  772. </div>
  773. <!--- /perma --->
  774. {/block:IndexPage}
  775. {block:PermalinkPage}
  776. {block:AlbumArt}
  777. <div id="audio2"><img src="{AlbumArtURL}" alt=""></div><p>
  778. {/block:AlbumArt}
  779. <div id="player2">{AudioPlayerGrey}</div><div style="margin-top: 5px;"></div>
  780. {block:Artist}
  781. <b>Artist:</b> <i>{Artist}</i>
  782. {/block:Artist} <br />
  783. {block:Album}<b>Album:</b> <i>{Album}</i>{/block:Album}<br />
  784. {block:TrackName}<b>Track:</b> <i>{TrackName}</i>{/block:TrackName}<br />
  785. <b>Plays:</b> <i>{FormattedPlayCount}</i>
  786. {/block:PermalinkPage}
  787. {/block:Audio}
  788.  
  789.  
  790.  
  791. {block:Quote}
  792. <div style="color: {color:Blockquote Text}; font-style: italic;">"{Quote}" </div>
  793. <div style="text-align: center; font-size: 9px; font-style: italic; padding-top: 3px; padding-bottom: 4px;">—{Source}</div>
  794. <!--- perma ---> {block:IndexPage}
  795. <div id="perm">
  796. {block:Date}<aye>P</aye> <a href="{permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}</a> {/block:Date}
  797. {block:NoteCount} <aye>O</aye> <a href="{permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  798. <aye>J</aye> <a href="{ReblogURL}" target="_blank">Reblog</a>
  799. {block:IfShowTags}{block:HasTags} <aye>,</aye> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{block:HasTags}{/block:IfShowTags}
  800. {block:RebloggedFrom}<br><div style="border-top:1px dotted {color:Perma Border}; padding:1px"></div>Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>, via: <a href="{ReblogParentURL}">{ReblogParentName}</a>.{/block:RebloggedFrom}
  801. </div>
  802. <!--- /perma ---> {/block:IndexPage}
  803. {/block:Quote}
  804.  
  805.  
  806.  
  807. {block:Link}
  808. <div id="entrytitle"><a href="{URL}" {Target}>{Name}</a></div>
  809. {Description}
  810. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  811. <!--- perma ---> {block:IndexPage}
  812. <div id="perm">
  813. {block:Date}<aye>P</aye> <a href="{permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}</a> {/block:Date}
  814. {block:NoteCount} <aye>O</aye> <a href="{permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  815. <aye>J</aye> <a href="{ReblogURL}" target="_blank">Reblog</a>
  816. {block:IfShowTags}{block:HasTags} <aye>,</aye> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{block:HasTags}{/block:IfShowTags}
  817. {block:RebloggedFrom}<br><div style="border-top:1px dotted {color:Perma Border}; padding:1px"></div>Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>, via: <a href="{ReblogParentURL}">{ReblogParentName}</a>.{/block:RebloggedFrom}
  818. </div>
  819. <!--- /perma ---> {/block:IndexPage}
  820. {/block:Link}
  821.  
  822.  
  823.  
  824. {block:Chat}
  825. {block:Title}<div id="chattitle">{Title}</div>{/block:Title}
  826. <div class="chat">
  827. <div class="chat1">
  828. {block:Lines}
  829. <div class="chat2 {Alt}">
  830. {block:Label}
  831. {Label}
  832. {/block:Label}
  833. {Line} </div>
  834. {/block:Lines}
  835. </div>
  836. </div>
  837. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  838. <!--- perma ---> {block:IndexPage}
  839. <div id="perm">
  840. {block:Date}<aye>P</aye> <a href="{permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}</a> {/block:Date}
  841. {block:NoteCount} <aye>O</aye> <a href="{permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  842. <aye>J</aye> <a href="{ReblogURL}" target="_blank">Reblog</a>
  843. {block:IfShowTags}{block:HasTags} <aye>,</aye> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{block:HasTags}{/block:IfShowTags}
  844. {block:RebloggedFrom}<br><div style="border-top:1px dotted {color:Perma Border}; padding:1px"></div>Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>, via: <a href="{ReblogParentURL}">{ReblogParentName}</a>.{/block:RebloggedFrom}
  845. </div>
  846. <!--- /perma ---> {/block:IndexPage}
  847. {/block:Chat}
  848.  
  849.  
  850.  
  851. {block:Answer}
  852. <div id="portrait"><img src="{AskerPortraitURL-40}"></div>
  853. <div id="ask">{Asker}<b>:</b> <i>"{Question} "</i></div>
  854. <div id="answer"{Answer}</div>
  855. <!--- perma ---> {block:IndexPage}
  856. <div id="perm">
  857. {block:Date}<aye>P</aye> <a href="{permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}</a> {/block:Date}
  858. {block:NoteCount} <aye>O</aye> <a href="{permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  859. <aye>J</aye> <a href="{ReblogURL}" target="_blank">Reblog</a>
  860. {block:IfShowTags}{block:HasTags} <aye>,</aye> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{block:HasTags}{/block:IfShowTags}
  861. {block:RebloggedFrom}<br><div style="border-top:1px dotted {color:Perma Border}; padding:1px"></div>Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>, via: <a href="{ReblogParentURL}">{ReblogParentName}</a>.{/block:RebloggedFrom}
  862. </div>
  863. <!--- /perma ---> {/block:IndexPage}
  864. {/block:Answer}
  865.  
  866.  
  867.  
  868. <!-- permalink --> {block:PermalinkPage}
  869.  
  870. {block:Caption}{Caption}{/block:Caption}
  871.  
  872. {block:Date}<aye>P</aye> <b>Posted:</b> {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year}{/block:Date}
  873.  
  874. {block:NoteCount} <aye>O</aye> <i>{NoteCountWithLabel}</i>{/block:NoteCount}
  875.  
  876. {block:RebloggedFrom}<br><aye>J</aye> <b>Reblogged from:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  877.  
  878. {block:HasTags}<br><aye>,</aye> <b>Tagged:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{block:HasTags}
  879.  
  880. {block:PostNotes}<div class="post_notes">{PostNotes}</div>{/block:PostNotes}
  881.  
  882. <!-- /permalink --> {/block:PermalinkPage}
  883.  
  884.  
  885.  
  886. </div>
  887. {/block:Posts}
  888. </div>
  889.  
  890.  
  891. <div id="credz"><a href="http://themesbyvanne.tumblr.com/" title="themes by vanne" target="_blank">THEME</a></div>
  892.  
  893.  
  894. </body>
  895.  
  896. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement