Advertisement
benizora

Theme 08: {満月} Mangetsu

Sep 13th, 2012
16,707
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.37 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5.  
  6. <!--
  7.  
  8. theme 08: {満月} mangetsu
  9. by jackie @ benizora.tumblr.com
  10. please keep ALL of the credits
  11. and don’t steal or distribute.
  12.  
  13. -->
  14.  
  15. <head><title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18.  
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}"/>
  21. {/block:Description}
  22.  
  23. <meta name="color:background" content="#fff"/>
  24.  
  25. <meta name="color:text" content="#5c5c5c"/>
  26. <meta name="color:bold" content="#000"/>
  27. <meta name="color:italic" content="#7a7a7a"/>
  28. <meta name="color:entry background" content="#fff"/>
  29. <meta name="color:title" content="#049686"/>
  30. <meta name="color:sidebar background" content="#000"/>
  31. <meta name="color:sidebar title" content="#fff"/>
  32. <meta name="color:sidebar second title" content="#eee"/>
  33. <meta name="color:description text" content="#fff"/>
  34. <meta name="color:ask background" content="#f0f0f0"/>
  35. <meta name="color:permalink" content="#ebf5f4"/>
  36. <meta name="color:permalink text" content="#000"/>
  37. <meta name="color:scrollbar" content="#c5c5c5"/>
  38. <meta name="color:link" content="#000"/>
  39. <meta name="color:link hover" content="#049686"/>
  40. <meta name="color:quote" content="#2b2b2b"/>
  41. <meta name="color:sidelinks" content="#000"/>
  42. <meta name="color:sidelinks hover" content="#000"/>
  43. <meta name="color:sidelinks text" content="#000"/>
  44. <meta name="color:sidelinks text hover" content="#000"/>
  45. <meta name="image:sidebar" content=""/>
  46. <meta name="image:background" content=""/>
  47. <meta name="font:title" content="Josefin Slab"/>
  48. <meta name="font:body" content="Dosis"/>
  49. <meta name="text:link 1" content="" />
  50. <meta name="text:link 1 title" content="" />
  51. <meta name="text:link 2" content="" />
  52. <meta name="text:link 2 title" content="" />
  53. <meta name="text:link 3" content="" />
  54. <meta name="text:link 3 title" content="" />
  55. <meta name="text:second title" content=""/>
  56. <meta name="if:ShowCaptions" content="1"/>
  57. <meta name="if:ThreeColumns" content="0"/>
  58. <meta name="if:MonochromePosts" content="1"/>
  59. <meta name="if:MusicPlayer" content="1"/>
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=Josefin+Slab:700,400italic' rel='stylesheet' type='text/css'>
  62.  
  63. <link href='http://fonts.googleapis.com/css?family=Dosis:400,500' rel='stylesheet' type='text/css'>
  64.  
  65. <style type="text/css">
  66.  
  67.  
  68. iframe#tumblr_controls {
  69. right:3px !important;
  70. position: fixed !important;
  71. opacity: 0.2;
  72. filter:alpha(opacity=20);
  73. -moz-opacity: 0.2;
  74. -khtml-opacity: 0.2;
  75. -webkit-transition: all 0.9s ease;
  76. -moz-transition: all 0.9s ease;
  77. -o-transition: all 0.9s ease;
  78. }
  79.  
  80. iframe#tumblr_controls:hover {
  81. opacity: 1;
  82. filter:alpha(opacity=100);
  83. -moz-opacity: 1;-khtml-opacity: 1;
  84. -webkit-transition: all 0.9s ease;
  85. -moz-transition: all 0.9s ease;
  86. -o-transition: all 0.9s ease;
  87. }
  88.  
  89. /*-- entries info --*/
  90.  
  91. body {
  92. background-image: url('{image:background}');
  93. background-color: {color:background};
  94. background-attachment: fixed;
  95. background-repeat: {text:Background Repeat};
  96. color: {color:text};
  97. font-family: {font:body};
  98. font-size: 12px;
  99. }
  100.  
  101. @font-face {
  102. font-family: "Dosis";
  103. src: url('http://static.tumblr.com/e1ydrvt/0wDm987za/dosis.ttf') format("truetype");
  104. }
  105.  
  106. @font-face {
  107. font-family: "Josefin Slab";
  108. src: url('http://static.tumblr.com/e1ydrvt/ehEmaasww/josefinslab-regular.ttf') format("truetype");
  109. }
  110.  
  111. /*-- scrollbar --*/
  112.  
  113. ::-webkit-scrollbar-thumb {
  114. background-color: {color:background};
  115. height: 6px;
  116. width: 9px;
  117. }
  118.  
  119. ::-webkit-scrollbar {
  120. height: 6px;
  121. width: 9px;
  122. background-color: {color:scrollbar};
  123. }
  124.  
  125. /*-- links info --*/
  126.  
  127. a {
  128. color: {color:link};
  129. text-decoration: none;
  130. }
  131.  
  132. a:link, a:active, a:visited {
  133. text-decoration: none;
  134. color: {color:link};
  135. -webkit-transition: all 0.5s linear;
  136. -moz-transition: all 0.5s linear;
  137. -o-transition: all 0.5s linear;
  138. }
  139.  
  140. a:hover {
  141. color:{color:link hover};
  142. text-decoration: none;
  143. -webkit-transition: all 0.5s linear;
  144. -moz-transition: all 0.5s linear;
  145. -o-transition: all 0.5s linear;
  146. }
  147.  
  148. /*-- pagination --*/
  149.  
  150. #pagination {
  151. display:none!important;
  152. text-align:center;
  153. padding:8px;
  154. left:40px;
  155. position:fixed;
  156. bottom:10px;
  157. font-size:20px;
  158. width:50px;
  159. }
  160.  
  161. /*-- sidebar info --*/
  162.  
  163. #sidebar {
  164. z-index:99999;
  165. width: 250px;
  166. text-align:center;
  167. position: fixed;
  168. float:left;
  169. top:100px;
  170. left:50px;
  171. }
  172.  
  173. #banner {
  174. display:block;
  175. font-family:'Josefin Slab', serif;
  176. font-size: 16px;
  177. margin:-3px 0px -50px 18px;
  178. color: {color:sidebar title};
  179. text-transform:uppercase;
  180. text-align: center;
  181. background-color:{color:sidebar background};
  182. letter-spacing: 2px;
  183. padding: 15px 5px 2px 5px;
  184. width: 205px;
  185. position:fixed;
  186. }
  187.  
  188. #smbanner {
  189. display:block;
  190. font-family:'Josefin Slab', serif;
  191. font-size: 11px;
  192. color: {color:sidebar second title};
  193. margin-left:-5px;
  194. text-transform:lowercase;
  195. text-align: center;
  196. background-color:{color:sidebar background};
  197. letter-spacing: 2px;
  198. padding: 3px 5px 0px 5px;
  199. width: 205px;
  200. position:fixed;
  201. z-index:-999;
  202. }
  203.  
  204. #sidebar img {
  205. max-width:215px;
  206. }
  207.  
  208. #sidedesc {
  209. width:175px;
  210. padding:10px 20px 20px 20px;
  211. font-family: 'Dosis', sans-serif;
  212. margin-left:-5px;
  213. font-size: 10px;
  214. letter-spacing: 1px;
  215. text-align:center;
  216. text-transform:none;
  217. background-color:{color:sidebar background};
  218. color: {color:description text};
  219. position:fixed;
  220. }
  221.  
  222. #sidedesc:hover {
  223. font-style:italic;
  224. }
  225.  
  226. #awesome {
  227. margin: 10px 0px 10px 1px;
  228. display:block;
  229. width:200px;
  230. }
  231.  
  232. #awesome a {
  233. display:inline-block;
  234. width:55px;
  235. z-index:99999;
  236. padding:5px;
  237. margin-top:5px;
  238. margin-right:-2px;
  239. color:{color:sidelinks text};
  240. text-align:center;
  241. text-transform:uppercase;
  242. letter-spacing:1px;
  243. background-color:{color:sidelinks};
  244. font-family: 'Dosis', sans-serif;
  245. font-size: 9px;
  246. -webkit-transition: all 0.5s ease-in-out;
  247. -moz-transition: all 0.5s ease-in-out;
  248. -o-transition: all 0.5s ease-in-out;
  249. }
  250.  
  251. #awesome a:hover {
  252. background-color:{color:sidelinks hover};
  253. color:{color:sidelinks text hover};
  254. -webkit-transition: all 0.5s ease-in-out;
  255. -moz-transition: all 0.5s ease-in-out;
  256. -o-transition: all 0.5s ease-in-out;
  257. }
  258.  
  259. /*-- ENTRIES --*/
  260.  
  261. #content {
  262. {block:IndexPage}width: 600px;{/block:IndexPage}
  263. {block:PermalinkPage}width: 400px;{/block:PermalinkPage}
  264. {block:IndexPage}{block:IfThreeColumns}width: 850px;{/block:IfThreeColumns}
  265. {/block:IndexPage}
  266. margin-left:350px;
  267. position:relative;
  268. }
  269.  
  270. #entries {
  271. font-family: 'Dosis', sans-serif;
  272. background-color: {color:entry Background};
  273. color: {color:text};
  274. {block:IndexPage}width: 250px;{/block:IndexPage}
  275. {block:IndexPage}font-size: 10px;{/block:IndexPage}
  276. text-align: left;
  277. padding: 10px;
  278. margin: 6px;
  279. text-align: justify;
  280. float:left;
  281. position:relative;
  282. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  283. {block:PermalinkPage}font-size: 12px;{/block:PermalinkPage}
  284. {block:PermalinkPage}margin-left: 30px;{/block:PermalinkPage}
  285. }
  286.  
  287. #entries b, strong {
  288. color: {color:bold};
  289. }
  290.  
  291. #entries i, em {
  292. color: {color:italic};
  293. }
  294.  
  295. #entries a {
  296. color: {color:link};
  297. text-decoration: none;
  298. }
  299.  
  300. #entries a:hover {
  301. color: {color:link hover};
  302. text-decoration: none;
  303. }
  304.  
  305. #entries img {
  306. {block:IndexPage}max-width: 250px;{/block:IndexPage}
  307. {block:PermalinkPage}max-width: 500px;{/block:PermalinkPage}
  308. {block:IfMonochromePosts}
  309. -webkit-filter: grayscale(1);
  310. -webkit-transition: all 0.5s ease-in-out;
  311. -moz-transition: all 0.5s ease-in-out;
  312. -o-transition: all 0.5s ease-in-out;
  313. -ms-transition: all 0.5s ease-in-out;
  314. transition: all 0.5s ease-in-out;
  315. {/block:IfMonochromePosts}
  316. }
  317.  
  318. #entries img:hover {
  319. {block:IfMonochromePosts}
  320. filter: none;
  321. -webkit-filter: grayscale(0);
  322. {/block:IfMonochromePosts}
  323. }
  324.  
  325. #photo{
  326. {block:IfMonochromePosts}
  327. -webkit-filter: grayscale(1);
  328. -webkit-transition: all 0.5s ease-in-out;
  329. -moz-transition: all 0.5s ease-in-out;
  330. -o-transition: all 0.5s ease-in-out;
  331. -ms-transition: all 0.5s ease-in-out;
  332. transition: all 0.5s ease-in-out;
  333. {/block:IfMonochromePosts}
  334. }
  335.  
  336. #photo:hover{
  337. {block:IfMonochromePosts}
  338. filter: none;
  339. -webkit-filter: grayscale(0);
  340. {/block:IfMonochromePosts}
  341. }
  342.  
  343. /*-- BLOCKQUOTES --*/
  344.  
  345. blockquote{
  346. border-left:5px solid {color:sidelink border};
  347. background-color: {color:entry bg};
  348. padding:0px 7px 0px 7px;
  349. margin-left:5px;
  350. {block:IndexPage}width: 220px;{/block:IndexPage}
  351. {block:PermalinkPage}width: 470px;{/block:PermalinkPage}
  352. {block:PermalinkPage}font-size:11px;{/block:PermalinkPage}
  353. overflow:auto;
  354. }
  355.  
  356. blockquote img {
  357. {block:IndexPage}max-width: 200px;{/block:IndexPage}
  358. {block:PermalinkPage}max-width: 550px;{/block:PermalinkPage}
  359. }
  360.  
  361. /*-- QUOTES --*/
  362.  
  363. #quotes{
  364. padding: 10px 10px 20px 10px;
  365. font-family:'Josefin Slab', serif;
  366. line-height: 100%;
  367. font-size:18px;
  368. font-style:italic;
  369. color: {color:quote};
  370. text-align: center;
  371. }
  372.  
  373. #pretty{
  374. font-family:'Georgia', serif;
  375. margin-top:-10px;
  376. margin-left:-3px;
  377. position:absolute;
  378. opacity:.4;
  379. font-size:50px;
  380. color: {color:bold};
  381. text-align: center;
  382. }
  383.  
  384. #sources {
  385. font-family: 'Dosis', sans-serif;
  386. font-size:11px;
  387. text-align:right;
  388. margin-top: -5px;
  389. padding: 10px 0px 5px 0px;
  390. }
  391.  
  392. /*-- PERMALINK --*/
  393.  
  394. #entries:hover #permalink {
  395. height: auto;
  396. position:absolute;
  397. letter-spacing: 1px;
  398. margin-top: -5px;
  399. margin-left: -10px;
  400. opacity: 1.1;
  401. filter:alpha(opacity=90);
  402. -moz-opacity: 0.9;
  403. -webkit-transition: all 0.5s ease;
  404. -moz-transition: all 0.5s ease;
  405. -o-transition: all 0.5s ease;
  406. position: absolute;
  407. }
  408.  
  409. #permalink {
  410. font-weight: bold;
  411. font-size:8px;
  412. letter-spacing:1px;
  413. width:264px;
  414. margin-left:-10px;
  415. text-align:center;
  416. padding:3px;
  417. text-transform: uppercase;
  418. position:absolute;
  419. background-color: {color:permalink};
  420. color: {color:permalink text};
  421. font-family: 'Dosis', sans-serif;
  422. opacity: 0;
  423. filter:alpha(opacity=0);
  424. -moz-opacity: 0;
  425. -webkit-transition: all 0.5s ease;
  426. -moz-transition: all 0.5s ease;
  427. -o-transition: all 0.5s ease;
  428. }
  429.  
  430. #permalink a:link {
  431. color: {color:link};
  432. }
  433.  
  434. #permalink a:hover {
  435. color: {color:link hover};
  436. }
  437.  
  438. .permalink {
  439. font-family: 'Dosis', sans-serif;
  440. font-size:10px;
  441. letter-spacing:1px;
  442. color: {color:text};
  443. text-transform:uppercase;
  444. }
  445.  
  446. /*-- TITLES --*/
  447.  
  448. #title {
  449. padding-bottom: 3px;
  450. font-size: 25px;
  451. text-align: center;
  452. font-family: 'Dosis', sans-serif;
  453. text-transform:uppercase;
  454. line-height: 100%;
  455. letter-spacing: 2px;
  456. color: {color:title};
  457. }
  458.  
  459. /*-- ASKAROOS --*/
  460.  
  461. #asks {
  462. position: relative;
  463. background-color: {color:entry background};
  464. padding: 0px 0px 20px 0px;
  465. {block:IndexPage}width: 250px;{/block:IndexPage}
  466. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  467. display: block;
  468. }
  469.  
  470. #asks a {
  471. font-size: 12px;
  472. color: {color:link};
  473. font-family: 'Dosis', Calibri, sans-serif;
  474. text-align: center;
  475. text-transform: uppercase;
  476. }
  477.  
  478. #asks a:hover {
  479. color: {color:link hover};
  480. }
  481.  
  482. #askcontainer {
  483. {block:IndexPage}width: 242px;{/block:IndexPage}
  484. {block:PermalinkPage}width: 492px;{/block:PermalinkPage}
  485. border:4px solid {color:entry background};
  486. background-color: {color:ask background};
  487. text-align: left;
  488. padding:7px 10px 7px 10px;
  489. margin: -10px 0px -15px -10px;
  490. font-size: 11px;
  491. line-height:130%;
  492. color: {color:bold};
  493. font-family: 'Dosis', Calibri, sans-serif;
  494. display:block;
  495. }
  496.  
  497. /*-- CHATS --*/
  498.  
  499. .user_1 .label {
  500. color:{color:bold};
  501. font-weight:bold;
  502. }
  503.  
  504. .user_2 .label {
  505. color:{color:bold};
  506. font-weight:bold;
  507. }
  508.  
  509. ul.chat, .chat ol, .chat li {
  510. list-style:circle;
  511. margin:0px 0px 0px 10px;
  512. padding:1px;
  513. }
  514.  
  515. /*-- NOTES --*/
  516.  
  517. ol.notes {
  518. margin: 15px 0px 15px -25px;
  519. list-style-type: circle;
  520. background: transparent;
  521. border: 0px;
  522. font-family: 'Dosis', sans-serif;
  523. font-size:10px;
  524. letter-spacing: 1px;
  525. text-transform: lowercase;
  526. }
  527.  
  528. .notes img{
  529. width: 8px;
  530. position: relative;
  531. top: 1px;
  532. }
  533.  
  534. /*-- MUSIC POSTS --*/
  535.  
  536. .pressplay {
  537. width:20px;
  538. height:30px;
  539. overflow:hidden;
  540. position:relative;
  541. z-index:1000;
  542. margin:40px 40px 30px 40px;
  543. }
  544.  
  545. .shadow {
  546. background-color:{color:entry background};
  547. position: absolute;
  548. z-index:1000;
  549. opacity:.5;
  550. -webkit-transition: all 0.7s ease;
  551. -moz-transition: all 0.7s ease;
  552. -o-transition: all 0.7s ease;
  553. }
  554.  
  555. .shadow:hover {
  556. opacity:1;
  557. {block:IfMonochromePosts}
  558. filter: none;
  559. -webkit-filter: grayscale(0);
  560. {/block:IfMonochromePosts}
  561. }
  562.  
  563. #mcont {
  564. width:270px;
  565. height:110px;
  566. margin-bottom:5px;
  567. }
  568.  
  569. .art {
  570. width:100px;
  571. height:100px;
  572. position:absolute;
  573. }
  574.  
  575. .art img{
  576. width:100px;
  577. height:100px;
  578. float:left;
  579. {block:IfMonochromePosts}
  580. -webkit-filter: grayscale(1);
  581. -webkit-transition: all 0.5s ease-in-out;
  582. -moz-transition: all 0.5s ease-in-out;
  583. -o-transition: all 0.5s ease-in-out;
  584. -ms-transition: all 0.5s ease-in-out;
  585. transition: all 0.5s ease-in-out;
  586. {/block:IfMonochromePosts}
  587. }
  588.  
  589. .defaultart {
  590. width:100px;
  591. height:100px;
  592. position:absolute;
  593. }
  594.  
  595.  
  596. .defaultart img {
  597. width:100px;
  598. height:100px;
  599. float:left;
  600. {block:IfMonochromePosts}
  601. -webkit-filter: grayscale(1);
  602. -webkit-transition: all 0.5s ease-in-out;
  603. -moz-transition: all 0.5s ease-in-out;
  604. -o-transition: all 0.5s ease-in-out;
  605. -ms-transition: all 0.5s ease-in-out;
  606. transition: all 0.5s ease-in-out;
  607. {/block:IfMonochromePosts}
  608. }
  609.  
  610. .music {
  611. padding:3px;
  612. margin:3px 0 5px 100px;
  613. font-family: 'Dosis', sans-serif;
  614. text-transform:uppercase;
  615. font-size:8.5px;
  616. border-left:10px solid {color:sidelinks};
  617. -webkit-transition-duration: 0.6s;
  618. -moz-transition-duration: 0.6s;
  619. }
  620.  
  621. .music:hover {
  622. border-left:20px solid {color:sidelinks hover};
  623. -webkit-transition-duration: 0.6s;
  624. -moz-transition-duration: 0.6s;
  625. }
  626.  
  627. {block:IfMusicPlayer}
  628. #museek {
  629. background-color: #eee;
  630. height:20px;
  631. width:25px;
  632. z-index:3;
  633. margin-left:35px;
  634. margin-top:115px;
  635. padding-top:5px;
  636. padding-bottom:0px;
  637. position:fixed;
  638. text-align:center;
  639. overflow:hidden;
  640. opacity:1;
  641. }
  642.  
  643. #musicplayer {
  644. position:fixed;
  645. z-index:999999999;
  646. margin-left:35px;
  647. margin-top:115px;
  648. height:25px;
  649. width:25px;
  650. overflow:hidden;
  651. opacity:0;
  652. -webkit-transition: all 0.4s ease-in;
  653. -moz-transition: all 0.4s ease-in;
  654. -o-transition: all 0.4s ease-in;
  655. }
  656.  
  657. #musicplayer:hover {
  658. -webkit-transition: all 0.4s ease-in;
  659. -moz-transition: all 0.4s ease-in;
  660. -o-transition: all 0.4s ease-in;
  661. margin-top:140px;
  662. background-color:#e8e8e8;
  663. opacity:1;
  664. }
  665. {/block:IfMusicPlayer}
  666.  
  667. {CustomCSS}
  668.  
  669. #glow {
  670. opacity: .99;
  671. -webkit-transition:all 1s ease;
  672. -moz-transition:all 1s ease;
  673. -o-transition:all 1s ease;
  674. }
  675.  
  676. #glow:hover a {
  677. opacity: .20;
  678. }
  679.  
  680. #glow a {
  681. opacity: .80;
  682. -webkit-transition:all 1s ease;
  683. -moz-transition:all 1s ease;
  684. -o-transition:all 1s ease;
  685. }
  686.  
  687. #glow a:hover {
  688. opacity: .99;
  689. }
  690.  
  691. #over{
  692. height:1000px!important;
  693. position:absolute;
  694. top:0px;
  695. left:0px;
  696. width: 100%;
  697. }
  698.  
  699. </style>
  700.  
  701. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  702. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  703.  
  704. {block:IndexPage}
  705. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  706. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  707.  
  708. <script type="text/javascript">
  709. $(window).load(function () {
  710. $('#content').masonry(),
  711. $('.masonryWrap').infinitescroll({
  712. navSelector : "#pagination a",
  713. // selector for the paged navigation (it will be hidden)
  714. nextSelector : "#pagination a",
  715. // selector for the NEXT link (to page 2)
  716. itemSelector : "#entries",
  717. // selector for all items you'll retrieve
  718. bufferPx : 10000,
  719. extraScrollPx: 11000,
  720. },
  721. // call masonry as a callback.
  722. function() { $('#content').masonry({ appendedContent: $(this) }); }
  723. );
  724. });
  725. </script>
  726. {/block:IndexPage}
  727.  
  728. </head>
  729. <body>
  730.  
  731. <div id="over"></div>
  732.  
  733. {block:IfMusicPlayer}<div id="musicplayer"><center><embed style="margin-left:-18px;" src=MUSIC CODES GO HERE (make sure you leave out the embed src first section of the code!)</center>
  734.  
  735. </div>
  736.  
  737. <div id="museek"><img src="http://media.tumblr.com/tumblr_m9c42oP5ds1rto88t.gif"/></div>{/block:IfMusicPlayer}
  738.  
  739. <div id="sidebar">
  740.  
  741. <img src="{image:sidebar}">
  742.  
  743. <div id="banner">{title}
  744.  
  745. <div id="smbanner">{text:second title}
  746.  
  747. <div id="awesome"><div id="glow">
  748. <a href="/">home</a>
  749. <a href="/ask">ask me</a>
  750. <a href="http://benizora.tumblr.com">theme</a>
  751. {block:IfLink1}<a href="{text:link 1}">{text:link 1 title}</a>{/block:IfLink1}
  752. {block:IfLink2}<a href="{text:link 2}">{text:link 2 title}</a>{/block:IfLink2}
  753. {block:IfLink3}<a href="{text:link 3}">{text:link 3 title}</a>{/block:IfLink3}
  754.  
  755. </div>
  756.  
  757. </div>
  758.  
  759. <div id="sidedesc">
  760. {block:Description}{Description}{/block:Description}
  761.  
  762. <div id="pagination">
  763. {block:Pagination}
  764. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
  765. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
  766. {/block:Pagination}
  767.  
  768. </div>
  769.  
  770. </div>
  771.  
  772. </div>
  773.  
  774. </div>
  775.  
  776. </div>
  777.  
  778.  
  779. <div id="content">
  780.  
  781.  
  782. {block:Posts}
  783.  
  784. <div id="entries">
  785.  
  786. {block:Text}
  787.  
  788. {block:Title}<div id="title">{Title}</div>{/block:Title}
  789. {Body}
  790.  
  791. {/block:Text}
  792.  
  793. {block:Photo}
  794.  
  795.  
  796. {LinkOpenTag}<div id="photo"><img src="{PhotoURL-500}" class="center"></div>{LinkCloseTag}
  797.  
  798. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  799.  
  800. {block:IfNotShowCaptions}
  801.  
  802. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  803.  
  804. {/block:Photo}
  805.  
  806. {block:Photoset}
  807.  
  808. {block:IndexPage}{LinkOpenTag}<div id="photo">{Photoset-250}</div>{LinkCloseTag}{/block:IndexPage}
  809.  
  810. {block:PermalinkPage}{LinkOpenTag}<div id="photo">{Photoset-500}</div>{LinkCloseTag}{/block:PermalinkPage}
  811.  
  812. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}{block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifnotshowcaptions}
  813.  
  814. {/block:Photoset}
  815.  
  816. {block:Quote}
  817.  
  818. <div id="pretty">“</div><div id="quotes">{Quote}</div>{block:Source}<div id="sources"> {Source}</div>{/block:Source}
  819.  
  820. {/block:Quote}
  821.  
  822. {block:Link}
  823.  
  824. <div id="title">
  825. <a href="{URL}" {Target}>{Name}</a>
  826. </div>
  827. {block:Description}{Description}{/block:Description}
  828.  
  829. {/block:Link}
  830.  
  831. {block:Chat}
  832.  
  833. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul><br>
  834.  
  835. {/block:Chat}
  836.  
  837. {block:Audio}
  838.  
  839. <div id="entries audio">
  840.  
  841. <div id="mcont">
  842. <div class="shadow">
  843. <div class="pressplay">
  844. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  845. </div></div>
  846. <div class="defaultart"><img src="http://static.tumblr.com/e1ydrvt/yutma3ebm/default.png"></div>
  847. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><br>
  848. {block:Artist}<div class="music"><b>ARTIST:</b> {Artist}</div>{/block:Artist}
  849. {block:TrackName}<div class="music"><b>TRACK:</b> {TrackName}</div>{/block:TrackName}
  850. {block:Album}<div class="music"><b>ALBUM:</b> {Album}</div>{/block:Album}
  851. </div>
  852.  
  853. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}</div>
  854.  
  855. {/block:Audio}
  856.  
  857. {block:Video}
  858.  
  859. <div id="photo">{Video-250}</div>{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  860.  
  861. {/block:Video}
  862.  
  863. {block:Answer}
  864.  
  865. <div id="asks"><div id="askcontainer">♔ <b>{Asker}</b> says: {Question}</div></div>{Answer}
  866.  
  867. {/block:Answer}
  868.  
  869. {block:IndexPage}
  870.  
  871. {block:Date}<div id="permalink">posted:<a href="{Permalink}"> {Timeago} with {NoteCountWithLabel}</a> ◆ <a href="{ReblogURL}">reblog</a>
  872.  
  873. {/block:HasTags}</div>
  874. {/block:Date}
  875.  
  876. {/block:IndexPage}
  877.  
  878. {block:PermalinkPage}
  879.  
  880. <div class="permalink">
  881.  
  882. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  883.  
  884. {block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;|&nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom} {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
  885. {block:PostNotes}{PostNotes}{/block:PostNotes}
  886.  
  887. </div>
  888. {/block:PermalinkPage}
  889.  
  890. </div>
  891.  
  892. {/block:Posts}
  893.  
  894. </div>
  895.  
  896. </div>
  897.  
  898. </body>
  899.  
  900. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement