SHARE
TWEET

Code - Death Sworn

bythestars Oct 4th, 2019 79 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. @import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);
  3. @import url(https://fonts.googleapis.com/css?family=Playfair Display SC);
  4. @import url(https://fonts.googleapis.com/css?family=Lobster);
  5. @import url(https://fonts.googleapis.com/css?family=Questrial);
  6. @import url(https://fonts.googleapis.com/css?family=Roboto);
  7. @import url(https://fonts.googleapis.com/css?family=Merriweather);
  8. @import url(https://fonts.googleapis.com/css?family=Oxygen);
  9.  
  10. /*B09F9C*/
  11. ::-webkit-scrollbar-thumb {
  12.  width: 0px;
  13.  background-color: #fff;}
  14.  
  15. ::-webkit-scrollbar {
  16.  width: 0px;
  17.  background-color: transparent;}
  18.  
  19. a {
  20.  color: #5CFFFE;
  21.  text-decoration: none;
  22.  transition: all 0.4s ease-in-out;
  23.  -moz-transition: all 0.4s ease-in-out;
  24.  -webkit-transition: all 0.4s ease-in-out;}
  25. a:hover {
  26.  color: #550510; cursor:url(http://media.tumblr.com/d867d8c0827140bcce868f3bdbbd5e4f/tumblr_inline_mwwd9dv65Z1srowmh.png), auto !important;
  27.  text-decoration: none;
  28.  transition: all 0.4s ease-in-out;
  29.  -moz-transition: all 0.4s ease-in-out;
  30.  -webkit-transition: all 0.4s ease-in-out;}
  31. a.tab:active, a.tab:link, a.tab:visited {
  32.  background-color: #888;
  33.  border: #f3f3f3 2px solid;
  34.  border-radius: px;
  35.  margin-bottom: 6;margin-right:6;
  36.  display: inline-flex;
  37.  height: 5px;
  38.  text-decoration: none;
  39.  width:5px;
  40. -webkit-transition: all 0.4s ease-in;
  41. -moz-transition: all 0.4s ease-in;
  42. -ms-transition: all 0.4s ease-in;
  43. -o-transition: all 0.4s ease-in;
  44. transition: all 0.4s ease-in;transform: skew(-25deg);
  45. }
  46. a.tab:hover {
  47.  background-color: #f3f3f3;
  48. }
  49.  
  50.  body {background-color: #000;
  51. background-image: url(http://i.picpar.com/Qved.png), url(https://cdna.artstation.com/p/assets/images/images/011/418/184/large/kunniki-kaitlin-tai-katarina-ds-9.jpg?1529482892);
  52. background-attachment: fixed, fixed;
  53. background-repeat: repeat, no-repeat;
  54. background-size: 2%, 100% 100%, 0%;
  55. background-position: 0% 0%, 60% 0%;
  56.  background-attachment:tile; cursor: url(http://static.tumblr.com/obptcxj/QvHmo0l0g/cursor__6_.png), progress !important;}
  57.  
  58.  
  59.  
  60.  
  61.  #ufuk {position: fixed;left: 40%;bottom: 30%;}
  62.  #ufuk img {width: 100%;height: auto;
  63.  z-index: 0;}
  64.  
  65.  #ufuk2 {position: fixed;left: 0%;bottom: 0%;}
  66.  #ufuk2 img {width: auto;height: 80%;
  67.  z-index: 0;}
  68.  
  69.  
  70.  
  71.  
  72. #img1 {
  73. position: fixed;
  74. background-image: url('https://i.imgur.com/GYqJ5Fa.gif');
  75. right: 25%;
  76. top: 40%;
  77. height: 10%; width: 11%;
  78. background-size: 100% 100%;
  79. opacity: 0.3;
  80. border: 5px double #C977FF;
  81. border-radius:25px;
  82. -webkit-transition: all 0.7s ease;
  83. -moz-transition: all 0.7s ease;
  84. -o-transition: all 0.7s ease;}
  85. #img1:hover { opacity:1;
  86. }
  87.  
  88. #img2 {
  89. position: fixed;
  90. background-image: url('https://66.media.tumblr.com/c43330b310f5fa9a4671b41da1bc97ec/tumblr_oy3b7kl0IG1qd3oebo1_500.gif');
  91. right: 24%;
  92. bottom: 36%;
  93. height: 10%; width: 6%;
  94. background-size: 100% 100%;
  95. background-position: center;
  96. opacity: 0.3;
  97. border: 5px double #C977FF;
  98. border-radius:25px;
  99. -webkit-transition: all 0.7s ease;
  100. -moz-transition: all 0.7s ease;
  101. -o-transition: all 0.7s ease;}
  102. #img2:hover { opacity:1;
  103. }
  104.  
  105. #img3 {
  106. position: fixed;
  107. background-image: url('https://cdna.artstation.com/p/assets/images/images/011/504/534/original/maurice-leblanc-sword2.gif?1529936082');
  108. right: 24%;
  109. bottom: 19%;
  110. height: 10%; width: 6%;
  111. background-size: 100% 100%;
  112. opacity: 0.3;
  113. border: 5px double #1C4863;
  114. border-radius:25px;
  115. -webkit-transition: all 0.7s ease;
  116. -moz-transition: all 0.7s ease;
  117. -o-transition: all 0.7s ease;}
  118. #img3:hover { opacity:1;
  119. }
  120.  
  121. #img4 {
  122. position: fixed;
  123. background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/504/421/original/maurice-leblanc-sword1.gif?1529935566');
  124. right: 24%;
  125. bottom: 2%;
  126. height: 10%; width: 6%;
  127. opacity: 0.3;
  128. background-size: 100% 100%;
  129. border: 5px double #C977FF;
  130. border-radius:25px;
  131. -webkit-transition: all 0.7s ease;
  132. -moz-transition: all 0.7s ease;
  133. -o-transition: all 0.7s ease;}
  134. #img4:hover { opacity:1;
  135. }
  136.  
  137. #img5 {
  138. position: fixed;
  139. background-image: url('https://i.imgur.com/WGPALQ3.gif');
  140. left: 6.5%;
  141. top: 72%;
  142. opacity: 0.3;
  143. height: 10%; width: 11%;
  144. background-size: 100% 100%;
  145. background-position: center;
  146. border: 5px double #550510;
  147. border-radius:25px;
  148. -webkit-transition: all 0.7s ease;
  149. -moz-transition: all 0.7s ease;
  150. -o-transition: all 0.7s ease;}
  151. #img5:hover { opacity:1;
  152. }
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  .bottombox {
  159. position: fixed;
  160. background-color: #000;
  161. right: 1%;
  162. bottom: 2%;
  163. color: #C977FF;
  164. font-family: Lobster;
  165. opacity: 0.5;
  166. font-size: 11px;
  167. width: 22%;
  168. height: 45%;
  169. overflow:auto;
  170. border: #1C4863 double 5px;
  171. border-radius:25px;
  172. -webkit-transition: all 0.7s ease;
  173. -moz-transition: all 0.7s ease;
  174. -o-transition: all 0.7s ease;}
  175. .bottombox:hover { opacity:1;
  176. }
  177.  
  178. #big{
  179. width: 100%;
  180. height: 100%;
  181. overflow:auto;
  182. }
  183.  
  184.  #booty{
  185. width: 100%;
  186. height: 100%;
  187. overflow:auto;
  188. }
  189.  
  190.  #bitches{
  191. width: 100%;
  192. height: 100%;
  193. overflow:auto;
  194. }
  195.  
  196. #big1{
  197. width: 100%;
  198. height: 100%;
  199. overflow:auto;
  200. }
  201.  
  202.  #booty1{
  203. width: 100%;
  204. height: 100%;
  205. overflow:auto;
  206. }
  207.  
  208.  
  209.  
  210.  
  211.  
  212.  
  213. h1 {
  214. background-color: #;
  215. color: #C977FF;
  216. font-size: 22;
  217. font-family: Lobster;
  218. margin-top: 0px;
  219. border-bottom: 2px dotted #1C4863;
  220. border-top: px dotted #550510;
  221. }
  222.  
  223. #riverside{
  224. position: fixed;
  225. background-image:url("");
  226. background-size:100% 100%;
  227. filter: alpha(opacity=50);
  228. opacity: .4;
  229. right: 34%;
  230. bottom: 5%;
  231. height:89%;
  232. width:33%;
  233. border:5px double #309696;
  234. }
  235.  
  236.  
  237.  .circle3{ border-radius:150px; border:5px double #550510; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; }
  238.  
  239. .circle3:hover{ border-radius:150px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); }
  240. </style>
  241.  
  242.  
  243.  
  244.  
  245.  
  246.  
  247. <a href="#booty"><div id="img2"><center></div></a>
  248. <a href="#bitches"><div id="img3"><center></div></a>
  249. <a href="#big1"><div id="img4"><center></div></a>
  250.  
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257.  
  258.  
  259. <div class="bottombox">
  260. <div id="big1">
  261. <h1><center>Statistics</center></h1>
  262. <big>Name:</big> <font style=float:right>Katarina Du Couteau</font>
  263. <br><big>Alias:</big> <font style=float:right>the Sinister Blade, Death Sworn, Kat</font><br>
  264.  
  265. <br><big>Sex:</big> <font style=float:right>♀ Female</font>
  266. <br><big>Age:</big> <font style=float:right>Young Adult</font>
  267. <br><big>Race:</big> <font style=float:right>Noxian</font><br>
  268.  
  269. <br><big>Hometown:</big> <font style=float:right>Noxus Prime, Noxus</font>
  270. <br><big>Family:</big> <font style=float:right>Marcus ✞, Talon and Cassiopeia</font>
  271. <br><big>Occupation:</big> <font style=float:right>Assassin, Mercenary</font>
  272.  
  273. <br><big>Marital Status:</big> <font style=float:right> I've made my <a target="_blank" href="https://roleplay.chat/profile.php?user=God+King">choice</a></font><br>
  274.  
  275. <br><big>Height:</big> <font style=float:right>5'5"</font>
  276. <br><big>Weight:</big> <font style=float:right>110 lbs</font>
  277. <br><big>Build:</big> <font style=float:right>Athletic</font>
  278. <br><big>Hair Colour:</big> <font style=float:right>Frost Blue</font>
  279. <br><big>Eye Hue:</big> <font style=float:right>Magenta</font>
  280. <br><big>Features:</big> <font style=float:right>Scar over left eye, Tattoos</font>
  281. <br><big>Voice:</big> <font style=float:right> <a target="_blank" href="https://www.youtube.com/watch?v=U6HnoPAykwU">✘</a></a></font><br>
  282.  
  283. </div>
  284.  
  285.  
  286. <div id="bitches">
  287.  <h1><center>Title Here</center></h1>
  288. <center>
  289. ...<p>
  290.  
  291. Vestibulum tristique diam libero, ac euismod odio consectetur eu. Ut mollis neque nisi, at efficitur dolor eleifend eget. Integer varius, ante vel placerat dapibus, felis turpis malesuada augue, eu rhoncus eros eros in nibh. Aenean aliquet metus et arcu vehicula suscipit. In placerat, elit id condimentum tristique, nulla felis posuere sapien, consequat iaculis massa velit vel libero. Maecenas turpis ex, auctor in elementum eget, posuere quis arcu. Suspendisse laoreet venenatis dolor at vulputate. Pellentesque hendrerit erat sed dapibus semper.
  292. <br>
  293. </center>
  294. </div>
  295.  
  296.  
  297.  
  298. <div id="booty">
  299. <h1><center>Head Canons</center></h1>
  300. <justify>
  301. To fully swear oneself to Death's service, a mortal must be prepared to sacrifice the living. A skilled assassin in life, Katarina pledged her sinister blades willingly, and was granted spectral abilities allowing her to pass in and out of the underworld with ease.<p>
  302.  
  303. ...
  304. </justify>
  305.  
  306. </div>
  307.  
  308.  
  309.  
  310.  
  311.  
  312.  
  313. </div>
RAW Paste Data
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
Top