Advertisement
htpremadesbb

Ocean Blues RPG - Div Layout

Mar 30th, 2017
618
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.63 KB | None | 0 0
  1. Layout & Graphics made by BITCHCRAFT @ LOVE LOCKDOWN RESOURCES /
  2. PSD: https://www.dropbox.com/s/zlv97v30okb9m2r/BC%20-%20OCEAN%20BLUES%20PSD.psd?dl=0
  3. Color Scheme {NOT MADE BY ME}: http://www.colourlovers.com/palette/292482/Terra
  4.  
  5.  
  6.  
  7.  
  8. ----------------------------ABOUT ME----------------------------
  9.  
  10.  
  11.  
  12.  
  13.  
  14. <link href="https://fonts.googleapis.com/css?family=Homemade+Apple|Josefin+Slab|Monoton|Mr+Dafoe|Permanent+Marker|Raleway:800|VT323" rel="stylesheet">
  15.  
  16. </td></tr></table></td></tr></table>
  17. <body oncontextmenu="return false">
  18. <style type="text/css">
  19.  
  20.  
  21. .BITCHCRAFT { BACKGROUND & TABLE PROPERTIES }
  22.  
  23. table, tr, td { display:none; }
  24. body { background-color: #036564; background-image: url("https://i.imgur.com/0GRI5Bd.png"); background-repeat: fixed; background-attachment: fixed; overflow-y:auto; overflow-x:hidden; }
  25.  
  26.  
  27.  
  28.  
  29. .BITCHCRAFT { SCROLLBAR PROPERTIES }
  30.  
  31. ::-webkit-scrollbar-thumb:vertical {background-color:#033649;}
  32. ::-webkit-scrollbar-thumb:horizontal {background-color:#033649;}
  33. ::-webkit-scrollbar {width:5px; height:5px; background-color:#E8DDCB;}
  34.  
  35.  
  36.  
  37.  
  38. .BITCHCRAFT { DIV BOXES }
  39.  
  40. .music {
  41. bottom:6px;
  42. right:-308px;
  43. width:340px;
  44. height:33px;
  45. position:fixed!important;
  46. -webkit-transition: all .3s linear;
  47. -moz-transition: all .3s linear;
  48. -o-transition: all .3s linear;}
  49.  
  50. .music:hover {
  51. right:-268px; }
  52.  
  53.  
  54.  
  55. .credit {
  56. top: 25px;
  57. left: 25px;
  58. width: 46px;
  59. height: 16px;
  60. background-color: #036564;
  61. padding: 0px 0px 0px 0px;
  62. margin: 10px;
  63. border: 1px solid #E8DDCB;
  64. outline: 3px solid #036564;}
  65.  
  66.  
  67.  
  68.  
  69. .navigationtext {
  70. top:60px;
  71. left:80px;
  72. height:500px;
  73. width:250px;
  74. margin:0px;
  75. padding:10px;
  76. overflow:hidden;
  77. position:absolute;
  78. background-color: #036564;
  79. border: 2px solid #E8DDCB;
  80. outline: 8px solid #036564;
  81. z-index:2;}
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88.  
  89. .mainbox {
  90. top:60px;
  91. left:372px;
  92. height:300px;
  93. width:600px;
  94. margin:0px 0px 0px 0px;
  95. padding: 10px 10px 10px 10px;
  96. background-color: #036564;
  97. border: 2px solid #E8DDCB;
  98. outline: 8px solid #036564;
  99. overflow:hidden;
  100. position:absolute;
  101. z-index:1;}
  102.  
  103.  
  104.  
  105.  
  106. .box1 {
  107. top:402px;
  108. left:372px;
  109. height:148px;
  110. width:200px;
  111. margin:0px 0px 0px 0px;
  112. padding: 20px 10px 10px 10px;
  113. background-color: #036564;
  114. border: 2px solid #E8DDCB;
  115. outline: 8px solid #036564;
  116. overflow:hidden;
  117. position:absolute;
  118. z-index:1;}
  119.  
  120.  
  121.  
  122.  
  123. .box2 {
  124. top:402px;
  125. left:614px;
  126. height:148px;
  127. width:116px;
  128. margin:0px 0px 0px 0px;
  129. padding: 20px 10px 10px 10px;
  130. background-color: #036564;
  131. border: 2px solid #E8DDCB;
  132. outline: 8px solid #036564;
  133. overflow:hidden;
  134. position:absolute;
  135. text-align: center;
  136. z-index:1;}
  137.  
  138.  
  139.  
  140.  
  141. .box3 {
  142. top:402px;
  143. left:773px;
  144. height:148px;
  145. width:200px;
  146. margin:0px 0px 0px 0px;
  147. padding: 20px 10px 10px 10px;
  148. background-color: #036564;
  149. border: 2px solid #E8DDCB;
  150. outline: 8px solid #036564;
  151. overflow:hidden;
  152. position:absolute;
  153. z-index:1;}
  154.  
  155.  
  156.  
  157.  
  158. .affietext {
  159. top:60px;
  160. left:1014px;
  161. height:490px;
  162. width:250px;
  163. margin:0px;
  164. padding:20px 10px 10px 10px;
  165. overflow:hidden;
  166. position:absolute;
  167. background-color: #036564;
  168. border: 2px solid #E8DDCB;
  169. outline: 8px solid #036564;
  170. z-index:2;}
  171.  
  172.  
  173.  
  174.  
  175.  
  176.  
  177. .BITCHCRAFT { TEXT PROPERTIES }
  178.  
  179. .text, table, tr, td, li, p, div {
  180. color: #E8DDCB;
  181. font-family:georgia;
  182. font-size: 10px;
  183. font-weight: 0px;
  184. letter-spacing: 1px;
  185. margin: 0px 0px 0px 0px;
  186. text-transform: none;
  187. text-decoration: ;
  188. text-shadow: 0px;
  189. text-align: justify;}
  190.  
  191.  
  192.  
  193.  
  194.  
  195.  
  196. .BITCHCRAFT { TEXT STYLE PROPERTIES }
  197.  
  198. b {
  199. color: #CDB380;
  200. font-family:courier new;
  201. font-size: 12px;
  202. font-style: bold;
  203. font-weight: 0px;
  204. letter-spacing: 2px;
  205. margin: 0px 0px 0px 0px;
  206. text-transform: uppercase;
  207. text-decoration: none;
  208. text-shadow: 0px;
  209. text-align: center;}
  210.  
  211. i {
  212. color: #CDB380;
  213. font-family:'Homemade Apple', cursive;
  214. font-size: 11px;
  215. font-style: none;
  216. font-weight: 0px;
  217. letter-spacing: 0px;
  218. line-height: 0px;
  219. margin: 0px 0px 0px 0px;
  220. text-transform: none;
  221. text-decoration: none;
  222. text-shadow: 1px 1px #031634;
  223. text-align: center;}
  224.  
  225. u {
  226. color: #031634;
  227. font-family:courier new;
  228. font-size: 9px;
  229. font-style: none;
  230. font-weight: 0px;
  231. letter-spacing: 0px;
  232. margin: 0px 0px 0px 0px;
  233. text-transform: none;
  234. text-decoration: underline;
  235. text-shadow: 0px;
  236. text-align: center;}
  237.  
  238. em {
  239. color: #E8DDCB;
  240. font-family:georgia;
  241. font-size: 10px;
  242. font-weight: 0px;
  243. letter-spacing: 4px;
  244. margin: 0px 0px 0px 0px;
  245. text-transform: uppercase;
  246. text-decoration: none;
  247. text-shadow: 0px;
  248. text-align: center;}
  249.  
  250. cite {
  251. color: #031634;
  252. font-family: georgia;
  253. font-size: 13px;
  254. font-style: none;
  255. font-weight: 0px;
  256. letter-spacing: 2px;
  257. margin: 0px 0px 0px 0px;
  258. padding: 0px 0px 0px 10px;
  259. text-transform: none;
  260. text-decoration: italic;
  261. text-shadow: 1px 1px #031634;
  262. text-align: justify;}
  263.  
  264.  
  265. .firstcharacter {
  266. color: #036564;
  267. float: left;
  268. font-family: Georgia;
  269. background-color: #E8DDCB;
  270. font-size: 30px;
  271. line-height: 22px;
  272. padding: 3px 3px 3px 3px;
  273. margin: 3px 5px 0px 3px;
  274. border: 1px solid #036564;
  275. outline: 3px solid #E8DDCB;}
  276.  
  277.  
  278.  
  279.  
  280.  
  281.  
  282. .BITCHCRAFT { HEADERS }
  283.  
  284. h2 {
  285. color: #033649;
  286. font-family: 'Homemade Apple', cursive;
  287. font-size: 30px;
  288. font-style: none;
  289. font-weight: 0px;
  290. height:35px;
  291. letter-spacing: 2px;
  292. text-shadow: 1px 1px #031634;
  293. margin: -8px 0px 20px 0px;
  294. padding: 0px 0px 0px 0px;
  295. text-transform: none;
  296. text-decoration: none;
  297. text-shadow: 0px;
  298. text-align: center;
  299. -ms-transform: rotate(-2deg);
  300. -webkit-transform: rotate(-2deg);
  301. transform: rotate(-2deg);}
  302.  
  303. h3{
  304. color: #E8DDCB;
  305. background-color: #033649;
  306. font-family: georgia;
  307. font-size: 10px;
  308. font-weight: 0px;
  309. height:10px;
  310. letter-spacing: 2px;
  311. margin: -10px 0px 0px 0px;
  312. padding: 2px 0px 3px 0px;
  313. text-transform: none;
  314. text-decoration: none;
  315. text-shadow: 0px;
  316. text-align: center;
  317. -ms-transform: rotate(-2deg);
  318. -webkit-transform: rotate(-2deg);
  319. transform: rotate(-2deg);}
  320.  
  321. h4{
  322. color: #E8DDCB;
  323. font-family:'Homemade Apple', cursive;
  324. font-size: 18px;
  325. font-weight: 0px;
  326. height:10px;
  327. letter-spacing: 2px;
  328. text-shadow: 1px 1px #031634;
  329. margin: -6px 0px 0px 0px;
  330. padding: 0px 0px 7px 0px;
  331. text-transform: none;
  332. text-decoration: none;
  333. text-shadow: 0px;
  334. text-align: center;}
  335.  
  336. h5{
  337. color: #033649;
  338. background-color: #E8DDCB;
  339. font-family: georgia;
  340. font-size: 10px;
  341. font-weight: 0px;
  342. height:10px;
  343. letter-spacing: 2px;
  344. margin: -10px 0px 0px 0px;
  345. padding: 2px 0px 3px 0px;
  346. text-transform: none;
  347. text-decoration: none;
  348. text-shadow: 0px;
  349. text-align: center;
  350. -ms-transform: rotate(-2deg);
  351. -webkit-transform: rotate(-2deg);
  352. transform: rotate(-2deg);}
  353.  
  354.  
  355.  
  356.  
  357.  
  358.  
  359. .BITCHCRAFT { REGULAR LINK PROPERTIES }
  360. a:active, a:visited, a:link {
  361. font-size: 8px;
  362. font-family:quicksand;
  363. color: #;
  364. background-color: #;
  365. font-family: Georgia;
  366. text-align:center;
  367. line-height:17px;
  368. letter-spacing:2px;
  369. margin: 0px 0px 1px 0px;
  370. text-transform:none;
  371. text-decoration: none;
  372. -webkit-transition: all 0.5s linear;
  373. -moz-transition: all 0.5s linear;
  374. transition: all 0.5s linear;}
  375.  
  376. a:hover {
  377. color:#4E3960;
  378. letter-spacing:2px;}
  379.  
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386. .slayMONADE { CONNECTIONS LINK PROPERTIES }
  387.  
  388. a.first, a.first:link, a.first:active, a.first:visited {
  389. float:left;
  390. width:246px;
  391. height: 15px;
  392. color: #E8DDCB;
  393. background-color: #033649;
  394. border: 1px solid #E8DDCB;
  395. font-family: Georgia;
  396. text-align:center;
  397. font-size:9px;
  398. line-height:17px;
  399. letter-spacing:2px;
  400. margin: 0px 0px 1px 0px;
  401. text-transform:none;
  402. -webkit-transition: all 0.5s linear;
  403. -moz-transition: all 0.5s linear;
  404. transition: all 0.5s linear;}
  405.  
  406. a.first:hover {
  407. background-color:#CDB380;
  408. letter-spacing: 4px;}
  409.  
  410.  
  411.  
  412. a.second, a.second:link, a.second:active, a.second:visited {
  413. float:left;
  414. width:122px;
  415. color:#033649;
  416. text-align:center;
  417. font-size:9px;
  418. line-height:32.5px;
  419. letter-spacing:2px;
  420. margin:0px 1px 1px 0px;
  421. text-transform:none;
  422. background-color: #E8DDCB;
  423. border: 1px solid #033649;
  424. font-family: Georgia;
  425. -webkit-transition: all 0.5s linear;
  426. -moz-transition: all 0.5s linear;
  427. transition: all 0.5s linear;}
  428.  
  429. a.second:hover {
  430. background-color:#031634;
  431. letter-spacing: 4px;}
  432.  
  433.  
  434.  
  435. a.fourth, a.fourth:link, a.fourth:active, a.fourth:visited {
  436. float:left;
  437. width:150px;
  438. height: 12px;
  439. color: #E8DDCB;
  440. background-color: #CDB380;
  441. border: 1px solid #E8DDCB;
  442. font-family: Georgia;
  443. text-align:center;
  444. font-size:9px;
  445. line-height:12px;
  446. letter-spacing:2px;
  447. margin: 0px 0px 1px 0px;
  448. text-transform:none;
  449. -webkit-transition: all 0.5s linear;
  450. -moz-transition: all 0.5s linear;
  451. transition: all 0.5s linear;}
  452.  
  453. a.fourth:hover {
  454. background-color:#033649;
  455. letter-spacing: 1px;}
  456.  
  457.  
  458.  
  459.  
  460.  
  461. .slayMONADE { CREDIT LINK PROPERTIES }
  462.  
  463. a.third, a.third:link, a.third:active, a.third:visited {
  464. color: #E8DDCB;
  465. font-family:arial black;
  466. font-size: 10px;
  467. font-style: none;
  468. font-weight: 0px;
  469. letter-spacing: 0px;
  470. margin: 0px 0px 0px 0px;
  471. padding: 2px 0px 2px 1.8px;
  472. text-transform: uppercase;
  473. text-decoration: none;
  474. text-align: center;}
  475.  
  476. a.third:hover {
  477. color: #031634;}
  478.  
  479.  
  480.  
  481.  
  482.  
  483.  
  484. .slayMONADE { HIDE CODES }
  485.  
  486. .clearfix { display: none; }
  487. .lightbluetext8 { display:none; }
  488. .contacttable { display:none; }
  489. .whitetext12 { display:none; }
  490. .interestsanddetails { display:none; }
  491. .userProfiledetail { display:none; }
  492. .friendSpace { display:none; }
  493. .friendsComments { display:none; }
  494. .latestBlogEntry { display:none; }
  495. .navigationBar { display:none; }
  496. .navbar { visibility:hidden; }
  497. .orangetext15 { display:none; }
  498. .profileinfo { display:none; }
  499. .userProfileURL { display:none; }
  500. .extendedNetwork { display:none; }
  501. .blurbs { display:none; }
  502. .userAlbums { display:none; }
  503. .mslogo { display: none; }
  504. #footerWarpper{ display:none; }
  505. </style>
  506.  
  507.  
  508.  
  509.  
  510.  
  511.  
  512. ----------------------------LIKE TO MEET----------------------------
  513.  
  514.  
  515.  
  516.  
  517.  
  518.  
  519.  
  520. </td></tr></table></td></tr></table>
  521.  
  522.  
  523. <div class="navigationtext"> <h4> Navigation</h4>
  524. <div style="width: 250px; height:100px; margin: 10px 0px 10px 0px; padding: 0px 7px 5px 0px; overflow-x: hidden; overflow-y: hidden; background-color: #;">
  525.  
  526. <a href="/home.php" class="second">Home</a>
  527. <a href="/home.php" class="second">Comment</a>
  528. <a href="/home.php" class="second">Message</a>
  529. <a href="/home.php" class="second">Content</a>
  530. <a href="/home.php" class="second">Share Code</a>
  531. <a href="/home.php" class="second">Extra</a>
  532.  
  533. </div>
  534.  
  535. <h4>Roleplay Members</h4>
  536. <div style="width: 250px; height:210px; margin: 10px 0px 13px 0px; padding: 0px 7px 5px 0px; overflow-x: hidden; overflow-y: auto; background-color: #;">
  537.  
  538. <a href="/home.php" class="first">roleplay member name</a>
  539. <a href="/home.php" class="first">roleplay member name</a>
  540. <a href="/home.php" class="first">roleplay member name</a>
  541. <a href="/home.php" class="first">roleplay member name</a>
  542. <a href="/home.php" class="first">roleplay member name</a>
  543. <a href="/home.php" class="first">roleplay member name</a>
  544. <a href="/home.php" class="first">roleplay member name</a>
  545. <a href="/home.php" class="first">roleplay member name</a>
  546. <a href="/home.php" class="first">roleplay member name</a>
  547. <a href="/home.php" class="first">roleplay member name</a>
  548. <a href="/home.php" class="first">roleplay member name</a>
  549. <a href="/home.php" class="first">roleplay member name</a>
  550. <a href="/home.php" class="first">roleplay member name</a>
  551. <a href="/home.php" class="first">roleplay member name</a>
  552.  
  553. </div>
  554.  
  555. <h4>Taken Information</h4>
  556. <div style="float: left; width: 108px; height:79px; margin: 10px 10px 13px 0px; padding: 13px 5px 5px 5px; overflow-x: hidden; overflow-y: auto; background-color: #; text-align: center;">
  557.  
  558. <h5>First Names</h5>
  559. <br> First Name
  560. <br> First Name
  561. <br> First Name
  562. <br> First Name
  563. <br> First Name
  564. <br> First Name
  565. <br> First Name
  566. <br> First Name
  567. <br> First Name
  568. <br> First Name
  569. <br> First Name
  570. <br> First Name
  571. <br> First Name
  572. <br> First Name
  573. </div>
  574.  
  575. <div style="float: left; width: 108px; height:79px; margin: 10px 0px 13px 0px; padding: 13px 5px 5px 5px; overflow-x: hidden; overflow-y: auto; background-color: #; text-align: center;"><h5>Last Names</h5>
  576.  
  577. <br> Last Name
  578. <br> Last Name
  579. <br> Last Name
  580. <br> Last Name
  581. <br> Last Name
  582. <br> Last Name
  583. <br> Last Name
  584. <br> Last Name
  585. <br> Last Name
  586. <br> Last Name
  587. <br> Last Name
  588. <br> Last Name
  589. <br> Last Name
  590. <br> Last Name
  591. </div>
  592.  
  593. </div>
  594.  
  595.  
  596.  
  597.  
  598.  
  599.  
  600.  
  601.  
  602. <div class="mainbox"> <h2>♛Title Display Name♛</h2>
  603. <h5> "Oh, the summer night, Has a smile of light, And she sits on a sapphire throne." </h5>
  604.  
  605. <div style="float: left; width: 280px; height: 235px; margin: 13px 5px 25px 0px; padding: 0px px 0px 0px; overflow: hidden; background-color: #ffffff;"> <img src="https://i.imgur.com/8dXlbRq.png"></div>
  606.  
  607. <div style="float:left; width: 310px; height: 235px; margin: 13px 0px 25px 0px; padding: 0px 5px 0px 0px; overflow-x: hidden; overflow-y: auto;">
  608. <span class="firstcharacter">P</span>raesent at est sit amet elit molestie egestas. Aenean vitae quam ut odio vulputate imperdiet. Curabitur dapibus magna ut tortor laoreet, a convallis ex blandit. Nulla posuere lorem eu efficitur scelerisque.<b>bold</b> <u>underline</u> <i>italic</i> <em>em</em> <big>big</big> <small> small </small> Proin convallis malesuada ex, eu auctor felis efficitur vel.
  609. <br><br>
  610. <cite> “Lord, I feel so small sometimes in this great big old world.
  611. Yeah, I know there are more important things. Don't forget to remember me.” </cite><br><br>
  612. Vivamus posuere ullamcorper tellus sit amet porttitor. In finibus convallis bibendum. Nullam pharetra ullamcorper diam, sit amet vestibulum arcu scelerisque ac. Etiam venenatis urna id massa ornare, quis tincidunt velit consequat. Nullam justo dolor, posuere ac efficitur ut, gravida a sapien. Pellentesque dolor risus, maximus vel augue at, interdum fringilla metus. Vestibulum dapibus nec ipsum nec rhoncus. Duis porttitor bibendum elementum. Fusce ligula est, convallis non molestie quis, ultricies sed augue. Quisque sagittis mollis pretium. Curabitur sit amet fringilla ante. Vestibulum rutrum arcu a rhoncus mattis.
  613. Praesent at est sit amet elit molestie egestas. Aenean vitae quam ut odio vulputate imperdiet. Curabitur dapibus magna ut tortor laoreet, a convallis ex blandit. Nulla posuere lorem eu efficitur scelerisque. Proin convallis malesuada ex, eu auctor felis efficitur vel. Curabitur finibus urna vitae tincidunt sodales. Curabitur eleifend lacus nunc. Curabitur porttitor non mi in finibus. Nulla mollis bibendum blandit.
  614. <br><br>
  615. Vivamus posuere ullamcorper tellus sit amet porttitor. In finibus convallis bibendum. Nullam pharetra ullamcorper diam, sit amet vestibulum arcu scelerisque ac. Etiam venenatis urna id massa ornare, quis tincidunt velit consequat. Nullam justo dolor, posuere ac efficitur ut, gravida a sapien. Pellentesque dolor risus, maximus vel augue at, interdum fringilla metus. Vestibulum dapibus nec ipsum nec rhoncus. Duis porttitor bibendum elementum. Fusce ligula est, convallis non molestie quis, ultricies sed augue. Quisque sagittis mollis pretium. Curabitur sit amet fringilla ante. Vestibulum rutrum arcu a rhoncus mattis.
  616. </div>
  617.  
  618. </div>
  619.  
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626. <div class="box1"> <h5> Meet the Owners </h5>
  627. <div style="background-color: #ffffff; width: 200px; height: 70px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px;" ><img src="https://i.imgur.com/RDC6QBa.png"></div>
  628.  
  629. <div style="width: 205px; height:50px; margin: 5px 0px 0px 0px; padding: 0px 3px 5px 0px; overflow-x: hidden; overflow-y: auto; background-color: #;">
  630.  
  631. <div style="width: 40px; height: 40px; border: 2px solid #E8DDCB; border-radius: 100%; background-color: #000000; float: left; padding: 0px 0px 0px 0px; margin: 0px 3px 0px 0px; overflow: hidden;"><img src="http://i.imgur.com/8ofQaw1.png"></div>
  632.  
  633. <em> Display Name, ☼ </em><br>
  634. <a href="/home.php" class="fourth">roleplay member name</a>
  635. Vivamus posuere ullamcorper tellus sit amet porttitor. In finibus convallis bibendum. Nullam pharetra ullamcorper diam, sit amet vestibulum arcu scelerisque.
  636.  
  637.  
  638.  
  639.  
  640.  
  641.  
  642. <br><br><div style="width: 40px; height: 40px; border: 2px solid #E8DDCB; border-radius: 100%; background-color: #000000; float: left; padding: 0px 0px 0px 0px; margin: 0px 3px 0px 0px;"><img src="http://i.imgur.com/8ofQaw1.png"></div>
  643.  
  644. <em> Display Name, ☼ </em><br>
  645. <a href="/home.php" class="fourth">roleplay member name</a>
  646. Vivamus posuere ullamcorper tellus sit amet porttitor. In finibus convallis bibendum. Nullam pharetra ullamcorper diam, sit amet vestibulum arcu scelerisque.
  647.  
  648.  
  649.  
  650.  
  651. <br><br><div style="width: 40px; height: 40px; border: 2px solid #E8DDCB; border-radius: 100%; background-color: #000000; float: left; padding: 0px 0px 0px 0px; margin: 0px 3px 0px 0px; overflow: hidden;"><img src="http://i.imgur.com/8ofQaw1.png"></div>
  652.  
  653. <em> Display Name, ☼ </em><br>
  654. <a href="/home.php" class="fourth">roleplay member name</a>
  655. Vivamus posuere ullamcorper tellus sit amet porttitor. In finibus convallis bibendum. Nullam pharetra ullamcorper diam, sit amet vestibulum arcu scelerisque.
  656. </div>
  657.  
  658. </div>
  659.  
  660.  
  661. <div class="box2"><h3> Updates </h3>
  662. <MARQUEE DIRECTION="Up" scrollamount="2" height="145px">
  663. <div style="text-align: justify;">
  664. <b> 00/00</b> -- Layout was added<br>
  665. <b> 00/00</b> -- Update <br>
  666. <b> 00/00</b> -- Update <br>
  667. <b> 00/00</b> -- Update <br>
  668. </div></MARQUEE>
  669. </div>
  670.  
  671.  
  672.  
  673. <div class="box3"> <h5> Member of the Month </h5>
  674. <div style="background-color: #ffffff; width: 200px; height: 70px; margin: 10px 0px 0px 0px;" ><img src="https://i.imgur.com/vucwsVq.png"></div>
  675.  
  676. <div style="width: 205px; height:50px; margin: 5px 0px 0px 0px; padding: 0px 3px 5px 0px; overflow-x: hidden; overflow-y: auto; background-color: #;"> <span class="firstcharacter">V</span>ivamus posuere ullamcorper tellus sit amet porttitor. In finibus convallis bibendum. Nullam pharetra ullamcorper diam, sit amet vestibulum arcu scelerisque </div></div>
  677.  
  678.  
  679.  
  680.  
  681.  
  682.  
  683.  
  684.  
  685.  
  686.  
  687.  
  688.  
  689. <div class="affietext"> <h3> AFFILIATIONS </h3><br>
  690.  
  691.  
  692. <div style="width: 250px; height:116px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; overflow-x: hidden; overflow-y: hidden; background-color: #ffffff;"><img src="https://i.imgur.com/Pql36FV.png"></div>
  693.  
  694.  
  695. <h4> Sibling Sites </h4><div style="width: 250px; height:66px; margin: 10px 0px 10px 0px; padding: 0px 7px 5px 0px; overflow-x: hidden; overflow-y: hidden; background-color: #;">
  696.  
  697. <a href="/home.php" class="second">sibling site</a>
  698. <a href="/home.php" class="second">sibling site</a>
  699. <a href="/home.php" class="second">sibling site</a>
  700. <a href="/home.php" class="second">sibling site</a>
  701.  
  702. </div>
  703.  
  704.  
  705. <h4> Premade Sites</h4><div style="width: 250px; height:90px; margin: 10px 0px 13px 0px; padding: 0px 7px 5px 0px; overflow-x: hidden; overflow-y: auto; background-color: #;">
  706.  
  707. <a href="/home.php" class="first">premade affilate</a>
  708. <a href="/home.php" class="first">premade affilate</a>
  709. <a href="/home.php" class="first">premade affilate</a>
  710. <a href="/home.php" class="first">premade affilate</a>
  711. <a href="/home.php" class="first">premade affilate</a>
  712. <a href="/home.php" class="first">premade affilate</a>
  713.  
  714. </div>
  715.  
  716.  
  717.  
  718. <h4> Roleplay Sites</h4><div style="width: 250px; height:90px; margin: 10px 0px 10px 0px; padding: 0px 7px 5px 0px; overflow-x: hidden; overflow-y: auto; background-color: #;">
  719.  
  720. <a href="/home.php" class="first">rpg affilate</a>
  721. <a href="/home.php" class="first">rpg affilate</a>
  722. <a href="/home.php" class="first">rpg affilate</a>
  723. <a href="/home.php" class="first">rpg affilate</a>
  724. <a href="/home.php" class="first">rpg affilate</a>
  725. <a href="/home.php" class="first">rpg affilate</a>
  726.  
  727. </div></div>
  728.  
  729.  
  730.  
  731.  
  732.  
  733.  
  734.  
  735. <div class="credit"><a href="/view_profile.php?member_id=1228421" class="third">credit</a></div>
  736.  
  737. <div class="music"><div style="float:left; height:33px; width:24px; font-size:28px; line-height:33px; color:#dfdfdf;">☼</div><div style="float:right;"><audio autoplay controls loop><source src="http://k003.kiwi6.com/hotlink/m9cgd3qc2u/Mike_Perry_-_The_Ocean_ft._Shy_Martin.mp3"></audio></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement