API tools faq
paste
Advertisement
fearwakes

THEME 10 - tasted like joy

fearwakes
Dec 27th, 2014
2,875
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.33 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.  
  3.  
  4.  
  5. <!--—————————————————————THEME #10 BY FEARWAKES——————————————————————-->
  6. <!--—————————————————————-- tasted like joy ---——————————————————————-->
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9. <head>
  10.  
  11. <link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
  12. <style>   iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1;}body, a, a:hover </style>
  13.  
  14.  
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22.  
  23. <meta name="color:Background" content="#ffffff"/>
  24. <meta name="color:DetailsBackground" content="#ffffff"/>
  25. <meta name="color:top" content="#ffffff"/>
  26. <meta name="color:Text" content="#222222"/>
  27. <meta name="color:Link" content="#222222"/>
  28. <meta name="color:Tags" content="#cccccc"/>
  29. <meta name="color:Hover" content="#222222"/>
  30. <meta name="color:Border" content="#eeeeee"/>
  31. <meta name="color:Scrollbar" content="#222222"/>
  32.  
  33. <meta name="image:sidebar" content=""/>
  34. <meta name="if:italic" content="0"/>
  35. <meta name="if:hideDetails" content="0"/>
  36. <meta name="if:hideTags" content="0"/>
  37.  
  38. <meta name="select:BlogFont" content="helvetica" title="Helvetica">
  39. <meta name="select:BlogFont" content="times" title="Times">
  40. <meta name="select:BlogFont" content="courier new" title="Courier New">
  41. <meta name="select:BlogFont" content="baskerville" title="Baskerville">
  42. <meta name="select:BlogFont" content="futura" title="Futura">
  43. <meta name="select:BlogFont" content="gibson" title="Gibson">
  44. <meta name="select:BlogFont" content="calibri" title="Calibri">
  45.  
  46. <meta name="text:link1" content="refresh">
  47. <meta name="text:link1 url" content="/">    
  48. <meta name="text:link2" content="link 2">
  49. <meta name="text:link2 url" content="/">
  50. <meta name="text:link3" content="link 3">
  51. <meta name="text:link3 url" content="/">
  52. <meta name="text:link4" content="link 4">
  53. <meta name="text:link4 url" content="/">
  54. <meta name="text:link5" content="link 5">
  55. <meta name="text:link5 url" content="/">
  56. <meta name="text:link6" content="message">
  57. <meta name="text:link6 url" content="/ask">
  58.  
  59.  
  60. <style type="text/css">
  61.  
  62.  
  63.  ::-webkit-scrollbar-thumb:vertical {
  64.     background-color:{color:scrollbar};
  65.     height:auto;
  66. }
  67.  
  68. ::-webkit-scrollbar {
  69.     height:5px;
  70.     width:3px;
  71.     background-color:{color:background};
  72. }
  73.  
  74. ::selection {
  75. background: #000;
  76. color: #fff;
  77. }
  78. ::-moz-selection {
  79. background: #000;
  80. color: #fff;
  81. }
  82.  
  83.  
  84.  
  85. body {
  86.     background:{color:background};
  87.     margin:0px;
  88.     color:{color:text};
  89.     font-family:{select:BlogFont};
  90.     {block:ifitalic}
  91.     font-style:italic;
  92.     {/block:ifitalic}
  93.     font-weight:lighter;
  94.     letter-spacing:1px;
  95.     font-size:10px;
  96.     text-align:justify;
  97.     line-height:210%;
  98. }
  99.  
  100. a {
  101. color:{color:link};
  102. text-decoration:none;
  103. }
  104.  
  105. a:hover {
  106. color:{color:hover};
  107. }
  108.  
  109.  
  110. img {
  111.     border:none;
  112. }
  113.  
  114.  
  115. h1 {
  116.     font-weight:bold;
  117.     letter-spacing:2px;
  118.     padding:9px;
  119.     font-size:11px;
  120.     text-transform:uppercase;
  121.     border-bottom:1px solid {color:border};
  122. }
  123.  
  124. h2 {
  125.     font-weight:lighter;
  126.     letter-spacing:1px;
  127.     font-size:11px;
  128.     text-transform:uppercase;
  129.     font-style:none;
  130. }
  131.  
  132. blockquote {
  133.     margin-left:7px;
  134.     padding-left:7px;
  135.     border-left:2px solid {color:border};
  136. }
  137.    
  138.  
  139.  
  140. #header {
  141.     background-color:{color:top};
  142.     position:fixed;
  143.     width:100%;
  144.     height:27px;
  145.     top:0px;
  146.     border-bottom:1px solid {color:border};
  147. }
  148.  
  149.  
  150.  
  151.  
  152. #blogtitle {
  153.     position:absolute;
  154.     background:none;
  155.     color:{color:blogtitle};
  156.     bottom:20px;
  157.     margin-left:20px;
  158.     width:200px;
  159.     font-size:16px;
  160.     font-weight:bold;
  161.     letter-spacing:2px;
  162.     word-spacing:2px;
  163.     text-transform:uppercase;
  164.     text-align:left;
  165.     margin-bottom:-0px;
  166.     padding:7px;
  167.     line-height:14px;
  168.     border-left:0px solid {color:border};
  169. }
  170.  
  171. #blogtitle a:hover {
  172.    color:{color:Hover};
  173.    border-bottom:0px solid black;
  174.    -webkit-filter:blur(1px) grayscale(.5) saturate(6);
  175. }
  176.  
  177.  .desc {
  178.     position:absolute;
  179.     background:none;
  180.     padding:7px;
  181.     bottom:175px;
  182.     margin-left:20px;
  183.     font-weight:lighter;
  184.     text-align:left;
  185.     text-transform:uppercase;
  186.     letter-spacing:2px;
  187.     word-spacing:2px;
  188.     line-height:17px;
  189.     font-size:9px;
  190.     width:100px;
  191.     height:auto;
  192.     color:{color:text};
  193.     border-bottom:1px solid {color:border};
  194. }
  195.  
  196.  
  197.  
  198.  
  199. .links {
  200.     position:absolute;
  201.     bottom:60px;
  202.     margin-left:20px;
  203.     font-size:9px;
  204.     width:100px;
  205.     padding:7px;
  206.     font-weight:bold;
  207.     letter-spacing:3px;
  208.     word-spacing:2px;
  209.     text-transform:uppercase;
  210.     text-align:left;
  211.     color:{color:text};
  212.     border:0px solid {color:border};
  213.     background:none;
  214.     display: table;
  215.     line-height:17px;
  216. }
  217.  
  218.  
  219. .links a:hover {
  220.    color:{color:Hover};
  221.    letter-spacing:7px;
  222.    border-bottom:0px solid black;
  223.    font-weight:lighter;
  224. }
  225.  
  226.  
  227.  
  228.  
  229. #pagi{
  230.     position:fixed;
  231.     margin-left:20px;
  232.     bottom:49px;
  233.     background:transparent;
  234.     text-align:left;
  235.     font-weight:bold;
  236.     width:250px;
  237.     padding:7px;
  238.     font-size:9px;
  239.     letter-spacing:2px;
  240.     word-spacing:2px;
  241.     text-transform:uppercase;
  242.     border:0px solid {color:border};
  243.     line-height:14px;
  244. }
  245.  
  246.  
  247. #pagi a:hover {
  248.     color:{color:hover};
  249.     font-weight:lighter;
  250.     letter-spacing:7px;
  251.     border-bottom:0px solid {color:border};
  252.     text-decoration:none;
  253.     }
  254.  
  255.  
  256.  
  257. .quote {
  258.     font-size:11px;
  259.     font-weight:bold;
  260.     text-align:center;
  261.     letter-spacing:2px;
  262.     line-height:210%;
  263.     padding:9px;
  264.     text-transform:uppercase;
  265.     border-top:0px solid {color:border};
  266. }
  267.  
  268. #source {
  269.     text-transform:uppercase;
  270.     text-align:center;
  271.     font-size:9px;
  272.     letter-spacing:1px;
  273.     font-weight:lighter;
  274.     padding:9px;
  275.     line-height:150%;
  276.     color:{color:text};
  277.     border-top:1px solid {color:border};
  278. }
  279.  
  280. #sidebar {
  281.     margin-left:15px;
  282.     bottom:5px;
  283.     position:fixed;
  284.     height:100%;
  285.     border-right:0px solid {color:border};
  286. }
  287.  
  288. #sidebarimage img {
  289.     position:fixed;
  290.     margin-left:20px;
  291.     bottom:300px;
  292.     padding:0px;
  293.     width:114px;
  294. }
  295.  
  296. #container {
  297.     margin-top:300px;
  298.     margin-left:300px;
  299.     width:960px;
  300.     height:500px;
  301.     background-color:white;
  302.     border:1px solid;
  303. }
  304.  
  305.  
  306.  
  307. #all {
  308.     width:400px;
  309.     margin-left:525px;
  310.     margin-top:50px;
  311. }
  312.  
  313.  
  314.  
  315. #posts {
  316.     background:none;
  317.     width:400px;
  318.     padding:0px;
  319.     margin-left:-85px;
  320.     margin-bottom:80px;
  321.     margin-top:65px;
  322.     border-left:0px solid {color:border};
  323. }
  324.  
  325. #posts img, iframe {
  326. display:block;
  327. }
  328.  
  329.  
  330.  
  331. #details {
  332.     color:{color:link};
  333.     background:{color:detailsbackground};
  334.     display: block;
  335.     margin-top:10px;
  336.     margin-left:0px;
  337.     padding:9px;
  338.     padding-top:10px;
  339.     line-height:1;
  340.     letter-spacing:1px;
  341.     text-align:left;
  342.     text-transform:none;
  343.     font-size:9px;
  344.     font-weight:lighter;
  345.     font-style:none;
  346.     text-transform:uppercase;
  347.     border:1px solid {color:border};
  348.     {block:ifhidedetails}
  349.     opacity:0;
  350.     {/block:ifhidedetails}
  351.     -webkit-transition:all 1s ease;
  352.     -moz-transition:all 1s ease;
  353.     transition:all 1s ease;
  354. }
  355.  
  356. #details a {
  357.     display:inline-block;
  358.     color:{color:link};
  359.     -webkit-transition: all 0.6s ease-in-out;
  360.     -moz-transition: all 0.6s ease-in-out;
  361.     -o-transition: all 0.6s ease-in-out;
  362.     -ms-transition: all 0.6s ease-in-out;
  363.     -transition: all 0.6s ease-in-out;
  364.     }
  365.  
  366. #details a:hover {color:{color:hover}; border-bottom: 0px solid {color:hover};-webkit-filter:blur(1px) grayscale(.5) saturate(6);}
  367.  
  368. #posts:hover #details {opacity:1;
  369. -webkit-transition:all 1s ease;
  370. -moz-transition:all 1s ease;
  371. transition:all 1s ease;}
  372.  
  373. #tags {
  374.     background:{color:background};
  375.     font-weight:lighter;
  376.     text-align:left;
  377.     color:{color:Tags};
  378.     margin-top:0px;
  379.     margin-left:0px;
  380.     padding-top:7px;
  381.     padding-left:7px;
  382.     padding-right:7px;
  383.     line-height: 1.5;
  384.     letter-spacing:1px;
  385.     text-transform:lowercase;
  386.     font-size:9px;
  387.     border-left:0px solid {color:border};
  388.     {block:ifhidetags}
  389.     opacity:0;
  390.     {/block:ifhidetags}
  391.     -webkit-transition:all 1s ease;
  392.     -moz-transition:all 1s ease;
  393.     transition:all 1s ease;
  394. }
  395.    
  396. #tags a {
  397.     background:{color:background};
  398.     display:inline-block;
  399.     color:{color:tags};
  400.     -webkit-transition: all 0.6s ease-in-out;
  401.     -moz-transition: all 0.6s ease-in-out;
  402.     -o-transition: all 0.6s ease-in-out;
  403.     -ms-transition: all 0.6s ease-in-out;
  404.     -transition: all 0.6s ease-in-out;
  405.     }    
  406.    
  407. #tags a:hover {color:{color:hover};background:{color:background};}
  408.  
  409. #posts:hover #tags {
  410.     background:{color:background};
  411.     opacity:1;
  412.     -webkit-transition:all 1s ease;
  413.     -moz-transition:all 1s ease;
  414.     transition:all 1s ease;
  415. }
  416.  
  417.  
  418.  
  419. .notes {
  420.     width:380px;
  421.     height:200px;
  422.     margin-top:-75px;
  423.     margin-left:-85px;
  424.     font-weight:lighter;
  425.     background-color:none;
  426.     text-transform:lowercase;
  427.     font-style:none;
  428.     letter-spacing:1px;
  429.     font-size:9px;
  430.     padding:9px;
  431.     text-align:left;
  432.     border:1px {color:border} solid;
  433.     overflow-y:scroll;
  434. }
  435.  
  436. .notes li {
  437.     list-style-type:none;
  438. }
  439.  
  440. .notes img.avatar {
  441.       margin-right: -10px;
  442.       width: 0px;
  443.       height: 0px;
  444.       padding:9px;
  445. }
  446.  
  447.  
  448. #question {
  449.     padding:9px;
  450.     font-weight:lighter;
  451.     letter-spacing:1px;
  452.     text-align:left;
  453.     font-style:none;
  454.     border-bottom:1px solid {color:border};
  455.     border-top:1px solid {color:border};
  456.     color:{color:text};
  457.     background-color:none;
  458. }
  459.  
  460. #answer {
  461.     font-weight:lighter;
  462.     padding:9px;
  463.     letter-spacing:1px;
  464.     text-align:left;
  465. }
  466.  
  467. .playbutton {
  468.     width:30px;
  469.     height:27px;
  470.     color:white;
  471.     border:0px {color:border} solid;
  472.     overflow:hidden;
  473.     position:relative;
  474.     z-index:100;
  475.     margin:9px 18px 7px 10px;
  476. }
  477.  
  478. .playbox {
  479.     margin-top:14px;
  480.     margin-left:13px;
  481.     color:white;
  482.     position: absolute;
  483.     z-index: 100;
  484. }
  485.  
  486. .audiodata {
  487.     background-color:white;
  488.     font-size:9px;
  489.     letter-spacing:2px;
  490.     color:{color:text};
  491.     padding:6px 10px 10px 10px;
  492.     text-transform:uppercase;
  493.     line-height:200%;
  494.     height:55px;
  495.     width:380px;
  496.     margin-top:0px;
  497.     margin-left:0px;
  498.     text-align:center;
  499.     border-top:1px {color:border} solid;
  500. }
  501.  
  502.  
  503.  
  504.  
  505. {CustomCSS}</style></head>
  506. <body>
  507.  
  508.  
  509.  
  510. <script type="text/javascript">
  511.   WebFontConfig = {
  512.     google: { families: [ 'Josefin+Sans::latin' ] }
  513.   };
  514.   (function() {
  515.     var wf = document.createElement('script');
  516.     wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  517.       '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  518.     wf.type = 'text/javascript';
  519.     wf.async = 'true';
  520.     var s = document.getElementsByTagName('script')[0];
  521.     s.parentNode.insertBefore(wf, s);
  522.   })(); </script>
  523.  
  524.  
  525.  
  526. <script type="text/javascript">
  527.   WebFontConfig = {
  528.     google: { families: [ 'Josefin+Sans::latin' ] }
  529.   };
  530.   (function() {
  531.     var wf = document.createElement('script');
  532.     wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  533.       '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  534.     wf.type = 'text/javascript';
  535.     wf.async = 'true';
  536.     var s = document.getElementsByTagName('script')[0];
  537.     s.parentNode.insertBefore(wf, s);
  538.   })(); </script>
  539.  
  540.  
  541. <div id="header">
  542. <div id="sidebar">
  543. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  544. <div id="blogtitle"><a href="/">{Title}</a></div>
  545. <div class="desc">
  546. {Description}
  547. </div>
  548. <div class="links">
  549. {block:IfLink1}
  550. <a href="{text:link1 url}">{text:link1}</a>
  551. {/block:IfLink1}
  552. <br>
  553. {block:IfLink2}
  554. <a href="{text:link2 url}">{text:link2}</a>
  555. {/block:IfLink2}
  556. <br>
  557. {block:IfLink3}
  558. <a href="{text:link3 url}">{text:link3}</a>
  559. {/block:IfLink3}
  560. <br>
  561. {block:IfLink4}
  562. <a href="{text:link4 url}">{text:link4}</a>
  563. {/block:IfLink4}
  564. <br>
  565. {block:IfLink5}
  566. <a href="{text:link5 url}">{text:link5}</a>
  567. {/block:IfLink5}
  568. <br>
  569. {block:IfLink6}
  570. <a href="{text:link6 url}">{text:link6}</a>
  571. {/block:IfLink6}
  572. </div>
  573. {block:Pagination}<div id="pagi">
  574. {block:Pagination}
  575. {block:PreviousPage}
  576. <a href="{PreviousPage}">previous / </a>
  577. {/block:PreviousPage}
  578. {block:NextPage}
  579. <a href="{NextPage}">next</a>
  580. {/block:NextPage}
  581. {/block:Pagination}  
  582. </div>
  583. </div>{/block:Pagination}
  584.  
  585. </div>
  586.  
  587. <div id="all">{block:Posts}<div id="posts">
  588.  
  589. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  590.  
  591. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  592.  
  593. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  594.  
  595. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  596.  
  597. {block:Quote}
  598.     <div class="quote">❝ {Quote} ❞</div>
  599. {block:Source}
  600.     <div id="source">{Source}</div>
  601. {/block:Source}
  602. {/block:Quote}
  603.  
  604. {block:Audio}
  605. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  606. <div class="audiodata"><br>{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br><b>{Artist}</b>{/block:Artist}</div>
  607.  
  608. {block:Caption}
  609.     <span class="caption">{Caption}</span>
  610. {/block:Caption}
  611. {/block:Audio}
  612.  
  613. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  614.  
  615. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  616.  
  617.  
  618. {block:Answer}
  619. <div id="question"><span style="text-transform:uppercase;font-weight:bold;letter-spacing:2px;font-size:9px;">{Asker}:<br></span>{Question}</div>
  620. <div id="answer">{Answer}</div>
  621. {/block:Answer}
  622.  
  623. {block:Date}<div id="details"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{Dayofmonthsuffix}, {Year}</a>{block:NoteCount} / <a href="{Permalink}">+{NoteCount} {/block:NoteCount}</a> {block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA </a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}" title="{ReblogRootName}">SOURCE</a> {/block:ContentSource}<div style="display:inline-block !important;float:right;"> {ReblogButton color="black" size="10"}</div></div>
  624. {/block:Date}
  625.  
  626.  
  627. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  628.  
  629.  
  630.  
  631. {/block:Posts}
  632. {block:PostNotes}<div id="notes">{PostNotes}{/block:PostNotes}
  633. {/block:Posts}</div></div></div>
  634.  
  635.  
  636.  
  637.  
  638.  <div style="position:fixed;bottom:0px; right:7px; font-size:5px; font-style:none; color:#000; font-weight:lighter; letter-spacing:1px; text-transform:uppercase; border:0px solid;padding:4px;"><a href="http://www.fearwakes.com/">©fearwakes</div>
  639.    
  640. </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!