API tools faq
paste
Ministry

v3 small margins + more rideside gap

Ministry
Nov 30th, 2012
115
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.47 KB | None | 0 0
raw download clone embed print report
  1. <script language="JavaScript">
  2. var ref = (''+document.referrer+'');
  3. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID1934351&e1=Should be following me&e2=Should be following me&r=' + ref + '"><\/script>');
  4. </script>
  5.  
  6.  
  7. <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID1704449&name=Better have followed"></script>
  8.  
  9.  
  10.  
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  12. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  13.  
  14.  
  15.  
  16.  
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head>
  20. <meta name="color:link" content="#000"/>
  21. <meta name="color:hover" content="#CCC"/>
  22. <meta name="color:background" content="#efefef"/>
  23. <meta name="color:posts" content="#ffffff"/>
  24.  
  25. <meta name="image:background image" content="0"/>
  26. <meta name="image:sidebar" content="0"/>
  27.  
  28. <meta name="if:show sidebar image" content="0"/>
  29. <meta name="if:rounded corners" content="0"/>
  30. <meta name="if:faded images" content="0"/>
  31. <meta name="if:show title" content="1"/>
  32. <meta name="if:Sidebar effect" content="1"/>
  33. <meta name="if:Posts effect" content="0"/>
  34. <meta name="if:Sidebar Custom Font" content="1"/>
  35. <meta name="if:One Column" content="0"/>
  36. <meta name="if:Tree Column" content="0"/>
  37. <meta name="if:Photo Hover One" content="1"/>
  38. <meta name="if:Photo Hover Two" content="0"/>
  39. <meta name="if:Photo Hover Tree" content="0"/>
  40.  
  41. <meta name="text:Reblog title" content="reblog"/>
  42. <meta name="text:Blog Title Size" content="50" />
  43. <meta name="text:Link One Title" content="" />
  44. <meta name="text:Link One" content="" />
  45. <meta name="text:Link Two Title" content="" />
  46. <meta name="text:Link Two" content="" />
  47. <meta name="text:Link Three Title" content="" />
  48. <meta name="text:Link Three" content="" />
  49. <meta name="text:Link Four Title" content="" />
  50. <meta name="text:Link Four" content="" />
  51. <meta name="text:Link Five Title" content="" />
  52. <meta name="text:Link Five" content="" />
  53.  
  54. <title>{Title}</title>
  55. <link rel="shortcut icon" href="{https://mail-attachment.googleusercontent.com/attachment/?ui=2&ik=5a4d954b45&view=att&th=13a26249943972e2&attid=0.1&disp=inline&realattid=f_h7uacwh40&safe=1&zw&saduie=AG9B_P8eF_hVUja0MxXKe2rxHQMp&sadet=1349259690413&sads=1YYHUKiZ9lpWsZF1AXNuL2UroPc&sadssc=1}">
  56. {block:Description}
  57. <meta name="description" content="{MetaDescription}"/>
  58. {/block:Description}
  59. <link href="http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="stylesheet">
  60. <link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
  61. <link href='http://fonts.googleapis.com/css?family=Oregano' rel='stylesheet' type='text/css'>
  62. <link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
  63. <link rel="stylesheet" href="http://static.tumblr.com/rsnuc2z/43Wm8h67x/entypo.css">
  64.  
  65. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  66.  
  67. <script>
  68. $(window).load(function(){
  69. $(".loading").hide();
  70. })
  71. $(document).ready(function() {
  72. $('.menu_link').click(function () {
  73. $('.menu_link').removeClass('selected');
  74. $(this).addClass('selected');
  75. });
  76. });
  77. </script>
  78.  
  79. <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
  80.  
  81.  
  82. <!--[if IE]>
  83. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  84. <![endif]-->
  85.  
  86. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/fxpo5zq/XZum5p9k0/standard.css">
  87.  
  88. <style type="text/css">
  89.  
  90. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  91.  
  92.  
  93.  
  94.  
  95. @font-face {font-family: customfont; src: url('http://static.tumblr.com/vilw5yj/ExFm5shl8/vegur-l_0602.otf');
  96. }
  97.  
  98. @font-face {
  99. font-family: "waiting for the sunrise";
  100. src: url('http://static.tumblr.com/6mx2qa1/9B8m9fpd3/waitingforthesunrise.ttf');}
  101.  
  102. iframe#tumblr_controls{position:fixed !important;
  103. }
  104.  
  105.  
  106. html, body, {
  107. {block:ifpixelfont}
  108. font-family: pixie;
  109. font-size: 8px;
  110. letter-spacing:-1px;
  111. {/block:ifpixelfont}
  112.  
  113. {block:ifnotpixelfont}
  114. font-family: helvetica;
  115. font-size: 9px;
  116. {/block:ifnotpixelfont}
  117. }
  118. body {
  119. color: #777;
  120. background:{color:background} url({image:background image});background-attachment: fixed;
  121. line-height:150%;
  122.  
  123. font-family: 'arial', serif;
  124. font-size: 9px;
  125.  
  126. }
  127.  
  128.  
  129.  
  130.  
  131.  
  132. #infscr-loading {
  133. position: absolute;
  134. bottom: 0;
  135. left: 25%;
  136. }
  137. a:link, a:active, a:visited{
  138.  
  139. color: #000;
  140. text-decoration: none;
  141.  
  142. }
  143. a:hover {
  144. color:{color:Hover};
  145.  
  146. text-decoration: none;
  147. }
  148. #content {
  149. width: 900px;
  150. margin-top: 25px;
  151. margin-left: 41%;
  152.  
  153.  
  154.  
  155. }
  156.  
  157. #note3 {
  158. width: 500px;
  159. text-align:left;
  160. }
  161.  
  162. #contain {
  163. height:100%;
  164.  
  165. padding-right:670px; /* M1nistry */
  166. width: 800px;
  167. margin: 0px auto;
  168. position: relative;
  169. }
  170.  
  171. #sidebar {
  172.  
  173.  
  174.  
  175. background-image:url();
  176. {block:ifroundedcorners}-moz-border-radius: 5px;
  177. border-radius: 5px;
  178. {/block:ifroundedcorners}
  179. width: 300px;
  180. position: fixed;
  181. margin-top: 250px;
  182.  
  183. padding: 2px;
  184. margin-left:0px;
  185. {block:ifsidebareffect}
  186. -webkit-animation: fadeInDownBig 2s;
  187. -moz-animation: fadeInDownBig 2s;
  188. -ms-animation: fadeInDownBig 2s;
  189. {/block:ifsidebareffect}
  190.  
  191. }
  192.  
  193.  
  194. #sidebar img {
  195. {block:ifroundedcorners}-moz-border-radius: 5px;
  196. border-radius: 5px;
  197. {block:ifroundedcorners}
  198. display: block;
  199. margin-bottom: 1px;
  200. }
  201. .entry {
  202. {block:ifroundedcorners}-moz-border-radius: 5px;
  203. border-radius: 5px;
  204. {block:ifroundedcorners}
  205. {block:ifsidebarright}
  206. float: right;
  207. {/block:ifsidebarright}
  208. {block:ifnotsidebarright}
  209. float: left;
  210. {/block:ifnotsidebarright}
  211. {block:indexpage}
  212. height: auto;
  213. width: 400px;
  214. {block:iftreecolumn}
  215. width: 280px;
  216. {/block:iftreecolumn}
  217. {block:ifonecolumn}
  218. width: 500px;
  219. {/block:ifonecolumn}
  220. margin: 2px; /* M1nistry */
  221. {/block:indexpage}
  222. {block:permalinkpage}
  223. width: 500px;
  224. margin: 10px;
  225. padding-left:20px;
  226. background-color: #E8E8E8;
  227. padding: 8px;
  228. padding: 5px;
  229. background-color: #ccc;
  230. {/block:permalinkpage}
  231. background-color: #fff;
  232. display: block;
  233. background-color: none;
  234. position: relative;
  235. {block:ifpostseffect}
  236. -webkit-animation: bounceInRight 2s;
  237. -moz-animation: bounceInRight 2s;
  238. -ms-animation: bounceInRight 2s;
  239. {block:ifpostseffect}}
  240. .entry img {
  241. {block:ifroundedcorners}-moz-border-radius: 5px;
  242. border-radius: 5px;
  243. {block:ifroundedcorners}
  244. display: block;
  245. max-width: 100%;
  246. {block:iffadedimages}
  247. opacity:0.8;
  248. filter:alpha(opacity=80);
  249. -webkit-transition: all ease-in 250ms;
  250. -moz-transition: all ease-in 250ms;
  251. -o-transition: all ease-in 250ms;
  252. -ms-transition: all ease-in 250ms;
  253. transition: all ease-in 250ms;
  254. {/block:iffadedimages}
  255. }
  256. .entry:hover img {
  257. {block:iffadedimages}
  258. opacity:1;
  259. filter:alpha(opacity=100);
  260. -webkit-transition: all ease-in 250ms;
  261. -moz-transition: all ease-in 250ms;
  262. -o-transition: all ease-in 250ms;
  263. -ms-transition: all ease-in 250ms;
  264. transition: all ease-in 250ms;
  265. {/block:iffadedimages}
  266.  
  267.  
  268.  
  269. }
  270.  
  271.  
  272. .fred{
  273. padding:2px;
  274. border: 1px solid #D3D3D3;
  275.  
  276. {block:permalinkpage}
  277. dpadding:0px;
  278. border: 0px solid none;
  279. {/block:permalinkpage}}
  280.  
  281.  
  282.  
  283. #pagination{
  284. display:none;
  285. }
  286.  
  287.  
  288.  
  289. .permalink2 {
  290. color: #000000;
  291. padding-top: 0px;
  292. padding-bottom: 0px;
  293. font-size: 10px;
  294. text-align: center;
  295. opacity: 0;
  296. filter: alpha(opacity = 0);
  297. -webkit-transition: all ease-in 250ms;
  298. -moz-transition: all ease-in 250ms;
  299. -o-transition: all ease-in 250ms;
  300. -ms-transition: all ease-in 250ms;
  301. transition: all ease-in 250ms;
  302.  
  303. }
  304.  
  305. blockquote, q {
  306. padding-left:5px;padding-top:7px;
  307. padding-right:5px;padding-bottom:7px;
  308. margin-left:5px; margin-right:5px;
  309. border-left: 2px solid #ccc;
  310. border-right: 2px solid #ccc;
  311. background-color:{color:blockquote};
  312. }
  313.  
  314. .permalink_audio {
  315. margin: auto;
  316. width: 500px;}
  317. .permalink_audio .albumart_box {
  318. float: left;
  319. height: 220px;
  320. margin-right: 30px;
  321. position: relative;
  322. width: 394px;
  323. {block:iftreecolumn}
  324. width: 274px;
  325. {/block:iftreecolumn}
  326. {block:ifonecolumn}
  327. width: 500px;
  328. {/block:ifonecolumn}}
  329. .permalink_audio .albumart_box .albumart {
  330. position:absolute;
  331. width: 395px;
  332. {block:iftreecolumn}
  333. width: 274px;
  334. {/block:iftreecolumn}
  335. {block:ifonecolumn}
  336. width: 500px;
  337. {/block:ifonecolumn}}
  338. .permalink_audio .albumart_box .albumart img {
  339. display:block}
  340. .permalink_audio .no_albumart {
  341. border: 2px dashed rgba(0, 0, 0, 0.07);
  342. color: rgba(0, 0, 0, 0.07);
  343. font-size: 14px;
  344. font-weight: bold;
  345. height: 111px;
  346. letter-spacing: -1px;
  347. line-height: 14px;
  348. padding: 105px 0 0;
  349. text-align: center;
  350. text-transform: lowercase;
  351. width: 394px;
  352. {block:iftreecolumn}
  353. width: 280px;
  354. {/block:iftreecolumn}
  355. {block:ifonecolumn}
  356. width: 500px;
  357. {/block:ifonecolumn}}
  358. .permalink_audio .audio_player_perma {
  359. background: none repeat scroll 0 0 black;
  360. border-right: 224px solid black;
  361. float: center;
  362. height: 30px;
  363. margin: 89px 0 0 -15px;
  364. opacity: 0.7;
  365. overflow: hidden;
  366. padding: 7px 10px 4px;
  367. position: relative;
  368. width: 21px;
  369. z-index: 999;}
  370. .permalink_audio .audio_player_perma_art {
  371. background: none repeat scroll 0 0 black;
  372. border-right: 370px solid black;
  373. float: center;
  374. height: 30px;
  375. margin: 89px 0 0 -161px;
  376. opacity: 0.7;
  377. overflow: hidden;
  378. padding: 7px 10px 4px;
  379. position: relative;
  380. width: 21px;
  381. z-index: 999;}
  382. .permalink_audio .audio_info {
  383. border-left: 1px solid rgba(0, 0, 0, 0.07);
  384. color: rgba(0, 0, 0, 0.7);
  385. float: center;
  386. font-weight: bold;
  387. height: 84px;
  388. line-height: 18px;
  389. list-style: none outside none;
  390. margin: 0;
  391. padding: 8px 0 0 15px;
  392. width: 394px;
  393. {block:iftreecolumn}
  394. width: 274px;
  395. {/block:iftreecolumn}
  396. {block:ifonecolumn}
  397. width: 500px;
  398. {/block:ifonecolumn}
  399. {block:ifonecolumn}
  400. width: 500px;
  401. {/block:ifonecolumn}}
  402. .permalink_audio .audio_info li {}
  403.  
  404. .album{
  405. margin:0;
  406. height:28px;}
  407. .albumart{
  408. margin:0;
  409. min-height:height:28px;;
  410. width: 500px;}
  411. .albumart img{
  412. height: auto;
  413. max-width: 500px !important;
  414. width: 394px;
  415. {block:iftreecolumn}
  416. width: 274px;
  417. {/block:iftreecolumn}
  418. {block:ifonecolumn}
  419. width: 494px;
  420. {/block:ifonecolumn}}
  421. .audio{
  422. background: none repeat scroll 0 0 black;
  423. border-left: 45px solid black;
  424. border-right: 45px solid black;
  425. float: left;
  426. height: 27px;
  427. margin: -39px 0 0;
  428. opacity: 0.8;
  429. overflow: hidden;
  430. padding: 5px 0 4px;
  431. position: absolute;
  432. width: 27px;}
  433. .plays{
  434. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
  435. color: white;
  436. font-size: 9px;
  437. font-weight: bold;
  438. height: 11px;
  439. margin: -39px 0 0 117px;
  440. padding: 15px 15px 10px;
  441. position: absolute;
  442. text-align: right;
  443. text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
  444. text-transform: uppercase;
  445. width: 247px;
  446. {block:iftreecolumn}
  447. width: 127px;
  448. {/block:iftreecolumn}
  449. {block:ifonecolumn}
  450. width: 347px;
  451. {/block:ifonecolumn}
  452. }
  453.  
  454. .plays1{
  455. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
  456. color: white;
  457. font-size: 9px;
  458. font-weight: bold;
  459. height: 11px;
  460. margin: -39px 0 0 117px;
  461. padding: 15px 15px 10px;
  462. position: absolute;
  463. text-align: right;
  464. text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
  465. text-transform: uppercase;
  466. width: 347px;}
  467.  
  468. .entry .permalink{
  469. position:absolute;
  470. width:400px;
  471. {block:iftreecolumn}
  472. width: 280px;
  473. {/block:iftreecolumn}
  474. {block:ifonecolumn}
  475. width: 500px;
  476. {/block:ifonecolumn}
  477. height:25px;
  478. padding-top:11px;
  479. background:{color:background};
  480. overflow:hidden;
  481. font-family: helvetica;
  482. text-transform: uppercase;
  483. font-size: 12px;
  484. line-height:14px;
  485. text-align:center;
  486. padding-right: 0px;
  487. opacity:0.0;
  488. -webkit-transition: all 0.4s linear;
  489. -moz-transition: all 0.4s linear;
  490. transition: all 0.4s linear;
  491. margin-left: 1px;
  492. }
  493.  
  494. .entry:hover .permalink{
  495. overflow:visible;
  496. opacity 0.5s linear; opacity: 0.8;
  497. -webkit-transition: all 0.4s linear;
  498. -moz-transition: all 0.4s linear;
  499. transition: all 0.4s linear;
  500. margin-left: 0px;
  501. width: 400px;
  502. {block:iftreecolumn}
  503. width: 280px;
  504. {/block:iftreecolumn}
  505. {block:ifonecolumn}
  506. width: 500px;
  507. {/block:ifonecolumn}
  508. height: 25px;
  509. top: 15px;
  510. border-bottom-right-radius:0px;
  511. border-top-right-radius:0px;
  512. border-top-left-radius:0px;
  513. border-bottom-left-radius:0px;}
  514.  
  515.  
  516. ol.notes {
  517. padding: 0;
  518. margin: 0;
  519. list-style-type: none;
  520. display:none;}
  521. ol.notes li.note {
  522. padding: 2px;
  523. float:left;}
  524. ol.notes li.note img.avatar {
  525. vertical-align: -4px;
  526. width: 22px;
  527. height: 22px;}
  528. ol.notes li.note span.action {
  529. font-weight:normal;
  530. display:none;}
  531. ol.notes li.note .answer_content {
  532. font-weight: normal;
  533. display:none;}
  534. ol.notes li.note blockquote {
  535. padding: 5px 11px;
  536. margin: 10px 0px 0px 0px;
  537. display:none;}
  538. ol.notes li.note blockquote a {
  539. text-decoration: none;
  540. display:none;}
  541. ol.notes more_notes_link_container{
  542. text-align:center;
  543. height:14px;
  544. padding:3px;
  545. width:104px;
  546. margin:1px;
  547. font-family:'Gloria Hallelujah';
  548. font-size: 10px;
  549. background-color:rgba(0,0,0,0.1);}
  550. ol.notes more_notes_link_container:hover{
  551. background-color:rgba(0,0,0,0);}
  552.  
  553.  
  554.  
  555.  
  556.  
  557. .label {
  558. text-transform:uppercase;
  559. color:{color:Link}
  560. }
  561.  
  562. .question {
  563. text-align:left;
  564. padding-left:5px;padding-top:7px;
  565. padding-right:5px;padding-bottom:7px;
  566. border-left: 2px solid {color:Link};
  567. border-right: 2px solid {color:Link};
  568. background-color:{color:blockquote};
  569. }
  570.  
  571. .answer {
  572. text-align:left;
  573. padding-left:5px;padding-top:7px;
  574. padding-right:5px;padding-bottom:7px;
  575. }
  576.  
  577. .text {
  578. padding: 10px;
  579. }
  580.  
  581. .entry:hover .permalink2 {
  582. opacity: 1;
  583. filter: alpha(opacity = 100);
  584. -webkit-transition: all ease-in 250ms;
  585. -moz-transition: all ease-in 250ms;
  586. -o-transition: all ease-in 250ms;
  587. -ms-transition: all ease-in 250ms;
  588. transition: all ease-in 250ms;
  589. }
  590.  
  591. #pp {
  592. text-align: center;
  593. width: 100%;
  594. padding-top: 2px;
  595. }
  596.  
  597. #notes {
  598. float: left;
  599. margin-top: 0px;
  600. padding: 10px 195px 3px 3px;
  601. width: 500px;
  602.  
  603. {block:ifDarkLinenBackground}
  604.  
  605. {/block:ifDarkLinenBackground}
  606. {block:IfNotPostBorders}
  607. padding: 10px 195px 10px 5px;
  608. -moz-border-radius-bottomright: 3px;
  609. -moz-border-radius-bottomleft: 3px;
  610. border-bottom-right-radius: 3px;
  611. border-bottom-left-radius: 3px;
  612. {/block:IfNotPostBorders}}
  613.  
  614. .notes_button{
  615. color:{color:Link};
  616. -webkit-transition-property:color, text;
  617. -webkit-transition-duration: .2s, .2s;
  618. -webkit-transition-timing-function: linear, ease-in;
  619.  
  620. -moz-transition-property:color, text;
  621. -moz-transition-duration:.2s;
  622. -moz-transition-timing-function: linear, ease-in;
  623.  
  624. -o-transition-property:color, text;
  625. -o-transition-duration:.2s;
  626. -o-transition-timing-function: linear, ease-in;}
  627.  
  628. .notes_button:hover{
  629. color:{color:Link Hover};
  630. cursor:pointer;
  631. -webkit-transition-property:color, text;
  632. -webkit-transition-duration: .2s, .2s;
  633. -webkit-transition-timing-function: linear, ease-in;
  634.  
  635. -moz-transition-property:color, text;
  636. -moz-transition-duration:.2s;
  637. -moz-transition-timing-function: linear, ease-in;
  638.  
  639. -o-transition-property:color, text;
  640. -o-transition-duration:.2s;
  641. -o-transition-timing-function: linear, ease-in;}
  642.  
  643.  
  644. .FredHover {
  645. opacity: 0.0;
  646. filter: alpha(opacity = 0);
  647. width:400px;
  648. {block:iftreecolumn}
  649. width: 280px;
  650. {/block:iftreecolumn}
  651. {block:ifonecolumn}
  652. width: 500px;
  653. {/block:ifonecolumn}
  654. height: 100%;
  655. text-align: center;
  656. z-index:10;
  657. font-size: 14px;
  658. position: absolute;
  659. background-color:rgba(0,0,0,0.4);
  660. box-shadow: 0 0 40px rgba(0, 0, 0, 0.9) inset;
  661. background: url(http://static.tumblr.com/6jwx45k/Q7Im4o4bw/coverthenight.png);
  662. -webkit-transition: all 0.5s linear;
  663. -moz-transition: all 0.5s linear;
  664. transition: all 0.5s linear;}
  665.  
  666. .entry:hover .FredHover {
  667. -webkit-transition: opacity 0.4s linear;
  668. opacity: 1.0;
  669. -moz-transition: all 0.4s linear;
  670. transition: all 0.4s linear;
  671. filter: alpha(opacity = 100);}
  672.  
  673. .b {
  674. font-family: {font:Body};
  675. font-size: {text:Font Size}px;
  676. text-align: right;
  677. text-transform:uppercase;
  678. margin-bottom: 1px;
  679. padding-top: 5px;
  680. padding-right:2px;
  681. -webkit-transition: opacity 0.7s linear;
  682. -webkit-transition: all 0.7s ease-in-out;
  683. -moz-transition: all 0.7s ease-in-out;
  684. -o-transition: all 0.7s ease-in-out;}
  685.  
  686. .b:hover{margin-right:30px;
  687. -webkit-transition: opacity 0.7s linear;
  688. -webkit-transition: all 0.7s ease-in-out;
  689. -moz-transition: all 0.7s ease-in-out;
  690. -o-transition: all 0.7s ease-in-out;}
  691.  
  692. .FredHover a{
  693. color: #FFF;
  694. padding: 5px;
  695. font-size: 32px;}
  696.  
  697.  
  698. .FredHover p{
  699. top:-40px;
  700. position: absolute;
  701. text-align: center;
  702. width: 100%;
  703. line-height: 20px;
  704. margin-top: 43%;
  705. {block:iftreecolumn}
  706. margin-top: 38%;
  707. {/block:iftreecolumn}
  708. text-transform:uppercase;}
  709.  
  710.  
  711.  
  712. a.FredNotes { font-family: 'Six Caps',sans-serif;
  713. font-size: 90px;
  714. height: 80px;
  715. line-height: 74px;
  716. margin: 0;
  717. text-align: center;
  718. text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
  719. color: #FFF;}
  720.  
  721. a.FredReblog { font-size: 14px; line-height: 14px;text-transform:uppercase; border-top: 1px solid #D3D3D3; letter-spacing: 3px; font-weight: bold;}
  722.  
  723. a.FredLike { font-size: 14px; line-height: 14px;text-transform:uppercase; border-top: 1px solid #D3D3D3; letter-spacing: 3px; font-weight: bold;}
  724.  
  725. .FredLike:hover{font-size: 14px; line-height: 14px;text-transform:uppercase; border-top: 1px solid #D3D3D3; letter-spacing: 3px; font-weight: bold; color: #FF0000; -webkit-transition: opacity 0.8s linear;
  726. opacity: 0.8;
  727. -webkit-transition: all .5s ease;
  728. -moz-transition: all .5s ease;
  729. -o-transition: all .5s ease;
  730. transition: all .5s ease;}
  731.  
  732. .FredHoverOne {
  733.  
  734. opacity: 0.0;
  735. filter: alpha(opacity = 0);
  736. margin: 0px !important;
  737. font-size: 9px;
  738. position: absolute;
  739. z-index: 99;
  740. margin-top: 16px;
  741. width: 0px;
  742. height: 0px;
  743. color: ;
  744. }
  745. .entry:hover .FredHoverOne {
  746. -webkit-transition: opacity 0.4s linear;
  747. opacity: 1;
  748. -moz-transition: all 0.4s linear;
  749. transition: all 0.4s linear;
  750. filter: alpha(opacity = 100);
  751. }
  752.  
  753. .likep {
  754. width: 21px;
  755. height: 20px;
  756. overflow: hidden;
  757. position: relative;
  758. z-index: 99;
  759. position: absolute;
  760. margin-left: 5px;
  761. margin-left: 0px;
  762. margin-top: 5px;
  763. }
  764.  
  765. .FredReblogOne {
  766. width: 60px;
  767. height: 20px;
  768. overflow: hidden;
  769. position: relative;
  770. z-index: 99;
  771. position: absolute;
  772. margin-left: 29px;
  773. margin-left: 0px;
  774. margin-top: 5px;
  775. }
  776.  
  777. .likep a:hover {
  778. background-position: 0px 0px;
  779. }
  780.  
  781. .likep a {
  782. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  783. background-position: 0px 0px;
  784. display: block;
  785. z-index: 9999999;
  786. webkit-transition: all 0s linear;
  787. -webkit-transition: all 0s linear;
  788. -moz-transition: all 0s linear;
  789. transition: all 0s linear;
  790. }
  791.  
  792. .likep img {
  793. width: 21px;
  794. height: 20px;
  795. webkit-transition: all 0.2s linear;
  796. -webkit-transition: all 0.2s linear;
  797. -moz-transition: all 0.2s linear;
  798. transition: all 0.2s linear;
  799. }
  800.  
  801. .FredReblogOne img{
  802. width: 60px;
  803. height: 20px;
  804. line-height: 30px;
  805. display: inline;
  806. }
  807.  
  808.  
  809. .FredNotesOne {
  810. position: absolute;
  811. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  812. height: 20px;
  813. font-size: 11px;
  814. line-height: 20px;
  815. color: #fff;
  816. position: absolute;
  817. margin-left: 0px;
  818. padding-left: 4px;
  819. padding-right: 4px;
  820. -moz-border-radius: 2px;
  821. border-radius: 2px;
  822. margin-top: 5px;
  823. }
  824.  
  825. .FredNotesOne a{
  826. color: #fff;
  827. font-weight: bold;
  828. font-family: 'Gloria Hallelujah', cursive;
  829. }
  830.  
  831. .entry:hover .FredNotesOne{
  832. -webkit-transition: opacity 0.8s linear;
  833. opacity: 0.8;
  834. -webkit-transition: all .5s ease;
  835. -moz-transition: all .5s ease;
  836. -o-transition: all .5s ease;
  837. transition: all .5s ease;
  838. margin-left: 92.5px;
  839. }
  840.  
  841. .entry:hover .FredReblogOne{-webkit-transition: opacity 0.8s linear;
  842. opacity: 0.8;
  843. -webkit-transition: all .5s ease;
  844. -moz-transition: all .5s ease;
  845. -o-transition: all .5s ease;
  846. transition: all .5s ease;
  847. margin-left: 29.5px; }
  848.  
  849. .entry:hover .likep { -webkit-transition: opacity 0.8s linear;
  850. opacity: 0.8;
  851. -webkit-transition: all .5s ease;
  852. -moz-transition: all .5s ease;
  853. -o-transition: all .5s ease;
  854. transition: all .5s ease;
  855. margin-left: 5.5px;}
  856.  
  857. .permahover {
  858. text-align: center;
  859. opacity: 0.0;
  860. filter: alpha(opacity = 0);
  861. font-size: 9px;
  862. text-transform: uppercase;
  863. -webkit-transition: all 0.3s ease-out;
  864. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  865. }
  866.  
  867. .entry:hover .permahover {
  868.  
  869. opacity: 1;
  870. filter: alpha(opacity = 50);
  871. -webkit-transition: all 0.3s ease-out;
  872. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  873. }
  874.  
  875. #newHeader {
  876. padding-bottom: 2px;
  877. text-align: left;
  878.  
  879. }
  880.  
  881.  
  882.  
  883.  
  884.  
  885.  
  886. asker{color:{color:Link};font-weight:bold;}
  887. .quest{
  888. font-size:0.7em;
  889. {block:IndexPage}
  890. width: 340px;
  891. {block:If2Columns}width: 190px;{/block:If2Columns}
  892. {block:If3Columns}width: 140px;{/block:If3Columns}
  893. {/block:IndexPage}
  894. {block:PermalinkPage}width: 340px;{/block:PermalinkPage}
  895. }
  896. .askAnswer{margin-top:50px;}
  897.  
  898. .links1{
  899. position:fixed;
  900. top: 26px;
  901. right:2px;
  902. z-index: 1000;
  903. text-align: right;
  904. }
  905.  
  906.  
  907. .textlink{
  908. font-family:'waiting for the sunrise';
  909. font-size: 18px;
  910. text-align: center;
  911. padding-bottom: 10px;
  912. padding-top: 30px;
  913. text-transform: uppercase;
  914. }
  915.  
  916. .entry:hover .textlink {
  917.  
  918. text-shadow: -4px 0px #dedede, 4px 0px #dedede;
  919. -webkit-transition: all .6s ease;
  920. -moz-transition: all .6s ease;
  921. -o-transition: all .6s ease;
  922. transition: all .6s ease; }
  923.  
  924. .themelink{
  925. color:#B22222;
  926. }
  927.  
  928. #permapagenotesbox{
  929. font-family: 'Open Sans';
  930. font-size: 11px;
  931. text-align: left;
  932. padding:10px;
  933. z-index:9999;
  934. width:265px;
  935. top:-13px;
  936. right:-283px;
  937. position: absolute;}
  938.  
  939. .my-like {
  940. background-image: url(http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png) !important;
  941. height:21px;
  942. width:21px;
  943. cursor:pointer;
  944. display:inline-block;
  945. vertical-align:top;
  946. -webkit-transition: all ease-in 250ms;
  947. -moz-transition: all ease-in 250ms;
  948. -o-transition: all ease-in 250ms;
  949. -ms-transition: all ease-in 250ms;
  950. transition: all ease-in 250ms;
  951. }
  952. .my-liked, .my-like:hover {
  953. background-image: url(http://assets.tumblr.com/images/iframe_like_active_alpha.png) !important;
  954. height:21px;
  955. width:21px;
  956. cursor:pointer;
  957. display:inline-block;
  958. vertical-align:top;
  959. -webkit-transition: all ease-in 250ms;
  960. -moz-transition: all ease-in 250ms;
  961. -o-transition: all ease-in 250ms;
  962. -ms-transition: all ease-in 250ms;
  963. transition: all ease-in 250ms;
  964. }
  965.  
  966.  
  967. </style>
  968.  
  969. <script type="text/javascript">
  970. $(window).load(function(){
  971. $("p").remove(":contains('Source:')");
  972. $("p").remove(":contains('via ')");
  973. });
  974. </script>
  975.  
  976.  
  977.  
  978. <script type="text/javascript">
  979.  
  980. var _gaq = _gaq || [];
  981. _gaq.push(['_setAccount', 'UA-35309147-1']);
  982. _gaq.push(['_trackPageview']);
  983.  
  984. (function() {
  985. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  986. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  987. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  988. })();
  989.  
  990. </script>
  991. </head>
  992. <body>
  993. <div id="contain">
  994.  
  995.  
  996.  
  997. <div id="sidebar">
  998.  
  999.  
  1000.  
  1001. {block:ifshowsidebarimage}<div style="margin-left: 42px;"><a href="/"><img src="{image:sidebar}" width="210"/></a></div>{/block:ifshowsidebarimage}
  1002. {block:ifshowtitle}
  1003. <div style="font-family:'waiting for the sunrise'; text-align: center; font-size: {text:Blog Title Size}px;">
  1004. <a href="/"><i>{title}</i></a><br></div>{/block:ifshowtitle}
  1005.  
  1006. <div style="
  1007.  
  1008.  
  1009. font-family: helvetica;
  1010. font-size: 9px;
  1011. line-height: 100%; color:#777; text-transform: none; width:200px;padding-top:10px; padding-left:3px;text-align: center; margin-left: 50px;">
  1012.  
  1013. {Description}
  1014.  
  1015. </div>
  1016.  
  1017.  
  1018. <div style="
  1019. font-family:{block:ifsidebarcustomfont} 'Gloria Hallelujah' {/block:ifsidebarcustomfont} {block:ifNotsidebarcustomfont} ' helvetica ' {/block:ifNotsidebarcustomfont};
  1020. font-size: 13px;
  1021.  
  1022. line-height: 11px; text-align:center; margin-top: 17px;">
  1023.  
  1024. <a href="/">home //</a>
  1025. {block:IfLinkOneTitle}<a href="{text:Link One}"> {text:Link One Title} </a> // {/block:ifLinkOneTitle}
  1026. {block:ifLinkTwoTitle}<a href="{text:Link Two}"> {text:Link Two Title} </a> {/block:ifLinkTwoTitle}
  1027. <br><br>
  1028. {block:ifLinkThreeTitle}<a href="{text:Link Three}"> {text:Link Three Title} </a> // {/block:ifLinkThreeTitle}
  1029. {block:ifLinkFourTitle}<a href="{text:Link Four}">{text:Link Four Title} </a> // {/block:ifLinkFourTitle}
  1030. {block:ifLinkFiveTitle}<a href="{text:Link Five}">{text:Link Five Title} </a> // {/block:ifLinkFiveTitle}
  1031.  
  1032.  
  1033.  
  1034.  
  1035. </div>
  1036.  
  1037.  
  1038.  
  1039. </div>
  1040.  
  1041.  
  1042.  
  1043. <div id="content">
  1044. {block:Posts}
  1045. <div class="entry">
  1046.  
  1047. {block:Text}
  1048. <div class="fred">
  1049. <div class="textlink">{block:Title}
  1050. <a href="{Permalink}"><b>{Title}</b></a>
  1051. {/block:Title}</div>
  1052. <center><b>{Body}</b></center>
  1053. {block:indexpage}
  1054. <div class="permahover"><p><br><i><a href="{permalink}">{NoteCountWithLabel}</a> // <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">like</a> // <a href="{ReblogURL}" target="_blank">reblog</a></p></i></div>
  1055. {/block:indexpage}
  1056.  
  1057. </div>
  1058.  
  1059. {/block:Text}
  1060.  
  1061. {block:Photo}
  1062. {block:IndexPage}
  1063. {block:Ifphotohoverone}
  1064. <div class="FredHover">
  1065. <p><a class="FredNotes" href="{permalink}">{NoteCount}</a><br />
  1066.  
  1067. <br /> <a id="like{PostID}" class="FredLike" href="javascript:likelink('{PostID}','{Permalink}','');"><i>like</i></a> <a class="FredReblog" href="{ReblogURL}" target="_blank"><i>{text:Reblog title}</i></a> </p>
  1068. </div>{/block:Ifphotohoverone}
  1069. {block:Ifphotohovertwo}
  1070. <div class="FredHoverOne"><div class="likep"><div class="my-like" a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this on Tumblr. To unlike, visit the permalink of this post" id="likeimage{PostID}"/></a></div>
  1071.  
  1072. </div> <div class="FredReblogOne"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/cmfgg6m/gdxlv7vdr/iframe_reblog_alpha.png" /></a></div>
  1073.  
  1074. <div class="FredNotesOne"><a href="{Permalink}">{NoteCount}</a></div></div>
  1075. {/block:Ifphotohovertwo}
  1076. {block:Ifphotohovertree}
  1077. <div class="permalink">
  1078. <a href="{permalink}">{NoteCountWithLabel}</a> • <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">like</a> • <a href="{ReblogURL}" target="_blank">{text:Reblog title}</a> </div>
  1079. {/block:Ifphotohovertree}
  1080. {/block:IndexPage}
  1081. {block:indexpage}
  1082. {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}</a>
  1083. {/block:indexpage}
  1084. {block:permalinkpage}
  1085. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}
  1086. {/block:permalinkpage}
  1087.  
  1088. {/block:Photo}
  1089.  
  1090. {block:Photoset}
  1091. <div class="fred">
  1092. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  1093. {block:IndexPage}
  1094. <div class="permalink">
  1095. <a href="{permalink}">{NoteCountWithLabel}</a> • <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">like</a> • <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  1096. {/block:IndexPage}
  1097. {block:permalinkpage}
  1098. {Photoset-500}
  1099. {/block:permalinkpage}</div>
  1100. {/block:Photoset}
  1101.  
  1102. {block:Quote}
  1103. <div class="fred">
  1104. "{Quote}"
  1105. {block:Source}
  1106. <div class="source"><div style="text-align:right">{Source}</div></div>
  1107. {/block:Source}
  1108. {block:indexpage}
  1109. <div class="permahover"><p><br><i><a href="{permalink}">{NoteCountWithLabel}</a> // <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">like</a> // <a href="{ReblogURL}" target="_blank">reblog</a></p></i></div>
  1110. {/block:indexpage}
  1111. </div>{/block:Quote}
  1112.  
  1113. {block:Link}
  1114. <div class="fred">
  1115. <div class="textlink"><b><a href="{URL}" class="link" {Target}>{Name}</a></b></div>
  1116. {block:Description}
  1117. <div class="description"><center><b>{Description}</b></center></div>
  1118. {/block:Description}
  1119. {block:indexpage}
  1120. <div class="permahover"><p><br><i><a href="{permalink}">{NoteCountWithLabel}</a> // <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">like</a> // <a href="{ReblogURL}" target="_blank">reblog</a></p></i></div>
  1121. {/block:indexpage}
  1122. </div>{/block:Link}
  1123.  
  1124. {block:Chat}
  1125. <div class="fred">
  1126. {block:Title}
  1127. <a href="{Permalink}">{Title}</a>
  1128. {/block:Title}
  1129. <ul class="chat">
  1130. {block:Lines}
  1131. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  1132.  
  1133. {Line} </li>
  1134. {/block:Lines}
  1135. </ul>
  1136. {block:indexpage}
  1137. <div class="permahover"><p><br><i><a href="{permalink}">{NoteCountWithLabel}</a> // <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">like</a> // <a href="{ReblogURL}" target="_blank">reblog</a></p></i></div>
  1138. {/block:indexpage}
  1139. </div>{/block:Chat}
  1140.  
  1141. {block:Video}
  1142. {block:IndexPage}
  1143. <div class="permalink">
  1144. <a href="{permalink}">{NoteCountWithLabel}</a> • <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">like</a> • <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  1145. {/block:IndexPage}
  1146.  
  1147. {block:IndexPage}{Video-400}{/block:IndexPage}
  1148.  
  1149. {block:permalinkpage}
  1150. {Video-500}
  1151. {/block:permalinkpage}
  1152.  
  1153. {/block:Video}
  1154.  
  1155. {block:Audio}
  1156. <div class="fred">
  1157.  
  1158. {block:IndexPage}
  1159. <div class="permalink">
  1160. <a href="{permalink}">{NoteCountWithLabel}</a> • <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">like</a> • <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  1161. {/block:IndexPage}
  1162.  
  1163. {block:IndexPage}
  1164. <div class="album{block:AlbumArt}art{/block:AlbumArt}">
  1165. {block:AlbumArt}
  1166. <a href="{Permalink}"><img src="{AlbumArtURL}" /></a>
  1167. {/block:AlbumArt}</div>
  1168. <div class="audio">
  1169. {AudioPlayerBlack}
  1170. </div>
  1171. <a href="{Permalink}">
  1172. <div class="plays">{PlayCountWithLabel}</div></a>
  1173. {/block:IndexPage}
  1174. {block:PermalinkPage}
  1175.  
  1176. {block:AlbumArt}<div style="width: 100%;">
  1177. <img src="{AlbumArtURL}" />
  1178. </div>{/block:AlbumArt}
  1179. <div class="audio">
  1180. {AudioPlayerBlack}
  1181. </div>
  1182. <div class="plays1">{PlayCountWithLabel}</div>
  1183.  
  1184.  
  1185. {/block:PermalinkPage}
  1186. <div class="clear"></div></div>
  1187. {/block:Audio}
  1188.  
  1189.  
  1190. {block:Answer}
  1191. <div class="fred">
  1192. <div style="margin-top: 8px; margin-left: 5px; margin-right: 5px;">
  1193. <img class="left" style="margin-right:10px;" width="42px" src="{AskerPortraitURL-30}"/>
  1194. <div align="" style="line-height:14px; margin-top:-44px; margin-left:45px; color:{color:Blog Description};">
  1195. <b><i><i><i>{Asker} asked</i></i></i></b>:<br>
  1196. {Question}<br><br>
  1197. </div>
  1198. <div class="clear"></div>
  1199. <div class="askAnswer">
  1200.  
  1201. <div align="center" style="line-height:14px; margin-top:-10px; color:{color:Blog Description};">
  1202. <br>
  1203. <i><b>{Answer}</b></i>
  1204. </div></div>
  1205. <div class="clear"></div>
  1206. <div class="permahover"><p><br><i><a href="{permalink}">{NoteCountWithLabel}</a> // <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">like</a> // <a href="{ReblogURL}" target="_blank">reblog</a></p></i></div></div></div>
  1207.  
  1208. {/block:Answer}
  1209.  
  1210.  
  1211. {block:PermalinkPage}
  1212.  
  1213. {block:PostNotes}
  1214. <div id="notes">
  1215. <span class="notes_button" style="font-family: 'Courgette', cursive;
  1216. font-size: 22px; margin-top: 5px; margin-bottom: 5px;">Show notes</span>
  1217. {PostNotes}
  1218. <script>
  1219. $('.notes_button').click(function() {
  1220. $('ol.notes').slideToggle('slow', function() {
  1221. });
  1222. });
  1223. </script>
  1224. </div>
  1225. {/block:PostNotes}
  1226.  
  1227. <div id="permapagenotesbox">
  1228. <div style="font-family: 'Courgette', cursive;
  1229. font-size: 15px;"> <center> details </center></div>
  1230. <center><div style="height:1px; width:100%; background-color: rgba(0,0,0,0.1);"></div></center>{/block:caption}<br>
  1231.  
  1232. {block:RebloggedFrom}
  1233. <span style="padding-right:5px; vertical-align: top; font-size:28px; color:{color:Blog Title Text}; font-family:'EntypoRegular';">/</span>
  1234. <span style="vertical-align: center; font-family:'VERDANA'; ">Posted by</span>
  1235. <a href="{ReblogRootURL}" style="vertical-align: center; font-family:'VERDANA';">{ReblogRootName}</a></span><br><br>
  1236. {/block:RebloggedFrom}
  1237.  
  1238. {block:notecount}
  1239. <span style="padding-right:8px; vertical-align: bottom; font-size:28px; color:{color:Blog Title Text}; font-family:'EntypoRegular';">6</span>
  1240. <span style="vertical-align: center; font-family:'VERDANA';">{notecountwithlabel}</span><br><br>
  1241. {/block:notecount}
  1242.  
  1243. {block:Date}
  1244. <span style="padding-right:10px; vertical-align: bottom; font-size:28px; color:{color:Blog Title Text}; font-family:'EntypoRegular';">N</span><span style="vertical-align: center; font-family:'VERDANA';">{ShortMonth} {DayofMonth}{DayofMonthSuffix}, {Year}</span><br><br>
  1245. {/block:Date}
  1246.  
  1247. {block:RebloggedFrom}
  1248. <span style="padding-right:5px; vertical-align: bottom; font-size:28px; color:{color:Blog Title Text}; font-family:'EntypoRegular';">h</span>
  1249. <span style="vertical-align: center; font-family:'VERDANA';">Reblogged from</span>
  1250. <a href="{ReblogParentURL}" style="vertical-align: center; font-family:'VERDANA';">{ReblogParentName}</a></span>
  1251. {/block:RebloggedFrom}
  1252. <br>
  1253. <br>
  1254.  
  1255. </div>
  1256.  
  1257.  
  1258.  
  1259. {/block:PermalinkPage}
  1260. </div>
  1261. {/block:Posts}
  1262. </div>
  1263. </div>
  1264. {block:Pagination}
  1265. <ul id="pagination">
  1266. {block:PreviousPage}
  1267. <li><a href="{PreviousPage}"></a></li>
  1268. {/block:PreviousPage}
  1269. {block:JumpPagination length="5"}
  1270. {block:CurrentPage}
  1271. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  1272. {/block:CurrentPage}
  1273. {block:JumpPage}
  1274. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  1275. {/block:JumpPage}
  1276. {/block:JumpPagination}
  1277. {block:NextPage}
  1278. <li><a id="nextPage" href="{NextPage}"></a></li>
  1279. {/block:NextPage}
  1280. </ul>
  1281. {/block:Pagination}
  1282.  
  1283.  
  1284.  
  1285. <span id="scriptsinsert"> </span>
  1286. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  1287.  
  1288. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  1289.  
  1290. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1291.  
  1292. <script type="text/javascript">
  1293. $(window).load(function () {
  1294. var $content = $('#content');
  1295. $content.masonry({
  1296. itemSelector: '.entry',
  1297. isAnimated: true
  1298. }),
  1299. $content.infinitescroll({
  1300. navSelector : '#pagination',
  1301. nextSelector : '#pagination a#nextPage',
  1302. itemSelector : '.entry',
  1303. loading: {
  1304. finishedMsg: '',
  1305. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  1306. },
  1307. bufferPx: 200,
  1308. debug: false,
  1309. },
  1310. // call masonry as a callback.
  1311. function( newElements ) {
  1312. var $newElems = $( newElements );
  1313. $newElems.hide();
  1314. // ensure that images load before adding to masonry layout
  1315. $newElems.imagesLoaded(function(){
  1316. $content.masonry( 'appended',
  1317. $newElems, true,
  1318. function(){$newElems.fadeIn(300);}
  1319. );
  1320. });
  1321. });
  1322. });
  1323.  
  1324.  
  1325. ///////////////////////////////////
  1326. function clickIE4(){
  1327. if (event.button==2){
  1328. alert(message);
  1329. return false;
  1330. }
  1331. }
  1332.  
  1333. function clickNS4(e){
  1334. if (document.layers||document.getElementById&&!document.all){
  1335. if (e.which==2||e.which==3){
  1336. alert(message);
  1337. return false;
  1338. }
  1339. }
  1340. }
  1341.  
  1342. if (document.layers){
  1343. document.captureEvents(Event.MOUSEDOWN);
  1344. document.onmousedown=clickNS4;
  1345. }
  1346. else if (document.all&&!document.getElementById){
  1347. document.onmousedown=clickIE4;
  1348. }
  1349.  
  1350. document.oncontextmenu=new Function("alert(message);return false")
  1351.  
  1352. // -->
  1353. </script>
  1354. </body>
  1355.  
  1356.  
  1357. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!