SHARE
TWEET

Rainbow Codes

adamfaiz Dec 5th, 2013 249 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!-TEMPLATE BY ADAM FAIZ//DO NOT REMOVE THE CREDIT!>
  2. <html><head>
  3. <base target='_blank'/>
  4. <title>Rainbow;</title>
  5.  
  6.  
  7. <style type="text/css">
  8. ::-webkit-scrollbar-thumb{
  9. background:url(http://i.imgur.com/cwIuN.png);
  10. border-radius:10px;
  11. }
  12. ::-webkit-scrollbar {
  13. width:6px;
  14. height:auto;
  15. background:#fff;
  16. }
  17. #navbar-iframe {display: none;}
  18. a:link, a:visited {
  19. color: #C6DBE2;
  20. text-decoration:none;
  21. -webkit-transition: 1s;
  22. }
  23. a:hover{
  24. color: pink;
  25. -webkit-transition-duration:.2s;
  26. }
  27. ::selection {
  28. color:#fff;
  29. }
  30. @font-face{font-family:cd;src:url('http://static.tumblr.com/tedujjb/C78mkkmk4/charleedoodles.ttf')}
  31. @font-face {font-family: "print";src: url('http://static.tumblr.com/iuggpng/oQfm4mzne/princ___.ttf');}
  32.  
  33. @font-face {font-family:tinytots;src: url(http://static.tumblr.com/tjzfmfv/vbEm08r8p/04b_03__.ttf); }
  34.  
  35. @font-face {font-family:"Dingleberry"; src:url('http://static.tumblr.com/9wzbixa/EC3m26pf3/dingleberry_solid.ttf');}
  36.  
  37. blockquote{
  38. background:url(http://i.imgur.com/umXmURM.gif);
  39. border: 1px dashed pink;
  40. margin-top: 1px;
  41. margin-bottom: 1px;
  42. width: 515px;
  43. padding: 2px;
  44. color: #7a7a7a;
  45. margin-left: 18px;
  46. }
  47.  
  48.  
  49. img {
  50. border: 1px dashed pink;
  51. filter: alpha(opacity="80");
  52. opacity: 0.8;
  53. -webkit-transition:3s;
  54. }
  55. img:hover {
  56. filter:alpha(opacity="100");
  57. opacity: 1;
  58. -webkit-transition:1s;
  59. }
  60.  
  61. a.link1 {
  62. border: 0px solid #e8e8e8;
  63. margin-bottom: 5px;
  64. margin-right: 11px;
  65. text-align: center;
  66. width: 90px;
  67. background: #fff;
  68. display: inline-block;
  69. color:#333;
  70. font:normal 8px 'tinytots';
  71. text-transform: uppercase;
  72. letter-spacing: 2px;
  73. padding:6px;
  74. -moz-transition-duration: 1s;-
  75. webkit-transition-duration: 1s;
  76. }
  77.  
  78.  
  79. .blogger-labels {
  80. border-top: 1px solid #eee;
  81. padding: 3px;
  82. }
  83.  
  84. .post {   height: auto!important; background:url(http://i.imgur.com/Tke3yTg.png); padding: 4px; border: 1px solid #e6e6e6; margin-right: 15px; }
  85.  
  86. .yyx{background: #dfe7e8; color:#fff; font-family:'Ubuntu Mono'; padding:3px 5px 3px 5px; text-shadow:1px 1px 0px #cddbde; margin-top:5px; text-align:center; text-transform: uppercase;-webkit-border-radius: 4px;
  87. -moz-border-radius: 4px;
  88. border-radius: 4px;-moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  89.  
  90. c {
  91. display: inline-block;
  92. background:url(http://i.imgur.com/Tke3yTg.png);
  93. font-family:'tinytots';
  94. letter-spacing: 1px;
  95. font-size: 8px;
  96. padding: 2px;
  97. padding-left: 40px;
  98. padding-right: 40px;
  99. font-style:bold;
  100. color: #111;
  101. }
  102. b {
  103. font-style:bold;
  104. color: pink;
  105. }
  106. s {
  107. colour: pink;
  108. }
  109. u {
  110. text-decoration: none;
  111. border-bottom: 3px double pink;
  112. }
  113. u:hover {
  114. background: #EF88B6;
  115. color: #FFFFFF;
  116. -webkit-transition: 1s;
  117. -moz-border-radius: 10px 10px 10px; -webkit-border-radius: 10px 10px 10px; padding: 7x 7px 7px 7px;
  118. }
  119.  
  120.  
  121. body {
  122. background:url(http://i.imgur.com/QTsZ6eO.png);
  123. font:11px calibri;
  124. letter-spacing:0px;
  125. color:#999;
  126. }
  127.  
  128.  
  129. #pages{
  130. border-bottom: 50px solid #fafafa;
  131. line-height: 21px;
  132. position: absolute;
  133. background-color:#FFFFFf;
  134. top: 90px;
  135. left:520px;
  136. width: 560px;
  137. padding-top: 17px;
  138. padding-left:20px;
  139. padding-right:20px;
  140. -webkit-border-radius:3px;
  141. -moz-border-radius:3px;
  142. }
  143. .hnie3{
  144. text-align: justify;
  145. background-color: transparent;
  146. line-height: 21px;
  147. color: #999;
  148. padding-top: 16px;
  149. padding-bottom: 5px;
  150. padding-left:15px;
  151. padding-right: 15px;
  152. top: 30px;
  153. left:230px;
  154. position: absolute;
  155. width: 240px;
  156. }
  157. .hnie{
  158. -webkit-border-radius:3px;
  159. -moz-border-radius:3px;
  160. text-align: justify;
  161. background-color: #fff;
  162. border: 0px solid #f2f2f2;
  163. line-height: 21px;
  164. color: #999;
  165. padding-top: 16px;
  166. padding-bottom: 5px;
  167. padding-left:15px;
  168. padding-right: 15px;
  169. top: 280px;
  170. left:230px;
  171. position: absolute;
  172. width: 240px;
  173. }
  174. .hnie2{
  175. -webkit-border-radius:5px;
  176. -moz-border-radius:5px;
  177. background: url(http://i.imgur.com/0dBoN.png);
  178. text-align: justify;
  179. border: 0px solid #f2f2f2;
  180. font: 10px tahoma;
  181. line-height: 21px;
  182. letter-spacing: 1px;
  183. color: #999;
  184. padding-top: 10px;
  185. padding-bottom: 5px;
  186. padding-left: 12px;
  187. padding-right: 2px;
  188. top: 30px;
  189. left:520px;
  190. position: absolute;
  191. width: 586px;
  192. }
  193.  
  194.  
  195. a.linky {
  196. -webkit-transition-duration: 0.5s;box-shadow:inset 0px 10px 0px #eee,inset 0px -18px 0px #F2DADA;
  197. letter-spacing:0px;
  198. -webkit-transition: all 0.2s ease-out;
  199. -moz-transition: all 0.2s ease-out;
  200. transition: all 0.2s ease-out;
  201. margin:1px;
  202. cursor:pointer;
  203. display:inline-block;
  204. font:10px ms gothic;
  205. text-transform: uppercase;
  206. letter-spacing: 1px;
  207. text-align:center;
  208. width:90px;
  209. color:#999;
  210. padding:7px;
  211. border:1px #f1f1f1 solid;
  212. text-decoration:none;
  213. }
  214.  
  215. .portal {
  216. font-family: arial;
  217. font-size: 18pt;
  218. text-align: left;
  219. letter-spacing: -3px;
  220. opacity: 1.0;
  221. text-decoration: none;
  222. padding: 5px 0px 5px 0px;
  223. margin-bottom: 2px;
  224. text-transform: lowercase;
  225. }
  226.  
  227. .iconborder{background:#fff;width:95px;height:95px;padding:4px;border-radius:333px;margin-top:8px;margin-bottom:5px;border:1px solid #eee;}
  228.  
  229. .icon{background:#fff;width:95px;height:95px;border-radius:333px;padding:0;border:none;}
  230.  
  231.  
  232. .f1{
  233. text-align: center;
  234. padding-left:10px;margin-bottom: 6px; color: #000; font:30px cd; line-height: 5px; background:url(http://i.imgur.com/40EdC.png); text-align: center; letter-spacing:1px;
  235. }
  236.  
  237. .f2{
  238. letter-spacing: 1px;
  239. font:10px ms gothic;
  240. text-transform: uppercase;
  241. background:url(http://i.imgur.com/9uBtmBd.png);
  242. text-align:center;
  243. padding: 3px;
  244. margin-bottom:5px;
  245. margin-top:0px;
  246. color:#777;
  247. }
  248.  
  249. .f3{
  250. padding-left:10px;margin-bottom: 6px; color: #000; font:30px cd; line-height: 5px; background:url(http://i.imgur.com/40EdC.png); text-align: left; letter-spacing:1px;}
  251. }
  252. .f5{
  253. letter-spacing: 1px;
  254. border-bottom: 0px solid #e6e6e6;
  255. font:8px tinytots;
  256. text-transform: uppercase;
  257. text-align:left;
  258. padding: 3px;
  259. margin-left:0px;
  260. margin-bottom:10px;
  261. margin-top:0px;
  262. color:#a4a4a4;
  263. }
  264.  
  265. .ch-grid {
  266.  margin: 0px 0 0 0;
  267.  padding: 0;
  268.  list-style: none;
  269.  display: block;
  270.  text-align: center;
  271.  width: 100%;
  272. }
  273. .ch-item:before {
  274.  content: '';
  275.  display: table;
  276. }
  277. .ch-grid:after {
  278.  clear: both;
  279. }
  280. .ch-grid li {
  281.  width: 220px;
  282.  height: 220px;
  283.  display: inline-block;
  284.  margin: 0px;
  285. }
  286. .ch-item {
  287.  width: 100%;
  288.  height: 100%;
  289.  border-radius: 50%;
  290.  position: relative;
  291.  cursor:vertical-text;
  292.  box-shadow:
  293.   inset 0 0 0 13px rgba(255,255,255,0.6),
  294.   0 1px 2px rgba(0,0,0,0.1);
  295.  -webkit-transition: all 0.4s ease-in-out;
  296.  -moz-transition: all 0.4s ease-in-out;
  297.  -o-transition: all 0.4s ease-in-out;
  298.  -ms-transition: all 0.4s ease-in-out;
  299.  transition: all 0.4s ease-in-out;
  300. }
  301. .ch-img{
  302.  background-image: url(http://24.media.tumblr.com/tumblr_m7klplinWl1ru76nvo1_400.jpg);
  303. background-position:60% 60%;
  304. background-size:190px;
  305. }
  306. .ch-info {
  307.  position: absolute;
  308.  background: url(http://24.media.tumblr.com/tumblr_m7klplinWl1ru76nvo1_400.jpg) D9E8FC;background-position:50% 50%;
  309.  width: inherit;
  310.  height: inherit;
  311.  border-radius: 50%;
  312.  opacity: 0;
  313.  -webkit-transition: all 0.4s ease-in-out;
  314.  -moz-transition: all 0.4s ease-in-out;
  315.  -o-transition: all 0.4s ease-in-out;
  316.  -ms-transition: all 0.4s ease-in-out;
  317.  transition: all 0.4s ease-in-out;
  318.  -webkit-transform: scale(0);
  319.  -moz-transform: scale(0);
  320.  -o-transform: scale(0);
  321.  -ms-transform: scale(0);
  322.  transform: scale(0);
  323.  -webkit-backface-visibility: hidden;
  324. }
  325. .ch-item:hover {
  326.  box-shadow:
  327.   inset 0 0 0 1px rgba(255,255,255,0.1),
  328.   0 1px 2px rgba(0,0,0,0.1);
  329. }
  330. .ch-item:hover .ch-info {
  331.  -webkit-transform: scale(1);
  332.  -moz-transform: scale(1);
  333.  -o-transform: scale(1);
  334.  -ms-transform: scale(1);
  335.  transform: scale(1);
  336.  opacity: 1;
  337. }
  338. .ch-item:hover .ch-info p {
  339.  opacity: 1;
  340. }
  341. .comment-timestamp {
  342. margin:0 0 .5em;
  343. padding:0 0 .75em 20px;
  344. color:#666;
  345. }
  346.  
  347. .deleted-comment {
  348. font-style:italic;
  349. color:gray;
  350. }
  351.  
  352. #comments {
  353. margin:5;
  354. border-width:0 1px 1px;
  355. padding:20px 0 15px 0;
  356. }
  357. .comment-icon blogger-comment-icon{display:none}
  358. #comments-block {
  359. margin:2px ;
  360. }
  361.  
  362. .comment-data {
  363. background:url("http://media.tumblr.com/tumblr_m89rmpKOEf1qdlkyg.gif") no-repeat 2px .3em;
  364. margin-top:5px !important;background-size:10px;
  365. padding:0 0 0 20px;
  366. color:#666;
  367. }
  368.  
  369. span.comment-icon{display:none}
  370.  
  371. .comment-poster {
  372. font-weight:bold;
  373. }
  374.  
  375. .comment-body {
  376. margin:0px;
  377. }
  378.  
  379. .comment-body p {
  380. background:url(http://i.imgur.com/9uBtmBd.png);
  381. border-radius: 5px;
  382. margin:0em;
  383. padding:5px;
  384. color:#808080;
  385. }
  386. .lyric {
  387. </style>
  388.  
  389. <script type="text/javascript">
  390. /***********************************************
  391. * THIS IS DISABLE HIGHLIGHT TEXT SCRIPT
  392. * YOU CAN REMOVE THIS CODES IF YOU WANT
  393. * Credits http://www.dynamicdrive.com/
  394. ***********************************************/
  395. //form tags to omit in NS6+:
  396. var omitformtags=["input", "textarea", "select"]
  397. omitformtags=omitformtags.join("|")
  398. function disableselect(e){
  399. if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
  400. return false
  401. }
  402. function reEnable(){
  403. return true
  404. }
  405. if (typeof document.onselectstart!="undefined")
  406. document.onselectstart=new Function ("return false")
  407. else{
  408. document.onmousedown=disableselect
  409. document.onmouseup=reEnable
  410. }
  411. </script>
  412.  
  413. </head>
  414. <body>
  415. <body oncontextmenu='return false;' onkeydown='return false;'>
  416.  
  417.  
  418. <div class="hnie2">
  419. <a class="link1" onClick="changeNavigation('profile')">profile<a>
  420. <a class="link1" onClick="changeNavigation('stuff')">affiliates<a>
  421. <a class="link1" onClick="changeNavigation('links')">free page<a>
  422. <a class="link1" onClick="changeNavigation('entries')">refresh<a>
  423. <a class="link1" href="http://www.blogger.com/follow-blog.g?blogID= YOURBLOGID">follow<a>
  424. </div>
  425.  
  426.  
  427. <div class="hnie3">
  428. <ul class="ch-grid">
  429. <li><div class="ch-item ch-img">
  430. <div class="ch-info">
  431. <center>
  432. <div style="margin-top:50px;width:150px;background:url(http://i.imgur.com/DKomg.png); border-radius:10px;text-align:center;padding:15px;opacity:0.8;height:92px;" scrolling="auto">
  433. Hello peeps welcome to my my paradise,blablavlaaa,<!-change with your own words-->
  434. <br><br>
  435. </div>
  436. </center>
  437. </div>
  438. </div>
  439. </li>
  440. </ul>
  441. <br></div>
  442. <div class="hnie">
  443. <div class="f3"> disclaimer </div>
  444. <div class="f2"> about </div>
  445. <center><img src='http://25.media.tumblr.com/tumblr_mac80zx2e21r1jbp8o1_500.jpg'style='width: 200px;height:150px;' /></center>
  446. <center>Hello, i'm adam faiz. 14. balblablablaaaa,change with your words!</center>
  447. <center><b>bold</b> <i>italic</i> <s>strike</s> <u>underline</u></center>
  448. <br><br>
  449.  
  450. <div class="f3"> chatting </div>
  451. <div class="f2">let's talking </div><br>
  452. <center>
  453. PUT YOUR CBOX CODE HERE
  454. </center>
  455. <br><br>
  456.  
  457. <div class="f3"> thankgyu </div>
  458. <div class="f2"> big clap </div>
  459. <center>Template & design was made by <a href="http://sibodohjangankacau.blogspot.com/">Adam</a> <a href="http://blogskins.com/me/adam_faiz">Faiz</a>.
  460. Thanks to <a href="http://www.blogskins.com/me/hniegg">Michiko</a> for the basecode, & <a href="http://wanaseoby.blogspot.com/">Wanaseoby</a>for the useful tuto and colourful backgrounds.Please,do not remove the credit.tQ</center>
  461. <br><br>
  462. <br>
  463. </div></div>
  464.  
  465.  
  466. <div id="pages">
  467. <blogger>
  468. <div class="f1"> <$BlogItemTitle$> </div>
  469. <div class="f2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$></BlogItemCommentsEnabled> comments</a></div>
  470.  
  471. <$BlogItemBody$><br>
  472. <itempage>
  473.  
  474. </ItemPage>
  475.  
  476.  
  477. </blogger>
  478. <div style="float:left"><a class="post" href="<$NewerPosts$>" target="_blank"> <c> FUTURE </c></a></div><div style="float:right"><a class="post" href="<$OlderPosts$>" target="_blank"><c>PAST</c> </a></div><br><br>
  479.  
  480. </div>
  481. <div id="entries" style="display:none">
  482.  
  483. <blogger>
  484. <div class="f1"><$BlogItemTitle$> </div>
  485. <div class="f2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$></BlogItemCommentsEnabled> comments</a></div>
  486.  
  487. <$BlogItemBody$><br>
  488.  
  489. </blogger>
  490. <div style="float:left"><a class="post" href="<$NewerPosts$>" target="_blank"> <c>FUTURE</c></a></div><div style="float:right"><a class="post" href="<$OlderPosts$>" target="_blank"><c>PAST</c> </a></div><br><br>
  491.  
  492. </div>
  493.  
  494. <div id="profile" style="display:none">
  495. <div class="f1"> aneyonghaseyo! </div>
  496. <div class="f2">Meet the owner</div><br>
  497. <center><img src="http://25.media.tumblr.com/0bbc6f321f92d5d586db28f42cfe39c4/tumblr_ms65axqotj1qbib9qo1_500.jpg" align="center" style="width: 350px; padding: 3px; border: 1px solid #e2e2e2;"></center>
  498. <br>
  499.  
  500. <center> {change anything below here to your own words} </center><br>
  501. hello peeps! i'm Adam faiz,I'm a slacker but diligent think.I'm still learning and have yet to understand the meaning of love,blalalalalallalal.... <br><br><br><br></div>
  502.  
  503.  
  504. <div id="stuff" style="display:none">
  505. <div class="f1">List of affiliates</div>
  506. <div class="f2">Be my sweetheart</div><br>
  507. <center>
  508. </center>
  509. <center>
  510. <a class="linky" href="http://sibodohjangankacau.blogspot.com/">Adam Faiz<a>
  511. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  512. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  513. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  514. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  515. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  516. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  517. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  518. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  519. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  520. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  521. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  522. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  523. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  524. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  525. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  526. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  527. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  528. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  529. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  530. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  531. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  532. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  533. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  534. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  535. </center><br>
  536.  
  537. <br><br><br></div>
  538.  
  539. <div id="links" style="display:none">
  540. <div class="f1">Goodies</div>
  541. <div class="f2">get them</div><br><br>
  542. <center>Just put anything here such as bias, tutorials and what so ever</center>
  543. <style>
  544. a.yejuny{
  545. background:url(http://media.tumblr.com/tumblr_m46ludgD2k1qdlkyg.gif);
  546. background-repeat:no-repeat;
  547. background-size:15px;
  548. padding-left:25px;
  549. color:#444;
  550. margin-bottom:2px;
  551. font:12px arial;
  552. -webkit-transition: all 0.5s ease;
  553. -moz-transition: all 0.5s ease;
  554. -o-transition: all 0.5s ease;
  555. color:#999;
  556. display:block;
  557. }
  558.  
  559.  
  560. a.yejuny:hover{
  561. background:url(http://media.tumblr.com/tumblr_m46ltvcl341qdlkyg.gif);
  562. background-repeat:no-repeat;
  563. background-size:15px;
  564. }
  565.  
  566. </style>
  567.  
  568. <a class="yejuny" href="LINK" >Tutorial :  </a>
  569. <a class="yejuny" href="LINK" >Tutorial :  </a>
  570. <a class="yejuny" href="LINK" >Tutorial :  </a>
  571. <a class="yejuny" href="LINK" >Tutorial :  </a>
  572. <a class="yejuny" href="LINK" >Tutorial :  </a>
  573. <br><br><br><br><br><br><br><br><br>
  574.  
  575. </div>
  576.  
  577.  
  578. <div id="links" style="display:none">
  579.  
  580.  
  581. <script> function changeNavigation(id)
  582. {document.getElementById('pages')
  583. .innerHTML=document.getElementById(id).innerHTML}
  584. </script>
  585. </div>
  586. <script language=JavaScript>
  587.                 <!--
  588.                
  589.                 //Disable right click script III- By Renigade (renigade@mediaone.net)
  590.                 //For full source code, visit http://www.dynamicdrive.com
  591.                
  592.                 var message="";
  593.                 ///////////////////////////////////
  594.                 function clickIE() {if (document.all) {(message);return false;}}
  595.                 function clickNS(e) {if
  596.                 (document.layers||(document.getElementById&&!document.all)) {
  597.                 if (e.which==2||e.which==3) {(message);return false;}}}
  598.                 if (document.layers)
  599.                 {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  600.        else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  601.                
  602.                 document.oncontextmenu=new Function("return false")
  603.                 // -->
  604.                 </script>
  605.  
  606.     <script type='text/javascript' language='Javascript'>
  607.       function s_toggleDisplay(his, me, show, hide) {
  608.         if (his.style.display != 'none') {
  609.           his.style.display = 'none';
  610.           me.innerHTML = show;
  611.         } else {
  612.           his.style.display = 'block';
  613.           me.innerHTML = hide;
  614.         }
  615.       }
  616.       </script>
  617.  
  618. </div>
  619.  
  620.  
  621.  
  622. </body>
  623.  
  624. </html>
RAW Paste Data
Pastebin PRO Summer Special!
Get 40% OFF on Pastebin PRO accounts!
Top