API tools faq
paste
thisisnotras

FINAL Rhai

thisisnotras
Sep 2nd, 2015
149
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.96 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2.  
  3. @import url(//fonts.googleapis.com/css?family=Shadows+Into+Light);
  4. @import url(//fonts.googleapis.com/css?family=Architects+Daughter);
  5. @import url(//fonts.googleapis.com/css?family=Kaushan+Script);
  6. .pfor {
  7. display: none;
  8. }
  9.  
  10. #profile {
  11. background-color: transparent;
  12. border: 0px;
  13. }
  14. /* Character Color: #4A8246 DARK
  15. #93CC72 LIGHT */
  16.  
  17.  
  18. body {background: black; overflow: hidden;
  19. cursor: url(http://www.rw-designer.com/cursor-extern.php?id=5161), auto;
  20. }
  21.  
  22. a, a:active, a:hover{ cursor: url(http://www.rw-designer.com/cursor-extern.php?id=5161), auto;}
  23.  
  24.  
  25.  
  26. #whole {
  27. background-image: url(http://i57.tinypic.com/2hclzep.jpg);
  28. background-repeat: no-repeat;
  29. background-position: bottom right;
  30. background-size: auto 90%;
  31. background-color: #161c13;
  32. position: fixed;
  33. top: 0px;
  34. left: 0px;
  35. right: 0px;
  36. bottom: 0px;
  37. font-family: 'Shadows Into Light', cursive;
  38. font-family: 'Architects Daughter', cursive;
  39. font-family: 'Kaushan Script', cursive;
  40. }
  41.  
  42. #titlediv1 {
  43. position: absolute;
  44. left: 260px;
  45. top: 175px;
  46. font-size: 20pt;
  47. color: #295558;
  48. color: black;
  49. text-align: center;
  50. z-index: 1;
  51. }
  52.  
  53. .textpulse {
  54. text-shadow: 1px 1px 1px black;
  55. -webkit-animation: nuclearcolor 4s infinite;
  56. animation: nuclearcolor 4s infinite;
  57. }
  58.  
  59. #titlediv2 {
  60. position: absolute;
  61. left: 250px;
  62. top: 212px;
  63. font-size: 30pt;
  64. color: black;
  65. -webkit-animation: nuclearcolor 5s infinite;
  66. animation: nuclearcolor 5s infinite;
  67. text-shadow: 2px 2px 4px black;
  68. opacity: .4;
  69. }
  70.  
  71. @-webkit-keyframes nuclearcolor {
  72. 0% {
  73. text-shadow: 1px 1px 1px #36AB06;
  74. }
  75. 70% {
  76. text-shadow: 1px 1px 5px #ADF048;
  77. }
  78. 75% {
  79. #53EF05;
  80. }
  81. 100% {
  82. text-shadow: 1px 1px 1px #36AB06;
  83. }
  84. }
  85.  
  86. @keyframes nuclearcolor {
  87. 0% {
  88. text-shadow: 1px 1px 1px #36AB06;
  89. }
  90. 75% {
  91. text-shadow: 1px 1px 5px #ADF048;
  92. }
  93. 75% {
  94. #53EF05;
  95. }
  96. 100% {
  97. text-shadow: 1px 1px 1px #36AB06;
  98. }
  99. }
  100.  
  101. #coverdiv1 {
  102. position: absolute;
  103. top: 180px;
  104. left: 220px;
  105. height: 140px;
  106. width: 200px;
  107. border-left: 1px solid #36AC07;
  108. opacity: .5;
  109. }
  110.  
  111. #coverdiv2 {
  112. position: absolute;
  113. top: 140px;
  114. left: 260px;
  115. height: 200px;
  116. width: 190px;
  117. border-top: 1px solid #36AC07;
  118. opacity: .5;
  119. }
  120.  
  121. body {
  122. background: white;
  123. }
  124.  
  125. @keyframes loop1 {
  126. 0% {
  127. margin-top: 140px;
  128. opacity: 1;
  129. }
  130. 10% {
  131. margin-top: 140px;
  132. opacity: 1;
  133. }
  134. 20% {
  135. margin-top: 0px;
  136. opacity: 1;
  137. }
  138. 30% {
  139. opacity: 0;
  140. }
  141. 70% {
  142. opacity: 0;
  143. }
  144. 80% {
  145. margin-top: 0px;
  146. opacity: 1;
  147. }
  148. 90% {
  149. margin-top: 140px;
  150. opacity: 1;
  151. }
  152. 100% {
  153. margin-top: 140px;
  154. opacity: 1;
  155. }
  156. }
  157.  
  158. @-webkit-keyframes loop1 {
  159. 0% {
  160. margin-top: 140px;
  161. }
  162. 1% {
  163. opacity: 1;
  164. }
  165. 20% {
  166. margin-top: 0px;
  167. }
  168. 80% {
  169. margin-top: 0px;
  170. }
  171. 99% {
  172. opacity: 1;
  173. }
  174. 100% {
  175. margin-top: 140px;
  176. opacity: 0;
  177. }
  178. }
  179.  
  180. @-webkit-keyframes loop2 {
  181. 0% {
  182. margin-left: 190px;
  183. opacity: 1;
  184. }
  185. 10% {
  186. margin-left: 190px;
  187. opacity: 1;
  188. }
  189. 20% {
  190. margin-left: 0px;
  191. opacity: 1;
  192. }
  193. 30% {
  194. opacity: 0;
  195. }
  196. 70% {
  197. opacity: 0;
  198. }
  199. 80% {
  200. margin-left: 0px;
  201. opacity: 1;
  202. }
  203. 90% {
  204. margin-left: 190px;
  205. opacity: 1;
  206. }
  207. 100% {
  208. margin-left: 190px;
  209. opacity: 1;
  210. }
  211. }
  212.  
  213. @keyframes loop2 {
  214. 0% {
  215. margin-left: 190px;
  216. opacity: 1;
  217. }
  218. 10% {
  219. margin-left: 190px;
  220. opacity: 1;
  221. }
  222. 20% {
  223. margin-left: 0px;
  224. opacity: 1;
  225. }
  226. 30% {
  227. opacity: 0;
  228. }
  229. 70% {
  230. opacity: 0;
  231. }
  232. 80% {
  233. margin-left: 0px;
  234. opacity: 1;
  235. }
  236. 90% {
  237. margin-left: 190px;
  238. opacity: 1;
  239. }
  240. 100% {
  241. margin-left: 190px;
  242. opacity: 1;
  243. }
  244. }
  245.  
  246. #div1 {
  247. position: absolute;
  248. top: 180px;
  249. left: 220px;
  250. border-left: 1px solid #ADF048;
  251. height: 5px;
  252. width: 2px;
  253. -webkit-animation: loop1 4s infinite;
  254. animation: loop1 4s infinite;
  255. opacity: 0;
  256. }
  257.  
  258. #div2 {
  259. margin-left: 140px;
  260. position: absolute;
  261. top: 140px;
  262. left: 260px;
  263. border-top: 1px solid #ADF048;
  264. height: 2px;
  265. width: 5px;
  266. -webkit-animation: loop2 4s 2s infinite;
  267. animation: loop2 4s 2s infinite;
  268. opacity: 0;
  269. }
  270.  
  271. #ongaku {
  272. border-radius: 5px;
  273. width: 25px;
  274. height: 20px;
  275. overflow: hidden;
  276. background-color: black;
  277. opacity: .8;
  278. -webkit-transition: all 0.4s ease-in-out;
  279. -moz-transition: all 0.4s ease-in-out;
  280. -o-transition: all 0.4s ease-in-out;
  281. -ms-transition: all 0.4s ease-in-out;
  282. transition: all 0.4s ease-in-out;
  283. }
  284.  
  285. .musicgif {
  286. margin: 5px;
  287. margin-top: 2px;
  288. margin-bottom: 5px;
  289. -webkit-transition: all 0.4s ease-in-out;
  290. -moz-transition: all 0.4s ease-in-out;
  291. -o-transition: all 0.4s ease-in-out;
  292. -ms-transition: all 0.4s ease-in-out;
  293. transition: all 0.4s ease-in-out;
  294. }
  295.  
  296. #ongaku:hover .musicgif {
  297. margin-top: -18px;
  298. background-color: black;
  299. }
  300.  
  301. #ongaku:hover {
  302. background-color: black;
  303. }
  304.  
  305. #musicpl {
  306. width: 20px;
  307. overflow: hidden;
  308. height: 20px;
  309. background-color: black;
  310. }
  311.  
  312. #linkshere{
  313. position: absolute;
  314. height: 100px;
  315. top: 40px;
  316. width: 200px;
  317. text-align: left;
  318. border: 0px solid black;
  319. line-spacing: 20px;
  320. font-size: 13pt;
  321. word-spacing: 70px;
  322. }
  323.  
  324. #linkshere a{color: gray; font-style: none; text-decoration: none;
  325. -webkit-transition: all 1s;}
  326. #linkshere a:hover{color: green;}
  327.  
  328. #tabdemonstration{height: 400px;
  329. width: 400px;
  330. border: 0px solid black;
  331. position: absolute;
  332. left: 000px;
  333. top: 000px;}
  334.  
  335. #tabline1{
  336. position: absolute;
  337. left: 50px;
  338. top: 88px;
  339. height: 1px;
  340. width: 0px;
  341. background: #36AC07;
  342. -webkit-transition: all 1s;
  343. transition: all 1s;
  344. }
  345. #tabline2{
  346. position: absolute;
  347. top: 89px;
  348. left: 74px;
  349. width: 1px;
  350. height: 0px;
  351. background: #36AC07;
  352. -webkit-transition: all 1s;
  353. transition: all 1s;}
  354.  
  355. #tablineB1{
  356. position: absolute;
  357. left: 50px;
  358. top: 113px;
  359. height: 1px;
  360. width: 0px;
  361. background: #36AC07;
  362. -webkit-transition: all 1s;
  363. transition: all 1s;
  364. }
  365. #tablineB2{
  366. position: absolute;
  367. top: 113px;
  368. left: 74px;
  369. width: 1px;
  370. height: 0px;
  371. background: #36AC07;
  372. -webkit-transition: all 1s;
  373. transition: all 1s;}
  374.  
  375. #tablineC1{
  376. position: absolute;
  377. left: 50px;
  378. top: 138px;
  379. height: 1px;
  380. width: 0px;
  381. background: #36AC07;
  382. -webkit-transition: all 1s;
  383. transition: all 1s;
  384. }
  385. #tablineC2{
  386. position: absolute;
  387. top: 138px;
  388. left: 74px;
  389. width: 1px;
  390. height: 0px;
  391. background: #36AC07;
  392. -webkit-transition: all 1s;
  393. transition: all 1s;}
  394.  
  395. #tabline3{position: absolute;
  396. top: 180px;
  397. left: 74px;
  398. height: 1px;
  399. width: 0px;
  400. background: #36AC07;
  401. -webkit-transition: all 1s;
  402. transition: all 1s;}
  403.  
  404. #tabline4{position: absolute;
  405. height: 0px;
  406. width: 1px;
  407. left: 164px;
  408. top: 180px;
  409. background: #36AC07;
  410. -webkit-transition: all 1s;
  411. transition: all 1s;}
  412.  
  413. .textcontainer{
  414. position: absolute;
  415. top: 142px;
  416. left: 223px;
  417. height: 100%;
  418. width: 100%;
  419. }
  420.  
  421. #tabline1, #tabline2,
  422. #tablineB1, #tablineB2,
  423. #tablineC1, #tablineC2,
  424. #tabline3, #tabline4{
  425. background: #36AC07;
  426. opacity: .6;
  427. }
  428.  
  429. #contentbox{
  430. position: absolute;
  431. border: 1px solid transparent;
  432. top: 200px;
  433. left: 70px;
  434. width: 200px;
  435. height: 50px;
  436. opacity: 0;
  437. -webkit-transition: all 1s;
  438. transition: all 1s;
  439. text-align: center;
  440. font-size: 10pt;
  441. font-family: 'Architects Daughter', cursive;
  442. color: black;
  443. box-sizing: border-box;
  444. padding: 4px;
  445. padding-top: 0px;
  446. color: grey;
  447. }
  448.  
  449. #contentbox .ugh{font-size: 15px;
  450. font-weight: 800;
  451. font-family: 'Shadows Into Light', Arial;
  452. color: green;
  453. }
  454.  
  455. .textcontainer:target #tabline1{width: 25px;
  456. -webkit-transition: all .6s 1s;
  457. transition: all .6s 1s;}
  458. .textcontainer:target #tabline2{height: 91px;
  459. -webkit-transition: all .8s 1.4s;
  460. transition: all .8s 1.4s;}
  461. .textcontainer:target #tablineB1{width: 25px;
  462. -webkit-transition: all .6s 1s;
  463. transition: all .6s 1s;}
  464. .textcontainer:target #tablineB2{height: 67px;
  465. -webkit-transition: all .8s 1.4s;
  466. transition: all .8s 1.4s;}
  467. .textcontainer:target #tablineC1{width: 25px;
  468. -webkit-transition: all .6s 1s;
  469. transition: all .6s 1s;}
  470. .textcontainer:target #tablineC2{height: 42px;
  471. -webkit-transition: all .8s 1.4s;
  472. transition: all .8s 1.4s;}
  473. .textcontainer:target #tabline3{width: 90px;
  474. -webkit-transition: all .9s 2.2s;
  475. transition: all .9s 2.2s;}
  476. .textcontainer:target #tabline4{height:20px;
  477. -webkit-transition: all .6s 3.0s;
  478. transition: all .6s 3.0s;}
  479. .textcontainer:target #contentbox{opacity: .6;
  480. -webkit-transition: all 1s 3.2s;
  481. transition: all 1s 3.2s;
  482. -webkit-animation: blinker 4s infinite;
  483. animation: blinker 4s infinite;}
  484.  
  485.  
  486. @-webkit-keyframes blinker{
  487. 0%{border-top: 1px solid #36AC07;
  488. border-right: 1px solid transparent;
  489. border-bottom: 1px solid transparent;
  490. border-left: 1px solid transparent;}
  491. 25%{border-top: 1px solid transparent;
  492. border-right: 1px solid #36AC07;
  493. border-bottom: 1px solid transparent;
  494. border-left: 1px solid transparent;}
  495. 50%{border-top: 1px solid transparent;
  496. border-right: 1px solid transparent;
  497. border-bottom: 1px solid #36AC07;
  498. border-left: 1px solid transparent;}
  499. 75%{border-top: 1px solid transparent;
  500. border-right: 1px solid transparent;
  501. border-bottom: 1px solid transparent;
  502. border-left: 1px solid #36AC07;}
  503. 100%{border-top: 1px solid #36AC07;
  504. border-right: 1px solid transparent;
  505. border-bottom: 1px solid transparent;
  506. border-left: 1px solid transparent;}
  507. }
  508.  
  509. @keyframes blinker{
  510. 0%{border-top: 1px solid #36AC07;
  511. border-right: 1px solid transparent;
  512. border-bottom: 1px solid transparent;
  513. border-left: 1px solid transparent;}
  514. 25%{border-top: 1px solid transparent;
  515. border-right: 1px solid #36AC07;
  516. border-bottom: 1px solid transparent;
  517. border-left: 1px solid transparent;}
  518. 50%{border-top: 1px solid transparent;
  519. border-right: 1px solid transparent;
  520. border-bottom: 1px solid #36AC07;
  521. border-left: 1px solid transparent;}
  522. 75%{border-top: 1px solid transparent;
  523. border-right: 1px solid transparent;
  524. border-bottom: 1px solid transparent;
  525. border-left: 1px solid #36AC07;}
  526. 100%{border-top: 1px solid #36AC07;
  527. border-right: 1px solid transparent;
  528. border-bottom: 1px solid transparent;
  529. border-left: 1px solid transparent;}
  530. }
  531.  
  532.  
  533. </style>
  534.  
  535.  
  536.  
  537.  
  538. <div id="whole">
  539. <div id="titlediv1"><font class="textpulse" color="black">nuclear</font> <a href=#nothing style="color: black; text-decoration: none;">flame</a>
  540. <div id="linkshere">● <a href=#firstlink>undesired</a>
  541. <br> ● <a href=#secondlink>unbroken</a>
  542. <br> ● <a href=#thirdlink>unforgiving</a>
  543. </div>
  544. </div>
  545.  
  546. <div id="coverdiv1">
  547. </div>
  548.  
  549. <div id="coverdiv2">
  550. </div>
  551.  
  552. <div id="div1">
  553. </div>
  554.  
  555. <div id="div2">
  556. </div>
  557.  
  558. <div style="position: fixed; left: 220px;
  559. top: 141px; z-index: 3;">
  560. <div id="ongaku">
  561. <div class="musicgif"><img src="http://i60.tinypic.com/330vbd1.jpg" height=16px></div>
  562. <div id="musicpl" >
  563. <div style="overflow: hidden; width: box-sizing: border-box; width: 14px; margin-left: -3px; zoom: 150%; margin-top: -5px;">
  564. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="129" height="20">
  565. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  566. <param name="wmode" value="transparent" />
  567. <param name="FlashVars" value="mp3=https://www.dropbox.com/s/mpyzyglk7yrgbzn/Melanie%20Toxic.mp3?dl=1&autoplay=1&loop=1&volume=10&bgcolor1=000000&bgcolor2=000000&slidercolor1=65398E&slidercolor2=65398E&buttoncolor=AEF149" />
  568. </object>
  569. </div>
  570.  
  571. </div>
  572. </div>
  573. </div>
  574.  
  575.  
  576. <div id="tabdemonstration">
  577. <div class="textcontainer" id="firstlink">
  578. <div id="tabline1">
  579. </div>
  580. <div id="tabline2">
  581. </div>
  582. <div id="tabline3">
  583. </div>
  584. <div id="tabline4">
  585. </div>
  586. <div id="contentbox">
  587. <font class="ugh">identity</font> is simply <b>Rhai</b>
  588. <br>
  589. <font class="ugh">age</font> is never disclosed
  590. </div>
  591. </div>
  592.  
  593.  
  594. <div class="textcontainer" id="secondlink">
  595. <div id="tablineB1">
  596. </div>
  597. <div id="tablineB2">
  598. </div>
  599. <div id="tabline3">
  600. </div>
  601. <div id="tabline4">
  602. </div>
  603. <div id="contentbox">
  604. <font class="ugh">do</font> be respectful<br>
  605. <font class="ugh">do not</font> be ignorant, malicious
  606. </div>
  607. </div>
  608.  
  609.  
  610. <div class="textcontainer" id="thirdlink">
  611. <div id="tablineC1">
  612. </div>
  613. <div id="tablineC2">
  614. </div>
  615. <div id="tabline3">
  616. </div>
  617. <div id="tabline4">
  618. </div>
  619. <div id="contentbox">
  620. <font class="ugh">code</font> is <b>mine</b>, have at it<br>
  621. <font class="ugh">discover</font> details through play
  622. </div>
  623. </div>
  624.  
  625. </div>
  626.  
  627. </div>
  628.  
  629. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!