thisisnotras

Lem addtransition

May 7th, 2015
403
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.16 KB | None | 0 0
  1. <link href="rpc.css" rel="stylesheet" type="text/css"><center><h3 class="pfor">Profile for &quot;Lemena&quot;</h3><div id="profile"><style type="text/css">
  2. .pfor {display: none; visibility: hidden;}
  3. #profile {background-color:;}
  4. #profile {border:;}
  5. body
  6. {overflow-x:hidden;
  7. background-image:
  8. url('');
  9. background-repeat:repeat;
  10. background-position:;
  11. background-attachment: fixed;
  12. background-color:745140;
  13. font: 0px arial;
  14. color: black;}
  15. #profile {background-color: transparent;
  16. border:0px;
  17. }
  18.  
  19. ::-webkit-scrollbar {
  20. width: 5px;
  21. height: 0px;
  22. background:;
  23. }
  24.  
  25. ::-webkit-scrollbar-thumb {
  26. background-color:black;
  27. -webkit-border-radius: 10px;
  28. border-radius: 10px;
  29. }
  30.  
  31. a {color:brown;
  32. text-decoration: none;
  33. -webkit-transition: all 0.5s ease-in-out;
  34. -moz-transition: all 0.5s ease-in-out;
  35. -o-transition: all 0.5s ease-in-out;
  36. -ms-transition: all 0.5s ease-in-out;
  37. transition: all 0.5s ease-in-out;
  38. }
  39.  
  40. a:hover {color: black;
  41. text-decoration: none;
  42. -webkit-transition: all 0.5s ease-in-out;
  43. -moz-transition: all 0.5s ease-in-out;
  44. -o-transition: all 0.5s ease-in-out;
  45. -ms-transition: all 0.5s ease-in-out;
  46. transition: all 0.5s ease-in-out;
  47. }
  48.  
  49. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
  50. }
  51.  
  52. @font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/s/y0pfz7ndq83n7j7/04B_03_.TTF?dl=1'); format("truetype");}
  53.  
  54.  
  55. #whole{position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  56.  
  57. .box {background-color:bfa69a;
  58. vertical-align: center;
  59. text-transform: none;
  60. color:745140;
  61. font-size:8px;
  62. font-family:tinytots;
  63. text-align: justify;
  64. position: absolute;
  65. width:300;
  66. height:150;
  67. left: 190px;
  68. top: 70px;
  69. letter-spacing:0px;
  70. line-height: 10px;
  71. padding: 10px;
  72. margin: 1px;
  73. border:3px solid #745140;
  74. opacity: 0;
  75. z-index: 1;
  76. transition: all 1s;
  77. -webkit-transition: all 1s;
  78. }
  79.  
  80. .box:target {opacity: 1; transition: all 1s .4s; -webkit-transition: all 1s .4s; z-index: 2;}
  81.  
  82. #image {background-image:
  83. url('https://static.dyp.im/HJPwaYGtBb/5215bc026590bfac28b97f3467680786.jpg');
  84. background-repeat:no-repeat;
  85. background-position:top center;
  86. background-attachment: absolute;
  87. background-size:340px;
  88. background-color:white;
  89. position:fixed;
  90. left:500;
  91. top:150;
  92. width:600;
  93. height:491;
  94. border-radius:50px;
  95. box-shadow:0px 0px 40px #17100c;
  96. }
  97.  
  98.  
  99. #icon {
  100. position:absolute;
  101. left:50;
  102. top:100;
  103. border:3px solid #745140;
  104. }
  105.  
  106. #arrow {
  107. position:absolute;
  108. color:#745140;
  109. font-size:60px;
  110. left:150;
  111. top:120;
  112. }
  113.  
  114. #title {
  115. position:absolute;
  116. color:#745140;
  117. font-size:60px;
  118. font-family:Pacifico;
  119. left:200;
  120. top:-14;
  121. letter-spacing:10px;
  122. }
  123.  
  124. @font-face{font-family:Pacifico;src:url(http://static.tumblr.com/9wzbixa/D3Wlyw7u4/pacifico.ttf);}
  125.  
  126. #navi {
  127. vertical-align: center;
  128. text-align: center;
  129. position: absolute;
  130. left:355px;
  131. top:250px;
  132. letter-spacing:0px;
  133. line-height: 10px;
  134. padding: 5px;
  135. margin: 1px;
  136. }
  137.  
  138. #navi a {
  139. padding: 10px;
  140. font-family: tinytots;
  141. font-size: 8px;
  142. text-transform:uppercase;
  143. letter-spacing: 1px;
  144. display: inline-block;
  145. text-align: center;
  146. background-color: #745140;
  147. -webkit-transition: all 0.5s ease-in-out;
  148. -moz-transition: all 0.5s ease-in-out;
  149. -o-transition: all 0.5s ease-in-out;
  150. -ms-transition: all 0.5s ease-in-out;
  151. transition: all 0.5s ease-in-out;
  152. border: 3px solid #bfa69a;
  153. border-radius:200px;
  154. }
  155.  
  156. #navi a:hover {background-color:#bfa69a;
  157. -webkit-transition: all 0.5s ease-in-out;
  158. -moz-transition: all 0.5s ease-in-out;
  159. -o-transition: all 0.5s ease-in-out;
  160. -ms-transition: all 0.5s ease-in-out;
  161. transition: all 0.5s ease-in-out;
  162. border: 3px solid #745140;
  163. }
  164.  
  165. h1{
  166. border-bottom:1px solid #745140;
  167. color:#c7a594;
  168. font-size:17px;
  169. line-height: 17px;
  170. font-family:times;
  171. text-align: right;
  172. text-transform:lowercase;
  173. letter-spacing:5px;
  174. margin: 0px 5px 5px;
  175. text-shadow: 1px 0px 0px #745140,
  176. 0px 1px 0px #745140,
  177. -1px 0px 0px #745140,
  178. 0px -1px 0px #745140;
  179. }
  180.  
  181. #credit {
  182. position:fixed;
  183. right:0;
  184. bottom:0;
  185. }
  186.  
  187. </style>
  188. <div id="whole" oncontextmenu="return false;">
  189.  
  190. <div id="credit">
  191. <img src="http://i.picpar.com/Hxtb.png" width="100">
  192. </div>
  193.  
  194. <div id="image">
  195. <div id="icon">
  196. <img src="http://i.picpar.com/Extb.png" width="100">
  197. </div>
  198.  
  199. <div id="arrow">
  200. </div>
  201.  
  202. <div id="navi">
  203.  
  204. <a href="#Dossier"></a>
  205.  
  206. <a href="#Persona"></a>
  207.  
  208. <a href="#History"></a>
  209.  
  210. <a href="#Buds"></a>
  211.  
  212. <a href="#OOC"></a>
  213.  
  214. <a href="#blankness"></a>
  215.  
  216. </div>
  217.  
  218.  
  219. <div class="box" id="Dossier">
  220. <div style="width:300; height:150; overflow-y: hidden;">
  221. <div style="width:300; height:150; overflow-y: auto;">
  222. <h1>The Genetic Anomaly</h1>
  223.  
  224. Name: G3 Subject 095147: Lemena <i>{Leh - Me - nah}</i>
  225.  
  226. <br>
  227.  
  228. Nickname(s): Lem. Lemmy. Tasi Tiger. Patchy.
  229.  
  230. <br>
  231.  
  232. Birthplace: Some lab in remote Tasmania.
  233.  
  234. <br>
  235.  
  236. D.O.B.: Classified.
  237.  
  238. <br>
  239.  
  240. Species: Thylacine
  241.  
  242. <br>
  243.  
  244. Coat: Tawny
  245.  
  246. <br>
  247.  
  248.  
  249. Age :Unspecified, believed to be in her 20's.
  250.  
  251. <br>
  252.  
  253. Gender : Female
  254.  
  255. <br>
  256.  
  257. Orientation : Questionable.
  258.  
  259. <br>
  260.  
  261. Marital Status : <a href="http://www.thiscrush.com/~lemena" title="I can">Can you dig it?</a>
  262.  
  263. <br>
  264.  
  265. Weight : 102 lb. Toned figure
  266.  
  267. <br>
  268.  
  269. Height : 5'1''
  270.  
  271. <br>
  272.  
  273. Hair : Tawny chestnut
  274.  
  275. <br>
  276.  
  277. Eyes : Golden
  278.  
  279. <br>
  280.  
  281. Occupation : Retired Soldier.
  282. <br><br>
  283. </div></div></div>
  284.  
  285. <div class="box" id="Persona">
  286. <div style="width:300; height:150; overflow-y: hidden;">
  287. <div style="width:300; height:150; overflow-y: auto;">
  288. A laid back slacker, with a volatile temper. She was bred and trained for combat, but in her retirement, she had grown more lax and mellow. Of course, this doesn't mean she'd let some tosser walk all over her. If pushed enough, she isn't afraid, nor incapable, of flooring a poor soul that dare try to provoke the tasmanian tiger. Proceed with caution. Overall, she is a friendly sort. Sociable. Carefree. She just loves to live life on the winds now that her combat days in her profession are through.
  289. <br>
  290. <br>
  291. Pet Peeves/annoyances:<br>
  292. - Touching her eyepatch<br>
  293. - Pulling her tail/hair/ears<br>
  294. - Persistent attempts to get in her pants. Stahp.<br>
  295. - Asking about her barcode.<br>
  296. <br>
  297. <br>
  298. Likes:<br>
  299. - Respect.<br>
  300. - Horror films.<br>
  301. - Genetic research.<br>
  302. - Anything out of the ordinary.<br>
  303. - Intelligence.<br>
  304. - Rainy Days.<br>
  305. - Classic, cheesy films.<br>
  306. </div></div></div>
  307.  
  308. <div class="box" id="History">
  309. <div style="width:300; height:150; overflow-y: hidden;">
  310. <div style="width:300; height:150; overflow-y: auto;">
  311.  
  312. The Thylacine was thought to have been extinct for some time, and for a short period after cloning experiments
  313. It lived once more. Though that existence was short lived, the thylacin was reintroduced into the population to
  314. deal with the sudden surge in drop bear activity and thus for a period of time thylacine were reproduced with
  315. technology to combat this threat.<br><br>
  316.  
  317. While dropbears were something of a joke to tourists, having been made as such by people introducing those to
  318. the native lands of both dropbears and thylacine... Dropbears were terribly real, as the native inhabitants of
  319. the islands would come to find. This created a need for a weapon against them, as average people were no threat
  320. to them.<br><br>
  321.  
  322. Lemana was born as a third generation Thylacine from two that were created in a lab, though she was born through
  323. natural means she still possessed some of the enhanced features of the lab-born strain due to being born between
  324. two lab-born specimens. And for this, she was subjected to the rigorous training that it took to properly fight
  325. the dropbear menace.She was marked via a laser etched bar code upon her foot. The mark was her identification as a lab specimen.<br><br>
  326.  
  327. While she has since retired from that work, she still wears the scars of the job as proof of her work.. Dropbears
  328. are vicious, unforgiving. She learned that well, after several battles that left her with a few scars
  329. and as well missing an eye.<br><br>
  330.  
  331. While she's hardened from combat she's still friendly, somewhat peaceful and pacifistic due to being somewhat
  332. of a slacker in terms of her attitude.. She's not a slouch, though. Mistaking her carefree lazy attitude for
  333. dimwittedness because it could be a fatal mistake.<br>
  334. </div></div></div>
  335.  
  336. <div class="box" id="Buds">
  337. <div style="width:300; height:150; overflow-y: hidden;">
  338. <div style="width:300; height:150; overflow-y: auto;">
  339.  
  340. Earn It~
  341. </div></div></div>
  342.  
  343. <div class="box" id="OOC">
  344. <div style="width:300; height:150; overflow-y: hidden;">
  345. <div style="width:300; height:150; overflow-y: auto;">
  346.  
  347. Can post semi-para to multi-para. It really depends on my mood.
  348. <br><br>
  349.  
  350. Don't PM me and start with a post. It'll be ignored.
  351.  
  352. <br><br>
  353. Decent grammar and spelling are preferred.
  354.  
  355. <br><br>
  356.  
  357. Character and art belongs to me.
  358.  
  359. <br><br>
  360.  
  361. Code by Mae. Paws off.</font>
  362. <br><br>
  363.  
  364. <a href="http://www.furaffinity.net/user/ayavale/" title="For art stuff..">My Furaffinity</a><br>
  365. </div>
  366. </div>
  367. </div>
  368.  
  369. <div id="title">
  370. Lemena
  371. </div>
  372. </div></div></center>
Advertisement
Add Comment
Please, Sign In to add comment