API tools faq
paste
Advertisement
wantoup

Theme 02: Republic City

wantoup
Oct 17th, 2012
12,353
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.12 KB | None | 0 0
raw download clone embed print report
  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. <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
  9.  
  10. <!--
  11.  
  12. Theme #02: Republic City by viwan themes (http://viwan-th.tumblr.com)
  13.  
  14. Please do not remove theme credit. You can move the credit to another page, as long as it remains on the blog.
  15.  
  16. Default Album Artwork from avatarspirit.net (http://korra.avatarspirit.net/screenshots.php?quality=hd)
  17.  
  18. -->
  19.  
  20. <!-- META TAGS-->
  21.  
  22. <meta name="color:Background Color" content="#f2f3ee"/>
  23. <meta name="color:Title" content="#ffffff"/>
  24. <meta name="color:Body Header" content="#92ad92"/>
  25. <meta name="color:Body Text" content="#797979"/>
  26. <meta name="color:Body Links" content="#ee9977"/>
  27. <meta name="color:Body Links Hover" content="#bb7766"/>
  28. <meta name="color:Blockquote" content="#bbddbb"/>
  29.  
  30. <meta name="color:Center Background" content="#ffffff"/>
  31.  
  32. <meta name="color:Sidebar Background" content="#554444"/>
  33. <meta name="color:Sidebar Description" content="#eeeeee"/>
  34. <meta name="color:Sidebar Text" content="#797979"/>
  35.  
  36. <meta name="color:Navigation Box" content="#ebedee"/>
  37. <meta name="color:Navigation Links" content="#d1d1d7"/>
  38. <meta name="color:Navigation Links Hover" content="#9e9ea8"/>
  39. <meta name="color:Navigation Text" content="#ffffff"/>
  40.  
  41. <meta name="color:Posts Background" content="#ffffff"/>
  42. <meta name="color:Posts Border" content="#cdd5d5"/>
  43.  
  44. <meta name="color:Permalink Info BG" content="#99aaaa"/>
  45. <meta name="color:Permalink Info" content="#445555"/>
  46. <meta name="color:Permalink Info Hover" content="#f3f8f8"/>
  47.  
  48. <meta name="color:Permalink Tags" content="#aabbbb"/>
  49. <meta name="color:Permalink Tags Hover" content="#445555"/>
  50.  
  51. <meta name="color:Links BG" content="#eeeeee"/>
  52. <meta name="color:Links BG Hover" content="#dddddd"/>
  53. <meta name="color:Links Text" content="#797979"/>
  54.  
  55. <meta name="if:Photo Fade" content="0"/>
  56. <meta name="if:Custom Links" content="1"/>
  57. <meta name="if:Banner Title Hover" content="1"/>
  58. <meta name="if:Show Captions" content="1"/>
  59. <meta name="if:Fixed Background" content="0"/>
  60. <meta name="if:Fixed Banner" content="1"/>
  61.  
  62. <meta name="image:Banner Image" content="http://static.tumblr.com/mtdphun/7k5mdmx37/bnaner.jpg"/>
  63. <meta name="image:Background" content=""/>
  64. <meta name="image:Sidebar Image" content="http://static.tumblr.com/mtdphun/JWImd5bjm/sidebar-img.jpg"/>
  65. <meta name="image:Album Art" content="http://static.tumblr.com/mtdphun/iXpmdei53/2_07.jpg"/>
  66.  
  67. <meta name="text:Banner Title" content=""/>
  68. <meta name="text:Link 1" content="Link One"/>
  69. <meta name="text:Link 1 URL" content="/"/>
  70. <meta name="text:Link 2" content="Link Two"/>
  71. <meta name="text:Link 2 URL" content="/"/>
  72. <meta name="text:Link 3" content="Link Three"/>
  73. <meta name="text:Link 3 URL" content="/"/>
  74. <meta name="text:Link 4" content="Link Four"/>
  75. <meta name="text:Link 4 URL" content="/"/>
  76. <meta name="text:Link 5" content="Link Five"/>
  77. <meta name="text:Link 5 URL" content="/"/>
  78. <meta name="text:Link 6" content="Link Six"/>
  79. <meta name="text:Link 6 URL" content="/"/>
  80. <meta name="text:Background Attachment" content="bottom center"/>
  81.  
  82. <style type="text/css">
  83.  
  84. @font-face {
  85. font-family: "tinytots";
  86. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  87. }
  88.  
  89. /* BODY */
  90.  
  91. body {
  92. font-family:oxygen;
  93. font-size:11px;
  94. color:{color:Body Text};
  95. background-color:{color:Background Color};
  96. background-image: url('{image:Background}');
  97. background-attachment:fixed;
  98. {block:ifFixedBackground}background-position:{text:Background Attachment};
  99. background-repeat:no-repeat;{/block:ifFixedBackground}
  100. }
  101.  
  102. h1 {
  103. background-color:{color:Navigation Box};
  104. text-align:center;
  105. padding:5px;
  106. margin-top:0px;
  107. font-size:15px;
  108. text-transform:lowercase;
  109. color:{color:Body Header};
  110. }
  111.  
  112. h1 a {
  113. color:{color:Body Header};
  114. }
  115.  
  116. h1 a:hover {
  117. color:{color:Body Header};
  118. }
  119.  
  120. a {
  121. text-decoration:none;
  122. color:{color:Body Links};
  123. -webkit-transition: all 1s ease;
  124. -moz-transition: all 1s ease;
  125. -o-transition: all 1s ease;
  126. transition: all 1s ease-in-out;
  127. }
  128.  
  129. a:hover {
  130. color:{color:Body Links Hover};
  131. }
  132.  
  133. blockquote {
  134. border-left:5px solid {color:Blockquote};
  135. margin-left:10px;
  136. padding-left:10px;
  137. }
  138.  
  139.  
  140. ul {
  141. list-style-type:circle;
  142. }
  143.  
  144. /* OUTLINES */
  145.  
  146. #top {
  147. z-index:999;
  148. position:fixed;
  149. margin-left:0px;
  150. height:10px;
  151. width:820px;
  152. background-color:{color:Center Background};
  153. top:0px;
  154. }
  155.  
  156. #left {
  157. z-index:0;
  158. position:fixed;
  159. height:100%;
  160. width:840px;
  161. background-color:{color:Center Background};
  162. top:0px;
  163. margin-left:-10px;
  164. }
  165.  
  166. #nav-top {
  167. z-index:999;
  168. position:fixed;
  169. margin-left:0px;
  170. height:10px;
  171. width:820px;
  172. background-color:{color:Center Background};
  173. margin-top:-60px;
  174. }
  175.  
  176. #posts-top {
  177. z-index:999;
  178. position:fixed;
  179. margin-left:280px;
  180. height:10px;
  181. width:540px;
  182. background-color:{color:Center Background};
  183. top:260px;
  184. }
  185.  
  186. /* POST OUTLINES */
  187.  
  188. #outline-top {
  189. z-index:999;
  190. position:fixed;
  191. margin-left:280px;
  192. height:10px;
  193. width:540px;
  194. background-color:{color:Posts Border};
  195. top:270px;
  196. }
  197.  
  198. /* BANNER */
  199.  
  200. #banner {
  201. z-index:2;
  202. {block:ifFixedBanner}position:fixed;
  203. top:10px;{/block:ifFixedBanner}
  204. {block:ifNotFixedBanner}position:relative;
  205. margin-top:10px;{/block:ifNotFixedBanner}
  206. height:200px;
  207. width:820px;
  208. background-color:#ccc;
  209. overflow:hidden;
  210. }
  211.  
  212. #banner img {
  213. width:820px;
  214. }
  215.  
  216. #banner-title {
  217. {block:ifFixedBanner}position:fixed;{/block:ifFixedBanner}
  218. {block:ifNotFixedBanner}position:absolute;{/block:ifNotFixedBanner}
  219. margin-top:168px;
  220. text-align:right;
  221. text-transform:uppercase;
  222. {block:ifNotBannerTitleHover}opacity:0.6;{/block:ifNotBannerTitleHover}
  223. {block:ifBannerTitleHover}opacity:0.3;
  224. -webkit-transition: all 1s ease;
  225. -moz-transition: all 1s ease;
  226. -o-transition: all 1s ease;
  227. transition: all 1s ease-in-out;
  228. }
  229.  
  230. #banner:hover #banner-title {
  231. opacity:0.6;{/block:ifBannerTitleHover}
  232. }
  233.  
  234. #banner-title a {
  235. color:#111;
  236. height:15px;
  237. width:800px;
  238. padding:10px;
  239. padding-top:7px;
  240. background-color:{color:Title};
  241. padding-bottom:20px;
  242. display:inline-block;
  243. font-size:15px;
  244. }
  245.  
  246. /* NAVIGATION */
  247.  
  248. #nav-box {
  249. z-index:2;
  250. {block:ifFixedBanner}position:fixed;
  251. margin-top:210px;
  252. top:10px;{/block:ifFixedBanner}
  253. {block:ifNotFixedBanner}position:relative;
  254. margin-top:10px;{/block:ifNotFixedBanner}
  255. margin-left:280px;
  256. height:40px;
  257. width:540px;
  258. background-color:{color:Navigation Box};
  259. }
  260.  
  261. #navigation {
  262. z-index:3;
  263. {block:ifFixedBanner}position:fixed;{/block:ifFixedBanner}
  264. {block:ifNotFixedBanner}position:relative;{/block:ifNotFixedBanner}
  265. height:40px;
  266. width:560px;
  267. padding:10px;
  268. }
  269.  
  270. #nav {
  271. {block:ifFixedBanner}position:fixed;{/block:ifFixedBanner}
  272. {block:ifNotFixedBanner}position:relative;{/block:ifNotFixedBanner}
  273. text-align:center;
  274. margin-left:-15px;
  275. height:30px;
  276. width:560px;
  277. }
  278.  
  279. #nav a {
  280. height:8px;
  281. width: 102px;
  282. text-transform:uppercase;
  283. padding:10px;
  284. padding-top:3px;
  285. margin:0px 8px 0px 0px;
  286. display: inline-block;
  287. background-color:{color:Navigation Links};
  288. -webkit-transition: all 1s ease;
  289. -moz-transition: all 1s ease;
  290. -o-transition: all 1s ease;
  291. transition: all 1s ease-in-out;
  292. color:{color:Navigation Text};
  293. }
  294.  
  295. #nav a:hover {
  296. background-color:{color:Navigation Links Hover};
  297. }
  298.  
  299. /* SIDEBAR */
  300.  
  301. #sidebar {
  302. {block:ifFixedBanner}position:fixed;{/block:ifFixedBanner}
  303. {block:ifNotFixedBanner}position:absolute;{/block:ifNotFixedBanner}
  304. top:220px;
  305. width:250px;
  306. padding:10px;
  307. background-color:{color:Sidebar Background};
  308. }
  309.  
  310. #sidebar-image {
  311. height:250px;
  312. width:250px;
  313. display:block;
  314. {block:ifCustomLinks}opacity:1;
  315. -webkit-transition: all 1.5s ease;
  316. -moz-transition: all 1.5s ease;
  317. -o-transition: all 1.5s ease;
  318. transition: all 1.5s ease-in-out;
  319. }
  320.  
  321. #sidebar:hover #sidebar-image {
  322. opacity:0.5;{/block:ifCustomLinks}
  323. }
  324.  
  325. #sidebar-text {
  326. background-color:{color:Sidebar Description};
  327. padding:10px;
  328. margin-top:10px;
  329. color:{color:Sidebar Text};
  330. }
  331.  
  332. /* PAGINATION */
  333.  
  334. #back {
  335. {block:ifFixedBanner}position:fixed;{/block:ifFixedBanner}
  336. {block:ifNotFixedBanner}position:absolute;{/block:ifNotFixedBanner}
  337. margin-top:-55px;
  338. margin-left:10px;
  339. }
  340.  
  341. #back a {
  342. color:#fff;
  343. font-size:45px;
  344. }
  345.  
  346. #forwards {
  347. {block:ifFixedBanner}position:fixed;{/block:ifFixedBanner}
  348. {block:ifNotFixedBanner}position:absolute;{/block:ifNotFixedBanner}
  349. margin-top:-55px;
  350. margin-left:220px;
  351. }
  352.  
  353. #forwards a {
  354. color:#fff;
  355. font-size:45px;
  356. }
  357.  
  358. /* CUSTOM LINKS */
  359.  
  360. #c-links {
  361. {block:ifFixedBanner}position:fixed;{/block:ifFixedBanner}
  362. {block:ifNotFixedBanner}position:absolute;{/block:ifNotFixedBanner}
  363. text-align:center;
  364. text-transform:uppercase;
  365. font-family:tinytots;
  366. font-size:8px;
  367. margin-top:-199px;
  368. margin-left:82px;
  369. opacity:0;
  370. -webkit-transition: all 1.5s ease;
  371. -moz-transition: all 1.5s ease;
  372. -o-transition: all 1.5s ease;
  373. transition: all 1.5s ease-in-out;
  374. }
  375.  
  376. #c-links a {
  377. color:{color:Links Text};
  378. height:10px;
  379. width:80px;
  380. background-color:{color:Links BG};
  381. text-align:center;
  382. padding:3px;
  383. padding-top:5px;
  384. display:inline-block;
  385. -webkit-transition: all 1s ease;
  386. -moz-transition: all 1s ease;
  387. -o-transition: all 1s ease;
  388. transition: all 1s ease-in-out;
  389. }
  390.  
  391. #c-links a:hover {
  392. background-color:{color:Links BG Hover};
  393. }
  394.  
  395. #sidebar:hover #c-links {
  396. opacity:1;
  397. }
  398.  
  399. /* POSTS */
  400.  
  401. #posts {
  402. z-index:1;position:relative;
  403. width:500px;
  404. padding:10px;
  405. background-color:{color:Posts Background};
  406. margin-bottom:-10px;
  407. border:10px solid {color:Posts Border};
  408. }
  409.  
  410. #posts-space {
  411. {block:ifFixedBanner}margin:270px 0px 20px 280px;{/block:ifFixedBanner}
  412. {block:ifNotFixedBanner}margin:10px 0px 20px 280px;{/block:ifNotFixedBanner}
  413. }
  414.  
  415. #posts img {
  416. display:block;
  417. max-width:100%;
  418. {block:ifPhotoFade}opacity:0.8;
  419. -webkit-transition: all 1s ease;
  420. -moz-transition: all 1s ease;
  421. -o-transition: all 1s ease;
  422. transition: all 1s ease-in-out;
  423. }
  424.  
  425. #posts img:hover {
  426. opacity:1;{/block:ifPhotoFade}
  427. }
  428.  
  429. /* QUOTE */
  430.  
  431. #quote {
  432. text-transform:uppercase;
  433. margin-bottom:-20px;
  434. }
  435.  
  436. /* CHAT */
  437.  
  438. #chat-lines {
  439. margin-bottom:-1px;
  440. padding:7px;
  441. border:1px solid #eee;
  442. }
  443.  
  444. #chat-shift {
  445. margin-bottom:10px;
  446. }
  447.  
  448. /* AUDIO */
  449.  
  450. #player {
  451. position:absolute;
  452. margin-left:66px;
  453. margin-top:-109px;
  454. overflow:hidden;
  455. background-color:#000;
  456. padding: 1px 2px 2px 1px;
  457. width: 25px;
  458. height: 25px;
  459. }
  460.  
  461. #player-bg {
  462. position:absolute;
  463. margin-left:58px;
  464. margin-top:-117px;
  465. height:44px;
  466. width:44px;
  467. background-color:#000;
  468. opacity:0.3;
  469. }
  470.  
  471. #albumart {
  472. position:absolute;
  473. height:150px;
  474. width:150px;
  475. padding:5px;
  476. margin-top:-175px;
  477. background-color:#eee
  478. }
  479.  
  480. /* AUDIO INFO */
  481.  
  482. #audioinfo1 {
  483. position:absolute;
  484. margin-left:170px;
  485. background-color: #eee;
  486. margin-top:-143px;
  487. padding: 5px;
  488. width: 320px;
  489. color:#acacac;
  490. }
  491.  
  492. #audioinfo1 b {
  493. color:#999;
  494. }
  495.  
  496. #audioinfo2 {
  497. position:absolute;
  498. margin-left:170px;
  499. margin-top:-108px;
  500. background-color: #e4e4e4;
  501. padding: 5px;
  502. width: 320px;
  503. color:#acacac;
  504. }
  505.  
  506. #audioinfo2 b {
  507. color:#999;
  508. }
  509.  
  510. #audioinfo3 {
  511. position:absolute;
  512. margin: -73px 0px 34px 170px;
  513. background-color: #eee;
  514. padding: 5px;
  515. width: 320px;
  516. color:#acacac;
  517. }
  518.  
  519. #audioinfo3 b {
  520. color:#999;
  521. }
  522.  
  523. #audiocaption {
  524. margin-bottom:0px;
  525. }
  526.  
  527. #mehhh {
  528. margin-top:175px;
  529. }
  530.  
  531. /* PHOTO */
  532.  
  533. #photo img {
  534. {block:ifShowCaptions}margin-bottom:6px;{/block:ifShowCaptions}
  535. {block:ifNotShowCaptions}margin-bottom:10px;{/block:ifNotShowCaptions}
  536. }
  537.  
  538. #photo-caption {
  539. margin-top:-6px;
  540. }
  541.  
  542. #photoset {
  543. margin-bottom:6px;
  544. {block:ifPhotoFade}opacity:0.8;
  545. -webkit-transition: all 1s ease;
  546. -moz-transition: all 1s ease;
  547. -o-transition: all 1s ease;
  548. transition: all 1s ease-in-out;
  549. }
  550.  
  551. #photoset:hover {
  552. opacity:1;{/block:ifPhotoFade}
  553. }
  554.  
  555. /* VIDEO */
  556.  
  557. #video {
  558. margin-bottom:6px;
  559. }
  560.  
  561. #video-cap {
  562. margin-bottom:-6px;
  563. }
  564.  
  565. /* ASK */
  566.  
  567. #question {
  568. width:480px;
  569. padding:10px;
  570. background-color:#eee;
  571. }
  572.  
  573. /* TAGS */
  574.  
  575. #tags {
  576. position:relative
  577. height:10px;
  578. border-top: 1px dashed #ccc;
  579. padding-top:5px;
  580. font-family:oxygen;
  581. font-size:9px;
  582. }
  583.  
  584. #tags a {
  585. color:{color:Permalink Tags};
  586. -webkit-transition: all 1s ease;
  587. -moz-transition: all 1s ease;
  588. -o-transition: all 1s ease;
  589. transition: all 1s ease-in-out;
  590. }
  591.  
  592. #tags a:hover {
  593. color:{color:Permalink Tags Hover};
  594. }
  595.  
  596.  
  597. /* INFO INDEX */
  598.  
  599. #info2 {
  600. text-align:right;
  601. margin-bottom:-3px;
  602. }
  603.  
  604. #info2 a {
  605. color:{color:Permalink Tags};
  606. -webkit-transition: all 1s ease;
  607. -moz-transition: all 1s ease;
  608. -o-transition: all 1s ease;
  609. transition: all 1s ease-in-out;
  610. }
  611.  
  612. #info2 a:hover {
  613. color:{color:Permalink Tags Hover};
  614. }
  615.  
  616. /* PERMALINK PAGE */
  617.  
  618. #permanote {
  619. z-index:1;
  620. position:relative;
  621. width:500px;
  622. background-color:#fff;
  623. padding:10px;
  624. border:10px solid {color:Posts Border};
  625. border-left:50px solid {color:Posts Border};
  626. margin-bottom:-10px;
  627. }
  628.  
  629. #perma-info {
  630. padding-top:5px;
  631. text-align:center;
  632. font-size:9px;
  633. letter-spacing:1px;
  634. }
  635.  
  636. #perma-info a {
  637. color:{color:Permalink Tags};
  638. -webkit-transition: all 1s ease;
  639. -moz-transition: all 1s ease;
  640. -o-transition: all 1s ease;
  641. transition: all 1s ease-in-out;
  642. }
  643.  
  644. #perma-info a:hover {
  645. color:{color:Permalink Tags Hover};
  646. }
  647.  
  648. /* TUMBLR STUFF */
  649.  
  650. iframe#tumblr_controls {
  651. right:3px !important;
  652. top:3px !important;
  653. position:fixed !important;
  654. opacity:0.5;
  655. -webkit-transition: all 1s ease;
  656. -moz-transition: all 1s ease;
  657. -o-transition: all 1s ease;
  658. transition: all 1s ease-in-out;
  659. }
  660.  
  661. iframe#tumblr_controls:hover {
  662. opacity:1;
  663. }
  664.  
  665. ::-webkit-scrollbar-thumb:vertical {
  666. background-color: {color:Navigation Links Hover};
  667. width:5px;
  668. }
  669.  
  670. ::-webkit-scrollbar {
  671. width:5px;
  672. background-color: {color:Navigation Links};
  673. }
  674.  
  675. /* BACK TO TOP */
  676.  
  677. #backtotop {
  678. z-index:999;
  679. position:fixed;
  680. bottom:8px;
  681. right:10px;
  682. }
  683.  
  684. #backtotop a {
  685. color:{color:Permalink Info};
  686. text-transform:uppercase;
  687. font-family:tinytots;
  688. font-size:8px;
  689. opacity:0.8;
  690. -webkit-transition: all 1s ease;
  691. -moz-transition: all 1s ease;
  692. -o-transition: all 1s ease;
  693. transition: all 1s ease-in-out;
  694. }
  695.  
  696. #backtotop a:hover {
  697. opacity:1;
  698. }
  699.  
  700. </style>
  701.  
  702. <!-- SCROLL SCRIPT -->
  703.  
  704. <script src="http://static.tumblr.com/mtdphun/g1omh78x3/dynamic_scroll.js"></script>
  705.  
  706. <!-- END SCROLL SCRIPT -->
  707.  
  708. </head><body>
  709.  
  710. <div style="margin:auto;width:820px;">
  711. <div id="left"></div>
  712.  
  713. {block:ifFixedBanner}<div id="top"></div>{/block:ifFixedBanner}
  714.  
  715. <!-- BANNER -->
  716.  
  717. <div id="banner">
  718. <div id="banner-title"><a href="/">{text:Banner Title}</a></div>
  719. <img src="{image:Banner Image}">
  720. </div>
  721.  
  722. <!-- SIDEBAR -->
  723.  
  724. <div id="sidebar">
  725.  
  726. <img src="{image:Sidebar Image}"id="sidebar-image">
  727.  
  728. {block:ifCustomLinks}
  729. <div id="c-links">
  730. <a href="{text:Link 1 URL}">{text:Link 1}</a></p>
  731. <a href="{text:Link 2 URL}">{text:Link 2}</a></p>
  732. <a href="{text:Link 3 URL}">{text:Link 3}</a></p>
  733. <a href="{text:Link 4 URL}">{text:Link 4}</a></p>
  734. <a href="{text:Link 5 URL}">{text:Link 5}</a></p>
  735. <a href="{text:Link 6 URL}">{text:Link 6}</a></p>
  736. </div>
  737. {/block:ifCustomLinks}
  738.  
  739. <!-- PAGINATION -->
  740.  
  741. <div id="back">
  742. {block:Pagination}
  743. {block:PreviousPage}
  744. <a href="{PreviousPage}">&laquo;</a>
  745. {/block:PreviousPage}
  746. {/block:Pagination}
  747. </div>
  748.  
  749. <div id="forwards">
  750. {block:Pagination}
  751. {block:NextPage}
  752. <a href="{NextPage}">&raquo;</a>
  753. {/block:NextPage}
  754. {/block:Pagination}
  755. </div>
  756.  
  757. <div id="sidebar-text">{Description}</div></div>
  758.  
  759. <!-- END SIDEBAR -->
  760.  
  761. <!-- NAVIGATION -->
  762.  
  763. {block:ifFixedBanner}<div id="nav-top"></div>{/block:ifFixedBanner}
  764. <div id="nav-box">
  765. <div id="navigation">
  766. <div id="nav">
  767. <a href="/">home</a>
  768. <a href="/ask">message</a>
  769. <a href="/archive">archive</a>
  770. <a href="http://viwan-th.tumblr.com" title="republic city theme" target="blank">theme</a>
  771. </div>
  772. </div>
  773. </div>
  774.  
  775. {block:ifFixedBanner}
  776. <div id="posts-top"></div>
  777. <div id="outline-top"></div>
  778. {/block:ifFixedBanner}
  779.  
  780. <div id="bottom-bg"></div>
  781. <div id="posts-space">
  782.  
  783. {block:Posts}
  784.  
  785. {block:ContentSource}
  786. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  787. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  788. {/block:SourceLogo}
  789. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  790. {/block:ContentSource}
  791.  
  792. <div id="posts">
  793.  
  794. <!-- ENTRIES -->
  795.  
  796. <!-- TEXT -->
  797.  
  798. {block:Text}
  799.  
  800. {block:Title}<h1>{Title}</h1>{/block:Title}
  801. {Body}
  802.  
  803. {/block:Text}
  804.  
  805. <!-- PHOTO -->
  806.  
  807. {block:Photo}
  808.  
  809. <div id="photo">
  810. {LinkOpenTag}<img src="{PhotoURL-highres}" width="500px" alt="{PhotoAlt}"></div>{LinkCloseTag}
  811.  
  812. {block:ifShowCaptions}
  813. {block:Caption}
  814. <div id="photo-caption">{Caption}</div>
  815. {/block:Caption}
  816. {/block:ifShowCaptions}
  817.  
  818. {/block:Photo}
  819.  
  820. <!-- PANORAMA -->
  821.  
  822. {block:Panorama}
  823.  
  824. {LinkOpenTag}<img src="{PhotoURL-Panorama}">{LinkCloseTag}
  825.  
  826. {block:ifShowCaptions}
  827. {block:Caption}
  828. {Caption}
  829. {/block:Caption}
  830. {/block:ifShowCaptions}
  831.  
  832. {/block:Panorama}
  833.  
  834. <!-- PHOTOSET -->
  835.  
  836. {block:Photoset}
  837.  
  838. <div id="photoset">{Photoset-500}</div>
  839.  
  840. {block:ifShowCaptions}
  841. {block:Caption}
  842. <div id="photo-caption">{Caption}</div>
  843. {/block:Caption}
  844. {/block:ifShowCaptions}
  845.  
  846. {/block:Photoset}
  847.  
  848. <!-- QUOTE -->
  849.  
  850. {block:Quote}
  851.  
  852. <div id="quote">"{Quote}"</div></br>
  853. <p align="right"> — {block:Source}{Source}{/block:Source}
  854.  
  855. {/block:Quote}
  856.  
  857. <!-- LINK -->
  858.  
  859. {block:Link}
  860.  
  861. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  862.  
  863. {block:Description}
  864. {Description}
  865. {/block:Description}
  866.  
  867. {/block:Link}
  868.  
  869. <!-- CHAT -->
  870.  
  871. {block:Chat}
  872.  
  873. <div id="chat-shift">
  874. {block:Title}<h1><a href="{permalink}">{Title}{/block:Title}</h1>
  875.  
  876. {block:Lines}
  877. <div id="chat-lines">{block:Label}<b>{Label}</b>{/block:Label}
  878. {Line}<br></div>
  879. {/block:Lines}
  880. </div>
  881.  
  882. {/block:Chat}
  883.  
  884. <!-- AUDIO-->
  885.  
  886. {block:Audio}
  887.  
  888. <div id="mehhh">
  889. <div id="albumart"><a href="{Permalink}"><img style="height:150px;width:150px;" id="art" src="{image:Album Art}"/></a></div>
  890.  
  891. {block:AlbumArt}
  892. <div id="albumart"><a href="{Permalink}"><img style="height:150px;width:150px;" id="art" src="{AlbumArtURL}"/></a></div>
  893. {/block:AlbumArt}
  894.  
  895. <div id="player-bg"></div>
  896. <div id="player">{AudioPlayerBlack}</div>
  897.  
  898. <div id="audioinfo1">
  899. <b>Track: {block:TrackName}</b>{TrackName}{/block:TrackName}</br></div>
  900. <div id="audioinfo2">
  901. <b>Artist: {block:Artist}</b>{Artist}{/block:Artist}</br></div>
  902. <div id="audioinfo3">
  903. <b>Album: {block:Album}</b>{Album}{/block:Album}</div>
  904.  
  905. {block:ifShowCaptions}
  906. {block:Caption}
  907. <div id="audiocaption">{Caption}</div>
  908. {/block:Caption}
  909. {/block:ifShowCaptions}
  910.  
  911. </div>
  912.  
  913. {/block:Audio}
  914.  
  915. <!-- VIDEO -->
  916.  
  917. {block:Video}
  918.  
  919. <div id="video">{Video-500}</div>
  920.  
  921. {block:Caption}
  922. <div id="video-cap">{Caption}</div>
  923. {/block:Caption}
  924.  
  925. {/block:Video}
  926.  
  927. <!-- ANSWER -->
  928.  
  929. {block:Answer}
  930.  
  931. <div id="question"><b>{Asker}:</b> {Question}</div>
  932. <div id="answer">{Answer}</div>
  933.  
  934. {/block:Answer}
  935.  
  936. <!-- ENTRIES -->
  937.  
  938. <!-- INDEX PAGE -->
  939.  
  940. {block:IndexPage}
  941.  
  942. <div id="tags">
  943. {block:HasTags}
  944. {block:Tags}<a href="{TagURL}"> - {Tag}</a>{/block:tags}</br>
  945. {/block:HasTags}
  946.  
  947. <div id="info2">
  948. {block:Date}<a href="{permalink}">{TimeAgo}</a> | {/block:Date}
  949. <a href="{permalink}">{NoteCountWithLabel} | </a>
  950. <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  951. </div>
  952. </div>
  953.  
  954. {/block:IndexPage}
  955.  
  956. <!-- PERMALINK PAGE -->
  957.  
  958. {block:PermalinkPage}
  959.  
  960. {block:ifNotShowCaptions}
  961. {block:Caption}{Caption}{/block:Caption}
  962. {/block:ifNotShowCaptions}
  963.  
  964. <div id="perma-info">
  965. {block:HasTags}
  966. {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}</br>
  967. {block:HasTags}
  968.  
  969. {block:Date}<a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}<a>{/block:Date}
  970.  
  971. {block:NoteCount}
  972. | <a href="{Permalink}">{NoteCount} notes</a>
  973. {block:NoteCount}</br>
  974.  
  975. {block:RebloggedFrom}
  976. <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName} |</a>
  977. <b> source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>
  978. {/block:RebloggedFrom}</div>
  979.  
  980. {block:PostNotes}
  981. {PostNotes}
  982. {/block:PostNotes}
  983. {/block:PermalinkPage}
  984.  
  985. {/block:Posts}
  986. </div></div>
  987.  
  988. {block:ifNotFixedBanner}
  989. <div id="backtotop"><a href="javascript:dd_scrolltotop()">back to top</a></div>
  990. {/block:ifNotFixedBanner}
  991.  
  992. </body>
  993. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!