SHARE
TWEET

Layout 001

petalsresource Apr 16th, 2019 96 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. !------ ABOUT ME -------!
  2.  
  3. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">t">
  4. <link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
  5. <link href="https://fonts.googleapis.com/css?family=Teko:400,700" rel="stylesheet">
  6. <style>
  7.  
  8. .soleil { BACKGROUND P R O P E R T I E S }
  9. body {
  10. background:url( 'https://images2.imgbox.com/69/84/4wcvpxM1_o.png' ) #000000;
  11. background-position:center;
  12. background-attachment:fixed;
  13. background-repeat:no-repeat;
  14. margin-left:0px; }
  15.  
  16. .soleil { TABLE P R O P E R T I E S }
  17. table { position:relative; top:20px; }
  18. table, tr, td { background-color:transparent; }
  19. table table table table td { width:0px; border:0px; }
  20. table table table td { border:0px; margin:0px; padding:0px;}
  21. table table br { display:none; margin:0px; padding:0px;}
  22. table table table br { display:block; margin:0px; padding:0px;}
  23. table table table table, table table { border:0px; margin:0px; padding:0px; }
  24. table table table {
  25. border-right:3px solid #1f0c0a;
  26. border-bottom:3px solid #1f0c0a;
  27. border-left:3px solid #1f0c0a;
  28.  
  29.  
  30. background-color:#302e2e;
  31. }
  32.  
  33. td.text table {position:relative; top:10px;}
  34. td.text table table {position:static;}
  35.  
  36. .soleil { MAIN T E X T PROPERTIES }
  37. .text, table, tr, td, p, div, li {
  38. font-family:Raleway;
  39. font-size:8px;
  40. line-height:8px;
  41. color:#d1d1d1;}
  42.  
  43.  
  44. .soleil { WEBKIT S C R O L L B A R PROPERTIES }
  45.  
  46.  
  47. .soleil { S c r o l l b a r }
  48. ::-webkit-scrollbar-thumb:vertical { background-color:#1f0c0a; border:2px solid #000000; }  
  49. ::-webkit-scrollbar-thumb:horizontal { background-color:#1f0c0a; border:2px solid #000000; }
  50.  
  51. ::-webkit-scrollbar {
  52. width:7px;
  53. border:3px solid #000000;
  54. background-color:#232323; }
  55.  
  56. .soleil { TEXT S T Y L E PROPERTIES }
  57.  
  58.  
  59.  
  60. h1{
  61. font-family:Anton;
  62. font-weight:bold;
  63. font-style:italic;
  64. font-size:30px;
  65. text-align:center;
  66. color:#727272;
  67. height:65px;
  68. text-transform:normal;
  69. background-color:#000000;
  70. letter-spacing:7px;
  71. margin:0px;
  72. padding:0px 15px 0px 0px;
  73. line-height: 45px;
  74. text-shadow: 1px 1px3px #191919;
  75. }
  76.  
  77. h2{
  78. font-family:Anton;
  79. font-weight:lighter;
  80. font-size: 15px;
  81. text-align:center;
  82. color:#999999;
  83. height:35px;
  84. text-transform:normal;
  85. background-color:#000000;
  86. letter-spacing: 10px;
  87. margin:0px;
  88. padding:0px 13px 0px 0px;
  89. text-shadow: 2px 2px 5px #191919;
  90. line-height:30px;
  91. border-top:3px solid #1f0c0a;}
  92.  
  93. h3{
  94. font-family:Anton;
  95. font-weight:lighter;
  96. font-size: 15px;
  97. text-align:center;
  98. color:#000000;
  99. height:35px;
  100. text-transform:normal;
  101.  
  102.  
  103. margin:0px;
  104. padding:0px 13px 0px 0px;
  105. text-shadow: 2px 2px 5px #191919;
  106. line-height:15px;
  107. ;}
  108.  
  109.     .connections{
  110. background:#302e2e;
  111. position: absolute;
  112. top: 55px;
  113. right:center;
  114. width:300px;
  115. height: 220px;
  116. padding: 0px;
  117. border-right:3px solid #1f0c0a;
  118. border-bottom:3px solid #1f0c0a;
  119. border-left:3px solid #1f0c0a;
  120. border-top:3px solid #1f0c0a;
  121. overflow:auto;}
  122.  
  123.  
  124.  
  125. a.petals, a.petals:link, a.petals:active, a.petals:visited {
  126. font-size:15px;
  127. font-family:sans serif;
  128. display:block;
  129. line-height:30px;
  130. padding:0px;
  131. margin:0px;
  132. width:30px;
  133. height:30px;
  134. color:#ffffff;
  135. text-align:right;
  136. background-color:transparent;
  137. text-transform:uppercase;
  138. -webkit-transition: all 0.8s linear;
  139. -moz-transition: all 0.8s linear;
  140. transition: all 0.8s linear;}
  141.  
  142. a.petals:hover {
  143. font-size:30px;
  144.   color: #c1c1c1;}
  145.  
  146. .credit {
  147. bottom:6px;
  148. right:6px;
  149. width:30px;
  150. height:30px;
  151. z-index:100;
  152. text-align:right;
  153. overflow:hidden;
  154. position:fixed;}
  155.  
  156. Strong {
  157. font-family:Teko;
  158. font-size:10px;
  159. letter-spacing:0px;
  160. font-weight:bold;
  161. color:#632721;
  162. text-shadow: 1px 1px 5px #000000;
  163. text-transform:uppercase;}
  164.  
  165. B {
  166. color:#000000;
  167. font-family:Teko;
  168. font-weight:bold;
  169. font-size:10px;
  170. letter-spacing:0px;
  171. text-shadow: 1px 1px 5px #632721;
  172. text-transform:uppercase;}
  173.  
  174.  
  175.  
  176.  
  177. .soleil { HEADER P R O P E R T I E S }
  178.  
  179.  a.second, a.second:link, a.second:active, a.second:visited {
  180.    
  181.   font-family:Teko:700;
  182.    font-size: 17px;
  183.   background-color:#302e2e;
  184.   color: #000000;
  185.   height:20px;
  186.   width:150px;
  187.   padding:0px;
  188.   text-align:center;
  189.   text-decoration: none;
  190. line-height: 20px;
  191.   display: inline-block;
  192. -webkit-transition: all 0.4s ease;
  193. -moz-transition: all 0.4s ease;
  194. transition: all 0.4s ease;
  195. -moz-transition-duration: 0.4s;
  196. -webkit-transition-duration: 0.4s;
  197. -o-transition-duration: 0.4s;
  198. transition-duration: 0.4s;
  199. border-right:3px solid #1f0c0a;
  200. border-bottom:1px solid #1f0c0a;
  201. border-left:3px solid #1f0c0a;
  202. }
  203.  
  204.  
  205. a.second:hover {
  206. letter-spacing:7px;
  207.  background-color:#000000;
  208.   color: #1f0c0a;}
  209.  
  210.  
  211.  a.third, a.third:link, a.third:active, a.third:visited {
  212.   background-color:#1f0c0a;
  213.   color: #302e2e;
  214.   height:21.7px;
  215. line-height: 20px;
  216.   width:300px;
  217.   padding:0px;
  218.   text-align: center;
  219.   text-decoration: none;
  220.   display: inline-block;
  221. -webkit-transition: all 0.4s ease;
  222. -moz-transition: all 0.4s ease;
  223. transition: all 0.4s ease;
  224. -moz-transition-duration: 0.4s;
  225. -webkit-transition-duration: 0.4s;
  226. -o-transition-duration: 0.4s;
  227. transition-duration: 0.4s;
  228. border-bottom:1px solid #000000;
  229. }
  230.  
  231.  
  232. a.third:hover {
  233.  
  234. letter-spacing:7px;
  235.  background-color:#000000;
  236.   color: #1f0c0a;}
  237.  
  238. a.fourth, a.fourth:link, a.fourth:active, a.fourth:visited {
  239.   background-color:#302e2e;
  240.   color: #000000;
  241. font-size:15px;
  242.   height:35px;
  243. line-height: 35px;
  244.   width:300px;
  245.   padding:0px;
  246.   text-align: center;
  247.   text-decoration: none;
  248.   display: inline-block;
  249. -webkit-transition: all 0.4s ease;
  250. -moz-transition: all 0.4s ease;
  251. transition: all 0.4s ease;
  252. -moz-transition-duration: 0.4s;
  253. -webkit-transition-duration: 0.4s;
  254. -o-transition-duration: 0.4s;
  255. transition-duration: 0.4s;}
  256.  
  257.  
  258. a.fourth:hover {
  259. font-size:10px;
  260. letter-spacing:6px;
  261.  background-color:#000000;
  262.   color: #632721;}
  263.  
  264. .soleil { DIV P R O P E R T I E S }
  265.  
  266.  
  267. .soleil {
  268. top: 100px;
  269. right: 1250px;
  270. position: absolute;
  271. width: 200px;
  272. height: 250px;
  273. text-align: center;
  274. z-index: 100;
  275. background-color: #ffffff;
  276. overflow: auto;
  277. margin: 0px;
  278. padding: 0px;
  279. }
  280.  
  281.  .navo {
  282.  
  283. left:-160px;
  284. padding:20px 18px18px 0px;
  285. margin:0;
  286. width:150px;
  287. height:auto;
  288. z-index:100;
  289. overflow:hidden;
  290. position:absolute!important;
  291. background-color:#302e2e;
  292.  
  293. border-bottom:3px solid #1f0c0a;
  294. border-right:3px solid #1f0c0a;
  295. border-top:3px solid #1f0c0a;}
  296.  
  297.  
  298.  
  299.  
  300.  
  301. .soleil { E X T R A TITLE }
  302.  
  303. a.first, a.first:link, a.first:active, a.first:visited {
  304. background-color:#1f0c0a;
  305. font-family:'Anton';
  306. font-size: 20px;
  307. height:20px;
  308. width:125px;
  309. display:inline-block;
  310. float:left;
  311. letter-spacing:-1px;
  312. color:#fffk;
  313. padding-top:10px;
  314. text-align:center;
  315. overflow:hidden;  
  316. border-radius:none
  317. text-transform:uppercase;
  318. }  
  319.  
  320.  a.fifth, a.fifth:link, a.fifth:active, a.fifth:visited {
  321.    
  322.   font-family:Teko:400,700;
  323.    font-size: 17px;
  324.   background-color:#302e2e;
  325.   color: #000000;
  326.   height:20px;
  327.   width:150px;
  328.   padding:0px;
  329.   text-align:center;
  330.   text-decoration: none;
  331. line-height: 20px;
  332.   display: inline-block;
  333. -webkit-transition: all 0.4s ease;
  334. -moz-transition: all 0.4s ease;
  335. transition: all 0.4s ease;
  336. -moz-transition-duration: 0.4s;
  337. -webkit-transition-duration: 0.4s;
  338. -o-transition-duration: 0.4s;
  339. transition-duration: 0.4s;
  340. border-top:0px solid #1f0c0a;
  341. border-right:3px solid #1f0c0a;
  342. border-bottom:1px solid #1f0c0a;
  343. border-left:3px solid #1f0c0a;
  344. }
  345.  
  346.  
  347. a.fifth:hover {
  348. letter-spacing:7px;
  349.  background-color:#000000;
  350.   color: #1f0c0a;}
  351.  
  352.  a.sixth, a.sixth:link, a.sixth:active, a.sixth:visited {
  353.    
  354.   font-family:Teko:400,700;
  355.    font-size: 17px;
  356.   background-color:#302e2e;
  357.   color: #000000;
  358.   height:20px;
  359.   width:150px;
  360.   padding:0px;
  361.   text-align:center;
  362.   text-decoration: none;
  363. line-height: 20px;
  364.   display: inline-block;
  365. -webkit-transition: all 0.4s ease;
  366. -moz-transition: all 0.4s ease;
  367. transition: all 0.4s ease;
  368. -moz-transition-duration: 0.4s;
  369. -webkit-transition-duration: 0.4s;
  370. -o-transition-duration: 0.4s;
  371. transition-duration: 0.4s;
  372. border-top:0px solid #1f0c0a;
  373. border-right:3px solid #1f0c0a;
  374. border-bottom:0px solid #1f0c0a;
  375. border-left:3px solid #1f0c0a;
  376. }
  377.  
  378.  
  379. a.sixth:hover {
  380. letter-spacing:7px;
  381.  background-color:#000000;
  382.   color: #1f0c0a;}
  383.  
  384.  .navi{
  385. position: absolute;
  386. top: 250px;
  387. left:40px;
  388. width:900px;
  389. height: 200px;
  390. }
  391.  
  392. .soleil { RPER.ME H I D E CODES }
  393. .clearfix { display: none; }
  394. .lightbluetext8 { display:none; }
  395. .contacttable { display:none; }
  396. .whitetext12 { display:none; }
  397. .interestsanddetails { display:none; }
  398. .userProfiledetail { display:none; }
  399. .friendSpace { display:none; }
  400. .friendsComments { display:none; }
  401. .latestBlogEntry { display:none; }
  402. .orangetext15 { display:none; }
  403. .profileinfo { display:none; }
  404. .userProfileURL { display:none; }
  405. .extendedNetwork { display:none; }
  406. .blurbs { display:none; }
  407. .userAlbums { display:none; }
  408. #footerWarpper{ display:none; }
  409. </style>
  410.  
  411.  
  412.  
  413.  !---------LIKE TO MEET--------!
  414.  
  415.  
  416.  
  417.  
  418. </table>
  419. </td>
  420. </tr>
  421. </table>
  422. <br />
  423. <table cellspacing="0" cellpadding="0" width="500" height="50">
  424. <td>
  425. <table cellspacing="0" cellpadding="0" width="500" height="50">
  426. <td valign="top" align="center" width="500" height="50">
  427.  
  428. <h1>first middle last</h1>
  429.  
  430.  
  431. </table>
  432. </td>
  433. </tr>
  434. </table>
  435. <br />
  436. <table cellspacing="0" cellpadding="0" width="500">
  437. <td>
  438. <table cellspacing="0" cellpadding="0" width="500">
  439. <td valign="top" align="center" width="500">
  440.  
  441.  
  442.  <div style="float:right; border-left:3px solid #1f0c0a; margin:0px; "><img src="https://images2.imgbox.com/06/f8/wNtJgSHZ_o.jpg"></div><div style=" overflow:auto; text-align:left; width:294px; border-left:3px solid #000000;  float:left; height:150px;">
  443.  
  444.  
  445. <B>Name:</B> Full Middle Last<br>
  446. <Strong>Alas:</Strong> Nickname </I>(Who gave it to you?)</I><br>
  447. <B>Species:</B> Human<br>
  448. <Strong>Eye Color:</Strong> Eye Color<br>
  449. <B>Hair Color:</B> Hair Color<br>
  450. <Strong>Origin:</Strong> This is where I live...<br>
  451. <B>Spouse:</B> place love here<br>
  452. <Strong>Favorite Holiday:</Strong> Halloween<br>
  453. <B>Personality:</B> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>
  454. <Strong>Physical Appearance:</Strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>
  455. <Strong>Nationality:</Strong> What are youuuu?</br>
  456. <B>Goal:</B> list goals here.<br>
  457. <Strong>Pet(s):</Strong> Got any pets?<br>
  458. <tt>relatives:</tt>
  459. <li>FULL LAST | <I>Sister</I><br>
  460. <li>FULL LAST | <I>Father</I><br>
  461. <li>FULL LAST | <I>Mother</I><br></li>
  462. <tt>Likes:</tt><br>
  463. <li><span style="color:#203f0f; font-size:10px;"></span>a like here<br>
  464. <li><span style="color:#203f0f; font-size:10px;"></span>a like here<br>
  465. <li><span style="color:#203f0f; font-size:10px;"></span>a like here<br></li>
  466.  
  467.  
  468. </div>
  469.  
  470.  
  471. </table>
  472. </td>
  473. </tr>
  474. </table>
  475. <br />
  476. <table cellspacing="0" cellpadding="0" width="500" height="50">
  477. <td>
  478. <table cellspacing="0" cellpadding="0" width="500" height="50">
  479. <td valign="top" align="center" width="500" height="50">
  480. <img src="https://images2.imgbox.com/1b/74/LaCHu2QQ_o.jpg" width="500" height="250"></br>
  481.  
  482.  
  483. </table>
  484. </td>
  485. </tr>
  486. </table>
  487. <br />
  488. <table cellspacing="0" cellpadding="0" width="500">
  489. <td>
  490. <table cellspacing="0" cellpadding="0" width="500">
  491. <td valign="top" align="center" width="500">
  492.  
  493.  
  494. <div style="float:left; border-right:3px solid #1f0c0a; margin:0px;"><img src="https://images2.imgbox.com/06/f8/wNtJgSHZ_o.jpg"></div><div style="overflow:auto; text-align:center; width:294px; border-left:3px solid #000000;
  495.  float:left; height:150px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
  496.  
  497.  
  498.  
  499.  <div class="credit"><a href="http://www.roleplayer.me/1501729" class="petals" title="credit">❦</a></div>
  500.  
  501.  
  502.  
  503.  
  504.  
  505.  
  506.  !-------- INTEREST----------!
  507.  
  508.  
  509.  
  510.  
  511.  
  512.  
  513. </table>
  514. </td>
  515. </tr>
  516. </table>
  517. <br />
  518. <table cellspacing="0" cellpadding="0" width="300">
  519. <td>
  520. <table cellspacing="0" cellpadding="0" width="300">
  521. <td valign="top" align="center" width="300">
  522.  
  523. <div class="navo">
  524.  
  525.  
  526. <a href="/home.php" class="fifth"> HOME</a><br>
  527. <a href="/send_message.php?member_id=FRIENDID" class="second"> MESSAGE</a><br>
  528. <a href="/add_comment.php?member_id=FRIENDID" class="second"> COMMENT</a><br>
  529. <a href="/gallery.php?member_id=FRIENDID" class="second"> GALLERY</a><br>
  530. <a href="/home.php" class="second"> EXTRA</a><br>
  531. <a href="/home.php" class="sixth"> EXTRA</a>
  532.  
  533. </div>
  534.  
  535. </table>
  536. </td>
  537. </tr>
  538. </table>
  539. <br />
  540.  
  541. <table cellspacing="0" cellpadding="0" width="300" height="100">
  542. <td>
  543. <table cellspacing="0" cellpadding="0" width="300" height="100">
  544. <td valign="top" align="center" width="300" height="100">
  545.  
  546. <h2> DISCORD </h2><br>
  547.  <h3>discord name</h3>
  548. </table>
  549. </td>
  550. </tr>
  551. </table>
  552. <br />
  553. <table cellspacing="0" cellpadding="0" height="200" width="300" >
  554. <td>
  555. <table cellspacing="0" cellpadding="0" height="200"  width="300">
  556. <td valign="top" align="center" height="220" width="300">
  557.  
  558.  
  559. <div style="float:left; "><img src="https://images2.imgbox.com/c9/2f/KOUabFWI_o.jpg"></div>
  560.  
  561. </table>
  562. </td>
  563. </tr>
  564. </table>
  565. <br />
  566.  
  567. <table cellspacing="0" cellpadding="0" width="300" height="50">
  568. <td>
  569. <table cellspacing="0" cellpadding="0" width="300" height="50">
  570. <td valign="top" align="center" width="300" height="50">
  571.  
  572. <h2> CONNECTIONS </h2>
  573.  
  574. </table>
  575. </td>
  576. </tr>
  577. </table>
  578. <br />
  579.  
  580. <table cellspacing="0" cellpadding="0" width="300" height="225">
  581. <td>
  582. <table cellspacing="0" cellpadding="0" width="300" height="225">
  583. <td valign="top" align="center" width="300" height="225">
  584.  
  585. <a href="/" class="third">First Last</a>
  586. <a href="/" class="third">First Last</a>
  587. <a href="/" class="third">First Last</a>
  588. <a href="/" class="third">First Last</a>
  589. <a href="/" class="third">First Last</a>
  590. <a href="/" class="third">First Last</a>
  591. <a href="/" class="third">First Last</a>
  592. <a href="/" class="third">First Last</a>
  593. <a href="/" class="third">First Last</a>
  594. <a href="/" class="third">First Last</a>
RAW Paste Data
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
 
Top