API tools faq
paste
Advertisement
Carneficine

Ichisan for Cat Daddy

Carneficine
Feb 26th, 2017
130
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.10 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3. <body><style>@import url('https://fonts.googleapis.com/css?family=Questrial');
  4. @import url('https://fonts.googleapis.com/css?family=Abel');
  5. @import url(https://fonts.googleapis.com/css?family=Montserrat:100,300,400,700,900);
  6. @import url('https://fonts.googleapis.com/css?family=Playfair Display SC');
  7. /*968583*/
  8.  
  9. /*DO NOT REMOVE THIS*/
  10. /*CODED BY
  11. M Y ASS
  12. ASS MY ASS MY
  13. ASS ASS ASS ASS ASS
  14. BOOTY BOOTY BOOTY BOOTY
  15. THE N WORD
  16. NICKLEBACK
  17. COLOURLESS TSUKURU TAZAKI*/
  18. /*DO NOT REMOVE THIS*/
  19.  
  20. body {
  21. /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9bebd+0,cab3b1+40,936661+100 */
  22. background: #fdfdfd;
  23. overflow-y:hidden;
  24. overflow-x:hidden;}
  25.  
  26.  
  27.  
  28. ::-webkit-scrollbar-thumb {
  29. width: 3px;
  30. background-color: #trans;}
  31. ::-webkit-scrollbar {
  32. width: 3px;
  33. background-color: transparent;}
  34. ::-webkit-scrollbar {
  35. width: 5px;
  36. }
  37.  
  38. ::-webkit-scrollbar-track {
  39. background-color: transparent;
  40. }
  41.  
  42.  
  43.  
  44. ::-webkit-scrollbar-thumb {
  45. background-color: #000;
  46. border: 1px solid #000;
  47. }
  48.  
  49. audio::-webkit-media-controls-play-button { height:100%;
  50. width: 100%; }
  51. audio::-webkit-media-controls-panel { height: 50px;
  52. width: 17%;
  53. opacity: 0; }
  54.  
  55.  
  56. a {
  57. color: #cecece;
  58. text-decoration: none;
  59. background-color: tranparent;
  60. transition: all 0.4s ease-in-out;
  61. -moz-transition: all 0.4s ease-in-out;
  62. -webkit-transition: all 0.4s ease-in-out;}
  63. a:hover {
  64. color: #E3CFB3;
  65. background-color: #404040;
  66. text-decoration: none;
  67. transition: all 0.4s ease-in-out;
  68. -moz-transition: all 0.4s ease-in-out;
  69. -webkit-transition: all 0.4s ease-in-out;}
  70. a.tab:active, a.tab:link, a.tab:visited {
  71. background-color: #450303;
  72. border: 4px double #968583;
  73. border-radius: 0px;
  74. display: inline-flex;
  75. height: 10px;
  76. text-decoration: none;
  77. width:15px;
  78. -webkit-transition: all 0.4s ease-in;
  79. -moz-transition: all 0.4s ease-in;
  80. -ms-transition: all 0.4s ease-in;
  81. -o-transition: all 0.4s ease-in;
  82. transition: all 0.4s ease-in;
  83. }
  84. a.tab:hover {
  85. background-color: #D68472;
  86. border: 4px double #333333;
  87. }
  88. a.tooltip {outline:none; text-decoration: none; cursor: url(), auto;}
  89. a.tooltip strong {line-height:30px;}
  90. a.tooltip:hover {text-decoration:none; }
  91. a.tooltip span {
  92. z-index:100;display:none; padding:15px 20px;
  93. bottom: 25; left: 657;
  94. width:230px; line-height:16px;
  95. height: 220px;
  96. }
  97. a.tooltip span img { height: 64px;
  98. width: 64px;
  99. padding: 0.5%; }
  100. a.tooltip:hover span{
  101. display:inline; position:fixed; color:#404040;
  102. border:3px solid #404040; background:#trans; opacity: 1; }
  103.  
  104. #left {
  105. position: fixed;
  106. left: 385;
  107. bottom: 67;
  108. width: 2px;
  109. height: 0;
  110. background-color: #404040;
  111. border: 0px solid #968583;
  112. z-index: 10;
  113. opacity: 1;
  114. -webkit-transition: all 0.6s ease-out;
  115. -moz-transition: all 1.3s ease-out;
  116. -ms-transition: all 1.3s ease-out;
  117. -o-transition: all 1.3s ease-out;
  118. transition: all 1.3s ease-out;}
  119.  
  120.  
  121. body:hover #left{height: 120;
  122. opacity: 1;
  123. -webkit-transition-delay: 2.4s ;
  124. -moz-transition-delay: 2.4s;
  125. -ms-transition-delay: 2.4s ;
  126. -o-transition-delay: 2.4s ;
  127. transition-delay: 2.4s ;
  128. }
  129.  
  130. #right {
  131. position: fixed;
  132. left: 613px;
  133. bottom: 67;
  134. width: 2px;
  135. height: 1;
  136. background-color: #404040;
  137. border: 0px solid #968583;
  138. z-index: 20;
  139. opacity: 1;-webkit-transition: all 0.6s ease-out;
  140. -moz-transition: all 1.3s ease-out;
  141. -ms-transition: all 1.3s ease-out;
  142. -o-transition: all 1.3s ease-out;
  143. transition: all 1.3s ease-out;}
  144.  
  145. body:hover #right{height: 120;
  146. opacity: 1;
  147. -webkit-transition-delay: 2.4s ;
  148. -moz-transition-delay: 2.4s;
  149. -ms-transition-delay: 2.4s ;
  150. -o-transition-delay: 2.4s ;
  151. transition-delay: 2.4s ;
  152. }
  153. #bottom{
  154. position: fixed;
  155. left: 428px;
  156. bottom: 35;
  157. width: 1;
  158. height: 1;
  159. background-color: #404040;
  160. border: 0px solid #968583;
  161. z-index: 20;
  162. opacity: 1;
  163. -webkit-transition: all 0.6s ease-out;
  164. -moz-transition: all 1.3s ease-out;
  165. -ms-transition: all 1.3s ease-out;
  166. -o-transition: all 1.3s ease-out;
  167. transition: all 1.3s ease-out;}
  168.  
  169. body:hover #bottom{width:140px;
  170. opacity: 1;
  171. -webkit-transition-delay: 2.4s ;
  172. -moz-transition-delay: 2.4s;
  173. -ms-transition-delay: 2.4s ;
  174. -o-transition-delay: 2.4s ;
  175. transition-delay: 2.4s ;
  176. }
  177.  
  178. /*968583*/
  179.  
  180. .be{
  181. margin-top: 5px;
  182. height: 115px;
  183. width: 70px;
  184. margin-left: 1px;
  185. border: #D68472 2px solid;
  186. -webkit-filter: grayscale(100%);
  187. -moz-filter: grayscale(100%);
  188. -o-filter: grayscale(100%);
  189. filter: grayscale(100%);
  190. -webkit-transition: all 0.6s ease-out;
  191. -moz-transition: all 0.6s ease-out;
  192. -ms-transition: all 0.6s ease-out;
  193. -o-transition: all 0.6s ease-out;}
  194.  
  195. .be:hover {border: #000 2px solid;
  196. -webkit-filter: grayscale(0%);
  197. -moz-filter: grayscale(0%);
  198. -o-filter: grayscale(0%);
  199. filter: grayscale(0%);}
  200.  
  201.  
  202. #pic {position: fixed;left: 0px;bottom: 0; z-index:-10; opacity: 1;}
  203. #pic img {width: ;height: ;}
  204.  
  205. /*frist things first*/
  206.  
  207. .head {
  208. position: fixed;
  209. left: 369;
  210. bottom: 232;
  211. color: #404040;
  212. font-family: Playfair Display SC;
  213. font-size: 30px;opacity: 0;
  214. -webkit-transition: all 0.6s ease-out;
  215. -moz-transition: all 0.6s ease-out;
  216. -ms-transition: all 0.6s ease-out;
  217. -o-transition: all 0.6s ease-out;
  218. transition: all 0.6s ease-out;}
  219.  
  220.  
  221. body:hover .head{opacity: 1;
  222. -webkit-transition-delay: 1.6s ;
  223. -moz-transition-delay: 1.6s ;
  224. -ms-transition-delay: 1.6s ;
  225. -o-transition-delay: 1.6s ;
  226. transition-delay: 1.6s ;
  227. }
  228. .head2 {
  229. position: fixed;
  230. left: 445;
  231. bottom: 232;
  232. color: #404040;
  233. font-family: Questrial;opacity: 0;
  234. font-size: 20px;
  235. -webkit-transition: all 0.6s ease-out;
  236. -moz-transition: all 0.6s ease-out;
  237. -ms-transition: all 0.6s ease-out;
  238. -o-transition: all 0.6s ease-out;
  239. transition: all 0.6s ease-out;}
  240.  
  241. body:hover .head2{
  242. bottom: 212;opacity: 1;
  243. -webkit-transition-delay: 2.4s ;
  244. -moz-transition-delay: 2.4s;
  245. -ms-transition-delay: 2.4s ;
  246. -o-transition-delay: 2.4s ;
  247. transition-delay: 2.4s ;
  248. }
  249.  
  250. #botline {
  251. width: 1px;height: 7px;
  252. background: #404040;
  253. position: fixed;
  254. bottom: 233;left: 373;
  255. display:block;
  256. -webkit-transition: all 1.6s ease-out;
  257. -moz-transition: all 1.6s ease-out;
  258. -ms-transition: all 1.6s ease-out;
  259. -o-transition: all 1.6s ease-out;
  260. transition: all 1.6s ease-out;}
  261. body:hover #botline{
  262. width: 248px;
  263. }
  264.  
  265. #sprite { position: absolute;
  266. top: 5px;
  267. left: 5px;
  268. background: url(http://i.imgur.com/0JPTbZLs.jpg) no-repeat;
  269. background-size: contain;
  270. width: 45px;
  271. height: 45px;
  272. -webkit-transition: all 1.6s ease-out;
  273. -moz-transition: all 1.6s ease-out;
  274. -ms-transition: all 1.6s ease-out;
  275. -o-transition: all 1.6s ease-out;
  276. transition: all 1.6s ease-out;
  277. opacity: 0; }
  278. body:hover #sprite { transition-delay: 0.55s;
  279. opacity: 0.85; }
  280.  
  281. .player { height: 100%;
  282. width: 100%;
  283. opacity: 0; }
  284.  
  285.  
  286. /*boxes*/
  287.  
  288. .box {
  289. position: fixed;
  290. left: 399;
  291. bottom: 50px;
  292. height: 140;
  293. width: 190;
  294. background-color: #transparent;
  295. border: 2px solid #404040;
  296. box-shadow: #000000 0px 0px 0px 0px;
  297. background-image:url("");
  298. z-index: 5;
  299. color: #4A0000;
  300. font-family: Palatino Linotype;
  301. font-style: normal;
  302. font-variant: ;
  303. font-weight: 400;
  304. text-align: justify;
  305. overflow-x: hidden;
  306. overflow-y: auto;
  307. font-size: 11px;
  308. padding: 5px;
  309. -webkit-transition: all 0.4s ease-out;
  310. -moz-transition: all 0.4s ease-out;
  311. -ms-transition: all 0.4s ease-out;
  312. -o-transition: all 0.4s ease-out;
  313. transition: all 0.4s ease-out;
  314. opacity: 0;
  315. filter:alpha(opacity=75);
  316. }
  317. body:hover .box{
  318. opacity: 1;
  319. -webkit-transition-delay: 3.6s;
  320. -moz-transition-delay: 3.6s;
  321. -ms-transition-delay: 3.6s;
  322. -o-transition-delay: 3.6s;
  323. transition-delay: 3.6s ;
  324.  
  325.  
  326. </style>
  327.  
  328.  
  329. <div id="sprite">
  330. <div class="player" title="Shape of you - Ed Sheeran">
  331. <audio controls preload="none"><source src="http://k003.kiwi6.com/hotlink/uygoa2v5yx/Ed_Sheeran_-_Shape_Of_You_From_-Fifty_Shades_Darker-_Music_Video_.mp3"></audio></div>
  332. </div>
  333.  
  334.  
  335. <div id="left"></div><div id="right"></div><div id="bottom"></div>
  336.  
  337. <div class="head"><i>THE INSTRUCTOR</i></div><div id="topline"></div><div id="botline"></div>
  338. <div class="head2">Ichiro Fujimoto</div>
  339.  
  340. <div id="pic"><img src="http://i.imgur.com/AEVs2dD.png"></div>
  341.  
  342. <div class="box">
  343. Name <font style="float:right"><a class="tooltip">Ichiro Fujimoto<span> type stuff about his history here</span></a></font><br>
  344. Nicknamed <font style="float:right;"> "Ichiro"</font><br>
  345. Personality <font style="float:right;"><a class="tooltip">Aloof, Lazy<span>Type here about how he interacts with others. </span></a></font><br>
  346.  
  347. Age <font style="float:right;">38</font><br>
  348. Occupation <font style="float:right;"><a class="tooltip">Dojo Instructor<span>Write shit about his job and what he specializes in here. .</span></a></font><br>
  349. Height/Weight <font style="float:right;">6'2 - 180lbs</font><br>
  350. Martial Status<font style="float:right;"><a class="tooltip">Single<span> Write about a past love or reason for being single here.
  351. </span></a></font><br>
  352. Orientation<font style="float:right;">Straight</font><br>
  353. Rules<font style="float:right;"><a class="tooltip">Read it<span><font style="color:#E3CFB3;">Rule one here<br>
  354. rule two here<br>
  355. rule three here<br>
  356. Don't take this code! Belongs to Tsukuru<br>
  357. Font color:#Ababab</font>
  358. </span></a></font><br>
  359.  
  360. </div>
  361. </body>
  362. </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!