API tools faq
paste
Advertisement
t-offee

Pink Ladies Theme (OLD)

t-offee
Apr 21st, 2013
162
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.88 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------------------------------------------------------
  2.  
  3.  
  4. /// pink ladies theme by ally
  5.  
  6. © 2014 stahrfruits.tumblr.com
  7.  
  8.  
  9. -------------------------------------------------------------------------->
  10.  
  11. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  12. "http://www.w3.org/TR/html4/loose.dtd">
  13.  
  14. <head>
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Raleway:300' rel='stylesheet' type='text/css'>
  17.  
  18. <meta name="color:Background" content="#FFFFFF"/>
  19. <meta name="color:Text" content="#000000"/>
  20. <meta name="color:Titles" content="#000000"/>
  21. <meta name="color:Links" content="#636363"/>
  22. <meta name="color:Hover" content="#FFFFFF"/>
  23. <meta name="color:Scrollbar" content="#363636"/>
  24. <meta name="color:Chat Background" content="#F5F5F5"/>
  25.  
  26. <meta name="image:Header" content=""/>
  27.  
  28. <meta name="if:Fade Images" content="1" />
  29. <meta name="if:rounded posts" content="" />
  30. <meta name="if:White Audio Player" content="1" />
  31. <meta name="if:Endless Scrolling" content="1"/>
  32.  
  33.  
  34.  
  35.  
  36.  
  37. <meta name="text:Scrolling Tab Bar" content="" />
  38.  
  39.  
  40. <meta name="text:more tab content" content="" />
  41. <meta name="text:reblog" content="relive" />
  42. <meta name="text:updates" content="" />
  43. <meta name="text:network badges" content="" />
  44. <meta name="text:FAQ" content="" />
  45.  
  46. <meta name="text:Custom Link One" content="" />
  47. <meta name="text:Custom Link One Title" content="" />
  48. <meta name="text:Custom Link Two" content="" />
  49. <meta name="text:Custom Link Two Title" content="" />
  50. <meta name="text:Custom Link Three" content="" />
  51. <meta name="text:Custom Link Three Title" content="" />
  52. <meta name="text:Custom Link Four" content="" />
  53. <meta name="text:Custom Link Four Title" content="" />
  54. <meta name="text:Custom Link Five" content="" />
  55. <meta name="text:Custom Link Five Title" content="" />
  56.  
  57.  
  58. <script type="text/javascript"
  59. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  60.  
  61. <script type="text/javascript">
  62. var rev = "fwd";
  63. function titlebar(val)
  64. {
  65. var msg = "{text:Scrolling Tab Bar}";
  66. var res = " ";
  67. var speed = 100;
  68. var pos = val;
  69. msg = "{text:Scrolling Tab Bar}";
  70. var le = msg.length;
  71. if(rev == "fwd"){
  72. if(pos < le){
  73. pos = pos+1;
  74. scroll = msg.substr(0,pos);
  75. document.title = scroll;
  76. timer = window.setTimeout("titlebar("+pos+")",speed);
  77. }
  78. else{
  79. rev = "bwd";
  80. timer = window.setTimeout("titlebar("+pos+")",speed);
  81. }
  82. }
  83. else{
  84. if(pos > 0){
  85. pos = pos-1;
  86. var ale = le-pos;
  87. scrol = msg.substr(ale,le);
  88. document.title = scrol;
  89. timer = window.setTimeout("titlebar("+pos+")",speed);
  90. }
  91. else{
  92. rev = "fwd";
  93. timer = window.setTimeout("titlebar("+pos+")",speed);
  94. }
  95. }
  96. }
  97. titlebar(0);
  98. </script>
  99.  
  100. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  101.  
  102. <script type="text/javascript" src="scrolltopcontrol.js">
  103. </script>
  104.  
  105. <script type="text/javascript">
  106. var scrolltotop={
  107. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  108. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  109. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  110. controlHTML: '<img src="http://img189.imageshack.us/img189/3782/b2t.png"> l, //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  111. controlattrs: {offsetx:10, offsety:10}, //offset of control relative to right/ bottom of window corner
  112. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  113.  
  114. state: {isvisible:false, shouldvisible:false},
  115.  
  116. scrollup:function(){
  117. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  118. this.$control.css({opacity:0}) //hide control immediately after clicking it
  119. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  120. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  121. dest=jQuery('#'+dest).offset().top
  122. else
  123. dest=0
  124. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  125. },
  126.  
  127. keepfixed:function(){
  128. var $window=jQuery(window)
  129. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  130. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  131. this.$control.css({left:controlx+'px', top:controly+'px'})
  132. },
  133.  
  134. togglecontrol:function(){
  135. var scrolltop=jQuery(window).scrollTop()
  136. if (!this.cssfixedsupport)
  137. this.keepfixed()
  138. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  139. if (this.state.shouldvisible && !this.state.isvisible){
  140. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  141. this.state.isvisible=true
  142. }
  143. else if (this.state.shouldvisible==false && this.state.isvisible){
  144. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  145. this.state.isvisible=false
  146. }
  147. },
  148.  
  149. init:function(){
  150. jQuery(document).ready(function($){
  151. var mainobj=scrolltotop
  152. var iebrws=document.all
  153. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  154. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  155. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  156. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  157. .attr({title:'Scroll to Top'})
  158. .click(function(){mainobj.scrollup(); return false})
  159. .appendTo('body')
  160. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  161. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  162. mainobj.togglecontrol()
  163. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  164. mainobj.scrollup()
  165. return false
  166. })
  167. $(window).bind('scroll resize', function(e){
  168. mainobj.togglecontrol()
  169. })
  170. })
  171. }
  172. }
  173.  
  174. scrolltotop.init()
  175.  
  176. </script>
  177.  
  178. <title>{Title}</title>
  179.  
  180.  
  181.  
  182. <style type="text/css">
  183.  
  184. /*General Layout */
  185.  
  186. body {margin:0px; background-color: {color:Background}; {block:IfGrainedBackgroundImage} background-image:url(‘{image:Background}’); background-attachment: fixed; background-repeat: repeat;{/block:IfGrainedBackgroundImage}font-family:raleway; font-size:11px; line-height:16px;text-align: justify; color:{color:Text}; letter-spacing:0px;}
  187.  
  188. div#wrap{{block:IndexPage}width:940px;{block:IndexPage}{block:PermalinkPage}width:500px; margin-left:auto;{/block:PermalinkPage}margin:auto;}
  189.  
  190. div#content{{block:IndexPage}width:840px;{block:IndexPage} margin-left:auto; margin-center:auto; padding-top:30px;}
  191.  
  192. .entry{{block:IndexPage}width:200px; float:left; padding:5px; margin:10px;{/block:IndexPage}
  193. {block:PermalinkPage}width:500px; margin-left:auto; margin-right:auto; {/block:PermalinkPage} text-align:justify;}
  194.  
  195. .entry img{{block:IndexPage} max-width:200px; -webkit-transition: 0.3s ease-in; {/block:IndexPage}{block:PermalinkPage}width:500px; margin-left:auto; margin-right:auto;{/block:PermalinkPage}}
  196.  
  197. .entry img:hover{{block:IndexPage} margin-top:5px;-webkit-transition: 0.3s ease-in;{/block:IndexPage}}
  198.  
  199. {block:ifroundedposts}
  200. .entry img{
  201. -khtml-border-radius: 15px;
  202. -moz-border-radius: 15px;
  203. -webkit-border-radius: 15px;
  204. border-radius: 15px;
  205. }
  206. {/block:ifroundedposts}
  207.  
  208. .header{padding:0px; margin-left:auto; margin-right:auto; margin-top:20px; {block:IndexPage}width:520px;{block:IndexPage} {block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  209.  
  210. /*Contents Info */
  211.  
  212. .post_title{ font-family:raleway; text-transform:uppercase; letter-spacing:4px; font-size:18px; color:{color:Titles}; line-height:20px;}
  213.  
  214. .links{font-family: raleway; color:{color:Links}; margin-bottom: 4px; text-transform:lowercase; font-size: 12px; line-height: 9px; letter-spacing:2px; margin: 5px; padding: 4px; text-align:right;}
  215.  
  216. .links:hover{color:{color:Hover};}
  217.  
  218. a:link, a:active, a:visited{color: {color:Links}; text-decoration: none; -webkit-transition: color 0.5s ease-out;-moz-transition: color 0.5s ease-out;transition: color 0.5s ease-out;}
  219. a:hover {color:{color:Hover};text-decoration: none;}
  220.  
  221. div#page{position:fixed; right:5px; bottom:5px; font-family:raleway; text-transform:uppercase; text-align:right; background-color:{color:Chat Background};
  222. {block:IfEndlessScrolling}display:none;{/block:IfEndlessScrolling} padding:5px;}
  223.  
  224. .quot{margin-left:0px; margin-top:-8px; font-family:raleway; text-transform:uppercase; font-size:18px; color:{color:Post title}; line-height:14px; letter-spacing:2px;}
  225.  
  226. .quote{position:relative; top:5px; font-size:40px; opacity:0.2; filter: alpha(opacity = 20);}
  227.  
  228. .source{ font-size:12px; text-align:right;}
  229.  
  230. div#chat li { padding: 4px; background-color:{color:Chat Background}; margin-top: 2px;}
  231.  
  232. div#chat ul{ {block:IndexPage} width:250px; {/block:IndexPage}
  233. {block:PermalinkPage} width:500px; margin-left:80px;{/block:PermalinkPage} list-style: none; padding: 0px; margin-top:5px; margin-bottom:10px; text-align: justify; }
  234.  
  235. .audio {{block:IfWhiteAudioPlayer}background-color: #fff;{/block:IfWhiteAudioPlayer} {block:IfNotWhiteAudioPlayer} background-color: #000; {/block:IfNotWhiteAudioPlayer} {block:PermalinkPage} width:500px; {/block:PermalinkPage}}
  236.  
  237. .asker{padding:5px; line-height:16px; font-family:raleway; text-transform:uppercase; letter-spacing:2px; background-color: {color:Chat Background}; }
  238.  
  239. .qs { text-align:right;}
  240.  
  241. .notespage { width:500px; opacity: 1; z-index: 10000; margin-top:0px; margin-left:0px; margin-right:auto; text-align:right; }
  242.  
  243. .postnotes { margin-top:0; margin-left:20px; margin-right:auto; margin-bottom:0px; width:500px;
  244. text-align:left max-height:300px; overflow-x:auto; }
  245.  
  246. {block:ifFadeImages} img {opacity: 0.85; -webkit-transition-duration: 0.8s; }
  247. img:hover { opacity: 1; -webkit-transition-duration: 0.8s; } {/block:ifFadeImages}
  248.  
  249. .info{ background-color:{color:Chat Background}; display:block; padding:5px;}
  250.  
  251. .triangle{font-family:Arial; font-size:16px; color:{color:Chat Background}; position:absolute;
  252. margin:-20px 0px 0px 7px;}
  253.  
  254. .blogtitle{font-size:1px; {block:IndexPage}letter-spacing:12px;{block:IndexPage} {block:PermalinkPage}letter-spacing:10px;{/block:PermalinkPage} padding-bottom:15px; line-height:22px; color:{color:blogtitle}; font-family:ralewa; text-transform:uppercase; cursor:help; text-align:center;}
  255.  
  256. /*Permalink Inyfo */
  257.  
  258. {block:IndexPage}
  259.  
  260. .entry .permalink {margin-top: 4px; border-top: 1px dotted {color:text}; text-align: center; font-size: 10px; text-transform: uppercase; padding-top: 3px; overflow:hidden; -webkit-transition: opacity 0.7s linear; opacity: 0.0; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear;transition: all 0.4s linear;}
  261.  
  262. .entry:hover .permalink {overflow:visible; -webkit-transition: opacity 0.7s linear; opacity: .5; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  263.  
  264. .permalink {display:block; position: relative; text-align: right; text-transform:uppercase; font-size:9px; margin-top:-11px; font-family:'raleway', sans-serif; opacity:0.8; filter: alpha(opacity = 80); -webkit-transition: 0.3s ease-in; }
  265.  
  266. .entry:hover .permalink{opacity: 1; filter: alpha(opacity = 100); -webkit-transition: 0.3s ease-in; }
  267.  
  268. .photo_perma{display:block; height:15px; text-align:left; text-transform:uppercase; padding-left: 10px; padding-right: 10px; padding-top:10px; padding-bottom:10px; background-color:{color:background}; position: absolute; margin-top:-48px; margin-left:8px; opacity:0; filter: alpha(opacity = 0); -webkit-transition: 0.3s ease-in;}
  269.  
  270. .photo_perma a{color:{color:text};}
  271.  
  272. .entry:hover .photo_perma{ {block:IfCaption} margin-top:25px; {/block:IfCaption} opacity:0.75;
  273. filter: alpha(opacity = 75); -webkit-transition: 0.3s ease-in; }
  274.  
  275. {/block:IndexPage}
  276.  
  277. /*Other Info */
  278.  
  279. iframe#tumblr_controls{position:fixed; top:1px; margin: 0 0 0 0; right: 6px;}
  280.  
  281. {block:ifFadeImages} img {opacity: 0.85; -webkit-transition-duration: 0.8s; }
  282. img:hover { opacity: 1; -webkit-transition-duration: 0.8s; } {/block:ifFadeImages}
  283.  
  284. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:100px;}
  285. ::-webkit-scrollbar-thumb:horizontal { background-color:{color:scrollbar}; height:10px;}
  286. ::-webkit-scrollbar {height:10px; width:8px; background-color:{color:background};}
  287.  
  288. {CustomCSS}
  289.  
  290. #green{
  291. border-radius: 5px;
  292. border:0px solid #000;
  293. position:absolute;
  294. left:505px; padding-top:2px;
  295. top:150px;
  296. padding-bottom:14px;
  297. text-align:center;
  298. height:10px;
  299. width:60px;
  300. overflow:hidden;
  301. -webkit-transition: opacity 0.7s linear;
  302. -webkit-transition: all 0.7s ease-in-out;
  303. -moz-transition: all 0.7s ease-in-out;
  304. -o-transition: all 0.7s ease-in-out;
  305. background:transparent;
  306. z-index:9999;
  307. }
  308.  
  309. #green:hover{
  310. border-radius: 5px
  311. overflow-y:scroll;
  312. overflow-x:hidden;
  313. position:absolute;
  314. border:1px solid #fdc2f6;
  315. padding:5px;
  316. height:210px;
  317. width:200px;
  318. z-index:999999999;
  319. background:white;
  320. }
  321.  
  322. #box{
  323. height:auto;
  324. opacity:1.0;
  325. text-align:center;
  326. z-index:99999999999999999999;
  327. background:transparent;
  328.  
  329. }
  330.  
  331. #rabbit{
  332. border-radius: 5px;
  333. border:0px solid #000;
  334. position:absolute;
  335. left:450px; padding-top:2px;
  336. top:150px;
  337. padding-bottom:12px;
  338. text-align:center;
  339. height:10px;
  340. width:60px;
  341. overflow:hidden;
  342. -webkit-transition: opacity 0.7s linear;
  343. -webkit-transition: all 0.7s ease-in-out;
  344. -moz-transition: all 0.7s ease-in-out;
  345. -o-transition: all 0.7s ease-in-out;
  346. background:transparent;
  347. z-index:9999;
  348. }
  349.  
  350. #rabbit:hover{
  351. border-radius: 5px
  352. overflow-y:scroll;
  353. overflow-x:hidden;
  354. position:absolute;
  355. border:1px solid #fdc2f6;
  356. padding:5px;
  357. height:210px;
  358. width:200px;
  359. z-index:999999999;
  360. background:white;
  361. }
  362.  
  363. #box{
  364. height:auto;
  365. opacity:1.0;
  366. text-align:center;
  367. z-index:99999999999999999999;
  368. background:transparent;
  369.  
  370. }
  371.  
  372. #cat{
  373. border-radius: 5px;
  374. position:absolute;
  375. border:0px solid #000;
  376. left:550px; padding-top:2px;
  377. top:150px;
  378. padding-bottom:12px;
  379. text-align:center;
  380. height:10px;
  381. width:60px;
  382. overflow:hidden;
  383. -webkit-transition: opacity 0.7s linear;
  384. -webkit-transition: all 0.7s ease-in-out;
  385. -moz-transition: all 0.7s ease-in-out;
  386. -o-transition: all 0.7s ease-in-out;
  387. background:transparent;
  388. z-index:9999;
  389. }
  390.  
  391. #cat:hover{
  392. border-radius: 5px;
  393. position:absolute;
  394. overflow-y:scroll;
  395. overflow-x:hidden;
  396. border:1px solid #fdc2f6;
  397. padding:5px;
  398. height:210px;
  399. width:300px;
  400. z-index:999999999;
  401. background:white;
  402. }
  403.  
  404. #boxl{
  405. height:auto;
  406. opacity:1.0;
  407. text-align:center;
  408. z-index:99999999999999999999;
  409. background:transparent;
  410. }
  411.  
  412. #elephant{
  413. border-radius: 5px;
  414. position:absolute;
  415. border:0px solid #000;
  416. left:600px; padding-top:2px;
  417. top:150px;
  418. padding-bottom:11.5px;
  419. text-align:center;
  420. height:2px;
  421. width:35px;
  422. overflow:hidden;
  423. -webkit-transition: opacity 0.7s linear;
  424. -webkit-transition: all 0.7s ease-in-out;
  425. -moz-transition: all 0.7s ease-in-out;
  426. -o-transition: all 0.7s ease-in-out;
  427. background:transparent;
  428. z-index:9999;
  429. }
  430.  
  431. #elephant:hover{
  432. border-radius: 5px;
  433. position:absolute;
  434. overflow-y:scroll;
  435. overflow-x:hidden;
  436. border:1px solid #fdc2f6;
  437. padding:5px;
  438. height:150px;
  439. width:80px;
  440. z-index:999999999;
  441. background:white;
  442. }
  443.  
  444. #box{
  445. height:auto;
  446. opacity:1.0;
  447. text-align:center;
  448. z-index:99999999999999999999;
  449. background:transparent;
  450. }
  451.  
  452. #cow{
  453. border-radius: 5px;
  454. position:absolute;
  455. border:0px solid #000;
  456. left:640px; padding-top:2px;
  457. top:150px;
  458. padding-bottom:12px;
  459. text-align:center;
  460. height:10px;
  461. width:60px;
  462. overflow:hidden;
  463. -webkit-transition: opacity 0.7s linear;
  464. -webkit-transition: all 0.7s ease-in-out;
  465. -moz-transition: all 0.7s ease-in-out;
  466. -o-transition: all 0.7s ease-in-out;
  467. background:transparent;
  468. z-index:9999;
  469. }
  470.  
  471. #cow:hover{
  472. border-radius: 5px;
  473. position:absolute;
  474. overflow-y:scroll;
  475. overflow-x:hidden;
  476. border:1px solid #fdc2f6;
  477. padding:5px;
  478. height:180px;
  479. width:200px;
  480. z-index:999999999;
  481. background:white;
  482. }
  483.  
  484. #box{
  485. height:auto;
  486. opacity:1.0;
  487. text-align:center;
  488. z-index:99999999999999999999;
  489. background:transparent;
  490. }
  491.  
  492. #monkey{
  493. border-radius: 5px;
  494. border:0px solid #000;
  495. position:absolute;
  496. left:695px; padding-top:2px;
  497. top:150px;
  498. padding-bottom:12px;
  499. text-align:center;
  500. height:10px;
  501. width:60px;
  502. overflow:hidden;
  503. -webkit-transition: opacity 0.7s linear;
  504. -webkit-transition: all 0.7s ease-in-out;
  505. -moz-transition: all 0.7s ease-in-out;
  506. -o-transition: all 0.7s ease-in-out;
  507. background:transparent;
  508. z-index:9999;
  509. }
  510.  
  511. #monkey:hover{
  512. border-radius: 5px
  513. overflow-y:scroll;
  514. overflow-x:hidden;
  515. position:absolute;
  516. border:1px solid #fdc2f6;
  517. padding:5px;
  518. height:180px;
  519. width:210px;
  520. z-index:999999999;
  521. background:white;
  522. }
  523.  
  524. #box{
  525. height:auto;
  526. opacity:1.0;
  527. text-align:center;
  528. z-index:99999999999999999999;
  529. background:transparent;
  530.  
  531. }
  532.  
  533. #pink{
  534. border-radius: 5px;
  535. border:0px solid #000;
  536. position:absolute;
  537. left:740px; padding-top:2px;
  538. top:150px;
  539. padding-bottom:12px;
  540. text-align:center;
  541. height:10px;
  542. width:60px;
  543. overflow:hidden;
  544. -webkit-transition: opacity 0.7s linear;
  545. -webkit-transition: all 0.7s ease-in-out;
  546. -moz-transition: all 0.7s ease-in-out;
  547. -o-transition: all 0.7s ease-in-out;
  548. background:transparent;
  549. z-index:9999;
  550. }
  551.  
  552. #pink:hover{
  553. border-radius: 5px
  554. overflow-y:scroll;
  555. overflow-x:hidden;
  556. position:absolute;
  557. border:1px solid ##0B610B;
  558. padding:5px;
  559. height:210px;
  560. width:200px;
  561. z-index:999999999;
  562. background:white;
  563. }
  564.  
  565. #box{
  566. height:auto;
  567. opacity:1.0;
  568. text-align:center;
  569. z-index:99999999999999999999;
  570. background:transparent;
  571. }
  572.  
  573. #creds {
  574. text-align: left;
  575. font-size: 11px;
  576. position:fixed;
  577. left:10px;
  578. bottom:-65px;
  579. -webkit-transition: all .5s ease-in-out;
  580. -moz-transition: all .5s ease-in-out;
  581. -o-transition: all .5s ease-in-out;
  582. z-index:999;
  583. }
  584.  
  585. #creds:hover {bottom:0px;}
  586.  
  587. #cred {
  588. border-right-style:solid;
  589. border-bottom-style:solid;
  590. border-left-style:solid;
  591. border-width:0px;
  592. border-color:#000;
  593. padding: 5px 0 5px 0;
  594. background: #ffffff;
  595. width:150px;
  596. height:50px;
  597. border-top-right-radius: 0px;
  598. -moz-border-radius-topright: 0px;
  599. -webkit-border-top-right-radius: 0px;
  600. z-index: 9999;
  601. }
  602.  
  603. #credtab {
  604. border-top-style:none;
  605. border-right-style:solid;
  606. border-bottom-style:solid;
  607. border-left-style:solid;
  608. border-width:0px;
  609. border-color:#000;
  610. text-align: center;
  611.  
  612. height:13px;
  613. padding: 2px 0 8px 0;
  614. background:#ffffff;
  615. border-top-left-radius: 0px;
  616. -moz-border-radius-topleft: 0px;
  617. -webkit-border-top-left-radius: 0px;
  618. border-top-right-radius: 0px;
  619. -moz-border-radius-topright: 0px;
  620. -webkit-border-top-right-radius: 0px;
  621. width: 41px;
  622. }
  623. .nine{
  624. bottom:5px;
  625. right:5px;
  626. font-size:11px;
  627. z-index:4;
  628. position:fixed;
  629. font-family: "raleway";
  630. padding:0px;
  631. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  632. }
  633. .nine:hover{
  634. bottom:15px;
  635. font-family: "raleway";
  636. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  637. }
  638. .nine .linkk{opacity:0;
  639. bottom:5px;
  640. right:7px;
  641. font-family: "raleway";
  642. font-size:11px;
  643. z-index:4;
  644. position:fixed;
  645. padding:0px;
  646. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  647. }
  648. .nine:hover .linkk{
  649. opacity:0.9;
  650. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  651. }
  652.  
  653.  
  654. </style>
  655.  
  656. {block:IndexPage}
  657.  
  658. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  659. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  660. </script>
  661. {block:IfEndlessScrolling}<script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>{/block:IfEndlessScrolling}
  662. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  663. <script type="text/javascript">
  664.  
  665. $(window).load(function () {
  666. $('#content').masonry(),
  667. $('.masonryWrap').infinitescroll({
  668. navSelector : "div#navigation",
  669. // selector for the paged navigation (it will be hidden)
  670. nextSelector : "div#navigation a#nextPage",
  671. // selector for the NEXT link (to page 2)
  672. itemSelector : ".entry",
  673. // selector for all items you'll retrieve
  674. bufferPx : 10000,
  675. extraScrollPx: 11000,
  676. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  677. loadingText : "<em></em>",
  678. },
  679. // call masonry as a callback.
  680. function() { $('#content').masonry({ appendedContent: $(this) }); }
  681. );
  682. });
  683. </script>
  684. <script type="text/javascript">
  685. $(window).load(function(){
  686. $("p").remove(":contains('Source:')");
  687. });
  688. </script>
  689. {/block:IndexPage}
  690.  
  691. </head>
  692. <body>
  693.  
  694.  
  695. </center></div>
  696. </div>
  697.  
  698. <div id="rabbit">
  699. about<br><p>
  700. <div id="box">
  701. {description}
  702. <BR>
  703. </div></div>
  704.  
  705. <div id="pink">
  706. more<br><p>
  707. <div id="box">
  708. {text:moretabcontent}
  709. <BR>
  710. </div></div>
  711.  
  712. <div id="green">
  713. updates<br><p>
  714. {text:updates}
  715. <div id="box">
  716.  
  717. </div></div>
  718.  
  719. <div id="monkey">
  720. stats<br><p>
  721. <div id="box">
  722. You are 1 of <script language="JavaScript">
  723. var ref = (''+document.referrer+'');
  724. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID1993095&e1=&e2=&r=' + ref + '"><\/script>');
  725. </script> on my blog right now
  726. <br>
  727. <SCRIPT>
  728. function GetCookie (name) {
  729. var arg = name + "=";
  730. var alen = arg.length;
  731. var clen = document.cookie.length;
  732. var i = 0;
  733. while (i < clen) {
  734. var j = i + alen;
  735. if (document.cookie.substring(i, j) == arg)
  736. return getCookieVal (j);
  737. i = document.cookie.indexOf(" ", i) + 1;
  738. if (i == 0) break;
  739. }
  740. return null;
  741. }
  742. function SetCookie (name, value) {
  743. var argv = SetCookie.arguments;
  744. var argc = SetCookie.arguments.length;
  745. var expires = (argc > 2) ? argv[2] : null;
  746. var path = (argc > 3) ? argv[3] : null;
  747. var domain = (argc > 4) ? argv[4] : null;
  748. var secure = (argc > 5) ? argv[5] : false;
  749. document.cookie = name + "=" + escape (value) +
  750. ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
  751. ((path == null) ? "" : ("; path=" + path)) +
  752. ((domain == null) ? "" : ("; domain=" + domain)) +
  753. ((secure == true) ? "; secure" : "");
  754. }
  755. function DeleteCookie (name) {
  756. var exp = new Date();
  757. exp.setTime (exp.getTime() - 1);
  758. var cval = GetCookie (name);
  759. document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
  760. }
  761. var expDays = 30;
  762. var exp = new Date();
  763. exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
  764. function amt(){
  765. var count = GetCookie('count')
  766. if(count == null) {
  767. SetCookie('count','1')
  768. return 1
  769. }
  770. else {
  771. var newcount = parseInt(count) + 1;
  772. DeleteCookie('count')
  773. SetCookie('count',newcount,exp)
  774. return count
  775. }
  776. }
  777. function getCookieVal(offset) {
  778. var endstr = document.cookie.indexOf (";", offset);
  779. if (endstr == -1)
  780. endstr = document.cookie.length;
  781. return unescape(document.cookie.substring(offset, endstr));
  782. }
  783. </SCRIPT>
  784. <SCRIPT>
  785. document.write("You've been here <b>" + amt() + "</b> times.")
  786. </SCRIPT>
  787. <br>
  788. <script type = "text/javascript">
  789.  
  790. /***********************************************
  791. * Display time of last visit script- by JavaScriptKit.com
  792. * This notice MUST stay intact for use
  793. * Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and more
  794. ***********************************************/
  795.  
  796. var days = 730; // days until cookie expires = 2 years.
  797. var lastvisit=new Object();
  798. var firstvisitmsg="Welcome to my blog :), thanks for visiting! :)";
  799. lastvisit.subsequentvisitmsg=" You were last here on <b>[displaydate]</b>";
  800.  
  801. lastvisit.getCookie=function(Name){
  802. var re=new RegExp(Name+"=[^;]+", "i");
  803. if (document.cookie.match(re))
  804. return document.cookie.match(re)[0].split("=")[1];
  805. return'';
  806. }
  807.  
  808. lastvisit.setCookie=function(name, value, days){
  809. var expireDate = new Date();
  810.  
  811. var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days));
  812. document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
  813. }
  814.  
  815. lastvisit.showmessage = function() {
  816. var wh = new Date();
  817. if (lastvisit.getCookie("visitc") == "") {
  818. lastvisit.setCookie("visitc", wh, days);
  819. document.write(firstvisitmsg);
  820. }
  821.  
  822. else {
  823. var lv = lastvisit.getCookie("visitc");
  824. var lvp = Date.parse(lv);
  825. var now = new Date();
  826. now.setTime(lvp);
  827. var day = new Array("Sun", "Mon", "Tues", "Wed", "Thur", "Fri", "Sat");
  828. var month = new Array ("01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12");
  829. var dd = now.getDate();
  830. var dy = now.getDay();
  831. dy = day[dy];
  832. var mn = now.getMonth();
  833. mn = month[mn];
  834. yy = now.getFullYear();
  835. var hh = now.getHours();
  836. var ampm = "AM";
  837.  
  838. if (hh == 0)
  839. if (hh < 10) {hh = "0" + hh};
  840. var mins = now.getMinutes();
  841. if (mins < 10) {mins = "0"+ mins}
  842. var secs = now.getSeconds();
  843. if (secs < 10) {secs = "0" + secs}
  844. var dispDate = dy + ", " + mn + " " + dd + " " + yy + " "
  845. document.write(lastvisit.subsequentvisitmsg.replace("\[displaydate\]", dispDate))
  846. }
  847.  
  848. lastvisit.setCookie("visitc", wh, days);
  849.  
  850. }
  851.  
  852. lastvisit.showmessage();
  853.  
  854. </script></center>
  855.  
  856. <BR>
  857. Your ip address is: <script language="JavaScript" src="http://freehostedscripts.net/ip.php"></script>
  858. <br>
  859. You speak: <script language="JavaScript" src="http://freehostedscripts.net/language.php"></script>
  860. <br>
  861. You are using: <script language="JavaScript" src="http://freehostedscripts.net/browserinfo.php"></script>
  862.  
  863. <br>
  864. It is <script language="JavaScript" src="http://freehostedscripts.net/date2.php"></script>
  865. <br>
  866.  
  867. </div></div>
  868.  
  869. <div id="cat">
  870. ask<br><p>
  871. <div id="box">
  872. {text:FAQ}
  873. <br>
  874. <iframe frameborder="0" border="0" scrolling="yes" width="290" height="240" allowtransparency="true" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  875. <BR>
  876. </div></div>
  877.  
  878. <div id="elephant">
  879. links<br><p>
  880. <div id="box">
  881. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}<br><br>
  882. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}<br><br>
  883. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}<br><br>
  884. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}<br><br>
  885. {block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}" class="links">{text:Custom Link Five Title}</a>{/block:ifCustomLinkFiveTitle}<br><br>
  886. {block:ifCustomLinkSixTitle}<a href="{text:Custom Link Six}" class="links">{text:Custom Link Six Title}</a>{/block:ifCustomLinkSixTitle}<br><br>
  887. {block:ifCustomLinkSevenTitle}<a href="{text:Custom Link Seven}" class="links">{text:Custom Link Seven Title}</a>{/block:ifCustomLinkSevenTitle}<br><br>
  888. {block:ifCustomLinkEightTitle}<a href="{text:Custom Link Eight}" class="links">{text:Custom Link Eight Title}</a>{/block:ifCustomLinkEightTitle}<br><br>
  889. <BR>
  890. </div></div>
  891.  
  892. <div id="cow">
  893. networks<br><p>
  894. <div id="box">
  895. {text:networkbadges}
  896. <BR>
  897. </div></div>
  898.  
  899. {block:Pagination}<div id="page">{block:PreviousPage}<a href="{PreviousPage}">prev ious page \</a> {/block:PreviousPage}</div> <div id="page">{block:nextPage}<a href="{nextPage}">/ next page</a>{/block:nextPage}</div>{/block:Pagination} <div class="navigation">{block:Pagination}{/block:Pagination}</div>
  900.  
  901.  
  902. {block:IfSidebarfadeonscrolldown}
  903. <script>
  904. var visible = 0;
  905. $(window).scroll(function() {
  906. if($(window).scrollTop()>="60") {
  907. if(visible == 0){
  908. $("#sidebar").stop().fadeTo("medium", 1);
  909. visible = 1;
  910. }
  911. }
  912. else {
  913. if(visible == 1){
  914. $("#sidebar").stop().fadeTo("medium", 0.0);
  915. visible = 0;
  916. }
  917. }
  918. });
  919. </script>
  920. {/block:IfSidebarfadeonscrolldown}
  921.  
  922. <div id="wrap">
  923.  
  924. <div class="header">
  925.  
  926. {block:IfHeaderImage}<img style="{block:IndexPage}width:520px;{block:IndexPage} {block:PermalinkPage}width:500px;{/block:PermalinkPage} overflow:hidden; float:left; padding-bottom:15px;" src="{image:header}">{/block:IfHeaderImage}
  927.  
  928. <div class="blogtitle">{Title}</div>
  929.  
  930. <div style="text-align:right;">
  931.  
  932. </div></div>
  933.  
  934. <div style="padding-top:15px;"><div id="content">
  935.  
  936. {block:Posts}
  937.  
  938. {block:Text}<div class="entry">{block:Title}<span class="post_title">{Title}</span>{/block:Title}
  939. {Body}{block:IndexPage}<span class="permalink"><a href="{Permalink}">{TimeAgo}&nbsp; - &nbsp;{NoteCountWithLabel}</a></span>{/block:IndexPage}</div>{/block:Text}
  940.  
  941. {block:Photo}<div class="entry">{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:IndexPage}width="250"{/block:IndexPage}{block:PermalinkPage}width="520"{/block:PermalinkPage}/>{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {block:IndexPage}<span class="photo_perma"><a href="{Permalink}"> {NoteCountWithLabel}</a> &#8226; <a href="{ReblogURL}" target="_blank">{text:reblog} </a></a></a></span>{/block:IndexPage}</div>{/block:Photo}<!--themeoriginallybyw0lfteeth-->
  942.  
  943. {block:Photoset}<div class="entry">{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:IndexPage}{block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}{/block:IndexPage}<br>{block:IndexPage}<span class="permalink"><a href="{Permalink}">{TimeAgo}&nbsp; - &nbsp;{NoteCountWithLabel} &nbsp; - &nbsp; <a href="{ReblogURL}" target="_blank">{text:reblog} </a></a></span>{/block:IndexPage}</div>{/block:Photoset}<!--themeoriginallybyw0lfteeth-->
  944.  
  945. {block:Quote}<div class="entry"><span class="quote">&#10077;</span><div class="quot">{Quote}</div>{block:Source}<div class="source"><p>&#8212; {Source}</p></div>{/block:Source}
  946. {block:IndexPage}<span class="permalink"><a href="{Permalink}">{TimeAgo}&nbsp; - &nbsp;{NoteCountWithLabel}</a></span>{/block:IndexPage}</div>{/block:Quote} <!--themeoriginallybyw0lfteeth-->
  947.  
  948. {block:Chat}<div class="entry">{block:Title}<span class="post_title">{Title}</span>{/block:Title}
  949. <div id="chat"><ul>{block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label}{Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<span class="permalink"><a href="{Permalink}">{TimeAgo}&nbsp; - &nbsp;{NoteCountWithLabel}</a></span>{/block:IndexPage}</div>{/block:Chat}
  950.  
  951. {block:Link}<div class="entry"><span class="post_title"><a href="{URL}">{Name} </span></a>{block:Description}{Description}{/block:Description}{block:IndexPage}<span class="permalink"><a href="{Permalink}">{TimeAgo}&nbsp; - &nbsp;{NoteCountWithLabel}</a></span>{/block:IndexPage}</div>{/block:Link}
  952.  
  953. {block:Audio}<div class="entry"><div class="audio"> {block:IfWhiteAudioPlayer}{AudioPlayerWhite}{/block:IfWhiteAudioPlayer}{block:IfNotWhiteAudioPlayer}{AudioPlayerBlack}{/block:IfNotWhiteAudioPlayer}</div> {block:AlbumArt}<img src="{AlbumArtURL}" style="width:50px; height:50px; float:left; padding-right:10px; padding-top:10px; padding-left:5px; padding-bottom:10px;">{/block:AlbumArt}{block:Caption}{Caption}{/block:Caption} <br>{block:IndexPage}<span class="permalink"><a href="{Permalink}">{TimeAgo}&nbsp; - &nbsp;{NoteCountWithLabel}</a></span>{/block:IndexPage}</div>{/block:Audio}
  954.  
  955. {block:Video}<div class="entry">{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
  956. {block:IndexPage}<span class="permalink"><a href="{Permalink}">{TimeAgo}&nbsp; - &nbsp;{NoteCountWithLabel}</a></span>{/block:IndexPage}</div>{/block:Video}<!--themeoriginallybyw0lfteeth-->
  957.  
  958. {block:Answer}<div class="entry"><div class="asker">{Question}</div> <br> <div class="triangle">▼</div> <div class="qs">asked by {Asker}</div><br>{Answer}<p>{block:IndexPage}<span class="permalink"><a href="{Permalink}">{TimeAgo}&nbsp; - &nbsp;{NoteCountWithLabel}</a></span>{/block:IndexPage}</div>{/block:Answer}
  959.  
  960. {block:PermalinkPage} <div class="notespage"> {block:NoteCount}{NoteCountWithLabel} / {/block:NoteCount} {block:Date}{TimeAgo}{/block:Date} {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom} {block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} {block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
  961. <div class="postnotes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div> {/block:PermalinkPage}
  962.  
  963. {/block:posts}
  964.  
  965. {block:IndexPage}
  966. <div class="column navigation" id="navigation">
  967. {block:Pagination}
  968. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  969. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  970. </div>
  971. {/block:IndexPage}
  972.  
  973. </div></div></div></body>
  974. <!--
  975. Do not remove credit for this edit or you WILL be reported.
  976. -->
  977. <div class="nine"><a href="http://c-innamonbun.tumblr.com">theme edit</a><br><div class="linkk"><a href="http://c-innamonbun.tumblr.com">c-innamonbun</a></div>
  978.  
  979.  
  980. </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!