Advertisement
gabyschank

Cinnamon Theme

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