API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 21st, 2018
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.74 KB | None | 0 0
raw download clone embed print report
  1. [ PUT THIS IN ABOUT ME SECTION ]
  2.  
  3. </td></tr></tbody></table></td></tr></tbody></table><table bgcolor="ffcc99" border="0" bordercolor="ffcc99" cellpadding="0" cellspacing="0" width="440">
  4. <tbody><tr></tr><tr><td><table align="left" bgcolor="ffffff" border="0" bordercolor="000000" cellpadding="0" cellspacing="0" width="440">
  5. <tr><td style="word-wrap: break-word;" align="left" bgcolor="ffffff" valign="top" width="440">
  6.  
  7.  
  8.  
  9. <DIV ALIGN="CENTER">
  10. <div class="BILLBOARD">
  11. <div id="circle">
  12. <img src="https://i.imgur.com/zU4OKvR.png"></div>
  13. <div id="title">
  14. DAISY
  15. </div>
  16.  
  17. <div id="title2">
  18. ADAIR
  19. </div>
  20.  
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27. <div id="FLOO">
  28.  
  29. <a href="/home.php">home</a>
  30. <a href="/send_message.php?member_id=1290320">mssg</a>
  31. <a href="/add_comment.php?member_id=1290320">cmnt</a>
  32. <a href="/albums.php?member_id=1290320">pics</a>
  33. <a href="/status_stream.php?member_id=1290320">stlk</a>
  34. <a href="/view_journal_member.php?member_id=1290320">bltn</a>
  35. <a href=""><span>disc</span><span class="disc">bitchcraftx#3834</span></a>
  36.  
  37. </div><! ---END FLOO --->
  38.  
  39.  
  40.  
  41. <div id="halfpipe">
  42.  
  43. <embed src="https://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://a.tumblr.com/tumblr_lny2u7aylx1qkdwwbo1.mp3&t0=&f1=https://dl.dropboxusercontent.com/s/agskmn24lhrnita/48secondsKORN-daddy-cut.mp3&t1=&f2=https://dl.dropboxusercontent.com/s/ar5chngdwhiqxp3/PolkadotCadaverChloroformGirl.mp3&t2=&total=3" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash"/>
  44.  
  45. </div><!-- END HALFPIPE -->
  46.  
  47. </div><! ---END BILLBOARD --->
  48.  
  49.  
  50. </div><! ---END DIV ALIGN CENTER --->
  51. </div>
  52. </div>
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64.  
  65. </td></tr></tbody></table></td></tr></tbody></table><table bgcolor="ffcc99" border="0" bordercolor="ffcc99" cellpadding="0" cellspacing="0" width="440"><tbody><tr></tr><tr><td><table align="left" bgcolor="ffffff" border="0" bordercolor="000000" cellpadding="0" cellspacing="0" width="440"><tr><td style="word-wrap: break-word;" align="left" bgcolor="ffffff" valign="top" width="440">
  66.  
  67.  
  68.  
  69. <center>
  70.  
  71. <img src="https://i.imgur.com/3qWdlE1.png" class="pic1">
  72. <img src="https://i.imgur.com/paEcurQ.png" class="pic2">
  73.  
  74.  
  75. <div style="clear:both;"></div>
  76.  
  77.  
  78. <br>
  79.  
  80. <center>
  81. | <tt>WORD HERE</tt> | <b>ANOTHER WORD</b> | <tt>A WORD</tt> | <b>MORE WORDS</b> | <tt>TT WORD</tt> | <b>SOME WORD</b> |
  82.  
  83. <br>
  84.  
  85. | <tt>WORD</tt> | <b>WORDY WORD</b> | <tt>WORDDD</tt> | <b>ANOTHER WORD</b> | <tt>LAST WORD</tt> |
  86. </center>
  87.  
  88. <br>
  89.  
  90.  
  91.  
  92.  
  93. <! --- START TABBED BOXES --- >
  94. <div class="tabs">
  95.  
  96.  
  97. <! --- ABOUT --- >
  98.  
  99. <div class="tab">
  100. <input type="radio" id="tab-03" name="tab-group-2" checked>
  101. <label for="tab-03">
  102. ABOUT </label>
  103.  
  104. <div class="content">
  105.  
  106. <dc>D</dc>onec libero mi, gravida in ipsum at, sagittis cursus ante. Nunc commodo varius nunc. Ut congue orci in nulla ultrices convallis. Aenean ex justo, volutpat sed placerat dictum, volutpat sed turpis. Ut pellentesque, elit nec iaculis interdum, enim orci dapibus mauris, non volutpat justo purus consectetur sem. Duis nec cursus orci, ac luctus quam. Vestibulum auctor id orci eu pharetra. Maecenas ultrices elit eget dolor sagittis commodo. Sed auctor, nunc sed mollis bibendum, libero quam tempus tellus, id imperdiet neque velit eget nisi. Aliquam eget arcu convallis, bibendum sem a, tincidunt massa. In tincidunt arcu sagittis orci bibendum venenatis. Donec mattis dolor justo, sed ornare arcu semper ut. Curabitur in ex odio. Praesent sit amet mauris nec dui tincidunt fringilla.
  107.  
  108. <p></p>
  109.  
  110. Integer dictum odio sit amet nisl consequat ultricies. Pellentesque vehicula placerat urna. Vivamus scelerisque turpis eu nulla bibendum, vel malesuada metus molestie. Sed feugiat ipsum ornare, interdum ex eget, hendrerit est. Donec fringilla volutpat pellentesque. Suspendisse pharetra molestie massa, vel luctus ex aliquet posuere. Etiam id suscipit quam, non euismod ligula. Donec pretium rutrum turpis eget posuere. Pellentesque auctor ornare felis, vel suscipit enim congue non. Nunc varius efficitur orci eget tempus. Donec pharetra aliquet odio quis pellentesque.
  111.  
  112. <p></p>
  113.  
  114.  
  115.  
  116.  
  117. </div>
  118. </div>
  119. <! --- END ABOUT --- >
  120.  
  121.  
  122.  
  123.  
  124. <! --- BIOGRAPHY --- >
  125.  
  126. <div class="tab">
  127. <input type="radio" id="tab-04" name="tab-group-2">
  128. <label for="tab-04">
  129. BIOGRAPHY </label>
  130.  
  131.  
  132. <div class="content">
  133.  
  134.  
  135.  
  136. <h1>h1 header</h1>
  137. <h3>❝h3 header <i>italic</i>❞</h3>
  138.  
  139. <dc>L</dc>orem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu lacus justo. Proin egestas lobortis nibh eu cursus. Curabitur quis enim quis turpis varius ullamcorper vel eget magna. Proin in maximus lectus, eget rutrum sem. Cras lobortis bibendum leo eu accumsan. Praesent ut ligula sed odio lacinia bibendum eget sit amet elit. Phasellus non felis enim. Pellentesque at sapien dui. Proin vulputate facilisis quam sed viverra. Vivamus nec elementum leo, a tincidunt dui. Donec ut erat ac neque rutrum aliquet. Quisque consectetur nibh ut luctus molestie.
  140.  
  141. <p></p>
  142.  
  143. Phasellus consequat nibh nec molestie ultricies. Proin interdum risus a elit efficitur pretium quis non est. Sed sit amet nulla lacus. Maecenas rutrum augue tortor, vel pharetra ligula egestas sit amet. Nulla nunc sapien, euismod at magna vitae, congue pellentesque mauris. In eget nisl semper, bibendum dui sit amet, molestie nulla. Aenean mollis est eu lorem molestie, nec tempus ipsum hendrerit. Vivamus cursus, nulla sit amet mollis volutpat, diam lectus elementum risus, vel convallis lorem ante ac nulla. Maecenas porta nisi eget dui finibus imperdiet. Ut ut turpis libero.
  144.  
  145. <p></p>
  146.  
  147. Sed vitae ex ligula. Suspendisse in varius enim. Aliquam varius orci sit amet sem auctor, nec rutrum felis consectetur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque ac massa mi. Aliquam erat volutpat. Nulla facilisi. Nulla suscipit volutpat justo sit amet laoreet. Sed euismod mauris in felis sodales faucibus eu eget massa. Integer ultricies vel sem a posuere. Sed finibus, enim ac blandit posuere, urna quam finibus quam, vitae iaculis velit orci id ligula. Quisque rhoncus magna urna, vitae ullamcorper elit ultricies a.
  148.  
  149. <p></p>
  150.  
  151.  
  152.  
  153. </div>
  154. </div>
  155. <! --- END BIOGRAPHY --->
  156.  
  157.  
  158.  
  159.  
  160. <! --- SAMPLE --- >
  161.  
  162. <div class="tab">
  163. <input type="radio" id="tab-05" name="tab-group-2">
  164. <label for="tab-05">
  165. SAMPLE </label>
  166.  
  167. <div class="content">
  168.  
  169.  
  170. <dc>D</dc>onec libero mi, gravida in ipsum at, sagittis cursus ante. Nunc commodo varius nunc. Ut congue orci in nulla ultrices convallis. Aenean ex justo, volutpat sed placerat dictum, volutpat sed turpis. Ut pellentesque, elit nec iaculis interdum, enim orci dapibus mauris, non volutpat justo purus consectetur sem. Duis nec cursus orci, ac luctus quam. Vestibulum auctor id orci eu pharetra. Maecenas ultrices elit eget dolor sagittis commodo. Sed auctor, nunc sed mollis bibendum, libero quam tempus tellus, id imperdiet neque velit eget nisi. Aliquam eget arcu convallis, bibendum sem a, tincidunt massa. In tincidunt arcu sagittis orci bibendum venenatis. Donec mattis dolor justo, sed ornare arcu semper ut. Curabitur in ex odio. Praesent sit amet mauris nec dui tincidunt fringilla.
  171.  
  172. <p></p>
  173.  
  174. Integer dictum odio sit amet nisl consequat ultricies. Pellentesque vehicula placerat urna. Vivamus scelerisque turpis eu nulla bibendum, vel malesuada metus molestie. Sed feugiat ipsum ornare, interdum ex eget, hendrerit est. Donec fringilla volutpat pellentesque. Suspendisse pharetra molestie massa, vel luctus ex aliquet posuere. Etiam id suscipit quam, non euismod ligula. Donec pretium rutrum turpis eget posuere. Pellentesque auctor ornare felis, vel suscipit enim congue non. Nunc varius efficitur orci eget tempus. Donec pharetra aliquet odio quis pellentesque.
  175.  
  176. <p></p>
  177.  
  178.  
  179.  
  180. </div>
  181. </div>
  182. <! --- END SAMPLE --- >
  183.  
  184.  
  185.  
  186.  
  187.  
  188.  
  189. <! --- ETC MISC BOX --- >
  190.  
  191. <div class="tab">
  192. <input type="radio" id="tab-06" name="tab-group-2">
  193. <label for="tab-06">
  194. ETC </label>
  195.  
  196. <div class="content">
  197.  
  198. Below this is what all your text properties look like...
  199.  
  200. <p></p>
  201.  
  202. <dc>DC</dc>text unt strip <b>b text</b> steak minim, tempor brisket frankfurter dolor. Deserunt cillum eu adipisicing <strong>strong text</strong> tempor. Pork <i>i text</i> belly pork chop cupim brisket shoulder <em>em text</em> esse tongue, picanha magna jowl venison capicola chuck velit. Velit <i2>i2 text</i2> deserunt shank pig ut do fatback adipisicing short loin chuck. Ad prosciutto bacon biltong, <ll>ll text</ll> brisket <m>m text</m> laborum incididunt sint reprehenderit mollit tongue in. Jowl sausage dolor salami <o>o text</o>, meatloaf ham hock pastrami <u>u text</u> ullamco nisi proident. In shank pork belly incididunt tempor est sed filet mignon id duis sausage salami meatball boudin cupim. Pariatur tempor in doner. Ribeye duis <big>big text</big> quis non <small>small text</small> adipisicing excepteur chicken. Mollit brisket in tenderloin in proident meatball beef ribs tail id fugiat.
  203.  
  204. <p></p>
  205.  
  206. Tempor aute. Consectetur pariatur ut enim elit short ribs, ut porchetta dolore est ball tip dolore. Pork loin nisi fatback lorem cupidatat tail. Qui cupidatat eiusmod, pork belly turducken excepteur leberkas proident consectetur pork mollit picanha labore laborum. Beef pastrami adipisicing ham. Pork loin nisi fatback lorem cupidatat tail.
  207.  
  208. <p></p>
  209.  
  210. Aliquip shank id qui duis in fatback dolore meatloaf <tt>tt text</tt> ribeye. Ut mollit drumstick culpa pork loin short loin hamburger adipisicing ut do corned beef nostrud strip steak jerky.
  211.  
  212. <blockquote>blockquote text</blockquote>
  213.  
  214. <p></p>
  215.  
  216. <h1>h1 text</h1>
  217. <br>
  218. <h2>h2 text</h2>
  219. <br>
  220. <h3>h3 text</h3>
  221. <br>
  222. <h4>h4 text</h4>
  223. <br>
  224. <h5>h5 text</h5>
  225. <br>
  226. <h6>h6 text</h6>
  227. <br>
  228. <h7>h7 text</h7>
  229. <br>
  230.  
  231.  
  232. Ribeye bacon officia commodo ad prosciutto. Frankfurter et doner sed swine nisi anim brisket picanha dolore lorem bresaola eiusmod pork belly beef ribs. Andouille dolore chicken, quis eiusmod sirloin qui fatback jerky. Spare Ullamco kielbasa strip steak duis deserunt, pork loin pork belly pariatur incididunt cow irure non andouille. Biltong meatball flank, ball tip hamburger do cow boudin veniam filet mignon proident porchetta kevin jowl. Qui swine pancetta doner, ea tongue duis meatloaf ullamco magna spare ribs chicken fatback. Tongue alcatra labore consequat enim, jerky short ribs tri-tip landjaeger meatloaf laborum. Pork belly sint pork chop, boudin cupidatat excepteur ex ham hock doner short loin.
  233. <p>
  234.  
  235.  
  236.  
  237.  
  238. </div>
  239. </div>
  240. <! --- END ETC MISC BOX --->
  241.  
  242.  
  243.  
  244. </div><! --- END TABBED BOXES --->
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253. <blockquote>
  254.  
  255. "Put a decent sized quote or song lyric right in here. About one, two, or three lines long, maybe. But not TOO long. I mean, you can make it any length, as long as you adjust the table sizes."
  256.  
  257. </blockquote>
  258.  
  259.  
  260.  
  261.  
  262.  
  263.  
  264.  
  265.  
  266. <! --- START FRIENDS BOXES --- >
  267. <div class="tabs">
  268.  
  269.  
  270. <! --- START CONNECTIONS1 BOX --- >
  271. <div class="tab">
  272. <input type="radio" id="tab-07" name="tab-group-3" checked>
  273. <label for="tab-07">
  274. CONNECTIONS 1 </label>
  275.  
  276. <div class="content">
  277.  
  278. <img src="http://placehold.it/80x84" class="conpic">
  279.  
  280. <dc>A</dc>ll of your lovely connection ideas can go right in here. Isn't that nice? That's very nice of Ziggy. You should thank him. ne day something will go here. Hamburger pastrami commodo pork chop shankle, meatloaf irure landjaeger short ribs turducken jerky. Exercitation porchetta spare ribs sirloin, kevin enim esse pastrami nulla. In id porchetta, non ipsum est sirloin hamburger turducken. Meatloaf officia est t-bone sint. Turducken eiusmod non in deserunt shankle. Commodo jerky excepteur tenderloin, filet mignon in ut sirloin. Dolore porchetta dolor alcatra. Veniam dolore tail jerky incididunt nulla turducken ribeye.
  281.  
  282. <p></p>
  283.  
  284. <img src="http://placehold.it/80x84" class="conpic2"> Another connection can go right in here. Isn't that nice? That's very nice of Ziggy. You should thank him. ne day something will go here. Hamburger pastrami commodo pork chop shankle, meatloaf irure landjaeger short ribs turducken jerky. Exercitation porchetta spare ribs sirloin, kevin enim esse pastrami nulla. In id porchetta, non ipsum est sirloin hamburger turducken. Meatloaf officia est t-bone sint. Turducken eiusmod non in deserunt shankle. Commodo jerky excepteur tenderloin, filet mignon in ut sirloin. Dolore porchetta dolor alcatra. Veniam dolore tail jerky incididunt nulla turducken ribeye.
  285.  
  286.  
  287. </div>
  288. </div>
  289. <! ---- END CONNECTIONS1 BOX ---- >
  290.  
  291.  
  292.  
  293.  
  294.  
  295. <! --- START CONNECTIONS2 BOX --- >
  296. <div class="tab">
  297. <input type="radio" id="tab-08" name="tab-group-3">
  298. <label for="tab-08">
  299. CONNECTIONS 2 </label>
  300.  
  301. <div class="content">
  302.  
  303.  
  304. <dc>O</dc> ne day something will go here. Anim swine laboris kevin filet mignon cow sirloin jowl ut. Meatloaf elit bresaola alcatra, pastrami veniam hamburger brisket. Short loin culpa cupidatat, ex nulla dolor frankfurter shank. Ea bacon do, commodo brisket dolore reprehenderit frankfurter andouille. Mollit dolore laborum hamburger in picanha. Hamburger pastrami commodo pork chop shankle, meatloaf irure landjaeger short ribs turducken jerky. Exercitation porchetta spare ribs sirloin, kevin enim esse pastrami nulla. In id porchetta, non ipsum est sirloin hamburger turducken. Meatloaf officia est t-bone sint. Turducken eiusmod non in deserunt shankle. Commodo jerky excepteur tenderloin, filet mignon in ut sirloin. Dolore porchetta dolor alcatra. Veniam dolore tail jerky incididunt nulla turducken ribeye.
  305.  
  306.  
  307. </div>
  308. </div>
  309. <! ---- END CONNECTIONS2 BOX ---- >
  310.  
  311.  
  312.  
  313.  
  314.  
  315. <! --- START CONNECTIONS3 BOX --- >
  316. <div class="tab">
  317. <input type="radio" id="tab-09" name="tab-group-3">
  318. <label for="tab-09">
  319. DESIRED </label>
  320.  
  321. <div class="content">
  322.  
  323.  
  324. Desired connections and storylines will go here. Or, literally whatever you want can go here. Hamburger pastrami commodo pork chop shankle, meatloaf irure landjaeger short ribs turducken jerky. Exercitation porchetta spare ribs sirloin, kevin enim esse pastrami nulla. In id porchetta, non ipsum est sirloin hamburger turducken. Meatloaf officia est t-bone sint. Turducken eiusmod non in deserunt shankle. Commodo jerky excepteur tenderloin, filet mignon in ut sirloin. Dolore porchetta dolor alcatra. Veniam dolore tail jerky incididunt nulla turducken ribeye. Anim swine laboris kevin filet mignon cow sirloin jowl ut. Meatloaf elit bresaola alcatra, pastrami veniam hamburger brisket. Short loin culpa cupidatat, ex nulla dolor frankfurter shank. Ea bacon do, commodo brisket dolore reprehenderit frankfurter andouille. Mollit dolore laborum hamburger in picanha.
  325.  
  326.  
  327.  
  328. </div>
  329. </div>
  330. <! ---- END CONNECTIONS3 BOX ---- >
  331.  
  332.  
  333.  
  334.  
  335. </div><! --- END TABBED BOXES --->
  336.  
  337. [PUT THIS IN LIKE TO MEET SECTION]
  338.  
  339. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  340.  
  341. <style type="text/css">
  342.  
  343. /* ---- SWIPER NO SWIPING, BITCH!---- */
  344. /* --- LITTLE CRIMINAL AESTHETICS --- */
  345. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  346. /* -- roleplayer.me/littlecriminal -- */
  347. /* This layout was coded entirely by
  348. hand for use by MONSTERchildren RPG's
  349. members. It is not up for download by
  350. anyone other than members of MONSTER
  351. children RPG. DO NOT STEAL ANY part of
  352. this layout. Unless you are a MEMBER of
  353. MONSTERchildren RPG, or a really close
  354. friend of Begbie's, you ain't permitted
  355. to use this layout as a whole or any
  356. section (idc how small) of this layout
  357. for your own or to tack onto another
  358. layout. DO YOUR OWN CODING RESEARCH.
  359. KTHANKS. But, yeah. I know. It's f***ing
  360. beautiful. K THANKS byeeeeeeeeee! -- */
  361. /* ------ J O S E P H O B I A! ------ */
  362.  
  363.  
  364.  
  365. /* --- FONT LINK SLASH IMPORT CODE -- */
  366. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  367. /* ---------------------------------- */
  368. /* If you do not want or will not use
  369. this font in your layout, then you can
  370. simply delete this section or the code
  371. below. Any text that use this font will
  372. be affected, so you can either change
  373. their fonts, or the computer will
  374. automatically use a default font for
  375. you and whomever views the page. --- */
  376.  
  377. @import url('https://fonts.googleapis.com/css?family=Hind|Inconsolata|Oswald|Rajdhani:700');
  378.  
  379.  
  380.  
  381. /* --- THE BASIC PAGE PROPERTIES! --- */
  382. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  383. /* ---------------------------------- */
  384.  
  385. body {
  386. background-color: #303030;
  387. top: 0;
  388. margin: 0;
  389. -webkit-text-size-adjust: none;
  390. -moz-text-size-adjust: none;
  391. -ms-text-size-adjust: none;
  392. -o-text-size-adjust: none;
  393. }
  394.  
  395.  
  396.  
  397. /* ------ THE BILLBOARD BANNER ------ */
  398. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  399. /* ---------------------------------- */
  400.  
  401.  
  402. .BILLBOARD {
  403. color: #B0B0B0;
  404. font-family: 'Hind', arial;
  405. font-size: 10px;
  406. text-align: center;
  407. background: #3F3F3F;
  408. border: none;
  409. width: 790px;
  410. height: 215px;
  411. padding-top: 0;
  412. top: 0px;
  413. left: 0px;
  414. margin: 0px;
  415. margin-top: -220px;
  416. margin-left: -335px;
  417. position: absolute;
  418. visibility: visible;
  419. z-index: 9999999999 !important;
  420. overflow: hidden;
  421. }
  422.  
  423. #title {
  424. color: #C4D9DA;
  425. font-size: 30px;
  426. font-family: 'Oswald', MS Pgothic;
  427. text-shadow: 2px 0px 3px #3B4953;
  428. text-transform: uppercase;
  429. text-align: left;
  430. font-style: italic;
  431. letter-spacing: -1px;
  432. padding: 5px;
  433. top: 0;
  434. margin-top: 50px;
  435. margin-left: 60px;
  436. position: absolute;
  437. visibility: visible;
  438. width: 415px;
  439. overflow: hidden;
  440. z-index: 44;
  441. }
  442.  
  443. #title2 {
  444. color: #C4D9DA;
  445. font-size: 30px;
  446. font-family: 'Oswald', MS Pgothic;
  447. text-shadow: 2px 0px 3px #3B4953;
  448. text-transform: uppercase;
  449. text-align: right;
  450. font-style: italic;
  451. letter-spacing: -.5px;
  452. padding: 5px;
  453. top: 0;
  454. margin-top: 50px;
  455. margin-right: 88px;
  456. position: absolute;
  457. visibility: visible;
  458. width: 415px;
  459. overflow: hidden;
  460. z-index: 44;
  461. right: 0;
  462. padding-right: 10px;
  463. }
  464.  
  465. #halfpipe {
  466. display: block;
  467. background: #B7B7B7;
  468. bottom: 0px;
  469. width: 100%;
  470. height: 125px;
  471. position: absolute;
  472. }
  473.  
  474.  
  475.  
  476. /* -- THE IMAGE & ICON PROPERTIES! -- */
  477. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  478. /* ---------------------------------- */
  479.  
  480. #circle {
  481. display: block;
  482. border-radius: 100%;
  483. height: 130px;
  484. width: 130px;
  485. background: #C4D9DA;
  486. margin: 20px auto;
  487. overflow: hidden;
  488. border: 10px solid #B7B7B7;
  489. position: relative;
  490. z-index: 9;
  491. object-fit: cover;
  492. object-position: initial;
  493. }
  494.  
  495. #circle img {
  496. min-height:120px;
  497. min-width:120px;
  498. object-fit: cover;
  499. object-position: initial;
  500. max-width: 130px;
  501. }
  502.  
  503. .pic1 {
  504. float: left;
  505. width: 245px;
  506. max-height: 127px;
  507. height: 127px;
  508. overflow: hidden;
  509. object-fit: cover;
  510. display: inline-block;
  511. margin-top: 8px;
  512. }
  513.  
  514. .pic2 {
  515. float: right;
  516. width: 185px;
  517. max-height: 127px;
  518. height: 127px;
  519. overflow: hidden;
  520. object-fit: cover;
  521. display: inline-block;
  522. margin-top: 8px;
  523. }
  524.  
  525. .s1 {
  526. float: left;
  527. width: 85px;
  528. max-height: 136px;
  529. height: 136px;
  530. overflow: hidden;
  531. object-fit: cover;
  532. margin-right: 4px;
  533. }
  534.  
  535. .conpic {
  536. display: inline-block;
  537. height: 84px;
  538. width: 80px;
  539. float: left;
  540. margin-right: 5px;
  541. padding: 4px;
  542. border: 3px double #888E92;
  543. background: #FFF;
  544. }
  545.  
  546. .conpic2 {
  547. display: inline-block;
  548. height: 84px;
  549. width: 80px;
  550. float: right;
  551. margin-left: 5px;
  552. padding: 4px;
  553. border: 3px double #888E92;
  554. background: #FFF;
  555. }
  556.  
  557. img.conpic, img.conpic2,
  558. img.s1, img.pic1, img.pic2 {
  559. object-fit: cover;
  560. }
  561.  
  562.  
  563.  
  564. /* -- THE DIV TEXT BOX PROPERTIES --- */
  565. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  566. /* ---------------------------------- */
  567.  
  568. .deets {
  569. width:300px;
  570. height:166px;
  571. overflow:hidden;
  572. }
  573.  
  574. #stats {
  575. color: #888;
  576. float: right;
  577. text-align: justify;
  578. height: 136px;
  579. width: 210px;
  580. -webkit-logical-height: 136px;
  581. overflow-x: hidden;
  582. overflow-y: auto;
  583. display: block;
  584. }
  585.  
  586.  
  587.  
  588.  
  589. /* -- BASIC TYPOGRAPHY PROPERTIES! -- */
  590. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  591. /* Self explanatory, I think. But this
  592. is where you edit your pretty little
  593. 'fonts'. Or as real designers call it:
  594. Type. Colors, bold, italics, headers,
  595. etc will all be here. Feel free to add
  596. more type code in this section. Just
  597. DON'T f u c k up the stylesheet, Ok? */
  598. /* ---------------------------------- */
  599.  
  600. table, tr, td, li, p, div, text, font, body {
  601. /* This is the overall body text */
  602. color: #888;
  603. font-family: 'Hind', Calibri, Sans;
  604. font-size: 10.2px;
  605. letter-spacing: 0;
  606. line-height: 125%;
  607. font-weight: 400;
  608. }
  609.  
  610. b { /* bold text properties <b>text</b> */
  611. color: #DCF0FF;
  612. font-family: 'Inconsolata', courier, monospace;
  613. font-size: 9px;
  614. font-weight: lighter;
  615. text-transform: uppercase;
  616. letter-spacing: 1px;
  617. }
  618.  
  619. b:after {
  620. color: #597E96;
  621. content: "//";
  622. letter-spacing: 0px;
  623. margin-left: 1px;
  624. margin-right: 1px;
  625. }
  626.  
  627. strong { /*also bold <strong> - only bolds the word
  628. or letter you want, not change the text colour or
  629. anything else. Great for use in headers & quotes
  630. in case you wanna emphasise a word or something*/
  631. font-weight: bold;
  632. }
  633.  
  634. i { /* italic text properties <i> */
  635. color: #597486;
  636. font-family: cambria, georgia;
  637. font-size: 13px;
  638. font-weight: none;
  639. font-style: italic;
  640. text-transform: lowercase;
  641. letter-spacing: 0px;
  642. padding: 0px 3px;
  643. }
  644.  
  645. i2 { /* italic2 text properties <i2> */
  646. color: #E9E9E9;
  647. font-family: times new roman, times;
  648. font-size: 13px;
  649. font-weight: bold;
  650. font-style: italic;
  651. text-transform: none;
  652. text-align: center!important;
  653. display: block;
  654. }
  655.  
  656. em {
  657. color: #91AFB6;
  658. font-family: courier new, courier, monospace;
  659. font-size: 8px;
  660. font-weight: 400;
  661. font-style: normal;
  662. text-transform: uppercase;
  663. letter-spacing: 2px;
  664. line-height: 8px;
  665. text-shadow: 0px 0px 5px #697679;
  666. }
  667.  
  668. ll {
  669. color: #AFBBC2;
  670. font-family: 'Oswald', MS Pgothic, Calibri, sans;
  671. font-size: 11px;
  672. letter-spacing: 3px;
  673. text-transform: uppercase;
  674. text-shadow: 1px 0px 0px #425966;
  675. visibility: visible;
  676. quotes: none;
  677. }
  678.  
  679. m {
  680. color: #99B7E3;
  681. border-bottom: .5px dashed #8ea6b3;
  682. }
  683.  
  684. o {
  685. color: #898989;
  686. letter-spacing: -1px;
  687. margin-right: 3px;
  688. }
  689.  
  690. u { /* underlined text properties <u> */
  691. color: #507585;
  692. font-family: georgia;
  693. font-size: 9px;
  694. text-transform: normal;
  695. letter-spacing: 1px;
  696. padding-left: 2px;
  697. padding-right: 2px;
  698. text-decoration: underline;
  699. }
  700.  
  701. big { /* big text properties <big> */
  702. color: #7D9EB7;
  703. font-family: courier new;
  704. font-size: 10px;
  705. line-height: 3px;
  706. font-weight: none;
  707. font-style: none;
  708. text-transform: uppercase;
  709. letter-spacing: 3px;
  710. }
  711.  
  712. small { /* small text properties <small> */
  713. color: #8CA8AE;
  714. font-family: calibri, sans;
  715. font-size: 8px;
  716. font-weight: none;
  717. font-style: none;
  718. line-height: 125%;
  719. text-transform: uppercase;
  720. letter-spacing: 1px;
  721. margin-top: 8px;
  722. margin-bottom: 8px;
  723. -webkit-margin-before: 1em;
  724. -webkit-margin-after: 1em;
  725. -webkit-margin-start: 0px;
  726. -webkit-margin-end: 0px;
  727. }
  728.  
  729. dc {
  730. color: #FFF;
  731. font-family: cambria;
  732. font-size: 29px;
  733. font-style: italic;
  734. font-weight: 100;
  735. line-height: 100%;
  736. text-shadow: -3px 0px 0px #676b6e;
  737. background-color: #7C8F98;
  738. border: 4px double #5A5A5A;
  739. display: inline-block;
  740. padding: 0px 10px 2px 10px;
  741. margin-top: 0px;
  742. margin-right: 4px;
  743. margin-bottom: 0px;
  744. float: left;
  745. }
  746.  
  747. tt {
  748. color: #769AAB;
  749. font-family: trebuchet ms;
  750. font-size: 10px;
  751. line-height: 9px;
  752. font-weight: none;
  753. font-style: normal;
  754. text-transform: uppercase;
  755. letter-spacing: -.1px;
  756. }
  757.  
  758. blockquote {
  759. color: #A4ACB4;
  760. font-family: consolas;
  761. font-size: 9px;
  762. text-transform: uppercase;
  763. letter-spacing: 0px;
  764. line-height: 10px;
  765. text-align: right;
  766. background-color: #5E6568;
  767. border-left-style: solid;
  768. border-left-width: 5px;
  769. border-left-color: #869CA1;
  770. margin: 0px;
  771. margin-top: 8px;
  772. margin-bottom: 8px;
  773. -webkit-margin-before: 6px;
  774. -webkit-margin-after: 6px;
  775. -webkit-margin-start: 0px;
  776. -webkit-margin-end: 0px;
  777. padding: 5px;
  778. padding-right: 10px;
  779. display: block;
  780. }
  781.  
  782.  
  783.  
  784. /* ---- THE HEADCANON LIST CODES ---- */
  785. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  786. /* ---------------------------------- */
  787.  
  788. ul {
  789. background: transparent;
  790. padding: 2px 3px;
  791. display: block;
  792. margin: 2px 0px;
  793. clear: both !important;
  794. }
  795.  
  796. ul li {
  797. color: #8a959e;
  798. background: #4c4e50;
  799. margin: 0px 0px 2px 29px;
  800. list-style-type: none;
  801. padding: 8px;
  802. height: auto;
  803. z-index: 30!important;
  804. display: block!important;
  805. }
  806.  
  807. ul li::before {
  808. color: #85b3c5;
  809. font: normal normal normal 14px/1 FontAwesome!important;
  810. width: 24px;
  811. font-size: 18px;
  812. line-height: 20px;
  813. display: block;
  814. position: relative;
  815. overflow: hidden;
  816. float: left;
  817. counter-increment: initial;
  818. left: 0px;
  819. top: 0px;
  820. margin: auto auto auto -33px;
  821. }
  822.  
  823. .fa {
  824. font-family: arial, sans-serif;
  825. font-size: 11px;
  826. display: inline-block;
  827. font-size: inherit;
  828. text-rendering: auto;
  829. -webkit-font-smoothing: antialiased;
  830. -moz-osx-font-smoothing: grayscale;
  831. }
  832.  
  833. i.fa {
  834. font-family: FontAwesome !important;
  835. }
  836.  
  837. .fa.fa-list-ol {
  838. font: normal normal normal 14px/1 FontAwesome!important;
  839. width: 15px;
  840. float: right;
  841. border-left: 1px solid #eee;
  842. padding: 5px 10px;
  843. margin: 0px;
  844. display: inline-block;
  845. clear: both !important;
  846. height: 25px;
  847. text-align: center;
  848. color: #A7A7A7;
  849. line-height: 90%;
  850. background: #d5d5d5;
  851. }
  852.  
  853.  
  854.  
  855. /* -- BASIC HEADER TEXT PROPERTIES -- */
  856. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  857. /* ---------------------------------- */
  858.  
  859. h1 { /* HEADER 1 TEXT - <h1>text.</h1> */
  860. color: #79AAB7;
  861. font-family: "Rajdhani", Calibri, sans;
  862. font-size: 18px;
  863. text-align: center;
  864. letter-spacing: -1px;
  865. text-transform: lowercase;
  866. line-height: 12px;
  867. font-weight: lighter;
  868. border-left-width: 60px;
  869. border-color: #898F8F;
  870. border-left-style: solid;
  871. border-right-style: solid;
  872. border-right-width: 60px;
  873. margin: 0;
  874. margin-top: 5px;
  875. margin-bottom: 5px;
  876. }
  877.  
  878. h2 { /* HEADER 2 TEXT - <h2>text.</h2> */
  879. color: #FFF;
  880. font-family: 'Rajdhani', 'Hind', Calibri, sans;
  881. font-size: 11px;
  882. font-weight: normal;
  883. text-transform: uppercase;
  884. margin-top: 6px;
  885. margin-bottom: 6px;
  886. letter-spacing: 0px;
  887. line-height: 1px;
  888. border-left-style: solid;
  889. border-left-width: 40px;
  890. border-right-style: solid;
  891. border-right-width: 40px;
  892. border-color: #FFF;
  893. font-style: none;
  894. text-align: center;
  895. display: block;
  896. }
  897.  
  898. h3 { /* HEADER 3 TEXT - <h3>text.</h3> */
  899. color: #3B3B3B;
  900. font-family: calibri, sans;
  901. font-size: 8px;
  902. font-weight: 700;
  903. line-height: 80%;
  904. text-align: center;
  905. letter-spacing: 8px;
  906. background-color: #AFC0C2;
  907. text-transform: uppercase;
  908. margin: 0;
  909. margin-bottom: 6px;
  910. padding: 2px;
  911. }
  912.  
  913. h4 { /* HEADER 4 TEXT - <h4>text.</h4> */
  914. color: #FFF;
  915. font-family: 'Inconsolata';
  916. font-size: 8px;
  917. text-align: center;
  918. letter-spacing: 1px;
  919. text-transform: uppercase;
  920. font-weight: lighter;
  921. line-height: 7px;
  922. margin-top: 6px;
  923. margin-bottom: 5px;
  924. -webkit-margin-before: 1.33em;
  925. -webkit-margin-after: 1.33em;
  926. -webkit-margin-start: 0px;
  927. -webkit-margin-end: 0px;
  928. display: block;
  929. }
  930.  
  931. h5 { /* HEADER 5 TEXT - <h5>text.</h5> */
  932. color: #9AACC3;
  933. font-family: 'Rajdhani', 'Hind', Arial, sans;
  934. font-size: 11px;
  935. font-weight: normal;
  936. text-transform: uppercase;
  937. margin-top: 10px;
  938. margin-bottom: 0px;
  939. letter-spacing: 5px;
  940. line-height: 1px;
  941. border-top: 1px solid;
  942. border-bottom: 1px solid;
  943. border-color: #454F53;
  944. font-style: normal;
  945. text-align: center;
  946. display: block;
  947. text-shadow: 1px 1px 0px #474747;
  948. }
  949.  
  950. h6 { /* HEADER 6 TEXT - <h6>text.</h6> */
  951. color: #B0D6E0;
  952. font-family: 'Rajdhani', Arial, sans;
  953. font-size: 8.5px;
  954. font-weight: none;
  955. font-style: none;
  956. line-height: 110%;
  957. text-transform: uppercase;
  958. letter-spacing: 1px;
  959. text-align: center;
  960. display: block;
  961. margin-top: 8px;
  962. margin-bottom: 8px;
  963. -webkit-margin-before: 1em;
  964. -webkit-margin-after: 1em;
  965. -webkit-margin-start: 0px;
  966. -webkit-margin-end: 0px;
  967. clear: both;
  968. }
  969.  
  970. h7 { /* HEADER 7 TEXT - <h7>text.</h7> */
  971. color: #83B6CF;
  972. font-family: calibri, sans;
  973. font-size: 8px;
  974. font-weight: 400;
  975. text-align: center;
  976. text-transform: uppercase;
  977. margin: 2px;
  978. letter-spacing: 1px;
  979. line-height: 20px;
  980. font-style: none;
  981. border-bottom: 1px dotted;
  982. border-top: 1px dotted;
  983. border-color: #96aeb1;
  984. display: block;
  985. }
  986.  
  987.  
  988.  
  989. /* -- BASIC LINK/HOVER PROPERTIES --- */
  990. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  991. /* How links will appear on your page */
  992. /* ---------------------------------- */
  993.  
  994. a:link, a:visited, a:active, a.redlink,
  995. a.redlink:link, a.redlink:active, a.redlink:visited {
  996. color: #74DDFF;
  997. font-family: 'Rajdhani', Calibri, Arial, sans;
  998. font-size: 8px;
  999. text-transform: uppercase;
  1000. letter-spacing: 1px;
  1001. font-weight: lighter;
  1002. -webkit-transition: all 0.6s ease-in-out;
  1003. -moz-transition: all 0.6s ease-in-out;
  1004. -ms-transition: all 0.6s ease-in-out;
  1005. -o-transition: all 0.6s ease-in-out;
  1006. transition: all 0.6s ease-in-out;
  1007. }
  1008.  
  1009. a:hover, a.redlink:hover{
  1010. color: #FFFFFF;
  1011. font-family: 'Rajdhani', Calibri, Arial, sans;
  1012. font-size: 8px;
  1013. text-transform: uppercase;
  1014. letter-spacing: 1px;
  1015. font-weight: lighter;
  1016. text-decoration: none;
  1017. -webkit-transition: all 0.6s ease-in-out;
  1018. -moz-transition: all 0.6s ease-in-out;
  1019. -ms-transition: all 0.6s ease-in-out;
  1020. -o-transition: all 0.6s ease-in-out;
  1021. transition: all 0.6s ease-in-out;
  1022. visibility: visible;
  1023. }
  1024.  
  1025.  
  1026.  
  1027. /* --- NAGIVATION LINK PROPERTIES --- */
  1028. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  1029. /* ---------------------------------- */
  1030.  
  1031. #FLOO {
  1032. text-align: center;
  1033. background-color: #9BA8AB;
  1034. width: 790px;
  1035. padding: 4px;
  1036. padding-left: 0px;
  1037. padding-right: 0px;
  1038. bottom: 0px;
  1039. left: 0px;
  1040. margin: 0;
  1041. z-index: 9999999999;
  1042. position: absolute!important;
  1043. visibility: visible;
  1044. margin-top: 0px;
  1045. height: 35px;
  1046. display: block;
  1047. }
  1048.  
  1049. #FLOO a {
  1050. color: #597990;
  1051. font-family: 'Oswald', MS Pgothic;
  1052. font-size: 7.5px;
  1053. letter-spacing: 1px;
  1054. font-weight: 300;
  1055. text-transform: uppercase;
  1056. display: inline-block;
  1057. width: 99px;
  1058. padding-top: 10px;
  1059. padding-bottom: 10px;
  1060. padding-right: 5px;
  1061. padding-left: 5px;
  1062. z-index: 9999999999;
  1063. -webkit-transition: all .6s ease-out;
  1064. -moz-transition: all .6s ease-out;
  1065. -ms-transition: all .6s ease-out;
  1066. -o-transition: all .6s ease-out;
  1067. transition: all .6s ease-out;
  1068. text-decoration: none;
  1069. }
  1070.  
  1071. #FLOO a:hover .aim {
  1072. color: #FFFFFF;
  1073. background-color: transparent;
  1074. display: inline;
  1075. -webkit-transition: all .6s ease-out;
  1076. -moz-transition: all .6s ease-out;
  1077. -ms-transition: all .6s ease-out;
  1078. -o-transition: all .6s ease-out;
  1079. transition: all .6s ease-out;
  1080. }
  1081.  
  1082. #FLOO a:hover, .aim:hover {
  1083. color: #FFFFFF;
  1084. -webkit-transition: all .6s ease-out;
  1085. -moz-transition: all .6s ease-out;
  1086. -ms-transition: all .6s ease-out;
  1087. -o-transition: all .6s ease-out;
  1088. transition: all .6s ease-out;
  1089. }
  1090.  
  1091. .aim,a:hover span {
  1092. display: none;
  1093. -webkit-transition: all .6s ease-out;
  1094. -moz-transition: all .6s ease-out;
  1095. -ms-transition: all .6s ease-out;
  1096. -o-transition: all .6s ease-out;
  1097. transition: all .6s ease-out;
  1098. }
  1099.  
  1100.  
  1101. /* ---- TABBED TABLE PROPERTIES! ---- */
  1102. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  1103. /* In all honesty, it's probably better
  1104. if you didn't play with this section at
  1105. all. But if you choose to, you do so at
  1106. your own risk. :3 we clear? crystal?- */
  1107. /* ---------------------------------- */
  1108.  
  1109. .tabs {
  1110. visibility:visible;
  1111. position: relative;
  1112. height: 165.5px;
  1113. -webkit-logical-height: 154.5px;
  1114. background-color: #424242;
  1115. clear: both;
  1116. margin: 0;
  1117. }
  1118.  
  1119. .tab, .tib {
  1120. float: left;
  1121. margin-top:6px;
  1122. }
  1123.  
  1124. .tab label, .tib label {
  1125. color: #5D5D5D;
  1126. font-family: 'Rajdhani';
  1127. visibility: visible;
  1128. background: transparent;
  1129. text-transform:uppercase;
  1130. letter-spacing:1px;
  1131. padding: 5px;
  1132. padding-left: 12px;
  1133. padding-right: 12px;
  1134. margin-left: -1px;
  1135. position: relative;
  1136. left: 1px;
  1137. }
  1138.  
  1139. .tib label {
  1140. padding-left: 10.5px;
  1141. padding-right: 10.5px;
  1142. }
  1143.  
  1144. .tab [type=radio],
  1145. .tib [type=radio] {
  1146. display: none;
  1147. }
  1148.  
  1149. [type=radio]:checked ~ label {
  1150. color: #639AB4;
  1151. background: #484848;
  1152. border-bottom: 0px solid white;
  1153. z-index: 2;
  1154. visibility: visible;
  1155. }
  1156.  
  1157. .content, .content2 {
  1158. visibility: visible;
  1159. position: absolute;
  1160. top: 20px;
  1161. left: 0;
  1162. background-color: #424242;
  1163. right: 0;
  1164. bottom: 0;
  1165. padding: 5px;
  1166. overflow-x: hidden;
  1167. overflow-y: auto;
  1168. text-align: justify;
  1169. line-height: 143%;
  1170. -webkit-transform: scale(0);
  1171. -moz-transform: scale(0);
  1172. -ms-transform: scale(0);
  1173. -o-transform: scale(0);
  1174. transform: scale(0);
  1175. -webkit-transition: all 0.6s ease-in-out;
  1176. -moz-transition: all 0.6s ease-in-out;
  1177. -ms-transition: all 0.6s ease-in-out;
  1178. -o-transition: all 0.6s ease-in-out;
  1179. transition: all 0.6s ease-in-out;
  1180. border: 10px solid #484848;
  1181. }
  1182.  
  1183. [type=radio]:checked ~ label ~ .content,
  1184. [type=radio]:checked ~ label ~ .content2 {
  1185. -webkit-transform: scale(1);
  1186. -moz-transform: scale(1);
  1187. -ms-transform: scale(1);
  1188. -o-transform: scale(1);
  1189. transform: scale(1);
  1190. -webkit-transition: all 0.6s ease-in-out;
  1191. -moz-transition: all 0.6s ease-in-out;
  1192. -ms-transition: all 0.6s ease-in-out;
  1193. -o-transition: all 0.6s ease-in-out;
  1194. transition: all 0.6s ease-in-out;
  1195. z-index: 1;
  1196. }
  1197.  
  1198. .stats2 {
  1199. background-color: #484848;
  1200. visibility: visible;
  1201. position: relative;
  1202. clear: both;
  1203. margin: 0;display
  1204. visibility: block;
  1205. width: 300px;
  1206. position: relative;
  1207. height: 321px;
  1208. -webkit-logical-height: 297px;
  1209. clear: both;
  1210. margin: 0;
  1211. }
  1212.  
  1213.  
  1214.  
  1215. /* -- TABLE & POSITIONING SETTINGS -- */
  1216. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  1217. /* ---------------------------------- */
  1218.  
  1219. table table {
  1220. margin-top: 0px;
  1221. position: relative;
  1222. z-index: 900;
  1223. }
  1224.  
  1225. table { position: static; }
  1226. td, table { background-color: transparent; }
  1227.  
  1228. #profileV1main {
  1229. background: #3F3F3F !important;
  1230. height: auto;
  1231. width: auto;
  1232. padding: 5px;
  1233. padding-bottom: 1px;
  1234. top: 0;
  1235. margin-top: 20px;
  1236. margin-bottom: 15px;
  1237. padding-top: 160px;
  1238. visibility: visible;
  1239. }
  1240.  
  1241. td.text table {
  1242. width: 100%;
  1243. margin-top: 0px;
  1244. }
  1245.  
  1246. td.text table table {
  1247. margin-top: 0px !important;
  1248. top: 0;
  1249. }
  1250.  
  1251. tbody tr td table table table {
  1252. top: 20;
  1253. }
  1254.  
  1255.  
  1256.  
  1257. /* -------- MISC. ATTRIBUTES -------- */
  1258. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  1259. /* ---------------------------------- */
  1260.  
  1261. html, body, div, span, object, ul, ol,
  1262. li, text, font, form, input, h1, h2,
  1263. button, label, a, img {
  1264. /* Prevents others from highlighting the
  1265. text on your page. but honestly, we use
  1266. it to prevent theft (code/plagiarism.) */
  1267. -webkit-user-select: none;
  1268. -webkit-user-drag: none;
  1269. -moz-user-select: none;
  1270. -moz-user-drag: none;
  1271. -ms-user-select: none;
  1272. -ms-user-drag: none;
  1273. -o-user-select: none;
  1274. -o-user-drag: none;
  1275. user-drag: none;
  1276. }
  1277.  
  1278. ::-webkit-selection { background: transparent; }
  1279. ::-moz-selection { background: transparent; }
  1280. ::selection { background: transparent; }
  1281.  
  1282. ::-webkit-scrollbar { width: 3px; }
  1283. ::-webkit-scrollbar-thumb { background: #535b61; }
  1284.  
  1285. /* - This is actually important.
  1286. don't f***ing touch it, ok? -*/
  1287. html {
  1288. height: 100%;
  1289. width: 100%;
  1290. overflow-y: auto;
  1291. }
  1292.  
  1293.  
  1294.  
  1295. /* -- !YOUR MUSIC PLAYER SETTINGS! -- */
  1296. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  1297. /* ---------------------------------- */
  1298.  
  1299. object {
  1300. max-width: 100px;
  1301. -webkit-logical-width: 100px;
  1302. z-index: 9999999999999;
  1303. }
  1304.  
  1305. embed {
  1306. z-index: 99999999999999999 !important;
  1307. position: absolute;
  1308. display: block;
  1309. margin-left: 100px;
  1310. bottom: 45px;
  1311. }
  1312.  
  1313.  
  1314.  
  1315. /* -------- THE CREDIT CORNER --------*/
  1316. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  1317. /* ---------------------------------- */
  1318.  
  1319. #credito {
  1320. bottom: 0;
  1321. right: 0;
  1322. margin-bottom: 3px;
  1323. height: 50px;
  1324. width: 50px;
  1325. overflow: hidden;
  1326. position: fixed;
  1327. padding: 5px;
  1328. padding-right: 10px;
  1329. text-align: right !important;
  1330. z-index: 100;
  1331. }
  1332.  
  1333. #credito a, #credito img {
  1334. width: 48px;
  1335. opacity: .50;
  1336. -webkit-transition: all .4s ease-out;
  1337. -moz-transition: all .4s ease-out;
  1338. -ms-transition: all .4s ease-out;
  1339. -o-transition: all .4s ease-out;
  1340. transition: all .4s ease-out;
  1341. }
  1342.  
  1343. #credito a:hover, #credito img:hover {
  1344. color: transparent!important;
  1345. opacity: 1;
  1346. }
  1347.  
  1348.  
  1349.  
  1350. /* ------- HIDDEN ATTRIBUTES! ------- */
  1351. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  1352. /* ---------------------------------- */
  1353. /* Do not tamper with this section in
  1354. any way, shape, or form if you do not
  1355. know what the hell you're doing. It is
  1356. way too easy to 'accidentally' eff up.*/
  1357. /* ---------------------------------- */
  1358.  
  1359. .interestsAndDetails, .profileInfo,
  1360. .friendSpace, .contactTable,
  1361. .latestBlogEntry, .userProfileDetail,
  1362. .extendednetwork, .userProfileURL,
  1363. .userProfileSchool, .orangetext15,
  1364. .whitetext12, .lightbluetext8,
  1365. .blacktext12, .orangetext15,
  1366. .userAlbums, #footerWarpper,
  1367. #headerWrap, table.Blurbs,
  1368. table.profileInfo td td, table.interestsAndDetails td.text,
  1369. table.interestsAndDetails span.whitetext12,
  1370. div.profileWidth ul li, table.blurbs td.text,
  1371. table.blurbs td td span.orangetext15,
  1372. table.interestsAndDetails td.text,
  1373. table.interestsAndDetails span.lightbluetext8 {display: none; }
  1374. #profileV1main > tbody > tr > td: nth-child(1) {display: none; }
  1375. #profileV1main > tbody:nth-child(1) > tr:nth-child(1)
  1376. > td:nth-child(1), body > div:nth-child(13) {display: none; }
  1377.  
  1378. @media screen and (max-device-width: 480px){
  1379. body{
  1380. -webkit-text-size-adjust: none;
  1381. } }
  1382.  
  1383.  
  1384.  
  1385. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  1386. /* -------- END OF STYLESHEET --------*/
  1387. /* Please direct all questions and / or
  1388. comments (unless it's just hatemail) to
  1389. Little Criminal Resource Site, located @:
  1390. roleplayer.me/littlecriminal
  1391. aim: midnightxblazer
  1392. /* -- MC LYT 003 - !FOR THE BIRDS! -- */
  1393. /* -------- END OF STYLESHEET --------*/
  1394.  
  1395. </style>
  1396.  
  1397. <BODY oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onkeydown="return false">
  1398. <HTML oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onkeydown="return false">
  1399.  
  1400. <noembed>
  1401.  
  1402. [PUT THIS IN INTERESTS SECTION]
  1403.  
  1404. </td></tr></tbody></table></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="300">
  1405. <tbody><tr></tr><tr><td><table align="left" border="0" cellpadding="0" cellspacing="0" width="300">
  1406. <tr><td style="word-wrap: break-word;" align="left" valign="top" width="300">
  1407.  
  1408.  
  1409. <div class="deets">
  1410.  
  1411. <h3>L I T T L E S H I T</h3>
  1412. <h4>"Quote here."</h4>
  1413.  
  1414.  
  1415. <img src="https://i.imgur.com/ycAIMeH.png" class="s1">
  1416.  
  1417.  
  1418.  
  1419. <div id="stats">
  1420.  
  1421. <b>Time Zone</b> Eastern
  1422. <br><b>Verses/Genre</b> List some stuff here like psychological, medical, real life, open verse, crossovers, fluff, angst, etc
  1423. <br><b>Triggers</b> List any and all triggers here
  1424. <br><b>Writing Style</b> Third person with occasional subconscious dialogue
  1425. <br><b>Writing Length</b> Para to multi para, occasional aim rps, status rp
  1426.  
  1427.  
  1428. </div><!-- END STATS -->
  1429. </div><!-- END DEETS -->
  1430.  
  1431. [PUT THIS IN MUSIC SECTION]
  1432.  
  1433. </td></tr></tbody></table></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="300">
  1434. <tbody><tr></tr><tr><td><table align="left" border="0" cellpadding="0" cellspacing="0" width="300"><tr>
  1435. <td style="word-wrap: break-word;" align="left" valign="top" width="300">
  1436.  
  1437.  
  1438. <blockquote>
  1439. "Put a rather short/small one to two line quote in here. Or resize tables as necessary."
  1440. </blockquote>
  1441.  
  1442.  
  1443.  
  1444. <!--- PERSONALITY STATS --->
  1445.  
  1446. <h5>THEY CALL ME KID</h5>
  1447. <h6>It's all about knowing your sh*t</h6>
  1448.  
  1449.  
  1450.  
  1451. <! --- PERSONALITY TABBED BOXES --- >
  1452. <div class="stats2">
  1453.  
  1454.  
  1455. <! --- START STATISTICAL TAB --- >
  1456. <div class="tib">
  1457. <input type="radio" id="tab-00" name="tab-group-1" checked>
  1458. <label for="tab-00">
  1459. statistical </label>
  1460.  
  1461. <div class="content2">
  1462.  
  1463. <h1>basic information</h1>
  1464. <h2>pay attention</h2>
  1465.  
  1466.  
  1467. <br><b>✖ Full Name</b> Full Name Here
  1468. <br><b>✖ Etymology</b> Put down the meaning of your name in here. <i>Italic</i> description here;
  1469. <br><i>Italic</i> description here;
  1470. <br><b>✖ Nicknames</b> Info, Info, Info.
  1471. <br><b>✖ Species</b> Info
  1472. <br><b>✖ Actual Age</b> Info
  1473. <br><b>✖ Sex | Gender</b> Info | Info
  1474. <br><b>✖ Date of Birth</b> 00-00-0000
  1475. <br><b>✖ Zodiac</b> Info
  1476. <br><b>✖ Time of Birth</b> 00:00 AM / PM
  1477. <br><b>✖ Place of Birth</b> Info
  1478. <br><b>✖ Current Residence.</b>
  1479. <br><b>✖ Martial Status</b> Info
  1480. <br><b>✖ Description</b> Info Info Info Info Info Info
  1481. <br><b>✖ Health</b>
  1482.  
  1483.  
  1484.  
  1485. <br>
  1486. <br>
  1487.  
  1488.  
  1489.  
  1490. <h1>outer layer</h1>
  1491. <h2>PHYSICAL APPEARANCE</h2>
  1492.  
  1493. <br><b>✖ Age Appearance</b> Info
  1494. <br><b>✖ Colouring</b> Info
  1495. <br><b>✖ Eye Colour</b> Info
  1496. <br><b>✖ Hair Colour</b> Info Info
  1497. <br><b>✖ Hair Type</b> Info Info Info
  1498. <br><b>✖ Hair Style</b> Info Info Info
  1499. <br><b>✖ Race | Ethnicity</b> Info Info
  1500. <br><b>✖ Right-left handed</b> Info
  1501. <br><b>✖ Height</b> Info
  1502. <br><b>✖ Weight</b> Info
  1503. <br><b>✖ Measurements</b> Waist 00, inseam 00.0
  1504. <br><b>✖ Sizes</b> Info Info Info Info.
  1505. <br><b>✖ Body Type</b> Info.
  1506. <br><b>✖ Looks</b> Info Info Info Info Info.
  1507. <br><b>✖ Age Appearance</b> Info Info Info Info Info Info Info Info Info.
  1508. <br><b>✖ Personal Appearance/Hygiene</b> Info Info Info Info Info Info Info Info Info.
  1509. <br><b>✖ Teeth</b> Info Info Info Info
  1510. <br><b>✖ Grooming</b> Info Info Info Info Info Info Info Info
  1511. <br><b>✖ Birthmarks</b> Info Info Info Info
  1512. <br><b>✖ Freckles|Blemishes</b> Info Info Info Info Info Info Info Info
  1513. <br><b>✖ Scars</b> Info Info Info Info Info Info Info Info
  1514. <br><b>✖ Tattoos, piercings</b> Info Info Info Info Info Info Info Info Info.
  1515. <br><b>✖ Piercings</b> Info Info Info Info Info Info Info
  1516. <br><b>✖ Glasses|Contacts</b> Info Info Info Info Info Info Info
  1517.  
  1518. <br>
  1519. <br>
  1520.  
  1521.  
  1522.  
  1523. </div>
  1524. </div>
  1525. <! ---- END STATISTICAL TAB ---- >
  1526.  
  1527.  
  1528.  
  1529.  
  1530.  
  1531.  
  1532.  
  1533.  
  1534. <! --- START PERSONALITY TAB --- >
  1535. <div class="tib">
  1536. <input type="radio" id="tab-01" name="tab-group-1">
  1537. <label for="tab-01">
  1538. PERSONALITY </label>
  1539.  
  1540. <div class="content2">
  1541.  
  1542. <h1>inner core</h1>
  1543. <h2>PERSONALITY</h2>
  1544.  
  1545. <br><b>✖ Positive Traits</b> Info Info Info Info Info Info Info Info Info Info Info
  1546. <br><b>✖ Negative Traits</b> Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info
  1547. <br><b>✖ Likes</b> Info Info Info Info Info Info
  1548. <br><b>✖ Dislikes</b> Info Info Info Info Info Info Info Info
  1549. <br><b>✖ Sexual Preference</b> Info
  1550. <br><b>✖ Habits</b> Info Info Info Info Info Info Info Info Info Info Info
  1551. <br><b>✖ Mental Health, habits, quirks</b> Info Info Info Info Info Info Info Info Info. Info Info Info Info Info Info Info Info Info. Info Info Info Info Info Info Info Info Info.
  1552. <br><b>✖ Sleeping Habits</b> Info Info Info Info Info Info Info Info Info. Info Info Info Info Info Info Info Info Info.
  1553. <br><b>✖ Eating Habits</b> Info Info Info Info Info Info Info Info Info.
  1554. <br><b>✖ Bathing Frequency</b> Info Info Info Info Info Info Info Info Info.
  1555. <br><b>✖ Tooth brushing Frequency</b> Info Info Info Info Info Info Info Info Info.
  1556. <br><b>✖ Handwashing Frequency</b> Info Info Info Info Info Info Info Info Info. Info Info Info Info Info Info Info Info Info. Info Info Info Info Info Info Info Info Info.
  1557. <br><b>✖ In a Nutshell</b> Info Info Info Info. Info Info Info Info Info Info Info Info Info. Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info. Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info.
  1558.  
  1559. <br>
  1560. <br>
  1561.  
  1562. </div>
  1563. </div>
  1564. <! ---- END PERSONALITY TAB ---- >
  1565.  
  1566.  
  1567.  
  1568.  
  1569.  
  1570.  
  1571.  
  1572.  
  1573.  
  1574. <! ----- START HEADCANONS TAB! ----- >
  1575. <div class="tib">
  1576. <input type="radio" id="tab-02" name="tab-group-1" >
  1577. <label for="tab-02">
  1578. HEADCANONS </label>
  1579.  
  1580. <div class="content2">
  1581.  
  1582. <ul>
  1583.  
  1584. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1585.  
  1586. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1587.  
  1588. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1589.  
  1590. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1591.  
  1592. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1593.  
  1594. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1595.  
  1596. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1597.  
  1598. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1599.  
  1600. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1601.  
  1602. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1603.  
  1604. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1605.  
  1606. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1607.  
  1608. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1609.  
  1610. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1611.  
  1612. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1613.  
  1614. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1615.  
  1616. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1617.  
  1618. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1619.  
  1620. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1621.  
  1622. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1623.  
  1624. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1625.  
  1626. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1627.  
  1628. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1629.  
  1630. <li class="fa fa-long-arrow-right"> some kind of headcanon can go here, if you want.
  1631.  
  1632. </ul>
  1633.  
  1634. </div>
  1635. </div>
  1636. <! ------ END HEADCANONS TAB! ------ >
  1637.  
  1638.  
  1639.  
  1640.  
  1641.  
  1642. </div><! --- END TABBED BOXES --->
  1643.  
  1644.  
  1645.  
  1646.  
  1647.  
  1648. <div id="credito">
  1649.  
  1650. <a href="http://www.roleplayer.me/littlecriminal"><img src="http://i.imgbox.com/8WKffE6i.png" onerror="this.src='http://i66.tinypic.com/281c8dz.jpg';this.onerror='http://i66.tinypic.com/281c8dz.jpg';"></a>
  1651.  
  1652. </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!