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

theme 008 - don't stop me now

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