API tools faq
paste
Advertisement
gnny

THEME 004

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