API tools faq
paste
Advertisement
thepinkrebellion

the cody simpson theme

thepinkrebellion
Aug 26th, 2012
32
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.31 KB | None | 0 0
raw download clone embed print report
  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">
  3.  
  4. <head>
  5.  
  6. <link href='http://static.tumblr.com/ufntz0t/At5m9d0my/specialtutflyroll.css' rel='stylesheet' type='text/css'>
  7.  
  8.  
  9. <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
  10.  
  11. <script type="text/javascript"
  12. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  13. <script>
  14. $(document).ready(function() {
  15. //
  16. $('a.poplight[href^=#]').click(function() {
  17. var popID = $(this).attr('rel'); //Get Popup Name
  18. var popURL = $(this).attr('href'); //Get Popup href to define size
  19. var query= popURL.split('?');
  20. var dim= query[1].split('&');
  21. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  22. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>');
  23. var popMargTop = ($('#' + popID).height() + 80) / 2;
  24. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  25. //Apply Margin to Popup
  26. $('#' + popID).css({
  27. 'margin-top' : -popMargTop,
  28. 'margin-left' : -popMargLeft
  29. });
  30. $('body').append('<div id="fade"></div>');
  31. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  32. return false;
  33. });
  34. $('a.close, #fade').live('click', function() {
  35. $('#fade , .popup_block').fadeOut(function() {
  36. $('#fade, a.close').remove(); //fade them both out
  37. });
  38. return false;
  39. });
  40. });
  41. </script>
  42.  
  43. <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  44.  
  45. <link href='http://fonts.googleapis.com/css?family=Lekton|Antic' rel='stylesheet' type='text/css'>
  46.  
  47. {block:IndexPage}
  48. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  49. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  50.  
  51. <script type="text/javascript">
  52. $(window).load(function () {
  53. var $content = $('#posts');
  54. $content.masonry({itemSelector: '.entry'}),
  55. $content.infinitescroll({
  56. navSelector : 'div#pagination',
  57. nextSelector : 'div#pagination a#nextPage',
  58. itemSelector : '.entry',
  59. loading: {
  60. finishedMsg: '',
  61. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  62. },
  63. bufferPx : 600,
  64. debug : false,
  65. },
  66. // call masonry as a callback.
  67. function( newElements ) {
  68. var $newElems = $( newElements );
  69. $newElems.hide();
  70. // ensure that images load before adding to masonry layout
  71. $newElems.imagesLoaded(function(){
  72. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  73.  
  74.  
  75. });
  76. });
  77. });
  78. </script>
  79.  
  80.  
  81.  
  82. {/block:IndexPage}
  83.  
  84. <title>{title}</title>
  85.  
  86. <link rel="shortcut icon" href="{Favicon}">
  87. <meta name="viewport" content="width=820" />
  88.  
  89. <script type="text/javascript"
  90. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  91.  
  92. <script type="text/javascript"
  93. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  94.  
  95. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  96.  
  97. <title>{title}</title>
  98.  
  99. <link rel="shortcut icon" href="{Favicon}">
  100. <link rel="alternate" type="application/rss+xml" href="http://rebecaxo.com/rss">
  101.  
  102. <meta name="description" content="{metadescription}" />
  103.  
  104. <meta name="color:Background" content="#eeeeee"/>
  105. <meta name="color:Text" content="#000000"/>
  106. <meta name="color:Hover" content="#5d5d5d"/>
  107. <meta name="color:Link" content="#000000"/>
  108. <meta name="color:Posts Background" content="#ffffff"/>
  109. <meta name="color:Sidebar" content="#ffffff"/>
  110. <meta name="image:Background" content="hhttp://25.media.tumblr.com/tumblr_lylmrxIaPI1qeg9jco1_500.jpg"/>
  111. <meta name="image:Sidebar Background" content="http://24.media.tumblr.com/tumblr_m9cyk7d8O31qeqocso1_400.jpg"/>
  112. <meta name="image:Sidebar" content="http://25.media.tumblr.com/tumblr_m9cr5ho2aA1qg0ippo1_400.jpg"/>
  113. <link href='http://fonts.googleapis.com/css?family=Asap|Share' rel='stylesheet' type='text/css'>
  114. <link href='http://fonts.googleapis.com/css?family=Lekton|Antic' rel='stylesheet' type='text/css'>
  115. </head>
  116.  
  117. <style type="text/css">
  118.  
  119. #tumblr_controls{
  120. position:fixed !important;
  121. }
  122.  
  123. body {
  124. padding: 0px;
  125. margin: 0px;
  126. color:{color:text};
  127. font-family: antic;
  128. font-size: 16px;
  129. line-height:18px;
  130. background-color: {color:Background};
  131. background-image:url({image:Background});
  132. background-attachment: fixed;
  133. background-repeat: repeat
  134. text-align: justify;
  135. }
  136.  
  137. titlee {
  138. font-family: 'Kaushan Script', cursive;
  139. font-size: 24px;
  140. line-height: 28px;
  141. text-transform: uppercase;
  142. text-align: center;
  143. }
  144.  
  145. a:link, a:active, a:visited{
  146. color:{color:link};
  147. text-decoration: none;
  148. -webkit-transition: color 0.4s ease-out;
  149. -moz-transition: color 0.4s ease-out;
  150. }
  151.  
  152. a:hover{
  153. color:{color:Hover};
  154. -webkit-transition: color 0.4s ease-out;
  155. -moz-transition: color 0.4s ease-out;
  156. }
  157.  
  158. .entry {
  159. float:left;
  160. margin:3px;
  161. text-align: justify;
  162. background-color: {color: Posts Background};
  163. padding-top:5px;
  164. padding-left:5px;
  165. padding-right:5px;
  166. padding-bottom:5px;
  167. border:1px solid rgba(0,0,0,0.1);
  168. {block:IndexPage}
  169. width:280px;
  170. -webkit-transition-duration: .8s;
  171. {/block:IndexPage}
  172. {block:PermalinkPage}
  173. width:590px;
  174. {/block:PermalinkPage}
  175. }
  176.  
  177. .entry .perma a{
  178. color: {color:link};
  179. }
  180.  
  181. .entry .perma{
  182. position:absolute;
  183. margin-top: 10%;
  184. margin-left:0px;
  185. width:100px;
  186. padding:0px;
  187. height:25px;
  188. padding-top:2px;
  189. padding-left: 0px;
  190. padding-right: 0px;
  191. padding-bottom:2px;
  192. background-color:#ffffff;
  193. overflow:hidden;
  194. font-size:10px;
  195. line-height:25px;
  196. text-align:center;
  197. font-family: share;
  198. text-transform:uppercase;
  199. opacity:0.0;
  200. color:#ffffff;
  201. border-bottom-right-radius:0px;
  202. border-top-right-radius:0px;
  203. border-top-left-radius:0px;
  204. border-bottom-left-radius:0px;
  205. -webkit-transition: all 0.4s ease-in-out;
  206. -moz-transition: all 0.4s ease-in-out;
  207. transition: all 0.4s ease-in-out;
  208. }
  209.  
  210. .entry:hover .perma{
  211. margin-left:0px;
  212. margin-top: 20%;
  213. padding-top:2px;
  214. padding-bottom:2px;
  215. width:100px;
  216. opacity:0.8;
  217. -webkit-transition: all 0.3s ease-in-out;
  218. -moz-transition: all 0.3s ease-in-out;
  219. transition: all 0.3s ease-in-out;
  220. }
  221.  
  222. .entry:hover .perma:hover{
  223. -webkit-animation: flipInX 0.8s;
  224. -moz-animation: flipInX 0.8s;
  225. -ms-animation: flipInX 0.8s;
  226. opacity: 0.85;
  227. padding-top:2px;
  228. padding-bottom:2px;
  229. height: 25px;
  230. width: 280px;
  231. padding-left: 0px;
  232. padding-right:0px;
  233. }
  234.  
  235. #posts {
  236. width: 605px;
  237. float:center;
  238. margin-left:35%;
  239. padding:3px;
  240. }
  241.  
  242. .textperma{
  243. display: block;
  244. text-transform: lowercase;
  245. text-align: right;
  246. border-right:20px solid rgba(0,0,0,0.1);
  247. padding: 0px;
  248. padding-right:2px;
  249. margin: 2px;
  250. -webkit-transition-duration:0.8s;
  251. }
  252.  
  253. .textperma:hover{
  254. border-right:30px solid rgba(0,0,0,0.2);
  255. -webkit-transition-duration:0.8s;
  256. }
  257. #fade { /*--Transparent background layer--*/
  258. display: none; /*--hidden by default--*/
  259. background: #000;
  260. position: fixed; left: 0; top: 0;
  261. width: 100%; height: 100%;
  262. opacity: .80;
  263. z-index: 9999;
  264. }
  265. .popup_block{
  266. display: none; /*--hidden by default--*/
  267. background: #fff;
  268. padding: 20px;
  269. border: 20px solid #ddd;
  270. float: left;
  271. font-size: 1.2em;
  272. position: fixed;
  273. top: 50%; left: 50%;
  274. z-index: 99999;
  275. /*--CSS3 Box Shadows--*/
  276. -webkit-box-shadow: 0px 0px 20px #000;
  277. -moz-box-shadow: 0px 0px 20px #000;
  278. box-shadow: 0px 0px 20px #000;
  279. /*--CSS3 Rounded Corners--*/
  280. -webkit-border-radius: 10px;
  281. -moz-border-radius: 10px;
  282. border-radius: 10px;
  283. }
  284. img.btn_close {
  285. float: right;
  286. margin: -5px -5px 0 0;
  287. }
  288. /*--Making IE6 Understand Fixed Positioning--*/
  289. *html #fade {
  290. position: absolute;
  291. }
  292. *html .popup_block {
  293. position: absolute;
  294. }
  295.  
  296. div#sidebar {
  297. position: fixed;
  298. background-color: {color:Sidebar};
  299. background-image: {image:Sidebar Background};
  300. width: 250px;
  301. height: auto;
  302. margin-top: 40%;
  303. margin-left: 90px;
  304. -webkit-border-top-left-radius: 20px;
  305. }
  306.  
  307. sidebar:hover{
  308. -webkit-border-top-left-radius: 20px;
  309. -webkit-border-bottom-right-radius: 20px;
  310. -moz-border-radius-topleft: 20px;
  311. -moz-border-radius-bottomright: 20px;
  312. border-top-left-radius: 20px;
  313. border-bottom-right-radius: 20px;
  314. }
  315.  
  316. @font-face {
  317. font-family: zenthemes;
  318. src: url('http://static.tumblr.com/ufntz0t/zIhm9asmc/facebolf.otf');
  319. }
  320.  
  321. faceboook {
  322. font-family: zenthemes;
  323. font-size: 24px;
  324. }
  325.  
  326. </style>
  327. <body>
  328.  
  329. <div id="sidebar">
  330. <center><span class="faceboook">{Title}</span></center><br>
  331. <center> <a href="/"><img src="{image:Sidebar}" width=250px height=auto></a></center><br>
  332. {Description}<br>
  333. <span class="faceboook"><a href="/">home</a> | <a href="#?w=500" rel="03" class="poplight"> message </a> | <a href="#?w=500" rel="04" class="poplight">links <a/> | <a href="http://zenthemes.tumblr.com/">theme by zen</a>
  334. </div>
  335.  
  336.  
  337. <div id="posts">
  338.  
  339. {block:Posts}
  340. <div class="entry">
  341.  
  342. {block:Text}
  343. {block:Title}<span class="titlee">{Title}</span>{/block:Title}
  344. <span class="entrytext">{Body}</span></a>
  345. {block:IndexPage}
  346. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> ☯ <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  347. {/block:IndexPage}
  348. {/block:Text}
  349.  
  350. {block:Link}
  351. <a href="{URL}" class="titlee">{Name}</a>
  352. {block:Description}{Description}{/block:Description}
  353. {block:IndexPage}
  354. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> ☯ <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  355. {/block:IndexPage}
  356. {block:Link}
  357.  
  358. {block:Photo}
  359. {block:IndexPage}{LinkOpenTag}
  360. <div class="perma"><a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a> <a href="{Permalink}">{NotecountWithLabel}</a></div>
  361. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="280"/></a></div>{LinkCloseTag}{/block:IndexPage}
  362. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="590"/></a>{LinkCloseTag}{/block:PermalinkPage}
  363. {/block:Photo}
  364.  
  365. {block:Photoset}{block:IndexPage}
  366. <div class="permalink">
  367. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> / <a href="{permalink}">{TimeAgo}</a></span></div>{/block:IndexPage}<center>{Photoset-400}</center></span>{/block:Photoset}
  368.  
  369. {block:Quote}
  370. <span class="titlee">{Quote}</span><br />
  371. {block:Source}{Source}{/block:Source}
  372. {block:IndexPage}
  373. <br /><div class="textperma"><a href="{Permalink}">{NoteCount}</a> ☯ <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  374. {/block:IndexPage}
  375. {/block:Quote}
  376.  
  377. {block:Chat}
  378. {block:Title}<span class="titlee">{Title}</span>{/block:Title}
  379. <ul class="chat">
  380. {block:Lines}
  381. <li class="user_{UserNumber}">
  382. {block:Label}
  383. <span class="label">{Label}</span>
  384. {/block:Label}
  385.  
  386. {Line}
  387. </li>
  388. {/block:Lines}
  389. </ul>
  390. {block:IndexPage}
  391. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> ☯ <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  392. {/block:IndexPage}
  393. {/block:Chat}
  394.  
  395. {block:Audio}
  396. <center><div style="width:200px; height:20px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:8px; float:right;"><small>
  397. {FormattedPlayCount} plays</small></div></div></center><br>
  398. {block:Caption}{Caption}{/block:Caption}
  399. {block:IndexPage}
  400. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> ☯ <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  401. {/block:IndexPage}
  402. {/block:Audio}
  403.  
  404. {block:Video}{block:IndexPage}
  405. <div class="permalink">
  406. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> / <a href="{permalink}">{TimeAgo}</a></span></div>{/block:IndexPage}
  407. <center>
  408. <div class="videoperma">{Video-400}</div><BR>
  409. {block:Caption}{Caption}</a>{/block:Caption}</center>
  410. {block:Video}
  411.  
  412. {block:PermalinkPage}
  413. <center>
  414. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  415.  
  416. {/block:PermalinkPage}
  417.  
  418. {block:PostNotes}{PostNotes}
  419. {/block:PostNotes}
  420. </div>
  421.  
  422. {/block:Posts}
  423. </div>
  424. </div>
  425. {block:IndexPage}
  426. {block:Pagination}
  427. <div id="pagination">
  428. {block:NextPage}
  429. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  430. {/block:NextPage}
  431. {block:PreviousPage}
  432. <a href="{PreviousPage}">&larr;&nbsp;</a>
  433. {/block:PreviousPage}
  434. </div>
  435. {/block:Pagination}
  436. {/block:IndexPage}
  437. </div>
  438. </body>
  439.  
  440. <div id="03" class="popup_block">
  441.  
  442. <Center><font size="5" color="#1C1C1C"><p></font><iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  443. </center></div>
  444.  
  445. </div></div></div></div></div></div></div></div></div></div>
  446.  
  447. <div id="04" class="popup_block">
  448.  
  449. <Center><font size="5" color="#1C1C1C"><p></font>{block:HasPages}
  450. {block:Pages}
  451. <a href="{URL}">{Label}</a>&nbsp;&nbsp;⋅&nbsp;&nbsp;
  452. {/block:Pages}
  453. {/block:HasPages} | <a href="http://zenthemes.tumblr.com">theme by zenthemes</a>
  454. </center></div>
  455.  
  456. </div></div></div></div></div></div></div></div></div></div>
  457.  
  458. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!