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

theme 007 - brothers in arms

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