API tools faq
paste
Advertisement
noxfleur

formation.

noxfleur
Apr 15th, 2017
412
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.68 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. .clearfix {margin-top: -125px;}
  3. br {line-height:0px;}
  4. td td td br {line-height:auto;}
  5. table, tr, td {background-color:transparent !important;}
  6. table table {visibility:hidden;}
  7. table table table, table.blurbs td.text, span.orangetext15, #footerWarpper {display:none;}
  8. div table, table.blurbs, table.blurbs table {visibility:visible; display:table; _display:inline;}
  9. div div table div, div.clearfix a, input {display:none;}
  10. div.clearfix table div div, #footerWarpper {display:block;}
  11. </style>
  12.  
  13.  
  14. <link href="https://fonts.googleapis.com/css?family=Anton|Didact+Gothic|Pacifico" rel="stylesheet">
  15.  
  16. <style>
  17.  
  18.  
  19. body{
  20. background-image: url ('') ;
  21. background-repeat: no-repeat;
  22. background-position: bottom right;
  23. background-attachment: fixed;
  24. background-color:#e4e4e4;
  25. }
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32. body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
  33. body, td, li, p, div, textarea, li, p, br {
  34. font-family: arial;
  35. font-size: 8px;
  36. text-transform: uppercase;
  37. color: #c6c6c6;
  38. opacity: 1.0;
  39. text-transform: none;
  40. }
  41.  
  42. i {font: italic 8px;
  43. font-family: arial;
  44. text-transform: none;
  45. font-weight: italics;
  46. line-spacing: 4px;
  47. color: #ead5e0;
  48. text-transform: uppercase;
  49. font-weight: lighter;
  50. text-transform: none;
  51. }
  52.  
  53. b, strong {
  54. color: #ead5e0;
  55. font-family: arial;
  56. font-size: 8px;
  57. letter-spacing: px;
  58. text-transform: uppercase;
  59. text-decoration: none;
  60. font-weight: bold;
  61.  
  62. }
  63.  
  64. u {
  65. color: #ead5e0;
  66. font-family: calibri;
  67. font-size: 8px;
  68. text-transform: uppercase;
  69. letter-spacing: 1px;
  70. text-decoration: none;
  71. border-bottom: solid 1px #000000;
  72. }
  73.  
  74. big {
  75. font-family: arial;
  76. font-size: 12px;
  77. font-style: none;
  78. letter-spacing: 0px;
  79. color: #ead5e0;
  80. text-transform: uppercase;
  81. font-weight: lighter;
  82. text-transform: none;
  83. }
  84.  
  85. blockquote {
  86. color: #ead5e0;
  87. border-left: solid 5px #bfcaff;
  88. padding: 5px 5px 5px 5px;
  89. margin: 10px 10px 10px 10px;
  90. }
  91.  
  92. a.yoncelink:active, a.yoncelink:visited, a.yoncelink:link {
  93. display: inline-block;
  94. background-color: #ead5e0;
  95. width: 60px;
  96. height: 15px;
  97. font-family: arial;
  98. font-size: 8px;
  99. font-style: bold;
  100. color: #65c4f0;
  101. text-decoration: none;
  102. text-align: center;
  103. letter-spacing: 1px;
  104. line-height: 15px;
  105. margin-bottom: 2px;
  106. -webkit-transition: ease-in-out .5s all;
  107. }
  108.  
  109. a.yoncelink:hover {
  110. background-color: #65c4f0;
  111. color: ead5e0;
  112. }
  113.  
  114.  
  115. a {
  116. font-family: arial;
  117. font-size: 8px;
  118. text-transform: none;
  119. color: #ecc88b;
  120. font-weight: lighter;
  121. text-decoration: none;
  122. letter-spacing: 0px;
  123. -webkit-transition: all .4s ease-in-out;
  124. -moz-transition: all .4s ease-in-out;
  125. -o-transition: all .4s ease-in-out;
  126. }
  127.  
  128. a:hover {
  129. color: #83c8ee;
  130. }
  131.  
  132. .lovely {
  133. position: fixed;
  134. right: 3px;
  135. bottom: 3px;
  136. }
  137.  
  138. .lovely a {
  139. font-family: calibri;
  140. font-size: 9px;
  141. text-transform: uppercase;
  142. color: #a1a1a1;
  143. letter-spacing: 0px;
  144. text-decoration: none;
  145. -webkit-transition: all .5s ease-in-out;
  146. -moz-transition: .5s ease-in-out;
  147. }
  148.  
  149. .lovely a:hover {
  150. color: #000;
  151. }
  152.  
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  
  159. .lickmyass {
  160. z-index: 5;
  161. width: 100px;
  162. height: 100px;
  163. position: absolute;
  164. margin: auto;
  165. left: 0; right: 0; bottom: 0; top: 80;
  166. background-color: #transparent;
  167. border: solid 5px #f1f1f1;
  168. border-radius: 135px;
  169. position: fixed;
  170. overflow: auto;
  171. overflow-x: hidden;
  172. }
  173.  
  174. .lickmyass img {
  175. border-radius: 100px;
  176. }
  177. .portrait {
  178. z-index: 4;
  179. width: 500px;
  180. height: 230px;
  181. position: absolute;
  182. margin: auto;
  183. left: 0; right: 0; bottom: 150; top: 0;
  184. background-color: #transparent;
  185. overflow: auto;
  186. overflow-x: hidden;
  187. }
  188.  
  189. .kickmyass {
  190. z-index: 3;
  191. width: 500px;
  192. height: 175px;
  193. position: absolute;
  194. margin: auto;
  195. left: 0; right: 0; bottom: 0; top: 255;
  196. background-color: #f1f1f1;
  197. position: fixed;
  198. overflow: auto;
  199. overflow-x: hidden;
  200. }
  201.  
  202.  
  203. .links {
  204. z-index: 4;
  205. width: 60px;
  206. height: 200px;
  207. position: absolute;
  208. margin: auto;
  209. left: 0; right: 0; bottom: 0; top: 400;
  210. padding: 5px;
  211. background-color: #transparent;
  212. overflow: auto;
  213. overflow-x: hidden;
  214. }
  215.  
  216.  
  217. h1 {
  218. font-size: 23px;
  219. color: #b091a1;
  220. line-height: 10px;
  221. font-family: 'Arial Black' ;
  222. letter-spacing: -3px;
  223. text-transform: uppercase;
  224. margin: 1px 0px 0px 0px;
  225. text-align: center;
  226. font-weight: lighter;
  227. font-style: none;
  228.  
  229.  
  230. }
  231.  
  232. h2 {
  233. font-size: 9px;
  234. color: #f4d893;
  235. line-height: 9px;
  236. font-family: georgia;
  237. letter-spacing: 2px;
  238. margin: 0px 0px 5px 0px;
  239. text-transform: ;
  240. text-align: center;
  241. font-weight: lighter;
  242. font-weight: bold;
  243. font-style: italic;
  244.  
  245. }
  246.  
  247. h3 {
  248. font-size: 25px;
  249. color: #ffffff;
  250. line-height: 20px;
  251. font-family: 'pacifico';
  252. margin: 0px 0px 5px 0px;
  253. letter-spacing: 0px;
  254. text-transform: lowercase;
  255. text-align: right;
  256. font-weight: none;
  257. font-style: none;
  258.  
  259. }
  260.  
  261.  
  262. h4 {
  263. font-family: 'bebas neue';
  264. font-size: 14px;
  265. margin: 0px 0px 0px 0px;
  266. letter-spacing: 5px;
  267. text-align: center;
  268. background-color: #ecc88b;
  269. color: #ffffff;
  270. text-transform: uppercase;
  271.  
  272. }
  273.  
  274.  
  275.  
  276. h5 {
  277. font-size: 15px;
  278. color: #ffffff;
  279. line-height: 20px;
  280. font-family: 'arial black';
  281. margin: 0px 0px 4px 0px;
  282. letter-spacing: 2px;
  283. text-transform: uppercase;
  284. text-align: center;
  285. font-weight: none;
  286. border-bottom: 1px solid #f4d893;
  287. font-style: none;
  288.  
  289. }
  290.  
  291. ::-webkit-scrollbar {
  292. width: 1px;
  293. height: 10px;
  294. padding-top: 15px;
  295. }
  296.  
  297. ::-webkit-scrollbar-track {
  298. background-color: #transparent;
  299. }
  300.  
  301. ::-webkit-scrollbar-thumb {
  302. height: 10px;
  303. width: 1px;
  304. background-color: #afc5e6;
  305. }
  306.  
  307. ::-webkit-scrollbar-track-piece {
  308. height: 30px;
  309. width: 30px;
  310. }
  311.  
  312. ::-moz-selection, ::selection {
  313. background: #ead5e0;
  314. color: #ffffff;
  315. }
  316.  
  317. ::selection {
  318. background: #ead5e0;
  319. color: #ffffff;
  320. }
  321.  
  322.  
  323.  
  324. }
  325. </style>
  326.  
  327.  
  328.  
  329. <div class="kickmyass">
  330.  
  331. <fieldset style="width: 200px; height: 50px; float: left; overflow: auto; border: solid 0px #fff; text-align: justify;">
  332.  
  333. <h1>she dissin me</h1><br>
  334. <h4>this girl dissin</h4><br>
  335.  
  336. </fieldset>
  337.  
  338.  
  339.  
  340.  
  341. <fieldset style="width: 200px; height: 120px; float: left; margin-left: -215px; margin-top: 40px; overflow: auto; border: solid 0px #fff; text-align: justify;">
  342.  
  343.  
  344. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, risus vel ullamcorper tincidunt, leo odio porta dui, nec porta urna est iaculis arcu. Curabitur quis congue nunc. In convallis eros aliquet ante malesuada ultrices. Vivamus rutrum nunc purus, eu molestie metus varius sed. Cras sit amet massa porta, lacinia ipsum pulvinar, lobortis nibh. Etiam luctus tellus varius ligula rutrum efficitur. Proin bibendum ligula vel sem interdum elementum.
  345.  
  346. Pellentesque tempor mollis ante at imperdiet. Aliquam at nunc sed mi finibus pulvinar id nec odio. Sed volutpat justo a lorem viverra, id luctus nulla consequat. Donec dignissim, enim sed euismod rutrum, orci dolor ornare tortor, quis ornare sem augue pulvinar diam. Nam sed dignissim turpis. Quisque auctor felis justo, vitae feugiat lectus lobortis ac. Nam eget sagittis libero. In varius arcu sem, non eleifend orci blandit sit amet.
  347.  
  348. Ut ornare leo malesuada orci pellentesque, vitae cursus orci fringilla. Cras ex arcu, efficitur in maximus sed, lacinia sit amet.
  349. </fieldset>
  350.  
  351.  
  352. <fieldset style="width: 200px; height: 50px; float: right; overflow: auto; border: solid 0px #fff; text-align: justify;">
  353.  
  354. <h1>she dissin me</h1><br>
  355. <h4>this girl dissin</h4><br>
  356.  
  357. </fieldset>
  358.  
  359.  
  360. <fieldset style="width: 200px; height: 120px; float: right; margin-left: 215px; margin-top: -127px; overflow: auto; border: solid 0px #fff; text-align: justify;">
  361. this is normal <br>
  362. <b>this is bold </b> <br>
  363. <i>this is italic</i> <br>
  364. <a href="/">this is a link</a> <br>
  365. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, risus vel ullamcorper tincidunt, leo odio porta dui, nec porta urna est iaculis arcu. Curabitur quis congue nunc. In convallis eros aliquet ante malesuada ultrices. Vivamus rutrum nunc purus, eu molestie metus varius sed. Cras sit amet massa porta, lacinia ipsum pulvinar, lobortis nibh. Etiam luctus tellus varius ligula rutrum efficitur. Proin bibendum ligula vel sem interdum elementum.
  366.  
  367. Pellentesque tempor mollis ante at imperdiet. Aliquam at nunc sed mi finibus pulvinar id nec odio. Sed volutpat justo a lorem viverra, id luctus nulla consequat. Donec dignissim, enim sed euismod rutrum, orci dolor ornare tortor, quis ornare sem augue pulvinar diam. Nam sed dignissim turpis. Quisque auctor felis justo, vitae feugiat lectus lobortis ac. Nam eget sagittis libero. In varius arcu sem, non eleifend orci blandit sit amet.
  368.  
  369. Ut ornare leo malesuada orci pellentesque, vitae cursus orci fringilla. Cras ex arcu, efficitur in maximus sed, lacinia sit amet.
  370.  
  371. </fieldset>
  372.  
  373.  
  374. </div>
  375.  
  376. <div class="portrait">
  377. <img src="http://i.imgur.com/ZG99kY6.png"/>
  378. </div>
  379.  
  380.  
  381. <div class="lickmyass">
  382. <img src="http://i.imgur.com/bAncYFP.png"/>
  383. </div>
  384.  
  385. <div class="links">
  386.  
  387. <a class="yoncelink" href="/">I</a> <br>
  388. <a class="yoncelink" href="/">II</a> <br>
  389. <a class="yoncelink" href="/">III</a> <br>
  390. <a class="yoncelink" href="/">IV</a> <br>
  391. <a class="yoncelink" href="/">V</a> <br>
  392. <a class="yoncelink" href="/">VI</a> <br>
  393.  
  394. </div>
  395.  
  396. <div class="lovely">
  397.  
  398. <a class="lovely" href="http://aniroleplay.com/enixdirectory">C</a>
  399. </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!