mebuckner

Pinkity Drinkity

Jul 7th, 2020 (edited)
1,605
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.54 KB | None | 0 0
  1. <!-- ABOUT ME -->
  2. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  3. <style type="text/css">
  4. @import url('https://fonts.googleapis.com/css?family=Abel');
  5. @import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@900&family=Poppins:wght@600&display=swap');
  6. @import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
  7.  
  8. body {
  9. background-color:#232426;
  10. background-repeat:no-repeat;
  11. background-attachment:fixed;
  12. margin: 0;
  13. overflow:auto;
  14. background-image:url('https://i.imgur.com/9SwMRdv.png');
  15. background-size:cover;
  16. }
  17.  
  18. table, tr, td, li, p, div, .profileInfo td.text {
  19.     font-size: 10px;
  20.     color: #717171;
  21.     font-family: 'Poppins', sans-serif;}
  22.  
  23.  
  24. .container {
  25. width:1200px;
  26. height:600;
  27. position:absolute;
  28. left:0;
  29. right:0;
  30. top:0;
  31. bottom:0;
  32. overflow:hidden;
  33. margin:auto;
  34. color:#fff;
  35. background-color:#fff;
  36. font-family: 'Abel', sans-serif;
  37. border-radius:15px;
  38. }
  39.  
  40. .leftNameContainer{
  41. width:100px;
  42. height:600px;
  43. background:#e87d83;
  44. display:inline-block;
  45. vertical-align:top;
  46. }
  47.  
  48. .leftNameContainer h1{
  49. -ms-transform: rotate(270deg); /* IE 9 */
  50. transform: rotate(270deg);
  51. color: #fff;
  52. width: 600px;
  53. height: 100px;
  54. margin: 0;
  55. margin-top: 181px;
  56. margin-left: -232px;
  57. text-transform: uppercase;
  58. font-size: 46px;
  59. }
  60.  
  61. .secondBox{
  62. width:540px;
  63. height:600px;
  64. background-image:url('https://i.imgur.com/rTWrwT5.png');
  65. display:inline-block;
  66. margin-left:-2px;
  67. vertical-align:top;
  68. }
  69.  
  70. a:link, a:active, a:visited {
  71.     color: #fff;
  72.     text-transform: uppercase;
  73.     padding-left: 10px;
  74.     margin-top: 2px;
  75.     display: inline-block;
  76. }
  77.  
  78. a:hover{
  79. text-decoration:none;
  80. color:#dd4f72;
  81. }
  82.  
  83. .thirdBox{
  84. width:540px;
  85. height:600px;
  86. background-image:url('https://i.imgur.com/lvkophO.png');
  87. display:inline-block;
  88. margin-left:-3px;
  89. vertical-align:top;
  90. }
  91.  
  92. a.changeLinks:link, a.changeLinks:visited {
  93.     background-color: #dd4f72;
  94.     color: white;
  95.     padding: 10px 25px;
  96.     width: 78px;
  97.     text-align: center;
  98.     text-decoration: none;
  99.     display: inline-block;
  100. }
  101.  
  102. a.changeLinks:hover, a.changeLinks:active {
  103.   background-color: #e87d83;
  104. }
  105.  
  106. .changeLinkContainer{
  107.     width: 400px;
  108.     margin-top: 200px;
  109.     margin-left: 153px;
  110. }
  111.  
  112. .aboutStoryline {
  113.   display: none;
  114. }
  115.  
  116. .aboutStoryline:target {
  117.   display: block;
  118.   width: 344px;
  119.     height: 215px;
  120.     display: inline-block;
  121.     margin-top: 29px;
  122. text-align:justify;
  123. overflow:auto;
  124. padding:5px;
  125. font-family:Georgia;
  126. font-size:12px;
  127.     padding-left: 19px;
  128. }
  129.  
  130. .aboutStoryline h2{
  131. font-family: 'Satisfy', cursive;
  132. font-size: 29px;
  133. margin: 0;
  134. color: #e87d83;
  135. }
  136.  
  137.  
  138. .basicInformation{
  139.   display: none;
  140. }
  141.  
  142. .basicInformation:target {
  143.   display: block;
  144.   width: 344px;
  145.     height: 215px;
  146.     display: inline-block;
  147.     margin-top: 29px;
  148. text-align:justify;
  149. overflow:auto;
  150. padding:5px;
  151. font-family:Georgia;
  152. font-size:12px;
  153.     padding-left: 19px;
  154. }
  155.  
  156. .basicInformation h2{
  157. font-family: 'Satisfy', cursive;
  158. font-size: 29px;
  159. margin: 0;
  160. color: #e87d83;
  161. }
  162.  
  163.  
  164.  
  165.  
  166.  
  167.  
  168. .childInformation{
  169.   display: none;
  170. }
  171.  
  172. .childInformation:target {
  173.   display: block;
  174.   width: 344px;
  175.     height: 215px;
  176.     display: inline-block;
  177.     margin-top: 29px;
  178. text-align:justify;
  179. overflow:auto;
  180. padding:5px;
  181. font-family:Georgia;
  182. font-size:12px;
  183.     padding-left: 19px;
  184. }
  185.  
  186. .childInformation h2{
  187. font-family: 'Satisfy', cursive;
  188. font-size: 29px;
  189. margin: 0;
  190. color: #e87d83;
  191. }
  192.  
  193.  
  194.  
  195.  
  196.  
  197.  
  198.  
  199.  
  200.  
  201.  
  202.  
  203.  
  204. .loveLifeInformation{
  205.   display: none;
  206. }
  207.  
  208. .loveLifeInformation:target {
  209.   display: block;
  210.   width: 344px;
  211.     height: 215px;
  212.     display: inline-block;
  213.     margin-top: 29px;
  214. text-align:justify;
  215. overflow:auto;
  216. padding:5px;
  217. font-family:Georgia;
  218. font-size:12px;
  219.     padding-left: 19px;
  220. }
  221.  
  222. .loveLifeInformation h2{
  223. font-family: 'Satisfy', cursive;
  224. font-size: 29px;
  225. margin: 0;
  226. color: #e87d83;
  227. }
  228.  
  229. ::-webkit-scrollbar-thumb:vertical {height:12px; background:#fff; border-top:10px solid #ed8467; border-bottom:10px solid #ed8467;}
  230. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  231. ::-webkit-scrollbar {width:5px; height:7px;}
  232.  
  233.  
  234. .contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {display:none;height:0px;!important;visibility:hidden} td td td td {border:0px;width:0px;text-align:left;} table, td, tr {padding:0px;width:;background-color:transparent} table table table {padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td {height:0px;!important;border:0px;!important} a.text, table div font a, .navbar font, tr td font {visibility:hidden;display:none;height:0px;!important;} #footerWarpper{display: none;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} table.footer {display: none;} div table a.navbar img {display:none;} div table.navigationBar {margin-bottom:-30px;} .profileInfo {display:none;} .profileInfo td {text-align:left;} .profileInfo a img {position:relative; margin-bottom:-1px; margin-bottom:-2px; width:125px; margin-right:-6px; margin-top:4px; _margin-top:3px; display:block;} .profileInfo td td, .nametext, .msOnlineNow img {display:none;} .profileInfo td td.text {display:table-cell; _display:inline;} .profileInfo .text {font-size:7px; line-height:8px; text-transform:uppercase; font-family:small fonts;} .msOnlineNow {font-family:small fonts; letter-spacing:0px; font-size:7px; line-height:8px; padding:2px; padding-left:0px; text-transform:uppercase; font-weight:normal; display:none; text-decoration:blink; letter-spacing:2px;} .userAlbums {display:none;} div td {display:none;} </span>
  235. </style>
  236.  
  237.  
  238.  
  239.  
  240.  
  241.  
  242.  
  243. <!-- Like to meet -->
  244. <html>
  245. <body>
  246. <div class="container">
  247. <div class="leftNameContainer">
  248. <h1>
  249. First Middle Last
  250. </h1>
  251. </div>
  252. <div class="secondBox">
  253. <a href="https://www.roleplayer.me/home.php">Home</a>
  254. <a href="https://www.roleplayer.me/send_message.php?member_id=####">Message</a>
  255. <a href="https://www.roleplayer.me/add_comment.php?member_id=####">Comment</a>
  256. <a href="https://www.roleplayer.me/status_stream.php?member_id=####">Stream</a>
  257. <a href="https://www.roleplayer.me/view_journal_member.php?member_id=####">Bulletins</a>
  258. <a href="https://www.roleplayer.me/gallery.php?member_id=####">Gallery</a>
  259. <a href="https://www.roleplayer.me/view_blog.php?id=####">Owes</a>
  260. <a href="https://editsbymresources.tumblr.com/">Credit</a>
  261. </div>
  262. <div class="thirdBox">
  263. <div class="changeLinkContainer">
  264. <a href="#aboutYou" class="changeLinks">About</a>
  265. <br>
  266. <a href="#BasicInfo" class="changeLinks">Basic Info</a>
  267. <br>
  268. <a href="#child" class="changeLinks">Child</a>
  269. <br>
  270. <a href="#loveLife" class="changeLinks">Love Life</a>
  271. </div>
  272. <div class="aboutStoryline" id="aboutYou">
  273. <img src="https://i.imgur.com/nBt0nb1.png">
  274. <center><h2>First Middle Last</h2></center>
  275. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here.
  276. <br><br>
  277. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here.
  278. <br><br>
  279. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here. Storyline will go here.
  280. <br><br>
  281. </div>    
  282.  
  283.  
  284.  
  285.  
  286.  
  287.  
  288.  
  289. <div class="basicInformation" id="BasicInfo">
  290. <img src="https://i.imgur.com/9wG0103.png">
  291. <center><h2>Basic Information</h2></center>
  292. This is where you would put your stats
  293. </div>  
  294.  
  295.  
  296.  
  297.  
  298.  
  299. <div class="childInformation" id="child">
  300. <img src="https://i.imgur.com/0bjJR8n.png">
  301. <center><h2>Child Name</h2></center>
  302. Information On Child
  303. </div>
  304.  
  305.  
  306. <div class="loveLifeInformation" id="loveLife">
  307. <img src="https://i.imgur.com/OhLuae0.png">
  308. <center><h2>Love Life</h2></center>
  309.  
  310. </div>
  311.  
  312.  
  313.  
  314. </div>
  315. </body>
  316. </html>
Add Comment
Please, Sign In to add comment