API tools faq
paste
Advertisement
sarahcaths

theme 4 | pretty in pink

sarahcaths
Sep 1st, 2012
8,051
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.42 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11.  
  12. <head>
  13.  
  14. <!----
  15.  
  16. © SARAHCATHS.TUMBLR.COM | "PRETTY IN PINK" #4
  17.  
  18. + Do not steal any portion of this code, or use this code as a base.
  19. + Feel free to edit anything, but do not remove the credit.
  20. + If you have any questions or concerns, just contact me!
  21. + Thanks for using my theme! :) Hope you enjoy it!
  22.  
  23. ---->
  24.  
  25. <!-- VARIABLES -->
  26.  
  27.  
  28. <meta name="image:Background" content="http://static.tumblr.com/vqqnpua/S8Dm9p4o5/pinknorwegianrose.png"/>
  29. <meta name="image:Sidebar Image" content="http://static.tumblr.com/vqqnpua/Va4m9p4yb/pretty_in_pink.png" />
  30.  
  31.  
  32.  
  33. <meta name="color:Background" content="#FAE4E5" />
  34. <meta name="color:Body Text" content="#B8BABD" />
  35. <meta name="color:Body Shadow" content="#DCDEE2">
  36. <meta name="color:Body Dark Shadow" content="#9BA1A7">
  37. <meta name="color:Signature Color" content="#F8B6B9" />
  38. <meta name="color:Bold" content="#E98F93" />
  39. <meta name="color:Italic" content="#E98F93" />
  40. <meta name="color:Link" content="#48342A" />
  41. <meta name="color:Borders" content="#FFFFFF" />
  42. <meta name="color:Entries BG" content="#FFFFFF" />
  43. <meta name="color:Entries Border" content="#EBEBEB" />
  44. <meta name="color:Info" content="#FFFFFF" />
  45. <meta name="color:Sidebar BG Color" content="#E8ECF0" />
  46. <meta name="color:Tags" content="#E98F93">
  47. <meta name="color:Main Links" content="#FAF7F7" />
  48.  
  49. <meta name="font:Body Font" content="Trebuchet MS" />
  50. <meta name="font:Title Font" content="Trebuchet MS" />
  51. <meta name="font:Tags Font" content="Trebuchet MS" />
  52. <meta name="font:Navigation" content="Trebuchet MS" />
  53.  
  54. <meta name="text:Body Font Size" content="7pt" />
  55. <meta name="text:Tags Font Size" content="6pt" />
  56. <meta name="text:Blog Title" content="22pt" />
  57.  
  58. <meta name="text:Link 1 URL" content="http://" />
  59. <meta name="text:Link 1" content="Link 1" />
  60. <meta name="text:Link 2 URL" content="http://" />
  61. <meta name="text:Link 2" content="Link 2" />
  62. <meta name="text:Link 3 URL" content="http://" />
  63. <meta name="text:Link 3" content="Link 3" />
  64. <meta name="text:Link 4 URL" content="http://" />
  65. <meta name="text:Link 4" content="Link 4" />
  66. <meta name="text:Link 5 URL" content="http://" />
  67. <meta name="text:Link 5" content="Link 5" />
  68.  
  69.  
  70. <style type="text/css">
  71.  
  72. /* MAIN */
  73.  
  74. body {
  75. background-color:{color:Background};
  76. background-image: url('{image:Background}');
  77. color:{color:Body Text};
  78. font-family: {font:Body Font};
  79. font-size: {text:Body Font Size};
  80. text-shadow: {color:Body Shadow} 1px 1px 1px;
  81. margin: 0px;
  82. padding: 0px;}
  83.  
  84. a:link, a:active {
  85. text-decoration:none;
  86. color: {color:Body Dark Shadow}; }
  87.  
  88. a:visited {
  89. text-decoration:none;
  90. color: {color:Body Dark Shadow}; }
  91.  
  92. a:hover {
  93. text-decoration:none;
  94. font-style:italic;}
  95.  
  96. b, strong, .strong {color:{color:Bold};}
  97.  
  98. blockquote {
  99. border-left:2px solid {color:Body Shadow};
  100. padding-left:6px; }
  101.  
  102. #tumblr_controls {
  103. position:fixed!important;
  104. right: 0px;
  105. top:0px;
  106. opacity:0.5; }
  107.  
  108. #tumblr_controls:hover {
  109. position:fixed!important;
  110. right: 0px;
  111. top:0px;
  112. opacity:1.0;
  113. -webkit-transition: all 0.9s ease-in-out;
  114. -moz-transition: all 0.9s ease-in-out;
  115. -o-transition: all 0.9s ease-in-out;
  116. transition: all 0.9s ease-in-out; }
  117.  
  118. i, em, .em {color:{color:Italic};}
  119.  
  120. /* HEADER */
  121.  
  122.  
  123. #blogtitle {
  124. letter-spacing:-2px;
  125. color:{color:Borders};
  126. top:450px;
  127. left:30px;
  128. z-index:100;
  129. background-color:transparent;
  130. text-shadow:{color:Body Dark Shadow} 1px 1px 1px;
  131. font-family:{font:Title Font};
  132. font-size:{text:Blog Title};
  133. position:fixed;
  134. text-align:center;
  135. font-style:italic; }
  136.  
  137. .hover:hover #blogtitle {
  138. color:{color:Italic};
  139. -webkit-transition: all 0.9s ease-in-out;
  140. -moz-transition: all 0.9s ease-in-out;
  141. -o-transition: all 0.9s ease-in-out;
  142. transition: all 0.9s ease-in-out;}
  143.  
  144.  
  145. /* TOP NAVIGATION */
  146.  
  147.  
  148. /* MAIN DIVS */
  149.  
  150. .sideborder {
  151. width:36px;
  152. background-color:{color:Main Links};
  153. border-right:10px solid {color:Signature Color};
  154. opacity:0.4;
  155. margin:0;
  156. position:fixed;
  157. top:0px;
  158. height:100%;
  159. left:1000px; }
  160.  
  161. .content {
  162. width:100%;
  163. height:100%;
  164. margin-top:0px;
  165. margin-bottom:40px;}
  166.  
  167. #cred {
  168. font-size:8px;
  169. letter-spacing:1px;
  170. opacity:0.3;
  171. font-weight:bold;
  172. color: #000000;
  173. font-family: georgia;
  174. background-color: #FFFFFF;
  175. padding:4px;
  176. border:1px dashed #514a4d;
  177. text-transform:uppercase;
  178. bottom:10px;
  179. right:10px;
  180. position:fixed; }
  181.  
  182. #cred a:link, #cred a:active, #cred a:visited, #cred a:hover {
  183. color:#000000 }
  184.  
  185.  
  186. #cred:hover {
  187. font-size:8px;
  188. letter-spacing:1px;
  189. font-weight:bold;
  190. color: #000000;
  191. opacity:1.0;
  192. font-family: georgia;
  193. background-color: #FFFFFF;
  194. padding:4px;
  195. border:1px dashed #514a4d;
  196. text-transform:uppercase;
  197. bottom:10px;
  198. right:10px;
  199. position:fixed;
  200. -webkit-transform: rotate(4deg);
  201. -moz-transform: rotate(4deg);
  202. -o-transform: rotate(4deg);
  203. -ms-transform: rotate(4deg);
  204. transform: rotate(4deg);
  205. -webkit-transition: all 0.9s ease-in-out;
  206. -moz-transition: all 0.9s ease-in-out;
  207. -o-transition: all 0.9s ease-in-out;
  208. transition: all 0.9s ease-in-out;}
  209.  
  210. .hover {
  211. width:400px;
  212. height:100%;
  213. top:0px;
  214. left:0px;
  215. background-color:transparent;
  216. background-image:none;}
  217.  
  218. #sidebar {
  219. top:200px;
  220. font-family:{font:Body Font};
  221. text-shadow:{color:Body Shadow} 1px 1px 1px;
  222. font-size:{text:Body Text};
  223. line-height:12pt;
  224. text-align:justify;
  225. left:10px;
  226. width:250px;
  227. margin-top:20px;
  228. height:120%;
  229. position:fixed;
  230. z-index:0;
  231. border:10px solid {color:Borders};
  232. box-shadow:{color:Body Dark Shadow} 0px 0px 3px;
  233. background-image:url('{image:Sidebar BG}');
  234. background-color:{color:Sidebar BG Color};
  235. background-repeat:repeat; }
  236.  
  237. #sbpadding {
  238. padding:10px; }
  239.  
  240.  
  241. #sidebarimg {
  242. background-image:url('{image:Sidebar Image}');
  243. background-repeat:no-repeat;
  244. max-width:250px;
  245. height:250px;
  246. box-shadow:{color:Body Dark Shadow} 0px 0px 3px;
  247. opacity:1.0;
  248. overflow:auto;
  249. -webkit-transition: all 0.9s ease-in-out;
  250. -moz-transition: all 0.9s ease-in-out;
  251. -o-transition: all 0.9s ease-in-out;
  252. transition: all 0.9s ease-in-out;}
  253.  
  254.  
  255. .hover:hover #sidebarimg {
  256. opacity:0.2;
  257. overflow:auto;
  258. -webkit-transition: all 0.9s ease-in-out;
  259. -moz-transition: all 0.9s ease-in-out;
  260. -o-transition: all 0.9s ease-in-out;
  261. transition: all 0.9s ease-in-out;}
  262.  
  263. .title {
  264. text-shadow:{color:Body Dark Shadow} 0px 0px 2px;
  265. color:{color:Entries BG};
  266. text-transform:uppercase;
  267. font-family: {font:Tags Font};
  268. position:fixed;
  269. font-size:40px;
  270. width:800px;
  271. opacity:1.0;
  272. margin-left:0px;
  273. margin-top:550px;
  274. font-style:italic;
  275. -webkit-transform: rotate(90deg);
  276. -moz-transform: rotate(90deg);
  277. -o-transform: rotate(90deg);
  278. -ms-transform: rotate(90deg);
  279. transform: rotate(90deg);
  280. transition-duration: 0.6s;
  281. -moz-transition-duration: 0.5s;
  282. -webkit-transition-duration: 0.5s;
  283. -o-transition-duration: 0.5s;}
  284.  
  285. .hover:hover .title {
  286. opacity:1.0;
  287. transition-duration: 0.5s;
  288. -moz-transition-duration: 0.5s;
  289. -webkit-transition-duration: 0.5s;
  290. -o-transition-duration: 0.5s;}
  291.  
  292. .navigation a, .navigation a:visited, .navigation a:active {
  293. color:{color:Body Text};
  294. text-transform:uppercase;
  295. font-size:10pt;
  296. font-weight:bold;
  297. text-align:center;
  298. display:block;
  299. background-color:{color:Borders};
  300. padding:2pt;
  301. font-style:normal;
  302. margin-bottom:-10pt;
  303. font-family: {font:Body Text};
  304. border-left:10px solid {color:Bold};
  305. border-top:1px solid {color:Body Shadow};
  306. border-bottom:1px solid {color:Body Shadow};
  307. border-right:2px solid {color:Body Shadow};
  308. -webkit-transition: all 0.4s ease-in-out;
  309. -moz-transition: all 0.4s ease-in-out;
  310. -o-transition: all 0.4s ease-in-out;
  311. transition: all 0.4s ease-in-out;}
  312.  
  313. .navigation a:hover {
  314. opacity:0.2;
  315. border-left:10px solid {color:Italic};
  316. margin-bottom:-10pt;
  317. font-style:normal;}
  318. .entries:hover {
  319. opacity:1.0;
  320. -webkit-transition: all 0.4s ease-in-out;
  321. -moz-transition: all 0.4s ease-in-out;
  322. -o-transition: all 0.4s ease-in-out;
  323. transition: all 0.4s ease-in-out;}
  324.  
  325.  
  326. /* POSTS DIVS */
  327.  
  328. #entrywhole {
  329. width:900px;
  330. float:left;
  331. margin-top:50px;
  332. -moz-border-radius: 200px;
  333. border-radius: 0px 0px 70px 70px;
  334. margin-left:300px;
  335. height:100%;}
  336.  
  337.  
  338. .entriesborder {
  339. height: auto;
  340. margin:auto;
  341. z-index:0;}
  342.  
  343. .entries:hover {
  344. opacity:1.0;
  345. -webkit-transition: all 0.4s ease-in-out;
  346. -moz-transition: all 0.4s ease-in-out;
  347. -o-transition: all 0.4s ease-in-out;
  348. transition: all 0.4s ease-in-out;}
  349.  
  350. .notes {
  351. opacity:0.0;
  352. margin:0;
  353. padding:0;
  354. height:0;
  355. width:0;}
  356.  
  357. .entries:hover .notes {
  358. opacity:1.0;
  359. z-index:1;
  360. padding-top:10px;
  361. float:center;
  362. width:400px;
  363. margin-top:0px;
  364. position:absolute;
  365. text-align:center;
  366. font-size:{text:Tags Font Size};
  367. letter-spacing:-1px;
  368. font-family:{font:Tags Font};
  369. color:#000000;}
  370.  
  371.  
  372. .entries {
  373. width: 250px;
  374. {block:PermalinkPage}
  375. width:500px;
  376. {/block:PermalinkPage}
  377. height: auto;
  378. padding:10px;
  379. margin:10px;
  380. float:left;
  381. overflow:hidden;
  382. position:relative;
  383. opacity:0.6;
  384. box-shadow:{color:Bold} 1px 1px 2px;
  385. background-color: {color:Entries BG};
  386. border:1px solid {color:Entries Border};}
  387.  
  388. .info {
  389. font-size: 6pt;
  390. font-family: {font:Tags Font};
  391. color: {color:Borders};
  392. height:25px;
  393. float:center;
  394. z-index:100;
  395. opacity:0.2;
  396. margin:-10px 0px 10px -10px;
  397. background-color:{color:Signature Color};
  398. box-shadow:{color:Body Dark Shadow} 0px 0px 2px;
  399. width: 280px;
  400. {block:PermalinkPage}
  401. width:520px;
  402. {/block:PermalinkPage}
  403. text-transform:uppercase;}
  404.  
  405. .entriesborder:hover .info {
  406. opacity:1.0; }
  407.  
  408.  
  409. .info a:link, .info a:active, .info a:visited {
  410. font-size: 6pt;
  411. font-family: {font:Tags Font};
  412. color: {color:Borders};}
  413.  
  414. .info a:hover {
  415. color: {color:Link}; }
  416.  
  417. /* TAGS */
  418.  
  419. .tags {
  420. margin-top:-8pt;
  421. padding:0;
  422. height:15pt;
  423. opacity:0.7;
  424. overflow:hidden;}
  425.  
  426.  
  427. .tags a:link, .tags a:active, .tags a:visited {
  428. font-size: 6pt;
  429. font-family: {font:Tags Font};
  430. color: {color:Borders};
  431. font-weight:bold;
  432. transition-duration: 0.6s;
  433. -moz-transition-duration: 0.6s;
  434. -webkit-transition-duration: 0.6s;
  435. -o-transition-duration: 0.6s;}
  436.  
  437.  
  438. .tags a:hover {
  439. opacity:1.0;
  440. font-style:italic;
  441. color:{color:Tags};
  442. font-size: {text:Tags Font Size};
  443. font-family: {font:Tags Font};
  444. transition-duration: 0.6s;
  445. -moz-transition-duration: 0.6s;
  446. -webkit-transition-duration: 0.6s;
  447. -o-transition-duration: 0.6s;}
  448.  
  449.  
  450. /* ALL POSTS CSS */
  451.  
  452. .ttitle, .ttitle:link, .ttitle:visited, .tttitle:active {
  453. font-family: {font:Tags Font};
  454. color: {color:Body Text};
  455. letter-spacing: 2px;
  456. font-weight:bold;
  457. text-transform:uppercase;
  458. display:block;
  459. text-shadow:{color:Dark Shadow} 1px 1px 1px;
  460. font-size:10px;
  461. text-align:left;
  462. padding:0px 0px 0px 20px;
  463. margin-top:10px;}
  464.  
  465. .ttitle:hover {
  466. border-left:30px solid {color:Signature Color};
  467. -webkit-transition: all 0.4s ease-in-out;
  468. -moz-transition: all 0.4s ease-in-out;
  469. -o-transition: all 0.4s ease-in-out;
  470. transition: all 0.4s ease-in-out;}
  471.  
  472.  
  473. .quote {
  474. font-family: {font:Tags Font};
  475. font-style:italic;
  476. font-size: 20px;
  477. text-align: justify;
  478. width:80%;
  479. margin:auto;
  480. letter-spacing: -2px;
  481. line-height: 25px;
  482. text-transform: none; }
  483.  
  484.  
  485. .source {
  486. font-family: {font:Tags Font};
  487. font-style:italic;
  488. font-size: 10px;
  489. text-align: justify;
  490. letter-spacing: 1px;
  491. line-height: 12px;
  492. text-align:right;
  493. text-transform: none;
  494. text-indent: 15px; }
  495.  
  496. .source a:link, a:active, a:visited {
  497. color: {color:Link};
  498. text-decoration:none; }
  499.  
  500. .question {
  501. background-color:{color:Signature Color};
  502. margin-top:0px;
  503. padding:10px;
  504. color:{color:Borders};
  505. text-shadow:none;
  506. font-family: {font:Title Font};
  507. font-size:10px; }
  508.  
  509. .answer {
  510. background-color:{color:Borders};
  511. margin-top:0px;}
  512.  
  513. .asker {
  514. font-size:7pt;
  515. text-transform:uppercase;
  516. color:{color:Bold}:
  517. text-align:left;
  518. font-family:{font:Tags};
  519. margin-bottom:-5px;
  520. margin-left:10px;}
  521.  
  522.  
  523. .reblogged {
  524. float:left;
  525. opacity:0.0;
  526. height:10px;
  527. margin:0px 5px 0px 5px; }
  528.  
  529. .entriesborder:hover .reblogged {
  530. border:2px solid {color:Borders};
  531. float:left;
  532. height:40px;
  533. width:40px;
  534. opacity:1.0;
  535. margin:5px;
  536. -webkit-transition: all 0.4s ease-in-out;
  537. -moz-transition: all 0.4s ease-in-out;
  538. -o-transition: all 0.4s ease-in-out;
  539. transition: all 0.4s ease-in-out;}
  540.  
  541. /* AUDIO POSTS */
  542.  
  543. .playbutton {
  544. width: 20px;
  545. height: 20px;
  546. overflow: hidden;
  547. position: relative;
  548. opacity:0.5;
  549. left:32px;
  550. top:32px;
  551. z-index: 1000; }
  552.  
  553. .cover {
  554. position: relative;
  555. z-index: 1;
  556. width:100px;
  557. height:100px;
  558. margin:5px;
  559. -webkit-border-radius: 20px;
  560. -moz-border-radius: 20px;
  561. border-radius: 20px;
  562. box-shadow:{color:Body Dark Shadow} 0px 0px 7px; }
  563.  
  564. .playbox {background-color: #FFFFFF;
  565. position: absolute;
  566. z-index: 1000;
  567. opacity:0.5;
  568. width:90px;
  569. height:90px;
  570. margin-left:10px;
  571. margin-top:10px;
  572. transition-duration: 0.6s;
  573. -moz-transition-duration: 0.6s;
  574. -webkit-transition-duration: 0.6s;
  575. -o-transition-duration: 0.6s;
  576. -webkit-border-radius: 20px;
  577. -moz-border-radius: 20px;
  578. border-radius: 20px;}
  579.  
  580. .playbox:hover {
  581. opacity:0.9; }
  582.  
  583. .playbutton:hover {
  584. opacity:1.0; }
  585.  
  586. .audiocaption {
  587. width:200px;
  588. height:100px;
  589. overflow:auto;
  590. padding:10px;
  591. font-size:8pt;
  592. -webkit-border-radius: 20px;
  593. -moz-border-radius: 20px;
  594. border-radius: 20px; }
  595.  
  596. /* PAGINATION */
  597.  
  598.  
  599.  
  600. .pagination {
  601. display: none; }
  602.  
  603.  
  604.  
  605.  
  606. </style>
  607.  
  608.  
  609.  
  610. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  611.  
  612. <script type="text/javascript">
  613. WebFontConfig = {
  614. google: { families: [ 'Amatic+SC::latin' ] }
  615. };
  616. (function() {
  617. var wf = document.createElement('script');
  618. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  619. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  620. wf.type = 'text/javascript';
  621. wf.async = 'true';
  622. var s = document.getElementsByTagName('script')[0];
  623. s.parentNode.insertBefore(wf, s);
  624. })(); </script>
  625.  
  626.  
  627.  
  628. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  629.  
  630. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  631.  
  632. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  633.  
  634.  
  635.  
  636. <script>
  637. $(function(){
  638. var $container = $('#entrywhole');
  639. $container.imagesLoaded(function(){
  640. $container.masonry({
  641. itemSelector: '.entriesborder',
  642. });
  643. });
  644. $container.infinitescroll({
  645. itemSelector : ".entriesborder",
  646. navSelector : "div.pagination",
  647. nextSelector : ".pagination a#next",
  648. loadingImg : "",
  649. loadingText : "<em>loading...</em>",
  650. bufferPx : 10000,
  651. extraScrollPx: 12000,
  652. },
  653. // trigger Masonry as a callback
  654. function( newElements ) {
  655. var $newElems = $( newElements ).css({ opacity: 0 });
  656. // ensure that images load before adding to masonry layout
  657. $newElems.imagesLoaded(function(){
  658. $newElems.animate({ opacity: 1 });
  659. $container.masonry( 'appended', $newElems, true );
  660. });
  661. }
  662. );
  663. });
  664. </script>
  665.  
  666.  
  667.  
  668.  
  669.  
  670. </head>
  671. <body>
  672.  
  673. <div class="pagination">
  674. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">Back</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  675. </div>
  676.  
  677.  
  678. <div class="hover">
  679. <div id="blogtitle">
  680. {Title}
  681. </div>
  682.  
  683.  
  684. <div id="sidebar">
  685. <div align="center">
  686. <div id="sidebarimg">
  687. </div> <!-- END SIDEBAR IMG -->
  688. </div> <!-- END DIV CENTER -->
  689. <div id="sbpadding">
  690. <img src="{PortraitURL-64}" style="border:3px solid {color:Borders};float:left;margin:3px;" />{Description}
  691. <p>
  692. <div class="navigation">
  693. <a href="{text:Link 1 URL}">{text:Link 1}</a><br>
  694. <a href="{text:Link 2 URL}">{text:Link 2}</a><br>
  695. <a href="{text:Link 3 URL}">{text:Link 3}</a><br>
  696. <a href="{text:Link 4 URL}">{text:Link 4}</a><br>
  697. <a href="{text:Link 5 URL}">{text:Link 5}</a><br>
  698. <a href="http://sarahcaths.tumblr.com" target="_blank">Theme</a>
  699. </div> <!-- END NAVIGATION -->
  700. <p>
  701.  
  702. </div> <!-- END SIDEBAR PADDING -->
  703. </div> <!-- END SIDEBAR -->
  704. </div> <!-- END HOVER -->
  705.  
  706.  
  707.  
  708.  
  709. <div id="entrywhole">
  710. <div class="autopagerize_page_element">
  711. {block:Posts}
  712.  
  713. <div class="entriesborder">
  714. <div class="entries">
  715. <div class="info" style="text-align: center;">
  716. {block:Date}<a href="{Permalink}">posted {TimeAgo}</a>{/block:Date}
  717. {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</a> <p>
  718. <div class="tags">
  719. {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}
  720. </div>
  721. </div> <!--END INFO -->
  722.  
  723. {block:Text}
  724. {block:Title}
  725. <div class="ttitle">{Title}</div>
  726. {/block:Title}
  727. {Body}
  728. {/block:Text}
  729.  
  730. {block:Photo}
  731. {block:IndexPage}
  732. <img class="photo" width="250" src="{PhotoURL-400}" alt="{PhotoAlt}" />
  733. {/block:IndexPage}
  734. {block:PermalinkPage}
  735. <img class="photo" width="500" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  736. {/block:PermalinkPage}
  737. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  738. {/block:Photo}
  739.  
  740. {block:Photoset}
  741. {block:IndexPage}
  742. {Photoset-250}
  743. {/block:IndexPage}
  744. {block:PermalinkPage}
  745. {Photoset-500}
  746. {/block:PermalinkPage}
  747. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  748. {/block:Photoset}
  749.  
  750. {block:Quote}
  751. <div class="quote">{Quote}</div>
  752. <p>
  753. <div class="source">{block:Source}- {Source}{/block:Source}</div>
  754. {/block:Quote}
  755.  
  756. {block:Link}
  757. <a href="{URL}" target="{Target}" class="ttitle"> {Name} (x) </a>
  758. {block:Description} {Description} {/block:Description}
  759. {/block:Link}
  760.  
  761. {block:Chat}
  762. {block:Title} <div class="ttitle">{Title}</div> {/block:Title}
  763. {block:Lines} <div style="font-family: georgia;font-style:italic;font-size:10px;line-height:12px;margin:0;padding:0;">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div><br>
  764.  
  765. {/block:Lines}
  766. {/block:Chat}
  767.  
  768.  
  769. {block:Audio}
  770. <table><tr><td width="20%" vAlign="middle">
  771. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  772. {block:AlbumArt}
  773. <img src="{AlbumArtURL}" class="cover">
  774. {/block:AlbumArt}
  775. </td><td width="80%" vAlign="middle">
  776. <div class="audiocaption">
  777. {block:Artist}
  778. {Artist}
  779. {/block:Artist}<p>
  780. {block:TrackName}
  781. <i>{TrackName}</i>
  782. {/block:TrackName}<p>
  783. {PlayCountWithLabel}
  784. </td></tr></table>
  785. {/block:Audio}
  786.  
  787. {block:Video}
  788. {block:IndexPage}
  789. {Video-250}
  790. {/block:IndexPage}
  791. {block:PermalinkPage}
  792. {Video-500}
  793. {/block:PermalinkPage}
  794. {block:Caption}{Caption}{/block:Caption}
  795. {/block:Video}
  796.  
  797. {block:Answer}
  798. <div class="asker">
  799. {Asker} asked,</div>
  800. <div class="question">
  801. {Question}</div>
  802. <div class="answer">{Answer}</div>
  803. {/block:Answer}
  804.  
  805. {/block:IndexPage}
  806.  
  807.  
  808. {block:PermalinkPage}
  809. {block:ContentSource} Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>{/block:ContentSource}
  810. {block:PostNotes}
  811. {PostNotes}
  812. {/block:PostNotes}
  813. {/block:PermalinkPage}
  814.  
  815. </div> <!-- END ENTRIES -->
  816. </div> <!-- END ENTRIESBORDER -->
  817. {/block:Posts}
  818. </div> <!-- END AUTHORIZE ELEMENT -->
  819. </div> <!-- END ENTRYWHOLE -->
  820.  
  821.  
  822.  
  823.  
  824. </body>
  825. </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!