API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 16th, 2018
180
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.55 KB | None | 0 0
raw download clone embed print report
  1. /************** ABOUT ME ************/
  2.  
  3. <style>
  4.  
  5. body {
  6. background-color:#543c3c;
  7. background-attachment:fixed;
  8. }
  9.  
  10. <!-- scrollbar properties-->
  11.  
  12. ::-webkit-scrollbar-thumb:vertical {
  13. background-color: #d4c0c8;
  14. height: 7px;
  15. width:5px;
  16. }
  17. ::-webkit-scrollbar-thumb:horizontal{
  18. background-color: #d4c0c8;
  19. height: 7px;
  20. width:5px;
  21. }
  22. ::-webkit-scrollbar {
  23. height:5px;
  24. width:2px;
  25. }
  26.  
  27.  
  28. /**********NAVIGATION**********/
  29.  
  30. .naviimg {
  31. position: absolute;
  32. width:250px;
  33. height:300px;
  34. top:20px;
  35. border: 5px solid #563232;
  36. left:150px;
  37. }
  38.  
  39. .naviimghover {
  40. position: absolute;
  41. width:250px;
  42. height:300px;
  43. border: 5px solid #563232;
  44. background-color:transparent;
  45. top:20px;
  46. left:150px;
  47. font-family: consolas;
  48. opacity:0.0;
  49. filter:alpha(opacity=0.0);
  50. -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease;
  51. }
  52. .naviimghover:hover{
  53. position: absolute;
  54. width:250px;
  55. height:300px;
  56. border: 5px solid #563232;
  57. background-color:transparent;
  58. top:20px;
  59. left:150px;
  60. opacity:0.0;
  61. filter:alpha(opacity=0.0);
  62. -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease;
  63. opacity:1; filter:alpha(opacity=0.09);
  64. }
  65.  
  66. /********BIOGRAPHY***********/
  67. .bio {
  68. position: absolute;
  69. top:20px;
  70. left:475px;
  71. width: 450px;
  72. height: 250px;
  73. border: 5px solid #563232;
  74. font-family:consolas;
  75. font-size: 10px;
  76. color:#b3b2b2;
  77. overflow:auto;
  78. text-align:justify;
  79.  
  80. }
  81.  
  82. /*******BANNER IMAGE*********/
  83. .banner{
  84. position: absolute;
  85. width:450px;
  86. height:auto;
  87. border: 5px solid #563232;
  88. top:283px;
  89. left:475px;
  90. }
  91.  
  92. /*********HISTORY***********/
  93. .history {
  94. position:absolute;
  95. top:491px;
  96. left:475px;
  97. margin-top: 5px;
  98. width: 450px;
  99. height: 300px;
  100. border: 5px solid #563232;
  101.  
  102. font-family:consolas;
  103. font-size: 10px;
  104. color:#b3b2b2;
  105. overflow:auto;
  106. text-align:justify;
  107.  
  108. }
  109.  
  110. /********LOVE INTEREST*******/
  111. .li{
  112. position:absolute;
  113. top:20px;
  114. left:939px;
  115. width:250px;
  116. height:250px;
  117. border: 5px solid #563232;
  118. font-family:consolas;
  119. font-size: 10px;
  120. color:#b3b2b2;
  121. overflow:auto;
  122. text-align:justify;
  123.  
  124. }
  125.  
  126. /********CONNECTIONS*******/
  127. .connections{
  128. position:absolute;
  129. top:283px;
  130. left:939px;
  131. width:250px;
  132. height:350px;
  133. border: 5px solid #563232;
  134. font-family:consolas;
  135. font-size: 10px;
  136. color:#b3b2b2;
  137. overflow:auto;
  138. text-align:justify;
  139.  
  140. }
  141.  
  142. /********BOTTOM IMAGE*******/
  143. .bottomimg{
  144. position:absolute;
  145. top:646px;
  146. left:939px;
  147. width:250px;
  148. height:150px;
  149. border: 5px solid #563232;
  150. font-family:consolas;
  151. font-size: 10px;
  152. color:#b3b2b2;
  153. overflow:auto;
  154. text-align:justify;
  155.  
  156. }
  157.  
  158.  
  159. /*******TEXT STYLING*********/
  160.  
  161. a.navi:active, a.navi:visited, a.navi:link {
  162. text-align:center;
  163. text-transform:uppercase;
  164.  
  165. height:15px;
  166. display: block;
  167. color:#d4c0c8;
  168. background-color:#2d0807;
  169. text-decoration: none;
  170. border:1px solid #61322b;
  171. padding:2px;
  172. padding-top:6px;
  173. margin:2px;
  174. font-family:courier;
  175. letter-spacing:1px;
  176. -webkit-transition: all 0.3s ease-in-out;
  177. -moz-transition: all 0.3s ease-in-out;
  178. -ms-transition: all 0.3s ease-in-out;
  179. -o-transition: all 0.3s ease-in-out;
  180. transition: all 0.3s ease-in-out;
  181. -webkit-shape-color:k1z691;
  182. }
  183.  
  184.  
  185. a.navi:hover {
  186. background-color:#563232;
  187. text-transform:uppercase;
  188. border:1px solid #e3deec;
  189. color:#faf9fb;
  190. -webkit-transition: all 0.6s ease-in-out;
  191. -moz-transition: all 0.6s ease-in-out;
  192. -ms-transition: all 0.6s ease-in-out;
  193. -o-transition: all 0.6s ease-in-out;
  194. transition: all 0.6s ease-in-out;
  195. -webkit-shape-color:k1z691;
  196. }
  197.  
  198. a.connect:active, a.connect:visited, a.connect:link {
  199. text-align:center;
  200.  
  201. font-size:10;
  202. height:15px;
  203. display: block;
  204. color:#d4c0c8;
  205.  
  206. text-decoration: none;
  207. border:1px solid #2d0807;
  208. padding:2px;
  209. padding-top:6px;
  210. margin:2px;
  211. font-family:consolas;
  212. letter-spacing:4px;
  213. -webkit-transition: all 0.3s ease-in-out;
  214. -moz-transition: all 0.3s ease-in-out;
  215. -ms-transition: all 0.3s ease-in-out;
  216. -o-transition: all 0.3s ease-in-out;
  217. transition: all 0.3s ease-in-out;
  218. -webkit-shape-color:k1z691;
  219. }
  220.  
  221.  
  222. a.connect:hover {
  223. background-color:#2d0807;
  224.  
  225. border:1px solid #563232;
  226. color:#faf9fb;
  227. -webkit-transition: all 0.6s ease-in-out;
  228. -moz-transition: all 0.6s ease-in-out;
  229. -ms-transition: all 0.6s ease-in-out;
  230. -o-transition: all 0.6s ease-in-out;
  231. transition: all 0.6s ease-in-out;
  232. -webkit-shape-color:k1z691;
  233. }
  234.  
  235. a:active, a:visited, a:link { color: #d0afbc; font-size: 8px; font-family: times; text-decoration:none; font-weight:normal; letter-spacing:1px; -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;line-height:8px; text-shadow:15px 0px transparent, -15px 0px transparent;}
  236.  
  237. a:hover { color:#d0afbc; font-size: 8px; font-family: times; text-decoration:none; font-weight:normal; letter-spacing:1px;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out; text-shadow: 0px 0px, 0px 0px ;}
  238.  
  239. I { font: italic 9px georgia; color:#ffffff; line-height:8px; text-transform:none; letter-spacing:1px; font-weight:normal;}
  240.  
  241. B {font-family:consolas; font-size:10px; letter-spacing:2px; line-height:9px; color:#2d0807; text-transform:uppercase;}
  242.  
  243.  
  244.  
  245. .xpdonnax { H e a d e r 5 } h5{ color:#fff; font-family:ms gothic; font-size:10px; line-height:10px; text-align:center;
  246. font-weight:lighter; background-color:#563232; margin:4px 2px 4px 2px; padding:0px 5px 0px 5px; word-spacing:8px;
  247. border-left:10px solid #2d0807; border-right:10px solid #2d0807; text-transform:uppercase; letter-spacing:10px;}
  248. /********HIDE CODES*******/
  249. table table div form {display:inline !important;}
  250. .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
  251. td td td td{border:0px;width:0px;text-align:left;}
  252. table,td,tr{padding:0px;width:;background-color:transparent}
  253. table table table{padding:1px;height:.01%;width:100%;}
  254. table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
  255. a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
  256. td.text table table{display:inline;visibility:visible;}
  257. table td table tr td.text table{visibility:hidden;}
  258. table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
  259. table div div{visibility:hidden;!important;}
  260. table table table table,table table table table td.text, td.text td.text table{display:none;}
  261. 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;}
  262. div div, div td {background-color:transparent; background-image:none!important;}
  263. div.profileWidth {margin-top: -20px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i,
  264. div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:20px}
  265. div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;}
  266. .profile, div ul {display:none !important;}
  267. .userAlbums { display:none; }
  268.  
  269. </style>
  270.  
  271.  
  272.  
  273.  
  274. <!--LIKE TO MEET-->
  275.  
  276. <!--MUSIC-->
  277. <object type="application/x-shockwave-flash" style="width:0px; height:0px;" data="//www.youtube.com/v/GStBt7S7BEA?color2=FBE9EC&rel=0&loop=1&playlist=GStBt7S7BEA&autoplay=1&showsearch=0&showinfo=0&controls=0&version=3">
  278. <param name="movie" value="//www.youtube.com/v/GStBt7S7BEA?color2=FBE9EC&rel=0&loop=1&playlist=GStBt7S7BEA&autoplay=1&showsearch=0&showinfo=0&controls=0&version=3" />
  279. <param name="allowFullScreen" value="true" />
  280. <param name="allowscriptaccess" value="always" />
  281. </object><div style="font-size: 0.8em"><a href="https://www.tools4noobs.com/online_tools/youtube_xhtml/"></a></div>
  282.  
  283.  
  284. <!--INFO-->
  285. <div class="naviimg">
  286. <img src="https://78.media.tumblr.com/0a9dfbe0fb1ef1aacfc588d90d4b0423/tumblr_p2jjai06y71wdttzjo1_540.jpg" width="250px" height="300px">
  287. </div>
  288.  
  289.  
  290.  
  291. <div class="naviimghover">
  292. <a href="URL" class="navi">Home</a>
  293. <a href="URL" class="navi">Message</a>
  294. <a href="URL" class="navi">Comment</a>
  295. <a href="URL" class="navi">Gallery</a>
  296. <a href="URL" class="navi">Stream</a>
  297. <img src="https://i.pinimg.com/564x/b8/9d/32/b89d32c7269c84c48d534b3899f4b2b8.jpg" width="250px" height="164px">
  298. </div>
  299.  
  300.  
  301.  
  302. <div class="bio">
  303.  
  304. <h5>BIOGRAPHY</h5>
  305.  
  306. <b>Name:</b> Sasuke Uchihunk<br>
  307. <b>Nickname:</b>Ash Ketchum, Lemon head, flatnut<br />
  308. <b>Current Location:</b> Chillin' in dimensions<br />
  309. <b>Date of Birth:</b> July 23rd<br />
  310. <b>Age:</b> 22<br />
  311. <b>Gender:</b> Whatever Lucifer is<br />
  312. <b>Orientation:</b> Straight (Gay for Dean Winchester)<br />
  313. <b>Occupation:</b>Deadbeat<br />
  314. <b>Eye Color:</b> A billion<br />
  315. <b>Hair Color:</b> Black as my heart<br />
  316. <b>More info/stats:</b>
  317.  
  318. </div>
  319.  
  320. <div class="banner">
  321. <img src="https://78.media.tumblr.com/d2d27b3bf1c487e32e18bae7d46bd1cf/tumblr_p2mmfjyq1j1vz54q7o1_540.gif" width="450px" height="200px">
  322. </div>
  323.  
  324. <div class="history">
  325. <h5>HISTORY</h5>
  326. <b>Bold. </b><i>italics. </i>
  327. Lorem Ipsem. Blah blah balh.
  328. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras faucibus mauris eu enim sagittis, pretium laoreet nisl auctor. Ut molestie lobortis ultricies. Sed elit lacus, sodales vel cursus ut, egestas et eros. Pellentesque orci felis, mattis sit amet consectetur sit amet, ornare nec lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam tincidunt vehicula nibh, ut viverra libero semper sit amet. In sagittis hendrerit urna. Quisque sed lectus mi. Aliquam lobortis nisl sit amet porta vulputate. Cras non massa viverra, varius nisl id, ultricies enim. Fusce sapien felis, sagittis in luctus a, commodo vitae eros.
  329. <br><br>
  330. Donec odio justo, dignissim et purus lobortis, lobortis sagittis mauris. Ut auctor ultricies turpis, sed porta nulla posuere in. Nunc fermentum ante libero, ac viverra dui rhoncus non. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce viverra quam eleifend, vestibulum ligula eget, pharetra nisi. Integer aliquam mattis nibh, a congue lectus suscipit non. Fusce cursus feugiat elementum. Proin ut consequat lacus, ac tincidunt nulla. Donec risus ipsum, ultrices vitae posuere nec, vestibulum eu dui. Mauris mattis, erat sed rutrum convallis, tellus nisi efficitur massa, nec ultrices purus lorem at dui. Sed auctor ante id risus luctus feugiat vel vitae metus.
  331. <br><br>
  332. Etiam non justo aliquam mi commodo commodo. Vestibulum id purus sed ipsum condimentum ullamcorper. Integer molestie id sapien sed elementum. Nullam mattis mattis arcu sed accumsan. Aenean accumsan erat vitae placerat mollis. Integer at vestibulum nibh. Etiam eu erat nec turpis tristique sollicitudin ut et ligula. Nulla tincidunt tempus massa, vel luctus leo porta ut. Donec nulla nisl, tempor id nibh id, suscipit porttitor metus. Vestibulum id aliquam ex, sed scelerisque eros. Quisque fringilla nec enim vitae facilisis. Duis facilisis ipsum maximus, congue diam nec, convallis nisl. Curabitur nunc lectus, lobortis et arcu a, malesuada imperdiet mi. Suspendisse sed bibendum elit. Sed facilisis, eros nec sodales aliquam, leo odio pharetra turpis, vel malesuada augue augue a lacus. Donec sagittis ipsum a sollicitudin hendrerit.
  333. <br><br>
  334. Vestibulum ac tempor tellus, cursus consectetur nulla. Sed vitae feugiat est. Etiam tempor quis lorem sed tincidunt. Mauris a ex ac lectus aliquet luctus id a ante. Sed eget imperdiet risus. Suspendisse sollicitudin dolor id nisi faucibus sodales. Integer bibendum ex lectus, in malesuada est molestie sed. Sed varius fermentum arcu ut aliquet. Aliquam pretium, felis sed sagittis varius, lorem magna congue lorem, ut sodales ante enim ut leo. Donec vulputate nisi eget ullamcorper varius. Duis consectetur dolor ullamcorper mattis dignissim. Nunc non facilisis tellus. Nam quis lectus eu libero lacinia porta. Praesent eu sapien finibus, molestie felis a, finibus mauris.
  335. <br><br>
  336. Sed tincidunt sed tortor non auctor. Cras a maximus massa. Vivamus eget consectetur orci. Nunc eget lobortis mi. Sed venenatis pharetra ante, vel efficitur turpis varius at. Vestibulum ut quam tortor. Sed suscipit leo mi, nec cursus purus dapibus quis. Phasellus vestibulum mauris id sem aliquet, id semper lectus luctus. Nulla pulvinar a justo id feugiat. Pellentesque molestie urna condimentum quam scelerisque tempus. Duis suscipit ut lorem sit amet sodales. Vivamus id libero enim. Vestibulum faucibus finibus risus, eget viverra orci pharetra id. Fusce tempor lectus nisi. Nam dignissim nunc id tortor ultricies auctor.
  337. </div>
  338.  
  339.  
  340. <div class="li">
  341. <h5>LOVE INTEREST</h5>
  342. <img src="https://i.pinimg.com/564x/d5/99/44/d59944917045839cdd99c9f2d402fd39.jpg" width="100px" height="100px" style="float:left; margin-right:10px;border: 2px solid white;">
  343. <b>Who:</b> Sakubae Uchihoe<br>
  344. <b>DN:</b> <a href="pornhub.com">SHANNARO!!</a><br>
  345. <b>Nicknames:</b> Goddess, Shanrollypollyolly, Babe<br>
  346. <b>Since:</b> 5-eva <br>
  347. <b>Comment:</b> <br>
  348. Lorem Ipsem. Blah blah balh.
  349. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras faucibus mauris eu enim sagittis, pretium laoreet nisl auctor. Ut molestie lobortis ultricies. Sed elit lacus, sodales vel cursus ut, egestas et eros. Pellentesque orci felis, mattis sit amet consectetur sit amet, ornare nec lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam tincidunt vehicula nibh, ut viverra libero semper sit amet. In sagittis hendrerit urna. Quisque sed lectus mi. Aliquam lobortis nisl sit amet porta vulputate. Cras non massa viverra, varius nisl id, ultricies enim. Fusce sapien felis, sagittis in luctus a, commodo vitae eros.
  350. <br><br>
  351. Donec odio justo, dignissim et purus lobortis, lobortis sagittis mauris. Ut auctor ultricies turpis, sed porta nulla posuere in. Nunc fermentum ante libero, ac viverra dui rhoncus non. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce viverra quam eleifend, vestibulum ligula eget, pharetra nisi. Integer aliquam mattis nibh, a congue lectus suscipit non. Fusce cursus feugiat elementum. Proin ut consequat lacus, ac tincidunt nulla. Donec risus ipsum, ultrices vitae posuere nec, vestibulum eu dui. Mauris mattis, erat sed rutrum convallis, tellus nisi efficitur massa, nec ultrices purus lorem at dui. Sed auctor ante id risus luctus feugiat vel vitae metus.
  352. <br><br>
  353. Etiam non justo aliquam mi commodo commodo. Vestibulum id purus sed ipsum condimentum ullamcorper. Integer molestie id sapien sed elementum. Nullam mattis mattis arcu sed accumsan. Aenean accumsan erat vitae placerat mollis. Integer at vestibulum nibh. Etiam eu erat nec turpis tristique sollicitudin ut et ligula. Nulla tincidunt tempus massa, vel luctus leo porta ut. Donec nulla nisl, tempor id nibh id, suscipit porttitor metus. Vestibulum id aliquam ex, sed scelerisque eros. Quisque fringilla nec enim vitae facilisis. Duis facilisis ipsum maximus, congue diam nec, convallis nisl. Curabitur nunc lectus, lobortis et arcu a, malesuada imperdiet mi. Suspendisse sed bibendum elit. Sed facilisis, eros nec sodales aliquam, leo odio pharetra turpis, vel malesuada augue augue a lacus. Donec sagittis ipsum a sollicitudin hendrerit.
  354. <br><br>
  355. Vestibulum ac tempor tellus, cursus consectetur nulla. Sed vitae feugiat est. Etiam tempor quis lorem sed tincidunt. Mauris a ex ac lectus aliquet luctus id a ante. Sed eget imperdiet risus. Suspendisse sollicitudin dolor id nisi faucibus sodales. Integer bibendum ex lectus, in malesuada est molestie sed. Sed varius fermentum arcu ut aliquet. Aliquam pretium, felis sed sagittis varius, lorem magna congue lorem, ut sodales ante enim ut leo. Donec vulputate nisi eget ullamcorper varius. Duis consectetur dolor ullamcorper mattis dignissim. Nunc non facilisis tellus. Nam quis lectus eu libero lacinia porta. Praesent eu sapien finibus, molestie felis a, finibus mauris.
  356. <br><br>
  357. </div>
  358.  
  359.  
  360. <div class="connections"> <h5>CONNECTIONS</h5>
  361. <a href="http://www.pornhub.com" class="connect">NAME</a>
  362. <a href="http://www.pornhub.com" class="connect">NAME</a>
  363. <a href="http://www.pornhub.com" class="connect">NAME</a>
  364. <a href="http://www.pornhub.com" class="connect">NAME</a>
  365. <a href="http://www.pornhub.com" class="connect">NAME</a>
  366. <a href="http://www.pornhub.com" class="connect">NAME</a>
  367. <a href="http://www.pornhub.com" class="connect">NAME</a>
  368. <a href="http://www.pornhub.com" class="connect">NAME</a>
  369. <a href="http://www.pornhub.com" class="connect">NAME</a>
  370. <a href="http://www.pornhub.com" class="connect">NAME</a>
  371. <a href="http://www.pornhub.com" class="connect">NAME</a>
  372. <a href="http://www.pornhub.com" class="connect">NAME</a>
  373. <a href="http://www.pornhub.com" class="connect">NAME</a>
  374. <a href="http://www.pornhub.com" class="connect">NAME</a>
  375. <a href="http://www.pornhub.com" class="connect">NAME</a>
  376. <a href="http://www.pornhub.com" class="connect">NAME</a>
  377. <a href="http://www.pornhub.com" class="connect">NAME</a>
  378. <a href="http://www.pornhub.com" class="connect">NAME</a>
  379. <a href="http://www.pornhub.com" class="connect">NAME</a>
  380. <a href="http://www.pornhub.com" class="connect">NAME</a>
  381. <a href="http://www.pornhub.com" class="connect">NAME</a>
  382. <a href="http://www.aniroleplay.com/view_profile.php?
  383.  
  384.  
  385.  
  386. </div>
  387.  
  388. <div class="bottomimg"><img src="https://i.pinimg.com/564x/1f/8f/1d/1f8f1dd74a369fab4477242b52e6fc93.jpg" width="250px" height="150px"> </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!