Advertisement
bythestars

Kassius

Mar 30th, 2019
142
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.56 KB | None | 0 0
  1. <style type="text/css">
  2. @import url('https://fonts.googleapis.com/css?family=Oswald|Kaushan Script|Satisfy');
  3.  
  4. #no {
  5. position: absolute;
  6. left: 0px;
  7. top: 0px;
  8. right: 0px;
  9. bottom: 0px;}
  10.  
  11. ::-webkit-scrollbar {
  12. width: 1px;}
  13.  
  14. ::-webkit-scrollbar-thumb {
  15. background: transparent;}
  16.  
  17. ::selection {
  18. color: #000;
  19. background: #fff;}
  20.  
  21. body {
  22. background-color: #0d0d0d;
  23. background-image: url();
  24. cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}
  25.  
  26. h2 {
  27. height: 24px;
  28. background-color: #333333;
  29. text-align: center;
  30. font-family: 'Oswald';
  31. color: #b3b3b3;
  32. font-size: 18px;
  33. line-height: 24px;
  34. letter-spacing: 2px;
  35. text-transform: lowercase;
  36. font-weight: bold;
  37. margin-top: 5px;
  38. margin-bottom: 12px;}
  39.  
  40. a {
  41. color: #b7870c;
  42. text-decoration: none;}
  43.  
  44. .pic1 {
  45. position: absolute;
  46. height: 160px;
  47. width: 400px;
  48. background-image: url('https://i.imgur.com/LEzbIcQ.gif');
  49. background-attachment: absolute;
  50. background-size: 100% 100%;
  51. bottom: 275px;
  52. right: 185px;
  53. border: 2px solid #1a1a1a;}
  54.  
  55. .pic2 {
  56. position: absolute;
  57. height: 160px;
  58. width: 130px;
  59. background-image: url('https://i.imgur.com/GGfU3tf.png');
  60. background-attachment: absolute;
  61. background-size: 100% 100%;
  62. bottom: 278px;
  63. right: 35px;}
  64.  
  65. .alpha {
  66. position: absolute;
  67. height: 450px;
  68. width: 605px;
  69. background-image: url();
  70. background-color: #1a1a1a;
  71. padding: 10px;
  72.  
  73. bottom: 50%;
  74. left: 50%;
  75. margin-left: -270px;
  76. margin-bottom: -300px;}
  77.  
  78. .con {
  79. position: fixed;
  80. height: 410px;
  81. width: 565px;
  82. background-image: url();
  83. background-color: #404040;
  84. Border: 5px solid;
  85. Border-color: #000;
  86. padding: 10px;
  87. overflow: auto;
  88. bottom: 50%;
  89. left: 50%;
  90. margin-left: -255px;
  91. margin-bottom: -285px;}
  92.  
  93. .stats {
  94. position: absolute;
  95. height: 215px;
  96. width: 381px;
  97. font-family: calibri;
  98. color: #000;
  99. font-size: 11px;
  100. letter-spacing: 0px;
  101. text-transform: none;
  102. background-color: #b3b3b3;
  103. padding: 10px;
  104. line-height: 22px;
  105. text-align: justify;
  106. overflow: auto;
  107. top: 205px;
  108. left: 35px;
  109. border: 2px solid #1a1a1a;}
  110.  
  111. .stats span {
  112. font-family: 'Oswald';
  113. color: #333333;
  114. font-size: 10px;
  115. letter-spacing: 2px;
  116. text-transform: Uppercase;
  117. font-weight: bold;
  118. margin-right: 3px;}
  119.  
  120. .box {
  121. position: absolute;
  122. height: 212px;
  123. width: 378px;
  124. font-family: calibri;
  125. color: #000;
  126. font-size: 11px;
  127. letter-spacing: 0px;
  128. text-transform: none;
  129. background-color: #b3b3b3;
  130. padding: 10px;
  131. line-height: 22px;
  132. text-align: justify;
  133. overflow: auto;
  134. opacity: 0;
  135. bottom: 50%;
  136. left: 50%;
  137. margin-left: -230px;
  138. margin-bottom: -10000000px;}
  139.  
  140. .box:target {
  141. opacity: 1;
  142. bottom: 50%;
  143. left: 50%;
  144. margin-left: -230px;
  145. margin-bottom: -270px;}
  146.  
  147. .navi {
  148. position: absolute;
  149. top: 275px;
  150. left: 495px;}
  151.  
  152. a.nav:link, a.nav:active, a.nav:visited{
  153. display: inline-block;
  154. font-family: 'oswald';
  155. color: #b7870c;
  156. background-color: #b3b3b3;
  157. width: 60px;
  158. font-size: 15px;
  159. letter-spacing: 2px;
  160. text-transform: uppercase;
  161. text-decoration: none;
  162. font-weight: bold;
  163. text-align: center;
  164. margin-top: 10px;
  165. cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}
  166.  
  167. .title {
  168. position: absolute;
  169. font-family: 'Oswald', cursive;
  170. color: #b7870c;
  171. font-size: 20px;
  172. letter-spacing: 2px;
  173. text-transform: uppercase;
  174. font-weight: bold;
  175. bottom: 50%;
  176. left: 50%;
  177. margin-left: 200px;
  178. margin-bottom: -95px;
  179. text-shadow: 3px 2px 0px #;}
  180. </style>
  181.  
  182. <div class="alpha">
  183.  
  184. <div class="con"></div>
  185. <div class="pic1"></div>
  186. <div class="pic2"></div>
  187.  
  188. <div class="stats">
  189. <h2>statistics :</h2>
  190. <font style=float:left><span>Name:</span></font> <font style=float:right>Kassius Stone</font><br>
  191. <font style=float:left><span>Titles:</span></font> <font style=float:right>Maester Kassius</font><br>
  192. <font style=float:left><span>Age:</span></font> <font style=float:right>36</font><br>
  193. <font style=float:left><span>Occupation:</span></font> <font style=float:right>Maester of Lannisport</font><br>
  194. <font style=float:left><span>Affiliation:</span></font> <font style=float:right>House Lannister of Lannisport</font><br>
  195. <font style=float:left><span>Status:</span></font> <font style=float:right>Single</font><br>
  196. <font style=float:left><span>Sexuality:</span></font> <font style=float:right>Heterosexual</font><br><br>
  197.  
  198. <font style=float:left><span>Gender:</span></font> <font style=float:right>Male</font><br>
  199. <font style=float:left><span>Height:</span></font> <font style=float:right>5'10"</font><br>
  200. <font style=float:left><span>Weight:</span></font> <font style=float:right>175 lbs</font><br>
  201. <font style=float:left><span>Hair:</span></font> <font style=float:right>Dark Brown</font><br>
  202. <font style=float:left><span>Eyes:</span></font> <font style=float:right>Dark Brown</font><br><br>
  203.  
  204. <font style=float:left><span>---:</span></font> <font style=float:right>---</font><br>
  205. <font style=float:left><span>---:</span></font> <font style=float:right>---</font><br>
  206. <font style=float:left><span>---:</span></font> <font style=float:right>---</font><br>
  207. </div>
  208.  
  209. <div class="navi">
  210. <a class="nav" href="#one">One.</a><br>
  211. <a class="nav" href="#two">Two.</a><br>
  212. <a class="nav" href="#three">Three.</a><br>
  213. <a class="nav" href="#four">Four.</a><br>
  214. <a class="nav" href="#five">Five.</a>
  215. </div>
  216. </div>
  217.  
  218. <div id="one" class="box">
  219. <h2>something :</h2>
  220. </div>
  221.  
  222. <div id="two" class="box">
  223. <h2>something 2 :</h2>
  224. </div>
  225.  
  226. <div id="three" class="box">
  227. <h2>something 3 :</h2>
  228. </div>
  229.  
  230. <div id="four" class="box">
  231. <h2>out of character :</h2>
  232. </div>
  233.  
  234. <div class="title"><center>Knight<br>of the Mind</center></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement