API tools faq
paste
Advertisement
fearwakes

THEME 05-1 - crystalised

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