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

theme 006 - part of me

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