ofcuteboys

Étoiles Theme #7 by ofcuteboys

Apr 16th, 2014
3,033
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.20 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  8.  
  9. <!---
  10.  
  11.  
  12. 888 8888888 888b d888 8888888888 .d8888b.
  13. 888 888 8888b d8888 888 d88P Y88b
  14. 888 888 88888b.d88888 888 Y88b.
  15. 888 888 888Y88888P888 8888888 "Y888b.
  16. 888 888 888 Y888P 888 888 "Y88b.
  17. 888 888 888 Y8P 888 888 "888
  18. 888 888 888 " 888 888 Y88b d88P
  19. 88888888 8888888 888 888 8888888888 "Y8888P"
  20.  
  21. ÉTOILES THEME BY LIMESTHEMES/OFCUTEBOYS/CAROLINE
  22.  
  23. THEME #10 WHOOP
  24.  
  25. Remember to follow the rules, don't steal, respect my work, be a good person, and enjoy the theme! If you have any questions, direct
  26. them to my theme blog please.
  27.  
  28.  
  29.  
  30.  
  31. --->
  32.  
  33.  
  34.  
  35. <meta name="color:background" content="#ffffff"/>
  36. <meta name="color:text" content="#000000"/>
  37. <meta name="color:link" content="#888888"/>
  38. <meta name="color:hover" content="#ffffff"/>
  39. <meta name="color:accent" content="#ffffff"/>
  40. <meta name="color:linktopborder" content="#eeeeee"/>
  41. <meta name="color:sidebarimage border hover" content="#eee"/>
  42. <meta name="color:post image border" content="#eee"/>
  43.  
  44. <meta name="image:sidebar" content="" />
  45.  
  46. <meta name="text:link1" content="first"/>
  47. <meta name="text:link1url" content="link 1 url"/>
  48. <meta name="text:link2" content="second"/>
  49. <meta name="text:link2url" content="link 2 url"/>
  50. <meta name="text:link3" content="third"/>
  51. <meta name="text:link3url" content="link 3 url"/>
  52. <meta name="text:link4" content="fourth"/>
  53. <meta name="text:link4url" content="link 4 url"/>
  54. <meta name="text:link5" content="fifth"/>
  55. <meta name="text:link5url" content="link 5 url"/>
  56. <meta name="text:sidebar image URL" content="url here"/>
  57.  
  58. <meta name="if:text url" content="1"/>
  59. <meta name="if:upload" content="0"/>
  60.  
  61. <meta name="if:only render captions on permalink page" content="0"/>
  62. <meta name="if:400pxposts" content="1"/>
  63. <meta name="if:500pxposts" content="0"/>
  64. <meta name="if:fadedsidebar" content="1"/>
  65. <meta name="if:fadepostimages" content="1"/>
  66. <meta name="if:circle sb image" content="0"/>
  67.  
  68.  
  69.  
  70.  
  71. <script type="text/javascript"
  72. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  73.  
  74.  
  75. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  76. <script>
  77. (function($){
  78. $(document).ready(function(){
  79. $("[title]").style_my_tooltips({
  80. tip_follows_cursor:true,
  81. tip_delay_time:200,
  82. tip_fade_speed:300
  83. }
  84. );
  85. });
  86. })(jQuery);
  87. </script>
  88.  
  89. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
  90.  
  91.  
  92.  
  93.  
  94. <style type="text/css">
  95.  
  96.  
  97. #s-m-t-tooltip{
  98. max-width:300px;
  99. background-color:white;
  100. margin:15px;
  101. padding:2px 8px;
  102. color:#000;
  103. font-weight:300;
  104. z-index:999999;
  105. font-size:10px;
  106. font-family:helvetica;
  107. letter-spacing:2px;
  108. text-transform:lowercase;
  109. }
  110.  
  111.  
  112. body {
  113. background-color:{color:background};
  114. font-family:Helvetica;
  115. font-size:11px;
  116. color:{color:text};
  117. }
  118.  
  119. a {
  120. color:{color:link};
  121. text-decoration:none;
  122. -webkit-transition-duration:.3s;
  123. -moz-transition-duration:.3s;
  124. -o-transition-duration:.3s;
  125. }
  126.  
  127. a:hover {
  128. color:{color:hover};
  129. }
  130.  
  131. h1 {
  132. font-size:15px;
  133. text-transform:uppercase;
  134. width:100%;
  135. border-bottom:1px solid black;
  136. padding-bottom:3px;
  137. font-weight:300;
  138. letter-spacing:5px;
  139. color:{color:text};
  140. }
  141.  
  142. h2 {
  143. background-color:{color:accent};
  144. color:white;
  145. padding:5px;
  146. font-size:14px;
  147. font-weight:500;
  148. letter-spacing:3px;
  149. }
  150.  
  151.  
  152.  
  153. h3 {
  154. text-transform:uppercase;
  155. font-size:11px;
  156. letter-spacing:2px;
  157. font-weight:100;
  158. }
  159.  
  160. h4 {
  161. font-size:13px;
  162. letter-spacing:2px;
  163. font-weight:200;
  164. text-decoration:underline;
  165. }
  166.  
  167. blockquote {
  168. padding:10px;
  169. background-color:#F5F5F5;
  170. text-align:justify;
  171. }
  172.  
  173. blockquote blockquote {
  174. padding-left:10px;
  175. border-left:2px solid {color:accent};
  176. }
  177.  
  178. blockquote img {
  179. width:280px;
  180. }
  181.  
  182. .pre {
  183. width:400px;
  184. }
  185.  
  186. #titre {
  187. font-family:Helvetica;
  188. padding-bottom:5px;
  189. margin-top:20px;
  190. margin-left:0px;
  191. text-align:center;
  192. width:168px;
  193. font-size:17px;
  194. color:black;
  195. letter-spacing:5px;
  196. font-weight:300;
  197. text-transform:uppercase;
  198. -webkit-transition-duration:1s;
  199. -moz-transition-duration:1s;
  200. -o-transition-duration:1s;
  201. }
  202.  
  203.  
  204.  
  205.  
  206.  
  207.  
  208.  
  209. #links {
  210. width:170px;
  211. display:inline-block;
  212. font-family:helvetica;
  213. font-weight:normal;
  214. border-top:1px solid {color:linktopborder};
  215. text-align:center;
  216. font-size:11px;
  217. margin-top:7px;
  218. font-weight:200;
  219. color:black;
  220. margin-left:-5px;
  221. text-transform:uppercase;
  222. -webkit-transition-duration:1s;
  223. -moz-transition-duration:1s;
  224. -o-transition-duration:1s;
  225. -ms-transition-duration:1s;
  226. }
  227.  
  228.  
  229.  
  230. #links a {
  231. color:black;
  232. padding:3px;
  233. margin-left:10px;
  234. padding-top:7px;
  235. letter-spacing:1px;
  236. display:inline-block;
  237. -webkit-transition-duration:.7s;
  238. }
  239.  
  240.  
  241. #links a:hover {
  242. color:black;
  243. background-color:#fff;
  244. }
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252. #sidebar {
  253. width:200px;
  254. height:280px;
  255. margin-left:200px;
  256. background-color:white;
  257. margin-top:20px;
  258. position:fixed;
  259. }
  260.  
  261. #sidebarimage {
  262. width:150px;
  263. padding:6px;
  264. border:1px solid #f5f5f5;
  265. margin-left:0px;
  266. margin-top:15px;
  267. -webkit-transition-duration:.7s;
  268. -moz-transition-duration:.7s;
  269. -o-transition-duration:.7s;
  270. -ms-transition-duration:.7s;
  271. {block:IfFadedSidebar}
  272. opacity:.8;
  273. -webkit-filter: grayscale(50%);
  274. -moz-filter: grayscale(50%);
  275. -o-filter: grayscale(50%);
  276. -ms-filter: grayscale(50%);{/block:IfFadedSidebar}
  277. {block:IfCircleSbImage}
  278. height:120px;
  279. margin-left:15px;
  280. width:120px;
  281. overflow:hidden;
  282. border-radius:80px;
  283. {/block:IfCircleSbImage}
  284. }
  285. #sidebarimage img {
  286. width:150px;
  287. {block:IfCircleSbImage}
  288. margin-top:-10px;
  289. margin-left:-10px;
  290. border-color:black;
  291. {/block:IfCircleSbImage}
  292. }
  293.  
  294.  
  295. #sidebar:hover #sidebarimage {
  296. background-color:white;
  297. border-color:{color:sidebarimage border hover};
  298. opacity:1;
  299. -webkit-filter: grayscale(0%);
  300. -moz-filter: grayscale(0%);
  301. -o-filter: grayscale(0%);
  302. -ms-filter: grayscale(0%);
  303.  
  304. }
  305.  
  306.  
  307.  
  308.  
  309.  
  310.  
  311.  
  312. #desc {
  313. width:160px;
  314. line-height:170%;
  315. margin-left:2px;
  316. margin-top:5px;
  317. background-color:white;
  318. letter-spacing:2px;
  319. color:black;
  320. text-align:justify;
  321. font-family:helvetica;
  322. font-size:9px;
  323. font-weight:normal;
  324. -webkit-transition-duration:1s;
  325. -moz-transition-duration:1s;
  326. -o-transition-duration:1s;
  327. -ms-transition-duration:1s;
  328. }
  329.  
  330. #desc a {
  331. color:{color:accent};
  332. }
  333.  
  334.  
  335.  
  336. #postcontainer {
  337. margin-left:550px;
  338. margin-top:-50px;
  339. {block:If400pxPosts}
  340. width:450px;
  341. {/block:If400pxPosts}
  342. {block:If500pxPosts}
  343. width:550px;
  344. {/block:If500pxPosts}
  345. }
  346.  
  347. #post {
  348. text-align:justify;
  349. font-weight:300;
  350. {block:If400pxPosts}
  351. width:400px;
  352. {/block:If400pxPosts}
  353. {block:If500pxPosts}
  354. width:500px;
  355. {/block:If500pxPosts}
  356. margin-top:100px;
  357. line-height:180%;
  358. color:{color:text};
  359. }
  360.  
  361.  
  362. #post b {
  363. font-weight:550;
  364. }
  365.  
  366. #post strong {
  367. font-weight:550;
  368. }
  369.  
  370. #post em {
  371. font-weight:550;
  372. }
  373.  
  374. #post img {
  375. padding:6px;
  376. border:1px solid {color:post image border};
  377. {block:IfFadePostImages}
  378. opacity:.8;
  379. -webkit-filter: grayscale(50%);
  380. -moz-filter: grayscale(50%);
  381. -o-filter: grayscale(50%);
  382. -ms-filter: grayscale(50%);
  383. -webkit-transition-duration:.8s;
  384. -moz-transition-duration:.8s;
  385. -o-transition-duration:.8s;
  386. -ms-transition-duration:.8s;
  387. {/block:IfFadePostImages}
  388. }
  389.  
  390. #post:hover img {
  391. opacity:1;
  392. border-color:#ddd;
  393. -webkit-filter: grayscale(0%);
  394. -moz-filter: grayscale(0%);
  395. -o-filter: grayscale(0%);
  396. -ms-filter: grayscale(0%);
  397. }
  398.  
  399.  
  400. .photoset {
  401. opacity:.8;
  402. -webkit-filter: grayscale(50%);
  403. -moz-filter: grayscale(50%);
  404. -o-filter: grayscale(50%);
  405. -ms-filter: grayscale(50%);
  406. -webkit-transition-duration:.8s;
  407. -moz-transition-duration:.8s;
  408. -o-transition-duration:.8s;
  409. -ms-transition-duration:.8s;
  410. }
  411.  
  412. .photoset:hover {
  413. opacity:1;
  414. -webkit-filter: grayscale(0%);
  415. -moz-filter: grayscale(0%);
  416. -o-filter: grayscale(0%);
  417. -ms-filter: grayscale(0%);
  418. }
  419.  
  420.  
  421. .ask_block {
  422. {block:If400pxPosts}
  423. width:380px;
  424. {/block:If400pxPosts}
  425. {block:If500pxPosts}
  426. width:480px;
  427. {/block:If500pxPosts}
  428. background-color:#f5f5f5;
  429. padding:10px;
  430. text-align:center;
  431. }
  432.  
  433.  
  434. .answer {
  435. color:black;
  436. text-align:center;
  437. padding:10px;
  438. padding-top:5px;
  439. border:1px solid #f5f5f5;
  440. letter-spacing:1px;
  441. }
  442.  
  443. .asker {
  444. font-size:9px;
  445. text-transform:uppercase;
  446. font-weight:normal;
  447. letter-spacing:2px;
  448. }
  449.  
  450. .asker a:hover {
  451. color:{color:accent};
  452. }
  453.  
  454. #info {
  455. margin-top:5px;
  456. font-size:9px;
  457. color:black;
  458. padding-top:7px;
  459. padding-bottom:7px;
  460. text-align:center;
  461. width:100%;
  462. opacity:0;
  463. margin-left:-20px;
  464. -webkit-transition-duration:.7s;
  465. -moz-transition-duration:.7s;
  466. -o-transition-duration:.7s;
  467. -ms-transition-duration:.7s;
  468.  
  469. }
  470.  
  471. #info a {
  472. color:black;
  473. font-size:9px;
  474. letter-spacing:2px;
  475. display:inline-block;
  476. margin-left:20px;
  477. }
  478.  
  479. #info a:hover {
  480. color:{color:accent};
  481. }
  482.  
  483. ::selection {
  484. background-color:{color:accent};
  485. }
  486.  
  487.  
  488. ::-webkit-scrollbar {
  489. width:5px;
  490. background-color:transparent;
  491. }
  492.  
  493. ::-webkit-scrollbar-thumb {
  494. width:5px;
  495. border:2px solid white;
  496. background-color:{color:accent};
  497. }
  498.  
  499.  
  500.  
  501. #credit {
  502. bottom:3px;
  503. position:fixed;
  504. right:10px;
  505. float:right;
  506. font-family:calibri;
  507. color:black;
  508. font-size:9px;
  509. letter-spacing:1px;
  510. text-transform:uppercase;
  511. padding:5px;
  512.  
  513. }
  514.  
  515. #credit a {
  516. color:black;
  517. background-color:white;
  518. padding:5px;
  519. -webkit-transition-duration:.8s;
  520. -moz-transition-duration:.8s;
  521. -o-transition-duration:.8s;
  522. -ms-transition-duration:.8s;
  523. }
  524.  
  525. #credit a:hover {
  526. color:white;
  527. background-color:{color:accent};
  528. }
  529.  
  530.  
  531.  
  532. #pagi {
  533. margin-top:20px;
  534. margin-left:-10px;
  535. height:50px;
  536. width:100%;
  537. text-align:center;
  538. border-top:1px dotted #888;
  539. padding:4px;
  540. }
  541.  
  542. .jump_page {
  543. padding: 6px 6px;
  544. border-top: 1px dotted #888;
  545. margin-top:10px;
  546. background-color: #fff;
  547. color:#bbb;
  548. font-family:Helvetica;
  549. font-size:9px;
  550. text-decoration:none;
  551. -webkit-transition-duration:.4s;
  552. -moz-transition-duration:.4s;
  553. -o-transition-duration:.4s;
  554. -ms-transition-duration:.4s;
  555.  
  556. }
  557.  
  558. .current_page, .jump_page:hover {
  559. padding: 6px 6px;
  560. border-top: 1px solid black;
  561. color: black;
  562. margin-top:8px;
  563.  
  564. text-decoration:none;
  565. -webkit-transition-duration:.4s;
  566. -moz-transition-duration:.4s;
  567. -o-transition-duration:.4s;
  568. -ms-transition-duration:.4s;
  569. }
  570.  
  571.  
  572.  
  573. .tags {
  574. text-align:center;
  575. width:100%;
  576. text-transform:uppercase;
  577. font-weight:lighter;
  578. opacity:0;
  579. -webkit-transition-duration:.7s;
  580. -moz-transition-duration:.7s;
  581. -o-transition-duration:.7s;
  582. -ms-transition-duration:.7s;
  583. }
  584.  
  585. .tags a {
  586. display:inline-block;
  587. font-weight:normal;
  588. letter-spacing:2px;
  589. font-size:8px;
  590. font-family:Helvetica;
  591. }
  592.  
  593. .tags a:hover {
  594. color:{color:accent};
  595. }
  596.  
  597. #post:hover #info {
  598. opacity:1;
  599. }
  600.  
  601. #post:hover .tags {
  602. opacity:1;
  603. }
  604.  
  605. .captoin {
  606. background-color:#efefef;
  607. color:black;
  608. padding:15px;
  609. letter-spacing:1px;
  610. display:block;
  611. margin-top:10px;
  612. {block:If400pxPosts}
  613. width:366px;
  614. {/block:If400pxPosts}
  615. {block:If500pxPosts}
  616. width:466px;
  617. {/block:If500pxPosts}
  618. border:2px solid #f5f5f5;
  619. }
  620.  
  621. #postnotes {
  622. display:block;
  623. margin-left:500px;
  624. color:black;
  625. {block:If400pxPosts}
  626. width:450px;
  627. {/block:If400pxPosts}
  628. {block:If500pxPosts}
  629. width:550px;
  630. {/block:If500pxPosts}
  631. }
  632.  
  633. #postnotes ol {
  634. line-height:110%;
  635. color:black;
  636. list-style-type: none;
  637.  
  638. }
  639.  
  640. #postnotes li {
  641. padding:5px;
  642. letter-spacing:2px;
  643. display:block;
  644. margin-top:5px;
  645. background-color:#f7f7f7;
  646. color:black;
  647. -webkit-transition-duration:.4s;
  648. -moz-transition-duration:.4s;
  649. -o-transition-duration:.4s;
  650. -ms-transition-duration:.4s;
  651. }
  652.  
  653. #postnotes li:hover {
  654. background-color:{color:accent};
  655. color:white;
  656.  
  657. }
  658.  
  659. #postnotes li:hover a {
  660. color:white;
  661. }
  662.  
  663. #postnotes img {
  664. padding-right:5px;
  665. -webkit-filter:grayscale(100%);
  666. -moz-filter:grayscale(100%);
  667. -ms-filter:grayscale(100%);
  668. -o-filter:grayscale(100%);
  669. }
  670.  
  671.  
  672. .qmark_left {
  673. color:#444;
  674. font-weight:900;
  675. font-family:times;
  676. font-size:25px;
  677. letter-spacing:-2px;
  678. word-spacing:1px;
  679. padding-right:5px;
  680. padding-top:10px;
  681. position:absolute;
  682. margin-top:-15px;
  683. margin-left:-15px;
  684. }
  685.  
  686. .qmark_right {
  687. color:#444;
  688. font-weight:900;
  689. font-family:times new roman;
  690. font-size:25px;
  691. word-spacing:1px;
  692. padding-right:3px;
  693. padding-top:10px;
  694. position:absolute;
  695. margin-top:-13px;
  696. }
  697.  
  698.  
  699. .qtation {
  700. font-size: 15px;
  701. text-transform: none;
  702. text-align: center;
  703. color: {color:accent};
  704. line-height: 100%;
  705. font-family: 'Playfair Display';
  706. opacity: 1;
  707. font-style: italic;
  708. }
  709.  
  710. .sourcing {
  711. width:100%;
  712. text-align:center;
  713. letter-spacing:5px;
  714. text-transform:uppercase;
  715. color:#444;
  716. border-top:1px solid #eee;
  717. border-bottom:1px solid #eee;
  718. padding-bottom:10px;
  719. padding-top:10px;
  720. margin-top:20px;
  721. -webkit-transition-duration:.9s;
  722. -moz-transition-duration:.9s;
  723. -o-transition-duration:.9s;
  724. -ms-transition-duration:.9s;
  725. }
  726.  
  727. .sourcing:hover {
  728. background-color:#eee;
  729. color:white;
  730. }
  731.  
  732. .dinky {
  733. float:left;
  734. }
  735.  
  736.  
  737. #albumart img{
  738. width:80px;
  739. height:80px;
  740. padding:0px;
  741. border-width:0px;
  742. }
  743.  
  744.  
  745. .player {
  746. background-color:white;
  747. width:30px;
  748. overflow:hidden;
  749. height:28px;
  750. padding:5px;
  751. padding-left:8px;
  752. padding-right:1px;
  753. position:absolute;
  754. margin-top:-59px;
  755. margin-left:21px;
  756. }
  757.  
  758. .donkey {
  759. float:left;
  760. margin-left:25px;
  761. }
  762.  
  763. .track {
  764. {block:If400pxPosts}
  765. width:275px;
  766. {/block:If400pxPosts}
  767. {block:If500pxPosts}
  768. width:375px;
  769. {/block:If500pxPosts}
  770. padding:10px;
  771. font-size:18px;
  772. font-family:'Playfair Display',cursive;
  773. font-style:italic;
  774. padding-top:0px;
  775. color:{color:accent};
  776. border-bottom:1px solid #eee;
  777. padding-bottom:5px;
  778. }
  779.  
  780.  
  781. .artist {
  782. {block:If400pxPosts}
  783. width:287px;
  784. {/block:If400pxPosts}
  785. {block:If500pxPosts}
  786. width:387px;
  787. {/block:If500pxPosts}
  788. padding:4px;
  789. background-color:#f3f3f3;
  790. text-transform:uppercase;
  791. letter-spacing:3px;
  792. }
  793.  
  794. .playcount {
  795. {block:If400pxPosts}
  796. width:287px;
  797. {/block:If400pxPosts}
  798. {block:If500pxPosts}
  799. width:387px;
  800. {/block:If500pxPosts}
  801. padding:4px;
  802. background-color:#f9f9f9;
  803. font-size:9px;
  804. text-transform:uppercase;
  805. letter-spacing:3px;
  806. }
  807.  
  808.  
  809. #audiolo {
  810. {block:If400pxPosts}
  811. width:400px;
  812. {/block:If400pxPosts}
  813. {block:If500pxPosts}
  814. width:500px;
  815. {/block:If500pxPosts}
  816. padding-bottom:80px;
  817. }
  818.  
  819. #audiolo img {
  820. opacity:.3;
  821. -webkit-filter:grayscale(100%);
  822. -moz-filter:grayscale(100%);
  823. -ms-filter:grayscale(100%);
  824. -o-filter:grayscale(100%);
  825.  
  826. }
  827.  
  828. #audiolo:hover img {
  829. opacity:1;
  830. -webkit-filter:grayscale(0%);
  831. -moz-filter:grayscale(0%);
  832. -ms-filter:grayscale(0%);
  833. -o-filter:grayscale(0%);
  834.  
  835. }
  836.  
  837. </style></head>
  838. <body>
  839.  
  840.  
  841.  
  842. <div id="sidebar">
  843.  
  844.  
  845. <div id="sidebarimage">
  846. {block:IfTextUrl}
  847. <img src="{text:sidebar image URL}">{/block:IfTextUrl}
  848. {block:IfUpload}<img src="{image:sidebar}">{/block:IfUpload}
  849. </div>
  850. <div id="titre">{Title}</div>
  851.  
  852.  
  853. <div id="desc">{Description}</div>
  854. <div id="links">
  855. <a href="{text:link1url}" title="{text:link1}">I.</a>
  856. <a href="{text:link2url}" title="{text:link2}">II.</a>
  857. <a href="{text:link3url}" title="{text:link3}">III.</a>
  858. <a href="{text:link4url}" title="{text:link4}">IV.</a>
  859. <a href="{text:link5url}" title="{text:link5}">V.</a>
  860. </div>
  861. </div>
  862.  
  863.  
  864. <div id="postcontainer">
  865. {block:Posts}
  866. <div id="post">
  867.  
  868. {block:Answer}
  869. <div class="ask_block"><span class="asker">{Asker}</span> asked: {Question}</div>
  870. <div class="answer">{Answer}</div>
  871. {/block:Answer}
  872.  
  873.  
  874. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  875.  
  876.  
  877.  
  878. {block:Photo}{LinkOpenTag}<center>{block:If400pxPosts}<img src="{PhotoURL-400}" width="400px">{/block:If400pxPosts}{block:If500pxPosts}<img src="{PhotoURL-500}" width="500px">{/block:If500pxPosts}</center>
  879. {block:IfOnlyRenderCaptionsOnPermalinkPage}
  880. {block:PermalinkPage}{block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
  881. {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
  882. {block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}
  883.  
  884.  
  885.  
  886. {/block:Photo}
  887.  
  888.  
  889. {block:Photoset}
  890. <div class="photoset">{Photoset-400}</div>{block:IfOnlyRenderCaptionsOnPermalinkPage}
  891. {block:PermalinkPage}{block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
  892. {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
  893. {block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}{/block:Photoset}
  894.  
  895.  
  896. {block:Video}{Video-500}{block:IfOnlyRenderCaptionsOnPermalinkPage}
  897. {block:PermalinkPage}{block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
  898. {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
  899. {block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}{/block:Video}
  900.  
  901.  
  902. {block:Audio}<div id="audiolo">
  903. <div class="dinky">
  904. {block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  905.  
  906. <div class="player">{AudioPlayerWhite}</div></div>
  907. <div class="donkey">
  908. <div class="track"> {block:TrackName}
  909. {TrackName}
  910. {/block:TrackName} </div>
  911.  
  912.  
  913. <div class="artist">
  914. {block:Artist}
  915. {Artist}
  916. {/block:Artist} </div>
  917.  
  918.  
  919. <div class="playcount">
  920.  
  921. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div></div>
  922.  
  923.  
  924. {block:IfOnlyRenderCaptionsOnPermalinkPage}
  925. {block:PermalinkPage}{block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
  926. {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
  927. {block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}</div>{/block:Audio}
  928.  
  929.  
  930. {block:Quote}<div class="qtation">{Quote}</div>{block:Source}<div class="sourcing">{Source}</div>{/block:Source}{/block:Quote}
  931. {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
  932. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}{Label}{/block:Label}{Line}{/block:Lines}{/block:Chat}
  933. <div id="info">
  934. <a href="{Permalink}">{TimeAgo}</a><a href="{Permalink}">+{NoteCount}</a>
  935. <a href="{ReblogURL}"> reblog </a>
  936. <br>
  937. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}</div>{/block:HasTags}</div>
  938. </div>
  939.  
  940.  
  941. {/block:Posts}<div id="pagi">
  942. {block:Pagination}
  943. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  944.  
  945. {block:JumpPagination length="5"}
  946. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  947. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  948. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  949. {/block:Pagination}
  950. </div></div>
  951. </div><div id="postnotes">{block:PostNotes}{PostNotes-16}{/block:PostNotes}</div>
  952.  
  953. <div id="credit"><a href="http://ofcuteboys.tumblr.com/">ofcuteboys</a>
  954. </div>
  955.  
  956.  
  957. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment