missdilaurentis

MissDiLaurentis Theme #17

Nov 13th, 2013
2,343
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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.  
  4. <script src="js/jquery-1.7.1.js" type="text/javascript"></script>
  5. <script src="js/jquery.adipoli.min.js" type="text/javascript"></script>
  6. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  7.  
  8. <head><title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <!--
  14. THEME #17 BY JASONDILAURENTS / THEMESBYJASONDILAURENTS
  15.  
  16. http://jasondilaurents.tumblr.com
  17. http://themesbyjasondilaurents.tumblr.com
  18.  
  19. Please do not use as base
  20. Don't claim as your own
  21. Don't remove my credit.
  22.  
  23. Thank you!
  24. -->
  25.  
  26. <!--COLORS-->
  27. <meta name="color:Answer text" content="#000000"/>
  28. <meta name="color:Answer bg" content="#a3a3a3"/>
  29. <meta name="color:Background" content="#ffffff"/>
  30. <meta name="color:Bold" content="#be6c8d"/>
  31. <meta name="color:Blog title" content="#971969"/>
  32. <meta name="color:Description bg" content="#ffffff"/>
  33. <meta name="color:Icon Border" content="#be6c8d"/>
  34. <meta name="color:Info" content="#000000"/>
  35. <meta name="color:Italic" content="#c5a7b3"/>
  36. <meta name="color:Links" content="#e37aa5"/>
  37. <meta name="color:Links Hover" content="#962352"/>
  38. <meta name="color:NavLinks" content="#ffffff"/>
  39. <meta name="color:NavLinks bg" content="#e37aa5"/>
  40. <meta name="color:NavLinks bg hover" content="#ffffff"/>
  41. <meta name="color:NavLinks hover" content="#000000"/>
  42. <meta name="color:Navlinksborder" content="#be6c8d"/>
  43. <meta name="color:Pagination" content="#000000"/>
  44. <meta name="color:Pagination Hover" content="#a4a2a2"/>
  45. <meta name="color:Post background" content="#ffffff"/>
  46. <meta name="color:Post Border" content="#969595"/>
  47. <meta name="color:Post title" content="#000000"/>
  48. <meta name="color:Question BG" content="#dedede"/>
  49. <meta name="color:Question Border" content="#000000"/>
  50. <meta name="color:Question text" content="#000000"/>
  51. <meta name="color:Scrollbar" content="#000000"/>
  52. <meta name="color:Selection" content="#000000"/>
  53. <meta name="color:Selection BG" content="#c97395"/>
  54. <meta name="color:Sidebar Background" content="#ffffff"/>
  55. <meta name="color:Sidebar Border" content="#be6c8d"/>
  56. <meta name="color:Sidebar Text" content="#969595"/>
  57. <meta name="color:Tags" content="#7d7d7d"/>
  58. <meta name="color:Text" content="#7d7d7d"/>
  59.  
  60. <!--IMAGES AND SUBTITLE-->
  61. <meta name="image:Background" content="" />
  62. <meta name="image:Sidebar background" content=""/>
  63.  
  64. <!--NAVIGATION LINKS-->
  65. <meta name="text:Link 1 URL" content=" " />
  66. <meta name="text:Link 1 Title" content="link 1" />
  67. <meta name="text:Link 2 URL" content=" " />
  68. <meta name="text:Link 2 Title" content="link 2" />
  69. <meta name="text:Link 3 URL" content=" " />
  70. <meta name="text:Link 3 Title" content="link 3" />
  71. <meta name="text:Link 4 URL" content=" " />
  72. <meta name="text:Link 4 Title" content="link 4" />
  73. <meta name="text:Link 5 URL" content=" " />
  74. <meta name="text:Link 5 Title" content="link 5" />
  75. <meta name="text:Link 6 URL" content=" " />
  76. <meta name="text:Link 6 Title" content="link 6" />
  77.  
  78. <!--SHOW NAVIGATION LINKS-->
  79. <meta name="if:Show Link1" content="1">
  80. <meta name="if:Show Link2" content="1">
  81. <meta name="if:Show Link3" content="1">
  82. <meta name="if:Show Link4" content="1">
  83. <meta name="if:Show Link5" content="1">
  84. <meta name="if:Show Link6" content="1">
  85.  
  86.  
  87. <!--FONTS-->
  88. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400italic,700italic' rel='stylesheet' type='text/css'>
  89.  
  90. <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  91.  
  92.  
  93. <style type="text/css">
  94.  
  95.  
  96. body {
  97. background:{color:background};
  98. background-image: url('{image:background}');
  99. background-attachment:fixed;
  100. margin:0px;
  101. color:{color:text};
  102. font-family:'pt sans';
  103. font-size:11px;
  104. line-height:100%;}
  105.  
  106.  
  107. /* SCROLLBAR */
  108.  
  109. ::-webkit-scrollbar-thumb:vertical {
  110. height:12px;
  111. border:2px solid;
  112. border-color:{color:background};
  113. background-color:{color:scrollbar};
  114. }
  115. ::-webkit-scrollbar-thumb:horizontal {
  116. background-color:{color:background};
  117. }
  118. ::-webkit-scrollbar {
  119. width:11px;
  120. height:7px;
  121. border:5px solid;
  122. border-color:{color:background};
  123. background-color:{color:scrollbar};
  124. }
  125. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  126. display:block;
  127. height:8px;
  128. border-right:2px solid;
  129. border-left:2px solid;
  130. border-color:{color:background};
  131. background-color:{color:scrollbar};
  132. }
  133.  
  134.  
  135. /* BASICS */
  136.  
  137. a, a:active, a:visited {
  138. transition:0.8s;
  139. -o-transition-transition:0.8s;
  140. -webkit-transition-duration:0.8s;
  141. -moz-transition-duration:0.8s;
  142. text-decoration:none;
  143. color:{color:links};}
  144.  
  145. a:hover {
  146. transition:0.8s;
  147. -o-transition-transition:0.8s;
  148. -webkit-transition-duration:0.8s;
  149. -moz-transition-duration:0.8s;
  150. text-decoration:none;
  151. color:{color:links hover};
  152. background-color:{color:transparent};}
  153.  
  154. blockquote {
  155. padding-left: 5px;
  156. border-left: 2px solid ;border-color:#eee6ea;
  157. max-width:500px;}
  158.  
  159. blockquote blockquote {
  160. padding-left:5px;
  161. border-left:2px solid ;border-color:#eee6ea;
  162. max-width:500px;}
  163.  
  164. b, strong {color:{color:bold};}
  165. i, em {color:{color:italic};}
  166. p{margin-top:5px; margin-bottom:5px}
  167.  
  168. blockquote {
  169. padding:0px;
  170. padding-left:5px;
  171. margin:5px;
  172. margin-top:10px;
  173. margin-bottom:10px;
  174. border-left:2px solid ; border-color:#eee6ea;
  175. max-width:500px;}
  176.  
  177. blockquote img {
  178. max-width:450px}
  179.  
  180. ul, li img {
  181. max-with:300px}
  182.  
  183. h1 {
  184. font-size:12px;
  185. font-family:'calibri';
  186. line-height:100%;
  187. text-transform:none;
  188. font-weight:normal;
  189. font-style:none;
  190. text-align:center;
  191. color:{color:post title};}
  192.  
  193.  
  194. /* POSTS */
  195.  
  196. #entries {
  197. padding:20px;
  198. width:520px;
  199. margin-left:532px;
  200. margin-right:auto;
  201. margin-top:0px;
  202. font-family:'pt sans';
  203. color:{color:Text};
  204. background:{color:entry bg};}
  205.  
  206. #post {
  207. width:500px;
  208. padding-bottom:20px;
  209. padding-top:20px;
  210. padding-left:20px;
  211. padding-right:20px;
  212. margin-top:-10px;
  213. font-family:'calibri';
  214. font-size:10px;
  215. text-transform:none;
  216. color:{color:text};
  217. background-color:{color:post background};
  218. border:1px solid;
  219. border-color:{color:post border};
  220. word-wrap: break-word;}
  221.  
  222. #quote {
  223. font-size: 14pt;
  224. line-height: 15pt;
  225. font-style:italic;
  226. color: {color:text};
  227. font-family: 'Playfair Display';
  228. padding-left: 0px;}
  229.  
  230. #source {
  231. text-align: left;
  232. font-style:none;}
  233.  
  234.  
  235. /* AUDIO */
  236.  
  237. #audioplayer {
  238. z-index:1;
  239. height:100px;
  240. width:100px;
  241. margin-top:11px;
  242. margin-left:10px;
  243. display:block;
  244. overflow:hidden;
  245. position:absolute;
  246. background-color:#000000;
  247. opacity: 0.5;filter:alpha(opacity=60);
  248. -webkit-transition: all 0.7s ease;
  249. -moz-transition: all 0.7s ease;
  250. -o-transition: all 0.7s ease;}
  251.  
  252. #audioplayer:hover {
  253. opacity: 0.5; filter:alpha(opacity=60);}
  254.  
  255. #audioplayerz {
  256. width:25px;
  257. height:25px;
  258. margin-top:35px;
  259. margin-left:35px;
  260. overflow:hidden;
  261. padding:3px;}
  262.  
  263. #albumart {
  264. margin-top:0px;
  265. margin-left:10px;
  266. margin-right:10px;
  267. z-index:0;
  268. float:left;}
  269.  
  270. #audiostuff {
  271. font-family:'Cambria';
  272. color:{color:text};
  273. text-transform:none;
  274. float:left;
  275. text-align:center;
  276. padding:8px;
  277. letter-spacing:1;
  278. font-size:10px;
  279. margin-top:15px;
  280. margin-bottom:10px;
  281. margin-left:110px;
  282. position:absolute;}
  283.  
  284.  
  285. /* CREDIT */
  286.  
  287. .credit {font-family:'calibri'; letter-spacing:1px; font-size:8px; bottom:1px; right:15px; position:fixed; padding:3px; text-align:right; font-weight:normal;}
  288.  
  289. .credit a{font-family:'calibri'; letter-spacing:1px; font-size:8px; bottom:1px; right:15px; position:fixed; padding:3px; text-align:right; font-weight:normal;opacity:0.5;}
  290.  
  291. .credit a:hover{font-family:'calibri'; letter-spacing:1px; font-size:8px; bottom:1px; right:15px; position:fixed; padding:3px; text-align:right; font-weight:normal;background-color:transparent;opacity:1; }
  292.  
  293.  
  294. /* SIDEBAR */
  295.  
  296. #sidebar {
  297. width:480px;
  298. height:100%;
  299. position:fixed;
  300. margin-left:0px;
  301. margin-top:-20px;
  302. padding-top:10px;
  303. padding-bottom:10px;
  304. padding-left:10px;
  305. padding-right:10px;
  306. background:{color:sidebar background};
  307. background-image: url('{image:Sidebar Background}');
  308. background-repeat:repeat;
  309. background-position:bottom;
  310. border-right:3px solid;
  311. border-color:{color:sidebar border};}
  312.  
  313. #title {
  314. margin-top:18px;
  315. font-size:18px;
  316. letter-spacing:1px;
  317. padding:3px;
  318. margin-left:auto;
  319. margin-right:auto;
  320. text-align:center;
  321. margin-bottom:7px;
  322. font-family: 'pt sans';
  323. font-style:italic;
  324. font-weight:normal;
  325. text-transform:none;
  326. color:{color:blog title};}
  327.  
  328. #description {
  329. z-index:999;
  330. position:absolute;
  331. margin-left:60px;
  332. width:328px;
  333. padding:10px;
  334. margin-top:-615px;
  335. text-align:justify;
  336. font-size:11px;
  337. font-family:'pt sans';
  338. color:{color:sidebar text};
  339. background-color:{color:description bg};
  340. border:1px solid;}
  341.  
  342. /* PAGINATION */
  343.  
  344. #pagination {
  345. z-index:9999;
  346. position:fixed;
  347. width:502px;
  348. padding:20px;
  349. font-family:'calibri';
  350. font-style:none;
  351. font-weight:normal;
  352. font-size:8px;
  353. color:{color:pagination};
  354. margin-left:0px;
  355. margin-right:auto;
  356. margin-top:-20px;
  357. text-align:center;
  358. background-color:{color:background};}
  359.  
  360. #pagination a {
  361. text-align:center;
  362. padding:3px;
  363. color:{color:pagination};}
  364.  
  365. #pagination a:hover {
  366. color:{color:pagination hover};}
  367.  
  368.  
  369. /* NAVIGATION LINKS */
  370.  
  371. #Navlinkscontainer{
  372. margin-left:auto;
  373. margin-right:auto;
  374. background-color:transparent;
  375. width:360px;
  376. padding:5px;
  377. height:100%;
  378. margin-top:0px;
  379. text-align:center;
  380. z-index:1;}
  381.  
  382. .Navlinks {
  383. text-align:center;
  384. line-height:13px;
  385. margin-top:0px;
  386. margin-left:auto;
  387. margin-right:auto;
  388. font-family:'calibri';
  389. font-size:8px;
  390. letter-spacing:1px;
  391. font-style:none;
  392. text-transform:uppercase;}
  393.  
  394. .Navlinks a{
  395. white-space:nowrap;
  396. display:inline-block;
  397. color:{color:Navlinks};
  398. background-color:{color:NavLinks bg};
  399. width:80px;
  400. height:12px;
  401. padding:3px;
  402. margin-bottom:3px;
  403. border:1px solid;
  404. border-color:{color:Navlinksborder};
  405. transition:0.3s;
  406. -o-transition-transition:0.3s;
  407. -webkit-transition-duration:0.3s;
  408. -moz-transition-duration:0.3s;}
  409.  
  410. .Navlinks a:hover{
  411. color:{color:Navlinks hover};
  412. letter-spacing:1px;
  413. border-color:{color:Navlinksborder};
  414. background-color:{color:NavLinks bg hover};
  415. transition:0.3s;
  416. -o-transition-transition:0.3s;
  417. -webkit-transition-duration:0.3s;
  418. -moz-transition-duration:0.3s;}
  419.  
  420.  
  421. /* INFO & TAGS */
  422.  
  423. #info {
  424. width:auto;
  425. padding:10px;
  426. height:auto;
  427. position:absolute;
  428. float:right;
  429. display:inline-block;
  430. text-align:center;
  431. text-transform:uppercase;
  432. letter-spacing:2px;
  433. font-family:'calibri';
  434. font-style:none;
  435. font-weight:normal;
  436. font-size:8px;
  437. color:{color:info};
  438. margin-top:-18px;
  439. margin-bottom:55px;
  440. margin-left:540px;
  441. background-color:transparent;}
  442.  
  443. #info a{
  444. color:{color:info};}
  445.  
  446. #info a:hover{
  447. color:{color:links hover};}
  448.  
  449. #tags {
  450. font-family: 'pt sans';
  451. text-transform:none;
  452. text-align:center;
  453. font-size:9px;
  454. font-weight:normal;
  455. font-style:italic;
  456. color:{color:Tags};
  457. margin-top:5px;
  458. padding: 3px 3px 50px 3px;
  459. -webkit-transition: opacity 0.5s linear;
  460. -webkit-transition: all 0.5s ease-in-out;
  461. -moz-transition: all 0.5s ease-in-out;
  462. -o-transition: all 0.5s ease-in-out; }
  463.  
  464. #tags a{
  465. color:{color:tags};}
  466.  
  467. #tags a:hover{
  468. color:{color:links hover};}
  469.  
  470.  
  471. /* QUESTIONS */
  472.  
  473. #allask {
  474. background-color:{color:Question bg};
  475. padding:10px;
  476. border-bottom:3px solid;
  477. border-color:{color:question border};}
  478.  
  479. #question {
  480. background-color: none;
  481. color:{color:Question text};
  482. text-transform:none;
  483. text-align: justify;
  484. font-family: 'cambria';
  485. font-size: 10px;
  486. letter-spacing:1px;
  487. font-style:italic;
  488. margin-left: 60px;
  489. padding: 13px;}
  490.  
  491. #askerportrait {
  492. float:left;
  493. width:48px;
  494. height:48px;
  495. position: absolute;}
  496.  
  497. #answer {
  498. text-align: justify;
  499. background-color: none;
  500. margin-left: 60px;
  501. padding: 13px;}
  502.  
  503.  
  504.  
  505. /* SELECTION */
  506.  
  507. ::selection {color:{color:selection}; background: {color:selection BG};}
  508. ::-moz-selection {color: {color:selection}; background: {color:selection BG};}
  509. ::-webkit-selection {color:{color:selection} ; background:{color:selection BG};}
  510.  
  511.  
  512. {CustomCSS}</style>
  513.  
  514. <!------------------------------------------------------->
  515.  
  516. <style>
  517. .my-like {
  518. cursor:pointer;
  519. display:inline-block;
  520. vertical-align:top;
  521. }
  522. .my-liked, .my-like:hover {
  523. color: red;
  524. cursor:pointer;
  525. display:inline-block;
  526. vertical-align:top;
  527. }
  528. </style>
  529. <script>
  530. window.onload = function () {
  531. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  532. document.addEventListener( 'click', function ( event ) {
  533. var myLike = event.target;
  534. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  535. var frame = document.getElementById( 'my-like-frame' ),
  536. liked = ( myLike.className == 'my-liked' ),
  537. command = liked ? 'unlike' : 'like',
  538. reblog = myLike.getAttribute( 'data-reblog' ),
  539. id = myLike.getAttribute( 'data-id' ),
  540. oauth = reblog.slice( -8 );
  541. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  542. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  543. };
  544. }, false );
  545. };
  546. </script>
  547.  
  548. <!------------------------------------------------------->
  549.  
  550.  
  551. </head><body>
  552.  
  553.  
  554.  
  555. <div id="sidebar">
  556. <div id="title">{Title}</div>
  557. <div id="Navlinkscontainer">
  558. <div class="Navlinks">
  559.  
  560. <span style="float:left;border:3px solid {color:icon border};margin-top:-3px;width:64px;height:64px"><img src="{PortraitURL-64}"></span>
  561.  
  562. <a href="/">home</a>
  563. <a href="/ask">message</a>
  564. <a href="/archive">archive</a>
  565.  
  566. {block:IfShowLink1}<a href="{Text:Link 1 URL}">{Text:Link 1 Title}</a>{/block:IfShowLink1}
  567. {block:IfShowLink2}<a href="{Text:Link 2 URL}">{Text:Link 2 Title}</a>{/block:IfShowLink2}
  568. {block:IfShowLink3}<a href="{Text:Link 3 URL}">{Text:Link 3 Title}</a>{/block:IfShowLink3}
  569.  
  570. {block:IfShowLink4}<a href="{Text:Link 4 URL}">{Text:Link 4 Title}</a>{/block:IfShowLink4}
  571. {block:IfShowLink5}<a href="{Text:Link 5 URL}">{Text:Link 5 Title}</a>{/block:IfShowLink5}
  572. {block:IfShowLink6}<a href="{Text:Link 6 URL}">{Text:Link 6 Title}</a>{/block:IfShowLink6}</div></div></br>
  573.  
  574. <div id="description">{Description}</div></br>
  575. </div>
  576.  
  577.  
  578. <div id="entries">
  579.  
  580. <div id="pagination">
  581. {block:Pagination}
  582. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;{/block:PreviousPage}{block:JumpPagination length="3"}
  583. {block:CurrentPage}<span class="current_page" style="color:{color:pagination hover};padding:2px;">{PageNumber}</span>&nbsp;{/block:CurrentPage}
  584. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;{/block:JumpPage}{/block:JumpPagination}
  585. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  586. {/block:Pagination}</div>
  587.  
  588.  
  589. </br></br></br></br>
  590. {block:Posts}<div id="post">
  591.  
  592.  
  593. <div id="info">
  594. {block:Date} <span style="font-size:18px;font-family:pt sans;font-style:none;text-transform:none;color:{color:info};">
  595. {ShortMonth},{DayOfMonth}{DayOfMonthSuffix}{/block:Date}</span><br><br>
  596.  
  597. <a href="{Permalink}">{NoteCount} notes</a><br>
  598.  
  599. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> / <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">&hearts;</div><br><br>
  600.  
  601. {block:RebloggedFrom}
  602. <a title ="{ReblogParentName}" href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}"></a>&nbsp;&nbsp;
  603. <a title ="{ReblogRootName}" href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}"></a>
  604. {/block:RebloggedFrom}</br>
  605.  
  606. {block:ContentSource}
  607. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  608. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  609. {/block:SourceLogo}
  610. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  611. {/block:ContentSource} </div>
  612.  
  613. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}</span>{/block:Text}
  614.  
  615. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  616.  
  617. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  618.  
  619. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source} <Br><div id="source">—{Source}</div>{/block:Source}{/block:Quote}
  620.  
  621. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  622.  
  623. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  624.  
  625. {block:Audio}
  626. <div id="audioplayer"><div id="audioplayerz">{AudioPlayerBlack}</div></div><br>
  627.  
  628. <div id="albumart">
  629. {block:AlbumArt}<img src="{AlbumArtURL}" width="100" height="100">{/block:AlbumArt} </div>
  630.  
  631. <div id="audiostuff">
  632. {block:TrackName}
  633. {TrackName}<br>
  634. {/block:TrackName}
  635.  
  636. {block:Artist}{Artist}<br>
  637.  
  638. {/block:Artist}
  639. {block:Album}{Album}<br>
  640. {/block:Album}
  641.  
  642. {PlayCountWithLabel}</div></br></br></br></br></br></br></br></br></br></br>
  643. {block:caption}{Caption}{/block:caption}
  644. {/block:Audio}
  645.  
  646. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  647.  
  648. {block:Answer}
  649. <div id="allask">
  650. <div id="askerportrait"><span style="width:48px;height:48px;"><img src="{AskerPortraitURL-48}"></span></div>
  651. <div id="question">{asker}</br>{Question}</br></div></div>
  652. <div style="background-color:{color:answer bg};padding:10px">
  653. <div id="answer">
  654. <span style="position:absolute;margin-left:-73px;margin-top:-12px;float:left;width:48px;height:48px;"><img src="{PortraitURL-48}"></span><span style="color:{color:answer text};">{Answer}</span></div></div>{/block:Answer}</div>
  655.  
  656. <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp; {/block:Tags}{/block:HasTags}</div><br>
  657.  
  658. {/block:Posts}{block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  659.  
  660. <div class="credit"><a href="http://themesbyjasondilaurents.tumblr.com">© JASONDILAURENTS</a></div>
  661.  
  662. </body></html>
RAW Paste Data