API tools faq
paste
dreamysams

"Red" Theme

dreamysams
Mar 16th, 2016
1,563
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.12 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" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--
  6.        CODE BY QUEERJAREDS
  7.        Please observe theme sharing etiquette
  8.        (Don't steal any part of code, use code as a base, redistribute as            your own, delete the credit)
  9.        
  10.        If you have a question, feel free to come ask me
  11.        Thank you!
  12.        
  13.        (theme made and tested in chrome)
  14. -->
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="color:background" content="#fbfbfb"/>
  22. <meta name="color:post background" content="#ffffff" />
  23. <meta name="color:text" content="#845a5a"/>
  24. <meta name="color:link" content="#cc3434"/>
  25. <meta name="color:link hover" content="#e0e0e0"/>
  26. <meta name="color:bold" content="#333333" />
  27. <meta name="color:italic" content="#777777" />
  28. <meta name="color:sidebar links" content="#000000" />
  29. <meta name="color:scrollbar" content="#490802" />
  30.  
  31.  
  32. <meta name="image:sidebar" content="http://static.tumblr.com/f2329cdbed78d6783f0fb01536cf4c06/oqartqm/5NDo45eot/tumblr_static_4mkg3440rse8s4088oswogow0.jpg"/>
  33.  
  34. <meta name="text:link 1 name" content="home" />
  35. <meta name="text:url 1" content="/" />
  36. <meta name="text:link 2 name" content="ask" />
  37. <meta name="text:url 2" content="/" />
  38. <meta name="text:link 3 name" content="link 3" />
  39. <meta name="text:url 3" content="/" />
  40. <meta name="text:link 4 name" content="link 4" />
  41. <meta name="text:url 4" content="/" />
  42. <meta name="text:link 5 name" content="link 5" />
  43. <meta name="text:url 5" content="/" />
  44.  
  45. <meta name="text:updates text" content="updates text here" />
  46.  
  47. <meta name="if:updates box" content="1" />
  48.  
  49. <!--tooltop script -->
  50. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  52. <script>
  53. (function($){
  54. $(document).ready(function(){
  55. $("a[title]").style_my_tooltips({
  56. tip_follows_cursor:true,
  57. tip_delay_time:50,
  58. tip_fade_speed:100,
  59. attribute:"title"
  60. });
  61. });
  62. })(jQuery);
  63. </script>
  64.  
  65. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  66.  
  67. <script type="text/javascript">
  68.   WebFontConfig = {
  69.     google: { families: [ 'Hind::latin', 'IM Fell DW Pica::latin' ] }
  70.   };
  71.   (function() {
  72.     var wf = document.createElement('script');
  73.     wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  74.       '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  75.     wf.type = 'text/javascript';
  76.     wf.async = 'true';
  77.     var s = document.getElementsByTagName('script')[0];
  78.     s.parentNode.insertBefore(wf, s);
  79.   })(); </script>
  80.  
  81.  
  82.  
  83. <!-- smooth scrolling -->
  84. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  85.  
  86.  
  87. <style type="text/css">
  88.  
  89.  
  90. /* ----------------- GENERAL STYLES -------------------- */
  91.  
  92. /* CONTROLS */
  93. .tmblr-iframe--desktop-logged-in-controls {
  94.     position:fixed;
  95.     opacity:0.3;
  96.     white-space:nowrap;
  97.     z-index:999999999!important;
  98.     -webkit-filter: invert(100%);
  99.     -moz-filter: invert(100%);
  100.     -o-filter: invert(100%);
  101.     -ms-filter: invert(100%);
  102.     filter: invert(100%);
  103.     -webkit-transition: all 0.7s ease-in-out;
  104.     -moz-transition: all 0.7s ease-in-out;
  105.     -o-transition: all 0.7s ease-in-out;
  106. }
  107.  
  108. .tmblr-iframe--desktop-logged-in-controls:hover {
  109.     opacity:1;
  110. }
  111.  
  112. body {
  113.     background:{color:background};
  114.     margin:0px;
  115.     color:{color:text};
  116.     font-family: 'Hind', arial, sans-serif;
  117.     font-size:10px;
  118.     line-height:120%;
  119.     font-style: none;
  120.     letter-spacing:1px;
  121. }
  122.  
  123. #s-m-t-tooltip {
  124.     max-width:300px;
  125.     padding:2px 2px 3px 3px;
  126.     margin:20px 0px 0px 20px;
  127.     background-color:#fff;
  128.     border:1px solid #e6e6e6;
  129.     font-size:9px;
  130.     letter-spacing:0.2em;
  131.     text-transform:lowercase;
  132.     color:{color:text};
  133.     z-index:999999999999999999999999999999999999;
  134. }
  135.  
  136. ::-moz-selection {
  137.     color: {color:post background};
  138.     background: {color:link};
  139. }
  140.  
  141. ::selection {
  142.     color: {color:post background};
  143.     background: {color:link};
  144. }
  145.  
  146. /*Scrollbar style*/
  147. ::-webkit-scrollbar {width:5px;height:0px;background:{color:scrollbar}; border:2px solid {color:background};}
  148. ::-webkit-scrollbar-thumb:vertical {height:2px;background:{color:scrollbar};}
  149.  
  150.  
  151. h1, h2, h3, h4, h5, h6 {
  152.     font-size:130%;
  153.     text-align:center;
  154.     padding-bottom:0px;
  155.     color:{color:link};
  156.     font-family:'IM Fell DW Pica', georgia, serif;
  157. }
  158.  
  159. a {
  160.     color: {color:link};
  161.     text-decoration: none;
  162. }
  163.  
  164. a:hover {
  165.     color: {color:link hover};
  166. }
  167.  
  168. b, strong {
  169.     color:{color:bold};
  170.     font-weight:900;
  171. }
  172.  
  173. i, em {
  174.     font-style:italic;
  175.     color:{color:italic};
  176. }
  177.  
  178. img {
  179.     border:none;
  180. }
  181.      
  182. blockquote img {
  183.     margin-bottom: 5px;
  184.     max-width:400px;
  185.     height:auto;
  186. }
  187.  
  188. blockquote {
  189.     padding:5px 5px 5px 10px;
  190.     margin:10px;
  191.     text-align:justify;
  192. }
  193.  
  194. blockquote blockquote {
  195.     padding:5px 5px 5px 10px;
  196. }
  197.  
  198. /* ----------------- POSTS -------------------- */  
  199. #center {
  200.     position:relative;
  201.     margin:50px auto;
  202.     width:400px;
  203. }
  204.  
  205. #entries {
  206.      position:absolute;
  207.      margin-bottom:30px;
  208.      padding:40px 0px;
  209.      }
  210.  
  211.    
  212. .post {
  213.     width:400px;
  214.     padding:20px;
  215.     border:1px solid #e6e6e6;
  216.     margin:30px 0px 60px 0px;
  217.     background:{color:post background};
  218.     }
  219.  
  220.    
  221. /* ----------------- SIDEBAR -------------------- */
  222.    
  223. #sidebar {
  224.     position:fixed;
  225.     margin-left:-300px;
  226.     z-index:999;
  227.     margin-top:70px;
  228. }
  229.  
  230. img#sidebarimage {
  231.     height:130px;
  232.     width:130px;
  233.     padding:15px;
  234. }
  235.  
  236. #sidetop, #sidebottom {
  237.     margin-bottom:30px;
  238. }
  239.  
  240. #sidetop, #sidebottom, #sidebottwo {
  241.     background:{color:post background};
  242.     padding:19px;
  243.     border:1px solid #e6e6e6;
  244.     width:160px;
  245. }
  246.  
  247. .desc {
  248.     font-size:9.5px;
  249.     letter-spacing:0.5px;
  250.     line-height:1.2em;
  251.     text-align:justify;
  252. }
  253.  
  254. #links {
  255.     text-align:center;
  256.     text-transform:uppercase;
  257.     font-size:9px;
  258.     line-height:1.5em;
  259.     letter-spacing:1.5px;
  260. }
  261.  
  262. #links a {
  263.     color:{color:sidebar links};
  264.     padding:0px 4px;
  265. }
  266.  
  267. #links a:hover {
  268.     color:{color:link};
  269. }
  270.    
  271. #title {
  272.     color:{color:link};
  273.     letter-spacing:1px;
  274.     text-align:center;
  275.     font-size:12px;
  276.     font-family:'IM Fell DW Pica', georgia;
  277.     z-index:100;
  278.     padding-bottom:10px;
  279. }
  280.  
  281. .updates {
  282.     height:80px;
  283.     overflow:scroll;
  284.     font-size:9.5px;
  285.     letter-spacing:0.5px;
  286.     line-height:1.2em;
  287.     text-align:justify;
  288.     padding-right:5px;
  289.     text-transform:lowercase;
  290. }
  291.  
  292. /* ----------------- POST INFO -------------------- */    
  293. #postinfo {
  294.     text-align:left;
  295.     margin-top:10px;
  296.     font-size:9px;
  297.     padding-top:5px;
  298.     text-transform:lowercase;
  299. }
  300.  
  301. hr {
  302.     opacity:0.5;
  303.     margin-top:10px;
  304. }
  305.  
  306. #extra a {
  307.     color:{color:text};
  308. }
  309.  
  310. #extra a:hover {
  311.     color:{color:link};
  312. }
  313.  
  314. a.smallnotes {
  315.     margin-right:20px;
  316.     font-weight:900;
  317.     padding:2px 2px 1px 2px;
  318. }
  319.  
  320. a.smallnotes:hover {
  321.     background:{color:link};
  322.     color:{color:post background};
  323. }
  324.  
  325. /* ------------------------- PAGINATION ----------------------------- */    
  326. #pagi {
  327.     width:400px;
  328.     text-align:center;
  329.     font-size:9px;
  330.     margin-bottom:50px;
  331.     padding:20px;
  332. }  
  333.  
  334. /* ----------------- POST TYPES -------------------- */
  335.  
  336. /*AUDIO POSTS */
  337. .audiocover {
  338.     z-index:10;
  339.     position:absolute;
  340.     width:70px;
  341.     height:70px;
  342.     float:left;
  343.     border:1px solid #e6e6e6;
  344. }
  345.  
  346. .playbutton {width: 20px;
  347.     height: 30px;
  348.     overflow: hidden;
  349.     position: relative;
  350.     z-index: 1000;
  351.     margin: 10px 19px 10px 11px;
  352. }
  353.  
  354. .playbox {
  355.     position: absolute;
  356.     opacity:0.5;
  357.     margin:10px 0px 0px 10px;
  358.     background:#f9f9f9;
  359.     border-radius:50%;
  360.     z-index: 1000;
  361. }
  362.  
  363. .audiotext {
  364.     width:320px;
  365.     position:relative;
  366.     left:75px;
  367.     height:58px;
  368.     border:1px solid #e6e6e6;
  369.     text-align:center;
  370.     line-height:150%;
  371.     letter-spacing:1.5px;
  372.     margin-bottom:20px;
  373.     font-size:9px;
  374.     padding:6px 0px;
  375. }
  376.  
  377. .audiobold {
  378.     text-transform:uppercase;
  379.     font-weight:bold;
  380.     color:{color:link};
  381.     display:inline;
  382. }
  383.    
  384.  
  385. /* QUOTE POSTS*/
  386. .quote {
  387.     text-align:center;
  388.     text-transform:uppercase;
  389.     letter-spacing:0.1em;
  390.     font-family:'IM Fell DW Pica', georgia;
  391.     line-height:1.6;
  392.     margin-bottom:5px;
  393. }
  394.  
  395. .source{
  396.     text-align:center;
  397.     font-size:9px;
  398.     margin-top:10px;
  399. }
  400.  
  401. /*QUESTION POSTS */
  402. .question {
  403.     display:block;
  404.     padding-bottom:10px;
  405.     background:{color:background};
  406.     position:relative;
  407. }
  408.  
  409. .question:after {
  410.     top: 100%;
  411.     left: 50%;
  412.     border: solid transparent;
  413.     content: " ";
  414.     height: 0;
  415.     width: 0;
  416.     position: absolute;
  417.     pointer-events: none;
  418.     border-color: rgba(204, 204, 204, 0);
  419.     border-top-color: {color:background};
  420.     border-width: 10px;
  421.     margin-left: -10px;
  422.     margin-bottom:10px;
  423. }
  424.  
  425. #asker {
  426.     padding:5px;
  427.     font-size:10px;
  428.     letter-spacing:1px;
  429.     text-align:center;
  430.     margin-left:10px;
  431. }
  432.  
  433. /* CHAT POSTS */
  434. .chat li{
  435.     display:block;
  436.     padding:6px;
  437.     letter-spacing:1px;
  438.     margin:3px 0px;
  439.     border:1px solid #e6e6e6;
  440. }
  441.  
  442. .label {
  443.     font-weight:bold;
  444.     text-transform:uppercase;
  445. }
  446.  
  447.  
  448.  /* ------------- NOTES ON PERMALINK PAGE ----------------*/
  449.  
  450. ol.notes {
  451.     list-style-type:none;
  452.     width:430px;
  453.     padding:0px 5px;
  454.     text-align:left;
  455.     margin-bottom:50px;
  456.     line-height:140%;
  457.     letter-spacing:2px;
  458.    
  459. }
  460.  
  461. li.note {
  462.     padding:6px;
  463.     margin:3px 0px;
  464.     border:1px solid #e6e6e6;
  465.     background:{color:post background};
  466. }
  467.  
  468. li.note img {
  469.     display:none;
  470. }
  471.  
  472. /* ---------------------------- CREDIT -------------------------------- */
  473. /* ------------------- DO NOT MESS WITH THIS ----------------------- */
  474. a.c {
  475.     position:fixed;
  476.     bottom:5px;
  477.     right:5px;
  478.     font-size:9px;
  479.     padding:1px 3px 2px 3px;
  480.     color:{color:text};
  481.     font-family:'IM Fell DW Pica', georgia;
  482. }
  483.  
  484. a.c:hover {
  485.     color:{color:link};
  486.     border-color:{color:link};
  487. }
  488.  
  489. {CustomCSS}</style>
  490.    
  491.  
  492. </head>
  493.  
  494. <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  495.  
  496. <body>
  497.  
  498.  
  499.  
  500. <div id="center">
  501.  
  502. <div id="sidebar">
  503.     <div id="sidetop">
  504.         <img src="{image:sidebar}" id="sidebarimage">
  505.         <div id="title"><a href="/">{Title}</a></div>
  506.         <div id="links">
  507.             <a href="{text:url 1}">{text:link 1 name}</a>
  508.             <a href="{text:url 2}">{text:link 2 name}</a>
  509.             <a href="{text:url 3}">{text:link 3 name}</a>
  510.             <a href="{text:url 4}">{text:link 4 name}</a>
  511.             <a href="{text:url 5}">{text:link 5 name}</a>
  512.         </div>
  513.     </div>
  514.  
  515.     <div id="sidebottom">
  516.         <div class="desc">
  517.         {Description}
  518.         </div>
  519.     </div>
  520.    {block:ifupdatesbox}
  521.     <div id="sidebottwo">
  522.         <div class="updates">
  523.             {text:updates text}
  524.         </div>
  525.     </div>
  526.     {/block:ifupdatesbox}
  527. </div>
  528.  
  529.  
  530.  
  531.  
  532.  
  533. <div id="entries">{block:Posts}<div class="post">
  534.  
  535. {block:ContentSource}
  536. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  537. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  538. {/block:SourceLogo}
  539. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  540. {/block:ContentSource}
  541.  
  542. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  543.  
  544. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  545.  
  546. {block:Photoset}<div class="html_photoset">{Photoset-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  547.  
  548. {block:Quote}
  549. <div class="quote">
  550. “{Quote}”</div>
  551. <div class="source">— {Source}</div>
  552. {/block:Quote}
  553.  
  554. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  555.  
  556. {block:Chat}
  557. <div class="chat">
  558. {block:Title}<h1>{Title}</h1>{/block:Title}
  559. {block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  560. </div>
  561. {/block:Chat}
  562.  
  563. {block:Audio}
  564. <div class="playbox"><div class="playbutton">
  565. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div></div>
  566. {block:AlbumArt}
  567. <img src="{AlbumArtURL}" class="audiocover">
  568. {/block:AlbumArt}
  569. <div class="audiotext">
  570. <div class="audiobold">Title: </div>{block:TrackName}{TrackName}{/block:TrackName}<br>
  571. <div class="audiobold">Artist: </div>{block:Artist}{Artist}{/block:Artist}<br>
  572. <div class="audiobold">Album: </div>{block:Album}{Album}{/block:Album}
  573. </div>
  574. {block:Caption}{Caption}{/block:Caption}
  575. {/block:Audio}
  576.  
  577. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  578.  
  579. {block:Answer}<div class="question"><div id="asker">{Question}<span style="font-size:9px;display:block;padding-top:5px;"> &mdash;{Asker} </span></div></div>{Answer}{/block:Answer}
  580.  
  581.  
  582.  
  583. <hr>
  584.  
  585. <div id="postinfo"><a href="{Permalink}" class="smallnotes" title="Permalink">{NoteCountWithLabel}</a>
  586. <span id="extra">
  587. {block:Date}<a href="{Permalink}" style="margin-right:15px;" title="{lang:Posted TimeAgo}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a>{/block:Date}
  588.  
  589. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>&nbsp;|&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom}
  590. </span> </p>
  591. <a href="{ReblogURL}" title="Reblog"><i class="fa fa-retweet"></i></a>
  592. {block:HasTags}<div id="tags" style="padding-top:8px;font-size:8px;">{block:Tags}  <a href="{TagURL}">+{tag}</a>&nbsp;&nbsp; {/block:Tags}</div>{/block:HasTags}</div>
  593.  
  594.  
  595.  
  596. </div>
  597.  
  598.    
  599.  
  600. {block:PostNotes}{PostNotes}{/block:PostNotes}
  601. {/block:Posts}
  602.  
  603. {block:IndexPage}
  604. <div id="pagi"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&larr;</a> {/block:PreviousPage}&nbsp;
  605. {block:JumpPagination length="5"}
  606. {block:CurrentPage}<span class="current_page" style="font-weight:bold;">{PageNumber}</span>&nbsp;{/block:CurrentPage}
  607. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;{/block:JumpPage}
  608. {/block:JumpPagination}
  609. {block:NextPage} <a href="{NextPage}">&rarr;</a>{/block:NextPage}{/block:Pagination}  </div>
  610. {/block:IndexPage}
  611.    
  612. </div>
  613.  
  614. </div>
  615.  
  616. <!--once again, don't mess with the credit, please and thanks -->
  617. <a class="c" href="http://queerjareds.tumblr.com" title="code by queerjareds">cheyenne</a>
  618.  
  619.    
  620. <!--script for blockquote and chat colors-->
  621. <script>
  622. $( "li:odd" ).css( "background-color", "{color:background}" );
  623. $( "li:even" ).css( "background-color", "{color:post background}");
  624. $( ".post blockquote:first-of-type" ).css( "background-color", "{color:background}" )
  625. $( ".post blockquote:odd" ).css( "background-color", "{color:background}" )
  626. $( ".post blockquote:even" ).css( "background-color", "{color:post background}" )
  627. </script>
  628.  
  629.    
  630. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!