Advertisement
Monochrome

- robin pt. 2

Jan 28th, 2015
228
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 14.75 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: #FFF;
  11. background-image: url('http://d2tq98mqfjyz2l.cloudfront.net/image_cache/1359564766169475.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:#663366; font-weight:normal; letter-spacing: -1px;}
  21. i {color: #070707; 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: #99D6FF; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #FF99D6 0px 0px 1px;}
  24. big {color: #303646; 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: #DED6AA 0px 0px 1px;}
  25. small {color: #5a3931; font-size: 15px; font-weight: light; letter-spacing: -1px; font-family:Romans; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}
  26.  
  27. ::-webkit-scrollbar-button:vertical:{background-color: #000;
  28. -moz-border-radius: 0px 0px 0px 0px;
  29. border-radius:0px 0px 0px 0px;}
  30. ::-webkit-scrollbar-thumb:vertical {background-color:#000; height:20px;
  31. -moz-border-radius: 0px 0px 0px 0px;
  32. border-radius:0px 0px 0px 0px;}
  33. ::-webkit-scrollbar-thumb:horizontal {background-color:#000; 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: 'KG Only Human';
  40.   src: url('http://www.fontsaddict.com/fontface/kg-only-human.ttf');
  41. }
  42.  
  43. h1{
  44. background-color: #F13D36;
  45. color: #070707;
  46. font-size: 15px;
  47. font-family: century Gothic;
  48. font-variant: small-caps;
  49. line-height: 6px;  
  50. text-align: center;
  51. margin-top: 0px;
  52. letter-spacing: 2px;  
  53. text-transform: lowercase;
  54.  }
  55.  
  56. #no{
  57. position: fixed;
  58. top: 0px;
  59. left: 0px;
  60. right: 0px;
  61. bottom: 0px;
  62. z-index: 999999;
  63. }
  64.  
  65. #title {
  66. position: fixed;
  67. top: 20px;
  68. left: 10px;
  69. z-index: 550;
  70. color: #070707;
  71. font-size: 60px;
  72. line-height: 80px;
  73. letter-spacing: 2px;
  74. font-family: 'KG Only Human';
  75. text-shadow: #663366 2px 3px 4px;
  76. z-index: 600;
  77. }
  78.  
  79. #img{
  80. position:fixed;
  81. top: 0px;
  82. right: -50px;
  83. z-index:500;}
  84.  
  85. #icon{
  86. position:fixed;
  87. top: 50px;
  88. left: 700px;
  89. z-index:500;}
  90.  
  91. #container {
  92. position:absolute;
  93. top: 80px;
  94. left: 10px;
  95. background-color: #f1e8dc;
  96. width: 745px;
  97. height: 515px;
  98. z-index: 250;
  99. border: #6C5167 6px solid;
  100. color: #444;
  101. }
  102.  
  103. #robin{
  104. position: absolute;
  105. top: 5px;
  106. margin-left: 5px;
  107. width: 300px;
  108. height: 500px;
  109. background-color: #EDEDEE;  
  110. background-image: url('http://i57.tinypic.com/2iw0hw2.jpg');
  111. background-repeat: no-repeat;
  112. background-size: 300px 510px;
  113. border: 3px #6C5167 Solid;
  114. z-index:3000;
  115. }
  116.  
  117. #thoron {
  118. position: absolute;
  119. margin-left: 420px;
  120. top: 5px;  
  121. width: 305px;
  122. height: 490px;
  123. padding: 5px;
  124. background-color: #F0E9D6;
  125. background-image: url('https://33.media.tumblr.com/f61c1caacd1f88a81435adb5ee0fb128/tumblr_nc0nq00pt71sh3w3do1_500.png');
  126. background-repeat: no-repeat;
  127. background-size: 315px 510px;
  128. border: 3px #6C5167 Solid;
  129. z-index: 10;
  130. }
  131.  
  132. #navi {
  133. position: fixed;
  134. left: 350px;
  135. top: 160px;
  136. width: 25px;
  137. background-color: transparent;
  138. z-index: 99999999999999;
  139. }
  140.  
  141. .box {
  142. position: fixed;
  143. left: -1000px;
  144. top: 94px;  
  145. width: 305px;
  146. height: 490px;
  147. padding: 5px;
  148. color: #EDEDEE;
  149. font-family: verdana;
  150. font-variant: small-caps;
  151. text-align: justify;  
  152. font-size: 10px;
  153. line-height: 13px;  
  154. overflow: auto;
  155. background-color: #837a96;
  156. opacity: 0;
  157. transition: all 0.5s ease-in-out;
  158. -webkit-transition: all 0.5s ease-in-out;
  159. -moz-transition: all 0.5s ease-in-out;
  160. -o-transition: all 0.5s ease-in-out;
  161. -ms-transition: all 0.5s ease-in-out;
  162. z-index: 950;
  163. }
  164.  
  165. .box:target {
  166. top: 94px;
  167. left: 439px;
  168. opacity: 1;
  169. transition: all 0.5s ease-in-out;
  170. -webkit-transition: all 0.5s ease-in-out;
  171. -moz-transition: all 0.5s ease-in-out;
  172. -o-transition: all 0.5s ease-in-out;
  173. -ms-transition: all 0.5s ease-in-out;
  174. }
  175.  
  176. a.nav:link, a.nav:active, a.nav:visited{
  177. letter-spacing: 1px;
  178. text-transform: lowercase;
  179. display: inline-block;
  180. width: 60px;
  181. height: 60px;
  182. color: #452E54;
  183. margin: 5px;
  184. background-color: transparent;
  185. text-align: center;
  186. line-height: 45px;  
  187. font-size: 50px;
  188. font-variant: small-caps;
  189. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
  190. -webkit-transition: all 0.4s ease-out;
  191. -moz-transition: all 0.4s ease-out;
  192. -moz-border-radius-topright: 5px;
  193. -moz-border-radius-bottomright: 5px;}
  194.  
  195. a.nav:hover{
  196. background-color: transparent;
  197. color: transparent;
  198. text-decoration: none;
  199. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
  200. }
  201.  
  202. a {
  203. color: #070707;
  204. text-decoration: none;
  205. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
  206. }
  207.        
  208. a:hover {
  209. color: #888888;
  210. text-decoration: none;
  211. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
  212. }
  213.  
  214. .mage{
  215. height: 80px;
  216. width: 80px;
  217. border: #AB8787 2px solid;
  218. opacity: 0.7;
  219. cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;
  220. }
  221.  
  222. </style>
  223.  
  224. <div id="no" oncontextmenu="return false;">
  225.  
  226. <div id="title">The Master Tactician</div>
  227.  
  228. <div id="container">
  229. <div id="robin"></div>
  230. <div id="thoron"></div>
  231.  
  232. <div id="navi">
  233. <a class="nav" href="#one">I</a>
  234. <a class="nav" href="#two">II</a>
  235. <a class="nav" href="#three">III</a>
  236. <a class="nav" href="#four">IV</a>
  237. <a class="nav" href="/profile.php?userid=192790" title="credit">V</a>
  238. </div>
  239.  
  240. </div>
  241.  
  242. <div id="one" class="box">
  243. <i><center>“If you know who I am, please tell me... Am I fit to stand with Chrom and the others?”</center></i><br>
  244. <br>
  245. <center><b>Name:</b> Robin</center><br>
  246. <center><b>Age:</b> Twenty-three</center><br>
  247. <center><b>Gender:</b> Male</center><br>
  248. <center><b>Hair:</b> White</center><br>
  249. <center><b>Height:</b> 5'7"</center><br>
  250. <center><b>Sexuality:</b> Heterosexual</center><br>
  251. <center><b>Martial Status:</b> Single</center><br>
  252. <center><b>Weapon:</b> Tomes / Swords</center><br>
  253. <center><b>Class:</b> Grandmaster</center><br>
  254. <center><b>Skills:</b><img src="http://i59.tinypic.com/w6ywt0.jpg">Solidarity,<img src="http://i62.tinypic.com/mcglsj.png">Tomefaire,<img src="http://i59.tinypic.com/jt07xc.png">Ignis, <img src="http://i62.tinypic.com/nzqazc.png">Vengeance, <img src="http://i61.tinypic.com/huhu2t.png">Counter</center><br>
  255. <center><b>Inventory:</b><img src="http://i58.tinypic.com/2a68jux.png">Thoron, <img src="http://i61.tinypic.com/jb0bqu.png">Arcwind, <img src="http://i59.tinypic.com/11kl1di.png">Valflame, <img src="http://i62.tinypic.com/faqy6x.png"> Levin Sword, <img src="http://i57.tinypic.com/2zqwrgg.png">Elixir</center><br>
  256. <br>
  257. <center><a href=http://www.thiscrush.com/~tacticianrobin>A confession of love? I don't have a strategy prepared for this..!</a></b></center>
  258. </div>
  259.  
  260. <div id="two" class="box">
  261. <center><i>Supports</i></center><br>
  262. <br>
  263. <center>(These get expanded upon via roleplays with the characters.)</center><br>
  264. <center>(Mouse over the letters for information!)</center><br>
  265. <br>
  266. <img src="http://i57.tinypic.com/w8ksxj.gif"><br>
  267. <img src="http://i62.tinypic.com/vou1jd.gif"><br>
  268. <img src="http://i59.tinypic.com/2hhgh8h.gif"><br>
  269. <img src="http://i61.tinypic.com/24kwi1d.gif"><br>
  270. <img src="http://i59.tinypic.com/2ywwe95.gif"><br>
  271. <img src="http://i62.tinypic.com/pnfjm.gif"><br>
  272. <img src="http://i58.tinypic.com/ax05t1.gif">
  273. <a title="Having laid out a plan for Vaike to overcome Minerva in a battle of brute strength he became a bit closer to the Fighter, Vaike proving to be the kind of guy who doesn't follow along with plans involving stealth, he rushed ahead and overwhelmed the wyvern with brute force. Despite this he recognized his error and apologized to Robin for ruining the plan.">C</a><br>
  274. <img src="http://i59.tinypic.com/2vuzy4x.gif"><br>
  275. <img src="http://i60.tinypic.com/30xdfvb.gif"><br>
  276. <img src="http://i58.tinypic.com/352nsrk.gif"><br>
  277. <img src="http://i57.tinypic.com/5flsli.gif"><br>
  278. <img src="http://i58.tinypic.com/2d79010.gif"><br>
  279. <img src="http://i62.tinypic.com/rstquu.gif"><br>
  280. <img src="http://i58.tinypic.com/t8m9oi.gif"><br>
  281. <img src="http://i61.tinypic.com/2wh2rfl.gif"><br>
  282. <img src="http://i57.tinypic.com/i1k2sg.gif"><br>
  283. <img src="http://i60.tinypic.com/ajtjqw.gif"><br>
  284. <img src="http://i62.tinypic.com/24gq0rr.gif"><br>
  285. <img src="http://i61.tinypic.com/2qkidsi.gif"><br>
  286. <img src="http://i61.tinypic.com/2yn34a9.gif"><br>
  287. <img src="http://i61.tinypic.com/2dljh3b.gif"><br>
  288. <img src="http://i57.tinypic.com/2ngg6rq.gif"><br>
  289. <img src="http://i57.tinypic.com/25s9891.gif">
  290. <a title="October 17th. Cherche's surprise birthday party, Robin gathered Virion, Vaike, Lon'qu in order to catch the wyvern rider off guard and prove they appreciated all her hard work. However, Robin once again proved social tact isn't his strong suit by utilizing a wind tome to make a surprise indeed(And ruining the mess hall.) Having given Cherche an amulet made in Valm itself he could feel her appreciation for how thoughtful he was, making him feel much more comfortable with the woman.">C</a><br>
  291. <img src="http://i61.tinypic.com/2n8322o.gif"><br>
  292. <img src="http://i57.tinypic.com/2qbys8y.gif"><br>
  293. <img src="http://i58.tinypic.com/2mgjaxv.gif"><br>
  294. <img src="http://i61.tinypic.com/t6csc3.gif"><br>
  295. <img src="http://i58.tinypic.com/i2om7r.gif"><br>
  296. <img src="http://i59.tinypic.com/2v9446g.gif"><br>
  297. <img src="http://i57.tinypic.com/1sfapu.png"><br>
  298. <img src="http://i59.tinypic.com/ofq79s.gif">
  299. <a title="Inigo had been rubbing Robin as well as the rest of the camp the wrong way with how he carried himself. It had seemed this war was just a big game to him, a chance to flirt with the more beautiful members of the army. Having seen the way the others looked down upon him the tactician gave him a chance to prove his worth. Questioning how Inigo would protect a comrade, Robin would cast a Thoron spell towards Kjelle without warning which in turn made Inigo jump in the middle of the blast taking the damage instead to prove he is the type of man who would lay down his life for his companions. This while a bit extreme showed Inigo's loyalty to the whole camp and earned Robin's respect.">C</a><br>
  300. <img src="http://i62.tinypic.com/2e3uy3s.gif"><br>
  301. <img src="http://i59.tinypic.com/280jfaa.png"><br>
  302. <img src="http://i62.tinypic.com/sfx6xc.png"><br>
  303. <img src="http://i58.tinypic.com/20tqgq9.gif"><br>
  304. <img src="http://i58.tinypic.com/2r2b3x3.png">                                                               <a title="While attempting to teach Gerome a lesson about always being prepared, Robin and he became locked in a battle of lesson giving. While striking the rider with a Thoron tome, Gerome had Minerva carry him away onto a mountain. A mutual sense of respect gradually forming.">C</a><br>                                
  305. <img src="http://i58.tinypic.com/1zluc12.gif"><br>
  306. <img src="http://i57.tinypic.com/r7swva.png"><br>
  307. <img src="http://i57.tinypic.com/mb2woz.png"><br>
  308. <img src="http://i57.tinypic.com/2hpkhli.png"><br>
  309. <img src="http://i57.tinypic.com/znwnlx.gif"><br>
  310. <img src="http://i62.tinypic.com/ip9p9x.gif"><br>
  311. <img src="http://i58.tinypic.com/29e185e.gif"><br>
  312. <img src="http://i57.tinypic.com/mmqsm0.gif"><br>
  313. <img src="http://i59.tinypic.com/2w1tcap.gif"><br>
  314. <img src="http://i59.tinypic.com/f254jq.gif"><br>
  315. <img src="http://i57.tinypic.com/snfjvr.gif"><br>
  316. </div>
  317.  
  318. <div id="three" class="box">
  319. <a href="profile.php?user=Olivia" target="_blank" title="Stripper for gold"><img src="http://i1251.photobucket.com/albums/hh552/sylladicks/fe1/olivia12_zps621bb148.png" class="mage"></a>
  320. <a href="profile.php?user=Cherche" target="_blank" title="Wyvern Lover"><img src="http://i1251.photobucket.com/albums/hh552/sylladicks/fe1/cherche7_zps5ed79649.png" class="mage"></a>
  321. <a href="profile.php?user=Maribelle" target="_blank" title="Sugar Mama for hire"><img src="http://i1251.photobucket.com/albums/hh552/sylladicks/fe1/maribelle8_zps668b11cb.png" class="mage"></a>
  322. <a href="profile.php?user=Denis" target="_blank" title="Farmboy extraordinaire"><img src="http://i.picpar.com/t7fb.jpg" class="mage"></a>
  323. <a href="profile.php?user=Vaike" target="_blank" title="Doesn't have a teaching license"><img src="http://i.picpar.com/JCfb.png" class="mage"></a>
  324. <a href="profile.php?user=Virion" target="_blank" title="Cravat enthusiast"><img src="http://u.cubeupload.com/falchion/virion.jpg" class="mage"></a>
  325. <a href="profile.php?user=Riviera" target="_blank" title="Totally not a lady"><img src="http://media.tumblr.com/7345369981845fc53b57427f7309943c/tumblr_inline_n1qm8tdd5K1sziiar.png" class="mage"></a>
  326. </div>
  327.  
  328.  
  329. <div id="four" class="box">
  330. <center><i>Out of Character</i></center>
  331. <small>→</small> Olivia made this profile for Robin only! <br>
  332. <small>→</small> PM Friendly. <br>
  333. <small>→</small> RP Friendly. <br>
  334. <small>→</small> Fire Emblem only. <br>
  335. <small>→</small> Multi-para or mirror poster. <br>
  336. <small>→</small> Not picky about post length if you spell things correctly and portray your character accurately. <br>
  337. <small>→</small> Skype available for long-term. <br>
  338. <small>→</small> Suggested pairings are Tharja, Cynthia and Say'ri but I am open to others. <br>
  339. <small>→</small> Once paired Robin'll stay paired for the sake of RP. <br>
  340. <small>→</small> I have a number of alts. Feel free to ask who I am. <br>
  341. <small>→</small> I know I have pairings listed, but I have to be impressed to actually pair with anyone. I like effort. <br>
  342. <small>→</small> You have no idea how long it took placing all those support icons.<br>
  343. <small>→</small> Virion is the brobae ooc. I can beat him for you. <br>
  344. <small>→</small> Vaike is a virgin ooc too, trust me. <br>
  345. <small>→</small> Olivia is an amazing person. <br>
  346. <small>→</small> Maribelle is a toxic weeb trash league player. Don't be fooled. <br>
  347. <small>→</small> I also play Robin in smash bros. Wanna play? I'm down. <br>
  348. <small>→</small> Any other questions? Ask. <br>
  349. </div>
  350.  
  351. <div id="Img"><img src="http://i.picpar.com/vCfb.png"></div>
  352. <div id="icon"><img src="http://img2.wikia.nocookie.net/__cb20140123024401/fireemblem/images/b/b5/FE13_Male_Avatar_Tactician_Map_Sprite.gif"></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement