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

theme 002 - white winter

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