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

theme 012 - turning page

By: thewicked-eternity on Jun 13th, 2012  |  syntax: None  |  size: 16.70 KB  |  hits: 17,705  |  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 012 - Turning Page 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="#FFFFFF"/>
  16.         <meta name="color:Text" content="#C4C4C4"/>
  17.         <meta name="color:Links" content="#B6B6B6"/>
  18.         <meta name="color:Links Hover" content="#C4C4C4"/>
  19.         <meta name="color:Sidebar Image Border" content="#F8F8F8"/>
  20.         <meta name="color:Info Border" content="#F8F8F8"/>
  21.         <meta name="color:Scrollbar" content="#B6B6B6"/>
  22.  
  23.         <meta name="image:Sidebar" content=""/>
  24.         <meta name="image:Background" content=""/>
  25.  
  26.         <meta name="font:Title" content="calibri"/>
  27.         <meta name="font:Post Titles" content="georgia"/>
  28.         <meta name="font:Body" content="arial"/>
  29.         <meta name="font:Description" content="arial"/>
  30.        
  31.         <meta name="if:200px Sidebar" content="0"/>
  32.         <meta name="if:Unhide Tags" content="1"/>
  33.         <meta name="if:Show Title" content="0"/>
  34.         <meta name="if:Enable Infinite Scrolling" content="0"/>
  35.         <meta name="if:Smaller Album Art" content"0"/>
  36.  
  37.         <meta name="text:Link 1" content="http://"/>
  38.         <meta name="text:Link 1 Title" content=""/>
  39.         <meta name="text:Link 2" content="http://">
  40.         <meta name="text:Link 2 Title" content=""/>
  41.         <meta name="text:Link 3" content="http://"/>
  42.         <meta name="text:Link 3 Title" content=""/>
  43.         <meta name="text:Link 4" content="http://"/>
  44.         <meta name="text:Link 4 Title" content=""/>
  45.         <meta name="text:Link 5" content="http://"/>
  46.         <meta name="text:Link 5 Title" content=""/>
  47.         <meta name="text:Link 6" content="http://"/>
  48.         <meta name="text:Link 6 Title" content=""/>
  49.         <meta name="text:Link 7" content="http://"/>
  50.         <meta name="text:Link 7 Title" content=""/>
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55. /* --- SCROLLBAR --- */
  56.  
  57. ::-webkit-scrollbar-thumb:vertical {
  58.     background-color:{color:Scrollbar};
  59.     height:30px;
  60.     }
  61.  
  62. ::-webkit-scrollbar-thumb:horizontal {
  63.     background-color:{color:Scrollbar};
  64.     height:5px!important;
  65.     }
  66.  
  67. ::-webkit-scrollbar {
  68.     background-color:{color:Background};
  69.     height:5px;
  70.     width:5px;
  71.     }
  72.  
  73.  
  74. /* --- POSTS --- */
  75.  
  76. body {
  77.     color:{color:Text};
  78.     background-attachment:fixed;
  79.     background-color:{color:Background};
  80.     background-image: url('{image:Background}');
  81.     background-position:bottom-left;
  82.     background-repeat:no-repeat;
  83.     text-align:justify;
  84.     font-family:{font:Body};
  85.     font-size:10px;
  86.     }
  87.  
  88. a {
  89.     color: {color:Links};
  90.     text-decoration:none;
  91.     }
  92.  
  93. a:hover {
  94.     text-decoration:none;
  95.     color:{color:Links Hover};
  96.     }
  97.  
  98. #container {
  99.     width:900px;
  100.     margin:auto;
  101.     padding-bottom:30px;
  102.     }
  103.  
  104. #entries {
  105.     position:absolute;
  106.     overflow:hidden;
  107.     width:630px;
  108.     margin-left:330px;
  109.     margin-top:-8px;
  110.     }
  111.  
  112. #posts {
  113.     padding:7px;
  114.     width:500px;
  115.     margin-bottom:10px;
  116.     }
  117.  
  118. {block:ifUnhideTags}
  119. #posts:hover #tags {
  120.     opacity:1;
  121.     display:block;
  122.     text-align:left;    
  123.     -webkit-transition:opacity 0.7s linear;
  124.     -webkit-transition:all 0.3s ease-out;
  125.     -moz-transition:all 0.3s ease-out;
  126.     transition:all 0.3s ease-out;
  127.     }
  128.  
  129. #tags {
  130.     position:absolute;
  131.     width:110px;
  132.     opacity:0;
  133.     margin-top:10px;
  134.     margin-left:510px;
  135.     font-family:georgia;
  136.     text-align:left;
  137.     text-transform:lowercase;
  138.     font-style:italic;
  139.     font-size:9px;
  140.     -webkit-transition:opacity 0.8s linear;
  141.     -webkit-transition:all 0.5s ease-out;
  142.     -moz-transition:all 0.5s ease-out;
  143.     transition:all 0.5s ease-out;
  144.     }
  145. {/block:ifUnhideTags}
  146.  
  147.  
  148. /* --- SIDEBAR --- */
  149.  
  150. #sidebar {
  151.     position:fixed;
  152.     margin-top:70px;
  153.     margin-left:30px;
  154.     {block:if200pxSidebar}
  155.     margin-left:90px;
  156.     {/block:if200pxSidebar}
  157.     width:290px;
  158.     {block:if200pxSidebar}
  159.     width:230px;
  160.     {/block:if200pxSidebar}  
  161.     }
  162.  
  163. #sidebarimage img {
  164.     margin-top:2px;
  165.     margin-bottom:5px;
  166.     max-width:250px;
  167.     {block:if200pxSidebar}
  168.     max-width:200px;
  169.     {/block:if200pxSidebar}
  170.     height:auto;
  171.     text-align:center;
  172.     opacity:1;
  173.     border:7px solid {color:Sidebar Image Border};
  174.     -webkit-transition:opacity 0.8s linear;
  175.     -webkit-transition:all 0.5s ease-out;
  176.     -moz-transition:all 0.5s ease-out;
  177.     transition:all 0.5s ease-out;
  178.     }
  179.    
  180. #sidebarimage img:hover {
  181.     opacity:0.7;
  182.     -webkit-transition:opacity 0.7s linear;
  183.     -webkit-transition:all 0.3s ease-out;
  184.     -moz-transition:all 0.3s ease-out;
  185.     transition:all 0.3s ease-out;
  186.     }
  187.  
  188. #description {
  189.     font-size:10px;
  190.     font-family:{font:Description};
  191.     margin-left:12px;
  192.     margin-right:12px;
  193.     color:{color:Text};
  194.     text-align:justify;
  195.     }
  196.  
  197.  
  198. /* --- TITLES --- */
  199.  
  200. #title1 {
  201.     font-size:18px;
  202.     font-style:italic;
  203.     font-family:{font:Post Titles};
  204.     text-decoration:none;
  205.     text-align:center;
  206.     text-transform:lowercase;
  207.     }
  208.  
  209. #title2 {
  210.     font-size:14px;
  211.     font-style:italic;
  212.     font-family:{font:Post Titles};
  213.     }
  214.  
  215. .title {
  216.     font-size:13px;
  217.     font-family:{font:Title};
  218.     text-align:center;
  219.     text-transform:uppercase;
  220.     margin-bottom:3px;
  221.     }
  222.  
  223.  
  224. /* --- SIDELINKS --- */
  225.  
  226. #sidelinks {
  227.     margin-bottom:3.5px;
  228.     {block:if200pxSidebar}
  229.     width:190px;
  230.     {/block:if200pxSidebar}
  231.     }
  232.  
  233. #sidelinks a {
  234.     margin-top:140px;
  235.     font-family:calibri;
  236.     font-size:10px;
  237.     text-align:center;
  238.     text-transform:uppercase;
  239.     color:{color:Links};
  240.     }
  241.  
  242. #sidelinks a:hover {
  243.     color:{color:Links Hover};
  244.     text-align:center;
  245.     }
  246.  
  247.  
  248. /* --- AUDIO --- */
  249.  
  250. #audio {
  251.     margin-bottom:5px;
  252.     width:500px;
  253.     height:105px;
  254.     {block:IfSmallerAlbumArt}
  255.     height:62px;
  256.     {/block:IfSmallerAlbumArt}
  257.     }
  258.  
  259. .albumart {
  260.     width:100px;
  261.     height:100px;
  262.     {block:IfSmallerAlbumArt}
  263.     width:57px;
  264.     height:57px;
  265.     {/block:IfSmallerAlbumArt}
  266.     position:absolute;
  267.     }
  268.  
  269. .albumart img {
  270.     width:100px;
  271.     height:100px;
  272.     {block:IfSmallerAlbumArt}
  273.     width:57px;
  274.     height:57px;
  275.     {/block:IfSmallerAlbumArt}
  276.     float:left;
  277.     }
  278.  
  279. .playercontainer {
  280.     opacity:.2;
  281.     display:block;
  282.     width:100px;
  283.     height:100px;
  284.     {block:IfSmallerAlbumArt}
  285.     width:57px;
  286.     height:57px;
  287.     {/block:IfSmallerAlbumArt}
  288.     background-color:white;
  289.     position:absolute;
  290.     z-index:3;
  291.     -webkit-transition:all 0.5s ease-in-out;
  292.     -moz-transition:all 0.5s ease-in-out;
  293.     -o-transition:all 0.5s ease-in-out;
  294.     -ms-transition:all 0.5s ease-in-out;
  295.     transition:all 0.5s ease-in-out;
  296.     }
  297.  
  298. .playercontainer:hover {
  299.     opacity:.7;
  300.     }
  301.  
  302. .player {
  303.     margin-left:36px;
  304.     margin-top:36px;
  305.     {block:IfSmallerAlbumArt}
  306.     margin-left:16px;
  307.     margin-top:16px;
  308.     {/block:IfSmallerAlbumArt}
  309.     width:25px;
  310.     height:25px;
  311.     overflow:hidden;
  312.     background-color:white;
  313.     }
  314.  
  315. .audioinfo {
  316.     margin-left:110px;
  317.     width:388px;
  318.     {block:IfSmallerAlbumArt}
  319.     margin-left:60px;
  320.     width:435px;
  321.     {/block:IfSmallerAlbumArt}
  322.     float:left;
  323.     padding:2px;
  324.     margin-bottom:3px;
  325.     background-color:{color:Info Border};
  326.     }
  327.  
  328.  
  329. /* --- CHAT POST --- */
  330.  
  331. .chat {
  332.     line-height:12px;
  333.     list-style:none;
  334.     }
  335.  
  336. .chat ul {
  337.     line-height:15px;
  338.     list-style:none;
  339.     padding:0px;
  340.     line-height:20px;
  341.     }
  342.  
  343. .person1 {
  344.     background-color:{color:Info Border};
  345.     color:{color:Text};
  346.     }
  347.  
  348. .person1 .label {
  349.     font-weight:bold;
  350.     padding:0px;
  351.     margin-left:5px;
  352.     color:{color:Text};
  353.     }
  354.  
  355. .person2 {
  356.     color:{color:Text};
  357.     }
  358.  
  359. .person2 .label {
  360.     font-weight:bold;
  361.     padding:0px;
  362.     margin-left:5px;
  363.     color:{color:Text};
  364.     }
  365.  
  366. .person3 {
  367.     background-color:{color:Info Border};
  368.     color:{color:Text};
  369.     }
  370.  
  371. .person3 .label {
  372.     font-weight:bold;
  373.     padding:0px;
  374.     margin-left:5px;
  375.     color:{color:Text};
  376.     }
  377.  
  378. .person4 {
  379.     color:{color:Text};
  380.     }
  381.  
  382. .person4 .label {
  383.     font-weight:bold;
  384.     padding:0px;
  385.     margin-left:5px;
  386.     color:{color:Text};
  387.     }
  388.  
  389. .person5 {
  390.     background-color:{color:Info Border};
  391.     color:{color:Text};
  392.     }
  393.  
  394. .person5 .label {
  395.     font-weight:bold;
  396.     padding:0px;
  397.     margin-left:5px;
  398.     color:{color:Text};
  399.     }
  400.  
  401. .person6 {
  402.     color:{color:Text};
  403.     }
  404.  
  405. .person6 .label {
  406.     font-weight:bold;
  407.     padding:0px;
  408.     margin-left:5px;
  409.     color:{color:Text};
  410.     }
  411.  
  412.  
  413. /* --- INFO & OTHER --- */
  414.  
  415. #info {
  416.     padding:4px;
  417.     margin-top:7px;
  418.     line-height:90%;
  419.     color:{color:Text};
  420.     font-size:8px;
  421.     font-family:arial;
  422.     text-transform:uppercase;
  423.     width:493px;
  424.     border-top:4px solid {color:Info Border};
  425.     letter-spacing:1px;
  426.     text-align:left;
  427.     }
  428.  
  429. #info a {
  430.     color:{color:Links};
  431.     }
  432.  
  433. #info a:hover {
  434.     color:{color:Links Hover};
  435.     }
  436.  
  437. #questions {
  438.     color:{color:Text};
  439.     padding:10px;
  440.     margin-bottom:0px;
  441.     font-size:10px;
  442.     font-family:arial;
  443.     text-transform:uppercase;
  444.     text-align:center;
  445.     border-bottom:3px solid {color:Sidebar Image Border};
  446.     }
  447.  
  448. #questions a {
  449.     color:{color:Links};
  450.     }
  451.  
  452. #questions a:hover {
  453.     color:{color:Links Hover};
  454.     }
  455.  
  456. {block:ifNotUnhideTags}
  457. #tags {  
  458.     font-family:georgia;
  459.     text-align:left;
  460.     text-transform:lowercase;
  461.     font-style:italic;
  462.     font-size:9px;
  463.     }
  464. {/block:ifNotUnhideTags}
  465.  
  466. #source {
  467.     margin-top:3px;
  468.     text-align:right;
  469.     margin-bottom:5px;
  470.     font-size:10px;
  471.     }
  472.    
  473. .pagination {
  474.     margin-top:10px;
  475.     margin-bottom:10px;
  476.     text-align:center;
  477.     line-height:20px;
  478.     font-family:calibri;
  479.     font-size:10px;
  480.     }
  481.    
  482. .pagination a {
  483.     text-decoration:none;
  484.     padding-top:2px;
  485.     padding-bottom:2px;
  486.     padding-left:4px;
  487.     padding-right:4px;
  488.     color:{color:Text};
  489.     background-color:{color:Info Border};
  490.     }
  491.    
  492. .pagination a:hover {
  493.     background-color:{color:Background};
  494.     color:{color:Text};
  495.     }
  496.  
  497. .postnotes {
  498.     margin-top:-5px;
  499.     }
  500.  
  501. ol.notes, .notes li {
  502.     width:500px;
  503.     list-style:none;
  504.     }
  505.  
  506. blockquote {
  507.     border-left:4px solid {color:Text};
  508.     padding:0px;
  509.     padding-left:5px;
  510.     margin:5px;
  511.     }
  512.  
  513. {CustomCSS}
  514.  
  515. </style>
  516.  
  517. {block:ifEnableInfiniteScrolling}
  518. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  519. {/block:ifEnableInfiniteScrolling}
  520.  
  521. </head>
  522.     <body>
  523.  
  524.  
  525.  
  526. <div id="container"><div id="sidebar">
  527.  
  528. {block:IfShowTitle}
  529. <center><div class="title">{Title}</div></center>
  530. {/block:IfShowTitle}
  531.  
  532. <center><div id="sidelinks"><b><center><a href="/">home</a> · <a href="/ask">message</a>{block:SubmissionsEnabled} · <a href="/submit" title="{SubmitLabel}">{SubmitLabel}</a>{/block:SubmissionsEnabled} · <a href="/archive">archive</a> · <a href="http://thewicked-eternitythemes.tumblr.com">theme</a></b></div></center>
  533.  
  534. <center><div id="sidebarimage"><img src="{image:Sidebar}"></div></center>
  535.  
  536. <center><div id="sidelinks"><b>
  537. {block:HasPages}{block:Pages}<a href="{URL}" title="{Label}">{Label}</a>{/block:Pages} · {/block:HasPages} {block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1Title} {block:ifLink2Title} · <a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2Title} {block:ifLink3Title} · <a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3Title} {block:ifLink4Title} · <a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4Title} {block:ifLink5Title} · <a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5Title} {block:ifLink6Title} · <a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:ifLink6Title} {block:ifLink7Title} · <a href="{text:Link 7}">{text:Link 7 Title}</a>{/block:ifLink7Title}</b></div></center>
  538.  
  539. {block:Description}<div id="description">{Description}</div>{/block:Description}<br>
  540.  
  541. {block:ifNotEnableInfiniteScrolling}{block:Pagination}
  542. <div class="pagination">
  543. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  544. {block:JumpPagination length="6"}
  545. {block:CurrentPage}
  546. <span class="current_page" style="padding-right:3px; padding-left:3px;">{PageNumber}</span>
  547. {/block:CurrentPage}
  548. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  549. {/block:JumpPagination}
  550. {block:NextPage}<a href="{NextPage}">»</a> {/block:NextPage}
  551. </div>
  552. {/block:Pagination}{/block:ifNotEnableInfiniteScrolling}
  553. </div><br>
  554.  
  555.  
  556.  
  557.  
  558. <div id="entries">{block:ifEnableInfiniteScrolling}<div class="autopagerize_page_element">{/block:ifEnableInfiniteScrolling}{block:Posts}<div id="posts">
  559.  
  560. {block:Title}
  561. <div id="title1">{Title}</div>{/block:Title}{block:Text}{block:ifUnhideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifUnhideTags}
  562. {Body}{/block:Text}
  563.  
  564. {block:Photo}
  565. {block:ifUnhideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifUnhideTags}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  566. {block:Caption}{Caption}{/block:Caption}
  567. {/block:Photo}
  568.  
  569. {block:Photoset}
  570. {block:ifUnhideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifUnhideTags}<center>{Photoset-500}</center>
  571. {block:Caption}{Caption}{/block:Caption}
  572. {/block:Photoset}
  573.  
  574. {block:Quote}
  575. {block:ifUnhideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifUnhideTags}
  576. <div id="title2">"{Quote}"</div>
  577. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  578. {/block:Quote}
  579.  
  580. {block:Link}
  581. {block:ifUnhideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifUnhideTags}
  582. <div id="title2"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  583. {block:Description}{Description}{/block:Description}
  584. {/block:Link}
  585.  
  586. {block:Chat}
  587. {block:ifUnhideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifUnhideTags}<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>
  588. {/block:Chat}
  589.  
  590. {block:Audio}
  591. {block:ifUnhideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifUnhideTags}<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}
  592. {/block:Audio}
  593.  
  594. {block:Video}
  595. {block:ifUnhideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifUnhideTags}
  596. {Video-500}
  597. {block:Caption}{Caption}{/block:Caption}
  598. {/block:Video}
  599.  
  600. {block:Answer}
  601. {block:ifUnhideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifUnhideTags}
  602. <div id="questions"><b>{Asker} asked:</b><br>
  603. "{Question}"</div>{Answer}
  604. {/block:Answer}
  605.  
  606. {block:Date}<div id="info"><a href="{ReblogURL}" target="_blank">Reblog</a> / <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}<div style="float:right"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount}</div>
  607. {block:ifNotUnhideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifNotUnhideTags}
  608.  
  609.  
  610. </div>{/block:Posts}{block:ifEnableInfiniteScrolling}</div>{/block:ifEnableInfiniteScrolling}
  611.  
  612. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  613.  
  614. </div></div>
  615.  
  616.     </body>
  617. </html>
create a new version of this paste RAW Paste Data