irislyts

056

Oct 2nd, 2020
234
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.54 KB | None | 0 0
  1. ---- About me
  2.  
  3. <style type="text/css">
  4.  
  5. a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited { color: #DDDDDD;
  6. font-size: 9px;
  7. font-weight: normal;
  8. font-style: normal;
  9. text-decoration: none;
  10. text-transform: none;
  11. font-family: georgia; }
  12.  
  13. a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover { color: #555555;
  14. font-size: 9px;
  15. font-weight: normal;
  16. font-style: normal;
  17. text-decoration: none;
  18. text-transform: none;
  19. font-family: georgia; }
  20.  
  21. a.conn:active, a.conn:link, a.conn:visited { font-size: 9px;
  22. font-weight: bold;
  23. font-style: none;
  24. color: #999999;
  25. font-family: georgia;
  26. margin: 2px;
  27. line-height: 10px;
  28. background-color: #000000;
  29. display: block;
  30. text-align: center;
  31. text-transform: uppercase;
  32. padding: 2px; }
  33.  
  34. a.conn:hover { background-color: #515d35;
  35. color: #EEEEEE; }
  36.  
  37. b { color: #973a48;
  38. font-family: georgia;
  39. font-size: 9px;
  40. line-height: 12px; }
  41.  
  42. i { color: #666666;
  43. font-family: georgia;
  44. font-size: 9px; }
  45.  
  46. h1 { font-family: georgia;
  47. font-size: 9px;
  48. line-height: 10px;
  49. font-weight: normal;
  50. font-style: italic;
  51. color: #a75b67;
  52. text-align: right;
  53. display: block;
  54. margin: 0px 0px 6px 0px;
  55. padding: 2px; }
  56.  
  57. .container { position: fixed;
  58. top: 100px;
  59. left: 200px;
  60. width: 436px;
  61. height: 404px;
  62. background-color: #2A0A0A;
  63. background-image: url('https://i.imgur.com/fQ1XfVE.jpg');
  64. z-index: 0; }
  65.  
  66. .picone { position: fixed;
  67. top: 116px;
  68. left: 424px;
  69. width: 196px;
  70. height: 110px;
  71. overflow: hidden; }
  72.  
  73. .pictwo { position: fixed;
  74. top: 406px;
  75. left: 216px;
  76. width: 196px;
  77. height: 80px;
  78. overflow: hidden; }
  79.  
  80. .picthree { position: fixed;
  81. top: 116px;
  82. left: 216px;
  83. width: 196px;
  84. height: 110px;
  85. overflow: hidden; }
  86.  
  87. .tabs { top: 240px;
  88. left: 424px;
  89. text-align: left;
  90. color: #31393e;
  91. background-color: #FFFFFF;
  92. position: fixed;
  93. display: inline-block;
  94. float: left;
  95. width: 196px;
  96. height: 70px;
  97. z-index: 1; }
  98.  
  99. .tab { float: left; }
  100.  
  101. .tab label { display: block;
  102. text-align: center;
  103. font-family: calibri;
  104. font-weight: bold;
  105. font-size: 10px;
  106. letter-spacing: 1.5px;
  107. color: #d1959a;
  108. padding: 6px;
  109. margin: 0px 0px 10px 0px;
  110. position: relative;
  111. width: 18px;
  112. top: 0px;
  113. right: 0px; }
  114.  
  115. .tab [type=radio] { display: none; }
  116.  
  117. .content { position: absolute;
  118. top: 20px;
  119. left: 0px;
  120. height: 214px;
  121. width: 184px;
  122. font-family: georgia;
  123. font-size: 9px;
  124. line-height: 12px;
  125. float: left;
  126. color: #444444;
  127. overflow-x: hidden;
  128. overflow-y: auto;
  129. background: #FFFFFF;
  130. display: inline-block;
  131. padding: 6px; }
  132.  
  133. [type=radio]:checked ~ label {
  134. color: #000000;
  135. background: ;
  136. z-index: 2; }
  137.  
  138. [type=radio]:checked ~ label ~ .content { z-index: 1; }
  139.  
  140. .box { position: fixed;
  141. top: 82px;
  142. left: 234px;
  143. width: 400px;
  144. height: 17px;
  145. font-family: georgia;
  146. font-size: 9px;
  147. line-height: 12px;
  148. color: #444444;
  149. text-align: right;
  150. background-color: ;
  151. overflow: hidden; }
  152.  
  153. .boxtwo { position: fixed;
  154. top: 240px;
  155. left: 216px;
  156. width: 184px;
  157. height: 140px;
  158. font-family: georgia;
  159. font-size: 9px;
  160. line-height: 12px;
  161. color: #444444;
  162. background-color: #FFFFFF;
  163. padding: 6px;
  164. overflow: auto; }
  165.  
  166. .img { width: 285px;
  167. height: 148px; }
  168.  
  169. body { background-color: #0f0d0e;
  170. background-image: ;
  171. background-attachment: fixed;
  172. background-repeat: repeat;
  173. position: absolute; }
  174.  
  175. td.text table { position: relative; top: -8px; left: -9px; }
  176. table.blurbs { margin-top: -18px; margin-bottom: -16px; }
  177. table { top: 0px; left: 205px; position: relative; }
  178. table, tr, td { background-color: transparent; border: none; }
  179. table table { left: 0px; top: 0px; width: 0px; border: 0px; }
  180. table table table table td { width: 0px; border: 0px; }
  181. table table table td { border: 0px; margin: 0px; padding: 0px; }
  182. table table br { display: none; margin: 0px; padding: 0px; }
  183. table table table br { display: block; margin: 0px; padding: 0px; }
  184. table table table table { margin: 0px; padding: 0px; background-color: transparent; }
  185. table table table {border-style: solid;
  186. border-width: 0px;
  187. border-color: ;
  188. background-color: transparent;
  189. position: relative; }
  190.  
  191. .profileinfo td.text { visibility: visible;
  192. font-family: georgia;
  193. color: #000000;
  194. font-size: 10px;
  195. font-weight: none;
  196. text-decoration: none;
  197. line-height: 8px;
  198. text-transform: none;
  199. letter-spacing: 0px; }
  200. .profileinfo { left: 0px; margin: 0px 0px -16px 0px; }
  201. .profileInfo td td { visibility: hidden; }
  202. .profileInfo td.text a img { visibility: visible; }
  203. table.profileInfo table td { white-space: wrap !important; }
  204.  
  205. .contactTable { display: none; }
  206. .latestBlogEntry { display: none; }
  207. .userProfileDetail{ display: none; }
  208. .extendednetwork { display: none;}
  209. .userProfileURL{ display: none; }
  210. .userProfileSchool {display: none; }
  211. .friendSpace { display: none; }
  212. .orangetext15{ display: none; }
  213. .whitetext12{ display: none; }
  214. .lightbluetext8{ display: none; }
  215. .blacktext12 { display: none; }
  216. .Hide Orange Bars and Text { rr }
  217. table div font { display: none; }
  218. td.text table { width: 100%; }
  219. .orangetext15{ display: none; }
  220. #footerWarpper { display: none; }
  221. a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
  222. .clearfix { display: none; }
  223. .profileInfo { display: none; }
  224.  
  225. ::-webkit-scrollbar { width: 2px;
  226. height: 0px;
  227. background: #FFFFFF; }
  228.  
  229. ::-webkit-scrollbar-thumb { background-color: #626b3f; }
  230.  
  231. </style>
  232.  
  233.  
  234.  
  235.  
  236.  
  237.  
  238.  
  239. ---- Like to meet
  240.  
  241. <div class="container"></div>
  242.  
  243. <div class="picone">
  244. <img src="https://placehold.it/196x110" width="196" height="110">
  245. </div>
  246.  
  247. <div class="pictwo">
  248. <img src="https://placehold.it/196x80" width="196" height="80">
  249. </div>
  250.  
  251. <div class="picthree">
  252. <img src="https://placehold.it/196x110" width="196" height="110">
  253. </div>
  254.  
  255. <div class="box">
  256. <a href="/home.php">Home.</a>
  257. <a href="/add_comment.php?member_id=xxx">Comment.</a>
  258. <a href="/send_message.php?member_id=xxx">Message.</a>
  259. <a href="/albums.php?member_id=xxx">Gallery.</a>
  260. <a href="/view_member_blog.php?member_id=xxx">Blog.</a>
  261. <a href="/status_stream.php?member_id=xxx">Stream.</a>
  262. <a href="view_bulletins.php?member_id=xxx">Bulletins.</a>
  263. <a href="/irislyts">Credit.</a>
  264. </div>
  265.  
  266. <div class="boxtwo">
  267. <h1>Background</h1>
  268. Write as much as you want, it'll scroll.
  269. </div>
  270.  
  271. <div class="tabs">
  272.  
  273. <div class="tab">
  274. <input type="radio" id="tab-1" name="tab-group-1" checked>
  275. <label for="tab-1">i.</label>
  276.  
  277. <div class="content">
  278. <h1>Basic</h1>
  279. <b>Birth name:</b> <br>
  280. <b>Nicknames:</b> <br>
  281. <b>Gender:</b> <br>
  282. <b>Gender role:</b> <br>
  283. <b>DOB:</b> <br>
  284. <b>Age:</b> <br>
  285. <b>Zodiac:</b> <br>
  286. <b>Blood type:</b> <br>
  287. <b>Religious affiliation:</b> <br>
  288. <b>Birth place:</b> <br>
  289. <b>Hometown:</b> <br>
  290. <b>Current residence:</b>
  291.  
  292. <br><br>
  293.  
  294. <h1>Career</h1>
  295. <b>Occupation:</b> <br>
  296. <b>Position:</b> <br>
  297. <b>Company:</b> <br>
  298. <b>Since:</b> <br>
  299. <b>Job description:</b> <br>
  300. <b>Other:</b>
  301. </div>
  302. </div>
  303.  
  304. <div class="tab">
  305. <input type="radio" id="tab-2" name="tab-group-1">
  306. <label for="tab-2">ii.</label>
  307.  
  308. <div class="content">
  309. <h1>Appearance & Speech</h1>
  310. <b>Hair style & color:</b> <br>
  311. <b>Eye color:</b> <br>
  312. <b>Height:</b> <br>
  313. <b>Weight:</b> <br>
  314. <b>Scars:</b> <br>
  315. <b>Birthmarks:</b> <br>
  316. <b>Piercings:</b> <br>
  317. <b>Tattoos:</b> <br>
  318. <b>Distinguishing characteristics:</b> <br>
  319. <b>Complexion:</b> <br>
  320. <b>Clothing style:</b> <br>
  321. <b>Jewelry:</b> <br>
  322. <b>Other:</b> <br>
  323. <b>Vocals:</b> <br>
  324. <b>Speech:</b>
  325.  
  326. <br><br>
  327.  
  328. <h1>Traits</h1>
  329. <b>Smoke/Drink/Drugs:</b> --/--/--.<br>
  330. <b>Languages:</b> <br>
  331. <b>Quirks:</b> <br>
  332. <b>Likes:</b> <br>
  333. <b>Dislikes:</b> <br>
  334. <b>Positive traits:</b> <br>
  335. <b>Negative traits:</b> <br>
  336. <b>Phobias:</b> <br>
  337. <b>Disorders:</b> <br>
  338. <b>Demeanor:</b> <br>
  339. <b>Behavior:</b>
  340. </div>
  341. </div>
  342.  
  343. <div class="tab">
  344. <input type="radio" id="tab-3" name="tab-group-1">
  345. <label for="tab-3">iii.</label>
  346.  
  347. <div class="content">
  348. <h1>Favorites</h1>
  349. <i>List your muses list of favorite things.</i>
  350.  
  351. <br><br>
  352.  
  353. <h1>Facts</h1>
  354. <b>01.</b> <br>
  355. <b>02.</b> <br>
  356. <b>03.</b> <br>
  357. <b>04.</b> <br>
  358. <b>05.</b> <br>
  359. <b>06.</b> <br>
  360. <b>07.</b> <br>
  361. <b>08.</b>
  362. </div>
  363. </div>
  364.  
  365. <div class="tab">
  366. <input type="radio" id="tab-4" name="tab-group-1">
  367. <label for="tab-4">iv.</label>
  368.  
  369. <div class="content">
  370. <h1>Family</h1>
  371. <b>Children:</b> <br>
  372. <b>Parents:</b> <br>
  373. <b>Siblings:</b> <br>
  374. <b>Nephews & Nephews:</b> <br>
  375. <b>Pets:</b>
  376.  
  377. <br><br>
  378.  
  379. <h1>Relationship</h1>
  380. <b>Orientation:</b> <br>
  381. <b>Relationship status:</b> <br>
  382. <b>Taken by:</b> <br>
  383. <b>Taken since:</b> <br>
  384. <b>Engaged since:</b> <br>
  385. <b>Married since:</b> <br>
  386. <b>Children together:</b>
  387. </div>
  388. </div>
  389.  
  390. <div class="tab">
  391. <input type="radio" id="tab-5" name="tab-group-1">
  392. <label for="tab-5">v.</label>
  393.  
  394. <div class="content">
  395. <h1>Connections</h1>
  396. <a href="/" class="conn">Connection name</a>
  397. <a href="/" class="conn">Connection name</a>
  398. <a href="/" class="conn">Connection name</a>
  399. <a href="/" class="conn">Connection name</a>
  400. <a href="/" class="conn">Connection name</a>
  401. <a href="/" class="conn">Connection name</a>
  402. <a href="/" class="conn">Connection name</a>
  403. <a href="/" class="conn">Connection name</a>
  404. <a href="/" class="conn">Connection name</a>
  405. <a href="/" class="conn">Connection name</a>
  406. <a href="/" class="conn">Connection name</a>
  407. <a href="/" class="conn">Connection name</a>
  408. <a href="/" class="conn">Connection name</a>
  409. <a href="/" class="conn">Connection name</a>
  410. <a href="/" class="conn">Connection name</a>
  411. <a href="/" class="conn">Connection name</a>
  412. </div>
  413. </div>
Add Comment
Please, Sign In to add comment