API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 16th, 2018
61
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.59 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <style type="text/css">
  4.  
  5. /* Preview: http://i.picpar.com/7m5c.png */
  6.  
  7. /* Profile was created by Alcyone, for anyone to use freely. If you are interested in commissioning a profile, go ahead and leave her some mail. */
  8.  
  9. @import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
  10. @font-face {
  11. font-family: 'Open Sans Condensed';
  12. font-style: normal;
  13. font-weight: 300;
  14. src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBEur64QvLD-0IbiAdTUNXE.woff2) format('woff2');
  15. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  16. }
  17.  
  18. @import url(https://fonts.googleapis.com/css?family=Noto+Sans);
  19. @font-face {
  20. font-family: 'Noto Sans';
  21. font-style: normal;
  22. font-weight: 400;
  23. src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/LeFlHvsZjXu2c3ZRgBq9nFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  24. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  25. }
  26.  
  27. body, a:hover {cursor: url(https://upload.wikimedia.org/wikipedia/commons/d/d8/Black_Cursor.svg), progress !important; }
  28.  
  29.  
  30. ::-webkit-scrollbar {progress; width: 4px;}
  31. ::-webkit-scrollbar-thumb:vertical {
  32. background-color: none;
  33. border: 1px solid #101010;
  34. -webkit-border-radius: 1px;
  35. box-shadow: 0 0 3px transparent, inset 0 0 6px transparent;
  36. -moz-transition:all 0.3s ease-in-out;
  37. -webkit-transition:all 0.3s ease-in-out;}
  38. ::-webkit-scrollbar-thumb:vertical:hover, ::-webkit-scrollbar-button:start:decrement:hover, ::-webkit-scrollbar-button:end:increment:hover {border-color:transparent;box-shadow: 0 0 12px transparent, inset 0 0 16px transparent;}
  39.  
  40. .bg {position: fixed;
  41. margin: auto;
  42. top: 0px;
  43. bottom: 0px;
  44. left: 0px;
  45. right: 0px;
  46. background: none url('')
  47. center center repeat;
  48. width: 800px;
  49. height: 550px;
  50. text-align: center;
  51. border: 0px solid #ccc;}
  52.  
  53. /* ------------------------------------------ */
  54. /* ------------------------------------------ */
  55. /* ------------------------------------------ */
  56.  
  57. /* Start editing your stuff below. */
  58.  
  59. body {background-color:#000000;
  60. background:url(http://weknowyourdreams.com/images/fog/fog-05.jpg)
  61. center center no-repeat fixed;
  62. -webkit-background-size: cover;
  63. -moz-background-size: cover;
  64. -o-background-size: cover;
  65. background-size: cover;
  66. overflow-x:hidden;}
  67.  
  68. .screen {background: #000;
  69. position: fixed;
  70. opacity: .85;
  71. text-align: center;
  72. width: 5000px;
  73. height: 5000px;
  74. top: 0px;
  75. left: 0px;
  76. border: 0px solid #000;}
  77.  
  78.  
  79. /* Paragraph text, etc. */
  80. p {background: none;
  81. font-size:14px;
  82. font-family: Open Sans Condensed;
  83. text-align: justify;
  84. color:#646464;
  85. padding:1px 5px 5px 5px;}
  86.  
  87. /* Link */
  88. a {color:#d73838;
  89. letter-spacing: 1px;
  90. text-decoration: none;}
  91.  
  92. /* Bold */
  93. b {letter-spacing: 2px;
  94. color:#892929;}
  95.  
  96. /* Italics */
  97. i {color:#abaaaa;
  98. letter-spacing: 1px;}
  99.  
  100. /* Underline */
  101. u {color:#abaaaa;
  102. letter-spacing: 1px;}
  103.  
  104. /* Change border px from 1 to 0 after applying image. */
  105.  
  106. .transparentimage {background: none;
  107. background:url('http://heather.paheal.net/_images/1fe9d77d5805b74140b09655dfb87617/2521614%20-%20Predator%20Titanosaurus%20Yautja.png')
  108. center top no-repeat;
  109. position:absolute;
  110. width:2000px;
  111. height:2000px;
  112. text-align: center;
  113. width: 500px;
  114. height: 600px;
  115. top: 0px;
  116. left: 500px;
  117. border: 0px solid #ccc;
  118. overflow: auto;}
  119.  
  120. .title {font-size: 35px;
  121. left: 105px;
  122. top: 160px;
  123. width: 410px;
  124. text-align: right;
  125. position: absolute;
  126. padding:5px 5px 5px 5px;
  127. color: #606060;
  128. border: 0px solid #000;
  129. text-shadow:
  130. #000 -1px 1px,
  131. #000 1px 1px,
  132. #000 1px 1px,
  133. #000 1px -1px;}
  134.  
  135. .boxout {background: #0a0a0a;
  136. opacity: .5;
  137. position: absolute;
  138. text-align: center;
  139. width: 420px;
  140. height: 220px;
  141. top: 200px;
  142. left: 100px;
  143. border: 2px solid #000;
  144. border-radius: 1px 1px 1px 1px;
  145. overflow: auto;}
  146.  
  147. .words {background: #000;
  148. position: absolute;
  149. text-align: center;
  150. width: 400px;
  151. height: 200px;
  152. left: 110px;
  153. top: 210px;
  154. border: 2px solid #000;
  155. overflow: auto;}
  156.  
  157. #navi1 {
  158. position: absolute;
  159. top: 220px;
  160. left: 525px;
  161. background: url('');
  162. text-align: center;}
  163.  
  164. a.navi, a.navi:visited, a.navi:hover{
  165. text-decoration: none;
  166. display: block;
  167. height: 10px;
  168. width: 10px;
  169. margin-bottom: 30px;
  170. margin-left: 10px;
  171. border: 1px double #232323;
  172. color: #111;
  173. background-color: #090909;
  174. border-radius: 1px;
  175. box-shadow:inset 0 0 4px 1px #232323, 0 0 4px 2px #000;
  176.  
  177. #box1 {background: none;
  178. width: 400px;
  179. height: 200px;
  180. position: fixed;
  181. left: 0px;
  182. top: 0px;
  183. border: 0px solid #ccc;
  184. overflow: auto;}
  185.  
  186. </style>
  187. <div class="screen"></div>
  188.  
  189. <div class="bg">
  190. <div class="transparentimage"></div>
  191. <div class="boxout"></div>
  192.  
  193. <div class="title">Mak Ra</div>
  194.  
  195. <div id="navi1">
  196. <a href="#one"class="navi"> </a>
  197. <a href="#two"class="navi"> </a>
  198. <a href="#three"class="navi"> </a>
  199. <a href="#four"class="navi"> </a>
  200. <a href="#five"class="navi"> </a>
  201. </div>
  202.  
  203. <div class="words">
  204. <div id="box1">
  205. <div style="background: none; position: absolute; width: 400px; height: 200px; left: 0px; top: 0px; border: 0px solid #000; overflow-y: hidden;">
  206.  
  207. <a name="one"></a><div style="width: 400px; height: 200px; overflow: auto;">
  208.  
  209. <p>
  210.  
  211. <font style=float:left><b>Age:</b></font> <font style=float:right><i>Unknown</i></font><br>
  212. <font style=float:left><b>Sex:</b></font> <font style=float:right><i>Female</i></font><br>
  213. <font style=float:left><b>Orientation:</b></font> <font style=float:right><i>Mood Dependent</i></font><br>
  214. <font style=float:left><b>Weaponry:</b></font> <font style=float:right><i>Claws, shoulder-mounted plasma cannon, collapsible shurikens. Brute strength.</i></font><br>
  215. <font style=float:left><b>Temperament:</b></font> <font style=float:right><i>Aggressive if provoked. Approachable otherwise.</i></font><br>
  216. <font style=float:left><b>Height:</b></font> <font style=float:right><i>6'8"(2m)</i></font><br>
  217. <font style=float:left><b></b></font> <font style=float:right><i></i></font><br>
  218. <font style=float:left><b></b></font> <font style=float:right><i></i></font><br>
  219. </p>
  220.  
  221.  
  222. </div>
  223.  
  224. <a name="two"></a><div style="width: 400px; height: 200px; overflow: auto;">
  225. <p><b>Bold</b>, <i>Italics</i>, <a href="">Link</a></p>
  226. <p>
  227.  
  228. Tab 2
  229.  
  230. </p>
  231. </div>
  232.  
  233. <a name="three"></a><div style="width: 400px; height: 200px; overflow: auto;">
  234. <p>
  235.  
  236. Tab 3
  237.  
  238. </p>
  239.  
  240. </div>
  241.  
  242. <a name="four"></a><div style="width: 400px; height: 200px; overflow: auto;">
  243. <p>
  244.  
  245. <a href="linkforprofilehere" target="_blank"title="Friend Here"><img src="iconimagehere" alt="" width="70" height="70" /></a>
  246. <a href="linkforprofilehere" target="_blank"title="Friend Here"><img src="iconimagehere" alt="" width="70" height="70" /></a>
  247. <a href="linkforprofilehere" target="_blank"title="Friend Here"><img src="iconimagehere" alt="" width="70" height="70" /></a>
  248. <a href="linkforprofilehere" target="_blank"title="Friend Here"><img src="iconimagehere" alt="" width="70" height="70" /></a>
  249.  
  250.  
  251. </p>
  252. </div>
  253.  
  254. <a name="five"></a><div style="width: 400px; height: 200px; overflow: auto;">
  255. <p>
  256.  
  257. <b>00</b>. Profile was created by <a target="_blank" href="https://roleplay.chat/profile.php?user=Alcyone" title="">Alcyone</a>, for anyone to use freely. If you are interested in commissioning a profile, go ahead and leave her some mail.<br><b>01</b>. OOC Rule here.<br>
  258. <b>02</b>. OOC Rule here.<br>
  259. <b>03</b>. OOC Rule here.<br>
  260. <b>04</b>. OOC Rule here.<br>
  261.  
  262. </p>
  263. </div>
  264.  
  265. </div></div></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!