Don't like ads? PRO users don't see any ads ;-)
Public Pastes

theme 011 - hurts like heaven

By: thewicked-eternity on May 20th, 2012  |  syntax: None  |  size: 14.99 KB  |  hits: 4,827  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <html>
  2.  
  3. <!--
  4.     Theme 011 - Hurts Like Heaven by thewicked-eternity.tumblr.com
  5.     PLEASE DO NOT REMOVE THE CREDIT OR REDISTRIBUTE
  6.     For any help, visit wickedeternitythemehelp.tumblr.com
  7. -->
  8.  
  9. <head>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}" />
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  14. <meta name="description" content="{MetaDescription}" />
  15.  
  16. <!-- DEFAULT VARIABLES -->
  17.         <meta name="color:Background" content="#FFFFFF"/>
  18.         <meta name="color:Text" content="#A7A7A7"/>
  19.         <meta name="color:Links" content="#DAC7BE"/>
  20.         <meta name="color:Links Hover" content="#A7A7A7"/>
  21.         <meta name="color:Sidebar Links" content="#FFFFFF"/>
  22.         <meta name="color:Sidebar Links Hover" content="#A7A7A7"/>
  23.         <meta name="color:Sidebar Background" content="#EBEBEB"/>
  24.         <meta name="color:Sidebar Image Border" content="#F1F1F1"/>
  25.         <meta name="color:Sidelinks" content="#FFFFFF"/>
  26.         <meta name="color:Sidelinks Hover" content="#FFFFFF"/>
  27.         <meta name="color:Navigation" content="#F1F1F1"/>
  28.         <meta name="color:Navigation Hover" content="#EBEBEB"/>
  29.         <meta name="color:Info Background" content="#F7F7F7"/>
  30.  
  31.         <meta name="image:Sidebar" content=""/>
  32.         <meta name="image:Background" content=""/>
  33.         <meta name="image:Background Bar" content="http://static.tumblr.com/vyzeblq/WOZm4cd3v/background.jpg"/>
  34.  
  35.         <meta name="font:title" content="georgia" />
  36.         <meta name="font:body" content="arial" />
  37.         <meta name="font:description" content="georgia" />
  38.        
  39.         <meta name="if:Hide Icon" content="1"/>
  40.  
  41.         <meta name="text:Link 1" content="http://"/>
  42.         <meta name="text:Link 1 Title" content=""/>
  43.         <meta name="text:Link 2" content="http://">
  44.         <meta name="text:Link 2 Title" content=""/>
  45.         <meta name="text:Link 3" content="http://"/>
  46.         <meta name="text:Link 3 Title" content=""/>
  47.         <meta name="text:Link 4" content="http://"/>
  48.         <meta name="text:Link 4 Title" content=""/>
  49.         <meta name="text:Link 5" content="http://"/>
  50.         <meta name="text:Link 5 Title" content=""/>
  51.         <meta name="text:Link 6" content="http://"/>
  52.         <meta name="text:Link 6 Title" content=""/>
  53.         <meta name="text:Link 7" content="http://"/>
  54.         <meta name="text:Link 7 Title" content=""/>
  55.         <meta name="text:Link 8" content="http://"/>
  56.         <meta name="text:Link 8 Title" content=""/>
  57.  
  58. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  59. </script>
  60. <script type="text/javascript">
  61. $(document).ready(function(){
  62. $(".links_body").hide();
  63. $(".links_head").click(function(){
  64. $(this).next(".links_body").slideToggle('fast');
  65. }); }); </script>
  66.  
  67. </head>
  68.  
  69. <style type="text/css">
  70.  
  71.  
  72. /* --- BASICS --- */
  73.  
  74. body {
  75.     color:{color:Text};
  76.     background-attachment:fixed;
  77.     background-color:{color:Background};
  78.     background-image: url('{image:Background}');
  79.     background-position:bottom right;
  80.     background-repeat:no-repeat;
  81.     text-align:justify;
  82.     font-family:{font:body};
  83.     font-size:10px;
  84.     }
  85.  
  86. a {
  87.     color: {color:Links};
  88.     text-decoration:none;
  89.     }
  90.  
  91. a:hover {
  92.     color:{color:Links Hover};
  93.     text-decoration:none;
  94.     }
  95.  
  96. #entries {
  97.     position:absolute;
  98.     overflow:hidden;
  99.     width:514px;
  100.     margin-left:520px;
  101.     margin-top:-7px;
  102.     }
  103.  
  104. #posts {
  105.     padding:7px;
  106.     margin-bottom:4px;
  107.     }
  108.  
  109.  
  110. /* --- SIDEBAR --- */
  111.  
  112. #sidebarimage img {
  113.     margin-top:5px;
  114.     margin-bottom:5px;
  115.     max-width:265px;
  116.     height:auto;
  117.     border:7px solid {color:Sidebar Image Border};
  118.     }
  119.  
  120. #sidebar {
  121.     position:fixed;
  122.     margin-top:-8px;
  123.     margin-left:140px;
  124.     width:365px;
  125.     height:1000%;
  126.     background-color:{color:Sidebar Background};
  127.     }
  128.  
  129. #description {
  130.     font-size:10px;
  131.     font-family:{font:description};
  132.     margin-left:45px;
  133.     margin-right:45px;
  134.     position:relative;
  135.     text-align:justify;
  136.     }
  137.  
  138. #description a {
  139.     color:{color:Sidebar Links};
  140.     }
  141.  
  142. #description a:hover {
  143.     color:{color:Sidebar Links Hover};
  144.     }
  145.  
  146. #backgroundbar {
  147.     position:fixed;
  148.     margin-top:-8px;
  149.     margin-left:-8px;
  150.     width:200px;
  151.     height:1000%;
  152.     background-color:{color:Sidebar Background};
  153.     background-image:url('{image:Background Bar}');
  154.     background-repeat:repeat;
  155.     }
  156.  
  157. /* --- TITLES --- */
  158.  
  159. #title {
  160.     background-color:{color:Sidebar Background};
  161.     position:fixed;
  162.     width:280px;
  163.     padding:3px;
  164.     margin-top:130px;
  165.     margin-left:40px;
  166.     font-size:15px;
  167.     text-align:center;
  168.     letter-spacing:1px;
  169.     color:{color:Text};
  170.     font-family:{font:title};
  171.     text-transform: lowercase;
  172.     font-style:italic;
  173.     z-index:2;
  174.     -webkit-transition: opacity 0.8s linear;opacity:0.1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  175.     }
  176.  
  177. #title:hover {
  178.     color:{color:Text};
  179.     -webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  180.     }
  181.  
  182. #title1 {
  183.     font-size:18px;
  184.     font-style:italic;
  185.     font-family:{font:title};
  186.     text-decoration:none;
  187.     }
  188.  
  189. #title2 {
  190.     font-size:14px;
  191.     font-style:italic;
  192.     font-family:{font:title};
  193.     }
  194.  
  195.  
  196. /* --- NAVIGATION & SIDELINKS --- */
  197.  
  198. #sidelinks {
  199.     position:fixed;
  200.     margin-left:30px;
  201.     margin-top:212px;
  202.     }
  203.  
  204. #sidelinks a {
  205.     display:block;
  206.     width:84px;
  207.     height:auto;
  208.     font-family:georgia;
  209.     font-size:9px;
  210.     text-align:center;
  211.     background-color:{color:Sidelinks};
  212.     color:{color:Text};
  213.     padding:5px;
  214.     margin-bottom:-10px; text-transform:lowercase; letter-spacing:1px; -webkit-transition: opacity 0.8s linear; opacity:0.6; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  215.     }
  216.  
  217. #sidelinks a:hover {
  218.     color:{color:Text};
  219.     background-color:{color:Sidelinks Hover};
  220.     text-align:center;
  221.     text-decoration:none;
  222.     letter-spacing:2px;
  223.     -webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  224.     }
  225.  
  226. .navigation a {
  227.     width:75px;
  228.     margin-top:3px;
  229.     padding:3px 0 3px 0;
  230.     display:inline-block;
  231.     font-family:arial;
  232.     font-size:8px;
  233.     text-align:center;
  234.     letter-spacing:1px;
  235.     background-color:{color:Navigation};
  236.     color:{color:Text};
  237.     text-transform:uppercase;
  238.     -webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  239.     }
  240.  
  241. .navigation a:hover {
  242.     background-color:{color:Navigation Hover};
  243.     color:{color:Background};
  244.     -webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  245.     }
  246.  
  247. .links_list {
  248.     width:365px;
  249.     }
  250.    
  251. .links_head {
  252.     cursor:pointer;
  253.     width:340px;
  254.     padding:3px;
  255.     font-family:arial;
  256.     font-size:8px;
  257.     letter-spacing:1px;
  258.     text-transform:uppercase;
  259.     background-color:{color:Navigation};
  260.     color:{color:Text};
  261.     }
  262.    
  263. .links_body {
  264.     display:inline-block;
  265.     }
  266.  
  267.  
  268. /* --- AUDIO --- */
  269.  
  270. #audio {
  271.     margin-bottom:5px;
  272.     width:500px;
  273.     height:105px;
  274.     }
  275.  
  276. .albumart {
  277.     width:100px;
  278.     height:100px;
  279.     position:absolute;
  280.     }
  281.  
  282. .albumart img {
  283.     width:100px;
  284.     height:100px;
  285.     float:left;
  286.     }
  287.  
  288. .playercontainer {
  289.     opacity: .2;
  290.     display:block;
  291.     width:100px;
  292.     height:100px;
  293.     background-color:#ffffff;
  294.     position:absolute;
  295.     z-index:3;
  296.     }
  297.  
  298. .playercontainer:hover {
  299.     opacity:.7;
  300.     -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  301.     }
  302.  
  303. .player {
  304.     margin-left:36px;
  305.     margin-top:36px;
  306.     width:25px;
  307.     height:25px;
  308.     overflow:hidden;
  309.     background-color:white;
  310.     }
  311.  
  312. .audioinfo {
  313.     margin-left:110px;
  314.     float:left;
  315.     background-color:{color:Info Background};
  316.     width:388px;
  317.     padding:2px;
  318.     margin-top:3px;
  319.     }
  320.  
  321.  
  322. /* --- INFO & OTHER --- */
  323.  
  324. #icon {
  325.     border:15px solid {color:Sidelinks};
  326.     height:64px;
  327.     width:64px;
  328.     margin-left:30px;
  329.     margin-top:115px;
  330.     position:fixed;
  331.     -webkit-transition: opacity 0.8s linear; opacity:0.6; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  332.     }
  333.  
  334. #icon:hover {
  335.     -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  336.     }
  337.  
  338. #pagination {
  339.     font-size:25px;
  340.     text-align:center;
  341.     font-family:{font:Body};
  342.     text-align:center;
  343.     position:relative;
  344.     }
  345. #pagination a {
  346.     color:{color:Sidebar Links};
  347.     }
  348.    
  349. #pagination a:hover {
  350.     color:{color:Sidebar Links Hover};
  351.     }
  352.  
  353. #info {
  354.     display:block;
  355.     margin:5px 0px 2px 0px;
  356.     padding:8px 5px 8px 5px;
  357.     color:{color:Text};
  358.     font-size:8px;
  359.     font-family:arial;
  360.     line-height:110%;
  361.     text-transform:uppercase;
  362.     width:492px;
  363.     background-color:{color:Info Background};
  364.     letter-spacing:1px;
  365.     text-align:center;
  366.     }
  367.  
  368. #info a {
  369.     color:{color:Links};
  370.     }
  371.  
  372. #info a:hover {
  373.     color:{color:Links Hover};
  374.     }
  375.  
  376. #tags {
  377.     margin-right:7px;
  378.     font-family:georgia;
  379.     text-align:center;
  380.     text-transform:lowercase;
  381.     font-style:italic;
  382.     font-size:9px;
  383.     }
  384.  
  385. #questions {
  386.     background-color:{color:Info Background};
  387.     color:{color:text};
  388.     padding:10px;
  389.     margin-bottom:0px;
  390.     font-family:georgia;
  391.     font-size:10px;
  392.     font-style:italic;
  393.     border-bottom:3px solid {color:Info Background};
  394.     }
  395.    
  396. #questions a {
  397.     color:{color:Links};
  398.     }
  399.    
  400. #questions a:hover {
  401.     color:{color:Links Hover};
  402.     }
  403.  
  404. #source {
  405.     margin-top:3px;
  406.     text-align:right;
  407.     margin-bottom:5px;
  408.     font-size:10px;
  409.     }
  410.  
  411. .chat {
  412.     line-height:12px;
  413.     list-style: none;
  414.     }
  415.  
  416. .chat ul {
  417.     line-height:15px;
  418.     list-style:none;
  419.     padding:0px;
  420.     line-height:20px;
  421.     }
  422.  
  423. .person1 {
  424.     background-color:{color:Background};
  425.     color:{color:Text};
  426.     }
  427.  
  428. .person1 .label {
  429.     font-weight:bold;
  430.     padding:0px;
  431.     margin-left:5px;
  432.     color:{color:Text};
  433.     }
  434.  
  435. .person2 {
  436.     color:{color:Text};
  437.     }
  438.  
  439. .person2 .label {
  440.     font-weight:bold;
  441.     padding:0px;
  442.     margin-left:5px;
  443.     color:{color:Text};
  444.     }
  445.  
  446. blockquote {
  447.     border-left:4px solid {color:Text};
  448.     padding:0px;
  449.     padding-left:5px;
  450.     margin:5px;
  451.     }
  452.  
  453. {CustomCSS}
  454.  
  455. </style>
  456. </head>
  457.  
  458.    <body>
  459.  
  460.  
  461. <div id="backgroundbar">
  462. {block:ifHideIcon}
  463. <div id="icon"><img src="{PortraitURL-64}"></div>
  464. {/block:ifHideIcon}
  465. <div id="sidelinks">
  466. <a href="/">home</a><br>
  467. <a href="/ask">message</a><br>
  468. {block:SubmissionsEnabled}<a href="/submit" title="{SubmitLabel}">{SubmitLabel}</a><br>{/block:SubmissionsEnabled}
  469. <a href="/archive">archive</a><br>
  470. <a href="http://thewicked-eternitythemes.tumblr.com/">theme</a></div>
  471. </div>
  472.  
  473. <div id="sidebar"><p>
  474. <center><div class="links_list">
  475. <p class="links_head">Navigation</p>
  476. <div class="links_body">
  477. <div class="navigation">
  478. {block:HasPages}{block:Pages}<a href="{URL}" title="{Label}">{Label}</a>{/block:Pages}{/block:HasPages}
  479. {block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1Title}
  480. {block:ifLink2Title}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2Title}
  481. {block:ifLink3Title}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3Title}
  482. {block:ifLink4Title}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4Title}
  483. {block:ifLink5Title}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5Title}
  484. {block:ifLink6Title}<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:ifLink6Title}
  485. {block:ifLink7Title}<a href="{text:Link 7}">{text:Link 7 Title}</a>{/block:ifLink7Title}
  486. {block:ifLink8Title}<a href="{text:Link 8}">{text:Link 8 Title}</a>{/block:ifLink8Title}
  487. </div></div><p></div>
  488.  
  489. <div id="title">{Title}</div>
  490.  
  491. <center><div id="sidebarimage"><img src="{image:Sidebar}"/></div></center>
  492.  
  493. <div id="description">{block:Description}{Description}{/block:Description}</div><br>
  494.  
  495. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}<br></div>
  496.  
  497.  
  498. </div><br>
  499.  
  500. <div id="entries">
  501.  
  502. {block:Posts}
  503.  
  504. <div id="posts">
  505.  
  506. {block:Title}
  507. <div id="title1">{Title}</div>{/block:Title}
  508. {block:Text}{Body}{/block:Text}
  509.  
  510. {block:Photo}
  511. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  512. {/block:Photo}
  513.  
  514. {block:Photoset}
  515. <center>{Photoset-500}</center>
  516. {block:Caption}{Caption}{/block:Caption}
  517. {/block:Photoset}
  518.  
  519. {block:Quote}
  520. <div id="title2">"{Quote}"</div>
  521. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  522. {/block:Quote}
  523.  
  524. {block:Link}
  525. <div id="title2"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  526. {block:Description}{Description}{/block:Description}
  527. {/block:Link}
  528.  
  529. {block:Chat}
  530. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  531. {/block:Chat}
  532.  
  533. {block:Audio}
  534. <div id="audio"><div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playercontainer"><div class="player">{AudioPlayerWhite}</div></div>{block:TrackName}<div class="audioinfo"><b>Track Title:</b> {TrackName}</div><br>{/block:TrackName}{block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div><br>{/block:Artist}{block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}</div>{block:Caption}{Caption}{/block:Caption}
  535. {/block:Audio}
  536.  
  537. {block:Video}
  538. {Video-500}{block:Caption}{Caption}{/block:Caption}
  539. {/block:Video}
  540.  
  541. {block:Answer}
  542. <div id="questions">{Asker} asked: "{Question}"</div>
  543. {Answer}
  544. {/block:answer}
  545.  
  546. {block:Date}
  547. <div id="info"> posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> {block:ContentSource} ·  © <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}{block:NoteCount}
  548. with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  549. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div><br>
  550.  
  551. {/block:Posts}
  552.  
  553. {block:PostNotes}
  554. {PostNotes}
  555. {/block:PostNotes}
  556.  
  557. </div>
  558. </div>
  559.  
  560. </body>
  561. </html>
create a new version of this paste RAW Paste Data