Advertisement
owlette

serj2.

Jan 19th, 2014
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.13 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3.  
  4.  
  5. .pfor {display: none;}
  6. body
  7. {background-color:gray;
  8. background-image: url("http://i39.tinypic.com/t8rsm1.jpg");
  9. background-attachment: fixed;
  10. background-position: center;
  11. background-repeat:repeat;
  12. background-size:;}
  13.  
  14. #profile
  15. {border: none;
  16. position: absolute;
  17. background-color: transparent;}
  18.  
  19. ::-webkit-scrollbar {
  20. width: 0px;
  21. height: 0px;
  22. padding-top: 0px; }
  23.  
  24. ::-webkit-scrollbar-track {
  25. background-color: transparent; }
  26.  
  27. ::-webkit-scrollbar-thumb {
  28. height: 0px;
  29. width: 0px;
  30. background-color: transparent; }
  31.  
  32. ::-webkit-scrollbar-track-piece {
  33. height: 0px;
  34. width: 0px; }
  35.  
  36. ::-moz-selection, ::selection
  37. {background: #470000; color: #ffffff; }
  38.  
  39. ::selection
  40. {background: #470000; color: #ffffff; }
  41.  
  42.  
  43.  
  44. body, table, td, div {
  45. color: gray;
  46. font-family: times new roman;
  47. font-size: 10px;
  48. font-weight:normal;
  49. cursor:url(http://cur.cursors-4u.net/cursors/cur-6/cur560.cur)}
  50.  
  51. b {
  52. font-face:arial;
  53. font-weight:italic;
  54. color: #9dbe0b;
  55. font-size: 9px; }
  56.  
  57. i {font-weight: bold; color: #9dbe0b;}
  58.  
  59. div.color {
  60. border-width: 1px;
  61. border-style:solid;
  62. border-color: #000000;}
  63.  
  64. h1 {color: white;
  65. text-align: center;
  66. font-family: courier new;
  67. text-shadow:0px 1px 3px gold;
  68. font-weight: normal;
  69. background-color: transparent;
  70. letter-spacing: 0px;
  71. line-height: 15px;
  72. font-size: 15px;}
  73.  
  74. h2 {color: silver;
  75. text-align: center;
  76. font-family: courier new;
  77. text-shadow:0px 1px 3px gold;
  78. font-weight: normal;
  79. background-color: transparent;
  80. letter-spacing: 0px;
  81. line-height: 15px;
  82. font-size: 25px;}
  83.  
  84. a, a:link, a:visited, a:active{
  85. color:#8b1815;
  86. text-decoration:none;
  87. letter-spacing:0px;
  88. -webkit-transition: all 0.4s ease-out;
  89. -moz-transition: all 0.4s ease-out;
  90. transition: all 0.4s ease-out;
  91. text-transform:none;
  92. font-size:15px;
  93. font-family: Times New Roman;
  94. }
  95.  
  96. a:hover {
  97. color:#431718;
  98. text-decoration:none;
  99. -webkit-transition: all 0.4s ease-out;
  100. -moz-transition: all 0.4s ease-out;
  101. transition: all 0.4s ease-out;
  102. cursor:url(http://cur.cursors-4u.net/cursors/cur-6/cur560.cur)
  103. }
  104.  
  105. span.link {
  106. padding: 2px;
  107. background-color: #121212;}
  108.  
  109. #first {
  110. position: absolute;
  111. left: 683px;
  112. top: 310px;
  113. width:260px;
  114. height: 420px;
  115. text-align:center;
  116. font-family: arial;
  117. font-size:8.5px;
  118. color: #e3d684;
  119. padding:5px;
  120. border-radius:10px;
  121. box-shadow:1px 1px 20px #000;
  122. background-color:black;
  123. border-bottom-right-radius: 0px 0px 0px;
  124. }
  125.  
  126. #sidebox1 {
  127. position: absolute;
  128. left: 944px;
  129. top: 330px;
  130. padding:5x;
  131. background-color:black;
  132. height:120;
  133. max-width:8px
  134. overflow:hidden;
  135. text-align:left;
  136. text-transform: none;
  137. font-family:arial;
  138. font-size:9px;
  139. line-height:12px;
  140. color:#958c87;
  141. -webkit-transition: all 1s ease;
  142. -moz-transition: all 1s ease;
  143. -o-transition: all 1s ease;
  144. box-shadow:1px 1px 20px #000;
  145. }
  146.  
  147. #sidebox1:hover {
  148. margin-left: 7px;
  149. position: absolute;
  150. min-width:200px;
  151. overflow: auto;
  152. border-top-left-radius: 0px 0px;
  153. border-bottom-right-radius: 15px 15px;
  154. border-bottom-left-radius: 0px 0px;
  155. border-top-right-radius: 15px 15px;
  156. }
  157.  
  158. #sidebox2 {
  159. position: absolute;
  160. left: 944px;
  161. top: 465px;
  162. padding:5x;
  163. background-color:black;
  164. height:120;
  165. max-width:8px
  166. overflow:hidden;
  167. text-align:left;
  168. text-transform: none;
  169. font-family: arial;
  170. font-size: 9px;
  171. line-height: 12px;
  172. color: #958c87;
  173. -webkit-transition: all 1s ease;
  174. -moz-transition: all 1s ease;
  175. -o-transition: all 1s ease;
  176. box-shadow:1px 1px 20px #000;
  177. }
  178.  
  179. #sidebox2:hover {
  180. margin-left: 7px;
  181. position: absolute;
  182. min-width:200px;
  183. border-top-left-radius: 0px 0px;
  184. border-bottom-right-radius: 15px 15px;
  185. border-bottom-left-radius: 0px 0px;
  186. border-top-right-radius: 15px 15px;
  187. }
  188.  
  189. #sidebox3 {
  190. position: absolute;
  191. left: 944px;
  192. top: 600px;
  193. padding:5x;
  194. background-color:black;
  195. height:120;
  196. max-width:8px
  197. overflow:hidden;
  198. text-align:left;
  199. text-transform: none;
  200. font-family: arial;
  201. font-size: 10px;
  202. line-height: 12px;
  203. color: #958c87;
  204. -webkit-transition: all 1s ease;
  205. -moz-transition: all 1s ease;
  206. -o-transition: all 1s ease;
  207. box-shadow:1px 1px 20px #000;
  208. }
  209.  
  210. #sidebox3:hover {
  211. margin-left: 7px;
  212. position: absolute;
  213. min-width:200px;
  214. border-top-left-radius: 0px 0px;
  215. border-bottom-right-radius: 15px 15px;
  216. border-bottom-left-radius: 0px 0px;
  217. border-top-right-radius: 15px 15px;
  218. }
  219.  
  220. .nizzle {
  221. position: absolute;
  222. overflow: hidden;
  223. opacity: 0.6;
  224. margin-left: 1px;
  225. margin-bottom: -50px;
  226. background-color: transparent;
  227. }
  228.  
  229. .shizzle {
  230. position: absolute;
  231. overflow: hidden;
  232. opacity: 0;
  233. margin-left: 1px;
  234. margin-bottom: -50px;
  235. -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;
  236. }
  237.  
  238. .shizzle:hover {
  239. opacity: 0.9;
  240. -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;
  241. -webkit-filter: grayscale(0)
  242. }
  243. </style>
  244.  
  245. <div id=sidebox1 style="float:right;border-right:10px solid #9dbe0b;overflow:auto;height: 120px;width: 0px; padding: 3px;">
  246. <!-- FIRST HOVER TAB HERE. !-->
  247. <h1>TITLE</h1>
  248.  
  249. <b>Name</b> Sergey "Serj" Volkov <br>
  250. <b>Age</b> 22 <br>
  251. <b>Species</b> Grey Wolf <br>
  252. <b>Origin</b> Verkhoyansk, Russia
  253. </div>
  254.  
  255.  
  256. <div id=sidebox2 style="float:center;border-right:10px solid #9dbe0b;overflow:auto;height: 120px;width: 0px; padding: 3px;">
  257. <!-- SECOND HOVER TAB HERE. !-->
  258. <h1>TITLE</h1>
  259.  
  260. Text for second tab.
  261. </div>
  262.  
  263. <div id=sidebox3 style="float:center;border-right:10px solid #9dbe0b;overflow:auto;height: 120px;width: 0px; padding: 3px;">
  264. <!-- THIRD HOVER TAB HERE. !-->
  265. <h1>TITLE</h1>
  266.  
  267. Layout [c] Cosima.
  268. </div>
  269.  
  270. <div id="first">
  271.  
  272. <!-- MAIN CONTENT BOX HERE. !-->
  273. <br><br><br><h2>SERGEY VOLKOV</h2>
  274.  
  275. <a href="http://i.imgur.com/id1XuKk.jpg" target="_blank">♢</a> <a href="http://i.imgur.com/Z8CdIM5.png" target="_blank">♢</a> <br><br>
  276.  
  277. Sergey Volkov was born in the frozen wastes of the Eurasian North, outside of a small Russian village. Taught English as his primary language and smuggled out of the country at a young age, Serj learned the meaning of hardship early-on. After a few short years of being in America, the wolf lost his parents to sickness and poor health, as they were unable to afford any measure of healthcare. Alone and starving, Sergey learned the arts of the street. During his youth he spent time as a common thief and pickpocket, though as he matured he graduated to drug dealer. Serj had, after years of solitude, finally found solace in the arms of a girl that claimed his love; but it wouldn't be long before he was reminded of the harsh reality of his life. She met death not two years later, the victim of a stabbing not a block from the condemned apartment building he called home. After her demise Serj dyed his fur, representing himself as a skeleton as a memorial to those in his life that had been claimed by death. Now a young man, Sergey spends his days feeding the addictions of those around him, nights plagued by strange and vivid nightmares, and living as a vagrant content to wallow in his grief.
  278. </div>
  279.  
  280. <div class="coor" style="opacity:1; width: 300px; height: 100px; background: transparent; position: absolute; left: 665px; top: 35px; border-radius: 0px;">
  281.  
  282. <img src="http://i.imgur.com/T5Yg4aI.png" width="297">
  283. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement