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

Osprey

By: themesbyjames on Feb 16th, 2012  |  syntax: None  |  size: 16.42 KB  |  hits: 191,487  |  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.  
  3.       .d88888b.   .d8888b.  8888888b.  8888888b.  8888888888 Y88b   d88P
  4.      d88P" "Y88b d88P  Y88b 888   Y88b 888   Y88b 888         Y88b d88P  
  5.      888     888 Y88b.      888    888 888    888 888          Y88o88P  
  6.      888     888  "Y888b.   888   d88P 888   d88P 8888888       Y888P    
  7.      888     888     "Y88b. 8888888P"  8888888P"  888            888    
  8.      888     888       "888 888        888 T88b   888            888    
  9.      Y88b. .d88P Y88b  d88P 888        888  T88b  888            888    
  10.       "Y88888P"   "Y8888P"  888        888   T88b 8888888888     888    
  11.      
  12.        ~ THANK YOU AND CONGRATULATIONS FOR CHOOSING THEMESBYJAMES ~
  13.            THEME CREATED 2012 HTTP://THEMESBYJAMES.TUMBLR.COM
  14.      
  15.      --------------------------------------------------------------- -->
  16.  
  17. <!DOCTYPE HTML><HEAD>
  18. <title>{Title}</title>
  19.  
  20. <!-- DEFAULT VARIABLES -->
  21. <meta name="color:Posts" content="#ffffff"/>
  22. <meta name="color:Text" content="#363636"/>
  23. <meta name="color:Link" content="#5c5c5c"/>
  24. <meta name="color:Hover" content="#A7A7A7"/>
  25. <meta name="color:Background" content="#FFFFFF"/>
  26. <meta name="color:Sidebar" content="#FFF"/>
  27. <meta name="color:Scrollbar" content="#000"/>
  28. <meta name="image:Background" content=""/>
  29. <meta name="image:Sidebar" content=""/>
  30. <meta name="if:Show Sidebar Image" content="0"/>
  31. <meta name="if:Reblog Link On Hover" content="1"/>
  32. <meta name="if:Image Grayscale Hover" content="0"/>
  33. <meta name="if:Entry Shadow" content="1"/>
  34. <meta name="if:Entry Border" content="0"/>
  35. <meta name="if:Show Blog Title" content="1"/>
  36. <meta name="if:Blog Title A" content="0"/>
  37. <meta name="if:Blog Title B" content="1"/>
  38. <meta name="if:Blog Title C" content="0"/>
  39. <meta name="if:Show Default Links" content="1">
  40. <meta name="font:Body" content="Century Gothic"/>
  41. <meta name="text:Link One" content="" />
  42. <meta name="text:Link One Title" content="" />
  43. <meta name="text:Link Two" content="" />
  44. <meta name="text:Link Two Title" content="" />
  45. <meta name="text:Link Three" content="" />
  46. <meta name="text:Link Three Title" content="" />
  47. <meta name="text:Link Four" content="" />
  48. <meta name="text:link Four Title" content="" />
  49. <meta name="text:link Five" content="" />
  50. <meta name="text:link Five Title" content="" />
  51. <link href="http://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet" type="text/css">
  52. <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
  53.  
  54. <style type="text/css">
  55.  
  56. body{
  57. background-color: {color:Background};
  58. background-image:url({image:Background});
  59. background-attachment: fixed;
  60. background-repeat: repeat;
  61. font-size: 12px;
  62. font-family:{font:Body};
  63. line-height:12px;
  64. color:{color:Text};}
  65.  
  66. a:link, a:active, a:visited{
  67. color: {color:Link};
  68. text-decoration: none;
  69. -webkit-transition: all 0.6s ease-out;
  70. -moz-transition: all 0.6s ease-out;
  71. -o-transition: all   0.6s ease-out;
  72. transition: all 0.6s ease-out;}
  73.  
  74. a:hover{
  75. color:{color:Hover};
  76. text-decoration: none;
  77. -webkit-transition: all 0.3s ease-out;
  78. -moz-transition: all 0.3s ease-out;
  79. -o-transition: all   0.3s ease-out;
  80. transition: all 0.3s ease-out;}
  81.  
  82. #install{
  83. top:27px !important;margin: 0 0 0 0;right:6px !important; position:fixed !important;}
  84.  
  85. .pl{list-style:none;padding-top:10px;}
  86.  
  87. #post{width:330px; height:auto;}
  88. {block:PermalinkPage}
  89. float: left; right: 500; margin-right:153px; width: 700px;
  90. {/block:PermalinkPage}}
  91.  
  92. #container{
  93. padding-top:3px;
  94. padding-bottom:3px;
  95. position:fixed !important;
  96. width:330px;
  97. height:207px;
  98. {block:PermalinkPage}
  99. width:500px;
  100. height:207px;
  101. {/block:PermalinkPage}}
  102.  
  103. #sidebar{
  104. position:absolute !important;
  105. position:fixed !important;
  106. top:100px;
  107. padding:5px;
  108. left: 30px;
  109. width:220px;
  110. background-color: {color:Sidebar};}
  111.  
  112. #content{
  113. margin:auto;
  114. left:100px;
  115. top:0px;
  116. padding-top:15px;
  117. padding-left:117px;
  118. position:absolute;
  119. {block:indexpage}
  120. width:880px;
  121. {/block:indexpage}
  122. {block:permalinkpage}
  123. width:1080px;
  124. left:-50px;
  125. {/block:permalinkpage}
  126. overflow:auto;
  127. overflow-y:auto;}
  128.  
  129. #posts{
  130. float:left;
  131. {block:indexpage}
  132. width:750px;
  133. {/block:indexpage}
  134. {block:permalinkpage}
  135. width:700px;
  136. {/block:permalinkpage}
  137. margin-left:68px;}
  138.  
  139. #fade { /*--Transparent background layer--*/
  140. display: none; /*--hidden by default--*/
  141. background: #000;
  142. position: fixed; left: 0; top: 0;
  143. width: 100%; height: 100%;
  144. opacity: .80;
  145. z-index: 9999;}
  146.  
  147.  
  148. #entry{
  149. z-index:9999;
  150. float:right;
  151. width:230px;
  152. height:auto;
  153. padding: 2px;
  154. padding-bottom:0px;
  155. {block:IfEntryShadow}
  156. -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);
  157. -moz-box-shadow:  0px 0px 12px rgba(0, 0, 0, .3);
  158. box-shadow: 0px 0px 12px  rgba(0, 0, 0, .3);
  159. {/block:IfEntryShadow}
  160. {block:IfEntryBorder}
  161. Border: 1px solid black;
  162. /{block:IfEntryBorder}
  163. {block:PermalinkPage}
  164. width: 500px;
  165. {/block:PermalinkPage}
  166. background-color: {color:Posts};
  167. right:500px;
  168. margin-right:10px;
  169. overflow:hidden;
  170. margin-bottom:10px;}
  171.  
  172. #permapage{
  173. font-family: Trebuchet MS;
  174. font-size: 9px;
  175. text-align: left;
  176. padding-bottom:10px;
  177. margin-bottom: 8px;
  178. z-index:9999;}
  179.  
  180. #notes{
  181. {block:permalinkpage}
  182. display:block;
  183. width:700px;
  184. left:-50px;
  185. float: left;
  186. padding:10px;
  187. overflow:visible;
  188. z-index:9999999;
  189. margin-top: 10px;
  190. {block:IfPostShadows}-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.3);
  191. -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
  192. box-shadow: 0px 0px 12px rgba(0,0,0,0.3);{/block:IfPostShadows}
  193. {block:IfNotPostShadows}-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.4);
  194. -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
  195. box-shadow: 0px 0px 0px rgba(0,0,0,0.4);{/block:IfNotPostShadows}
  196. outline:1px solid rgba(0, 0, 0, .1);
  197. border:2px solid rgba(0, 0, 0, .05);
  198. text-align: left;{/block:permalinkpage}}
  199.  
  200. iframe#tumblr_controls {top: 1px !important;margin: 0 0 0 0;right:4px !important;position:fixed !important;}
  201.  
  202. .title{
  203. font-family: Trebuchet MS;
  204. font-size: 13px;
  205. line-height: 12px;
  206. color: {color:Title};
  207. font-weight: normal;
  208. letter-spacing: 0px;
  209. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all   0.6s ease-out;transition: all 0.6s ease-out;}
  210.  
  211. .blogtitle {
  212. {block:ifBlogTitleA}font-family: fromwhere;{/block:ifBlogTitleA}
  213. {block:ifBlogTitleB}font-family:'jennasue';{/block:ifBlogTitleB}
  214. {block:ifBlogTitleC}font-family:'Gloria Hallelujah', cursive;{/block:ifBlogTitleC}
  215. font-style:none;
  216. font-size:35px;
  217. line-height:40px;
  218. line-height:40px;
  219. text-align:center;
  220. -webkit-transition: 0.5s ease-in;
  221. -webkit-text-stroke: 1px transparent;}
  222.  
  223. #blogtitle a:link,
  224. #blogtitle a:visited,
  225. #blogtitle a:hover{
  226. color:{color:Blog Title};}
  227.  
  228. @font-face{font-family:'jennasue';src:url('http://static.tumblr.com/7qdgtio/7qBm5wm8g/jennasue.ttf');}
  229.  
  230. @font-face { font-family:fromwhere;
  231. src: url('http://static.tumblr.com/huallmg/NOjm2hzvp/fromwhereyouare.ttf');
  232. }
  233.  
  234. .title:hover{
  235. color:{color:Hover};
  236. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all   0.3s ease-out;transition: all 0.3s ease-out;}
  237.  
  238. {block:ifReblogLinkOnHover}
  239. {block:IndexPage}
  240. #entry:hover #reblog{
  241. z-index:9999999999999;
  242. margin-left:200px;
  243. margin-top:8px;
  244. opacity:1;-webkit-transition: all 0.3s ease-out;
  245. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  246. {/block:IndexPage}}
  247.  
  248. #reblog{
  249. width:22px;
  250. float:left;
  251. margin-left:200px;
  252. margin-top:0px;
  253. position:absolute;opacity:0;-webkit-transition: all 0.3s ease-out;
  254. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  255. {/block:ifReblogLinkOnHover}
  256.  
  257.  
  258. blockquote{
  259. padding:0px 0px 2px 3px;
  260. margin:0px 0px 2px 1px; }
  261.  
  262. ul, ol, li{
  263. list-style:none;
  264. margin:0px;
  265. padding:0px;}
  266.  
  267.  
  268. {block:ifImagegrayscaleHover}
  269. img{
  270. -webkit-filter: grayscale(0%);
  271. -webkit-transition: all 0.4s linear;
  272. -webkit-transition: all 0.4s linear;
  273. -moz-transition: all 0.2s linear;
  274. transition: all 0.2s linear;}
  275.  
  276. img:hover{
  277. -webkit-filter: grayscale(85%);
  278. -webkit-transition: all 0.6s linear;
  279. -webkit-transition: all 0.6s linear;
  280. -moz-transition: all 0.2s linear;
  281. transition: all 0.2s linear;}
  282.  {/block:ifImagegrayscaleHover}
  283.  
  284. #infscr-loading{
  285. bottom: 3px;
  286. position: absolute;
  287. left: 50%;
  288. margin-left:-8px;
  289. width:16px;
  290. height:11px;
  291. overflow:hidden;
  292. margin-bottom: 50px;}
  293.  
  294. ::-webkit-scrollbar-thumb:vertical {
  295.     background-color:{color:scrollbar};
  296.     height:10px;width:10px;
  297.     -webkit-border-radius:4px;border:2px #fff solid;}
  298.  
  299. ::-webkit-scrollbar-thumb:horizontal {
  300.     background-color:{color:scrollbar};
  301.     height:10px !important;border:2px #fff solid;
  302.     -webkit-border-radius:4px;}
  303. ::-webkit-scrollbar {
  304.     height:10px;
  305.     width:10px;
  306.     background-color:{color:background};
  307.     -webkit-border-radius:4px;}
  308.     </style>
  309.  
  310. <link rel="shortcut icon" href="{Favicon}">
  311. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  312.  
  313. </head>
  314. <body>
  315.  
  316. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  317. <script src="http://static.tumblr.com/6jwx45k/I8Tm6z6an/endlesscode-adon.txt" type="text/javascript">
  318. </script>
  319. <meta name="viewport" content="width=720" />
  320.  
  321. <div align="center">
  322.  
  323. </div>
  324.  
  325. <div id="container">
  326. <div id="content">
  327.  
  328. <div id="sidebar">
  329. {block:ifShowBlogTitle}
  330. <div class="blogtitle">
  331. <a href="/">{Title}</a></div>
  332. {/block:ifShowBlogTitle}
  333. {block:ifShowsidebarimage}
  334. <div style="padding-top:5px; padding-bottom:3px;">
  335. <div align="center">
  336. <a href="/">
  337. <span style="position: relative;">
  338. <img src="{image:sidebar}" width=200 style="
  339. border:0px solid;
  340. border-color:#000000;" /></span></div>
  341. </div>
  342. </a>
  343. {/block:ifShowsidebarimage}
  344.  
  345. <center>
  346. <br>{description}<br>
  347. </center>
  348.  
  349. <center>
  350. {block:ifshowdefaultlinks}
  351. <a href="/">home</a>&nbsp;&nbsp;
  352. <a href="/ask">message</a>&nbsp;&nbsp;
  353. <a href="/submit">submit</a>&nbsp;&nbsp;
  354. <a href="/archive">history</a>&nbsp;&nbsp;{/block:ifshowdefaultlinks}
  355.  
  356. {block:ifLinkOneTitle}
  357. <a href="{text:Link One}" class="link">{text:Link One Title}</a>&nbsp;&nbsp;
  358. {/block:ifLinkOneTitle}
  359.  
  360. {block:ifLinkTwoTitle}
  361. <a href="{text:Link Two}" class="link">{text:Link Two Title}</a>&nbsp;&nbsp;
  362. {/block:ifLinkTwoTitle}
  363.  
  364. {block:ifLinkThreeTitle}
  365. <a href="{text:Link Three}" class="link">{text:Link Three Title}</a>&nbsp;&nbsp;
  366. {/block:ifLinkThreeTitle}
  367.  
  368. {block:ifLinkFourTitle}
  369. <a href="{text:Link Four}" class="link">{text:Link Four Title}</a>&nbsp;&nbsp;
  370. {/block:ifLinkFourTitle}
  371.  
  372. {block:ifLinkFiveTitle}
  373. <a href="{text:Link Five}" class="link">{text:Link Five Title}&nbsp;&nbsp;</a>
  374. {/block:ifLinkFiveTitle}
  375.  
  376. {block:HasPages}{block:Pages}<a href="{URL}" class="link">{Label}</a>&nbsp;&nbsp; {/block:Pages} {/block:HasPages}
  377. <br><br></center>
  378. <div id="pages">
  379.  
  380. <div align="center">
  381. {block:ifNotInfiniteScroll}{block:PreviousPage}<a class="jump_page" href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  382. {block:JumpPagination length="5"}
  383. {block:CurrentPage}<span class="current_page"><i>{PageNumber}</i></span>{/block:CurrentPage}
  384. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  385. {/block:JumpPagination}
  386. {block:NextPage}<a class="jump_page" href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:ifNotInfiniteScroll}
  387. </div></div>
  388. </div>
  389.  
  390. <div align="center">
  391. <div id="posts">
  392.  
  393. {block:Posts}
  394. <div id="entry">
  395.  
  396. {block:Photo}
  397. {block:IndexPage}
  398. {block:ifReblogLinkOnHover}
  399. <div id="reblog"><a href="{ReblogURL}"  target="_blank" title="Reblog"><img src="http://static.tumblr.com/6jwx45k/vh8lzfbvg/themesbyjamesreblog.png" width="22px"/></a></div>
  400. {/block:ifReblogLinkOnHover}
  401. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=230px/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{/block:PermalinkPage}{/block:Photo}
  402.  
  403. {block:Text}<div style="padding-top:15px; padding-bottom:10px; padding-left:10px; padding-right:10px;">
  404. {block:Title}
  405. <a href="{permalink}"><span class="title">{Title}</span></a>
  406. {/block:Title}
  407. <span class="entrytext" style="line-height:12px;">{Body}</span>
  408. <a href="{Permalink}"></a></div>
  409. {block:IndexPage}<div class="otherpostsnotes">
  410. <div align="right"><a href="{Permalink}">+</a></div>
  411. {/block:Date}</div>{/block:IndexPage}
  412. {/block:Text}
  413.  
  414. {block:Link}
  415. <a href="{URL}" class="title">{Name}</a>
  416. {block:Description}{Description}{/block:Description}
  417. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
  418. {block:BlogDescription}<span class="entrytext" style="line-height:12px;">{Description}</span>{/block:BlogDescription}</a>
  419. {block:Caption}<a href="{URL}">{Caption}</a>{/block:Caption}<div style="padding-top:0px; padding-bottom:3px;"></a></div>
  420. {block:IndexPage}<div class="otherpostsnotes">
  421. <div align="right"><a href="{Permalink}">+</a></div>
  422. {/block:Date}</div>{/block:IndexPage}
  423. {/block:Link}
  424.  
  425. {block:Quote}
  426. <div style="padding-top:10px; padding-bottom:10px;">
  427. <span class="title" style="line-height:16px; ">"{Quote}"</span><br><br>
  428. <div style="text-align: right; padding-right:10px;">{block:Source}
  429. -{Source}
  430. {/block:Source}</a></div>{block:IndexPage}<div class="otherpostsnotes"> <br>
  431. {/block:Date}</div>{/block:IndexPage}
  432. </div>
  433. <div align="right"><a href="{Permalink}">+</a></div>
  434. {/block:Quote}
  435.  
  436. {block:Chat}
  437. <div style="padding-top:15px; padding-bottom:10px;">
  438. <a href="{permalink}">{block:Title}<span class="title">{Title}</span>{/block:Title}</a>
  439. <ul class="chat">
  440. {block:Lines}
  441. <li class="user_{UserNumber}">
  442. {block:Label}
  443. <span class="label" style="line-height:12px;">{Label}</span>
  444. {/block:Label}
  445. {Line}
  446. </li>
  447. {/block:Lines}
  448. </ul>
  449. {block:Caption}{Caption}{/block:Caption}
  450. {block:IndexPage}<div class="otherpostsnotes">
  451. </div>{/block:IndexPage}
  452. </div>
  453. <div align="right"><a href="{Permalink}">+</a></div>
  454. {/block:Chat}
  455.  
  456. {block:Audio}
  457. <div class="player">{AudioPlayerWhite}</div>
  458. {block:Caption}{Caption}{/block:Caption}
  459. {block:IndexPage}<div class="otherpostsnotes">
  460. <a href="{permalink}">{FormattedPlayCount}&nbsp;Plays</a>
  461. &nbsp;
  462. {/block:Date}</div>{/block:IndexPage}
  463. <div align="right"><a href="{Permalink}">+</a></div>
  464. {/block:Audio}
  465.  
  466.  
  467. {block:Video}
  468. <div style="padding-top:28px; padding-bottom:8px;">
  469. {Video-250}</div>
  470. <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
  471. {block:IndexPage}<div class="otherpostsnotes">
  472. {/block:Date}</div>{/block:IndexPage}
  473. <div align="right"><a href="{Permalink}">+</a></div>
  474. {/block:Video}
  475.  
  476. {block:PermalinkPage}
  477. <div align="left">
  478. <div class="pl">
  479. {block:Date}
  480. <li>
  481. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">
  482. {DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  483. at {12Hour}:{Minutes}{AmPm} {block:Date}
  484. </li>
  485. <li>
  486. {block:RebloggedFrom}
  487. Reblogged from <a href="{ReblogParentUrl}">{ReblogParentName}</a>.
  488. {/block:RebloggedFrom}
  489. </li>
  490. <li>
  491. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  492. </li>
  493. <li>
  494. {block:HasTags} &middot; {block:Tags}<a href="/{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  495. </li>
  496. <p>
  497. {block:PostNotes}
  498. {PostNotes}
  499. {/block:PostNotes}
  500. {/block:PermalinkPage}
  501. </div>
  502. {/block:Posts}
  503. </div></div></div></center></div></div>
  504. {block:indexpage}
  505. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  506. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  507. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  508. <script type="text/javascript">
  509. $(window).load(function(){
  510. var $wall = $('#posts');
  511. $wall.imagesLoaded(function(){
  512. $wall.masonry({
  513. itemSelector: '#entry, #entry_photo',
  514. isAnimated : false
  515. });
  516. });
  517.  
  518. $wall.infinitescroll({
  519. navSelector    : '#page-nav',
  520. nextSelector   : '#page-nav a',
  521. itemSelector   : '#entry, #entry_photo',
  522. bufferPx       : 2000,
  523. debug          : false,
  524. errorCallback: function() {
  525. $('#infscr-loading').fadeOut('normal');
  526. }},
  527. function( newElements ) {
  528. var $newElems = $( newElements );
  529. $newElems.hide();
  530. $newElems.imagesLoaded(function(){
  531. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  532. });
  533. }); $('#content').show(500);
  534. });
  535. </script>
  536. {/block:indexpage}
  537. <!-- DON'T TOUCH THIS! VIEW MY TERMS AND CONDITIONS FOR LEGAL -->
  538. <!-- http://themesbyjames.tumblr.com/termsconditions -->
  539. <div id="install"><a href="http://themesbyjames.tumblr.com/"><img src="http://static.tumblr.com/2w7y46r/wuvmba8c2/installtheme.png" /></a></div>
  540. </div></div></div></div></div></div></div></div></div></div>
  541. </body></html><!-- END OF THEME -->
create a new version of this paste RAW Paste Data