API tools faq
paste
Advertisement
ramisaaaaa

Untitled

ramisaaaaa
Jun 24th, 2012
64
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.90 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme by icy-me0ws
  3. orginally by p1zzap1e
  4. -->
  5.  
  6. <head>
  7. <link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  8.  
  9. <link href='http://fonts.googleapis.com/css?family=Over+the+Rainbow' rel='stylesheet' type='text/css'>
  10.  
  11.  
  12. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  13.  
  14.  
  15. <script type="text/javascript" src="http://static.tumblr.com/oct6d4x/Lzfm173av/jquery-1.3.1.txt"></script>
  16.  
  17. <script type="text/javascript">
  18.  
  19. $(document).ready(function() {
  20. //Get all the LI from the #tabMenu UL
  21. $('#tabMenu li').click(function(){
  22.  
  23. //perform the actions when it's not selected
  24. if (!$(this).hasClass('selected')) {
  25.  
  26. //remove the selected class from all LI
  27. $('#tabMenu li').removeClass('selected');
  28.  
  29. //Reassign the LI
  30. $(this).addClass('selected');
  31.  
  32. //Hide all the DIV in .boxBody
  33. $('.boxBody div.parent').slideUp('1500');
  34.  
  35. //Look for the right DIV in boxBody according to the Navigation UL index, therefore, the arrangement is very important.
  36. $('.boxBody div.parent:eq(' + $('#tabMenu > li').index(this) + ')').slideDown('1500');
  37. }
  38. }).mouseover(function() {
  39.  
  40. //Add and remove class, Personally I dont think this is the right way to do it, anyone please suggest
  41. $(this).addClass('mouseover');
  42. $(this).removeClass('mouseout');
  43. }).mouseout(function() {
  44.  
  45. //Add and remove class
  46. $(this).addClass('mouseout');
  47. $(this).removeClass('mouseover');
  48. });
  49.  
  50. //Mouseover with animate Effect for Category menu list
  51. $('.boxBody #category li').click(function(){
  52.  
  53. //Get the Anchor tag href under the LI
  54. window.location = $(this).children().attr('href');
  55. }).mouseover(function() {
  56.  
  57. //Change background color and animate the padding
  58. $(this).css('backgroundColor','#trans');
  59. $(this).children().animate({paddingLeft:"20px"}, {queue:false, duration:300});
  60. }).mouseout(function() {
  61.  
  62. //Change background color and animate the padding
  63. $(this).css('backgroundColor','');
  64. $(this).children().animate({paddingLeft:"0"}, {queue:false, duration:300});
  65. });
  66.  
  67. //Mouseover effect for Posts, Comments, Famous Posts and Random Posts menu list.
  68. $('#.boxBody li').click(function(){
  69. window.location = $(this).children().attr('href');
  70. }).mouseover(function() {
  71. $(this).css('backgroundColor','#trans');
  72. }).mouseout(function() {
  73. $(this).css('backgroundColor','');
  74. });
  75.  
  76.  
  77. });
  78.  
  79. </script>
  80.  
  81. <!-- DEFAULT VARIABLES -->
  82. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  83. <meta name="color:background" content="#888"/>
  84. <meta name="image:background" content="" />
  85. <meta name="color:text" content="#000"/>
  86. <meta name="color:title" content="#000"/>
  87. <meta name="color:link" content="#777"/>
  88. <meta name="color:hover" content="#ccc"/>
  89. <meta name="text:title one" content="message">
  90. <meta name="text:title two" content="faq">
  91. <meta name="text:title three" content="love">
  92. <meta name="text:title four" content="links">
  93. <meta name="image:sidebar" content=""/>
  94. <meta name="text:Your url" content=""/>
  95. <meta name="text:faq" content="1. be nice. 2. be friendly. 3. etc">
  96. <meta name="text:quote" content="insert short quote here" />
  97. <meta name="text:Link One Title" content="" />
  98. <meta name="text:Link One" content="" />
  99. <meta name="text:Link Two Title" content="" />
  100. <meta name="text:Link Two" content="" />
  101. <meta name="text:Link Three Title" content="" />
  102. <meta name="text:Link Three" content="" />
  103. <meta name="text:Link Four Title" content="" />
  104. <meta name="text:Link Four" content="" />
  105. <meta name="text:Link Five Title" content="" />
  106. <meta name="text:Link Five" content="" />
  107.  
  108.  
  109. <title>{title}</title>
  110.  
  111. <style type="text/css">
  112.  
  113. ::-webkit-scrollbar-thumb:vertical {
  114. background-color:#bebebe;
  115. height:auto;
  116. border-bottom: 1px solid #aaaaaa;
  117. border-top: 1px solid #aaaaaa;
  118. border-left: 1px solid #aaaaaa;
  119. border-right: 1px solid #aaaaaa;
  120. }
  121.  
  122. ::-webkit-scrollbar-thumb:horizontal {
  123. background-color:#bebebe;
  124. height:auto !important;
  125. }
  126.  
  127. ::-webkit-scrollbar {
  128. height:auto;
  129. width:7px;
  130. border-left: 1px solid #aaaaaa;
  131. background-color:#ECECEC;
  132. }
  133.  
  134.  
  135.  
  136. blockquote {
  137. border-left: 3px solid #8a8a8a;
  138. padding: 3px 3px 3px 5px;
  139. background-color: #eee;
  140. }
  141.  
  142.  
  143.  
  144. .title{
  145. color:{color:Title};
  146. text-shadow: 1px 1px 2px ;
  147. font-family: dawning;
  148. font-style: normal;
  149. font-size: 17px;
  150. line-height:15px;
  151. letter-spacing:1px;
  152. font-weight:normal;
  153. text-align: center;
  154. display: block;
  155. }
  156.  
  157.  
  158. @font-face { font-family: "dawning";src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf'); }
  159.  
  160. .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;}
  161.  
  162. .bubble p {margin:1px 0px;}
  163.  
  164. .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;}
  165.  
  166.  
  167.  
  168. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  169.  
  170. @font-face {
  171. font-family: "tinytots";
  172. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  173. }
  174.  
  175. body{
  176. color: {color:Text};
  177. background-image:url({image:Background});
  178. background-color:{color:Background};
  179. background-postition:center;
  180. background-attachment: fixed;
  181. background-repeat: repeat;
  182. font-family: helvetica;
  183. font-size: 9px;
  184. letter-spacing: 0px;
  185. line-height: 15px;
  186. text-align:justify;
  187. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  188. }
  189.  
  190.  
  191.  
  192. A:link, A:visited, A:active{
  193. color: {color:Link};
  194. text-decoration:none;
  195. -webkit-transition-duration: 1.0s;
  196. }
  197.  
  198.  
  199.  
  200. A:hover{
  201. color: {color:Hover};
  202. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
  203. }
  204.  
  205.  
  206.  
  207. arr {font-family: "arr"; font-size:30px; z-index:1;}
  208.  
  209. @font-face {
  210. font-family: "arr";
  211. src: url('http://static.tumblr.com/oct6d4x/Zyvlqqu92/arsenale_white.ttf');
  212. }
  213.  
  214.  
  215.  
  216.  
  217. .nav a {
  218. padding:3px;
  219. padding-top:4px;
  220. margin-top:2px;
  221. margin-left:0px;
  222. display:block;
  223. font-family:helvetica;
  224. font-size:8px;
  225. text-align: left;
  226. text-transform:uppercase;
  227. text-decoration:none;
  228. color:#696969;
  229. background-color:#EEECEC;
  230. border: 1px solid #dadada;
  231. -webkit-transition: all 0.5s ease-out;
  232. -moz-transition: all 0.5s ease-out;
  233. transition: all 0.5s ease-out;
  234.  
  235. }
  236.  
  237. .nav a:hover{
  238. color: #EEECEC;
  239. background-color:#fff;
  240. text-align: center;
  241. border-left:8px solid #eee;
  242. -webkit-transition: all 0.3s ease-out;
  243. -moz-transition: all 0.3s ease-out;
  244. transition: all 0.3s ease-out;
  245. font-style:italic;
  246. text-decoration:underline;
  247. -webkit-border-radius: 0px;
  248. -moz-border-radius: 0px;
  249. border-radius: 0px;
  250. }
  251.  
  252.  
  253. div#content{
  254. float:left;
  255. width: 560px;
  256. padding:0px 0px 0px 0px;
  257. margin-top:-553px;
  258. margin-left:250px;
  259. margin-bottom:0px;
  260. height:auto;
  261. }
  262.  
  263. #entry {
  264. background-color:#fff;
  265. overflow-x: hidden;
  266. float:left;
  267. width:248px;
  268. height: 175px;
  269. overflow:hidden;
  270. padding:3px;
  271. border: 2px #dadada solid;
  272. margin:2px;
  273. -moz-border-radius:0px;
  274. -webkit-border-radius:0px;
  275. }
  276.  
  277. #entry .permalink{
  278. position: absolute;
  279. width:250px;
  280. margin-top: 0px;
  281. margin-left:0px;
  282. font-family: helvetica;
  283. font-size: 10px;
  284. padding: 1px;
  285. text-align: center;
  286. overflow:hidden;
  287. opacity: 0.0;
  288. line-height: 20px;
  289. background-color: white;
  290. -webkit-transition: color 0.2s ease-in;
  291. -moz-transition: color 0.2s ease-in;
  292. }
  293.  
  294. #entry:hover .permalink{
  295. margin-left: 0px;
  296. overflow:visible;
  297. -webkit-transition: opacity 0.2s linear; opacity: 0.8;
  298. -webkit-transition: all 0.2s linear;
  299. -moz-transition: all 0.2s linear;
  300. transition: all 0.2s linear;
  301. }
  302.  
  303.  
  304.  
  305. .bubble {align:right;background: #eee;position: relative;}
  306.  
  307. .bubble p {margin:1px 0px;}
  308.  
  309. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;}
  310.  
  311.  
  312.  
  313. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  314.  
  315.  
  316.  
  317.  
  318.  
  319.  
  320. #tabMenu{margin-top:90px; padding:0 0 0 15px;list-style:none;}#tabMenu li{float:left;height:30px;width:40px;cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}li.comments{background:url(http://static.tumblr.com/oct6d4x/LDrm173j7/tabcomment.png
  321. ) no-repeat 0 -33px;}li.posts{background:url(http://static.tumblr.com/oct6d4x/KtUm173jn/tabstar.png) no-repeat 0 -33px;}li.category{background:url(http://static.tumblr.com/oct6d4x/ESdm173k2/tabfolder.png) no-repeat 0 -33px;}li.famous{background:url(http://static.tumblr.com/oct6d4x/FHHm173kq/tabheart.png) no-repeat 0 -33px;}li.random{background:url(http://static.tumblr.com/oct6d4x/eLom173l7/tabrandom.png) no-repeat 0 -32px;}li.mouseover{background-position:0 0;}li.mouseout{background-position:0 -32px;}li.selected{background-position:0 0;}.box{width:227px}.boxTop{background:url(http://static.tumblr.com/oct6d4x/Qvqm173m2/boxtop.png) no-repeat;height:11px;clear:both}.boxBody{background-color:transparent; border-right: 0px solid #000; border-left: 0px solid #000; }.boxBottom{background:url(http://static.tumblr.com/oct6d4x/GXNm173m9/boxbottom.png) no-repeat;height:11px;}.boxBody div.parent{display:none;}.boxBody div.show{display:block;}.boxBody div ul{margin:0 10px 0 22px;padding:0;width:185px;list-style-image:url(http://static.tumblr.com/oct6d4x/6vzm1vbdh/15vodd.gif)}.boxBody div li{border-bottom:1px dotted #000000;padding:3px 0;cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
  322.  
  323. }.boxBody div ul li.last{border-bottom:none}.boxBody div li span{font-size:8px;font-style:italic;color:#000;}
  324.  
  325. </style>
  326.  
  327. <link rel="shortcut icon" href="{Favicon}">
  328. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  329. <meta name="viewport" content="width=820" />
  330.  
  331. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  332.  
  333.  
  334.  
  335. <body>
  336.  
  337.  
  338. <div class="box">
  339. <ul id="tabMenu">
  340. <li class="posts selected"></li>
  341. <li class="comments" title="{text:Title One}"></li>
  342. <li class="category" title="{text:Title Two}"></li>
  343. <li class="famous" title="{text:Title Three}"></li>
  344. <li class="random" title="{text:Title Four}"></li>
  345. </ul>
  346.  
  347. <div class="boxTop"></div>
  348. <div class="boxBody">
  349. <div id="posts" class="show parent">
  350. <a href="/"><img src="{image:Sidebar}" width="223" style="background: white; padding-right: 0px; padding-left: -3px; border: 3px solid #dadada; padding-left: 2px; margin-top: 5px; margin-left: -2px;"/></a>
  351. <center><ul>{Description}</center></div>
  352. <br>
  353.  
  354. <div id="comments" class="parent">
  355. <iframe frameborder="0" scrolling="no" width="100%" height="150" src="http://www.tumblr.com/ask_form/{text:Your url}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p></span>
  356. </div>
  357.  
  358.  
  359. <div id="category" class="parent">
  360. {text:faq}
  361. </div>
  362.  
  363.  
  364. <div id="famous" class="parent">
  365. <span style="font-family:dawning;font-size:17px;">
  366. <div align="center">
  367. <br>"{text:quote}"
  368. <br><br>
  369. </div></div>
  370.  
  371. <div id="random" class="parent">
  372. <div style="margin:2px;"><br> <center>{block:ifLinkOneTitle}<div class="nav a"><a href="{text:Link One}"><center>{text:Link One Title}</center></a></div>{/block:ifLinkOneTitle} {block:ifLinkTwoTitle}<div class="nav a "><a href="{text:Link Two}"><center>{text:Link Two Title}</center></a></div>{/block:ifLinkTwoTitle} {block:ifLinkThreeTitle}<div class="nav a"><a href="{text:Link Three}"><center>{text:Link Three Title}</center></a></div>{/block:ifLinkThreeTitle} {block:ifLinkFourTitle}<div class="nav a"><a href="{text:Link Four}"><center>{text:Link Four Title}</center></a></div>{/block:ifLinkFourTitle} {block:ifLinkFiveTitle}<div class="nav a"><a href="{text:Link Five}"><center>{text:Link Five Title}</center></a></div>{/block:ifLinkFiveTitle} </center>
  373.  
  374. </div>
  375.  
  376. </div>
  377.  
  378. <div id="content">
  379. {block:Posts}
  380.  
  381. <div id="entry">
  382.  
  383. <div class="permalink">
  384. <a href="{permalink}">posted {timeago}</a> / <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></span></div>
  385.  
  386. {block:Text}
  387. {block:Title}<span class="title">{Title}</span>{/block:Title}
  388. <span class="entrytext">{Body}</span></a>
  389.  
  390. {/block:Text}
  391.  
  392. {block:Link}
  393. <a href="{URL}" class="title">{Name}</a>
  394. {block:Description}{Description}{/block:Description}
  395. {block:Link}
  396.  
  397. {block:Photo}
  398. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=250px height=175px/>{LinkCloseTag}
  399. {/block:Photo}
  400.  
  401. {block:Quote}
  402. <span class="title">{Quote}</span>
  403. {block:Source}{Source}{/block:Source}
  404. {/block:Quote}
  405.  
  406. {block:Chat}
  407. {block:Title}<span class="title">{Title}</span>{/block:Title}
  408. <ul class="chat">
  409. {block:Lines}
  410. <li class="user_{UserNumber}">
  411. {block:Label}
  412. <span class="label">{Label}</span>
  413. {/block:Label}
  414.  
  415. {Line}
  416. </li>
  417. {/block:Lines}
  418. </ul>
  419.  
  420. {/block:Chat}
  421.  
  422. {block:Audio}
  423. <center><div style="width:300px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
  424. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</small></div></div></centeR><BR>
  425. {block:Caption}{Caption}{/block:Caption}
  426. {/block:Audio}
  427.  
  428. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer} <p align=right><a href="{Permalink}">{notecountwithlabel}</a></font></a></align>{/block:Answer}
  429.  
  430. {block:Video}http://www.tumblr.com/customize-classic#
  431. <center>
  432. <div class="video2">{Video-400}</div><BR>
  433. {block:Caption}{Caption}</a>{/block:Caption}</center>
  434. {block:Video}
  435.  
  436. {block:PostNotes}
  437. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  438. <div id="postnotes">{PostNotes}</div>
  439.  
  440. {/block:PostNotes}
  441. </div>
  442. {/block:Posts}
  443. </div></div>
  444.  
  445. </div>
  446. <div style="position: fixed; right:2px; bottom:2px;">
  447. <a href="http://icy-me0ws.tumblr.com">credit</a></div>
  448. </body>
  449. </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!