API tools faq
paste
Advertisement
Abyss90

Ella Lopez

Abyss90
Oct 19th, 2019
111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.19 KB | None | 0 0
raw download clone embed print report
  1. <body oncontextmenu="return false" ondragstart="return false;">
  2. <style type="text/css">
  3.  
  4. @import url('https://fonts.googleapis.com/css?family=Playfair+Display400');
  5.  
  6.  
  7. .COEUR DE FEU { This base code 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:#101010;
  12. background-image:url(https://i.imgur.com/XIIvHwu.jpg);
  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: #161616;
  23. height: 7px;
  24. }
  25.  
  26. ::-webkit-scrollbar {
  27. background-color: #161616;
  28. border: 2px solid #101010;
  29. height:5px;
  30. width:5px;
  31. }
  32.  
  33. .COEUR DE FEU { Text Properties }
  34.  
  35. table, tr, td, li, p, div {
  36. font-family:times new roman;
  37. color:626262;
  38. font-size:11px;
  39. -webkit-user-select: none;
  40. -khtml-user-select: none;
  41. -moz-user-select: none;
  42. -ms-user-select: none;
  43. user-select: none;
  44. }
  45.  
  46. b {
  47. color:#670505;
  48. font-family:calibri;
  49. font-size: 9px;
  50. font-weight:heavy;
  51. text-transform:uppercase;
  52. letter-spacing: 1px;
  53. }
  54.  
  55. i {
  56. font-weight:italics;
  57. text-transform:normal;
  58. background-color:transparent;
  59. color:333333;
  60. letter-spacing:0px;
  61. font-family:georgia;
  62. font-size:12px;}
  63.  
  64. u {
  65. font-family:calibri;
  66. font-size:9px;
  67. text-transform:uppercase;
  68. color:646464;
  69. letter-spacing:2px;
  70. text-decoration:none;
  71. border-bottom:1px solid;
  72. border-color:#cacaca;
  73. }
  74.  
  75. blockquote {
  76. display:block;
  77. text-align:justify;
  78. font-size:11px;
  79. line-height:120%;
  80. text-transform:normal;
  81. font-family:times new roman;
  82. letter-spacing:0px;
  83. padding:5px;
  84. color:626262;
  85. background-color:#161616;
  86. border-style:solid;
  87. border-width:1px;
  88. border-color:#101010;
  89. }
  90.  
  91. img, div {
  92. padding:5px;
  93. }
  94.  
  95.  
  96. .COEUR DE FEU { Link Properties }
  97.  
  98. a:active, a:visited, a:link {
  99. font-family:times new roman;
  100. font-size:9px;
  101. text-transform:uppercase;
  102. line-height:8px;
  103. border-bottom:none;
  104. border-color:none;
  105. text-decoration:none;
  106. font-weight:normal;
  107. color:#626262;
  108. letter-spacing:0px;
  109. -webkit-transition: all 0.8s ease-out;
  110. -moz-transition: all 0.8s ease-out;}
  111.  
  112. a:hover {
  113. color:#b8b8b8;
  114. -webkit-transition: all 0.8s ease-out;
  115. -moz-transition: all 0.8s ease-out;}
  116.  
  117.  
  118. a.first, a.first:link, a.first:active, a.first:visited {
  119. font-family: calibri;
  120. font-size: 8px;
  121. line-height: 10px;
  122. letter-spacing: 1px;
  123. font-weight: normal;
  124. color: #626262;
  125. text-decoration: none;
  126. text-transform: uppercase;
  127. background-color: #161616;
  128. text-align: left;
  129. display:block;
  130. margin: 5px;
  131. padding:5px;
  132. border-color:#161616;
  133. border-left-style: solid;
  134. border-left-width: 5px;
  135. border-right-style: solid;
  136. border-right-width: 0px;
  137. -webkit-transition: all 0.6s ease-out;
  138. -moz-transition: all 0.6s ease-out;
  139. }
  140.  
  141. a.first:hover {
  142. color: 626262;
  143. text-align: right;
  144. letter-spacing:1px;
  145. background-color: #101010;
  146. border-color:#101010;
  147. border-left-style: solid;
  148. border-left-width: 0px;
  149. border-right-style: solid;
  150. border-right-width: 15px;
  151. -webkit-transition: all 0.6s ease-out;
  152. -moz-transition: all 0.6s ease-out;
  153. }
  154.  
  155. a.second, a.second:link, a.second:active, a.second:visited {
  156. font-family: courier new;
  157. margin:0px;
  158. padding:5px;
  159. font-size: 10px;
  160. display:inline-block;
  161. width:49px!important;
  162. line-height: 10px!important;
  163. letter-spacing: 0px;
  164. font-weight: normal;
  165. color: #626262;
  166. text-decoration: none;
  167. text-transform: uppercase;
  168. background-color: #161616;
  169. text-align: center;
  170. -webkit-transition: all 0.5s ease-out;
  171. -moz-transition: all 0.5s ease-out;
  172. }
  173.  
  174. a.second:hover {
  175. color: #670505;
  176. background-color: #101010;
  177. border-left-style: solid;
  178. border-left-width: 0px;
  179. border-right-style: solid;
  180. border-right-width: 0px;
  181. }
  182.  
  183. a.navi, a.navi:link, a.navi:active, a.navi:visited {
  184. font-family: courier new;
  185. margin:5px;
  186. padding:0px;
  187. font-size: 15px;
  188. display:inline-block;
  189. width:20px!important;
  190. line-height: 20px!important;
  191. letter-spacing: 0px;
  192. font-weight: normal;
  193. color: #626262;
  194. text-decoration: none;
  195. text-transform: uppercase;
  196. background-color: transparent;
  197. text-align: center;
  198. -webkit-transition: all 0.5s ease-out;
  199. -moz-transition: all 0.5s ease-out;
  200. }
  201.  
  202. a.navi:hover {
  203. color: #670505;
  204. border-left-style: solid;
  205. border-left-width: 0px;
  206. border-right-style: solid;
  207. border-right-width: 0px;
  208. }
  209.  
  210. .COEUR DE FEU { Header Properties }
  211.  
  212. h1 {
  213. font-family: georgia;
  214. font-size: 25px;
  215. font-style: italic;
  216. font-weight: normal;
  217. text-align: center;
  218. background-color: transparent;
  219. text-transform: lowercase;
  220. margin: 1px!important;
  221. letter-spacing: -2px;
  222. padding: 5px;
  223. margin:5px;
  224. line-height: 20px;
  225. font-style: none;
  226. color: #666666;
  227. }
  228.  
  229. h2 {
  230. font-family: Courier New;
  231. font-size: 10px;
  232. font-style: none;
  233. font-weight: normal;
  234. text-align: center;
  235. background-color: transparent;
  236. text-transform: uppercase;
  237. letter-spacing: 1px;
  238. line-height: 10px;
  239. font-style: none;
  240. color: #666666;
  241. }
  242.  
  243. h3 {
  244. font-family: Garamond;
  245. font-size: 10px;
  246. text-align:center;
  247. padding: 5px 0px 3px 0px;
  248. font-style: none;
  249. font-weight: normal;
  250. background-color: #161616;
  251. text-transform: uppercase;
  252. display:block;
  253. margin:5px;
  254. letter-spacing: 2px;
  255. line-height: 15px;
  256. color: #626262;
  257. }
  258.  
  259. h4 {
  260. font-family: 'Playfair Display';
  261. font-size: 10px;
  262. text-align:center;
  263. font-style: none;
  264. font-weight: normal;
  265. background-color: transparent;
  266. text-transform: uppercase;
  267. display:block;
  268. margin:5px;
  269. letter-spacing: 2px;
  270. line-height: 10px;
  271. color: #666666;
  272. }
  273.  
  274. .COEUR DE FEU { Tabbed Cntent }
  275.  
  276. /* BEGIN TABBED CONTENT */
  277.  
  278. .tabs {
  279. position: relative;
  280. min-height: 275px; /* This part sucks */
  281. clear: both;
  282. margin: -35px 0;
  283. }
  284.  
  285. .tab {
  286. float: left;
  287. }
  288.  
  289. .tab label {
  290. background: transparent;
  291. padding: 5px;
  292. font-family:calibri;
  293. font-size:10px;
  294. letter-spacing:1px;
  295. text-transform:uppercase;
  296. border: 0px solid #ccc;
  297. margin-left: -1px;
  298. position: relative;
  299. left: 5px;
  300. }
  301.  
  302. .tab [type=radio] {
  303. display: none;
  304. }
  305.  
  306. .content {
  307. position: absolute;
  308. overflow:auto;
  309. top: 35px;
  310. left: 0;
  311. background: #101010;
  312. right: 0;
  313. bottom: 0;
  314. padding: 10px;
  315. border: 1px solid #161616;
  316. }
  317.  
  318. .content img {
  319. padding:5px;
  320. margin:5px;
  321. border:1px solid;
  322. border-color:000;
  323. }
  324.  
  325. [type=radio]:checked ~ label {
  326. background: transparent;
  327. color:#670505;
  328. text-shadow: 0px 0px 2px #670505;
  329. border-bottom: 0px solid white;
  330. z-index: 2;
  331. }
  332. [type=radio]:checked ~ label ~ .content {
  333. z-index: 1;
  334. }
  335.  
  336. /* END */
  337.  
  338. .COEUR DE FEU { Module Properties }
  339.  
  340. .contain {
  341. left:50%;
  342. margin-left:-400px;
  343. top:130px;
  344. position:absolute;
  345. z-index:0;
  346. background-color:transparent;
  347. visibility:visible;
  348. }
  349.  
  350. .mpd1 {
  351. width:480px;
  352. height:250px;
  353. position:absolute;
  354. top:30px;
  355. left:55px;
  356. z-index:1;
  357. border:1px solid;
  358. border-color:#161616;
  359. background-color:#101010;
  360. text-decoration:none;
  361. }
  362.  
  363. .mpd2 {
  364. width:120px;
  365. height:250px;
  366. position:absolute;
  367. top:30px;
  368. left:550px;
  369. z-index:1;
  370. border:1px solid;
  371. border-color:#161616;
  372. background-color:#101010;
  373. text-decoration:none;
  374. }
  375.  
  376. .mpd3 {
  377. width:40px;
  378. height:250px;
  379. position:absolute;
  380. top:30px;
  381. left:685px;
  382. z-index:1;
  383. border:1px solid;
  384. border-color:transparent;
  385. background-color:transparent;
  386. text-decoration:none;
  387. }
  388.  
  389. .mpd4 {
  390. width:615px;
  391. height:20px;
  392. position:absolute;
  393. top:295px;
  394. left:55px;
  395. z-index:1;
  396. border:1px solid;
  397. border-color:#161616;
  398. background-color:#101010;
  399. text-decoration:none;
  400. }
  401.  
  402.  
  403. .COEUR DE FEU { Hiding Properties }
  404.  
  405. .contacttable, .friendsComments, .friendSpace, .profileinfo, .latestBlogEntry, .interestsAndDetails, .extendedNetwork, .userProfileDetail {display:none}
  406. table,tr,td {background:transparent}
  407.  
  408. <style type="text/css">
  409. body div table tbody tr td font {visibility:hidden;}
  410. .navbar {visibility:visible;}
  411. .navbar font {visibility:hidden;}
  412. </style>
  413.  
  414. <style>
  415. .profile * { display: none !important; }
  416. div[id="googlebar"] { background: none !important; }
  417. </style>
  418.  
  419. <style>
  420. .hidenav {display:none}
  421. div.profileWidth {margin-top: -30px !important;}
  422. div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}
  423. div.profileWidth div.clearfix, hidenav hidenav hidenav, div.profileWidth div div {filter:none; opacity:0.9999}
  424. div.profileWidth div.clearfix {position:relative; top:30px}
  425. </style>
  426.  
  427. <style>
  428. a.text, table font a, table {visibility:hidden;}
  429. </style>
  430.  
  431.  
  432.  
  433. <!-- LIKE TO MEET -->
  434.  
  435.  
  436. <div class="contain">
  437.  
  438.  
  439. <div class="mpd1">
  440.  
  441.  
  442. <div class="tabs">
  443.  
  444. <div class="tab">
  445. <input type="radio" id="tab-1" name="tab-group-1" checked>
  446. <label for="tab-1">Storyline</label>
  447.  
  448. <div class="content">
  449.  
  450.  
  451. <h1>But I got smarter, I got harder in the nick of time</h1>
  452. <h4>Honey I rose up from the dead, I do it all the time</h4>
  453.  
  454. Lorem 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.
  455.  
  456. <blockquote>
  457. <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>.
  458. </blockquote>
  459.  
  460. 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.
  461.  
  462. <p>
  463.  
  464. Lorem 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.
  465.  
  466. <p>
  467.  
  468. <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. </p>
  469.  
  470.  
  471. </div>
  472. </div>
  473.  
  474. <div class="tab">
  475. <input type="radio" id="tab-2" name="tab-group-1">
  476. <label for="tab-2">Dossier</label>
  477.  
  478. <div class="content">
  479. <b>BIRTH NAME |</b> Ella Maria Lopez<br>
  480. <b>SPECIES |</b> Human.<br>
  481. <b>GENDER |</b> Female.<br>
  482. <b>SEXUAL PREFERENCE |</b> Feminine.<br>
  483. <b>ASSUMED AGE |</b> 31 years old.<br>
  484. <b>ACTUAL AGE |</b> 26 years old.<br>
  485. <b>DATE OF BIRTH |</b> unavailable.<br>
  486. <b>PARENTS |</b> Information.<br>
  487. <b>SIBLINGS |</b> Four annoying brothers.<br>
  488. <b>OTHER FAMILY |</b> Information.<br>
  489. <b>PETS |</b> Information.<br>
  490.  
  491. <p>
  492.  
  493. <b>LIVING ARRANGEMENTS |</b> Information.<br>
  494. <b>CURRENT LOCATION |</b> Information.<br>
  495. <b>NATIONALITY |</b> Information.<br>
  496. <b>LANGUAGES |</b> Information.<br>
  497. <b>EDUCATION |</b> Information.<br>
  498. <b>OCCUPATION |</b> Information.<br>
  499. <b>HEALTH |</b> Information.<br>
  500. <b>MENTAL HEALTH |</b> Information.
  501.  
  502. <p>
  503.  
  504. <b>HEIGHT |</b> Information.<br>
  505. <b>WEIGHT |</b> Information.<br>
  506. <b>EYE COLOUR | HAIR COLOUR |</b> Information. | Information.<br>
  507. <b>COLOURING |</b> Information.<br>
  508. <b>RACE | ETHNICITY |</b> Information. | Information.<br>
  509. <b>TATTOOS |</b> Information.<br>
  510. <b>PIERCINGS |</b> Information.<br>
  511. <b>DISTINGUISHING FEATURES |</b> Information.
  512.  
  513. <p>
  514.  
  515. <b>SMOKE | DRINK | DRUGS |</b> Information. | Information. | Information.<br>
  516. <b>LIKES |</b> Information.<br>
  517. <b>DISLIKES |</b> Information.<br>
  518. <b>ASTROLOGICAL SIGN |</b> Information.<br>
  519. <b>HABITS |</b> Information.<br>
  520. <b>AT BEST |</b>Information.<br>
  521. <b>AT WORST |</b> Information.<br>
  522. <b>STRENGTHS |</b> Information.<br>
  523. <b>WEAKNESSES |</b> Information.<br>
  524. <b>DISTINGUISHING CHARACTERISTICS |</b> Information.
  525. </div>
  526. </div>
  527.  
  528.  
  529. <!-- THIS ENTIRE DAMN TAB HERE IS FOR YOUR LI AND CONNECTIONS -->
  530.  
  531. <div class="tab">
  532. <input type="radio" id="tab-3" name="tab-group-1">
  533. <label for="tab-3">Connections</label>
  534.  
  535. <div class="content">
  536.  
  537. <!-- BEGIN LOVE INTEREST -->
  538. <center>
  539. <img src="http://via.placeholder.com/215x90/161616/670505" align="left">
  540. </center>
  541. <div style="width:220px;overflow:auto;height:100px;float:left;">
  542.  
  543. <a href="" class="first">Connection Name Here</a>
  544.  
  545. <b>Status:</b> Single.<br>
  546. <b>Since:</b> Since birth!<br>
  547. <b>Comments:</b> Your comments about your lover can come here. This box will scroll, so put as much information in here as you like. Lorem 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.
  548.  
  549. <p>
  550. </div>
  551.  
  552. <!-- END LOVE INTEREST -->
  553.  
  554.  
  555. <!-- BEGIN GENERAL CONNECTIONS.
  556. COPY AS MANY AS YOU NEED. -->
  557.  
  558. <div style="width:205px;overflow:auto;height:215px;">
  559. <a href="/FRIENDID"><img src="http://via.placeholder.com/70/161616/670505" align="left"></a>
  560. <b>Connection Name Here</b>
  561.  
  562. Lorem 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>.
  563.  
  564. <p>
  565.  
  566. <a href="/FRIENDID"><img src="http://via.placeholder.com/70/161616/670505" align="right"></a>
  567. <b>Connection Name Here</b>
  568.  
  569. Lorem 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>.
  570.  
  571. <p>
  572.  
  573. <a href="/FRIENDID"><img src="http://via.placeholder.com/70/161616/670505" align="left"></a>
  574. <b>Connection Name Here</b>
  575.  
  576. Lorem 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>.
  577.  
  578. <p>
  579.  
  580. <a href="/FRIENDID"><img src="http://via.placeholder.com/70/161616/670505" align="right"></a>
  581. <b>Connection Name Here</b>
  582.  
  583. Lorem 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>.
  584.  
  585. <p>
  586.  
  587. <a href="/FRIENDID"><img src="http://via.placeholder.com/70/161616/670505" align="left"></a>
  588. <b>Connection Name Here</b>
  589.  
  590. Lorem 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>.
  591.  
  592. <p>
  593.  
  594. <a href="/FRIENDID"><img src="http://via.placeholder.com/70/161616/670505" align="right"></a>
  595. <b>Connection Name Here</b>
  596.  
  597. Lorem 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>.
  598.  
  599. <p>
  600.  
  601. </div>
  602.  
  603. <!-- END GENERAL CONNECTIONS -->
  604.  
  605.  
  606. </div>
  607. </div>
  608.  
  609. <!-- THIS IS WHERE THAT TAB ENDS -->
  610.  
  611.  
  612. <!-- THIS IS FOR AN EXTRA TAB. -->
  613.  
  614. <div class="tab">
  615. <input type="radio" id="tab-4" name="tab-group-1">
  616. <label for="tab-4">EXTRA</label>
  617.  
  618. <div class="content">
  619.  
  620. You can put whatever the hell you want in this box. It's honestly up to you. But I'll leave some suggestions here anyway 'cause I'm cool like that. Whatever. Change the text in the label to match whatever you decide to put in here.
  621.  
  622. <ul>
  623. <li>A writing sample</li>
  624. <li>Your RP rules or guidelines. Nobody really goes to the blogs to read those, unfortunately.</li>
  625. <li>Maybe some headcanons about your character?</li>
  626. <li>If you do headcanons, they'll look good in an unordered list like this one.</li>
  627. <li>If you're multiverse, this could also be great for listing off your verses you like to write in.</li>
  628. <li>If you're one of those people that likes writing in groups on the site, maybe you could also leave stuff about that in here?</li>
  629. <li>Maybe you could even put an RP wishlist in here! That's always fun. Again, that would look good in an unordered list but if you want an ORDERED list (numbers instead of bullets), just change the "ul" in these tags to "ol" and VOILA.</li>
  630. <li>Fun fact: If you tear a hole in a net, you will have less holes in the net than you did before you ripped it.</li>
  631.  
  632. </ul>
  633. </div>
  634. </div>
  635.  
  636. <!-- THIS IS WHERE THAT EXTRA TAB ENDS. -->
  637.  
  638.  
  639. </div>
  640.  
  641. <!-- THE ABOVE </DIV> MARKS THE END OF THE ***ENTIRE*** TAB GROUP. BELOW IS WHERE THIS ENTIRE DIV MODULE ENDS.-->
  642.  
  643. </div>
  644.  
  645.  
  646.  
  647. <div class="mpd2">
  648. <center>
  649. <b>IND. SEL. LIT.</b><p>
  650. <i>Your Name Here</i>
  651.  
  652. <h2>VERSE NAME</h2>
  653.  
  654. A fun little quote can come here. This layout is inspired by the contained themes on Tumblr. This little sidebar is to display some out of character information. Keep it short, this does not scroll.
  655.  
  656. <h3>IMPORTANT</h3>
  657.  
  658. <i>Please read rules before interacting.</i>
  659. </center>
  660. </div>
  661.  
  662.  
  663.  
  664. <div class="mpd3">
  665. <a href="/home.php" title="home" class="navi">✘</a>
  666. <a href="/send_message.php?member_id=YOURID" title="message" class="navi">✘</a>
  667. <a href="/add_testimonial.php?member_id=YOURID" title="comment" class="navi">✘</a>
  668. <a href="/view_member_blog.php?member_id=YOURID" title="blog" class="navi">✘</a>
  669. <a href="/status_stream.php?member_id=YOURID" title="stream" class="navi">✘</a>
  670. <a href="/damnedestcreations" title="credit" class="navi">✘</a>
  671.  
  672. <audio autoplay>
  673. <source src="https://dl.dropboxusercontent.com/s/yuy8bj5q0orjdhh/Taylor%20Swift%20-%20Look%20What%20You%20Made%20Me%20Do%20%28Lyric%20Video%29.mp3" type="audio/mpeg">
  674. </audio>
  675. </div>
  676.  
  677. <div class="mpd4">
  678. <a href="/FRIENDID" class="second">Name</a>
  679. <a href="/FRIENDID" class="second">Name</a>
  680. <a href="/FRIENDID" class="second">Name</a>
  681. <a href="/FRIENDID" class="second">Name</a>
  682. <a href="/FRIENDID" class="second">Name</a>
  683. <a href="/FRIENDID" class="second">Name</a>
  684. <a href="/FRIENDID" class="second">Name</a>
  685. <a href="/FRIENDID" class="second">Name</a>
  686. <a href="/FRIENDID" class="second">Name</a>
  687. <a href="/FRIENDID" class="second">Name</a>
  688.  
  689. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!