elisewhite

Theme 03 + Theme 06 for combo anon

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