API tools faq
paste
Advertisement
car

theme 03: sakamichi

car
May 4th, 2013
2,222
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.05 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.  
  4. <html>
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <!-- THEME 03 BY SUPPISUN @ TUMBLR. Do not claim as your own and please leave credit intact, even if you modify the code -->
  13.  
  14.  
  15. <!-- DEFAULT VARIABLES -->
  16.  
  17. <meta name="color:Ask Background" content="#EEEEEE" />
  18. <meta name="color:Background" content="#FFFFFF" />
  19. <meta name="color:Blockquote" content="#CCCCCC" />
  20. <meta name="color:Bold" content="#4A4A4A" />
  21. <meta name="color:Border" content="#EEEEEE" />
  22. <meta name="color:Chat Background" content="#EEEEEE" />
  23. <meta name="color:Italic" content="#808080" />
  24. <meta name="color:Link" content="#999999" />
  25. <meta name="color:Link Hover" content="#CCCCCC" />
  26. <meta name="color:Navigation Link" content="#666666" />
  27. <meta name="color:Navigation Link Hover" content="#666666" />
  28. <meta name="color:Navigation Link Background" content="#EEEEEE" />
  29. <meta name="color:Navigation Link Background Hover" content="#DDDDDD" />
  30. <meta name="color:Posts" content="#FFFFFF" />
  31. <meta name="color:Scrollbar" content="#EEEEEE" />
  32. <meta name="color:Scrollbar Background" content="#FFFFFF" />
  33. <meta name="color:Tags" content="#999999" />
  34. <meta name="color:Tags Hover" content="#CCCCCC" />
  35. <meta name="color:Text" content="#666666" />
  36.  
  37. <meta name="image:Background" content="" />
  38. <meta name="image:Left Sidebar" content="" />
  39. <meta name="image:Right Sidebar" content="" />
  40.  
  41. <meta name="font:Body" content="Arial, sans-serif" />
  42. <meta name="font:Title" content="Arial, sans-serif" />
  43.  
  44. <meta name="if:250px Posts" content="0" />
  45. <meta name="if:Fade Photos" content="1" />
  46. <meta name="if:Header Background" content="0" />
  47. <meta name="if:Italic Description" content="1" />
  48. <meta name="if:Show Ask Link" content="1" />
  49. <meta name="if:Show Reblog Button" content="1" />
  50. <meta name="if:Show Tag Page Title" content="1" />
  51. <meta name="if:Show Tags" content="1" />
  52.  
  53. <meta name="text:Link 1" content="Link 1" />
  54. <meta name="text:Link 1 URL" content="/" />
  55. <meta name="text:Link 2" content="Link 2" />
  56. <meta name="text:Link 2 URL" content="/" />
  57. <meta name="text:Link 3" content="Link 3" />
  58. <meta name="text:Link 3 URL" content="/" />
  59. <meta name="text:Link 4" content="Link 4" />
  60. <meta name="text:Link 4 URL" content="/" />
  61.  
  62. <!-- END DEFAULT VARIABLES -->
  63.  
  64.  
  65. <head>
  66. <style type="text/css">
  67.  
  68.  
  69. /* CSS */
  70.  
  71. * {
  72. scrollbar-3dlight-color:{color:Scrollbar Background};
  73. scrollbar-arrow-color:{color:Scrollbar};
  74. scrollbar-base-color:{color:Scrollbar Background};
  75. scrollbar-darkshadow-color:{color:Scrollbar Background};
  76. scrollbar-face-color:{color:Scrollbar};
  77. scrollbar-highlight-color:{color:Scrollbar Background};
  78. scrollbar-shadow-color:{color:Scrollbar};
  79. }
  80.  
  81. body {
  82. background:{color:Background} url('{image:Background}') fixed repeat;
  83. font-family:{font:Body};
  84. color:{color:Text};
  85. font-size:9px;
  86. margin-top:40px;
  87. }
  88.  
  89. p {
  90. line-height:14px;
  91. }
  92.  
  93. a {
  94. color:{color:Link};
  95. text-decoration:none;
  96. transition:0.15s all ease-in-out;
  97. moz-transition:0.15s all ease-in-out;
  98. -o-transition:0.15s all ease-in-out;
  99. -webkit-transition:0.15s all ease-in-out;
  100. }
  101.  
  102. a:hover {
  103. color:{color:Link Hover};
  104. }
  105.  
  106.  
  107. /* CONTAINER */
  108.  
  109. .container {
  110. margin:0px auto 0px auto;
  111. {block:If250pxPosts}
  112. width:906px;
  113. {/block:If250pxPosts}
  114.  
  115. {block:IfNot250pxPosts}
  116. width:522px;
  117. {/block:IfNot250pxPosts}
  118.  
  119. {block:PermalinkPage}
  120. width:522px;
  121. {/block:PermalinkPage}
  122. }
  123.  
  124.  
  125. /* HEADER */
  126.  
  127. .header {
  128. margin:0px auto 20px auto;
  129. text-align:center;
  130. padding:13px 0px 15px 0px;
  131.  
  132. {block:IfHeaderBackground}
  133. background:{color:Posts};
  134. border:1px solid {color:Border};
  135.  
  136. {block:If250pxPosts}
  137. width:874px;
  138. {/block:If250pxPosts}
  139.  
  140. {block:IfNot250pxPosts}
  141. width:520px;
  142. {/block:IfNot250pxPosts}
  143.  
  144. {block:PermalinkPage}
  145. width:520px;
  146. {/block:PermalinkPage}
  147. {/block:IfHeaderBackground}
  148. }
  149.  
  150. .btitle {
  151. font-family:{font:Title};
  152. font-size:8px;
  153. text-transform:uppercase;
  154. letter-spacing:2px;
  155. margin-bottom:5px;
  156. }
  157.  
  158. .desc {
  159. {block:IfItalicDescription}
  160. font-style:italic;
  161. {/block:IfItalicDescription}
  162. width:350px;
  163. margin:0px auto 10px auto;
  164.  
  165. {block:Pagination}
  166. margin:0px auto 8px auto;
  167. {/block:Pagination}
  168. }
  169.  
  170. .nav {
  171. font-family:{font:Title};
  172. font-size:7px;
  173. width:350px;
  174. margin:0px auto 0px auto;
  175. }
  176.  
  177. .nav a {
  178. color:{color:Navigation Link};
  179. background:{color:Navigation Link Background};
  180. padding:3px 5px 3px 5px;
  181. margin:0px 1px 0px 1px;
  182. text-transform:uppercase;
  183. letter-spacing:1px;
  184. line-height:17px;
  185. text-align:center;
  186. transition:0.15s all ease-in-out;
  187. moz-transition:0.15s all ease-in-out;
  188. -o-transition:0.15s all ease-in-out;
  189. -webkit-transition:0.15s all ease-in-out;
  190. }
  191.  
  192. .nav a:hover {
  193. color:{color:Navigation Link Hover};
  194. background:{color:Navigation Link Background Hover};
  195. }
  196.  
  197. a.previous {
  198. font-size:12px;
  199. background:none;
  200. padding-top:0px;
  201. }
  202.  
  203. a.previous:hover {
  204. background:none;
  205. }
  206.  
  207. a.next {
  208. font-size:12px;
  209. background:none;
  210. margin-left:2px;
  211. padding-top:0px;
  212. }
  213.  
  214. a.next:hover {
  215. background:none;
  216. }
  217.  
  218.  
  219. /* SIDEBAR */
  220.  
  221. .right {
  222. background:transparent url('{image:Right Sidebar}') fixed no-repeat right bottom;
  223. position:fixed;
  224. bottom:0px;
  225. right:0px;
  226. width:500px;
  227. overflow:hidden;
  228. height:100%;
  229. z-index:-1;
  230. }
  231.  
  232. .left {
  233. background:transparent url('{image:Left Sidebar}') fixed no-repeat left bottom;
  234. position:fixed;
  235. bottom:0px;
  236. left:0px;
  237. width:500px;
  238. overflow:hidden;
  239. height:100%;
  240. z-index:-1;
  241. }
  242.  
  243.  
  244. /* POSTS */
  245.  
  246. .content {
  247. position:absolute;
  248. padding-bottom:20px;
  249. }
  250.  
  251. .post {
  252. {block:If250pxPosts}{block:IndexPage}
  253. width:250px;
  254. height:200px;
  255. max-height:200px;
  256. overflow-x:hidden;
  257. overflow-y:auto;
  258. float:left;
  259. margin:0px 15px 35px 15px;
  260. {/block:IndexPage}{/block:If250pxPosts}
  261.  
  262. {block:IfNot250pxPosts}
  263. width:500px;
  264. margin:0px 0px 35px 0px;
  265. {/block:IfNot250pxPosts}
  266.  
  267. {block:PermalinkPage}
  268. width:500px;
  269. margin:0px;
  270. {/block:PermalinkPage}
  271.  
  272. border:1px solid {color:Border};
  273. background:{color:Posts};
  274. padding:10px;
  275. transition:0.3s all ease-in-out;
  276. moz-transition:0.3s all ease-in-out;
  277. -o-transition:0.3s all ease-in-out;
  278. -webkit-transition:0.3s all ease-in-out;
  279.  
  280. scrollbar-3dlight-color:{color:Posts};
  281. scrollbar-arrow-color:{color:Border};
  282. scrollbar-base-color:{color:Posts};
  283. scrollbar-darkshadow-color:{color:Posts};
  284. scrollbar-face-color:{color:Border};
  285. scrollbar-highlight-color:{color:Posts};
  286. scrollbar-shadow-color:{color:Border};
  287. }
  288.  
  289.  
  290. /* POST INFO */
  291.  
  292. .postinfo {
  293. {block:If250pxPosts}
  294. width:252px;
  295. margin-top:210px;
  296. margin-left:-11px;
  297. {/block:If250pxPosts}
  298.  
  299. {block:IfNot250pxPosts}
  300. width:502px;
  301. margin-top:10px;
  302. margin-left:-11px;
  303. {/block:IfNot250pxPosts}
  304.  
  305. {block:PermalinkPage}
  306. opacity:1;
  307. margin:0px 0px 20px 0px;
  308. padding:0px;
  309. width:502px;
  310. position:relative;
  311. background:none;
  312. {/block:PermalinkPage}
  313.  
  314. {block:IndexPage}
  315. position:absolute;
  316. background:{color:Border};
  317. padding:2px 10px 3px 10px;
  318. opacity:0;
  319. {/block:IndexPage}
  320.  
  321. font-size:7px;
  322. font-family:{font:Title};
  323. text-transform:uppercase;
  324. letter-spacing:1px;
  325. transition:0.3s all ease-in-out;
  326. moz-transition:0.3s all ease-in-out;
  327. -o-transition:0.3s all ease-in-out;
  328. -webkit-transition:0.3s all ease-in-out;
  329. }
  330.  
  331. {block:IndexPage}
  332. .post:hover .postinfo {
  333. opacity:1;
  334.  
  335. {block:If250pxPosts}
  336. margin-top:211px;
  337. {/block:If250pxPosts}
  338.  
  339. {block:IfNot250pxPosts}
  340. margin-top:11px;
  341. {/block:IfNot250pxPosts}
  342.  
  343. }
  344. {/block:IndexPage}
  345.  
  346. .permainfo {
  347. background:{color:Border};
  348. padding:2px 10px 3px 10px;
  349. width:502px;
  350. margin-top:0px;
  351. }
  352.  
  353. .date {
  354. text-align:left;
  355. }
  356.  
  357. .reblog {
  358. float:right;
  359. }
  360.  
  361. .reblogbtn {
  362. text-align:left;
  363. }
  364.  
  365.  
  366.  
  367. /* TAGS */
  368.  
  369. .tags {
  370.  
  371. {block:IfNot250pxPosts}{block:IndexPage}
  372. background:none;
  373. text-align:left;
  374. margin-top:-6px;
  375. margin-left:511px;
  376. width:150px;
  377. position:absolute;
  378. opacity:0;
  379. {/block:IndexPage}{/block:IfNot250pxPosts}
  380.  
  381. {block:PermalinkPage}
  382. opacity:1;
  383. position:relative;
  384. background:none;
  385. text-align:left;
  386. margin-top:2px;
  387. width:502px;
  388. padding:0px 10px 0px 10px;
  389. {/block:PermalinkPage}
  390.  
  391. font-family:{font:Body};
  392. font-size:7px;
  393. line-height:10px;
  394. transition:0.3s all ease-in-out;
  395. moz-transition:0.3s all ease-in-out;
  396. -o-transition:0.3s all ease-in-out;
  397. -webkit-transition:0.3s all ease-in-out;
  398. }
  399.  
  400. .tags a {
  401. font-size:7px;
  402. text-transform:none;
  403. letter-spacing:1px;
  404. color:{color:Tags};
  405. }
  406.  
  407. .tags a:hover {
  408. color:{color:Tags Hover};
  409. }
  410.  
  411. .tagged {
  412. font-size:7px;
  413. font-family:{font:Title};
  414. text-transform:uppercase;
  415. letter-spacing:1px;
  416. color:{color:Link};
  417. background:{color:Border};
  418. padding:2px 0px 1px 10px;
  419. width:150px;
  420. }
  421.  
  422. {block:IfNot250pxPosts}{block:IndexPage}
  423. .tag {
  424. margin-left:10px;
  425. margin-top:2px;
  426. }
  427. {/block:IndexPage}{/block:IfNot250pxPosts}
  428.  
  429. .tag a {
  430. {block:IndexPage}
  431. margin-left:1px;
  432. {/block:IndexPage}
  433. margin-right:4px;
  434. }
  435.  
  436. {block:IfShowTags}{block:IndexPage}
  437. .post:hover .tags {
  438. opacity:1;
  439. margin-top:-5px;
  440. }{/block:IndexPage}{/block:IfShowTags}
  441.  
  442.  
  443.  
  444. /* TAGPAGE */
  445.  
  446. .tagpage {
  447. font-size:7px;
  448. text-transform:uppercase;
  449. font-family:{font:Title};
  450. letter-spacing:1px;
  451. margin:0px auto 15px auto;
  452. text-align:center;
  453. padding:0px;
  454.  
  455. {block:If250pxPosts}
  456. width:876px;
  457. {/block:If250pxPosts}
  458.  
  459. {block:IfNot250pxPosts}
  460. width:522px;
  461. {/block:IfNot250pxPosts}
  462. {/block:IfHeaderBackground}
  463. }
  464.  
  465. .tagl {
  466. text-transform:none;
  467. font-size:7px;
  468. letter-spacing:1px;
  469. margin-top:2px;
  470. }
  471.  
  472.  
  473. /* POST CONTENT */
  474.  
  475. /* text */
  476.  
  477. .title {
  478. font-size:10px;
  479. font-family:{font:Title};
  480. letter-spacing:1px;
  481. }
  482.  
  483.  
  484. /* photo */
  485. {block:IfFadePhotos}
  486. .photo {
  487. opacity:0.95;
  488. transition:0.3s all ease-in-out;
  489. moz-transition:0.3s all ease-in-out;
  490. -o-transition:0.3s all ease-in-out;
  491. -webkit-transition:0.3s all ease-in-out;
  492. }
  493.  
  494. .photo:hover {
  495. opacity:1;
  496. }
  497. {/block:IfFadePhotos}
  498.  
  499.  
  500. /* quote */
  501.  
  502. .quote {
  503. font-size:10px;
  504. font-family:{font:Title};
  505. letter-spacing:1px;
  506. font-style:italic;
  507. line-height:14px;
  508. }
  509.  
  510. .qsource {
  511. margin-left:4px;
  512. }
  513.  
  514.  
  515. /* link */
  516.  
  517. .link {
  518. font-size:10px;
  519. font-family:{font:Title};
  520. letter-spacing:1px;
  521. margin-left:5px;
  522. }
  523.  
  524.  
  525. /* chat */
  526.  
  527. .chat {
  528. line-height:16px;
  529. {block:If250pxPosts}
  530. width:250px;
  531. {block:PermalinkPage}
  532. width:500px;
  533. {/block:PermalinkPage}
  534. {/block:If250pxPosts}
  535.  
  536. {block:IfNot250pxPosts}
  537. width:500px;
  538. {/block:IfNot250pxPosts}
  539. }
  540.  
  541. .line {
  542. background:{color:Chat Background};
  543. padding:3px 5px 4px 5px;
  544. margin-bottom:2px;
  545. }
  546.  
  547. .label {
  548. text-transform:uppercase;
  549. font-size:8px;
  550. letter-spacing:1px;
  551. font-family:{font:Title};
  552. }
  553.  
  554.  
  555. /* audio */
  556.  
  557. .audio {
  558. {block:If250pxPosts}
  559. width:250px;
  560.  
  561. {block:PermalinkPage}
  562. width:500px;
  563. {/block:PermalinkPage}
  564. {/block:If250pxPosts}
  565.  
  566. {block:IfNot250pxPosts}
  567. width:500px;
  568. {/block:IfNot250pxPosts}
  569. height:auto;
  570. }
  571.  
  572. .albumart {
  573. width:64px;
  574. height:64px;
  575. position:relative;
  576. background:url('http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg');
  577. background-size:64px 64px;
  578.  
  579. {block:If250pxPosts}
  580. margin-left:186px;
  581. {block:PermalinkPage}
  582. margin-left:436px;
  583. {/block:PermalinkPage}
  584. {/block:If250pxPosts}
  585.  
  586. {block:IfNot250pxPosts}
  587. margin-left:436px;
  588. {/block:IfNot250pxPosts}
  589. }
  590.  
  591. .albumart img {
  592. width:64px;
  593. height:64px;
  594. border:none;
  595. }
  596.  
  597. .audioplayer {
  598. background:#FFFFFF;
  599. width:64px;
  600. height:64px;
  601. z-index:1;
  602. position:relative;
  603. opacity:0.05;
  604.  
  605. {block:If250pxPosts}
  606. margin-left:186px;
  607. {block:PermalinkPage}
  608. margin-left:436px;
  609. {/block:PermalinkPage}
  610. {/block:If250pxPosts}
  611.  
  612. {block:IfNot250pxPosts}
  613. margin-left:436px;
  614. {/block:IfNot250pxPosts}
  615.  
  616. margin-top:-64px;
  617. transition:all 0.3s ease-in-out;
  618. -moz-transition:all 0.3s ease-in-out;
  619. -webkit-transition:all 0.3s ease-in-out;
  620. -o-transition:all 0.3s ease-in-out;
  621. }
  622.  
  623. .audioplayer:hover {
  624. opacity:0.5;
  625. }
  626.  
  627. .player {
  628. width:25px;
  629. height:20px;
  630. overflow:hidden;
  631. top:18px;
  632. left:18px;
  633. position:relative;
  634. }
  635.  
  636. .audioinfo {
  637. position:relative;
  638. float:left;
  639. height:64px;
  640.  
  641. {block:If250pxPosts}
  642. width:176px;
  643. {block:PermalinkPage}
  644. width:426px;
  645. {/block:PermalinkPage}
  646. {/block:If250pxPosts}
  647.  
  648. {block:IfNot250pxPosts}
  649. width:426px;
  650. {/block:IfNot250pxPosts}
  651. }
  652.  
  653. .track {
  654. background:{color:Chat Background};
  655. padding:3px 5px 4px 5px;
  656. margin-bottom:2px;
  657. }
  658.  
  659.  
  660. /* ask */
  661.  
  662. .ask {
  663. {block:If250pxPosts}
  664. width:250px;
  665. {block:PermalinkPage}
  666. width:500px;
  667. {/block:PermalinkPage}
  668. {/block:If250pxPosts}
  669.  
  670. {block:IfNot250pxPosts}
  671. width:500px;
  672. {/block:IfNot250pxPosts}
  673. }
  674.  
  675. .asker {
  676. float:left;
  677. }
  678.  
  679. .question {
  680. position:relative;
  681. margin-left:37px;
  682. background:{color:Ask Background};
  683. padding:7px 5px 0px 7px;
  684. z-index:2;
  685. }
  686.  
  687. .question:after {
  688. content:"";
  689. display:block;
  690. position:relative;
  691. left:-17px;
  692. top:-23px;
  693. z-index:-1;
  694. width:0;
  695. border-width:10px 10px 0;
  696. border-style:solid;
  697. border-color:{color:Ask Background} transparent;
  698. }
  699.  
  700.  
  701. /* notes */
  702.  
  703. ol.notes {
  704. list-style-type: none;
  705. padding:0px;
  706. margin-left:0px;
  707. width:526px;
  708. }
  709.  
  710. ol.notes li.note {
  711. padding:3px;
  712. clear:both;
  713. width:520px;
  714. }
  715.  
  716. li.note {
  717. list-style-type:none;
  718. }
  719.  
  720. li.note img {
  721. width:15px;
  722. padding:2px;
  723. border:1px solid {color:Border};
  724. margin-right:5px;
  725. vertical-align:-50%;
  726. background:#FFFFFF;
  727. }
  728.  
  729. li.note blockquote {
  730. margin-bottom:3px;
  731. margin-left:10px;
  732. }
  733.  
  734.  
  735. /* other */
  736.  
  737. blockquote {
  738. border-left:1px solid {color:Blockquote};
  739. padding-left:10px;
  740. margin-left:10px;
  741. }
  742.  
  743. blockquote blockquote {
  744. margin-left:-5px;
  745. }
  746.  
  747. blockquote li {
  748. margin-left:-10px;
  749. }
  750.  
  751. small {font-size:8px;}
  752. small small {font-size:7px;}
  753.  
  754. ul, ol {
  755. margin-left:-15px;
  756. }
  757.  
  758. ul li {
  759. list-style-type:square;
  760. }
  761.  
  762. b, strong {
  763. color:{color:Bold};
  764. }
  765.  
  766. i, em {
  767. color:{color:Italic};
  768. }
  769.  
  770. img {
  771. border:none;
  772. max-width:100%;
  773. height:auto;
  774. }
  775.  
  776. .post::-webkit-scrollbar-thumb:vertical {
  777. background-color: {color:Border};
  778. width:2px;
  779. height:2px;
  780. }
  781.  
  782. .post::-webkit-scrollbar {
  783. width:2px;
  784. height:2px;
  785. background-color:{color:Posts};
  786. }
  787.  
  788. ::-webkit-scrollbar-thumb:vertical {
  789. background-color: {color:Scrollbar};
  790. width:4px;
  791. height:4px;
  792. }
  793.  
  794. ::-webkit-scrollbar {
  795. width:4px;
  796. height:4px;
  797. background-color:{color:Scrollbar Background};
  798. }
  799.  
  800. ::-webkit-scrollbar-thumb:horizontal {
  801. background-color: {color:Scrollbar};
  802. width:4px;
  803. height:4px;
  804. }
  805.  
  806. .credit {
  807. background:{color:Posts};
  808. font-family:{font:Title};
  809. opacity:0.8;
  810. position:fixed;
  811. right:5px;
  812. bottom:5px;
  813. font-size:7px;
  814. text-transform:uppercase;
  815. letter-spacing:1px;
  816. padding:2px 4px 2px 4px;
  817. border:1px solid {color:Border};
  818. transition:0.3s all ease-in-out;
  819. -moz-transition:0.3s all ease-in-out;
  820. -o-transition:0.3s all ease-in-out;
  821. -webkit-transition:0.3s all ease-in-out;
  822. }
  823.  
  824. .credit a {color:{color:Text}; opacity:0.8;}
  825.  
  826. .credit:hover {opacity:0.9;}
  827.  
  828.  
  829.  
  830. /* END CSS */
  831.  
  832.  
  833. {CustomCSS}
  834. </style>
  835. </head>
  836.  
  837.  
  838. <!-- HTML -->
  839.  
  840. <body>
  841.  
  842. <div class="container">
  843.  
  844.  
  845. <!-- HEADER -->
  846.  
  847. <div class="header">
  848.  
  849. <div class="btitle"><a href="/">{Title}</a></div>
  850. {block:Description}<div class="desc">{Description}</div>{/block:Description}
  851.  
  852. <div class="nav">
  853.  
  854. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="previous">&lsaquo;</a>{/block:PreviousPage}{/block:Pagination}
  855.  
  856. <a href="/">Refresh</a>
  857. {block:IfShowAskLink}<a href="/ask">Message</a>{/block:IfShowAskLink}
  858.  
  859. {block:IfLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1}
  860. {block:IfLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2}
  861. {block:IfLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:IfLink3}
  862. {block:IfLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:IfLink4}
  863.  
  864. {block:Pagination}{block:NextPage}<a href="{NextPage}" class="next">&rsaquo;</a>{/block:NextPage}{/block:Pagination}
  865.  
  866. </div>
  867.  
  868. </div>
  869.  
  870.  
  871. <!-- SIDEBAR -->
  872.  
  873. {block:IfRightSidebarImage}
  874. <div class="right">
  875. </div>
  876. {/block:IfRightSidebarImage}
  877.  
  878. {block:IfLeftSidebarImage}
  879. <div class="left"></div>
  880. {/block:IfLeftSidebarImage}
  881.  
  882.  
  883. <!-- POSTS -->
  884.  
  885.  
  886. {block:IfShowTagPageTitle}
  887. {block:TagPage}
  888. <div class="tagpage">Posts tagged:
  889. <div class="tagl">"{Tag}"</div>
  890. </div>
  891. {/block:TagPage}
  892. {/block:IfShowTagPageTitle}
  893.  
  894.  
  895.  
  896.  
  897.  
  898. <div class="content">
  899.  
  900. {block:Posts}
  901.  
  902. <div class="post">
  903.  
  904.  
  905. <!-- POST INFO (250px grid) -->
  906. {block:If250pxPosts}{block:IndexPage}
  907. <div class="postinfo">
  908.  
  909. {block:Date}<span class="date"><a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  910.  
  911. {block:NoteCount}/&nbsp;{NoteCount}</span>{/block:NoteCount}
  912.  
  913. {block:IfShowReblogButton}
  914. <span class="reblogbtn">/&nbsp;<a href="{ReblogURL}" target="_blank">Reblog</a></span>
  915. {/block:IfShowReblogButton}
  916.  
  917. {block:RebloggedFrom}<span class="reblog"><a href="{ReblogParentURL}">via</a>&nbsp;/&nbsp;<a href="{ReblogRootURL}">source</a></span>{/block:RebloggedFrom}
  918.  
  919.  
  920. </div>
  921. {/block:IndexPage}{/block:If250pxPosts}
  922.  
  923.  
  924. <!-- TAGS (500px hover) -->
  925. {block:IfNot250pxPosts}
  926. {block:IndexPage}
  927.  
  928. {block:IfShowTags}{block:HasTags}<div class="tags">
  929. <div class="tagged">tagged as:</div>
  930. <div class="tag">{block:Tags}#<a href="{TagURL}">{Tag}</a><br/>{/block:Tags}</div></div>{/block:HasTags}{/block:IfShowTags}
  931.  
  932. {/block:IndexPage}
  933. {/block:IfNot250pxPosts}
  934.  
  935.  
  936. <!-- POST CONTENT -->
  937.  
  938. <!-- Text -->
  939. {block:Text}
  940. {block:Title}<div class="title">{Title}</div>{/block:Title}
  941. <p>{Body}</p>
  942. {/block:Text}
  943.  
  944. <!-- Photo -->
  945. {block:Photo}
  946.  
  947. {block:If250pxPosts}
  948. {block:IndexPage}
  949. <div class="photo"><img src="{PhotoURL-250}" alt="{PhotoAlt}"></div>
  950. {/block:IndexPage}
  951. {block:PermalinkPage}
  952. {LinkOpenTag}
  953. <div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>
  954. {LinkCloseTag}
  955. {/block:PermalinkPage}
  956. {/block:If250pxPosts}
  957.  
  958. {block:IfNot250pxPosts}
  959. {LinkOpenTag}
  960. <div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>
  961. {LinkCloseTag}
  962. {/block:IfNot250pxPosts}
  963.  
  964. {block:Caption}<p>{Caption}</p>{/block:Caption}
  965. {/block:Photo}
  966.  
  967. <!-- Photoset -->
  968. {block:Photoset}
  969. {block:If250pxPosts}
  970. {block:IndexPage}
  971. <div class="photo">{Photoset-250}</div>
  972. {/block:IndexPage}
  973. {block:PermalinkPage}
  974. <div class="photo">{Photoset-500}</div>
  975. {/block:PermalinkPage}
  976. {/block:If250pxPosts}
  977.  
  978. {block:IfNot250pxPosts}
  979. <div class="photo">{Photoset-500}</div>
  980. {/block:IfNot250pxPosts}
  981.  
  982. {block:Caption}<p>{Caption}</p>{/block:Caption}
  983. {/block:Photoset}
  984.  
  985. <!-- Quote -->
  986. {block:Quote}
  987. <span class="quote">"{Quote}"</span>
  988. {block:Source}<span class="qsource">&mdash;&nbsp;&nbsp;{Source}</span>{/block:Source}
  989. {/block:Quote}
  990.  
  991. <!-- Link -->
  992. {block:Link}
  993. <div class="link"><a href="{URL}" target="_blank">&raquo;&nbsp;&nbsp;{Name}</a></div>
  994. {block:Description}<p>{Description}</p>{/block:Description}
  995. {/block:Link}
  996.  
  997. <!-- Chat -->
  998. {block:Chat}
  999. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1000. {block:Lines}
  1001. <div class="chat">
  1002. <div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</div>
  1003. </div>
  1004. {/block:Lines}
  1005. {/block:Chat}
  1006.  
  1007. <!-- Audio -->
  1008. {block:Audio}
  1009. <div class="audio">
  1010. <div class="audioinfo">
  1011. {block:TrackName}
  1012. <div class="track"><span class="label">Track:</span> {TrackName}</div>
  1013. {/block:TrackName}
  1014. {block:Artist}
  1015. <div class="track"><span class="label">Artist:</span> {Artist}</div>
  1016. {/block:Artist}
  1017. {block:Album}
  1018. <div class="track"><span class="label">Album:</span> {Album}</div>
  1019. {/block:Album}
  1020. </div>
  1021. <div class="albumart">
  1022. {block:AlbumArt}
  1023. <img src="{AlbumArtURL}"/>
  1024. {/block:AlbumArt}
  1025. </div>
  1026. <div class="audioplayer"><div class="player">{AudioPlayerWhite}</div></div>
  1027. </div>
  1028. {block:Caption}<p>{Caption}</p>{/block:Caption}
  1029. {/block:Audio}
  1030.  
  1031. <!-- Video -->
  1032. {block:Video}
  1033. {block:If250pxPosts}
  1034. {block:IndexPage}
  1035. {Video-250}
  1036. {/block:IndexPage}
  1037. {block:PermalinkPage}
  1038. {Video-500}
  1039. {/block:PermalinkPage}
  1040. {/block:If250pxPosts}
  1041.  
  1042. {block:IfNot250pxPosts}
  1043. {Video-500}
  1044. {/block:IfNot250pxPosts}
  1045.  
  1046. {block:Caption}<p>{Caption}</p>{/block:Caption}
  1047. {/block:Video}
  1048.  
  1049. <!-- Message -->
  1050. {block:Answer}
  1051. <div class="ask">
  1052. <div class="asker"><a href="{AskerURL}" target="_blank"><img src="{AskerPortraitURL-24}" /></a></div><div class="question"><span class="label">{Asker}</span><br/>{Question}</div>
  1053. </div>
  1054. <p>{Answer}</p>
  1055. {/block:Answer}
  1056.  
  1057.  
  1058. <!-- POST INFO (500px) -->
  1059. {block:IfNot250pxPosts}{block:IndexPage}
  1060. <div class="postinfo">
  1061.  
  1062. {block:Date}<span class="date"><a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  1063.  
  1064. {block:NoteCount}/&nbsp;{NoteCount}</span>{/block:NoteCount}
  1065.  
  1066. {block:IfShowReblogButton}
  1067. <span class="reblogbtn">/&nbsp;<a href="{ReblogURL}" target="_blank">Reblog</a></span>
  1068. {/block:IfShowReblogButton}
  1069.  
  1070. {block:RebloggedFrom}<span class="reblog"><a href="{ReblogParentURL}">via</a>&nbsp;/&nbsp;<a href="{ReblogRootURL}">source</a></span>{/block:RebloggedFrom}
  1071.  
  1072. </div>
  1073. {/block:IndexPage}{/block:IfNot250pxPosts}
  1074.  
  1075.  
  1076. <!-- OTHER -->
  1077. {block:ContentSource}
  1078. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1079. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1080. {/block:SourceLogo}
  1081. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1082. {/block:ContentSource}
  1083.  
  1084. </div>
  1085.  
  1086.  
  1087. <!-- PERMALINK PAGE -->
  1088. {block:PermalinkPage}
  1089.  
  1090. <!-- POST INFO (permalink) -->
  1091. {block:Date}<div class="postinfo"><div class="permainfo"><span class="date"><a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  1092.  
  1093. {block:NoteCount}&nbsp;/&nbsp;{NoteCount}</span>{/block:NoteCount}
  1094.  
  1095. {block:RebloggedFrom}<span class="reblog"><a href="{ReblogParentURL}">via</a>&nbsp;/&nbsp;<a href="{ReblogRootURL}">source</a></span>{/block:RebloggedFrom}
  1096.  
  1097. </div>
  1098.  
  1099. <!-- TAGS (permalink) -->
  1100. {block:HasTags}<div class="tags"><div class="tag">{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}</div></div>{/block:HasTags}
  1101.  
  1102. </div>
  1103.  
  1104. <!-- NOTES -->
  1105. {block:PostNotes}
  1106. {PostNotes}
  1107. {/block:PostNotes}
  1108.  
  1109. {/block:PermalinkPage}
  1110.  
  1111.  
  1112. {/block:Posts}
  1113.  
  1114. </div></div>
  1115.  
  1116.  
  1117.  
  1118. <!-- END POSTS -->
  1119.  
  1120.  
  1121. <!-- THEME CREDIT, PLEASE DO NOT REMOVE -->
  1122. <div class="credit">
  1123. <a href="http://suppisun.tumblr.com" target="_blank">suppisun</a>
  1124. </div>
  1125. <!---->
  1126.  
  1127. </body>
  1128. </html>
  1129.  
  1130. <!-- END 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!