API tools faq
paste
Advertisement
htpremadesbb

Twinkle Twinkle DIV Layout

htpremadesbb
Dec 8th, 2015
719
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.49 KB | None | 0 0
raw download clone embed print report
  1. LAYOUT & GRAPHICS MADE BY BITCHCRAFT @ LLR
  2.  
  3.  
  4. Star Brush Pack - http://www.deviantart.com/art/star-brushes-34638070
  5. Color Scheme - http://i.imgur.com/iNyZ61R.png
  6. Links to Edited Banner's PSD -
  7. - Main - https://www.dropbox.com/s/bmyg7gf22orw8nu/TWINKLEMAINPSD.psd?dl=0
  8. - Side - https://www.dropbox.com/s/l3gpq3aetto4pe1/TWINKLESIDEPSD.psd?dl=0
  9. - Small Ones - https://www.dropbox.com/s/bojadx225mtjkm1/TWINKLESMALL-PSD.psd?dl=0
  10.  
  11. **PSD coloring credit - Prima's 'Regina George' PSD
  12. **Star Pack was made by Chokingonstatic; source - deviant art
  13.  
  14. ---------------------------------------------ABOUT ME------------------------------------------
  15.  
  16. <link href='https://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>
  17. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,300' rel='stylesheet' type='text/css'>
  18. </td>
  19. </tr>
  20. </table>
  21. </td>
  22. </tr>
  23. </table>
  24. <body oncontextmenu="return false">
  25. <style type="text/css">
  26.  
  27.  
  28. .BITCHCRAFT { B A C K G R O U N D & T A B L E PROPERTIES }
  29.  
  30. table, tr, td { display:none; }
  31. body { background-color: #83AF9B; overflow-y:auto; overflow-x:hidden; }
  32.  
  33.  
  34.  
  35.  
  36.  
  37. .BITCHCRAFT { S C R O L L B A R PROPERTIES }
  38.  
  39. ::-webkit-scrollbar-thumb:vertical {background-color:#FE4365;}
  40. ::-webkit-scrollbar-thumb:horizontal {background-color:#FE4365;}
  41. ::-webkit-scrollbar {width:5px; height:5px; background-color:#C8C8A9;}
  42.  
  43.  
  44.  
  45.  
  46. .BITCHCRAFT { D I V BOXES }
  47.  
  48. .bigbox {
  49. top:0px;
  50. left:170px;
  51. height:658px;
  52. width:984px;
  53. margin:0px;
  54. padding:0px;
  55. background-color:#FE4365;
  56. overflow:hidden;
  57. position:absolute;
  58. z-index:-1;}
  59.  
  60.  
  61. .displaybox {
  62. top: 10px;
  63. left: 870px;
  64. height: 110px;
  65. width: 269px;
  66. margin: 0px;
  67. padding: 0px;
  68. background-color: #C8C8A9;
  69. border: 3px solid #83AF9B;
  70. overflow:hidden;
  71. position:absolute;
  72. z-index:2;}
  73.  
  74.  
  75. .sideboxtext {
  76. top: 130px;
  77. left: 870px;
  78. width: 269px;
  79. height: 453px;
  80. margin: 0px;
  81. padding: 0px;
  82. overflow: hidden;
  83. position: absolute;
  84. z-index: 100;
  85. background-color: #C8C8A9;
  86. border: 3px solid #83AF9B;
  87. -webkit-transition: all 1.5s ease;
  88. -moz-transition: all 1.5s ease;
  89. transition: all 1.5s ease;
  90. filter:alpha(opacity=0);
  91. -html-opacity:0;
  92. -moz-opacity:0;
  93. opacity:0;}
  94.  
  95. .sideboxtext:hover {
  96. filter:alpha(opacity=1);
  97. -html-opacity:1;
  98. -moz-opacity:1;
  99. opacity:1;}
  100.  
  101.  
  102. .sidebox {
  103. top: 130px;
  104. left: 870px;
  105. width: 269px;
  106. height: 453px;
  107. margin: 0px;
  108. padding: 0px;
  109. overflow: hidden;
  110. position: absolute;
  111. z-index: 99;
  112. background-color: #C8C8A9;
  113. border: 3px solid #83AF9B;}
  114.  
  115.  
  116. .disclaimerbox {
  117. top: 593px;
  118. left: 870px;
  119. width: 269px;
  120. height: 47px;
  121. margin: 0px;
  122. padding: 0px;
  123. overflow: hidden;
  124. position: absolute;
  125. background-color: #C8C8A9;
  126. border: 3px solid #83AF9B;
  127. z-index:2;}
  128.  
  129.  
  130. .navigation {
  131. top:170px;
  132. left:180px;
  133. height:50px;
  134. width:690px;
  135. margin:0px;
  136. padding:0px;
  137. overflow:hidden;
  138. position:absolute;
  139. z-index:2;}
  140.  
  141.  
  142. .banner {
  143. top:220px;
  144. left:180px;
  145. height:200px;
  146. width:680px;
  147. background-color: #C8C8A9;
  148. border: 3px solid #83AF9B;
  149. margin:0px;
  150. padding:0px;
  151. overflow:hidden;
  152. position:absolute;
  153. z-index:2;}
  154.  
  155.  
  156. .centerbox {
  157. top:430px;
  158. left:180px;
  159. height:50px;
  160. width:680px;
  161. background-color: #C8C8A9;
  162. margin:0px;
  163. padding:0px;
  164. overflow:hidden;
  165. position:absolute;
  166. border: 3px solid #83AF9B;
  167. z-index:2;}
  168.  
  169.  
  170. .basicbox {
  171. top:10px;
  172. left:180px;
  173. height:150px;
  174. width:334px;
  175. margin:0px;
  176. padding:0px;
  177. background-color #C8C8A9;
  178. border: 3px solid #83AF9B;
  179. position:absolute;
  180. z-index:100;
  181. background-color:#C8C8A9;
  182. -webkit-transition: all 1.5s ease;
  183. -moz-transition: all 1.5s ease;
  184. transition: all 1.5s ease;
  185. filter:alpha(opacity=0);
  186. -html-opacity:0;
  187. -moz-opacity:0;
  188. opacity:0;}
  189.  
  190. .basicbox:hover {
  191. filter:alpha(opacity=1);
  192. -html-opacity:1;
  193. -moz-opacity:1;
  194. opacity:1;}
  195.  
  196.  
  197. .leftbox {
  198. top:10px;
  199. left:180px;
  200. height:150px;
  201. width:334px;
  202. background-color: #C8C8A9;
  203. border: 3px solid #83AF9B;
  204. margin:0px;
  205. padding:0px;
  206. overflow:hidden;
  207. position:absolute;
  208. z-index:99;}
  209.  
  210.  
  211. .lovebox {
  212. top:10px;
  213. left:525px;
  214. height:150px;
  215. width:334px;
  216. position:absolute;
  217. z-index:100;
  218. background-color:#C8C8A9;
  219. border: 3px solid #83AF9B;
  220. -webkit-transition: all 1.5s ease;
  221. -moz-transition: all 1.5s ease;
  222. transition: all 1.5s ease;
  223. filter:alpha(opacity=0);
  224. -html-opacity:0;
  225. -moz-opacity:0;
  226. opacity:0;}
  227.  
  228. .lovebox:hover {
  229. filter:alpha(opacity=1);
  230. -html-opacity:1;
  231. -moz-opacity:1;
  232. opacity:1;}
  233.  
  234.  
  235. .rightbox {
  236. top:10px;
  237. left:525px;
  238. height:150px;
  239. width:334px;
  240. background-color: #C8C8A9;
  241. border: 3px solid #83AF9B;
  242. margin:0px;
  243. padding:0px;
  244. overflow:hidden;
  245. position:absolute;
  246. z-index:99;}
  247.  
  248.  
  249. .bottomleftbox {
  250. top:490px;
  251. left:180px;
  252. height:150px;
  253. width:334px;
  254. background-color: #C8C8A9;
  255. border: 3px solid #83AF9B;
  256. margin:0px;
  257. padding:0px;
  258. overflow:hidden;
  259. position:absolute;
  260. z-index:2;}
  261.  
  262.  
  263. .fambox {
  264. top:490px;
  265. left:525px;
  266. height:150px;
  267. width:334px;
  268. position:absolute;
  269. overflow-y:auto;
  270. overflow-x:hidden;
  271. z-index:100;
  272. background-color:#C8C8A9;
  273. border: 3px solid #83AF9B;
  274. -webkit-transition: all 1.5s ease;
  275. -moz-transition: all 1.5s ease;
  276. transition: all 1.5s ease;
  277. filter:alpha(opacity=0);
  278. -html-opacity:0;
  279. -moz-opacity:0;
  280. opacity:0;}
  281.  
  282. .fambox:hover {
  283. filter:alpha(opacity=1);
  284. -html-opacity:1;
  285. -moz-opacity:1;
  286. opacity:1;}
  287.  
  288.  
  289. .bottomrightbox {
  290. top:490px;
  291. left:525px;
  292. height:150px;
  293. width:334px;
  294. background-color: #C8C8A9;
  295. border:3px solid #83AF9B;
  296. margin:0px;
  297. padding:0px;
  298. overflow:hidden;
  299. position:absolute;
  300. z-index:2;}
  301.  
  302.  
  303.  
  304.  
  305.  
  306. .BITCHCRAFT { T E X T PROPERTIES }
  307.  
  308. .text, table, tr, td, li, p, div {
  309. font-family:courier new;
  310. color:#212121;
  311. text-align: center;
  312. font-size:10px;
  313. font-weight:normal;
  314. line-height:12px;
  315. text-transform:normal;
  316. letter-spacing:0px;}
  317.  
  318.  
  319.  
  320. .BITCHCRAFT { T E X T S T Y L E PROPERTIES }
  321.  
  322. b {
  323. color:#83AF9B;
  324. font-family:arial;
  325. font-weight:bold;
  326. font-size:11px;
  327. line-height:11px;
  328. letter-spacing:-1px;
  329. text-transform:uppercase;}
  330.  
  331.  
  332. strong {
  333. color:#FE4365;
  334. font-family:arial;
  335. font-weight:bold;
  336. font-size:11px;
  337. line-height:11px;
  338. letter-spacing:-1px;
  339. text-transform:uppercase;}
  340.  
  341.  
  342. i {
  343. font-style:italic;
  344. color:#212121;
  345. font-family:times;
  346. font-weight:lighter;
  347. font-size:11px;
  348. line-height:11px;}
  349.  
  350.  
  351. big {
  352. font-family:times;
  353. font-weight:lighter;
  354. font-size:40 px;
  355. text-align:left;
  356. color:#FE4365;
  357. height:25px;
  358. text-transform:italic;
  359. text-shadow: 1px 1px #83AF9B;
  360. line-height:11px;
  361. letter-spacing:1px;}
  362.  
  363.  
  364. small {
  365. font-family:Courier New;
  366. font-weight:lighter;
  367. font-size:30 px;
  368. text-align:left;
  369. color:#FE4365;
  370. height:11px;
  371. text-transform:italic;
  372. text-shadow: 1px 1px #F9CDAD;
  373. letter-spacing:1px;}
  374.  
  375.  
  376. u {
  377. color:#FC9D9A;
  378. font-family:cambria;
  379. font-weight:lighter;
  380. font-size:10px;
  381. line-height:11px;
  382. letter-spacing:2px;
  383. text-decoration:none;
  384. border-bottom:1px dotted #FC9D9A;}
  385.  
  386.  
  387.  
  388.  
  389.  
  390. .BITCHCRAFT { H E A D E R S }
  391.  
  392. h1{
  393. font-family:Quicksand;
  394. font-weight:light;
  395. font-style:light;
  396. font-size:16px;
  397. text-align:center;
  398. color:#83AF9B;
  399. height:16px;
  400. text-transform:uppercase;
  401. background-color:#C8C8A9;
  402. letter-spacing:0px;
  403. margin:2px 2px 0px 2px;
  404. padding:0px 0px 8px 0px;
  405. line-height:25px;
  406. border-top: 2px solid #83AF9B;
  407. border-bottom: 2px solid #83AF9B;
  408. border-left: 10px solid #83AF9B;
  409. border-right: 10px solid #83AF9B;
  410. border-radius: 100px;}
  411.  
  412.  
  413. h2{
  414. font-family:Oswald;
  415. font-weight:lighter;
  416. font-size:10px;
  417. font-style: italic;
  418. text-align:center;
  419. color:#F9CDAD;
  420. height:20px;
  421. text-transform:uppercase;
  422. letter-spacing:1px;
  423. margin:0px;
  424. padding:0px 0px 0px 0px;
  425. line-height:25px;
  426. text-shadow: 1px 1px #83AF9B;}
  427.  
  428.  
  429. h3{
  430. font-family:Oswald;
  431. font-weight:lighter;
  432. font-size:15px;
  433. font-style: italic;
  434. text-align:center;
  435. color:#FC9D9A;
  436. height:25px;
  437. text-transform:uppercase;
  438. letter-spacing:1px;
  439. margin:0px;
  440. padding:0px 0px 0px 0px;
  441. line-height:25px;
  442. text-shadow: 1px 1px #83AF9B;
  443. border-left:80px solid #FC9D9A;
  444. border-right:80px solid #FC9D9A;}
  445.  
  446.  
  447. h4{
  448. font-family:Quicksand;
  449. font-weight:light;
  450. font-style:light;
  451. font-size:30px;
  452. text-align:center;
  453. color:#83AF9B;
  454. height:35px;
  455. text-transform:uppercase;
  456. background-color:#C8C8A9;
  457. letter-spacing:0px;
  458. margin:2px 2px 0px 2px;
  459. padding:0px 0px 8px 0px;
  460. line-height:40px;
  461. border-top: 3px solid #83AF9B;
  462. border-bottom: 3px solid #83AF9B;
  463. border-left: 3px solid #83AF9B;
  464. border-right: 3px solid #83AF9B;}
  465.  
  466.  
  467. h5{
  468. font-family:oswald;
  469. font-weight:light;
  470. font-style:light;
  471. font-size:16px;
  472. text-align:center;
  473. color:#FE4365;
  474. height:16px;
  475. text-transform:uppercase;
  476. background-color:#C8C8A9;
  477. letter-spacing:0px;
  478. margin:2px 2px 3px 2px;
  479. padding:0px 0px 8px 0px;
  480. line-height:25px;
  481. border-top: 2px solid #83AF9B;
  482. border-bottom: 2px solid #83AF9B;
  483. border-left: 10px solid #83AF9B;
  484. border-right: 10px solid #83AF9B;}
  485.  
  486.  
  487.  
  488.  
  489.  
  490. .BITCHCRAFT { R E G U L A R L I N K PROPERTIES }
  491.  
  492. a:active, a:visited, a:link {
  493. font-size:10px;
  494. font-family:georgia;
  495. color:#000000;
  496. letter-spacing:0px;
  497. line-height:12px;
  498. text-decoration:none;
  499. text-transform:uppercase;
  500. -webkit-transition: all 0.5s linear;
  501. -moz-transition: all 0.5s linear;
  502. transition: all 0.5s linear;}
  503.  
  504. a:hover {
  505. color:#ffffff;
  506. background-color:#000000; }
  507.  
  508.  
  509.  
  510.  
  511.  
  512. .BITCHCRAFT { N A V I G A T I O N L I N K PROPERTIES }
  513.  
  514. a.first, a.first:link, a.first:active, a.first:visited {
  515. display:inline-block;
  516. float:left;
  517. width:127px;
  518. color:#FE4365;
  519. font-family:oswald;
  520. text-align:center;
  521. font-size:25px;
  522. line-height:40px;
  523. letter-spacing:-2px;
  524. margin:0px 5px 10px 0px;
  525. text-transform:uppercase;
  526. background-color:#C8C8A9;
  527. border: 3px solid #83AF9B;}
  528.  
  529. a.first:hover {
  530. font-style:italic;
  531. background-color:#F9CDAD;
  532. border: 3px solid #83AF9B;
  533. color:#C8C8A9;}
  534.  
  535.  
  536.  
  537.  
  538.  
  539. .BITCHCRAFT { C O N N E C T I O N S L I N K PROPERTIES }
  540.  
  541. a.second, a.second:link, a.second:active, a.second:visited {
  542. display:inline-block;
  543. float:left;
  544. width:334px;
  545. color:#F9CDAD;
  546. font-family:oswald;
  547. text-align:center;
  548. font-size:10px;
  549. line-height:20px;
  550. letter-spacing:0px;
  551. margin:0px 0px 0px 0px;
  552. text-transform:uppercase;
  553. background-color:#C8C8A9;}
  554.  
  555. a.second:hover {
  556. font-style:normal;
  557. letter-spacing:5px;
  558. background-color:#F9CDAD;
  559. color:#FE4365;}
  560.  
  561.  
  562. a.third, a.third:link, a.third:active, a.third:visited {
  563. display:inline-block;
  564. float:left;
  565. width:160px;
  566. color:#FE4365;
  567. font-family:oswald;
  568. text-align:center;
  569. font-size:17px;
  570. line-height:34px;
  571. letter-spacing:-1px;
  572. margin:0px 0px 0px 0px;
  573. text-transform:uppercase;
  574. background-color:#C8C8A9;}
  575.  
  576. a.third:hover {
  577. font-style:italic;
  578. letter-spacing:2px;
  579. background-color:#F9CDAD;
  580. color:#FC9D9A;}
  581.  
  582.  
  583.  
  584.  
  585.  
  586. .BITCHCRAFT { R P E R . M E H I D E C O D E S }
  587. .clearfix { display: none; }
  588. .lightbluetext8 { display:none; }
  589. .contacttable { display:none; }
  590. .whitetext12 { display:none; }
  591. .interestsanddetails { display:none; }
  592. .userProfiledetail { display:none; }
  593. .friendSpace { display:none; }
  594. .friendsComments { display:none; }
  595. .latestBlogEntry { display:none; }
  596. .navigationBar { display:none; }
  597. .navbar { visibility:hidden; }
  598. .orangetext15 { display:none; }
  599. .profileinfo { display:none; }
  600. .userProfileURL { display:none; }
  601. .extendedNetwork { display:none; }
  602. .blurbs { display:none; }
  603. .userAlbums { display:none; }
  604. .mslogo { display: none; }
  605. #footerWarpper{ display:none; }
  606. </style>
  607.  
  608.  
  609.  
  610.  
  611.  
  612.  
  613.  
  614.  
  615.  
  616.  
  617.  
  618.  
  619.  
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626.  
  627.  
  628.  
  629.  
  630. ---------------------------------------------------LIKE TO MEET--------------------------------------------------------
  631.  
  632.  
  633.  
  634.  
  635. </td>
  636. </tr>
  637. </table>
  638. </td>
  639. </tr>
  640. </table>
  641.  
  642.  
  643. <div class="bigbox"></div>
  644.  
  645.  
  646. <div class="displaybox">
  647.  
  648. <h4>Display Name</h4>
  649. <div style="overflow:auto; text-align:center; width:255px; height:45px; padding:2px; margin:2px; border: 3px solid #83AF9B;">
  650. <b>AIM:</b> XXXXX <strong>|</strong> <b>ASK.FM:</b> XXXXX <strong>|</strong> <b>KIK:</b> XXXXX
  651. <br>
  652. <strong>OOC Comments:</strong> Ti sto guardando in amore e mi sembra che vedo il mio riflesso nella tua anima, ma so che di là di esso un oceano troppo profondo mai abbracciare e dovrete passare la mia vita che lo attraversano. Ti amo e lo farò per sempre, sempre si attraverserà ' con un desiderio folle arrivare più lontano possibile nella tua anima, io mantengo sempre le mie vele di passione allungate così si tempesta mi baci in loro, per rompere le onde del vostro tessuto vestiti su tutto il corpo con la mia prora di palme, di loro bloccato nel tuo seno e ammirate i gabbiani di orizzonte dei vostri sorrisi maliziosamente la chiamata "Vieni Vieni, qui è un regno magico solo per te, vieni a scoprirlo "che mondo meraviglioso dove passo con baci, dove si respira amore e gli occhi sono le braccia che crescono pesante con tesori fino a quando non si rompe in lacrime; che mondo, qual Mar Bella sei tu, quale magia si dare al mio sabbie.
  653.  
  654. <br>
  655. <embed quality="high" style="width:56px; visibility:visible; height:13px;" type="application/x-shockwave-flash" height="56" width="13" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" src="http://www.hypster.com/flash/player.swf?id=5368353:7151034:0&autoplay=true" FlashVars="color_bg=0xc8c8a9&color_border=0x9A0000&color_box=0x9A0000&color_songbg=0xc8c8a9&color_song_clicked=0xc8c8a9&color_Title=0x000000&color_btns=0xc8c8a9&color_title=0x000000" />
  656. </div>
  657.  
  658. </div>
  659.  
  660.  
  661.  
  662.  
  663.  
  664. <div class="sidebox">
  665.  
  666. <img src="http://i.imgur.com/QxSh1Ic.png">
  667.  
  668. </div>
  669.  
  670.  
  671.  
  672.  
  673.  
  674. <div class="sideboxtext">
  675.  
  676. <h5>Personality</h5>
  677. <div style="overflow:auto; text-align:center; width:255px; height:143px; padding:2px; margin:2px; border: 3px solid #83AF9B;">
  678.  
  679. Lorem ipsum dolor sit amet, <b>mucius vulputate vituperata ne vis,</b> commune conceptam eloquentiam mea cu, ne autem<u> erant choro sed.</u> In ius tritani bonorum veritus, vidit ignota ea sed.<strong> Pri ex dolore</strong> postea ponderum, at modus solet facete sed,<em> denique probatus ullamcorper id nec. Nec eu alia vocent.</em> Ex sea sint referrentur,</b> brute </b>dicta saperet te duo.
  680. <br><br>
  681. <i>No aperiam epicurei reformidans sit.</i> Ea eam saepe vitae <small>incorrupte, vel ea munere albucius neglegentur,</small> vis persius philosophia et. Vero natum ubique vis et. Vero vivendum consulatu ea has, elitr essent at eam, vel quas natum tractatos ei.<tt> Eos nibh vituperatoribus te,</tt> per minim denique in. Ne duo quis comprehensam, ea dicam assentior sea. Ex sea impetus<u> scripta feugait, erant maluisset consequuntur quo ad,</u> te eum stet ceteros. Ex<big> posse omnesque</big> quo, qui ut munere nullam. Malorum habemus percipitur eum eu, sit aliquam fastidii cu. Vix iisque temporibus ex, et minim tamquam est, <strong>est in tritani apeirian definitiones</strong>. An doctus facilisi partiendo has, mazim melius laboramus mei at, <i>quot omittam et eos.</i>
  682. <br><br>
  683. Vel<b> postulant</b> liberavisse suscipiantur et, decore vocent has in, <em>duo eros elitr eu. Eu sanctus</em> neglegentur has. Nam elitr tibique postulant ei. Et dicant virtute vix, <big>quando debitis lobortis mei</big> no. Elitr eruditi singulis mea at, ad quo vide<u> corpora</u>, pro case melius at. At cum recteque democritum, ea quo clita labores, ius pericula similique ad.Eam graece debitis ut. Ius at appareat inimicus conclusionemque,<big> soluta propriae pro te,</big> tibique quaerendum est ne. Ei sumo elitr impedit duo, <tt>eum eu bonorum vivendo repudiandae.</tt> Has ullum putent et, ad vim esse dicat expetenda. Molestie incorrupte ne sea, cu quidam numquam explicari ius.
  684. </div>
  685.  
  686.  
  687. <div style="overflow:hidden; text-align:center; width:255px; height:60px; padding:9px 2px 2px 2px; margin:2px; border: 3px solid #83AF9B;">
  688. <h2>“Twinking, Twinkle<b> Little Star</b> How I wonder what you are.<strong> Up above the sky so high.</strong> Like a diamond in the sky.</h2>
  689. </div>
  690.  
  691.  
  692. <h5>Powers and Abilities</h5>
  693. <div style="overflow:auto; text-align:center; width:255px; height:143px; padding:2px; margin:2px; border: 3px solid #83AF9B;">
  694.  
  695. Lorem ipsum dolor sit amet, <b>mucius vulputate vituperata ne vis,</b> commune conceptam eloquentiam mea cu, ne autem<u> erant choro sed.</u> In ius tritani bonorum veritus, vidit ignota ea sed.<strong> Pri ex dolore</strong> postea ponderum, at modus solet facete sed,<em> denique probatus ullamcorper id nec. Nec eu alia vocent.</em> Ex sea sint referrentur,</b> brute </b>dicta saperet te duo.
  696. <br><br>
  697. <i>No aperiam epicurei reformidans sit.</i> Ea eam saepe vitae <small>incorrupte, vel ea munere albucius neglegentur,</small> vis persius philosophia et. Vero natum ubique vis et. Vero vivendum consulatu ea has, elitr essent at eam, vel quas natum tractatos ei.<tt> Eos nibh vituperatoribus te,</tt> per minim denique in. Ne duo quis comprehensam, ea dicam assentior sea. Ex sea impetus<u> scripta feugait, erant maluisset consequuntur quo ad,</u> te eum stet ceteros. Ex<big> posse omnesque</big> quo, qui ut munere nullam. Malorum habemus percipitur eum eu, sit aliquam fastidii cu. Vix iisque temporibus ex, et minim tamquam est, <strong>est in tritani apeirian definitiones</strong>. An doctus facilisi partiendo has, mazim melius laboramus mei at, <i>quot omittam et eos.</i>
  698. <br><br>
  699. Vel<b> postulant</b> liberavisse suscipiantur et, decore vocent has in, <em>duo eros elitr eu. Eu sanctus</em> neglegentur has. Nam elitr tibique postulant ei. Et dicant virtute vix, <big>quando debitis lobortis mei</big> no. Elitr eruditi singulis mea at, ad quo vide<u> corpora</u>, pro case melius at. At cum recteque democritum, ea quo clita labores, ius pericula similique ad.Eam graece debitis ut. Ius at appareat inimicus conclusionemque,<big> soluta propriae pro te,</big> tibique quaerendum est ne. Ei sumo elitr impedit duo, <tt>eum eu bonorum vivendo repudiandae.</tt> Has ullum putent et, ad vim esse dicat expetenda. Molestie incorrupte ne sea, cu quidam numquam explicari ius.
  700. </div>
  701.  
  702. </div>
  703.  
  704.  
  705.  
  706.  
  707.  
  708. <div class="disclaimerbox">
  709.  
  710. <div style="overflow:auto; text-align:center; width:255px; height:33px; padding:2px; margin:2px; border: 3px solid #83AF9B;"> <b>Disclaimer:</b> I am not <u>mia talerico</u>. I am a writer, playing a part. This layout & its graphics were made by <strong><i><b>BITCHRAFT</b></strong></i> @ <i><strong> LLR.</strong></i>.</div>
  711.  
  712. </div>
  713.  
  714.  
  715.  
  716.  
  717.  
  718.  
  719. <div class="basicbox">
  720.  
  721. <h1>Basic Information</h1>
  722. <div style="overflow:auto; text-align:center; width:320px; height:106px; padding:2px; margin:2px; border: 3px solid #83AF9B;">
  723. <b>Name: </b> Little Star <strong>|</strong>
  724. <b>Date of Birth :</b> 01 July 2006 <strong>|</strong>
  725. <b>Age:</b> 9 years old <strong>|</strong>
  726. <b>Ethnicity:</b> European <strong>|</strong>
  727. <b>Nationality:</b> 'Murican <strong>|</strong>
  728. <b>Species:</b> Human <strong>|</strong>
  729. <b>Eye Color:</b> Blue <strong>|</strong>
  730. <b>Hair Color:</b> Blonde <strong>|</strong>
  731. <b>Hometown:</b> Disneyland <strong>|</strong>
  732. <b>Current Location:</b> Narnia <strong>|</strong>
  733. <br><br>
  734. <b>Bio:</b> Ti sto guardando in amore e mi sembra che vedo il mio riflesso nella tua anima, ma so che di là di esso un oceano troppo profondo mai abbracciare e dovrete passare la mia vita che lo attraversano. Ti amo e lo farò per sempre, sempre si attraverserà ' con un desiderio folle arrivare più lontano possibile nella tua anima, io mantengo sempre le mie vele di passione allungate così si tempesta mi baci in loro, per rompere le onde del vostro tessuto vestiti su tutto il corpo con la mia prora di palme, di loro bloccato nel tuo seno e ammirate i gabbiani di orizzonte dei vostri sorrisi maliziosamente la chiamata "Vieni Vieni, qui è un regno magico solo per te, vieni a scoprirlo "che mondo meraviglioso dove passo con baci, dove si respira amore e gli occhi sono le braccia che crescono pesante con tesori fino a quando non si rompe in lacrime; che mondo, qual Mar Bella sei tu, quale magia si dare al mio sabbie. <strong>|</strong>
  735. </div>
  736.  
  737. </div>
  738.  
  739.  
  740.  
  741.  
  742.  
  743. <div class="leftbox">
  744.  
  745. <img src="http://i.imgur.com/b0LMNTf.png">
  746.  
  747. </div>
  748.  
  749.  
  750.  
  751.  
  752.  
  753. <div class="lovebox">
  754.  
  755. <h1>Best Friend Forever</h1>
  756. <div style="overflow:auto; text-align:center; width:320px; height:106px; padding:2px; margin:2px; border: 3px solid #83AF9B;">
  757.  
  758. <i>"A friend is someone who knows the <strong>song in<br> your heart</strong> and can sing it back to<br> you when you have <b>forgotten the words.</b>"</i>
  759.  
  760. <br>
  761. <br>
  762. <strong>The moment we met: </strong> <i> 00 Month 0000 </i>
  763. <br>
  764. <b>The moment we made it official: </b> <i> 00 Month 0000 </i>
  765. <br>
  766. <strong>the moment we became BFFLs: </strong> <i> 00 Month 0000 </i>
  767.  
  768. <br>
  769. <strong>Comments:</strong>
  770. Ti sto guardando in amore e mi sembra che vedo il mio riflesso nella tua anima, ma so che di là di esso un oceano troppo profondo mai abbracciare e dovrete passare la mia vita che lo attraversano. Ti amo e lo farò per sempre, sempre si attraverserà ' con un desiderio folle arrivare più lontano possibile nella tua anima, io mantengo sempre le mie vele di passione allungate così si tempesta mi baci in loro, per rompere le onde del vostro tessuto vestiti su tutto il corpo con la mia prora di palme, di loro bloccato nel tuo seno e ammirate i gabbiani di orizzonte dei vostri sorrisi maliziosamente la chiamata "Vieni Vieni, qui è un regno magico solo per te, vieni a scoprirlo "che mondo meraviglioso dove passo con baci, dove si respira amore e gli occhi sono le braccia che crescono pesante con tesori fino a quando non si rompe in lacrime; che mondo, qual Mar Bella sei tu, quale magia si dare al mio sabbie...
  771. </div>
  772.  
  773. </div>
  774.  
  775.  
  776.  
  777.  
  778.  
  779. <div class="rightbox">
  780.  
  781. <img src="http://i.imgur.com/tXatwI1.png">
  782.  
  783. </div>
  784.  
  785.  
  786.  
  787.  
  788.  
  789. <div class="navigation">
  790.  
  791. <a href="/home.php" class="first">home</a>
  792. <a href="/send_message.php?member_id=XXXXXX" class="first">message</a>
  793. <a href="/add_comment.php?member_id=XXXXXX" class="first">comment</a>
  794. <a href="/gallery.php?member_id=XXXXXX" class="first">gallery</a>
  795. <a href="/view_profile.php?member_id=44274" class="first">credit</a>
  796.  
  797. </div>
  798.  
  799.  
  800.  
  801.  
  802.  
  803. <div class="banner">
  804.  
  805. <img src="http://i.imgur.com/fXIGJdY.png">
  806.  
  807. </div>
  808.  
  809.  
  810.  
  811.  
  812. <div class="centerbox">
  813.  
  814. <h3>" Twinkle, Twinkle, <big>Little Star. </big>How I wonder what you are.</h3>
  815. <h3>Up above the sky so high. <big>Like a diamond in the sky.</big>"</h3>
  816.  
  817. </div>
  818.  
  819.  
  820.  
  821.  
  822. <div class="bottomleftbox">
  823.  
  824. <div style="overflow:fixed; text-align:center; width:320px; height:136px; padding:2px; margin:2px; border: 3px solid #83AF9B;">
  825. <a href="" class="third">Connection Here </a>
  826. <a href="" class="third">Connection Here </a>
  827. <a href="" class="third">Connection Here </a>
  828. <a href="" class="third">Connection Here </a>
  829. <a href="" class="third">Connection Here </a>
  830. <a href="" class="third">Connection Here </a>
  831. <a href="" class="third">Connection Here </a>
  832. <a href="" class="third">Connection Here </a>
  833. </div>
  834.  
  835. </div>
  836.  
  837.  
  838.  
  839.  
  840.  
  841. <div class="fambox">
  842.  
  843. <h1>Friends, Family & Foes</h1>
  844. <div style="overflow:auto; text-align:center; width:320px; height:106px; padding:2px; margin:2px; border: 3px solid #83AF9B;">
  845.  
  846. Lorem ipsum dolor sit amet, <b>mucius vulputate vituperata ne vis,</b> commune conceptam eloquentiam mea cu, ne autem<u> erant choro sed.</u> In ius tritani bonorum veritus, vidit ignota ea sed.<strong> Pri ex dolore</strong> postea ponderum, at modus solet facete sed,<em> denique probatus ullamcorper id nec. Nec eu alia vocent.</em> Ex sea sint referrentur,</b> brute </b>dicta saperet te duo.
  847. <br><br>
  848. <i>No aperiam epicurei reformidans sit.</i> Ea eam saepe vitae <small>incorrupte, vel ea munere albucius neglegentur,</small> vis persius philosophia et. Vero natum ubique vis et. Vero vivendum consulatu ea has, elitr essent at eam, vel quas natum tractatos ei.<tt> Eos nibh vituperatoribus te,</tt> per minim denique in. Ne duo quis comprehensam, ea dicam assentior sea. Ex sea impetus<u> scripta feugait, erant maluisset consequuntur quo ad,</u> te eum stet ceteros. Ex<big> posse omnesque</big> quo, qui ut munere nullam. Malorum habemus percipitur eum eu, sit aliquam fastidii cu. Vix iisque temporibus ex, et minim tamquam est, <strong>est in tritani apeirian definitiones</strong>. An doctus facilisi partiendo has, mazim melius laboramus mei at, <i>quot omittam et eos.</i>
  849. <br><br>
  850. Vel<b> postulant</b> liberavisse suscipiantur et, decore vocent has in, <em>duo eros elitr eu. Eu sanctus</em> neglegentur has. Nam elitr tibique postulant ei. Et dicant virtute vix, <big>quando debitis lobortis mei</big> no. Elitr eruditi singulis mea at, ad quo vide<u> corpora</u>, pro case melius at. At cum recteque democritum, ea quo clita labores, ius pericula similique ad.Eam graece debitis ut. Ius at appareat inimicus conclusionemque,<big> soluta propriae pro te,</big> tibique quaerendum est ne. Ei sumo elitr impedit duo, <tt>eum eu bonorum vivendo repudiandae.</tt> Has ullum putent et, ad vim esse dicat expetenda. Molestie incorrupte ne sea, cu quidam numquam explicari ius.
  851. </div>
  852.  
  853. </div>
  854.  
  855.  
  856.  
  857.  
  858.  
  859. <div class="bottomrightbox">
  860.  
  861. <img src="http://i.imgur.com/6QN3MHi.png">
  862.  
  863. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!