API tools faq
paste
Advertisement
benizora

Theme 11: { 雪 } Yuki

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