API tools faq
paste
Advertisement
gnny

THEME 007

gnny
Feb 5th, 2014
1,414
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.28 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------------------------------------------------------
  2.  
  3.  
  4. THEME 007
  5. from ginny.co.vu
  6.  
  7. Please don't steal, redistribute, use as a base code, or remove the credit. Any problems, let me know!!
  8.  
  9.  
  10. ------------------------------------------------------------------------->
  11.  
  12. <html>
  13. <head>
  14. <meta name="image:background" content="" />
  15. <meta name="image:side" content="" />
  16.  
  17. <meta name="color:background" content="#fff" />
  18. <meta name="color:blockquote" content="#555" />
  19. <meta name="color:blog title" content="#000" />
  20. <meta name="color:captions" content="#f4f4f4" />
  21. <meta name="color:description background" content="#f4f4f4" />
  22. <meta name="color:description first letter background" content="#000" />
  23. <meta name="color:description first letter colour" content="#fff" />
  24. <meta name="color:divider" content="#000" />
  25. <meta name="color:font" content="#000" />
  26. <meta name="color:links" content="#000" />
  27. <meta name="color:links hover" content="#afb9db" />
  28. <meta name="color:post info" content="#fff" />
  29. <meta name="color:post info background" content="#000" />
  30. <meta name="color:scrollbar" content="#000" />
  31. <meta name="color:side links background" content="#fff" />
  32. <meta name="color:tags background" content="#f4f4f4" />
  33.  
  34. <meta name="text:link one title" content="" />
  35. <meta name="text:link one url" content="" />
  36. <meta name="text:link two title" content="" />
  37. <meta name="text:link two url" content="" />
  38. <meta name="text:link three title" content="" />
  39. <meta name="text:link three url" content="" />
  40. <meta name="text:link four title" content="" />
  41. <meta name="text:link four url" content="" />
  42.  
  43. <meta name="if:Posts Width 500" content="" />
  44. <meta name="if:Posts Width 400" content="1" />
  45.  
  46. <title>{Title}</title>
  47. <link rel="shortcut icon" href="{Favicon}">
  48. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  49. {block:Description}
  50. <meta name="description" content="{MetaDescription}" />
  51. {/block:Description}
  52.  
  53. <link href="http://static.tumblr.com/7e5jjoa/fJUmncmuf/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  54. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  55. <script src="http://static.tumblr.com/7e5jjoa/0lemncmux/jquery.style-my-tooltips.js"></script>
  56.  
  57. <script>
  58. (function($){
  59. $(document).ready(function(){
  60. $("[title]").style_my_tooltips();
  61. });
  62. })(jQuery);
  63. </script>
  64.  
  65. <style type="text/css">
  66.  
  67. /* --------------------------------------
  68. BASICS
  69. -------------------------------------- */
  70.  
  71. a:link, a:active, a:visited {
  72. color:{color:links};
  73. text-decoration:underline;
  74. -webkit-transition-duration: 0.7s;
  75. -moz-transition-duration: 0.7s;
  76. }
  77.  
  78. a:hover {
  79. color:{color:links hover};
  80. -webkit-transition-duration:0.7s;
  81. -moz-transition-duration: 0.7s;
  82. }
  83.  
  84. blockquote {
  85. border-left:2px solid {color:blockquote};
  86. margin-left:8px;
  87. margin-right:0px;
  88. padding-left:5px;
  89. text-align: justify;
  90. word-wrap: break-word;
  91. }
  92.  
  93. blockquote img {
  94. max-width:350px;
  95. }
  96.  
  97. body {
  98. background-attachment: fixed;
  99. background-color:{color:background};
  100. background-image:url('{image:background}');
  101. background-repeat: repeat;
  102. font-family:'arial';
  103. color:{color:font};
  104. font-size:10px;
  105. line-height:14px;
  106. text-align: left;
  107. }
  108.  
  109. #s-m-t-tooltip{
  110. background:{color:font};
  111. border-radius:0px;
  112. box-shadow:0px 0px 0 rgba(0,0,0,0.15),0px 0px 0 rgba(255,255,255,0.3);
  113. color:{color:background}
  114. font-family:'calibri';
  115. font-size:8px;
  116. letter-spacing:1px;
  117. line-height:12px;
  118. margin:15px 15px 15px 15px;
  119. max-width:300px;
  120. -moz-border-radius:0px;
  121. -moz-box-shadow:0px 0px 0, 0px 0px 0;
  122. padding-bottom:2px;
  123. padding-left:4px;
  124. padding-right:4px;
  125. padding-top:2px;
  126. text-transform:uppercase;
  127. -webkit-border-radius:0px;
  128. -webkit-box-shadow:0px 0px 0 0px 0px 0;
  129. z-index:10;
  130. }
  131.  
  132. ::-webkit-scrollbar {
  133. background-color:{color:background};
  134. width: 6px;
  135. }
  136.  
  137. ::-webkit-scrollbar-thumb {
  138. background:{color:scrollbar};
  139. }
  140.  
  141. /* --------------------------------------
  142. SIDEBAR
  143. -------------------------------------- */
  144.  
  145. #avi {
  146. color:{color:blog title};
  147. font-family:times;
  148. font-size:11px;
  149. letter-spacing:3px;
  150. margin-left:340px;
  151. margin-top:100px;
  152. text-align:right;
  153. text-transform:uppercase;
  154. position:fixed;
  155. width:150px;
  156. }
  157.  
  158. #border {
  159. background-color:{color:divider};
  160. height:100%;
  161. margin-left:500px;
  162. margin-top:-8px;
  163. position:fixed;
  164. width:1px;
  165. }
  166.  
  167. #desc {
  168. background-color:{color:description background};
  169. font-size:8px;
  170. line-height:13px;
  171. margin-left:340px;
  172. margin-top:280px;
  173. padding:10px;
  174. position:fixed;
  175. text-align:justify;
  176. width:130px;
  177. }
  178.  
  179. #desc:first-letter {
  180. background-color:{color:description first letter background};
  181. color:{color:description first letter colour};
  182. float:left;
  183. font-size:13px;
  184. font-style:italic;
  185. line-height:13px;
  186. margin-right:3px;
  187. padding-bottom:5px;
  188. padding-left:8px;
  189. padding-right:8px;
  190. padding-top:5px;
  191. }
  192.  
  193. #img {
  194. background-image:url('{image:side}');
  195. background-size:cover;
  196. height:150px;
  197. margin-left:340px;
  198. margin-top:125px;
  199. position:fixed;
  200. width:150px;
  201. }
  202.  
  203. #wait {
  204. background-color:{color:side links background};
  205. font-size:10px;
  206. margin-left:38px;
  207. margin-top:22px;
  208. opacity:0;
  209. padding:2px;
  210. position:fixed;
  211. width:65px;
  212. -webkit-transition-duration: 0.7s;
  213. -moz-transition-duration: 0.7s;
  214. }
  215.  
  216. #img:hover #wait {
  217. opacity:1;
  218. -webkit-transition-duration: 0.7s;
  219. -moz-transition-duration: 0.7s;
  220. }
  221.  
  222. .l{
  223. color:{color:links};
  224. font-family: 'times';
  225. font-style:italic;
  226. margin-left:20px;
  227. margin-right:5px;
  228. margin-top:1px;
  229. }
  230.  
  231. .l a{
  232. color:{color:links};
  233. clear:both;
  234. float:left;
  235. margin-bottom:2px;
  236. margin-top:1px;
  237. text-decoration:none;
  238. }
  239.  
  240. .l a:hover {
  241. color:{color:links hover};
  242. }
  243.  
  244. #numbers {
  245. float:left;
  246. font-size:8px;
  247. line-height:15px;
  248. position:fixed;
  249. }
  250.  
  251. .nu {
  252. background-color:{color:font};
  253. color:{color:background};
  254. margin:2px;
  255. padding-left:5px;
  256. padding-right:5px;
  257. }
  258.  
  259. /* --------------------------------------
  260. POST BASICS
  261. -------------------------------------- */
  262.  
  263. #bottom {
  264. background-color:{color:post info background};
  265. color:{color:post info};
  266. font-size:7px;
  267. font-family:'arial';
  268. line-height:11px;
  269. margin-top:10px;
  270. padding-left:10px;
  271. text-transform:uppercase;
  272. }
  273.  
  274. #bottom a {
  275. color:{color:post info};
  276. text-decoration:none;
  277. }
  278.  
  279. #caption {
  280. background-color:{color:captions};
  281. margin-top:6px;
  282. padding:20px;
  283. }
  284.  
  285. #caption a {
  286. font-size:8px;
  287. text-transform:uppercase;
  288. }
  289.  
  290. #post {
  291. margin-bottom:100px;
  292. margin-top:50px;
  293. {block:ifPostsWidth500}
  294. width:500px;
  295. {/block:ifPostsWidth500}
  296. {block:ifPostsWidth400}
  297. width:400px;
  298. {/block:ifPostsWidth400}
  299. }
  300.  
  301. #postbox {
  302. margin-left:510px;
  303. padding-top:75px;
  304. }
  305.  
  306. #tags {
  307. font-size:7px;
  308. margin-top:4px;
  309. text-transform:uppercase;
  310. }
  311.  
  312. #tags a {
  313. background-color:{color:tags background};
  314. line-height:18px;
  315. margin-right:4px;
  316. padding:4px;
  317. text-decoration:none;
  318. }
  319.  
  320. /* --------------------------------------
  321. TEXT, LINKS, QUOTES
  322. -------------------------------------- */
  323.  
  324. .body {
  325. font-size:9px;
  326. padding-bottom:10px;
  327. padding-left:20px;
  328. padding-right:20px;
  329. }
  330.  
  331. .quote {
  332. background-color:{color:captions};
  333. font-size:8px;
  334. line-height:14px;
  335. padding:20px;
  336. text-align:justify;
  337. text-transform:uppercase;
  338. }
  339.  
  340. .said {
  341. font-size:9px;
  342. font-style:italic;
  343. line-height:14px;
  344. padding-bottom:10px;
  345. padding-left:20px;
  346. padding-right:20px;
  347. padding-top:10px;
  348. text-align:right;
  349. }
  350.  
  351. .title {
  352. font-family:times;
  353. font-size:10px;
  354. letter-spacing:3px;
  355. line-height:14px;
  356. padding-left:20px;
  357. padding-right:20px;
  358. text-transform:uppercase;
  359. }
  360.  
  361. /* --------------------------------------
  362. QUESTIONS
  363. -------------------------------------- */
  364.  
  365. #answer {
  366. font-size:9px;
  367. padding:20px;
  368. }
  369.  
  370. #asker {
  371. font-family:times;
  372. font-size:8px;
  373. font-style:none;
  374. letter-spacing:3px;
  375. text-align:center;
  376. text-transform:uppercase;
  377. }
  378.  
  379. #asker a {
  380. text-decoration:none;
  381. }
  382.  
  383. #question a {
  384. color:{color:links};
  385. }
  386.  
  387. #question {
  388. background-color:{color:captions};
  389. font-size:10px;
  390. line-height:14px;
  391. padding:20px;
  392. }
  393.  
  394. /* --------------------------------------
  395. POSTNOTES
  396. -------------------------------------- */
  397.  
  398. #postnotes {
  399. margin-top:-40px;
  400. padding:5px;
  401. {block:ifPostsWidth500}
  402. width:500px;
  403. {/block:ifPostsWidth500}
  404. {block:ifPostsWidth400}
  405. width:400px;
  406. {/block:ifPostsWidth400}
  407. line-height:15px;
  408. font-size:8px;
  409. text-transform:uppercase;
  410. }
  411.  
  412. ol.notes {
  413. padding: 0px;
  414. margin: 25px 0px;
  415. list-style-type: none;
  416. }
  417.  
  418. ol.notes li.note {
  419. padding: 10px;
  420. }
  421.  
  422. ol.notes li.note img.avatar {
  423. vertical-align: -4px;
  424. margin-right: 10px;
  425. width: 16px;
  426. height: 16px;
  427. display:none;
  428. }
  429.  
  430. ol.notes li.note span.action {
  431. font-weight: normal;
  432. }
  433.  
  434. ol.notes li.note .answer_content {
  435. font-weight: normal;
  436. }
  437.  
  438. ol.notes li.note blockquote {
  439. padding: 4px 10px;
  440. margin: 10px 0px 0px 25px;
  441. }
  442.  
  443. ol.notes li.note blockquote a {
  444. text-decoration: none;
  445. }
  446.  
  447. /* --------------------------------------
  448. AUDIO
  449. -------------------------------------- */
  450.  
  451. #audio {
  452. height:90px;
  453. padding:4px;
  454. text-align:left;
  455. {block:ifPostsWidth500}
  456. width:492px;
  457. {/block:ifPostsWidth500}
  458. {block:ifPostsWidth400}
  459. width:392px;
  460. {/block:ifPostsWidth400}
  461. }
  462.  
  463. .cover {
  464. height:90px;
  465. position:absolute;
  466. width:90px;
  467. }
  468.  
  469. .cover img {
  470. float:left;
  471. height:90px;
  472. width:90px;
  473. }
  474.  
  475. .player {
  476. display:block;
  477. height:90px;
  478. margin-left:5px;
  479. margin-top:5px;
  480. position:absolute;
  481. width:90px;
  482. }
  483.  
  484. .audioplayer {
  485. height:25px;
  486. opacity:1;
  487. overflow:hidden;
  488. margin-left:25px;
  489. margin-top:25px;
  490. width:25px;
  491. }
  492.  
  493. .audiotitle {
  494. color:#000;
  495. font-family:times;
  496. font-size:9px;
  497. letter-spacing:3px;
  498. line-height:12px;
  499. margin-left:100px;
  500. margin-top:-44px;
  501. padding:3px;
  502. text-align:left;
  503. text-transform:uppercase;
  504. }
  505.  
  506. .audioinfo {
  507. color:#000;
  508. display:block;
  509. font-size:8px;
  510. font-style:italic;
  511. line-height:12px;
  512. margin-top:1px;
  513. margin-left:100px;
  514. padding:3px;
  515. text-align:left;
  516. }
  517.  
  518. /* --------------------------------------
  519. PAGINaTION
  520. -------------------------------------- */
  521.  
  522. #next {
  523. margin-top:30px;
  524. padding-bottom:20px;
  525. text-align:center;
  526. {block:ifPostsWidth500}
  527. width:500px;
  528. {/block:ifPostsWidth500}
  529. {block:ifPostsWidth400}
  530. width:400px;
  531. {/block:ifPostsWidth400}
  532. z-index:9999;
  533. }
  534.  
  535. #next a {
  536. text-decoration:none;
  537. }
  538.  
  539. .jump_page {
  540. padding: 4px 8px;
  541. color:{color:font};
  542. font-family:'calibri','arial';
  543. font-size:6px;
  544. text-decoration:none;
  545. }
  546.  
  547. .current_page, .jump_page:hover {
  548. padding: 4px 8px;
  549. background-color: {color:captions};
  550. color: {color:font};
  551. font-family:'calibri','arial';
  552. font-size:6px;
  553. text-decoration:none;
  554. }
  555.  
  556. /* --------------------------------------
  557. THEME CRED - Do NOT REMOVE
  558. -------------------------------------- */
  559.  
  560. #th {
  561. background-color:#fff;
  562. bottom: 0;
  563. color:#b3b3b3;
  564. font-size:7px;
  565. margin-right:10px;
  566. padding:10px;
  567. position: fixed;
  568. right: 0;
  569. text-transform:uppercase;
  570. }
  571.  
  572. #th a {
  573. color:#b3b3b3;
  574. text-decoration:none;
  575. }
  576.  
  577.  
  578. </style>
  579.  
  580. </head>
  581. <body>
  582.  
  583. <div id="th">
  584. <a href="http://ginny.co.vu">theme</a>
  585. </div>
  586.  
  587. <div id="border"></div>
  588. <div id="avi">{title}</div>
  589. <div id="desc">{description}
  590. </div>
  591.  
  592. <div id="img">
  593.  
  594. <div id="wait">
  595. <div id="numbers">
  596. <div class="nu">1</div>
  597. <div class="nu">2</div>
  598. {block:ifLinkOneTitle}
  599. <div class="nu">3</div>
  600. {/block:ifLinkOneTitle}
  601. {block:ifLinkTwoTitle}
  602. <div class="nu">4</div>
  603. {/block:ifLinkTwoTitle}
  604. {block:ifLinkThreeTitle}
  605. <div class="nu">5</div>
  606. {/block:ifLinkThreeTitle}
  607. {block:ifLinkFourTitle}
  608. <div class="nu">6</div>
  609. {/block:ifLinkFourTitle}
  610. </div>
  611. <div class="l">
  612. <a href="/">home</a>
  613. <a href="/ask">ask</a>
  614. {block:ifLinkOneTitle}
  615. <a href="{text:link one url}">{text:link one title}</a>
  616. {/block:ifLinkOneTitle}
  617. {block:ifLinkTwoTitle}
  618. <a href="{text:link two url}">{text:link two title}</a>
  619. {/block:ifLinkTwoTitle}
  620. {block:ifLinkThreeTitle}
  621. <a href="{text:link three url}">{text:link three title}</a>
  622. {/block:ifLinkThreeTitle}
  623. {block:ifLinkFourTitle}
  624. <a href="{text:link four url}">{text:link four title}</a>
  625. {/block:ifLinkFourTitle}
  626. </div>
  627. </div></div>
  628.  
  629. <div id="postbox">
  630.  
  631. {block:Posts}
  632.  
  633. <div id="post">
  634.  
  635. {block:Text}
  636. {block:Title}
  637. <div class="title">{Title}</div>
  638. {/block:Title}
  639. <div class="body">{Body}</div>
  640. {/block:Text}
  641.  
  642. {block:Photo}
  643. <div id="photo">
  644. {block:ifPostsWidth500}
  645. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  646. {/block:ifPostsWidth500}
  647. {block:ifPostsWidth400}
  648. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  649. {/block:ifPostsWidth400}
  650. </div>
  651. {block:Caption}
  652. <div id="caption">
  653. {Caption}
  654. </div>
  655. {/block:Caption}
  656. {/block:Photo}
  657.  
  658. {block:Photoset}
  659. <div id="photo">
  660. {block:ifPostsWidth500}
  661. {Photoset-500}
  662. {/block:ifPostsWidth500}
  663. {block:ifPostsWidth400}
  664. {Photoset-400}
  665. {/block:ifPostsWidth400}
  666. </div>
  667. {block:Caption}
  668. <div id="caption">
  669. {Caption}
  670. </div>
  671. {/block:Caption}
  672. {/block:Photoset}
  673.  
  674. {block:Quote}
  675. <div class="quote">{Quote}</div>
  676. {block:Source}
  677. <div class="said">- {Source}</div>
  678. {/block:Source}
  679. {/block:Quote}
  680.  
  681. {block:Link}
  682. <div class="title"><a href="{URL}">{Name}</a></div>
  683. {block:Description}
  684. <div class="body">{Description}</div>
  685. {/block:Description}
  686. {/block:Link}
  687.  
  688. {block:Chat}
  689. {block:Title}
  690. <div class="title">{Title}</div>
  691. {/block:Title}
  692. <div class="body">{block:Lines}
  693. {block:Label}
  694. <b>{Label}</b>
  695. {/block:Label}
  696. {Line}<br>
  697. {/block:Lines}</div>
  698. {/block:Chat}
  699.  
  700. {block:Video}
  701. {block:ifPostsWidth500}
  702. {Video-500}
  703. {/block:ifPostsWidth500}
  704. {block:ifPostsWidth400}
  705. {Video-400}
  706. {/block:ifPostsWidth400}
  707. {block:Caption}
  708. <div id="caption">
  709. {Caption}
  710. </div>
  711. {/block:Caption}
  712. {/block:Video}
  713.  
  714. {block:Audio}
  715. <div id="audio">
  716. <div class="cover">
  717. <img src="http://static.tumblr.com/liul60i/IcMmdl9id/nmusic2.png">
  718. </div>
  719. {block:AlbumArt}
  720. <div class="cover">
  721. <img src="{AlbumArtURL}">
  722. </div>
  723. {/block:AlbumArt}
  724.  
  725. <div class="player">
  726. <div class="audioplayer">
  727. {AudioPlayerBlack}
  728. </div>
  729. </div>
  730. <br><br><br><br>
  731. <div class="audiotitle">{block:TrackName}{TrackName}{/block:TrackName}</div>
  732. <div class="audioinfo">
  733. {block:Artist}{Artist}{/block:Artist}
  734. {block:Album} - {Album}{/block:Album}
  735. <br>
  736. PLAYED {FormattedPlayCount} TIMES.
  737. </div>
  738. </div>
  739. {block:Caption}
  740. <div id="caption">
  741. {Caption}
  742. </div>
  743. {/block:Caption}
  744.  
  745. {/block:Audio}
  746.  
  747. {block:Answer}
  748. <div id="question">
  749. <div id="asker">{Asker} asked,</div>
  750. <i>{Question}</i>
  751. </div>
  752. <div id="answer">
  753. {Answer}
  754. </div>
  755. {/block:Answer}
  756.  
  757. {block:ContentSource}
  758. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  759. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  760. {/block:SourceLogo}
  761. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  762. {/block:ContentSource}
  763.  
  764. {block:Date}
  765. <div id="bottom">
  766. <a class="timeago" href="{Permalink}" title="{TimeAgo}">
  767. {DayOfMonth}{DayOfMonthSuffix}
  768. {ShortMonth}
  769. {Year}
  770. </a>
  771. {block:NoteCount}
  772. with {NoteCount} notes
  773. {/block:NoteCount}
  774. {block:RebloggedFrom}
  775. <span>|</span> <a href="{ReblogParentURL}"
  776. title="via {ReblogParentName}">
  777. via
  778. </a> <span>|</span>
  779. <a href="{ReblogRootURL}"
  780. title="potsed by {ReblogRootName}">
  781. source
  782. </a>
  783. {/block:RebloggedFrom}
  784. </div>
  785. {/block:Date}
  786.  
  787.  
  788. {block:HasTags}
  789. <div id="tags">
  790. {block:Tags}
  791. <a href="/tagged/{Tag}">#{Tag}</a>
  792. {/block:Tags}
  793. </div>
  794. {/block:HasTags}
  795.  
  796. </div>
  797.  
  798. {/block:Posts}
  799.  
  800. <div id="postnotes">{PostNotes}</div>
  801.  
  802. <div id="next">
  803. {block:Pagination}
  804. {block:PreviousPage}
  805. <a href="{PreviousPage}" class="jump_page">&laquo;</a>
  806. {/block:PreviousPage}
  807. {block:JumpPagination length="5"}
  808. {block:CurrentPage}
  809. <span class="current_page">{PageNumber}</span>
  810. {/block:CurrentPage}
  811. {block:JumpPage}
  812. <a class="jump_page" href="{URL}">{PageNumber}</a>
  813. {/block:JumpPage}
  814. {/block:JumpPagination}
  815. {block:NextPage}
  816. <a href="{NextPage}" class="jump_page">&raquo;</a>
  817. {/block:NextPage}
  818. {/block:Pagination}
  819. </div>
  820.  
  821. </div>
  822.  
  823. </body>
  824. </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!