Advertisement
Guest User

Untitled

a guest
Jan 19th, 2018
59
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.57 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <style type="text/css">
  4.  
  5. /* Preview: http://i.picpar.com/2m5c.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 'https://fonts.googleapis.com/css?family=Alegreya';
  10.  
  11. @font-face {
  12. font-family: 'Alegreya';
  13. font-style: normal;
  14. font-weight: 400;
  15. src: local('Alegreya'), local('Alegreya-Regular'), url(https://fonts.gstatic.com/s/alegreya/v7/4vRXIs1BEbKX6mQ7lGu1I_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  16. 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;}
  17.  
  18.  
  19. ::-webkit-scrollbar {progress; width: 2px;}
  20. ::-webkit-scrollbar-thumb:vertical {
  21. background-color: #4a894d;
  22. border: 1px solid transparent;
  23. -webkit-border-radius: 1px;
  24. box-shadow: 0 0 3px transparent, inset 0 0 6px transparent;
  25. -moz-transition:all 0.3s ease-in-out;
  26. -webkit-transition:all 0.3s ease-in-out;}
  27. ::-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;}
  28.  
  29. .bg {position: fixed;
  30. width: 900px;
  31. height: 500px;
  32. margin: auto;
  33. top: 0px;
  34. bottom: 0px;
  35. left: 0px;
  36. right: 0px;
  37. background: none url('')
  38. center center no-repeat;
  39. text-align: center;
  40. border: 0px solid #000;}
  41.  
  42. /* ------------------------------------------ */
  43. /* ------------------------------------------ */
  44. /* ------------------------------------------ */
  45.  
  46. /* Start editing your stuff below. */
  47.  
  48. /* Background */
  49. body {background: url('http://i.picpar.com/LeEc.jpg');
  50. background-size: cover;}
  51.  
  52. /* Link */
  53. a {color: #26248F;
  54. text-shadow:
  55. #000 -1px 0px,
  56. #000 0px 1px,
  57. #000 1px 0px,
  58. #000 0px -1px;
  59. text-decoration: none;}
  60.  
  61. /* Bold */
  62. b {color:#971515;
  63. text-decoration: none;
  64. text-shadow:
  65. #000 -1px 0px,
  66. #000 0px 1px,
  67. #000 1px 0px,
  68. #000 0px -1px;}
  69.  
  70. /* Italics */
  71. i {color:#971515;}
  72.  
  73. /* Underline */
  74. u {color:#971515;}
  75.  
  76. .border {background: #4D4D4D;
  77. position: absolute;
  78. opacity: 0.8;
  79. text-align: center;
  80. width: 900px;
  81. height: 440px;
  82. left: 0px;
  83. top: 0px;
  84. border: 0px solid #fff;
  85. overflow: auto;}
  86.  
  87. .image {background: none;
  88. background:url('http://i.picpar.com/JeEc.jpg')
  89. center center no-repeat;
  90. position: absolute;
  91. text-align: center;
  92. width: 300px;
  93. height: 400px;
  94. top: 20px;
  95. left: 300px;
  96. border: 1px solid #4D4D4D;
  97. overflow: auto;}
  98.  
  99. .stats {background: #8F8F8F;
  100. position: absolute;
  101. text-align: justify;
  102. color:#971515;
  103. width: 250px;
  104. height: 180px;
  105. left: 20px;
  106. top: 20px;
  107. border: 1px solid #4D4D4D;
  108. padding:5px 5px 5px 5px;
  109. overflow: auto;}
  110.  
  111. .textbox1 {background: #8F8F8F;
  112. position: absolute;
  113. text-align: justify;
  114. color:#971515;
  115. width: 250px;
  116. height: 180px;
  117. left: 20px;
  118. top: 230px;
  119. border: 1px solid #4D4D4D;
  120. padding:5px 5px 5px 5px;
  121. overflow: auto;}
  122.  
  123. .textbox2 {background: #8F8F8F;
  124. position: absolute;
  125. text-align: justify;
  126. color:#971515;
  127. width: 250px;
  128. height: 180px;
  129. left: 620px;
  130. top: 20px;
  131. border: 1px solid #264b28;
  132. padding:5px 5px 5px 5px;
  133. overflow: auto;}
  134.  
  135. .ooc {background: #8F8F8F;
  136. position: absolute;
  137. text-align: justify;
  138. color:#971515;
  139. width: 250px;
  140. height: 180px;
  141. left: 620px;
  142. top: 230px;
  143. border: 1px solid #264b28;
  144. padding:5px 5px 5px 5px;
  145. overflow: auto;}
  146.  
  147.  
  148. </style>
  149.  
  150. <div class="bg">
  151. <div class="border"></div>
  152. <div class="image"></div>
  153.  
  154. <div class="stats">
  155.  
  156. <font style=float:left><b>Stat:</b></font> <font style=float:right><i>Info</i></font><br>
  157. <font style=float:left><b>Stat:</b></font> <font style=float:right><i>Info</i></font><br>
  158. <font style=float:left><b>Stat:</b></font> <font style=float:right><i>Info</i></font><br>
  159. <font style=float:left><b>Stat:</b></font> <font style=float:right><i>Info</i></font><br>
  160. <font style=float:left><b>Stat:</b></font> <font style=float:right><i>Info</i></font><br>
  161. <font style=float:left><b>Stat:</b></font> <font style=float:right><i>Info</i></font><br>
  162.  
  163. </div>
  164.  
  165. <div class="textbox1">
  166.  
  167. Bottom-left text box.
  168.  
  169. </div>
  170.  
  171. <div class="textbox2">
  172.  
  173. Top-right text box.
  174.  
  175. </div>
  176.  
  177. <div class="ooc">
  178.  
  179. <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>
  180. <b>01</b>. OOC Rule here.<br>
  181. <b>02</b>. OOC Rule here.<br>
  182. <b>03</b>. OOC Rule here.<br>
  183. <b>04</b>. OOC Rule here.<br>
  184.  
  185. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement