API tools faq
paste
Advertisement
noxfleur

why

noxfleur
Oct 5th, 2017
219
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.31 KB | None | 0 0
raw download clone embed print report
  1. <link href="https://fonts.googleapis.com/css?family=Anton|Didact+Gothic|Pacifico" rel="stylesheet">
  2. <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
  3. <link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
  4. <link href="https://fonts.googleapis.com/css?family=Bebas" rel="stylesheet">
  5.  
  6. <style>
  7.  
  8. body > iframe:first-child {
  9. display: none!important;
  10. }
  11.  
  12. body{
  13. background-image: url ('') ;
  14. background-repeat: no-repeat;
  15. background-position: bottom right;
  16. background-attachment: fixed;
  17. background-color:#f1f1f1;
  18. }
  19.  
  20.  
  21.  
  22. body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
  23. body, td, li, p, div, textarea, li, p, br {
  24. font-family: arial;
  25. font-size: 8px;
  26. text-transform: uppercase;
  27. color: #dddddd;
  28. opacity: 1.0;
  29. text-transform: none;
  30. }
  31.  
  32. i {font: italic 8px;
  33. font-family: arial;
  34. text-transform: none;
  35. font-weight: italics;
  36. line-spacing: 4px;
  37. color: #e7c6e4;
  38. text-transform: uppercase;
  39. font-weight: lighter;
  40. text-transform: none;
  41. }
  42.  
  43. b, strong {
  44. color: #f6cf5a;
  45. font-family: arial;
  46. font-size: 8px;
  47. letter-spacing: px;
  48. text-transform: lowercase;
  49. text-decoration: none;
  50. font-weight: bold;
  51.  
  52. }
  53.  
  54. u {
  55. color: #825af6;
  56. font-family: calibri;
  57. font-size: 8px;
  58. text-transform: uppercase;
  59. letter-spacing: 1px;
  60. text-decoration: none;
  61. border-bottom: solid 1px #000000;
  62. }
  63.  
  64. big {
  65. font-family: arial;
  66. font-size: 12px;
  67. font-style: none;
  68. letter-spacing: 0px;
  69. color: #2E7577;
  70. text-transform: uppercase;
  71. font-weight: lighter;
  72. text-transform: none;
  73. }
  74.  
  75. blockquote {
  76. color: #ffffff;
  77. background-color: #bfcaff;
  78. border-left: solid 5px #b4c7d8;
  79. padding: 5px 5px 5px 5px;
  80. margin: 10px 10px 10px 10px;
  81. }
  82.  
  83. .yoncelink {
  84. display: inline-block;
  85. font-family: arial;
  86. font-size: 9px;
  87. font-weight: bold;
  88. color: #f4a9c6;
  89. text-decoration: none;
  90. text-align: center;
  91. letter-spacing: 2px;
  92. line-height: 17px;
  93. text-transform: uppercase;
  94. margin-bottom: 2px;
  95. background-color: #cdeaec;
  96. width: 235px;
  97. height: 15px;
  98. }
  99.  
  100. -webkit-transition: ease-in-out .5s all;
  101. }
  102.  
  103. .yoncelink:hover {
  104. background-color: #f4a9c6;
  105. color: #cdeaec;
  106. }
  107.  
  108. a {
  109. font-family: arial;
  110. font-size: 8px;
  111. text-transform: none;
  112. color: #ffadcd;
  113. font-weight: lighter;
  114. text-decoration: none;
  115. letter-spacing: 0px;
  116. -webkit-transition: all .4s ease-in-out;
  117. -moz-transition: all .4s ease-in-out;
  118. -o-transition: all .4s ease-in-out;
  119. }
  120.  
  121. a:hover {
  122. color: #bf7391;
  123. }
  124.  
  125.  
  126.  
  127.  
  128. .portrait1 {
  129. z-index: 8;
  130. width: 235px;
  131. height: 250px;
  132. position: absolute;
  133. margin: auto;
  134. left: 0; right: 0; bottom: 0; top: 0;
  135. padding: 10px;
  136. background-color: #ffffff;
  137. overflow: auto;
  138. overflow-x: hidden;
  139. }
  140.  
  141. .portrait1text {
  142. z-index: 7;
  143. width: 235px;
  144. height: 250px;
  145. position: absolute;
  146. margin: auto;
  147. left: 0; right: 10; bottom: 0; top: 0;
  148. padding: 10px;
  149. background-color: #ffffff;
  150. overflow: auto;
  151. overflow-x: hidden;
  152. border-left: solid 10px #cdeaec;
  153. -webkit-transition: all .7s ease-in-out;
  154. -moz-transition: all .7s ease-in-out;
  155. -ms-transition: all .7s ease-in-out;
  156. -o-transition: all .7s ease-in-out;
  157. }
  158.  
  159. .portrait1text:hover {
  160. left: -520px;
  161. }
  162.  
  163. .portrait2 {
  164. z-index: 3;
  165. width: 235px;
  166. height: 250px;
  167. left: 660px;
  168. top: 60px;
  169. padding: 10px;
  170. background-color: #ffffff;
  171. position: fixed;
  172. overflow: auto;
  173. overflow-x: hidden;
  174. -webkit-transition: all 1.3s ease-in-out;
  175. -moz-transition: all 1.3s ease-in-out;
  176. -ms-transition: all 1.3s ease-in-out;
  177. -o-transition: all 1.3s ease-in-out;
  178. }
  179.  
  180. .portrait2text {
  181. z-index: 6;
  182. width: 235px;
  183. height: 250px;
  184. position: absolute;
  185. padding: 10px;
  186. margin: auto;
  187. left: 10; right: 0; bottom: 0; top: 0;
  188. padding: 10px;
  189. background-color: #ffffff;
  190. overflow: auto;
  191. overflow-x: hidden;
  192. border-right: solid 10px #cdeaec;
  193. -webkit-transition: all .7s ease-in-out;
  194. -moz-transition: all .7s ease-in-out;
  195. -ms-transition: all .7s ease-in-out;
  196. -o-transition: all .7s ease-in-out;
  197. }
  198.  
  199. .portrait2text:hover {
  200. left: 530px;
  201. }
  202.  
  203. .portrait3 {
  204. z-index: 3;
  205. width: 235px;
  206. height: 250px;
  207. left: 400px;
  208. top: 335px;
  209. padding: 10px;
  210. background-color: #ffffff;
  211. position: fixed;
  212. overflow: auto;
  213. overflow-x: hidden;
  214. }
  215.  
  216. .portrait3text {
  217. z-index: 5;
  218. width: 235px;
  219. height: 150px;
  220. padding: 10px;
  221. position: absolute;
  222. margin: auto;
  223. left: 0; right: 0; bottom: 0; top: 110;
  224. background-color: #ffffff;
  225. overflow: auto;
  226. overflow-x: hidden;
  227. border-bottom: solid 10px #cdeaec;
  228. -webkit-transition: all .7s ease-in-out;
  229. -moz-transition: all .7s ease-in-out;
  230. -ms-transition: all .7s ease-in-out;
  231. -o-transition: all .7s ease-in-out;
  232. }
  233.  
  234. .portrait3text:hover {
  235. top: 460;
  236. }
  237.  
  238. .portrait4 {
  239. z-index: 3;
  240. width: 235px;
  241. height: 250px;
  242. left: 660px;
  243. top: 335px;
  244. padding: 10px;
  245. background-color: #ffffff;
  246. position: fixed;
  247. overflow: auto;
  248. overflow-x: hidden;
  249. }
  250.  
  251. .portrait4text {
  252. z-index: 4;
  253. width: 235px;
  254. height: 68px;
  255. position: absolute;
  256. margin: auto;
  257. left: 0; right: 0; bottom: 193; top: 0;
  258. padding: 10px;
  259. background-color: #ffffff;
  260. overflow: auto;
  261. overflow-x: hidden;
  262. border-top: solid 10px #cdeaec;
  263. -webkit-transition: all .7s ease-in-out;
  264. -moz-transition: all .7s ease-in-out;
  265. -ms-transition: all .7s ease-in-out;
  266. -o-transition: all .7s ease-in-out;
  267. }
  268.  
  269. .portrait4text:hover {
  270. bottom: 380px;
  271. }
  272.  
  273.  
  274.  
  275. h1 {
  276. font-size: 30px;
  277. color: #ffd0d0;
  278. line-height: 10px;
  279. font-family: 'Pacifico', cursive;
  280. letter-spacing: 0px;
  281. text-transform: lowercase;
  282. margin: 0px 0px 5px 0px;
  283. text-align: left;
  284. font-weight: lighter;
  285. font-style: italic;
  286. text-shadow: 1px 3px 0px #fbf8d2;
  287. }
  288.  
  289. h2 {
  290. font-size: 9px;
  291. color: #f4d893;
  292. line-height: 9px;
  293. font-family: georgia;
  294. letter-spacing: 2px;
  295. margin: 0px 0px 5px 0px;
  296. text-transform: ;
  297. text-align: center;
  298. font-weight: lighter;
  299. font-weight: bold;
  300. font-style: italic;
  301.  
  302. }
  303.  
  304. h3 {
  305. font-size: 25px;
  306. color: #c8f7ef;
  307. line-height: 20px;
  308. font-family: 'Lobster';
  309. margin: 0px 0px 5px 0px;
  310. letter-spacing: 0px;
  311. text-transform: lowercase;
  312. text-align: right;
  313. font-weight: bold;
  314. font-style: none;
  315. text-shadow: 2px 2px 0px #ffd0d0;
  316.  
  317. }
  318.  
  319.  
  320. h4 {
  321. font-family: 'arial black';
  322. font-size: 12px;
  323. margin: 5px 0px 5px 0px;
  324. letter-spacing: 1px;
  325. text-align: center;
  326. background-color: #f28282;
  327. color: #ffffff;
  328. text-transform: uppercase;
  329.  
  330. }
  331.  
  332.  
  333.  
  334. h5 {
  335. font-size: 23px;
  336. color: #ffd0d0;
  337. line-height: 10px;
  338. font-family: 'Arial Black' ;
  339. letter-spacing: -0px;
  340. text-transform: uppercase;
  341. margin: 5px 0px 0px 0px;
  342. text-align: center;
  343. font-weight: lighter;
  344. font-style: none;
  345.  
  346.  
  347. }
  348.  
  349. h6 {
  350. font-size: 9px;
  351. color: #f8d763;
  352. line-height: 9px;
  353. font-family: georgia;
  354. letter-spacing: 2px;
  355. margin: 0px 0px 0px 0px;
  356. text-transform: ;
  357. text-align: center;
  358. font-weight: lighter;
  359. font-weight: bold;
  360. font-style: italic;
  361.  
  362. }
  363.  
  364. h7 {
  365. font-size: 25px;
  366. color: #ffffff;
  367. line-height: 20px;
  368. font-family: 'pacifico';
  369. margin: 0px 0px 5px 0px;
  370. letter-spacing: 0px;
  371. text-transform: lowercase;
  372. text-align: right;
  373. font-weight: none;
  374. font-style: none;
  375.  
  376. }
  377.  
  378.  
  379. h8 {
  380. font-family: 'arial black';
  381. font-size: 14px;
  382. margin: 0px 0px 0px 0px;
  383. letter-spacing: 2px;
  384. text-align: center;
  385. background-color: #e22b52;
  386. color: #f8d763;
  387. text-transform: uppercase;
  388.  
  389. }
  390.  
  391.  
  392.  
  393. h9 {
  394. font-size: 15px;
  395. color: #edcf68;
  396. line-height: 20px;
  397. font-family: 'arial black';
  398. margin: 0px 0px 4px 0px;
  399. letter-spacing: 2px;
  400. text-transform: uppercase;
  401. text-align: center;
  402. font-weight: none;
  403. border-bottom: 1px solid #ffc3d0;
  404. font-style: none;
  405.  
  406. }
  407.  
  408. ::-webkit-scrollbar {
  409. width: 5px;
  410. height: 5px;
  411. padding-top: 15px;
  412. }
  413.  
  414. ::-webkit-scrollbar-track {
  415. background-color: #transparent;
  416. }
  417.  
  418. ::-webkit-scrollbar-thumb {
  419. height: 4px;
  420. width: 1px;
  421.  
  422. background-color: #fec3c3;
  423. }
  424.  
  425. ::-webkit-scrollbar-track-piece {
  426. height: 5px;
  427. width: 30px;
  428. }
  429.  
  430. ::-moz-selection, ::selection {
  431. background: #f095b0;
  432. color: #ffffff;
  433. }
  434.  
  435. ::selection {
  436. background: #f095b0;
  437. color: #ffffff;
  438. }
  439.  
  440. .lovely {
  441. position: fixed;
  442. left: 3px;
  443. bottom: 3px;
  444. }
  445.  
  446. .lovely a {
  447. display: inline-block;
  448. font-family: georgia;
  449. font-size: 15px;
  450. font-weight: bold;
  451. color: #f4a9c6;
  452. text-decoration: none;
  453. text-align: center;
  454. letter-spacing: -2px;
  455. line-height: 25px;
  456. text-transform: lowercase;
  457. margin-bottom: 2px;
  458. background-color: #transparent;
  459. border: solid 1px #d0d0d0;
  460. width: 35px;
  461. height: 25px;
  462. }
  463.  
  464. .lovely a:hover {
  465. color: #000;
  466. }
  467. </style>
  468.  
  469. <div class="portrait1">
  470. <img src="https://i.imgur.com/rPoIx5q.png">
  471. </div>
  472.  
  473.  
  474.  
  475.  
  476.  
  477. <div class="portrait1text">
  478. YOUR BASIC SHIT GOES HERE <br>
  479. <b>YOUR BASIC SHIT GOES HERE</b> <br>
  480. <i>YOUR BASIC SHIT GOES HERE</i> <br>
  481. <a>YOUR BASIC SHIT GOES HERE</a> <br>
  482. <u>YOUR BASIC SHIT GOES HERE</u> <br>
  483. <s>YOUR BASIC SHIT GOES HERE</s> <br>
  484. <big>YOUR BASIC SHIT GOES HERE</big> <br>
  485. <blockquote>YOUR BASIC SHIT GOES HERE</blockquote> <br>
  486. YOU GET WHAT I MEAN? PUT YOUR BASIC CHARACTER INFO HERE <br>
  487. ALL OF IT RIGHT HERE. <br>
  488. OR SOMETHING ELSE IF YOU REALLY ABOUT THAT LIFE. <br>
  489.  
  490. <h1>HEADER HEADER HEADER</h1>
  491. <h2>header header header</h2>
  492.  
  493.  
  494. </div>
  495.  
  496. <div class="portrait2text">
  497. <h1>HEADER 1</h1> <br>
  498. <h2>HEADER 2</h2> <br>
  499. <h3>HEADER 3</h3> <br>
  500. <h4>HEADER 4</h4> <br>
  501. <h5>HEADER 5</h5> <br>
  502. <h6>HEADER 6</h6> <br>
  503.  
  504.  
  505.  
  506. </div>
  507.  
  508.  
  509. <div class="portrait3text">
  510. Lorizzle ipsum dolizzle yo amizzle, consectetuer adipiscing elit. Nullam sapizzle yo mamma, sizzle dang, suscipizzle shiz, gravida vel, dope. My shizz yippiyo tortizzle. Owned erizzle. Sure izzle dolor yo mamma turpis tempizzle tempor. Maurizzle pellentesque funky fresh shut the shizzle up turpizzle. Shizzle my nizzle crocodizzle fo shizzle tortizzle. Pellentesque eleifend rhoncizzle uhuh ... yih!. In my shizz own yo' platea dictumst. Pimpin' shiz. Curabitur tellus urna, pretizzle pimpin', mattizzle daahng dawg, eleifend vitae, nunc. Owned suscipizzle. bow wow wow pot sizzle break yo neck, yall. <br> <br>
  511.  
  512. Lorizzle ipsum dolizzle yo amizzle, consectetuer adipiscing elit. Nullam sapizzle yo mamma, sizzle dang, suscipizzle shiz, gravida vel, dope. My shizz yippiyo tortizzle. Owned erizzle. Sure izzle dolor yo mamma turpis tempizzle tempor. Maurizzle pellentesque funky fresh shut the shizzle up turpizzle. Shizzle my nizzle crocodizzle fo shizzle tortizzle. Pellentesque eleifend rhoncizzle uhuh ... yih!. In my shizz own yo' platea dictumst. Pimpin' shiz. Curabitur tellus urna, pretizzle pimpin', mattizzle daahng dawg, eleifend vitae, nunc. Owned suscipizzle. bow wow wow pot sizzle break yo neck, yall. <br><br>
  513.  
  514. Uhuh ... yih! commodo boofron izzle mammasay mammasa mamma oo sa. Nullizzle congue. Vestibulum viverra laorizzle gangsta. Quisque away that's the shizzle purizzle eu leo volutpizzle condimentum. Suspendisse potenti. Fizzle shizzlin dizzle sem fizzle purizzle ass aliquam. Gangsta gravida tempizzle ante. In interdizzle its fo rizzle izzle sizzle. Quisque malesuada. Nam nizzle tellizzle nizzle diam mollis gangster. Nulla facilisi. Nullam gangsta quizzle break it down sizzle molestie pulvinizzle. Nullam owned dui hendrerit velizzle. Get down get down sempizzle metizzle sizzle break yo neck, yall. Etizzle dang mah nizzle non break it down. Maecenizzle rutrizzle hizzle purizzle.
  515. also into some real kinky shit on the highest of keys.
  516.  
  517.  
  518. </div>
  519.  
  520. </div>
  521.  
  522. <div class="portrait4text">
  523. <center>
  524. <a class="yoncelink" href="/">HOME</a> <br>
  525. <a class="yoncelink" href="/">MESSAGE</a> <br>
  526. <a class="yoncelink" href="/">COMMENT</a> <br>
  527. <a class="yoncelink" href="/">GALLERY</a>
  528. </center>
  529. </div>
  530.  
  531.  
  532.  
  533.  
  534.  
  535. </div>
  536.  
  537.  
  538. <div class="lovely">
  539. <a href="http://aniroleplay.com/277136">enix.</a>
  540. </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!