API tools faq
paste
Advertisement
Cuddly-Themes

Kawaii Theme #1

Cuddly-Themes
Sep 24th, 2012
139
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.15 KB | None | 0 0
raw download clone embed print report
  1. <meta content="no" http-equiv="imagetoolbar">
  2. <meta name="text:Music Player Code" content="Paste you code here. ♥Music Player Code">
  3.  
  4.  
  5. <script type="text/javascript">
  6.  
  7. /***********************************************
  8. * Disable select-text script- © Dynamic Drive (www.dynamicdrive.com)
  9. * This notice MUST stay intact for legal use
  10. * Visit http://www.dynamicdrive.com/ for full source code
  11. ***********************************************/
  12.  
  13. //form tags to omit in NS6+:
  14. var omitformtags=["input", "textarea", "select"]
  15.  
  16. omitformtags=omitformtags.join("|")
  17.  
  18. function disableselect(e){
  19. if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
  20. return false
  21. }
  22. function reEnable(){
  23. return true
  24. }
  25.  
  26. if (typeof document.onselectstart!="undefined")
  27. document.onselectstart=new Function ("return false")
  28. else{
  29. document.onmousedown=disableselect
  30. document.onmouseup=reEnable
  31. }
  32.  
  33. </script>
  34. <style>
  35. <!--
  36. .skin{
  37. position:absolute;
  38. width:130px;
  39. border:1px solid #FFAFB4;
  40. background-color: white;
  41. line-height:12px;
  42. color: #6C3F36;
  43. cursor:crosshair;
  44. font-size:8pt;
  45. font-family:Tahoma;
  46. padding-bottom:5px;
  47. padding-top:5px;
  48. padding-left:5px;
  49. padding-right:2px;
  50. z-index:50;
  51. visibility:hidden;
  52. }
  53. .menuitems{
  54. padding-left:30px;
  55. padding-right:30px;
  56. }
  57. -->
  58. </style>
  59. <div id="ie5menu" class="skin" onMouseover="highlightie5(event)" onMouseout="lowlightie5(event)" onClick="jumptoie5(event)" display:none>
  60. No right click here.<br>
  61. If you want anything,<br>
  62. just ASK me :)<br>
  63. Thank You!<br>
  64. </div>
  65.  
  66. <script language="JavaScript1.2">
  67. //set this variable to 1 if you wish the URLs of the highlighted menu to be displayed in the status bar
  68. var display_url=0
  69. var ie5=document.all&&document.getElementById
  70. var ns6=document.getElementById&&!document.all
  71. if (ie5||ns6)
  72. var menuobj=document.getElementById("ie5menu")
  73. function showmenuie5(e){
  74. //Find out how close the mouse is to the corner of the window
  75. var rightedge=ie5? document.body.clientWidth-event.clientX : window.innerWidth-e.clientX
  76. var bottomedge=ie5? document.body.clientHeight-event.clientY : window.innerHeight-e.clientY
  77. //if the horizontal distance isn't enough to accomodate the width of the context menu
  78. if (rightedge<menuobj.offsetWidth)
  79. //move the horizontal position of the menu to the left by it's width
  80. menuobj.style.left=ie5? document.body.scrollLeft+event.clientX-menuobj.offsetWidth : window.pageXOffset+e.clientX-menuobj.offsetWidth
  81. else
  82. //position the horizontal position of the menu where the mouse was clicked
  83. menuobj.style.left=ie5? document.body.scrollLeft+event.clientX : window.pageXOffset+e.clientX
  84. //same concept with the vertical position
  85. if (bottomedge<menuobj.offsetHeight)
  86. menuobj.style.top=ie5? document.body.scrollTop+event.clientY-menuobj.offsetHeight : window.pageYOffset+e.clientY-menuobj.offsetHeight
  87. else
  88. menuobj.style.top=ie5? document.body.scrollTop+event.clientY : window.pageYOffset+e.clientY
  89. menuobj.style.visibility="visible"
  90. return false
  91. }
  92. function hidemenuie5(e){
  93. menuobj.style.visibility="hidden"
  94. }
  95. function highlightie5(e){
  96. var firingobj=ie5? event.srcElement : e.target
  97. if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
  98. if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node
  99. firingobj.style.backgroundColor="highlight"
  100. firingobj.style.color="E6E4E5"
  101. if (display_url==1)
  102. window.status=event.srcElement.url
  103. }
  104. }
  105. function lowlightie5(e){
  106. var firingobj=ie5? event.srcElement : e.target
  107. if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
  108. if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node
  109. firingobj.style.backgroundColor=""
  110. firingobj.style.color="826A92"
  111. window.status=''
  112. }
  113. }
  114. function jumptoie5(e){
  115. var firingobj=ie5? event.srcElement : e.target
  116. if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
  117. if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode
  118. if (firingobj.getAttribute("target"))
  119. window.open(firingobj.getAttribute("url"),firingobj.getAttribute("target"))
  120. else
  121. window.location=firingobj.getAttribute("url")
  122. }
  123. }
  124. if (ie5||ns6){
  125. menuobj.style.display=''
  126. document.oncontextmenu=showmenuie5
  127. document.onclick=hidemenuie5
  128. }
  129. </script>
  130.  
  131. <html>
  132. <head>
  133.  
  134. <title>My Kawaii Bloggie</title>
  135.  
  136. <script>
  137. window.defaultStatus=" Welcome! You are currently @ url.blogspot.com "</script>
  138.  
  139. <!-- --><style type="text/css">@import url(http://www2.blogger.com/css/navbar/classic.css);
  140. div.b-mobile {display:none;}
  141. </style>
  142.  
  143. </head>
  144.  
  145.  
  146. <style type="text/css">
  147.  
  148.  
  149. A:link
  150. { text-decoration:none; color: silver;}
  151. A:visited
  152. { text-decoration:none; color: silver;}
  153. A:active
  154. { text-decoration:none; border: 1px solid pink; cursor: crosshair; color: pink;}
  155. A:hover
  156. { text-decoration:none; border: 1px solid silver; cursor: crosshair; color: pink ;}
  157.  
  158. b { text-decoration: bold; color: pink; }
  159. u { text-decoration: underline; border-bottom: 1px solid pink; }
  160. s { text-decoration: strikeout; color: #6C3F36; }
  161.  
  162.  
  163.  
  164. body
  165. {
  166.  
  167. background:url(none);
  168. background-color: #ffffff;
  169. background-repeat: no-repeat;
  170. background-attachment: fixed;
  171. background-position:top left;
  172. font-family: verdana;
  173. color: #000000;
  174. font-size: 8pt;
  175. line-height: 15px;
  176. text-align: justify;
  177. margin: 0px;
  178.  
  179.  
  180.  
  181. scrollbar-face-color:white;
  182. scrollbar-shadow-color: #FFAFB4;
  183. scrollbar-highlight-color: #FFAFB4;
  184. scrollbar-3dlight-color: #FFAFB4;
  185. scrollbar-darkshadow-color: #FFAFB4;
  186. scrollbar-track-color: white;
  187. scrollbar-arrow-color: #FFAFB4;}
  188.  
  189. textarea{
  190. border: 1px solid #FFAFB4;
  191. color: #6C3F36;
  192. font-family: tahoma;
  193. font-size: 8pt;
  194. line-height: 13px;
  195. padding: 7px;
  196. }
  197.  
  198. blockquote{
  199. background: white;
  200. border : 2px dashed pink;
  201. color: #6C3F36;
  202. font-family: tahoma;
  203. font-size: 8pt;
  204. line-height: 13px;
  205. padding: 7px;
  206. }
  207.  
  208.  
  209.  
  210. .h1 {
  211. font-family: "tahoma";
  212. font-size: 15pt;
  213. line-height: 10px;
  214. color: pink;
  215. background:none;
  216. text-align: left;
  217. font-weight:none;
  218. text-align:center;
  219. padding:5px;
  220. border-bottom:2px dotted #FF8899;
  221. }
  222.  
  223.  
  224. .h2 {
  225. font-family: "tahoma";
  226. font-size: 15pt;
  227. line-height: 10px;
  228. color: pink;
  229. background:none;
  230. text-align: left;
  231. font-weight:none;
  232. text-align:center;
  233. padding:5px;
  234. border-bottom:2px dotted #FF8899;
  235. }
  236.  
  237. .h3 {
  238. font-family:tahoma;
  239. font-weight: none;
  240. font-size: 11px;
  241. background-color:none;
  242. color: #6C3F36;
  243. filter:alpha(opacity=80);
  244. padding: 10px;
  245. }
  246.  
  247. div.nav a{
  248. background: #ffcfcf;
  249. color: #fff;
  250. font-family:calibri;
  251. display:block;
  252. width: 150px;
  253. height: 13px;
  254. font-size:10px;
  255. text-align: center;
  256. padding-top:2px;
  257. margin-left:2px;
  258. margin-top:2px;
  259. position:relative;
  260. text-align: center;
  261. z-index:1;
  262. font-weight:bold;
  263. -moz-border-radius:7px;
  264. -webkit-border-radius:7px;
  265. display: inline-block;
  266. text-transform: highercase;
  267. -webkit-transition: opacity 0.2s linear;
  268. -webkit-transition: all 0.5s linear;
  269. -moz-transition: all 0.5s linear;
  270. transition: all 0.5s linear;
  271. }
  272.  
  273. div.nav a:hover{
  274. background-image:url(http://media.tumblr.com/tumblr_lqcgly3lv31qlzq96.png); letter-spacing:1px; color: #000;
  275. -webkit-transition: opacity 0.2s linear;
  276. -webkit-transition: all 0.5s linear;
  277. -moz-transition: all 0.5s linear;
  278. transition: all 0.5s linear;
  279. }
  280.  
  281.  
  282. .h4 {
  283. font-family:tahoma;
  284. font-weight: none;
  285. font-size: 11px;
  286. background-color:none;
  287. color: #6C3F36;
  288. filter:alpha(opacity=80);
  289. border-color:none;
  290. text-align:left;
  291. padding: 10px;
  292. }
  293.  
  294. #navbar-iframe {
  295. height: 0px;
  296. visibility: hidden;
  297. display: none;
  298. }
  299.  
  300. div#content{
  301. float:right;
  302. position:absolute;
  303. width:375px;
  304. background: #FFF;
  305. padding:5px;
  306. }
  307.  
  308. div#entry{
  309. width:375px;
  310. float:left;
  311. margin: -5px 0px 5px 5px;
  312. padding: 5px;
  313. background-color: ;
  314. overflow:hidden;
  315. }
  316.  
  317. h2 {
  318. font-family: "girlsareweird";
  319. font-size:35px;
  320. margin-bottom:1px;
  321. }
  322.  
  323. h3{
  324. font-family: "halohandletter";
  325. font-size:35px;
  326. margin-bottom:-2px;
  327. color: #ffbfbf;
  328. text-shadow: 0px 0px 2px #ffa9a9;
  329. }
  330.  
  331. .permalink{ text-align:right; border-top:2px solid #FFABAB; padding-right:10px; padding-top:3px; width:380px; color:#FFABAB; float:right; margin-top:5px;}
  332. </style>
  333.  
  334.  
  335.  
  336.  
  337. <div id=image style="position:absolute; border:0px double black; top: 0; left: 0;">
  338. <img src="http://i192.photobucket.com/albums/z53/mggjiang/lovecandied-1.jpg"></div>
  339. </div>
  340.  
  341. <div style="position:absolute; left:745px; top:180px; overflow: auto; height:300px; width:208px;"><!-- BEGIN CBOX - www.cbox.ws - v001 -->
  342. <div id="cboxdiv" style="text-align: center; line-height: 0">
  343. <div><iframe frameborder="0" width="190" height="155" src="http://www7.cbox.ws/box/?boxid=572496&amp;boxtag=9by728&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-572496" style="border: 0px solid;" id="cboxmain7-572496"></iframe></div>
  344. <div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=572496&amp;boxtag=9by728&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-572496" style="border: 0px solid;border-top:0px" id="cboxform7-572496"></iframe></div>
  345. </div>
  346. <!-- END CBOX --> </div>
  347.  
  348. <div style="position:absolute; left:290px; top:180px; overflow: auto; height:335px; width:415px;">
  349.  
  350. <div id="content">
  351. {block:Posts}
  352. <div id="entry">
  353. {block:Text}
  354. {block:Title}<h3>{Title}</h3>{/block:Title}
  355. <span class="entrytext">{Body}</span>
  356.  
  357. {/block:Text}
  358.  
  359.  
  360. {block:Link}
  361. <a href="{URL}"><h3>{Name}</h3></a>
  362. {block:Description}{Description}{/block:Description}
  363. {block:Link}
  364.  
  365. {block:Photo}{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="360px"/></a>{LinkCloseTag}<br>
  366. {/block:Photo}
  367.  
  368. {block:Quote}
  369. <h3>{Quote}</h3>
  370. {block:Source}{Source}{/block:Source}
  371. {/block:Quote}
  372.  
  373. {block:Chat}
  374. {block:Title}<span class="title">{Title}</span>{/block:Title}
  375. <ul class="chat">
  376. {block:Lines}
  377. <li class="user_{UserNumber}">
  378. {block:Label}
  379. <span class="label">{Label}</span>
  380. {/block:Label}
  381.  
  382. {Line}
  383. </li>
  384. {/block:Lines}
  385. </ul>
  386.  
  387. {/block:Chat}
  388.  
  389.  
  390. {block:Audio}
  391. <centeR><div style="width:500px; height:20px;"><div style="float:left">{AudioPlayerwhite}</div><div style="margin-top:8px; float:right;"><small>
  392. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</small></div></div></centeR><BR>
  393. {block:Caption}{Caption}{/block:Caption}
  394. {/block:Audio}
  395.  
  396. {block:Video}<center>
  397. {Video-500}<BR>
  398. {block:Caption}{Caption}{/block:Caption}</center>
  399. {block:Video}
  400. {block:Answer}
  401. <img src="{AskerPortraitURL-40}" align="left" style="float: left; margin: 1px 4px 0 0;border-radius: 40px; box-shadow: 0px 0px 2px 2px #F2E4D5;">
  402. <div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>
  403. <center>{Answer}</center>
  404. {/block:Answer}
  405.  
  406. <span class="permalink"><a href="{Permalink}">
  407. {block:Date}posted {TimeAgo} | {NoteCountWithLabel} | <a href="{reblogurl}" target="_blank">re-love</a>{/block:Date}</a></span>
  408.  
  409. {block:PostNotes}
  410. <center>
  411. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  412.  
  413.  
  414. {block:HasTags}
  415. tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  416. {block:RebloggedFrom}
  417. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  418. originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  419. </center></span>
  420. <br>
  421. <div id="postnotes">{PostNotes}</div><br>
  422.  
  423. <center>{block:ContentSource}
  424. <br><a href="{SourceURL}">
  425. {lang:Source}:
  426. {block:SourceLogo}
  427. <img src="{BlackLogoURL}" width="{LogoWidth}"
  428. height="{LogoHeight}" alt="{SourceTitle}" />
  429. {/block:SourceLogo}
  430. {block:NoSourceLogo}
  431. {SourceLink}
  432. {/block:NoSourceLogo}
  433. </a>
  434. {/block:ContentSource}</center>
  435.  
  436. {/block:PostNotes}
  437. </div>
  438. {/block:Posts}
  439. </div></div>
  440.  
  441. </div>
  442. <br><br>
  443.  
  444.  
  445. <div style="position:absolute; left:40px; top:180px; overflow: auto; height:335px; width:210px;">
  446. <br>
  447. <div class=h1>Site-mistress</div>
  448. <div class=h3>
  449. <img src="http://media.tumblr.com/tumblr_lna209Q3UE1qdlkyg.gif" align="left">{Description}
  450. </div>
  451.  
  452. <div class=h1>Navigate</div>
  453. <div class=h3>
  454. <div class="nav"><a href="/ask">MESSAGE</a></div>
  455. <div class="nav"><a href="/submit">SUBMIT</a></div>
  456. <div class="nav"><a href="/archive">ARCHIVE</a></div>
  457. <div class="nav"><a href="http://flaffi.tumblr.com">CREDITS</a></div>
  458. </div>
  459.  
  460. <div class=h1>Melodies</div>
  461. <div class=h3>
  462. <center><img src="http://i192.photobucket.com/albums/z53/mggjiang/music.gif" border="0" alt=""></center><br>{text:Music Player Code}
  463. </div>
  464.  
  465. <div class=h1>Many Thanks</div>
  466. <div class=h3>
  467. Converted: <a href="http://www.flaffi.tumblr.com"> Flaffi</a><br>
  468. Designer: <a href="http://www.blogskins.com/me/bluepink-">BLUEpink-</a><br>
  469. Basecodes: <a href="http://th-moomoos.blogspot.com">MOOOx-</a><a href="http://blogskins.com/me/mooox-love">LOVE</a><br>
  470. <img src="http://i192.photobucket.com/albums/z53/mggjiang/901.gif" border="0" alt=""></div><br>
  471.  
  472. <style>body, a:hover{cursor: url(http://milky.geocities.jp/mairo_hime/c/1.ani);}</style>
  473.  
  474. </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!