API tools faq
paste
Advertisement
htpremadesbb

Bombshell Resources ----- BC - BELLBLAKE LAYOUT

htpremadesbb
Jun 5th, 2018
175
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.47 KB | None | 0 0
raw download clone embed print report
  1. Background, Gifs, Edits & Coding // BITCHCRAFT
  2. DO NOT JOCK // YOU MAY CHANGE COLORS/INFO ONLY
  3.  
  4. PSDS: https://www.dropbox.com/sh/3i98dtqxns3rv0f/AADVnRMejJrPuA4bzmwoaQdQa?dl=0
  5.  
  6. Basic Info Image Size: 100w x 96h
  7. Main Banner Image Size: 295w X 115h
  8.  
  9.  
  10. --------------------ABOUT ME
  11.  
  12.  
  13.  
  14. <link href='https://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>
  15. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,300' rel='stylesheet' type='text/css'>
  16. <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
  17. <link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
  18. <link href="https://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet">
  19.  
  20. </td>
  21. </tr>
  22. </table>
  23. </td>
  24. </tr>
  25. </table>
  26. <body oncontextmenu="return false">
  27. <style type="text/css">
  28.  
  29.  
  30. .bxtchcrxft { B A C K G R O U N D & T A B L E PROPERTIES }
  31.  
  32. table, tr, td { display:none;}
  33. body {
  34. background-color: #0011ba;
  35. background-image: url("https://i.imgur.com/y7MJHC4.png");
  36. background-repeat: repeat;
  37. background-attachment: fixed;
  38. overflow-y:hidden;
  39. overflow-x:hidden;}
  40.  
  41.  
  42.  
  43.  
  44. .bxtchcrxft { S C R O L L B A R PROPERTIES }
  45.  
  46. ::-webkit-scrollbar-thumb:vertical {background-color:#f7f5f4; border: 0px solid #2B0004; }
  47. ::-webkit-scrollbar-thumb:horizontal {background-color:#f7f5f4; border: 0px solid #2B0004;}
  48. ::-webkit-scrollbar {width:4px; height:0px; background-color:#7d8cb2;}
  49.  
  50.  
  51.  
  52. .bxtchcrxft { D I V B O X E S PROPERTIES }
  53.  
  54. .credit {
  55. top:10px;
  56. left:0px;
  57. overflow:hidden;
  58. position:absolute;
  59. z-index:1;}
  60.  
  61. .navibackground {
  62. top:196px;
  63. left:299px;
  64. height:76px;
  65. width:280px;
  66. margin:0px;
  67. padding:0px 0px 0px 0px;
  68. overflow:hidden;
  69. position:fixed;
  70. z-index:6;
  71. background-color: #0011ba;
  72. border-left: 1px solid #ffffff;
  73. border-right: 1px solid #ffffff;
  74. border-top: 1px solid #ffffff;
  75. border-bottom: 20px solid #ffffff;}
  76.  
  77. .navigationlinks {
  78. top:203px;
  79. left:306px;
  80. height: 63px;
  81. width:267px;
  82. margin:0px;
  83. padding:0px 0px 0px 0px;
  84. overflow:hidden;
  85. position:fixed;
  86. z-index:7;
  87. border: 1px solid #ffffff;
  88. background-color: #3d48b2;}
  89.  
  90. .ooc {
  91. top:302px;
  92. left:299px;
  93. height:107px;
  94. width:270px;
  95. margin:0px;
  96. padding:5px ;
  97. overflow:hidden;
  98. position:absolute;
  99. z-index:2;
  100. margin:0px;
  101. padding:5px ;
  102. overflow:hidden;
  103. position:absolute;
  104. text-align: center;
  105. z-index: 2;
  106. background-color: #3d48b2;
  107. border-left: 1px solid #ffffff;
  108. border-right: 1px solid #ffffff;
  109. border-top: 1px solid #ffffff;
  110. border-bottom: 20px solid #ffffff;}
  111.  
  112. .history {
  113. top:196px;
  114. left:590px;
  115. height:213px;
  116. width:305px;
  117. background-color: #3d48b2;
  118. border-left: 1px solid #ffffff;
  119. border-right: 1px solid #ffffff;
  120. border-top: 1px solid #ffffff;
  121. border-bottom: 20px solid #ffffff;
  122. margin:0px;
  123. padding:5px ;
  124. overflow:hidden;
  125. position:absolute;
  126. z-index:2;
  127. margin:0px;
  128. padding:5px ;
  129. overflow:hidden;
  130. position:absolute;
  131. text-align: center;
  132. z-index: 2;}
  133.  
  134.  
  135. .familylinks {
  136. top:196px;
  137. left:916px;
  138. height:213px;
  139. width:126px;
  140. background-color: #3d48b2;
  141. border-left: 1px solid #ffffff;
  142. border-right: 1px solid #ffffff;
  143. border-top: 1px solid #ffffff;
  144. border-bottom: 20px solid #ffffff;
  145. margin:0px;
  146. padding:5px ;
  147. overflow:hidden;
  148. position:absolute;
  149. z-index:2;
  150. margin:0px;
  151. padding:5px ;
  152. overflow:hidden;
  153. position:absolute;
  154. text-align: center;
  155. z-index: 2;}
  156.  
  157. .bxtchcrxft { T E X T PROPERTIES }
  158.  
  159. .text, table, tr, td, li, p, div {
  160. font-family: times;
  161. color:#f7f5f4;
  162. text-align: justify;
  163. font-size:10.5px;
  164. font-weight:normal;
  165. line-height:12px;
  166. letter-spacing:-.2px;}
  167.  
  168.  
  169.  
  170.  
  171.  
  172.  
  173. .bxtchcrxft { T E X T S T Y L E PROPERTIES }
  174.  
  175. b {
  176. font-style:italic;
  177. color:#ffffff;
  178. font-family:times;
  179. font-weight:lighter;
  180. font-size:17px;
  181. line-height:11px;
  182. letter-spacing: -1px;
  183. text-shadow: 0px 0px;}
  184.  
  185. i {
  186. font-style:italic;
  187. color:#67a4fb;
  188. font-family:times;
  189. font-weight:lighter;
  190. font-size:17px;
  191. line-height:11px;
  192. letter-spacing: -1px;
  193. text-shadow: 0px 0px;}
  194.  
  195. strong {
  196. color:#0057d5;
  197. font-family:courier new;
  198. font-weight:lighter;
  199. text-align: center;
  200. font-size:11px;
  201. line-height:7px;
  202. letter-spacing:1px;
  203. text-decoration:none;
  204. background: #ffffff;
  205. padding: 2px 2px 2px 2px;
  206. border: 1px solid #0057d5;}
  207.  
  208. big {
  209. font-family:Parisienne;
  210. font-weight:lighter;
  211. font-size:40 px;
  212. text-align:left;
  213. color:#f7f5f4;
  214. height:25px;
  215. text-shadow: 2px 2px #67a4fb;
  216. text-transform:none;
  217. line-height:11px;
  218. letter-spacing:1px;}
  219.  
  220. small {
  221. font-family:quicksand;
  222. font-weight:light;
  223. font-style:light;
  224. font-size:15px;
  225. text-align:center;
  226. color:#67a4fb;
  227. height:10px;
  228. text-transform:uppercase;
  229. letter-spacing:0px;
  230. margin:0px 2px 0px 2px;
  231. padding:0px 0px 8px 0px;
  232. line-height:10px;}
  233.  
  234. u {
  235. color:#ffffff;
  236. font-family:courier new;
  237. font-weight:lighter;
  238. text-align: center;
  239. font-size:11px;
  240. line-height:7px;
  241. letter-spacing:1px;
  242. text-decoration:none;
  243. background: #0057d5;
  244. padding: 2px 2px 2px 2px;
  245. border: 1px solid #ffffff;}
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252. .bxtchcrxft { H E A D E R S }
  253.  
  254. h1{
  255. font-family:Parisienne;
  256. font-size:95px;
  257. text-align:center;
  258. color:#ffffff;
  259. text-transform: lowercase;
  260. text-shadow: 4px 4px #870620;
  261. letter-spacing:-5px;
  262. margin:0px 0px -2px 0px;
  263. padding:5px 0px 0px 0px;}
  264.  
  265. h2{
  266. color:#ffffff;
  267. font-family:cambria;
  268. font-weight:lighter;
  269. text-align:center;
  270. font-size:11px;
  271. line-height:11px;
  272. letter-spacing:3px;
  273. text-decoration:none;
  274. background: #0057d5;
  275. padding: 0px 2px 1px 2px;}
  276.  
  277. h3 {
  278. color:#0057d5;
  279. text-align: center;
  280. font-family:georgia;
  281. font-weight:lighter;
  282. font-size:9px;
  283. line-height:11px;
  284. letter-spacing:5px;
  285. text-transform: lowercase;
  286. background: #f7f5f4;
  287. padding: 1px 2px 1px 2px;
  288. margin: 0px 0px 0px 0px;}
  289.  
  290. h4 {
  291. font-style:italic;
  292. color:#ffffff;
  293. font-family:times;
  294. font-weight:lighter;
  295. font-size:12px;
  296. line-height:10px;
  297. letter-spacing: 2px;
  298. text-transform: lowercase;
  299. background: #0057d5;
  300. padding: 1px 2px 2px 10px;
  301. margin: 0px 0px 2px 0px;
  302. border-right: 20px solid #ffffff;}
  303.  
  304. h5 {
  305. font-family:Parisienne;
  306. font-size:40px;
  307. text-align:center;
  308. color:#f7f5f4;
  309. text-transform:none;
  310. text-shadow: 4px 4px #0057d5;
  311. letter-spacing:0px;
  312. margin:0px 0px 5px 0px;
  313. padding:15px 0px 0px 0px;}
  314.  
  315. h6 {
  316. color:#f7f5f4;
  317. text-align: center;
  318. font-family:georgia;
  319. font-weight:lighter;
  320. font-size:9px;
  321. line-height:11px;
  322. letter-spacing:5px;
  323. text-transform: lowercase;
  324. background: #7d8cb2;
  325. padding: 1px 2px 1px 2px;
  326. margin: 0px 0px 0px 0px;}
  327.  
  328.  
  329.  
  330.  
  331.  
  332.  
  333. .bxtchcrxft { R E G U L A R L I N K PROPERTIES }
  334.  
  335. a:active, a:visited, a:link {
  336. display:inline-block;
  337. float:left;
  338. font-style:italic;
  339. color:#67a4fb;
  340. width: 100px;
  341. font-family:times;
  342. font-weight:lighter;
  343. font-size:10px;
  344. line-height:11px;
  345. letter-spacing: 1px;
  346. text-transform: lowercase;
  347. text-decoration: none;
  348. text-align: center;
  349. background-color:#f7f5f4;
  350. padding: 0px 10px 1px 10px;
  351. margin: 0px 4px 0px 0px;
  352. -webkit-transition: all 0.5s linear;
  353. -moz-transition: all 0.5s linear;
  354. transition: all 0.5s linear;
  355. border-right: 5px solid #67a4fb;}
  356.  
  357. a:hover {
  358. color:#ffffff;
  359. font-style:normal;
  360. letter-spacing:-1px;
  361. background-color:#67a4fb;}
  362.  
  363.  
  364.  
  365.  
  366.  
  367. .bxtchcrxft { N A V I G A T I O N L I N K PROPERTIES }
  368.  
  369. a.first, a.first:link, a.first:active, a.first:visited {
  370. display:inline-block;
  371. float:left;
  372. font-style:italic;
  373. width: 110px;
  374. color:#67a4fb;
  375. font-family:times;
  376. font-weight:lighter;
  377. font-size:12px;
  378. line-height:10px;
  379. letter-spacing: 2px;
  380. text-transform: lowercase;
  381. background: #f7f5f4;
  382. padding: 1px 2px 2px 10px;
  383. margin: 0px 4px 2px 0px;
  384. border-right: 5px solid #67a4fb;}
  385.  
  386. a.first:hover {
  387. color:#ffffff;
  388. font-style:normal;
  389. letter-spacing:-1px;
  390. background-color:#67a4fb;}
  391.  
  392.  
  393.  
  394.  
  395.  
  396.  
  397. .bxtchcrxft { C O N N E C T I O N S L I N K PROPERTIES }
  398.  
  399. a.second, a.second:link, a.second:active, a.second:visited {
  400. display:inline-block;
  401. float:left;
  402. font-style:italic;
  403. width: 90px;
  404. color:#67a4fb;
  405. font-family:times;
  406. font-weight:lighter;
  407. font-size:12px;
  408. line-height:10px;
  409. letter-spacing: 2px;
  410. text-transform: lowercase;
  411. background: #f7f5f4;
  412. padding: 1px 2px 2px 10px;
  413. margin: 0px 0px 2px 0px;
  414. border-right: 5px solid #67a4fb;}
  415.  
  416. a.second:hover {
  417. color:#ffffff;
  418. font-style:normal;
  419. letter-spacing:-1px;
  420. background-color:#67a4fb;}
  421.  
  422.  
  423.  
  424.  
  425. a.third, a.third:link, a.third:active, a.third:visited {
  426. display:inline-block;
  427. float:left;
  428. font-style:italic;
  429. width: 50px;
  430. color:#67a4fb;
  431. font-family:times;
  432. font-weight:lighter;
  433. font-size:12px;
  434. line-height:10px;
  435. letter-spacing: 2px;
  436. text-transform: lowercase;
  437. background: #f7f5f4;
  438. padding: 1px 2px 2px 10px;
  439. margin: 0px 0px 2px 0px;
  440. border-right: 5px solid #67a4fb;}
  441.  
  442. a.third:hover {
  443. color:#ffffff;
  444. font-style:normal;
  445. letter-spacing:-1px;
  446. background-color:#67a4fb;}
  447.  
  448.  
  449.  
  450.  
  451.  
  452. .bxtchcrxft { R P E R . M E H I D E C O D E S }
  453. .clearfix { display: none; }
  454. .lightbluetext8 { display:none; }
  455. .contacttable { display:none; }
  456. .whitetext12 { display:none; }
  457. .interestsanddetails { display:none; }
  458. .userProfiledetail { display:none; }
  459. .friendSpace { display:none; }
  460. .friendsComments { display:none; }
  461. .latestBlogEntry { display:none; }
  462. .navigationBar { display:none; }
  463. .navbar { visibility:hidden; }
  464. .orangetext15 { display:none; }
  465. .profileinfo { display:none; }
  466. .userProfileURL { display:none; }
  467. .extendedNetwork { display:none; }
  468. .blurbs { display:none; }
  469. .userAlbums { display:none; }
  470. .mslogo { display: none; }
  471. #footerWarpper{ display:none; }
  472. </style>
  473.  
  474.  
  475.  
  476. --------------------LIKE TO MEET SECTION
  477.  
  478.  
  479.  
  480. </td>
  481. </tr>
  482. </table>
  483. </td>
  484. </tr>
  485. </table>
  486.  
  487. <!-- BACKGROUND DIVS -->
  488.  
  489. <div class="navibackground"> </div>
  490.  
  491.  
  492.  
  493. <!-- NAVIGATION -->
  494. <div class="navigationlinks">
  495. <h6> rp ☾ navigation </h6>
  496. <div style="margin: 3px 3px 3px 2.4px; padding: 0px 3px 0px 2px; width:350px; height: 232px; overflow-x: hidden; overflow-y: hidden;">
  497.  
  498. <a href="/home.php" class="first">home</a>
  499. <a href="/send_message.php?member_id=xxxxxx" class="first">message</a>
  500. <a href="/add_comment.php?member_id=xxxxxx" class="first">comment</a>
  501. <a href="/xxxxxx" class="first">gallery</a>
  502. <a href="/view_blog.php?id=xxxxxx" class="first">rules</a>
  503. <a href="/view_blog.php?id=xxxxxx" class="first">roles</a>
  504.  
  505. </div>
  506. </div>
  507.  
  508.  
  509.  
  510.  
  511. <!-- BASIC INFO BOX -->
  512. <div class="ooc">
  513. <div style="float: left; background-color: #000000; width: 100px; height:96px;border: 5px solid #f7f5f4; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px; overflow-x: hidden; overflow-y: hidden;"><img src="https://i.imgur.com/Al6SeHI.png"></div>
  514.  
  515. <div style="width: 153px; height: 104px; float:left; border: 1px solid #f7f5f4; background-color: #090087; overflow: hidden; margin: 0px 0px 5px 0px;">
  516.  
  517. <h6>Basic Info</h6>
  518. <div style="margin: 3px; padding: 2px 4px 0px 1px; width: 141px; height: 80px; overflow-x: hidden; overflow-y: scroll; ">
  519.  
  520. <center><i> Line ---</i><b>- xxxxxxxxxx</b> </center> <hr>
  521.  
  522. <b> Full Name: </b> Full Name Here
  523. <br><i> Nicknames: </i> Nickname; Nickname;
  524. <br><b> Affiliation: </b> List Affiliation Here
  525. <br><i> Current Location: </i> Earth, Location Here
  526. <br><b> Parents: </b> Mom Name {<big> mother</big>} // Dad Name {<big> father</big>}
  527. <br><i> Siblings: </i> Sibling, Sibling & Sibling
  528. <br><b> Age: </b> 99 years old
  529. <br><i> Eye Color: </i> Brown
  530. <br><b> Hair Color: </b> Brown
  531.  
  532.  
  533. </div>
  534. </div>
  535. </div>
  536.  
  537.  
  538.  
  539.  
  540.  
  541. <!-- BACKGROUND/HISTORY BOX -->
  542. <div class="history">
  543. <div style="float: left; background-color: #000000; width: 295px; height:115px;border: 5px solid #f7f5f4; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow-x: hidden; overflow-y: hidden;"><img src="https://i.imgur.com/AUKyaI3.gif"></div>
  544.  
  545. <div style="float: left; width: 147px; height: 80px; float:left; border: 1px solid #f7f5f4; background-color: #090087; overflow: hidden; margin: 5px 6px 5px 0px;">
  546.  
  547. <h6>Past History </h6>
  548. <div style="margin: 3px; padding: 2px 4px 0px 1px; width: 135px; height: 57px; overflow-x: hidden; overflow-y: scroll;">
  549. Nunc mollis nunc nec nisi lacinia, <b>bold</b> <u>underline</u> et pellentesque lectus dapibus.Leo eros facilisis nibh, <i>italic</i> <big>big</big> <strong>strong</strong> et aliquet velit sem sit amet lectus.<small>small</small> Proin scelerisque elit in turpis ultrices dapibus. Nunc mollis tyhrtyrtytryrtyrtyrtynunc nec nisi lacinia, et pellentesque lectus dapibus. <Br><br>Nunc mollis nunc nec nisi lacinia, et pellentesque lrtyrtyectus dapibus.Leo eros facilisis nibh, et aliquet velit sem sit amet lectus.
  550. </div>
  551.  
  552. </div>
  553.  
  554. <div style="float:left; width: 147px; height: 80px; float:left; border: 1px solid #f7f5f4; background-color: #090087; overflow: hidden; margin: 5px 0px 5px 0px;">
  555. <h6>Current Life </h6>
  556. <div style="margin: 3px; padding: 2px 4px 0px 1px; width: 135px; height: 57px; overflow-x: hidden; overflow-y: scroll;">
  557. Nunc mollis nunc nec nisi lacinia, et pellentesque lectus dapibus.Leo eros facilisis nibh, et aliquet velit sem sit amet lectus. Proin scelerisque elit in turpis ultrices dapibus.
  558. <h2> heading 2 </h2>
  559. <h3> heading 3 </h3>
  560. <h4>heading 4</h4>
  561. <h5> head five </h5>
  562. <h6> heading 6</h6>
  563. Proin scelerisque elit in turpis ultrices dapibus. Nunc mollis nunc nec nisi lacinia, et pellentesque lectus dapibus.
  564. Nunc mollis tyhrtyrtytryrtyrtyrtynunc nec nisi lacinia, et pellentesque lectus dapibus. Nunc mollis nunc nec nisi lacinia, et pellentesque lrtyrtyectus dapibus.Leo eros facilisis nibh, et aliquet velit sem sit amet lectus. Proin scelerisque elit in turpis ultrices dapibus. Nunc mollis nunc nec nisi lacinia, et pellentesque lectus dapibus.
  565. </div>
  566.  
  567. </div>
  568. </div>
  569.  
  570.  
  571. <!-- CONNECTION LINKS -->
  572. <div class="familylinks">
  573. <div style="float:left; width: 123px; height: 210px; float:left; border: 1px solid #f7f5f4; background-color: #090087; overflow: hidden; margin: 0px 0px 5px 0px;">
  574. <h6>connections</h6>
  575. <div style="margin: 3px; padding: 2px 4px 0px 1px; width: 111px; height: 187px; overflow-x: hidden; overflow-y: scroll;">
  576. <a href="/xxxxx" class="second">connection</a>
  577. <a href="/xxxxx" class="second">connection</a>
  578. <a href="/xxxxx" class="second">connection</a>
  579. <a href="/xxxxx" class="second">connection</a>
  580.  
  581. <a href="/xxxxx" class="second">connection</a>
  582. <a href="/xxxxx" class="second">connection</a>
  583. <a href="/xxxxx" class="second">connection</a>
  584. <a href="/xxxxx" class="second">connection</a>
  585. <a href="/xxxxx" class="second">connection</a>
  586. <a href="/xxxxx" class="second">connection</a>
  587. <a href="/xxxxx" class="second">connection</a>
  588. <a href="/xxxxx" class="second">connection</a>
  589. <a href="/xxxxx" class="second">connection</a>
  590.  
  591. </div>
  592. </div>
  593. </div>
  594.  
  595.  
  596. <div class="credit"> <a href="1358707" class="third">credit</a> </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!