API tools faq
paste
Advertisement
Disneyowe

Zawody

Disneyowe
Jun 19th, 2015
323
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.08 KB | None | 0 0
raw download clone embed print report
  1. <!--record-->
  2. <style type="text/css">
  3. .lolhov { width: 250px; height: 300px; background-image: url(http://i.imgur.com/3vkNhZL.png); border-radius: 100%; transition-duration: .2s; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; position: relative;}
  4. .lolhov:hover { width: 250px; height: 300px; border-radius: 0%; }
  5.  
  6. .lolhov1 { width: 250px; height: 300px; background-image: url(http://i.imgur.com/gFpu5bo.png); border-radius: 100%; transition-duration: .2s; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; position: relative;}
  7. .lolhov1:hover { width: 250px; height: 300px; border-radius: 0%; }
  8.  
  9. .lolhov2 { width: 250px; height: 300px; background-image: url(http://i.imgur.com/PRzMOeZ.png); border-radius: 100%; transition-duration: .2s; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; position: relative;}
  10. .lolhov2:hover { width: 250px; height: 300px; border-radius: 0%; }
  11.  
  12. .lolhov3 { width: 250px; height: 300px; background-image: url(http://i.imgur.com/B8dq9yh.png); border-radius: 100%; transition-duration: .2s; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; position: relative;}
  13. .lolhov3:hover { width: 250px; height: 300px; border-radius: 0%; }
  14.  
  15.  
  16. .innerhov { width: 230px; height: 280px; padding: 10px; background-color: #fff; opacity: 0; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; font-family: arial, sans-serif; font-size: 10px; color: #222; line-height: 100%; text-align: justify; }
  17. .innerhov:hover { width: 230px; height: 280px; padding: 10px; background-color: #fff; opacity: .9; font-family: arial, sans-serif; font-size: 10px; color: #222; line-height: 100%; text-align: justify;}
  18.  
  19. .lolhov .lolname1 { position: absolute; bottom: 45%; width: 250px; background-color: #9363a7; font-size: 10px; font-family: 'Unica One', sans-serif; text-align: center; padding-top: 5px; padding-bottom: 5px; color: #fff; text-transform: uppercase; font-weight: lighter; line-height: 100%; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
  20. .lolhov:hover .lolname1 { bottom: 0px; }
  21.  
  22. .lolhov1 .lolname2 { position: absolute; bottom: 45%; width: 250px; background-color: #516c9e; font-size: 10px; font-family: 'Unica One', sans-serif; text-align: center; padding-top: 5px; padding-bottom: 5px; color: #fff; text-transform: uppercase; font-weight: lighter; line-height: 100%; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
  23. .lolhov1:hover .lolname2 { bottom: 0px; }
  24.  
  25. .lolhov2 .lolname3 { position: absolute; bottom: 45%; width: 250px; background-color: #b54353; font-size: 10px; font-family: 'Unica One', sans-serif; text-align: center; padding-top: 5px; padding-bottom: 5px; color: #fff; text-transform: uppercase; font-weight: lighter; line-height: 100%; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
  26. .lolhov2:hover .lolname3 { bottom: 0px; }
  27.  
  28. .lolhov3 .lolname4 { position: absolute; bottom: 45%; width: 250px; background-color: #37852d; font-size: 10px; font-family: 'Unica One', sans-serif; text-align: center; padding-top: 5px; padding-bottom: 5px; color: #fff; text-transform: uppercase; font-weight: lighter; line-height: 100%; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
  29. .lolhov3:hover .lolname4 { bottom: 0px; }
  30.  
  31. .lollinething { width: 230px; background-color: #a2917e; font-size: 10px; font-family: 'Unica One', sans-serif; text-align: center; padding-top: 5px; padding-bottom: 5px; color: #fff; text-transform: uppercase; font-weight: lighter; line-height: 100%; display: inline-block; opacity: 9; }
  32. .lollinething .lolotherline { font-size: 10px; font-family: 'Unica One', sans-serif; text-align: center; color: #fff; text-transform: uppercase; font-weight: lighter; line-height: 100%; display: inline-block; opacity: 0; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s;}
  33. .lollinething:hover { color: transparent; }
  34. .lollinething:hover .lolotherline { opacity: 9; margin-left: -70px;}
  35. .lolscrollll::-webkit-scrollbar { width: 5px; height: 5px; }
  36. .lolscrollll::-webkit-scrollbar-track { background-color: #fff; }
  37. .lolscrollll::-webkit-scrollbar-thumb { background-color: #a2917e; }
  38. </style>
  39. <link href='http://fonts.googleapis.com/css?family=Unica+One' rel='stylesheet' type='text/css'>
  40.  
  41. <center>
  42. <table cellpadding="0" cellspacing="1">
  43. <tr>
  44. <td>
  45. <div style="width: 250px; padding: 20px; background-color: #431659;"><div class="lolhov"><div class="innerhov">
  46. <div class="lollinething">
  47.  
  48. ## grupa użytkownik
  49.  
  50. <div class="lolotherline">
  51.  
  52. ostateczna decyzja
  53.  
  54. </div></div><div style="width: 230px; height: 220px; margin-top: 10px; padding-right: 5px; overflow: auto;" class="lolscrollll">
  55.  
  56. <center><b>Administration Department</b></center>
  57. <br><b>zawód/b>:
  58. <br><b>zawód</b>:
  59. <br><b>zawód</b>:
  60. <br><b>zawód</b>:<br>
  61. <br><center><b>Police Department</b></center>
  62. <br> <b>zawód</b>: <a href="link">imię i nazwisko postaci</a>, <a href="link">imię i nazwisko postaci</a>
  63. <br> <b>zawód</b>: <a href="link">imię i nazwisko</a>
  64. <br><b>liczba stanowisk/b>:
  65. <br><b>zawód(26)</b>:
  66. <br> <b>zawód</b>: <a href="link"> Dante Reverdy</a>, <a href="link">imię i nazwisko</a>, <a href="link">Mia Townsend</a>
  67. <br> <b>zawód</b>: <a href="link">Jeremy Soul</a>
  68.  
  69. </div></div>
  70.  
  71. <div class="lolname1"> Biznes & Polityka</div>
  72.  
  73. </div></div>
  74. </td>
  75.  
  76.  
  77.  
  78.  
  79.  
  80. <td>
  81. <div style="width: 250px; padding: 20px; background-color: #112b5b;"><div class="lolhov1"><div class="innerhov">
  82. <div class="lollinething">
  83.  
  84. ## | grupa użytkownik
  85.  
  86. <div class="lolotherline">
  87.  
  88. ostateczna decyzja
  89.  
  90. </div></div><div style="width: 230px; height: 220px; margin-top: 10px; padding-right: 5px; overflow: auto;" class="lolscrollll">
  91.  
  92. <center><b>Administration Department</b></center>
  93. <br><b>zawód/b>:
  94. <br><b>zawód</b>:
  95. <br><b>zawód</b>:
  96. <br><b>zawód</b>:<br>
  97. <br><center><b>Police Department</b></center>
  98. <br> <b>zawód</b>: <a href="link">imię i nazwisko postaci</a>, <a href="link">imię i nazwisko postaci</a>
  99. <br> <b>zawód</b>: <a href="link">imię i nazwisko</a>
  100. <br><b>liczba stanowisk/b>:
  101. <br><b>zawód(26)</b>:
  102. <br> <b>zawód</b>: <a href="link"> Dante Reverdy</a>, <a href="link">imię i nazwisko</a>, <a href="link">Mia Townsend</a>
  103. <br> <b>zawód</b>: <a href="link">Jeremy Soul</a>
  104. </div></div>
  105.  
  106. <div class="lolname2"> Kluby, bary, hotele </div>
  107.  
  108. </div></div>
  109. </td>
  110. </tr>
  111.  
  112.  
  113. <tr>
  114. <td>
  115. <div style="width: 250px; padding: 20px; background-color: #750010;"><div class="lolhov2"><div class="innerhov">
  116. <div class="lollinething">
  117.  
  118. ## | grupa użytkownik
  119.  
  120. <div class="lolotherline">
  121.  
  122. ostateczna decyzja
  123.  
  124. </div></div><div style="width: 230px; height: 220px; margin-top: 10px; padding-right: 5px; overflow: auto;" class="lolscrollll">
  125.  
  126. <center><b>Administration Department</b></center>
  127. <br><b>zawód/b>:
  128. <br><b>zawód</b>:
  129. <br><b>zawód</b>:
  130. <br><b>zawód</b>:<br>
  131. <br><center><b>Police Department</b></center>
  132. <br> <b>zawód</b>: <a href="link">imię i nazwisko postaci</a>, <a href="link">imię i nazwisko postaci</a>
  133. <br> <b>zawód</b>: <a href="link">imię i nazwisko</a>
  134. <br><b>liczba stanowisk/b>:
  135. <br><b>zawód(26)</b>:
  136. <br> <b>zawód</b>: <a href="link"> Dante Reverdy</a>, <a href="link">imię i nazwisko</a>, <a href="link">Mia Townsend</a>
  137. <br> <b>zawód</b>: <a href="link">Jeremy Soul</a>
  138.  
  139. </div></div>
  140.  
  141. <div class="lolname3"> Kryminaliści </div>
  142.  
  143. </div></div>
  144. </td>
  145.  
  146.  
  147.  
  148.  
  149. <td>
  150. <div style="width: 250px; padding: 20px; background-color: #1a5d19;"><div class="lolhov3"><div class="innerhov">
  151. <div class="lollinething">
  152.  
  153. ## | grupa użytkownik
  154.  
  155. <div class="lolotherline">
  156.  
  157. ostaeczna decyzja
  158.  
  159. </div></div><div style="width: 230px; height: 220px; margin-top: 10px; padding-right: 5px; overflow: auto;" class="lolscrollll">
  160.  
  161.  
  162. <center><b>Administration Department</b></center>
  163. <br><b>zawód/b>:
  164. <br><b>zawód</b>:
  165. <br><b>zawód</b>:
  166. <br><b>zawód</b>:<br>
  167. <br><center><b>Police Department</b></center>
  168. <br> <b>zawód</b>: <a href="link">imię i nazwisko postaci</a>, <a href="link">imię i nazwisko postaci</a>
  169. <br> <b>zawód</b>: <a href="link">imię i nazwisko</a>
  170. <br><b>liczba stanowisk/b>:
  171. <br><b>zawód(26)</b>:
  172. <br> <b>zawód</b>: <a href="link"> Dante Reverdy</a>, <a href="link">imię i nazwisko</a>, <a href="link">Mia Townsend</a>
  173. <br> <b>zawód</b>: <a href="link">Jeremy Soul</a>
  174.  
  175. </div></div>
  176.  
  177. <div class="lolname4"> pozostali</div>
  178.  
  179. </div></div>
  180. </td>
  181. </tr>
  182.  
  183.  
  184. </table>
  185.  
  186. </center>
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!