API tools faq
paste
Advertisement
Lizellea

Targ!

Lizellea
Dec 28th, 2016
113
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.97 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2. @import url(https://fonts.googleapis.com/css?family=Parisienne);
  3. @import url(https://fonts.googleapis.com/css?family=Itim);
  4. @import url(https://fonts.googleapis.com/css?family=Indie+Flower);
  5. @import url(https://fonts.googleapis.com/css?family=Merienda);
  6. @import url(https://fonts.googleapis.com/css?family=Pinyon+Script);
  7. @import url(https://fonts.googleapis.com/css?family=Alex+Brush);
  8.  
  9.  
  10. ::-webkit-scrollbar { width: 2px; }
  11. ::-webkit-scrollbar-track { border-radius: 2px; background-color: transparent; }
  12. ::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #transparent; }
  13.  
  14. body {
  15. background-image: url("");
  16. background-repeat: repeat;
  17. background-color: #000;
  18. background-size: ;
  19. background-position: bottom right;
  20. margin: 0;
  21. overflow:hidden;
  22. }
  23.  
  24. #name{
  25. position: absolute; z-index:2; left:62%; top: 0%; color: #2A2A2A; text-shadow: 0.1vw 0.1vw 0.1vw #991A4F; font-family: Merienda; font-size: 5vw; letter-spacing: 0vw; opacity:0;
  26. -webkit-animation:slide 3.5s 1;-moz-transition: slide 3.5s 1 ;-ms-transition: slide 3.5s 1;-o-transition: slide 3.5s 1;animation:slide 3.5s 1;animation-delay:1s;animation-fill-mode:forwards;
  27. -webkit-animation-delay:1s;-webkit-animation-fill-mode:forwards;}@keyframes slide{from{top:20%;opacity:0;}to{top:-32%;opacity:1;}}
  28.  
  29. #slidebar{position:absolute;z-index:1;top:0%;left:0%;width:100%;height:5%;background-image: url("http://i.imgur.com/1xPqWhn.png");background-repeat: repeat;background-color: #101010;opacity:0;
  30. -webkit-animation:borderslide 2s 1;-moz-transition: borderslide 2s 1;-ms-transition: borderslide 2s 1;-o-transition: borderslide 2s 1;animation:borderslide 2s 1;animation-delay:1s;
  31. animation-fill-mode:forwards;-webkit-animation-delay:1s;-webkit-animation-fill-mode:forwards;}@keyframes borderslide{from{left:-50%;opacity:0;}to{left:0%;opacity:1;}}
  32.  
  33. #slidebar2{position:absolute;z-index:1;bottom:0%;right:0%;width:100%;height:5%;background-image: url("http://i.imgur.com/1xPqWhn.png");background-repeat: repeat;background-color: #101010;
  34. opacity:0;-webkit-animation:borderslide2 2s 1;-moz-transition: borderslide2 2s 1;-ms-transition: borderslide2 2s 1;-o-transition: borderslide2 2s 1;animation:borderslide2 2s 1;
  35. animation-delay:1s;animation-fill-mode:forwards;-webkit-animation-delay:1s;-webkit-animation-fill-mode:forwards;}@keyframes borderslide2{from{right:-50%;opacity:0;}to{right:0%;opacity:1;}}
  36.  
  37. #slidebar3{position:absolute;z-index:1;bottom:0%;left:0%;width:3%;height:100%;background-image: url("http://i.imgur.com/1xPqWhn.png");background-repeat: repeat;background-color: #101010;
  38. opacity:0;-webkit-animation:borderslide3 2s 1;-moz-transition: borderslide3 2s 1;-ms-transition: borderslide3 2s 1;-o-transition: borderslide3 2s 1;animation:borderslide3 2s 1;
  39. animation-delay:1s;animation-fill-mode:forwards;-webkit-animation-delay:1s;-webkit-animation-fill-mode:forwards;}@keyframes borderslide3{from{bottom:-50%;opacity:0;}to{bottom:0%;opacity:1;}}
  40.  
  41. #slidebar4{position:absolute;z-index:1;bottom:0%;right:0%;width:3%;height:100%;background-image: url("http://i.imgur.com/1xPqWhn.png");background-repeat: repeat;background-color: #101010;
  42. opacity:0;-webkit-animation:borderslide4 2s 1;-moz-transition: borderslide4 2s 1;-ms-transition: borderslide4 2s 1;-o-transition: borderslide4 2s 1;animation:borderslide4 2s 1;
  43. animation-delay:1s;animation-fill-mode:forwards;-webkit-animation-delay:1s;-webkit-animation-fill-mode:forwards;}@keyframes borderslide4{from{top:-50%;opacity:0;}to{top:0%;opacity:1;}}
  44.  
  45. #frame { z-index: 3; background: url(http://i.imgur.com/1xPqWhn.png); background-size: ; background-position: bottom left; background-repeat: repeat; position: absolute;box-shadow:0px 0px 20px #991A4F;
  46. background-color:#74153D;border: 23px solid #000; top: 37%; left: 22%; height: 45%; width: 50%;opacity: 1;}
  47.  
  48. #infobackground{ position: absolute; z-index: 3; top: 4.5%; left: 45%; height: 90%; width: 47%; background-color:#; border:3px groove #991A4F;box-shadow:0px 0px 20px #000; overflow: hidden;
  49. color: #500243; font-family: Segoe Print; font-size: 10vh; opacity:1;}
  50.  
  51.  
  52. #infobox{ position: absolute; z-index: 4; top: 0%; left: 0%; height: 100%; width: 100%; overflow: hidden; color: #fff;box-shadow:0px 0px 20px #; text-align: justify; letter-spacing: .2px;
  53. line-height: 16px; border: 2px solid #; background-color:#000; font-family: Itim; font-size: 15px; opacity:1;}
  54.  
  55. .tab1 { z-index:10; position: absolute; top: 5%; right: 0.5%; width:5%; height: 11%; border-radius: 0%;background-color: #;border:2px solid #;background: url(http://i.imgur.com/tqLoBY5.png);
  56. background-size: 100% 100%;}
  57. .tab2 { z-index:10; position: absolute; top: 30%; right: 0.5%; width: 5%; height: 11%; border-radius: 0%;background-color: #;border:2px solid #;background:url(http://i.imgur.com/tqLoBY5.png);
  58. background-size: 100% 100%;}
  59. .tab3 { z-index:10; position: absolute; top: 58%; right: 0.5%; width: 5%; height: 11%; border-radius: 0%;background-color: #;border:2px solid #;background:url(http://i.imgur.com/tqLoBY5.png);
  60. background-size: 100% 100%;}
  61. .tab4 { z-index:10; position: absolute; top: 85%; right: 0.5%; width: 5%; height: 11%; border-radius: 0%;background-color: #;border:2px solid #;background:url(http://i.imgur.com/tqLoBY5.png);
  62. background-size: 100% 100%;}
  63.  
  64. h1 {width: 100%; height: auto; font-size: 23px;font-family:Merienda;margin-top:1px; margin-bottom: 5px; text-align: center; color: #FF8A3C;}
  65. b, strong { color: #FF8A3C;text-shadow: 0.1vw 0.1vw 0.1vw #;}
  66.  
  67. a {color: purple; text-decoration: none; }
  68. a:hover {color: black; text-decoration: line-through;
  69. cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
  70.  
  71. #credit{ position: fixed;
  72. right: 1px;
  73. bottom: 0px;
  74. font-family: Arial;
  75. font-variant: normal;
  76. font-weight: normal;
  77. font-size: 90%;
  78. color: #ddd;
  79. z-index:60;}
  80.  
  81.  
  82.  
  83. </style>
  84. <div id="credit">
  85. Layout © <a href="profile.php?user=Pachi" target="_blank" title="This profile was made for Targ by Pachi.
  86. Do not take or alter in any way.
  87. If you wish for a profile then ask permission or
  88. for one to be made.">Pachi</a>
  89. </div>
  90.  
  91. <div id="slidebar"></div><div id="slidebar2"></div><div id="slidebar3"></div><div id="slidebar4"></div>
  92.  
  93. <div id="frame">
  94. <img src="http://i.imgur.com/TlJy7B9.png" width="450" height="620" style="position:absolute;bottom:-3%; left: -6%;z-index:20;">
  95. <div id="name">
  96. Targ
  97. </div>
  98.  
  99.  
  100. <a href="#1"><div class="tab1"></div></a>
  101. <a href="#2"><div class="tab2"></div></a>
  102. <a href="#3"><div class="tab3"></div></a>
  103. <a href="#4"><div class="tab4"></div></a>
  104.  
  105.  
  106.  
  107. <div id="infobackground">
  108. <div id="infobox">
  109. <center>
  110. <div style="height: 100%; overflow-y: hidden;">
  111. <a name="1"></a>
  112. <div style="width:95%; height: 100%; top: 0px; overflow: auto;" align="left">
  113. <br>
  114. <h1>Soul collector extraordinaire </h1>
  115. <br>☙<b>Name:</b> <i>Targ</i>
  116. <br>☙<b>Alias:</b> <i>The Best Man</i>
  117. <br>☙<b>Gender:</b> <i>Male</i>
  118. <br>☙<b>Age:</b> <i>Have fun counting</i>
  119. <br>☙<b>Hair:</b> <i> light gray fading into white.</i>
  120. <br>☙<b>Eyes:</b> <i> Luminescent yellow sclera, orange-gold irises. </i>
  121. <br>☙<b>Specie:</b> <i>Hellspawn</i>
  122. <br>☙<b>Sexuality:</b> <i>Heterosexual</i>
  123. <br>☙<b>Marital Status:</b><i><a target="_blank" href="https://roleplay.chat/profile.php?user=Peace"> His Peace of mind.</a></i>
  124. <br>☙<b>Mentality: </b> <i>Unstable</i>
  125. <br>☙<b>Element:</b> <i>Undecided</i>
  126.  
  127. </div>
  128. </div>
  129.  
  130. <div style="height: 100%; overflow-y: hidden;">
  131. <a name="2"></a>
  132. <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
  133. <br>
  134. THIS<BR>
  135. IS<BR>
  136. INFO<BR>
  137. AGAIN<BR>
  138.  
  139. </div>
  140. </div>
  141.  
  142. <div style="height: 100%; overflow-y: hidden;">
  143. <a name="3"></a>
  144. <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
  145. <br>
  146. THIS<BR>
  147. IS<BR>
  148. MORE<BR>
  149. INFO<BR>
  150.  
  151. </div>
  152. </div>
  153.  
  154. <div style="height: 100%; overflow-y: hidden;">
  155. <a name="4"></a>
  156. <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="center">
  157. <br>
  158. <h1>Out Of Character</h1>
  159. I am probably the nicest person you will ever meet while OOC. Though, there is some shit you need to know. The people around me, I have chosen for a specific reason. Say one negative thing about them, and prepare for a shit storm. That motherfuckers is called loyalty.
  160. <br> That isn't to say I love to have conflict, I don't. Before anything I will be a mediator but when worst come to worst understand if it's them or you I pick them. <br><b><u>Roleplaying with me.</u></b>
  161. <br> I Love all kinds of roleplaying and though this profile is specific it is easy enough to mold to fit any setting. If you have an Idea about a roleplay I am all down for it, if you don't then hey we can build one.
  162. <br> I am an imaginative dude, thus if you need help coming up with a plot, abilities, backstory anything come to me, I will always help anyone who needs it.
  163. <br><b><u>Last but not least.</u></b>
  164. <br> Contact me for my Skype or other IM programs. I play LoL ask me for my name and we can game up. Have a nice day!
  165.  
  166.  
  167. </div>
  168. </div>
  169. </div>
  170. </div>
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!