Advertisement
gabyschank

Maybe Theme

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