API tools faq
paste
Advertisement
imgirlrauhl

Theme #19 - Cake Party

imgirlrauhl
Mar 22nd, 2014
6,926
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.91 KB | None | 0 0
raw download clone embed print report
  1. <!----------
  2.  
  3. Theme #19 "Cake Party" by Vanne @ themesbyvanne.tumblr.com
  4.  
  5. .Do NOT remove the credits
  6. .Do NOT steal my codes
  7. .Do NOT use as base code
  8. .Do NOT claim as your own
  9.  
  10. Thank you so much for using my theme! <3
  11.  
  12. ----------->
  13.  
  14. <html>
  15.  
  16. <head>
  17.  
  18. {block:IfCuteCursor}
  19. <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>
  20. {/block:IfCuteCursor}
  21.  
  22. {block:ifCrosshairCursor}
  23. <style type="text/css">body { cursor: crosshair; } </style>
  24. {/block:ifCrosshairCursor}
  25.  
  26. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30.  
  31. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400,700' rel='stylesheet' type='text/css'>
  32.  
  33. <meta name="image:Background" content=""/>
  34. <meta name="image:Corner BG" content=""/>
  35. <meta name="image:Sidebar Image" content="https://24.media.tumblr.com/af91dc47d72d30f55c6262fe7f111792/tumblr_n1iwcpS1KW1t0v4cmo1_400.png"/>
  36.  
  37. <meta name="color:Background" content="#f6f6f6"/>
  38. <meta name="color:Corner BG" content="#f4eacf"/>
  39. <meta name="color:Corner Border" content="#fad89f"/>
  40. <meta name="color:Title" content="#e9b77f"/>
  41. <meta name="color:Description Text" content="#a0664b"/>
  42. <meta name="color:Description BG" content="#f3e5c4"/>
  43. <meta name="color:Sidebar Border" content="#b4ddda"/>
  44. <meta name="color:Favicon Border" content="#fbc9b0"/>
  45.  
  46. <meta name="color:Main Nav Links" content="#ffffff"/>
  47. <meta name="color:Main Nav BG" content="#c6e2c5"/>
  48.  
  49. <meta name="color:Custom Links Link" content="#ffffff"/>
  50. <meta name="color:Custom Links Link Hover" content="#efb08c"/>
  51. <meta name="color:Custom Links BG" content="#d2dbb6"/>
  52. <meta name="color:Custom Links BG Hover" content="#fae9b3"/>
  53.  
  54. <meta name="color:Music Player BG" content="#a8d5db"/>
  55. <meta name="color:Music Player Icon" content="#ffffff"/>
  56.  
  57. <meta name="color:Link" content="#9fc69e"/>
  58. <meta name="color:Link Hover" content="#ebaf7d"/>
  59. <meta name="color:Italic Text" content="#a0d3d7"/>
  60. <meta name="color:Bold Text" content="#f69389"/>
  61. <meta name="color:Highlight Text" content="#ffffff"/>
  62. <meta name="color:Highlight BG" content="#d1e5c4"/>
  63. <meta name="color:Tooltip Text" content="#ffffff"/>
  64. <meta name="color:Tooltip BG" content="#fed6ae"/>
  65. <meta name="color:Blockquote Text" content="#b9dde3"/>
  66. <meta name="color:Blockquote Border" content="#b7d9b4"/>
  67. <meta name="color:Entries BG" content="#ffffff"/>
  68. <meta name="color:Entries Text" content="#575757"/>
  69. <meta name="color:Entries Title" content="#aed4b6"/>
  70. <meta name="color:Entries Border" content="#d2e9e3"/>
  71.  
  72. <meta name="color:Scrollbar" content="#ffe2a8"/>
  73. <meta name="color:Scrollbar Bottom" content="#ffffff"/>
  74.  
  75. <meta name="color:Ask Envelope" content="#badedf"/>
  76. <meta name="color:Photo Paperclip" content="#f8d7b9"/>
  77. <meta name="color:Quote Feather" content="#c9e4cf"/>
  78. <meta name="color:Text Bookmark" content="#f4c4bf"/>
  79. <meta name="color:Music Note" content="#e6e0ab"/>
  80.  
  81. <meta name="color:Ask BG" content="#ecfbec"/>
  82. <meta name="color:Ask Border" content="#f4d2bf"/>
  83. <meta name="color:Quote BG" content="#fff7ed"/>
  84. <meta name="color:Audio Border" content="#b7dfde"/>
  85. <meta name="color:Audio Info Text" content="#51bfa2"/>
  86. <meta name="color:Audio Info BG" content="#d7f4e3"/>
  87. <meta name="color:Chat BG 1" content="#f6c8a3"/>
  88. <meta name="color:Chat Text 1" content="#ffffff"/>
  89. <meta name="color:Chat BG 2" content="#b5d7d9"/>
  90. <meta name="color:Chat Text 2" content="#ffffff"/>
  91. <meta name="color:Caption BG" content="#f3f3f3"/>
  92.  
  93. <meta name="color:Permalink Links" content="#f79f73"/>
  94. <meta name="color:Permalink Links Hover" content="#f78484"/>
  95. <meta name="color:Permalink BG" content="#ffedc5"/>
  96.  
  97. <meta name="color:Pagination Text" content="#ffffff"/>
  98. <meta name="color:Pagination Text BG" content="#f7e49c"/>
  99. <meta name="color:Pagination Links" content="#ffffff"/>
  100. <meta name="color:Pagination Links BG" content="#b5e2de"/>
  101. <meta name="color:Pagination Links BG Hover" content="#eec9a1"/>
  102.  
  103. <meta name="if:Grid Theme" content="">
  104. <meta name="if:Entries Border" content="1">
  105. <meta name="if:Show Entries Icons" content="1">
  106. <meta name="if:Infinite Scroll" content="">
  107. <meta name="if:Black Music Player Icon" content="">
  108. <meta name="if:Show Captions" content="1">
  109. <meta name="if:Show Tags" content="1">
  110. <meta name="if:Image Fade" content="">
  111. <meta name="if:Black And White Images" content="">
  112. <meta name="if:Back To Top" content="1"/>
  113. <meta name="if:Cute Cursor" content=""/>
  114. <meta name="if:Crosshair Cursor" content=""/>
  115.  
  116. <meta name="text:Sidebar Title" content="cake party">
  117. <meta name="text:Music Player" content="">
  118. <meta name="text:Facebook URL" content="urlexample1">
  119. <meta name="text:Twitter Username" content="username_example1">
  120. <meta name="text:Link 1" content="link 1">
  121. <meta name="text:Link 1 URL" content="">
  122. <meta name="text:Link 2" content="link 2">
  123. <meta name="text:Link 2 URL" content="">
  124. <meta name="text:Link 3" content="link 3">
  125. <meta name="text:Link 3 URL" content="">
  126. <meta name="text:Link 4" content="link 4">
  127. <meta name="text:Link 4 URL" content="">
  128. <meta name="text:Link 5" content="link 5">
  129. <meta name="text:Link 5 URL" content="">
  130. <meta name="text:Link 6" content="link 6">
  131. <meta name="text:Link 6 URL" content="">
  132. <meta name="text:PopUp Ask Title" content="ask me anything">
  133. <meta name="text:PopUp Ask Text" content="Hey there! If you want to know me more, write something to me right here!">
  134.  
  135. <script type="text/javascript"
  136. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  137. <script>
  138. $(document).ready(function() {
  139. //
  140. $('a.poplight[href^=#]').click(function() {
  141. var popID = $(this).attr('rel'); //Get Popup Name
  142. var popURL = $(this).attr('href'); //Get Popup href to define size
  143. var query= popURL.split('?');
  144. var dim= query[1].split('&');
  145. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  146. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/n9vj50j/yB2n2spxk/imagefromstorage-14.png" style="float: right; width: 10px;"></a>');
  147. var popMargTop = ($('#' + popID).height() + 80) / 2;
  148. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  149. //Apply Margin to Popup
  150. $('#' + popID).css({
  151. 'margin-top' : -popMargTop,
  152. 'margin-left' : -popMargLeft
  153. });
  154. $('body').append('<div id="fade"></div>');
  155. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  156. return false;
  157. });
  158. $('a.close, #fade').live('click', function() {
  159. $('#fade , .popup_block').fadeOut(function() {
  160. $('#fade, a.close').remove(); //fade them both out
  161. });
  162. return false;
  163. });
  164. });
  165. </script>
  166.  
  167. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  168.  
  169. <style>
  170. div#qTip {
  171. margin-top: 3px;
  172. padding: 4px 8px 4px 8px;
  173. z-index: 99999;
  174. display: none;
  175. text-align: center;
  176. font-family: consolas;
  177. position: absolute;
  178. font-style: italic;
  179. font-size: 9px;
  180. border-radius: 6px;
  181. background: {color:Tooltip BG};
  182. color: {color:Tooltip Text};
  183. letter-spacing: 1px;
  184. }
  185. </style>
  186.  
  187. <style type="text/css">
  188.  
  189. @import url(http://weloveiconfonts.com/api/?family=entypo);
  190.  
  191. /* entypo */
  192. [class*="entypo-"]:before {
  193. font-family: 'entypo', sans-serif;
  194. }
  195.  
  196. @font-face { font-family: "pix"; src: url('http://static.tumblr.com/2icx37z/P4Smyobs1/04b_03__.ttf');}
  197.  
  198. iframe#tumblr_controls {
  199. right: 3px !important;
  200. position: fixed !important;
  201. opacity: 0.2;
  202. white-space: nowrap;
  203. -webkit-filter: invert(100%);
  204. -moz-filter: invert(100%);
  205. -o-filter: invert(100%);
  206. -ms-filter: invert(100%);
  207. filter: invert(100%);
  208. -webkit-transition: opacity 0.7s linear;
  209. -webkit-transition: all 0.5s ease-in-out;
  210. -moz-transition: all 0.5s ease-in-out;
  211. -o-transition: all 0.5s ease-in-out;
  212. transition: all 0.5s ease-in-out;}
  213. iframe#tumblr_controls:hover {
  214. opacity: 0.7;}
  215.  
  216. body {
  217. background: {color:Background} url('{image:Background}');
  218. background-attachment: fixed;
  219. font-family: consolas;
  220. word-wrap: break-word;
  221. font-size: 11px;}
  222.  
  223. ::-webkit-scrollbar-thumb:vertical {
  224. background: {color:Scrollbar};
  225. border-radius: 5px;
  226. height: auto;}
  227.  
  228. ::-webkit-scrollbar-thumb:horizontal {
  229. background: {color:Scrollbar};
  230. border-radius: 5px;
  231. height: auto;}
  232.  
  233. ::-webkit-scrollbar {
  234. height: 7px;
  235. width: 7px;
  236. background: {color:Scrollbar Bottom};}
  237.  
  238. ::selection {
  239. color: {color:Highlight Text};
  240. background: {color:Highlight BG};}
  241.  
  242. blockquote {
  243. margin-left: 0px;
  244. margin-right: 0px;
  245. padding-left: 5px;
  246. font-style: italic;
  247. color: {color:Blockquote Text};
  248. border-left: 3px solid {color:Blockquote Border};}
  249.  
  250. a {
  251. text-decoration: none;
  252. color: {color:Link};}
  253.  
  254. a:hover {
  255. color: {color:Link Hover};
  256. text-decoration: none;}
  257.  
  258. b, strong {
  259. color: {color:Bold Text};
  260. font-weight: 700;}
  261.  
  262. i, em {
  263. color: {color:Italic Text};
  264. font-weight: 400italic;}
  265.  
  266.  
  267.  
  268. /* - - - - - - - - - - CORNER - - - - - - - - - - */
  269. #corner {
  270. position: fixed;
  271. left: -250px;
  272. top: -250px;
  273. width: 450px;
  274. height: 450px;
  275. background: {color:Corner BG} url('{image:Corner BG}');
  276. border-bottom: 15px solid {color:Corner Border};
  277. -webkit-transform: rotate(-45deg);
  278. -moz-transform: rotate(-45deg);
  279. -o-transform: rotate(-45deg);}
  280.  
  281. #top {
  282. position: fixed;
  283. z-index: 9999999;
  284. top: 70px;
  285. left: -30px;
  286. width: 300px;
  287. height: 50px;
  288. line-height: 50px;
  289. color: {color:Title};
  290. font-family: pix;
  291. text-transform: uppercase;
  292. font-weight: 700;
  293. text-align: center;
  294. font-size: 15px;
  295. -webkit-transform: rotate(-45deg);
  296. -moz-transform: rotate(-45deg);
  297. -o-transform: rotate(-45deg);}
  298.  
  299.  
  300.  
  301. /* - - - - - - - - - - SIDEBAR, LINKS, ETC - - - - - - - - - - */
  302. #main {
  303. position: fixed;
  304. top: 150px;
  305. left: -10px;
  306. z-index: 9999999;
  307. text-align: center;
  308. -webkit-transform: rotate(-45deg);
  309. -moz-transform: rotate(-45deg);
  310. -o-transform: rotate(-45deg);
  311. }
  312.  
  313. #main a {
  314. z-index: 99999;
  315. margin: 0px 20px 0px 20px;
  316. position: relative;
  317. display: inline-block;
  318. text-align: center;
  319. font-size: 15px;
  320. letter-spacing: 1px;
  321. padding: 17px 4px 3px 4px;
  322. width: 42px;
  323. height: 30px;
  324. border-radius: 8px;
  325. background: {color:Main Nav BG};
  326. color: {color:Main Nav Links};
  327. -webkit-transition: all 0.5s ease-in-out;
  328. -moz-transition: all 0.5s ease-in-out;
  329. -o-transition: all 0.5s ease-in-out;
  330. -ms-transition: all 0.5s ease-in-out;
  331. transition: all 0.5s ease-in-out;
  332. }
  333.  
  334. #main a:hover {border-radius: 14px;}
  335.  
  336. #main img {
  337. margin-top: -17px;
  338. margin-left: -4px;
  339. width: 50px;}
  340.  
  341. .iconu {
  342. float: left;
  343. margin-top: -3px;
  344. margin-left: 0px;
  345. font-size: 13px;
  346. overflow: hidden;
  347. height: 22px;
  348. width: 44px;
  349. line-height: 27px;
  350. text-align: center;
  351. -webkit-transform: rotate(45deg);
  352. -moz-transform: rotate(45deg);
  353. -o-transform: rotate(45deg);}
  354.  
  355. .iconti {
  356. height: 16px;
  357. width: 42px;
  358. font-size: 9px;
  359. font-family: pix;
  360. text-align: center;
  361. margin-left: 44px;
  362. margin-top: -27px;
  363. padding: 6px 0px 4px 0px;
  364. line-height: 30px;
  365. -webkit-transition: all 0.5s ease-in-out;
  366. -moz-transition: all 0.5s ease-in-out;
  367. -o-transition: all 0.5s ease-in-out;
  368. -ms-transition: all 0.5s ease-in-out;
  369. transition: all 0.5s ease-in-out;}
  370.  
  371. .iconvi {
  372. height: 16px;
  373. width: 42px;
  374. font-size: 13px;
  375. text-transform: uppercase;
  376. text-align: center;
  377. margin-left: 0px;
  378. margin-top: -4px;
  379. padding: 0px 0px 4px 0px;
  380. line-height: 30px;
  381. -webkit-transition: all 0.5s ease-in-out;
  382. -moz-transition: all 0.5s ease-in-out;
  383. -o-transition: all 0.5s ease-in-out;
  384. -ms-transition: all 0.5s ease-in-out;
  385. transition: all 0.5s ease-in-out;}
  386.  
  387. .iconu:hover .iconti {
  388. margin-left: 0px;}
  389.  
  390. .iconu:hover .iconvi {
  391. margin-left: -40px;}
  392.  
  393. #sidebar {
  394. position: fixed;
  395. overflow: hidden;
  396. left: 30px;
  397. top: 325px;
  398. border-radius: 8px;
  399. background: {color:Sidebar Border};}
  400.  
  401. #sidebar img {
  402. border-radius: 8px;
  403. padding: 10px 10px 7px 10px;
  404. width: 177px;}
  405.  
  406. #description {
  407. top: 535px;
  408. left: 30px;
  409. width: 180px;
  410. height: 80px;
  411. font-family: pix;
  412. padding: 10px;
  413. font-size: 8px;
  414. text-align: center;
  415. position: fixed;
  416. overflow: auto;
  417. z-index: 99999999;
  418. border-radius: 8px;
  419. background: {color:Description BG};
  420. color: {color:Description Text};
  421. -webkit-transition: all 0.5s ease-in-out;
  422. -moz-transition: all 0.5s ease-in-out;
  423. -o-transition: all 0.5s ease-in-out;
  424. -ms-transition: all 0.5s ease-in-out;
  425. transition: all 0.5s ease-in-out;}
  426.  
  427. #descriptiont {
  428. position: fixed;
  429. left: 228px;
  430. top: 565px;
  431. z-index: -1;
  432. font-size: 35px;
  433. color: {color:Description BG};}
  434.  
  435. #favicon {
  436. position: fixed;
  437. left: 260px;
  438. top: 535px;
  439. border-radius: 10px;
  440. background: {color:Favicon Border};}
  441.  
  442. #favicon img {
  443. border-radius: 10px;
  444. padding: 10px 10px 7px 10px;
  445. width: 80px;}
  446.  
  447. #custom {
  448. position: fixed;
  449. top: 325px;
  450. left: 260px;
  451. z-index: 99999;
  452. text-align: center;
  453. width: 92px;}
  454.  
  455. #custom a {
  456. z-index: 99999;
  457. margin-bottom: 6px;
  458. position: relative;
  459. display: block;
  460. text-align: center;
  461. text-transform: uppercase;
  462. letter-spacing: 1px;
  463. font-size: 9px;
  464. font-family: pix;
  465. width: 100px;
  466. border-radius: 4px;
  467. padding: 5px 0px 5px 0px;
  468. background: {color:Custom Links BG};
  469. color: {color:Custom Links Link};
  470. -webkit-transition: all .7s ease;
  471. -moz-transition: all .7s ease;
  472. -o-transition: all .7s ease;
  473. transition: all .7s ease;}
  474.  
  475. #custom a:hover {
  476. background: {color:Custom Links BG Hover};
  477. color: {color:Custom Links Link Hover};}
  478.  
  479. #musicc {
  480. top: 570px;
  481. left: 360px;
  482. position: fixed;
  483. display: block;
  484. overflow: hidden;
  485. text-align: center;
  486. font-size: 12px;
  487. letter-spacing: 1px;
  488. opacity: .7;
  489. padding: 2px;
  490. width: 25px;
  491. height: 25px;
  492. border-top-right-radius: 4px;
  493. border-bottom-right-radius: 4px;
  494. background: {color:Music Player BG};
  495. -webkit-transition: all 0.5s ease-in-out;
  496. -moz-transition: all 0.5s ease-in-out;
  497. -o-transition: all 0.5s ease-in-out;
  498. -ms-transition: all 0.5s ease-in-out;
  499. transition: all 0.5s ease-in-out;
  500. }
  501.  
  502. #musicc:hover {
  503. opacity: 1;
  504. width: 50px;
  505. }
  506.  
  507. #musicc img{width: 15px;}
  508.  
  509. .iconn {
  510. margin-top: -24px;
  511. font-size: 13px;
  512. padding: 4px;
  513. color: {color:Music Player Icon};
  514. -webkit-transition: all 0.5s ease-in-out;
  515. -moz-transition: all 0.5s ease-in-out;
  516. -o-transition: all 0.5s ease-in-out;
  517. -ms-transition: all 0.5s ease-in-out;
  518. transition: all 0.5s ease-in-out;
  519. }
  520.  
  521. .playerr {
  522. margin-left: -50px;
  523. width: 26px;
  524. opacity: 0;
  525. padding: 1px 9px 10px 9px;
  526. overflow: hidden;
  527. -webkit-transition: all 0.5s ease-in-out;
  528. -moz-transition: all 0.5s ease-in-out;
  529. -o-transition: all 0.5s ease-in-out;
  530. -ms-transition: all 0.5s ease-in-out;
  531. transition: all 0.5s ease-in-out;
  532. }
  533.  
  534. #musicc:hover .iconn {margin-left: 24px;}
  535. #musicc:hover .playerr {margin-left: -28px; opacity: 1;}
  536.  
  537. #pagination {
  538. z-index: 9999999;
  539. position: fixed;
  540. padding: 2px;
  541. top: 650px;
  542. left: 30px;
  543. width: 195px;
  544. text-align: center;
  545. {block:IfInfiniteScroll}
  546. display: none;
  547. {/block:IfInfiniteScroll}
  548. {block:IfNotInfiniteScroll}
  549. display: visible;
  550. {/block:IfNotInfiniteScroll}
  551. }
  552.  
  553. #pagination a {
  554. display: inline;
  555. font-size: 8px;
  556. padding: 4px;
  557. margin: 0px 2px 0px 2px;
  558. text-transform: uppercase;
  559. text-align: center;
  560. letter-spacing: 1px;
  561. font-family: pix;
  562. border-radius: 4px;
  563. color: {color:Pagination Links};
  564. background: {color:Pagination Links BG};
  565. -webkit-transition: all .7s ease;
  566. -moz-transition: all .7s ease;
  567. -o-transition: all .7s ease;
  568. transition: all .7s ease;
  569. }
  570.  
  571. #pagination a:hover {
  572. background: {color:Pagination Links BG Hover};
  573. }
  574.  
  575. span.selectedpage {
  576. color: {color:Pagination Text};
  577. background: {color:Pagination Text BG};
  578. font-size: 9px;
  579. margin: 0px 2px 0px 2px;
  580. padding: 3px 4px 4px 4px;
  581. border-radius: 4px;
  582. text-transform: uppercase;
  583. text-align: center;
  584. letter-spacing: 1px;
  585. font-family: pix;
  586. }
  587.  
  588.  
  589.  
  590. /* - - - - - - - - - - POSTS - - - - - - - - - - */
  591. #all {
  592. position:relative;
  593. top:0px;
  594. margin:0 auto;
  595. padding:5px;
  596. width: 700px;}
  597.  
  598. #container {
  599. margin-top: 30px;
  600. margin-bottom: 30px;
  601. margin-left: 450px;
  602. width: 400px;
  603. {block:IfGridTheme}
  604. width: 670px;
  605. {block:IfGridTheme}
  606. }
  607.  
  608. .entry {
  609. float:left;
  610. position: relative;
  611. padding: 10px 10px 7px 10px;
  612. text-align: left;
  613. color: {color:Entries Text};
  614. background: {color:Entries BG};
  615. border-radius: 7px;
  616. width: 400px;
  617. margin-bottom: 25px;
  618. -webkit-transition: all 0.5s ease-in-out;
  619. -moz-transition: all 0.5s ease-in-out;
  620. -o-transition: all 0.5s ease-in-out;
  621. -ms-transition: all 0.5s ease-in-out;
  622. transition: all 0.5s ease-in-out;
  623. {block:IfEntriesBorder}
  624. border: 2px solid {color:Entries Border};
  625. {/block:IfEntriesBorder}
  626. {block:IfGridTheme}
  627. width: 250px;
  628. margin: 26px;
  629. {block:IfGridTheme}
  630. {block:PermalinkPage}
  631. width: 400px;
  632. {/block:PermalinkPage}}
  633.  
  634. .entry img {
  635. max-width: 100%;
  636. border-radius: 3px;
  637. }
  638.  
  639. #entrytitle {
  640. text-align: center;
  641. font-size: 14px;
  642. line-height: 22px;
  643. font-family: pix;
  644. color: {color:Entries Title};}
  645.  
  646.  
  647.  
  648. /* - - - - - - - - - - IMAGES - - - - - - - - - - */
  649. {block:IfImageFade}
  650. .photo {
  651. opacity: .7;
  652. -webkit-transition: all 0.5s ease-in-out;
  653. -moz-transition: all 0.5s ease-in-out;
  654. -o-transition: all 0.5s ease-in-out;
  655. -ms-transition: all 0.5s ease-in-out;
  656. transition: all 0.5s ease-in-out;
  657. }
  658.  
  659. .photo:hover {
  660. opacity: 1;
  661. }
  662.  
  663. .entry img {
  664. opacity: .7;
  665. -webkit-transition: all 0.5s ease-in-out;
  666. -moz-transition: all 0.5s ease-in-out;
  667. -o-transition: all 0.5s ease-in-out;
  668. -ms-transition: all 0.5s ease-in-out;
  669. transition: all 0.5s ease-in-out;
  670. }
  671.  
  672. .entry img:hover {
  673. opacity: 1;
  674. }
  675. {/block:IfImageFade}
  676.  
  677. {block:IfBlackAndWhiteImages}
  678. .entry img{
  679. -webkit-transition: opacity 0.8s linear;
  680. -webkit-filter:grayscale(100%);
  681. -webkit-transition: all 0.5s ease-in-out;
  682. -moz-transition: all 0.5s ease-in-out;
  683. -o-transition: all 0.5s ease-in-out;
  684. -ms-transition: all 0.5s ease-in-out;
  685. transition: all 0.5s ease-in-out;
  686. }
  687.  
  688. .entry img:hover{
  689. -webkit-transition: opacity 0.8s linear;
  690. -webkit-filter:none;
  691. -webkit-transition: all 0.5s ease-in-out;
  692. -moz-transition: all 0.5s ease-in-out;
  693. -o-transition: all 0.5s ease-in-out;
  694. -ms-transition: all 0.5s ease-in-out;
  695. transition: all 0.5s ease-in-out;
  696. }
  697. {/block:IfBlackAndWhiteImages}
  698.  
  699.  
  700.  
  701. /* - - - - - - - - - - ASK - - - - - - - - - - */
  702. #ask {
  703. margin-left: 60px;
  704. background: {color:Ask BG};
  705. padding: 5px 7px 5px 7px;
  706. min-height: 36px;
  707. font-family: pix;
  708. font-size: 10px;
  709. border-radius: 6px;
  710. }
  711.  
  712. #answer {
  713. padding: 10px 5px 0px 5px;
  714. }
  715.  
  716. #portrait img {
  717. float: left;
  718. border-radius: 6px;
  719. border: 3px solid {color:Ask Border};
  720. margin: 0px 7px 5px 0px;
  721. }
  722.  
  723.  
  724.  
  725. /* - - - - - - - - - - QUOTE - - - - - - - - - - */
  726. #quote {
  727. background: {color:Quote BG};
  728. padding: 8px;
  729. text-align: center;
  730. font-family: pix;
  731. font-size: 12px;
  732. border-radius: 6px;
  733. letter-spacing: 1px;
  734. }
  735.  
  736. #quotesource {
  737. padding: 3px;
  738. text-align: right;
  739. font-family: pix;
  740. font-size: 8px;
  741. letter-spacing: 1px;
  742. color: {color:Italic Text};
  743. }
  744.  
  745.  
  746.  
  747. /* - - - - - - - - - - AUDIO - - - - - - - - - - */
  748. {block:IfGridTheme}
  749. #musicpost {
  750. position: relative;
  751. width: 250px;
  752. height: 350px;
  753. }
  754.  
  755. #audio {
  756. position: relative;
  757. float: left;
  758. }
  759.  
  760. #audio img {
  761. border-radius: 6px;
  762. margin-right: 10px;
  763. border: 7px solid {color:Audio Border};
  764. width: 235px;
  765. }
  766.  
  767. #player {
  768. overflow: hidden;
  769. position: absolute;
  770. opacity: .4;
  771. left: 113px;
  772. top: 113px;
  773. width: 26px;
  774. }
  775.  
  776. #player:hover {
  777. opacity: .8;
  778. }
  779.  
  780. #audioinfo {
  781. position: relative;
  782. margin-top: 10px;
  783. width: 250px;
  784. height: 100px;
  785. float: left;
  786. }
  787.  
  788. #audioline {
  789. position: relative;
  790. float: left;
  791. margin-bottom: 4px;
  792. overflow: hidden;
  793. height: 12px;
  794. line-height: 12px;
  795. width: 240px;
  796. border-radius: 6px;
  797. color: {color:Audio Info Text};
  798. background: {color:Audio Info BG};
  799. text-transform: uppercase;
  800. padding: 4px;
  801. }
  802. {/block:IfGridTheme}
  803.  
  804. {block:IfNotGridTheme}
  805. #musicpost {
  806. position: relative;
  807. width: 400px;
  808. height: 175px;
  809. }
  810.  
  811. #audio {
  812. position: relative;
  813. float: left;
  814. }
  815.  
  816. #audio img {
  817. border-radius: 6px;
  818. margin-right: 10px;
  819. border: 7px solid {color:Audio Border};
  820. width: 160px;
  821. }
  822.  
  823. #player {
  824. overflow: hidden;
  825. position: absolute;
  826. opacity: .4;
  827. left: 77px;
  828. top: 77px;
  829. width: 26px;
  830. }
  831.  
  832. #player:hover {
  833. opacity: .8;
  834. }
  835.  
  836. #audioinfo {
  837. position: relative;
  838. width: 210px;
  839. height: 170px;
  840. float: left;
  841. }
  842.  
  843. #audioline {
  844. position: relative;
  845. float: left;
  846. margin-bottom: 11px;
  847. overflow: hidden;
  848. height: 23px;
  849. line-height: 23px;
  850. width: 205px;
  851. border-radius: 6px;
  852. color: {color:Audio Info Text};
  853. background: {color:Audio Info BG};
  854. text-transform: uppercase;
  855. padding: 6px;
  856. }
  857. {/block:IfNotGridTheme}
  858.  
  859.  
  860.  
  861. /* - - - - - - - - - - CHAT - - - - - - - - - - */
  862. .chat {
  863. margin: 0;
  864. }
  865.  
  866. .chat .chat1 {
  867. margin-left: 0px;
  868. }
  869.  
  870. .chat .chat1 .chat2 {
  871. background: {color:Chat BG 1};
  872. color: {color:Chat Text 1};
  873. margin-bottom: 2px;
  874. padding: 4px 4px 5px 5px;
  875. border-radius: 6px;
  876. }
  877.  
  878. .chat .chat1 .chat2.even {
  879. background: {color:Chat BG 2};
  880. color: {color:Chat Text 2};
  881. border-radius: 6px;
  882. }
  883.  
  884.  
  885.  
  886. /* - - - - - - - - - - POSTS ICONS - - - - - - - - - - */
  887. #envelope {
  888. position: absolute;
  889. right: -5px;
  890. top: -10px;
  891. font-size: 35px;
  892. color: {color:Ask Envelope};
  893. -webkit-transform: rotate(10deg);
  894. -moz-transform: rotate(10deg);
  895. -o-transform: rotate(10deg);
  896. {block:ifShowEntriesIcons}
  897. opacity: 1;
  898. {/block:ifShowEntriesIcons}
  899. {block:ifNotShowEntriesIcons}
  900. opacity: 0;
  901. {/block:ifNotShowEntriesIcons}}
  902.  
  903. #asktriangle {
  904. position: absolute;
  905. left: 60px;
  906. top: 20px;
  907. font-size: 25px;
  908. color: {color:Ask BG};
  909. -webkit-transform: rotate(-5deg);
  910. -moz-transform: rotate(-5deg);
  911. -o-transform: rotate(-5deg);
  912. {block:ifShowEntriesIcons}
  913. opacity: 1;
  914. {/block:ifShowEntriesIcons}
  915. {block:ifNotShowEntriesIcons}
  916. opacity: 0;
  917. {/block:ifNotShowEntriesIcons}}
  918.  
  919. #feather {
  920. position: absolute;
  921. right: -5px;
  922. top: -10px;
  923. font-size: 35px;
  924. color: {color:Quote Feather};
  925. {block:ifShowEntriesIcons}
  926. opacity: 1;
  927. {/block:ifShowEntriesIcons}
  928. {block:ifNotShowEntriesIcons}
  929. opacity: 0;
  930. {/block:ifNotShowEntriesIcons}}
  931.  
  932. #record {
  933. position: absolute;
  934. left: -5px;
  935. top: -10px;
  936. font-size: 35px;
  937. color: {color:Music Note};
  938. -webkit-transform: rotate(10deg);
  939. -moz-transform: rotate(10deg);
  940. -o-transform: rotate(10deg);
  941. {block:ifShowEntriesIcons}
  942. opacity: 1;
  943. {/block:ifShowEntriesIcons}
  944. {block:ifNotShowEntriesIcons}
  945. opacity: 0;
  946. {/block:ifNotShowEntriesIcons}}
  947.  
  948. #paperclip {
  949. position: absolute;
  950. right: -5px;
  951. top: -10px;
  952. font-size: 35px;
  953. color: {color:Photo Paperclip};
  954. -webkit-transform: rotate(-5deg);
  955. -moz-transform: rotate(-5deg);
  956. -o-transform: rotate(-5deg);
  957. {block:ifShowEntriesIcons}
  958. opacity: 1;
  959. {/block:ifShowEntriesIcons}
  960. {block:ifNotShowEntriesIcons}
  961. opacity: 0;
  962. {/block:ifNotShowEntriesIcons}}
  963.  
  964. #bookmark {
  965. position: absolute;
  966. left: 10px;
  967. top: -10px;
  968. font-size: 35px;
  969. color: {color:Text Bookmark};
  970. {block:ifShowEntriesIcons}
  971. opacity: 1;
  972. {/block:ifShowEntriesIcons}
  973. {block:ifNotShowEntriesIcons}
  974. opacity: 0;
  975. {/block:ifNotShowEntriesIcons}}
  976.  
  977.  
  978.  
  979. /* - - - - - - - - - - PERMALINK AND REBLOG - - - - - - - - - - */
  980. #permalink {
  981. position: relative;
  982. margin: 10px 0px 0px 0px;
  983. width: 388px;
  984. border-radius: 6px;
  985. height: 15px;
  986. line-height: 15px;
  987. padding: 6px;
  988. font-family: pix;
  989. font-size: 8px;
  990. background: {color:Permalink BG};
  991. border-top: 1px dotted {color:Entries Border};
  992. {block:IfGridTheme}
  993. width: 238px;
  994. {/block:IfGridTheme}
  995. -webkit-transition: all 0.5s ease-in-out;
  996. -moz-transition: all 0.5s ease-in-out;
  997. -o-transition: all 0.5s ease-in-out;
  998. -ms-transition: all 0.5s ease-in-out;
  999. transition: all 0.5s ease-in-out;
  1000. }
  1001.  
  1002. #permalink a {
  1003. color: {color:Permalink Links};
  1004. }
  1005.  
  1006. #permalink a:hover {
  1007. color: {color:Permalink Links Hover};
  1008. }
  1009.  
  1010.  
  1011.  
  1012. /* - - - - - - - - - - TAGS - - - - - - - - - - */
  1013. #tags {
  1014. left: 0px;
  1015. margin-top: 0px;
  1016. opacity: 0;
  1017. width: 400px;
  1018. padding: 0px;
  1019. font-size: 9px;
  1020. font-family: pix;
  1021. text-align: center;
  1022. position: absolute;
  1023. {block:IfGridTheme}
  1024. width: 270px;
  1025. {/block:IfGridTheme}
  1026. -webkit-transition: all 0.5s ease-in-out;
  1027. -moz-transition: all 0.5s ease-in-out;
  1028. -o-transition: all 0.5s ease-in-out;
  1029. -ms-transition: all 0.5s ease-in-out;
  1030. transition: all 0.5s ease-in-out;
  1031. }
  1032.  
  1033. .entry:hover #tags {
  1034. opacity: 1;
  1035. margin-top: 13px;
  1036. }
  1037.  
  1038.  
  1039.  
  1040. /* - - - - - - - - - - CAPTIONS - - - - - - - - - - */
  1041. #caption {
  1042. position:relative;
  1043. margin-top: 10px;
  1044. border-radius: 4px;
  1045. width: 390px;
  1046. padding: 5px;
  1047. font-family: pix;
  1048. font-size: 9px;
  1049. background: {color:Caption BG};
  1050. {block:IfGridTheme}
  1051. width: 240px;
  1052. {/block:IfGridTheme}
  1053. {block:PermalinkPage}
  1054. width: 390px;
  1055. font-family: Consolas;
  1056. font-size: 10px;
  1057. {/block:PermalinkPage}
  1058. }
  1059.  
  1060.  
  1061.  
  1062. /* - - - - - - - - - - NOTES - - - - - - - - - - */
  1063. ol.notes {
  1064. margin-top: 10px;
  1065. margin-left: -15px;
  1066. padding-bottom: 5px;
  1067. font-size: 9px;
  1068. font-family: pix;
  1069. text-align: left;
  1070. }
  1071.  
  1072. ol.notes li {
  1073. line-height: 15px;
  1074. border-top: 1px dotted #e3e3e3;
  1075. padding: 0px 0px 7px 0px;
  1076. }
  1077.  
  1078. ol.notes img {
  1079. margin-top: 10px;
  1080. margin-right: 6px;
  1081. width:10px;
  1082. height:10px;
  1083. }
  1084.  
  1085.  
  1086.  
  1087.  
  1088. /* - - - - - - - - - - BACK TO TOP - - - - - - - - - - */
  1089. .top {
  1090. position: fixed;
  1091. z-index: 999;
  1092. }
  1093.  
  1094. .top a {
  1095. font-size: 9px;
  1096. text-align: center;
  1097. font-family: pix;
  1098. text-transform: uppercase;
  1099. letter-spacing: 1px;
  1100. padding: 6px;
  1101. border-radius: 4px;
  1102. background: {color:Custom Links BG};
  1103. color: {color:Custom Links Link};
  1104. -webkit-transition:all .5s ease;
  1105. -moz-transition:all .5s ease;
  1106. transition:all .5s ease;
  1107. -o-transition:all .5s ease;
  1108. }
  1109.  
  1110. .top a:hover {
  1111. background: {color:Custom Links BG Hover};
  1112. color: {color:Custom Links Link Hover};
  1113. }
  1114.  
  1115. #scrollToTop:link, #scrollToTop:visited {
  1116. z-index: 9999;
  1117. display: none;
  1118. position: fixed;
  1119. bottom: 15px;
  1120. right: 15px;
  1121. }
  1122.  
  1123.  
  1124.  
  1125. /* - - - - - - - - - - POP UP - - - - - - - - - - */
  1126. #fade {
  1127. display: none;
  1128. background: #fff;
  1129. position: fixed; left: 0; top: 0;
  1130. width: 100%; height: 100%;
  1131. opacity: .70;
  1132. z-index: 999999999;
  1133. }
  1134.  
  1135. .popup_block {
  1136. display: none;
  1137. background: #fff;
  1138. color:{color:Entries Text};
  1139. padding: 20px;
  1140. float: left;
  1141. font-size: 12px;
  1142. line-height:15px;
  1143. position: fixed;
  1144. width: 400px !important;
  1145. border-radius: 8px;
  1146. top: 50%; left: 50%;
  1147. z-index: 9999999999999999999999999999999999999999999999;
  1148. border: 2px solid {color:Entries Border};
  1149. }
  1150.  
  1151. *html #fade {
  1152. position: absolute;
  1153. }
  1154.  
  1155. *html .popup_block {
  1156. position: absolute;
  1157. }
  1158.  
  1159.  
  1160.  
  1161. /* - - - - - - - - - - PANCAKE - - - - - - - - - - */
  1162. #pancake {
  1163. z-index: 99999999999999999999;
  1164. position: fixed;
  1165. bottom: 10px;
  1166. left: 0px;
  1167. -webkit-transition: all 0.5s ease-in-out;
  1168. -moz-transition: all 0.5s ease-in-out;
  1169. -o-transition: all 0.5s ease-in-out;
  1170. -ms-transition: all 0.5s ease-in-out;
  1171. transition: all 0.5s ease-in-out;
  1172. }
  1173.  
  1174. #pancake a {
  1175. display: inline-block;
  1176. text-align: center;
  1177. font-size: 9px;
  1178. font-family: pix;
  1179. letter-spacing: 1px;
  1180. padding: 2px 4px 4px 4px;
  1181. width: 14px;
  1182. height: 14px;
  1183. line-height: 16px;
  1184. border-top-right-radius: 8px;
  1185. border-bottom-right-radius: 8px;
  1186. overflow: hidden;
  1187. background: {color:Main Nav BG};
  1188. color: {color:Main Nav Links};
  1189. -webkit-transition: all 0.5s ease-in-out;
  1190. -moz-transition: all 0.5s ease-in-out;
  1191. -o-transition: all 0.5s ease-in-out;
  1192. -ms-transition: all 0.5s ease-in-out;
  1193. transition: all 0.5s ease-in-out;
  1194. }
  1195.  
  1196. #pancake a:hover {
  1197. width: 120px;
  1198. }
  1199.  
  1200. </style>
  1201.  
  1202.  
  1203. {block:IfBackToTop}
  1204. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  1205. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1206.  
  1207. <div class="top">
  1208. <a href="javascript:;" id="scrollToTop">top ↑</a>
  1209. </div>
  1210. {/block:IfBackToTop}
  1211.  
  1212. {block:indexpage}
  1213. {block:ifGridTheme}
  1214. {block:ifinfinitescroll}
  1215. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  1216. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1217.  
  1218. <script>
  1219. $(function(){
  1220. var $container = $('#container');
  1221. $container.imagesLoaded(function(){
  1222. $container.masonry({
  1223. itemSelector: '.entry',
  1224. });
  1225. });
  1226. $container.infinitescroll({
  1227. itemSelector : ".entry",
  1228. navSelector : "div.pagination",
  1229. nextSelector : ".pagination a#next",
  1230. loadingImg : "",
  1231. loadingText : "<em></em>",
  1232. bufferPx : 10000,
  1233. extraScrollPx: 12000,
  1234. },
  1235. // trigger Masonry as a callback
  1236. function( newElements ) {
  1237. var $newElems = $( newElements ).css({ opacity: 0 });
  1238. // ensure that images load before adding to masonry layout
  1239. $newElems.imagesLoaded(function(){
  1240. $newElems.animate({ opacity: 1 });
  1241. $container.masonry( 'appended', $newElems, true );
  1242. });
  1243. }
  1244. );
  1245. });
  1246. </script>
  1247. {/block:ifinfinitescroll}
  1248.  
  1249. {block:ifnotinfinitescroll}
  1250. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  1251.  
  1252. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  1253. <script type="text/javascript">
  1254. $(window).load(function () {
  1255. $('#container').masonry({
  1256. itemSelector : ".entry",
  1257. },
  1258. function() { $('#container').masonry({ appendedContent: $(this) }); }
  1259. );
  1260. });
  1261. </script>
  1262. {/block:ifnotinfinitescroll}
  1263. {/block:ifGridTheme}
  1264.  
  1265. {block:ifNotGridTheme}
  1266. {block:ifinfinitescroll}
  1267. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  1268. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  1269. <script type="text/javascript" charset="utf-8">
  1270. var $j = jQuery.noConflict();
  1271. $j(function() {
  1272. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  1273. $j("img").lazyload({
  1274. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  1275. effect: "fadeIn",
  1276. });
  1277. });
  1278. </script>
  1279. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1280. {/block:ifinfinitescroll}
  1281. {/block:ifNotGridTheme}
  1282.  
  1283. {/block:indexpage}
  1284.  
  1285. </head>
  1286.  
  1287.  
  1288. <body>
  1289.  
  1290. <!--- POP UP --->
  1291. <div id="01" class="popup_block">
  1292. <div id="entrytitle">{text:PopUp Ask Title}</div>
  1293.  
  1294. {text:PopUp Ask Text}
  1295.  
  1296. <p><iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe></p>
  1297.  
  1298. </div>
  1299. <!--- / POP UP --->
  1300.  
  1301. <div id="corner"></div>
  1302.  
  1303. <div id="main">
  1304. <a href="/">
  1305. <div class="iconu">
  1306. <div class="iconvi"><span class="entypo-home"></span></div>
  1307. <div class="iconti">home</div>
  1308. </div>
  1309. </a>
  1310.  
  1311. <a href="#?w=500" rel="01" class="poplight">
  1312. <div class="iconu">
  1313. <div class="iconvi"><span class="entypo-mail"></span></div>
  1314. <div class="iconti">ask</div>
  1315. </div>
  1316. </a>
  1317.  
  1318. <a href="/archive">
  1319. <div class="iconu">
  1320. <div class="iconvi"><span class="entypo-calendar"></span></div>
  1321. <div class="iconti">archive</div>
  1322. </div>
  1323. </a>
  1324.  
  1325. <a href="http://themesbyvanne.tumblr.com">
  1326. <div class="iconu">
  1327. <div class="iconvi"><span class="entypo-heart"></span></div>
  1328. <div class="iconti">theme</div>
  1329. </div>
  1330. </a>
  1331. </div>
  1332.  
  1333. <div id="top">{text:Sidebar Title}</div>
  1334.  
  1335. <div id="description">{Description}</div>
  1336.  
  1337. <div id="descriptiont"><span class="entypo-play"></span></div>
  1338.  
  1339. <div id="favicon">
  1340. <div id="favicon img"><img src="{Favicon}"></div>
  1341. </div>
  1342.  
  1343. <div id="sidebar">
  1344. <div id="sidebar img"><img src="{image:Sidebar Image}"></div>
  1345. </div>
  1346.  
  1347. {block:IfMusicPlayer}
  1348. <div id="musicc">
  1349. <div class="playerr">
  1350. {text:Music Player}
  1351. </div>
  1352. <div class="iconn">
  1353. <span class="entypo-note-beamed"></span>
  1354. </div>
  1355. </div>
  1356. {/block:IfMusicPlayer}
  1357.  
  1358.  
  1359. <div id="custom">
  1360. {block:ifFacebookURL}<a href="http://facebook.com/{text:Facebook URL}">Facebook</a>{/block:ifFacebookURL}
  1361. {block:ifTwitterUsername}<a href="http://twitter.com/{text:Twitter Username}">Twitter</a>{/block:ifTwitterUsername}
  1362. {block:iflink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:iflink1}
  1363. {block:iflink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:iflink2}
  1364. {block:iflink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:iflink3}
  1365. {block:iflink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:iflink4}
  1366. {block:iflink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:iflink5}
  1367. {block:iflink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:iflink6}
  1368. </div>
  1369.  
  1370. {block:Pagination}
  1371. <div id="pagination">
  1372. {block:PreviousPage}
  1373. <a href="{PreviousPage}">BACK</a>
  1374. {/block:PreviousPage}
  1375. {block:JumpPagination length="5"}
  1376. {block:CurrentPage}
  1377. <span class="current_page"><span class="selectedpage">{PageNumber}</span></span>
  1378. {/block:CurrentPage}
  1379. {block:JumpPage}
  1380. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1381. {/block:JumpPage}
  1382. {/block:JumpPagination}
  1383. {block:NextPage}
  1384. <a href="{NextPage}">NEXT</a>
  1385. {/block:NextPage}
  1386. </div>
  1387. {/block:Pagination}
  1388.  
  1389.  
  1390. <div id="container">
  1391. {block:Posts}
  1392. <div class="entry">
  1393.  
  1394. {block:Photo}
  1395. <img class="photo" src="{PhotoURL-500}">
  1396. {block:IndexPage}
  1397. {block:IfShowCaptions}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1398. <div id="paperclip"><span class="entypo-attach"></span></div>
  1399. {/block:IndexPage}
  1400. {/block:Photo}
  1401.  
  1402. {block:Photoset}
  1403. {block:IndexPage}
  1404. {block:IfNotGridTheme}
  1405. {Photoset-400}
  1406. {/block:IfNotGridTheme}
  1407. {block:IfGridTheme}
  1408. {Photoset-250}
  1409. {/block:IfGridTheme}
  1410. {block:IfShowCaptions}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1411. {/block:IndexPage}
  1412. <div id="record"><span class="entypo-picture"></span></div>
  1413. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  1414. {/block:Photoset}
  1415.  
  1416. {block:Video}
  1417. {block:IndexPage}
  1418. {block:IfNotGridTheme}
  1419. {Video-400}
  1420. {/block:IfNotGridTheme}
  1421. {block:IfGridTheme}
  1422. {Video-250}
  1423. {/block:IfGridTheme}
  1424. {block:IfShowCaptions}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1425. {/block:IndexPage}
  1426. <div id="record"><span class="entypo-monitor"></span></div>
  1427. {block:PermalinkPage}
  1428. {Video-400}
  1429. {/block:PermalinkPage}
  1430. {/block:Video}
  1431.  
  1432. {block:Text}
  1433. {block:Title}<div id="entrytitle">{Title}</div>{/block:Title}
  1434. {Body}
  1435. <div id="bookmark"><span class="entypo-bookmark"></span></div>
  1436. {/block:Text}
  1437.  
  1438. {block:Audio}
  1439. <div id="musicpost">
  1440. {block:AlbumArt}
  1441. <div id="audio"><img src="{AlbumArtURL}" alt=""></div>
  1442. {/block:AlbumArt}
  1443. <div id="player">{AudioPlayerGrey}</div>
  1444.  
  1445. <div id="audioinfo">
  1446. {block:Artist}
  1447. <div id="audioline">Artist: {Artist}</div>
  1448. {/block:Artist} <br />
  1449. {block:Album}
  1450. <div id="audioline">Album: {Album}</div>
  1451. {/block:Album}<br />
  1452. {block:TrackName}
  1453. <div id="audioline">Track: {TrackName}</div>
  1454. {/block:TrackName}<br />
  1455. <div id="audioline">Plays: {FormattedPlayCount}</div>
  1456. </div>
  1457. </div>
  1458. <div id="record"><span class="entypo-note-beamed"></span></div>
  1459. {/block:Audio}
  1460.  
  1461. {block:Quote}
  1462. <div id="quote">{Quote}</div>
  1463. <div id="quotesource">-{Source}</div>
  1464. <div id="feather"><span class="entypo-feather"></span></div>
  1465. {/block:Quote}
  1466.  
  1467. {block:Link}
  1468. <div id="entrytitle"><a href="{URL}" {Target}>{Name}</a></div>
  1469. {Description}
  1470. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1471. <div id="feather"><span class="entypo-link"></span></div>
  1472. {/block:Link}
  1473.  
  1474. {block:Chat}
  1475. {block:Title}<div id="entrytitle">{Title}</div>{/block:Title}
  1476. <div class="chat">
  1477. <div class="chat1">
  1478. {block:Lines}
  1479. <div class="chat2 {Alt}">
  1480. {block:Label}
  1481. {Label}
  1482. {/block:Label}
  1483. {Line} </div>
  1484. {/block:Lines}
  1485. </div>
  1486. </div>
  1487. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1488. <div id="paperclip"><span class="entypo-chat"></span></div>
  1489. {/block:Chat}
  1490.  
  1491. {block:Answer}
  1492. <div id="portrait"><img src="{AskerPortraitURL-40}"></div>
  1493. <div id="ask">{Asker}<b>:</b> {Question}</div>
  1494. <div id="answer">{Answer}</div>
  1495. <div id="envelope"><span class="entypo-mail"></span></div>
  1496. <div id="asktriangle"><span class="entypo-left-dir"></span></div>
  1497. {/block:Answer}
  1498.  
  1499.  
  1500.  
  1501. <!--- perma ---> {block:IndexPage}
  1502. <div id="permalink">
  1503. <a href="{permalink}">Posted {timeago} with {NoteCountWithLabel}</a> <b>/</b> <a href="{reblogurl}" target="_blank">Reblog</a>
  1504. </div>
  1505.  
  1506. <div id="tags">
  1507. {block:HasTags}
  1508. {block:Tags}
  1509. <a href="{TagURL}">.{Tag}</a>
  1510. {block:Tags}
  1511. {/block:HasTags}
  1512. </div>
  1513. <!--- /perma ---> {/block:IndexPage}
  1514.  
  1515.  
  1516.  
  1517. <!-- permalink page --> {block:PermalinkPage}
  1518. <div id="caption">
  1519.  
  1520. {block:Caption}{Caption}{/block:Caption}
  1521.  
  1522. {block:Date}<b>❯</b> Posted on {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} at {12Hour}:{Minutes}{AmPm}{/block:Date} {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  1523.  
  1524. {block:RebloggedFrom}<br><b>❯</b> Reblogged From <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  1525.  
  1526. {block:HasTags}<br><b>❯</b> Tagged as {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{block:HasTags}
  1527.  
  1528. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1529.  
  1530. </div>
  1531. <!-- /permalink page --> {/block:PermalinkPage}
  1532.  
  1533.  
  1534.  
  1535. </div> <!-- /div posts -->
  1536. {/block:Posts}
  1537. </div> <!-- /div container -->
  1538.  
  1539. <div id="pancake">
  1540. <a href="http://themesbyvanne.tumblr.com/"><span class="entypo-heart"></span> theme by vanne</a>
  1541. </div>
  1542.  
  1543. </body>
  1544.  
  1545. </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!