Advertisement
forgedinflamesx

KAI LYT

Jan 1st, 2019
130
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.66 KB | None | 0 0
  1. This layout was created by Harlow of subZERO
  2. ==================================== ABOUT ME,
  3.  
  4. <span class="text"><span class="text"><body
  5. oncontextmenu="alert('All copyrights given to this user only. Made by /xsubzero!');
  6. return false;">
  7.  
  8. <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
  9.  
  10. <style type="text/css">
  11. @import url(https://fonts.googleapis.com/css?family=Libre+Barcode+39+Text:400);</style>
  12.  
  13. <style type="text/css">
  14. .xsubzero { SCROLLBAR }
  15. ::-webkit-scrollbar-thumb:vertical {background-color:#334745;}
  16. ::-webkit-scrollbar-thumb:horizontal {background-color:#1c2f2d;}
  17. ::-webkit-scrollbar {width:2px; height:3px; background-color:#334745;}
  18. </style>
  19.  
  20. <style>
  21. .xsubzero { BACKGROUND PROPERTIES }
  22. table, tr, td { background-color:transparent; border:none; border-width:0;}
  23. body {
  24. background-color:#060407;
  25. width: 1366px;
  26. height: 768px;
  27. background-image: url('https://images2.imgbox.com/51/23/viZOUPxX_o.png');
  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: #fff;
  45. font-size:9px;
  46. line-height:9px;}
  47.  
  48. a:active, a:visited, a:link {
  49. font-family: arial narrow;
  50. font-size:10px;
  51. text-decoration: none;
  52. color:#ffffff;
  53. text-transform:uppercase;
  54. text-decoration: lighter;
  55. letter-spacing:0px;
  56. background-color:transparent;
  57. text-align:left;
  58. width: 500px;
  59. -webkit-transition: all 0.6s ease-out;
  60. -moz-transition: all 0.6s ease-out;
  61. transition: all 0.6s ease-out;}
  62.  
  63. a:hover {
  64. color:#334745;
  65. letter-spacing: 2px;
  66. font-weight:lighter;
  67. font-style: italic;}
  68.  
  69. a.navi, a.navi:link, a.navi:active, a.navi:visited{
  70. font-family: arial narrow;
  71. font-size:10px;
  72. text-decoration: none;
  73. color:#ffffff;
  74. text-transform:uppercase;
  75. text-decoration: lighter;
  76. letter-spacing:0px;
  77. background-color:transparent;
  78. text-align:left;
  79. width: 500px;
  80. -webkit-transition: all 0.6s ease-out;
  81. -moz-transition: all 0.6s ease-out;
  82. transition: all 0.6s ease-out;}
  83.  
  84. a.navi:hover{
  85. color:#334745;
  86. font-style: italic;
  87. letter-spacing:2px;}
  88.  
  89. I {
  90. font: italic 9px arial;
  91. text-transform:none;
  92. color:#e8e8e8;
  93. line-height:12px;}
  94.  
  95. B {
  96. font: 10px courier new;
  97. font-weight: 400;
  98. text-transform:uppercase;
  99. color:#5c9971;
  100. letter-spacing: 2px;
  101. line-height: 7px;}
  102.  
  103. u {
  104. color: #7a9a85!important;
  105. font: 10px consolas;
  106. text-transform:uppercase;
  107. line-height:10px;}
  108.  
  109. small {
  110. font-family:terminal;
  111. font-size:7px;
  112. font-weight:normal;
  113. text-align:right;
  114. color: #000;
  115. background-color: #841211;
  116. text-transform:uppercase;
  117. margin:0px;
  118. letter-spacing:8px;
  119. padding:0px;
  120. line-height:8px;}
  121.  
  122. h1 {
  123. font-family: times;
  124. font-size:15px;
  125. font-weight: lighter;
  126. text-align:center;
  127. color: #ffffff;
  128. text-transform:uppercase;
  129. margin:1px;
  130. letter-spacing:-1px;
  131. line-height:25px;}
  132.  
  133. h2 {
  134. font-family:consolas;
  135. font-size:8px;
  136. text-align:center;
  137. color:#606867;
  138. background-color:transparent;
  139. text-transform:uppercase;
  140. margin:1px;
  141. letter-spacing:4px;}
  142.  
  143. <style>
  144. .xsubzero { DIV ELEMENTS }
  145.  
  146. .home {
  147. position: fixed;
  148. width: 500px;
  149. left: 90px;
  150. top: 60px;
  151. text-align: left;
  152. overflow: hidden;}
  153.  
  154. .container {
  155. width:auto;
  156. height:700px;
  157. position:absolute;
  158. background-colour: transparent;
  159. z-index: -2;}
  160.  
  161. .box1 {
  162. width: 135px;
  163. height: 75px;
  164. position:absolute;
  165. top: 50px;
  166. left: -250px;
  167. float:center;
  168. background-color: #1f282e;
  169. border: 1px solid #334745;
  170. opacity:1.0;
  171. filter:alpha(opacity=100);
  172. -webkit-transition: all 1.5s ease;
  173. -moz-transition: all 1.5s ease;
  174. -o-transition: all 1.5s ease;
  175. -moz-opacity:1.0; -html-opacity: 1.0;overflow:none;}
  176.  
  177. .box1a {
  178. width: 135px;
  179. height: 75px;
  180. position:absolute;
  181. top: 50px;
  182. left: -250px;
  183. float:center;
  184. background-color:#1f282e;
  185. overflow:auto;
  186. border: 1px solid #334745;
  187. overflow: auto;
  188. opacity:0.0;
  189. filter:alpha(opacity=100);
  190. -webkit-transition: all 1.5s ease;
  191. -moz-transition: all 1.5s ease;
  192. -o-transition: all 1.5s ease;
  193. -moz-opacity:0.0; -html-opacity: 0.0;}
  194.  
  195. .box1a:hover {
  196. width: 445px;
  197. height: 75px;
  198. position:absolute;
  199. top: 50px;
  200. left: -250px;
  201. float:center;
  202. overflow:auto;
  203. background-color:#1f282e;
  204. border: 1px solid #334745;
  205. opacity:1.0;
  206. filter:alpha(opacity=90);
  207. -webkit-transition: all 1.5s ease;
  208. -moz-transition: all 1.5s ease;
  209. -o-transition: all 1.5s ease;
  210. -moz-opacity:1.0; -html-opacity: 1.0;}
  211.  
  212. .bio {
  213. width: 300px;
  214. height: 450px;
  215. position:absolute;
  216. top: 50px;
  217. left: -103px;
  218. float:left;
  219. background-color:#1f282e;
  220. border: 1px solid #334745;
  221. opacity:1.0;
  222. filter:alpha(opacity=100);
  223. -webkit-transition: all 1.5s ease;
  224. -moz-transition: all 1.5s ease;
  225. -o-transition: all 1.5s ease;
  226. -moz-opacity:1.0; -html-opacity: 1.0;overflow:none;}
  227.  
  228. .box2 {
  229. width: 135px;
  230. height: 135px;
  231. position:absolute;
  232. top: 130px;
  233. left: -250px;
  234. float:center;
  235. background-color:#1f282e;
  236. border: 1px solid #334745;
  237. opacity:1.0;
  238. filter:alpha(opacity=100);
  239. -webkit-transition: all 1.5s ease;
  240. -moz-transition: all 1.5s ease;
  241. -o-transition: all 1.5s ease;
  242. -moz-opacity:1.0; -html-opacity: 1.0;overflow:none;}
  243.  
  244. .box2a {
  245. width: 135px;
  246. height: 135px;
  247. position:absolute;
  248. top: 130px;
  249. left: -250px;
  250. float:center;
  251. background-color:#1f282e;
  252. overflow:auto;
  253. border: 1px solid #334745;
  254. overflow: auto;
  255. opacity:0.0;
  256. filter:alpha(opacity=100);
  257. -webkit-transition: all 1.5s ease;
  258. -moz-transition: all 1.5s ease;
  259. -o-transition: all 1.5s ease;
  260. -moz-opacity:0.0; -html-opacity: 0.0;}
  261.  
  262. .box2a:hover {
  263. width: 445px;
  264. height: 135px;
  265. position:absolute;
  266. top: 130px;
  267. left: -250px;
  268. float:center;
  269. overflow:auto;
  270. background-color:#1f282e;
  271. border: 1px solid #334745;
  272. opacity:1.0;
  273. filter:alpha(opacity=90);
  274. -webkit-transition: all 1.5s ease;
  275. -moz-transition: all 1.5s ease;
  276. -o-transition: all 1.5s ease;
  277. -moz-opacity:1.0; -html-opacity: 1.0;}
  278.  
  279. .box3 {
  280. width: 135px;
  281. height: 75px;
  282. position:absolute;
  283. top: 270px;
  284. left: -250px;
  285. float:center;
  286. background-color:#1f282e;
  287. border: 1px solid #334745;
  288. opacity:1.0;
  289. filter:alpha(opacity=100);
  290. -webkit-transition: all 1.5s ease;
  291. -moz-transition: all 1.5s ease;
  292. -o-transition: all 1.5s ease;
  293. -moz-opacity:1.0; -html-opacity: 1.0;overflow:none;}
  294.  
  295. .box3a {
  296. width: 135px;
  297. height: 75px;
  298. position:absolute;
  299. top: 270px;
  300. left: -250px;
  301. float:center;
  302. background-color:#1f282e;
  303. overflow:auto;
  304. border: 1px solid #334745;
  305. overflow: auto;
  306. opacity:0.0;
  307. filter:alpha(opacity=100);
  308. -webkit-transition: all 1.5s ease;
  309. -moz-transition: all 1.5s ease;
  310. -o-transition: all 1.5s ease;
  311. -moz-opacity:0.0; -html-opacity: 0.0;}
  312.  
  313. .box3a:hover {
  314. width: 445px;
  315. height: 75px;
  316. position:absolute;
  317. top: 270px;
  318. left: -250px;
  319. float:center;
  320. overflow:auto;
  321. background-color:#1f282e;
  322. border: 1px solid #334745;
  323. opacity:1.0;
  324. filter:alpha(opacity=90);
  325. -webkit-transition: all 1.5s ease;
  326. -moz-transition: all 1.5s ease;
  327. -o-transition: all 1.5s ease;
  328. -moz-opacity:1.0; -html-opacity: 1.0;}
  329.  
  330. .ooc {
  331. width: 135px;
  332. height: 150px;
  333. position:absolute;
  334. top: 350px;
  335. left: -250px;
  336. float:center;
  337. text-align: center;
  338. overflow: auto;
  339. background-color:#1f282e;
  340. border: 1px solid #334745;}
  341.  
  342. .box5 {
  343. width: 200px;
  344. height: 450px;
  345. position:absolute;
  346. top: 50px;
  347. left: 210px;
  348. float:center;
  349. overflow: auto;
  350. background-color:#1f282e;
  351. border: 1px solid #334745;
  352. opacity:1.0;
  353. filter:alpha(opacity=100);
  354. -webkit-transition: all 1.5s ease;
  355. -moz-transition: all 1.5s ease;
  356. -o-transition: all 1.5s ease;
  357. -moz-opacity:1.0; -html-opacity: 1.0;overflow:none;}
  358.  
  359. .box5a {
  360. width: 200px;
  361. height: 450px;
  362. position:absolute;
  363. top: 50px;
  364. left: 210px;
  365. float:center;
  366. overflow: auto;
  367. background-color:#1f282e;
  368. border: 1px solid #334745;
  369. opacity:0.0;
  370. filter:alpha(opacity=100);
  371. -webkit-transition: all 1.5s ease;
  372. -moz-transition: all 1.5s ease;
  373. -o-transition: all 1.5s ease;
  374. -moz-opacity:0.0; -html-opacity: 0.0;}
  375.  
  376. .box5a:hover {
  377. width: 200px;
  378. height: 450px;
  379. position:absolute;
  380. top: 50px;
  381. left: 210px;
  382. float:center;
  383. overflow: auto;
  384. background-color:#1f282e;
  385. border: 1px solid #334745;
  386. opacity:1.0;
  387. filter:alpha(opacity=90);
  388. -webkit-transition: all 1.5s ease;
  389. -moz-transition: all 1.5s ease;
  390. -o-transition: all 1.5s ease;
  391. -moz-opacity:1.0; -html-opacity: 1.0;}
  392.  
  393. .box6 {
  394. width: 400px;
  395. height: 243px;
  396. position: absolute;
  397. top: 50px;
  398. left: 420px;
  399. float: center;
  400. overflow: auto;
  401. background-color: #1f282e;
  402. border: 1px solid #334745;}
  403.  
  404. .box7 {
  405. width: 200px;
  406. height: 200px;
  407. position: absolute;
  408. top: 300px;
  409. left: 420px;
  410. float: center;
  411. overflow: auto;
  412. background-color: #1f282e;
  413. border: 1px solid #334745;}
  414.  
  415. .box8 {
  416. width: 200px;
  417. height: 200px;
  418. position: absolute;
  419. top: 300px;
  420. left: 625px;
  421. float: center;
  422. overflow: auto;
  423. background-color: #1f282e;
  424. border: 1px solid #334745;}
  425.  
  426. .inf {
  427. width: 140px;
  428. height: 40px;
  429. position:absolute;
  430. top: 510px;
  431. left: -146px;
  432. float:left;
  433. background-color:#1f282e;
  434. border: 1px solid #334745;
  435. opacity:1.0;
  436. filter:alpha(opacity=100);
  437. -webkit-transition: all 1.5s ease;
  438. -moz-transition: all 1.5s ease;
  439. -o-transition: all 1.5s ease;
  440. -moz-opacity:1.0; -html-opacity: 1.0;
  441. overflow: none;}
  442.  
  443. .inf1 {
  444. width: 140px;
  445. height: 40px;
  446. position:absolute;
  447. top: 510px;
  448. left: -146px;
  449. float: left;
  450. background-color:#1f282e;
  451. border-top: 1px solid #334745;
  452. border-left: 1px solid #334745;
  453. border-right: 1px solid #334745;
  454. overflow: auto;
  455. opacity:0;
  456. filter:alpha(opacity=100);
  457. -webkit-transition: all 1.5s ease;
  458. -moz-transition: all 1.5s ease;
  459. -o-transition: all 1.5s ease;
  460. -moz-opacity:0.0; -html-opacity: 0.0;}
  461.  
  462. .inf1:hover {
  463. width: 136px;
  464. height: 160px;
  465. top: 350px;
  466. left: -146px;
  467. background-color:#1f282e;
  468. border-top: 1px solid #334745;
  469. border-left: 1px solid #334745;
  470. border-right: 1px solid #334745;
  471. padding: 2px;
  472. overflow:auto;
  473. filter:alpha(opacity=1);
  474. -webkit-transition: all 1.5s ease;
  475. -moz-transition: all 1.5s ease;
  476. -o-transition: all 1.5s ease;
  477. opacity:1;}
  478.  
  479. .info {
  480. width: 140px;
  481. height: 40px;
  482. position:absolute;
  483. top: 510px;
  484. left: -2px;
  485. float:left;
  486. background-color:#1f282e;
  487. border: 1px solid #334745;
  488. opacity:1.0;
  489. filter:alpha(opacity=100);
  490. -webkit-transition: all 1.5s ease;
  491. -moz-transition: all 1.5s ease;
  492. -o-transition: all 1.5s ease;
  493. -moz-opacity:1.0; -html-opacity: 1.0;
  494. overflow: none;}
  495.  
  496. .info2 {
  497. width: 140px;
  498. height: 40px;
  499. position:absolute;
  500. top: 510px;
  501. left: -2px;
  502. float: left;
  503. background-color:#1f282e;
  504. border-top: 1px solid #334745;
  505. border-left: 1px solid #334745;
  506. border-right: 1px solid #334745;
  507. overflow: auto;
  508. opacity:0;
  509. filter:alpha(opacity=100);
  510. -webkit-transition: all 1.5s ease;
  511. -moz-transition: all 1.5s ease;
  512. -o-transition: all 1.5s ease;
  513. -moz-opacity:0.0; -html-opacity: 0.0;}
  514.  
  515. .info2:hover {
  516. width: 136px;
  517. height: 160px;
  518. top: 350px;
  519. left: -2px;
  520. background-color:#1f282e;
  521. border-top: 1px solid #334745;
  522. border-left: 1px solid #334745;
  523. border-right: 1px solid #334745;
  524. padding: 2px;
  525. overflow:auto;
  526. filter:alpha(opacity=1);
  527. -webkit-transition: all 1.5s ease;
  528. -moz-transition: all 1.5s ease;
  529. -o-transition: all 1.5s ease;
  530. opacity:1;}
  531.  
  532. .location {
  533. width: 140px;
  534. height: 40px;
  535. position:absolute;
  536. top: 510px;
  537. left: 141px;
  538. float:left;
  539. background-color:#1f282e;
  540. border: 1px solid #334745;
  541. opacity:1.0;
  542. filter:alpha(opacity=100);
  543. -webkit-transition: all 1.5s ease;
  544. -moz-transition: all 1.5s ease;
  545. -o-transition: all 1.5s ease;
  546. -moz-opacity:1.0; -html-opacity: 1.0;
  547. overflow: none;}
  548.  
  549. .location2 {
  550. width: 140px;
  551. height: 40px;
  552. position:absolute;
  553. top: 510px;
  554. left: 141px;
  555. float: left;
  556. background-color:#1f282e;
  557. border-top: 1px solid #334745;
  558. border-left: 1px solid #334745;
  559. border-right: 1px solid #334745;
  560. overflow: auto;
  561. opacity:0;
  562. filter:alpha(opacity=100);
  563. -webkit-transition: all 1.5s ease;
  564. -moz-transition: all 1.5s ease;
  565. -o-transition: all 1.5s ease;
  566. -moz-opacity:0.0; -html-opacity: 0.0;}
  567.  
  568. .location2:hover {
  569. width: 136px;
  570. height: 160px;
  571. top: 350px;
  572. left: 141px;
  573. background-color:#1f282e;
  574. border-top: 1px solid #334745;
  575. border-left: 1px solid #334745;
  576. border-right: 1px solid #334745;
  577. padding: 2px;
  578. overflow:auto;
  579. filter:alpha(opacity=1);
  580. -webkit-transition: all 1.5s ease;
  581. -moz-transition: all 1.5s ease;
  582. -o-transition: all 1.5s ease;
  583. opacity:1;}
  584.  
  585. .hellish {
  586. width: 140px;
  587. height: 40px;
  588. position:absolute;
  589. top: 510px;
  590. left: 285px;
  591. float:left;
  592. background-color:#1f282e;
  593. border: 1px solid #334745;
  594. opacity:1.0;
  595. filter:alpha(opacity=100);
  596. -webkit-transition: all 1.5s ease;
  597. -moz-transition: all 1.5s ease;
  598. -o-transition: all 1.5s ease;
  599. -moz-opacity:1.0; -html-opacity: 1.0;
  600. overflow: none;}
  601.  
  602. .hellisha {
  603. width: 140px;
  604. height: 40px;
  605. position:absolute;
  606. top: 510px;
  607. left: 285px;
  608. float: left;
  609. background-color:#1f282e;
  610. border-top: 1px solid #334745;
  611. border-left: 1px solid #334745;
  612. border-right: 1px solid #334745;
  613. overflow: auto;
  614. opacity:0;
  615. filter:alpha(opacity=100);
  616. -webkit-transition: all 1.5s ease;
  617. -moz-transition: all 1.5s ease;
  618. -o-transition: all 1.5s ease;
  619. -moz-opacity:0.0; -html-opacity: 0.0;}
  620.  
  621. .hellisha:hover {
  622. width: 136px;
  623. height: 160px;
  624. top: 350px;
  625. left: 285px;
  626. background-color:#1f282e;
  627. border-top: 1px solid #334745;
  628. border-left: 1px solid #334745;
  629. border-right: 1px solid #334745;
  630. padding: 2px;
  631. overflow:auto;
  632. filter:alpha(opacity=1);
  633. -webkit-transition: all 1.5s ease;
  634. -moz-transition: all 1.5s ease;
  635. -o-transition: all 1.5s ease;
  636. opacity:1;}
  637.  
  638. .purg {
  639. width: 140px;
  640. height: 40px;
  641. position:absolute;
  642. top: 510px;
  643. left: 430px;
  644. float:left;
  645. background-color:#1f282e;
  646. border: 1px solid #334745;
  647. opacity:1.0;
  648. filter:alpha(opacity=100);
  649. -webkit-transition: all 1.5s ease;
  650. -moz-transition: all 1.5s ease;
  651. -o-transition: all 1.5s ease;
  652. -moz-opacity:1.0; -html-opacity: 1.0;
  653. overflow: none;}
  654.  
  655. .purga {
  656. width: 140px;
  657. height: 40px;
  658. position:absolute;
  659. top: 510px;
  660. left: 430px;
  661. float: left;
  662. background-color:#1f282e;
  663. border-top: 1px solid #334745;
  664. border-left: 1px solid #334745;
  665. border-right: 1px solid #334745;
  666. overflow: auto;
  667. opacity:0;
  668. filter:alpha(opacity=100);
  669. -webkit-transition: all 1.5s ease;
  670. -moz-transition: all 1.5s ease;
  671. -o-transition: all 1.5s ease;
  672. -moz-opacity:0.0; -html-opacity: 0.0;}
  673.  
  674. .purga:hover {
  675. width: 136px;
  676. height: 160px;
  677. top: 350px;
  678. left: 430px;
  679. background-color:#1f282e;
  680. border-top: 1px solid #334745;
  681. border-left: 1px solid #334745;
  682. border-right: 1px solid #334745;
  683. padding: 2px;
  684. overflow:auto;
  685. filter:alpha(opacity=1);
  686. -webkit-transition: all 1.5s ease;
  687. -moz-transition: all 1.5s ease;
  688. -o-transition: all 1.5s ease;
  689. opacity:1;}
  690.  
  691. .upside {
  692. width: 140px;
  693. height: 40px;
  694. position:absolute;
  695. top: 510px;
  696. left: 575px;
  697. float:left;
  698. background-color:#1f282e;
  699. border: 1px solid #334745;
  700. opacity:1.0;
  701. filter:alpha(opacity=100);
  702. -webkit-transition: all 1.5s ease;
  703. -moz-transition: all 1.5s ease;
  704. -o-transition: all 1.5s ease;
  705. -moz-opacity:1.0; -html-opacity: 1.0;
  706. overflow: none;}
  707.  
  708. .upsidea {
  709. width: 140px;
  710. height: 40px;
  711. position:absolute;
  712. top: 510px;
  713. left: 575px;
  714. float: left;
  715. background-color:#1f282e;
  716. border-top: 1px solid #334745;
  717. border-left: 1px solid #334745;
  718. border-right: 1px solid #334745;
  719. overflow: auto;
  720. opacity:0;
  721. filter:alpha(opacity=100);
  722. -webkit-transition: all 1.5s ease;
  723. -moz-transition: all 1.5s ease;
  724. -o-transition: all 1.5s ease;
  725. -moz-opacity:0.0; -html-opacity: 0.0;}
  726.  
  727. .upsidea:hover {
  728. width: 136px;
  729. height: 160px;
  730. top: 350px;
  731. left: 575px;
  732. background-color:#1f282e;
  733. border-top: 1px solid #334745;
  734. border-left: 1px solid #334745;
  735. border-right: 1px solid #334745;
  736. padding: 2px;
  737. overflow:auto;
  738. filter:alpha(opacity=1);
  739. -webkit-transition: all 1.5s ease;
  740. -moz-transition: all 1.5s ease;
  741. -o-transition: all 1.5s ease;
  742. opacity:1;}
  743.  
  744. .species {
  745. width: 140px;
  746. height: 40px;
  747. position:absolute;
  748. top: 510px;
  749. left: 720px;
  750. float:left;
  751. background-color:#1f282e;
  752. border: 1px solid #334745;
  753. opacity:1.0;
  754. filter:alpha(opacity=100);
  755. -webkit-transition: all 1.5s ease;
  756. -moz-transition: all 1.5s ease;
  757. -o-transition: all 1.5s ease;
  758. -moz-opacity:1.0; -html-opacity: 1.0;
  759. overflow: none;}
  760.  
  761. .speciess {
  762. width: 140px;
  763. height: 40px;
  764. position:absolute;
  765. top: 510px;
  766. left: 720px;
  767. float: left;
  768. background-color:#1f282e;
  769. border-top: 1px solid #334745;
  770. border-left: 1px solid #334745;
  771. border-right: 1px solid #334745;
  772. overflow: auto;
  773. opacity:0;
  774. filter:alpha(opacity=100);
  775. -webkit-transition: all 1.5s ease;
  776. -moz-transition: all 1.5s ease;
  777. -o-transition: all 1.5s ease;
  778. -moz-opacity:0.0; -html-opacity: 0.0;}
  779.  
  780. .speciess:hover {
  781. width: 136px;
  782. height: 160px;
  783. top: 350px;
  784. left: 720px;
  785. background-color:#1f282e;
  786. border-top: 1px solid #334745;
  787. border-left: 1px solid #334745;
  788. border-right: 1px solid #334745;
  789. padding: 2px;
  790. overflow:auto;
  791. filter:alpha(opacity=1);
  792. -webkit-transition: all 1.5s ease;
  793. -moz-transition: all 1.5s ease;
  794. -o-transition: all 1.5s ease;
  795. opacity:1;}
  796. </style>
  797.  
  798. <!------------- LOVE INTEREST ---------->
  799.  
  800. <style>
  801. .lover {
  802. width: 140px;
  803. height: 40px;
  804. position:absolute;
  805. top: 510px;
  806. left: -290px;
  807. float:left;
  808. background-color:#1f282e;
  809. border: 1px solid #334745;
  810. opacity:1.0;
  811. filter:alpha(opacity=100);
  812. -webkit-transition: all 1.5s ease;
  813. -moz-transition: all 1.5s ease;
  814. -o-transition: all 1.5s ease;
  815. -moz-opacity:1.0; -html-opacity: 1.0;
  816. overflow: none;}
  817.  
  818. .lover2 {
  819. width: 140px;
  820. height: 40px;
  821. position:absolute;
  822. top: 510px;
  823. left: -290px;
  824. float: left;
  825. background-color:#1f282e;
  826. border-top: 1px solid #334745;
  827. border-left: 1px solid #334745;
  828. border-right: 1px solid #334745;
  829. overflow: auto;
  830. opacity:0;
  831. filter:alpha(opacity=100);
  832. -webkit-transition: all 1.5s ease;
  833. -moz-transition: all 1.5s ease;
  834. -o-transition: all 1.5s ease;
  835. -moz-opacity:0.0; -html-opacity: 0.0;}
  836.  
  837. .lover2:hover {
  838. width: 136px;
  839. height: 160px;
  840. top: 350px;
  841. left: -290px;
  842. background-color:#1f282e;
  843. border-top: 1px solid #334745;
  844. border-left: 1px solid #334745;
  845. border-right: 1px solid #334745;
  846. padding: 2px;
  847. overflow:auto;
  848. filter:alpha(opacity=1);
  849. -webkit-transition: all 1.5s ease;
  850. -moz-transition: all 1.5s ease;
  851. -o-transition: all 1.5s ease;
  852. opacity:1;}
  853. </style>
  854.  
  855. <style>
  856. .xsubzero { HIDE CODES }
  857.  
  858. .lightbluetext8 {display:none;}
  859. table {direction:rtl;}
  860. table table table {direction:ltr;}
  861. </style>
  862.  
  863. <style>
  864. table.profileInfo td td {display:none;}
  865. table.profileInfo td td.text {display:table-cell; _display:inline;}
  866. </style>
  867.  
  868. <style> div td {display:none;}
  869. table {top:0px; position:relative;}
  870. table table {top:0px; position:relative;}</style>
  871. <style>.profileInfo {display:none;}</style>
  872. <style>body{margin-top:0px;}</style>
  873. <style>.mslogo {display: none;}</style>
  874. <style> div#googleLogo_Footer{ height:24px !important;}</style>
  875. <style> table div {display:none;} table table div, div table div {display:block;}</style>
  876.  
  877.  
  878. <style>
  879. br{line-height:2px!important;}
  880. td.text table position:relative;top:-00px;}td.text table table{position:static;</style>
  881. <style>.a {hide top search bar} div div select, div div form {display:none !important;}</style>
  882. <style>.orangetext15 {visibility:hidden; display:none;}</style>
  883. <style>
  884. a.text, table div font a, table div div {visibility:hidden;}
  885. td{text-align:}
  886. a.text, table div font a, table div div {visibility:hidden;}
  887. div td font {visibility:hidden;}.navbar {visibility:visible;}
  888. table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}
  889. </style>
  890.  
  891.  
  892. <style> div td {display:none;} table {top:-10px; position:relative;} table table {top:0px; position:relative;} </style>
  893.  
  894. <style>td.text table {position:relative; top: -2px;}td.text table table {position:static;}</style>
  895.  
  896. <style>td.text table {position:relative; top: -11px;}td.text table table {position:static;}</style>
  897.  
  898. <style>
  899. .interestsAndDetails { display:none; }
  900. .friendSpace, .friendsComments{display:none!important;}
  901. .{hide text properties}
  902. .whitetext12{display: none;}
  903. .lightbluetext8{display: none;}
  904. .blacktext12 {display: visible;}
  905. .{Hidden Sections}
  906. .blurbs{display:none;visibility:hidden;}
  907. .friendSpace { display:none; }
  908. .contactTable { display: none; }
  909. .interestsAndDetails { display:none; }
  910. .latestBlogEntry { display:none; }
  911. .friendsComments { display:none; }
  912. .userProfileDetail{ display:none; }
  913. .extendednetwork {display:none;}
  914. .userProfileURL{display:none;}
  915. .navigationbar{display:none;}
  916. .userProfileURL {display:none;}
  917. .extendedNetwork { display:none;}
  918. table tr td div font {display: none;}
  919. .latestBlogEntry {display: none;}
  920. div table td font {display: none;}
  921. body div table td form img{display:none!important;}
  922. a.text, table div font a, table div div {visibility:hidden;}
  923. table table div font a, table table div div {visibility:visible;}
  924. img {border:0px;}
  925. table tr td div font {display: none;}
  926. table.interestsAndDetails, table.interestsAndDetails td {border:0px; background-color:transparent;}
  927. table.interestsAndDetails span.lightbluetext8,
  928. table.interestsAndDetails td.text {display:none;}
  929. table.interestsAndDetails td td {width:0px; padding:0px;}
  930. </style></style></span>
  931.  
  932.  
  933. ===================================== LIKE TO MEET,
  934.  
  935.  
  936. <span class="text"></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">
  937.  
  938. <div class="container"></div>
  939.  
  940. <div class="home">
  941. <a href="/home.php" class="navi">home</a> // <a href="/" class="navi">message</a> // <a href="/" class="navi">comment</a> // <a href="/" class="navi">gallery</a> // <a href="/" class="navi">blogs</a> // <a href="/" class="navi">page 1</a> // <a href="/" class="navi">page 2</a> // <a href="/" class="navi">page 3</a> // <a href="/" class="navi">page 4</a> // <a href="/" class="navi">page 5</a>
  942. </div>
  943.  
  944. <!------------ BIO ---------->
  945.  
  946. <div class="bio">
  947. <center><br>
  948. <h1>biography</h1>
  949. <hr style="width: 50%;"></hr><br><br>
  950.  
  951. <fieldset style="border: 0px solid #AEA5AF; width:270px; height: 320px; overflow:auto; float:center; text-align: left;"><i>italic</i> <b>bold</b> <u>underlined</u> <small>small</small>
  952. 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.<p>
  953. 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. <p>
  954. 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.
  955. </fieldset>
  956. </div>
  957.  
  958. <!----------------- LEFT BOXES ----------->
  959.  
  960. <div class="container"> </div>
  961.  
  962. <div class="box1">
  963. <center>
  964. <img src="https://images2.imgbox.com/99/f4/qgM8b9mr_o.png">
  965. </div>
  966.  
  967. <div class="box1a">
  968. <h1>Important Information,</h1><br>
  969. coming soon.
  970. </div>
  971.  
  972.  
  973. <div class="box2">
  974. <center>
  975. <img src="https://images2.imgbox.com/3b/05/89aSENgH_o.png">
  976. </div>
  977.  
  978. <div class="box2a">
  979. <h1>Personality,</h1><br>
  980. coming soon.
  981. </div>
  982.  
  983. <div class="box3">
  984. <center>
  985. <img src="https://images2.imgbox.com/bb/67/mNT3tpTm_o.png">
  986. </div>
  987.  
  988. <div class="box3a">
  989. <h1>abilities,</h1><br>
  990. coming soon.
  991. </div>
  992.  
  993. <div class="ooc">
  994. <h1>out of character,</h1><br>
  995. coming soon.
  996. </div>
  997.  
  998. <!-------- CENTER BOXES ------>
  999.  
  1000. <div class="box5">
  1001. <img src="https://images2.imgbox.com/ef/d2/GqjrhD4W_o.png">
  1002. </div>
  1003.  
  1004. <div class="box5a">
  1005. <center><br>
  1006. <h1>basic info</h1>
  1007. <hr style="width: 50%;"></hr><br><br>
  1008.  
  1009. <fieldset style="border: 0px solid #AEA5AF; width:180px; height: 300px; overflow:auto; float:center; text-align: left;">
  1010. <b>LEGAL NAME:</b> Self Explanatory.
  1011. </br><b>ALIAS: </b> Self Explanatory.
  1012. </br><b>NICKNAMES:</b> Self Explanatory.
  1013. </br><b>GENDER:</b> Self Explanatory.
  1014. </br><b>SPECIES:</b> Self Explanatory.
  1015. </br><b>DATE OF BIRTH:</b> 00/00/0000
  1016. </br><b>YEARS OF AGE:</b> Self Explanatory. (00)
  1017. </br><b>PLACE OF BIRTH:</b> Self Explanatory.
  1018. </br><b>CURRENT RESIDENCE:</b> Self Explanatory.
  1019. </br><b>PARENT(S):</b> Self Explanatory.
  1020. </br><b>SIBLING(S):</b> Self Explanatory.
  1021. </br><b>CHILDREN:</b> Self Explanatory.
  1022. </br><b>SEXUAL ORIENTATION:</b> Self Explanatory.
  1023. </br><b>RELATIONSHIP STATUS:</b> Self Explanatory.
  1024. </br><b>OCCUPATION(S):</b> Self Explanatory.
  1025. </br><b>FEARS</b>: Self Explanatory.
  1026. </br><b>LIKES</b>: Self Explanatory.
  1027. </br><b>DISLIKES</b>: Self Explanatory.
  1028. </br><b>ASTROLOGICAL SIGN</b>: Self Explanatory.
  1029. </br><b>FACT</b>: Self Explanatory.
  1030. </br><b>FACT</b>: Self Explanatory.
  1031. </br><b>FACT</b>: Self Explanatory.
  1032. </br><b>FACT</b>: Self Explanatory.
  1033. </br><b>FACT</b>: Self Explanatory.
  1034. </br><b>FACT</b>: Self Explanatory.
  1035. </fieldset></div>
  1036.  
  1037. <!----------- LARGE SECTION RIGHT -------->
  1038.  
  1039. <div class="box6">
  1040. <center><br>
  1041. <h1>connections</h1>
  1042. <hr style="width: 50%;"></hr><br><br>
  1043.  
  1044. <fieldset style="border: 0px solid #3f3857; overflow:auto; width: 90%; height:auto; float:left; text-align: justify"> <img src="https://images2.imgbox.com/51/3c/q7RUrnlf_o.png" align="left"/> <b>Josette Laughlin:</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>
  1045. <hr style="width: 50%;"></hr>
  1046. <img src="https://images2.imgbox.com/6c/fc/qg7Ogp1G_o.png" align="right"/> <b>Delightful Dia:</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>
  1047. <hr style="width: 50%;"></hr>
  1048. <img src="https://placehold.it/50x50/1f282e" align="left"/> <b>Name:</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>
  1049. <hr style="width: 50%;"></hr>
  1050. <img src="https://placehold.it/50x50/1f282e" align="right"/> <b>Name:</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.
  1051. </fieldset>
  1052. </div>
  1053.  
  1054. <div class="box7">
  1055. <center><br>
  1056. <b> ( Other Locations )</b>
  1057. <hr style="width: 50%;"></hr><br>
  1058.  
  1059. <b>The Hollow:</b>Donec ut lacinia lorem. Mauris leo eros, commodo non dignissim vitae, finibus luctus augue. Sed eget tempor mi. In hac habitasse platea dictumst.
  1060. <br><br>
  1061. <b>Portland Oregano:</b> Donec ut lacinia lorem. Mauris leo eros, commodo non dignissim vitae, finibus luctus augue. Sed eget tempor mi. In hac habitasse platea dictumst.
  1062. <br><br>
  1063. <b>Mystic Falls:</b> Donec ut lacinia lorem. Mauris leo eros, commodo non dignissim vitae, finibus luctus augue. Sed eget tempor mi. In hac habitasse platea dictumst.
  1064. <br><br>
  1065. <b>New Orleans Louisiana:</b> Donec ut lacinia lorem. Mauris leo eros, commodo non dignissim vitae, finibus luctus augue. Sed eget tempor mi. In hac habitasse platea dictumst.
  1066. </div>
  1067.  
  1068. <div class="box8">
  1069. <img src="https://images2.imgbox.com/ee/b1/TAuDwuc2_o.png">
  1070. </div>
  1071. <!-------- LOCATIONS -------->
  1072.  
  1073. <div class="inf"><br>
  1074. <center><b>Prison World 1903</b></center>
  1075. <h2>( hover here )</h2>
  1076. </div>
  1077.  
  1078. <div class="inf1">
  1079. 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. <p>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.
  1080. </div>
  1081.  
  1082. <div class="info"><br>
  1083. <center><b>Prison World 1994</b></center>
  1084. <h2>( hover here )</h2>
  1085. </div>
  1086.  
  1087. <div class="info2">
  1088. 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. <p>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.
  1089. </div>
  1090.  
  1091. <div class="location"><br>
  1092. <center><b>Prison World 2018</b></center>
  1093. <h2>( hover here )</h2>
  1094. </div>
  1095.  
  1096. <div class="location2">
  1097. 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. <p>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.
  1098. </div>
  1099.  
  1100. <div class="hellish"><br>
  1101. <center><b>Hell</b></center>
  1102. <h2>( hover here )</h2>
  1103. </div>
  1104.  
  1105. <div class="hellisha">
  1106. 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. <p>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.
  1107. </div>
  1108.  
  1109. <div class="purg"><br>
  1110. <center><b>Purgatory</b></center>
  1111. <h2>( hover here )</h2>
  1112. </div>
  1113.  
  1114. <div class="purga">
  1115. 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. <p>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.
  1116. </div>
  1117.  
  1118. <div class="upside"><br>
  1119. <center><b>Upside Down</b></center>
  1120. <h2>( hover here )</h2>
  1121. </div>
  1122.  
  1123. <div class="upsidea">
  1124. 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. <p>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.
  1125. </div>
  1126.  
  1127. <div class="species"><br>
  1128. <center><b>all species</b></center>
  1129. <h2>( hover here )</h2>
  1130. </div>
  1131.  
  1132. <div class="speciess">
  1133. <b>Gemini Coven:</b>Donec ut lacinia lorem. Mauris leo eros, commodo non dignissim vitae, finibus luctus augue. Sed eget tempor mi. In hac habitasse platea dictumst.
  1134. <br><br>
  1135. <b>Siphoner:</b> Donec ut lacinia lorem. Mauris leo eros, commodo non dignissim vitae, finibus luctus augue. Sed eget tempor mi. In hac habitasse platea dictumst.
  1136. <br><br>
  1137. <b>Witch:</b> Donec ut lacinia lorem. Mauris leo eros, commodo non dignissim vitae, finibus luctus augue. Sed eget tempor mi. In hac habitasse platea dictumst.
  1138. <br><br>
  1139. <b>Hybrid/Heretic:</b> Donec ut lacinia lorem. Mauris leo eros, commodo non dignissim vitae, finibus luctus augue. Sed eget tempor mi. In hac habitasse platea dictumst.
  1140. <br><br>
  1141. <b>Spirit Of Hell:</b> Donec ut lacinia lorem. Mauris leo eros, commodo non dignissim vitae, finibus luctus augue. Sed eget tempor mi. In hac habitasse platea dictumst.
  1142. </div>
  1143.  
  1144. <!------------------- LOVE INTEREST ------------->
  1145.  
  1146. <div class="lover"><br>
  1147. <center><b>LOVE INTEREST</b></center>
  1148. <h2>( hover here )</h2>
  1149. </div>
  1150.  
  1151. <div class="lover2">
  1152. <b>Who:</b> <a href="/">link</a><br>
  1153. <b>Since:</b> 00/00/0000<br>
  1154. <b>Memories:</b> <a href="/">( 1 )</a> // <a href="/">( 2 )</a> // <a href="/">( 3 )</a> // <a href="/">( 4 )</a> // <a href="/">( 5 )</a> <br>
  1155. <b>Comments:</b> Donec ut lacinia lorem. Mauris leo eros, commodo non dignissim vitae, finibus luctus augue. Sed eget tempor mi. In hac habitasse platea dictumst.Donec ut lacinia lorem. Mauris leo eros, commodo non dignissim vitae, finibus luctus augue. Sed eget tempor mi. In hac habitasse platea dictumst.<br>
  1156. <b>Love Song:</b> Artist - Song Name // Artist - Song Name.
  1157. </div>
  1158. </style>
  1159.  
  1160.  
  1161.  
  1162. ======================================== BLOG HEADER,
  1163.  
  1164. <div id="navigation"> <a href="/" class="navo">home </a> // <a href="/" class="navo">message</a> // <a href="/" class="navo">comment</a> // <a href="/" class="navo">gallery</a> // <a href="/" class="navo">blogs</a> // <a href="/" class="navo">page 1</a> // <a href="/" class="navo">page 2</a> // <a href="/" class="navo">page 3</a> // <a href="/" class="navo">page 4</a> // <a href="/" class="navo">page 5</a></div>
  1165.  
  1166.  
  1167. ======================================== BLOG STYLESHEET,
  1168.  
  1169. <style type="text/css"> body { background-color:#060407; background-image:url("https://images2.imgbox.com/51/23/viZOUPxX_o.png"); 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: #fff!important;} .blacktext10 { font-family: courier new; font-size: 10px; color: #2b9977; 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: #467961!important;} .main { margin-top: 330px; margin-left: 145px; width: 525px!important; background-color: #1f282e!important; border: 1px solid #334745!important;} .blogSubject { font-family: times; font-size:20px; font-weight: lighter; font-style: normal; color: #fff; text-transform:uppercase!important; margin:0px; letter-spacing: -1px; padding-top: 2px; padding-right: 4px; line-height:20px; text-align:center; border-bottom: 1px solid #fff; display: block;} .blog { margin-left: -12px; width: 550px!important; background-color: #1f282e!important; background-image:url(''); background-repeat: repeat; margin-bottom: 5px;} .blogcomments, .blogcommentsprofile {font-family: tahoma; color:#fff; background-color: #1f282e!important; font-size:10px; 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 { font-family: arial narrow; font-size:10px; text-decoration: none; color:#ffffff; text-transform:uppercase; text-decoration: lighter; letter-spacing:0px; background-color:transparent; text-align:left; width: 500px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;} a:hover { color:#334745; letter-spacing: 2px; font-weight:lighter; font-style: italic;} a.navo, a.navo:link, a.navo:active, a.navo:visited{ font-family: arial narrow; font-size:10px; text-decoration: none; color:#ffffff; text-transform:uppercase; text-decoration: lighter; letter-spacing:0px; background-color:transparent; text-align:left; width: 500px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;} a.navo:hover{ color:#334745; font-style: italic; letter-spacing:2px;} I { font: italic 9px arial; text-transform:none; color:#e8e8e8; line-height:12px;} B { font: 10px courier new; font-weight: 400; text-transform:uppercase; color:#5c9971; letter-spacing: 2px; line-height: 7px;} u { color: #7a9a85!important; font: 10px consolas; text-transform:uppercase; line-height:10px;} small { font-family:terminal; font-size:7px; font-weight:normal; text-align:right; color: #000; background-color: #841211; text-transform:uppercase; margin:0px; letter-spacing:8px; padding:0px; line-height:8px;} h1 { font-family: times; font-size:15px; font-weight: lighter; text-align:center; color: #ffffff; text-transform:uppercase; margin:1px; letter-spacing:-1px; line-height:25px;} h2 { font-family:consolas; font-size:8px; text-align:center; color:#606867; background-color:transparent; text-transform:uppercase; margin:1px; letter-spacing:4px;} {.scrollbars} ::-webkit-scrollbar-thumb:vertical {background-color:#334745;} ::-webkit-scrollbar-thumb:horizontal {background-color:#1c2f2d;} ::-webkit-scrollbar {width:2px; height:3px; background-color:#1c2f2d;} </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: -20px 0 0 -5px; position: absolute; background-color: transparent;} </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement