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

theme 001 - up all night

By: thewicked-eternity on Nov 22nd, 2011  |  syntax: None  |  size: 12.02 KB  |  hits: 9,283  |  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. <!--
  2.     Theme 001 - Up All Night by thewicked-eternity.tumblr.com
  3.     PLEASE DO NOT REMOVE THE CREDIT OR REDISTRIBUTE
  4.     For any help, visit wickedeternitythemehelp.tumblr.com
  5. -->
  6.  
  7. <html><head>
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}" />
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  12. <meta name="description" content="{MetaDescription}" />
  13.  
  14. <!-- DEFAULT VARIABLES -->
  15.         <meta name="color:Background" content="#FFFFFF"/>
  16.         <meta name="color:Text" content="#777777"/>
  17.         <meta name="color:Title" content="#777777"/>
  18.         <meta name="color:Post Background" content="#FFFFFF"/>
  19.         <meta name="color:Links" content="#666666"/>
  20.         <meta name="color:Links Hover" content="#000000"/>
  21.         <meta name="color:Sidebar Background" content="#F9F9F9"/>
  22.         <meta name="color:Navigation" content="#F9F9F9"/>
  23.         <meta name="color:Navigation Hover" content="#FFFFFF"/>
  24.         <meta name="color:Topbar Background" content="#F9F9F9"/>
  25.         <meta name="color:Topbar Border" content="#EDEDED"/>
  26.         <meta name="color:Info Background" content="#F9F9F9"/>
  27.         <meta name="color:Asker Background" content="#F9F9F9"/>
  28.  
  29.         <meta name="image:Sidebar" content=""/>
  30.         <meta name="image:Background" content=""/>
  31.  
  32.         <meta name="font:title" content="georgia" />
  33.         <meta name="font:body" content="arial" />
  34.         <meta name="font:description" content="arial" />
  35.  
  36.         <meta name="if:Sidebar 300" content="0" />
  37.         <meta name="if:Without Topbar Title" content="0" />
  38.  
  39.         <meta name="text:Link 1" content="http://"/>
  40.         <meta name="text:Link 1 Title" content=""/>
  41.         <meta name="text:Link 2" content="http://">
  42.         <meta name="text:Link 2 Title" content=""/>
  43.         <meta name="text:Link 3" content="http://"/>
  44.         <meta name="text:Link 3 Title" content=""/>
  45.  
  46. <style type="text/css">
  47.  
  48.  
  49. /* --- BASICS --- */
  50.  
  51. body {
  52.     color:{color:Text};
  53.     text-align:justify;
  54.     font-family:{font:body};
  55.     font-size:10px;
  56.     background-color:{color:Background};
  57.     background-attachment:fixed;
  58.     background-image: url('{image:Background}');
  59.     background-position:bottom left;
  60.     background-repeat: no-repeat;
  61.     }
  62.  
  63. a {
  64.     color:{color:Links};
  65.     text-decoration:none;
  66.     }
  67.  
  68. a:hover {
  69.     color:{color:Links Hover};
  70.     text-decoration:none;
  71.     }
  72.  
  73. #container {
  74.     background-color:transparent;
  75.     text-align:center;
  76.     width:530px;
  77.     margin:0 auto -100px auto;
  78.     }
  79.  
  80. #entries {
  81.     margin:7px 476px;
  82.     margin-top:42px;
  83.     {block:ifWithoutTopbarTitle}
  84.     margin-top:0px;
  85.     {/block:ifWithoutTopbarTitle}
  86.     margin-right:0px;
  87.     float:right;
  88.     text-align:justify;
  89.     }
  90.  
  91. #posts {
  92.     position:relative;
  93.     overflow:hidden;
  94.     margin: 0px 0 0px 0;
  95.     width:500px;
  96.     background-color:{color:Post Background};
  97.     padding:7px;
  98.     text-align:justify;
  99.     }
  100.  
  101.  
  102. /* --- SIDEBAR --- */
  103.  
  104. #sidebarimage {
  105.     margin: -5px 0 5px 0;
  106.     }
  107.  
  108. #sidebarimage img {
  109.     margin-top:5px;
  110.     max-width:250px;
  111.     {block:ifSidebar300}
  112.     max-width:300px;
  113.     {/block:ifSidebar300}
  114.     height:auto;
  115.     }
  116.  
  117. #sidebar {
  118.     position:fixed;
  119.     margin-top:60px;
  120.     {block:ifWithoutTopbarTitle}
  121.     margin-top:13px;
  122.     {/block:ifWithoutTopbarTitle}
  123.     padding:5px;
  124.     background-color:{color:Sidebar Background};
  125.     margin-left:-270px;
  126.     width:255px;
  127.     {block:ifSidebar300}
  128.     margin-left:-320px;
  129.     width:305px;
  130.     {/block:ifSidebar300};
  131.     }
  132.  
  133. #description {
  134.     margin-left:4px;
  135.     margin-right:4px;
  136.     text-align:justify;
  137.     font-family:{font:description};
  138.     }
  139.  
  140.  
  141. /* --- NAVIGATION --- */
  142.  
  143. #navigation {
  144.     text-align-center;
  145.     position:fixed;
  146.     }
  147.  
  148. #navigation a {
  149.     display: block;
  150.     margin-left:550px;
  151.     margin-top:60px;
  152.     margin-bottom:-70px;
  153.     {block:ifWithoutTopbarTitle}
  154.     margin-top:30px;
  155.     margin-bottom:-40px;
  156.     {/block:ifWithoutTopbarTitle}
  157.     width:150px;
  158.     font-family:Georgia;
  159.     line-height:11px;
  160.     text-align:left;
  161.     border-left: 3px solid;
  162.     background-color:{color:Navigation};
  163.     color:{color:Text};
  164.     padding-left:12px;
  165.     padding-top:3px;
  166.     padding-bottom:3px;
  167.     letter-spacing:1px;
  168.     text-transform:lowercase;
  169.     font-size:9px;
  170.     text-decoration: none;
  171.     }
  172.  
  173. #navigation a:hover {
  174.     background-color:{color:Navigation Hover};
  175.     letter-spacing:2px;
  176.     }
  177.  
  178.  
  179. /* --- TITLES --- */
  180.  
  181. #topbar {
  182.     position:fixed;
  183.     margin:-8px;
  184.     width:100%;
  185.     height:48px;
  186.     background-color:{color:Topbar Background};
  187.     border-bottom: 5px solid {color:Topbar Border};
  188.     z-index:2;
  189.     }
  190.  
  191. #title {
  192.     margin-top:15px;
  193.     font-family:{font:title};
  194.     color:{color:Title};
  195.     text-transform:lowercase;
  196.     font-size:16px;
  197.     font-style:italic;
  198.     line-height:12px;
  199.     padding:1px;
  200.     text-align:center;
  201.     text-decoration:none;
  202.     }
  203.  
  204. {block:ifWithoutTopbarTitle}
  205. #title {
  206.     margin-top:5px;
  207.     margin-bottom:5px;
  208.     font-family:{font:title};
  209.     color:{color:Title};
  210.     text-transform:lowercase;
  211.     font-size:16px;
  212.     font-style:italic;
  213.     line-height:12px;
  214.     padding:1px;
  215.     text-align:center;
  216.     text-decoration:none;
  217.     }
  218. {/block:ifWithoutTopbarTitle}
  219.  
  220. #title2 {
  221.     font-size:16px;
  222.     font-style:italic;
  223.     font-family:{font:title};
  224.     text-decoration: none;
  225.     }
  226.  
  227. #title3 {
  228.     font-size:14px;
  229.     font-style:italic;
  230.     font-family:{font:title};
  231.     }
  232.  
  233.  
  234. /* --- AUDIO --- */
  235.  
  236. #audio {
  237.     margin-bottom:5px;
  238.     width:500px;
  239.     height:105px;
  240.     }
  241.  
  242. .albumart {
  243.     width:100px;
  244.     height:100px;
  245.     position:absolute;
  246.     }
  247.  
  248. .albumart img {
  249.     width:100px;
  250.     height:100px;
  251.     float:left;
  252.     }
  253.  
  254. .playercontainer {
  255.     opacity: .2;
  256.     display:block;
  257.     width:100px;
  258.     height:100px;
  259.     background-color:white;
  260.     position:absolute;
  261.     z-index:3;
  262.     }
  263.  
  264. .playercontainer:hover {
  265.     opacity:.7;
  266.     -webkit-transition:all 0.5s ease-in-out;
  267.     -moz-transition: all 0.5s ease-in-out;
  268.     -o-transition:all 0.5s ease-in-out;
  269.     -ms-transition:all 0.5s ease-in-out;
  270.     transition: all 0.5s ease-in-out;
  271.     }
  272.  
  273. .player {
  274.     margin-left:36px;
  275.     margin-top:36px;
  276.     width:25px;
  277.     height:25px;
  278.     overflow:hidden;
  279.     background-color:white;
  280.     }
  281.  
  282. .audioinfo {
  283.     margin-left:110px;
  284.     float:left;
  285.     background-color:{color:Info Background};
  286.     width:388px;
  287.     padding:2px;
  288.     margin-top:3px;
  289.     }
  290.  
  291.  
  292. /* --- INFO & OTHER --- */
  293.  
  294. #pagination {
  295.     color:{color:Text};
  296.     font-size:11px;
  297.     font-family:georgia;
  298.     text-decoration:none;
  299.     text-align:center;
  300.     }
  301.  
  302. #pagination a {
  303.     color:{color:Links};
  304.     }
  305.  
  306. #pagination a:hover {
  307.     color:{color:Links Hover};
  308.     }
  309.  
  310. #info {
  311.     margin-top:5px;
  312.     margin-bottom:2px;
  313.     padding:4px;
  314.     color:{color:Text};
  315.     font-size:9px;
  316.     font-family:georgia;
  317.     line-height:110%;
  318.     text-transform:lowercase;
  319.     width:492px;
  320.     background-color:{color:Info Background};
  321.     letter-spacing:1px;
  322.     text-align:center;
  323.     }
  324.  
  325. #info a {
  326.     color:{color:Links};
  327.     }
  328.  
  329. #info a:hover {
  330.     color:{color:Links Hover};
  331.     }
  332.  
  333. #tags {
  334.     margin-top:0px;
  335.     margin-right:7px;
  336.     font-family:georgia;
  337.     text-align:center;
  338.     text-transform:lowercase;
  339.     font-style:italic;
  340.     font-size:9px;
  341.     }
  342.  
  343. #questions {
  344.     margin-bottom:0px;
  345.     padding:10px;
  346.     background-color:{color:Asker Background};
  347.     color:{color:Text};
  348.     font-family:georgia;
  349.     font-size:10px;
  350.     font-style:italic;
  351.     }
  352.  
  353. #questions a {
  354.     color:{color:Links};
  355.     }
  356.  
  357. #questions a:hover {
  358.     color:{color:Links Hover};
  359.     }
  360.  
  361. #source {
  362.     margin-top:3px;
  363.     text-align:right;
  364.     margin-bottom:5px;
  365.     font-size:10px;
  366.     }
  367.  
  368. .chat {
  369.     line-height: 12px;
  370.     list-style: none;
  371.     }
  372.  
  373. .chat ul {
  374.     line-height: 15px;
  375.     list-style: none;
  376.     padding: 0px;
  377.     line-height:20px;
  378.     }
  379.  
  380. .person1 {
  381.     background-color:{color:Background};
  382.     color: {color:Text};
  383.     }
  384.  
  385. .person1 .label {
  386.     font-weight: bold;
  387.     padding: 0px;
  388.     margin-left: 5px;
  389.     color:{color:Text};
  390.     }
  391.  
  392. .person2 {
  393.     color: {color:Text};
  394.     }
  395.  
  396. .person2 .label {
  397.     font-weight: bold;
  398.     padding: 0px;
  399.     margin-left: 5px;
  400.     color:{color:Text};
  401.     }
  402.  
  403. blockquote {
  404.     border-left:4px solid {color:Text};
  405.     padding:0px;
  406.     padding-left:5px;
  407.     margin:5px;
  408.     }
  409.  
  410. {CustomCSS}
  411.  
  412. </style></head>
  413.     <body>
  414.  
  415.  
  416. {block:IfNotWithoutTopbarTitle}
  417. <div id="topbar"><div id="title">{Title}</div></div>
  418. {/block:IfNotWithoutTopbarTitle}
  419.  
  420.  
  421. <div id="container">
  422.  
  423. <div id="navigation">
  424. <a href="/">home</a><br>
  425. <a href="/ask">questions</a><br>
  426. {block:HasPages}{block:Pages}<a href="{URL}" title="{Label}">{Label}</a><br>{/block:Pages}{/block:HasPages}
  427. {block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a><br>{/block:ifLink1Title}
  428. {block:ifLink2Title}<a href="{text:Link 2}">{text:Link 2 Title}</a><br>{/block:ifLink2Title}
  429. {block:ifLink3Title}<a href="{text:Link 3}">{text:Link 3 Title}</a><br>{/block:ifLink3Title}
  430. <a href="/archive">archive</a><br>
  431. <a href="http://thewicked-eternitythemes.tumblr.com/">theme</a></div>
  432.  
  433.  
  434. <div id="sidebar">
  435.  
  436. {block:IfWithoutTopbarTitle}<div id="title">{Title}</div>{/block:IfWithoutTopbarTitle}
  437.  
  438. <center><div id="sidebarimage"><img src="{image:Sidebar}"/></div></center>
  439.  
  440. <div id="description">
  441. {block:Description}{Description}{/block:Description}
  442. </div><br>
  443.  
  444. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{CurrentPage}/{TotalPages} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>{/block:Pagination}</div><br>
  445.  
  446.  
  447.  
  448.  
  449. <div id="entries">{block:Posts}<div id="posts">
  450.  
  451. {block:Title}
  452. <div id="title2">{Title}</div>{/block:Title}
  453. {block:Text}{Body}{/block:Text}
  454.  
  455. {block:Photo}
  456. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  457. {block:Caption}{Caption}{/block:Caption}
  458. {/block:Photo}
  459.  
  460. {block:Photoset}
  461. <center>{Photoset-500}</center>
  462. {block:Caption}{Caption}{/block:Caption}
  463. {/block:Photoset}
  464.  
  465. {block:Quote}
  466. <div id="title3">"{Quote}"</div>
  467. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  468. {/block:Quote}
  469.  
  470. {block:Link}
  471. <div id="title2"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  472. {block:Description}{Description}{/block:Description}
  473. {/block:Link}
  474.  
  475. {block:Chat}
  476. <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>
  477. {/block:Chat}
  478.  
  479. {block:Audio}
  480. <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}
  481. {/block:Audio}
  482.  
  483. {block:Video}
  484. {Video-500}
  485. {block:Caption}{Caption}{/block:Caption}
  486. {/block:Video}
  487.  
  488. {block:Answer}
  489. <div id="questions">{Asker} asked: "{Question}"</div>
  490. {Answer}
  491. {/block:Answer}
  492.  
  493. {block:Date}<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}
  494. with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  495.  
  496. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div><br>
  497.  
  498. {/block:Posts}
  499.  
  500. {block:PostNotes}{PostNotes}{/block:PostNotes}
  501.  
  502. </div></div></div>
  503.  
  504.     </body>
  505. </html>
create a new version of this paste RAW Paste Data