Beautifulie

— Crys.

May 6th, 2014
209
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 22.71 KB | None | 0 0
  1. <style type="text/css">
  2. .pfor{display: none; }
  3. #profile { border: 0px; background-color: transparent; }
  4. </style>
  5.  
  6. <style type="text/css">
  7. body {
  8. font-family: verdana;
  9. font-variant: small-caps;
  10. font-size: 10px;
  11. background-color: #AFADB2;
  12. background-image: url('http://i.picpar.com/98v.png');
  13. background-attachment: fixed;
  14. background-position: fixed;
  15. background-repeat: no-repeat;
  16. background-position: top right;
  17. text-align: justify;
  18. color: #888888;
  19. cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur');
  20. }
  21.  
  22. b, strong {font-family:'verdana'; font-variant: small-caps; font-size:16px; color:#9B8270; font-weight:normal; line-height: 16px; letter-spacing: -1px;}
  23. i {color: #FFDFCA; font-family: 'verdnan'; font-variant: small-caps; font-size:8pt; letter-spacing:0px}
  24. u {color: #CCCCCC; 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;}
  25. s {color: #CCCCCC; 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;}
  26. big {color: #474354; font-size: 14px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #212121 0px 0px 1px;}
  27. small {color: #B08170; font-size: 11px; 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;}
  28.  
  29. ::-webkit-scrollbar-button:vertical:{background-color: #CCC;
  30. -moz-border-radius: 130px 130px 130px 130px;
  31. border-radius:130px 130px 130px 130px;}
  32. ::-webkit-scrollbar-thumb:vertical {background-color:#CCC; height:20px;
  33. -moz-border-radius: 130px 130px 130px 130px;
  34. border-radius:130px 130px 130px 130px;}
  35. ::-webkit-scrollbar-thumb:horizontal {background-color:#CCC; height:20px !important;
  36. -moz-border-radius: 130px 130px 130px 130px;
  37. border-radius:130px 130px 130px 130px;}
  38. ::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}
  39.  
  40. #img{
  41. position: fixed;
  42. background-image: url('http://i.picpar.com/58v.png');
  43. background-repeat: no-repeat;
  44. background-size: 700px 150px;
  45. left: 10px;
  46. top: 20px;
  47. width: 700px;
  48. height: 150px;
  49. background-color: #FFF;
  50. border: 3px solid;  
  51. border-color: #471E48;
  52. z-index: 100;
  53. }
  54.  
  55. #Sidebar{
  56. position: fixed;
  57. left: 10px;
  58. top: 173px;
  59. width: 200px;
  60. height: 280px;
  61. font-face: verdana;
  62. font-variant: small-caps;
  63. font-size: 10px;
  64. color: #CCCCCC;
  65. line-height: 12px;
  66. font-weight: light;
  67. background-color: #000000;
  68. border: 3px solid;  
  69. border-color: #471E48;
  70. z-index: 100;
  71. }
  72.  
  73. #OOC{
  74. position: fixed;
  75. left: 10px;
  76. top: 455px;
  77. width: 200px;
  78. height: 144px;
  79. font-face: verdana;
  80. text-align: justify;
  81. font-variant: small-caps;
  82. font-size: 10px;
  83. line-height: 12px;
  84. overflow: auto;
  85. font-weight: light;
  86. color: #CCCCCC;
  87. background-color: #000000;
  88. border: 3px solid;  
  89. border-color: #471E48;
  90. z-index: 100;
  91. }
  92.  
  93. #Box3
  94. {position: fixed;
  95. top: 525px;
  96. left: 215px;
  97. width: 485px;
  98. height: autopx;
  99. z-index: 100;
  100. color: #CCCCCC;
  101. font-size: 10px;
  102. line-height: 12px;
  103. font-weight: light;
  104. word-spacing: 1px;
  105. font-family: Verdana;
  106. font-variant: small-caps;
  107. text-transform: normal;
  108. font-weight: light;
  109. text-align: justify;
  110. overflow-x: hidden;
  111. padding: 5px;
  112. background-color: #000;
  113. background-image:url('');
  114. background-repeat:no-repeat;
  115. background-attachment:fixed;
  116. background-position: 0% 40%;
  117. border: #471E48 3px solid;
  118. }
  119.  
  120. #Box4
  121. {position:fixed;
  122. top: 550px;
  123. left: 215px;
  124. width: 485px;
  125. height: 100px;
  126. z-index: 100;
  127. color: #CCCCCC;
  128. font-size: 10px;
  129. line-height: 12px;
  130. font-weight: light;
  131. word-spacing: 1px;
  132. font-family: Century Gothic;
  133. text-transform: normal;
  134. font-weight: light;
  135. text-align: justify;
  136. overflow: hidden;
  137. padding: 5px;
  138. background-color: #000;
  139. background-image:url('');
  140. background-repeat:no-repeat;
  141. background-attachment:fixed;
  142. background-position: 0% 40%;
  143. border: #471E48 3px solid;
  144. }
  145.  
  146. #container{
  147. position: fixed;
  148. top: 173px;
  149. left: 215px;
  150. width: 495px;
  151. height: 350px;
  152. overflow: hidden;
  153. text-align: justify;
  154. line-height: 13px;
  155. background-color: #000;  
  156. font-face: verdana;
  157. font-variant: small-caps;
  158. color: #CCCCCC;
  159. overflow: hidden;
  160. z-index: 200;
  161. border: 3px solid #471E48;
  162. }
  163.  
  164. #one, #two, #three, #four, #five, #six, #seven, #eight{
  165. top: 173px;
  166. left: 215px;
  167. width: 495px;
  168. height: 340.5px;
  169. padding-top: 7px;
  170. text-align: justify;
  171. line-height: 13px;
  172. overflow: auto;
  173. background-color: transparent;
  174. }
  175.  
  176. #links{
  177. background-color: #000000;
  178. border: 3px solid #471E48;
  179. height: 60px;
  180. width: 200px;
  181. top: 600px;
  182. left: 10px;
  183. position: fixed;
  184. z-index: 1000;
  185. }
  186.  
  187. h1
  188. {color: #A67A38;
  189. font-size: 30px;
  190. line-height: 12px;
  191. font-weight: light;
  192. letter-spacing: 1px;
  193. word-spacing: 2px;
  194. font-family: DaunPenh;
  195. text-transform: Uppercase;
  196. font-weight: normal;
  197. text-align: Center;
  198. overflow:hidden;
  199. width:150px;
  200. height:13px;
  201. margin-top:33px;
  202. margin-left: -40px;
  203. padding-top: 15px;
  204. border-top: #471E48 3px solid;
  205. border-bottom: #471E48 3px solid;
  206. -webkit-transform:rotate(90deg);}
  207.  
  208. h2 {
  209. font-size: 12px;
  210. background-color: none;
  211. color: #CCC;
  212. font-family: century gothic;
  213. font-weight: normal;
  214. margin: 8px;
  215. line-height: 12px;
  216. text-transform: lowercase;
  217. text-align: right;
  218. border-bottom: 2px solid #444444;
  219. }
  220.  
  221. h2:first-letter {
  222. font-family: aphrodite pro;
  223. color: 39435A;
  224. font-size: 20px;
  225. }
  226.  
  227. #nav a:link, a:visited, a:active{
  228. display: inline-block;
  229. height: 15px;
  230. background-color: #222;
  231. width: 32px;
  232. margin: 5px;
  233. transition:all 0.8s ease-out;
  234. -o-transition:all 0.8s ease-in-out;
  235. -moz-transition:all 0.8s ease-in-out;
  236. -webkit-transition:all 0.8s ease-in-out;
  237. border: 2px solid #703467;
  238. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
  239. color: transparent;
  240. }
  241.  
  242. #nav a:hover {
  243. display: inline-block;
  244. height: 15px;
  245. width: 32px;
  246. background-color: #703467;
  247. transition:all 0.8s ease-out;
  248. -o-transition:all 0.8s ease-in-out;
  249. -moz-transition:all 0.8s ease-in-out;
  250. -webkit-transition:all 0.8s ease-in-out;
  251. border: 2px solid #222;
  252. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');}
  253.  
  254. .image {
  255. margin-top: 1px;
  256. height: 100px;
  257. width: 100px;
  258. margin-left: 5px;
  259. border: #703467 2px solid;
  260. opacity: 0.5;
  261. transition: all 0.5s ease-in-out;
  262. -webkit-transition: all 0.5s ease-in-out;
  263. -moz-transition: all 0.5s ease-in-out;
  264. -o-transition: all 0.5s ease-in-out;
  265. -ms-transition: all 0.5s ease-in-out;
  266. }
  267.  
  268. .image:hover {
  269. margin-top: 1px;
  270. height: 100px;
  271. width: 100px;
  272. margin-left: 5px;
  273. border: #FEFEFE 2px solid;
  274. opacity: 0.9;
  275. transition: all 0.5s ease-in-out;
  276. -webkit-transition: all 0.5s ease-in-out;
  277. -moz-transition: all 0.5s ease-in-out;
  278. -o-transition: all 0.5s ease-in-out;
  279. -ms-transition: all 0.5s ease-in-out;
  280. }
  281.  
  282. .img {
  283. margin-top: 1px;
  284. height: 250px;
  285. width: 100px;
  286. margin-left: 5px;
  287. border: #703467 2px solid;
  288. }
  289.  
  290. .land {
  291. margin-top: 1px;
  292. height: 250px;
  293. width: 480px;
  294. margin-left: 5px;
  295. border: #A59591 2px solid;
  296. }
  297.  
  298. .crys {
  299. margin-top: 1px;
  300. height: 150px;
  301. width: 480px;
  302. margin-left: 5px;
  303. border: #A59591 2px solid;
  304. }
  305.  
  306. a {
  307. color: #322B3D;
  308. text-decoration: none;
  309. }
  310.    
  311. a:hover {
  312. color: #CCCCCC;
  313. text-decoration: none;
  314. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
  315. }
  316.  
  317. </style>
  318.  
  319. <div id="img">
  320. </div>
  321.  
  322. <div id="Sidebar">
  323. <font style=float:left>Name</font> <font style=float:right>Vorren, Cryssaria Linava</font><br>
  324. <font style=float:left>Moniker(s)</font> <font style=float:right>Answer</font><br>
  325. <font style=float:left>Gender</font> <font style=float:right>Answer</font><br>
  326. <font style=float:left>Birthdate</font> <font style=float:right>Answer</font><br>
  327. <font style=float:left>Zodiac</font> <font style=float:right>Answer</font><br>
  328. <font style=float:left>Age</font> <font style=float:right>Answer</font><br>
  329. <font style=float:left>Race</font> <font style=float:right>Answer</font><br>
  330. <font style=float:left>Mother</font> <font style=float:right>Answer</font><br>
  331. <font style=float:left>Father</font> <font style=float:right>Answer</font><br>
  332. <font style=float:left>Brother</font> <font style=float:right>Answer</font><br>
  333. <font style=float:left>Sexuality</font> <font style=float:right>Answer</font><br>
  334. <font style=float:left>Marital Status</font> <font style=float:right>Answer</font><br>
  335. <font style=float:left>Occupation</font> <font style=float:right>Answer</font><br>
  336. <font style=float:left>Residence</font> <font style=float:right>Answer</font><br>
  337. <font style=float:left>Height</font> <font style=float:right>Answer</font><br>
  338. <font style=float:left>Weight</font> <font style=float:right>Answer</font><br>
  339. <font style=float:left>Body Type</font> <font style=float:right>Answer</font><br>
  340. <font style=float:left>Skin Tone</font> <font style=float:right>Answer</font><br>
  341. <font style=float:left>Eye Colour</font> <font style=float:right>Answer</font><br>
  342. <font style=float:left>Hair Colour</font> <font style=float:right>Answer</font><br>
  343. <font style=float:left>Hair Length</font> <font style=float:right>Answer</font><br>
  344. <font style=float:left>Hair Style</font> <font style=float:right>Answer</font><br>
  345. <font style=float:left>Alignment</font> <font style=float:right>Answer</font><br>
  346. </div>
  347.  
  348. <div id="container">
  349. <div id="one">
  350. <img src="http://i.picpar.com/gBv.png" align="right" class="img"></img>
  351. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas semper consectetur nunc lobortis semper. Praesent dignissim, elit nec tempor vehicula, dolor nulla sagittis risus, ac bibendum tellus libero id augue. Suspendisse pretium convallis interdum. Pellentesque sed massa sed mauris mattis porttitor in pulvinar dolor. Fusce mollis orci vel porttitor commodo. Proin a leo eu sapien dapibus iaculis et ac ipsum. Vivamus et bibendum risus. Maecenas facilisis ante a sapien venenatis vestibulum. Vestibulum vitae posuere erat. Cras posuere arcu tortor, non sollicitudin ante mollis eget. Cras id sapien eleifend, condimentum sem id, porttitor sem. Praesent tempor neque vitae feugiat consectetur. Proin neque metus, aliquet ac quam id, bibendum placerat lectus. Nunc leo purus, dapibus ac turpis at, lobortis venenatis arcu. Aliquam vitae ultricies sem. Integer in augue at ligula iaculis laoreet.</p>
  352.  
  353. <p>Fusce tincidunt vehicula sem. Fusce in nunc ut mauris blandit scelerisque quis vitae sem. Nulla dolor neque, vestibulum in porttitor et, ultricies rhoncus sem. Curabitur tincidunt ligula nibh, vel varius felis condimentum id. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec sollicitudin turpis ac enim pellentesque mollis. Vestibulum mattis elementum libero, non tincidunt nunc sollicitudin eget. Curabitur dapibus magna eu accumsan placerat. Vestibulum aliquam lacus a lectus tincidunt tempor. Sed vel augue a dui hendrerit venenatis viverra ac magna. Donec molestie, nunc id molestie convallis, est eros pellentesque eros, eu venenatis justo libero nec enim. Vestibulum pharetra nisl vel ligula volutpat, et iaculis turpis gravida. Phasellus id augue risus. Nulla facilisi. Cras vel tortor nec est porta egestas id in odio. Sed condimentum aliquam consequat. Nulla in lacinia dolor.</p>
  354.  
  355. <img src="http://i.picpar.com/9Av.png" align="left" class="img"></img>
  356. <p>Nullam eu augue quis ante feugiat auctor. Maecenas venenatis dui eu nibh fermentum suscipit. Fusce eleifend dapibus mollis. Etiam aliquam consectetur sem, vitae posuere massa. Nam malesuada condimentum erat eget lacinia. Nunc eget purus condimentum, dapibus metus id, viverra risus. Proin sodales massa a neque tempor, id mattis tortor rhoncus. Phasellus ut tincidunt ante, et luctus mi. Proin hendrerit nec libero a scelerisque. Pellentesque ac tincidunt justo. Suspendisse vel magna quis nisi dapibus bibendum. Phasellus at sem sed eros pellentesque porta ut fringilla tortor. Nam sit amet ipsum nec eros tristique vestibulum. Sed magna lorem, euismod eget diam nec, sodales dictum nisi. Maecenas eu volutpat lectus. Proin nisi nisl, vulputate quis egestas ut, blandit eget arcu. Etiam iaculis arcu neque, at commodo justo aliquet id. Sed in nisl id enim scelerisque molestie vehicula eu orci. Mauris semper nibh dignissim laoreet auctor. Nunc mi nisl, volutpat eget urna eget, consectetur sollicitudin metus. </p>
  357.  
  358. <p>Pellentesque quis pellentesque ipsum. Morbi in tortor ac nisi sodales viverra eget vel urna. Nulla aliquam consectetur nunc, ac hendrerit felis hendrerit id. Morbi nulla justo, aliquam at dapibus ut, accumsan nec erat. Donec at faucibus ligula, a consequat augue. Sed sapien ligula, tempus non pretium id, commodo id erat. Ut sit amet magna in nibh tincidunt sagittis nec vel purus. Proin aliquam feugiat scelerisque. Nullam scelerisque velit ut euismod rutrum. Nulla congue risus sed risus congue, et volutpat massa tincidunt. In id ligula sem. Mauris pretium luctus aliquet. Nullam fringilla vehicula ultricies. Proin sed scelerisque mauris, nec condimentum mauris. Morbi tellus elit, venenatis a sapien sed, tempor lobortis augue. Praesent neque magna, gravida non tincidunt in, ultricies eu lacus. Quisque et lectus eu elit ullamcorper egestas. Donec lorem lorem, dignissim vitae accumsan ut, blandit ut augue. </p>
  359. </div>
  360.  
  361. <div id="two">
  362. <img src="http://i.picpar.com/DAv.png" align="right" class="img"></img>
  363. <p>Maecenas venenatis tempus turpis vitae interdum. In auctor consectetur dui a pretium. Nulla facilisi. Curabitur imperdiet non magna sit amet porttitor. Cras non magna placerat, tempus dui vitae, viverra augue. Nulla eget sodales turpis. Sed vel enim eget sem placerat lacinia sed non lorem. Donec vitae lacus dolor. Ut pharetra massa at neque tincidunt, sit amet aliquet leo ultrices. Suspendisse et iaculis metus. Proin feugiat dignissim neque vitae rhoncus. Fusce ultricies magna vitae quam fringilla, vitae ornare augue viverra. Nullam vestibulum, odio tristique auctor luctus, massa urna ultrices est, eget sollicitudin nisi nisi eu diam. Duis est lacus, pulvinar id diam sed, vulputate fermentum nunc. Proin ut tellus lacinia, lacinia ante sed, laoreet dolor. Proin ultricies nec nulla id auctor. Fusce a libero eu dolor consequat rutrum. Donec quis rutrum quam, et accumsan elit. </p>
  364.  
  365. <p>Nam lacinia ut metus nec gravida. Sed molestie metus sed vestibulum sodales. Donec pretium mollis consectetur. Aliquam turpis lectus, pharetra ut volutpat quis, auctor sed diam. Aenean faucibus augue nec malesuada commodo. In consequat venenatis nisl, id imperdiet enim tincidunt eu. Vestibulum id nibh congue, rhoncus lectus ac, ultricies erat. Donec vel condimentum metus. Ut ligula metus, aliquam nec turpis et, hendrerit pretium leo. Aenean quis nibh elit. Mauris pulvinar magna ut felis rhoncus viverra. Cras sodales tincidunt urna, sit amet rutrum metus. Suspendisse at tellus sit amet erat hendrerit pretium eu non massa. Curabitur venenatis accumsan tellus, et auctor purus accumsan at. Quisque vitae aliquet justo, sodales molestie est. Duis posuere dignissim nunc tempus ullamcorper. Donec ultricies, lorem ac tincidunt pulvinar, enim metus tincidunt felis, ut posuere enim eros vitae est. </p>
  366.  
  367. <img src="http://i.picpar.com/EAv.png" align="left" class="img"></img>
  368. <p>Donec iaculis pharetra blandit. Phasellus eleifend sapien ut nibh tincidunt, id porta libero imperdiet. Suspendisse potenti. Vivamus porttitor lacinia semper. Vivamus vitae lectus sit amet ligula auctor mattis. Integer ipsum est, aliquam at vulputate eu, aliquam non ligula. Sed ac elit tempus, consequat elit sed, adipiscing tellus. Curabitur quis est sapien. Phasellus ac dui nibh. Donec varius tempus tincidunt. Morbi vestibulum nisi lectus, nec faucibus dui tincidunt eget. Quisque pellentesque eleifend ipsum, id blandit justo fringilla eu. Phasellus pulvinar vel orci vitae euismod. Ut dolor est, convallis vitae nibh a, consectetur ultrices sem. Morbi ultrices pulvinar nulla id sodales. Morbi venenatis sodales dui, nec porttitor sapien sagittis nec. </p>
  369.  
  370. <p>Nam turpis mauris, egestas egestas nunc vitae, sagittis egestas justo. Nulla facilisi. Curabitur interdum ultrices mauris et elementum. Praesent quis suscipit arcu, blandit dignissim massa. Aenean id urna convallis, dapibus felis a, hendrerit neque. Donec adipiscing porta sapien, vel sollicitudin elit luctus vitae. Sed porta, erat et fringilla dignissim, magna arcu porttitor quam, sed aliquet augue diam a odio. Vestibulum et sodales lorem. Sed suscipit eros a felis hendrerit gravida. Proin eu odio turpis. Vestibulum leo lorem, iaculis nec consectetur ac, vulputate nec ipsum. Curabitur tempor ac sapien eget vehicula. Proin faucibus quam dolor, non pharetra ipsum vehicula quis. Nullam varius vulputate ornare. Nam vitae adipiscing augue. Nunc vel erat commodo, rutrum orci nec, sodales dolor. Sed scelerisque dignissim vehicula. Praesent sed aliquet massa. Sed est libero, semper vitae metus et, dignissim rutrum est. Pellentesque at metus sed nunc placerat congue eu lacinia lorem. Duis et pulvinar ligula. Duis non magna ac urna viverra molestie at et ante.  </p>
  371.  
  372. <img src="http://i.picpar.com/FAv.png" align="right" class="img"></img>
  373. <p>Praesent interdum vestibulum rhoncus. Nullam in justo ac lectus tristique ultrices et id orci. Donec vel mauris sit amet dolor volutpat venenatis. Mauris sit amet egestas neque. Praesent tristique eros non venenatis ultrices. Vestibulum nisi sapien, tempus sit amet tempus in, consequat sed risus. Vivamus ut nunc urna. Aliquam at arcu varius, faucibus dui sit amet, congue eros. Aliquam purus sem, venenatis sed nulla et, viverra eleifend lacus. Ut enim diam, tincidunt at tortor sit amet, dapibus accumsan diam. Vestibulum turpis arcu, cursus eu elit id, iaculis lacinia sem. Vivamus malesuada dolor ante, vel viverra arcu hendrerit nec. Suspendisse quam nunc, rhoncus a euismod eget, congue ac lectus. </p>
  374.  
  375. <p>Integer est neque, consectetur sit amet semper sed, auctor vulputate odio. Integer placerat, libero at convallis accumsan, leo quam tempus diam, et laoreet odio risus sit amet lectus. Cras vel ante tortor. Praesent pharetra mauris vitae velit gravida, ut elementum lorem faucibus. Phasellus at tortor pharetra, vestibulum tortor ac, porta ipsum. Nullam pretium libero neque, id ultrices est ornare et. Maecenas aliquam enim a scelerisque tincidunt. Aenean et adipiscing nisi. Vivamus lobortis risus ac est placerat sollicitudin. Sed rhoncus velit a enim sodales tincidunt at ut nibh. Curabitur malesuada congue mi, vitae adipiscing orci adipiscing quis. Sed id egestas arcu. Pellentesque sed condimentum justo. Sed euismod ultricies nulla. Nulla et nisi nisi. Curabitur nec nisl a leo semper adipiscing sit amet egestas dui. Praesent aliquam scelerisque sem nec sagittis. Integer vitae lacus vitae sapien fringilla euismod. </p>
  376.  
  377. Quisque convallis condimentum mauris in tristique. Nam rutrum odio eu odio consequat malesuada. Fusce a risus non orci egestas varius quis a enim. Integer in malesuada est, nec euismod arcu. In nec nulla sapien. Donec posuere bibendum ipsum. Aenean ornare ipsum sed ipsum laoreet, at feugiat diam convallis.
  378. </div>
  379.  
  380. <div id="three">
  381. <img src="http://i.picpar.com/mBv.png" class="crys"></img>
  382. <center><b>Bold</b> / <i>Italic</i> / <u>Underline</u> / <strike>Strike-through</strike> / <Big>Big Text</Big> / <Small>Small Text</small> / <a href="LINK">LINK</a></center>
  383. <center><i>If I told you my story, would you sit down to listen?"</i></center>
  384. Rozenthal.
  385. </div>
  386.  
  387. <div id="four">
  388. <img src="http://sadpanda.us/images/1839577-SSO22YZ.jpg" class="land"></img>
  389. <center><b>Bold</b> / <i>Italic</i> / <u>Underline</u> / <strike>Strike-through</strike> / <Big>Big Text</Big> / <Small>Small Text</small> / <a href="LINK">LINK</a></center>
  390. </div>
  391.  
  392. <div id="five">
  393. I like
  394. </div>
  395.  
  396. <div id="six">
  397. Big Butts
  398. </div>
  399.  
  400. <div id="seven">
  401. & I
  402. </div>
  403.  
  404. <div id="eight">
  405. Cannot Lie.
  406. </div></div>
  407.  
  408. <div id="links">
  409. <div id="nav">
  410. <a href="#one"></a>
  411. <a href="#two"></a>
  412. <a href="#three"></a>
  413. <a href="#four"></a>
  414. <a href="#five"></a>
  415. <a href="#six"></a>
  416. <a href="#seven"></a>
  417. <a href="#eight"></a>
  418. </div></div>
  419.  
  420. <div id="Box4">
  421. <h1>Friends</h1>
  422. <div style="height:133px;width:425px;margin-top:-90px;padding-left: 55px;overflow-x:hidden;">
  423. <marquee behavior="scroll" direction="right" onmouseover="this.stop();" onmouseout="this.start();">
  424. <a href="LINK"><img src="http://placehold.it/100x100" class="image" title="Words here" target"_blank"></img></a>
  425. <a href="LINK"><img src="http://placehold.it/100x100" class="image" title="Words here" target"_blank"></img></a>
  426. <a href="LINK"><img src="http://placehold.it/100x100" class="image" title="Words here" target"_blank"></img></a>
  427. <a href="LINK"><img src="http://placehold.it/100x100" class="image" title="Words here" target"_blank"></img></a>
  428. <a href="LINK"><img src="http://placehold.it/100x100" class="image" title="Words here" target"_blank"></img></a>
  429. <a href="LINK"><img src="http://placehold.it/100x100" class="image" title="Words here" target"_blank"></img></a>
  430. <a href="LINK"><img src="http://placehold.it/100x100" class="image" title="Words here" target"_blank"></img></a>
  431. <a href="LINK"><img src="http://placehold.it/100x100" class="image" title="Words here" target"_blank"></img></a>
  432. </marquee>
  433. </div></div>
  434.  
  435. <div id="Box3">
  436. <marquee behavior="scroll" direction="left" scrollamount="3">Will write something here, when the puppeteer can think of something witty. For now, just deal with this.</marquee>
  437. </div>
  438.  
  439. <div id="OOC">
  440. <big>✔</big>; Long-lasting roleplay that goes somewhere.
  441. <br><big>✔</big>; Literacy and the ability to write in third person while writing as if you know at least the basic English language if not at a college-bound level. I can deal with typos every now and again, but never text talk.
  442. <br><big>✔</big>; Keeping all interactions whether they are in character or not where they belong. I do not tolerate drama or people who like to start it.
  443. <br><big>✔</big>; Being able to type more than a semi-paragraph while roleplaying. The more interested I am, the more you will receive from me.
  444. <br><big>✔</big>; Realizing and accepting the fact that I do go away from the keyboard at times as my life beyond that of RPC is far more important than coming on here. Sorry.
  445. <br><big>✔</big>; Being respectful to that of the puppeteer and that of the puppet. Meaning, you do not control her character. She does what she wants and how she wants. Not even the puppeteer has total control over it at times.
  446. <br><big>✘</big>; Asking for sex and thinking you are just going to get some right off the bat. No.
  447. <br><big>✘</big>; Taking me or things in general over the internet seriously. It's not worth it.
  448. <br><big>✘</big>; Starting up a roleplay within my PM box. There is a reason of why it's called PM. Personal. Message. Not RP.
  449. <br><big>✘</big>; Stealing things that are not even in the slightest yours. Disrespect.
  450. </div>
Advertisement
Add Comment
Please, Sign In to add comment