API tools faq
paste
Advertisement
Beatamine

Charm

Beatamine
May 25th, 2015
708
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 16.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <!---------------------------------------------------------------------------
  5.  
  6.                                     (\__/)
  7.                                     (•ㅅ•)
  8.  
  9.                                  Charm theme
  10.              Support and more themes @ http://beatamine.tumblr.com
  11.  
  12. ---------------------------------------------------------------------------->
  13.  
  14. <head>
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{image:Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  21. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  22.  
  23. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  24. <script src="http://static.tumblr.com/qvtfufx/H56mpjuti/jquery.fitvids.js" type="text/javascript"></script>
  25. <script type="text/javascript">
  26.     $('.posts').fitVids();
  27. </script>
  28.  
  29. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  30. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  31.  
  32. <script>
  33.  (function($){
  34.  $(document).ready(function(){
  35.  $("a[title]").style_my_tooltips({
  36.  tip_follows_cursor:true,
  37.  tip_delay_time:0,
  38.  tip_fade_speed:0,
  39.  attribute:"title"
  40.  }); }); })(jQuery);
  41. </script>
  42.  
  43. {block:Description}<meta name="description" content="{MetaDescription}" />
  44. {/block:Description}
  45.  
  46. <meta name="image:Favicon">
  47. <meta name="image:Avatar">
  48. <meta name="image:Border">
  49. <meta name="color:Background" content="#fafafa">
  50. <meta name="color:Text" content="#888888">
  51. <meta name="color:Links">
  52. <meta name="color:Bold">
  53. <meta name="color:Italic">
  54. <meta name="color:Borders" content="#000000">
  55. <meta name="color:Title" content="#000000">
  56. <meta name="color:Tooltip Text">
  57. <meta name="color:Tooltip Background">
  58. <meta name="color:Selection Text">
  59. <meta name="color:Selection Background">
  60. <meta name="color:Scrollbar" content="#f0f0f0">
  61. <meta name="text:Link 1 Title" content="Link 1">
  62. <meta name="text:Link 1 URL" content="/">
  63. <meta name="text:Link 2 Title" content="Link 2">
  64. <meta name="text:Link 2 URL" content="/">
  65. <meta name="text:Link 3 Title" content="Link 3">
  66. <meta name="text:Link 3 URL" content="/">
  67. <meta name="if:Underlined links" content="1">
  68. <meta name="if:Rounded Sidebar Image" content="1">
  69. <meta name="if:Centered Description" content="1">
  70. <meta name="if:Show Captions" content="1">
  71. <meta name="if:Show Source on IndexPage" content="0">
  72. <meta name="if:Bigger Posts" content="1">
  73.  
  74. <style type="text/css">
  75.  
  76. /* Other */
  77.  
  78. #tumblr_controls {
  79.     top:0%!important;
  80.     right:0%!important;
  81.     position:fixed!important;
  82.     z-index:999999999!important;
  83.     opacity:0.4;
  84.     -webkit-filter:invert(100%);
  85.     -moz-filter:invert(100%);
  86.     -o-filter:invert(100%);
  87.     -ms-filter:invert(100%);
  88.     filter:invert(100%);
  89. }
  90.  
  91. ::selection {
  92.     color:{color:Selection Text};
  93.     background:{color:Selection Background};
  94. }
  95.  
  96. ::-moz-selection {
  97.     color:{color:Selection Text};
  98.     background:{color:Selection Background};
  99. }
  100.  
  101. ::-webkit-selection {
  102.     color:{color:Selection Text};
  103.     background:{color:Selection Background};
  104. }
  105.  
  106. #s-m-t-tooltip {
  107.     max-width:300px;
  108.     padding:4px 6px;
  109.     margin:25px 20px 25px 20px;
  110.     background-color:{color:Tooltip Background};
  111.     color:{color:Tooltip Text};
  112.     z-index:99999;
  113.     font:9px Calibri;
  114.     letter-spacing:1px;
  115.     text-transform:uppercase;
  116.     {block:ifRoundedSidebarImage}
  117.     border-radius:5px;
  118.     -webkit-border-radius:5px;
  119.     -moz-border-radius:5px;
  120.     -ms-border-radius:5px;
  121.     -o-border-radius:5px;
  122.     {/block:ifRoundedSidebarImage}
  123.     -ms-transition:all 0.2s ease-out;
  124.     -o-transition:all 0.2s ease-out;
  125.     -webkit-transition:all 0.2s ease-out;
  126.     -moz-transition:all 0.2s ease-out;
  127.     transition:all 0.2s ease-out;
  128. }
  129.  
  130. ::-webkit-scrollbar{
  131.     width:6px;
  132. }
  133.  
  134. ::-webkit-scrollbar-thumb{
  135.     background:{color:Scrollbar};
  136.     border-radius:10px;
  137. }
  138.  
  139. ::-webkit-scrollbar-track{
  140.     background:#ededed;
  141. }
  142.  
  143. /* General */
  144.  
  145. html {
  146.     padding:0;
  147.     margin:0;
  148.     height:100%;
  149.     width:100%;
  150. }
  151.  
  152. body {
  153.     line-height:1.4em;
  154.     word-wrap:break-word;
  155.     background:{color:Background};
  156.     font-size:80%;
  157.     font-family:'Inconsolata', Calibri, Arial;
  158.     color:{color:Text};
  159.     text-align:left;
  160.     padding:0;
  161.     margin:0;
  162.     height:100%;
  163.     width:100%;
  164.     overflow-x:hidden;
  165. }
  166.  
  167. * {
  168.     transition:all 0.16s ease-in-out;
  169.     -webkit-transition:all 0.16s ease-in-out;
  170.     -moz-transition:all 0.16s ease-in-out;
  171.     -o-transition:all 0.16s ease-in-out;
  172.     -ms-transition:all 0.16s ease-in-out;
  173. }
  174.  
  175. a {
  176.     text-decoration:none;
  177.     {block:ifUnderlinedlinks}
  178.     border-bottom:2px solid;
  179.     padding-bottom:0.5px;
  180.     color:{color:Text};
  181.     {/block:ifUnderlinedlinks}
  182.     {block:ifNotUnderlinedlinks}
  183.     color:{color:Links};
  184.     {/block:ifNotUnderlinedlinks}
  185. }
  186.  
  187. a:hover {
  188.     border-bottom:none;
  189.     color:{color:Links};
  190. }
  191.  
  192. b, strong {
  193.     font-weight:bold;
  194.     color:{color:Bold};
  195. }
  196.  
  197. em {
  198.     font-style:oblique;
  199.     color:{color:Italic};
  200. }
  201.  
  202. blockquote {
  203.     border-left:2px solid {color:Borders};
  204.     padding-left:16px;
  205.     margin-left:26px;
  206. }
  207.  
  208. /* Posts */
  209.  
  210. .top {
  211.     position:fixed;
  212.     left:50%;
  213.     top:0%;
  214.     background:{color:Background};
  215.     width:700px;
  216.     height:100px;
  217.     margin-left:-350px;
  218.     border-bottom:1px solid {color:Borders};
  219.     z-index:10;
  220. }
  221.  
  222. .blog {
  223.     position:absolute;
  224.     left:6%;
  225.     bottom:2%;
  226.     text-transform:uppercase;
  227.     letter-spacing:1px;
  228.     font-size:110%;
  229.     color:{color:Title};
  230. }
  231.  
  232. .line {
  233.     position:fixed;
  234.     left:66%;
  235.     top:60px;
  236.     width:1px;
  237.     height:100%;
  238.     background:{color:Borders};
  239.     z-index:11;
  240. }
  241.  
  242. .box {
  243.     position:absolute;
  244.     width:auto;
  245.     padding:10px;
  246.     {block:IndexPage}top:100px;left:50%;{/block:IndexPage}
  247.     {block:Permalink}top:94px;left:45%;{/block:Permalink}
  248.     {block:ifBiggerPosts}
  249.     margin-left:-250px;
  250.     {/block:ifBiggerPosts}
  251.     {block:ifNotBiggerPosts}
  252.     {block:IndexPage}margin-left:-210px;{/block:IndexPage}
  253.     {block:Permalink}margin-left:-250px;{/block:Permalink}
  254.     {/block:ifNotBiggerPosts}
  255. }
  256.  
  257. .posts {
  258.     position:relative;
  259.     {block:IndexPage}
  260.     {block:ifBiggerPosts}width:300px;{/block:ifBiggerPosts}
  261.     {block:ifNotBiggerPosts}width:250px;{/block:ifNotBiggerPosts}
  262.     {/block:IndexPage}
  263.     {block:Permalink}width:400px;{/block:Permalink}
  264.     padding:40px;
  265.     margin:40px 6px;
  266.     background-color:#ffffff;
  267.     background:url('{image:Border}') repeat;
  268. }
  269.  
  270. .posts li {
  271.     list-style-type:square;
  272. }
  273.  
  274. .posts img {
  275.     max-width:100%;
  276.     height:auto;
  277. }
  278.  
  279. .go {
  280.     {block:Permalink}display:none;{/block:Permalink}
  281.     position:absolute;
  282.     left:0%;
  283.     top:40px;
  284.     margin-left:-40px;
  285.     opacity:0;
  286. }
  287.  
  288. .go a {
  289.     display:block;
  290.     border-bottom:none;
  291.     padding:6px 7px 6px 9px;
  292.     margin:5px 1px;
  293.     background:#ffffff;
  294.     color:{color:Borders};
  295. }
  296.  
  297. .posts:hover .go {
  298.     opacity:1;
  299. }
  300.  
  301. .tumblr_audio_player {
  302.     width:100%;
  303.     height:50px;
  304. }
  305.  
  306. .title {
  307.     padding:4px 2px;
  308.     margin:3px 0px 10px 0px;
  309.     border-bottom:2px solid;
  310.     text-transform:uppercase;
  311.     font-size:96%;
  312.     letter-spacing:1px;
  313. }
  314.  
  315. .quote {
  316.     text-transform:uppercase;
  317.     letter-spacing:1px;
  318.     font-style:oblique;
  319. }
  320.  
  321. .question {
  322.     text-align:center;
  323.     padding:4px 0px;
  324.     text-transform:uppercase;
  325.     letter-spacing:1px;
  326.     border-bottom:1px solid {color:Borders};
  327.     font-size:88%;
  328. }
  329.  
  330. .question a {
  331.     border-bottom:none;
  332. }
  333.  
  334. .queston a:hover {
  335.     color:{color:Bold};
  336. }
  337.  
  338. .linksoup {
  339.     border-bottom:none;
  340.     text-transform:uppercase;
  341.     letter-spacing:2px;
  342.     font-size:92%;
  343. }
  344.  
  345. .caption, .thing, .notes {
  346.     display:block;
  347.     margin:6px 0px;
  348.     background:#ffffff;
  349.     padding:8px 12px;
  350. }
  351.  
  352. .notes li img {
  353.     display:none;
  354. }
  355.  
  356. .notes li {
  357.     text-transform:uppercase;
  358.     letter-spacing:1px;
  359.     font-size:90%;
  360.     list-style-type:none;
  361. }
  362.  
  363. .notes ul {
  364.     margin-left:-16px;
  365. }
  366.  
  367. .notes a {
  368.     border-bottom:none;
  369.     color:{color:Text};
  370. }
  371.  
  372. /* Sidebar */
  373.  
  374. .next {
  375.     position:fixed;
  376.     left:67%;
  377.     top:120px;
  378.     width:90px;
  379.     padding:10px;
  380. }
  381.  
  382. .next a {
  383.     text-transform:uppercase;
  384.     letter-spacing:1px;
  385.     font-size:86%;
  386.     border-bottom:none;
  387.     color:{color:Text};
  388. }
  389.  
  390. .next a:hover {
  391.     font-style:oblique;
  392. }
  393.  
  394. .bunny a {
  395.     color:{color:Title};
  396.     position:fixed;
  397.     right:1%;
  398.     bottom:2%;
  399.     text-transform:uppercase;
  400.     letter-spacing:1px;
  401.     font-size:76%;
  402.     border-bottom:none;
  403. }
  404.  
  405. .icon {
  406.     max-width:60px;
  407.     max-height:60px;
  408.     padding-bottom:6px;
  409.     {block:ifRoundedSidebarImage}
  410.     border-radius:10px;
  411.     -webkit-border-radius:10px;
  412.     -moz-border-radius:10px;
  413.     -ms-border-radius:10px;
  414.     -o-border-radius:10px;
  415.     {/block:ifRoundedSidebarImage}
  416. }
  417.  
  418. .pages {
  419.     display:block;
  420.     border-top:1px solid {color:Borders};
  421.     margin:4px 0px;
  422.     padding:4px 2px;
  423.     text-align:right;
  424.     font-size:82%;
  425. }
  426.  
  427. .pages a {
  428.     border-bottom:none;
  429.     text-transform:uppercase;
  430. }
  431.  
  432. </style></head>
  433. <body>
  434.  
  435. <div class="bunny"><a href="http://beatamine.tumblr.com" target="_blank">Theme</a></div>
  436.  
  437. <div class="top">
  438.     <div class="blog">{Title}</div>
  439. </div>
  440. <div class="line"></div>
  441.  
  442. <div class="next">
  443.     <center><img src="{image:Avatar}" class="icon"></center>
  444.     {block:ifCenteredDescription}<center>{Description}</center>{/block:ifCenteredDescription}
  445.     {block:ifNotCenteredDescription}{Description}{/block:ifNotCenteredDescription}<br>
  446.     <a href="/">refresh</a><br>
  447.     <a href="/ask">inbox</a><br>
  448.     <a href="{text:Link 1 URL}">{text:Link 1 Title}</a><br>
  449.     <a href="{text:Link 2 URL}">{text:Link 2 Title}</a><br>
  450.     <a href="{text:Link 3 URL}">{text:Link 3 Title}</a><br>
  451.    
  452. <div class="pages">
  453. {block:IndexPage}{block:Pagination}
  454. {block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}/{block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  455. {/block:Pagination}{/block:IndexPage}
  456. </div>
  457.    
  458. </div>
  459.  
  460. <div class="box">
  461. {block:Posts}
  462. <div class="posts">
  463.  
  464. {block:Text}
  465.  
  466. <div class="go">
  467.     <a href="{Permalink}" title="{TimeAgo} with {NoteCountwithLabel}"><i class="fa fa-bars"></i></a>
  468.     <a href="{ReblogURL}" title="Reblog" target="_blank"><i class="fa fa-retweet"></i></a>
  469. </div>
  470.  
  471. <div style="padding:10px;background:#ffffff;">
  472. {block:Title}<div class="title">{Title}</div>{/block:Title}
  473. {Body}
  474. </div>
  475.  
  476. {/block:Text}
  477.  
  478.  
  479. {block:Quote}
  480.  
  481. <div class="go">
  482.     <a href="{Permalink}" title="{TimeAgo} with {NoteCountwithLabel}"><i class="fa fa-bars"></i></a>
  483.     <a href="{ReblogURL}" title="Reblog" target="_blank"><i class="fa fa-retweet"></i></a>
  484. </div>
  485.  
  486. <div style="padding:10px;background:#ffffff;">
  487. <div class="quote">{Quote}</div>
  488.  
  489. {block:ifShowSourceOnIndexPage}
  490. {block:IndexPage}
  491. {block:Source}<div style="text-align:right;font-size:90%;">{Source}</div>{/block:Source}{/block:IndexPage}
  492. {/block:ifShowSourceOnIndexPage}
  493.  
  494. {block:Permalink}
  495. {block:Source}<div style="text-align:right;font-size:90%;">{Source}</div>{/block:Source}{/block:Permalink}
  496. </div>
  497.  
  498. {/block:Quote}
  499.  
  500.  
  501. {block:Chat}
  502.  
  503. <div class="go">
  504.     <a href="{Permalink}" title="{TimeAgo} with {NoteCountwithLabel}"><i class="fa fa-bars"></i></a>
  505.     <a href="{ReblogURL}" title="Reblog" target="_blank"><i class="fa fa-retweet"></i></a>
  506. </div>
  507.  
  508. <div style="padding:10px;background:#ffffff;">
  509. {block:Title}<div class="title">{Title}</div>{/block:Title}
  510. {block:Lines}
  511. {block:Label}<b>{Label}</b>{/block:Label} {Line} <br>
  512. {/block:Lines}
  513. </div>
  514.  
  515. {/block:Chat}
  516.  
  517.  
  518. {block:Answer}
  519.  
  520. <div class="go">
  521.     <a href="{Permalink}" title="{TimeAgo} with {NoteCountwithLabel}"><i class="fa fa-bars"></i></a>
  522.     <a href="{ReblogURL}" title="Reblog" target="_blank"><i class="fa fa-retweet"></i></a>
  523. </div>
  524.  
  525. <div style="padding:10px;background:#ffffff;">
  526.  
  527. <div class="question">{Question}<br><i class="fa fa-user"></i> {Asker}</div>
  528.  
  529. <p>{Answer}</p>
  530. </div>
  531.  
  532. {/block:Answer}
  533.  
  534.  
  535. {block:Link}
  536.  
  537. <div class="go">
  538.     <a href="{Permalink}" title="{TimeAgo} with {NoteCountwithLabel}"><i class="fa fa-bars"></i></a>
  539.     <a href="{ReblogURL}" title="Reblog" target="_blank"><i class="fa fa-retweet"></i></a>
  540. </div>
  541.  
  542. <div style="padding:10px;background:#ffffff;">
  543. <i class="fa fa-globe"></i> <a href="{URL}" class="linksoup">{Name}</a>
  544. {block:Description}{Description}{/block:Description}
  545. </div>
  546.  
  547. {/block:Link}
  548.  
  549.  
  550. {block:Photo}
  551.  
  552. <div class="go">
  553.     <a href="{Permalink}" title="{TimeAgo} with {NoteCountwithLabel}"><i class="fa fa-bars"></i></a>
  554.     <a href="{ReblogURL}" title="Reblog" target="_blank"><i class="fa fa-retweet"></i></a>
  555. </div>
  556.  
  557. <img src="{PhotoUrl-500}">
  558.  
  559. {block:ifShowCaptions}
  560. {block:IndexPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IndexPage}
  561. {/block:ifShowCaptions}
  562.  
  563. {block:Permalink}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Permalink}
  564.  
  565. {/block:Photo}
  566.  
  567.  
  568. {block:Photoset}
  569.  
  570. <div class="go">
  571.     <a href="{Permalink}" title="{TimeAgo} with {NoteCountwithLabel}"><i class="fa fa-bars"></i></a>
  572.     <a href="{ReblogURL}" title="Reblog" target="_blank"><i class="fa fa-retweet"></i></a>
  573. </div>
  574.  
  575. {Photoset}
  576.  
  577. {block:ifShowCaptions}
  578. {block:IndexPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IndexPage}
  579. {/block:ifShowCaptions}
  580.  
  581. {block:Permalink}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Permalink}
  582.  
  583. {/block:Photoset}
  584.  
  585. {block:Video}
  586.  
  587. <div class="go">
  588.     <a href="{Permalink}" title="{TimeAgo} with {NoteCountwithLabel}"><i class="fa fa-bars"></i></a>
  589.     <a href="{ReblogURL}" title="Reblog" target="_blank"><i class="fa fa-retweet"></i></a>
  590. </div>
  591.  
  592. {Video-400}
  593.  
  594. {block:ifShowCaptions}
  595. {block:IndexPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IndexPage}
  596. {/block:ifShowCaptions}
  597.  
  598. {block:Permalink}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Permalink}
  599.  
  600. {/block:Video}
  601.  
  602.  
  603. {block:Audio}
  604.  
  605. <div class="go">
  606.     <a href="{Permalink}" title="{TimeAgo} with {NoteCountwithLabel}"><i class="fa fa-bars"></i></a>
  607.     <a href="{ReblogURL}" title="Reblog" target="_blank"><i class="fa fa-retweet"></i></a>
  608. </div>
  609.  
  610. {AudioPlayerWhite}
  611.  
  612. <div class="thing">
  613. {block:TrackName}<i class="fa fa-play fa-fw"></i> <b>Track:</b> {TrackName}<br>{/block:TrackName}
  614. {block:Artist}<i class="fa fa-user fa-fw"></i> <b>Artist:</b> {Artist}<br>{/block:Artist}
  615. {block:Album}<i class="fa fa-music fa-fw"></i> <b>Album:</b> {Album}<br>{/block:Album}
  616. {block:PlayCount}<i class="fa fa-times fa-fw"></i> {PlayCountWithLabel}{/block:PlayCount}</div>
  617.  
  618. {block:ifShowCaptions}
  619. {block:IndexPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IndexPage}
  620. {/block:ifShowCaptions}
  621.  
  622. {block:Permalink}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Permalink}
  623.  
  624. {/block:Audio}
  625.  
  626. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  627.  
  628. {block:Permalink}
  629. <div class="thing">
  630. {block:Date}<i class="fa fa-calendar"></i> Posted: {Month} {DayOfMonth}{DayOfMonthSuffix} {Year} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date}
  631. {block:RebloggedFrom}<br><i class="fa fa-archive"></i> Found it at: <a href="{ReblogParentURL}">{ReblogParentName}</a> / Creator: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  632. {block:HasTags}<br> {block:Tags} <i class="fa fa-tag"></i> <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  633. {block:NoteCount}<br><i class="fa fa-thumbs-up"></i> {NoteCountWithLabel}{/block:NoteCount}<br>
  634. </div>
  635. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  636. {/block:Permalink}
  637.  
  638. </div>
  639. {/block:Posts}
  640. </div>
  641.  
  642. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!