API tools faq
paste
Advertisement
forgedinflamesx

LENNON LYT

forgedinflamesx
Jan 1st, 2019
180
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.26 KB | None | 0 0
raw download clone embed print report
  1. This layout and blog was created from scratch by Harlow at subZERO.
  2. ==================================== ABOUT ME,
  3.  
  4.  
  5.  
  6. <span class="text"><body
  7. oncontextmenu="alert('All copyrights given to this user only. Made by /xsubzero!');
  8. return false;">
  9.  
  10. <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
  11.  
  12. <style type="text/css">
  13. @import url('https://fonts.googleapis.com/css?family=Pinyon+Script:400');</style>
  14.  
  15. <style type="text/css">
  16. .xsubzero { SCROLLBAR }
  17. ::-webkit-scrollbar-thumb:vertical {background-color:#ed6e77;}
  18. ::-webkit-scrollbar-thumb:horizontal {background-color:#8b7b86;}
  19. ::-webkit-scrollbar {width:2px; height:3px; background-color:#ed6e77;}
  20. </style>
  21.  
  22. <style>
  23. .xsubzero { BACKGROUND PROPERTIES }
  24. table, tr, td { background-color:transparent; border:none; border-width:0;}
  25. body {
  26. background-color:#E8E8E8;
  27. background-image: url('');
  28. background-attachment:fixed;
  29. background-repeat:repeat;
  30. background-position:bottom right;}
  31.  
  32. .xsubzero { TABLE PROPERTIES }
  33. table table { border: 0px }
  34. table table table table{border:0px}
  35. table table table {
  36. border-style:solid;
  37. border-width:0px;
  38. border-color:2b9977;
  39. background-color:transparent;}
  40.  
  41. .xsubzero { TEXT PROPERTIES }
  42. table, tr, td, li, p, div {
  43. font-family: tahoma;
  44. color: #ed6e77;
  45. font-size:9px;
  46. line-height:9px;}
  47.  
  48. a:active, a:visited, a:link {
  49. color:#ffeccc;
  50. font-size: 9px;
  51. font-family: sans-serif;
  52. font-weight: lighter;
  53. letter-spacing:1px;
  54. line-height:12px;
  55. text-decoration: none;
  56. display:inline-block;
  57. -webkit-transition: all 0.6s ease-out;
  58. -moz-transition: all 0.6s ease-out;
  59. transition: all 0.6s ease-out;}
  60.  
  61. a:hover {
  62. color:#7ab392; ;
  63. letter-spacing: 2px;
  64. font-weight:lighter;}
  65.  
  66. a.nav, a.nav:link, a.nav:active, a.nav:visited {
  67. font-family: courier;
  68. font-size:10px;
  69. width:50px;
  70. height:10px;
  71. line-height:10px;
  72. letter-spacing:0px;
  73. font-weight: lighter;
  74. color: #3f3857;
  75. text-decoration:none;
  76. text-transform:uppercase;
  77. margin-left: 2px;
  78. margin-top:2px;
  79. letter-spacing:0px;
  80. background-color: #e8e8e8;
  81. text-align:center;
  82. display:inline-block;
  83. -webkit-transition: all 0.6s ease-out;
  84. -moz-transition: all 0.6s ease-out;
  85. transition: all 0.6s ease-out;
  86. border:1px solid #8b7b86;}
  87.  
  88. a.nav:hover{
  89. color:#ffeccc;
  90. letter-spacing: 4px;
  91. background-color:#3f3857;}
  92.  
  93. I {
  94. font: italic 9px arial;
  95. text-transform:none;
  96. color:#7bb293;
  97. line-height:3px;}
  98.  
  99. B {
  100. color: #ffeccc;
  101. font: 8px consolas;
  102. font-weight: 800;
  103. text-transform:uppercase;
  104. letter-spacing: 1px;
  105. line-height:8px;
  106. margin:2px;
  107. padding:1px;
  108. padding-left:3px;
  109. padding-right:3px;}
  110.  
  111. u {
  112. color:#d15086;
  113. font-family:consolas;
  114. font-size: 8px;
  115. text-transform:uppercase;
  116. line-height:6px;
  117. margin:2px;
  118. border-bottom: 1px dotted #8b7b86;
  119. padding-left:3px;
  120. padding-right:3px;}
  121.  
  122. em {
  123. font: italic 25px georgia!important;
  124. text-transform:none;
  125. color:#7ab392;
  126. line-height:10px;
  127. letter-spacing:-2px;
  128. text-transform:lowercase;
  129. font-style:italic;
  130. font-weight:bold;}
  131.  
  132. blockquote{
  133. font-family: sans-serif;
  134. font-size: 8px;
  135. color: 020202;
  136. font-weight: lighter;
  137. text-transform: uppercase;
  138. background-color: #e8e8e8;
  139. border-left: 5px solid #7ab392;
  140. border-right: 5px solid #7ab392;
  141. margin:7px;
  142. padding:10px;
  143. line-height:9px;}
  144.  
  145. small {
  146. font-family:terminal;
  147. font-size:7px;
  148. font-weight:normal;
  149. text-align:right;
  150. color: #3f3857;
  151. background-color: #7ab392;
  152. text-transform:uppercase;
  153. margin:0px;
  154. letter-spacing:8px;
  155. padding:0px;
  156. line-height:8px;}
  157.  
  158. h1 {
  159. font-family: times;
  160. font-size:18px;
  161. font-weight: lighter;
  162. text-align:center;
  163. color: #f9f1e4;
  164. text-transform:uppercase;
  165. margin:1px;
  166. letter-spacing:-1px;
  167. line-height:25px;}
  168.  
  169. x {
  170. font-family: 'Pinyon Script';
  171. font-size:30px;
  172. font-weight: 400;
  173. text-align: center;
  174. color: #ed6e77;
  175. margin:1px;
  176. letter-spacing:-1px;
  177. line-height:25px;}
  178.  
  179. h2 {
  180. font-family:vrinda;
  181. font-size:18px;
  182. font-weight: lighter;
  183. text-align: center;
  184. color: #f9f1e4;
  185. text-transform:uppercase!important;
  186. margin:1px;
  187. letter-spacing:1px;
  188. line-height:15px;}
  189.  
  190. h3{
  191. font-family: vrinda;
  192. color: #ffffff;
  193. font-size: 9px;
  194. text-align: center;
  195. letter-spacing: 2.5px;
  196. text-transform: uppercase;
  197. font-weight: normal;
  198. line-height: 6px;
  199. margin:1px;
  200. padding:0px; }
  201. </style>
  202.  
  203. <style>
  204. .xsubzero { DIV ELEMENTS }
  205.  
  206. .rotate {
  207. /* Safari */
  208. -webkit-transform: rotate(-90deg);
  209. /* Firefox */
  210. -moz-transform: rotate(-90deg);
  211. /* IE */
  212. -ms-transform: rotate(-90deg);
  213. /* Opera */
  214. -o-transform: rotate(-90deg);
  215. /* Internet Explorer */
  216. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
  217.  
  218. .container {
  219. width:0px;
  220. height:0px;
  221. position:absolute;}
  222.  
  223. .navi {
  224. background-color: transparent;
  225. top: 30px;
  226. left: 150px;
  227. height: 20px;
  228. width: 550px;
  229. position: absolute;}
  230.  
  231. .box1 {
  232. width: 135px;
  233. height: 135px;
  234. position:absolute;
  235. top: 50px;
  236. left: 5px;
  237. float:center;
  238. background-color:#3f3857;
  239. border: 1px solid #484651;
  240. opacity:1.0;
  241. filter:alpha(opacity=100);
  242. -webkit-transition: all 1.5s ease;
  243. -moz-transition: all 1.5s ease;
  244. -o-transition: all 1.5s ease;
  245. -moz-opacity:1.0; -html-opacity: 1.0;overflow:none;}
  246.  
  247. .box1a {
  248. width: 135px;
  249. height: 135px;
  250. position:absolute;
  251. top: 50px;
  252. left: 5px;
  253. float:center;
  254. background-color:#3f3857;
  255. overflow:auto;
  256. border: 1px solid #484651;
  257. overflow: auto;
  258. opacity:0.0;
  259. filter:alpha(opacity=100);
  260. -webkit-transition: all 1.5s ease;
  261. -moz-transition: all 1.5s ease;
  262. -o-transition: all 1.5s ease;
  263. -moz-opacity:0.0; -html-opacity: 0.0;}
  264.  
  265. .box1a:hover {
  266. width: 445px;
  267. height: 135px;
  268. position:absolute;
  269. top: 50px;
  270. left: 5px;
  271. float:center;
  272. overflow:auto;
  273. background-color:#3f3857;
  274. border: 1px solid #484651;
  275. opacity:1.0;
  276. filter:alpha(opacity=90);
  277. -webkit-transition: all 1.5s ease;
  278. -moz-transition: all 1.5s ease;
  279. -o-transition: all 1.5s ease;
  280. -moz-opacity:1.0; -html-opacity: 1.0;}
  281.  
  282.  
  283. .box4 {
  284. width: 300px;
  285. height: 430px;
  286. position:absolute;
  287. top: 50px;
  288. left: 150px;
  289. float:left;
  290. background-color:#3f3857;
  291. border: 1px solid #484651;
  292. opacity:1.0;
  293. filter:alpha(opacity=100);
  294. -webkit-transition: all 1.5s ease;
  295. -moz-transition: all 1.5s ease;
  296. -o-transition: all 1.5s ease;
  297. -moz-opacity:1.0; -html-opacity: 1.0;overflow:none;}
  298.  
  299. .box6 {
  300. width: 200px;
  301. height: 430px;
  302. position:absolute;
  303. top: 50px;
  304. left: 460px;
  305. float:left;
  306. background-color:#3f3857;
  307. border: 1px solid #484651;
  308. opacity:1.0;
  309. filter:alpha(opacity=100);
  310. -webkit-transition: all 1.5s ease;
  311. -moz-transition: all 1.5s ease;
  312. -o-transition: all 1.5s ease;
  313. -moz-opacity:1.0; -html-opacity: 1.0;overflow:none;}
  314.  
  315. .box6a {
  316. width: 200px;
  317. height: 430px;
  318. position:absolute;
  319. top: 50px;
  320. left: 460px;
  321. float:left;
  322. background-color:#3f3857;
  323. overflow:auto;
  324. border: 1px solid #484651;
  325. overflow: auto;
  326. opacity:0.0;
  327. filter:alpha(opacity=100);
  328. -webkit-transition: all 1.5s ease;
  329. -moz-transition: all 1.5s ease;
  330. -o-transition: all 1.5s ease;
  331. -moz-opacity:0.0; -html-opacity: 0.0;}
  332.  
  333. .box6a:hover {
  334. width: 200px;
  335. height: 430px;
  336. position:absolute;
  337. top: 50px;
  338. left: 460px;
  339. float: left;
  340. overflow:auto;
  341. background-color:#3f3857;
  342. border: 1px solid #484651;
  343. opacity:0.9;
  344. filter:alpha(opacity=90);
  345. -webkit-transition: all 1.5s ease;
  346. -moz-transition: all 1.5s ease;
  347. -o-transition: all 1.5s ease;
  348. -moz-opacity:1.0; -html-opacity: 1.0;}
  349.  
  350. .box2 {
  351. width: 135px;
  352. height: 135px;
  353. position:absolute;
  354. top: 200px;
  355. left: 5px;
  356. float:center;
  357. background-color:#3f3857;
  358. border: 1px solid #484651;
  359. opacity:1.0;
  360. filter:alpha(opacity=100);
  361. -webkit-transition: all 1.5s ease;
  362. -moz-transition: all 1.5s ease;
  363. -o-transition: all 1.5s ease;
  364. -moz-opacity:1.0; -html-opacity: 1.0;overflow:none;}
  365.  
  366. .box2a {
  367. width: 135px;
  368. height: 135px;
  369. position:absolute;
  370. top: 200px;
  371. left: 5px;
  372. float:center;
  373. background-color:#3f3857;
  374. overflow:auto;
  375. border: 1px solid #484651;
  376. overflow: auto;
  377. opacity:0.0;
  378. filter:alpha(opacity=100);
  379. -webkit-transition: all 1.5s ease;
  380. -moz-transition: all 1.5s ease;
  381. -o-transition: all 1.5s ease;
  382. -moz-opacity:0.0; -html-opacity: 0.0;}
  383.  
  384. .box2a:hover {
  385. width: 445px;
  386. height: 135px;
  387. position:absolute;
  388. top: 200px;
  389. left: 5px;
  390. float:center;
  391. overflow:auto;
  392. background-color:#3f3857;
  393. border: 1px solid #484651;
  394. opacity:1.0;
  395. filter:alpha(opacity=90);
  396. -webkit-transition: all 1.5s ease;
  397. -moz-transition: all 1.5s ease;
  398. -o-transition: all 1.5s ease;
  399. -moz-opacity:1.0; -html-opacity: 1.0;}
  400.  
  401. .box3 {
  402. width: 135px;
  403. height: 135px;
  404. position:absolute;
  405. top: 345px;
  406. left: 5px;
  407. float:center;
  408. background-color:#3f3857;
  409. border: 1px solid #484651;
  410. opacity:1.0;
  411. filter:alpha(opacity=100);
  412. -webkit-transition: all 1.5s ease;
  413. -moz-transition: all 1.5s ease;
  414. -o-transition: all 1.5s ease;
  415. -moz-opacity:1.0; -html-opacity: 1.0;overflow:none;}
  416.  
  417. .box3a {
  418. width: 135px;
  419. height: 135px;
  420. position:absolute;
  421. top: 345px;
  422. left: 5px;
  423. float:center;
  424. background-color:#3f3857;
  425. overflow:auto;
  426. border: 1px solid #484651;
  427. overflow: auto;
  428. opacity:0.0;
  429. filter:alpha(opacity=100);
  430. -webkit-transition: all 1.5s ease;
  431. -moz-transition: all 1.5s ease;
  432. -o-transition: all 1.5s ease;
  433. -moz-opacity:0.0; -html-opacity: 0.0;}
  434.  
  435. .box3a:hover {
  436. width: 445px;
  437. height: 135px;
  438. position:absolute;
  439. top: 345px;
  440. left: 5px;
  441. float:center;
  442. overflow:auto;
  443. background-color:#3f3857;
  444. border: 1px solid #484651;
  445. opacity:1.0;
  446. filter:alpha(opacity=90);
  447. -webkit-transition: all 1.5s ease;
  448. -moz-transition: all 1.5s ease;
  449. -o-transition: all 1.5s ease;
  450. -moz-opacity:1.0; -html-opacity: 1.0;}
  451.  
  452. .box7 {
  453. width: 220px;
  454. height: 135px;
  455. position:absolute;
  456. top: 50px;
  457. left: -230px;
  458. float:left;
  459. background-color:#3f3857;
  460. border: 1px solid #484651;
  461. opacity:1.0;
  462. filter:alpha(opacity=100);
  463. -webkit-transition: all 1.5s ease;
  464. -moz-transition: all 1.5s ease;
  465. -o-transition: all 1.5s ease;
  466. -moz-opacity:1.0; -html-opacity: 1.0;
  467. overflow:auto;}
  468.  
  469. .cons {
  470. width: 220px;
  471. height: 290px;
  472. position:absolute;
  473. top: 190px;
  474. left: -230px;
  475. float:left;
  476. background-color:#3f3857;
  477. border: 1px solid #484651;
  478. opacity:1.0;
  479. filter:alpha(opacity=100);
  480. -webkit-transition: all 1.5s ease;
  481. -moz-transition: all 1.5s ease;
  482. -o-transition: all 1.5s ease;
  483. -moz-opacity:1.0; -html-opacity: 1.0;
  484. overflow:none;}
  485.  
  486. .conns {
  487. width: 220px;
  488. height: 290px;
  489. position:absolute;
  490. top: 190px;
  491. left: -230px;
  492. float:left;
  493. background-color:#3f3857;
  494. border: 1px solid #484651;
  495. opacity:0.0;
  496. filter:alpha(opacity=100);
  497. -webkit-transition: all 1.5s ease;
  498. -moz-transition: all 1.5s ease;
  499. -o-transition: all 1.5s ease;
  500. -moz-opacity:0.0; -html-opacity: 0.0;
  501. overflow: auto;}
  502.  
  503. .conns:hover {
  504. width: 220px;
  505. height: 290px;
  506. position:absolute;
  507. top: 190px;
  508. left: -230px;
  509. float:left;
  510. background-color:#3f3857;
  511. border: 1px solid #484651;
  512. opacity:1.0;
  513. filter:alpha(opacity=90);
  514. -webkit-transition: all 1.5s ease;
  515. -moz-transition: all 1.5s ease;
  516. -o-transition: all 1.5s ease;
  517. -moz-opacity:1.0; -html-opacity: 1.0;
  518. overflow: auto;}
  519.  
  520. .box8 {
  521. width: 135px;
  522. height: 135px;
  523. position:absolute;
  524. top: 50px;
  525. left: 670px;
  526. float:center;
  527. background-color:#3f3857;
  528. border: 1px solid #484651;
  529. opacity:1.0;
  530. filter:alpha(opacity=100);
  531. -webkit-transition: all 1.5s ease;
  532. -moz-transition: all 1.5s ease;
  533. -o-transition: all 1.5s ease;
  534. -moz-opacity:1.0; -html-opacity: 1.0;overflow:none;}
  535.  
  536. .box8a {
  537. width: 135px;
  538. height: 135px;
  539. position:absolute;
  540. top: 50px;
  541. left: 670px;
  542. float:center;
  543. background-color:#3f3857;
  544. border: 1px solid #484651;
  545. overflow: auto;
  546. opacity:0.0;
  547. filter:alpha(opacity=100);
  548. -webkit-transition: all 1.5s ease;
  549. -moz-transition: all 1.5s ease;
  550. -o-transition: all 1.5s ease;
  551. -moz-opacity:0.0; -html-opacity: 0.0;}
  552.  
  553. .box8a:hover {
  554. width: 235px;
  555. height: 150px;
  556. position:absolute;
  557. top: 50px;
  558. left: 670px;
  559. float:center;
  560. overflow:auto;
  561. background-color:#3f3857;
  562. border: 1px solid #484651;
  563. opacity:1.0;
  564. filter:alpha(opacity=90);
  565. -webkit-transition: all 1.5s ease;
  566. -moz-transition: all 1.5s ease;
  567. -o-transition: all 1.5s ease;
  568. -moz-opacity:1.0; -html-opacity: 1.0;}
  569.  
  570. .box9 {
  571. width: 135px;
  572. height: 275px;
  573. position:absolute;
  574. top: 205px;
  575. left: 670px;
  576. float:center;
  577. background-color:#3f3857;
  578. border: 1px solid #484651;
  579. opacity:1.0;
  580. filter:alpha(opacity=100);
  581. -webkit-transition: all 1.5s ease;
  582. -moz-transition: all 1.5s ease;
  583. -o-transition: all 1.5s ease;
  584. -moz-opacity:1.0; -html-opacity: 1.0;overflow:none;}
  585.  
  586. .box9a {
  587. width: 135px;
  588. height: 275px;
  589. position:absolute;
  590. top: 205px;
  591. left: 670px;
  592. float:center;
  593. background-color:#3f3857;
  594. border: 1px solid #484651;
  595. overflow: auto;
  596. opacity:0.0;
  597. filter:alpha(opacity=100);
  598. -webkit-transition: all 1.5s ease;
  599. -moz-transition: all 1.5s ease;
  600. -o-transition: all 1.5s ease;
  601. -moz-opacity:0.0; -html-opacity: 0.0;}
  602.  
  603. .box9a:hover {
  604. width: 235px;
  605. height: 275px;
  606. position:absolute;
  607. top: 205px;
  608. left: 670px;
  609. float:center;
  610. overflow:auto;
  611. background-color:#3f3857;
  612. border: 1px solid #484651;
  613. opacity:1.0;
  614. filter:alpha(opacity=90);
  615. -webkit-transition: all 1.5s ease;
  616. -moz-transition: all 1.5s ease;
  617. -o-transition: all 1.5s ease;
  618. -moz-opacity:1.0; -html-opacity: 1.0;}
  619. </style>
  620.  
  621. <style>
  622. .xsubzero { HIDE CODES }
  623.  
  624. .lightbluetext8 {display:none;}
  625. table {direction:rtl;}
  626. table table table {direction:ltr;}
  627. </style>
  628.  
  629. <style>
  630. table.profileInfo td td {display:none;}
  631. table.profileInfo td td.text {display:table-cell; _display:inline;}
  632. </style>
  633.  
  634. <style> div td {display:none;}
  635. table {top:0px; position:relative;}
  636. table table {top:0px; position:relative;}</style>
  637. <style>.profileInfo {display:none;}</style>
  638. <style>body{margin-top:0px;}</style>
  639. <style>.mslogo {display: none;}</style>
  640. <style> div#googleLogo_Footer{ height:24px !important;}</style>
  641. <style> table div {display:none;} table table div, div table div {display:block;}</style>
  642.  
  643.  
  644. <style>
  645. br{line-height:2px!important;}
  646. td.text table position:relative;top:-00px;}td.text table table{position:static;</style>
  647. <style>.a {hide top search bar} div div select, div div form {display:none !important;}</style>
  648. <style>.orangetext15 {visibility:hidden; display:none;}</style>
  649. <style>
  650. a.text, table div font a, table div div {visibility:hidden;}
  651. td{text-align:}
  652. a.text, table div font a, table div div {visibility:hidden;}
  653. div td font {visibility:hidden;}.navbar {visibility:visible;}
  654. table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}
  655. </style>
  656.  
  657.  
  658. <style> div td {display:none;} table {top:-10px; position:relative;} table table {top:0px; position:relative;} </style>
  659.  
  660. <style>td.text table {position:relative; top: -2px;}td.text table table {position:static;}</style>
  661.  
  662. <style>td.text table {position:relative; top: -11px;}td.text table table {position:static;}</style>
  663.  
  664.  
  665.  
  666. <style>
  667. .interestsAndDetails { display:none; }
  668. .friendSpace, .friendsComments{display:none!important;}
  669. .{hide text properties}
  670. .whitetext12{display: none;}
  671. .lightbluetext8{display: none;}
  672. .blacktext12 {display: visible;}
  673. .{Hidden Sections}
  674. .blurbs{display:none;visibility:hidden;}
  675. .friendSpace { display:none; }
  676. .contactTable { display: none; }
  677. .interestsAndDetails { display:none; }
  678. .latestBlogEntry { display:none; }
  679. .friendsComments { display:none; }
  680. .userProfileDetail{ display:none; }
  681. .extendednetwork {display:none;}
  682. .userProfileURL{display:none;}
  683. .navigationbar{display:none;}
  684. .userProfileURL {display:none;}
  685. .extendedNetwork { display:none;}
  686. table tr td div font {display: none;}
  687. .latestBlogEntry {display: none;}
  688. div table td font {display: none;}
  689. body div table td form img{display:none!important;}
  690. a.text, table div font a, table div div {visibility:hidden;}
  691. table table div font a, table table div div {visibility:visible;}
  692. img {border:0px;}
  693. table tr td div font {display: none;}
  694. table.interestsAndDetails, table.interestsAndDetails td {border:0px; background-color:transparent;}
  695. table.interestsAndDetails span.lightbluetext8,
  696. table.interestsAndDetails td.text {display:none;}
  697. table.interestsAndDetails td td {width:0px; padding:0px;}
  698. </style>
  699.  
  700.  
  701.  
  702.  
  703.  
  704.  
  705.  
  706.  
  707.  
  708.  
  709.  
  710.  
  711.  
  712.  
  713.  
  714.  
  715. ============================================ LIKE TO MEET,
  716.  
  717.  
  718.  
  719.  
  720.  
  721.  
  722. </table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
  723.  
  724. <div class="navi">
  725. <a href="/" class="nav" title="home">i.</a>
  726. <a href="/" class="nav" title="message">ii.</a>
  727. <a href="/" class="nav" title="comment">iii.</a>
  728. <a href="/" class="nav" title="gallery">iv.</a>
  729. <a href="/" class="nav" title="blog">v.</a>
  730. <a href="/" class="nav" title="blog">vi.</a>
  731. <a href="/" class="nav" title="blog">vii.</a>
  732. <a href="/" class="nav" title="link">viii.</a>
  733. <a href="/" class="nav" title="link">ix.</a>
  734. </div>
  735.  
  736. <!---------------- MAIN BIOGRAPHY --------------->
  737.  
  738. <div class="box4">
  739. <center><br>
  740. <h1><x>F</x>irst <x>M</x>iddle <x>L</x>ast</h1>
  741. <hr style="width: 50%;"></hr>
  742.  
  743. <em>biography,</em><br>
  744. <h3>her life story..</h3><br>
  745. <fieldset style="border: 0px solid #3f3857; width:270px; height: 100px; overflow:auto; float:center;">
  746. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec interdum, neque eget lacinia iaculis, elit massa suscipit sapien, eget finibus tellus massa ut lectus. Aenean elementum est a enim finibus, nec consequat urna egestas. Aenean non arcu augue. Donec arcu massa, eleifend sed tristique ut, gravida eu nisl. Donec ut lacinia lorem. Mauris leo eros, commodo non dignissim vitae, finibus luctus augue. Sed eget tempor mi. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec interdum, neque eget lacinia iaculis, elit massa suscipit sapien, eget finibus tellus massa ut lectus. Aenean elementum est a enim finibus, nec consequat urna egestas. Aenean non arcu augue. Donec arcu massa, eleifend sed tristique ut, gravida eu nisl. Donec ut lacinia lorem. Mauris leo eros, commodo non dignissim vitae, finibus luctus augue. Sed eget tempor mi. In hac habitasse platea dictumst.
  747. </fieldset>
  748.  
  749. <blockquote> Quote or Lyric. Quote or Lyric. Quote or Lyric. Quote or Lyric. Quote or Lyric. Quote or Lyric. Quote or Lyric. Quote or Lyric. Quote or Lyric. Quote or Lyric. Quote or Lyric. Quote or Lyric. Quote or Lyric. Quote or Lyric. </blockquote>
  750.  
  751. <em>biography,</em><br>
  752. <h3>her life story..</h3><br>
  753.  
  754. <fieldset style="border: 0px solid #3f3857; width:270px; height:100px; overflow:auto; float:center;">
  755. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec interdum, neque eget lacinia iaculis, elit massa suscipit sapien, eget finibus tellus massa ut lectus. Aenean elementum est a enim finibus, nec consequat urna egestas. Aenean non arcu augue. Donec arcu massa, eleifend sed tristique ut, gravida eu nisl. Donec ut lacinia lorem. Mauris leo eros, commodo non dignissim vitae, finibus luctus augue. Sed eget tempor mi. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec interdum, neque eget lacinia iaculis, elit massa suscipit sapien, eget finibus tellus massa ut lectus. Aenean elementum est a enim finibus, nec consequat urna egestas. Aenean non arcu augue. Donec arcu massa, eleifend sed tristique ut, gravida eu nisl. Donec ut lacinia lorem. Mauris leo eros, commodo non dignissim vitae, finibus luctus augue. Sed eget tempor mi. In hac habitasse platea dictumst.
  756. </fieldset>
  757. <br>
  758.  
  759. </div>
  760.  
  761. <!--------------- BASIC INFO & PERSONALITY --------->
  762.  
  763. <div class="box6">
  764. <img src="https://images.imgbox.com/3a/1b/TnZ4ApaA_o.png">
  765. </div>
  766.  
  767. <div class="box6a">
  768. <em>Basic/Legal Info</em>
  769.  
  770. <fieldset style="border: 0px solid #3f3857; width:170px; height:125px; overflow:auto; text-align: left;">
  771. <b>LEGAL NAME:</b> Full Name<br>
  772. <b>ALIAS:</b> Alias<br>
  773. <b>NICKNAMES:</b> Nick, Names<br>
  774. <b>GENDER:</b> Female or Male<br>
  775. <b>SPECIES:</b> Human<br>
  776. <b>DATE OF BIRTH:</b> 00|00|0000<br>
  777. <b>YEARS OF AGE:</b> Age (00)<br>
  778. <b>PLACE OF BIRTH:</b> Earth<br>
  779. <b>CURRENT RESIDENCE:</b> Earth<br>
  780. <b>PARENT(S):</b> Unknown<br>
  781. <b>SIBLING(S):</b> Unknown<br>
  782. <b>SEXUAL ORIENTATION:</b> Self Explanatory<br>
  783. <b>RELATIONSHIP STATUS:</b> Self Explanatory<br>
  784. <b>OCCUPATION(S):</b> Position. <br>
  785. <b>FEARS:</b> Self Explanatory. <br>
  786. <b>LIKES:</b> Self Explanatory. <br>
  787. <b>DISLIKES:</b> Self Explanatory. <br>
  788. <b>ASTROLOGICAL SIGN:</b> Self Explanatory. <br>
  789. <b>FACT:</b> Self Explanatory<br>
  790. <b>FACT:</b> Self Explanatory<br>
  791. <b>FACT:</b> Self Explanatory<br>
  792. <b>FACT:</b> Self Explanatory<br>
  793. <b>FACT:</b> Self Explanatory<br>
  794. <b>FACT:</b> Self Explanatory<br>
  795. <b>FACT:</b> Self Explanatory<br>
  796. <b>FACT:</b> Self Explanatory<br>
  797. <b>FACT:</b> Self Explanatory<br>
  798. <b>FACT:</b> Self Explanatory<br>
  799. <b>FACT:</b> Self Explanatory<br>
  800. <b>FACT:</b> Self Explanatory<br>
  801. <b>FACT:</b> Self Explanatory<br>
  802. <b>FACT:</b> Self Explanatory<br>
  803. </fieldset>
  804. <br>
  805.  
  806. <img src="https://images.imgbox.com/77/5d/qOPCbLmh_o.png">
  807.  
  808. <br><br>
  809. <em>personality</em>
  810.  
  811. <fieldset style="border: 0px solid #3f3857; width:170px; height:120px; overflow:auto; float:center;">
  812. write about personality here. write about personality here. write about personality here. write about personality here. write about personality here. write about personality here. write about personality here. write about personality here. write about personality here. write about personality here. write about personality here. write about personality here. write about personality here. write about personality here. write about personality here. write about personality here. write about personality here. write about personality here. write about personality here. write about personality here. write about personality here.
  813. </fieldset>
  814. </div>
  815.  
  816. <!-------------------------- RIGHT HOVER INFO BOXES ----------->
  817.  
  818. <div class="box8">
  819. <center>
  820. <img src="https://images.imgbox.com/9a/ef/PnTh5HdP_o.png">
  821. </div>
  822.  
  823. <div class="box8a">
  824. <em>love interest</em><br>
  825. <h3>forever and always,</h3>
  826. <b>Sexual Orientation:</b> Answer<br>
  827. <b>Marital Status:</b> Answer <br>
  828. <b>Significant other:</b> <a href="/URLHERE">Display Name</a><br>
  829. <b>Since:</b> 00/00/0000<br>
  830. <b>Comments/Lyrics:</b> write about your love life here. write about your love life here. write about your love life here. write about your love life here. write about your love life here. write about your love life here. write about your love life here. write about your love life here. write about your love life here.
  831. </div>
  832.  
  833. <div class="box9">
  834. <center><br><br><br><br>
  835. <h1>
  836. <x>L</x><br>
  837. O<br>
  838. C<br>
  839. A<br>
  840. T<br>
  841. I<br>
  842. O<br>
  843. N<br>
  844. S</h1>
  845. </div>
  846.  
  847. <div class="box9a">
  848. <br>
  849. <h3>Salvatore Boarding House:</h3>
  850. Write all your info about the Salvatore boarding house here. Write all your info about the Salvatore boarding house here. Write all your info about the Salvatore boarding house here. Write all your info about the Salvatore boarding house here. <br><br>
  851. <h3>Mystic Falls:</h3> Write all your info about Mystic Falls. Write all your info about Mystic Falls. Write all your info about Mystic Falls. Write all your info about Mystic Falls. Write all your info about Mystic Falls. Write all your info about Mystic Falls. Write all your info about Mystic Falls.
  852. <br><br>
  853. <h3>New Orleans:</h3> Write all about New Orleans info here. Write all about New Orleans info here. Write all about New Orleans info here. Write all about New Orleans info here. Write all about New Orleans info here. Write all about New Orleans info here. Write all about New Orleans info here. Write all about New Orleans info here.
  854. <br><br>
  855. <h3>The Hollow:</h3> Write all about the Hollow here. Write all about the Hollow here. Write all about the Hollow here. Write all about the Hollow here. Write all about the Hollow here. Write all about the Hollow here. Write all about the Hollow here. Write all about the Hollow here.
  856. </div>
  857.  
  858. <!------------------ LEFT HOVER INFO BOXES --------------->
  859.  
  860.  
  861. <div class="container"> </div>
  862.  
  863. <div class="box1">
  864. <center>
  865. <img src="https://images.imgbox.com/aa/6d/fqHCMQEV_o.png">
  866. </div>
  867.  
  868. <div class="box1a">
  869. <em>witch & abilities</em><br>
  870. witch & witch abilities here. witch & witch abilities here. witch & witch abilities here. witch & witch abilities here. witch & witch abilities here. witch & witch abilities here. witch & witch abilities here. witch & witch abilities here. witch & witch abilities here.
  871. </div>
  872.  
  873.  
  874. <div class="box2">
  875. <center>
  876. <img src="https://images.imgbox.com/ad/10/zd7KhI8k_o.png">
  877. </div>
  878.  
  879. <div class="box2a">
  880. <em>werewolf & abilities</em><br>
  881. werewolf & werewolf abilities here. werewolf & werewolf abilities here. werewolf & werewolf abilities here. werewolf & werewolf abilities here. werewolf & werewolf abilities here. werewolf & werewolf abilities here. werewolf & werewolf abilities here.
  882. </div>
  883.  
  884. <div class="box3">
  885. <center>
  886. <img src="https://images.imgbox.com/be/79/ZzE24rlZ_o.png">
  887. </div>
  888.  
  889. <div class="box3a">
  890. <em>vampire & abilities</em><br>
  891. vampire & vampire abilities here. vampire & vampire abilities here. vampire & vampire abilities here. vampire & vampire abilities here. vampire & vampire abilities here. vampire & vampire abilities here. vampire & vampire abilities here.
  892. </div>
  893.  
  894. <!------------ FAR LEFT DIV BOXES ------------>
  895.  
  896.  
  897. <div class="box7">
  898. <h1>behind character</h1>
  899. <fieldset style="border: 0px solid #3f3857; overflow:auto; width: 90%; height:100px; float:left; text-align: justify">
  900. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec interdum, neque eget lacinia iaculis, elit massa suscipit sapien, eget finibus tellus massa ut lectus. Aenean elementum est a enim finibus, nec consequat urna egestas. Aenean non arcu augue. Donec arcu massa, eleifend sed tristique ut, gravida eu nisl. Donec ut lacinia lorem. Mauris leo eros, commodo non dignissim vitae, finibus luctus augue. Sed eget tempor mi. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec interdum, neque eget lacinia iaculis, elit massa suscipit sapien, eget finibus tellus massa ut lectus. Aenean elementum est a enim finibus, nec consequat urna egestas. Aenean non arcu augue. Donec arcu massa, eleifend sed tristique ut, gravida eu nisl. Donec ut lacinia lorem. Mauris leo eros, commodo non dignissim vitae, finibus luctus augue. Sed eget tempor mi. In hac habitasse platea dictumst.
  901.  
  902. </fieldset>
  903. </div>
  904.  
  905. <div class="cons">
  906. <center><h1><br><br><br><br>
  907. <x>F</x>riends<br>
  908. &<br>
  909. <x>F</x>amily.</h1>
  910. </center>
  911. </div>
  912.  
  913. <div class="conns">
  914. <center><em>connections</em></center>
  915. <fieldset style="border: 0px solid #3f3857; overflow:auto; width: 90%; height:auto; float:left; text-align: justify"> <img src="https://images.imgbox.com/97/a1/ci64Y9pE_o.png" align="left"/> <b>Caroline Forbes:</b><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec interdum, neque eget lacinia iaculis, elit massa suscipit sapien, eget finibus tellus massa ut lectus. Aenean elementum est a enim finibus, nec consequat urna egestas. <p>
  916. <hr></hr>
  917. <img src="https://images.imgbox.com/30/d1/gB83iGxo_o.png" align="right"/> <b>Niklaus Mikaelson:</b><br> Aenean non arcu augue. Donec arcu massa, eleifend sed tristique ut, gravida eu nisl. Donec ut lacinia lorem. Mauris leo eros, commodo non dignissim vitae, finibus luctus augue. Sed eget tempor mi. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. <p>
  918. <hr></hr>
  919. <img src="https://images.imgbox.com/fe/5e/zKtwxlt5_o.png" align="left"/> <b>Hope Mikaelson:</b><br> Donec interdum, neque eget lacinia iaculis, elit massa suscipit sapien, eget finibus tellus massa ut lectus. Aenean elementum est a enim finibus, nec consequat urna egestas. Aenean non arcu augue. <p>
  920. <hr></hr>
  921. <img src="https://images.imgbox.com/da/43/CfUMPYsB_o.png" align="right"/> <b>Stefan Salvatore:</b><br> Donec interdum, neque eget lacinia iaculis, elit massa suscipit sapien, eget finibus tellus massa ut lectus. Aenean elementum est a enim finibus, nec consequat urna egestas. Aenean non arcu augue.
  922. </fieldset></div>
  923.  
  924. </div>
  925.  
  926.  
  927.  
  928.  
  929. ======================================================================== BLOG HEADER,
  930.  
  931. <div id="navigation"> <a href="/" class="navo" title="home">i.</a> <a href="/" class="navo" title="message">ii.</a> <a href="/" class="navo" title="comment">iii.</a> <a href="/" class="navo" title="gallery">iv.</a> <a href="/" class="navo" title="blog">v.</a> <a href="/" class="navo" title="blog">vi.</a> <a href="/" class="navo" title="blog">vii.</a> <a href="/" class="navo" title="link">viii.</a> <a href="/" class="navo" title="link">ix.</a> </div>
  932.  
  933.  
  934. =========================================================================== BLOG STYLESHEET,
  935.  
  936.  
  937. <style type="text/css"> body { background-color:#3f3857; background-image:url(""); background-attachment:fixed; background-repeat: repeat; background-position: top left; margin-top: -400px;} p, div, table, tr, td, font, br { font-size: 10px; font-family: tahoma; line-height: 10px; text-align: left; padding-left: 5px; color: #c8bba5!important;} .blacktext10 { font-family: courier new; font-size: 10px; color: #544f50; line-height: 11px; letter-spacing: 1px; font-weight: normal; display:none;} textarea, input, select { font: normal 12px georgia; line-height: 90% !important; color: #fff!important; border: 1px solid #000!important; overflow:auto; background-color: #3f3857!important;} .main { margin-top: 330px; margin-left: 185px; width: 525px!important; background-color: #3f3857!important; border: 0px solid #5f5f5f!important; background-image:url(''); background-repeat: repeat;} .blogSubject { font-family: serif; font-size:30px; font-weight: 400; font-style: italic; color: #c8bba5; text-transform:lowercase!important; margin:0px; letter-spacing: 2px; padding-top: 2px; padding-right: 4px; line-height:20px; text-align:center; display: block;} .blog { margin-left: -12px; width: 550px!important; background-color: #3f3857!important; background-image:url(''); background-repeat: repeat; margin-bottom: 5px;} .blogcomments, .blogcommentsprofile {font-family: tahoma; color:#c8bba5; background-color: #3f3857; font-size:9px; line-height:9px;} .nav, .spacer, .blogTimeStamp, .googleafc, .commentspacer, hr, .blogsubject p {display: visible!important; } u, font { visibility:visible; } .main u, .main font { visibility: visible; } </style> <style> {.specialtextproperties} a:active, a:visited, a:link { color:#ffeccc; font-size: 9px; font-family: sans-serif; font-weight: lighter; letter-spacing:1px; line-height:12px; text-decoration: none; display:inline-block; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;} a:hover { color:#7ab392; ; letter-spacing: 2px; font-weight:lighter;} a.navo, a.navo:link, a.navo:active, a.navo:visited { font-family: courier; font-size:10px; width:50px; height:10px; line-height:10px; letter-spacing:0px; font-weight: lighter; color: #3f3857; text-decoration:none; text-transform:uppercase; margin-left: 2px; margin-top:2px; letter-spacing:0px; background-color: #e8e8e8; text-align:center; display:inline-block; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; border:1px solid #8b7b86;} a.navo:hover{ color:#ffeccc; letter-spacing: 4px; background-color:#3f3857;} I { font: italic 9px arial; text-transform:none; color:#7bb293; line-height:3px;} B { color: #ffeccc; font: 8px consolas; font-weight: 800; text-transform:uppercase; letter-spacing: 1px; line-height:8px; margin:2px; padding:1px; padding-left:3px; padding-right:3px;} u { color:#d15086; font-family:consolas; font-size: 8px; text-transform:uppercase; line-height:6px; margin:2px; border-bottom: 1px dotted #8b7b86; padding-left:3px; padding-right:3px;} em { font: italic 25px georgia; text-transform:none; color:#7ab392; line-height:10px; letter-spacing:-2px; text-transform:lowercase; font-style:italic; font-weight:bold;} blockquote{ font-family: sans-serif; font-size: 8px; color: 020202; font-weight: lighter; text-transform: uppercase; background-color: #e8e8e8; border-left: 5px solid #7ab392; border-right: 5px solid #7ab392; margin:7px; padding:10px; line-height:9px;} small { font-family:terminal; font-size:7px; font-weight:normal; text-align:right; color: #3f3857; background-color: #7ab392; text-transform:uppercase; margin:0px; letter-spacing:8px; padding:0px; line-height:8px;} h1 { font-family: times; font-size:18px; font-weight: lighter; text-align:center; color: #f9f1e4; text-transform:uppercase; margin:1px; letter-spacing:-1px; line-height:25px;} x { font-family: 'Pinyon Script'; font-size:30px; font-weight: 400; text-align: center; color: #ed6e77; margin:1px; letter-spacing:-1px; line-height:25px;} h2 { font-family:vrinda; font-size:18px; font-weight: lighter; text-align: center; color: #f9f1e4; text-transform:uppercase; margin:1px; letter-spacing:1px; line-height:15px;} h3{ font-family: vrinda; color: #ffffff; font-size: 9px; text-align: center; letter-spacing: 2.5px; text-transform: uppercase; font-weight: normal; line-height: 6px; margin:1px; padding:0px; } {.scrollbars} ::-webkit-scrollbar {width:6px; height:6px;} ::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);} ::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.2);} ::-webkit-scrollbar-thumb:hover {background: #3f3857;} ::-webkit-scrollbar-thumb:active {background: #ecacad;} </style><style> /*hidecodes*/ input[type="radio"] {display:none;} body[Attributes Style] {background:#000;} .top_nav_black {display:none;} .blogContentInfo{ display:none !important;visibility:hidden!important; } .profile { display:none !important;visibility:hidden!important; } .nav, .spacer, .googleafc, .commentspacer, hr, .blogsubject p {display: none!important;} images/spacer.gif{ display:none !important;visibility:hidden!important; } .st_sharethis_hcount, .st_facebook_hcount, .st_twitter_hcount, .st_pinterest_hcount { display:none !important;visibility:hidden!important; } #IL_IF_RIGHT, .IL_BASE { display:none !important;visibility:hidden!important; } #ctl00_cpMain_AdLeaderBoard_Img1 {display:none;} .blogTimeStamp {display:none;} */layout credit Harlow @ subzero*/ </style> <style>#navigation {width: 550px; height: 80px; float:center; margin: -10px 0 0 -165px; position: absolute; background-color: transparent;} </style>
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!