API tools faq
paste
Advertisement
Alcyone-Codes

Code 8; 1 img, 5 text; tabs

Alcyone-Codes
Oct 13th, 2017
1,545
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.49 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/PP6c.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. ::-webkit-scrollbar {progress; width: 0px;}
  10. ::-webkit-scrollbar-thumb:vertical {
  11. background-color: #669bad;
  12. border: 0px solid transparent;
  13. -webkit-border-radius: 0px;
  14. box-shadow: 0 0 3px transparent, inset 0 0 6px transparent;
  15. -moz-transition:all 0.3s ease-in-out;
  16. -webkit-transition:all 0.3s ease-in-out;}
  17. ::selection {background: #ccc; color:#000;}
  18. ::-webkit-scrollbar-thumb:vertical:hover,
  19. ::-webkit-scrollbar-button:start:decrement:hover,
  20. ::-webkit-scrollbar-button:end:increment:hover
  21. {border-color:transparent;box-shadow: 0 0 12px transparent, inset 0 0 16px transparent;}
  22.  
  23. .bg {position: fixed;
  24. margin: auto;
  25. top: 0px;
  26. bottom: 0px;
  27. left: 0px;
  28. right: 0px;
  29. background: none url('')
  30. center center repeat;
  31. width: 830px;
  32. height: 680px;
  33. text-align: center;
  34. border: 0px solid #fff;}
  35.  
  36. .bgcover {background: #000;
  37. background:url('http://i.picpar.com/FP6c.png')
  38. center center repeat;
  39. opacity: .7;
  40. position: fixed;
  41. width: 5000px;
  42. height: 5000px;
  43. left: 0px;
  44. top: 0px;
  45. border: 0px solid #000;
  46. overflow: auto;}
  47.  
  48. /* ------------------------------------------ */
  49. /* ------------------------------------------ */
  50. /* ------------------------------------------ */
  51.  
  52. /* Start editing your stuff below. */
  53.  
  54. /* Background */
  55.  
  56. body {background-color: #ccc;}
  57.  
  58. /* Link */
  59.  
  60. a {color: #d797f5;
  61. text-shadow:
  62. #000 -1px 0px,
  63. #000 0px 1px,
  64. #000 1px 0px,
  65. #000 0px -1px;
  66. text-decoration: none;}
  67.  
  68. /* Bold */
  69.  
  70. b {color: #7b0f0f;
  71. text-shadow: #000 1px 1px;}
  72.  
  73. /* Italics */
  74.  
  75. i {color: #7b0f0f;}
  76.  
  77. /* Underline */
  78.  
  79. u {color: #7b0f0f;}
  80.  
  81.  
  82. .mainbox {background: #fff;
  83. position: absolute;
  84. text-align: center;
  85. width: 700px;
  86. height: 680px;
  87. top: 0px;
  88. left: 120px;border: 2px solid #000;}
  89.  
  90. .title {position: absolute;
  91. font-family: Times;
  92. color: #000;
  93. font-size: 60px;
  94. top: 0px;
  95. left: 120px;
  96. width: 700px;
  97. text-align: center;
  98. border: 0px solid #58d464;}
  99.  
  100. .portrait {background: none;
  101. background:url('http://i.picpar.com/hC6c.png')
  102. center center no-repeat;
  103. position: absolute;
  104. text-align: center;
  105. width: 300px;
  106. height: 300px;
  107. top: 70px;
  108. left: 130px;
  109. border: 1px solid #000;
  110. overflow: auto;}
  111.  
  112. .stats {background: #fff;
  113. position: absolute;
  114. width: 355px;
  115. height: 290px;
  116. left: 445px;
  117. top: 70px;
  118. font-family: Times;
  119. color: #000;
  120. font-size: 20px;
  121. border: 0px solid #000;
  122. padding:5px 5px 5px 5px;
  123. text-align: left;
  124. border: 1px solid #000;
  125. overflow: auto;}
  126.  
  127. .info {background: #fff;
  128. position: absolute;
  129. width: 670px;
  130. height: 275px;
  131. left: 130px;
  132. top: 385px;
  133. font-family: Times;
  134. color: #000;
  135. font-size: 18px;
  136. text-align: justify;
  137. border: 0px solid #000;
  138. padding:5px 5px 5px 5px;
  139. border: 1px solid #000;
  140. overflow: auto;}
  141.  
  142. #navi1 { position: absolute;
  143. top: 10px;
  144. left: 10px;}
  145.  
  146. a.navi, a.navi:visited, a.navi:hover {
  147.  
  148. text-decoration: none;
  149. display: inline-block;
  150. width: 75px;
  151. height: 50px;
  152. background-color: #fff;
  153. border: 2px solid #000;}
  154.  
  155. #one:target .info {z-index: 99;}
  156. #two:target .info {z-index: 99;}
  157. #three:target .info {z-index: 99;}
  158. #four:target .info {z-index: 99;}
  159. #five:target .info {z-index: 99;}
  160. </style>
  161.  
  162. <div class="bgcover"></div>
  163.  
  164. <div class="bg">
  165. <div class="mainbox"></div>
  166. <div class="portrait"></div>
  167.  
  168. <div class="title">Header/Title</div>
  169.  
  170. <div id="navi1">
  171. <a href="#one"class="navi"></a><br><br>
  172. <a href="#two"class="navi"></a><br><br>
  173. <a href="#three"class="navi"></a><br><br>
  174. <a href="#four"class="navi"></a><br><br>
  175. <a href="#five"class="navi"></a>
  176. </div>
  177. <div class="stats">
  178.  
  179. <font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
  180. <font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
  181. <font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
  182. <font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
  183. <font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
  184. <font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
  185. <font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
  186. <font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
  187. <font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
  188. <font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
  189. <font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
  190. <font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
  191.  
  192.  
  193. </div>
  194.  
  195. <div id="one"><div class="info">
  196.  
  197. Tab 1
  198.  
  199. </div></div>
  200.  
  201. <div id="two"><div class="info">
  202.  
  203. Tab 2
  204.  
  205. </div></div>
  206.  
  207. <div id="three"><div class="info">
  208.  
  209. Tab 3
  210.  
  211. </div></div>
  212.  
  213. <div id="four"><div class="info">
  214.  
  215. Tab 4
  216.  
  217. </div></div>
  218.  
  219. <div id="five"><div class="info">
  220.  
  221. <b>Bold</b>, <i>Italics</i>, <u>Underline</u>, <a target="_blank" href="https://roleplay.chat/profile.php?user=" title="">Link</a><br><br>
  222.  
  223. <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>
  224. <b>02</b>. OOC Rule Here.<br>
  225. <b>03</b>. OOC Rule Here.<br>
  226. <b>04</b>. OOC Rule Here.<br>
  227. <b>05</b>. OOC Rule Here.<br>
  228. <b>06</b>. OOC Rule Here.<br>
  229.  
  230. </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!