API tools faq
paste
Advertisement
rukoshima2

my theme

rukoshima2
Feb 16th, 2014
67
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.30 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <!-- ----------------------------------
  3. Theme Rounded Paws,
  4.  
  5. Theme is purely made by pastel-dollies.tumblr.com
  6.  
  7. ---------------------------------- -->
  8.  
  9. <!-- ----------------------------------
  10.  
  11. ATTENTION :
  12. ✿ I've worked hard on all of these so I would really appreciate if you did not remove the credit on them c:
  13. ✿ If you don't want the credit on the blog itself, it's okay if you move it into your faq or something. As long as it's somewhere that people can easily access.
  14.  
  15. ---------------------------------- -->
  16.  
  17. <html>
  18. <head>
  19.  
  20. <link rel="shortcut icon" href="http://static.tumblr.com/obptcxj/J83m67hxm/tumblr_likwgbbbyy1qzbrv5.png">
  21. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <meta name="color:Background" content="#eee"/>
  25. <meta name="color:Content Border" content="#fbcaca">
  26. <meta name="color:Text" content="#c0ab9c">
  27. <meta name="color:Link" content="#c0ab9c">
  28. <meta name="color:Link Hover" content="#c0ab9c">
  29. <meta name="image:Background" content="http://24.media.tumblr.com/tumblr_li2hqpzkH21qcdtsho1_500.png"/>
  30. <meta name="image:Eiffel Tower" content="http://25.media.tumblr.com/tumblr_m3b32cVm1k1r89lywo1_500.png">
  31. <meta name="image:Content Background" content="http://25.media.tumblr.com/tumblr_l9nrpkrXat1qcdtsho1_500.jpg">
  32. <meta name="image:Sidebar Kitten" content="http://data.whicdn.com/images/10202309/tumblr_llvuvvnUV21qgt8y1o1_500_large.jpg">
  33. <meta name="text:Link 1 URL" content="/link1">
  34. <meta name="text:Link 1 Title" content="LINK 1">
  35. <meta name="text:Link 2 URL" content="/link2">
  36. <meta name="text:Link 2 Title" content="LINK 2">
  37. <meta name="text:Link 3 URL" content="/link3">
  38. <meta name="text:Link 3 Title" content="LINK 3">
  39. <meta name="text:Link 4 URL" content="/link4">
  40. <meta name="text:Link 4 Title" content="LINK 4">
  41. <meta name="text:Link 5 URL" content="/link5">
  42. <meta name="text:Link 5 Title" content="LINK 5">
  43. <meta name="text:Popup Close" content="see ya!">
  44. <meta name="text:Static Online" content="1 people here">
  45. <meta name="text:Static Views" content="696969 visits">
  46. <meta name="if:Eiffel Tower" content="1">
  47. <meta name="if:Popup Tilting" content="1">
  48. <meta name="if:Disable Right Click" content="1">
  49. <meta name="if:Disable Ctrl U and Ctrl C" content="1">
  50.  
  51. <script type="text/javascript">
  52. // <![CDATA[
  53. var bgcolour="#000000"; // background colour
  54. var fgcolour="#CCCCCC"; // foreground colour
  55. var speed=100; // speed of bubbling, lower is faster
  56. var shades=10; // number of shades of bubble
  57.  
  58. /****************************
  59. * Bubbling Text Effect *
  60. *(c) 2003-6 mf2fm web-design*
  61. * http://www.mf2fm.com/rv *
  62. * DON'T EDIT BELOW THIS BOX *
  63. ****************************/
  64. var bubbcol=new Array();
  65. var bubbler, bubbtxt;
  66. var bubbchr=new Array();
  67. window.onload=function() { if (document.getElementById) {
  68. for (bubbler=0; bubbler<=shades; bubbler++) {
  69. bubbtxt="#";
  70. for (var i=1; i<6; i+=2) {
  71. var bg=parseInt(bgcolour.substring(i,i+2),16);
  72. bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
  73. }
  74. bubbcol[bubbler+1]=bubbtxt;
  75. }
  76. bubbler=document.getElementById("bubble");
  77. bubbtxt=bubbler.firstChild.nodeValue;
  78. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  79. for (var i=0; i<bubbtxt.length; i++) {
  80. var bubbi=document.createElement("span");
  81. bubbi.setAttribute("id", "bubb"+i);
  82. bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  83. bubbler.appendChild(bubbi);
  84. }
  85. bubbler=setInterval ("bubbling()", speed);
  86. }}
  87.  
  88. function dechex(dec) {
  89. var hex=dec.toString(16);
  90. if (dec<16) return "0"+hex;
  91. else return hex;
  92. }
  93.  
  94. function bubbling() {
  95. for (var i=0; i<bubbtxt.length; i++) {
  96. var bubbme=document.getElementById("bubb"+i);
  97. if (bubbchr[i]) {
  98. bubbme.style.color=bubbcol[bubbchr[i]];
  99. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  100. }
  101. else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
  102. }
  103. }
  104. // ]]>
  105. </script>
  106.  
  107. {block:IfDisableRightClick}
  108. <script language=JavaScript>
  109.  
  110. <!--
  111. //Disable right mouse click Script
  112. //By Maximus ([email protected]) w/ mods by DynamicDrive
  113. //For full source code, visit http://www.dynamicdrive.com
  114.  
  115. var message="";
  116.  
  117. ///////////////////////////////////
  118. function clickIE4(){
  119. if (event.button==2){
  120. alert(message);
  121. return false;
  122. }
  123. }
  124.  
  125. function clickNS4(e){
  126. if (document.layers||document.getElementById&&!document.all){
  127. if (e.which==2|e.which==3){
  128. alert(message);
  129. return false;
  130. }
  131. }
  132. }
  133.  
  134. if (document.layers){
  135. document.captureEvents(Event.MOUSEDOWN);
  136. document.onmousedown=clickNS4;
  137. }
  138. else if (document.all&&!document.getElementById){
  139. document.onmousedown=clickIE4;
  140. }
  141.  
  142. document.oncontextmenu=new Function("return false")
  143.  
  144. // -->
  145. </script>
  146. {/block:IfDisableRightClick}
  147.  
  148. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  149.  
  150. <script type="text/javascript"
  151. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  152.  
  153. <script>
  154. $(document).ready(function() {
  155. //When you click on a link with class of poplight and the href starts with a #
  156. $('a.poplight[href^=#]').click(function() {
  157. var popID = $(this).attr('rel'); //Get Popup Name
  158. var popURL = $(this).attr('href'); //Get Popup href to define size
  159.  
  160. //Pull Query & Variables from href URL
  161. var query= popURL.split('?');
  162. var dim= query[1].split('&');
  163. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  164.  
  165. //Fade in the Popup and add close button
  166. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/obptcxj/oF5m67hzk/miniventilador.gif" class="btn_close" title="{text:Popup Close}" alt="Close" /></a>');
  167.  
  168. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  169. var popMargTop = ($('#' + popID).height() + 80) / 2;
  170. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  171.  
  172. //Apply Margin to Popup
  173. $('#' + popID).css({
  174. 'margin-top' : -popMargTop,
  175. 'margin-left' : -popMargLeft
  176. });
  177.  
  178. //Fade in Background
  179. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  180. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  181.  
  182. return false;
  183. });
  184.  
  185. //Close Popups and Fade Layer
  186. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  187. $('#fade , .popup_block').fadeOut(function() {
  188. $('#fade, a.close').remove(); //fade them both out
  189. });
  190. return false;
  191. });
  192. });
  193. </script>
  194.  
  195. <title>{Title}</title>
  196.  
  197. <style type="text/css"> a:hover {cursor: url(http://media.tumblr.com/tumblr_loq2q1sxaX1qfoi4t.png); }</style>
  198.  
  199. <style type="text/css">
  200.  
  201. ::selection {
  202. color:#A994A6;
  203. background-color: #E5D9E3;
  204. }
  205.  
  206. ::-moz-selection {
  207. color:#A994A6;
  208. background-color: #E5D9E3;
  209. }
  210.  
  211. ::-webkit-selection {
  212. color:#A994A6;
  213. background-color: #E5D9E3;
  214. }
  215.  
  216. div#sidebanner{
  217. position:fixed !important;
  218. width: auto;
  219. height: auto;
  220. margin-top: 350px;
  221. margin-left: 800px;
  222. background-color: transparent;
  223. font-family: "arsenale white";
  224. font-size: 200px;
  225. line-height: 45px;
  226. text-shadow: 1px 1px 10px #888;
  227. -webkit-transform: rotate(90deg);
  228. -moz-transform: rotate(90deg);
  229. z-index: 999;
  230. }
  231.  
  232. #tumblr_controls {
  233. opacity: 0.5;
  234. -webkit-transition: all .3s linear;
  235. -moz-transition: all .3s linear;
  236. transition: all .3s linear;
  237.  
  238. }
  239.  
  240. #tumblr_controls:hover {
  241. opacity: 1;
  242. -webkit-transition: all .1s linear;
  243. -moz-transition: all .1s linear;
  244. transition: all .1s linear;
  245. }
  246.  
  247. bull {
  248. display : inline;
  249. font-size: 8px;
  250. font-family: 'tinytots';
  251. line-height: 15px;
  252. text-indent : 5px;
  253. vertical-align : middle;
  254. background: url('http://www.hellostar.org/wp-admin/images/q1.gif')
  255. no-repeat left;
  256. padding-left : 10px;
  257. padding-bottom : 2px;
  258. -webkit-transition-timing-function: ease-out;
  259. -webkit-transition-duration: .7s;
  260. -moz-transition-timing-function: ease-out;
  261. -moz-transition-duration: .7s;
  262. }
  263.  
  264. bull:hover {
  265. display : inline;
  266. font-size: 8px;
  267. font-family:'tinytots';
  268. line-height: 15px;
  269. text-indent : 5px;
  270. vertical-align : middle;
  271. background : url('http://www.hellostar.org/wp-admin/images/q2.gif')
  272. no-repeat left;
  273. padding-left : 10px;
  274. padding-bottom : 2px;
  275. -webkit-transition-timing-function: ease-out;
  276. -webkit-transition-duration: .7s;
  277. -moz-transition-timing-function: ease-out;
  278. -moz-transition-duration: .7s;
  279. }
  280.  
  281.  
  282. #fade { /*--Transparent background layer--*/
  283. display: none; /*--hidden by default--*/
  284. background: #000;
  285. position: fixed; left: 0; top: 0;
  286. width: 100%; height: 100%;
  287. opacity: .80;
  288. z-index: 9999;
  289. }
  290. .popup_block{
  291. display: none; /*--hidden by default--*/
  292. background: url(http://static.tumblr.com/obptcxj/Nbrmm3rkm/paper.gif);
  293. padding: 20px;
  294. border: 1px solid #dedbff;
  295. float: left;
  296. font-size: 1.2em;
  297. position: fixed;
  298. top: 50%; left: 50%;
  299. z-index: 99999;
  300. /*--CSS3 Box Shadows--*/
  301. -webkit-box-shadow: 0px 0px 20px #000;
  302. -moz-box-shadow: 0px 0px 20px #000;
  303. box-shadow: 0px 0px 20px #000;
  304. /*--CSS3 Rounded Corners--*/
  305. -webkit-border-radius: 10px;
  306. -moz-border-radius: 10px;
  307. border-radius: 10px;
  308. {block:IfPopupTilting}
  309. -moz-transform: rotate(2deg);
  310. -webkit-transform: rotate(2deg);
  311. -o-transform: rotate(2deg);
  312. -ms-transform: rotate(2deg);
  313. transform: rotate(2deg);
  314. {/block:IfPopupTilting}
  315.  
  316. }
  317. img.btn_close {
  318. float: right;
  319. margin: -50px -50px 0 0;
  320. }
  321. /*--Making IE6 Understand Fixed Positioning--*/
  322. *html #fade {
  323. position: absolute;
  324. }
  325. *html .popup_block {
  326. position: absolute;
  327. }
  328.  
  329. h2{font: 9pt cambria !important; font-weight:normal; line-height:20px; margin:0px; color: #6c9ab0;}
  330.  
  331. html::-webkit-scrollbar {width:15;height:auto;background:#fbf2ee;}
  332. html::-webkit-scrollbar-corner { background:#fbf2ef; }
  333. html::-webkit-scrollbar-button:vertical {height:2px;display:block;}
  334. html::-webkit-scrollbar-button:horizontal {width:2px;display:block;}
  335. html::-webkit-scrollbar-thumb:vertical {background-image: url(http://media.tumblr.com/tumblr_ls3hp81hls1qlzq96.png););border: 1px solid #f0ccbc;border-right:none;}
  336. html::-webkit-scrollbar-thumb:horizontal {background-image: url(http://media.tumblr.com/tumblr_ls3hp81hls1qlzq96.png);border: 1px solid #fbf2ee;border-bottom;}
  337. html::-webkit-scrollbar-thumb {background image:url(http://media.tumblr.com/tumblr_ls3hp81hls1qlzq96.png);}
  338. html:-webkit-scrollbar-thumb:hover {background-image:url(http://media.tumblr.com/tumblr_ls3hp81hls1qlzq96.png)}
  339. html::-webkit-scrollbar-track-piece {background: none;}
  340. html::-webkit-scrollbar:vertical {border-left:1px solid #fbf2ef;}
  341. html::-webkit-scrollbar:horizontal {border-top:1px solid #fbf2ef;}
  342.  
  343.  
  344.  
  345. cards {
  346. position: fixed;
  347. top: 0px;
  348. right: -50px;
  349. }
  350.  
  351.  
  352. quo {
  353. font-family: adobe caslon pro;
  354. font-size: 40px;
  355. line-height: 15px;
  356. color: {color:Title};
  357. letter-spacing: {text:title letter spacing};
  358. font-weight: normal;
  359. padding:0px 0px 0px 0px;
  360. }
  361.  
  362. sourcequo {
  363. font-family: ck love note;
  364. font-size: 25px;
  365. line-height: 1px;
  366. color: {color:Title};
  367. letter-spacing: {text:title letter spacing};
  368. font-weight: normal;
  369. padding:0px 0px 0px 0px;
  370. }
  371.  
  372.  
  373. @font-face {
  374. font-family: "arsenale white";
  375. src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf');
  376. }
  377.  
  378. @font-face {
  379. font-family: "promised freedom";
  380. src: url('http://static.tumblr.com/obptcxj/Fd2m665kp/promised_freedom.ttf');
  381. }
  382.  
  383. @font-face {
  384. font-family: "ck love note";
  385. src: url('http://static.tumblr.com/obptcxj/r26m66094/ck-love-note.ttf');
  386. }
  387.  
  388. @font-face {
  389. font-family: "callie hand";
  390. src: url('http://static.tumblr.com/obptcxj/ltZm65zrd/callie_hand-trial_version.otf');
  391. }
  392.  
  393. @font-face {
  394. font-family: "dawning of a new day";
  395. src: url('http://static.tumblr.com/obptcxj/mdGm65hw0/dawningofanewday.ttf');
  396. }
  397.  
  398.  
  399. @font-face {
  400. font-family: "rochester";
  401. src: url('http://static.tumblr.com/obptcxj/eCXm64gvi/rochester-regular.ttf');
  402. }
  403.  
  404. blah {
  405. font-size: 16px;
  406. font-family: 'Rochester', cursive;
  407. }
  408.  
  409.  
  410.  
  411. body {
  412. cursor:url(http://i.imgur.com/ZOrzC.png), auto;
  413. margin:0px;
  414. background-color: {color:Background};
  415. background-image: url({image:Background});
  416. background-attachment: fixed;
  417. background-repeat: repeat;}
  418. body, div, p, textarea, submit, input{
  419. font-family: arial;
  420. font-size: 10px;
  421. line-height:10px;
  422. letter-spacing:0px;
  423. color: {color:Text};
  424. }
  425.  
  426. p {
  427. margin:0px;
  428. margin-top:0px;
  429. }
  430.  
  431.  
  432. a:link, a:active, a:visited{
  433. color: {color:Link};
  434. text-decoration: none;
  435. }
  436.  
  437. a:hover {
  438. cursor: url(http://media.tumblr.com/tumblr_loq2q1sxaX1qfoi4t.png), auto;
  439. color: {color:Link Hover};
  440. text-decoration: none;
  441. }
  442.  
  443.  
  444. div#center{
  445. margin:25px;
  446. position:relative;
  447. width:800px;
  448. background-color: transparent;
  449. overflow:auto;
  450. overflow-y:hidden;
  451. }
  452.  
  453. div#page {
  454. width: 768px;
  455. background-repeat: repeat-y;
  456. -moz-box-shadow: 0 0 1em #DBB2B2;
  457. -webkit-box-shadow: 0 0 1em #DBB2B2;
  458. margin-top:-8px;
  459. margin-right: auto;
  460. margin-left:auto;
  461. }
  462.  
  463.  
  464. div#content{
  465. float:right;
  466. width:417px;
  467. padding:2px;
  468. padding-top: 2px;
  469. margin-right: 100px;
  470. margin-top: 20px;
  471. border: 4px solid {color:Content Border};
  472. border-radius: 10px;
  473. border-top: 1px dashed #F2E4D5;
  474. background: url({image:Content Background});
  475. }
  476.  
  477. div#entry{
  478. width:400px;
  479. margin-top: 5px;
  480. margin-left:5px;
  481. margin-right:0px;
  482. padding:2px;
  483. background-color: white;
  484. border: 1px solid #F2E4D5;
  485. border-radius:10px;
  486. }
  487.  
  488. .img{ -webkit-transition: opacity 0.6s linear; opacity: 0.75; }
  489.  
  490. .img:hover{ -webkit-transition: opacity 0.6s linear; opacity: 1; }
  491.  
  492. #entry .forthephotos a{
  493. color: #c0ab9c;
  494. }
  495.  
  496.  
  497. #entry .anodaone a{
  498. color: #c0ab9c;
  499. }
  500.  
  501. #entry .anodaone{
  502. width:80px;
  503. height: auto;
  504. position: absolute;
  505. font-family: tinytots;
  506. font-size: 8px;
  507. line-height: 9px;
  508. text-align: center;
  509. overflow:hidden;
  510. opacity: 1;
  511. background: white;
  512. margin-top: 3px;
  513. margin-left: 420px;
  514. border: 1px dotted #F2E4D5;
  515. z-index: 999;
  516. -webkit-transition: all .3s linear;
  517. -moz-transition: all .3s linear;
  518. transition: all .3s linear;
  519. color: #c0ab9c;
  520. opacity: 0;
  521. padding: 3px;
  522. text-transform: uppercase;
  523. }
  524.  
  525. #entry:hover .anodaone{
  526. margin-top: 90px;
  527. -webkit-transition: all .3s linear;
  528. -moz-transition: all .3s linear;
  529. transition: all .3s linear;
  530. opacity: 3;
  531. }
  532.  
  533. #entry .notenote a{
  534. color: #c0ab9c;
  535. }
  536.  
  537. #entry .notenote{
  538. width:80px;
  539. height: auto;
  540. position: absolute;
  541. font-family: tinytots;
  542. font-size: 8px;
  543. line-height: 9px;
  544. text-align: center;
  545. overflow:hidden;
  546. opacity: 1;
  547. background: white;
  548. margin-top: 5px;
  549. margin-left: -15px;
  550. border: 1px dotted #F2E4D5;
  551. z-index: 999;
  552. -webkit-transition: all .3s linear;
  553. -moz-transition: all .3s linear;
  554. transition: all .3s linear;
  555. color: #c0ab9c;
  556. opacity: 0;
  557. padding: 3px;
  558. text-transform: uppercase;
  559. }
  560.  
  561.  
  562. #entry:hover .notenote{
  563. opacity: 3;
  564. margin-left: 5px;
  565. background: white;
  566. -webkit-transition: all .3s linear;
  567. -moz-transition: all .3s linear;
  568. transition: all .3s linear;
  569. -moz-transform: rotate(360deg);
  570. -webkit-transform: rotate(360deg);
  571. -o-transform: rotate(360deg);
  572. -ms-transform: rotate(360deg);
  573. transform: rotate(360deg);
  574. }
  575.  
  576. #entry .reblog1 a{
  577. color: #fff;
  578. }
  579.  
  580. #entry .reblog1{
  581. width:110px;
  582. height: auto;
  583. position: absolute;
  584. font-family: tinytots;
  585. font-size: 8px;
  586. line-height: 9px;
  587. text-align: center;
  588. overflow:hidden;
  589. opacity: 1;
  590. background: white;
  591. margin-top: 25px;
  592. margin-left: -15px;
  593. border: 1px dotted #F2E4D5;
  594. z-index: 999;
  595. -webkit-transition: all .3s linear;
  596. -moz-transition: all .3s linear;
  597. transition: all .3s linear;
  598. -moz-transform: rotate(-360deg);
  599. -webkit-transform: rotate(-360deg);
  600. -o-transform: rotate(-360deg);
  601. -ms-transform: rotate(-360deg);
  602. transform: rotate(-360deg);
  603. color: #c0ab9c;
  604. opacity: 0;
  605. padding: 3px;
  606. text-transform: uppercase;
  607. }
  608.  
  609.  
  610. #entry:hover .reblog1{
  611. opacity: 3;
  612. margin-left: 5px;
  613. background: #d4b79d;
  614. -webkit-transition: all .3s linear;
  615. -moz-transition: all .3s linear;
  616. transition: all .3s linear;
  617. -moz-transform: rotate(360deg);
  618. -webkit-transform: rotate(360deg);
  619. -o-transform: rotate(360deg);
  620. -ms-transform: rotate(360deg);
  621. transform: rotate(360deg);
  622. }
  623.  
  624. div#sidebar{
  625. position: fixed;
  626. width: 245px;
  627. height: auto;
  628. margin: 0px 0px 5px 5px;
  629. padding: 3px;
  630. font-size: 10px;
  631. line-height:13px;
  632. letter-spacing:0px;
  633. margin-bottom: 6px;
  634. background-color:white;
  635. border: 3px dashed #F2E4D5;
  636. border-radius: 100px
  637. }
  638.  
  639. div.navi a{
  640. text-align: center;
  641. padding:3px 0px;
  642. margin-right:1px;
  643. margin-bottom:10px;
  644. color: #c0ab9c;
  645. background-color: #fff0e3;
  646. border: 0px solid #ffe3cf;
  647. position:relative;
  648. width: 95px;
  649. display: inline-block;
  650. -moz-border-radius: 50px 50px;
  651. border-radius: 50px 50px;
  652. -moz-box-shadow: 0 0 1px #DBB2B2;
  653. -webkit-box-shadow: 0 0 1px #DBB2B2;
  654. -webkit-transition-timing-function: ease-out;
  655. -webkit-transition-duration: .7s;
  656. -moz-transition-timing-function: ease-out;
  657. -moz-transition-duration: .7s;
  658. }
  659.  
  660. div.navi a:hover{
  661. background-color:
  662. padding:3px 0;
  663. color: #fff;
  664. letter-spacing: 1px;
  665. background-color: #d3bcab;
  666. border: 0px solid #fff0e3;
  667. -moz-border-radius: 0px 0px;
  668. border-radius: 0px 0px;
  669. moz-box-shadow: 0 0 1px #E799A3;
  670. -webkit-box-shadow: 0 0 8px #C48793;
  671. z-index:2;
  672. -webkit-transition-timing-function: ease-out;
  673. -webkit-transition-duration: .7s;
  674. -moz-transition-timing-function: ease-out;
  675. -moz-transition-duration: .7s;
  676. }
  677.  
  678.  
  679.  
  680. .sidehead{
  681. background: url(http://27.media.tumblr.com/tumblr_lq9rmvDH2T1qjex46o4_250.jpg);
  682. width: 130px;
  683. border: 1px solid #eaddbd;
  684. font-family: Dawning of a new day;
  685. font-size: 17px;
  686. color: #c0ab9c;
  687. padding: 8px;
  688. border-radius: 7px;
  689. }
  690.  
  691. .portrait{
  692. border-radius:100%;
  693. background:#fff
  694. padding: px;
  695. width: 100px;
  696. height: 100px;
  697. margin-left:1px;
  698. margin-right: 6px;
  699. margin-bottom: 6px;
  700. margin-top: 6px;
  701. box-shadow: 0px 0px 0px 3px #F2E4D5;
  702. -webkit-transition-timing-function: ease-out;
  703. -webkit-transition-duration: .7s;
  704. -moz-transition-timing-function: ease-out;
  705. -moz-transition-duration: .7s;
  706. -moz-transform: rotate(-360deg);
  707. -webkit-transform: rotate(-360deg);
  708. -o-transform: rotate(-360deg);
  709. -ms-transform: rotate(-360deg);
  710. transform: rotate(-360deg);
  711. }
  712.  
  713. .portrait:hover{
  714. -webkit-transition-timing-function: ease-out;
  715. -webkit-transition-duration: .7s;
  716. -moz-transition-timing-function: ease-out;
  717. -moz-transition-duration: .7s;
  718. -moz-transform: rotate(360deg);
  719. -webkit-transform: rotate(360deg);
  720. -o-transform: rotate(360deg);
  721. -ms-transform: rotate(360deg);
  722. transform: rotate(360deg);
  723. }
  724.  
  725. .debit{
  726. bottom:3px;
  727. left:3px;
  728. font-size:8px;
  729. z-index:4;
  730. position:fixed;
  731. padding:2px;
  732. background: white;
  733. font-family: tinytots;
  734. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  735. border: 1px solid #F2E4D5;
  736. }
  737. .debit:hover{
  738. bottom:30px;
  739. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  740. }
  741. .debit .links{opacity:0;
  742. border: 1px solid #F2E4D5;
  743. bottom:3px;
  744. left:3px;
  745. font-size:8px;
  746. z-index:4;
  747. position:fixed;
  748. background: white;
  749. padding:2px;
  750. font-family: tinytots;
  751. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  752. }
  753. .debit:hover .links{
  754. opacity:0.9;
  755. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  756. }
  757.  
  758. #postnotes{
  759. text-align: justify;}
  760.  
  761. #postnotes blockquote{
  762. border: 0px;}
  763.  
  764. .title{
  765. font-family: arsenale white;
  766. font-size: 40px;
  767. line-height: 15px;
  768. color: {color:Title};
  769. letter-spacing: {text:title letter spacing};
  770. font-weight: normal;
  771. padding:0px 0px 0px 0px;
  772. }
  773.  
  774. .linkies{
  775. font-family: promised freedom;
  776. font-size: 30px;
  777. line-height: 15px;
  778. color: {color:Title};
  779. letter-spacing: {text:title letter spacing};
  780. font-weight: normal;
  781. padding:0px 0px 0px 0px;
  782. }
  783.  
  784. .quotequote{
  785. font-family: callie hand;
  786. font-size: 25px;
  787. line-height: 40px;
  788. color: {color:Title};
  789. letter-spacing: {text:title letter spacing};
  790. font-weight: normal;
  791. padding:0px 0px 0px 0px;
  792. }
  793.  
  794. .title2{
  795. font-family: georgia;
  796. font-size: 20px;
  797. line-height: 12px;
  798. color: {color:Title};
  799. letter-spacing: {text:title letter spacing};
  800. font-weight: {text:title font weight};
  801. padding:0px 0px 0px 0px;
  802. }
  803.  
  804. blockquote{
  805. padding:0px 0px 2px 5px;
  806. margin:0px 0px 2px 1px;
  807. border-left: 1px dotted #555555;
  808. }
  809.  
  810. blockquote p, ul{
  811. margin:0px;
  812. padding:0px;
  813. }
  814.  
  815. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  816.  
  817.  
  818. a img{border: 0px;}
  819.  
  820. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  821.  
  822. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  823. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  824.  
  825. .notes img{width:10px; position:relative; top:3px;}
  826.  
  827. .permalink{
  828. display: block;
  829. font-size: 8px;
  830. text-align: center;
  831. margin-top: 3px;
  832. border-top: 1px dashed #F2E4D5;
  833. font-family: tinytots;
  834. text-transform: uppercase;
  835. color: #c0ab9c;
  836. }
  837.  
  838. @font-face {
  839. font-family: "tinytots";
  840. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  841. }
  842.  
  843. small{font-size: 90%;}
  844.  
  845.  
  846. </style>
  847.  
  848.  
  849. <script type="text/javascript">
  850. // <![CDATA[
  851. var colour="#C48189";
  852. var colour3="#FBBBB9";
  853. var colour5="#C48189";
  854. var sparkles=120;
  855.  
  856. /****************************
  857. * Tinkerbell Magic Sparkle *
  858. * (c) 2005 mf2fm web-design *
  859. * http://www.mf2fm.com/rv *
  860. * DON'T EDIT BELOW THIS BOX *
  861. ****************************/
  862. var x=ox=400;
  863. var y=oy=300;
  864. var swide=800;
  865. var shigh=600;
  866. var sleft=sdown=0;
  867. var tiny=new Array();
  868. var star=new Array();
  869. var starv=new Array();
  870. var starx=new Array();
  871. var stary=new Array();
  872. var tinyx=new Array();
  873. var tinyy=new Array();
  874. var tinyv=new Array();
  875.  
  876. window.onload=function() { if (document.getElementById) {
  877. var i, rats, rlef, rdow;
  878. for (var i=0; i<sparkles; i++) {
  879. var rats=createDiv(3, 3);
  880. rats.style.visibility="hidden";
  881. document.body.appendChild(tiny[i]=rats);
  882. starv[i]=0;
  883. tinyv[i]=0;
  884. var rats=createDiv(5, 5);
  885. rats.style.backgroundColor="transparent";
  886. rats.style.visibility="hidden";
  887. var rlef=createDiv(1, 5);
  888. var rdow=createDiv(5, 1);
  889. rats.appendChild(rlef);
  890. rats.appendChild(rdow);
  891. rlef.style.top="2px";
  892. rlef.style.left="0px";
  893. rdow.style.top="0px";
  894. rdow.style.left="2px";
  895. document.body.appendChild(star[i]=rats);
  896. }
  897. set_width();
  898. sparkle();
  899. }}
  900.  
  901. function sparkle() {
  902. var c;
  903. if (x!=ox || y!=oy) {
  904. ox=x;
  905. oy=y;
  906. for (c=0; c<sparkles; c++) if (!starv[c]) {
  907. star[c].style.left=(starx[c]=x)+"px";
  908. star[c].style.top=(stary[c]=y)+"px";
  909. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  910. star[c].style.visibility="visible";
  911. starv[c]=50;
  912. break;
  913. }
  914. }
  915. for (c=0; c<sparkles; c++) {
  916. if (starv[c]) update_star(c);
  917. if (tinyv[c]) update_tiny(c);
  918. }
  919. setTimeout("sparkle()", 40);
  920. }
  921.  
  922. function update_star(i) {
  923. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  924. if (starv[i]) {
  925. stary[i]+=1+Math.random()*3;
  926. if (stary[i]<shigh+sdown) {
  927. star[i].style.top=stary[i]+"px";
  928. starx[i]+=(i%5-2)/5;
  929. star[i].style.left=starx[i]+"px";
  930. }
  931. else {
  932. star[i].style.visibility="hidden";
  933. starv[i]=0;
  934. return;
  935. }
  936. }
  937. else {
  938. tinyv[i]=50;
  939. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  940. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  941. tiny[i].style.width="2px";
  942. tiny[i].style.height="2px";
  943. star[i].style.visibility="hidden";
  944. tiny[i].style.visibility="visible"
  945. }
  946. }
  947.  
  948. function update_tiny(i) {
  949. if (--tinyv[i]==25) {
  950. tiny[i].style.width="1px";
  951. tiny[i].style.height="1px";
  952. }
  953. if (tinyv[i]) {
  954. tinyy[i]+=1+Math.random()*3;
  955. if (tinyy[i]<shigh+sdown) {
  956. tiny[i].style.top=tinyy[i]+"px";
  957. tinyx[i]+=(i%5-2)/5;
  958. tiny[i].style.left=tinyx[i]+"px";
  959. }
  960. else {
  961. tiny[i].style.visibility="hidden";
  962. tinyv[i]=0;
  963. return;
  964. }
  965. }
  966. else tiny[i].style.visibility="hidden";
  967. }
  968.  
  969. document.onmousemove=mouse;
  970. function mouse(e) {
  971. set_scroll();
  972. y=(e)?e.pageY:event.y+sdown;
  973. x=(e)?e.pageX:event.x+sleft;
  974. }
  975.  
  976. function set_scroll() {
  977. if (typeof(self.pageYOffset)=="number") {
  978. sdown=self.pageYOffset;
  979. sleft=self.pageXOffset;
  980. }
  981. else if (document.body.scrollTop || document.body.scrollLeft) {
  982. sdown=document.body.scrollTop;
  983. sleft=document.body.scrollLeft;
  984. }
  985. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  986. sleft=document.documentElement.scrollLeft;
  987. sdown=document.documentElement.scrollTop;
  988. }
  989. else {
  990. sdown=0;
  991. sleft=0;
  992. }
  993. }
  994.  
  995. window.onresize=set_width;
  996. function set_width() {
  997. if (typeof(self.innerWidth)=="number") {
  998. swide=self.innerWidth;
  999. shigh=self.innerHeight;
  1000. }
  1001. else if (document.documentElement && document.documentElement.clientWidth) {
  1002. swide=document.documentElement.clientWidth;
  1003. shigh=document.documentElement.clientHeight;
  1004. }
  1005. else if (document.body.clientWidth) {
  1006. swide=document.body.clientWidth;
  1007. shigh=document.body.clientHeight;
  1008. }
  1009. }
  1010.  
  1011. function createDiv(height, width) {
  1012. var div=document.createElement("div");
  1013. div.style.position="absolute";
  1014. div.style.height=height+"px";
  1015. div.style.width=width+"px";
  1016. div.style.overflow="hidden";
  1017. div.style.backgroundColor=colour;
  1018. return (div);
  1019. }
  1020. // ]]>
  1021. </script>
  1022.  
  1023. <script type="text/javascript">
  1024. var rev = "fwd";
  1025. function titlebar(val)
  1026. {
  1027. var msg = "♡いらっしゃい キューティーハニー♡";
  1028. var res = " ";
  1029. var speed = 100;
  1030. var pos = val;
  1031. msg = "♡いらっしゃい キューティーハニー♡";
  1032. var le = msg.length;
  1033. if(rev == "fwd"){
  1034. if(pos < le){
  1035. pos = pos+1;
  1036. scroll = msg.substr(0,pos);
  1037. document.title = scroll;
  1038. timer = window.setTimeout("titlebar("+pos+")",speed);}
  1039. else{
  1040. rev = "bwd";
  1041. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  1042. else{
  1043. if(pos > 0){
  1044. pos = pos-1;
  1045. var ale = le-pos;
  1046. scrol = msg.substr(ale,le);
  1047. document.title = scrol;
  1048. timer = window.setTimeout("titlebar("+pos+")",speed);}
  1049. else{
  1050. rev = "fwd";
  1051. timer = window.setTimeout("titlebar("+pos+")",speed);
  1052. }}}
  1053. titlebar(0);
  1054. </script>
  1055.  
  1056. </head>
  1057.  
  1058. {block:ifDisableCtrlUandCtrlC}
  1059. <body onkeydown="return false">
  1060. {/block:ifDisableCtrlUandCtrlC}
  1061.  
  1062. {block:ifNotDisableCtrlUandCtrlC}
  1063. <body>
  1064. {block:ifNotDisableCtrlUandCtrlC}
  1065.  
  1066. {block:ifEiffelTower}
  1067. <cards>
  1068. <img src="{image:Eiffel Tower}"></cards>
  1069. {/block:ifEiffelTower}
  1070.  
  1071. <div class="debit">
  1072. STATICS
  1073. <div class="links">
  1074. <center>
  1075. {text:Static Online}<script language="JavaScript">
  1076. var ref = (''+document.referrer+'');
  1077. var w_h = window.screen.width + " x " + window.screen.height;
  1078. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3881221&e1=lovelie&e2=lovelies&r=' + ref + '&wh=' + w_h + '"><\/script>');
  1079. </script>
  1080. <br>
  1081. {text:Static Views}<script language="JavaScript" src="http://freehostedscripts.net/ip.php"></script>
  1082. </center>
  1083. </div></div>
  1084.  
  1085. <div id="cage">
  1086. <div id="center">
  1087.  
  1088.  
  1089. <div id="sidebar">
  1090. <center>
  1091. <br><br><br><br>
  1092. <img src="http://static.tumblr.com/obptcxj/N44m67i06/296ljl5.png" style="-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);">
  1093. <br><br>
  1094. <div class="sidehead">
  1095. <img src="http://static.tumblr.com/obptcxj/5lym65d7p/1z2qauf.png" align="center"> 説明 <img src="http://static.tumblr.com/obptcxj/5lym65d7p/1z2qauf.png" align="center">
  1096. </div>
  1097. <br>
  1098. <img class="portrait" align="left"
  1099. src="{image:Sidebar Kitten}"
  1100. onmouseover="this.src='{PortraitURL-96}'"
  1101.  
  1102. onmouseout="http://media.tumblr.com/2e260508829a45bb19af40b0b556788d/tumblr_inline_muenonf06C1qdlkyg.gif'" style=""/>
  1103.  
  1104.  
  1105. <br>
  1106. {block:Description}
  1107. <p align="right" style="margin-right: 25px;">{Description}
  1108. {/block:Description}
  1109. <br><br>
  1110. <div class="sidehead">
  1111. <img src="http://static.tumblr.com/obptcxj/5lym65d7p/1z2qauf.png" align="center"> リンク <img src="http://static.tumblr.com/obptcxj/5lym65d7p/1z2qauf.png" align="center">
  1112. </div>
  1113. <br>
  1114. <div class="navi"><a href="/" target="_blank" class="page">♡Home</a></div>
  1115.  
  1116. <div class="navi"><a href="/ask" target="_blank" class="page">♡Message</a></div>
  1117.  
  1118. <div class="navi"><a href="#?w=300" rel="05" class="poplight">♡Link's</a></div>
  1119.  
  1120. <div class="navi"><a href="/archive" target="_blank"> ♡Past </a></div>
  1121.  
  1122. <div class="navi"><a href="https://twitter.com/Ruko_shima" target="_blank"> ♡Twitter </a></div>
  1123.  
  1124. <div class="navi"><a href="http://flavors.me/rukoshima" target="_blank"> ♡Flavors.me </a></div>
  1125.  
  1126. &nbsp;&nbsp;<img src="http://static.tumblr.com/obptcxj/N44m67i06/296ljl5.png">
  1127. <br>
  1128. <div align="right">
  1129. <br>
  1130. </div>
  1131.  
  1132.  
  1133. </div>
  1134.  
  1135.  
  1136. <div id="content">
  1137. {block:Posts}
  1138. <div id="entry">
  1139. {block:Text}
  1140. {block:Title}
  1141. <div class="reblog1"><center><a href="{ReblogURL}" target="_blank">Re-dream ~ &hearts;</a></center></div>
  1142. <div class="notenote"><a href="{PERMALINK}" target="_blank"><center>{NoteCountWithLabel}</center></div>
  1143. <br><br><br><center>
  1144. <span class="title">{Title}</span><br><br><img src="http://static.tumblr.com/obptcxj/iQJm65yhm/296ljl52.png"><br><br></center>
  1145. {/block:Title}
  1146. <span class="entrytext" >{Body}</span>
  1147. {/block:Text}
  1148.  
  1149. {block:Link}
  1150. <div class="reblog1"><center><a href="{ReblogURL}" target="_blank">Re-dream ~ &hearts;</a></center></div>
  1151. <div class="notenote"><a href="{PERMALINK}" target="_blank"><center>{NoteCountWithLabel}</center></div>
  1152. <br><center><br><br>
  1153. <a href="{URL}" target="_blank" class="linkies">^ {Name} ^ →</a><br><Br>
  1154. <br><br></center>
  1155. {block:Description}{Description}{/block:Description}
  1156. {block:Link}
  1157.  
  1158. <div class="img">
  1159. {block:Photo}
  1160. <div class="reblog1"><center><a href="{ReblogURL}" target="_blank">Re-dream ~ &hearts;</a></center></div>
  1161. <div class="notenote"><a href="{PERMALINK}" target="_blank"><center>{NoteCountWithLabel}</center></div>
  1162. {block:IndexPage}{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}" style="border-radius:10px; "width=400px/></div>{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/>{LinkCloseTag}{/block:PermalinkPage}</center>
  1163. {block:PermalinkPage}{caption}{/block:PermalinkPage}
  1164. {/block:Photo}
  1165. </div>
  1166.  
  1167. {block:Quote}
  1168. <div class="reblog1"><center><a href="{ReblogURL}" target="_blank">Re-dream ~ &hearts;</a></center></div>
  1169. <div class="notenote"><a href="{PERMALINK}" target="_blank"><center>{NoteCountWithLabel}</center></div>
  1170. <br><center><br><br>
  1171. <span class="quotequote"><quo>“</quo>{Quote}<quo>”</quo></span><br><br>
  1172. <p align="right"><sourcequo>{block:Source} — {Source}{/block:Source}</p></sourcequo>
  1173. {/block:Quote}
  1174.  
  1175. {block:Chat}
  1176. <div class="reblog1"><center><a href="{ReblogURL}" target="_blank">Re-dream ~ &hearts;</a></center></div>
  1177. <div class="notenote"><a href="{PERMALINK}" target="_blank"><center>{NoteCountWithLabel}</center></div>
  1178. {block:Title}<span class="title">{Title}</span>{/block:Title}
  1179. <ul class="chat">
  1180. {block:Lines}
  1181. <li class="user_{UserNumber}">
  1182. {block:Label}
  1183. <span class="label">{Label}</span>
  1184. {/block:Label}
  1185.  
  1186. {Line}
  1187. </li>
  1188. {/block:Lines}
  1189. </ul>
  1190. {/block:Chat}
  1191.  
  1192.  
  1193. {block:Audio}
  1194. <div class="reblog1"><center><a href="{ReblogURL}" target="_blank">Re-dream ~ &hearts;</a></center></div>
  1195. <div class="notenote"><a href="{PERMALINK}" target="_blank"><center>{NoteCountWithLabel}</center></div>
  1196. <br><center><br><br>
  1197. <div class="audio"><div style="width:300px; height:-10px;"><div style="float:center">{AudioPlayerWhite}</div><div style="margin-top:10px; float:center;">
  1198. {block:ExternalAudio} // <a href="{ExternalAudioURL}" target="_blank">Download?</a>{/block:ExternalAudio}</div></div>
  1199. {block:Caption}{Caption}{/block:Caption}<br>
  1200. </centeR>
  1201.  
  1202. {/block:Audio}
  1203.  
  1204. {block:Video}
  1205. <div class="reblog1"><center><a href="{ReblogURL}" target="_blank">Re-dream ~ &hearts;</a></center></div>
  1206. <div class="notenote"><a href="{PERMALINK}" target="_blank"><center>{NoteCountWithLabel}</center></div>
  1207. <center>
  1208. {Video-400}</center>
  1209. {block:Video}
  1210.  
  1211. {block:Answer}
  1212. <div class="notenote"><a href="{PERMALINK}" target="_blank"><center>{NoteCountWithLabel}</center></div>
  1213. <br>
  1214. <div style="
  1215. border-top-left-radius: 30px;
  1216. border-top-right-radius: 30px;
  1217. border: 1px solid #F2E4D5;
  1218. margin: 3px;
  1219. min-height:30px;
  1220. padding: 3px;
  1221. background-color: #fff;
  1222. box-shadow: 0px 0px 0px 3px #f2e4d5;
  1223. font-family: tinytots;
  1224. font-size: 8px;"><p align="center">
  1225. {asker} <em>whispered</em>: {Question}<br></div></p>
  1226. <Br>
  1227. <div style="font-family: tinytots; font-size: 8px;">
  1228. {Answer}
  1229. </div>
  1230. <br>
  1231. {/block:Answer}
  1232.  
  1233.  
  1234. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL" target="_blank"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  1235.  
  1236. {block:PostNotes}{PostNotes}
  1237. {/block:PostNotes}
  1238. </div>
  1239.  
  1240. {/block:Posts}
  1241. </div></div>
  1242.  
  1243. </div>
  1244. </center>
  1245.  
  1246. </body>
  1247.  
  1248. <div id="05" class="popup_block">
  1249. <center>
  1250. <span class="title" style="color: #ffc9cd; font-size: 60px;"><strong> - linkies - </span></strong><br>
  1251. <bull><a href="{text:Link 1 URL}" target="_blank"> {text:Link 1 Title} </a></bull><br>
  1252. <bull><a href="{text:Link 2 URL}" target="_blank"> {text:Link 2 Title }</a></bull><br>
  1253. <bull><a href="{text:Link 3 URL}" target="_blank"> {text:Link 3 Title} </a></bull><br>
  1254. <bull><a href="{text:Link 4 URL}" target="_blank"> {text:Link 4 Title} </a></bull><br>
  1255. <bull><a href="{text:Link 5 URL}" target="_blank"> {text:Link 5 Title} </a></bull><br>
  1256. </center>
  1257. </div>
  1258.  
  1259. </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!