SHARE
TWEET

A tumblr theme

GoldLeej Sep 21st, 2015 (edited) 67 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.     <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4.    
  5.     <title>{Title}</title>
  6.     <link rel="shortcut icon" href="{Favicon}">
  7.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8.     {block:Description}
  9.     <meta name="description" content="{MetaDescription}" />
  10.     {/block:Description}
  11.      
  12. <head>          
  13.     <!----
  14.      
  15.     Theme 13: Shake The World
  16.     by: superfrown.tumblr.com
  17.    
  18.     You may:
  19.       Edit as much as you like
  20.       Move the credit to a secondary page
  21.      
  22.     You may not:
  23.       Claim as your own
  24.       Remove the credit
  25.  
  26.     ---->
  27.  
  28.  
  29.  
  30.    
  31.     <meta name="image:Background" content=""/>
  32.     <meta name="image:Sidebar Image" content="" />
  33.     <meta name="image:Sidebar Image 2" content="" />
  34.    
  35.     <meta name="color:Background" content="#f9f9f9" />
  36.     <meta name="color:Post Background" content="#fcfcfc" />
  37.     <meta name="color:Info Background" content="#f1f1f1" />
  38.     <meta name="color:Text" content="#242422" />
  39.     <meta name="color:Bold" content="#4b4b4b" />
  40.     <meta name="color:Italic" content="#4b4b4b" />
  41.     <meta name="color:Link" content="#a92a19" />
  42.     <meta name="color:Link hover" content="#242422" />
  43.     <meta name="color:Borders" content="#242422" />
  44.     <meta name="color:Sidebar Background" content="#f1f1f1" />
  45.     <meta name="color:Blog Name" content="#f1f1f1" />
  46.     <meta name="color:Description Text Color" content="#a92a19" />
  47.     <meta name="color:Sidebar Links" content="#f1f1f1" />
  48.     <meta name="color:Sidebar Links Hover" content="#a92a19" />
  49.     <meta name="color:Sidebar Links Background" content="#242422" />
  50.     <meta name="color:Description Background" content="#ffffff"  />
  51.    
  52.    
  53.     <meta name="if:500px" content="1">
  54.     <meta name="if:Show Tags" content="1">
  55.     <meta name="if:Show Submit" content="1">
  56.     <meta name="if:Show Archive" content="1">
  57.     <meta name="if:Show Link1" content="1">
  58.     <meta name="if:Show Link2" content="1">
  59.     <meta name="if:Show Link3" content="1">
  60.     <meta name="if:Show Link4" content="1">
  61.     <meta name="if:Show Link5" content="1">
  62.     <meta name="if:Show Link6" content="1">
  63.  
  64.    
  65.     <meta name="text:Text Size" content="12px" />
  66.     <meta name="text:Description Text Size" content="11px" />
  67.    
  68.     <meta name="text:Link 1 URL" content="http://" />
  69.     <meta name="text:Link 1" content="Link 1" />
  70.     <meta name="text:Link 2 URL" content="http://" />
  71.     <meta name="text:Link 2" content="Link 2" />
  72.     <meta name="text:Link 3 URL" content="http://" />
  73.     <meta name="text:Link 3" content="Link 3" />
  74.     <meta name="text:Link 4 URL" content="http://" />
  75.     <meta name="text:Link 4" content="Link 4" />
  76.     <meta name="text:Link 5 URL" content="http://" />
  77.     <meta name="text:Link 5" content="Link 5" />
  78.     <meta name="text:Link 6 URL" content="http://" />
  79.     <meta name="text:Link 6" content="Link 6" />
  80.  
  81.  
  82.     <style type="text/css">
  83.    
  84.     /* MAIN */
  85.      
  86.     body {
  87.         background-color:{color:Background};
  88.         background-image: url('{image:Background}');
  89.         background-attachment: fixed;
  90.         background-repeat: repeat;
  91.         color:{color:Text};
  92.         font-family: calibri;
  93.         font-size: {text:Text Size};
  94.         margin: 0px;
  95.         padding: 0px;}
  96.        
  97.     a:link, a:active {
  98.         text-decoration:none;
  99.         color: {color:Link};
  100.         -webkit-transition: all 0.6s ease-in-out;
  101.         -moz-transition: all 0.6s ease-in-out;
  102.         -o-transition: all 0.6s ease-in-out;
  103.         transition: all 0.6s ease-in-out;}
  104.    
  105.      a:visited {
  106.         text-decoration:none;
  107.         color: {color:Link};
  108.         -webkit-transition: all 0.6s ease-in-out;
  109.         -moz-transition: all 0.6s ease-in-out;
  110.         -o-transition: all 0.6s ease-in-out;
  111.         transition: all 0.6s ease-in-out;}
  112.    
  113.     a:hover {
  114.         text-decoration:none;
  115.         color: {color:Link hover};
  116.         -webkit-transition: all 0.6s ease-in-out;
  117.         -moz-transition: all 0.6s ease-in-out;
  118.         -o-transition: all 0.6s ease-in-out;
  119.         transition: all 0.6s ease-in-out;}
  120.        
  121.     b, strong, .strong {color:{color:Bold};}
  122.    
  123.     blockquote {
  124.         margin-left:18px;
  125.         margin-bottom:18px;
  126.         border-left:2px solid {color:Text};
  127.         padding-left:8px; }
  128.        
  129.     #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
  130.        
  131.     i, em, .em {color:{color:Italic};}
  132.    
  133.    
  134.     /* CONTENT */
  135.    
  136.     .contentwhole {
  137.         {block:if500px}width:526px;{/block:if500px}
  138.         {block:ifnot500px}width:426px;{/block:ifnot500px}
  139.         margin:0 auto;}
  140.      
  141.     .content {
  142.         {block:if500px}width:500px;{/block:if500px}
  143.         {block:ifnot500px}width:400px;{/block:ifnot500px}
  144.         margin-top:50px;
  145.         margin-bottom:0px;
  146.         padding:12px;
  147.         border:1px solid {color:Borders};
  148.         background: {color:Post Background};}
  149.  
  150.    
  151.     .info {
  152.         {block:if500px}width:520px;{/block:if500px}
  153.         {block:ifnot500px}width:420px;{/block:ifnot500px}
  154.         font-size:10px;
  155.         text-align:center;
  156.         letter-spacing:1px;
  157.         padding:2px;
  158.         margin-top:0px;
  159.         background:{color:Info Background};
  160.         border-right:1px solid {color:Borders};
  161.         border-left:1px solid {color:Borders};
  162.         border-bottom:1px solid {color:Borders};}  
  163.        
  164.        
  165.     .tags {
  166.         {block:if500px}width:520px;{/block:if500px}
  167.         {block:ifnot500px}width:420px;{/block:ifnot500px}
  168.         font-size:10px;
  169.         text-align:center;
  170.         letter-spacing:1px;
  171.         padding:4px;
  172.         margin-top:2px;
  173.         margin-bottom:50px;}        
  174.        
  175.        
  176.        
  177.     .title {
  178.         font-size: 13px;
  179.         font-weight:bold;
  180.         text-align: center;}  
  181.        
  182.  
  183.     /* Asks */
  184.     .questions {
  185.         text-align:center;
  186.         padding:8px 8px 12px 8px;
  187.         background:transparent;
  188.         border-bottom:1px solid {color:Borders};}  
  189.    
  190.     .reply {
  191.         padding: 6px;}
  192.    
  193.    
  194.     /* Quote */
  195.     #quote {
  196.         font-size: 14px;}
  197.     #source {
  198.         font-size: 12px;
  199.         margin-top: 10px;}
  200.        
  201.        
  202.     /* Audio */
  203.             .playerbuttonbg {
  204.                 position: absolute;
  205.                 left: 14px;
  206.                 top: 14px;
  207.                 width: 30px;
  208.                 height: 30px;
  209.                 background-color: #ffffff;
  210.                 padding: 10px;
  211.                 opacity: .4;
  212.                     filter: alpha(opacity=40);
  213.                     -moz-opacity: 0.4;
  214.                     -khtml-opacity: 0.4;
  215.                 transition: opacity .7s ease-in-out;
  216.                 -moz-transition: opacity .7s ease-in-out;
  217.                 -webkit-transition: opacity .7s ease-in-out;
  218.             }
  219.            
  220.             .playerbuttonbg:hover {
  221.                 opacity: 1;
  222.                     filter: alpha(opacity=100);
  223.                     -moz-opacity: 1;
  224.                     -khtml-opacity: 1;
  225.             }
  226.        
  227.             .newplayerbutton {
  228.                 position: relative;
  229.                 width: 30px;
  230.                 height: 30px;
  231.                 overflow: hidden;
  232.             }
  233.            
  234.             .playerbuttonhug {
  235.                 position: absolute;
  236.                 top: -29px;
  237.                 left: -9px;
  238.             }
  239.        
  240.             .tumblr_audio_player {
  241.                 height: 90px;
  242.                 width: 270px;
  243.                 -moz-transform: scale(0.60, 0.60);
  244.                 -webkit-transform: scale(0.60, 0.60);
  245.                 -o-transform: scale(0.60, 0.60);
  246.                 -ms-transform: scale(0.60, 0.60);
  247.                 transform: scale(0.60, 0.60);
  248.                 -moz-transform-origin: top left;
  249.                 -webkit-transform-origin: top left;
  250.                 -o-transform-origin: top left;
  251.                 -ms-transform-origin: top left;
  252.                 transform-origin: top left;
  253.             }
  254.            
  255.             .audioimgwrapper {
  256.                 position: absolute;
  257.                 left: 0px;
  258.                 top: 0px;
  259.                 overflow: hidden;
  260.                 width: 79px;
  261.                 height: 79px;
  262.             }
  263.            
  264.             .audioimgwrapper img {
  265.                 width: 100%;
  266.                 height: auto;
  267.             }
  268.            
  269.             .trackdetails {
  270.                 width: auto;
  271.                 display:inline-block;
  272.                 margin-left: 90px;
  273.                 min-height: 85px;
  274.             }
  275.            
  276.             .audiowrapper {
  277.                 position: relative;
  278.                 display:inline-block;
  279.             }
  280.        
  281.        
  282.  
  283.     /* BLOGNAME */
  284.        
  285.       .blogname {
  286.         margin-top:0px;
  287.         width:auto;
  288.         text-align:center;
  289.         text-transform:lowercase;
  290.         font-size:20px;
  291.         font-family: Georgia;
  292.         letter-spacing:5px;
  293.         padding:16px;
  294.         color:{color:Blog Name};
  295.         background-color:{color:Borders};
  296.         -webkit-transition: all 0.4s ease-in-out;
  297.         -moz-transition: all 0.4s ease-in-out;
  298.         -o-transition: all 0.4s ease-in-out;
  299.         transition: all 0.4s ease-in-out;}
  300.  
  301.       .blogname:hover {
  302.         color:{color:Sidebar Links Hover};
  303.         -webkit-transition: all 0.4s ease-in-out;
  304.         -moz-transition: all 0.4s ease-in-out;
  305.         -o-transition: all 0.4s ease-in-out;
  306.         transition: all 0.4s ease-in-out;}
  307.  
  308.  
  309.  
  310.     /* SIDEBAR */
  311.  
  312.       .sidebar {
  313.         width:190px;
  314.         height:auto;
  315.         left:20px;
  316.         top:52px;border:4px solid {color:Borders};
  317.         position: fixed;
  318.         text-align:center;
  319.         background-color:{color:Sidebar Background};}
  320.        
  321.       .sidebarimage {
  322.         margin-top:12px;
  323.         height:auto;}
  324.      
  325.       .sidebarimage img {
  326.         width:150px;
  327.         height:auto;
  328.         padding:4px;
  329.         border:4px solid {color:Borders};
  330.         background-color:{color:Description Background};}
  331.  
  332.  
  333.  
  334.     /* SIDEBAR 2 */
  335.  
  336.       .sidebar2 {
  337.         width:190px;
  338.         height:auto;
  339.         right:20px;
  340.         top:52px;border:4px solid {color:Borders};
  341.         position: fixed;
  342.         text-align:center;
  343.         background-color:{color:Sidebar Background};}
  344.        
  345.       .sidebarimage2 {
  346.         margin-top:12px;
  347.         height:auto;}
  348.      
  349.       .sidebarimage2 img {
  350.         width:150px;
  351.         height:auto;
  352.         padding:4px;
  353.         border:4px solid {color:Borders};
  354.         background-color:{color:Description Background};}      
  355.  
  356.  
  357.     /* DESCRIPTION */
  358.      
  359.       .description {
  360.         margin-top:9px;
  361.         margin-bottom:0px;
  362.         margin-left:12px;
  363.         margin-right:12px
  364.         text-align:center;
  365.         width: 150px;
  366.         padding:4px;
  367.         font-size:{text:Description Text Size};
  368.         font-family: calibri;
  369.         font-weight:normal;
  370.         font-style:normal;
  371.         letter-spacing:0px;
  372.         border:4px solid {color:Borders};
  373.         color: {color:Description Text Color};
  374.         background-color:{color:Description Background};}
  375.  
  376.  
  377.     /* PAGINATION */        
  378.        
  379.       #pagination {
  380.         margin-top:12px;
  381.         margin-bottom:12px;
  382.         margin-left:10px;
  383.         text-align:center;
  384.         width:170px;
  385.         font-size:11px;}
  386.    
  387.       #pagination a {
  388.         display:inline-block;
  389.         width:76px;
  390.         padding:2px;
  391.         margin:2px;
  392.         text-transform:lowercase;
  393.         background-color:{color:Sidebar Links Background};
  394.         color: {color:Sidebar Links};
  395.         -webkit-transition: all 0.4s ease-in-out;
  396.         -moz-transition: all 0.4s ease-in-out;
  397.         -o-transition: all 0.4s ease-in-out;
  398.         transition: all 0.4s ease-in-out;}
  399.    
  400.       #pagination a:hover {
  401.         color: {color:Sidebar Links Hover};
  402.         -webkit-transition: all 0.4s ease-in-out;
  403.         -moz-transition: all 0.4s ease-in-out;
  404.         -o-transition: all 0.4s ease-in-out;
  405.         transition: all 0.4s ease-in-out;}    
  406.  
  407.    
  408.     /* NAVIGATION */        
  409.        
  410.       #navigation {
  411.         margin-top:9px;
  412.         margin-bottom:12px;
  413.         margin-left:10px;
  414.         text-align:center;
  415.         width:170px;
  416.         font-size:11px;}
  417.    
  418.       #navigation a {
  419.         display:inline-block;
  420.         width:76px;
  421.         padding:2px;
  422.         margin:2px;
  423.         text-transform:lowercase;
  424.         background-color:{color:Sidebar Links Background};
  425.         color: {color:Sidebar Links};
  426.         -webkit-transition: all 0.4s ease-in-out;
  427.         -moz-transition: all 0.4s ease-in-out;
  428.         -o-transition: all 0.4s ease-in-out;
  429.         transition: all 0.4s ease-in-out;}
  430.    
  431.       #navigation a:hover {
  432.         color: {color:Sidebar Links Hover};
  433.         -webkit-transition: all 0.4s ease-in-out;
  434.         -moz-transition: all 0.4s ease-in-out;
  435.         -o-transition: all 0.4s ease-in-out;
  436.         transition: all 0.4s ease-in-out;}
  437.        
  438.    
  439.  
  440.     /* CREDIT */      
  441.      
  442.       #credit {
  443.         bottom:8px;
  444.         right:5px;
  445.         text-align:center;
  446.         position: fixed;
  447.         font-size:11px;}
  448.    
  449.       #credit a {
  450.         padding:3px;
  451.         color: {color:Sidebar Links};
  452.         background-color:{color:Sidebar Links Background};
  453.         -webkit-transition: all 0.4s ease-in-out;
  454.         -moz-transition: all 0.4s ease-in-out;
  455.         -o-transition: all 0.4s ease-in-out;
  456.         transition: all 0.4s ease-in-out;}
  457.    
  458.       #credit a:hover {
  459.         color: {color:Sidebar Links Hover};
  460.         -webkit-transition: all 0.4s ease-in-out;
  461.         -moz-transition: all 0.4s ease-in-out;
  462.         -o-transition: all 0.4s ease-in-out;
  463.         transition: all 0.4s ease-in-out;}
  464.        
  465.        
  466.     </style>
  467.  
  468.  
  469. </head>
  470.  
  471. <body>    
  472.  
  473. <div id="credit">
  474.     <a href="http://superfrown.tumblr.com"> theme </a>
  475. </div>
  476.    
  477.  
  478. <a href="/"><div class="blogname">{title}</div></a>
  479.  
  480. <div class="sidebar">  
  481.  
  482. <div class="sidebarimage"><img src="{image:Sidebar Image}"></div>
  483.  
  484. <div class="description">
  485. {description}
  486.     </div>
  487.  
  488. <div id="pagination">
  489.     {block:PreviousPage}<a href="{PreviousPage}"> prev </a>{/block:PreviousPage}
  490. {block:NextPage}<a href="{NextPage}"> next </a>{/block:NextPage}
  491. </div>    
  492.    
  493.  
  494. </div>
  495.  
  496. <div class="sidebar2">  
  497.  
  498. <div class="sidebarimage2"><img src="{image:Sidebar Image 2}"></div>
  499.  
  500. <div id="navigation">
  501.     <a href="/"> Index </a>
  502.     <a href="/ask"> Message </a>
  503.     {block:IfShowSubmit}<a href="/submit"> Submit </a>{/block:IfShowSubmit}
  504.     {block:IfShowArchive}<a href="/archive"> Archive </a>{/block:IfShowArchive}
  505.     {block:IfShowLink1}<a href="{text:Link 1 url}">{text:Link 1} </a>{/block:IfShowLink1}
  506.     {block:IfShowLink2}<a href="{text:Link 2 url}">{text:Link 2} </a>{/block:IfShowLink2}
  507.     {block:IfShowLink3}<a href="{text:Link 3 url}">{text:Link 3} </a>{/block:IfShowLink3}
  508.     {block:IfShowLink4}<a href="{text:Link 4 url}">{text:Link 4} </a>{/block:IfShowLink4}
  509.     {block:IfShowLink5}<a href="{text:Link 5 url}">{text:Link 5} </a>{/block:IfShowLink5}
  510.     {block:IfShowLink6}<a href="{text:Link 6 url}">{text:Link 6} </a>{/block:IfShowLink6}
  511. </div>
  512.  
  513. </div>
  514.  
  515.  
  516.  
  517.  
  518.  
  519.  
  520.    
  521.    
  522.  
  523.  
  524.     <div class="contentwhole">
  525.  
  526.    
  527.     {block:Posts}
  528.  
  529.  
  530.  
  531.     <div class="content">
  532.    
  533.     <div class="title">  
  534.     {block:Title}
  535.     {Title}
  536.     {/block:Title}
  537.     </div>
  538.     {block:Text}
  539.     {Body}
  540.     {/block:Text}
  541.    
  542.     {block:Photo}
  543.     {LinkOpenTag}{block:if500px}<img src="{PhotoURL-500}">{/block:if500px}
  544. {block:ifnot500px}<img src="{PhotoURL-400}">{/block:ifnot500px}{LinkCloseTag}
  545.     {block:Caption}{Caption}{/block:Caption}
  546.     {/block:Photo}
  547.      
  548.     {block:Photoset}
  549.     {block:if500px}{Photoset-500}{/block:if500px}
  550. {block:ifnot500px}{Photoset-400}{/block:ifnot500px}
  551.     {block:Caption}{Caption}{/block:Caption}
  552.     {/block:Photoset}
  553.    
  554.     {block:Quote}
  555.     <div id="quote">
  556.  
  557.     <center>
  558.     "{Quote}"
  559.     </center>
  560.  
  561.     </div>
  562.     {block:Source}
  563.     <div id="source">
  564.     <center>
  565.     - {Source}
  566.     </center>
  567.     </div>{/block:Source}
  568.     {/block:Quote}
  569.    
  570.     {block:Link}
  571.     <a href="{URL}" target="{Target}" class="title"> {Name} → </a>
  572.     {block:Description}{Description}{/block:Description}
  573.     {/block:Link}
  574.    
  575.     {block:Chat}
  576.     {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  577.  
  578.     {/block:Lines}
  579.     {/block:Chat}
  580.  
  581.  
  582.     {block:Audio}
  583.     {block:AudioPlayer}
  584.         <div class="audiowrapper">
  585.         {block:AlbumArt}
  586.             <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  587.         {/block:AlbumArt}
  588.        
  589.         <div class="playerbuttonbg">
  590.             <div class="newplayerbutton">
  591.                 <div class="playerbuttonhug">
  592.            
  593.                     {AudioPlayerWhite}
  594.            
  595.                 </div>
  596.             </div>
  597.         </div>
  598.        
  599.         <div class="trackdetails">
  600.            
  601.                 {block:TrackName}{TrackName}{/block:TrackName}<br/>
  602.                 {block:Artist} <b>Artist:</b> {Artist}{/block:Artist}<br/>
  603.                 {block:Album} <b>Album:</b> {Album}{/block:Album}<br/>
  604.                 <b>Played:</b> {PlayCount} times
  605.    
  606.         </div>
  607.         </div>
  608.         {/block:AudioPlayer}
  609.    
  610.         {block:Caption}{Caption}{/block:Caption}
  611.     {/block:Audio}
  612.  
  613.     {block:Video}
  614.     {block:if500px}{Video-500}{/block:if500px}
  615. {block:ifnot500px}{Video-400}{/block:ifnot500px}
  616.     {block:Caption}{Caption}{/block:Caption}
  617.     {/block:Video}
  618.    
  619.     {block:Answer}
  620.     <div class="questions"><i><b>{Asker}</b> said:</i><br></span> {Question}
  621.     </div>
  622.     <div class="reply">{Answer}</div>
  623.     {/block:Answer}
  624.  
  625.    
  626.  
  627.    
  628.     </div>
  629.    
  630. <div class="info">
  631.     <i>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</i>
  632.     {block:NoteCount}&nbsp;•&nbsp;<b><a href="{Permalink}"> {NoteCount}</a></b>{/block:NoteCount}
  633.     {block:RebloggedFrom}&nbsp;•&nbsp;<a href="{ReblogParentURL}"> via </a>{/block:RebloggedFrom}
  634.     {block:ContentSource}&nbsp;•&nbsp;<a href="{SourceURL}"> source </a>{/block:ContentSource}
  635.     </div>
  636.  
  637.     <div class="tags">
  638.     {block:IfShowTags}{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}{/block:IfShowTags}
  639.     </div>
  640.    
  641.     {block:PostNotes}{PostNotes}{/block:PostNotes}
  642.        
  643.     {/block:Posts}
  644.     </div>
  645.    
  646. </body>
  647. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top