Advertisement
Annie_Schmitz

Carmen Theme

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