API tools faq
paste
Advertisement
screamingcactus

HANNAH BAKER THEME paginated (#15)

screamingcactus
Feb 23rd, 2013
3,097
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.46 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" xml:lang="en" lang="en">
  3.  
  4. <!--
  5.  
  6. HANNA BAKER THEME made by SCREAMINGCACTUS.TUMBLR.COM--
  7. *You can edit as much as you want
  8. *Never remove the credits
  9. *Don't use as a base theme
  10. BREAKING THE RULES WILL LEAD TO ACCOUNT SUSPENSION
  11.  
  12.  
  13. ------IMPORTANT INSTRUCTIONS:
  14. 1. To remove the blog of the week box. Please refer to my tutorials on screaming-themes.tumblr.com before asking.
  15. 2. I HIGHLY SUGGEST, The header must be not lower than 800px in width.
  16.  
  17.  
  18. remove the credits or i'll slap your face with a slipper stepped on a poo!
  19. ------------------------->
  20.  
  21.  
  22. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  23. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/2eWl5b9xv/nav.js"></script>
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive&;v1' rel='stylesheet' type='text/css'>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Metamorphous' rel='stylesheet' type='text/css'>
  28.  
  29. <script type="text/javascript">
  30. WebFontConfig = {
  31. google: { families: [ 'Metamorphous::latin' ] }
  32. };
  33. (function() {
  34. var wf = document.createElement('script');
  35. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  36. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  37. wf.type = 'text/javascript';
  38. wf.async = 'true';
  39. var s = document.getElementsByTagName('script')[0];
  40. s.parentNode.insertBefore(wf, s);
  41. })(); </script>
  42.  
  43.  
  44.  
  45. <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  46.  
  47. <script type="text/javascript">
  48. WebFontConfig = {
  49. google: { families: [ 'Great+Vibes::latin' ] }
  50. };
  51. (function() {
  52. var wf = document.createElement('script');
  53. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  54. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  55. wf.type = 'text/javascript';
  56. wf.async = 'true';
  57. var s = document.getElementsByTagName('script')[0];
  58. s.parentNode.insertBefore(wf, s);
  59. })(); </script>
  60.  
  61. <head>
  62.  
  63.  
  64.  
  65. <script type="text/javascript">
  66.  
  67. var _gaq = _gaq || [];
  68. _gaq.push(['_setAccount', 'UA-7243260-2']);
  69. _gaq.push(['_trackPageview']);
  70.  
  71. (function() {
  72. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  73. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  74. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  75. })();
  76.  
  77. </script>
  78.  
  79.  
  80. <script type="text/javascript"
  81. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  82.  
  83. <script>
  84.  
  85. $(document).ready(function(){
  86.  
  87. $(".navi").hover(function () {
  88.  
  89. $(".tumblr", this).slideToggle("1000");
  90.  
  91. });
  92.  
  93. });
  94.  
  95. </script>
  96.  
  97. <meta name="image:Background" content="http://static.tumblr.com/oct6d4x/5vrlzi6gm/back.png" />
  98. <meta name="image:sidebar" content=""/>
  99. <meta name="image:BOTW" content=""/>
  100. <meta name="image:header" content="http://static.tumblr.com/i3gpafh/UD8m9cp6j/dr.png"/>
  101.  
  102.  
  103. <meta name="color:entry background" content="#FFFFFF" />
  104. <meta name="color:Navi" content="#ff9ea5"/>
  105. <meta name="color:Navi Box Hover" content="#d5fdf4"/>
  106. <meta name="color:text" content="#8A8A8A" />
  107. <meta name="color:Sidebar" content="#d3bbae"/>
  108. <meta name="color:Sidebar Title" content="#353535"/>
  109. <meta name="color:Sidebar Title Underline" content="#ddddcc"/>
  110. <meta name="color:links" content="#A2A2A2" />
  111. <meta name="color:links hover" content="#FFFFFF" />
  112. <meta name="color:title" content="#808080" />
  113. <meta name="color:title shadow" content="#F7F0E6" />
  114. <meta name="color:Fansign Box Background" content="#bb9988"/>
  115. <meta name="color:Fansign title Background" content="#996666"/>
  116. <meta name="color:borders" content="#EEE5DD" />
  117. <meta name="color:Bold" content="#4e3a29" />
  118.  
  119.  
  120. <meta name="text:BOTW link" content="http://" />
  121. <meta name="text:Custom Link One Title" content="" />
  122. <meta name="text:Custom Link One" content="http://" />
  123. <meta name="text:Custom Link Two Title" content="" >
  124. <meta name="text:Custom Link Two" content="http://" />
  125. <meta name="text:Custom Link Three Title" content="" >
  126. <meta name="text:Custom Link Three" content="http://" />
  127. <meta name="text:Custom Link Four Title" content="" >
  128. <meta name="text:Custom Link Four" content="http://" />
  129.  
  130. <title>{Title}</title>
  131. <link rel="shortcut icon" href="http://i11.photobucket.com/albums/a168/evelynregly/minicutes/mini.png">
  132.  
  133. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  134. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  135.  
  136. <style type="text/css">
  137.  
  138.  
  139. @font-face { font-family: pixie; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  140.  
  141. ::-webkit-scrollbar {width: 6px; height: 4px; background: {color:Background}; }
  142.  
  143. ::-webkit-scrollbar-thumb { background-color: {color:navi};}
  144.  
  145. body{
  146. color: {color:text};
  147. background-image:url({image:Background});
  148. background-postition:center;
  149. background-attachment: fixed;
  150. background-repeat: repeat;
  151. font-family:pixie;
  152. font-size:8px;
  153. letter-spacing: 1px;
  154. line-height: 10px;
  155. text-align:left;
  156. overflow-x:hidden;
  157. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
  158. }
  159.  
  160. A:link, A:visited, A:active{
  161. color: {color:links};
  162. text-decoration:none;
  163. -webkit-transition-duration: 1.0s;
  164. }
  165.  
  166.  
  167. A:hover{
  168. background-color: transparent;
  169. color: {color:links hover};
  170. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
  171. }
  172.  
  173. #paginacaoml {font-family: verdana;font-size: 11px; text-align:center; font-weight: bold;-moz-border-radius: 10px; -webkit-border-radius:10px;}
  174.  
  175. #paginacaoml a {background:{color:Navi};margin: 1px; text-align:center; padding: 2px 5px; color: #fff; text-decoration: none;-moz-border-radius: 10px; -webkit-border-radius:10px;}
  176.  
  177. #paginacaoml a:hover {background:{color:Navi Box Hover}; text-align:center; border: none;color:#000;text-decoration: none;}
  178.  
  179. #paginacaoml span.pagina_atual {background:#fcdddd; text-align:center; margin: 1px; padding: 2px 5px; color: #666; text-decoration: none; -moz-border-radius: 10px; -webkit-border-radius:10px; }
  180.  
  181. #paginacaoml span.info { margin: 1px; padding: 2px 4px; text-align:center; color: #777; text-decoration: none;}
  182.  
  183.  
  184. Title{
  185. margin-top:5px;
  186. color: {color:title};
  187. text-shadow: 1px 1px 2px {color:title shadow};
  188. font-family:'Great vibes';
  189. font-size: 25px;
  190. line-height:80%;
  191. letter-spacing:0px;
  192. font-weight:none;
  193. text-align: center;
  194. display: block;
  195. }
  196.  
  197. Quotes{
  198. margin-top:5px;
  199. display: block;
  200. font-family:'Great vibes';
  201. font-size: 25px;
  202. line-height:80%;
  203. letter-spacing:0px;
  204. font-weight:none;
  205. text-align: center;
  206. color: {color:title};
  207. text-shadow: 1px 1px 2px {color:title shadow};
  208. }
  209.  
  210.  
  211. .bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  212. .bubble p {margin:1px 0px;}
  213. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  214.  
  215. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  216.  
  217.  
  218.  
  219. askk {font-family: Georgia; font-size:15px; z-index:1; color: #808080; font-style: italic;}
  220.  
  221.  
  222. big{
  223. color: #886D5B;
  224. font-family: {font:body};
  225. font-size:17px;
  226. line-height:30px;
  227. letter-spacing:-1px;
  228. font-weight:normal;
  229. text-transform:;
  230. margin:0px;
  231. padding:0px;
  232. text-align:left;
  233. }
  234.  
  235.  
  236. b {
  237. font-family: {font:body};
  238. color: {color:Bold};
  239. font-weight: bold;
  240. font-size: 11px;
  241. }
  242.  
  243. u{
  244. text-decoration:none;
  245. border-bottom:#d5d0c1 dashed 1px;
  246. }
  247.  
  248.  
  249. #lbar4 {width: 5px; height: 570px; float: left; margin-left:310px; margin-top:-20px; padding: 0px; background-color: #e0c3bf; text-align: center; position: fixed;}
  250.  
  251. #lbar3 {width: 5px; height: 620px; float: left; margin-left:320px; margin-top:-20px; padding: 0px; background-color: #e2cfbe; text-align: center; position: fixed;}
  252.  
  253. #lbar2 {width: 5px; height: 650px; float: left; margin-left:330px; margin-top:-20px; padding: 0px; background-color: #eed9c3; text-align: center; position: fixed;}
  254.  
  255. #lbar {width: 5px; height: 600px; float: left; margin-left:340px; margin-top:-20px; padding: 0px; background-color: #f9e5d4; text-align: center; position: fixed;}
  256.  
  257. #firstbar {width: 5px; height: 500px; float: left; margin-left:350px; margin-top:-20px; padding: 0px; background-color: #f8f1e6; text-align: center; position: fixed; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;}
  258.  
  259.  
  260. #link4 {margin-left:252px; margin-top:-450px;}
  261.  
  262. #link4 a { width: 40px; height:40px; font-family: georgia; font-size: 10px; line-height: 37px; display: block; text-align: center; background-color: {color:Navi}; color: #383735; padding: 5px; letter-spacing: 0px; border-left:0px solid #f8f1e6;-webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; -webkit-border-radius: 40px;
  263. -moz-border-radius: 40px; z-index: 1000; position: fixed;
  264. }
  265.  
  266. #link4 a:hover {background-color:{color:Navi box hover}; color:#383735; opacity:100%;-webkit-transition: opacity 0.7s linear;opacity: 0.6;; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; -moz-border-radius: 0px 80px / 0px 80px;}
  267.  
  268. #link5 {margin-left:255px; margin-top:50px;}
  269.  
  270. #link5 a { width: 40px; height:40px; font-family: georgia; font-size: 10px; line-height: 37px; display: block; text-align: center; background-color: {color:Navi}; color: #383735; padding: 5px; letter-spacing: 0px; border-left:0px solid #f8f1e6;-webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; -webkit-border-radius: 40px;
  271. -moz-border-radius: 40px; z-index: 1000; position: fixed;}
  272.  
  273. #link5 a:hover {background-color:{color:Navi box hover}; color:#383735; opacity:100%;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; z-index:1; -moz-border-radius: 0px 80px / 0px 80px; }
  274.  
  275. #link6 {margin-left:250px; margin-top:50px; }
  276.  
  277. #link6 a { width: 40px; height:40px; font-family: georgia; font-size: 10px; line-height: 37px; display: block; text-align: center; background-color: {color:Navi}; color: #383735; padding: 5px; letter-spacing: 0px; border-left:0px solid #f8f1e6;-webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; -webkit-border-radius: 40px;
  278. -moz-border-radius: 40px; z-index: 1000; position: fixed;}
  279.  
  280. #link6 a:hover {background-color:{color:Navi box hover}; color:#383735; opacity:100%;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; z-index:1; -moz-border-radius: 0px 80px / 0px 80px;}
  281.  
  282. #link7 {margin-left:252px; margin-top:100px;}
  283.  
  284. #link7 a { width: 40px; height:40px; font-family: georgia; font-size: 10px; line-height: 37px; display: block; text-align: center; background-color: {color:Navi}; color: #383735; padding: 5px; letter-spacing: 0px; border-left:0px solid #f8f1e6;-webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; -webkit-border-radius: 40px;
  285. -moz-border-radius: 40px; z-index: 1000; position: fixed;}
  286.  
  287. #link7 a:hover {background-color:{color:Navi box hover}; color:#383735; opacity:100%;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; -moz-border-radius: 0px 80px / 0px 80px;}
  288.  
  289.  
  290.  
  291.  
  292.  
  293. #side{
  294. -moz-border-radius:0px;
  295. border-radius:0px;
  296. position:fixed !important;
  297. width:250px;
  298. height:auto;
  299. bottom:50px;
  300. margin-left:-50px;
  301. padding:5px;
  302. background-color:transparent;
  303. z-index:10;
  304. overflow:hidden;
  305. }
  306.  
  307. #quo {
  308. font-style:'pixie';
  309. text-transform:uppercase;
  310. font-size:8px;
  311. }
  312.  
  313. #center{
  314. margin-left:380px;
  315. margin-top:20px;
  316. position:relative;
  317. width:930px;
  318. padding:3px;
  319. background-color:transparent;
  320. {block:permalinkpage}
  321. width:515px;
  322. background-color:#fff;
  323. {/block:permalinkpage}
  324. }
  325.  
  326. #BOTW{
  327. position:fixed;
  328. bottom:5px;
  329. width:125px;
  330. height:auto;
  331. padding:5px;
  332. left:105px;
  333. background-color:{color:Fansign Box Background};
  334. overflow:hidden;
  335. -moz-border-radius: 10px;
  336. border-radius: 10px;
  337. }
  338.  
  339.  
  340.  
  341. #fansign{
  342. background-color:{color:Fansign title Background};
  343. color:#fff;
  344. padding:1px;
  345. font-family:consolas;
  346. font-size:11px;
  347. -moz-border-radius: 7px 7px 0px 0px;
  348. border-radius: 7px 7px 0px 0px;
  349. }
  350.  
  351. #rightbox {
  352. top:100px;
  353. font-family:calibri;
  354. font-size:8pt;
  355. line-height:10pt;
  356. text-align:justify;
  357. left:55px;
  358. width:220px;
  359. margin-top:20px;
  360. height:120%;
  361. -moz-border-radius: 200px;
  362. border-radius: 200px;
  363. position:fixed;
  364. border:2px solid {color:sidebar};
  365. box-shadow:{color:gray} 0px 0px 3px;
  366. background-image:url('http://24.media.tumblr.com/tumblr_m6foppgzB31ru6u1xo3_250.png');
  367. background-color:{color:Sidebar BG Color};
  368. opacity:1;
  369. background-repeat:repeat; }
  370.  
  371. #sidebarimg {
  372. background-image:url('');
  373. background-repeat:no-repeat;
  374. margin-top:10px;
  375. max-width:200px;
  376. max-height:250px;
  377. border:3px solid {color:sidebar};
  378. opacity:1.0;
  379. -moz-border-radius: 200px 200px 0px 0px;
  380. border-radius: 200px 200px 0px 0px;
  381. -webkit-transition: all 0.9s ease-in-out;
  382. -moz-transition: all 0.9s ease-in-out;
  383. -o-transition: all 0.9s ease-in-out;
  384. transition: all 0.9s ease-in-out;
  385. z-index:7}
  386.  
  387. .hover:hover #sidebarimg {
  388. opacity:1.0;
  389. max-width:200px;
  390. max-height:200px;
  391. border:5px solid {color:Link};
  392. -webkit-transition: all 0.9s ease-in-out;
  393. -moz-transition: all 0.9s ease-in-out;
  394. -o-transition: all 0.9s ease-in-out;
  395. transition: all 0.9s ease-in-out;
  396. z-index:7}
  397.  
  398. .border{
  399. margin-top:30px;
  400. border-radius: 250px;
  401. -moz-border-radius: 250px;
  402. -webkit-transition: all 0.5s ease-in;
  403. -moz-transition: all 0.5s ease-in;
  404. -o-transition: all 0.5s ease-in;
  405. }
  406.  
  407. .border:hover{
  408. margin-left:5px;
  409. margin-top:30px;
  410. border-radius: 0px 80px / 0px 80px;
  411. -moz-border-radius: 0px 80px / 0px 80px;
  412. -webkit-transition: all 0.5s ease-in;
  413. -moz-transition: all 0.5s ease-in;
  414. -o-transition: all 0.5s ease-in;
  415. opacity:0;
  416. }
  417.  
  418. .border1{
  419. margin-left:5px;
  420. margin-top:-300px;
  421. margin-bottom:7px;
  422. border-radius: 250px;
  423. -moz-border-radius: 250px;
  424. -webkit-transition: all 0.8s ease-in;
  425. -moz-transition: all 0.8s ease-in;
  426. -o-transition: all 0.8s ease-in;
  427. opacity:0;
  428.  
  429. }
  430.  
  431. .border1:hover{
  432. margin-top:-300px;
  433. border-radius: 10px 10px / 10px 10px;
  434. -moz-border-radius: 10px 10px / 10px 10px;
  435. -webkit-transition: all 0.8s ease-in;
  436. -moz-transition: all 0.8s ease-in;
  437. -o-transition: all 0.8s ease-in;
  438. opacity:1;
  439. }
  440.  
  441. .titulo{
  442. position:fixed !important;
  443. margin-left:0px;
  444. margin-right:10px;
  445. margin-top:35px;
  446. margin-bottom: 7px;
  447. text-align:center;
  448. border-bottom: 2px solid {color:Sidebar Title Underline};
  449. width:220px;
  450. }
  451.  
  452. .titulo a{
  453. font-size:23px;
  454. font-family: 'Great Vibes';
  455. color:{color:Sidebar Title};
  456. text-decoration:none;
  457. -webkit-transition: all 0.8s ease-in;
  458. -moz-transition: all 0.8s ease-in;
  459. -o-transition: all 0.8s ease-in;
  460. }
  461.  
  462. .titulo a:hover{
  463. font-size:23px;
  464. font-family: 'Great Vibes';
  465. color:{color:links hover};
  466. text-decoration:none;
  467. -webkit-transition: all 0.8s ease-in;
  468. -moz-transition: all 0.8s ease-in;
  469. -o-transition: all 0.8s ease-in;
  470. }
  471.  
  472. .menu a{
  473. float:left;
  474. width: 31px;
  475. height:15px;
  476. margin-left:13px;
  477. padding:4px;
  478. padding-top:6px;
  479. margin-top:10px;
  480. background: {color:Navi};
  481. font: 12px 'metamorphous';
  482. text-align:center;
  483. display:block;
  484. margin-bottom:10px;
  485. color: #fff;
  486. text-decoration: none;
  487. -webkit-transition: all 0.5s ease-in;
  488. -moz-transition: all 0.5s ease-in;
  489. -o-transition: all 0.5s ease-in;
  490. border-radius: 100px;
  491. }
  492.  
  493. .menu a:hover{
  494. float:left;
  495. width: 31px;
  496. height:17px;
  497. margin-left:13px;
  498. padding:4px;
  499. padding-top:6px;
  500. background: {color:Navi Box Hover};
  501. font: 12px 'metamorphous';
  502. text-align:center;
  503. display:block;
  504. margin-bottom:15px;
  505. color: #fff;
  506. text-decoration: none;
  507. -webkit-transition: all 0.5s ease-in;
  508. -moz-transition: all 0.5s ease-in;
  509. -o-transition: all 0.5s ease-in;
  510. border-radius: 10px;
  511. }
  512.  
  513.  
  514.  
  515. .entry {
  516. background-color:{color:entry background};
  517. padding:2px;
  518. overflow-x: hidden;
  519. float:left;
  520. width:250px;
  521. -webkit-transition: all 0.5s ease-in;
  522. -moz-transition: all 0.5s ease-in;
  523. -o-transition: all 0.5s ease-in;
  524. {block:IndexPage}
  525. {/block:IndexPage}
  526. {block:permalinkpage}
  527. width:505px;
  528. height:100%;
  529. margin-bottom:10px;
  530. {/block:permalinkpage}
  531. overflow:hidden;
  532. border:1px solid {color:borders};
  533. -moz-border-radius:0px;
  534. -webkit-border-radius:0px;}
  535. }
  536.  
  537.  
  538. .entry .perma{
  539. width:auto;
  540. margin-top: 0px;
  541. margin-left:0px;
  542. position: absolute;
  543. overflow:hidden;
  544. opacity: 0.0;
  545. background-color:transparent;
  546. -webkit-transition: all 0.3s linear;
  547. -webkit-transition: all 0.3s linear;
  548. -moz-transition: all 0.3s linear;
  549. transition: all 0.3s linear;
  550. }
  551.  
  552. .entry:hover .perma{
  553. margin-left:4px;
  554. margin-top:4px;
  555. overflow:visible;
  556. -webkit-transition: all 0.5s linear; opacity: 1;
  557. -webkit-transition: all 0.5s linear;
  558. -moz-transition: all 0.5s linear;
  559. transition: all 0.5s linear;
  560. }
  561.  
  562. .per{
  563. background-color:#fff;
  564. color:#000000;
  565. margin-left:0px;
  566. margin-top:0px;
  567. opacity:0;
  568. width:250px;
  569. font-size:6pt;
  570. font-family: century gothic;
  571. text-transform:uppercase;
  572. font-weight: bold;
  573. position:absolute;
  574. -webkit-transition-duration: 0.4s;
  575. padding:3px;
  576. z-index:10;
  577. -webkit-transition: all 0.5s ease-in;
  578. -moz-transition: all 0.5s ease-in;
  579. -o-transition: all 0.5s ease-in;
  580. }
  581.  
  582. .entry:hover .per{opacity: 0.7;}
  583. .entry:hover .per:hover{opacity: 1;}
  584.  
  585. #notes{
  586. display:block;
  587. width:500px;
  588. float:left;
  589. padding:3px;
  590. margin:5px;
  591. }
  592.  
  593.  
  594. #foot{
  595. display:block;
  596. width:500px;
  597. position:absolute;
  598. padding:10px;
  599. height:15px;
  600. bottom:-45px;
  601. border-top: 1px dashed #000000;
  602. _bottom:-55px;
  603. _margin-left:370px;
  604. background-color: #FFFFFF;
  605.  
  606.  
  607. #question{
  608. border-bottom:1px solid #ffffff;
  609. overflow:SHOW;
  610. padding-bottom:3px;
  611. margin-bottom:3px;}
  612.  
  613. .alignleft {float: left;}
  614. .alignright {float: right;}
  615. .right { background-color:; margin: 0 0 px 0; padding: px; overflow:hidden; -moz-border-radius:3px; border-radius:3px; text-align: left; text-transform:; }
  616. .totalright {float:right; margin-top:0px;}
  617. #ask{ display:block; float: left; width:50px; overflow:hidden; word-wrap:break-word; margin-right:3px;}
  618. blockquote{ background-color: #E79FBE; padding: 7px; padding-left:8px; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;
  619. p{margin-top:3px; margin-bottom:3px;}
  620. blockquote img{display:block; width:100%;}
  621. border-left: 2px solid #616161;
  622. padding: 0 0 0 15px;
  623. margin-left: 0px;
  624. blockquote {position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
  625. a img{border:none;}
  626.  
  627. .audio{background-color:#C7C7C7; display:block;}
  628.  
  629. .user_1 .label, .user_4 .label, .user_7 .label {color:#d594af;}
  630.  
  631. .user_2 .label, .user_5 .label, .user_8 .label {color:#d594af;}
  632.  
  633. .user_3 .label, .user_6 .label, .user_9 .label {color:#b295a1; opacity:.75;}
  634.  
  635. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  636.  
  637. .notes img{width:10px; position:relative; top:1px;}
  638.  
  639. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  640.  
  641. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  642.  
  643. #description{
  644. float: left;
  645. background-color: #ffffff;
  646. width:217px;
  647. position:relative;
  648. margin-bottom:10px;
  649. -moz-box-shadow: 4px 4px 10px #999;
  650. -webkit-box-shadow: 4px 4px 10px #999;
  651. box-shadow: 4px 4px 10px #999;
  652. }
  653.  
  654.  
  655. <style type="text/css">{CustomCSS]</style>
  656.  
  657.  
  658.  
  659. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  660.  
  661.  
  662. {block:IndexPage}
  663. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  664.  
  665.  
  666. <script type="text/javascript">
  667. $(window).load(function () {
  668. var $content = $('#center');
  669. $content.masonry({itemSelector: '.entry'}),
  670. $content.infinitescroll({
  671. loading: {
  672. finishedMsg: '',
  673. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  674. },
  675. bufferPx : 600,
  676. debug : false,
  677. },
  678. // call masonry as a callback.
  679. function( newElements ) {
  680. var $newElems = $( newElements );
  681. $newElems.hide();
  682. // ensure that images load before adding to masonry layout
  683. $newElems.imagesLoaded(function(){
  684. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  685.  
  686.  
  687. });
  688. });
  689. });
  690. </script>
  691.  
  692. {/block:IndexPage}
  693.  
  694. </head>
  695.  
  696.  
  697. <body>
  698.  
  699.  
  700.  
  701. <script language=JavaScript>
  702.  
  703. <!--
  704. //Disable right mouse click Script
  705. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  706. //For full source code, visit http://www.dynamicdrive.com
  707.  
  708. var message="";
  709.  
  710. ///////////////////////////////////
  711. function clickIE4(){
  712. if (event.button==2){
  713. alert(message);
  714. return false;
  715. }
  716. }
  717.  
  718. function clickNS4(e){
  719. if (document.layers||document.getElementById&&!document.all){
  720. if (e.which==2|e.which==3){
  721. alert(message);
  722. return false;
  723. }
  724. }
  725. }
  726.  
  727. if (document.layers){
  728. document.captureEvents(Event.MOUSEDOWN);
  729. document.onmousedown=clickNS4;
  730. }
  731. else if (document.all&&!document.getElementById){
  732. document.onmousedown=clickIE4;
  733. }
  734.  
  735. document.oncontextmenu=new Function("return false")
  736.  
  737. // -->
  738. </script>
  739.  
  740.  
  741.  
  742. <div id="lbar3">
  743. </div>
  744. <div id="lbar4">
  745. </div>
  746. <div id="lbar2">
  747. </div>
  748. <div id="lbar">
  749. </div>
  750. <div id="firstbar">
  751. </div>
  752. <div id="rightbox">
  753. <div align="center">
  754. <div id="sidebarimg"><img src="{image:sidebar}" style="height:200px; width:200px; -moz-border-radius: 200px 200px 0px 0px;border-radius: 200px 200px 0px 0px;"></div></div>
  755.  
  756. <div class="menu"><a title="refresh" href="/"><img src="http://static.tumblr.com/d4urnij/KtNm382ru/2n7k1gp.png"></a></div>
  757. <div class="menu"><a title="ask" href="/ask"><img src="http://static.tumblr.com/d4urnij/b6Lm382t0/6p3z9t.png"></a></div>
  758. <div class="menu"><a title="submit" href="/submit"><img src="http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new10.png"></a></div>
  759. <div class="menu"><a title="theme" href="http://screamingcactus.tumblr.com/"><img src="http://media.tumblr.com/tumblr_lkl746lPTv1qfamg6.gif"></a></div>
  760.  
  761. <div class="titulo" style="margin-top:45px;"><a href="/">{Title}</a></div>
  762.  
  763.  
  764. <div id="quo"style="margin-top:68px;"><center>{description}</center></div>
  765. <div style="border-bottom: 3px solid {color:Sidebar Title Underline};"></div>
  766. <br><div id="paginacaoml"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination} {block:JumpPagination length="5"} {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage} {/block:JumpPagination} {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination} </div>
  767.  
  768.  
  769.  
  770.  
  771.  
  772. <div id="link4"><i><a href="{text:Custom Link One}">{text:Custom Link One title}</a></br></div>
  773. <div id="link5"><i><a href="{text:Custom Link two}">{text:Custom Link Two title}</a></br></div>
  774. <div id="link6"><i><a href="{text:Custom Link three}">{text:Custom Link Three title}</a></div>
  775. <div id="link7"><i><br/><a href="{text:Custom Link four}">{text:Custom Link Four title}</a></div>
  776.  
  777.  
  778.  
  779.  
  780. <div id="BOTW">
  781. <div id="fansign">
  782. <center>Blog of the Week</center>
  783. </div>
  784. <a href="{text:BOTW link}"><img src="{image:BOTW}" width="125px" height="81px"></a>
  785. </div>
  786.  
  787.  
  788. </div>
  789. <a href="/"><img src="{image:header}" width="770px" style="position:relative; top:0px; left:380px; opacity:1; z-index:100;" /></a>
  790. <div id="center">
  791.  
  792. {block:Posts}<div class="entry">
  793. {block:IndexPage}
  794. <a href="{Permalink}"><div class="per"><center> {NoteCount} notes</a> | <a href="{reblogURL}">reblog</a></center></div></a>
  795. <div id="bar"></div>
  796. {/block:IndexPage}
  797. <div id="title">{block:Text}{block:Title}<title>{Title}</title>{/block:Title} {/block:Text}{block:Chat}{block:Title}{Title}{/block:Title} {/block:Chat}{block:Link}{/block:Link}{block:Quote}<quotes>"{Quote}"</quotes>{/block:Quote}{block:Photo}{/block:Photo}{block:Photoset}{/block:Photoset}{block:Video}{/block:Video}{block:Audio}{/block:Audio}{block:Answer}{/block:Answer}</div>
  798. {block:Text}<center>{Body}</center>{/block:Text}
  799.  
  800.  
  801. {block:Photo}<center>{block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-400}" width="250" alt="{PhotoAlt}"/></a>
  802. {/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}</center>{/block:Photo}
  803. {block:Photoset}<center>{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
  804. {block:Quote}{block:Source}{Source}{/block:Source}{/block:Quote}
  805. {block:Link}<a href="{URL}" class="links2" {Target}>{Name}</a><BR>{block:Description}{Description}{/block:Description}{/block:Link}
  806. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  807. {block:Video}<center>{block:IndexPage}<div id="video">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>{/block:Video}
  808. {block:Audio}<span class="audio">{AudioPlayerBlack}</span>{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:Audio}
  809. {block:Answer}
  810.  
  811. <img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span><askk>{Asker}</askk>: {Question}&nbsp;</div>{Answer}
  812.  
  813. {/block:Answer}
  814.  
  815. </div>
  816.  
  817.  
  818. {block:PermalinkPage}{block:Date}<div id="info">{block:Caption}{Caption}{/block:Caption}
  819.  
  820. <div id="bottominfo">
  821. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month} {DayofMonth}{/block:Date} {block:RebloggedFrom}</a><br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
  822. {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}
  823. {block:Answer}<BR>Ask: <a href="/ask">{AskLabel}</a>{/block:Answer}
  824. {block:Audio}<BR>Plays: {FormattedPlayCount}{block:ExternalAudio}<BR>Download: <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}
  825. {block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
  826.  
  827. {block:PostNotes}{PostNotes}{/block:PostNotes}
  828.  
  829. </div></div> {/block:Date}{/block:PermalinkPage}
  830. {/block:Posts}
  831. <BR><P>
  832. <center>
  833.  
  834. </div>
  835. <p id="footer">
  836.  
  837.  
  838. </div>
  839.  
  840. <BODY onselectstart="return false;" ondragstart="return false;">
  841.  
  842.  
  843. <script type="text/javascript" src="jquery-1.3.2.js"></script>
  844. <script type="text/javascript">
  845. $(function() {
  846. var d=300;
  847. $('#navigation a').each(function(){
  848. $(this).stop().animate({
  849. 'marginTop':'-80px'
  850. },d+=150);
  851. });
  852.  
  853. $('#navigation > li').hover(
  854. function () {
  855. $('a',$(this)).stop().animate({
  856. 'marginTop':'-2px'
  857. },200);
  858. },
  859. function () {
  860. $('a',$(this)).stop().animate({
  861. 'marginTop':'-80px'
  862. },200);
  863. }
  864. );
  865. });
  866. </script>
  867.  
  868.  
  869. </BODY>
  870. <div style="position:fixed; bottom:10px; right:5px; opacity:.8">
  871. <a href="http://screamingcactus.tumblr.com/"><img src="http://static.tumblr.com/iknsryd/6gXm6zbcy/sc.png" width="29px"></a>
  872. </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!