API tools faq
paste
Advertisement
Gazlan

Tumblr Shining

Gazlan
Oct 18th, 2014
223
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 25.74 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.  
  5. <head>
  6.  
  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  8.  
  9. <title>{Title}{block:PostTitle} &raquo; {PostTitle} {/block:PostTitle}</title>
  10.  
  11. <meta name="description" content="{MetaDescription}" />
  12.  
  13. <link rel="shortcut icon" href="{Favicon}" />
  14.  
  15. <link rel="alternate" type="application/rss+xml" title="{Title}" href="{RSS}" />
  16.  
  17. <style type="text/css">
  18.  
  19. /* Reset */
  20.  
  21. html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, hr {
  22. margin:0;
  23. padding:0;
  24. }
  25.  
  26. h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
  27. font-size:1em;
  28. font-weight:normal;
  29. font-style:normal;
  30. }
  31.  
  32. ul, ol {
  33. list-style:none;
  34. }
  35.  
  36. fieldset, img, hr {
  37. border:0;
  38. }
  39.  
  40. caption, th {
  41. text-align:left;
  42. }
  43.  
  44. table {
  45. border-collapse:collapse;
  46. border-spacing:0;
  47. }
  48.  
  49. td {
  50. vertical-align:top;
  51. }
  52.  
  53. /* ---------------------- */
  54.  
  55. /* Structure */
  56.  
  57. body {
  58. text-align:center;
  59. }
  60.  
  61. div#container {
  62. margin:0 auto;
  63. padding:0 51px;
  64. width:900px;
  65. }
  66.  
  67. h1 {
  68. padding:40px 0;
  69. }
  70.  
  71. ul#menu {
  72. height:28px;
  73. padding:3px 0 0;
  74. }
  75.  
  76. ul#menu li {
  77. display:inline;
  78. }
  79.  
  80. ul#menu a {
  81. margin:0 3px;
  82. padding:0 5px;
  83. }
  84.  
  85. div.post {
  86. margin:0 0 10px;
  87. overflow:hidden;
  88. }
  89.  
  90. div.text p.meta a {
  91. display:block;
  92. float:right;
  93. margin:20px 30px 3px;
  94. width:300px;
  95. }
  96.  
  97. div.text div.body {
  98. margin:0 auto;
  99. padding:20px;
  100. width:800px;
  101. }
  102.  
  103. div.body p, div.body ul, div.body ol {
  104. margin:10px 0;
  105. }
  106.  
  107. div.text p.tags {
  108. display:inline-block;
  109. margin:3px 0 20px;
  110. padding:3px 25px;
  111. }
  112.  
  113. div.text p.tags a {
  114. padding:0 5px;
  115. }
  116.  
  117. div.the-photo {
  118. float:left;
  119. margin:25px 0 25px 25px;
  120. padding:15px 15px 20px;
  121. width:400px;
  122. }
  123.  
  124. div.photo div.caption {
  125. float:right;
  126. margin:15px 25px 25px 0;
  127. width:380px;
  128. }
  129.  
  130. div.photo p.meta {
  131. margin:5px 0 0;
  132. }
  133.  
  134. div.photo p.tags a {
  135. margin:0 5px;
  136. }
  137.  
  138. div.the-quote {
  139. margin:50px auto 0;
  140. padding:15px 25px;
  141. width:750px;
  142. }
  143.  
  144. div.quote div.body p.tags {
  145. margin:0;
  146. padding:10px 200px 10px 50px;
  147. }
  148.  
  149. div.quote p.tags a {
  150. margin:0 5px 0 0;
  151. }
  152.  
  153. div.source {
  154. padding:0 75px 25px 50px;
  155. }
  156.  
  157. div.link div.body {
  158. margin:50px auto;
  159. width:800px;
  160. }
  161.  
  162. div.link h2 a {
  163. padding:0;
  164. }
  165.  
  166. div.chat div.body {
  167. margin:25px auto;
  168. width:800px;
  169. }
  170.  
  171. div.chat li {
  172. margin:0 0 10px;
  173. padding:5px 10px;
  174. }
  175.  
  176. div.chat p.meta {
  177. margin:5px 0 25px;
  178. }
  179.  
  180. div.audio div.body {
  181. margin:50px auto;
  182. width:800px;
  183. }
  184.  
  185. p.album-art {
  186. float:left;
  187. width:220px;
  188. }
  189.  
  190. p.album-art img {
  191. width:200px;
  192. }
  193.  
  194. div.song-info {
  195. float:left;
  196. margin:10px 0 0;
  197. width:475px;
  198. }
  199.  
  200. div.song-info p {
  201. margin:0 0 10px;
  202. padding:3px 10px;
  203. }
  204.  
  205. div.audio p.tags {
  206. margin:10px 0 25px;
  207. }
  208.  
  209. div.the-video {
  210. float:left;
  211. margin:25px 0 25px 25px;
  212. padding:15px;
  213. width:400px;
  214. }
  215.  
  216. div.video div.caption {
  217. float:right;
  218. margin:25px;
  219. width:385px;
  220. }
  221.  
  222. div.video p.meta {
  223. margin:0 0 15px;
  224. }
  225.  
  226. div.video p.tags {
  227. margin:15px 0 0;
  228. }
  229.  
  230. div.answer p.meta {
  231. margin:25px 0 10px;
  232. }
  233.  
  234. div#footer {
  235. margin:-10px auto 0;
  236. padding:10px 0;
  237. width:900px;
  238. }
  239.  
  240. p#navigation a, p#navigation span {
  241. margin:0 10px 0 0;
  242. padding:5px 25px;
  243. }
  244.  
  245. div#description {
  246. margin:50px 0 35px;
  247. overflow:hidden;
  248. }
  249.  
  250. p#profile-pic {
  251. float:left;
  252. margin:10px 15px 15px 0;
  253. }
  254.  
  255. p#credits {
  256. padding:5px;
  257. }
  258.  
  259. p#credits span {
  260. margin:0 25px;
  261. }
  262.  
  263. div.text p.meta, div.album {
  264. overflow:hidden;
  265. }
  266.  
  267. div.text p.meta span, div.photo p.meta span {
  268. margin:0 10px;
  269. }
  270.  
  271. div.quote p.tags a, div.link a {
  272. padding:1px 10px;
  273. }
  274.  
  275. div.chat a, div.video a {
  276. padding:1px 3px;
  277. }
  278.  
  279. div.song p.meta, p#navigation {
  280. margin:15px 0;
  281. }
  282.  
  283. div.the-question, div.the-answer {
  284. padding:25px 50px;
  285. }
  286.  
  287. div#description a {
  288. padding:1px 5px;
  289. }
  290.  
  291. div.link p.meta span {
  292. margin:0 10px;
  293. }
  294.  
  295. div.body ul, div.body ol, div.body blockquote {
  296. padding:0 0 0 10px;
  297. }
  298.  
  299. div.body li {
  300. margin:0 0 10px;
  301. }
  302.  
  303. div#notes {
  304. margin:25px 0 0;
  305. padding:25px 100px;
  306. }
  307.  
  308. div#notes li {
  309. margin:0 0 10px;
  310. }
  311.  
  312. div.body {
  313. overflow:hidden;
  314. }
  315.  
  316. /* ---------------------- */
  317.  
  318. /* Typography */
  319.  
  320. /* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 26, 2010 */
  321.  
  322. @font-face {
  323.     font-family: 'LeagueGothicRegular';
  324.     src: url('http://static.tumblr.com/nfoxfxu/avNl69atw/league_gothic-webfont.eot');
  325.     src: local('☺'), url('http://static.tumblr.com/nfoxfxu/CxCl69auq/league_gothic-webfont.woff') format('woff'), url('http://static.tumblr.com/nfoxfxu/ySEl69av4/league_gothic-webfont.ttf') format('truetype'), url('http://static.tumblr.com/nfoxfxu/ARdl69avx/league_gothic-webfont.svg#webfonth8J5BRG2') format('svg');
  326.     font-weight: normal;
  327.     font-style: normal;
  328. }
  329.  
  330. strong {
  331. font-weight:700;
  332. }
  333.  
  334. strong em, em strong {
  335. font-style:italic;
  336. font-weight:700;
  337. }
  338.  
  339. body {
  340. font:1em georgia, 'times new roman', serif;
  341. line-height:1.75;
  342. text-align:center;
  343. }
  344.  
  345. h1 {
  346. font-family:LeagueGothicRegular, helvetica, arial, sans-serif;
  347. font-size:5.25em;
  348. }
  349.  
  350. h1 a {
  351. text-decoration:none;
  352. text-shadow:#2792a2 1px 1px 0;
  353. }
  354.  
  355. ul#menu {
  356. font-size:0.75em;
  357. text-transform:uppercase;
  358. }
  359.  
  360. div.text div.body {
  361. font-size:0.85em;
  362. }
  363.  
  364. div.photo {
  365. text-shadow:#eee 1px 1px 0;
  366. }
  367.  
  368. div.photo div.caption {
  369. font-size:0.85em;
  370. text-align:left;
  371. }
  372.  
  373. div.photo p.tags a {
  374. font-family:LeagueGothicRegular, helvetica, arial, sans-serif;
  375. font-size:1.25em;
  376. }
  377.  
  378. div.quote p.tags a {
  379. text-decoration:none;
  380. }
  381.  
  382. div.source {
  383. text-align:right;
  384. }
  385.  
  386. div.link {
  387. text-align:left;
  388. text-shadow:#333 1px 1px 0;
  389. }
  390.  
  391. div.link h2 {
  392. font-family:LeagueGothicRegular, helvetica, arial, sans-serif;
  393. font-size:4.25em;
  394. }
  395.  
  396. div.song-info {
  397. font-family:LeagueGothicRegular, helvetica, arial, sans-serif;
  398. font-size:2em;
  399. line-height:1;
  400. text-align:left;
  401. }
  402.  
  403. div.the-video {
  404. line-height:1;
  405. text-align:left;
  406. }
  407.  
  408. div.video div.caption {
  409. text-align:left;
  410. text-shadow:#e9d4c1 1px 1px 0;
  411. }
  412.  
  413. div.video a:hover {
  414. text-shadow:none;
  415. }
  416.  
  417. div.the-question {
  418. text-align:left;
  419. text-shadow:#fff 1px 1px 0;
  420. }
  421.  
  422. div.the-answer {
  423. text-align:left;
  424. text-shadow:#000 1px 1px 0;
  425. }
  426.  
  427. p#navigation {
  428. font-family:LeagueGothicRegular, helvetica, arial, sans-serif;
  429. font-size:1.75em;
  430. }
  431.  
  432. p#navigation a, p#navigation span {
  433. line-height:1;
  434. text-decoration:none;
  435. }
  436.  
  437. div.chat h2, div.answer h2 {
  438. font-family:LeagueGothicRegular, helvetica, arial, sans-serif;
  439. font-size:3.25em;
  440. }
  441.  
  442. em, p.asker {
  443. font-style:italic;
  444. }
  445.  
  446. ul#menu a, div.text p.tags a, div.photo div.caption a, div.photo div.the-photo a, div.the-quote a, div.link h2 a, div.link a, div.chat a {
  447. text-decoration:none;
  448. }
  449.  
  450. div.text p.meta a, div.text p.tags {
  451. font-size:0.95em;
  452. text-decoration:none;
  453. }
  454.  
  455. div.text h2, div.the-quote, div.quote p.tags, div.source {
  456. font-family:LeagueGothicRegular, helvetica, arial, sans-serif;
  457. font-size:2.25em;
  458. }
  459.  
  460. div.text div.body, div.the-quote, div.quote p.tags, div.chat div.body, div.song, div.audio p.tags, div#description {
  461. text-align:left;
  462. }
  463.  
  464. div.photo p.meta, div.chat p.meta, div.chat p.tags {
  465. font-family:LeagueGothicRegular, helvetica, arial, sans-serif;
  466. font-size:1.15em;
  467. }
  468.  
  469. div.audio a, div.video a, div.the-question a, div.the-answer a, p#credits a {
  470. font-weight:700;
  471. text-decoration:none;
  472. }
  473.  
  474. p#credits {
  475. font-size:1.5em;
  476. }
  477.  
  478. div#description {
  479. font-size:0.9em;
  480. }
  481.  
  482. div#description a {
  483. font-weight:700;
  484. text-decoration:none;
  485. }
  486.  
  487. div.quote p.tags {
  488. font:italic 700 0.9em georgia, 'times new roman', serif;
  489. }
  490.  
  491. div.source a {
  492. text-decoration:none;
  493. }
  494.  
  495. div.text div.body a {
  496. font-weight:700;
  497. text-decoration:none;
  498. }
  499.  
  500. div.body ul {
  501. list-style:circle;
  502. }
  503.  
  504. div.body ol {
  505. list-style:decimal;
  506. }
  507.  
  508. div#notes {
  509. text-shadow:none;
  510. }
  511.  
  512. div#notes h2 {
  513. font-family:LeagueGothicRegular, helvetica, arial, sans-serif;
  514. font-size:3.25em;
  515. text-align:center;
  516. }
  517.  
  518. div#notes ol {
  519. font-size:0.9em;
  520. list-style:decimal;
  521. text-align:left;
  522. }
  523.  
  524. div#notes a {
  525. font-weight:700;
  526. text-decoration:none;
  527. }
  528.  
  529.  
  530. h1, div.photo p.tags a, div.link h2, div.song-info, p#navigation, div.chat h2, div.answer h2, div.text h2, div.the-quote, div#notes h2, div.source, div.photo p.meta, div.chat p.meta, div.chat p.tags, p#credits {text-transform:uppercase; line-height:1.25;}
  531.  
  532. /* ---------------------- */
  533.  
  534. /* Colors, backgrounds, and borders */
  535.  
  536. body {
  537. background:#e8e8e8 url('http://static.tumblr.com/nfoxfxu/oRal65lm0/background.png');
  538. color:#333;
  539. }
  540.  
  541. div#container {
  542. background:url('http://static.tumblr.com/nfoxfxu/p38l65lmh/shadow.png') repeat-y;
  543. }
  544.  
  545. h1 {
  546. background:url('http://static.tumblr.com/nfoxfxu/7cCl65lmw/header.jpg') repeat-y;
  547. }
  548.  
  549. h1 a {
  550. color:#fff;
  551. }
  552.  
  553. ul#menu {
  554. background:url('http://static.tumblr.com/nfoxfxu/1f1l65lnd/menu.png');
  555. border-bottom:#aaa 1px solid;
  556. border-top:#ccc 1px solid;
  557. }
  558.  
  559. ul#menu a {
  560. color:#555;
  561. }
  562.  
  563. ul#menu a:hover {
  564. border-bottom:#555 1px dotted;
  565. }
  566.  
  567. div#content {
  568. background:url('http://static.tumblr.com/nfoxfxu/eNFl65lnq/separator.png');
  569. }
  570.  
  571. div.text {
  572. background:url('http://static.tumblr.com/nfoxfxu/vdll65lo3/text.jpg');
  573. }
  574.  
  575. div.text p.meta a {
  576. -moz-border-radius:10px 10px 0 0;
  577. -webkit-border-radius:10px 10px 0 0;
  578. background:url('http://static.tumblr.com/nfoxfxu/79Vl65lof/white25.png');
  579. border:#dbd3c6 2px solid;
  580. border-radius:10px 10px 0 0;
  581. color:#8f8479;
  582. }
  583.  
  584. div.text div.body {
  585. background:url('http://static.tumblr.com/nfoxfxu/M6Xl65lox/white75.png');
  586. border:#dbd3c6 2px solid;
  587. }
  588.  
  589. div.text p.tags {
  590. -moz-border-radius:0 0 10px 10px;
  591. -webkit-border-radius:0 0 10px 10px;
  592. background:url('http://static.tumblr.com/nfoxfxu/79Vl65lof/white25.png');
  593. border:#dbd3c6 2px solid;
  594. border-radius:0 0 10px 10px;
  595. color:#8f8479;
  596. }
  597.  
  598. div.text p.tags a {
  599. color:#8f8479;
  600. }
  601.  
  602. div.text p.tags a:hover {
  603. color:#5f5449;
  604. }
  605.  
  606. div.photo {
  607. background:url('http://static.tumblr.com/nfoxfxu/pbRl65lqp/photo.jpg');
  608. color:#000;
  609. }
  610.  
  611. div.the-photo {
  612. background:url('http://static.tumblr.com/nfoxfxu/M6Xl65lox/white75.png');
  613. border:#aaa 1px dotted;
  614. }
  615.  
  616. div.photo div.caption a {
  617. border-bottom:#333 1px dotted;
  618. color:inherit;
  619. }
  620.  
  621. div.photo div.the-photo a {
  622. color:inherit;
  623. text-decoration:none;
  624. }
  625.  
  626. div.photo div.the-photo a:hover {
  627. border-bottom:#000 1px dotted;
  628. }
  629.  
  630. div.quote {
  631. background:url('http://static.tumblr.com/nfoxfxu/jZGl65lr5/quote.jpg');
  632. }
  633.  
  634. div.the-quote {
  635. -moz-border-radius:10px;
  636. -webkit-border-radius:10px;
  637. background:url('http://static.tumblr.com/nfoxfxu/ad1l65lrj/black85.png');
  638. border-radius:10px;
  639. color:#efefef;
  640. }
  641.  
  642. div.the-quote a {
  643. border-bottom:#fff 1px dotted;
  644. color:inherit;
  645. }
  646.  
  647. div.quote p.tags {
  648. background:url('http://static.tumblr.com/nfoxfxu/p18l65ls1/triangle.png') 750px 0 no-repeat;
  649. }
  650.  
  651. div.quote p.tags a {
  652. -moz-border-radius:10px;
  653. -webkit-border-radius:10px;
  654. background:url('http://static.tumblr.com/nfoxfxu/AUfl65lsc/black50.png');
  655. border-radius:10px;
  656. color:#fff;
  657. }
  658.  
  659. div.quote p.tags a:hover {
  660. background:url('http://static.tumblr.com/nfoxfxu/AFYl65lt3/black70.png');
  661. }
  662.  
  663. div.link {
  664. background:url('http://static.tumblr.com/nfoxfxu/V0wl65ltl/link.jpg');
  665. color:#fff;
  666. }
  667.  
  668. div.link h2 a {
  669. background:none;
  670. color:inherit;
  671. }
  672.  
  673. div.link h2 a:hover {
  674. background:url('http://static.tumblr.com/nfoxfxu/AUfl65lsc/black50.png');
  675. }
  676.  
  677. div.link a {
  678. -moz-border-radius:10px;
  679. -webkit-border-radius:10px;
  680. background:url('http://static.tumblr.com/nfoxfxu/4RCl65lum/black25.png');
  681. border-radius:10px;
  682. color:inherit;
  683. }
  684.  
  685. div.link a:hover {
  686. -moz-border-radius:10px;
  687. -webkit-border-radius:10px;
  688. background:url('http://static.tumblr.com/nfoxfxu/AFYl65lt3/black70.png');
  689. border-radius:10px;
  690. }
  691.  
  692. div.chat {
  693. background:url('http://static.tumblr.com/nfoxfxu/zz7l65lv8/chat.png');
  694. }
  695.  
  696. div.chat li {
  697. -moz-border-radius:10px;
  698. -webkit-border-radius:10px;
  699. background:url('http://static.tumblr.com/nfoxfxu/M6Xl65lox/white75.png');
  700. border:#b1eae7 1px dotted;
  701. border-radius:10px;
  702. }
  703.  
  704. div.chat a {
  705. background:#444;
  706. color:#fff;
  707. }
  708.  
  709. div.chat a:hover {
  710. background:#000;
  711. }
  712.  
  713. div.audio {
  714. background:url('http://static.tumblr.com/nfoxfxu/447l65lvo/audio.jpg');
  715. }
  716.  
  717. div.song-info p {
  718. background:#fff;
  719. }
  720.  
  721. div.audio a {
  722. background:url('http://static.tumblr.com/nfoxfxu/79Vl65lof/white25.png');
  723. color:inherit;
  724. }
  725.  
  726. div.video {
  727. background:url('http://static.tumblr.com/nfoxfxu/5a8l65lw1/video.jpg');
  728. color:#111;
  729. }
  730.  
  731. div.the-video {
  732. background:#111;
  733. }
  734.  
  735. div.video a {
  736. -moz-border-radius:10px;
  737. -webkit-border-radius:10px;
  738. border-radius:10px;
  739. color:inherit;
  740. }
  741.  
  742. div.video a:hover {
  743. background:#af7d36;
  744. color:#fff;
  745. }
  746.  
  747. div.answer {
  748. background:url('http://static.tumblr.com/nfoxfxu/va2l65lwf/answer.jpg');
  749. }
  750.  
  751. div.the-question {
  752. background:url('http://static.tumblr.com/nfoxfxu/M6Xl65lox/white75.png');
  753. border-bottom:#ccc 1px dotted;
  754. }
  755.  
  756. div.the-question a:hover {
  757. border-bottom:#333 1px dotted;
  758. }
  759.  
  760. p.asker {
  761. color:#666;
  762. }
  763.  
  764. div.the-answer {
  765. background:url('http://static.tumblr.com/nfoxfxu/ad1l65lrj/black85.png');
  766. color:#eee;
  767. }
  768.  
  769. div.the-answer a:hover {
  770. border-bottom:#eee 1px dotted;
  771. }
  772.  
  773. div.answer p.meta a, div.answer p.tags a {
  774. color:#999;
  775. }
  776.  
  777. div#footer {
  778. background:url('http://static.tumblr.com/nfoxfxu/OcPl65lws/container-bottom.png') center top no-repeat;
  779. }
  780.  
  781. p#navigation a, p#navigation span {
  782. -moz-border-radius:10px;
  783. -webkit-border-radius:10px;
  784. background:url('http://static.tumblr.com/nfoxfxu/AFYl65lt3/black70.png');
  785. border-radius:10px;
  786. color:#eee;
  787. }
  788.  
  789. p#navigation a:hover {
  790. background:url('http://static.tumblr.com/nfoxfxu/ad1l65lrj/black85.png');
  791. }
  792.  
  793. p#profile-pic img {
  794. border:#333 10px solid;
  795. }
  796.  
  797. p#credits {
  798. -moz-border-radius:10px;
  799. -webkit-border-radius:10px;
  800. background:url('http://static.tumblr.com/nfoxfxu/M6Xl65lox/white75.png');
  801. border-radius:10px;
  802. color:#666;
  803. }
  804.  
  805. p#credits a:hover {
  806. border-bottom:#666 1px dotted;
  807. }
  808.  
  809. div.text p.meta a:hover, div.audio a:hover {
  810. background:url('http://static.tumblr.com/nfoxfxu/M6Xl65lox/white75.png');
  811. }
  812.  
  813. div.the-question a, div.the-answer a, p#credits a {
  814. color:inherit;
  815. }
  816.  
  817. div#description a {
  818. background:#fff;
  819. -moz-border-radius:10px;
  820. -webkit-border-radius:10px;
  821. color:inherit;
  822. }
  823.  
  824. div#description a:hover {
  825. background:#333;
  826. color:#fff;
  827. }
  828.  
  829. div.source a {
  830. color:inherit;
  831. }
  832.  
  833. div.source a:hover {
  834. border-bottom:#333 1px dotted;
  835. }
  836.  
  837. p.album-art img {
  838. background:#333;
  839. border-bottom:#333 8px solid;
  840. padding:1px;
  841. }
  842.  
  843. div.text div.body a {
  844. color:inherit;
  845. }
  846.  
  847. div.text div.body a:hover {
  848. border-bottom:#333 1px dotted;
  849. }
  850.  
  851. div.body blockquote {
  852. border-left:#333 3px solid;
  853. }
  854.  
  855. div#notes {
  856. background:url('http://static.tumblr.com/nfoxfxu/AFYl65lt3/black70.png');
  857. color:#eee;
  858. }
  859.  
  860. div#notes a {
  861. color:inherit;
  862. }
  863.  
  864. div#notes a:hover {
  865. border-bottom:#eee 1px dotted;
  866. }
  867.  
  868. /* ---------------------- */
  869.  
  870. /* Search form stuff */
  871.  
  872. form#search {
  873. margin:10px 0;
  874. }
  875.  
  876. form#search input {
  877. background:#fff;
  878. -moz-border-radius:10px;
  879. -webkit-border-radius:10px;
  880. color:#666;
  881. font:inherit;
  882. border:#888 1px dotted;
  883. margin:2px;
  884. padding:1px 3px;
  885. }
  886.  
  887. form#search button {
  888. background:#666;
  889. -moz-border-radius:10px;
  890. -webkit-border-radius:10px;
  891. color:#fff;
  892. font:inherit;
  893. border:#888 1px dotted;
  894. margin:2px;
  895. padding:1px 3px;
  896. }
  897.  
  898. /* ---------------------- */
  899.  
  900. {CustomCSS}
  901.  
  902. </style>
  903.  
  904. <script src="http://static.tumblr.com/nfoxfxu/kejl65lb5/cufon-yui.js" type="text/javascript"></script>
  905.  
  906. <script src="http://static.tumblr.com/thpaaos/dp1kzhzvk/league-gothic.font.js" type="text/javascript"></script>
  907.  
  908. <script type="text/javascript">
  909. Cufon.replace('h1');
  910. Cufon.replace('div.photo p.tags a');
  911. Cufon.replace('div.link h2');
  912. Cufon.replace('div.song-info');
  913. Cufon.replace('p#navigation');
  914. Cufon.replace('div.chat h2');
  915. Cufon.replace('div.answer h2');
  916. Cufon.replace('div.text h2');
  917. Cufon.replace('div.the-quote');
  918. Cufon.replace('div#notes h2');
  919. Cufon.replace('div.source');
  920. Cufon.replace('div.photo p.meta');
  921. Cufon.replace('div.chat p.meta');
  922. Cufon.replace('div.chat p.tags');
  923. Cufon.replace('p#credits');
  924. </script>
  925.  
  926. </head>
  927.  
  928. <body>
  929.  
  930. <div id="container">
  931.  
  932.     <div id="header">
  933.    
  934.         <h1><a href="/">{Title}</a></h1>
  935.        
  936.         <ul id="menu">
  937.        
  938.             <li><a href="/archive">{lang:Archive}</a></li>
  939.             <li><a href="/random">{lang:Random}</a></li>
  940.             <li><a href="/mobile">{lang:Mobile}</a></li>
  941.             <li><a href="{RSS}">{lang:RSS}</a></li>
  942.             {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}
  943.             {block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
  944.             {block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
  945.        
  946.         </ul>
  947.    
  948.     </div>
  949.  
  950.     <div id="content">
  951.    
  952.         {block:Posts}
  953.        
  954.         {block:Text}
  955.    
  956.         <div class="post text">
  957.        
  958.             <p class="meta"><a href="{Permalink}" title="{lang:Permalink for this post}"><span>&infin;</span> <span>{block:Date}{MonthNumber}/{DayOfMonth}/{Year} ({12Hour}:{Minutes}{AmPm}){/block:Date}</span> <span>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</span></a></p>
  959.            
  960.             <div class="body">
  961.            
  962.                 <h2>{block:Title}{Title}{/block:Title}</h2>
  963.                
  964.                 {Body}
  965.            
  966.             </div>
  967.            
  968.             <p class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</p>
  969.            
  970.             {block:PostNotes}
  971.        
  972.             <div id="notes">
  973.            
  974.                 <h2>{lang:Notes} ({block:NoteCount}{NoteCount}{/block:NoteCount})</h2>
  975.                
  976.                 {PostNotes}
  977.                
  978.             </div>
  979.            
  980.             {/block:PostNotes}
  981.        
  982.         </div>
  983.        
  984.         {/block:Text}
  985.        
  986.         {block:Photo}
  987.    
  988.         <div class="post photo">
  989.            
  990.             <div class="body">
  991.            
  992.                 <div class="the-photo">
  993.                
  994.                     <p>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{LinkCloseTag}</p>
  995.        
  996.                     <p class="meta"><a href="{Permalink}" title="{lang:Permalink for this post}"><span>&infin;</span> <span>{block:Date}{MonthNumber}/{DayOfMonth}/{Year} ({12Hour}:{Minutes}{AmPm}){/block:Date}</span> <span>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</span></a></p>
  997.            
  998.                     <p class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</p>
  999.                
  1000.                 </div>
  1001.                
  1002.                 <div class="caption">
  1003.                
  1004.                     {block:Caption}{Caption}{/block:Caption}
  1005.                
  1006.                 </div>
  1007.            
  1008.             </div>
  1009.            
  1010.             {block:PostNotes}
  1011.        
  1012.             <div id="notes">
  1013.            
  1014.                 <h2>{lang:Notes} ({block:NoteCount}{NoteCount}{/block:NoteCount})</h2>
  1015.                
  1016.                 {PostNotes}
  1017.                
  1018.             </div>
  1019.            
  1020.             {/block:PostNotes}
  1021.        
  1022.         </div>
  1023.        
  1024.         {/block:Photo}
  1025.        
  1026.         {block:Photoset}
  1027.    
  1028.         <div class="post photo">
  1029.            
  1030.             <div class="body">
  1031.            
  1032.                 <div class="the-photo">
  1033.                
  1034.                     <p>{Photoset-400}</p>
  1035.        
  1036.                     <p class="meta"><a href="{Permalink}" title="{lang:Permalink for this post}"><span>&infin;</span> <span>{block:Date}{MonthNumber}/{DayOfMonth}/{Year} ({12Hour}:{Minutes}{AmPm}){/block:Date}</span> <span>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</span></a></p>
  1037.            
  1038.                     <p class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</p>
  1039.                
  1040.                 </div>
  1041.                
  1042.                 <div class="caption">
  1043.                
  1044.                     {block:Caption}{Caption}{/block:Caption}
  1045.                
  1046.                 </div>
  1047.            
  1048.             </div>
  1049.            
  1050.             {block:PostNotes}
  1051.        
  1052.             <div id="notes">
  1053.            
  1054.                 <h2>{lang:Notes} ({block:NoteCount}{NoteCount}{/block:NoteCount})</h2>
  1055.                
  1056.                 {PostNotes}
  1057.                
  1058.             </div>
  1059.            
  1060.             {/block:PostNotes}
  1061.        
  1062.         </div>
  1063.        
  1064.         {/block:Photoset}
  1065.        
  1066.         {block:Quote}
  1067.    
  1068.         <div class="post quote">
  1069.            
  1070.             <div class="body">
  1071.            
  1072.                 <div class="the-quote">
  1073.                
  1074.                     {Quote}
  1075.                    
  1076.                 </div>
  1077.  
  1078.                 <p class="tags"><a href="{Permalink}" title="{lang:Permalink for this post}">&infin; {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a> {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</p>
  1079.                
  1080.                 <div class="source">
  1081.                
  1082.                     {block:Source}{Source}{/block:Source}
  1083.                
  1084.                 </div>
  1085.            
  1086.             </div>
  1087.            
  1088.             {block:PostNotes}
  1089.        
  1090.             <div id="notes">
  1091.            
  1092.                 <h2>{lang:Notes} ({block:NoteCount}{NoteCount}{/block:NoteCount})</h2>
  1093.                
  1094.                 {PostNotes}
  1095.                
  1096.             </div>
  1097.            
  1098.             {/block:PostNotes}
  1099.        
  1100.         </div>
  1101.        
  1102.         {/block:Quote}
  1103.        
  1104.         {block:Link}
  1105.    
  1106.         <div class="post link">
  1107.            
  1108.             <div class="body">
  1109.            
  1110.                 <h2><a href="{URL}" {Target}>{Name} &rarr;</a></h2>
  1111.                
  1112.                 <div class="caption">
  1113.                
  1114.                     {block:Description}{Description}{/block:Description}
  1115.                
  1116.                 </div>
  1117.        
  1118.                 <p class="meta"><a href="{Permalink}" title="{lang:Permalink for this post}"><span>&infin;</span> <span>{block:Date}{MonthNumber}/{DayOfMonth}/{Year} ({12Hour}:{Minutes}{AmPm}){/block:Date}</span> <span>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</span></a></p>
  1119.            
  1120.                 <p class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</p>
  1121.            
  1122.             </div>
  1123.            
  1124.             {block:PostNotes}
  1125.        
  1126.             <div id="notes">
  1127.            
  1128.                 <h2>{lang:Notes} ({block:NoteCount}{NoteCount}{/block:NoteCount})</h2>
  1129.                
  1130.                 {PostNotes}
  1131.                
  1132.             </div>
  1133.            
  1134.             {/block:PostNotes}
  1135.        
  1136.         </div>
  1137.        
  1138.         {/block:Link}
  1139.        
  1140.         {block:Chat}
  1141.    
  1142.         <div class="post chat">
  1143.            
  1144.             <div class="body">
  1145.            
  1146.                 <h2>{block:Title}{Title}{/block:Title}</h2>
  1147.                
  1148.                 <ul class="the-chat">
  1149.                
  1150.                     {block:Lines}<li>{block:Label}<strong class="name">{Label}</strong>{/block:Label} {Line}</li>{/block:Lines}
  1151.                
  1152.                 </ul>
  1153.            
  1154.             </div>
  1155.            
  1156.             <p class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</p>
  1157.        
  1158.             <p class="meta"><a href="{Permalink}" title="{lang:Permalink for this post}"><span>&infin;</span> <span>{block:Date}{MonthNumber}/{DayOfMonth}/{Year} ({12Hour}:{Minutes}{AmPm}){/block:Date}</span> <span>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</span></a></p>
  1159.            
  1160.             {block:PostNotes}
  1161.        
  1162.             <div id="notes">
  1163.            
  1164.                 <h2>{lang:Notes} ({block:NoteCount}{NoteCount}{/block:NoteCount})</h2>
  1165.                
  1166.                 {PostNotes}
  1167.                
  1168.             </div>
  1169.            
  1170.             {/block:PostNotes}
  1171.        
  1172.         </div>
  1173.        
  1174.         {/block:Chat}
  1175.        
  1176.         {block:Audio}
  1177.    
  1178.         <div class="post audio">
  1179.            
  1180.             <div class="body">
  1181.            
  1182.                 <div class="album">
  1183.                
  1184.                     {block:AlbumArt}<p class="album-art"><img src="{AlbumArtURL}" alt="{block:Album}{Album}{/block:Album}" /></p>{/block:AlbumArt}
  1185.                    
  1186.                     <div class="song-info">
  1187.                    
  1188.                         <p><strong>Track name:</strong> {block:TrackName}{TrackName}{/block:TrackName}</p>
  1189.                        
  1190.                         <p><strong>Artist:</strong> {block:Artist}{Artist}{/block:Artist}</p>
  1191.                        
  1192.                         <p><strong>Album:</strong> {block:Album}{Album}{/block:Album}</p>
  1193.                    
  1194.                     </div>
  1195.                
  1196.                 </div>
  1197.                
  1198.                 <div class="song">
  1199.                
  1200.                     <p class="audio">{AudioPlayerWhite}<br />
  1201.                     <small>{lang:Played PlayCount times}</small></p>
  1202.        
  1203.                     <p class="meta"><a href="{Permalink}" title="{lang:Permalink for this post}"><span>&infin;</span> <span>{block:Date}{MonthNumber}/{DayOfMonth}/{Year} ({12Hour}:{Minutes}{AmPm}){/block:Date}</span> <span>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</span></a></p>
  1204.                    
  1205.                     <div class="caption">
  1206.                
  1207.                         {block:Caption}{Caption}{/block:Caption}
  1208.                    
  1209.                     </div>
  1210.                
  1211.                 </div>
  1212.            
  1213.                 <p class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</p>
  1214.                            
  1215.             </div>
  1216.            
  1217.             {block:PostNotes}
  1218.        
  1219.             <div id="notes">
  1220.            
  1221.                 <h2>{lang:Notes} ({block:NoteCount}{NoteCount}{/block:NoteCount})</h2>
  1222.                
  1223.                 {PostNotes}
  1224.                
  1225.             </div>
  1226.            
  1227.             {/block:PostNotes}
  1228.        
  1229.         </div>
  1230.        
  1231.         {/block:Audio}
  1232.        
  1233.         {block:Video}
  1234.    
  1235.         <div class="post video">
  1236.            
  1237.             <div class="body">
  1238.            
  1239.                 <div class="the-video">{Video-400}</div>
  1240.                
  1241.                 <div class="caption">
  1242.        
  1243.                     <p class="meta"><a href="{Permalink}" title="{lang:Permalink for this post}"><span>&infin;</span> <span>{block:Date}{MonthNumber}/{DayOfMonth}/{Year} ({12Hour}:{Minutes}{AmPm}){/block:Date}</span> <span>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</span></a></p>
  1244.                
  1245.                     {block:Caption}{Caption}{/block:Caption}
  1246.            
  1247.                     <p class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</p>
  1248.                    
  1249.                 </div>
  1250.                            
  1251.             </div>
  1252.            
  1253.             {block:PostNotes}
  1254.        
  1255.             <div id="notes">
  1256.            
  1257.                 <h2>{lang:Notes} ({block:NoteCount}{NoteCount}{/block:NoteCount})</h2>
  1258.                
  1259.                 {PostNotes}
  1260.                
  1261.             </div>
  1262.            
  1263.             {/block:PostNotes}
  1264.        
  1265.         </div>
  1266.        
  1267.         {/block:Video}
  1268.        
  1269.         {block:Answer}
  1270.    
  1271.         <div class="post answer">
  1272.            
  1273.             <div class="body">
  1274.            
  1275.                 <div class="the-question">
  1276.                
  1277.                     <h2>Question:</h2>
  1278.                
  1279.                     <p>{Question}</p>
  1280.                    
  1281.                     <p class="asker">{lang:Asked by Asker}</p>
  1282.                
  1283.                 </div>
  1284.                
  1285.                 <div class="the-answer">
  1286.                
  1287.                     <h2>{lang:Answer}:</h2>
  1288.                    
  1289.                     {Answer}
  1290.        
  1291.                     <p class="meta"><a href="{Permalink}" title="{lang:Permalink for this post}"><span>&infin;</span> <span>{block:Date}{MonthNumber}/{DayOfMonth}/{Year} ({12Hour}:{Minutes}{AmPm}){/block:Date}</span> <span>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</span></a></p>
  1292.            
  1293.                     <p class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</p>
  1294.                    
  1295.                 </div>
  1296.                            
  1297.             </div>
  1298.            
  1299.             {block:PostNotes}
  1300.        
  1301.             <div id="notes">
  1302.            
  1303.                 <h2>{lang:Notes} ({block:NoteCount}{NoteCount}{/block:NoteCount})</h2>
  1304.                
  1305.                 {PostNotes}
  1306.                
  1307.             </div>
  1308.            
  1309.             {/block:PostNotes}
  1310.        
  1311.         </div>
  1312.        
  1313.         {/block:Answer}
  1314.        
  1315.         {/block:Posts}
  1316.    
  1317.     </div>
  1318.  
  1319. </div>
  1320.  
  1321. <div id="footer">
  1322.  
  1323.     {block:Pagination}<p id="navigation">{block:NextPage}<a href="{NextPage}">&laquo; {lang:Earlier posts}</a>{/block:NextPage} <span class="current">{lang:CurrentPage of TotalPages}</span> {block:PreviousPage}<a href="{PreviousPage}">{lang:Newer posts} &raquo;</a>{/block:PreviousPage}</p>{/block:Pagination}
  1324.  
  1325.     <div id="description">
  1326.    
  1327.         <p id="profile-pic"><img src="{PortraitURL-64}" alt="" /></p>
  1328.            
  1329.         {Description}
  1330.                
  1331.     </div>
  1332.    
  1333.     <p id="credits">Powered by <a href="http://tumblr.com/">Tumblr</a> <span>&amp;</span> <a href="http://www.tumblr.com/theme/11878">Shining theme</a> by <a href="http://jazzonia.tumblr.com/">Diana</a></p>
  1334.    
  1335.     <p><form action="/search" method="get" id="search"><input type="text" name="q" value="{SearchQuery}" /> <button type="submit">{lang:Search}</button></form></p>
  1336.  
  1337. </div>
  1338.  
  1339. </body>
  1340.  
  1341. </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!