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

Untitled

By: a guest on Aug 12th, 2012  |  syntax: HTML  |  size: 8.48 KB  |  hits: 13  |  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>
  2.  
  3. <head>
  4.  
  5. <!-- Made In Heaven theme by Casey. Please do not remove credit. http://mylifehasbeensaved.tumblr.com -->
  6.  
  7. <!-- Infinite scrolling by Cody Sherman http://codysherman.com/infinite-scrolling -->
  8.  
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  10. <title>{Title}{block:PostTitle} &raquo; {PostTitle}{/block:PostTitle}</title>
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=Patrick+Hand' rel='stylesheet' type='text/css'>
  13.  
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.  
  17. <meta name="if:Infinite Scrolling" content="1"/>
  18. <meta name="if:Show Caption" content="0"/>
  19.  
  20. <meta name="text:Custom Link 1" content="http://"/>
  21. <meta name="text:Custom Link 1 Title" content=""/>
  22. <meta name="text:Custom Link 2" content="http://"/>
  23. <meta name="text:Custom Link 2 Title" content=""/>
  24. <meta name="text:Custom Link 3" content="http://"/>
  25. <meta name="text:Custom Link 3 Title" content=""/>
  26.  
  27. <style type="text/css">
  28.  
  29. body {
  30.     font-size:11px;
  31.     background:#fff;
  32.     font-family:georgia;
  33. }
  34.  
  35. #sidebar {
  36.     width:130px;
  37.     position:fixed;
  38.     top:230px;
  39.     left:250px;
  40.     padding:0px;
  41. }
  42.  
  43. #sidebar img {
  44.     border-radius:64px;
  45.     moz-border-radius:64px;
  46. }
  47.  
  48. #sidebar_image {
  49.     opacity:1;
  50.     filter:alpha(opacity=100);
  51.     transition:0.5s ease-in-out;
  52.     -moz-transition:0.5s ease-in-out;
  53.     -webkit-transition:0.5s ease-in-out;
  54.     margin-bottom:0px;
  55. }
  56.  
  57. #sidebar #description {
  58.     width:0px;
  59.     height:auto;
  60.     margin-top:138px;
  61.     opacity:0;
  62.     filter:alpha(opacity=0);
  63.     transition:0.5s ease-in-out;
  64.     -moz-transition:0.5s ease-in-out;
  65.     -webkit-transition:0.5s ease-in-out;
  66.     position:absolute;
  67.     text-align:center;
  68.     font-size:11px;
  69.     font-family:georgia,serif;
  70.     color:#000;
  71.     padding:2px;
  72. }
  73.  
  74. #sidebar_image:hover #description {
  75.     width:128px;
  76.     opacity:1;
  77.     filter:alpha(opacity=100);
  78. }
  79.  
  80. #sidebar_image:hover {
  81.     opacity:0.8;
  82.     filter:alpha(opacity=80);
  83. }
  84.  
  85. #sidebar a,a:visited,a:active {
  86.     text-decoration:none;
  87.     text-transform:lowercase;
  88.     color:#444;
  89.     transition:0.5s ease-in-out;
  90.     -moz-transition:0.5s ease-in-out;
  91.     -webkit-transition:0.5s ease-in-out;
  92.     padding:0px 5px 0px 5px;
  93. }
  94.  
  95. #sidebar a:hover {
  96.     color:#ddd;
  97. }
  98.  
  99. #header a {
  100.     font-size:26px;
  101.     font-style:italic;
  102. }
  103.  
  104. #content {
  105.     margin-left:450px;
  106.     width:540px;
  107.     margin-top:50px;
  108. }
  109.  
  110. .container {
  111.     width:500px;
  112.     margin-bottom:50px;
  113. }
  114.    
  115.  
  116. #date {
  117.     width:400px;
  118.     height:auto;
  119.     margin-top:-12px;
  120.     opacity:0;
  121.     filter:alpha(opacity=0);
  122.     transition:0.5s ease-in-out;
  123.     -moz-transition:0.5s ease-in-out;
  124.     -webkit-transition:0.5s ease-in-out;
  125.     position:absolute;
  126.     text-align:center;
  127. }
  128.  
  129. .container:hover #date {
  130.     opacity:1;
  131.     filter:alpha(opacity=100);
  132.     width:500px;
  133. }
  134.  
  135. .container a {
  136.     color:#444;
  137.     text-decoration:none;
  138.     transition:0.5s ease-in-out;
  139.     -moz-transition:0.5s ease-in-out;
  140.     -webkit-transition:0.5s ease-in-out;
  141. }
  142.  
  143. .container a:hover {
  144.     color:#ddd;
  145. }
  146.  
  147. #photos {
  148.     padding-bottom:12px;
  149. }
  150.  
  151. blockquote {
  152.     margin-left:10px;
  153.     padding-left:10px;
  154.     border-left:2px solid;
  155. }
  156.  
  157. #title {
  158.     font-size:25px;
  159. }
  160.  
  161. #links {
  162.     padding-bottom:10px;
  163. }
  164.  
  165. #pagination a {
  166.     float:right;
  167.     text-decoration:none;
  168.     color:#444;
  169. }
  170.  
  171. #quotes {
  172.     padding-bottom:10px;
  173. }
  174.  
  175. #tags {
  176.     padding-bottom:5px;
  177. }
  178.  
  179. ul#chats li {
  180.     list-style:none;
  181. }
  182.  
  183. #notes {
  184.     background:rgba(255,255,255,0.4);
  185.     padding:10px;
  186. }
  187.  
  188. #notes a {
  189.     text-decoration:none;
  190.     color:#444;
  191.     transition:0.5s ease-in-out;
  192.     -moz-transition:0.5s ease-in-out;
  193.     -webkit-transition:0.5s ease-in-out;
  194. }
  195.  
  196. #notes a:hover {
  197.     color:#ddd;
  198.  
  199. }
  200.  
  201. #psst {
  202.     margin-left:410px;
  203.     filter:alpha(opacity=0);
  204.     opacity:0;
  205.     -moz-opacity:0;
  206.     transition:0.5s ease-in-out;
  207.     -moz-transition:0.5s ease-in-out;
  208.     -webkit-transition:0.5s ease-in-out;
  209.     position:absolute;
  210. }
  211.  
  212. .container:hover #psst {
  213.     opacity:1;
  214.     filter:alpha(opacity=100);
  215.     -moz-opacity:1;
  216. }
  217.  
  218. </style>
  219.  
  220. {block:IfInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
  221.  
  222. </head>
  223. <body>
  224.  
  225. <div class="autopagerize_page_element">
  226.  
  227. <div id="sidebar">
  228.  
  229. <div id="sidebar_image">
  230.  
  231. <div id="header"><a href="/">{title}</a></div>
  232.  
  233. <div id="description">{Description}{block:IfCustomLink1}<br/><br/>
  234. <a href="{text:Custom Link 1}">{text:Custom Link 1 Title}</a>{/block:IfCustomLink1}
  235. {block:IfCustomLink2}<a href="{text:Custom Link 2}">{text:Custom Link 2 Title}</a>{/block:IfCustomLink2}
  236. {block:IfCustomLink3}<a href="{text:Custom Link 3}">{text:Custom Link 3 Title}</a>{/block:IfCustomLink3}
  237. </div>
  238.  
  239. <img src="{PortraitURL-128}"/>
  240.  
  241. </div>
  242.  
  243. </div>
  244.  
  245. <div id="content">
  246.  
  247. {block:Posts}
  248.  
  249. <div class="container">
  250.  
  251. {block:RebloggedFrom}
  252. <div id="psst">
  253. <a href="{ReblogRootURL}" title="from {ReblogRootName}"><img src="{ReblogRootPortraitURL-30}"/></a><br/><a href="{ReblogParentURL}" title="via {ReblogParentName}">
  254. <img src="{ReblogParentPortraitURL-30}"/></a></div>{/block:RebloggedFrom}
  255.  
  256. {block:Quote}<div id="quotes"><div id="title">
  257. {Quote}
  258. </div>
  259. {block:Source}{Source}{/block:Source}</div>
  260. {/block:Quote}
  261.  
  262. {block:Photo}<div id="photos">
  263. {LinkOpenTag}
  264. <img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0px" />
  265. {LinkCloseTag}
  266. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
  267.     {block:IfNotShowCaption}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:IfNotShowCaption}
  268. </div>
  269. {/block:Photo}
  270.  
  271. {block:Photoset}<div id="photos">
  272. {Photoset-500}
  273. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
  274.     {block:IfNotShowCaption}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:IfNotShowCaption}</div>
  275. {/block:Photoset}
  276.  
  277. {block:Video}
  278. {Video-500}
  279. {block:IfShowCaption}{block:Description}<caption>{Description}</caption>{/block:Description}{/block:IfShowCaption}
  280.     {block:IfNotShowCaption}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:IfNotShowCaption}
  281. {/block:Video}
  282.  
  283. {block:Link}<div id="photos"><div id="links">
  284. <div id="title">
  285. <a href="{URL}" {Target}>{Name}</a>
  286. </div>
  287. {block:IfShowCaption}{block:Description}<caption>{Description}</caption>{/block:Description}{/block:IfShowCaption}
  288. {block:IfNotShowCaption}{block:permalinkpage}{block:Description}<caption>{Description}</caption>{/block:Description}{/block:permalinkpage}{/block:IfNotShowCaption}</div></div>
  289. {/block:Link}
  290.  
  291. {block:Chat}
  292. {block:Title}<div id="title">{Title}</div>{/block:Title}
  293. <ul id="chats">
  294. {block:Lines}
  295. <li>
  296. {block:Label}<b>{Label}</b>
  297. {/block:Label}
  298. {Line}
  299. </li>
  300. {/block:Lines}
  301. </ul>
  302. {/block:Chat}
  303.  
  304. {block:Audio}{AudioPlayerGrey}
  305. {FormattedPlayCount} plays {block:ExternalAudio},
  306. <a href="{ExternalAudioURL}">download</a>
  307. {/block:ExternalAudio}
  308. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
  309.     {block:IfNotShowCaption}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:IfNotShowCaption}
  310. {/block:Audio}
  311.  
  312. {block:Text}
  313. {block:Title}<div id="title">{Title}</div>{/block:Title}
  314. {Body}
  315. {/block:Text}
  316.  
  317. {block:Answer}{Asker} said:<div id="title">
  318. {Question}</div>{Answer}
  319. {/block:Answer}
  320.  
  321. {block:indexpage}
  322.  
  323. <div id="date">
  324.  
  325. <a href="{Permalink}">{block:Date}
  326. {Month} {DayOfMonthWithZero}, {Year}
  327. {/block:Date}
  328. {block:NoteCount}
  329. {NoteCountWithLabel}
  330. {/block:NoteCount}</a><br/>{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  331.  
  332. {/block:indexpage}
  333.  
  334. </div>
  335.  
  336. {block:PostNotes}<div id="notes">
  337. {PostNotes}<br></div>
  338. {/block:PostNotes}
  339.  
  340. </div>
  341.  
  342. {/block:Posts}
  343.  
  344. </div>
  345.  
  346. </div>
  347.  
  348. {block:IfNotInfiniteScrolling}
  349.  
  350. {block:Pagination}<div id="pagination">
  351. {block:PreviousPage}
  352. <a href="{PreviousPage}">Previous</a>
  353. {/block:PreviousPage}
  354.  
  355. {block:JumpPagination length="5"}
  356. {block:CurrentPage}
  357. <span class="current_page">{PageNumber}</span>
  358. {/block:CurrentPage}
  359.  
  360. {block:JumpPage}
  361. <a class="jump_page" href="{URL}">{PageNumber}</a>
  362. {/block:JumpPage}
  363. {/block:JumpPagination}
  364.  
  365. {block:NextPage}
  366. <a href="{NextPage}">Next</a>
  367. {/block:NextPage}</div>
  368. {/block:Pagination}
  369.  
  370. {/block:IfNotInfiniteScrolling}
  371.  
  372. </body>
  373. </html>
create a new version of this paste RAW Paste Data