elisewhite

Theme 05 w/ Image as Updates Tab

Dec 4th, 2013
132
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.82 KB | None | 0 0
  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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---------------------------------------------------------------------
  9. ----------------- THEME BY ELISE WHITE (MISSCAPALDI) ------------------
  10. -------- PLEASE DO NOT REMOVE THE CREDIT OR USE AS A BASE CODE --------
  11. ------------------- THANKS AND HAVE A LOVELY DAY ;) -------------------
  12. ---------------------------------------------------------------------->
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Text" content="#838282"/>
  16. <meta name="color:Link" content="#b8b8b8"/>
  17. <meta name="color:Image Border" content="#CCCCCC"/>
  18. <meta name="color:Accent Color" content="#d9bfbf"/>
  19. <meta name="color:Link Hover" content="#a55858"/>
  20. <meta name="color:Links Text Hover" content="#7db6af"/>
  21. <meta name="color:Scrollbar" content="#b39797">
  22. <meta name="color:Chat Odd" content="#86b68e">
  23. <meta name="color:Chat Even" content="#957ab4">
  24.  
  25. <meta name="image:Sidebar Image 1" content=""/>
  26. <meta name="image:Sidebar Image 2" content=""/>
  27. <meta name="image:Sidebar Image 3" content=""/>
  28. <meta name="image:Sidebar Image 4" content=""/>
  29. <meta name="image:Opt BG Image" content=""/>
  30.  
  31. <meta name="text:Sidebar Textbox 1" content="">
  32. <meta name="text:Sidebar Textbox 2" content="">
  33. <meta name="text:link1" content="">
  34. <meta name="text:link1 url" content="/">
  35. <meta name="text:link2" content="">
  36. <meta name="text:link2 url" content="/">
  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.  
  46. <meta name="if:BackgroundImage" content="">
  47. <meta name="if:ShowTitle" content="1">
  48. <meta name="if:ShowChristmasLights" content="1">
  49. <meta name="if:RightSidebar" content="">
  50. <meta name="if:RemovePostInfo" content="">
  51.  
  52. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  53.  
  54. <link href='http://fonts.googleapis.com/css?family=Noto+Sans|Crimson+Text:400italic' rel='stylesheet' type='text/css'>
  55.  
  56. <style type="text/css">
  57.  
  58. ::-webkit-scrollbar-thumb{
  59. background-color: {color:scrollbar};
  60. border: 2px solid {color:background};
  61. height:auto;
  62. }
  63.  
  64. ::-webkit-scrollbar {
  65. height:auto;
  66. width:11px;
  67. background-color:{color:scrollbar};
  68. border:5px solid {color:background};
  69. }
  70.  
  71. div#qTip {
  72. padding: 2px;
  73. display: none;
  74. text-align: center;
  75. position: absolute;
  76. font-style:italic;
  77. font-size:8px;
  78. line-height:10px;
  79. font-family:cambria;
  80. text-transform:uppercase;
  81. z-index: 1000;
  82. background: white;
  83. border:1px solid;
  84. border-color:#ebebeb;
  85. color:{color:Link Hover};
  86. letter-spacing: 1px;
  87. margin-top: 5px;
  88. }
  89.  
  90. body {
  91. {block:IfNotBackgroundImage}
  92. background:{color:background};
  93. {/block:IfNotBackgroundImage}
  94.  
  95. {block:IfBackgroundImage}
  96. background-image:url({image:Opt BG Image});
  97. background-attachment:fixed;
  98. {/block:IfBackgroundImage}
  99.  
  100. margin:0px;
  101. color:{color:text};
  102. font-family:Calibri;
  103. font-size:10px;
  104. line-height:100%;
  105. }
  106.  
  107. a {
  108. text-decoration:none;
  109. outline:none;
  110. -moz-outline-style:none;
  111. color:{color:link};
  112. -moz-transition-duration:0.5s;
  113. -webkit-transition-duration:0.5s;
  114. -o-transition-duration:0.5s;
  115. }
  116. a:hover {
  117. color:{color:Link Hover};
  118. -moz-transition-duration:0.5s;
  119. -webkit-transition-duration:0.5s;
  120. -o-transition-duration:0.5s;
  121. }
  122.  
  123. img {
  124. border:none;
  125. }
  126.  
  127. blockquote {
  128. padding-left:5px;
  129. border-left:2px solid;
  130. }
  131.  
  132. blockquote blockquote {
  133. padding-left:5px;
  134. border-left:2px solid;
  135. }
  136.  
  137. h1 {
  138. font-size:9px;
  139. font-family: 'Noto Sans', sans-serif;
  140. font-weight:normal;
  141. text-transform:uppercase;
  142. text-align:center;
  143. margin-bottom:15px;
  144. letter-spacing:1px;
  145. }
  146.  
  147. hr {
  148. border-top: 1px solid #CCCCCC;
  149. border-right: 1px solid #FFFFFF;
  150. border-bottom: 1px solid #FFFFFF;
  151. border-left: 1px solid #FFFFFF;
  152. }
  153.  
  154. #entries {
  155. padding:10px;
  156. width:500px;
  157. margin-left:500px;
  158. margin-top:40px;
  159.  
  160. {block:IfRightSidebar}
  161. margin-left:375px;
  162. {/block:IfRightSidebar}
  163.  
  164. {block:IfBackgroundImage}
  165. background-color:#FFFFFF;
  166. {/block:IfBackgroundImage}
  167. }
  168.  
  169. #post {
  170. width:500px;
  171. padding-bottom:20px;
  172. }
  173.  
  174. .albumcover {
  175. position: relative;
  176. z-index: 1;
  177. height: 80px;
  178. float:left;
  179. border:1px solid {color:Image Border};
  180. padding:4px;
  181. }
  182.  
  183. .playbutton {
  184. width:20px;
  185. height:30px;
  186. overflow: hidden;
  187. position: relative;
  188. z-index: 99;
  189. margin: 15px 24px 13px 16px;
  190. }
  191.  
  192. .musicbin {
  193. background-color: #fff;
  194. position: absolute;
  195. z-index: 99;
  196. margin-top: 15px;
  197. margin-left: 15px;
  198. opacity: 0.2;
  199. -webkit-transition: opacity 0.5s linear;
  200. -webkit-transition: all 0.5s linear;
  201. -moz-transition: all 0.5s linear;
  202. -o-transition: all 0.5s linear;
  203. }
  204. .musicbin:hover {
  205. opacity:0.5;
  206. }
  207.  
  208. .musicinfo {
  209. padding-top:20px;
  210. font-size:12px;
  211. margin-left: 100px;
  212. text-align:center;
  213. margin-top:5px;
  214. min-height:70px;
  215. }
  216.  
  217. .quote {
  218. padding:5px 5px 15px 5px;
  219. text-align:center;
  220. font-size:14px;
  221. letter-spacing:1px;
  222. font-family: 'Crimson Text', serif;
  223. font-style:italic;
  224. }
  225.  
  226. .linkpost {
  227. text-align:center;
  228. padding: 0px 15px 0px 15px;
  229. }
  230.  
  231.  
  232. #sidebar {
  233. width:150px;
  234. position:fixed;
  235. margin-left:250px;
  236. margin-top:200px;
  237.  
  238. {block:IfRightSidebar}
  239. margin-left:950px;
  240. {/block:IfRightSidebar}
  241. }
  242.  
  243. #sidebarimage {
  244. width: 200px;
  245. height:auto;
  246. display:block;
  247. }
  248. #sidebarimage img {
  249. width:65px;
  250. height:auto;
  251. opacity:0.8;
  252. padding:2px 2px 2px 2px;
  253. margin:2px 2px 2px 2px;
  254. border:1px solid {color:Image Border};
  255. }
  256.  
  257. #sidebar:hover #title {
  258. opacity:1;
  259. margin-top:-15px;
  260. -moz-transition-duration:1s;
  261. -webkit-transition-duration:1s;
  262. -o-transition-duration:1s;
  263. }
  264.  
  265. #sidebar:hover #linksfloater {
  266. opacity:1;
  267. -moz-transition-duration:1s;
  268. -webkit-transition-duration:1s;
  269. -o-transition-duration:1s;
  270. }
  271.  
  272. #sidebar:hover #description {
  273. opacity:1;
  274. margin-top:20px;
  275. -moz-transition-duration:1s;
  276. -webkit-transition-duration:1s;
  277. -o-transition-duration:1s;
  278. }
  279.  
  280. #sidebar:hover #paginationleft {
  281. opacity:0.9;
  282. -moz-transition-duration:1s;
  283. -webkit-transition-duration:1s;
  284. -o-transition-duration:1s;
  285. }
  286.  
  287. #sidebar:hover #paginationright {
  288. opacity:0.9;
  289. -moz-transition-duration:1s;
  290. -webkit-transition-duration:1s;
  291. -o-transition-duration:1s;
  292. }
  293.  
  294. #sidebar:hover #textbox1 {
  295. opacity:0.8;
  296. -moz-transition-duration:1s;
  297. -webkit-transition-duration:1s;
  298. -o-transition-duration:1s;
  299. }
  300.  
  301. #sidebar:hover #textbox2 {
  302. opacity:0.8;
  303. -moz-transition-duration:1s;
  304. -webkit-transition-duration:1s;
  305. -o-transition-duration:1s;
  306. }
  307.  
  308. #elements {
  309. margin-top:10px;
  310. -moz-transition-duration:1s;
  311. -webkit-transition-duration:1s;
  312. -o-transition-duration:1s;
  313. }
  314.  
  315. #title {
  316. font-size:9px;
  317. font-family: 'Noto Sans', sans-serif;
  318. font-weight:normal;
  319. text-transform:uppercase;
  320. margin-top:-40px;
  321. letter-spacing:1px;
  322. opacity:0;
  323. position:absolute;
  324. width:150px;
  325. display:block;
  326. padding:2px 0px 2px 0px;
  327. text-align:center;
  328. -moz-transition-duration:1s;
  329. -webkit-transition-duration:1s;
  330. -o-transition-duration:1s;
  331. }
  332.  
  333. #linksfloater {
  334. float:left;
  335. margin-top:-5px;
  336. position:relative;
  337. border-top:1px solid {color:Accent Color};
  338. border-bottom:1px solid {color:Accent Color};
  339. opacity:0;
  340. -moz-transition-duration:1s;
  341. -webkit-transition-duration:1s;
  342. -o-transition-duration:1s;
  343. }
  344.  
  345. #links {
  346. letter-spacing:1px;
  347. font-family:calibri;
  348. width:150px;
  349. line-height:150%;
  350. font-size:11;
  351. text-transform:uppercase;
  352. text-align:center;
  353. font-style:none;
  354. clear:both;
  355. position:relative;
  356. margin-top:0px;
  357.  
  358. -moz-transition-duration:1s;
  359. -webkit-transition-duration:1s;
  360. -o-transition-duration:1s;
  361. }
  362.  
  363. #links a {
  364. width:10px;
  365. margin: 0px 2px 0px 2px;
  366. color:{color:link};
  367. letter-spacing:0px;
  368. padding:1px 5px 1px 5px;
  369. -moz-transition-duration:0.5s;
  370. -webkit-transition-duration:0.5s;
  371. -o-transition-duration:0.5s;
  372. }
  373.  
  374. #links a:hover {
  375. color: {color:Links Text Hover};
  376. font-weight:bold;
  377. -moz-transition-duration:0.5s;
  378. -webkit-transition-duration:0.5s;
  379. -o-transition-duration:0.5s;
  380. }
  381.  
  382. #description {
  383. position:absolute;
  384. text-align:justify;
  385. width:150px;
  386. color: {color:text};
  387. font-family:calibri;
  388. text-transform:none;
  389. font-style:none;
  390. font-size:10px;
  391. line-height:100%;
  392. margin-top:45px;
  393. opacity:0;
  394. -moz-transition-duration:1s;
  395. -webkit-transition-duration:1s;
  396. -o-transition-duration:1s;
  397. }
  398.  
  399. #paginationleft {
  400. position:fixed;
  401. width:65px;
  402. color: {color:text};
  403. font-size:10px;
  404. text-align:center;
  405. text-transform:uppercase;
  406. background-color:#FFFFFF;
  407. line-height:150%;
  408. margin-top:-46px;
  409. margin-left:5px;
  410. opacity:0;
  411. -moz-transition-duration:1s;
  412. -webkit-transition-duration:1s;
  413. -o-transition-duration:1s;
  414. }
  415.  
  416. #paginationleft a {
  417. letter-spacing:1px;
  418. -moz-transition-duration:0.7s;
  419. -webkit-transition-duration:0.7s;
  420. -o-transition-duration:0.7s;
  421. }
  422.  
  423. #paginationleft a:hover {
  424. letter-spacing:3px;
  425. -moz-transition-duration:0.7s;
  426. -webkit-transition-duration:0.7s;
  427. -o-transition-duration:0.7s;
  428. }
  429.  
  430. #paginationright {
  431. position:fixed;
  432. width:65px;
  433. color: {color:text};
  434. font-size:10px;
  435. text-align:center;
  436. text-transform:uppercase;
  437. background-color:#FFFFFF;
  438. line-height:150%;
  439. margin-top:-123px;
  440. margin-left:82px;
  441. opacity:0;
  442. -moz-transition-duration:1s;
  443. -webkit-transition-duration:1s;
  444. -o-transition-duration:1s;
  445. }
  446.  
  447. #paginationright a {
  448. letter-spacing:1px;
  449. -moz-transition-duration:0.7s;
  450. -webkit-transition-duration:0.7s;
  451. -o-transition-duration:0.7s;
  452. }
  453.  
  454. #paginationright a:hover {
  455. letter-spacing:3px;
  456. -moz-transition-duration:0.7s;
  457. -webkit-transition-duration:0.7s;
  458. -o-transition-duration:0.7s;
  459. }
  460.  
  461. #textbox1 {
  462. position:absolute;
  463. width:65px;
  464. height:65px;
  465. background-color:#FFFFFF;
  466. margin-left:5px;
  467. margin-top:-149px;
  468. opacity:0;
  469. -moz-transition-duration:1s;
  470. -webkit-transition-duration:1s;
  471. -o-transition-duration:1s;
  472. }
  473.  
  474. #textbox1-text {
  475. display:table-cell;
  476. vertical-align:middle;
  477. height:65px;
  478. text-align: center;
  479. color: {color:text};
  480. font-size:12px;
  481. font-family: 'Crimson Text', serif;
  482. font-style:italic;
  483. letter-spacing:1px;
  484. }
  485.  
  486. #textbox2 {
  487. position:absolute;
  488. width:65px;
  489. height:65px;
  490. background-color:#FFFFFF;
  491. margin-left:82px;
  492. margin-top:-72px;
  493. opacity:0;
  494. -moz-transition-duration:1s;
  495. -webkit-transition-duration:1s;
  496. -o-transition-duration:1s;
  497. }
  498.  
  499. #textbox2-text {
  500. display:table-cell;
  501. vertical-align:middle;
  502. height:65px;
  503. text-align: center;
  504. color: {color:text};
  505. font-size:12px;
  506. font-family: 'Crimson Text', serif;
  507. font-style:italic;
  508. letter-spacing:1px;
  509. }
  510.  
  511. #info {
  512. font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  513. margin-top:10px;
  514. padding: 5px 0px 5px 0px;
  515. word-spacing:1px;
  516. font-size:7px;
  517. color:{color:text};
  518. text-transform:uppercase;
  519. font-style:normal;
  520. text-align:left;
  521. border-bottom: 1px solid #CCCCCC;
  522. -moz-transition-duration:0.5s;
  523. -webkit-transition-duration:0.5s;
  524. -o-transition-duration:0.5s;
  525. }
  526. #info a {
  527. margin-right:2px;
  528. color:{color:link};
  529. font-style:normal;
  530. }
  531. #info a:hover {
  532. color:{color:link hover};
  533. }
  534.  
  535. .tags {
  536. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  537. width:495px;
  538. text-transform:normal;
  539. line-height:120%;
  540. font-size:9px;
  541. text-align:center;
  542. opacity:0;
  543. padding-top:5px;
  544. padding-bottom:15px;
  545. -moz-transition-duration:0.5s;
  546. -webkit-transition-duration:0.5s;
  547. -o-transition-duration:0.5s;
  548. }
  549.  
  550. #post:hover .tags {
  551. opacity:1;
  552. -moz-transition-duration:0.5s;
  553. -webkit-transition-duration:0.5s;
  554. -o-transition-duration:0.5s;
  555. }
  556.  
  557. #asker {
  558. float:right;
  559. margin-left:5px;
  560. }
  561. #asker img {
  562. border:1px solid {color:Image Border};
  563. padding:2px;
  564. }
  565.  
  566. #answerer {
  567. float:left;
  568. margin-right:5px;
  569. }
  570. #answerer img {
  571. border:1px solid {color:Image Border};
  572. padding:2px;
  573. }
  574.  
  575. .chat .label {
  576. text-transform:uppercase;
  577. font-weight:bold;
  578. }
  579.  
  580. .line_odd .label {color: {color:Chat Odd}}
  581. .line_even .label {color: {color:Chat Even}}
  582.  
  583.  
  584. #credit {
  585. font-size:9px;
  586. font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  587. font-style:italic;
  588. letter-spacing:1px;
  589. }
  590.  
  591. #credit a {
  592. background-color:#fff;
  593. padding:5px;
  594. border-top:1px solid #e9e9e9;
  595. border-bottom:1px solid #e9e9e9;
  596. position:fixed;
  597. right:15px;
  598. bottom:10px;
  599. -moz-transition-duration:1s;
  600. -webkit-transition-duration:1s;
  601. -o-transition-duration:1s;
  602. }
  603.  
  604. #credit a:hover {
  605. color:#fff;
  606. background-color:#747474;
  607. -moz-transition-duration:1s;
  608. -webkit-transition-duration:1s;
  609. -o-transition-duration:1s;
  610. }
  611.  
  612. #container-top-left {
  613. /*don't change anything*/
  614. position:fixed;
  615. left:0px;
  616. top:0px;
  617. z-index:999;
  618. }
  619.  
  620. #container-top-left:hover #text-top-left {
  621. opacity:1; /*don't change*/
  622. /*transition speed: 0.1 = slowest and 1 = fastest*/
  623. -webkit-transition: all .7s ease-in-out;
  624. -moz-transition: all .7s ease-in-out;
  625. -o-transition: all .7s ease-in-out;
  626. }
  627.  
  628. #text-top-left {
  629.  
  630. /*you can change the things below this*/
  631. font-size:10px;
  632. font-family:calibri;
  633. text-align:center;
  634. width:150px; /*how wide the text spans*/
  635. top:125px; /*higher number = farther down on page*/
  636.  
  637. /*don't change anything below this*/
  638. left:50px;
  639. padding:0px 5px 0px 5px;
  640. position:fixed;
  641. opacity:0;
  642.  
  643. /*transition speed: 0.1 = slowest and 1 = fastest*/
  644. -webkit-transition: all .7s ease-in-out;
  645. -moz-transition: all .7s ease-in-out;
  646. -o-transition: all .7s ease-in-out;
  647.  
  648. }
  649.  
  650. #image-top-left img {
  651. /*don't change anything*/
  652. height: auto;
  653. margin:-20px 0px 0px 0px;
  654. width:350px;
  655. position:fixed;
  656. opacity:0.7;
  657. }
  658.  
  659. {CustomCSS}</style></head><body>
  660.  
  661. {block:IfShowChristmasLights}
  662. <div id="container-top-left">
  663. <div id="image-top-left"><img src="http://25.media.tumblr.com/c2806f3f5f5cdfc059aa516ea4a78161/tumblr_mx0e3qqz4s1rv5n8go1_500.png"></div>
  664. <div id="text-top-left">
  665. TEXT GOES HERE<br /><br />
  666. Just type whatever you'd like into this section.
  667. </div>
  668. </div>
  669. {/block:IfShowChristmasLights}
  670.  
  671. <!--------------------------------------------
  672. SIDEBAR
  673. --------------------------------------------->
  674.  
  675. <div id="sidebar">
  676.  
  677. {block:IfShowTitle}
  678. <div id="title">{title}</div>
  679. {/block:IfShowTitle}
  680.  
  681. <div id="sidebarimage">
  682. <img src="{image:Sidebar Image 1}">
  683. <img src="{image:Sidebar Image 2}">
  684. <img src="{image:Sidebar Image 3}">
  685. <img src="{image:Sidebar Image 4}">
  686. </div>
  687.  
  688. <div id="textbox1"><div id="textbox1-text">{text:Sidebar Textbox 1}</div></div>
  689. <div id="textbox2"><div id="textbox2-text">{text:Sidebar Textbox 2}</div></div>
  690.  
  691. {block:Pagination}
  692. <div id="paginationleft">{block:PreviousPage}<a href="{PreviousPage}" >back</a>{/block:PreviousPage}</div><div id="paginationright">
  693. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>
  694. {/block:Pagination}
  695.  
  696. <div id="elements">
  697.  
  698. <div id="linksfloater">
  699. <div id="links">
  700.  
  701. <a href="{text:link1 url}" title="{text:link1}">I</a>
  702. <a href="{text:link2 url}" title="{text:link2}">II</a>
  703. <a href="{text:link3 url}" title="{text:link3}">III</a>
  704. <a href="{text:link4 url}" title="{text:link4}">IV</a>
  705. <a href="{text:link5 url}" title="{text:link5}">V</a>
  706. <a href="{text:link6 url}" title="{text:link6}">VI</a>
  707.  
  708. </div>
  709. </div>
  710.  
  711. <div style="margin: 5px 0px 5px 0px;">
  712. <div id="description">
  713. {description}
  714. </div>
  715. </div>
  716.  
  717. </div>
  718.  
  719. </div>
  720.  
  721.  
  722. <!--------------------------------------------
  723. POST TYPES
  724. --------------------------------------------->
  725.  
  726. <div id="entries">{block:Posts}<div id="post">
  727.  
  728.  
  729. <!---------- TEXT POSTS ---------->
  730.  
  731. {block:Text}
  732. <h1>{block:Title}{Title}{/block:Title}</h1>{Body}
  733. {/block:Text}
  734.  
  735. <!---------- PHOTO POSTS ---------->
  736.  
  737. {block:Photo}
  738. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  739. {block:Caption}{Caption}{/block:Caption}
  740. {/block:Photo}
  741.  
  742. <!---------- PHOTOSET POSTS ---------->
  743.  
  744. {block:Photoset}
  745. {Photoset-500}
  746. {block:Caption}{Caption}{/block:Caption}
  747. {/block:Photoset}
  748.  
  749. <!---------- QUOTE POSTS ---------->
  750.  
  751. {block:Quote}
  752. <div class="quote">{Quote}</div>
  753. {block:Source}<div style="text-align:right; margin-right:15px;">{Source}</div>{/block:Source}
  754. {/block:Quote}
  755.  
  756. <!---------- LINK POSTS ---------->
  757.  
  758. {block:Link}
  759. <div class="linkpost">
  760. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  761. {block:Description}{Description}{/block:Description}
  762. </div>
  763. {/block:Link}
  764.  
  765. <!---------- CHAT POSTS ---------->
  766.  
  767. {block:Chat}
  768. {block:Title}<h1>{Title}</h1>{/block:Title}
  769. <div class="chat">{block:Lines}<div class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  770. {Line}<br /></div>{/block:Lines}</div>
  771. {/block:Chat}
  772.  
  773. <!---------- AUDIO POSTS ---------->
  774.  
  775. {block:Audio}
  776. <div class="musicbin"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  777. {block:AlbumArt}<img src="{AlbumArtURL}" class="albumcover">{/block:AlbumArt}
  778. <div class="musicinfo">
  779. {block:TrackName}<div style="font-size:11px; padding:5px!imporant; padding-bottom:5px; text-transform:uppercase; margin-bottom: 15px; font-weight:bold; letter-spacing:1px; border-bottom:1px solid #E6E6E6; text-align:left;">{TrackName}</div>{/block:Trackname}
  780. {block:Artist}<div style="font-size:10px; margin-bottom: 2px; text-align:right;">{Artist}</div>{/block:Artist}
  781. {block:Album}<div style="font-size:10px; margin-bottom: 2px; text-align:right;">{Album}</div>{/block:Album}
  782. {block:PlayCount}<div style="font-style:normal; font-size:8px; text-transform:uppercase; letter-spacing:1px; text-align:right;">{PlayCount} plays</div> {/block:PlayCount}
  783. </div>
  784. <div style="margin-top:20px;">{block:caption}{Caption}{/block:caption}</div>
  785. {/block:Audio}
  786.  
  787. <!---------- VIDEO POSTS ---------->
  788.  
  789. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  790.  
  791. <!---------- ANSWER POSTS ---------->
  792.  
  793. {block:Answer}
  794. <div id="asker"><img src="{AskerPortraitURL-48}"></div>
  795. <div style="text-align:right; font-size:11px; border-bottom: 1px solid #E6E6E6; padding:5px; margin-right:59px;">{Asker} asked:</div>
  796. <div style="padding:5px 5px 15px 5px; margin-top:5px; margin-right:59px; min-height:10px; text-align:right;">{Question}</div>
  797. <br>
  798. <div id="answerer"><img src="{PortraitURL-48}"></div>
  799. <div style="text-align:left; font-size:11px; border-bottom: 1px solid #E6E6E6; padding:5px; margin-left:59px;">{Name} replied:</div>
  800. <div style="padding:0px 5px 5px 5px; margin-top:5px; margin-left:59px; min-height:10px; text-align:left;">{Answer}</div>
  801. {/block:Answer}
  802.  
  803. <!--------------------------------------------
  804. POST INFO
  805. --------------------------------------------->
  806.  
  807. {block:IfRemovePostInfo}
  808. <div style="visibility:hidden;">
  809. {/block:IfRemovePostInfo}
  810.  
  811. {block:Date}
  812. <div id="info">
  813. <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  814. {block:ContentSource}<div style="float:right;"><a href="{SourceURL}">source</a></div>{/block:ContentSource}</div>
  815. {block:HasTags}
  816. <div class="tags">{block:Tags} <a href="{TagURL}">&nbsp; -{Tag}</a>&nbsp; {/block:Tags}</div>{/block:HasTags}
  817. <div class="postnote">
  818. {block:PostNotes}{PostNotes}{/block:PostNotes}
  819. </div>
  820. </div>
  821. {/block:Posts}
  822.  
  823. {block:IfRemovePostInfo}
  824. </div>
  825. {/block:IfRemovePostInfo}
  826.  
  827. </div>
  828. </div>
  829.  
  830. <!--------------------------------------------
  831. CREDIT - YOU MAY EDIT BUT YOU MAY NOT REMOVE
  832. --------------------------------------------->
  833.  
  834. <div id="credit"><a href="http://misscapaldi.tumblr.com">elise white</div>
  835.  
  836. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment