Advertisement
owlette

jolene o2.

Feb 25th, 2014
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.47 KB | None | 0 0
  1. <style type="text/css">
  2. @import url(http://fonts.googleapis.com/css?family=Eater);
  3. @import url(http://fonts.googleapis.com/css?family=Just+Another+Hand);
  4. @import url(http://fonts.googleapis.com/css?family=Permanent+Marker);
  5. @font-face{font-family: "tinytots"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  6. @font-face{font-family: "matilde";src: url('http://static.tumblr.com/7fjp0ap/26hmgteln/matilde.otf');}
  7. @font-face {font-family: "lainie";src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf');}
  8. @font-face{font-family:"chopin";src:url('http://static.tumblr.com/gdh5wux/FYdm826v4/chops___.ttf');}
  9. @font-face {font-family: "tangerine";src: url('http://static.tumblr.com/gdh5wux/MAfm61bhn/tangerine_regular.ttf');}
  10. @font-face { font-family: "dawning"; src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf'); }
  11. @font-face { font-family: "sexii"; src: url('http://static.tumblr.com/xxxtcim/GLTmbk7i9/demo_coneriascript.ttf'); }
  12. @font-face { font-family: "fineliner"; src: url('http://static.tumblr.com/q54tzar/JcYm21fwu/fineliner_script_1_.otf'); }
  13. @font-face { font-family: "october crow"; src: url('http://static.tumblr.com/uivyxzy/7Jnmv3jp7/october_crow.ttf'); }
  14. @font-face { font-family: "magnolia"; src: url('http://static.tumblr.com/uivyxzy/iD2mvahaf/magnolia.ttf'); }
  15.  
  16.  
  17.  
  18. .pfor {display: none;}
  19. #profile{border: none;
  20. background-color: transparent;}
  21. body {background-color: #000000;}
  22. body {background-image:url("http://i44.tinypic.com/ndsfog.jpg"); background-attachment:fixed;}
  23.  
  24.  
  25. ::-webkit-scrollbar {width: 0px;}
  26. ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); border-radius: 0px; background-color:#;}
  27. ::-webkit-scrollbar-thumb { border-radius: 0px; -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); background-color:#FFFFFF;}
  28.  
  29. A:LINK, A:ACTIVE, A:VISITED {
  30. COLOR: #6c94c7;
  31. TEXT-DECORATION : NONE;
  32. FONT-FAMILY: Just Another Hand;
  33. FONT-SIZE:15PT;
  34. TEXT-TRANSFORM: none;
  35. CURSOR: DEFAULT;
  36. FONT-WEIGHT : lighter;
  37. LINE-HEIGHT:13PX;
  38. -webkit-transition: all .7s ease-in-out;
  39. -moz-transition: all .7s ease-in-out;
  40. -o-transition: all .7s ease-in-out;
  41. -ms-transition: all .7s ease-in-out;
  42. transition: all .7s ease-in-out;
  43. }
  44.  
  45. A:HOVER {
  46. FONT-WEIGHT: n/a;
  47. TEXT-TRANSFORM: n/a;
  48. COLOR: #96a79d;
  49. -webkit-transition: all .7s ease-in-out;
  50. -moz-transition: all .7s ease-in-out;
  51. -o-transition: all .7s ease-in-out;
  52. -ms-transition: all .7s ease-in-out;
  53. transition: all .7s ease-in-out;
  54. }
  55.  
  56. a:link.nav, a:visited.nav, a:active.nav {
  57. color: skyblue;
  58. font-family: arial;
  59. text-transform: none;
  60. text-decoration: none;
  61. font-style: normal;
  62. font-weight: none;
  63. letter-spacing: 1px;
  64. border-bottom: dotted 0px black;
  65. font-size:13px;
  66. -webkit-transition: all .7s ease-in-out;
  67. -moz-transition: all .7s ease-in-out;
  68. -o-transition: all .7s ease-in-out;
  69. -ms-transition: all .7s ease-in-out;
  70. transition: all .7s ease-in-out;}
  71.  
  72.  
  73. a.music, a.music:link, a.music:active, a.music:visited
  74. {font-family:small fonts;
  75. font-size:7px;
  76. line-height:11pt;
  77. letter-spacing:3px;
  78. font-weight: normal;
  79. color:#c89779;
  80. text-decoration:none;
  81. text-transform:uppercase;
  82. font-style: normal;
  83. width:100%px;
  84. background-color:#f9f3e5;
  85. text-align:left;
  86. display:block;
  87. border-left-style:solid;
  88. border-left-color:#f9f3e5;
  89. border-left-width:10px ;
  90. border-right-style:solid;
  91. border-right-color:#f9f3e5;
  92. border-right-width:10px;
  93. border-top: 2px solid #f9f3e5;
  94. margin-bottom:1px; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
  95.  
  96. a.music:hover {padding-left: 30px; background-color: #f9f3e5; border-color: #f9f3e5;}
  97.  
  98. h1 {
  99. color: #424975;
  100. text-transform:none;
  101. font-size: 35px;
  102. font-family:lainie;
  103. font-weight:normal;
  104. letter-spacing:0px;
  105. font-style:normal;
  106. }
  107.  
  108. b, strong {
  109. color: #4b84cc;
  110. text-transform:uppercase;
  111. font-size: 22px;
  112. font-family:matilde;
  113. font-weight:normal;
  114. letter-spacing:1px;
  115. font-style:normal;
  116. }
  117.  
  118. i {
  119. font-style: italic;
  120. font-family: fineliner;
  121. font-size: 19px;
  122. font-weight: none;
  123. color: #6c94c7;
  124. letter-spacing:2px;
  125. font-weight:lighter;
  126. }
  127.  
  128. u {
  129. font-style: italic;
  130. text-decoration: none;
  131. font-family: constantina;
  132. font-size: 10px;
  133. font-weight: none;
  134. color: #424975;
  135. letter-spacing:2px;
  136. font-weight:lighter;
  137. }
  138.  
  139. #link {
  140. float: left;
  141. margin-left: 0px;
  142. margin-top: 5px;
  143. }
  144.  
  145. #one {float: left; border: 0px white solid; margin-top: 6px; width: 264px; height: 270px; text-align: center;}
  146. #one a{text-decoration: none; background: none; color: white; text-shadow: silver 0px 0px 5px; font-weight: bold; letter-spacing: 1px;}
  147. #one a:hover{text-shadow: none;}
  148. #two {float: left; margin-left: 10px;border: 0px white solid; margin-top: 6px; width: 264px; height: 270px; text-align: center;}
  149. h2{text-align: center; margin-bottom: 0px;}
  150.  
  151.  
  152.  
  153. .contentbox {
  154. background-image:url('http://i44.tinypic.com/2i9ipv.jpg');
  155. right:200px;
  156. top:100px;
  157. width:350px;
  158. background-color:#000000;
  159. position:absolute;
  160. height:425px;
  161. font-size:10px;
  162. font-family: Constantia;
  163. line-height: 100%;
  164. color:#4b4575;
  165. box-shadow:0 0 40px #000000;
  166. border:1px;
  167. border-radius:0px 50px 0px 50px;
  168. border-style: solid;
  169. border-color:#4d4078;
  170. font-style:normal;
  171. letter-spacing:1px;
  172. }
  173.  
  174. .block {
  175. width: 350px; height: 425px;
  176. overflow: auto; overflow-y: hidden;
  177. border-top:0px;
  178. bordder:1px solid white;
  179. }
  180.  
  181. .section {
  182. height: 415px;
  183. overflow: auto;
  184. text-align: left;
  185. padding-right:25px;
  186. padding-left:25px;
  187. padding-top:10px;
  188. }
  189.  
  190.  
  191. #text{
  192. position:fixed;
  193. width: 400px;
  194. height: 30px;
  195. top: 70px;
  196. right: 70px;
  197. border-color: #cccccc;
  198. font-family: 'Stint Ultra Condensed', cursive;
  199. font-size: 20px;
  200. color: #888888;
  201. text-align: justify;
  202. }
  203.  
  204. .nizzle {
  205. position: absolute;
  206. overflow: hidden;
  207. opacity: 0.5;
  208. bottom: 1px;
  209. left: 1px;
  210. background-color: transparent;
  211. }
  212.  
  213. .shizzle {
  214. position: absolute;
  215. overflow: hidden;
  216. opacity: 0;
  217. bottom: 1px;
  218. left: 1px;
  219. -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;
  220. }
  221.  
  222. .shizzle:hover {
  223. opacity: 0.9;
  224. -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;
  225. -webkit-filter: grayscale(0)
  226. }
  227.  
  228. </style>
  229.  
  230. <div class="nizzle">
  231. <img src="http://i40.tinypic.com/2em2xdj.jpg" width="750">
  232. </div>
  233.  
  234. <div class="shizzle">
  235. <img src="http://i59.tinypic.com/o8ieio.jpg" width="750">
  236. </div>
  237.  
  238. <div id="bar">
  239. </div>
  240. <div id="text">
  241. <div id="link">
  242. ≺ <a class="nav" id="tab1" href="#01"> ✕ </a>
  243. <a class="nav" id="tab2" href="#02"> ✕ </a>
  244. <a class="nav" id="tab3" href="#03"> ✕ </a>
  245. <a class="nav" id="tab3" href="#04"> ✕ </a>
  246. <a class="nav" id="tab4" href="#05"> ✕ </a>
  247. <a class="nav" id="tab4" href="#06"> ✕ </a>
  248. <a class="nav" href="http://www.youtube.com/watch?v=fZiIMmjaf54" title="mikhael paskalev - jive babe." target=_blank>♬</a> ≻
  249. </div>
  250. </div>
  251.  
  252. <div class="contentbox">
  253. <div class="block">
  254.  
  255. <a name="01"></a>
  256. <div class="section">
  257. <h1>at first glance</h1>
  258.  
  259. <p><br>
  260. <center><b>Name</b><br>
  261. jolene elaine fallon.<br><p>
  262.  
  263. <b>nicknames</b><br>
  264. jol, jojo, jolie.<br><p>
  265.  
  266. <b>Gender</b><br>
  267. femme.<br><p>
  268.  
  269. <b>Age</b><br>
  270. <a title="she tells everyone she's at least 18, will try for 21 to buy cigarettes or get into clubs/bars."><u>seventeen</u></a>.<br><p>
  271.  
  272. <b>Species</b><br>
  273. australian shepherd. <br><p>
  274.  
  275. <b>height</b><br>
  276. five one.<br><p>
  277.  
  278. <b>weight</b><br>
  279. hundred 'n three pounds.<br><p>
  280.  
  281. <b>Orientation</b><br>
  282. pansexual.<br><p>
  283.  
  284. <b>Status</b><br>
  285. <a href="http://www.thiscrush.com/~pumathingy">crush</a>? has her eye on a certain wolf. <br><p>
  286.  
  287. <b>Occupation</b><br>
  288. vagabond, currently singing at the <a href="http://roleplaychat.org/profile.php?user=Anthro%20Lounge">lounge</a>.<br><p>
  289. </div>
  290.  
  291. <a name="02"></a>
  292. <div class="section">
  293. <h1>underneath it all</h1><center>
  294. <i>past</i>
  295. Jolene grew up jumping from various foster homes. She knew nothing of her parents as she was found at the steps of an orphanage. Always the free spirit, Jolene could never stay in one place too long, running off, causing trouble, always daydreaming. This sent her through a wide variety of homes and different lifestyles, from new-age to rednecks to abusive drug addicts to the supposed perfect christian families. Despite her life being in constant flux, she always made friends wherever she went, and seemed generally cheerful and open to others.<br><p>
  296.  
  297. <i>present</i>
  298. Now, Jolene drifts from place to place as she sees fit; working small jobs here and there to collect enough money that is needed before moving off again, although her favourite gig to land is singing at some sort of cafe or lounge - even if the pay is shit, it's what she loves to do the most. Once she feels she's grown too close to the people in her life, she will uproot herself and move on.<br><p>
  299.  
  300. <i>personality</i>
  301. Given her chaotic childhood, Jolene learned to adapt quickly to change and also learned how to keep her an emotional distance from others while putting up a friendly facade. Although she tends to keep a cheery attitude, the lonely life she leads sometimes leaves her a bit cynical and down about how empty her life seems in between cities and towns. But when she does meet new people, she brightens up their lives with her upbeat personality, down to earth attitude and her willingness to always have a good time.
  302. </center>
  303. </div>
  304.  
  305. <a name="03"></a>
  306. <div class="section">
  307. <h1>looks aren't everything</h1><center><br>
  308. <i>style</i>
  309. odd mishmash of rockabilly/punk/hippie.<br><p>
  310.  
  311. <i>hair</i>
  312. Her hair is a natural mixture of purple and blue to compliment the spots upon her frame. Usually done up with a bandanna with her bangs curled and pinned back and her hair pulled up into a high ponytail.<br><p>
  313.  
  314. <i>fur</i>
  315. Tan frame with a white underbelly and blue/purple speckled markings across her chest, arms, face and along her back. <br><p>
  316.  
  317. <i>optics</i>
  318. She has heterochromia, one eye is an icy sky blue, the other a violet purple with a ring of orange.<br><p>
  319.  
  320. <i>frame</i>
  321. Jolene has a toned, slim and flexible frame as the canine is always on the move - whether it be from her jobs which are usually some form of waitressing, walking long distances, partying, or doing her daily yoga routine. something ingrained from one of her earlier families, was that her body was her temple and she should treat it accordingly. well, she tries her best.
  322. <br><p>
  323.  
  324. <i>notable features</i>
  325. A chunk of her right ear is missing. Her flesh is spotted as well [nose and tongue most notably]. <br><p>
  326.  
  327. <i>clothing</i>
  328. She usually wears tight capris with wedge sandals and a halter-top. Sometimes she can be seen wearing a 50s inspired sundress with sandals and/or heels, alternatively in colder weather, in ragged hoodies and sweaters with flared denim jeans more than likely ripped/torn.<br><p>
  329.  
  330. <i>accessories</i>
  331. Various pieces of jewelry; a golden necklace with a J pendant, a few hemp necklaces. A random collection of bracelets, an anklet and a few rings. Piercings include an industrial in her good ear along with a three normal on each ear, a monroe, and a clitoral hood piercing.<br><p>
  332.  
  333. <i>inventory</i>
  334. Almost always has a pack of cigarettes on her unless she's out, a lighter, an old razr flip phone that's seen better days, a small messenger bag filled with various items depending on if she's settled into a town or not, mostly feminine items, notepads and pens, various packaged snacks, a cd player and a multitude of cd cases, etc. sometimes she'll have her guitar on her, slung over her back.
  335. <br><p>
  336.  
  337. <i>vices</i>
  338. Cigarettes, drinking, drugs, being generally hedonistic and has a bit of a malicious streak in her.<br><p>
  339. </center>
  340. </div>
  341.  
  342.  
  343. <a name="04"></a>
  344. <div class="section">
  345. <h1>band of thieves</h1>
  346. <center>
  347. <a href="http://1.roleplaychat.org/profile.php?user=Serj" title="tba.">Serj</a>. <br> <br>
  348. <a href="http://1.roleplaychat.org/profile.php?user=Sepulchre" title="tba.">Nirvana</a>.
  349. </center>
  350. </div>
  351.  
  352. <a name="05"></a>
  353. <div class="section">
  354. <h1>killing me softly</h1>
  355. <center>
  356. <a class="music" href="https://www.youtube.com/watch?v=ImIoFGst9bo">me, i'm a thief - sarah slean</a>
  357. <a class="music" href="https://www.youtube.com/watch?v=_LvEj01NBmQ">i want love // mary mcglynn</a>
  358. <a class="music" href="https://www.youtube.com/watch?v=ea4E-XYLStw">elephants // rachael yamagata</a>
  359. <a class="music" href="https://www.youtube.com/watch?v=HzACC3-Os_Q">heavyweight // rachael yamagata</a>
  360. <a class="music" href="https://www.youtube.com/watch?v=ULVROplV07g">jolene // the white stripes</a>
  361. <a class="music" href="https://www.youtube.com/watch?v=fZiIMmjaf54">jive babe // mikhael paskalev</a>
  362. <a class="music" href="https://www.youtube.com/watch?v=cE6wxDqdOV0">video games // lana del rey</a>
  363. <a class="music" href="https://www.youtube.com/watch?v=ehewL3I6AzQ">dr. blind // emily haines</a>
  364. <a class="music" href="https://www.youtube.com/watch?v=WnDEIw20LlA">delicate // annalisa nutt</a>
  365. <a class="music" href="https://www.youtube.com/watch?v=yS7chnAIC0c">when it hurts so bad // lauryn hill</a>
  366. </center>
  367. </div>
  368.  
  369. <a name="06"></a>
  370. <div class="section">
  371. <h1>behind the curtain</h1>
  372. <center>
  373. <i>one</i><br>
  374. Artwork is <b>mine</b>, do <u>not</u> take.<br><p>
  375.  
  376. <i>two</i><br>
  377. I don't like strangers, I don't like being hit on, or lewd pick up lines. RP is somewhat unlikely, especially in where I actually attempt to give a damn... and sex is <i>highly</i> unlikely.<br><p>
  378.  
  379. <i>three</i><br>
  380. I have ADD, Depression, Borderline/Avoidant Personality Disorder, and PTSD. This means that you may become subject to a plethora of responses from me that might seem strange, rude, melodramatic, etc. I apologize in advance. Unless I don't like you, then sorrynotsorry.<br><p>
  381.  
  382. <i>four</i><br>
  383. I will more than likely match your posts, but for the love of god, no one liners and please have a decent grasp on proper grammar/punctuation.<br><p>
  384.  
  385. <i>five</i><br>
  386. Do not assume that you are a special, unique snowflake glinting in my eye because we have role played at any point. If you are special to me, you will fucking know it, otherwise, get your grabby paws off of me.<br><p>
  387.  
  388. <i>six</i><br>
  389. Main = Kieta.<br><p>
  390.  
  391. <i>seven</i><br>
  392. Layout edited by me.<br><p>
  393. </center>
  394. </div>
  395.  
  396. <img style="visibility:hidden;" src="http://dcgi.felk.cvut.cz/home/zara/VRMLbench/vrml/textures/tex0001.jpg" onload="document.getElementsByTagName('title')[0].innerHTML='ᴊ ι ᴠ ε ♥ ʙ α ʙ ε';"></img>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement