API tools faq
paste
Motoko-Codes-09

Kaiba Code (old)

Motoko-Codes-09
Jun 9th, 2018
138
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.56 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. @font-face {
  3. font-family: 'Raleway';
  4. src: url('https://dl.dropboxusercontent.com/s/i5syov7xapv1zbh/Raleway-Medium.ttf');
  5. }
  6.  
  7. @font-face {
  8. font-family: 'Fifth Cursive';
  9. src: url('https://dl.dropboxusercontent.com/s/g248zxh4p7u1ji8/fifthgradecursive.ttf');
  10. }
  11.  
  12. @font-face {
  13. font-family: 'Permanent Marker';
  14. src: url('https://dl.dropboxusercontent.com/s/hobsqex8n6e0awp/PermanentMarker.ttf');
  15. }
  16. /* The Supreme @ RPC */
  17. body{background: #000 url(http://i.imgur.com/rNHFfnk.png); overflow: hidden;background-repeat: no-repeat;background-position:right;;}
  18. #whole{position: fixed; margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  19. body, a {cursor: url(http://i.picpar.com/1eq.png), progress !important;}
  20.  
  21. ::selection{background: none; color: #ffffff; font-weight: bold;}
  22.  
  23. ::-webkit-scrollbar-thumb {box-shadow: inset #000000 0px 0px 4px; border-right: 5px transparent solid; border-top: 5px transparent solid; border-bottom: 5px transparent solid;}
  24. ::-webkit-scrollbar {width: 8px; background-color: transparent;}
  25.  
  26. #frame{
  27. position: fixed; margin: auto;
  28. left: 0px; top: 0px; right: 0px; bottom: 0px;
  29. width: 838px; height: 438px;
  30. }
  31.  
  32. .img1, .img2, .stats, .ooc{
  33. position: absolute;
  34. width: 400px; height: 200px;
  35. border: 2px solid #EEEEEE;
  36. background: rgba(60, 60, 60, 0.4) url(http://i.picpar.com/gW0b.png);
  37. overflow: hidden; text-align: left;
  38. box-shadow: #000000 0px 0px 2px;
  39.  
  40. }
  41.  
  42. .img1 img, .img2 img, .stats img, .ooc img{position: absolute; width: 400px; height: 200px; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; box-shadow: #000000 0px 0px 0px 2px; background: rgba(300, 300, 300, 1)}
  43.  
  44. .stats img{margin-left: -402px; box-shadow: #ffffff 0px 0px 0px 2px;}
  45. .ooc img{margin-left: 402px; box-shadow: #ffffff 0px 0px 0px 2px;}
  46.  
  47. .img1{margin-left: 0px; margin-top: 0px; border: #000000 2px solid; background: rgba(60, 60, 60, 0.8);}
  48. .stats{margin-left: 434px; margin-top: 0px;}
  49. .ooc{margin-left: 0px; margin-top: 234px;}
  50. .img2{margin-left: 434px; margin-top: 234px; border: #000000 2px solid; background: rgba(60, 60, 60, 0.8);}
  51.  
  52. .text, .text2{
  53. position: absolute;
  54. margin-top: 4px; margin-left: 4px;
  55. width: 380px; height: 180px;
  56. padding: 5px; border: 1px solid #ffffff;
  57. background: rgba(0, 0, 0, 0.85);
  58. color: #ffffff;
  59. overflow: auto;
  60. text-align: justify;
  61. font-family: Raleway;
  62. font-size: 10px;
  63. }
  64.  
  65. .text2{background: rgba(300, 300, 300, 0.70); color: #000000; text-shadow: #000000 0px 0px 0px; border: #000000 1px solid;}
  66. h1{margin-bottom: 5px; margin-top: 0px; font-family: Fifth Cursive; text-shadow: #FFFFFF -1px 1px 0px, #000000 0px 0px 0px;}
  67.  
  68. .navi{position: fixed; margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 20px; height: 20px; text-align: left;}
  69.  
  70. .navi a{
  71. position: absolute;
  72. width: 18px; height: 18px;
  73. background: rgba(50, 50, 50, 0.2);
  74. border: 1px #ffffff solid;
  75. box-shadow: #000000 0px 0px 1px;
  76. }
  77.  
  78. .box{
  79. float: left;
  80. width: 380px; height: 180px;
  81. text-align: center;
  82. line-height: 15px;
  83. font-variant: small-caps;
  84. font-size: 12px;
  85. }
  86.  
  87. strong{color: #999999; text-shadow: #999999 0px 0px 0px;}
  88.  
  89. .pad{float: left; margin-bottom: 5px; margin-right: 5px; width: 20px; height: 20px;}
  90.  
  91. .links_vertical, .links_horizontal{position: fixed; margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  92.  
  93. .links_vertical a, .links_horizontal a{
  94. float: left; width: 18px; height: 18px;
  95. background: rgba(50, 50, 50, 0.2);
  96. border: 1px #ffffff solid;
  97. box-shadow: #000000 0px 0px 1px;
  98. opacity: 0;
  99. -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s;
  100. }
  101.  
  102. .links_vertical{width: 20px; height: 170px;}
  103. .links_vertical a{margin-bottom: 5px;}
  104.  
  105. .links_horizontal{width: 170px; height: 20px;}
  106. .links_horizontal a{margin-right: 5px;}
  107.  
  108. .links_vertical a:hover, .links_horizontal a:hover{background: rgba(50, 50, 50, 0.4); }
  109.  
  110.  
  111. #frame:target .img1 img{margin-top: -202px;}
  112. #frame:target .img2 img{margin-top: 202px;}
  113. #frame:target .stats img, #frame:target .ooc img{margin-left: 0px;}
  114. #frame:target .exit{z-index: 1;}
  115.  
  116. #frame:target .links_vertical a, #frame:target .links_horizontal a{opacity: 1;}
  117.  
  118. </style>
  119. <div id="whole" oncontextmenu="return false;">
  120. <div id="frame">
  121.  
  122.  
  123. <div class="img1">
  124.  
  125. <div class="text2">
  126. <h1>Stats</h1>
  127. Seto Kaiba</br>
  128. Male</br>
  129. 6'1</br>
  130. 65kg</br>
  131. 10/25/1982</br>
  132. Scorpio</br>
  133. Blood type: A</br>
  134. Novisexual</br>
  135. Sapioromantic/Heteroalterous</br>
  136. </br>
  137. </br>
  138.  
  139. </div>
  140.  
  141. <img src="http://i.imgur.com/q5Tcw6x.png">
  142. </div>
  143.  
  144.  
  145. <div class="stats">
  146.  
  147. <div class="text" style="overflow: scroll;">
  148.  
  149. <div class="box">
  150.  
  151. Seto Kaiba takes gaming very seriously, he takes his image very seriously, any threats to his image, ego, little brother, his business, or himself personally will be met with anger and/or hostility. Though he remains respectful to women, that doesn't mean he's a pushover. Kaiba is intelligent, and can easily tell when someone may be trying to take advantage of him. He won't react kindly to this, he knows his limits and depending on the offense, he will resort to anything from ruining someone's reputation to murder. He learned since the incidents involving his brother's kidnapping and threats to his company and to himself, and now will never be found without two karambit knives made out of UL 752 Level 10 bullet-resistant glass with white Kevlar grips hidden beneath his jacket in two leather holsters behind his deck case. He does value human life, and will judge offenses on a case by case basis. Kaiba does, however, have a temper. Though his temper is controlled, it would rival Jounouchi's temper if he ever lost it, and Kaiba is more prone to levels of violence that would prove otherwise fatal- he knows how to kill a person, and is not afraid to do it if he finds he can reasonably justify it. However, he takes out his anger most often in duels instead of physical violence. Physical violence is exceptionally rare, he views this lack of physical violence as a form of self restraint because he knows the fine line he walks and still has to worry about his brother and his company. However, should he be able to find a situation that warrants physical violence and he can cover up their murder (which he can do very easily) he will make sure the person on the receiving end regrets their decision- if they recover at all. He is capable of being extremely sadistic, and has frightening medical knowledge he could easily utilize to end someone's life- or to torture them while keeping them alive.<p>
  152. Kaiba's attachment to the Blue-Eyes White Dragon has to do with Kisara and his ancestor Priest Set, as such his "Ka" or "Egyptian Spirit Monster" is in fact, the Blue-Eyes White Dragon due to the events thousands of years ago. Kaiba wouldn't believe this no matter how much supporting evidence you showed him, so discussing it is out of the question. To him, magic does not exist.
  153. </div>
  154.  
  155. </div>
  156.  
  157. <img src="http://i.imgur.com/hS8AMRr.png">
  158. </div>
  159.  
  160.  
  161. <div class="ooc" style="overflow: hidden;">
  162.  
  163. <div class="text">
  164. <div class="box">
  165. Actual game developer (UE4 + Unity).</br>
  166. Probably better than you.</br>
  167. I don't like you and never will, but that doesn't mean i'll be a douche to you if you approach me politely.</br>
  168. No smut.</br>
  169. Stats are either canon or approximated based on what information I do have that gives the most plausible result.</br>
  170. Kaiba doesn't want to pursue a relationship with you. Ever.</br>
  171. IC =/= OOC. You should know that by now.</br>
  172. </div>
  173. </div>
  174.  
  175. <img src="http://i.imgur.com/ugF0WQj.png">
  176. </div>
  177.  
  178.  
  179. <div class="img2">
  180.  
  181. <div class="text2">
  182. <h1>Relationships</h1>
  183. Relationships will go here.
  184. </div>
  185.  
  186. <img src="http://i.imgur.com/mLVMAzi.png">
  187. </div>
  188.  
  189.  
  190. <div class="links_vertical">
  191. <a href="LINK HERE" target="_blank" title="visual 1"></a>
  192. <a href="LINK HERE" target="_blank" title="visual 2"></a>
  193. <a href="LINK HERE" target="_blank" title="visual 3"></a>
  194.  
  195. <div class="pad"></div>
  196. <a href="LINK HERE" target="_blank" title="visual 4"></a>
  197. <a href="LINK HERE" target="_blank" title="visual 5"></a>
  198. <a href="LINK HERE" target="_blank" title="visual 6"></a>
  199. </div>
  200.  
  201. <div class="links_horizontal">
  202. <a href="LINK HERE" target="_blank" title="audio 1"></a>
  203. <a href="LINK HERE" target="_blank" title="audio 2"></a>
  204. <a href="LINK HERE" target="_blank" title="audio 3"></a>
  205. <div class="pad"></div>
  206. <a href="LINK HERE" target="_blank" title="misc 1"></a>
  207. <a href="LINK HERE" target="_blank" title="misc 2"></a>
  208. <a href="LINK HERE" target="_blank" title="misc 3" style="margin-right: 0px;"></a>
  209. </div>
  210.  
  211. <div class="navi">
  212. <a href="#" class="exit"></a>
  213. <a href="#frame"></a>
  214. </div>
  215.  
  216.  
  217. </div>
  218. </div>
  219.  
  220. </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!