API tools faq
paste
Advertisement
theblondeoneruby

Jilly-Bean Layout

theblondeoneruby
Mar 20th, 2016
84
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.09 KB | None | 0 0
raw download clone embed print report
  1. ----ABOUT ME-----
  2.  
  3. <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  4. <link href='https://fonts.googleapis.com/css?family=Cinzel:400,900' rel='stylesheet' type='text/css'>
  5.  
  6.  
  7. <style>
  8.  
  9.  
  10. .revolutionpremades { background information }
  11.  
  12. body {
  13. background-color: #ffaec9;
  14. background-image:url("");
  15. background-attachment:fixed;
  16. background-repeat:no-repeat;
  17. }
  18.  
  19.  
  20. .hbic
  21. body, td, li, p, div, textarea, li, p, br {
  22. font-family: georgia;
  23. font-size: 11px;
  24. text-align: justify;
  25. color: #6f6f70;}
  26.  
  27. a:link, a:visited {
  28. background-color: #03a2e8;
  29. color: #ffffff;
  30. font-family: consolas;
  31. padding: 5px 10px;
  32. text-align: center;
  33. border-right: 2px solid #9ad9ea;
  34. font-size: 8px;
  35. display:block;}
  36.  
  37. a:hover, a:active {
  38. background-color: #9ad9ea;
  39. text-transform:uppercase;
  40. text-shadow:2px 2px #000000;
  41. letter-spacing:2px;
  42. font-size: 8px;
  43. display:block;
  44. -webkit-border-radius: 30px;
  45. -moz-transition-duration: 0.4s;
  46. -webkit-transition-duration: 0.4s;
  47. -o-transition-duration: 0.4s;
  48. transition-duration: 0.4s;}
  49.  
  50.  
  51. a.second, a.second:link, a.second:active, a.second:visited {
  52. font-family:consolas;
  53. font-size:8px;
  54. line-height:8pt;
  55. letter-spacing:0px;
  56. color:#ffffff;
  57. text-decoration:none;
  58. text-transform:uppercase;
  59. letter-spacing:0px;
  60. background-color:#0b4a69;
  61. text-align:center;
  62. text-shadow:4px 0px transparent;
  63. display:block;
  64. margin:1px 0px 3px 0px;
  65. -webkit-border-radius: 30px;
  66. -webkit-transition: all 0.4s ease-out;
  67. -moz-transition: all 0.4s ease-out;
  68. transition: all 0.4s ease-out;
  69. -moz-transition-duration: 0.4s;
  70. -webkit-transition-duration: 0.4s;
  71. -o-transition-duration: 0.4s;
  72. transition-duration: 0.4s;}
  73.  
  74. a.second:hover {
  75. font-family:consolas;
  76. font-style: bold;
  77. font-size:8px;
  78. line-height:8pt;
  79. letter-spacing:2px;
  80. font-weight:normal;
  81. color:#ffffff;
  82. text-decoration:none;
  83. text-transform:uppercase;
  84. text-shadow:2px 2px #000000;
  85. background-color:#ead490;
  86. text-align:center;
  87. display:block;
  88. margin:1px 0px 3px 0px;
  89. -webkit-border-radius: 30px;
  90. -moz-transition-duration: 0.4s;
  91. -webkit-transition-duration: 0.4s;
  92. -o-transition-duration: 0.4s;
  93. transition-duration: 0.4s;
  94. }
  95.  
  96.  
  97. a.third, a.third:link, a.third:active, a.third:visited {
  98. font-family:consolas;
  99. background-color:transparent;
  100. font-size:10px;
  101. letter-spacing:0px;
  102. color:#7905dd;
  103. text-decoration:none;
  104. text-transform:uppercase;
  105. text-align:center;
  106. text-shadow:4px 0px transparent;
  107. display:inline-block;
  108. }
  109.  
  110. a.third:hover {
  111. font-family:consolas;
  112. background-color:transparent;
  113. font-style: bold;
  114. font-size:13px;
  115. line-height:14pt;
  116. letter-spacing:2px;
  117. font-weight:normal;
  118. color:#7905dd;
  119. text-decoration:none;
  120. text-transform:uppercase;
  121. text-shadow:2px 2px #000000;
  122. text-align:center;
  123. display:inline-block;
  124. }
  125.  
  126. ::-webkit-scrollbar-thumb:vertical {
  127. background-color: #9ad9ea ;
  128. height: 7px;
  129. }
  130. ::-webkit-scrollbar-thumb:horizontal{ background-color: #9ad9ea ;
  131. height: 7px;
  132. }
  133. ::-webkit-scrollbar {
  134. background-color: #9ad9ea ;
  135. border: 2px solid #03a2e8 ;
  136. height:5px;
  137. width:5px;
  138. }
  139.  
  140.  
  141. .backgroundimage {
  142. position: fixed;
  143. top: 300px;
  144. left: 100px;
  145. width: 300px;
  146. height: 300px;
  147. background-color: #000000;
  148. z-index: 100;
  149. }
  150.  
  151. .navigationback {
  152. position: fixed;
  153. top: 0px;
  154. left: 700px;
  155. width: 150px;
  156. height: 100%;
  157. border-left: solid 1px #b5b6b6;
  158. border-right: solid 1px #b5b6b6;
  159. background-color: #ffffff;
  160. }
  161.  
  162. .navigation {
  163. position: fixed;
  164. top: 500px;
  165. width: 100px;
  166. height: 300px;
  167. left: 725px;
  168. padding: 2px;
  169. overflow:auto;}
  170.  
  171. .banner {
  172. position: absolute;
  173. top: 0px;
  174. left: 900px;
  175. width: 500px;
  176. height: 200px;
  177. }
  178.  
  179. .basicinfo {
  180. position: absolute;
  181. top: 200px;
  182. left: 900px;
  183. width: 250px;
  184. height: 300px;
  185. overflow: auto;
  186. padding: 15px;
  187. background-color: #c9c0e7;
  188. }
  189.  
  190. .family {
  191. position: absolute;
  192. top: 200px;
  193. left: 1180px;
  194. width: 190px;
  195. height: 300px;
  196. overflow: auto;
  197. padding: 15px;
  198. background-color: #c9c0e7;
  199. }
  200.  
  201. .random {
  202. position: absolute;
  203. top: 530px;
  204. left: 900px;
  205. width: 400px;
  206. height: 50px;
  207. overflow: auto;
  208. padding: 50px;
  209. background-color: #9ad9ea;
  210. }
  211.  
  212. .friends {
  213. position: absolute;
  214. top: 680px;
  215. left: 900px;
  216. width: 350px;
  217. height: 100px;
  218. overflow: auto;
  219. padding: 15px;
  220. background-color: #c9c0e7;
  221. }
  222.  
  223. .connections {
  224. position: absolute;
  225. top: 680px;
  226. left: 1280px;
  227. width: 120px;
  228. height: 130px;
  229. overflow: auto;
  230. background-color: #c9c0e7;
  231. }
  232.  
  233. .banner2 {
  234. position: absolute;
  235. top: 800px;
  236. left: 900px;
  237. width: 600px;
  238. height: 200px;
  239. }
  240.  
  241. .bio {
  242. position: absolute;
  243. top: 990px;
  244. left: 900px;
  245. width: 475px;
  246. height: 100px;
  247. overflow: auto;
  248. padding: 15px;
  249. background-color: #9ad9ea;
  250. }
  251.  
  252. .love {
  253. position: absolute;
  254. top: 1110px;
  255. left: 900px;
  256. width: 485px;
  257. height: 300px;
  258. overflow: auto;
  259. background-color: #c9c0e7;
  260. padding: 10px;
  261. }
  262.  
  263.  
  264.  
  265. .revolutionpremades {text}
  266.  
  267. h1{
  268. font-family: 'Cinzel', serif;
  269. color:#0b4a69;
  270. background-color:;
  271. font-size: 20px;
  272. text-align: center;
  273. text-transform: uppercase;
  274. border-left: 70px solid #0b4a69;
  275. border-right: 70px solid #0b4a69;
  276. font-weight: normal;
  277. line-height: 21px;
  278. }
  279.  
  280. h2{
  281. font-family: 'Cinzel', serif;
  282. color:#0b4a69;
  283. background-color:;
  284. font-size: 20px;
  285. text-align: right;
  286. text-transform: uppercase;
  287. border-right: 20px solid #0b4a69;
  288. font-weight: normal;
  289. line-height: 21px;
  290. letter-spacing: 2px;
  291. }
  292.  
  293.  
  294.  
  295. b {
  296. font: 12px georgia;
  297. text-transform:uppercase;
  298. color: #03a2e8;
  299. letter-spacing: 1px;}
  300.  
  301. i {
  302. font: 8px georgia;
  303. font-style: italic;
  304. color: #ffffff;}
  305.  
  306.  
  307. .revolutionpremades { hide codes }
  308.  
  309.  
  310. table table div form {display:inline !important;}
  311. .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
  312. td td td td{border:0px;width:0px;text-align:left;}
  313. table,td,tr{padding:0px;width:;background-color:transparent}
  314. table table table{padding:1px;height:.01%;width:100%;}
  315. table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
  316. a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
  317. td.text table table{display:inline;visibility:visible;}
  318. table td table tr td.text table{visibility:hidden;}
  319. table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
  320. table div div{visibility:hidden;!important;}
  321. table table table table,table table table table td.text, td.text td.text table{display:none;}
  322. body div div form {display:none !important;}div div div select {position:absolute !important; margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
  323. div div, div td {background-color:transparent; background-image:none!important;}
  324. div.profileWidth {margin-top: -20px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i,
  325. div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:20px}
  326. div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;}
  327. .profile, div ul {display:none !important;}
  328. .userAlbums { display:none; }
  329.  
  330.  
  331.  
  332.  
  333. </style>
  334.  
  335.  
  336.  
  337. ----LIKE TO MEET-----
  338.  
  339. <div class=backgroundimage><img src=http://i.imgbox.com/em9uoJ3N.png></div>
  340.  
  341. <div class=navigationback></div>
  342.  
  343. <div class=navigation>
  344. <a href=/home.php>Home</a>
  345. <a href=/add_comment.php?member_id=xxxxxx>Comment</a>
  346. <a href=/send_message.php?member_id=xxxxxx>Message</a>
  347. <a href=/gallery.php?member_id=xxxxxx>Images</a>
  348. <a href=/view_blog.php?id=xxxxxx>Storyline</a>
  349. <a href=/1029352>Credit</a>
  350. </div>
  351.  
  352. <div class=banner><img src=http://i.imgbox.com/LDzPztjb.png></div>
  353.  
  354. <div class=basicinfo>
  355. <h1>Details</h1>
  356. <b>Name:</b> Input info here.
  357. <br><b>Age:</b> Input info here.
  358. <br><b>Date of Birthday:</b> Input info here.
  359. <br><b>Place of Birth:</b> Input info here.
  360. <br><b>Family:</b> Input info here.
  361. <br><b>Piercings:</b> Input info here.
  362. <br><b>Tattoos:</b> Input info here.
  363. <br><b>Habits:</b> Input info here.
  364. <br><b>Likes:</b> Input info here.
  365. <br><b>Dislikes:</b> Input info here.
  366. <br><b>Favorite TV Show:</b> Input info here.
  367. <br><b>Favorite Movie:</b> Input info here.
  368. <br><b>Favorite Book:</b> Input info here.
  369. <br><b>Stuff Here:</b> Input info here.
  370. <br><b>Stuff Here:</b> Input info here.
  371. <br><b>Stuff Here:</b> Input info here.
  372. <br><b>Stuff Here:</b> Input info here.
  373. <br><b>Stuff Here:</b> Input info here.
  374. <br><b>Stuff Here:</b> Input info here.
  375. <br><b>Stuff Here:</b> Input info here.
  376. <br><b>Stuff Here:</b> Input info here.
  377. <br><b>Stuff Here:</b> Input info here.
  378. <br><b>Stuff Here:</b> Input info here.
  379. <br><b>Stuff Here:</b> Input info here.
  380. <br><b>Stuff Here:</b> Input info here.
  381. <br><b>Stuff Here:</b> Input info here.
  382. <br><b>Stuff Here:</b> Input info here.
  383. </div>
  384.  
  385.  
  386. <div class=family>
  387. <h1>Family Life</h1>
  388. Put stuff here about your <b>family</b> if you'd like. Maybe include a picture along with the description? I can show you what the format would look like.
  389. <p><img src=http://i.imgbox.com/DSG6icov.png align=left>This will align your picture to the left of your words and it will warp around. It's pretty cool.
  390. <p><img src=http://i.imgbox.com/DSG6icov.png align=right> This does the same thing but puts your image on the <i>right</i>. It's pretty cool if you have an extensive family and want to show pictures of them.
  391. </div>
  392.  
  393. <div class=random>
  394. BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH
  395. </div>
  396.  
  397. <div class=friends>
  398. <h1>Friends Stuff</h1>
  399. Put stuff here about your <b>family</b> if you'd like. Maybe include a picture along with the description? I can show you what the format would look like.
  400. <p><img src=http://i.imgbox.com/DSG6icov.png align=left>This will align your picture to the left of your words and it will warp around. It's pretty cool.
  401. <p><img src=http://i.imgbox.com/DSG6icov.png align=right> This does the same thing but puts your image on the <i>right</i>. It's pretty cool if you have an extensive family and want to show pictures of them.
  402. </div>
  403.  
  404.  
  405. <div class=connections>
  406. <a href="/xxxxxx" class="second"> Friend </a>
  407. <a href="/xxxxxx" class="second"> Friend </a>
  408. <a href="/xxxxxx" class="second"> Friend </a>
  409. <a href="/xxxxxx" class="second"> Friend </a>
  410. <a href="/xxxxxx" class="second"> Friend </a>
  411. <a href="/xxxxxx" class="second"> Friend </a>
  412. <a href="/xxxxxx" class="second"> Friend </a>
  413. <a href="/xxxxxx" class="second"> Friend </a>
  414. <a href="/xxxxxx" class="second"> Friend </a>
  415. <a href="/xxxxxx" class="second"> Friend </a>
  416. <a href="/xxxxxx" class="second"> Friend </a>
  417. <a href="/xxxxxx" class="second"> Friend </a>
  418. <a href="/xxxxxx" class="second"> Friend </a>
  419. <a href="/xxxxxx" class="second"> Friend </a>
  420. <a href="/xxxxxx" class="second"> Friend </a>
  421. </div>
  422.  
  423.  
  424. <div class=banner2><img src=http://i.imgbox.com/wf4Rks5q.png></div>
  425.  
  426. <div class=bio>
  427. BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE
  428. BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE BIO HERE
  429. </div>
  430.  
  431. <div class=love>
  432. <img src=http://i.imgbox.com/jYgw18ZF.png align=left><h2>Love Life</h2>
  433. <p><b>Status:</b>
  434. <br><b>By:</b> <a href=/xxxxxx class="third">Love of my Life</a>
  435. <br><b>When:</b>
  436. <br><b>How:</b>
  437. <br><b>First Date:</b>
  438. <br><b>Proposal:</b>
  439. <br><b>Marriage:</b>
  440. <br><b>Notes:</b> Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here. Stuff here.
  441. </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!