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

theme 003 - breathe me

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