API tools faq
paste
wickedxcurve

J. Cameron (TVD)

wickedxcurve
Feb 19th, 2022
20
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.41 KB | None | 0 0
raw download clone embed print report
  1. About Me -- <body oncontextmenu="return false" ondragstart="return false;">
  2. <style type="text/css">
  3.  
  4. @import url('https://fonts.googleapis.com/css?family=Open Sans:400,700i');
  5.  
  6.  
  7. .COEUR DE FEU { This layout was made by DAMNEDEST CREATIONS. Stealing will result in harsh consequences. - www.roleplayer.me/damnedestcreations }
  8.  
  9. .COEUR DE FEU { Background Properties }
  10. body{
  11. background-color:000;
  12. background-image:url(https://i.imgur.com/oK4JCTv.png);
  13. background-attachment:fixed;
  14. background-repeat: repeat;
  15. background-position:center;
  16. }
  17.  
  18.  
  19. .COEUR DE FEU { Scrollbar Properties }
  20.  
  21. ::-webkit-scrollbar-thumb:vertical {
  22. background-color: #666;
  23. height: 7px;
  24. }
  25.  
  26. ::-webkit-scrollbar {
  27. background-color: #000;
  28. border: 2px solid #161616;
  29. height:5px;
  30. width:5px;
  31. }
  32.  
  33.  
  34. img {
  35. padding:5px;
  36. margin:5px;
  37. border-color:#333;
  38. background-color:#161616;
  39. }
  40.  
  41.  
  42. .COEUR DE FEU { Text Properties }
  43.  
  44. table, tr, td, li, p, div {
  45. font-family:times new roman;
  46. color:#626262;
  47. font-size:11px;
  48. -webkit-user-select: none;
  49. -khtml-user-select: none;
  50. -moz-user-select: none;
  51. -ms-user-select: none;
  52. user-select: none;
  53. }
  54.  
  55. b {
  56. color:#99aabb;
  57. font-family:calibri;
  58. font-size: 9px;
  59. font-weight:heavy;
  60. text-transform:uppercase;
  61. letter-spacing: 1px;
  62. }
  63.  
  64. i {
  65. font-weight:italics;
  66. text-transform:normal;
  67. background-color:transparent;
  68. color:#624b3e;
  69. letter-spacing:0px;
  70. font-family:helvetica;
  71. font-size:11px;}
  72.  
  73. u {
  74. font-family:georgia;
  75. font-size:9px;
  76. text-transform:uppercase;
  77. color:646464;
  78. letter-spacing:0px;
  79. text-decoration:underline;
  80. border-bottom:0px solid;
  81. border-color:555555;
  82. }
  83.  
  84. .COEUR DE FEU { Link Properties }
  85.  
  86. a:active, a:visited, a:link {
  87. font-family:helvetica;
  88. font-size:9px;
  89. text-transform:uppercase;
  90. line-height:8px;
  91. border-bottom:none;
  92. border-color:none;
  93. text-decoration:none;
  94. font-weight:normal;
  95. color:#666;
  96. letter-spacing:0px;
  97. -webkit-transition: all 0.8s ease-out;
  98. -moz-transition: all 0.8s ease-out;}
  99.  
  100. a:hover {
  101. color:#99aabb;
  102. -webkit-transition: all 0.8s ease-out;
  103. -moz-transition: all 0.8s ease-out;}
  104.  
  105.  
  106. a.first, a.first:link, a.first:active, a.first:visited {
  107. font-family: 'Open Sans';
  108. font-size: 7px;
  109. line-height: 15px;
  110. letter-spacing: 1px;
  111. color: 626262;
  112. text-decoration: none;
  113. text-transform: uppercase;
  114. background-color: #111;
  115. text-align: right;
  116. display: block;
  117. margin: 1px;
  118. padding-right:5px;
  119. border-bottom:1px solid;
  120. border-color:#222;
  121. -webkit-transition: all 0.8s ease-out;
  122. -moz-transition: all 0.8s ease-out;
  123. }
  124.  
  125. a.first:hover {
  126. color: #111;
  127. text-align: right;
  128. background-color: #111;
  129. padding-right:30px;
  130. }
  131.  
  132. a.second, a.second:link, a.second:active, a.second:visited {
  133. font-family: serif, Times;
  134. font-size: 35px;
  135. font-style:italic;
  136. line-height: 5px;
  137. letter-spacing: -2px;
  138. font-weight: normal;
  139. color: #624b3e;
  140. text-decoration: none;
  141. text-transform: lowercase;
  142. text-align: center;
  143. display: block;
  144. margin: 5px;
  145. padding:5px;
  146. -webkit-transition: all 0.2s ease-out;
  147. -moz-transition: all 0.2s ease-out;
  148. }
  149.  
  150. a.second:hover {
  151. color: transparent;
  152. letter-spacing:-1px;
  153. text-shadow:none;
  154. text-shadow: 3px 0px 0px, -3px 0px 0px;
  155. border-left-style: solid;
  156. border-left-width: 0px;
  157. border-right-style: solid;
  158. border-right-width: 0px;
  159. }
  160.  
  161. .COEUR DE FEU { Header Properties }
  162.  
  163. h1 {
  164. font-family: 'Open Sans';
  165. font-size: 27px;
  166. font-style: italic;
  167. font-weight: heavy;
  168. text-align: center;
  169. text-transform: uppercase;
  170. margin: 0px!important;
  171. display:block;
  172. letter-spacing: -3px;
  173. padding: 5px;
  174. line-height: 20px;
  175. font-style: none;
  176. color: #666;
  177. }
  178.  
  179. h2 {
  180. font-family:helvetica;
  181. font-weight:light;
  182. text-align:center;
  183. margin:0px;
  184. text-transform:uppercase!important;
  185. background-color:transparent;
  186. color:#fff;
  187. letter-spacing:0px;
  188. font-size:7px;
  189. }
  190.  
  191. h3 {
  192. font-family:helvetica;
  193. font-weight:light;
  194. float:left;
  195. margin:5px;
  196. text-transform:uppercase!important;
  197. background-color:transparent;
  198. color:#624b3e;
  199. letter-spacing:0px;
  200. font-size:15px;
  201. }
  202.  
  203. h4 {
  204. font-family:'Open Sans';
  205. font-weight:light;
  206. text-align:center;
  207. margin:5px;
  208. text-transform:uppercase!important;
  209. background-color:transparent;
  210. color:#aaaabb;
  211. letter-spacing:0px;
  212. font-size:10px;
  213. }
  214.  
  215. .COEUR DE FEU { Tabbed Cntent }
  216.  
  217. /* BEGIN TABBED CONTENT */
  218.  
  219. .tabs {
  220. position: relative;
  221. min-height: 135px; /* This part sucks */
  222. clear: both;
  223. margin: 5px 0;
  224. }
  225.  
  226. .tab {
  227. float: left;
  228. }
  229.  
  230. .tab label {
  231. background: 000;
  232. padding: 5px;
  233. color:#626262;
  234. font-family:calibri;
  235. font-size:10px;
  236. letter-spacing:1px;
  237. text-transform:uppercase;
  238. border: 0px solid #ccc;
  239. margin-left: -1px;
  240. position: relative;
  241. top:0px;
  242. left: 5px;
  243. }
  244.  
  245. .tab [type=radio] {
  246. display: none;
  247. }
  248.  
  249. .content {
  250. position: absolute;
  251. overflow:auto;
  252. top: 15px;
  253. left: 0;
  254. background:#161616;
  255. right: 0;
  256. bottom: 0;
  257. padding: 10px;
  258. margin:5px;
  259. border: 1px solid #000;
  260. }
  261.  
  262. [type=radio]:checked ~ label {
  263. background: transparent;
  264. color:#624b3e;
  265. text-shadow: 0px 0px 2px #333;
  266. border-bottom: 0px solid white;
  267. z-index: 2;
  268. }
  269. [type=radio]:checked ~ label ~ .content {
  270. z-index: 1;
  271. }
  272.  
  273. /* END */
  274.  
  275.  
  276. .COEUR DE FEU { Module Properties }
  277.  
  278. .contain {
  279. left:50%;
  280. margin-left:-400px;
  281. top:130px;
  282. position:absolute;
  283. z-index:0;
  284. background-color:transparent;
  285. visibility:visible;
  286. }
  287.  
  288. .cont {
  289. width:625px;
  290. height:510px;
  291. position:absolute;
  292. top:-50px;
  293. left:185px;
  294. z-index:0;
  295. border:5px solid;
  296. border-color:#111;
  297. background-color:#111111;
  298. text-decoration:none;
  299. }
  300.  
  301. .mpd1 {
  302. width:250px;
  303. height:510px;
  304. position:absolute;
  305. top:-50px;
  306. left:-80px;
  307. z-index:999;
  308. border:5px solid;
  309. border-color:#111;
  310. background-color:#111111;
  311. text-decoration:none;
  312. }
  313.  
  314. .mpd2 {
  315. width:295px;
  316. height:230px;
  317. position:absolute;
  318. top:-40px;
  319. left:195px;
  320. z-index:1;
  321. border:5px solid;
  322. border-color:#333;
  323. background-color:#111111;
  324. text-decoration:none;
  325. }
  326.  
  327. .mpd3 {
  328. width:295px;
  329. height:90px;
  330. position:absolute;
  331. top:205px;
  332. left:195px;
  333. z-index:1;
  334. border:5px solid;
  335. border-color:#333;
  336. background-color:#111111;
  337. text-decoration:none;
  338. }
  339.  
  340. .mpd4 {
  341. width:295px;
  342. height:140px;
  343. position:absolute;
  344. top:310px;
  345. left:195px;
  346. z-index:1;
  347. border:5px solid;
  348. border-color:#333;
  349. background-color:#111111;
  350. text-decoration:none;
  351. }
  352.  
  353. .mpd5 {
  354. width:295px;
  355. height:140px;
  356. position:absolute;
  357. top:-40px;
  358. left:505px;
  359. z-index:1;
  360. border:5px solid;
  361. border-color:#333;
  362. background-color:#111111;
  363. text-decoration:none;
  364. }
  365.  
  366. .mpd6 {
  367. width:295px;
  368. height:90px;
  369. position:absolute;
  370. top:115px;
  371. left:505px;
  372. z-index:1;
  373. border:5px solid;
  374. border-color:#333;
  375. background-color:#111111;
  376. text-decoration:none;
  377. }
  378.  
  379. .mpd7 {
  380. width:295px;
  381. height:125px;
  382. position:absolute;
  383. top:220px;
  384. left:505px;
  385. z-index:1;
  386. border:5px solid;
  387. border-color:#333;
  388. background-color:#111111;
  389. text-decoration:none;
  390. }
  391.  
  392. .mpd8 {
  393. width:295px;
  394. height:90px;
  395. position:absolute;
  396. top:360px;
  397. left:505px;
  398. z-index:1;
  399. border:5px solid;
  400. border-color:#333;
  401. background-color:#111111;
  402. text-decoration:none;
  403. }
  404.  
  405. .COEUR DE FEU { Hiding Properties }
  406.  
  407.  
  408. .contacttable, .friendsComments, .friendSpace, .profileinfo, .latestBlogEntry, .interestsAndDetails, .extendedNetwork, .userProfileDetail {display:none}
  409. table,tr,td {background:transparent}
  410.  
  411. <style type="text/css">
  412. body div table tbody tr td font {visibility:hidden;}
  413. .navbar {visibility:visible;}
  414. .navbar font {visibility:hidden;}
  415. </style>
  416.  
  417. <style>
  418. .profile * { display: none !important; }
  419. div[id="googlebar"] { background: none !important; }
  420. </style>
  421.  
  422. <style>
  423. .hidenav {display:none}
  424. div.profileWidth {margin-top: -30px !important;}
  425. div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}
  426. div.profileWidth div.clearfix, hidenav hidenav hidenav, div.profileWidth div div {filter:none; opacity:0.9999}
  427. div.profileWidth div.clearfix {position:relative; top:30px}
  428. </style>
  429.  
  430. <style>
  431. a.text, table font a, table {visibility:hidden;}
  432. </style>
  433.  
  434.  
  435. Like to Meet - <div class="contain">
  436. <div class="cont"></div>
  437.  
  438. <div class="mpd1">
  439. <h1>Jared Cameron</h1>
  440. <h2>Every time the full moon shines, I come alive.</h2>
  441.  
  442. <img src="https://i.imgur.com/esFJQhn.gif" border="20px solid" padding="5px" margin="5px" align="center">
  443.  
  444. <div style="background:#161616;width:100px;float:left;padding:5px;margin:5px;">
  445. <a href="/home.php" class="first">Home</a>
  446. <a href="/add_testimonial.php?member_id=1738495" class="first">Comment</a>
  447. <a href="/send_message.php?member_id=1738495" class="first">Message</a>
  448. <a href="/gallery.php?member_id=1738495" class="first">Images</a>
  449. </div>
  450.  
  451. <div style="background:#161616;width:100px;float:right;padding:5px;margin:5px;">
  452. <a href="/status_stream.php?member_id=1738495" class="first">Stream</a>
  453. <a href="/view_member_blog.php?member_id=1738495" class="first">Blog</a>
  454. <a href="/" class="first">Extra</a>
  455. <a href="/damnedestcreations" class="first">Credit</a>
  456. </div>
  457.  
  458. <select style="margin-top: 0px; color: #575757; background-color: #000; border: 0px solid #fff; font-family: 'Open Sans'; font-size: 8px; width: 240px; margin: 5px;">
  459. <option>ROLEPLAY BUSINESS - - - [to do list]</option>
  460. <option>S: 00 // R: 00 // C: 00 // SL: 00</option>
  461. <option> ALL UNDER CO. COMING SOON.</option>
  462. <option> IF YOU WANT MORE LINES, JUST COPY MORE IN.</option>
  463. </select>
  464.  
  465. <h1>Connections</h1>
  466. <div style="background:#161616;height:100px;overflow:auto;padding:5px;margin:5px;">
  467. <a href="" class="first">Connection Name Here</a>
  468. <a href="" class="first">Connection Name Here</a>
  469. <a href="" class="first">Connection Name Here</a>
  470. <a href="" class="first">Connection Name Here</a>
  471. <a href="" class="first">Connection Name Here</a>
  472. <a href="" class="first">Connection Name Here</a>
  473. <a href="" class="first">Connection Name Here</a>
  474. <a href="" class="first">Connection Name Here</a>
  475. <a href="" class="first">Connection Name Here</a>
  476. <a href="" class="first">Connection Name Here</a>
  477. <a href="" class="first">Connection Name Here</a>
  478. <a href="" class="first">Connection Name Here</a>
  479. <a href="" class="first">Connection Name Here</a>
  480. <a href="" class="first">Connection Name Here</a>
  481. <a href="" class="first">Connection Name Here</a>
  482. <a href="" class="first">Connection Name Here</a>
  483. <a href="" class="first">Connection Name Here</a>
  484. </div>
  485.  
  486. <center>
  487. <b>BEST VIEWED IN GOOGLE CHROME</b>
  488. </center>
  489. </div>
  490.  
  491. <div class="mpd2">
  492.  
  493. <h4>Summon the wolf inside, welcome the darkness.</h4>
  494. <h2>Three things cannot be long hidden: the sun, the moon, and the truth.</h2>
  495.  
  496. <div style="height:165px;overflow:auto;text-align:justify;padding:10px;margin:5px;background:#161616;">
  497.  
  498.  
  499. <h3>L</h3>orem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b>. Mauris massa. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b>. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.
  500.  
  501. <p>
  502.  
  503. <b>Praesent mauris</b>. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. <i>Lorem ipsum dolor sit amet, consectetur adipiscing elit</i>. Maecenas mattis. Sed convallis tristique sem. <b>Vestibulum lacinia arcu eget nulla</b>. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. <b>Aenean quam</b>. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. <b>Sed dignissim lacinia nunc</b>. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  504.  
  505.  
  506.  
  507. </div>
  508. </div>
  509.  
  510.  
  511. <div class="mpd3">
  512. <img src="https://i.imgur.com/s3k4hO4.png">
  513. <img src="https://i.imgur.com/oQtaeLH.png">
  514. </div>
  515.  
  516. <div class="mpd4">
  517. <div class="tabs">
  518.  
  519. <div class="tab">
  520. <input type="radio" id="tab-1" name="tab-group-1" checked>
  521. <label for="tab-1">Wolf Information</label>
  522.  
  523. <div class="content">
  524.  
  525. <b>Pack</b> Appalachian Mountains Pack.<br>
  526. <b>Alpha</b> Hollis.<br>
  527. <b>Status</b> Triggered Wolf.<br>
  528. <b>Current Pack</b> Salvatore School Pack.<br>
  529. <b>Alpha</b> Jed.<br>
  530.  
  531.  
  532. <p>
  533.  
  534. Jared first triggered his werewolf gene when he was twelve years old by complete accident. His mother was driving him and his younger sister home from a doctor’s appointment. Both of them were in the backseat and Jared was picking on his sister, teasing the girl, when his mother had turned around, yelling at Jared to leave his sister alone. When the woman went to swat at him, she lost control of the vehicle, going off the side of the road and crashing into a tree. Instantly his mother died on impact and he was stuck in the car with his sister, his leg broken, unable to get them out of the car. He wasn’t able to reach his mother’s cellphone, in the front seat, and they were stuck there three hours before being found by a passing car.
  535.  
  536. </div>
  537. </div>
  538.  
  539. <div class="tab">
  540. <input type="radio" id="tab-2" name="tab-group-1">
  541. <label for="tab-2">Friends</label>
  542.  
  543. <div class="content">
  544. You can put whatever you like in here. Perhaps name off some alliances your character has made with others?
  545. <b>Name</b> Description of alliance.<br>
  546. <b>Name</b> Description of alliance.<br>
  547. <b>Name</b> Description of alliance.<br>
  548. <b>Name</b> Description of alliance.<br>
  549. <b>Name</b> Description of alliance.<br>
  550. <b>Name</b> Description of alliance.<br>
  551. <b>Name</b> Description of alliance.<br>
  552. <b>Name</b> Description of alliance.<br>
  553. <b>Name</b> Description of alliance.<br>
  554. <b>Name</b> Description of alliance.<br>
  555. <b>Name</b> Description of alliance.<br>
  556. <b>Name</b> Description of alliance.<br>
  557. </div>
  558. </div>
  559.  
  560.  
  561. </div>
  562.  
  563. <!-- THE ABOVE </DIV> MARKS THE END OF THE ***ENTIRE*** TAB GROUP. BELOW IS WHERE THIS ENTIRE DIV MODULE ENDS.-->
  564.  
  565.  
  566. </div>
  567.  
  568.  
  569. <div class="mpd5">
  570. <div style="height:110px;overflow:auto;text-align:justify;padding:10px;margin:5px;background:#161616;">
  571.  
  572. <b>BIRTH NAME |</b> Jared Ryder Cameron.<br>
  573. <b>ETYMOLOGY</b>
  574. <ul>
  575. <li><i>Jared</i> — Masculine. Hebrew. Meaning "he descends".</li>
  576. <li><i>Ryder</i> — Masculine. British. Pronunciation. Meaning "cavalryman, messenger".</li>
  577. <li><i>Cameron</i> — Scottish. Means "crooked nose".</li>
  578. </ul>
  579. <b>SPECIES |</b> Triggered Werewolf.<br>
  580. <b>GENDER |</b> Male.<br>
  581. <b>SEXUAL PREFERENCE |</b> Pansexual.<br>
  582. <b>ASSUMED AGE |</b> Late Teens to Early Twenties.<br>
  583. <b>ACTUAL AGE |</b> Eighteen Years Old.<br>
  584. <b>DATE OF BIRTH |</b> February 14th, 2012.<br>
  585. <b>PARENTS |</b> Chloe (†) & David Cameron.<br>
  586. <b>SIBLINGS |</b> Laurel Cameron (Younger Sister).<br>
  587. <b>OTHER FAMILY |</b> Kayla McInnis (Maternal Aunt).<br>
  588. <b>PETS |</b> Buck (Stray Cat).<br>
  589.  
  590. <p>
  591.  
  592. <b>LIVING ARRANGEMENTS |</b> Salvatore Boarding School.<br>
  593. <b>CURRENT LOCATION |</b> Mystic Falls, Virginia.<br>
  594. <b>NATIONALITY |</b> American.<br>
  595. <b>LANGUAGES |</b> English.<br>
  596. <b>EDUCATION |</b> Salvatore Boarding School.<br>
  597. <b>OCCUPATION |</b> Information.<br>
  598. <b>HEALTH |</b> Information.<br>
  599. <b>MENTAL HEALTH |</b> Information.
  600.  
  601. <p>
  602.  
  603. <b>HEIGHT |</b> Six Feet Two Inches.<br>
  604. <b>WEIGHT |</b> Hundred and Fifty Pounds.<br>
  605. <b>EYE COLOUR | HAIR COLOUR |</b> Blue. | Dark Brown.<br>
  606. <b>TATTOOS |</b> Various tattoos on his body.<br>
  607. <b>PIERCINGS |</b> None.<br>
  608.  
  609. <p>
  610.  
  611. <b>SMOKE | DRINK | DRUGS |</b> Information. | Information. | Information.<br>
  612. <b>LIKES |</b> Information.<br>
  613. <b>DISLIKES |</b> Information.<br>
  614. <b>ASTROLOGICAL SIGN |</b> Information.<br>
  615. <b>HABITS |</b> Information.<br>
  616. <b>AT BEST |</b>Information.<br>
  617. <b>AT WORST |</b> Information.<br>
  618. <b>STRENGTHS |</b> Information.<br>
  619. <b>WEAKNESSES |</b> Information.<br>
  620. <b>DISTINGUISHING CHARACTERISTICS |</b> Information.
  621.  
  622. </div>
  623. </div>
  624.  
  625. <div class="mpd6">
  626. <img src="https://i.imgur.com/OwzuHq7.png">
  627. <img src="https://i.imgur.com/9v8GcvI.png">
  628. </div>
  629.  
  630. <div class="mpd7">
  631. <div style="height:95px;overflow:auto;text-align:justify;padding:10px;margin:5px;background:#161616;">
  632. <a href="url" class="second">the lucky one</a>
  633.  
  634. <b>Status:</b> Single<br>
  635. <b>Since:</b> Forever<br>
  636. <b>Comments:</b> Words will go eventually.
  637. </div>
  638. </div>
  639.  
  640. <div class="mpd8">
  641. <img src="https://i.imgur.com/4bZIEyV.png">
  642.  
  643. </div>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!