Advertisement
Alcyone-Codes

Code 6; 1 img, 4 text, no tabs

Sep 25th, 2017
1,455
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.51 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-color: #a7f9ab;}
  50.  
  51. /* Link */
  52. a {color: #e7a9f0;
  53. text-shadow:
  54. #000 -1px 0px,
  55. #000 0px 1px,
  56. #000 1px 0px,
  57. #000 0px -1px;
  58. text-decoration: none;}
  59.  
  60. /* Bold */
  61. b {color:#a7f9ab;
  62. text-decoration: none;
  63. text-shadow:
  64. #000 -1px 0px,
  65. #000 0px 1px,
  66. #000 1px 0px,
  67. #000 0px -1px;}
  68.  
  69. /* Italics */
  70. i {color:#4a894d;}
  71.  
  72. /* Underline */
  73. u {color:#4a894d;}
  74.  
  75. .border {background: #4a894d;
  76. position: absolute;
  77. opacity: 0.8;
  78. text-align: center;
  79. width: 900px;
  80. height: 440px;
  81. left: 0px;
  82. top: 0px;
  83. border: 0px solid #fff;
  84. overflow: auto;}
  85.  
  86. .image {background: none;
  87. background:url('http://i.picpar.com/0m5c.png')
  88. center center no-repeat;
  89. position: absolute;
  90. text-align: center;
  91. width: 300px;
  92. height: 400px;
  93. top: 20px;
  94. left: 300px;
  95. border: 1px solid #264b28;
  96. overflow: auto;}
  97.  
  98. .stats {background: #ffffff;
  99. position: absolute;
  100. text-align: justify;
  101. color:#000;
  102. width: 250px;
  103. height: 180px;
  104. left: 20px;
  105. top: 20px;
  106. border: 1px solid #264b28;
  107. padding:5px 5px 5px 5px;
  108. overflow: auto;}
  109.  
  110. .textbox1 {background: #ffffff;
  111. position: absolute;
  112. text-align: justify;
  113. color:#000;
  114. width: 250px;
  115. height: 180px;
  116. left: 20px;
  117. top: 230px;
  118. border: 1px solid #264b28;
  119. padding:5px 5px 5px 5px;
  120. overflow: auto;}
  121.  
  122. .textbox2 {background: #ffffff;
  123. position: absolute;
  124. text-align: justify;
  125. color:#000;
  126. width: 250px;
  127. height: 180px;
  128. left: 620px;
  129. top: 20px;
  130. border: 1px solid #264b28;
  131. padding:5px 5px 5px 5px;
  132. overflow: auto;}
  133.  
  134. .ooc {background: #ffffff;
  135. position: absolute;
  136. text-align: justify;
  137. color:#000;
  138. width: 250px;
  139. height: 180px;
  140. left: 620px;
  141. top: 230px;
  142. border: 1px solid #264b28;
  143. padding:5px 5px 5px 5px;
  144. overflow: auto;}
  145.  
  146.  
  147. </style>
  148.  
  149. <div class="bg">
  150. <div class="border"></div>
  151. <div class="image"></div>
  152.  
  153. <div class="stats">
  154.  
  155. <font style=float:left><b>Stat:</b></font> <font style=float:right><i>Info</i></font><br>
  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.  
  162. </div>
  163.  
  164. <div class="textbox1">
  165.  
  166. Bottom-left text box.
  167.  
  168. </div>
  169.  
  170. <div class="textbox2">
  171.  
  172. Top-right text box.
  173.  
  174. </div>
  175.  
  176. <div class="ooc">
  177.  
  178. <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>
  179. <b>01</b>. OOC Rule here.<br>
  180. <b>02</b>. OOC Rule here.<br>
  181. <b>03</b>. OOC Rule here.<br>
  182. <b>04</b>. OOC Rule here.<br>
  183.  
  184. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement