Advertisement
Monochrome

- rek'sai.

Dec 5th, 2014
752
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.04 KB | None | 0 0
  1.  <style type="text/css">
  2. .pfor { display: none; }
  3. #profile { background-color: transparent; border: none; }
  4. </style>
  5.  
  6. <style type="text/css">
  7. body {
  8. font-family: verdana;
  9. font-size: 10px;
  10. background-color: #EDEDEE;
  11. background-image: url('http://ritaspeaks.com/wp-content/uploads/2012/11/Purple_Victorian_Wallpaper_by_smurfier.jpg');
  12. background-attachment: fixed;
  13. background-position: bottom left;
  14. background-repeat: repeat;
  15. text-align: justify;
  16. color: #888888;
  17. cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;
  18. }
  19.  
  20. b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color:#838894; font-weight:normal; margin-left: 10px; letter-spacing: -1px;}
  21. i {color: #666666; font-family: 'calibri'; font-variant: small-caps; font-size:10pt; letter-spacing:0px}
  22. u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
  23. s {color: #820000; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
  24. big {color: #3B2F7F; font-size: 15px; font-weight: light; letter-spacing: 0px; font-family: Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #43150E 0px 0px 1px;}
  25. small {color: #3B2F7F; font-size: 18px; font-weight: light; letter-spacing: -1px; font-family: verdana; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}
  26.  
  27. ::-webkit-scrollbar-button:vertical:{background-color: transparent;
  28. -moz-border-radius: 0px 0px 0px 0px;
  29. border-radius:0px 0px 0px 0px;}
  30. ::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
  31. -moz-border-radius: 0px 0px 0px 0px;
  32. border-radius:0px 0px 0px 0px;}
  33. ::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
  34. -moz-border-radius: 0px 0px 0px 0px;
  35. border-radius:0px 0px 0px 0px;}
  36. ::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}
  37.  
  38. @font-face {
  39.   font-family: 'CaneletterScriptThinPersonal';
  40.   src: url('http://www.fontsaddict.com/fontface/caneletterscriptthinpersonal.ttf');
  41. }
  42.  
  43. #no{
  44. position: fixed;
  45. top: 0px;
  46. left: 0px;
  47. right: 0px;
  48. bottom: 0px;
  49. z-index: 999999;
  50. }
  51.  
  52. #title {
  53. position: fixed;
  54. top: 145px;
  55. left: 410px;
  56. z-index: 550;
  57. color: #1874A0;
  58. font-size: 60px;
  59. line-height: 80px;
  60. letter-spacing: 2px;
  61. font-family: 'CaneletterScriptThinPersonal';
  62. text-shadow: #210928 2px 3px 4px;
  63. z-index: 600;
  64. }
  65.  
  66. #border {
  67. position: absolute;
  68. top: 200px;
  69. left: 330px;
  70. width: 700px;
  71. height: 281px;
  72. border: #1874A0 1px solid;
  73. padding: 10px;
  74. background: url("http://i.picpar.com/igjb.png");
  75. }
  76.  
  77. #mini{
  78. top: 0px;
  79. left: 0px;
  80. padding: 0px;
  81. border: #210928 1px solid;
  82. }
  83.  
  84. .reksai {
  85. position: absolute;
  86. margin-left: 0px;
  87. margin-top: 0px;  
  88. width: 295px;
  89. height: 270.5px;
  90. color: #212121;
  91. font-family: verdana;
  92. font-variant: small-caps;
  93. text-align: justify;  
  94. font-size: 10px;
  95. line-height: 13px;  
  96. overflow: auto;
  97. background-color: #CCC;
  98. border: 5px solid #86415A;
  99. z-index: 10;
  100. }
  101.  
  102. .icon {
  103. position: absolute;
  104. top: 0px;
  105. left: 310px;
  106. width: 120px;
  107. height: 120px;
  108. background-color: #EDEDEE;
  109. background-image:url('https://38.media.tumblr.com/3d8a26a6de7b3cc73f9471f896dfd884/tumblr_nfm5oxCFE31r8ncopo4_250.png');
  110. background-repeat: no-repeat;
  111. background-position: 0px 0px;
  112. background-size: 120px 120px;
  113. border: #86415A 5px solid;
  114. z-index: 100;
  115. }
  116.  
  117. .icon2 {
  118. position: absolute;
  119. top: 153px;
  120. left: 310px;
  121. width: 120px;
  122. height: 120px;
  123. background-color: #EDEDEE;
  124. background-image:url('https://38.media.tumblr.com/7005e830f7d4f6360c533e73d5ded15d/tumblr_nfm5oxCFE31r8ncopo5_400.png');
  125. background-repeat: no-repeat;
  126. background-position: 0px 0px;
  127. background-size: 120px 120px;
  128. border: #86415A 5px solid;
  129. z-index: 100;
  130. }
  131.  
  132. .ooc {
  133. position: absolute;
  134. margin-left: 445px;
  135. margin-top: 0px;  
  136. width: 235px;
  137. height: 170px;
  138. color: #212121;
  139. font-family: verdana;
  140. font-variant: small-caps;
  141. text-align: justify;  
  142. font-size: 10px;
  143. line-height: 13px;  
  144. overflow: auto;
  145. background-color: #CCC;
  146. border: 5px solid #86415A;
  147. z-index: 10;
  148. }
  149.  
  150. #navi{
  151. position: fixed;
  152. left: 350px;
  153. top: 493px;
  154. width: autopx;
  155. height: 40px;
  156. background-color: transparent;
  157. overflow: hidden;
  158. z-index: 2000000;
  159. }
  160.  
  161. .box {
  162. position: fixed;
  163. left: -342px;
  164. top: 212px;  
  165. width: 697px;
  166. height: 280px;
  167. color: #212121;
  168. font-family: verdana;
  169. font-variant: small-caps;
  170. text-align: justify;  
  171. font-size: 10px;
  172. line-height: 13px;  
  173. overflow: hidden;
  174. background-color: #CCC;
  175. opacity: 0;
  176. transition: all 0.5s ease-in-out;
  177. -webkit-transition: all 0.5s ease-in-out;
  178. -moz-transition: all 0.5s ease-in-out;
  179. -o-transition: all 0.5s ease-in-out;
  180. -ms-transition: all 0.5s ease-in-out;
  181. z-index: 5000;
  182. }
  183.  
  184. .box:target {
  185. top: 212px;
  186. left: 342px;
  187. opacity: 1;
  188. transition: all 0.5s ease-in-out;
  189. -webkit-transition: all 0.5s ease-in-out;
  190. -moz-transition: all 0.5s ease-in-out;
  191. -o-transition: all 0.5s ease-in-out;
  192. -ms-transition: all 0.5s ease-in-out;
  193. }
  194.  
  195. a.nav:link, a.nav:active, a.nav:visited{
  196. letter-spacing: 1px;
  197. text-transform: lowercase;
  198. display: inline-block;
  199. width: 8px;
  200. height: 8px;
  201. color: #FFFFFF;
  202. margin: 5px;
  203. background-color: #1874A0;
  204. border: 1px Solid #210928;
  205. text-align: center;
  206. line-height: 10px;    
  207. font-variant: small-caps;
  208. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
  209. -webkit-transition: all 0.4s ease-out;
  210. -moz-transition: all 0.4s ease-out;
  211. -moz-border-radius-topright: 5px;
  212. -moz-border-radius-bottomright: 5px;}
  213.  
  214. a.nav:hover{
  215. background-color: transparent;
  216. color: transparent;
  217. text-decoration: none;
  218. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
  219. }
  220.  
  221. a {
  222. color: #A8777B;
  223. text-decoration: none;
  224. cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur819.cur'), default;
  225. z-index: 9000000;
  226. }
  227.        
  228. a:hover {
  229. color: transparent;
  230. text-decoration: none;
  231. cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur819.cur'), default;
  232. z-index: 900000000;
  233. }
  234.  
  235. .void {
  236. margin-top: 1px;
  237. height: 45px;
  238. width: 45px;
  239. margin-left: 5px;
  240. margin-top: 10px;
  241. border: #A8777B 2px solid;
  242. cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur819.cur'), default;
  243. opacity: 0.7;
  244. }
  245.  
  246. .bee {
  247. margin-top: 1px;
  248. height: 55px;
  249. width: 55px;
  250. margin-left: 5px;
  251. margin-top: 10px;
  252. border: #A8777B 2px solid;
  253. cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur819.cur'), default;
  254. opacity: 0.7;
  255. }
  256.  
  257. #chara {
  258. position: fixed;
  259. top: 360px;
  260. left: 450px;
  261. z-index: 7000;
  262. }
  263.  
  264. </style>
  265.  
  266. <div id="no" oncontextmenu="return false;">
  267.  
  268. <div id="title">The Void Burrower of Shurima</div>
  269.  
  270. <div id="border"><div id="mini"><img src="https://33.media.tumblr.com/127025e01aad115387e4901d3ae3a825/tumblr_nfm56izxt21qhrfyjo1_1280.jpg" width="698" height="281"></div></div>
  271.  
  272. <div id="navi">
  273. <a class="nav" href="#one"></a>
  274. <a class="nav" href="#two"></a>
  275. <a class="nav" href="#three"></a>
  276. <a class="nav" href="#home"></a>
  277. </div>
  278.  
  279. <div id="one" class="box">
  280. <div class="reksai">
  281. <center><a href="https://33.media.tumblr.com/afa546bb145aa97137db91cdcb191f45/tumblr_nfqd7xjbyI1rp84c6o1_1280.jpg" target="_blank">For those who wish to see a more <i>humane</i> version of the Voidborn.</a></center>
  282. <font style=float:left><b>Name</b></font> <font style=float:right>Rek'Sai</font><br>
  283. <font style=float:left><b>Moniker(s)</b></font> <font style=float:right>The Void Burrower</font><br>
  284. <font style=float:left><b>Gender</b></font> <font style=float:right>Femme</font><br>
  285. <font style=float:left><b>Age</b></font> <font style=float:right>Adult</font><br>
  286. <font style=float:left><b>Race</b></font> <font style=float:right>Xer'Sai, Voidborn</font><br>
  287. <font style=float:left><b>Birthplace</b></font> <font style=float:right>The Void</font><br>
  288. <font style=float:left><b>Residence</b></font> <font style=float:right>Shurima Desert</font><br>
  289. <font style=float:left><b>Hair Colour</b></font> <font style=float:right>Black</font><br>
  290. <font style=float:left><b>Eye Hue</b></font> <font style=float:right>Blue</font><br>
  291. <font style=float:left><b>Role</b></font> <font style=float:right>Fighter</font><br>
  292. <font style=float:left><b>Position</b></font> <font style=float:right>Jungler</font><br>
  293. </div>
  294.  
  295. <div class="icon"></div> <div class="icon2"></div>
  296.  
  297. <div class="ooc">
  298. <b>O1</b> No Drama.
  299. <br><b>O2</b> 3rd Person. Literate. No text speak.
  300. <br><b>O3.</b> IC =/= OOC.
  301. <br><b>O4.</b> Semi PM-Friendly.
  302. <br><b>O5.</b> League universe only.
  303. <br><b>O6.</b> My layout, do not steal.
  304. <br><b>O7.</b> Forever, a work In Progress.
  305.  
  306. </div></div>
  307.  
  308. <div id="two" class="box">
  309. <div class="reksai">
  310. <center>
  311. <img src="http://news.cdn.leagueoflegends.com/public/images/pages/rs/img/RS_Passive.png" class="void">
  312. <img src="http://news.cdn.leagueoflegends.com/public/images/pages/rs/img/RS_Q1.png" class="void">
  313. <img src="http://news.cdn.leagueoflegends.com/public/images/pages/rs/img/RS_W1.png" class="void">
  314. <img src="http://news.cdn.leagueoflegends.com/public/images/pages/rs/img/RS_E1.png" class="void">
  315. <img src="http://news.cdn.leagueoflegends.com/public/images/pages/rs/img/RS_R.png" class="void">
  316. </center><br>
  317.  
  318. <big> Fury of the Xer'Sai </big>; <br>
  319. Rek’Sai gains fury whenever she attacks her enemies. Burrowing consumes her fury, briefly regenerating her health.<br><br>
  320.  
  321. <big> Queen's Wrath / Prey Seeker </big>; <br>
  322. { Unburrowed – Queen’s Wrath } Rek’Sai lashes out, dealing damage to all enemies around her with her next three basic attacks. <br>
  323. { Burrowed – Prey Seeker } Rek’Sai fires out a pulse of void energy in a straight line skillshot that detonates on the first enemy struck, damaging, and revealing the target and all nearby enemies also hit by the missile’s explosion.<br><br>
  324.  
  325. <big> Burrow / Unburrow </big>; <br>
  326. { Unburrowed – Burrow } Rek’Sai burrows underground, gaining Tremor Sense (a unique mechanic that shows Rek’Sai all enemy movement in a wide area around her) and increased movement speed at the expense of vision range and access to her basic attacks. She ignores unit collision as she moves around. <br>
  327. { Burrowed – Unburrow } Rek’Sai bursts out into the open, knocking up and damaging all surrounding enemies.<br><br>
  328.  
  329. <big> Furious Bite / Tunnel </big>; <br>
  330. { Unburrowed – Furious Bite } Rek’Sai bites her target, dealing increasing damage based on her fury, or true damage if she has a full fury bar.<br>
  331. { Burrowed - Tunnel } Rek’Sai digs toward a target location, creating a pair of long-lasting tunnels at the two ends of her path.<br><br>
  332.  
  333. <big> Void Rush </big>; <br>
  334. { Passive } Rek’Sai gains attack speed. <br>
  335. { Active } Rek’Sai channels briefly before burrowing and dashing towards any of her tunnels, briefly gaining significant movement speed once she emerges.<br><br>
  336. </div>
  337.  
  338. <div class="icon"></div> <div class="icon2"></div>
  339.  
  340. <div class="ooc">
  341. <b>O1</b> No Drama.
  342. <br><b>O2</b> 3rd Person. Literate. No text speak.
  343. <br><b>O3.</b> IC =/= OOC.
  344. <br><b>O4.</b> Semi PM-Friendly.
  345. <br><b>O5.</b> League universe only.
  346. <br><b>O6.</b> My layout, do not steal.
  347. <br><b>O7.</b> Forever, a work In Progress.
  348. </div>
  349.  
  350. </div>
  351.  
  352. <div id="three" class="box">
  353. <div class="reksai">
  354. <a href="profile.php?user=" target="_blank"><img src="" class="bee"></a>
  355. <a href="profile.php?user=" target="_blank"><img src="" class="bee"></a>
  356. <a href="profile.php?user=" target="_blank"><img src="" class="bee"></a>
  357. <a href="profile.php?user=" target="_blank"><img src="" class="bee"></a>
  358.  
  359.  
  360. </div>
  361.  
  362. <div class="icon"></div> <div class="icon2"></div>
  363.  
  364. <div class="ooc">
  365. <b>O1</b> No Drama.
  366. <br><b>O2</b> 3rd Person. Literate. No text speak.
  367. <br><b>O3.</b> IC =/= OOC.
  368. <br><b>O4.</b> Semi PM-Friendly.
  369. <br><b>O5.</b> League universe only.
  370. <br><b>O6.</b> My layout, do not steal.
  371. <br><b>O7.</b> Forever, a work In Progress.
  372. </div>
  373.  
  374. </div>
  375.  
  376. <div id="chara"><img src="http://i.picpar.com/kgjb.png"></img></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement