Advertisement
gabyschank

Daisy Theme

Jun 9th, 2015
2,561
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.42 KB | None | 0 0
  1. <!--Daisy Theme by confers
  2. http://fluorescent-themes.tumblr.com/
  3. Please do not remove the credit---->
  4.  
  5. <html lang="en">
  6.  
  7. <head>
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}"/>
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}"/>
  13. {/block:Description}
  14. <meta name="color:background" content="#ffffff" />
  15. <meta name="color:text" content="#000000" />
  16. <meta name="color:title" content="#000000" />
  17. <meta name="color:title hover" content="#000000" />
  18. <meta name="color:link hover" content="#000000" />
  19. <meta name="color:questions" content="#eeeeee" />
  20. <meta name="color:scrollbar" content="#000000" />
  21. <meta name="color:highlight text" content="#ffffff" />
  22. <meta name="color:highlight background" content="#cccccc" />
  23.  
  24.  
  25. <meta name="text:home title" content="home" />
  26. <meta name="text:ask title" content="ask" />
  27. <meta name="text:link 1 title" content="" />
  28. <meta name="text:link 1" content="" />
  29. <meta name="text:link 2 title" content="" />
  30. <meta name="text:link 2" content="" />
  31. <meta name="text:link 3 title" content="" />
  32. <meta name="text:link 3" content="" />
  33. <meta name="text:link 4 title" content="" />
  34. <meta name="text:link 4" content="" />
  35. <meta name="text:link 5 title" content="" />
  36. <meta name="text:link 5" content="" />
  37. <meta name="text:link 6 title" content="" />
  38. <meta name="text:link 6" content="" />
  39.  
  40. <meta name="image:Left Background" content""/>
  41. <meta name="image:Right Background" content""/>
  42. <meta name="image:Cover Background" content""/>
  43. <meta name="image:Sidebar Background" content""/>
  44. <meta name="image:Sidebar" content""/>
  45.  
  46. <meta name="if:Two Columns" content""/>
  47. <meta name="if:Three Columns" content""/>
  48.  
  49. <meta name="if:Sidebar Image" content""/>
  50. <meta name="if:Link One" content""/>
  51. <meta name="if:Link Two" content""/>
  52. <meta name="if:Link Three" content""/>
  53. <meta name="if:Link Four" content""/>
  54. <meta name="if:Link Five" content""/>
  55. <meta name="if:Link Six" content""/>
  56.  
  57. <link href='http://fonts.googleapis.com/css?family=Give+You+Glory|Reenie+Beanie|Shadows+Into+Light|Gloria+Hallelujah|Just+Me+Again+Down+Here|Indie+Flower|Coming+Soon|Covered+By+Your+Grace|Sacramento|Cedarville+Cursive|Dawning+of+a+New+Day|Zeyada' rel='stylesheet' type='text/css'>
  58. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  59.  
  60. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61.  
  62. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  63. <script>
  64. (function($){
  65. $(document).ready(function(){
  66. $("[title]").style_my_tooltips({
  67. tip_follows_cursor:true,
  68. tip_delay_time:200,
  69. tip_fade_speed:300
  70. }
  71. );
  72. });
  73. })(jQuery);
  74. </script>
  75.  
  76. {block:IndexPage}
  77.  
  78. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  79. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  80.  
  81. <script type="text/javascript">
  82. $(window).load(function(){
  83. var $wall = $('#entries');
  84. $wall.imagesLoaded(function(){
  85. $wall.masonry({
  86. itemSelector: '#post, #post_photo',
  87. isAnimated : false
  88. });
  89. });
  90.  
  91. $wall.infinitescroll({
  92. navSelector : '#pagination',
  93. nextSelector : '#pagination a',
  94. itemSelector : '#post, #post_photo',
  95. bufferPx : 2000,
  96. debug : false,
  97. errorCallback: function() {
  98. $('#scroll').fadeOut('normal');
  99. }},
  100. function( newElements ) {
  101. var $newElems = $( newElements );
  102. $newElems.hide();
  103. $newElems.imagesLoaded(function(){
  104. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  105. });
  106. }); $('#entries').show(500);
  107. });
  108. </script>
  109. {/block:IndexPage}
  110. <style type="text/css">
  111.  
  112. #s-m-t-tooltip{
  113. max-width:300px;
  114. margin:15px;
  115. padding:2px 8px;
  116. border:1px solid #ccc;
  117. border-radius:4px;
  118. background:#FFF;
  119. z-index:999999;
  120. letter-spacing:1px;
  121. font-size:10px;
  122. text-transform:;
  123. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  124.  
  125. body{
  126. background-color:{color:background};
  127. background-image: url({image:Left Background}), url({image:Right Background}), url({image:Cover Background});
  128. background-attachment: fixed;
  129. background-position: bottom 0px left 0px, bottom 0px right 0px;
  130. background-repeat: no-repeat, no-repeat, no-repeat;
  131. -webkit-background-size: auto, auto, auto;
  132. -moz-background-size: auto, auto, auto;
  133. -o-background-size: auto, auto, auto;
  134. background-size: auto, auto, cover;
  135. color:{color:text};
  136. font-family:consolas;
  137. font-size:10px;
  138. }
  139.  
  140. ::selection {
  141. background:{color:highlight background};
  142. color:{color:highlight text};
  143. }
  144. ::-moz-selection {
  145. background:{color:highlight background};
  146. color:{color:highlight text};
  147. }
  148.  
  149.  
  150. ::-webkit-scrollbar{
  151. width:8px;
  152. height:8px;
  153. background:{color:background};}
  154.  
  155. ::-webkit-scrollbar-thumb{
  156. background:{color:scrollbar};
  157. height:5px;
  158. border:{color:background} solid 3px;}
  159.  
  160. a:link, a:active, a:visited{
  161. -webkit-transition: 0.3s ease;
  162. transition: 0.3s ease;
  163. -o-transition: 0.3s ease;
  164. -moz-transition: 0.3s ease;
  165. color:#000;
  166. text-decoration:underline;
  167. }
  168.  
  169. a:hover{
  170. -webkit-transition: 0.3s ease;
  171. transition: 0.3s ease;
  172. -o-transition: 0.3s ease;
  173. -moz-transition: 0.3s ease;
  174. color:{color:link hover};
  175. }
  176.  
  177. #n{
  178.  
  179. }
  180.  
  181. #entries{{block:IndexPage}
  182. width:250px;
  183. {block:IfTwoColumns}
  184. width:590px;
  185. {/block:IfTwoColumns}
  186. {block:IfThreeColumns}
  187. width:890px;
  188. {/block:IfThreeColumns}
  189. margin-top:0px;
  190. margin-left:300px;
  191. position:absolute;
  192. {/block:IndexPage}{block:PermalinkPage}
  193. width:500px;
  194. margin-top:10px;
  195. margin-left:400px;
  196. padding:2px;
  197. border:1px solid #000;
  198. position:absolute;
  199. {/block:PermalinkPage}
  200. }
  201.  
  202. #post{
  203. {block:IndexPage}
  204. margin-top:20px;
  205. margin-left:20px;
  206. border:1px solid #000;
  207. padding:5px 5px 3px 5px;
  208. width:250px;
  209. {/block:IndexPage}
  210. {block:PermalinkPage}
  211. width:500px;
  212. {/block:PermalinkPage}
  213. }
  214.  
  215. #post .perma{
  216. {block:IndexPage}
  217. -webkit-transition: 0.3s ease;
  218. transition: 0.3s ease;
  219. -o-transition: 0.3s ease;
  220. -moz-transition: 0.3s ease;
  221. margin-top:8px;
  222. text-align:center;
  223. position:absolute;
  224. width:250px;
  225. opacity:0;
  226. font-size:10px;
  227. text-transform:lowercase;
  228. {/block:IndexPage}{block:PermalinkPage}
  229. display:none;
  230. {/block:PermalinkPage}
  231. }
  232.  
  233.  
  234.  
  235. #post:hover .perma{
  236. -webkit-transition: 0.3s ease;
  237. transition: 0.3s ease;
  238. -o-transition: 0.3s ease;
  239. -moz-transition: 0.3s ease;
  240. opacity:1;
  241. }
  242.  
  243. #post .r{
  244. {block:IndexPage}
  245. -webkit-transition: 0.3s ease;
  246. transition: 0.3s ease;
  247. -o-transition: 0.3s ease;
  248. -moz-transition: 0.3s ease;
  249. margin-top:8px;
  250. text-align:center;
  251. width:250px;
  252. position:absolute;
  253. opacity:0;
  254. font-size:10px;
  255. text-transform:lowercase;
  256. {/block:IndexPage}{block:PermalinkPage}
  257. display:none;
  258. {/block:PermalinkPage}
  259. }
  260.  
  261.  
  262.  
  263. #post:hover .r{
  264. -webkit-transition: 0.3s ease;
  265. transition: 0.3s ease;
  266. -o-transition: 0.3s ease;
  267. -moz-transition: 0.3s ease;
  268. opacity:1;
  269. }
  270.  
  271.  
  272. #sidebar{
  273. margin-top:10%;
  274. text-align:center;
  275. background:transparent;
  276. width:100px;
  277. margin-left:30px;
  278. position:fixed;
  279. background-attachment: fixed;
  280. background-image:url({image:Sidebar Background});
  281. }
  282.  
  283. #sidebar img{
  284. max-width:150px;
  285. }
  286.  
  287. #desc{
  288. }
  289.  
  290. .title{
  291. font-family:consolas;
  292. font-size:14px;}
  293.  
  294. .title a{
  295. -webkit-transition: 0.3s ease;
  296. transition: 0.3s ease;
  297. -o-transition: 0.3s ease;
  298. -moz-transition: 0.3s ease;
  299. color:{color:title};
  300. }
  301.  
  302. .title a:hover{
  303. -webkit-transition: 0.3s ease;
  304. transition: 0.3s ease;
  305. -o-transition: 0.3s ease;
  306. -moz-transition: 0.3s ease;
  307. color:{color:title hover};
  308. }
  309.  
  310. .links{
  311. text-transform:lowercase;
  312. font-family:consolas;
  313. font-size:10px;
  314. letter-spacing:1px;}
  315.  
  316. .links a{
  317. }
  318.  
  319. i, em{
  320. color:{color:link};}
  321. b, strong{
  322. font-weight:normal;
  323. text-transform:lowercase;
  324. color:{color:link};}
  325. ul,ol{
  326. margin:0px;
  327. margin-left:-5px;}
  328. p{
  329. padding:0px;
  330. margin:2px;}
  331.  
  332.  
  333.  
  334. #credit {
  335. position:fixed;
  336. font-family:consolas;
  337. font-size:10px;
  338. bottom:10px;
  339. z-index:999999999999;
  340. right:10px;
  341. text-transform:lowercase;
  342. }
  343.  
  344.  
  345. blockquote{
  346. padding:3px;
  347. border-left:1px solid #e1e1e1;
  348. margin-left:10px;
  349. line-height:10px;
  350. }
  351.  
  352. {block:IndexPage}
  353. blockquote img{
  354. width:100px;
  355. overflow:hidden;
  356. }
  357. {/block:IndexPage}
  358. {block:PermalinkPage}
  359. blockquote img{
  360. width:200px;
  361. overflow:hidden;
  362. }
  363. {/block:PermalinkPage}
  364.  
  365. .text{
  366. text-decoration:bold;
  367. font-size:12px;
  368. text-transform:lowercase;
  369. }
  370.  
  371. #questions img{
  372. float:left;
  373. padding:2px;
  374. }
  375.  
  376. #questions a{
  377. font-size:10px;
  378. letter-spacing:1px;
  379. text-transform:lowercase;
  380. }
  381.  
  382. #questions {
  383. padding:4px;
  384. border-radius:6px;
  385. min-height:28px;
  386. font-weight: bold;
  387. border-bottom:1px solid #ccc;
  388. background:{color:questions};
  389. }
  390.  
  391.  
  392. #questions img{
  393. border-radius:6px;
  394. }
  395.  
  396. .player{
  397. margin-left:110px;
  398. margin-top:25px;
  399. position:absolute;
  400. padding:2px;
  401. max-width:135px;
  402. padding:2px;
  403. font-size:10px;
  404. text-transform:lowercase;
  405. z-index:999999;
  406. {block:PermalinkPage}
  407. margin-top:0px;
  408. {/block:PermalinkPage}
  409. }
  410.  
  411. .audioplayer{
  412. margin-top:20px;
  413. margin-left:20px;
  414. opacity:.7;
  415. width:27px;
  416. height:27px;
  417. border-radius:30px;
  418. overflow:hidden;
  419. z-index:99999999;
  420. background:#fff;
  421. padding:15px;
  422. }
  423.  
  424. #cover{
  425. width:100px;
  426. background:#eee;
  427. position:absolute;
  428. height:100px;
  429. display:inline-block;
  430. float:left;
  431. {block:PermalinkPage}
  432. margin-top:-20px;
  433. {/block:PermalinkPage}
  434. }
  435.  
  436. #cover img{
  437. width:100px;
  438. height:100px;
  439. {block:PermalinkPage}
  440. margin-top:0px;
  441. {/block:PermalinkPage}
  442. }
  443.  
  444. .playbutton {
  445. width:30px;
  446. height:20px;
  447. overflow:hidden;
  448. position:relative;
  449. z-index:1000;
  450. margin:0px;}
  451.  
  452. </style>
  453.  
  454. </head>
  455. <body>
  456.  
  457. <div id="sidebar">
  458. {block:IfSidebarImage}
  459. <img src="{image:Sidebar}">
  460. {/block:IfSidebarImage}
  461. <div class="title"><a href="/">{Title}</a></div>
  462. <div id="desc">{Description}</div>
  463. <div class="links">
  464. <a href="/">{text:home title}</a>
  465. <a href="/ask">{text:ask title}</a>
  466. {block:IfLinkOne}
  467. <a href="{text:link 1}">{text:link 1 title}</a>
  468. {/block:IfLinkOne}
  469. {block:IfLinkTwo}
  470. <a href="{text:link 2}">{text:link 2 title}</a>
  471. {/block:IfLinkTwo}
  472. {block:IfLinkThree}
  473. <a href="{text:link 3}">{text:link 3 title}</a>
  474. {/block:IfLinkThree}
  475. {block:IfLinkFour}
  476. <a href="{text:link 4}">{text:link 4 title}</a>
  477. {/block:IfLinkFour}
  478. {block:IfLinkFive}
  479. <a href="{text:link 5}">{text:link 5 title}</a>
  480. {/block:IfLinkFive}
  481. {block:IfLinkSix}
  482. <a href="{text:link 6}">{text:link 6 title}</a>
  483. {/block:IfLinkSix}
  484. <!---PLEASE DO NOT REMOVE/CHANGE THIS AT ALL--->
  485. <a href="http://fluorescent-themes.tumblr.com/">theme</a>
  486. <!---PLEASE DO NOT REMOVE/CHANGE THIS AT ALL--->
  487. </div>
  488. </div>
  489.  
  490. <div id="entries">
  491.  
  492.  
  493. {block:Posts}
  494.  
  495.  
  496. {block:ContentSource}
  497. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  498. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  499. {/block:SourceLogo}
  500. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  501. {/block:ContentSource}
  502.  
  503. <div id="post">
  504.  
  505.  
  506. {block:Photo}
  507. {block:IndexPage}
  508. <a href="{permalink}"><img src="{PhotoURL-250}"/></a>
  509. <div class="r">
  510. <a href="{Permalink}">{NoteCountWithLabel}</a> -
  511. <a href="{ReblogURL}">reblog</a></div>
  512. {/block:IndexPage}
  513. {block:PermalinkPage}
  514. <a href="{permalink}"><img src="{PhotoURL-500}"/></a>
  515. {/block:PermalinkPage}
  516. {/block:Photo}
  517.  
  518.  
  519.  
  520. {block:Photoset}
  521. {block:IndexPage}
  522. {Photoset-250}
  523. <div class="r">
  524. <a href="{Permalink}">{NoteCountWithLabel}</a> -
  525. <a href="{ReblogURL}">reblog</a>
  526. </div>
  527. {/block:IndexPage}
  528. {block:PermalinkPage}
  529. {Photoset-500}
  530. {/block:PermalinkPage}
  531. {/block:Photoset}
  532.  
  533. {block:Video}
  534. {block:IndexPage}
  535. {Video-250}
  536. <div class="r">
  537. <a href="{Permalink}">{NoteCountWithLabel}</a> -
  538. <a href="{ReblogURL}">reblog</a>
  539. </div>
  540. {/block:IndexPage}
  541. {block:PermalinkPage}
  542. {Video-500}
  543. {/block:PermalinkPage}
  544. {/block:Video}
  545.  
  546.  
  547. {block:Text}
  548. <div class="text">{Title}</div>{Body}
  549. <div class="perma">
  550. <a href="{Permalink}">{NoteCountWithLabel}</a> -
  551. <a href="{ReblogURL}">reblog</a>
  552. </div>
  553. {/block:Text}
  554.  
  555.  
  556. {block:Link}
  557. <div class="text" style="background:#eee; padding:2px; letter-spacing:1px; text-decoration:underline;"><a href="{URL}">{Name} →</a></div>
  558. {block:Description}{Description}{/block:Description}
  559. <div class="perma">
  560. <a href="{Permalink}">{NoteCountWithLabel}</a> -
  561. <a href="{ReblogURL}">reblog</a>
  562. </div>
  563. {/block:Link}
  564.  
  565.  
  566. {block:Quote}
  567. <div class="text">"{Quote}"</div>
  568. {block:Source}-{Source}{/block:Source}
  569. <div class="perma">
  570. <a href="{Permalink}">{NoteCountWithLabel}</a> -
  571. <a href="{ReblogURL}">reblog</a>
  572. </div>
  573. {/block:Quote}
  574.  
  575.  
  576. {block:Chat}
  577. {block:Lines}
  578. {block:Label}<br>
  579. <div class="text" div style="font-size:9px; padding:2px; background:#eee;">{Label}
  580. {/block:Label}
  581. &nbsp;{Line}</div>
  582. {/block:Lines}
  583. <div class="perma">
  584. <a href="{Permalink}">{NoteCountWithLabel}</a> -
  585. <a href="{ReblogURL}">reblog</a>
  586. </div>
  587. {/block:Chat}
  588.  
  589.  
  590. {block:Audio}
  591. <div class="player">{block:TrackName}{TrackName}{/block:TrackName}<br>
  592. {block:Artist}by {Artist}{/block:Artist}<br>
  593. {block:PlayCount}{PlayCount} plays{/block:PlayCount}
  594. </div>
  595. <div id="cover">
  596. {block:AlbumArt}
  597. <img src="{AlbumArtURL}">
  598. {/block:AlbumArt}</div>
  599. <div class="audioplayer"><div class="playbutton">
  600. {AudioPlayerWhite}</div></div><br><br>
  601. <div class="perma">
  602. <a href="{Permalink}">{NoteCountWithLabel}</a> -
  603. <a href="{ReblogURL}">reblog</a>
  604. </div>
  605. {/block:Audio}
  606.  
  607.  
  608.  
  609. {block:Answer}<div id="questions">
  610. <img src="{AskerPortraitURL-24}">{Asker}: {Question}</div>
  611. {Answer}
  612. <div class="perma">
  613. <a href="{Permalink}">{NoteCountWithLabel}</a> -
  614. <a href="{ReblogURL}">reblog</a>
  615. </div>
  616. {/block:Answer}
  617.  
  618. {block:PermalinkPage}<div id="n">
  619. <br>
  620. {block:Tags}<a href="/tagged/{Tag}"> #{Tag} </a>{/block:Tags}
  621. <br>
  622. {block:Date}{TimeAgo}{/block:Date}
  623. {block:NoteCount}
  624. {NoteCountWithLabel}
  625. {/block:NoteCount}
  626. <br>
  627. {block:Caption}
  628. {Caption}
  629. {/block:Caption}
  630. <br>
  631. {block:PostNotes}{PostNotes}{/block:PostNotes}
  632. </div>
  633. {/block:PermalinkPage}
  634. </div>
  635. {/block:Posts}
  636. </div>
  637.  
  638.  
  639.  
  640.  
  641. {block:IndexPage}
  642. {block:Pagination}
  643. <div id="pagination">
  644. {block:NextPage}
  645. <a id="nextPage" href="{NextPage}"></a>
  646. {/block:NextPage}
  647. {block:PreviousPage}
  648. <a href="{PreviousPage}"></a>
  649. {/block:PreviousPage}
  650. </div>
  651. {/block:Pagination}
  652. {/block:IndexPage}
  653.  
  654. </div>
  655. <!---PLEASE DO NOT REMOVE/CHANGE THIS AT ALL--->
  656. <div id="credit"><a href="http://fluorescent-themes.tumblr.com">credit</a></div>
  657. <!---PLEASE DO NOT REMOVE/CHANGE THIS AT ALL--->
  658. </div>
  659. </body>
  660. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement