API tools faq
paste
Advertisement
damadellago

Rainy 3-4 columns V1.5

damadellago
Mar 31st, 2012
5,270
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.71 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. <!--
  4. +++++++++++++++++++++++++++
  5. Theme by:Lady of the Lake
  6. damadellago.tumblr.com
  7. +++++++++++++++++++++++++++
  8. -->
  9.  
  10. <html>
  11. <head>
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}"/>
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey|Berkshire+Swash|Josefin+Slab' rel='stylesheet' type='text/css'>
  17. {text:Meta tags}
  18. {block:Hidden}
  19.  
  20. <meta name="if:Show portrait photo" content="1" />
  21. <meta name="if:Enable endless scrolling" content="0" />
  22. <meta name="if:Caption on Index" content="0" />
  23. <meta name="if:Static Menu" content="1" />
  24. <meta name="if:Show People I Follow" content="0" />
  25. <meta name="if:3 columns" content="1" />
  26. <meta name="text:Text size" content="9" />
  27. <meta name="if:Static background" content="0" />
  28. <meta name="if:Like on posts" content="0" />
  29. <meta name="font:Type" content="arial, sans-serif"/>
  30. <meta name="if:Resize image" content="0" />
  31. <meta name="text:Image Width" content="200" />
  32. <meta name="text:Image Height" content="250" />
  33. <meta name="text:Link1" content="Archive" />
  34. <meta name="text:Link1 Url" content="/archive" />
  35. <meta name="text:Link2" content="Random" />
  36. <meta name="text:Link2 Url" content="/random" />
  37. <meta name="text:Link3" content="" />
  38. <meta name="text:Link3 Url" content="" />
  39. <meta name="text:Link4" content="" />
  40. <meta name="text:Link4 Url" content="" />
  41. <meta name="text:Link5" content="" />
  42. <meta name="text:Link5 Url" content="" />
  43. <meta name="text:Link6" content="" />
  44. <meta name="text:Link6 Url" content="" />
  45. <meta name="text:Link7" content="" />
  46. <meta name="text:Link7 Url" content="" />
  47. <meta name="text:Link8" content="" />
  48. <meta name="text:Link8 Url" content="" />
  49. <meta name="text:Link9" content="" />
  50. <meta name="text:Link9 Url" content="" />
  51. <meta name="text:Link10" content="" />
  52. <meta name="text:Link10 Url" content="" />
  53. <meta name="color:Background" content="#a3d4db">
  54. <meta name="color:Shadow" content="#CCCCCC">
  55. <meta name="color:Font" content="#080b15">
  56. <meta name="color:Post Background" content="#2d889d">
  57. <meta name="color:Post Background2" content="#62bbc9">
  58. <meta name="color:Sidebar" content="#84c17b">
  59. <meta name="color:Sidebar Menu" content="#0281ae">
  60. <meta name="color:Links Font" content="#d5e2e8">
  61. <meta name="color:Links Font Hover" content="#FFFFFF">
  62. <meta name="color:Sidebar Menu Hover" content="#029cd2">
  63. <meta name="color:Menu" content="#202020">
  64. <meta name="color:Color1" content="#FFFFFF">
  65. <meta name="color:Color2" content="#13cddf">
  66. <meta name="color:Color3" content="#91cd8f">
  67. <meta name="color:Color4" content="#34abb1">
  68. <meta name="color:Color5" content="#72e3e9">
  69. <meta name="color:Color6" content="#77bc79">
  70. <meta name="color:Color7" content="#60aeb5">
  71. <meta name="color:Color8" content="#bafaff">
  72. <meta name="image:Background" content="http://static.tumblr.com/xeob1hy/CkIm1q4qu/rain-bg.png">
  73. <meta name="image:Portrait" content="http://static.tumblr.com/xeob1hy/Rmfm1q4qd/linkmak.png">
  74. <meta name="image:Top" content="http://static.tumblr.com/ikkgisy/Vnom6p4c2/rain.png">
  75. <meta name="color:Top" content="">
  76. {/block:Hidden}
  77. <style type="text/css">
  78.  
  79. /* - - - - - - Main - - - - - - */
  80. body {
  81. background-image:url({image:Background});
  82. background-color:{color:Background};
  83. {block:IfStaticBackground}background-position: fixed;background-attachment:fixed;{/block:IfStaticBackground}
  84. margin:0px;
  85. color:{color:Font};
  86. font-family: {font:Type};
  87. font-size: {text:Text size}px;
  88. font-size: 7pt;
  89. line-height: 15px;
  90. letter-spacing: 0px;
  91. }
  92.  
  93. #wrapper{
  94. width:100%;
  95. margin-left:0px;
  96. position:absolute;
  97. margin-top:0px;
  98. }
  99.  
  100. #content {
  101. margin-left:550px;
  102. margin-top:0px;
  103. padding:5px;
  104. position:absolute;
  105. {block:If3columns}width:700px;{/block:If3columns}
  106. {block:IfNot3columns}width:900px;{/block:IfNot3columns}
  107. }
  108.  
  109. /* - - - - - - Top&Menu&Sidebar - - - - - - */
  110. #top{
  111. width:100%;
  112. height:20px;
  113. margin-left:0px;
  114. position:absolute;
  115. margin-top:0px;
  116. z-index:888;
  117. background-image:url({image:Top});
  118. background-color:{color:Top};
  119. {block:IfNotStaticMenu}position:absolute;{/block:IfNotStaticMenu}
  120. {block:IfStaticMenu}position:fixed;{/block:IfStaticMenu}
  121. }
  122.  
  123. #menu{
  124. margin-left:454px;
  125. opacity: .9;
  126. margin-top:0px;
  127. width:80px;
  128. padding:5px;
  129. padding-top:30px;
  130. padding-bottom:20px;
  131. background-color: {color:Menu};
  132. -moz-border-radius: 0px 0px 70px 70px;
  133. -webkit-border-radius: 0px 0px 70px 70px;
  134. -o-border-radius: 0px 0px 70px 70px;
  135. border-radius: 0px 0px 70px 70px;
  136. {block:IfNotStaticMenu}position:absolute;{/block:IfNotStaticMenu}
  137. {block:IfStaticMenu}position:fixed;{/block:IfStaticMenu}
  138. }
  139.  
  140. a.block {
  141. display:inline;
  142. text-align: center;
  143. padding:3px;
  144. margin:3px;
  145. position:relative;
  146. background-color:{color:Color4};
  147. display: inline-block;
  148. font-family : century Gothic, arial;
  149. color: {color:Links Font};
  150. font-weight: bold;
  151. line-height: 40px;
  152. width: 40px;
  153. height: 40px;
  154. border-radius: 50px 0px 50px 50px;
  155. -webkit-border-radius: 50px 0px 50px 50px;
  156. -moz-border-radius: 50px 0px 50px 50px;
  157. -o-border-radius:50px 0px 50px 50px;
  158. -webkit-transition: all .9s ease;
  159. -moz-transition: all .9s ease;
  160. -o-transition: all .9s ease;
  161. }
  162.  
  163. a.block:hover {
  164. color: {color:Links Font Hover};
  165. background-color:{color:Color5};
  166. line-height:25px;
  167. -webkit-transition: all .9s ease;
  168. -moz-transition: all .9s ease;
  169. -o-transition: all .9s ease;
  170. text-shadow:0px 0px 5px {color:Shadow};
  171. }
  172.  
  173. #sidebar{
  174. background-color:{color:Sidebar};
  175. margin-left:240px;
  176. margin-top:0px;
  177. {block:IfNotStaticMenu}position:absolute;{/block:IfNotStaticMenu}
  178. {block:IfStaticMenu}position:fixed;{/block:IfStaticMenu}
  179. width:200px;
  180. padding:7px;
  181. padding-bottom:70px;
  182. padding-top:30px;
  183. text-align:justify;
  184. -moz-border-radius: 0px 0px 100px 100px;
  185. -webkit-border-radius:0px 0px 100px 100px;
  186. -o-border-radius:0px 0px 100px 100px;
  187. border-radius:0px 0px 100px 100px;
  188. z-index:777;
  189. }
  190.  
  191. .side {
  192. width:85px;
  193. display:inline;
  194. font-weight: bold;
  195. text-align: left;
  196. padding:4px;
  197. margin:2px;
  198. float:left;
  199. display: inline-block;
  200. background-color:{color:Sidebar Menu};
  201. color: {color:Links Font};
  202. text-transform: uppercase;
  203. -webkit-transition: all .7s ease-in;
  204. -moz-transition: all .7s ease-in;
  205. -o-transition: all .7s ease-in;
  206. }
  207.  
  208. .side:hover {
  209. background-color: {color:Sidebar Menu Hover};
  210. -webkit-transition: all .7s ease-in;
  211. -moz-transition: all .7s ease-in;
  212. -o-transition: all .7s ease-in;
  213. }
  214.  
  215. .portrait{
  216. border: 10px solid {color:color7};
  217. -moz-border-radius: 0px 0px 250px 250px;
  218. -webkit-border-radius: 0px 0px 250px 250px;
  219. -o-border-radius: 0px 0px 250px 250px;
  220. border-radius: 0px 0px 250px 250px;
  221. width: {text:Image Width}px;
  222. height: {text:Image Height}px;
  223. {block:IfResizeImage}background-size:{text:Image Width}px {text:Image Height}px;{/block:IfResizeImage}
  224. margin: 0px;
  225. background-image: url({image:Portrait});
  226. -webkit-transition: all 1s ease;
  227. -moz-transition: all 1s ease;
  228. -o-transition: all 1s ease;
  229. }
  230.  
  231. .portrait:hover{
  232. -moz-border-radius: 0px 0px 0px 0px;
  233. -webkit-border-radius: 0px 0px 0px 0px;
  234. -o-border-radius: 0px 0px 0px 0px;
  235. border-radius: 0px 0px 0px 0px;
  236. -webkit-transition: all 1s ease;
  237. -moz-transition: all 1s ease;
  238. -o-transition: all 1s ease;
  239. }
  240.  
  241. .portrait2{
  242. margin-left:20px;
  243. margin-top:0px;
  244. {block:IfNotStaticMenu}position:absolute;{/block:IfNotStaticMenu}
  245. {block:IfStaticMenu}position:fixed;{/block:IfStaticMenu}
  246. -moz-border-radius: 0px 0px 250px 250px;
  247. -webkit-border-radius: 0px 0px 250px 250px;
  248. -o-border-radius: 0px 0px 250px 250px;
  249. border-radius: 0px 0px 250px 250px;
  250. width: {text:Image Width}px;
  251. height: {text:Image Height}px;
  252. }
  253.  
  254. .following {margin:3px;-moz-border-radius: 16px;
  255. -webkit-border-radius: 16px;
  256. -o-border-radius: 16px;
  257. border-radius: 16px;}
  258.  
  259. #pagi {
  260. margin:10px; width:200px;
  261. float:left;
  262. }
  263.  
  264. .pagina{
  265. position:relative;margin:3px;
  266. background-color: {color:Color4};
  267. display: inline-block;
  268. padding: 3px;
  269. color: {color:Color5};
  270. -moz-border-radius: 5px;
  271. -webkit-border-radius: 5px;-o-border-radius: 5px;
  272. border-radius: 5px;
  273. }
  274.  
  275. /* - - - - - - Posts - - - - - - */
  276. .container{
  277. background-color: {color:Post Background};
  278. text-align: justify;
  279. float:left;
  280. margin: 5px;
  281. padding:10px;
  282. {block:IndexPage}width:250px;overflow:hidden;{/block:IndexPage}
  283. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  284. -moz-border-radius: 3px;
  285. -webkit-border-radius: 3px;
  286. -o-border-radius: 3px;
  287. border-radius: 3px;
  288. }
  289.  
  290. #notes {
  291. background-color: {color:Post Background};
  292. width:505px;
  293. float:left;
  294. margin-top: 10px;
  295. margin-bottom: 10px;
  296. padding:10px;
  297. -moz-border-radius: 5px;
  298. -webkit-border-radius: 5px;
  299. -o-border-radius: 5px;
  300. border-radius: 5px;
  301. position:relative;
  302. }
  303.  
  304. ol.notes {
  305. list-style:none;
  306. padding:10px;
  307. }
  308.  
  309. h1 {
  310. color: {color:color2};
  311. font-family: 'Berkshire Swash', cursive;
  312. font-size: 15px;
  313. font-weight: normal;
  314. font-style:italic;
  315. letter-spacing: 3px;
  316. text-align: center;
  317. margin-top: 10;
  318. margin-bottom: 10;
  319. padding-right: 0px;
  320. border-bottom: 5px solid {color:Menu};
  321. }
  322.  
  323. h2 {
  324. color: {color:Color1};
  325. font-size: 12pt;
  326. font-family: 'Josefin Slab', serif;
  327. font-style: italic;
  328. text-align: center;
  329. margin: 0;
  330. letter-spacing: 3px;
  331. line-height: 4pt;
  332. padding-right: 0px;
  333. border-bottom: 5px solid {color:Menu};
  334. text-shadow:0px 0px 0px;
  335. }
  336.  
  337. h2:first-letter {
  338. color: {color:Color3};
  339. font-family: 'Happy Monkey', cursive;
  340. font-size: 15pt;
  341. font-weight: normal;
  342. text-transform: uppercase;
  343. font-style: italic;
  344. }
  345.  
  346. .notescount {
  347. background-color:{color:Color6};
  348. float:left;
  349. text-align:center;
  350. font-size:10px;
  351. width:250px;
  352. height:0px;
  353. margin-top:20px;
  354. overflow:hidden;
  355. z-index:999;
  356. position:absolute;
  357. -moz-border-radius: 0px 0px 10px 10px;
  358. -webkit-border-radius: 0px 0px 10px 10px;
  359. -o-border-radius: 0px 0px 10px 10px;
  360. border-radius: 0px 0px 10px 10px;
  361. -webkit-transition: all .5s ease-in;
  362. -moz-transition: all .5s ease-in;
  363. -o-transition: all .5s ease-in;
  364. }
  365.  
  366. .notescount a{
  367. color:{color:Color1}
  368. }
  369.  
  370. #post:hover .notescount {
  371. margin-top:-10px;
  372. height:15px;
  373. -webkit-transition: all .9s ease;
  374. -moz-transition: all .9s ease;
  375. -o-transition: all .9s ease;
  376. }
  377.  
  378. {block:IfLikeonposts}.my-like { background-image: url(http://static.tumblr.com/ikkgisy/Bxmm6ic7e/heart2.gif) !important; height:8px; width:8px; cursor:pointer; display:inline-block;}
  379. .my-liked, .my-like:hover { background-image: url(http://static.tumblr.com/ikkgisy/Pnom6ic7v/heart1.gif) !important; height:8px; width:8px; cursor:pointer; display:inline-block;} {/block:IfLikeonposts}
  380.  
  381. /* - - - - - - Content - - - - - - */
  382. .quo {
  383. font-size:18pt;
  384. font-family: 'Berkshire Swash', cursive;
  385. line-height:20px;
  386. color:{color:Color8};
  387. text-align: center;
  388. }
  389.  
  390. .answer {
  391. margin:0px;
  392. padding:10px;
  393. background:{color:Post Background2};
  394. }
  395.  
  396. .album img {
  397. max-width: 35px;
  398. float: left;
  399. margin-right: 5px;
  400. box-shadow: 0px 0px 6px {color:Shadow};
  401. -webkit-box-shadow: 0px 0px 6px {color:Shadow};
  402. -moz-box-shadow: 0px 0px 6px {color:Shadow};
  403. -moz-border-radius: 6px;
  404. -webkit-border-radius: 6px;
  405. -o-border-radius: 6px;
  406. border-radius: 6px;
  407. -webkit-transition: all 1s ease;
  408. -moz-transition: all 1s ease;
  409. -o-transition: all 1s ease;
  410. }
  411.  
  412. .album img:hover {
  413. opacity:0.5;
  414. -webkit-transition: all 1s ease;
  415. -moz-transition: all 1s ease;
  416. -o-transition: all 1s ease;
  417. }
  418.  
  419. #chat ul {
  420. list-style:none;
  421. padding:5px;
  422. }
  423.  
  424. #chat ul li.odd {
  425. background:{color:Post Background2};
  426. }
  427.  
  428. #chat li {
  429. padding: 2px;
  430. list-style-type: none;
  431. }
  432.  
  433. .source {
  434. margin:0px 10px 0px 0px;
  435. text-align:left;
  436. letter-spacing:0px;
  437. }
  438.  
  439. blockquote {
  440. margin:auto;
  441. padding:1px;
  442. border-left: 3px {color:Color4} solid;
  443. }
  444.  
  445. /* - - - - - - General - - - - - - */
  446. b,u,i,s {
  447. color: {color:color2};
  448. font-weight: bold;
  449. }
  450.  
  451. a {
  452. text-decoration: none;
  453. color: {color:Links Font};
  454. }
  455.  
  456. a:hover {
  457. color:{color:Links Font Hover};
  458. text-shadow:0px 0px 5px {color:Shadow};
  459. }
  460.  
  461. ::-webkit-scrollbar {
  462. width: 7px;
  463. background-color: {color:Color4};
  464. }
  465.  
  466. ::-webkit-scrollbar-thumb:vertical {
  467. background-color: {color:Color5};
  468. }
  469.  
  470. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none!important;}
  471.  
  472. a.install {
  473. width: 96px;
  474. height: 20px;
  475. background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);
  476. display: block;
  477. position: absolute;
  478. top: 26px;
  479. right: 3px;
  480. z-index:999;
  481. -webkit-transition: all 1s ease;
  482. -moz-transition: all 1s ease;
  483. -o-transition: all 1s ease;
  484. opacity: 0.4;
  485. }
  486.  
  487. a.install:hover {
  488. -webkit-transition: all 1s ease;
  489. -moz-transition: all 1s ease;
  490. -o-transition: all 1s ease;
  491. opacity: 1;
  492. }
  493.  
  494. iframe#tumblr_controls {
  495. top: 0px !important;
  496. right:0px !important;
  497. -webkit-transition: all 1s ease;
  498. -moz-transition: all 1s ease;
  499. -o-transition: all 1s ease;
  500. opacity: 0.4;
  501. }
  502.  
  503. iframe#tumblr_controls:hover {
  504. -webkit-transition: all 1s ease;
  505. -moz-transition: all 1s ease;
  506. -o-transition: all 1s ease;
  507. opacity: 1;
  508. }
  509. {CustomCSS}
  510. </style>
  511. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  512. <script type="text/javascript" src="http://static.tumblr.com/xeob1hy/zz5lzjn0a/top.txt"></script>
  513. {block:IndexPage}
  514.  
  515. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  516. <script src="http://static.tumblr.com/thpaaos/Oznkoyc5z/jquery.scale.js"></script>
  517. {block:IfEnableEndlessScrolling} <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>{/block:IfEnableEndlessScrolling}
  518. <script type="text/javascript">
  519. $(window).load(function () {
  520. $('#content').masonry(),
  521. $('.masonryWrap').infinitescroll({
  522. navSelector : "div.navigation",
  523. // selector for the paged navigation (it will be hidden)
  524. nextSelector : ".navigation a#next",
  525. // selector for the NEXT link (to page 2)
  526. itemSelector : ".container",
  527. // selector for all items you'll retrieve
  528. bufferPx : 10000,
  529. extraScrollPx: 10000,
  530. loadingImg : "",
  531. loadingText : "<em></em>",
  532. },
  533. // call masonry as a callback.
  534. function() { $('#content').masonry({ appendedContent: $(this) }); }
  535. );
  536. });
  537. </script> {/block:IndexPage}
  538. {block:IfLikeonposts}<script> window.onload = function () { document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' ); document.addEventListener( 'click', function ( event ) { var myLike = event.target; if( myLike.className.indexOf( 'my-like' ) > -1 ) { var frame = document.getElementById( 'my-like-frame' ), liked = ( myLike.className == 'my-liked' ), command = liked ? 'unlike' : 'like', reblog = myLike.getAttribute( 'data-reblog' ), id = myLike.getAttribute( 'data-id' ), oauth = reblog.slice( -8 ); frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id; liked ? myLike.className = 'my-like' : myLike.className = 'my-liked'; }; }, false ); }; </script>{/block:IfLikeonposts}
  539. </head>
  540. <body>
  541. <div id="wrapper"><a href="http://damadellago.tumblr.com" class="install"></a>
  542. <div id="top"></div>
  543. <div id="sidebar">
  544. {block:Description}<div id="description">{Description}</div>{/block:Description}
  545.  
  546.  
  547. {block:IfLink3}<a class="side" href="{text:Link3 Url}">{text:Link3}</a>{/block:IfLink3}
  548. {block:IfLink4}<a class="side" href="{text:Link4 Url}">{text:Link4}</a>{/block:IfLink4}
  549. {block:IfLink5}<a class="side" href="{text:Link5 Url}">{text:Link5}</a>{/block:IfLink5}
  550. {block:IfLink6}<a class="side" href="{text:Link6 Url}">{text:Link6}</a>{/block:IfLink6}
  551. {block:IfLink7}<a class="side" href="{text:Link7 Url}">{text:Link7}</a>{/block:IfLink7}
  552. {block:IfLink8}<a class="side" href="{text:Link8 Url}">{text:Link8}</a>{/block:IfLink8}
  553. {block:IfLink9}<a class="side" href="{text:Link9 Url}">{text:Link9}</a>{/block:IfLink9}
  554. {block:IfLink10}<a class="side" href="{text:Link10 Url}">{text:Link10}</a>{/block:IfLink10}
  555.  
  556.  
  557.  
  558. {block:IfShowPeopleIFollow}
  559. {block:Following}
  560. <div id="following">
  561. {block:Followed}<a href="{FollowedURL}"><img class="following" alt="{FollowedName}" src="{FollowedPortraitURL-16}" /></a>{/block:Followed}
  562. </div>
  563. {/block:Following}
  564. {/block:IfShowPeopleIFollow}
  565.  
  566. <div id="description"> {block:Pagination}<div id="pagi" class="navigation"><p id="page_nav">
  567. {block:PreviousPage}
  568. <a class="pagina" href="{PreviousPage}">«</a>
  569. {/block:PreviousPage}
  570. {block:JumpPagination length="5"}
  571. {block:CurrentPage}
  572. <span class="pagina">{PageNumber}</span>
  573. {/block:CurrentPage}
  574. {block:JumpPage}
  575. <a class="pagina" href="{URL}">{PageNumber}</a>
  576. {/block:JumpPage}
  577. {/block:JumpPagination}
  578. {block:NextPage}
  579. <a class="pagina" id="next" href="{NextPage}">»</a>
  580. {/block:NextPage}</div></p>
  581. {/block:Pagination}
  582. </div>
  583. </div>
  584. <div id="menu">
  585.  
  586. <!-- Navigation -->
  587. <center> <a class="block" href="/">Home</a>
  588. {block:IfLink1}<a class="block" href="{text:Link1 Url}">{text:Link1}</a>{/block:IfLink1}
  589. {block:IfLink2}<a class="block" href="{text:Link2 Url}">{text:Link2}</a>{/block:IfLink2}
  590. {block:AskEnabled}<a class="block" href="/ask">Ask</a>{/block:AskEnabled}
  591. {block:SubmissionsEnabled} <a class="block" href="/submit">Submit</a>{/block:SubmissionsEnabled}
  592. <a target="_blank" class="block" href="http://damadellago.tumblr.com">Theme</a></center>
  593. <!-- End navigation --></div>
  594.  
  595. {block:IfShowPortraitPhoto}<center><div class="portrait2"><div class="portrait"></div></div><br></center>{/block:IfShowPortraitPhoto}
  596. <div id="content">
  597.  
  598. {block:Posts}
  599. <div class="container"><div id="post">
  600. {block:IndexPage}<a href="{Permalink}"><h2> {Month} {DayOfMonth} {Year}, {12Hour}{AmPm}</h2></a><br>{/block:IndexPage}
  601.  
  602. {block:Text}
  603. {block:Title}<h1>{Title}</h1><br>{block:Title}
  604. {block:IndexPage}{Body}{/block:IndexPage}
  605. {block:PermalinkPage}{Body}{/block:PermalinkPage}
  606. {/block:Text}
  607.  
  608. {block:Photo}
  609. {block:IndexPage}<center><a href="{permalink}"><img class="pic" src="{PhotoURL-250}" alt="{PhotoAlt}"/></a></center>{block:IfCaptionOnIndex}{block:Caption}{Caption}{/block:Caption}{/block:IfCaptionOnIndex}{/block:IndexPage}
  610. {block:PermalinkPage}<center>{LinkOpenTag}<img src="{PhotoURL-500}" class="pic" alt="{PhotoAlt}"/>{LinkCloseTag}<br></center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  611. {/block:Photo}
  612.  
  613. {block:Photoset}
  614. {block:IndexPage}<center>{Photoset-250}</center>{block:IfCaptionOnIndex}{block:Caption}{Caption}{/block:Caption}{/block:IfCaptionOnIndex}{/block:IndexPage}
  615. {block:PermalinkPage}<center>{Photoset-500}</center>{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:PermalinkPage}
  616. {/block:Photoset}
  617.  
  618. {block:Quote}
  619. <p class="quo">"{Quote}"</p>
  620. {block:Source}<p class="source">&nbsp; &nbsp;— {Source}</p>{/block:Source}
  621. {/block:Quote}
  622.  
  623. {block:Link}
  624. {block:IndexPage}<h1><a href="{URL}" target="blank">{Name} &#8599;</a></h1>{block:IfCaptionOnIndex}{block:Description}<p>{Description}</p>{/block:Description}<br>
  625. {block:source}<p>{Source}</p>{/block:Source}{block:IfCaptionOnIndex}{/block:IndexPage}
  626. {block:PermalinkPage}<h1><a href="{URL}" target="blank">{Name} &#8599;</a></h1><br>{block:Description}<p>{Description}</p>{/block:Description}<br>
  627. {block:source}<p>{Source}</p>{/block:Source}{block:PermalinkPage}
  628. {/block:Link}
  629.  
  630. {block:Chat}
  631. {block:Title}<h1>{Title}</h1><br>{block:Title}<div id="chat"><ul>
  632. {block:Lines}
  633. <li class="{Alt} user_{UserNumber}">
  634. {block:Label}
  635. <span class="label">{Label}</span>
  636. {/block:Label}
  637. {Line}
  638. </li>
  639. {/block:Lines}
  640. </ul></div>
  641. {/block:Chat}
  642.  
  643. {block:Video}
  644. {block:IndexPage}<center>{Video-250}</center>{block:IfCaptionOnIndex}{block:Caption}{Caption}{/block:Caption}{/block:IfCaptionOnIndex}{/block:IndexPage}
  645. {block:PermalinkPage}<center>{Video-500}</center>{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:PermalinkPage}
  646. {/block:Video}
  647.  
  648. {block:Audio}
  649. {block:AudioEmbed}
  650. {AudioEmbed-500}
  651. {/block:AudioEmbed}
  652. {block:AudioPlayer}
  653. {block:AlbumArt}<div class="album"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  654. <div class="player">{AudioPlayerWhite}</div>
  655. <br> {block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}{/block:Artist} || Times played:{FormattedPlayCount}<br> [[<a title="External source only" href="{ExternalAudioURL}">{lang:Download}</a>]]</span>{/block:ExternalAudio}
  656. {/block:AudioPlayer}
  657. {block:IndexPage}{block:IfCaptionOnIndex}<br><br>{block:Caption}{Caption}{/block:Caption}{/block:IfCaptionOnIndex} {block:IndexPage}{block:PermalinkPage}<br><br>{block:Caption}{Caption}{/block:Caption}{block:PermalinkPage}
  658. {/block:Audio}
  659.  
  660. {block:Answer}<div class="answer">
  661. <center><img class="pic" src="{AskerPortraitURL-48}"><br>{Asker}<br>
  662. {Question}<br></center></div>
  663. <center><br><img class="pic" src="{PortraitURL-48}"><br>
  664. {Answer}</center>{/block:Answer}
  665.  
  666. {block:IndexPage} <div class="notescount">
  667. <a href="{reblogurl}">Reblog</a> {block:IfLikeonposts} / <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div> {/block:IfLikeonposts} {block:NoteCount} / <a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} / <a href="{Permalink}">{timeago}</a></div>
  668. <br>{/block:IndexPage}
  669. </div></div>
  670.  
  671. {block:PermalinkPage}
  672. {block:PostNotes}<div id="notes"><center><br>
  673. Posted {block:Date}<a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}{/block:Date} {block:RebloggedFrom} <br> Via <a href="{ReblogParentURL}">{ReblogParentName}</a> || Source <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}{block:HasTags}<br> <b>Tagged:</b>{block:Tags}
  674. &#9679; <a href="{TagURL}">{Tag}</a>
  675. {/block:Tags}<br>{/block:HasTags}
  676. </center>
  677. <br>{PostNotes}
  678. </div>{/block:PostNotes}{/block:PermalinkPage}
  679. {/block:Posts}
  680. </div>
  681. </body></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!