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

theme 004 - ho hey

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