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

thebeatison11

By: oathscharm on Jun 8th, 2012  |  syntax: None  |  size: 13.45 KB  |  hits: 191  |  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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3.  
  4.  
  5.       the beat is on! @ oathscharm.tumblr.com
  6.  
  7.  
  8.  
  9. -->
  10. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  11. <title>{title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.  
  16.  
  17.         <meta name="color:BG" content=""/>
  18.         <meta name="color:center" content=""/>
  19.         <meta name="color:textcolor" content=""/>
  20.         <meta name="color:link" content=""/>
  21.         <meta name="color:permalink" content=""/>
  22.         <meta name="color:hover" content=""/>
  23.         <meta name="color:sidelinks" content="">
  24.         <meta name="color:sidelinksBG" content="">
  25.         <meta name="color:sidelinkshover" content="">
  26.         <meta name="color:sidelinksBGhover" content="">
  27.         <meta name="image:Background" content="" />
  28.         <meta name="image:sidebackground" content=""/>
  29.         <meta name="if:endlessscrolling" content="1"/>
  30.         <meta name="if:pages" content=""/>
  31.         <meta name="if:biggerposts" content=""/>
  32.         <meta name="if:smallerposts" content="1"/>
  33.         <meta name="if:photocaptions" content=""/>
  34.         <meta name="text:spacebetweenposts" content="15">
  35.         <meta name="text:Blogtitle" content="" />
  36.         <meta name="text:Link1" content="" />
  37.         <meta name="text:Link1URL" content="" />
  38.         <meta name="text:Link2" content="" />
  39.         <meta name="text:Link2URL" content="" />
  40.         <meta name="text:Link3" content="" />
  41.         <meta name="text:Link3URL" content="" />
  42.         <meta name="text:Link4" content="" />
  43.         <meta name="text:Link4URL" content="" />
  44.         <meta name="text:Link5" content="" />
  45.         <meta name="text:Link5URL" content="" />
  46.         <meta name="text:Link6" content="" />
  47.         <meta name="text:Link6URL" content="" />
  48.    
  49.  
  50.    
  51.    
  52. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  53.  
  54.  
  55.  
  56.  
  57.  
  58. <style type="text/css">
  59.  
  60.  
  61. iframe#tumblr_controls {right:3px !important; position: fixed !important; }
  62.  
  63.  
  64. ::-webkit-scrollbar {width: 10px; }
  65. ::-webkit-scrollbar-track-piece {background-color:#ebebeb;}
  66. ::-webkit-scrollbar-thumb:vertical {background-color:#000;
  67. height:100px;}
  68.  
  69.  
  70.  
  71. a{
  72.    color:{color:link};
  73.    text-decoration:none;
  74.    
  75.          -webkit-transition: all .2s ease-in;
  76.          -moz-transition: all 0.2s ease-in;  
  77.          transition: all 0.2s ease;
  78. }
  79.    
  80.  
  81. a:hover{
  82.    color: {color:hover};
  83.    
  84.          -webkit-transition: all .2s ease-in;
  85.          -moz-transition: all 0.2s ease-in;  
  86.          transition: all 0.2s ease;
  87.  
  88.    }
  89.  
  90. .potato { background-color:{color:center};
  91. padding:8px;
  92. margin-top:{text:spacebetweenposts}px;}
  93.  
  94.  
  95. body{
  96.  
  97. margin:0px;
  98. background-color:{color:BG};
  99. background-image: url('{image:Background}');
  100. background-repeat:repeat;
  101. background-position:top right;
  102. background-attachment: fixed;
  103. font-family:consolas;
  104. font-size:10px;
  105. color:{color:textcolor};
  106.  
  107. }
  108.  
  109. div#tittie {text-align:left;font-size:13px;padding:0px 0px 6px 12px;top:250px;width:100%;font-family:arial;text-decoration:underline;text-transform:uppercase;z-index:-1;}
  110.    
  111.   div#baby {
  112.    
  113.     position:fixed;
  114.     background-image:url('{image:sidebackground}');
  115.     background-size:500px 500px;
  116.     background-position:bottom left;
  117.     z-index:-2;
  118.     width:500px;
  119.     height:100%;
  120.     border-radius: 0px 0px 1000px 0px;
  121.     opacity:.5;
  122. }
  123.  
  124.    
  125.    
  126. .sidebarshit{
  127.    
  128.    position:fixed;
  129.    background-color:{color:center};
  130.    padding:30px 80px 30px 30px;
  131.    color:{color:textcolor};
  132.    z-index:52;
  133.    width:200px;
  134.    top:0px;
  135.    left:0px;
  136.    letter-spacing:1px;
  137.    font-size:7.5pt;
  138.    font-family:arial;
  139.    border-radius: 0px 0px 1000px 0px;
  140.     -webkit-transition: all 0.5s ease;
  141.     -moz-transition: all 0.5s ease;  
  142.     -o-transition: all 0.5s ease;
  143. }
  144.  
  145. .sidebarshit:hover {opacity:1; -webkit-transition: all 0.5s ease;
  146.     -moz-transition: all 0.5s ease;  
  147.     -o-transition: all 0.5s ease;}
  148.  
  149. div#glomp{
  150.  
  151.     margin:auto;
  152.     position:relative;
  153.     margin-left:520px;
  154. }
  155.  
  156.     #entry blockquote {
  157. border-left: 2px dotted {color:textcolor};
  158. padding: 1px 1px 1px 4px;
  159. margin-left: 5px;
  160. }
  161.  
  162. #entry h4 {font-size: 10px;padding:5px;margin-top:1px;font-family:century gothic;letter-spacing:2px;text-align:center;
  163. border-left:3px {color:sidelinksBG} solid;
  164. border-right:3px {color:sidelinksBG} solid;
  165. background-color:{color:bg};
  166.  
  167. -webkit-box-shadow: 0 8px 6px -7px black;
  168.        -moz-box-shadow: 0 8px 6px -7px black;
  169.             box-shadow: 0 8px 6px -7px black;}
  170.    
  171. #entry {
  172.     overflow: hidden;
  173.     width:416px;
  174. {block:ifpostBG}background-image: url('{image:postBG}');
  175.     background-color:#000;{/block:ifpostBG}
  176.     {block:ifsmallerposts}width:266px;{/block:ifsmallerposts}
  177.     z-index:1;
  178.     padding:0px 10px 5px 10px;
  179.     }
  180.    
  181.     #entry b, strong {text-transform:uppercase;letter-spacing:1px;}
  182.  
  183. #entry:hover .hair {  
  184.     opacity: 1;
  185.     width:90px;
  186.     padding:2px 0px 2px 0px;
  187.     margin-top:0px;z-index:20;
  188. {block:ifsmallerposts}left:290px;{/block:ifsmallerposts}
  189. {block:ifbiggerposts};left:440px;{/block:ifbiggerposts}
  190.     text-align:left;
  191.     filter:alpha(opacity=1);
  192.     -moz-opacity: 1.0;
  193.     -khtml-opacity: 1.0;
  194.     -webkit-transition: all 0.5s ease;
  195.     -moz-transition: all 0.5s ease;  
  196.     -o-transition: all 0.5s ease;
  197. }
  198.  
  199.  
  200. .hair{
  201.     position:absolute;
  202.     padding:2px 0px 2px 0px;
  203.     text-align:left;
  204.     width:80px;
  205.     left:270px;
  206.     z-index:1;
  207.     margin-top:0px;
  208.     font-family:consolas;
  209.     color:{color:permalink};
  210.     font-size: 10px;
  211.     letter-spacing: 1px;
  212.    -webkit-transition: 0.8s ease-in;
  213.    -moz-transition: 0.8s ease-in;
  214.    -o-transition: 0.8s ease-in;
  215.     opacity:0;
  216.     filter:alpha(opacity=0);
  217.    -moz-opacity: 0;
  218.    -khtml-opacity: 0;
  219.     }
  220.    
  221.     .hair a {
  222.     padding:2px 0px 2px 0px;
  223.     z-index:1;
  224.     margin-top:-8px;
  225.     opacity: 1;
  226.     filter:alpha(opacity=1);
  227.     -moz-opacity: 1;
  228.     -khtml-opacity: 1;
  229. }
  230.      
  231. .neku {
  232.    
  233.     position:fixed;
  234.     width:350px;
  235.     left:120px;
  236.     top:20px;
  237.    
  238.         -webkit-transition: all 0.5s ease;
  239.         -moz-transition: all 0.5s ease;
  240.         -o-transition: all 0.5s ease;}
  241.        
  242.        
  243.        
  244. .neku a{
  245.    
  246.     background-color:{color:sidelinksBG};
  247.     display: inline-block;
  248.     font-size: 8pt;
  249.     color: {color:sidelinks};
  250.     text-transform: uppercase;
  251.     letter-spacing: 1px;
  252.     text-align: center;
  253.     padding: 5px 5px 5px 200px;
  254.  
  255.         -webkit-transition: all 0.5s ease;
  256.         -moz-transition: all 0.5s ease;
  257.         -o-transition: all 0.5s ease;}
  258.  
  259. .neku a:hover{background-color:{color:sidelinksBGhover};color:{color:sidelinkshover};padding-left:220px;}
  260.  
  261. #permashit {border-top:2px solid #000;border-bottom:2px solid #000;margin:20px 0px 20px 0px;;padding:5px;text-align:center;opacity:.8;}
  262.  
  263. #paper {width:100px;text-align:center;font-size:15px;}
  264.  
  265. #paper a {color:{color:link};}
  266. #paper a:hover {color:{color:hover};}
  267.  
  268. #question {padding-bottom:5px;border-bottom:solid {color:textcolor} 2px;}
  269.  
  270.  
  271. </style>
  272.  
  273. </head>
  274.  
  275.  
  276. <body>
  277. <div class="sidebarshit">
  278. <div id="tittie">{text:blogtitle}</div>
  279.  
  280. <p>{Description}</p>
  281.  
  282. {block:ifpages}<div id="paper">
  283. <p>{block:Pagination}
  284.             {block:PreviousPage}
  285.                 <a href="{PreviousPage}"><<</a>
  286.             {/block:PreviousPage}
  287.  
  288. {CurrentPage}/{TotalPages}
  289.  
  290.             {block:NextPage}
  291.                 <a href="{NextPage}">>></a>
  292.             {/block:NextPage}
  293.         {/block:Pagination}
  294. </div>{/block:ifpages}
  295.  
  296. </div>
  297.  
  298.  
  299. <div id="baby"></div>
  300.  
  301. <div class="neku">
  302.  
  303. <a href="/">Home</a>
  304. <a href="/ask">Ask</a>
  305. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:ifLink1}
  306. {block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:ifLink2}
  307. {block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:ifLink3}
  308. {block:ifLink4}<a href="{text:Link4URL}">{text:Link4}</a>{/block:ifLink4}
  309. {block:ifLink5}<a href="{text:Link5URL}">{text:Link5}</a>{/block:ifLink5}
  310. {block:ifLink6}<a href="{text:Link6URL}">{text:Link6}</a>{/block:ifLink6}
  311. <a href="http://oathscharm.tumblr.com">Theme</a>
  312. </div>
  313.  
  314. <div id="glomp">
  315. {block:ifendlessscrolling}<div class="autopagerize_page_element">{/block:ifendlessscrolling}
  316. <div id="space">
  317. {block:Posts}
  318. <div id="entry">
  319. <div class="potato">
  320.  
  321. {block:Text}
  322. <div class="hair"><span class="permalink"><a href="{Permalink}">
  323. <font color={color:permalink}>{TimeAgo}<br>{NoteCount} notes</font></a> {block:HasTags}{block:Tags}<br>#<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>
  324. {block:Title}<div id="poop"><h4>{Title}</h4></div>{/block:Title}</a>
  325. <div id="ok">{Body}</div>
  326. {/block:Text}
  327. {block:Photo}
  328. <div class="hair"><span class="permalink"><a href="{Permalink}">
  329. <font color={color:permalink}>{TimeAgo}<br>{NoteCount} notes</font></a> {block:HasTags}{block:Tags}<br>#<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>
  330. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  331. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  332. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}
  333. {block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:ifsmallerposts}width="250"{/block:ifsmallerposts} {block:ifbiggerposts}width="400"{/block:ifbiggerposts};/></a>
  334.  
  335. {block:ifphotocaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifphotocaptions}
  336.  
  337. {/block:Photo}
  338.  
  339. {block:Photoset}
  340. <div class="hair"><span class="permalink"><a href="{Permalink}">
  341. <font color={color:permalink}>{TimeAgo}<br>{NoteCount} notes</font></a> {block:HasTags}{block:Tags}<br>#<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>
  342. {block:ifsmallerposts}{Photoset-250}{/block:ifsmallerposts}{block:ifbiggerposts}{Photoset-400}{/block:ifbiggerposts}
  343. <p>{block:ifphotocaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifphotocaptions}
  344. {/block:Photoset}
  345. {block:Quote}
  346. <div class="hair"><span class="permalink"><a href="{Permalink}">
  347. <font color={color:permalink}>{TimeAgo}<br>{NoteCount} notes</font></a> {block:HasTags}{block:Tags}<br>#<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>
  348.  
  349. <center>
  350. <h4>"{Quote}"</h4></span></a></font>{/block:NoteCount}
  351. <br></center>
  352. <br>{block:Source}----{Source}{/block:Source}
  353.  
  354.  
  355.  
  356. {/block:Quote}
  357. {block:Link}
  358. <div class="hair"><span class="permalink"><a href="{Permalink}">
  359. <font color={color:permalink}>{TimeAgo}<br>{NoteCount} notes</font></a> {block:HasTags}{block:Tags}<br>#<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>
  360.  
  361. <a href="{URL}"><center><h4>{Name}</h4></center></a>
  362. {block:Description}{Description}{/block:Description}
  363.  
  364.  
  365. {/block:Link}
  366. {block:Chat}
  367.  
  368. <div class="hair"><span class="permalink"><a href="{Permalink}">
  369. <font color={color:permalink}>{TimeAgo}<br>{NoteCount} notes</font></a> {block:HasTags}{block:Tags}<br>#<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>
  370.  
  371. {block:Title}{Title}{/block:Title}
  372. {block:Lines}
  373. <div id="what">
  374. {block:Label}
  375. <b>{Label}</b>
  376. {/block:Label}
  377. {Line}
  378. </div>
  379. {/block:Lines}
  380. {/block:Chat}
  381. {block:Audio}
  382.  
  383. <div class="hair"><span class="permalink"><a href="{Permalink}">
  384. <font color={color:permalink}>{TimeAgo}<br>{NoteCount} notes</font></a> {block:HasTags}{block:Tags}<br>#<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>
  385. {block:AlbumArt}
  386. <img src="{AlbumArtURL}" {block:ifsmallerposts}width="250"{/block:ifsmallerposts}{block:ifbiggerposts}width="400"{/block:ifbiggerposts}>
  387. {/block:AlbumArt}
  388. <p>{AudioPlayerWhite}{block:Caption}<blockquote>{Caption}</blockquote>{/block:Caption}
  389. {/block:Audio}
  390.  
  391. {block:Video}
  392. <div class="hair"><span class="permalink"><a href="{Permalink}">
  393. <font color={color:permalink}>{TimeAgo}<br>{NoteCount} notes</font></a> {block:HasTags}{block:Tags}<br>#<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>
  394. {block:ifsmallerposts}{Video-250}{/block:ifsmallerposts}{block:ifbiggerposts}{Video-400}{/block:ifbiggerposts}
  395. {block:Caption}{Caption}{/block:Caption}
  396. {block:Video}
  397.  
  398. {block:Answer}
  399. <div class="hair"><span class="permalink"><a href="{Permalink}">
  400. <font color={color:permalink}>{TimeAgo}<br>{NoteCount} notes</font></a> {block:HasTags}{block:Tags}<br>#<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>
  401.  
  402. <div id="question">{Asker} said: <b>"{Question}"</b></div>
  403. <br>{Answer}</br>
  404. {/block:Answer}
  405.  
  406.  
  407.  
  408. {block:PermalinkPage}<div id="permashit">
  409. {block:PostNotes}
  410.                <p>{block:HasTags}
  411.                    
  412.                        Tagged as: {block:Tags}
  413.                            
  414.                              <a href="{TagURL}">#{Tag} </a>
  415.                            
  416.                         {/block:Tags}
  417.                    
  418.                 {/block:HasTags}
  419.  
  420.  
  421.  
  422. <p>{block:ContentSource}<br>Via:<a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo} {SourceTitle}{/block:NoSourceLogo}</a> {/block:ContentSource}{block:RebloggedFrom}From: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  423. {PostNotes}
  424. {/block:PostNotes}
  425. {/block:PermalinkPage}
  426.  
  427.  
  428.  
  429. </div>
  430. </div>
  431.  
  432.  
  433.  
  434.  
  435. {/block:Posts}
  436. </div>
  437. {block:ifendlessscrolling}</div>{/block:ifendlessscrolling}
  438. </div>
  439. </div>
  440. </div>
  441. </div>
  442. </body>
  443. </html>
create a new version of this paste RAW Paste Data