API tools faq
paste
Advertisement
imgirlrauhl

Theme #10 "Imperfectly Perfect" - themesbyvanne.tumblr.com

imgirlrauhl
Jan 5th, 2014
584
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.83 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!----------
  5.  
  6. Theme #10 "Imperfectly Perfect" by Vanne @ themesbyvanne.tumblr.com ***PLEASE DO NOT REMOVE THE CREDITS, THANKS YOU***
  7.  
  8. For any questions please visit my FAQ page.
  9. Cualquier duda por favor visita mi página de FAQ.
  10.  
  11. ----------->
  12.  
  13. <html>
  14.  
  15. <head>
  16.  
  17. {block:IfCuteCursor}
  18. <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>
  19. {/block:IfCuteCursor}
  20.  
  21. {block:ifCrosshairCursor}
  22. <style type="text/css">body { cursor: crosshair; } </style>
  23. {/block:ifCrosshairCursor}
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,400,700' rel='stylesheet' type='text/css'>
  28.  
  29. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  30. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33.  
  34. <meta name="image:Background" content=""/>
  35.  
  36. <meta name="color:Background" content="#f7f7f7"/>
  37. <meta name="color:Title" content="#83a8a6"/>
  38. <meta name="color:Title Shadow" content="#909090"/>
  39. <meta name="color:Description" content="#b3b3b3"/>
  40. <meta name="color:Blockquote Text" content="#a0b9a2"/>
  41. <meta name="color:Scrollbar" content="#bdcdbe"/>
  42. <meta name="color:Scrollbar Bottom" content="#ededed"/>
  43. <meta name="color:Entries BG" content="#ffffff"/>
  44. <meta name="color:Entries Text" content="#757575"/>
  45. <meta name="color:Entries Title" content="#70b1a3"/>
  46. <meta name="color:Chat Title" content="#7fa0a2"/>
  47. <meta name="color:Chat BG 1" content="#bdd1d1"/>
  48. <meta name="color:Chat Text 1" content="#ffffff"/>
  49. <meta name="color:Chat BG 2" content="#eaf4e9"/>
  50. <meta name="color:Chat Text 2" content="#95af9c"/>
  51. <meta name="color:Link" content="#9acabd"/>
  52. <meta name="color:Link Hover" content="#90aea0"/>
  53. <meta name="color:Navigation Links" content="#ffffff"/>
  54. <meta name="color:Navigation BG" content="#cfe0d3"/>
  55. <meta name="color:Italic Text" content="#9bc0cc"/>
  56. <meta name="color:Bold Text" content="#9cb199"/>
  57. <meta name="color:Music Border" content="#cce6d6"/>
  58. <meta name="color:Ask BG" content="#f7fbfa"/>
  59. <meta name="color:Ask Border" content="#c9dfde"/>
  60. <meta name="color:PermaForImagesLinks" content="#ffffff"/>
  61. <meta name="color:PermaForImagesBG" content="#c7dfdb"/>
  62. <meta name="color:PermaForImagesBorder" content="#b0cbb4"/>
  63. <meta name="color:PermaForTextBG" content="#e9f5fa"/>
  64. <meta name="color:TagsForTextBG" content="#e4efdf"/>
  65.  
  66. <meta name="if:One 500px Posts" content=""/>
  67. <meta name="if:One 400px Posts" content=""/>
  68. <meta name="if:Two 400px Posts" content=""/>
  69. <meta name="if:Two 250px Posts" content=""/>
  70. <meta name="if:Four 200px Posts" content=""/>
  71. <meta name="if:Cute Cursor" content=""/>
  72. <meta name="if:Crosshair Cursor" content=""/>
  73. <meta name="if:Posts Shadow" content="1"/>
  74. <meta name="if:Show Captions" content="">
  75. <meta name="if:Image Fade" content="">
  76. <meta name="if:Black And White Images" content="">
  77. <meta name="if:Back To Top" content="1"/>
  78.  
  79. <meta name="text:Sidebar Title" content="imperfectly perfect">
  80. <meta name="text:Link 1" content="link 1">
  81. <meta name="text:Link 1 URL" content="">
  82. <meta name="text:Link 2" content="link 2">
  83. <meta name="text:Link 2 URL" content="">
  84. <meta name="text:Link 3" content="link 3">
  85. <meta name="text:Link 3 URL" content="">
  86. <meta name="text:Link 4" content="link 4">
  87. <meta name="text:Link 4 URL" content="">
  88.  
  89. <style type="text/css">
  90.  
  91. iframe#tumblr_controls {
  92. right:3px !important;
  93. position: fixed !important;
  94. opacity: 0.2;
  95. -webkit-transition: opacity 0.7s linear;
  96. -webkit-transition: all 0.5s ease-in-out;
  97. -moz-transition: all 0.5s ease-in-out;
  98. -o-transition: all 0.5s ease-in-out;
  99. transition: all 0.5s ease-in-out;}
  100. iframe#tumblr_controls:hover {
  101. opacity: 0.8;}
  102.  
  103. body {
  104. background: {color:Background} url('{image:Background}');
  105. background-attachment: fixed;
  106. }
  107.  
  108. ::-webkit-scrollbar-thumb:vertical {
  109. background-color: {color:Scrollbar};
  110. height: auto;
  111. }
  112.  
  113. ::-webkit-scrollbar-thumb:horizontal {
  114. background-color: {color:Scrollbar};
  115. height: auto;
  116. }
  117.  
  118. ::-webkit-scrollbar {
  119. height: 6px;
  120. width: 6px;
  121. background-color: {color:Scrollbar Bottom};
  122. }
  123.  
  124. blockquote {
  125. margin-left: 0px;
  126. margin-right: 0px;
  127. padding-left: 5px;
  128. font-style: italic;
  129. border-left: 3px solid;
  130. color: {color:Blockquote Text};
  131. }
  132.  
  133. a {
  134. text-decoration: none;
  135. color: {color:Link};
  136. }
  137.  
  138. a:hover {
  139. color: {color:Link Hover};
  140. text-decoration: none;
  141. }
  142.  
  143. b, strong {
  144. color: {color:Bold Text};
  145. font-weight: 700;
  146. }
  147.  
  148. i, em {
  149. color: {color:Italic Text};
  150. font-weight: 400italic;
  151. }
  152.  
  153. /*IMPORTANT*/
  154. #all {
  155. position:relative;
  156. top:0px;
  157. width:1000px;
  158. margin:0 auto;
  159. padding:5px;
  160. }
  161.  
  162. /*TOP*/
  163. #up {
  164. position: relative;
  165. margin-left:0px;
  166. margin-top: 0px;
  167. width: 1000px;
  168. }
  169.  
  170. #title {
  171. position:relative;
  172. margin-top: 30px;
  173. margin-bottom: 10px;
  174. font-size: 40px;
  175. font-family: The Girl Next Door;
  176. line-height: 31px;
  177. text-align: center;
  178. color: {color:Title};
  179. text-shadow: 0px 0px 7px {color:Title Shadow};
  180. }
  181.  
  182. #description {
  183. position: relative;
  184. margin-top: 0px;
  185. margin-left: 240px;
  186. margin-bottom: 10px;
  187. padding: 5px;
  188. width: 500px;
  189. line-height: 13px;
  190. z-index:9999;
  191. font-size: 12px;
  192. font-family: Roboto Condensed;
  193. color: {color:Description};
  194. text-transform: none;
  195. text-align: center;
  196. -webkit-transition: all .7s ease;
  197. -moz-transition: all .7s ease;
  198. -o-transition: all .7s ease;
  199. transition: all .7s ease;
  200. }
  201.  
  202. /*MAIN NAV*/
  203. #main {
  204. position: relative;
  205. margin-top: 0px;
  206. margin-bottom: 10px;
  207. z-index: 99999;
  208. width: 1000px;
  209. text-align: center;
  210. }
  211.  
  212. #main a {
  213. z-index: 99999;
  214. margin: 4px;
  215. position: relative;
  216. display: inline-block;
  217. text-align: center;
  218. font-family: Roboto Condensed;
  219. font-size: 10px;
  220. width: 60px;
  221. padding:4px;
  222. text-transform: uppercase;
  223. letter-spacing: 1px;
  224. color: {color:Navigation Links};
  225. background: {color:Navigation BG};
  226. -webkit-transition: all .7s ease;
  227. -moz-transition: all .7s ease;
  228. -o-transition: all .7s ease;
  229. transition: all .7s ease;
  230. }
  231.  
  232. #main a:hover {
  233. text-shadow: 0px 0px 4px {color:Title Shadow};
  234. }
  235.  
  236. /*YOWWWW*/
  237. #woohoo {
  238. position: fixed;
  239. bottom: 10px;
  240. left: 10px;
  241. font-size: 14px;
  242. }
  243.  
  244. /*ENTRIES*/
  245. #container {
  246. margin-top: 15px;
  247. margin-bottom: 30px;
  248. margin-left: 60px;
  249. width: 890px;
  250. {block:IfOne500pxPosts}
  251. width: 700px;
  252. {/block:IfOne500pxPosts}
  253. {block:IfOne400pxPosts}
  254. width: 700px;
  255. {/block:IfOne400pxPosts}
  256. {block:IfTwo400pxPosts}
  257. width: 1000px;
  258. {/block:IfTwo400pxPosts}
  259. {block:IfTwo250pxPosts}
  260. width: 700px;
  261. margin-left: 210px;
  262. {/block:IfTwo250pxPosts}
  263. {block:IfFour200pxPosts}
  264. width: 1000px;
  265. margin-left: 20px;
  266. {/block:IfFour200pxPosts}
  267. }
  268.  
  269. .entry {
  270. float:left;
  271. width: 250px;
  272. position: relative;
  273. margin: 10px;
  274. padding: 10px 10px 7px 10px;
  275. text-align: justify;
  276. font-size: 13px;
  277. font-family: Roboto Condensed;
  278. color: {color:Entries Text};
  279. background: {color:Entries BG};
  280. {block:IfPostsShadow}
  281. box-shadow: 0px 0px 6px #d7d7d7;
  282. {/block:IfPostsShadow}
  283. {block:IfOne500pxPosts}
  284. width: 500px;
  285. margin-left: 182px;
  286. {/block:IfOne500pxPosts}
  287. {block:IfOne400pxPosts}
  288. width: 400px;
  289. margin-left: 230px;
  290. {/block:IfOne400pxPosts}
  291. {block:IfTwo400pxPosts}
  292. width: 400px;
  293. {/block:IfTwo400pxPosts}
  294. {block:IfFour200pxPosts}
  295. width: 200px;
  296. overflow:hidden;
  297. {/block:IfFour200pxPosts}
  298. {block:PermalinkPage}
  299. width: 400px;
  300. margin-left: 230px;
  301. {/block:PermalinkPage}
  302. }
  303.  
  304. .entry img {
  305. max-width: 100%;
  306. }
  307.  
  308. #entrytitle {
  309. margin-bottom: -7px;
  310. font-size: 22px;
  311. text-align: center;
  312. text-transform: none;
  313. font-family: Roboto Condensed;
  314. color: {color:Entries Title};
  315. }
  316.  
  317. /*CHAT*/
  318. .chat {
  319. margin: 0;
  320. font-family: Roboto Condensed;
  321. }
  322.  
  323. .chat .chat1 {
  324. margin-left: 0px;
  325. }
  326.  
  327. .chat .chat1 .chat2 {
  328. background: {color:Chat BG 1};
  329. color: {color:Chat Text 1};
  330. margin-bottom: 2px;
  331. padding: 4px 4px 5px 5px;
  332. }
  333.  
  334. .chat .chat1 .chat2.even {
  335. background: {color:Chat BG 2};
  336. color: {color:Chat Text 2};
  337. }
  338.  
  339. #chattitle {
  340. margin-bottom: 6px;
  341. font-size: 22px;
  342. text-align: center;
  343. text-transform: none;
  344. font-family: Roboto Condensed;
  345. color: {color:Chat Title};
  346. }
  347.  
  348. /*ASK*/
  349. #ask {
  350. border: 1px dotted {color:Ask Border};
  351. background: {color:Ask BG};
  352. padding: 5px 7px 5px 7px;
  353. border-radius: 4px;
  354. min-height: 44px;
  355. }
  356.  
  357. #answer {
  358. padding: 10px 5px 0px 5px;
  359. }
  360.  
  361. #portrait img {
  362. float: left;
  363. border: 3px solid {color:Ask Border};
  364. margin: 5px;
  365. }
  366.  
  367. /*IMAGES*/
  368. {block:IfImageFade}
  369. .photo {
  370. opacity: .7;
  371. -webkit-transition: all 0.5s ease-in-out;
  372. -moz-transition: all 0.5s ease-in-out;
  373. -o-transition: all 0.5s ease-in-out;
  374. -ms-transition: all 0.5s ease-in-out;
  375. transition: all 0.5s ease-in-out;
  376. }
  377.  
  378. .photo:hover {
  379. opacity: 1;
  380. }
  381.  
  382. .entry img {
  383. opacity: .7;
  384. -webkit-transition: all 0.5s ease-in-out;
  385. -moz-transition: all 0.5s ease-in-out;
  386. -o-transition: all 0.5s ease-in-out;
  387. -ms-transition: all 0.5s ease-in-out;
  388. transition: all 0.5s ease-in-out;
  389. }
  390.  
  391. .entry img:hover {
  392. opacity: 1;
  393. }
  394. {/block:IfImageFade}
  395.  
  396. {block:IfBlackAndWhiteImages}
  397. .entry img{
  398. -webkit-transition: opacity 0.8s linear;
  399. opacity: 0.7;
  400. -webkit-filter:grayscale(100%);
  401. -webkit-transition: all 0.5s ease-in-out;
  402. -moz-transition: all 0.5s ease-in-out;
  403. -o-transition: all 0.5s ease-in-out;
  404. -ms-transition: all 0.5s ease-in-out;
  405. transition: all 0.5s ease-in-out;
  406. }
  407.  
  408. .entry img:hover{
  409. -webkit-transition: opacity 0.8s linear;
  410. opacity: 1;
  411. -webkit-filter:none;
  412. -webkit-transition: all 0.5s ease-in-out;
  413. -moz-transition: all 0.5s ease-in-out;
  414. -o-transition: all 0.5s ease-in-out;
  415. -ms-transition: all 0.5s ease-in-out;
  416. transition: all 0.5s ease-in-out;
  417. }
  418. {/block:IfBlackAndWhiteImages}
  419.  
  420. /*AUDIO*/
  421.  
  422. /* PLEASE DO NOT STEAL MY AUDIO CODES!! */
  423.  
  424. #audio img {
  425. width: 232px;
  426. float: left;
  427. margin-right: 10px;
  428. border: 9px solid {color:Music Border};
  429. {block:IfOne500pxPosts}
  430. width: 50px;
  431. {/block:IfOne500pxPosts}
  432. {block:IfOne400pxPosts}
  433. width: 50px;
  434. {/block:IfOne400pxPosts}
  435. {block:IfTwo400pxPosts}
  436. width: 50px;
  437. {/block:IfTwo400pxPosts}
  438. {block:IfFour200pxPosts}
  439. width: 181px;
  440. {/block:IfFour200pxPosts}
  441. }
  442.  
  443. #player {
  444. width: 28px;
  445. margin-left: 110px;
  446. margin-top: 110px;
  447. overflow: hidden;
  448. position: absolute;
  449. opacity: .2;
  450. {block:IfOne500pxPosts}
  451. margin-left: 20px;
  452. margin-top: 20px;
  453. {/block:IfOne500pxPosts}
  454. {block:IfOne400pxPosts}
  455. margin-left: 20px;
  456. margin-top: 20px;
  457. {/block:IfOne400pxPosts}
  458. {block:IfTwo400pxPosts}
  459. margin-left: 20px;
  460. margin-top: 20px;
  461. {/block:IfTwo400pxPosts}
  462. {block:IfFour200pxPosts}
  463. margin-left: 84px;
  464. margin-top: 84px;
  465. {/block:IfFour200pxPosts}
  466. }
  467.  
  468. #player:hover {
  469. opacity: .8;
  470. }
  471.  
  472. /*AUDIO PERMALINK PAGE*/
  473. #audio2 img {
  474. width: 200px;
  475. float: left;
  476. margin-right: 7px;
  477. border: 4px solid {color:Music Border};
  478. }
  479.  
  480. /*BACK TO TOP*/
  481. .top {
  482. position: fixed;
  483. z-index: 999;
  484. }
  485.  
  486. .top a {
  487. border-radius: 30px;
  488. padding: 7px 10px 7px 10px;
  489. font-size: 10px;
  490. font-family: Roboto Condensed;
  491. text-align: center;
  492. text-transform: uppercase;
  493. letter-spacing: 1px;
  494. }
  495.  
  496. .top a:hover {
  497.  
  498. }
  499.  
  500. #scrollToTop:link, #scrollToTop:visited {
  501. z-index: 9999;
  502. display: none;
  503. position: fixed;
  504. bottom: 25px;
  505. right: 20px;
  506. }
  507.  
  508. /*REBLOG*/
  509. #reblog {
  510. bottom: -5px;
  511. z-index: 0;
  512. left: 10px;
  513. width: 236px;
  514. {block:IfOne500pxPosts}
  515. width: 486px;
  516. {/block:IfOne500pxPosts}
  517. {block:IfOne400pxPosts}
  518. width: 386px;
  519. {/block:IfOne400pxPosts}
  520. {block:IfTwo400pxPosts}
  521. width: 386px;
  522. {/block:IfTwo400pxPosts}
  523. {block:IfFour200pxPosts}
  524. width: 186px;
  525. font-size: 8px;
  526. border-bottom: 4px solid {color:PermaForImagesBorder};
  527. {/block:IfFour200pxPosts}
  528. position: absolute;
  529. padding: 6px 7px 4px 7px;
  530. opacity: 0;
  531. font-family: Roboto Condensed;
  532. letter-spacing: 1px;
  533. text-align: center;
  534. text-transform: uppercase;
  535. font-size: 10px;
  536. background: {color:PermaForImagesBG};
  537. border-bottom: 5px solid {color:PermaForImagesBorder};
  538. color: {color:PermaForImagesLinks};
  539. -webkit-transition: all 0.5s ease-in-out;
  540. -moz-transition: all 0.5s ease-in-out;
  541. -o-transition: all 0.5s ease-in-out;
  542. -ms-transition: all 0.5s ease-in-out;
  543. transition: all 0.5s ease-in-out;
  544. }
  545.  
  546. #reblog a {
  547. color: {color:PermaForImagesLinks};
  548. text-align: center;
  549. -webkit-transition:all .5s ease;
  550. -moz-transition:all .5s ease;
  551. transition:all .5s ease;
  552. -o-transition:all .5s ease;
  553. }
  554.  
  555. #reblog a:hover {
  556. text-shadow: 0px 0px 5px {color:Title Shadow};
  557. }
  558.  
  559. .entry:hover #reblog{
  560. opacity: 1;
  561. bottom: 10px;
  562. }
  563.  
  564.  
  565.  
  566.  
  567.  
  568.  
  569. /*TAGS*/
  570. #tagg {
  571. top: 13px;
  572. z-index: 0;
  573. left: 0px;
  574. position: absolute;
  575. padding: 6px 7px 4px 7px;
  576. opacity: 0;
  577. font-family: Roboto Condensed;
  578. text-align: left;
  579. text-transform: uppercase;
  580. width: 100px;
  581. font-size: 10px;
  582. letter-spacing: 1px;
  583. -webkit-transition: all 0.5s ease-in-out;
  584. -moz-transition: all 0.5s ease-in-out;
  585. -o-transition: all 0.5s ease-in-out;
  586. -ms-transition: all 0.5s ease-in-out;
  587. transition: all 0.5s ease-in-out;
  588. }
  589.  
  590. #tagg a {
  591. letter-spacing: 0px;
  592. text-align: center;
  593. -webkit-transition:all .5s ease;
  594. -moz-transition:all .5s ease;
  595. transition:all .5s ease;
  596. -o-transition:all .5s ease;
  597. }
  598.  
  599. #tagg a:hover {
  600. text-shadow: 0px 0px 5px {color:Title Shadow};
  601. }
  602.  
  603. .entry:hover #tagg{
  604. opacity: 1;
  605. left: 13px;
  606. }
  607.  
  608.  
  609.  
  610.  
  611.  
  612.  
  613. /*PERMALINK AND TAGS FOR TEXT*/
  614. #permalinktxt{
  615. margin-top: 2px;
  616. background: {color:PermaForTextBG};
  617. padding: 2px;
  618. font-family: Roboto Condensed;
  619. text-align: right;
  620. position: relative;
  621. text-transform: uppercase;
  622. font-size: 10px;
  623. }
  624.  
  625. #tagstxt{
  626. background: {color:TagsForTextBG};
  627. padding: 2px;
  628. font-family: Roboto Condensed;
  629. text-align: right;
  630. text-transform: uppercase;
  631. position: relative;
  632. font-size: 10px;
  633. }
  634.  
  635.  
  636.  
  637.  
  638.  
  639. /*PERMALINK PAGE*/
  640. #permalink2{
  641. font-family: Roboto Condensed;
  642. text-align: center;
  643. position: relative;
  644. text-transform: none;
  645. font-size: 11px;
  646. padding: 3px;
  647. left: -10px;
  648. top: 8px;
  649. width: 414px;
  650. margin-bottom: 10px;
  651. }
  652.  
  653.  
  654. </style>
  655.  
  656. {block:IfBackToTop}
  657. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  658. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  659.  
  660. <div class="top">
  661. <a href="javascript:;" id="scrollToTop">back to<br>top ↑</a>
  662. </div>
  663. {/block:IfBackToTop}
  664.  
  665. {block:IfNotOne400pxPosts}
  666. {block:IfNotOne500pxPosts}
  667. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  668.  
  669. <div id="pagination"><a href="/page/2"></a></div>
  670. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  671.  
  672. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  673.  
  674. <script>
  675. $(function(){
  676. var $container = $('#container');
  677. $container.imagesLoaded(function(){
  678. $container.masonry({
  679. itemSelector: '.entry',
  680. });
  681. });
  682. $container.infinitescroll({
  683. itemSelector : ".entry",
  684. navSelector : "#pagination",
  685. nextSelector : "#pagination a",
  686. loadingImg : "http://media.tumblr.com/ec1742dbca16ca94b47814f1de4e37e6/tumblr_inline_mj8pf7Te3l1qz4rgp.png",
  687. loadingText : "<em></em>",
  688. bufferPx : 10000,
  689. extraScrollPx: 12000,
  690. },
  691. // trigger Masonry as a callback
  692. function( newElements ) {
  693. var $newElems = $( newElements ).css({ opacity: 0 });
  694. // ensure that images load before adding to masonry layout
  695. $newElems.imagesLoaded(function(){
  696. $newElems.animate({ opacity: 1 });
  697. $container.masonry( 'appended', $newElems, true );
  698. });
  699. }
  700. );
  701. });
  702. </script>
  703. {block:IfNotOne500pxPosts}
  704. {block:IfNotOne400pxPosts}
  705.  
  706. {block:IfOne500pxPosts}
  707. {block:IfOne400pxPosts}
  708. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  709. {/block:IfOne400pxPosts}
  710. {/block:IfOne500pxPosts}
  711.  
  712. </head>
  713.  
  714. <body>
  715.  
  716. <!--- do not touch---> <div id="all">
  717.  
  718. <!--- up div--->
  719. <div id="up">
  720. <div id="title">{text:Sidebar Title}</div>
  721.  
  722. <div id="description">{Description}</div>
  723.  
  724. <div id="main">
  725. <a href="/">home</a>
  726. <a href="/ask">ask</a>
  727. <a href="/archive">archive</a>
  728. <a href="http://themesbyvanne.tumblr.com">theme</a>
  729. {block:iflink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:iflink1}
  730. {block:iflink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:iflink2}
  731. {block:iflink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:iflink3}
  732. {block:iflink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:iflink4}
  733. </div>
  734.  
  735. </div>
  736. <!--- /up div--->
  737.  
  738.  
  739. <div id="container">
  740. {block:Posts}
  741. <div class="entry">
  742.  
  743. {block:Text}
  744. {block:Title}<div id="entrytitle">{Title}</div>{/block:Title}
  745. {Body}
  746. {block:IndexPage}
  747. <center>
  748. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  749. </center>
  750. <!-- permalink -->
  751. <div id="permalinktxt">{block:Date}<b>Posted:</b> <a href="{permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <i>•</i> <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  752. <div id="tagstxt">{block:HasTags}<b>Tagged:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{block:HasTags}</div>
  753. <!-- /permalink --> {/block:IndexPage}
  754. {/block:Text}
  755.  
  756.  
  757. {block:Photo}
  758. {LinkOpenTag}<img src="{PhotoURL-highres}" width="500px" alt="{PhotoAlt}">{LinkCloseTag}
  759. {block:IndexPage}
  760. <center>
  761. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  762. </center>
  763. <!-- permalink -->
  764. <div id="reblog"><a href="{permalink}">{TimeAgo}</a> <i>•</i> <a href="{permalink}">{NoteCountWithLabel}</a> <i>•</i> <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  765. <div id="tagg">{block:HasTags}<b>Tagged:</b> <br> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{block:HasTags}</div>
  766. <!-- /permalink --> {/block:IndexPage}
  767. {/block:Photo}
  768.  
  769.  
  770. {block:Photoset}
  771. {block:IndexPage}
  772. <!-- 250px -->
  773. {block:IfNotOne500pxPosts}
  774. {block:IfNotOne400pxPosts}
  775. {block:IfNotTwo400pxPosts}
  776. <div class="photo">{Photoset-250}</div>
  777. {/block:IfNotTwo400pxPosts}
  778. {/block:IfNotOne400pxPosts}
  779. {/block:IfNotOne500pxPosts}
  780. <!-- 400px -->
  781. {block:IfOne400pxPosts}
  782. <div class="photo">{Photoset-400}</div>
  783. {/block:IfOne400pxPosts}
  784. <!-- 500px -->
  785. {block:IfOne500pxPosts}
  786. <div class="photo">{Photoset-500}</div>
  787. {/block:IfOne500pxPosts}
  788. <center>
  789. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  790. </center>
  791. <!-- permalink -->
  792. <div id="reblog"><a href="{permalink}">{NoteCountWithLabel}</a> <i>•</i> <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  793. <div id="tagg">{block:HasTags}<b>Tagged:</b> <br> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{block:HasTags}</div>
  794. <!-- /permalink --> {/block:IndexPage}
  795. {block:PermalinkPage}<div class="photo">{Photoset-400}</div>{/block:PermalinkPage}
  796. {/block:Photoset}
  797.  
  798.  
  799. {block:Audio}
  800. {block:IndexPage}
  801. {block:AlbumArt}
  802. <div id="audio"><img src="{AlbumArtURL}" alt=""></div>
  803. {/block:AlbumArt}
  804. <div id="player">{AudioPlayerGrey}</div><div style="margin-top: 0px;"></div>
  805. {block:Artist}
  806. <b>Artist:</b> <i>{Artist}</i>
  807. {/block:Artist} <br />
  808. {block:Album}<b>Album:</b> <i>{Album}</i>{/block:Album}<br />
  809. {block:TrackName}<b>Track:</b> <i>{TrackName}</i>{/block:TrackName}<br />
  810. <b>Plays:</b> <i>{FormattedPlayCount}</i>
  811. <!-- permalink -->
  812. <div id="permalinktxt">{block:Date}<b>Posted:</b> <a href="{permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <i>•</i> <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  813. <div id="tagstxt">{block:HasTags}<b>Tagged:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{block:HasTags}</div>
  814. <!-- /permalink -->
  815. {/block:IndexPage}
  816. {block:PermalinkPage}
  817. {block:AlbumArt}
  818. <div id="audio"><img src="{AlbumArtURL}" alt=""></div><p>
  819. {/block:AlbumArt}
  820. <div id="player">{AudioPlayerGrey}</div><div style="margin-top: 5px;"></div>
  821. {block:Artist}
  822. <b>Artist:</b> <i>{Artist}</i>
  823. {/block:Artist} <br />
  824. {block:Album}<b>Album:</b> <i>{Album}</i>{/block:Album}<br />
  825. {block:TrackName}<b>Track:</b> <i>{TrackName}</i>{/block:TrackName}<br />
  826. <b>Plays:</b> <i>{FormattedPlayCount}</i>
  827. {/block:PermalinkPage}
  828. {/block:Audio}
  829.  
  830.  
  831. {block:Video}
  832. {block:IndexPage}
  833. <!-- 250px -->
  834. {block:IfNotOne500pxPosts}
  835. {block:IfNotOne400pxPosts}
  836. {block:IfNotTwo400pxPosts}
  837. {Video-250}
  838. {/block:IfNotTwo400pxPosts}
  839. {/block:IfNotOne400pxPosts}
  840. {/block:IfNotOne500pxPosts}
  841. <!-- 400px -->
  842. {block:IfOne400pxPosts}
  843. {block:IfTwo400pxPosts}
  844. {Video-400}
  845. {/block:IfTwo400pxPosts}
  846. {/block:IfOne400pxPosts}
  847. <!-- 500px -->
  848. {block:IfOne500pxPosts}
  849. {Video-500}
  850. {/block:IfOne500pxPosts}
  851. <center>
  852. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  853. </center>
  854. {/block:IndexPage}
  855. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  856. <!-- permalink --> {block:IndexPage}
  857. <div id="reblog"><a href="{permalink}">{TimeAgo}</a> <i>•</i> <a href="{permalink}">{NoteCountWithLabel}</a> <i>•</i> <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  858. <div id="tagg">{block:HasTags}<b>Tagged:</b> <br> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{block:HasTags}</div>
  859. <!-- /permalink --> {/block:IndexPage}
  860. {/block:Video}
  861.  
  862.  
  863. {block:Quote}
  864. <div style="color: {color:Blockquote Text}; font-style: italic;">" {Quote} " </div>
  865. <div style="text-align: center; font-size: 9px; font-style: italic; padding-top: 3px;">—{Source}</div>
  866. <center>
  867. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  868. </center>
  869. <!-- permalink --> {block:IndexPage}
  870. <div id="permalinktxt">{block:Date}<b>Posted:</b> <a href="{permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <i>•</i> <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  871. <div id="tagstxt">{block:HasTags}<b>Tagged:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{block:HasTags}</div>
  872. <!-- /permalink --> {/block:IndexPage}
  873. {/block:Quote}
  874.  
  875.  
  876. {block:Link}
  877. <div id="entrytitle"><a href="{URL}" {Target}>{Name}</a></div>
  878. {Description}
  879. <center>
  880. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  881. </center>
  882. <!-- permalink --> {block:IndexPage}
  883. <div id="permalinktxt">{block:Date}<b>Posted:</b> <a href="{permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <i>•</i> <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  884. <!-- /permalink --> {/block:IndexPage}
  885. {/block:Link}
  886.  
  887.  
  888. {block:Chat}
  889. {block:Title}<div id="chattitle">{Title}</div>{/block:Title}
  890. <div class="chat">
  891. <div class="chat1">
  892. {block:Lines}
  893. <div class="chat2 {Alt}">
  894. {block:Label}
  895. {Label}
  896. {/block:Label}
  897. {Line} </div>
  898. {/block:Lines}
  899. </div>
  900. </div>
  901. <center>
  902. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  903. </center>
  904. <!-- permalink --> {block:IndexPage}
  905. <div id="permalinktxt">{block:Date}<b>Posted:</b> <a href="{permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <i>•</i> <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  906. <!-- /permalink --> {/block:IndexPage}
  907. {/block:Chat}
  908.  
  909.  
  910. {block:Answer}
  911. <div id="portrait"><img src="{AskerPortraitURL-40}"></div>
  912. <div id="ask">{Asker} <b>sent:</b> {Question}</div>
  913. {Answer}
  914. <!-- permalink --> {block:IndexPage}
  915. <div id="permalinktxt">{block:Date}<b>Posted:</b> <a href="{permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <i>•</i> <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  916. <!-- /permalink --> {/block:IndexPage}
  917. {/block:Answer}
  918.  
  919.  
  920. {block:PermalinkPage}
  921. {block:Caption}{Caption}{/block:Caption}
  922. <div id="permalink2">
  923. {block:Date}<b>Posted</b> {12Hour}:{Minutes}{AmPm} {ShortDayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year}{/block:Date}
  924. {block:NoteCount}with <i>{NoteCountWithLabel}</i>{/block:NoteCount}
  925. {block:RebloggedFrom}<br><i>Reblogged from</i> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  926. {block:HasTags}<br><b>Tagged</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{block:HasTags}
  927. </div>
  928. {block:PostNotes}{PostNotes}{/block:PostNotes}
  929. {/block:PermalinkPage}
  930. </div>
  931.  
  932. {/block:Posts}
  933. </div>
  934.  
  935.  
  936.  
  937.  
  938.  
  939. </div> <!--- /do not touch--->
  940.  
  941. <div id="woohoo"><a href="http://themesbyvanne.tumblr.com/" target="_blank">➹</a></div>
  942.  
  943. </body>
  944. </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!