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

theme 010 - here's to us

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