API tools faq
paste
Advertisement
adamfaiz

Rainbow Codes

adamfaiz
Dec 5th, 2013
415
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.69 KB | None | 0 0
raw download clone embed print report
  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>
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!