Advertisement
gnny

THEME 005

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