elisewhite

Theme 05 w/ 2 Update Tabs

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