Advertisement
Cuddly-Themes

Pastel Party

Nov 16th, 2012
1,889
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.69 KB | None | 0 0
  1. <html lang="en">
  2.  
  3. <head>
  4.  
  5. <script type="text/javascript" src="http://static.tumblr.com/rs5pbx8/OaOm2b8kv/doggy.txt"></script>
  6.  
  7. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  8.  
  9. <title>{title}</title>
  10. <link rel="shortcut icon" href="http://drikoti.net/Goodies/Favicons/Gifs/034.gif"/>
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <script type="text/javascript"
  15. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16. <script>
  17. $(document).ready(function() {
  18. //
  19. $('a.poplight[href^=#]').click(function() {
  20. var popID = $(this).attr('rel'); //Get Popup Name
  21. var popURL = $(this).attr('href'); //Get Popup href to define size
  22. var query= popURL.split('?');
  23. var dim= query[1].split('&');
  24. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  25. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  26. var popMargTop = ($('#' + popID).height() + 80) / 2;
  27. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  28. //Apply Margin to Popup
  29. $('#' + popID).css({
  30. 'margin-top' : -popMargTop,
  31. 'margin-left' : -popMargLeft
  32. });
  33. $('body').append('<div id="fade"></div>');
  34. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  35. return false;
  36. });
  37. $('a.close, #fade').live('click', function() {
  38. $('#fade , .popup_block').fadeOut(function() {
  39. $('#fade, a.close').remove(); //fade them both out
  40. });
  41. return false;
  42. });
  43. });
  44. </script>
  45.  
  46.  
  47. <SCRIPT TYPE="text/javascript">
  48. <!--
  49. //Disable right click script
  50. //visit http://www.rainbow.arch.scriptmania.com/scripts/
  51. var message="Sorry, right-click has been disabled";
  52. ///////////////////////////////////
  53. function clickIE() {if (document.all) {(message);return false;}}
  54. function clickNS(e) {if
  55. (document.layers||(document.getElementById&&!document.all)) {
  56. if (e.which==2||e.which==3) {(message);return false;}}}
  57. if (document.layers)
  58. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  59. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  60. document.oncontextmenu=new Function("return false")
  61. // -->
  62. </SCRIPT>
  63.  
  64. <style type="text/css">
  65.  
  66. body{
  67. color:black;
  68. font-family: Trebuchet MS;
  69. font-size:10px;
  70. color: #999;
  71. background: url(http://27.media.tumblr.com/tumblr_lq9rmvDH2T1qjex46o4_250.jpg);
  72. }
  73.  
  74. a:link, a:active, a:visited{
  75. color:#ff9999;
  76. text-decoration:none;
  77. -webkit-transition:1s;
  78. font-family:'Cedarville Cursive';
  79. }
  80.  
  81. a:hover {
  82. color:white;
  83. padding:3px;
  84. background:#ff9999;
  85. -webkit-transition:1s;
  86. }
  87.  
  88. ::-webkit-scrollbar {
  89. width: 8px;
  90. height: 25px;
  91. }
  92.  
  93. ::-webkit-scrollbar-button:start:decrement,
  94. ::-webkit-scrollbar-button:end:increment {
  95. height: 10px;
  96. display: block;
  97. background-color: #FCFCF5;
  98. border: 1px solid #eee;
  99. }
  100. ::-webkit-scrollbar-track-piece {
  101. background-color: #ffffff;
  102. }
  103. ::-webkit-scrollbar-thumb:vertical {
  104. height: 25px;
  105. background-color: #FCFCF5;
  106. border: 1px solid #eee;
  107. }
  108.  
  109.  
  110. #fade {
  111. display: none;
  112. position: fixed; left: 0; top: 0;
  113. width: 100%; height: 100%;
  114. opacity: .80;
  115. z-index: 9999;
  116. }
  117.  
  118. .popup_block{
  119. display: none;
  120. background-image:url("http://i45.tinypic.com/260cykl.png");
  121. padding: 20px;
  122. border: 1px solid #000;
  123. float: left;
  124. font-size: 10px;
  125. position: fixed;
  126. top: 50%; left: 50%;
  127. z-index: 99999;
  128. -webkit-box-shadow: 0px 0px 20px #ffbfbf;
  129. -moz-box-shadow: 0px 0px 20px #ffbfbf;
  130. box-shadow: 0px 0px 20px #ffbfbf;
  131. -webkit-border-radius: 10px;
  132. -moz-border-radius: 10px;
  133. border-radius: 10px;
  134. }
  135.  
  136. img.btn_close {
  137. float: right;
  138. margin: -5px -5px 0 0;
  139. }
  140.  
  141. *html #fade {
  142. position: absolute;
  143. }
  144.  
  145. *html .popup_block {
  146. position: absolute;
  147. }
  148.  
  149. .bubble {align:right;background: #fff; margin:0px 0px 0px 65px;padding:0px 0px 5px 0px;;position: relative; border-bottom: 1px solid #eee;}
  150. .bubble p {margin:1px 0px;}
  151. .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;}
  152.  
  153. #content{
  154. width:470px;
  155. height:500px;
  156. overflow:auto;
  157. float:left;
  158. margin-left:10px;
  159. margin-top:8px;
  160. padding:5px;
  161. }
  162.  
  163. #entry{
  164. padding:2px;
  165. background-color:#fff;
  166. width:450px;
  167. float:left;
  168. margin:5px;
  169. }
  170.  
  171. #center2{
  172. background-image:url(http://media.tumblr.com/tumblr_lqcgly3lv31qlzq96.png);
  173. margin-left:80px;
  174. margin-top:100px;
  175. padding:10px;
  176. box-shadow:0px 0px 8px #aaa;
  177. width:1050px;
  178. height:530px;
  179. }
  180.  
  181. #center{
  182. background:white;
  183. width:1050px;
  184. height:530px;
  185. }
  186.  
  187. #sidebar{
  188. background-color:#fff;
  189. width:250px;
  190. height:500px;
  191. float:left;
  192. margin-top:8px;
  193. margin-left:10px;
  194. padding:3px;
  195. }
  196.  
  197. #sidebar2{
  198. background-color:#fff;
  199. background-color:#fff;
  200. width:250px;
  201. height:500px;
  202. margin-right:10px;
  203. float:right;
  204. margin-top:8px;
  205. padding:3px;
  206. }
  207.  
  208. blockquote{border:1px dashed white; background:#ffdfdf; padding:5px;}
  209.  
  210. ul, ol, li{list-style-image:url(http://i122.photobucket.com/albums/o260/mhilka/minigifs/heart_rosinha.gif);}
  211.  
  212. .heart2 {display : block; font-size: 20px; font-family: 'Cedarville Cursive'; line-height: 10px; border-bottom : 1px solid #eee; text-indent : 5px; vertical-align : middle; -webkit-transition-duration: .50s; padding-left : 10px;padding-bottom : 2px;}
  213.  
  214. .heart2:hover {display : block; font-size: 20px; font-family: 'Cedarville Cursive'; line-height: 10px; border-bottom : 1px dashed #eee; text-indent : 5px; vertical-align : middle; -webkit-transition-duration: .50s; padding-left : 50px; padding-bottom : 2px;}
  215.  
  216. h1{
  217. background:#ffbfbf;
  218. font-family:'Cookie';
  219. font-size:10px;
  220. text-align:center;
  221. }
  222.  
  223. h2{
  224. font-family:'Cookie';
  225. font-size:25px;
  226. color:#ffa9a9;
  227. border-bottom:1px dashed #ffa9a9;
  228. text-align:center;
  229. margin-top:3px;
  230. margin-bottom:3px;}
  231.  
  232. h3{
  233. font-family:'Cedarville Cursive';
  234. font-size:35px;
  235. text-align:center;
  236. color:#ffa9a9;
  237. margin-bottom:-5px;
  238. line-height:20px;
  239. }
  240.  
  241. h4{
  242. font-family:'Rochester';
  243. font-size:35px;
  244. text-align:center;
  245. color:#ffa9a9;
  246. line-height:20px;
  247. margin:3px;
  248. }
  249.  
  250. h5{
  251. font-family:'Cookie';
  252. font-size:35px;
  253. color:#ffa9a9;
  254. margin:-5px;
  255. line-height:25px;
  256. }
  257.  
  258. em{
  259. font-family:'Rochester';
  260. }
  261.  
  262. img{
  263. -webkit-transition: opacity 0.8s linear;
  264. opacity: 0.60;
  265. }
  266. img:hover{
  267. -webkit-transition: opacity 0.8s linear;
  268. opacity: 1;
  269. }
  270.  
  271. #dreams {
  272. opacity: .8;
  273. background-color: #FFDFDF;
  274. color:#777;
  275. font-family:tahoma;
  276. font-size:8px;
  277. text-transform:uppercase;
  278. text-align:center;
  279. padding:10px;
  280. margin-top:6px;
  281. -webkit-transition: all 0.3s ease-out;
  282. -moz-transition: all 0.3s ease-out;
  283. -o-transition: all 0.3s ease-out;}
  284.  
  285.  
  286. #dreams:hover {
  287. padding-top:100px;
  288. background-color: #FFDFDF;
  289. -webkit-transition: all 0.7s ease-out;
  290. -moz-transition: all 0.7s ease-out;
  291. -o-transition: all 0.7s ease-out;
  292. }
  293.  
  294. .naviii{
  295. color: #ebb5a3;
  296. font-size: 8px;
  297. letter-spacing: 5px;
  298. text-transform: uppercase;
  299. }
  300.  
  301. iframe#tumblr_controls {
  302. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4; z-index:9999; margin: -30px 0 0 0;}
  303.  
  304.  
  305. .heart {display : block; font-size: 8px; line-height: 15px; border-bottom : 1px solid #f4f4f3; text-indent : 5px; vertical-align : middle; background:
  306. url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left; padding-left : 10px;
  307. padding-bottom : 1px;}
  308.  
  309. .heart:hover {display : block; font-size: 8px; line-height: 15px; border-bottom : 1px dashed #E0DCD6; text-indent : 5px; vertical-align : middle; background : url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left; padding-left : 10px; padding-bottom : 1px;}
  310.  
  311. #status{
  312. font-family: Handlee, cursive;
  313. moz-box-shadow: 0 0 1px #ffbfbf;
  314. -webkit-box-shadow: 0 0 8px #ffbfbf;
  315. position:fixed !important;
  316. left:10px; padding-top:6px;
  317. top: 10px;
  318. padding-bottom:17px;
  319. text-align:center;
  320. height:25px;
  321. width:150px;
  322. overflow:hidden;
  323. border:4px solid #ffbfbf;
  324. -moz-border-radius: 17px 17px 17px 17px;
  325. border-radius:17px 17px 17px 17px;
  326. -webkit-transition: opacity 0.7s linear;
  327. -webkit-transition: all 0.7s ease-in-out;
  328. -moz-transition: all 0.7s ease-in-out;
  329. -o-transition: all 0.7s ease-in-out;
  330. background-image: url(http://static.tumblr.com/z4woeaq/ESLmaf8as/tumblr_m2gcr9g06j1r3srlmo5_250.jpg);
  331. z-index:999;
  332. }
  333.  
  334. #status:hover{
  335. border:5px solid #ffbfbf;
  336. background:white;
  337. padding:5px;
  338. height:800px;
  339. width:270px;
  340. }
  341.  
  342. #status1{
  343. font-family: Handlee, cursive;
  344. moz-box-shadow: 0 0 1px #ffbfbf;
  345. -webkit-box-shadow: 0 0 8px #ffbfbf;
  346. position:fixed !important;
  347. left:10px; padding-top:6px;
  348. top: 80px;
  349. padding-bottom:17px;
  350. text-align:center;
  351. height:25px;
  352. width:150px;
  353. overflow:hidden;
  354. border:4px solid #ffbfbf;
  355. -moz-border-radius: 17px 17px 17px 17px;
  356. border-radius:17px 17px 17px 17px;
  357. -webkit-transition: opacity 0.7s linear;
  358. -webkit-transition: all 0.7s ease-in-out;
  359. -moz-transition: all 0.7s ease-in-out;
  360. -o-transition: all 0.7s ease-in-out;
  361. background-image: url(http://static.tumblr.com/z4woeaq/ESLmaf8as/tumblr_m2gcr9g06j1r3srlmo5_250.jpg);
  362. z-index:999;
  363. }
  364.  
  365. #status1:hover{
  366. border:5px solid #ffbfbf;
  367. background:white;
  368. padding:5px;
  369. height:480px;
  370. width:270px;
  371. }
  372.  
  373. b{color:#ffbfbf;}
  374.  
  375. #status2{
  376. font-family: Handlee, cursive;
  377. moz-box-shadow: 0 0 1px #ffbfbf;
  378. -webkit-box-shadow: 0 0 8px #ffbfbf;
  379. position:fixed !important;
  380. left:10px; padding-top:6px;
  381. top: 150px;
  382. padding-bottom:17px;
  383. text-align:center;
  384. height:25px;
  385. width:150px;
  386. overflow:hidden;
  387. border:4px solid #ffbfbf;
  388. -moz-border-radius: 17px 17px 17px 17px;
  389. border-radius:17px 17px 17px 17px;
  390. -webkit-transition: opacity 0.7s linear;
  391. -webkit-transition: all 0.7s ease-in-out;
  392. -moz-transition: all 0.7s ease-in-out;
  393. -o-transition: all 0.7s ease-in-out;
  394. background-image: url(http://static.tumblr.com/z4woeaq/ESLmaf8as/tumblr_m2gcr9g06j1r3srlmo5_250.jpg);
  395. z-index:999;
  396. }
  397.  
  398. #status2:hover{
  399. border:5px solid #ffbfbf;
  400. background:white;
  401. padding:5px;
  402. height:440px;
  403. width:270px;
  404. }
  405.  
  406. #status3{
  407. font-family: Handlee, cursive;
  408. moz-box-shadow: 0 0 1px #ffbfbf;
  409. -webkit-box-shadow: 0 0 8px #ffbfbf;
  410. position:fixed !important;
  411. left:10px; padding-top:6px;
  412. top: 230px;
  413. padding-bottom:17px;
  414. text-align:center;
  415. height:25px;
  416. width:150px;
  417. overflow:hidden;
  418. border:4px solid #ffbfbf;
  419. -moz-border-radius: 17px 17px 17px 17px;
  420. border-radius:17px 17px 17px 17px;
  421. -webkit-transition: opacity 0.7s linear;
  422. -webkit-transition: all 0.7s ease-in-out;
  423. -moz-transition: all 0.7s ease-in-out;
  424. -o-transition: all 0.7s ease-in-out;
  425. background-image: url(http://static.tumblr.com/z4woeaq/ESLmaf8as/tumblr_m2gcr9g06j1r3srlmo5_250.jpg);
  426. z-index:999;
  427. }
  428.  
  429. #status3:hover{
  430. border:5px solid #ffbfbf;
  431. background:white;
  432. padding:5px;
  433. height:440px;
  434. width:270px;
  435. }
  436.  
  437. #dream{
  438. margin-left:45px;}
  439.  
  440. .navi{
  441. background:#ffbfbf;
  442. padding:5px;
  443. width:15px;
  444. float:left;
  445. margin-left:5px;
  446. border:1px dashed #fff;
  447. -webkit-transition:1s;
  448. }
  449.  
  450. .navi:hover{
  451. border-radius:30px;
  452. background:#ffdfdf;
  453. -webkit-transition:1s;
  454. }
  455.  
  456. {CustomCSS]</style>
  457.  
  458. </head>
  459.  
  460. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  461. <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  462. <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  463.  
  464.  
  465. <body ondragstart="return false" onselectstart="return false">
  466.  
  467. <div style="font-family:'Cookie'; font-size:120px; color:#FFD1CF; position:absolute; margin-top:-100px; margin-left:300px; text-shadow:2px 2px 2px #ff9f9f;">{Title}</div>
  468.  
  469. <div id="center2">
  470. <div id="center">
  471. <div id="sidebar">
  472.  
  473. <h2>Blogette</h2>
  474. <img src="http://24.media.tumblr.com/tumblr_mdaqvaSbpw1qhahtxo1_500.png" width="250">
  475. <div align="justify"><em>B</em>onjour! {Description}</div>
  476.  
  477. <h2>Navigation</h2><p><center>
  478. <div id="dream">
  479. <div class="navi"><a href="/" title="Refresh! ♥">P</a></div>
  480. <div class="navi"><a href="#?w=500" rel="mailbox" class="poplight" title="Message me!">A</a></div>
  481. <div class="navi"><a href="#?w=500" rel="submit" class="poplight" title="Submit?">R</a></div>
  482. <div class="navi"><a href="#?w=500" rel="credits" class="poplight" title="Thanks to..">I</a></div>
  483. <div class="navi"><a href="/archive" title="Past Entries">S</a></div>
  484. </div>
  485.  
  486. <h2>Disclaimer</h2><center>
  487. I do not own any of these images. They might be your so kindly message me so that I could credit you properly.
  488. <img src="http://media.tumblr.com/tumblr_m2nscnsJY01qfamg6.png" width="50"><br>{Name} 2012 - All Rights Preserved
  489. </div>
  490.  
  491. <div id="sidebar2">
  492.  
  493. <h2>Daily Tours</h2><center>
  494. <a href="http://tiarashii.tumblr.com/"><img src="http://25.media.tumblr.com/avatar_1eca2bc5560c_40.png" style="width:33px; border:1px solid #ddd; padding:3px;"></a> <a href="http://betterthanacupcake.tumblr.com/"><img src="http://24.media.tumblr.com/avatar_8b13da4112d6_40.png" style="width:33px; border:1px solid #ddd; padding:3px;"></a> <a href="http://flatte-cafe.tumblr.com/"><img src="http://25.media.tumblr.com/avatar_3bf411995776_128.png" style="width:33px; border:1px solid #ddd; padding:3px;"></a>
  495.  
  496. <h2>More Lurks</h2>
  497. <a href="/">Link</a> &middot; <a href="/">Link</a> &middot; <a href="/">Link</a> &middot; <a href="/">Link</a> &middot; <a href="/">Link</a> &middot; <a href="/">Link</a> &middot; <a href="/">Link</a> &middot; <a href="/">Link</a> &middot; <a href="/">Link</a> &middot; <a href="/">Link</a> &middot; <a href="/">Link</a> &middot; <a href="/">Link</a> &middot; <a href="/">Link</a> &middot; <a href="/">Link</a> &middot; <a href="/">Link</a> &middot; <a href="/">Link</a><br><br>** Just add more if you have many Links <br> It's easy you'll just view a tutorial how to make a link **
  498.  
  499. <h2>Credits</h2><center>
  500. Themed by <a href="http://flatte-cafe.tumblr.com/"><em>F</em>latte-Cafe</a>.<br>
  501. Inspirations from <a href="http://betterthanacupcake.tumblr.com"><em>B</em>etterThanACupcake</a>.<br></em>
  502. BEST VIEWED IN GOOGLE CHROME.
  503. <img src="http://media.tumblr.com/tumblr_m2rhkuyiMn1qfamg6.png" width="100">
  504. </div>
  505.  
  506. <div id="content">
  507. {block:Posts}
  508. <div id="entry">
  509.  
  510. {block:Title}<h3>{Title}</h3>{/block:Title}
  511. {block:Text}{Body}{/block:Text}
  512.  
  513. {block:Photo}
  514. <a href="{permalink}"><img src="{PhotoURL-500}" width="435"/></a>
  515. {/block:Photo}
  516.  
  517. {block:Photoset}
  518. {Photoset-500}
  519. {/block:Photoset}
  520.  
  521. {block:Quote}
  522. <h5>{Quote}</h5>{block:Source}-{Source}{/block:Source}
  523. {/block:Quote}
  524.  
  525. {block:Video}
  526. {Video-500}<br>
  527. {PlayCountWithLabel}
  528. {/block:Video}
  529.  
  530. {block:Link}
  531. <a href="{URL}" class="link" {Target}><h4>{Name}</h4></a><BR>
  532. {block:Description}{Description}{/block:Description}
  533. {/block:Link}
  534.  
  535. {block:Chat}
  536. {block:Lines}
  537. {block:Label}
  538. <br>{Label}
  539. {/block:Label}
  540. <font color="#000">&nbsp;{Line}</font>
  541. {/block:Lines}
  542. {/block:Chat}
  543.  
  544. {block:Audio}
  545. {AudioPlayerGrey}
  546. <br><div align="right">{block:Artist}
  547. Artist: {Artist}</div>
  548. {/block:Artist}<br>
  549. {block:Caption}{Caption}{/block:Caption}
  550. {/block:Audio}
  551.  
  552. {block:Answer}
  553. <img src="{AskerPortraitURL-40}" align="left" style="float: left; margin: 1px 4px 0 0;">
  554. <div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>
  555. {Answer}
  556. {/block:Answer}
  557.  
  558. <h1><a href="{Permalink}">{NoteCount} Notes</a> <img src="http://media.tumblr.com/tumblr_m6lwvxHTYu1rrzsji.gif"> <a href="{ReblogUrl)">Reblog</a></h1>
  559.  
  560. {block:PermalinkPage}
  561. {block:Caption}
  562. {Caption}
  563. {/block:Caption}
  564. <br>
  565. {block:NoteCount}
  566. {NoteCount} notes
  567. {/block:NoteCount}
  568. <Br>
  569. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  570. {/block:PermalinkPage}
  571. </div>
  572.  
  573. {/block:Posts}
  574. </div></div></div></div>
  575.  
  576. </body>
  577. <div id="mailbox" class="popup_block">
  578. <center><font size="10" color:"#EEB4B4"><font face="cookie", cursive/>Ask me anything<br><p></font></font>
  579. <iframe frameborder="0" scrolling="no" width="100%" height="150" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com/" style="background-color:transparent; overflow:hidden;" id="ask_form">
  580. </center></iframe></div>
  581.  
  582. <div id="submit" class="popup_block"><center><font size="10" color:"#EEB4B4"><font face="cookie", cursive/>Submit Love<br><p></font></font><br>
  583. <center><iframe frameborder="0" scrolling="no" width="100%" height="500px" src= "http://tumblr.com/submit_form/{Name}.tumblr.com" style="background-color:transparent; overflow: hidden; "id= "submit_form"></iframe>
  584. </center></div>
  585.  
  586. <div id="credits" class="popup_block"><center><center><font size="10" color:"#EEB4B4"><font face="cookie", cursive/>Credits<br><p></font></font>
  587. <center>
  588. Themed by <a href="http://flatte-cafe.tumblr.com/"><em>F</em>latte-Cafe</a>.<br>
  589. Inspirations from <a href="http://betterthanacupcake.tumblr.com"><em>B</em>etterThanACupcake</a>.<br></em>
  590. BEST VIEWED IN GOOGLE CHROME.
  591. </div>
  592.  
  593. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement