API tools faq
paste
Advertisement
Guest User

DREAMY PINK theme by ROTFERKEL

a guest
Oct 31st, 2013
10,183
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.48 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. <head>
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>
  5.  
  6.  
  7.  
  8.  
  9. <!--
  10.  
  11.  
  12. __
  13. d888b
  14. 888888b
  15. 8888888
  16. 8888888
  17. 8888888
  18. _ 8888888
  19. ,d88 8888888
  20. ____ d88' _,, 888888'
  21. (8888\ 88' d888) Y8888P
  22. ___~~8 ~8 88~___ d8888
  23. _______ ,8888888 ~ 888888_8888
  24. ,8888888888===__ _,d88P~~ ~~Y88888'
  25. 88888888888888888888888' `88b
  26. 8888888888888888888888P Y88
  27. `~888888888888~~~~~ 88 88
  28. ~~~~~~~~ 88 88
  29. 88 88
  30. 88 88
  31. 88 88
  32. 88 ,aa. ,aa. 88
  33. 88 d88b d88b 88
  34. ,=88 Y88P Y88P 88=,
  35. ,d88P' `' _aa_ `' `Y88b, ___
  36. 88P' (8888) `Y88 ad88888b
  37. 88 ~^^~ 88 d88Y~~"Y8b
  38. _______"Yb._ _.d8"d8Y 88
  39. ______,d88888888ba888=,.______________________.,=8888~d88_______88___
  40. |~~~~~~88P~~~~~~Y88~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
  41. | 88 88 |
  42. | 88 88 |
  43. | 88ba,___,d8P THEME |
  44. | "888888888 by |
  45. | ~~~~~~ ROTFERKEL |
  46. | http://rotferkelthemes.tumblr.com/ |
  47. | |
  48. |_____________________________________________________________________|
  49. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  50.  
  51.  
  52. -->
  53.  
  54.  
  55. <title>{title}</title>
  56. <meta name="text:Search Label" content="" />
  57. <script type="text/javascript" src="http://static.tumblr.com/p2evvtm/Wycm17d1m/tumblr_search_box.js"></script>
  58. <meta name="color:Background" content="#FFFFFF"/>
  59. <meta name="color:Text" content="#555555"/>
  60. <meta name="color:Links" content="#000000"/>
  61.  
  62.  
  63.  
  64. <meta name="image:Background" content=""/>
  65. <meta name="image:Logo" content=""/>
  66.  
  67.  
  68. <meta name="text:Link1" content="" />
  69. <meta name="text:Link1URL" content=""/>
  70. <meta name="text:Link2" content="" />
  71. <meta name="text:Link2URL" content=""/>
  72. <meta name="text:Link3" content="" />
  73. <meta name="text:Link3URL" content=""/>
  74. <meta name="text:Link4" content="" />
  75. <meta name="text:Link4URL" content=""/>
  76.  
  77. <meta name="if:Maximised Background Image" content="0"/>
  78. <meta name="if:Show Captions" content="0"/>
  79. <meta name="if:Endless Scroll" content="0"/>
  80. <link rel="shortcut icon" href="http://media.tumblr.com/69704e36b0ad479243da4e38d4223a11/tumblr_inline_mfqkh7OsmA1qid2nw.gif">
  81.  
  82.  
  83.  
  84. {block:IndexPage}
  85. <script type="text/javascript">
  86. $(window).load(function(){
  87. $("p").remove(":contains('Source:')");
  88. $("p").remove(":contains('(via')");
  89. });
  90. </script>
  91. {/block:IndexPage}
  92.  
  93. </head>
  94.  
  95. <style>
  96.  
  97. h23{font-family:ms gothic; font-size:12px;}
  98.  
  99.  
  100. body, a, a:hover { cursor:url('http://media.tumblr.com/c3b9a90fee352dbf7abbe53d7db2a772/tumblr_inline_mnlq8hEzZf1qid2nw.png'), auto !important;}
  101.  
  102. html, body {
  103. padding: 0;
  104. margin: 0;
  105. height: 100%;
  106. }
  107.  
  108.  
  109.  
  110. .my-like {
  111. background-image: url(http://media.tumblr.com/tumblr_m49twaokR21qid2nw.png) !important;
  112. height:5px;
  113. width:7px;
  114. cursor:pointer;
  115. display:inline-block;
  116. vertical-align:top;
  117. }
  118. .my-liked, .my-like:hover {
  119. background-image: url(http://3.bp.blogspot.com/-kvI3s4VbLB0/TwNWUWb1K0I/AAAAAAAAAas/KEpQgu8_xzY/s1600/heart1.gif) !important;
  120. height:5px;
  121. width:7px;
  122. cursor:pointer;
  123. display:inline-block;
  124. vertical-align:top;
  125. }
  126. </style>
  127. <script>
  128. window.onload = function () {
  129. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  130. document.addEventListener( 'click', function ( event ) {
  131. var myLike = event.target;
  132. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  133. var frame = document.getElementById( 'my-like-frame' ),
  134. liked = ( myLike.className == 'my-liked' ),
  135. command = liked ? 'unlike' : 'like',
  136. reblog = myLike.getAttribute( 'data-reblog' ),
  137. id = myLike.getAttribute( 'data-id' ),
  138. oauth = reblog.slice( -8 );
  139. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  140. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  141. };
  142. }, false );
  143. };
  144. </script>
  145.  
  146.  
  147. <style type="text/css">
  148.  
  149.  
  150. ::-webkit-scrollbar {
  151. width: 8px;
  152. height: 7px;
  153. background: transparent;
  154. }
  155. ::-webkit-scrollbar-thumb {
  156. background-color: #FCEDED;
  157. -webkit-border-radius: 0ex;
  158. border: 1px dotted #7c431c;
  159. }
  160.  
  161.  
  162. #header {
  163.  
  164. position: absolute;
  165.  
  166. top: 0px;
  167.  
  168. left: 0px;
  169.  
  170. width: 100%;
  171.  
  172. height: 60px;
  173.  
  174.  
  175. background-image:url();
  176. background-repeat:repeat-x;
  177.  
  178. padding-left: 0px;
  179.  
  180. padding-top: 0px;
  181.  
  182.  
  183.  
  184. }
  185.  
  186.  
  187. #footer {
  188.  
  189. position: absolute;
  190.  
  191. bottom: 0px;
  192.  
  193. left: 0px;
  194.  
  195. width: 100%;
  196.  
  197. height: 35px;
  198.  
  199. background-image: url(http://static.tumblr.com/yn7vk7p/4n1mnk8oo/bggtile.png);
  200. background-repeat:repeat-x;
  201.  
  202.  
  203. padding-left: 0px;
  204.  
  205. padding-top: 0px;
  206.  
  207. -webkit-transition: all 0.2s ease-out;
  208.  
  209. -moz-transition: all 0.2s ease-out;
  210.  
  211. }
  212.  
  213. html, body {
  214. padding: 0;
  215. margin: 0;
  216. height: 100%;
  217. }
  218.  
  219. body{
  220.  
  221.  
  222.  
  223. color:{color:text};
  224. background-color:{color:Background};
  225. {block:IfNotMaximisedBackgroundImage}
  226. {block:ifBackgroundImage}background-image:url('{image:Background}');{/block:ifBackgroundImage}
  227. background-attachment:fixed;
  228. background-repeat:repeat;
  229. {/block:IfNotMaximisedBackgroundImage}
  230. text-align:justify;
  231. font-family:littlefont, Lucida Console;
  232. line-height:9px;
  233. font-size: 8px;
  234. text-align: center;}
  235. @font-face {font-family: "littlefont";
  236. src: url('http://static.tumblr.com/yn7vk7p/QSsmnz073/tinyfontss.ttf');
  237.  
  238. }
  239. }
  240. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  241. a{
  242. text-decoration:none;
  243. color:#914d1f;
  244. -moz-transition: all 0.3s ease-out; /* FF3.7+ */
  245. -o-transition: all 0.3s ease-out; /* Opera 10.5 */
  246. -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
  247. transition: all 0.3s ease-out;
  248. }
  249. a:hover{
  250. text-decoration:;
  251. color:#8A2316;
  252. -moz-transition: all 0.3s ease-out; /* FF3.7+ */
  253. -o-transition: all 0.3s ease-out; /* Opera 10.5 */
  254. -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
  255. transition: all 0.3s ease-out;
  256.  
  257. }
  258. a img{
  259. border:0px;
  260. }
  261. #content{
  262. background:#fff;
  263. padding:2px;
  264. {block:IfAlignLeft}
  265. position:absolute;
  266. left:85px;
  267. {/block:IfAlignLeft}
  268. {block:IfAlignRight}
  269. position:absolute;
  270. right:85px;
  271. {/block:IfAlignRight}
  272. margin:auto;
  273. width:260px;
  274. }
  275. {block:IfMaximisedBackgroundImage}
  276. #bg img {
  277. z-index:-1;
  278. position:fixed;
  279. top:0;
  280. left:0;
  281. height:100%;
  282. width:100%;
  283. }
  284. {block:IfMaximisedBackgroundImage}
  285. .blogtitle{
  286. margin:20px 0 0px 0;
  287. text-align:center;
  288. font-weight:bold;
  289. {block:IfUppercaseTitle}
  290. text-transform:uppercase;
  291. {/block:IfUppercaseTitle}
  292. {block:IfNotUppercaseTitle}
  293. text-transform:lowercase;
  294. {/block:IfNotUppercaseTitle}
  295. line-height:30px;
  296. font-size:25px;
  297. }
  298. .blogtitle a:hover{
  299. text-decoration:none;
  300. }
  301. .nav {
  302. text-transform:lowercase;
  303. text-align:center;
  304. margin-bottom:30px;
  305. }
  306. .player{
  307. width:220px;
  308. overflow:hidden;
  309. background:#000;
  310. }
  311.  
  312. h2 {font-size:8px; font-weight:normal;}
  313.  
  314. h3{
  315. text-transform:;
  316. -webkit-margin-after: 0px;
  317. -webkit-margin-before: 2px;
  318. margin-top: 4px;
  319. margin-bottom:2px;
  320. font-size:16px;
  321. background:;
  322. line-height:18px;
  323. font-weight:normal;
  324. font-family: spirit, Lucida Console;
  325. text-align: center;
  326. color:#914d1f;}
  327. @font-face {font-family: "spirit";src: url('http://static.tumblr.com/yn7vk7p/Ifrm4xvf7/spirit.ttf');
  328. }
  329. }
  330.  
  331.  
  332. .pagination{
  333. margin-bottom:15px;
  334. font-size:8px;
  335. font-style:normal;
  336. text-align:center;
  337. }
  338. .current_page{
  339. font-style:italic;
  340. }
  341. #entry{
  342. margin-bottom:{text:Post Gaps}px;
  343. width:260px;
  344. }
  345. #entry img{
  346. max-width:260px;
  347. opacity:.8;
  348. -webkit-transition: all 0.7s ease-in-out;
  349. -moz-transition: all 0.7s ease-in-out;
  350. -o-transition: all 0.7s ease-in-out;
  351. -ms-transition: all 0.7s ease-in-out;
  352. transition: all 0.7s ease-in-out;
  353. }
  354. #entry img:hover{
  355. max-width:260px;
  356. opacity:1;
  357. }
  358. div.video embed,
  359. div.post div.video object {
  360. width:260px !important;
  361. height:200px !important;
  362. }
  363. ol.notes {
  364. padding: 0px;
  365. margin: 20px 0px 0px 0px;
  366. list-style-type: none;
  367. }
  368. ol.notes li.note {
  369. padding: 5px;
  370. }
  371. ol.notes li.note img.avatar {
  372. vertical-align: -4px;
  373. margin-right: 10px;
  374. opacity:1;
  375. width: 20px;
  376. height: 20px;
  377. }
  378. ol.notes li.note span.action {
  379. font-weight: normal;
  380. }
  381. ol.notes li.note span.action a {
  382. font-style:italic;
  383. }
  384.  
  385. blockquote{
  386. padding:0px 0px 0px 0px;
  387. margin:0px 0px 2px 1px;
  388. border-left: 0px solid {color:Text};
  389. }
  390.  
  391. .lelink{
  392. display:block;
  393. width:60px;
  394. height:10px;
  395. padding:4px;
  396. padding-top:7px;
  397. font-family: littlefont;
  398. text-transform:uppercase;
  399. text-decoration:none;
  400. font-size:8px;
  401. letter-spacing:1px;
  402. color:#9c7840;
  403. background-image:url(http://static.tumblr.com/yn7vk7p/DfHmp40xm/bo-ha26.gif);
  404. }
  405.  
  406.  
  407.  
  408. display:block;
  409. width:100px;
  410. padding:4px;
  411. font-family: littlefont;
  412. text-transform:uppercase;
  413. text-decoration:none;
  414. font-size:8px;
  415. letter-spacing:1px;
  416. color:#000000;
  417.  
  418. </style>
  419.  
  420.  
  421.  
  422.  
  423.  
  424.  
  425.  
  426.  
  427.  
  428.  
  429.  
  430.  
  431.  
  432.  
  433.  
  434. {block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfMaximisedBackgroundImage}
  435.  
  436. {block:IfLogoImage}<div style="position:absolute; top: 20px; left: 360px; width:550px;background-color:;"><center><img src="{image:logo}"></center></div>{/block:IfLogoImage}
  437.  
  438. <div style="position:absolute; top: 87px; left: 341px;">
  439. <img src="http://static.tumblr.com/yn7vk7p/wVmmvjcad/rfye.png"><br>
  440.  
  441.  
  442.  
  443.  
  444.  
  445.  
  446.  
  447.  
  448.  
  449.  
  450.  
  451. </div>
  452.  
  453. <!-- left sidebar-->
  454. <div style="position:absolute; top:155px; left: 397px; width: 130px; height: 403px; overflow: hidden; padding-left: 5px;">
  455.  
  456.  
  457.  
  458. {description}
  459. <p>
  460. <center>
  461. <a href="/"><img src="http://media.tumblr.com/85df22ce0ab124de7a2b04638e9a5d27/tumblr_inline_mp415miuo61qid2nw.gif"></a> <a href="/ask"><img src="http://media.tumblr.com/4f13cb9d368eabb1547b2d2da1d5102b/tumblr_inline_mp415qmgMx1qid2nw.gif"></a>
  462. {block:IfLink1}<a href="{text:Link1URL}" class="lelink">{text:Link1}</a>{/block:IfLink1}
  463. {block:IfLink2}<a href="{text:Link2URL}" class="lelink">{text:Link2}</a>{/block:IfLink2}
  464. {block:IfLink3}<a href="{text:Link3URL}" class="lelink">{text:Link3}</a>{/block:IfLink3}
  465. {block:IfLink4}<a href="{text:Link4URL}" class="lelink">{text:Link4}</a>{/block:IfLink4}
  466. </center>
  467.  
  468. </div>
  469.  
  470.  
  471.  
  472.  
  473.  
  474.  
  475.  
  476. {block:IfEndlessScroll}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script> {/block:IfEndlessScroll}
  477.  
  478.  
  479. <!-- posts -->
  480. <div style="position:absolute; top:148px; left: 545px; width: 326px; height: 385px; overflow: scroll; overflow-x: hidden; padding-right: 0px;">
  481. <div id="content" style="background: ;">
  482.  
  483.  
  484.  
  485.  
  486. {block:IfEndlessScroll}<div class="autopagerize_page_element">{/block:IfEndlessScroll}
  487.  
  488.  
  489. {block:Posts}
  490.  
  491.  
  492. <div id="entry" style="width: 285px; background:;">
  493.  
  494. {block:IfSidePermalinks}{block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:IfUsePermalinkImage}<img src="{image:Permalink}">{/block:IfUsePermalinkImage}{block:IfNotUsePermalinkImage}{block:Date}{/block:Date}{/block:IfNotUsePermalinkImage}</a></div>{/block:IndexPage}{/block:IfSidePermalinks}
  495.  
  496. {block:Text}
  497.  
  498.  
  499. <center><h3>
  500. {block:Title}<a href="{Permalink}"><img src="http://media.tumblr.com/f8726d04f9f02f15b008cafa112deac5/tumblr_inline_mp4160ui9T1qid2nw.gif"> {Title} <img src="http://media.tumblr.com/f8726d04f9f02f15b008cafa112deac5/tumblr_inline_mp4160ui9T1qid2nw.gif"></a>{/block:Title}</h3>
  501.  
  502.  
  503.  
  504. <a href="{Permalink}">{NoteCount}</a><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
  505.  
  506. <a href="{ReblogURL}">Reblog</a>
  507.  
  508. <center>
  509. {Body}</center>
  510. {/block:Text}
  511.  
  512. {block:Photo}
  513. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="300"style="-webkit-border-radius: 10px;
  514. -moz-border-radius: 10px;
  515. border-radius: 10px;"/></a>{LinkCloseTag}
  516. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  517. {/block:Photo}
  518.  
  519. {block:Photoset}
  520. <center>{Photoset-250}</center>
  521. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  522. {/block:Photoset}
  523.  
  524. {block:Quote}
  525. <span class="title">{Quote}</span>
  526. {block:Source}{Source}{/block:Source}
  527. {/block:Quote}
  528.  
  529. {block:Link}
  530. <a href="{URL}"><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}
  531. {/block:Link}
  532.  
  533. {block:Chat}
  534. {block:Title}<b>{Title}</b>{/block:Title}
  535. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  536. {/block:Chat}
  537.  
  538. {block:Audio}
  539. <div class="player">{AudioPlayerBlack}</div>
  540. {block:Caption}{Caption}{/block:Caption}
  541. {/block:Audio}
  542.  
  543. {block:Answer}
  544.  
  545. <center>
  546. <table border="0" bordercolor="" style="background-color:#FCE1EC; -moz-border-radius: 20px;
  547. -webkit-border-radius: 20px;
  548. -o-border-radius: 20px;" width="260" cellpadding="3" cellspacing="3">
  549. <tr>
  550. <td>
  551.  
  552. <img src="http://th67.photobucket.com/albums/h317/jojordann/pixels/th_thmail015ze.gif"align="left" style="padding:5px;"> <center>
  553. {Asker}: <a href="{Permalink}">{Question}</a>
  554.  
  555.  
  556. </td>
  557. </tr>
  558. </table>
  559. <br>
  560.  
  561.  
  562. {Answer}
  563.  
  564.  
  565. {/block:answer}
  566.  
  567. {block:Video}
  568. <div class="video">{Video-400}</div>
  569. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  570. {/block:Video}
  571.  
  572. {block:IfNotSidePermalinks}{block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:IfUsePermalinkImage}<img src="{image:Permalink}">{/block:IfUsePermalinkImage}{block:IfNotUsePermalinkImage}{block:Date}{NoteCount}{/block:Date}{/block:IfNotUsePermalinkImage}</a></div>{/block:IndexPage}{/block:IfNotSidePermalinks}
  573.  
  574. {block:PermalinkPage}
  575. {block:Date}Posted {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:HasTags}<br>Tags:&nbsp;{block:Tags}<a href="{TagURL}"><span style="border-bottom:1px solid {color:Links}; color:{color:Text}; line-height:14px;">{Tag}</span></a>&nbsp;&nbsp;{/block:Tags}
  576. {/block:HasTags}{/block:PermalinkPage}
  577.  
  578. {block:PostNotes}{PostNotes}{/block:PostNotes}
  579.  
  580.  
  581. </div>
  582. {/block:Posts}
  583. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  584.  
  585. {block:IfNotEndlessScroll}
  586. {block:Pagination}
  587. <div class="pagination">
  588. {block:JumpPagination length="10"}
  589. {block:CurrentPage}
  590. <span class="current_page">{PageNumber}&nbsp;</span>
  591. {/block:CurrentPage}
  592.  
  593. {block:JumpPage}
  594. <a class="jump_page" href="{URL}">{PageNumber}&nbsp;</a>
  595. {/block:JumpPage}
  596. {/block:JumpPagination}
  597. </div>
  598. {/block:Pagination}
  599. {/block:IfNotEndlessScroll}
  600.  
  601. {block:ContentSource}
  602. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  603. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  604. {/block:SourceLogo}
  605. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  606. {/block:ContentSource}
  607.  
  608.  
  609. </div>
  610.  
  611.  
  612.  
  613. </div>
  614.  
  615.  
  616.  
  617.  
  618. <div style="position:fixed; top:0px; left:0px;">
  619. <h8>THEME: <A HREF="http://rotferkelthemes.tumblr.com/">ROTFERKEL</a> GRAPHICS: <A HREF="http://sugarpink.girly.jp/"> SUGARPINK</A><br>
  620.  
  621.  
  622. </h8> </div>
  623.  
  624.  
  625.  
  626. </body>
  627.  
  628.  
  629.  
  630. </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!