cyberweb 0.4.174 → 0.5.225

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of cyberweb might be problematic. Click here for more details.

Files changed (625) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1782 -405
  3. data/bin/cyberweb_sanitize +10 -0
  4. data/bin/download_webpage +7 -0
  5. data/bin/html_to_cyberweb_converter +7 -0
  6. data/cyberweb.gemspec +25 -25
  7. data/doc/README.gen +1745 -383
  8. data/doc/USAGE.md +16 -16
  9. data/doc/{AUTHORS.md → authors.md} +0 -0
  10. data/doc/configuration/configuration.md +3 -1
  11. data/doc/deprecations.md +13 -7
  12. data/doc/{DOCUMENTATION_FOR_CYBERSPRAWL.md → documentation_for_cybersprawl.md} +7 -4
  13. data/doc/future_design_goals.md +33 -0
  14. data/doc/html_characters.md +7 -7
  15. data/doc/{JQUERY.md → jquery/jquery.md} +20 -12
  16. data/doc/{MOUSE.md → mouse.md} +1 -9
  17. data/doc/{RENDER_WEB_BASE.md → render_web_base.md} +11 -4
  18. data/doc/todo/todo_for_the_cyberweb_project.md +791 -0
  19. data/examples/advanced/animated_css_example/animated_css_example.html +47 -0
  20. data/examples/advanced/animated_submarine/animated_submarine.html +511 -0
  21. data/examples/advanced/animated_windmill/animated_windmill.html +468 -0
  22. data/examples/advanced/delayed_update_of_the_body_via_javascript.cgi +8 -5
  23. data/examples/advanced/draw_circle/draw_circle.cgi +36 -0
  24. data/examples/advanced/drop_shadow_examples.cgi +37 -0
  25. data/examples/advanced/games/snake/food.png +0 -0
  26. data/examples/advanced/games/snake/ground.png +0 -0
  27. data/examples/advanced/games/snake/snake.cgi +28 -0
  28. data/examples/advanced/games/tetris/tetris.cgi +7 -0
  29. data/examples/advanced/games/tetris/tetris.rb +17 -0
  30. data/examples/advanced/games/tetris/tetris.sinatra +58 -0
  31. data/examples/advanced/games/tic-tac-toe/tic-tac-toe.cgi +123 -0
  32. data/examples/advanced/get_some_coffee/get_some_coffee.html +293 -0
  33. data/examples/advanced/glow_on_hover_example/glow_on_hover_example.cgi +27 -0
  34. data/examples/advanced/hybrid_experiment.cgi +34 -12
  35. data/examples/advanced/images/global_css_rules_for_the_images.cgi +32 -0
  36. data/examples/advanced/larger_image_on_mouse_over_example.cgi +2 -2
  37. data/examples/advanced/no_right_click.cgi +4 -3
  38. data/examples/advanced/{objectified_html_tags.cgi → objectified_html_tags/objectified_html_tags.cgi} +12 -3
  39. data/examples/advanced/objectified_html_tags/testing_objectified_html_tags_with_the_webobject.cgi +28 -0
  40. data/examples/advanced/random_glow_effects.cgi +34 -0
  41. data/examples/advanced/select_everything_example/select_everything_example.cgi +25 -0
  42. data/examples/advanced/simple_calculator.cgi +13 -21
  43. data/examples/advanced/simple_form_example.cgi +11 -11
  44. data/examples/advanced/traffic_light/traffic_light.html +163 -0
  45. data/examples/advanced/weather_animation/weather_animation.html +560 -0
  46. data/examples/css/animated_3D_cube_example/animated_3D_cube_example.html +265 -0
  47. data/examples/css/animated_bird_example/animated_bird_example.html +207 -0
  48. data/examples/css/animated_desk_example/animated_desk_example.html +120 -0
  49. data/examples/css/animated_dog_example/animated_dog_example.html +432 -0
  50. data/examples/css/animated_submit_button.html +190 -0
  51. data/examples/css/animated_text_colour_change/animated_text_colour_change.html +41 -0
  52. data/examples/css/blue_border.html +3 -1
  53. data/examples/css/border_image_example/border_image_example.html +40 -0
  54. data/examples/css/box_shadow/box_shadow_example.html +18 -0
  55. data/examples/css/christmas_snow_globe_animation.html +596 -0
  56. data/examples/css/css_border_spacing_example.html +5 -5
  57. data/examples/css/css_bubbles.html +3 -1
  58. data/examples/css/css_checkboxes_example/css_checkboxes_example.html +110 -0
  59. data/examples/css/css_drag_and_drop.html +1 -5
  60. data/examples/css/css_grid_feline_style/css_grid_feline_style.html +161 -0
  61. data/examples/css/css_neon_glow_effects.html +1 -1
  62. data/examples/css/css_rotate_these_words.html +83 -0
  63. data/examples/css/css_text_decoration_example.html +7 -7
  64. data/examples/css/css_thermometer/css_thermometer.html +91 -0
  65. data/examples/css/{css_tooltip.html → css_tooltip/css_tooltip.html} +8 -6
  66. data/examples/css/css_typewriter_example/css_typewriter_example.html +226 -0
  67. data/examples/css/cyberweb_animated_logo/cyberweb_animated_logo.html +179 -0
  68. data/examples/css/daily_coffee/daily_coffee.html +1110 -0
  69. data/examples/css/different_colour_on_selected_text/different_colour_on_selected_text.html +31 -0
  70. data/examples/css/differentially_glowing_text_example/differentially_glowing_text_example.html +82 -0
  71. data/examples/css/fade_in_and_fade_out_effect.html +2 -2
  72. data/examples/css/flying_birds_example/flying_birds_example.html +171 -0
  73. data/examples/css/folding_cards_example/folding_cards_example.html +624 -0
  74. data/examples/css/font_size_examples.html +7 -5
  75. data/examples/css/glowing_on_hover_animation/glowing_on_hover_animation.html +90 -0
  76. data/examples/css/grow_example.html +31 -0
  77. data/examples/css/happy_toaster_example/happy_toaster_example.html +830 -0
  78. data/examples/css/landing_on_mars_animation/landing_on_mars_animation.html +374 -0
  79. data/examples/css/letter_spacing_example.cgi +18 -14
  80. data/examples/css/lighthouse_example/lighthouse_example.html +1161 -0
  81. data/examples/css/{meter_example.html → meter_example/meter_example.html} +0 -0
  82. data/examples/css/motorcycle_on_the_go/motorcycle_on_the_go.html +227 -0
  83. data/examples/css/on_hover_glow_effect/on_hover_glow_effect.html +50 -0
  84. data/examples/css/on_mouse_button_pressed.html +6 -4
  85. data/examples/css/our_solar_system/our_solar_system.html +441 -0
  86. data/examples/css/outline/outline_versus_border_example.html +57 -0
  87. data/examples/css/polaroid_card_effect_example/polaroid_card_effect_example.html +130 -0
  88. data/examples/css/responsive_image_gallery/responsive_image_gallery.html +97 -0
  89. data/examples/css/rotating_DNA/rotating_DNA.html +626 -0
  90. data/examples/css/rotating_sphere_example/rotating_sphere_example.html +112 -0
  91. data/examples/css/scale_example.html +4 -5
  92. data/examples/css/shadow_example_in_CSS/shadow_example_in_CSS.cgi +62 -0
  93. data/examples/css/shaking_shapes_example.html +133 -0
  94. data/examples/css/simple_stars_example/simple_stars_example.html +27 -0
  95. data/examples/css/slide_checkbox_example/slide_checkbox_example.html +564 -0
  96. data/examples/css/speak_bubble_quote_example/speak_bubble_quote_example.html +109 -0
  97. data/examples/css/speedy_truck_example/speedy_truck_example.html +168 -0
  98. data/examples/css/{sticky_div_example.html → sticky_div_example/sticky_div_example.html} +0 -0
  99. data/examples/css/stitched_div.html +9 -0
  100. data/examples/css/sun_and_clouds_animation/sun_and_clouds_animation.html +292 -0
  101. data/examples/css/talking_candles_example/talking_candles_example.html +550 -0
  102. data/examples/css/text_decoration_underline_example/text_decoration_underline_example.html +62 -0
  103. data/examples/css/this_is_a_cat/this_is_a_cat.html +219 -0
  104. data/examples/css/three_dots_indicating_page_loading.html +65 -0
  105. data/examples/css/user_select_example/user_select_example.html +24 -0
  106. data/examples/css/walking_cat/walking_cat.html +128 -0
  107. data/examples/css/water_wave_text_animation_effect/water_wave_text_animation_effect.html +86 -0
  108. data/examples/csv/README.md +2 -1
  109. data/examples/flip_card_example/flip_card_example.html +10 -3
  110. data/examples/games/README.md +3 -0
  111. data/examples/games/snake/images/food.png +0 -0
  112. data/examples/games/snake/images/ground.png +0 -0
  113. data/examples/games/snake/snake.html +16 -0
  114. data/examples/games/snake/snake.js +117 -0
  115. data/examples/games/tetris/smaller_tetris_game.html +518 -0
  116. data/examples/games/tetris/tetris.html +461 -0
  117. data/examples/games/tic-tac-toe/index.js +125 -0
  118. data/examples/games/tic-tac-toe/style.css +79 -0
  119. data/examples/games/tic-tac-toe/tic-tac-toe.html +39 -0
  120. data/examples/html/MathML/001_show_a_simple_quadratic_equation.html +22 -0
  121. data/examples/html/MathML/002_simple_equation.html +7 -0
  122. data/examples/html/MathML/003_function_of_example.html +17 -0
  123. data/examples/html/MathML/README.md +2 -0
  124. data/examples/html/abbr_example.html +2 -5
  125. data/examples/html/accordion/README.md +1 -0
  126. data/examples/html/accordion/accordion.html +56 -0
  127. data/examples/html/base64_image_example.html +8 -5
  128. data/examples/html/buttons_example.html +133 -0
  129. data/examples/html/canvas_drawing_example.html +54 -0
  130. data/examples/html/colour_wheel.html +441 -442
  131. data/examples/html/column_width_example.html +2 -2
  132. data/examples/html/custom_cursor.html +8 -5
  133. data/examples/html/cyberweb_logo/README.md +2 -0
  134. data/examples/html/cyberweb_logo/cyberweb_logo.html +11 -0
  135. data/examples/html/draggable_paragraph.html +1 -2
  136. data/examples/html/email_popup_example/email_popup_example.html +175 -0
  137. data/examples/html/fieldset_example.html +3 -1
  138. data/examples/html/font_examples/README.md +1 -0
  139. data/examples/html/font_examples/chancery_text.html +19 -0
  140. data/examples/html/font_examples/fantasy_text.html +19 -0
  141. data/examples/html/font_examples/georgia_text.html +19 -0
  142. data/examples/html/font_size_example/font_size_example.html +85 -0
  143. data/examples/html/glyph_example.html +0 -1
  144. data/examples/html/grayscale_filter_example/grayscale_filter_example.html +15 -0
  145. data/examples/html/html_links_example.html +61 -0
  146. data/examples/html/html_slider/html_slider.html +39 -0
  147. data/examples/html/input_autofocus_example.html +11 -7
  148. data/examples/html/input_placeholder_example.html +15 -0
  149. data/examples/html/larger_image_on_mouse_over_example.html +1 -1
  150. data/examples/html/ordered_and_unordered_bulletsin.html +4 -2
  151. data/examples/html/play_video_example.html +3 -2
  152. data/examples/html/remote_image_example.html +8 -2
  153. data/examples/html/select_everything_on_mouse_click_event.html +38 -0
  154. data/examples/html/selected_text_appears_in_another_colour_example.html +34 -0
  155. data/examples/html/send_email_hyperlink/send_email_hyperlink.html +8 -0
  156. data/examples/html/simple_unordered_list.html +3 -0
  157. data/examples/html/spinner_example/spinner.html +79 -0
  158. data/examples/html/table_with_header_example.html +26 -13
  159. data/examples/html/test_mkv_codec/test_mkv_codec.html +11 -0
  160. data/examples/html/two_columns_flex_example.html +4 -1
  161. data/examples/{javascript → javascript_and_jquery}/README.md +0 -0
  162. data/examples/{javascript → javascript_and_jquery}/arrays/arrays_example_in_javascript.html +0 -0
  163. data/examples/javascript_and_jquery/autocomplete_on_an_input_field/autocomplete_on_an_input_field.html +295 -0
  164. data/examples/javascript_and_jquery/change_the_background_colour_dynamically/change_the_background_colour_dynamically.html +41 -0
  165. data/examples/{javascript → javascript_and_jquery}/delay_example/delay_example.html +0 -0
  166. data/examples/{javascript → javascript_and_jquery}/drag_support/drag_support.html +0 -0
  167. data/examples/javascript_and_jquery/jquery_bubbling_header/bubbling_header.html +109 -0
  168. data/examples/{javascript → javascript_and_jquery}/jquery_drag_and_drop/drag_and_drop_image_example.html +0 -0
  169. data/examples/javascript_and_jquery/jquery_showcase/README.md +6 -0
  170. data/examples/javascript_and_jquery/jquery_showcase/jquery_001.cgi +23 -0
  171. data/examples/javascript_and_jquery/jquery_showcase/jquery_002.cgi +34 -0
  172. data/examples/javascript_and_jquery/jquery_showcase/jquery_003.cgi +24 -0
  173. data/examples/javascript_and_jquery/jquery_showcase/jquery_004.cgi +34 -0
  174. data/examples/javascript_and_jquery/on_change_event/on_change_event.html +29 -0
  175. data/examples/javascript_and_jquery/on_click_colour_change/on_click_colour_change.html +31 -0
  176. data/examples/javascript_and_jquery/on_click_display_random_number/on_click_display_random_number.html +43 -0
  177. data/examples/{javascript → javascript_and_jquery}/on_click_event_hello_world/on_click_event_hello_world.html +0 -0
  178. data/examples/javascript_and_jquery/on_mouse_wheel_event/on_mouse_wheel_event.html +37 -0
  179. data/examples/javascript_and_jquery/read_the_content_of_a_local_file/read_the_content_of_a_local_file.html +35 -0
  180. data/examples/{javascript → javascript_and_jquery}/rgb_to_hex/rgb_to_hex.html +0 -0
  181. data/examples/{javascript → javascript_and_jquery}/screen_resolution/screen_resolution.html +2 -1
  182. data/examples/{javascript → javascript_and_jquery}/select_everything/select_everything.html +1 -1
  183. data/examples/javascript_and_jquery/vue/README.md +1 -0
  184. data/examples/javascript_and_jquery/vue/showcasing_vue.html +80 -0
  185. data/examples/{javascript → javascript_and_jquery}/write_into_a_file/write_into_a_file.html +0 -0
  186. data/examples/rack/example_with_html_template.rb +5 -4
  187. data/examples/rack/example_with_rack_and_cyberweb_showing_how_to_use_images.rb +3 -2
  188. data/examples/rack/hello_world_example_with_rack.rb +3 -2
  189. data/examples/rack/lobster.rb +7 -5
  190. data/examples/rack/rack_env.rb +3 -3
  191. data/examples/{show_greek_letters.rb → show_greek_letters/show_greek_letters.rb} +0 -0
  192. data/examples/simple/input_example_with_coloured_focus.cgi +32 -0
  193. data/examples/simple/input_type_examples.cgi +51 -0
  194. data/examples/simple/on_click_event_hello_world.cgi +5 -5
  195. data/examples/simple/rotate_these_words.cgi +90 -0
  196. data/examples/{example1.rb → simple/show_how_to_set_a_title.rb} +0 -0
  197. data/examples/simple/simple_gradient.cgi +57 -0
  198. data/images/cyberweb_favicon.png +0 -0
  199. data/images/cyberweb_logo.png +0 -0
  200. data/images/cyberweb_theme.png +0 -0
  201. data/lib/cyberweb/REST/README.md +7 -0
  202. data/lib/cyberweb/REST/base/accept_entry.rb +94 -0
  203. data/lib/cyberweb/REST/base/application.rb +37 -0
  204. data/lib/cyberweb/REST/base/bad_request.rb +10 -0
  205. data/lib/cyberweb/REST/base/base.rb +1131 -0
  206. data/lib/cyberweb/REST/base/common_logger.rb +35 -0
  207. data/lib/cyberweb/REST/base/delegator.rb +75 -0
  208. data/lib/cyberweb/REST/base/error.rb +8 -0
  209. data/lib/cyberweb/REST/base/extended_rack.rb +66 -0
  210. data/lib/cyberweb/REST/base/helpers/helpers.rb +473 -0
  211. data/lib/cyberweb/REST/base/helpers/stream.rb +75 -0
  212. data/lib/cyberweb/REST/base/mime_type_entry.rb +67 -0
  213. data/lib/cyberweb/{constants/file_constants.rb → REST/base/not_found.rb} +10 -5
  214. data/lib/cyberweb/REST/base/request.rb +145 -0
  215. data/lib/cyberweb/REST/base/response.rb +94 -0
  216. data/lib/cyberweb/REST/base/templates/templates.rb +208 -0
  217. data/lib/cyberweb/REST/base/wrapper.rb +28 -0
  218. data/lib/cyberweb/{constants/nl.rb → REST/constants.rb} +8 -9
  219. data/lib/cyberweb/REST/main.rb +109 -0
  220. data/lib/cyberweb/REST/show_exceptions.rb +396 -0
  221. data/lib/cyberweb/and_sinatra_base.rb +0 -0
  222. data/lib/cyberweb/autoinclude.rb +0 -0
  223. data/lib/cyberweb/autoinclude_webobject.rb +0 -0
  224. data/lib/cyberweb/base/base.rb +9 -2
  225. data/lib/cyberweb/base/colours.rb +8 -6
  226. data/lib/cyberweb/base/constants.rb +8 -0
  227. data/lib/cyberweb/base/misc.rb +140 -53
  228. data/lib/cyberweb/base/save_file.rb +3 -0
  229. data/lib/cyberweb/base_module/base_module.rb +79 -0
  230. data/lib/cyberweb/cascading_style_sheets/admonition.css +0 -0
  231. data/lib/cyberweb/cascading_style_sheets/balloon.css +0 -0
  232. data/lib/cyberweb/cascading_style_sheets/border.css +107 -41
  233. data/lib/cyberweb/cascading_style_sheets/code.css +0 -0
  234. data/lib/cyberweb/cascading_style_sheets/colours.css +46 -23
  235. data/lib/cyberweb/cascading_style_sheets/css_reset.css +59 -0
  236. data/lib/cyberweb/cascading_style_sheets/cursors.css +14 -0
  237. data/lib/cyberweb/cascading_style_sheets/custom/animated_bike.css +199 -0
  238. data/lib/cyberweb/cascading_style_sheets/default.css +171 -136
  239. data/lib/cyberweb/cascading_style_sheets/div.css +18 -4
  240. data/lib/cyberweb/cascading_style_sheets/drop_shadow.css +154 -0
  241. data/lib/cyberweb/cascading_style_sheets/error_404_css_class.css +26 -0
  242. data/lib/cyberweb/cascading_style_sheets/fonts.css +60 -39
  243. data/lib/cyberweb/cascading_style_sheets/glow_effects.css +69 -0
  244. data/lib/cyberweb/cascading_style_sheets/gradient_effects.css +5 -0
  245. data/lib/cyberweb/cascading_style_sheets/hover.css +4212 -0
  246. data/lib/cyberweb/cascading_style_sheets/links.css +8 -8
  247. data/lib/cyberweb/cascading_style_sheets/margin.css +195 -178
  248. data/lib/cyberweb/cascading_style_sheets/menu.css +0 -0
  249. data/lib/cyberweb/cascading_style_sheets/message_boxes.css +0 -0
  250. data/lib/cyberweb/cascading_style_sheets/misc.css +51 -11
  251. data/lib/cyberweb/cascading_style_sheets/popup.css +0 -0
  252. data/lib/cyberweb/cascading_style_sheets/rpg.css +0 -0
  253. data/lib/cyberweb/cascading_style_sheets/ruby_regexes.css +12 -0
  254. data/lib/cyberweb/cascading_style_sheets/shapes.css +59 -0
  255. data/lib/cyberweb/cascading_style_sheets/template2.css +0 -0
  256. data/lib/cyberweb/cascading_style_sheets/text_shadow.css +21 -0
  257. data/lib/cyberweb/cascading_style_sheets/tooltip.css +0 -0
  258. data/lib/cyberweb/cgi/constants.rb +1 -2
  259. data/lib/cyberweb/cgi/exceptions.rb +1 -1
  260. data/lib/cyberweb/coloured_tags/coloured_tags.rb +1 -1
  261. data/lib/cyberweb/colours/colour_chart.rb +10 -56
  262. data/lib/cyberweb/colours/colours.rb +149 -4
  263. data/lib/cyberweb/commandline/commandline_interface.rb +13 -8
  264. data/lib/cyberweb/configuration/load_the_configuration_file.rb +1 -1
  265. data/lib/cyberweb/constants/constants.rb +592 -2
  266. data/lib/cyberweb/controller/{webobject_controller.rb → controller.rb} +1 -1
  267. data/lib/cyberweb/css_manager/css_manager.rb +237 -0
  268. data/lib/cyberweb/databases/sqlite.rb +56 -0
  269. data/lib/cyberweb/debug/debug.rb +1 -1
  270. data/lib/cyberweb/encoding/encoding.rb +11 -0
  271. data/lib/cyberweb/erb/test.rhtml +0 -0
  272. data/lib/cyberweb/erb/test_template.erb +0 -0
  273. data/lib/cyberweb/evaluate_from_the_same_named_file_then_serve.rb +1 -1
  274. data/lib/cyberweb/favicon/favicon.rb +8 -7
  275. data/lib/cyberweb/forum/README.md +4 -0
  276. data/lib/cyberweb/foto_gallery/foto_gallery.rb +158 -0
  277. data/lib/cyberweb/generator/README.md +2 -2
  278. data/lib/cyberweb/generator/cgi.rb +22 -9
  279. data/lib/cyberweb/generator/static_webpage.rb +22 -12
  280. data/lib/cyberweb/html_tags/README.md +3 -3
  281. data/lib/cyberweb/html_tags/button.rb +10 -2
  282. data/lib/cyberweb/html_tags/h2.rb +6 -4
  283. data/lib/cyberweb/html_tags/html_tags.rb +17 -1
  284. data/lib/cyberweb/html_tags/input.rb +10 -5
  285. data/lib/cyberweb/html_tags/legend.rb +1 -1
  286. data/lib/cyberweb/html_tags/span.rb +10 -2
  287. data/lib/cyberweb/html_tags/table.rb +30 -19
  288. data/lib/cyberweb/html_template/html_template.rb +248 -85
  289. data/lib/cyberweb/images/embed_this_image.rb +3 -1
  290. data/lib/cyberweb/images/images.rb +2 -2
  291. data/lib/cyberweb/images/is_image.rb +2 -1
  292. data/lib/cyberweb/images/path_to_images.rb +2 -1
  293. data/lib/cyberweb/images/remove_this_substring_from_all_images.rb +1 -1
  294. data/lib/cyberweb/images/standalone_drag_and_drop_this_image.rb +3 -3
  295. data/lib/cyberweb/images/string_image.rb +6 -3
  296. data/lib/cyberweb/images_base64_encoded/404_ERROR.png.md +1 -0
  297. data/lib/cyberweb/images_base64_encoded/AUSRUFUNGSZEICHEN.png.md +0 -0
  298. data/lib/cyberweb/images_base64_encoded/BLUEARROW.png.md +0 -0
  299. data/lib/cyberweb/images_base64_encoded/BUBBLE.png.md +0 -0
  300. data/lib/cyberweb/images_base64_encoded/CAT.png.md +0 -0
  301. data/lib/cyberweb/images_base64_encoded/CAUTION.png.md +0 -0
  302. data/lib/cyberweb/images_base64_encoded/CHEERING_PERSON.png.md +0 -0
  303. data/lib/cyberweb/images_base64_encoded/CURSOR.png.md +0 -0
  304. data/lib/cyberweb/images_base64_encoded/DOT_01.png.md +0 -0
  305. data/lib/cyberweb/images_base64_encoded/DUCKY.png.md +0 -0
  306. data/lib/cyberweb/images_base64_encoded/ELEPHANT.png.md +0 -0
  307. data/lib/cyberweb/images_base64_encoded/HALLOWEEN.png.md +0 -0
  308. data/lib/cyberweb/images_base64_encoded/HANGING_MONKEY.png.md +0 -0
  309. data/lib/cyberweb/images_base64_encoded/LENS.png.md +0 -0
  310. data/lib/cyberweb/images_base64_encoded/README.md +0 -0
  311. data/lib/cyberweb/images_base64_encoded/SIX_SIDED_DICE.png.md +1 -0
  312. data/lib/cyberweb/images_base64_encoded/TU_WIEN_LOGO.png.md +0 -0
  313. data/lib/cyberweb/images_base64_encoded/VOGEL.png.md +0 -0
  314. data/lib/cyberweb/javascript/drag_and_drop.rb +17 -14
  315. data/lib/cyberweb/javascript/javascript.rb +79 -34
  316. data/lib/cyberweb/javascript/javascript_clock.rb +50 -14
  317. data/lib/cyberweb/javascript/javascript_helper/javascript_helper.rb +59 -0
  318. data/lib/cyberweb/javascript/jquery.rb +9 -5
  319. data/lib/cyberweb/javascript/on_click_change_opacity.rb +5 -1
  320. data/lib/cyberweb/javascript/on_click_hide.rb +2 -0
  321. data/lib/cyberweb/javascript/popup.rb +5 -2
  322. data/lib/cyberweb/javascript/resize.rb +4 -1
  323. data/lib/cyberweb/javascript_code/README.md +1 -1
  324. data/lib/cyberweb/javascript_code/custom_functions.js +51 -25
  325. data/lib/cyberweb/javascript_code/disable_right_click.js +5 -0
  326. data/lib/cyberweb/javascript_code/games/snake.js +113 -0
  327. data/lib/cyberweb/javascript_code/games/tetris.js +491 -0
  328. data/lib/cyberweb/javascript_code/games/tic-tac-toe.js +125 -0
  329. data/lib/cyberweb/javascript_code/html_colours.js +161 -0
  330. data/lib/cyberweb/javascript_code/jquery/jquery-3.6.1.js +10909 -0
  331. data/lib/cyberweb/javascript_code/select_everything_on_mouse_click_event.js +23 -0
  332. data/lib/cyberweb/javascript_code/simple_calculator.js +3 -3
  333. data/lib/cyberweb/javascript_code/simulate_a_dice.js +20 -0
  334. data/lib/cyberweb/javascript_code/sleep.js +3 -0
  335. data/lib/cyberweb/mouse/mouse.rb +4 -1
  336. data/lib/cyberweb/objectified/html_tags/README.md +13 -0
  337. data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/a.rb +17 -35
  338. data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/abbr.rb +18 -9
  339. data/lib/cyberweb/objectified/html_tags/base.rb +960 -0
  340. data/lib/cyberweb/objectified/html_tags/blockquote.rb +106 -0
  341. data/lib/cyberweb/{objectified_html_tags/span.rb → objectified/html_tags/body.rb} +25 -20
  342. data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/button.rb +26 -34
  343. data/lib/cyberweb/objectified/html_tags/canvas.rb +202 -0
  344. data/lib/cyberweb/objectified/html_tags/cite.rb +103 -0
  345. data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/combobox.rb +26 -34
  346. data/lib/cyberweb/objectified/html_tags/div.rb +155 -0
  347. data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/embed.rb +18 -33
  348. data/lib/cyberweb/objectified/html_tags/fieldset.rb +107 -0
  349. data/lib/cyberweb/objectified/html_tags/figure.rb +152 -0
  350. data/lib/cyberweb/objectified/html_tags/form.rb +155 -0
  351. data/lib/cyberweb/objectified/html_tags/h1.rb +176 -0
  352. data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/h2.rb +32 -40
  353. data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/h3.rb +30 -42
  354. data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/h4.rb +30 -42
  355. data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/h5.rb +31 -40
  356. data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/h6.rb +31 -41
  357. data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/hbox.rb +12 -10
  358. data/lib/cyberweb/objectified/html_tags/head.rb +126 -0
  359. data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/img.rb +47 -32
  360. data/lib/cyberweb/objectified/html_tags/include_objectified_html_tags.rb +49 -0
  361. data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/input.rb +50 -51
  362. data/lib/cyberweb/objectified/html_tags/map.rb +107 -0
  363. data/lib/cyberweb/{objectified_html_tags/div.rb → objectified/html_tags/meta.rb} +36 -47
  364. data/lib/cyberweb/{objectified_html_tags/h1.rb → objectified/html_tags/object.rb} +34 -42
  365. data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/p.rb +17 -32
  366. data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/pre.rb +28 -34
  367. data/lib/cyberweb/{objectified_html_tags/table.rb → objectified/html_tags/progress.rb} +99 -94
  368. data/lib/cyberweb/objectified/html_tags/span.rb +103 -0
  369. data/lib/cyberweb/objectified/html_tags/table.rb +257 -0
  370. data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/textarea.rb +25 -36
  371. data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/title.rb +11 -17
  372. data/lib/cyberweb/{objectified_html_tags/form.rb → objectified/html_tags/ul.rb} +45 -42
  373. data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/window.rb +15 -10
  374. data/lib/cyberweb/objectified/mask/README.md +8 -0
  375. data/lib/cyberweb/objectified/mask/compatibility_to_html_tags.rb +40 -0
  376. data/lib/cyberweb/objectified/mask/mask.rb +490 -0
  377. data/lib/cyberweb/objectified/web_object/README.md +4 -0
  378. data/lib/cyberweb/objectified/web_object/web_object.rb +119 -0
  379. data/lib/cyberweb/predefined_and_freeform_methods/frage.rb +4 -2
  380. data/lib/cyberweb/predefined_and_freeform_methods/freeform_methods.rb +30 -19
  381. data/lib/cyberweb/predefined_and_freeform_methods/hash_registered_extra_tags.rb +6 -0
  382. data/lib/cyberweb/predefined_and_freeform_methods/header.rb +2 -0
  383. data/lib/cyberweb/predefined_and_freeform_methods/predefined_methods.rb +10 -175
  384. data/lib/cyberweb/project/project.rb +9 -4
  385. data/lib/cyberweb/rack/request.rb +11 -11
  386. data/lib/cyberweb/raw_images/404.png +0 -0
  387. data/lib/cyberweb/raw_images/500.png +0 -0
  388. data/lib/cyberweb/raw_images/README.md +2 -0
  389. data/lib/cyberweb/raw_images/a_dice.png +0 -0
  390. data/lib/cyberweb/raw_images/food.png +0 -0
  391. data/lib/cyberweb/raw_images/ground.png +0 -0
  392. data/lib/cyberweb/requires/require_generators.rb +1 -1
  393. data/lib/cyberweb/requires/require_html_tags_files.rb +1 -1
  394. data/lib/cyberweb/requires/require_javascript_files.rb +1 -1
  395. data/lib/cyberweb/requires/require_objectified_html_tags_files.rb +29 -3
  396. data/lib/cyberweb/requires/require_the_constants.rb +3 -1
  397. data/lib/cyberweb/requires/require_the_cyberweb_project.rb +12 -31
  398. data/lib/cyberweb/requires/require_the_toplevel_methods_files.rb +1 -1
  399. data/lib/cyberweb/requires/require_web_object_files.rb +1 -1
  400. data/lib/cyberweb/requires/require_yaml.rb +3 -3
  401. data/lib/cyberweb/rest +1 -0
  402. data/lib/cyberweb/route_handler/class_based_test.rb +43 -0
  403. data/lib/cyberweb/route_handler/module/misc.rb +108 -0
  404. data/lib/cyberweb/route_handler/module/route_handler_module.rb +215 -0
  405. data/lib/cyberweb/route_handler/module/verbs.rb +53 -0
  406. data/lib/cyberweb/route_handler/route_handler.rb +56 -0
  407. data/lib/cyberweb/route_handler/test.rb +43 -0
  408. data/lib/cyberweb/{constants/array_predefined_constants.rb → sinatra/base/set_use_this_port.rb} +16 -9
  409. data/lib/cyberweb/sinatra/base/use_this_port.rb +40 -0
  410. data/lib/cyberweb/sinatra/base.rb +51 -36
  411. data/lib/cyberweb/sinatra/custom_extensions.rb +39 -14
  412. data/lib/cyberweb/standalone_classes/all_css_classes.rb +1 -1
  413. data/lib/cyberweb/standalone_classes/calculator.rb +7 -1
  414. data/lib/cyberweb/standalone_classes/correct_image_entries_in_html_file.rb +12 -7
  415. data/lib/cyberweb/standalone_classes/turn_html_into_cyberweb.rb +13 -11
  416. data/lib/cyberweb/svg/standalone/README.md +2 -0
  417. data/lib/cyberweb/svg/standalone/amusement_park.svg +738 -0
  418. data/lib/cyberweb/svg/svg.cgi +2 -3
  419. data/lib/cyberweb/toplevel_methods/a.rb +2 -1
  420. data/lib/cyberweb/toplevel_methods/anmerkung.rb +3 -0
  421. data/lib/cyberweb/toplevel_methods/audio.rb +1 -1
  422. data/lib/cyberweb/toplevel_methods/bold.rb +9 -3
  423. data/lib/cyberweb/toplevel_methods/charsets.rb +17 -13
  424. data/lib/cyberweb/toplevel_methods/consider_serving_the_web_object.rb +3 -3
  425. data/lib/cyberweb/toplevel_methods/css.rb +719 -25
  426. data/lib/cyberweb/{csv → toplevel_methods}/csv.rb +5 -3
  427. data/lib/cyberweb/{constants/roebe.rb → toplevel_methods/custom_error_page.rb} +10 -10
  428. data/lib/cyberweb/toplevel_methods/{date.rb → date_and_time.rb} +23 -10
  429. data/lib/cyberweb/toplevel_methods/disable.rb +7 -3
  430. data/lib/cyberweb/toplevel_methods/dot.rb +2 -2
  431. data/lib/cyberweb/toplevel_methods/download_webpage.rb +41 -3
  432. data/lib/cyberweb/toplevel_methods/edit_configuration_file.rb +1 -1
  433. data/lib/cyberweb/toplevel_methods/fields.rb +2 -0
  434. data/lib/cyberweb/toplevel_methods/filename.rb +3 -1
  435. data/lib/cyberweb/toplevel_methods/frames.rb +0 -2
  436. data/lib/cyberweb/toplevel_methods/google.rb +52 -0
  437. data/lib/cyberweb/{html_codes → toplevel_methods}/greek_letters.rb +22 -1
  438. data/lib/cyberweb/toplevel_methods/hardware_information.rb +2 -1
  439. data/lib/cyberweb/{help → toplevel_methods}/help.rb +3 -2
  440. data/lib/cyberweb/toplevel_methods/html_comment.rb +2 -2
  441. data/lib/cyberweb/toplevel_methods/html_tables.rb +401 -266
  442. data/lib/cyberweb/toplevel_methods/internal_hash.rb +173 -0
  443. data/lib/cyberweb/{io → toplevel_methods}/io.rb +1 -1
  444. data/lib/cyberweb/toplevel_methods/javascript.rb +42 -0
  445. data/lib/cyberweb/toplevel_methods/jquery.rb +8 -0
  446. data/lib/cyberweb/toplevel_methods/last_modified.rb +4 -0
  447. data/lib/cyberweb/toplevel_methods/links.rb +23 -7
  448. data/lib/cyberweb/toplevel_methods/listing.rb +2 -1
  449. data/lib/cyberweb/toplevel_methods/localhost.rb +3 -0
  450. data/lib/cyberweb/toplevel_methods/markdown.rb +3 -2
  451. data/lib/cyberweb/toplevel_methods/mathml.rb +5 -3
  452. data/lib/cyberweb/toplevel_methods/message_boxes.rb +6 -2
  453. data/lib/cyberweb/toplevel_methods/misc.rb +531 -79
  454. data/lib/cyberweb/toplevel_methods/padlem_and_marlem.rb +3 -0
  455. data/lib/cyberweb/toplevel_methods/path.rb +6 -1
  456. data/lib/cyberweb/toplevel_methods/pdf.rb +1 -1
  457. data/lib/cyberweb/toplevel_methods/process_content.rb +4 -7
  458. data/lib/cyberweb/toplevel_methods/progress.rb +6 -2
  459. data/lib/cyberweb/toplevel_methods/quote.rb +7 -1
  460. data/lib/cyberweb/toplevel_methods/random.rb +4 -1
  461. data/lib/cyberweb/toplevel_methods/rds.rb +14 -6
  462. data/lib/cyberweb/toplevel_methods/read_and_display.rb +3 -2
  463. data/lib/cyberweb/toplevel_methods/return_head_start.rb +1 -1
  464. data/lib/cyberweb/toplevel_methods/return_html_fin.rb +6 -3
  465. data/lib/cyberweb/toplevel_methods/return_html_header.rb +8 -3
  466. data/lib/cyberweb/toplevel_methods/return_html_start.rb +7 -2
  467. data/lib/cyberweb/toplevel_methods/return_meta_collection.rb +15 -4
  468. data/lib/cyberweb/toplevel_methods/return_pwd.rb +4 -0
  469. data/lib/cyberweb/toplevel_methods/return_strict_doctype.rb +8 -7
  470. data/lib/cyberweb/toplevel_methods/roebe.rb +6 -0
  471. data/lib/cyberweb/toplevel_methods/s2.rb +3 -1
  472. data/lib/cyberweb/toplevel_methods/sanitize_url.rb +7 -5
  473. data/lib/cyberweb/toplevel_methods/sbr.rb +7 -7
  474. data/lib/cyberweb/toplevel_methods/server_base_directory.rb +7 -3
  475. data/lib/cyberweb/toplevel_methods/show_and_display.rb +15 -15
  476. data/lib/cyberweb/toplevel_methods/show_configuration.rb +2 -2
  477. data/lib/cyberweb/toplevel_methods/spacer.rb +5 -2
  478. data/lib/cyberweb/toplevel_methods/svg.rb +62 -4
  479. data/lib/cyberweb/toplevel_methods/tag.rb +8 -2
  480. data/lib/cyberweb/toplevel_methods/temp_directory.rb +2 -2
  481. data/lib/cyberweb/toplevel_methods/textile.rb +2 -2
  482. data/lib/cyberweb/toplevel_methods/title.rb +14 -2
  483. data/lib/cyberweb/toplevel_methods/video.rb +3 -4
  484. data/lib/cyberweb/toplevel_methods/write_what_into.rb +2 -0
  485. data/lib/cyberweb/utility_scripts/README.md +3 -4
  486. data/lib/cyberweb/utility_scripts/autogenerate_drop_shadow_rules/autogenerate_drop_shadow_rules.rb +71 -0
  487. data/lib/cyberweb/utility_scripts/create_standalone_html_page.rb +223 -0
  488. data/lib/cyberweb/utility_scripts/download_all_images_from_this_website.rb +143 -0
  489. data/lib/cyberweb/utility_scripts/download_balloon_css.rb +1 -1
  490. data/lib/cyberweb/utility_scripts/fix_incorrect_links_to_locally_existing_images_in_this_file.rb +142 -0
  491. data/lib/cyberweb/utility_scripts/html_to_cyberweb_converter.rb +235 -0
  492. data/lib/cyberweb/utility_scripts/images_to_html/images_to_html.rb +878 -0
  493. data/lib/cyberweb/utility_scripts/images_to_html/misc.rb +62 -0
  494. data/lib/cyberweb/utility_scripts/new_tags.rb +105 -0
  495. data/lib/cyberweb/utility_scripts/simple_index/README.md +9 -0
  496. data/lib/cyberweb/utility_scripts/simple_index/simple_index.rb +149 -0
  497. data/lib/cyberweb/version/version.rb +2 -2
  498. data/lib/cyberweb/vue/README.md +2 -0
  499. data/lib/cyberweb/vue/vue.rb +91 -0
  500. data/lib/cyberweb/web_images/array_listing_all_project_images.rb +1 -1
  501. data/lib/cyberweb/web_images/map_symbol_to_image_location.rb +60 -4
  502. data/lib/cyberweb/web_images/web_images.rb +37 -20
  503. data/lib/cyberweb/{constants/array_images.rb → web_object/display_output_and_report.rb} +11 -10
  504. data/lib/cyberweb/web_object/english.rb +55 -0
  505. data/lib/cyberweb/web_object/favicon.rb +103 -22
  506. data/lib/cyberweb/web_object/html_tags.rb +1433 -0
  507. data/lib/cyberweb/web_object/images.rb +428 -398
  508. data/lib/cyberweb/web_object/{javascript.rb → javascript_and_jquery.rb} +174 -276
  509. data/lib/cyberweb/web_object/{links.rb → link.rb} +185 -83
  510. data/lib/cyberweb/web_object/misc.rb +3934 -3928
  511. data/lib/cyberweb/web_object/reset.rb +153 -67
  512. data/lib/cyberweb/web_object/run.rb +1 -1
  513. data/lib/cyberweb/web_object/web_object.rb +3690 -49
  514. data/lib/cyberweb/web_scraper/scrape_this_url.rb +4 -2
  515. data/lib/cyberweb/webmin/biology_server.cgi +14 -15
  516. data/lib/cyberweb/webmin/calculator.cgi +2 -2
  517. data/lib/cyberweb/webmin/colour_chart.cgi +4 -5
  518. data/lib/cyberweb/webmin/comments.cgi +8 -7
  519. data/lib/cyberweb/webmin/comments_data +0 -0
  520. data/lib/cyberweb/webmin/constants.rb +1 -2
  521. data/lib/cyberweb/webmin/dictionary.cgi +3 -4
  522. data/lib/cyberweb/webmin/sys_info.cgi +1 -2
  523. data/lib/cyberweb/webmin/webforum.cgi +1 -2
  524. data/lib/cyberweb/webmin/webmin.cgi +2 -3
  525. data/lib/cyberweb/yaml/autogenerated_system_settings.yml +10 -10
  526. data/lib/cyberweb/yaml/custom_tags.yml +1 -1
  527. data/lib/cyberweb/yaml/html5_global_attributes.yml +5 -1
  528. data/lib/cyberweb/yaml/html_tag_legend.yml +2 -0
  529. data/lib/cyberweb/yaml/http_status_codes.yml +4 -1
  530. data/lib/cyberweb/yaml/load_these_yaml_files_by_default.yml +29 -0
  531. data/lib/cyberweb/yaml/project_configuration.yml +42 -31
  532. data/lib/cyberweb/yaml/video_attributes.yml +2 -0
  533. data/lib/cyberweb/yaml/web_images.yml +1 -1
  534. data/test/REST/simple.rb +7 -0
  535. data/test/complex_tests/simple_sinatra_example_using_cyberweb/simple.rb +1 -1
  536. data/test/complex_tests/sinatra_or_cyberweb/sinatra_or_cyberweb.cgi +1 -1
  537. data/test/complex_tests/sinatra_or_cyberweb/sinatra_or_cyberweb.rb +4 -4
  538. data/test/complex_tests/sinatra_or_cyberweb/sinatra_or_cyberweb.sinatra +1 -2
  539. data/test/complex_tests/testing_frames.cgi +3 -5
  540. data/test/complex_tests/testing_objectified_html_tags/testing_objectified_html_tags.html +28 -0
  541. data/test/complex_tests/testing_objectified_html_tags/testing_objectified_html_tags.rb +175 -0
  542. data/test/complex_tests/testing_style_variants/show_coloured_boxes.cgi +11 -7
  543. data/test/complex_tests/testing_tables.cgi +3 -3
  544. data/test/complex_tests/testing_the_cyberweb_shell.rb +2 -0
  545. data/test/complex_tests/testing_web_object.rb +5 -2
  546. data/test/css/README.md +4 -3
  547. data/test/css/return_the_content_of_these_css_classes.rb +5 -1
  548. data/test/css/test_hover_css/test_hover_css.cgi +59 -0
  549. data/test/css/test_ordered_list/test_ordered_list.cgi +31 -0
  550. data/test/css/testing_css_effects.cgi +3 -4
  551. data/test/css/testing_css_masking.cgi +3 -4
  552. data/test/hello_world/hello_world.cgi +6 -4
  553. data/test/html_template/html_template.rb +15 -0
  554. data/test/javascript/testing_custom_functions.js +24 -0
  555. data/test/javascript/testing_drag_and_drop_support.cgi +1 -1
  556. data/test/javascript/testing_on_click_change_opacity.cgi +4 -5
  557. data/test/javascript/testing_snowflakes.cgi +2 -2
  558. data/test/simple_tests/ad-hoc-test.cgi +5 -2
  559. data/test/simple_tests/cgi/hello_world_with_cyberweb.cgi +14 -0
  560. data/test/simple_tests/commandline_tests.rb +21 -15
  561. data/test/simple_tests/display_this_file.cgi +2 -2
  562. data/test/simple_tests/simple_html_example.cgi +2 -1
  563. data/test/simple_tests/simple_html_test_page/simple_html_test_page.html +20 -0
  564. data/test/simple_tests/simple_status_page.cgi +2 -2
  565. data/test/simple_tests/string_s2_test.rb +5 -0
  566. data/test/simple_tests/test_simple_string_as_input.rb +3 -1
  567. data/test/simple_tests/testing_base64_images.cgi +3 -4
  568. data/test/simple_tests/testing_checkboxes.cgi +22 -0
  569. data/test/simple_tests/testing_dragging_an_image.cgi +5 -6
  570. data/test/simple_tests/testing_editable_text.cgi +2 -3
  571. data/test/simple_tests/testing_email.cgi +6 -7
  572. data/test/simple_tests/testing_embedding_a_pdf_file.cgi +5 -5
  573. data/test/simple_tests/testing_google_charts.cgi +3 -3
  574. data/test/simple_tests/testing_html_forms.cgi +3 -3
  575. data/test/simple_tests/testing_html_template.rb +2 -0
  576. data/test/simple_tests/testing_popup_div.cgi +2 -3
  577. data/test/simple_tests/testing_return_dataset_without_any_comments.rb +3 -1
  578. data/test/simple_tests/testing_the_cap_box.cgi +3 -4
  579. data/test/simple_tests/testing_the_div_tag.cgi +3 -4
  580. data/test/simple_tests/testing_the_headers_tag.cgi +3 -4
  581. data/test/simple_tests/testing_the_html_colours.cgi +2 -3
  582. data/test/simple_tests/testing_the_info_box.cgi +2 -3
  583. data/test/simple_tests/testing_the_li_tag.cgi +2 -1
  584. data/test/simple_tests/testing_the_s2_method.rb +6 -1
  585. data/test/simple_tests/testing_the_select_tag.cgi +16 -8
  586. data/test/simple_tests/testing_the_span_tag.cgi +2 -3
  587. data/test/simple_tests/testing_web_images.rb +4 -2
  588. data/test/testing_html_tags/button_example.cgi +6 -7
  589. metadata +345 -151
  590. data/doc/CONVENTIONS.md +0 -7
  591. data/doc/CYBERWEB_TUTORIAL.cgi +0 -43
  592. data/doc/FUTURE_DESIGN_GOAL_CONSIDERATIONS.md +0 -13
  593. data/doc/todo/TODO_FOR_THE_CYBERWEB_PROJECT.md +0 -1089
  594. data/examples/css/shadow_example_in_CSS.cgi +0 -30
  595. data/lib/cyberweb/charts/README.md +0 -2
  596. data/lib/cyberweb/charts/google_charts.rb +0 -51
  597. data/lib/cyberweb/colours/random_colour.rb +0 -28
  598. data/lib/cyberweb/colours/sanitize_for_colours.rb +0 -95
  599. data/lib/cyberweb/constants/array_local_css_files.rb +0 -35
  600. data/lib/cyberweb/constants/configuration_file.rb +0 -33
  601. data/lib/cyberweb/constants/http_status_codes.rb +0 -42
  602. data/lib/cyberweb/constants/project_constants.rb +0 -99
  603. data/lib/cyberweb/constants/standalone_constants.rb +0 -309
  604. data/lib/cyberweb/csv/README.md +0 -2
  605. data/lib/cyberweb/generator/webpage_for_images.rb +0 -553
  606. data/lib/cyberweb/html_codes/README.md +0 -15
  607. data/lib/cyberweb/images/real/README.md +0 -6
  608. data/lib/cyberweb/io/README.md +0 -1
  609. data/lib/cyberweb/javascript/scroll.rb +0 -17
  610. data/lib/cyberweb/objectified_html_tags/README.md +0 -8
  611. data/lib/cyberweb/objectified_html_tags/base.rb +0 -376
  612. data/lib/cyberweb/predefined_and_freeform_methods/hash_css_class_to_use.rb +0 -55
  613. data/lib/cyberweb/requires/require_charts.rb +0 -20
  614. data/lib/cyberweb/web_object/css.rb +0 -627
  615. data/lib/cyberweb/web_object/evaluate.rb +0 -126
  616. data/lib/cyberweb/web_object/html_related_tags.rb +0 -320
  617. data/lib/cyberweb/web_object/initialize.rb +0 -51
  618. data/lib/cyberweb/web_object/input_related_functionality.rb +0 -414
  619. data/lib/cyberweb/web_object/languages.rb +0 -172
  620. data/lib/cyberweb/web_object/params.rb +0 -289
  621. data/lib/cyberweb/web_object/sinatra_related_functionality.rb +0 -30
  622. data/lib/cyberweb/web_object/sitemap.rb +0 -176
  623. data/lib/cyberweb/web_object/table.rb +0 -378
  624. data/test/complex_tests/testing_objectified_html_tags.rb +0 -82
  625. data/test/javascript/testing_cheerleader_javascript.cgi +0 -0
@@ -0,0 +1,4212 @@
1
+ /*!
2
+ * Hover.css (https://ianlunn.github.io/Hover/)
3
+ *
4
+ * Version: 2.3.2
5
+ * Author: Ian Lunn @IanLunn
6
+ * Author URL: http://ianlunn.co.uk/
7
+ * Github: https://github.com/IanLunn/Hover
8
+ *
9
+ * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
10
+ *
11
+ */
12
+
13
+ /*
14
+ *
15
+ * This file has been integrated into cyberweb on 04.11.2021.
16
+ *
17
+ */
18
+
19
+ /* 2D TRANSITIONS */
20
+ /* Grow */
21
+ .on_hover_grow {
22
+ display: inline-block;
23
+ vertical-align: middle;
24
+ -webkit-transform: perspective(1px) translateZ(0);
25
+ transform: perspective(1px) translateZ(0);
26
+
27
+ -webkit-transition-property: transform;
28
+ transition-property: transform;
29
+
30
+ -webkit-transition-duration: 0.3s;
31
+ transition-duration: 0.3s;
32
+
33
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
34
+ }
35
+
36
+ .on_hover_grow:hover,
37
+ .on_hover_grow:focus,
38
+ .on_hover_grow:active {
39
+ -webkit-transform: scale(1.05);
40
+ transform: scale(1.05);
41
+ }
42
+
43
+ /* Shrink */
44
+ .hvr-shrink {
45
+ display: inline-block;
46
+ vertical-align: middle;
47
+ -webkit-transform: perspective(1px) translateZ(0);
48
+ transform: perspective(1px) translateZ(0);
49
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
50
+ -webkit-transition-duration: 0.3s;
51
+ transition-duration: 0.3s;
52
+ -webkit-transition-property: transform;
53
+ transition-property: transform;
54
+ }
55
+ .hvr-shrink:hover,
56
+ .hvr-shrink:focus,
57
+ .hvr-shrink:active {
58
+ -webkit-transform: scale(0.9);
59
+ transform: scale(0.9);
60
+ }
61
+
62
+ /* Pulse */
63
+ @-webkit-keyframes on-hover-pulse {
64
+ 25% {
65
+ -webkit-transform: scale(1.1);
66
+ transform: scale(1.1);
67
+ }
68
+ 75% {
69
+ -webkit-transform: scale(0.9);
70
+ transform: scale(0.9);
71
+ }
72
+ }
73
+ @keyframes on-hover-pulse {
74
+ 25% {
75
+ -webkit-transform: scale(1.1);
76
+ transform: scale(1.1);
77
+ }
78
+ 75% {
79
+ -webkit-transform: scale(0.9);
80
+ transform: scale(0.9);
81
+ }
82
+ }
83
+
84
+ .on-hover-pulse {
85
+ display: inline-block;
86
+ vertical-align: middle;
87
+ -webkit-transform: perspective(1px) translateZ(0);
88
+ transform: perspective(1px) translateZ(0);
89
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
90
+ }
91
+ .on-hover-pulse:hover,
92
+ .on-hover-pulse:focus,
93
+ .on-hover-pulse:active {
94
+ -webkit-animation-name: on-hover-pulse;
95
+ animation-name: on-hover-pulse;
96
+ -webkit-animation-duration: 1s;
97
+ animation-duration: 1s;
98
+ -webkit-animation-timing-function: linear;
99
+ animation-timing-function: linear;
100
+ -webkit-animation-iteration-count: infinite;
101
+ animation-iteration-count: infinite;
102
+ }
103
+
104
+ /* Pulse Grow */
105
+ @-webkit-keyframes hover_pulse_grow {
106
+ to {
107
+ -webkit-transform: scale(1.1);
108
+ transform: scale(1.1);
109
+ }
110
+ }
111
+ @keyframes hover_pulse_grow {
112
+ to {
113
+ -webkit-transform: scale(1.1);
114
+ transform: scale(1.1);
115
+ }
116
+ }
117
+ .hover_pulse_grow {
118
+ display: inline-block;
119
+ vertical-align: middle;
120
+ -webkit-transform: perspective(1px) translateZ(0);
121
+ transform: perspective(1px) translateZ(0);
122
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
123
+ }
124
+ .hover_pulse_grow:hover,
125
+ .hover_pulse_grow:focus,
126
+ .hover_pulse_grow:active {
127
+ -webkit-animation-name: hover_pulse_grow;
128
+ animation-name: hover_pulse_grow;
129
+ -webkit-animation-duration: 0.3s;
130
+ animation-duration: 0.3s;
131
+ -webkit-animation-timing-function: linear;
132
+ animation-timing-function: linear;
133
+ -webkit-animation-direction: alternate;
134
+ animation-direction: alternate;
135
+
136
+ -webkit-animation-iteration-count: 4; /* or infinite; */
137
+ animation-iteration-count: 4; /* or infinite; */
138
+ }
139
+
140
+ /* Pulse Shrink */
141
+ @-webkit-keyframes hvr-pulse-shrink {
142
+ to {
143
+ -webkit-transform: scale(0.9);
144
+ transform: scale(0.9);
145
+ }
146
+ }
147
+ @keyframes hvr-pulse-shrink {
148
+ to {
149
+ -webkit-transform: scale(0.9);
150
+ transform: scale(0.9);
151
+ }
152
+ }
153
+ .hvr-pulse-shrink {
154
+ display: inline-block;
155
+ vertical-align: middle;
156
+ -webkit-transform: perspective(1px) translateZ(0);
157
+ transform: perspective(1px) translateZ(0);
158
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
159
+ }
160
+ .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
161
+ -webkit-animation-name: hvr-pulse-shrink;
162
+ animation-name: hvr-pulse-shrink;
163
+ -webkit-animation-duration: 0.3s;
164
+ animation-duration: 0.3s;
165
+ -webkit-animation-timing-function: linear;
166
+ animation-timing-function: linear;
167
+ -webkit-animation-iteration-count: infinite;
168
+ animation-iteration-count: infinite;
169
+ -webkit-animation-direction: alternate;
170
+ animation-direction: alternate;
171
+ }
172
+
173
+ /* Push */
174
+ @-webkit-keyframes hvr-push {
175
+ 50% {
176
+ -webkit-transform: scale(0.8);
177
+ transform: scale(0.8);
178
+ }
179
+ 100% {
180
+ -webkit-transform: scale(1);
181
+ transform: scale(1);
182
+ }
183
+ }
184
+ @keyframes hvr-push {
185
+ 50% {
186
+ -webkit-transform: scale(0.8);
187
+ transform: scale(0.8);
188
+ }
189
+ 100% {
190
+ -webkit-transform: scale(1);
191
+ transform: scale(1);
192
+ }
193
+ }
194
+ .hvr-push {
195
+ display: inline-block;
196
+ vertical-align: middle;
197
+ -webkit-transform: perspective(1px) translateZ(0);
198
+ transform: perspective(1px) translateZ(0);
199
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
200
+ }
201
+ .hvr-push:hover, .hvr-push:focus, .hvr-push:active {
202
+ -webkit-animation-name: hvr-push;
203
+ animation-name: hvr-push;
204
+ -webkit-animation-duration: 0.3s;
205
+ animation-duration: 0.3s;
206
+ -webkit-animation-timing-function: linear;
207
+ animation-timing-function: linear;
208
+ -webkit-animation-iteration-count: 1;
209
+ animation-iteration-count: 1;
210
+ }
211
+
212
+ /* Pop */
213
+ @-webkit-keyframes hvr-pop {
214
+ 50% {
215
+ -webkit-transform: scale(1.2);
216
+ transform: scale(1.2);
217
+ }
218
+ }
219
+ @keyframes hvr-pop {
220
+ 50% {
221
+ -webkit-transform: scale(1.2);
222
+ transform: scale(1.2);
223
+ }
224
+ }
225
+ .hvr-pop {
226
+ display: inline-block;
227
+ vertical-align: middle;
228
+ -webkit-transform: perspective(1px) translateZ(0);
229
+ transform: perspective(1px) translateZ(0);
230
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
231
+ }
232
+ .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
233
+ -webkit-animation-name: hvr-pop;
234
+ animation-name: hvr-pop;
235
+ -webkit-animation-duration: 0.3s;
236
+ animation-duration: 0.3s;
237
+ -webkit-animation-timing-function: linear;
238
+ animation-timing-function: linear;
239
+ -webkit-animation-iteration-count: 1;
240
+ animation-iteration-count: 1;
241
+ }
242
+
243
+ /* Bounce In */
244
+ .hvr-bounce-in {
245
+ display: inline-block;
246
+ vertical-align: middle;
247
+ -webkit-transform: perspective(1px) translateZ(0);
248
+ transform: perspective(1px) translateZ(0);
249
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
250
+ -webkit-transition-duration: 0.5s;
251
+ transition-duration: 0.5s;
252
+ }
253
+ .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
254
+ -webkit-transform: scale(1.2);
255
+ transform: scale(1.2);
256
+ -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
257
+ transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
258
+ }
259
+
260
+ /* Bounce Out */
261
+ .hvr-bounce-out {
262
+ display: inline-block;
263
+ vertical-align: middle;
264
+ -webkit-transform: perspective(1px) translateZ(0);
265
+ transform: perspective(1px) translateZ(0);
266
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
267
+ -webkit-transition-duration: 0.5s;
268
+ transition-duration: 0.5s;
269
+ }
270
+ .hvr-bounce-out:hover,
271
+ .hvr-bounce-out:focus,
272
+ .hvr-bounce-out:active {
273
+ -webkit-transform: scale(0.8);
274
+ transform: scale(0.8);
275
+ -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
276
+ transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
277
+ }
278
+
279
+ /* Rotate (such as for icon-rotate) */
280
+ .on_hover_rotate {
281
+ display: inline-block;
282
+ vertical-align: middle;
283
+ -webkit-transform: perspective(1px) translateZ(0);
284
+ transform: perspective(1px) translateZ(0);
285
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
286
+ -webkit-transition-duration: 0.3s;
287
+ transition-duration: 0.3s;
288
+ -webkit-transition-property: transform;
289
+ transition-property: transform;
290
+ }
291
+ .on_hover_rotate:hover,
292
+ .on_hover_rotate:focus,
293
+ .on_hover_rotate:active {
294
+ -webkit-transform: rotate(-3deg);
295
+ transform: rotate(-3deg);
296
+ }
297
+
298
+ /* Grow Rotate */
299
+ .hvr-grow-rotate {
300
+ display: inline-block;
301
+ vertical-align: middle;
302
+ -webkit-transform: perspective(1px) translateZ(0);
303
+ transform: perspective(1px) translateZ(0);
304
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
305
+ -webkit-transition-duration: 0.3s;
306
+ transition-duration: 0.3s;
307
+ -webkit-transition-property: transform;
308
+ transition-property: transform;
309
+ }
310
+ .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
311
+ -webkit-transform: scale(1.1) rotate(4deg);
312
+ transform: scale(1.1) rotate(4deg);
313
+ }
314
+
315
+ /* Float */
316
+ .hvr-float {
317
+ display: inline-block;
318
+ vertical-align: middle;
319
+ -webkit-transform: perspective(1px) translateZ(0);
320
+ transform: perspective(1px) translateZ(0);
321
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
322
+ -webkit-transition-duration: 0.3s;
323
+ transition-duration: 0.3s;
324
+ -webkit-transition-property: transform;
325
+ transition-property: transform;
326
+ -webkit-transition-timing-function: ease-out;
327
+ transition-timing-function: ease-out;
328
+ }
329
+ .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
330
+ -webkit-transform: translateY(-8px);
331
+ transform: translateY(-8px);
332
+ }
333
+
334
+ /* Sink */
335
+ .hvr-sink {
336
+ display: inline-block;
337
+ vertical-align: middle;
338
+ -webkit-transform: perspective(1px) translateZ(0);
339
+ transform: perspective(1px) translateZ(0);
340
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
341
+ -webkit-transition-duration: 0.3s;
342
+ transition-duration: 0.3s;
343
+ -webkit-transition-property: transform;
344
+ transition-property: transform;
345
+ -webkit-transition-timing-function: ease-out;
346
+ transition-timing-function: ease-out;
347
+ }
348
+ .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
349
+ -webkit-transform: translateY(8px);
350
+ transform: translateY(8px);
351
+ }
352
+
353
+ /* Bob */
354
+ @-webkit-keyframes hvr-bob {
355
+ 0% {
356
+ -webkit-transform: translateY(-8px);
357
+ transform: translateY(-8px);
358
+ }
359
+ 50% {
360
+ -webkit-transform: translateY(-4px);
361
+ transform: translateY(-4px);
362
+ }
363
+ 100% {
364
+ -webkit-transform: translateY(-8px);
365
+ transform: translateY(-8px);
366
+ }
367
+ }
368
+ @keyframes hvr-bob {
369
+ 0% {
370
+ -webkit-transform: translateY(-8px);
371
+ transform: translateY(-8px);
372
+ }
373
+ 50% {
374
+ -webkit-transform: translateY(-4px);
375
+ transform: translateY(-4px);
376
+ }
377
+ 100% {
378
+ -webkit-transform: translateY(-8px);
379
+ transform: translateY(-8px);
380
+ }
381
+ }
382
+ @-webkit-keyframes hvr-bob-float {
383
+ 100% {
384
+ -webkit-transform: translateY(-8px);
385
+ transform: translateY(-8px);
386
+ }
387
+ }
388
+ @keyframes hvr-bob-float {
389
+ 100% {
390
+ -webkit-transform: translateY(-8px);
391
+ transform: translateY(-8px);
392
+ }
393
+ }
394
+ .hvr-bob {
395
+ display: inline-block;
396
+ vertical-align: middle;
397
+ -webkit-transform: perspective(1px) translateZ(0);
398
+ transform: perspective(1px) translateZ(0);
399
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
400
+ }
401
+ .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
402
+ -webkit-animation-name: hvr-bob-float, hvr-bob;
403
+ animation-name: hvr-bob-float, hvr-bob;
404
+ -webkit-animation-duration: .3s, 1.5s;
405
+ animation-duration: .3s, 1.5s;
406
+ -webkit-animation-delay: 0s, .3s;
407
+ animation-delay: 0s, .3s;
408
+ -webkit-animation-timing-function: ease-out, ease-in-out;
409
+ animation-timing-function: ease-out, ease-in-out;
410
+ -webkit-animation-iteration-count: 1, infinite;
411
+ animation-iteration-count: 1, infinite;
412
+ -webkit-animation-fill-mode: forwards;
413
+ animation-fill-mode: forwards;
414
+ -webkit-animation-direction: normal, alternate;
415
+ animation-direction: normal, alternate;
416
+ }
417
+
418
+ /* Hang */
419
+ @-webkit-keyframes hvr-hang {
420
+ 0% {
421
+ -webkit-transform: translateY(8px);
422
+ transform: translateY(8px);
423
+ }
424
+ 50% {
425
+ -webkit-transform: translateY(4px);
426
+ transform: translateY(4px);
427
+ }
428
+ 100% {
429
+ -webkit-transform: translateY(8px);
430
+ transform: translateY(8px);
431
+ }
432
+ }
433
+ @keyframes hvr-hang {
434
+ 0% {
435
+ -webkit-transform: translateY(8px);
436
+ transform: translateY(8px);
437
+ }
438
+ 50% {
439
+ -webkit-transform: translateY(4px);
440
+ transform: translateY(4px);
441
+ }
442
+ 100% {
443
+ -webkit-transform: translateY(8px);
444
+ transform: translateY(8px);
445
+ }
446
+ }
447
+ @-webkit-keyframes hvr-hang-sink {
448
+ 100% {
449
+ -webkit-transform: translateY(8px);
450
+ transform: translateY(8px);
451
+ }
452
+ }
453
+ @keyframes hvr-hang-sink {
454
+ 100% {
455
+ -webkit-transform: translateY(8px);
456
+ transform: translateY(8px);
457
+ }
458
+ }
459
+ .hvr-hang {
460
+ display: inline-block;
461
+ vertical-align: middle;
462
+ -webkit-transform: perspective(1px) translateZ(0);
463
+ transform: perspective(1px) translateZ(0);
464
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
465
+ }
466
+ .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
467
+ -webkit-animation-name: hvr-hang-sink, hvr-hang;
468
+ animation-name: hvr-hang-sink, hvr-hang;
469
+ -webkit-animation-duration: .3s, 1.5s;
470
+ animation-duration: .3s, 1.5s;
471
+ -webkit-animation-delay: 0s, .3s;
472
+ animation-delay: 0s, .3s;
473
+ -webkit-animation-timing-function: ease-out, ease-in-out;
474
+ animation-timing-function: ease-out, ease-in-out;
475
+ -webkit-animation-iteration-count: 1, infinite;
476
+ animation-iteration-count: 1, infinite;
477
+ -webkit-animation-fill-mode: forwards;
478
+ animation-fill-mode: forwards;
479
+ -webkit-animation-direction: normal, alternate;
480
+ animation-direction: normal, alternate;
481
+ }
482
+
483
+ /* Skew */
484
+ .hvr-skew {
485
+ display: inline-block;
486
+ vertical-align: middle;
487
+ -webkit-transform: perspective(1px) translateZ(0);
488
+ transform: perspective(1px) translateZ(0);
489
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
490
+ -webkit-transition-duration: 0.3s;
491
+ transition-duration: 0.3s;
492
+ -webkit-transition-property: transform;
493
+ transition-property: transform;
494
+ }
495
+ .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
496
+ -webkit-transform: skew(-10deg);
497
+ transform: skew(-10deg);
498
+ }
499
+
500
+ /* Skew Forward */
501
+ .hvr-skew-forward {
502
+ display: inline-block;
503
+ vertical-align: middle;
504
+ -webkit-transform: perspective(1px) translateZ(0);
505
+ transform: perspective(1px) translateZ(0);
506
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
507
+ -webkit-transition-duration: 0.3s;
508
+ transition-duration: 0.3s;
509
+ -webkit-transition-property: transform;
510
+ transition-property: transform;
511
+ -webkit-transform-origin: 0 100%;
512
+ transform-origin: 0 100%;
513
+ }
514
+ .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
515
+ -webkit-transform: skew(-10deg);
516
+ transform: skew(-10deg);
517
+ }
518
+
519
+ /* Skew Backward */
520
+ .hvr-skew-backward {
521
+ display: inline-block;
522
+ vertical-align: middle;
523
+ -webkit-transform: perspective(1px) translateZ(0);
524
+ transform: perspective(1px) translateZ(0);
525
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
526
+ -webkit-transition-duration: 0.3s;
527
+ transition-duration: 0.3s;
528
+ -webkit-transition-property: transform;
529
+ transition-property: transform;
530
+ -webkit-transform-origin: 0 100%;
531
+ transform-origin: 0 100%;
532
+ }
533
+ .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
534
+ -webkit-transform: skew(10deg);
535
+ transform: skew(10deg);
536
+ }
537
+
538
+ /* Wobble Vertical */
539
+ @-webkit-keyframes hvr-wobble-vertical {
540
+ 16.65% {
541
+ -webkit-transform: translateY(8px);
542
+ transform: translateY(8px);
543
+ }
544
+ 33.3% {
545
+ -webkit-transform: translateY(-6px);
546
+ transform: translateY(-6px);
547
+ }
548
+ 49.95% {
549
+ -webkit-transform: translateY(4px);
550
+ transform: translateY(4px);
551
+ }
552
+ 66.6% {
553
+ -webkit-transform: translateY(-2px);
554
+ transform: translateY(-2px);
555
+ }
556
+ 83.25% {
557
+ -webkit-transform: translateY(1px);
558
+ transform: translateY(1px);
559
+ }
560
+ 100% {
561
+ -webkit-transform: translateY(0);
562
+ transform: translateY(0);
563
+ }
564
+ }
565
+ @keyframes hvr-wobble-vertical {
566
+ 16.65% {
567
+ -webkit-transform: translateY(8px);
568
+ transform: translateY(8px);
569
+ }
570
+ 33.3% {
571
+ -webkit-transform: translateY(-6px);
572
+ transform: translateY(-6px);
573
+ }
574
+ 49.95% {
575
+ -webkit-transform: translateY(4px);
576
+ transform: translateY(4px);
577
+ }
578
+ 66.6% {
579
+ -webkit-transform: translateY(-2px);
580
+ transform: translateY(-2px);
581
+ }
582
+ 83.25% {
583
+ -webkit-transform: translateY(1px);
584
+ transform: translateY(1px);
585
+ }
586
+ 100% {
587
+ -webkit-transform: translateY(0);
588
+ transform: translateY(0);
589
+ }
590
+ }
591
+ .hvr-wobble-vertical {
592
+ display: inline-block;
593
+ vertical-align: middle;
594
+ -webkit-transform: perspective(1px) translateZ(0);
595
+ transform: perspective(1px) translateZ(0);
596
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
597
+ }
598
+ .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
599
+ -webkit-animation-name: hvr-wobble-vertical;
600
+ animation-name: hvr-wobble-vertical;
601
+ -webkit-animation-duration: 1s;
602
+ animation-duration: 1s;
603
+ -webkit-animation-timing-function: ease-in-out;
604
+ animation-timing-function: ease-in-out;
605
+ -webkit-animation-iteration-count: 1;
606
+ animation-iteration-count: 1;
607
+ }
608
+
609
+ /* Wobble Horizontal */
610
+ @-webkit-keyframes hvr-wobble-horizontal {
611
+ 16.65% {
612
+ -webkit-transform: translateX(8px);
613
+ transform: translateX(8px);
614
+ }
615
+ 33.3% {
616
+ -webkit-transform: translateX(-6px);
617
+ transform: translateX(-6px);
618
+ }
619
+ 49.95% {
620
+ -webkit-transform: translateX(4px);
621
+ transform: translateX(4px);
622
+ }
623
+ 66.6% {
624
+ -webkit-transform: translateX(-2px);
625
+ transform: translateX(-2px);
626
+ }
627
+ 83.25% {
628
+ -webkit-transform: translateX(1px);
629
+ transform: translateX(1px);
630
+ }
631
+ 100% {
632
+ -webkit-transform: translateX(0);
633
+ transform: translateX(0);
634
+ }
635
+ }
636
+ @keyframes hvr-wobble-horizontal {
637
+ 16.65% {
638
+ -webkit-transform: translateX(8px);
639
+ transform: translateX(8px);
640
+ }
641
+ 33.3% {
642
+ -webkit-transform: translateX(-6px);
643
+ transform: translateX(-6px);
644
+ }
645
+ 49.95% {
646
+ -webkit-transform: translateX(4px);
647
+ transform: translateX(4px);
648
+ }
649
+ 66.6% {
650
+ -webkit-transform: translateX(-2px);
651
+ transform: translateX(-2px);
652
+ }
653
+ 83.25% {
654
+ -webkit-transform: translateX(1px);
655
+ transform: translateX(1px);
656
+ }
657
+ 100% {
658
+ -webkit-transform: translateX(0);
659
+ transform: translateX(0);
660
+ }
661
+ }
662
+ .hvr-wobble-horizontal {
663
+ display: inline-block;
664
+ vertical-align: middle;
665
+ -webkit-transform: perspective(1px) translateZ(0);
666
+ transform: perspective(1px) translateZ(0);
667
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
668
+ }
669
+ .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
670
+ -webkit-animation-name: hvr-wobble-horizontal;
671
+ animation-name: hvr-wobble-horizontal;
672
+ -webkit-animation-duration: 1s;
673
+ animation-duration: 1s;
674
+ -webkit-animation-timing-function: ease-in-out;
675
+ animation-timing-function: ease-in-out;
676
+ -webkit-animation-iteration-count: 1;
677
+ animation-iteration-count: 1;
678
+ }
679
+
680
+ /* Wobble To Bottom Right */
681
+ @-webkit-keyframes hvr-wobble-to-bottom-right {
682
+ 16.65% {
683
+ -webkit-transform: translate(8px, 8px);
684
+ transform: translate(8px, 8px);
685
+ }
686
+ 33.3% {
687
+ -webkit-transform: translate(-6px, -6px);
688
+ transform: translate(-6px, -6px);
689
+ }
690
+ 49.95% {
691
+ -webkit-transform: translate(4px, 4px);
692
+ transform: translate(4px, 4px);
693
+ }
694
+ 66.6% {
695
+ -webkit-transform: translate(-2px, -2px);
696
+ transform: translate(-2px, -2px);
697
+ }
698
+ 83.25% {
699
+ -webkit-transform: translate(1px, 1px);
700
+ transform: translate(1px, 1px);
701
+ }
702
+ 100% {
703
+ -webkit-transform: translate(0, 0);
704
+ transform: translate(0, 0);
705
+ }
706
+ }
707
+ @keyframes hvr-wobble-to-bottom-right {
708
+ 16.65% {
709
+ -webkit-transform: translate(8px, 8px);
710
+ transform: translate(8px, 8px);
711
+ }
712
+ 33.3% {
713
+ -webkit-transform: translate(-6px, -6px);
714
+ transform: translate(-6px, -6px);
715
+ }
716
+ 49.95% {
717
+ -webkit-transform: translate(4px, 4px);
718
+ transform: translate(4px, 4px);
719
+ }
720
+ 66.6% {
721
+ -webkit-transform: translate(-2px, -2px);
722
+ transform: translate(-2px, -2px);
723
+ }
724
+ 83.25% {
725
+ -webkit-transform: translate(1px, 1px);
726
+ transform: translate(1px, 1px);
727
+ }
728
+ 100% {
729
+ -webkit-transform: translate(0, 0);
730
+ transform: translate(0, 0);
731
+ }
732
+ }
733
+ .hvr-wobble-to-bottom-right {
734
+ display: inline-block;
735
+ vertical-align: middle;
736
+ -webkit-transform: perspective(1px) translateZ(0);
737
+ transform: perspective(1px) translateZ(0);
738
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
739
+ }
740
+ .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
741
+ -webkit-animation-name: hvr-wobble-to-bottom-right;
742
+ animation-name: hvr-wobble-to-bottom-right;
743
+ -webkit-animation-duration: 1s;
744
+ animation-duration: 1s;
745
+ -webkit-animation-timing-function: ease-in-out;
746
+ animation-timing-function: ease-in-out;
747
+ -webkit-animation-iteration-count: 1;
748
+ animation-iteration-count: 1;
749
+ }
750
+
751
+ /* Wobble To Top Right */
752
+ @-webkit-keyframes hvr-wobble-to-top-right {
753
+ 16.65% {
754
+ -webkit-transform: translate(8px, -8px);
755
+ transform: translate(8px, -8px);
756
+ }
757
+ 33.3% {
758
+ -webkit-transform: translate(-6px, 6px);
759
+ transform: translate(-6px, 6px);
760
+ }
761
+ 49.95% {
762
+ -webkit-transform: translate(4px, -4px);
763
+ transform: translate(4px, -4px);
764
+ }
765
+ 66.6% {
766
+ -webkit-transform: translate(-2px, 2px);
767
+ transform: translate(-2px, 2px);
768
+ }
769
+ 83.25% {
770
+ -webkit-transform: translate(1px, -1px);
771
+ transform: translate(1px, -1px);
772
+ }
773
+ 100% {
774
+ -webkit-transform: translate(0, 0);
775
+ transform: translate(0, 0);
776
+ }
777
+ }
778
+ @keyframes hvr-wobble-to-top-right {
779
+ 16.65% {
780
+ -webkit-transform: translate(8px, -8px);
781
+ transform: translate(8px, -8px);
782
+ }
783
+ 33.3% {
784
+ -webkit-transform: translate(-6px, 6px);
785
+ transform: translate(-6px, 6px);
786
+ }
787
+ 49.95% {
788
+ -webkit-transform: translate(4px, -4px);
789
+ transform: translate(4px, -4px);
790
+ }
791
+ 66.6% {
792
+ -webkit-transform: translate(-2px, 2px);
793
+ transform: translate(-2px, 2px);
794
+ }
795
+ 83.25% {
796
+ -webkit-transform: translate(1px, -1px);
797
+ transform: translate(1px, -1px);
798
+ }
799
+ 100% {
800
+ -webkit-transform: translate(0, 0);
801
+ transform: translate(0, 0);
802
+ }
803
+ }
804
+ .hvr-wobble-to-top-right {
805
+ display: inline-block;
806
+ vertical-align: middle;
807
+ -webkit-transform: perspective(1px) translateZ(0);
808
+ transform: perspective(1px) translateZ(0);
809
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
810
+ }
811
+ .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
812
+ -webkit-animation-name: hvr-wobble-to-top-right;
813
+ animation-name: hvr-wobble-to-top-right;
814
+ -webkit-animation-duration: 1s;
815
+ animation-duration: 1s;
816
+ -webkit-animation-timing-function: ease-in-out;
817
+ animation-timing-function: ease-in-out;
818
+ -webkit-animation-iteration-count: 1;
819
+ animation-iteration-count: 1;
820
+ }
821
+
822
+ /* Wobble Top */
823
+ @-webkit-keyframes hvr-wobble-top {
824
+ 16.65% {
825
+ -webkit-transform: skew(-12deg);
826
+ transform: skew(-12deg);
827
+ }
828
+ 33.3% {
829
+ -webkit-transform: skew(10deg);
830
+ transform: skew(10deg);
831
+ }
832
+ 49.95% {
833
+ -webkit-transform: skew(-6deg);
834
+ transform: skew(-6deg);
835
+ }
836
+ 66.6% {
837
+ -webkit-transform: skew(4deg);
838
+ transform: skew(4deg);
839
+ }
840
+ 83.25% {
841
+ -webkit-transform: skew(-2deg);
842
+ transform: skew(-2deg);
843
+ }
844
+ 100% {
845
+ -webkit-transform: skew(0);
846
+ transform: skew(0);
847
+ }
848
+ }
849
+ @keyframes hvr-wobble-top {
850
+ 16.65% {
851
+ -webkit-transform: skew(-12deg);
852
+ transform: skew(-12deg);
853
+ }
854
+ 33.3% {
855
+ -webkit-transform: skew(10deg);
856
+ transform: skew(10deg);
857
+ }
858
+ 49.95% {
859
+ -webkit-transform: skew(-6deg);
860
+ transform: skew(-6deg);
861
+ }
862
+ 66.6% {
863
+ -webkit-transform: skew(4deg);
864
+ transform: skew(4deg);
865
+ }
866
+ 83.25% {
867
+ -webkit-transform: skew(-2deg);
868
+ transform: skew(-2deg);
869
+ }
870
+ 100% {
871
+ -webkit-transform: skew(0);
872
+ transform: skew(0);
873
+ }
874
+ }
875
+ .hvr-wobble-top {
876
+ display: inline-block;
877
+ vertical-align: middle;
878
+ -webkit-transform: perspective(1px) translateZ(0);
879
+ transform: perspective(1px) translateZ(0);
880
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
881
+ -webkit-transform-origin: 0 100%;
882
+ transform-origin: 0 100%;
883
+ }
884
+ .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
885
+ -webkit-animation-name: hvr-wobble-top;
886
+ animation-name: hvr-wobble-top;
887
+ -webkit-animation-duration: 1s;
888
+ animation-duration: 1s;
889
+ -webkit-animation-timing-function: ease-in-out;
890
+ animation-timing-function: ease-in-out;
891
+ -webkit-animation-iteration-count: 1;
892
+ animation-iteration-count: 1;
893
+ }
894
+
895
+ /* Wobble Bottom */
896
+ @-webkit-keyframes hvr-wobble-bottom {
897
+ 16.65% {
898
+ -webkit-transform: skew(-12deg);
899
+ transform: skew(-12deg);
900
+ }
901
+ 33.3% {
902
+ -webkit-transform: skew(10deg);
903
+ transform: skew(10deg);
904
+ }
905
+ 49.95% {
906
+ -webkit-transform: skew(-6deg);
907
+ transform: skew(-6deg);
908
+ }
909
+ 66.6% {
910
+ -webkit-transform: skew(4deg);
911
+ transform: skew(4deg);
912
+ }
913
+ 83.25% {
914
+ -webkit-transform: skew(-2deg);
915
+ transform: skew(-2deg);
916
+ }
917
+ 100% {
918
+ -webkit-transform: skew(0);
919
+ transform: skew(0);
920
+ }
921
+ }
922
+ @keyframes hvr-wobble-bottom {
923
+ 16.65% {
924
+ -webkit-transform: skew(-12deg);
925
+ transform: skew(-12deg);
926
+ }
927
+ 33.3% {
928
+ -webkit-transform: skew(10deg);
929
+ transform: skew(10deg);
930
+ }
931
+ 49.95% {
932
+ -webkit-transform: skew(-6deg);
933
+ transform: skew(-6deg);
934
+ }
935
+ 66.6% {
936
+ -webkit-transform: skew(4deg);
937
+ transform: skew(4deg);
938
+ }
939
+ 83.25% {
940
+ -webkit-transform: skew(-2deg);
941
+ transform: skew(-2deg);
942
+ }
943
+ 100% {
944
+ -webkit-transform: skew(0);
945
+ transform: skew(0);
946
+ }
947
+ }
948
+ .hvr-wobble-bottom {
949
+ display: inline-block;
950
+ vertical-align: middle;
951
+ -webkit-transform: perspective(1px) translateZ(0);
952
+ transform: perspective(1px) translateZ(0);
953
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
954
+ -webkit-transform-origin: 100% 0;
955
+ transform-origin: 100% 0;
956
+ }
957
+ .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
958
+ -webkit-animation-name: hvr-wobble-bottom;
959
+ animation-name: hvr-wobble-bottom;
960
+ -webkit-animation-duration: 1s;
961
+ animation-duration: 1s;
962
+ -webkit-animation-timing-function: ease-in-out;
963
+ animation-timing-function: ease-in-out;
964
+ -webkit-animation-iteration-count: 1;
965
+ animation-iteration-count: 1;
966
+ }
967
+
968
+ /* Wobble Skew */
969
+ @-webkit-keyframes hvr-wobble-skew {
970
+ 16.65% {
971
+ -webkit-transform: skew(-12deg);
972
+ transform: skew(-12deg);
973
+ }
974
+ 33.3% {
975
+ -webkit-transform: skew(10deg);
976
+ transform: skew(10deg);
977
+ }
978
+ 49.95% {
979
+ -webkit-transform: skew(-6deg);
980
+ transform: skew(-6deg);
981
+ }
982
+ 66.6% {
983
+ -webkit-transform: skew(4deg);
984
+ transform: skew(4deg);
985
+ }
986
+ 83.25% {
987
+ -webkit-transform: skew(-2deg);
988
+ transform: skew(-2deg);
989
+ }
990
+ 100% {
991
+ -webkit-transform: skew(0);
992
+ transform: skew(0);
993
+ }
994
+ }
995
+ @keyframes hvr-wobble-skew {
996
+ 16.65% {
997
+ -webkit-transform: skew(-12deg);
998
+ transform: skew(-12deg);
999
+ }
1000
+ 33.3% {
1001
+ -webkit-transform: skew(10deg);
1002
+ transform: skew(10deg);
1003
+ }
1004
+ 49.95% {
1005
+ -webkit-transform: skew(-6deg);
1006
+ transform: skew(-6deg);
1007
+ }
1008
+ 66.6% {
1009
+ -webkit-transform: skew(4deg);
1010
+ transform: skew(4deg);
1011
+ }
1012
+ 83.25% {
1013
+ -webkit-transform: skew(-2deg);
1014
+ transform: skew(-2deg);
1015
+ }
1016
+ 100% {
1017
+ -webkit-transform: skew(0);
1018
+ transform: skew(0);
1019
+ }
1020
+ }
1021
+ .hvr-wobble-skew {
1022
+ display: inline-block;
1023
+ vertical-align: middle;
1024
+ -webkit-transform: perspective(1px) translateZ(0);
1025
+ transform: perspective(1px) translateZ(0);
1026
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1027
+ }
1028
+ .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
1029
+ -webkit-animation-name: hvr-wobble-skew;
1030
+ animation-name: hvr-wobble-skew;
1031
+ -webkit-animation-duration: 1s;
1032
+ animation-duration: 1s;
1033
+ -webkit-animation-timing-function: ease-in-out;
1034
+ animation-timing-function: ease-in-out;
1035
+ -webkit-animation-iteration-count: 1;
1036
+ animation-iteration-count: 1;
1037
+ }
1038
+
1039
+ /* Buzz */
1040
+ @-webkit-keyframes hvr-buzz {
1041
+ 50% {
1042
+ -webkit-transform: translateX(3px) rotate(2deg);
1043
+ transform: translateX(3px) rotate(2deg);
1044
+ }
1045
+ 100% {
1046
+ -webkit-transform: translateX(-3px) rotate(-2deg);
1047
+ transform: translateX(-3px) rotate(-2deg);
1048
+ }
1049
+ }
1050
+ @keyframes hvr-buzz {
1051
+ 50% {
1052
+ -webkit-transform: translateX(3px) rotate(2deg);
1053
+ transform: translateX(3px) rotate(2deg);
1054
+ }
1055
+ 100% {
1056
+ -webkit-transform: translateX(-3px) rotate(-2deg);
1057
+ transform: translateX(-3px) rotate(-2deg);
1058
+ }
1059
+ }
1060
+ .hvr-buzz {
1061
+ display: inline-block;
1062
+ vertical-align: middle;
1063
+ -webkit-transform: perspective(1px) translateZ(0);
1064
+ transform: perspective(1px) translateZ(0);
1065
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1066
+ }
1067
+ .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
1068
+ -webkit-animation-name: hvr-buzz;
1069
+ animation-name: hvr-buzz;
1070
+ -webkit-animation-duration: 0.15s;
1071
+ animation-duration: 0.15s;
1072
+ -webkit-animation-timing-function: linear;
1073
+ animation-timing-function: linear;
1074
+ -webkit-animation-iteration-count: infinite;
1075
+ animation-iteration-count: infinite;
1076
+ }
1077
+
1078
+ /* Buzz Out */
1079
+ @-webkit-keyframes hvr-buzz-out {
1080
+ 10% {
1081
+ -webkit-transform: translateX(3px) rotate(2deg);
1082
+ transform: translateX(3px) rotate(2deg);
1083
+ }
1084
+ 20% {
1085
+ -webkit-transform: translateX(-3px) rotate(-2deg);
1086
+ transform: translateX(-3px) rotate(-2deg);
1087
+ }
1088
+ 30% {
1089
+ -webkit-transform: translateX(3px) rotate(2deg);
1090
+ transform: translateX(3px) rotate(2deg);
1091
+ }
1092
+ 40% {
1093
+ -webkit-transform: translateX(-3px) rotate(-2deg);
1094
+ transform: translateX(-3px) rotate(-2deg);
1095
+ }
1096
+ 50% {
1097
+ -webkit-transform: translateX(2px) rotate(1deg);
1098
+ transform: translateX(2px) rotate(1deg);
1099
+ }
1100
+ 60% {
1101
+ -webkit-transform: translateX(-2px) rotate(-1deg);
1102
+ transform: translateX(-2px) rotate(-1deg);
1103
+ }
1104
+ 70% {
1105
+ -webkit-transform: translateX(2px) rotate(1deg);
1106
+ transform: translateX(2px) rotate(1deg);
1107
+ }
1108
+ 80% {
1109
+ -webkit-transform: translateX(-2px) rotate(-1deg);
1110
+ transform: translateX(-2px) rotate(-1deg);
1111
+ }
1112
+ 90% {
1113
+ -webkit-transform: translateX(1px) rotate(0);
1114
+ transform: translateX(1px) rotate(0);
1115
+ }
1116
+ 100% {
1117
+ -webkit-transform: translateX(-1px) rotate(0);
1118
+ transform: translateX(-1px) rotate(0);
1119
+ }
1120
+ }
1121
+ @keyframes hvr-buzz-out {
1122
+ 10% {
1123
+ -webkit-transform: translateX(3px) rotate(2deg);
1124
+ transform: translateX(3px) rotate(2deg);
1125
+ }
1126
+ 20% {
1127
+ -webkit-transform: translateX(-3px) rotate(-2deg);
1128
+ transform: translateX(-3px) rotate(-2deg);
1129
+ }
1130
+ 30% {
1131
+ -webkit-transform: translateX(3px) rotate(2deg);
1132
+ transform: translateX(3px) rotate(2deg);
1133
+ }
1134
+ 40% {
1135
+ -webkit-transform: translateX(-3px) rotate(-2deg);
1136
+ transform: translateX(-3px) rotate(-2deg);
1137
+ }
1138
+ 50% {
1139
+ -webkit-transform: translateX(2px) rotate(1deg);
1140
+ transform: translateX(2px) rotate(1deg);
1141
+ }
1142
+ 60% {
1143
+ -webkit-transform: translateX(-2px) rotate(-1deg);
1144
+ transform: translateX(-2px) rotate(-1deg);
1145
+ }
1146
+ 70% {
1147
+ -webkit-transform: translateX(2px) rotate(1deg);
1148
+ transform: translateX(2px) rotate(1deg);
1149
+ }
1150
+ 80% {
1151
+ -webkit-transform: translateX(-2px) rotate(-1deg);
1152
+ transform: translateX(-2px) rotate(-1deg);
1153
+ }
1154
+ 90% {
1155
+ -webkit-transform: translateX(1px) rotate(0);
1156
+ transform: translateX(1px) rotate(0);
1157
+ }
1158
+ 100% {
1159
+ -webkit-transform: translateX(-1px) rotate(0);
1160
+ transform: translateX(-1px) rotate(0);
1161
+ }
1162
+ }
1163
+ .hvr-buzz-out {
1164
+ display: inline-block;
1165
+ vertical-align: middle;
1166
+ -webkit-transform: perspective(1px) translateZ(0);
1167
+ transform: perspective(1px) translateZ(0);
1168
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1169
+ }
1170
+ .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
1171
+ -webkit-animation-name: hvr-buzz-out;
1172
+ animation-name: hvr-buzz-out;
1173
+ -webkit-animation-duration: 0.75s;
1174
+ animation-duration: 0.75s;
1175
+ -webkit-animation-timing-function: linear;
1176
+ animation-timing-function: linear;
1177
+ -webkit-animation-iteration-count: 1;
1178
+ animation-iteration-count: 1;
1179
+ }
1180
+
1181
+ /* Forward */
1182
+ .hvr-forward {
1183
+ display: inline-block;
1184
+ vertical-align: middle;
1185
+ -webkit-transform: perspective(1px) translateZ(0);
1186
+ transform: perspective(1px) translateZ(0);
1187
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1188
+ -webkit-transition-duration: 0.3s;
1189
+ transition-duration: 0.3s;
1190
+ -webkit-transition-property: transform;
1191
+ transition-property: transform;
1192
+ }
1193
+ .hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
1194
+ -webkit-transform: translateX(8px);
1195
+ transform: translateX(8px);
1196
+ }
1197
+
1198
+ /* Backward */
1199
+ .hvr-backward {
1200
+ display: inline-block;
1201
+ vertical-align: middle;
1202
+ -webkit-transform: perspective(1px) translateZ(0);
1203
+ transform: perspective(1px) translateZ(0);
1204
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1205
+ -webkit-transition-duration: 0.3s;
1206
+ transition-duration: 0.3s;
1207
+ -webkit-transition-property: transform;
1208
+ transition-property: transform;
1209
+ }
1210
+ .hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
1211
+ -webkit-transform: translateX(-8px);
1212
+ transform: translateX(-8px);
1213
+ }
1214
+
1215
+ /* BACKGROUND TRANSITIONS */
1216
+ /* Fade */
1217
+ .on_hover_fade {
1218
+ display: inline-block;
1219
+ vertical-align: middle;
1220
+ -webkit-transform: perspective(1px) translateZ(0);
1221
+ transform: perspective(1px) translateZ(0);
1222
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1223
+ overflow: hidden;
1224
+ -webkit-transition-duration: 0.3s;
1225
+ transition-duration: 0.3s;
1226
+ -webkit-transition-property: color, background-color;
1227
+ transition-property: color, background-color;
1228
+ }
1229
+ .on_hover_fade:hover,
1230
+ .on_hover_fade:focus,
1231
+ .on_hover_fade:active {
1232
+ background-color: #2098D1;
1233
+ color: white;
1234
+ }
1235
+
1236
+ /* Back Pulse */
1237
+ @-webkit-keyframes hvr-back-pulse {
1238
+ 50% {
1239
+ background-color: rgba(32, 152, 209, 0.75);
1240
+ }
1241
+ }
1242
+ @keyframes hvr-back-pulse {
1243
+ 50% {
1244
+ background-color: rgba(32, 152, 209, 0.75);
1245
+ }
1246
+ }
1247
+ .hvr-back-pulse {
1248
+ display: inline-block;
1249
+ vertical-align: middle;
1250
+ -webkit-transform: perspective(1px) translateZ(0);
1251
+ transform: perspective(1px) translateZ(0);
1252
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1253
+ overflow: hidden;
1254
+ -webkit-transition-duration: 0.5s;
1255
+ transition-duration: 0.5s;
1256
+ -webkit-transition-property: color, background-color;
1257
+ transition-property: color, background-color;
1258
+ }
1259
+ .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
1260
+ -webkit-animation-name: hvr-back-pulse;
1261
+ animation-name: hvr-back-pulse;
1262
+ -webkit-animation-duration: 1s;
1263
+ animation-duration: 1s;
1264
+ -webkit-animation-delay: 0.5s;
1265
+ animation-delay: 0.5s;
1266
+ -webkit-animation-timing-function: linear;
1267
+ animation-timing-function: linear;
1268
+ -webkit-animation-iteration-count: infinite;
1269
+ animation-iteration-count: infinite;
1270
+ background-color: #2098D1;
1271
+ background-color: #2098d1;
1272
+ color: white;
1273
+ }
1274
+
1275
+ /* Sweep To Right */
1276
+ .hvr-sweep-to-right {
1277
+ display: inline-block;
1278
+ vertical-align: middle;
1279
+ -webkit-transform: perspective(1px) translateZ(0);
1280
+ transform: perspective(1px) translateZ(0);
1281
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1282
+ position: relative;
1283
+ -webkit-transition-property: color;
1284
+ transition-property: color;
1285
+ -webkit-transition-duration: 0.3s;
1286
+ transition-duration: 0.3s;
1287
+ }
1288
+ .hvr-sweep-to-right:before {
1289
+ content: "";
1290
+ position: absolute;
1291
+ z-index: -1;
1292
+ top: 0;
1293
+ left: 0;
1294
+ right: 0;
1295
+ bottom: 0;
1296
+ background: #2098D1;
1297
+ -webkit-transform: scaleX(0);
1298
+ transform: scaleX(0);
1299
+ -webkit-transform-origin: 0 50%;
1300
+ transform-origin: 0 50%;
1301
+ -webkit-transition-property: transform;
1302
+ transition-property: transform;
1303
+ -webkit-transition-duration: 0.3s;
1304
+ transition-duration: 0.3s;
1305
+ -webkit-transition-timing-function: ease-out;
1306
+ transition-timing-function: ease-out;
1307
+ }
1308
+ .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
1309
+ color: white;
1310
+ }
1311
+ .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
1312
+ -webkit-transform: scaleX(1);
1313
+ transform: scaleX(1);
1314
+ }
1315
+
1316
+ /* Sweep To Left */
1317
+ .hvr-sweep-to-left {
1318
+ display: inline-block;
1319
+ vertical-align: middle;
1320
+ -webkit-transform: perspective(1px) translateZ(0);
1321
+ transform: perspective(1px) translateZ(0);
1322
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1323
+ position: relative;
1324
+ -webkit-transition-property: color;
1325
+ transition-property: color;
1326
+ -webkit-transition-duration: 0.3s;
1327
+ transition-duration: 0.3s;
1328
+ }
1329
+ .hvr-sweep-to-left:before {
1330
+ content: "";
1331
+ position: absolute;
1332
+ z-index: -1;
1333
+ top: 0;
1334
+ left: 0;
1335
+ right: 0;
1336
+ bottom: 0;
1337
+ background: #2098D1;
1338
+ -webkit-transform: scaleX(0);
1339
+ transform: scaleX(0);
1340
+ -webkit-transform-origin: 100% 50%;
1341
+ transform-origin: 100% 50%;
1342
+ -webkit-transition-property: transform;
1343
+ transition-property: transform;
1344
+ -webkit-transition-duration: 0.3s;
1345
+ transition-duration: 0.3s;
1346
+ -webkit-transition-timing-function: ease-out;
1347
+ transition-timing-function: ease-out;
1348
+ }
1349
+ .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
1350
+ color: white;
1351
+ }
1352
+ .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
1353
+ -webkit-transform: scaleX(1);
1354
+ transform: scaleX(1);
1355
+ }
1356
+
1357
+ /* Sweep To Bottom */
1358
+ .hvr-sweep-to-bottom {
1359
+ display: inline-block;
1360
+ vertical-align: middle;
1361
+ -webkit-transform: perspective(1px) translateZ(0);
1362
+ transform: perspective(1px) translateZ(0);
1363
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1364
+ position: relative;
1365
+ -webkit-transition-property: color;
1366
+ transition-property: color;
1367
+ -webkit-transition-duration: 0.3s;
1368
+ transition-duration: 0.3s;
1369
+ }
1370
+ .hvr-sweep-to-bottom:before {
1371
+ content: "";
1372
+ position: absolute;
1373
+ z-index: -1;
1374
+ top: 0;
1375
+ left: 0;
1376
+ right: 0;
1377
+ bottom: 0;
1378
+ background: #2098D1;
1379
+ -webkit-transform: scaleY(0);
1380
+ transform: scaleY(0);
1381
+ -webkit-transform-origin: 50% 0;
1382
+ transform-origin: 50% 0;
1383
+ -webkit-transition-property: transform;
1384
+ transition-property: transform;
1385
+ -webkit-transition-duration: 0.3s;
1386
+ transition-duration: 0.3s;
1387
+ -webkit-transition-timing-function: ease-out;
1388
+ transition-timing-function: ease-out;
1389
+ }
1390
+ .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
1391
+ color: white;
1392
+ }
1393
+ .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
1394
+ -webkit-transform: scaleY(1);
1395
+ transform: scaleY(1);
1396
+ }
1397
+
1398
+ /* Sweep To Top */
1399
+ .hvr-sweep-to-top {
1400
+ display: inline-block;
1401
+ vertical-align: middle;
1402
+ -webkit-transform: perspective(1px) translateZ(0);
1403
+ transform: perspective(1px) translateZ(0);
1404
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1405
+ position: relative;
1406
+ -webkit-transition-property: color;
1407
+ transition-property: color;
1408
+ -webkit-transition-duration: 0.3s;
1409
+ transition-duration: 0.3s;
1410
+ }
1411
+ .hvr-sweep-to-top:before {
1412
+ content: "";
1413
+ position: absolute;
1414
+ z-index: -1;
1415
+ top: 0;
1416
+ left: 0;
1417
+ right: 0;
1418
+ bottom: 0;
1419
+ background: #2098D1;
1420
+ -webkit-transform: scaleY(0);
1421
+ transform: scaleY(0);
1422
+ -webkit-transform-origin: 50% 100%;
1423
+ transform-origin: 50% 100%;
1424
+ -webkit-transition-property: transform;
1425
+ transition-property: transform;
1426
+ -webkit-transition-duration: 0.3s;
1427
+ transition-duration: 0.3s;
1428
+ -webkit-transition-timing-function: ease-out;
1429
+ transition-timing-function: ease-out;
1430
+ }
1431
+ .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
1432
+ color: white;
1433
+ }
1434
+ .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
1435
+ -webkit-transform: scaleY(1);
1436
+ transform: scaleY(1);
1437
+ }
1438
+
1439
+ /* Bounce To Right */
1440
+ .hvr-bounce-to-right {
1441
+ display: inline-block;
1442
+ vertical-align: middle;
1443
+ -webkit-transform: perspective(1px) translateZ(0);
1444
+ transform: perspective(1px) translateZ(0);
1445
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1446
+ position: relative;
1447
+ -webkit-transition-property: color;
1448
+ transition-property: color;
1449
+ -webkit-transition-duration: 0.5s;
1450
+ transition-duration: 0.5s;
1451
+ }
1452
+
1453
+ .hvr-bounce-to-right:before {
1454
+ content: "";
1455
+ position: absolute;
1456
+ z-index: -1;
1457
+ top: 0;
1458
+ left: 0;
1459
+ right: 0;
1460
+ bottom: 0;
1461
+ background: #2098D1;
1462
+ -webkit-transform: scaleX(0);
1463
+ transform: scaleX(0);
1464
+ -webkit-transform-origin: 0 50%;
1465
+ transform-origin: 0 50%;
1466
+ -webkit-transition-property: transform;
1467
+ transition-property: transform;
1468
+ -webkit-transition-duration: 0.5s;
1469
+ transition-duration: 0.5s;
1470
+ -webkit-transition-timing-function: ease-out;
1471
+ transition-timing-function: ease-out;
1472
+ }
1473
+ .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
1474
+ color: white;
1475
+ }
1476
+ .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
1477
+ -webkit-transform: scaleX(1);
1478
+ transform: scaleX(1);
1479
+ -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
1480
+ transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
1481
+ }
1482
+
1483
+ /* Bounce To Left */
1484
+ .hvr-bounce-to-left {
1485
+ display: inline-block;
1486
+ vertical-align: middle;
1487
+ -webkit-transform: perspective(1px) translateZ(0);
1488
+ transform: perspective(1px) translateZ(0);
1489
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1490
+ position: relative;
1491
+ -webkit-transition-property: color;
1492
+ transition-property: color;
1493
+ -webkit-transition-duration: 0.5s;
1494
+ transition-duration: 0.5s;
1495
+ }
1496
+ .hvr-bounce-to-left:before {
1497
+ content: "";
1498
+ position: absolute;
1499
+ z-index: -1;
1500
+ top: 0;
1501
+ left: 0;
1502
+ right: 0;
1503
+ bottom: 0;
1504
+ background: #2098D1;
1505
+ -webkit-transform: scaleX(0);
1506
+ transform: scaleX(0);
1507
+ -webkit-transform-origin: 100% 50%;
1508
+ transform-origin: 100% 50%;
1509
+ -webkit-transition-property: transform;
1510
+ transition-property: transform;
1511
+ -webkit-transition-duration: 0.5s;
1512
+ transition-duration: 0.5s;
1513
+ -webkit-transition-timing-function: ease-out;
1514
+ transition-timing-function: ease-out;
1515
+ }
1516
+ .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
1517
+ color: white;
1518
+ }
1519
+ .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
1520
+ -webkit-transform: scaleX(1);
1521
+ transform: scaleX(1);
1522
+ -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
1523
+ transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
1524
+ }
1525
+
1526
+ /* Bounce To Bottom */
1527
+ .hvr-bounce-to-bottom {
1528
+ display: inline-block;
1529
+ vertical-align: middle;
1530
+ -webkit-transform: perspective(1px) translateZ(0);
1531
+ transform: perspective(1px) translateZ(0);
1532
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1533
+ position: relative;
1534
+ -webkit-transition-property: color;
1535
+ transition-property: color;
1536
+ -webkit-transition-duration: 0.5s;
1537
+ transition-duration: 0.5s;
1538
+ }
1539
+ .hvr-bounce-to-bottom:before {
1540
+ content: "";
1541
+ position: absolute;
1542
+ z-index: -1;
1543
+ top: 0;
1544
+ left: 0;
1545
+ right: 0;
1546
+ bottom: 0;
1547
+ background: #2098D1;
1548
+ -webkit-transform: scaleY(0);
1549
+ transform: scaleY(0);
1550
+ -webkit-transform-origin: 50% 0;
1551
+ transform-origin: 50% 0;
1552
+ -webkit-transition-property: transform;
1553
+ transition-property: transform;
1554
+ -webkit-transition-duration: 0.5s;
1555
+ transition-duration: 0.5s;
1556
+ -webkit-transition-timing-function: ease-out;
1557
+ transition-timing-function: ease-out;
1558
+ }
1559
+ .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
1560
+ color: white;
1561
+ }
1562
+ .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
1563
+ -webkit-transform: scaleY(1);
1564
+ transform: scaleY(1);
1565
+ -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
1566
+ transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
1567
+ }
1568
+
1569
+ /* Bounce To Top */
1570
+ .hvr-bounce-to-top {
1571
+ display: inline-block;
1572
+ vertical-align: middle;
1573
+ -webkit-transform: perspective(1px) translateZ(0);
1574
+ transform: perspective(1px) translateZ(0);
1575
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1576
+ position: relative;
1577
+ -webkit-transition-property: color;
1578
+ transition-property: color;
1579
+ -webkit-transition-duration: 0.5s;
1580
+ transition-duration: 0.5s;
1581
+ }
1582
+ .hvr-bounce-to-top:before {
1583
+ content: "";
1584
+ position: absolute;
1585
+ z-index: -1;
1586
+ top: 0;
1587
+ left: 0;
1588
+ right: 0;
1589
+ bottom: 0;
1590
+ background: #2098D1;
1591
+ -webkit-transform: scaleY(0);
1592
+ transform: scaleY(0);
1593
+ -webkit-transform-origin: 50% 100%;
1594
+ transform-origin: 50% 100%;
1595
+ -webkit-transition-property: transform;
1596
+ transition-property: transform;
1597
+ -webkit-transition-duration: 0.5s;
1598
+ transition-duration: 0.5s;
1599
+ -webkit-transition-timing-function: ease-out;
1600
+ transition-timing-function: ease-out;
1601
+ }
1602
+ .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
1603
+ color: white;
1604
+ }
1605
+ .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
1606
+ -webkit-transform: scaleY(1);
1607
+ transform: scaleY(1);
1608
+ -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
1609
+ transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
1610
+ }
1611
+
1612
+ /* Radial Out */
1613
+ .hvr-radial-out {
1614
+ display: inline-block;
1615
+ vertical-align: middle;
1616
+ -webkit-transform: perspective(1px) translateZ(0);
1617
+ transform: perspective(1px) translateZ(0);
1618
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1619
+ position: relative;
1620
+ overflow: hidden;
1621
+ background: #e1e1e1;
1622
+ -webkit-transition-property: color;
1623
+ transition-property: color;
1624
+ -webkit-transition-duration: 0.3s;
1625
+ transition-duration: 0.3s;
1626
+ }
1627
+ .hvr-radial-out:before {
1628
+ content: "";
1629
+ position: absolute;
1630
+ z-index: -1;
1631
+ top: 0;
1632
+ left: 0;
1633
+ right: 0;
1634
+ bottom: 0;
1635
+ background: #2098D1;
1636
+ border-radius: 100%;
1637
+ -webkit-transform: scale(0);
1638
+ transform: scale(0);
1639
+ -webkit-transition-property: transform;
1640
+ transition-property: transform;
1641
+ -webkit-transition-duration: 0.3s;
1642
+ transition-duration: 0.3s;
1643
+ -webkit-transition-timing-function: ease-out;
1644
+ transition-timing-function: ease-out;
1645
+ }
1646
+ .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
1647
+ color: white;
1648
+ }
1649
+ .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
1650
+ -webkit-transform: scale(2);
1651
+ transform: scale(2);
1652
+ }
1653
+
1654
+ /* Radial In */
1655
+ .hvr-radial-in {
1656
+ display: inline-block;
1657
+ vertical-align: middle;
1658
+ -webkit-transform: perspective(1px) translateZ(0);
1659
+ transform: perspective(1px) translateZ(0);
1660
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1661
+ position: relative;
1662
+ overflow: hidden;
1663
+ background: #2098D1;
1664
+ -webkit-transition-property: color;
1665
+ transition-property: color;
1666
+ -webkit-transition-duration: 0.3s;
1667
+ transition-duration: 0.3s;
1668
+ }
1669
+ .hvr-radial-in:before {
1670
+ content: "";
1671
+ position: absolute;
1672
+ z-index: -1;
1673
+ top: 0;
1674
+ left: 0;
1675
+ right: 0;
1676
+ bottom: 0;
1677
+ background: #e1e1e1;
1678
+ border-radius: 100%;
1679
+ -webkit-transform: scale(2);
1680
+ transform: scale(2);
1681
+ -webkit-transition-property: transform;
1682
+ transition-property: transform;
1683
+ -webkit-transition-duration: 0.3s;
1684
+ transition-duration: 0.3s;
1685
+ -webkit-transition-timing-function: ease-out;
1686
+ transition-timing-function: ease-out;
1687
+ }
1688
+ .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
1689
+ color: white;
1690
+ }
1691
+ .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
1692
+ -webkit-transform: scale(0);
1693
+ transform: scale(0);
1694
+ }
1695
+
1696
+ /* Rectangle In */
1697
+ .hvr-rectangle-in {
1698
+ display: inline-block;
1699
+ vertical-align: middle;
1700
+ -webkit-transform: perspective(1px) translateZ(0);
1701
+ transform: perspective(1px) translateZ(0);
1702
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1703
+ position: relative;
1704
+ background: #2098D1;
1705
+ -webkit-transition-property: color;
1706
+ transition-property: color;
1707
+ -webkit-transition-duration: 0.3s;
1708
+ transition-duration: 0.3s;
1709
+ }
1710
+ .hvr-rectangle-in:before {
1711
+ content: "";
1712
+ position: absolute;
1713
+ z-index: -1;
1714
+ top: 0;
1715
+ left: 0;
1716
+ right: 0;
1717
+ bottom: 0;
1718
+ background: #e1e1e1;
1719
+ -webkit-transform: scale(1);
1720
+ transform: scale(1);
1721
+ -webkit-transition-property: transform;
1722
+ transition-property: transform;
1723
+ -webkit-transition-duration: 0.3s;
1724
+ transition-duration: 0.3s;
1725
+ -webkit-transition-timing-function: ease-out;
1726
+ transition-timing-function: ease-out;
1727
+ }
1728
+ .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
1729
+ color: white;
1730
+ }
1731
+ .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
1732
+ -webkit-transform: scale(0);
1733
+ transform: scale(0);
1734
+ }
1735
+
1736
+ /* Rectangle Out */
1737
+ .hvr-rectangle-out {
1738
+ display: inline-block;
1739
+ vertical-align: middle;
1740
+ -webkit-transform: perspective(1px) translateZ(0);
1741
+ transform: perspective(1px) translateZ(0);
1742
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1743
+ position: relative;
1744
+ background: #e1e1e1;
1745
+ -webkit-transition-property: color;
1746
+ transition-property: color;
1747
+ -webkit-transition-duration: 0.3s;
1748
+ transition-duration: 0.3s;
1749
+ }
1750
+ .hvr-rectangle-out:before {
1751
+ content: "";
1752
+ position: absolute;
1753
+ z-index: -1;
1754
+ top: 0;
1755
+ left: 0;
1756
+ right: 0;
1757
+ bottom: 0;
1758
+ background: #2098D1;
1759
+ -webkit-transform: scale(0);
1760
+ transform: scale(0);
1761
+ -webkit-transition-property: transform;
1762
+ transition-property: transform;
1763
+ -webkit-transition-duration: 0.3s;
1764
+ transition-duration: 0.3s;
1765
+ -webkit-transition-timing-function: ease-out;
1766
+ transition-timing-function: ease-out;
1767
+ }
1768
+ .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
1769
+ color: white;
1770
+ }
1771
+ .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
1772
+ -webkit-transform: scale(1);
1773
+ transform: scale(1);
1774
+ }
1775
+
1776
+ /* Shutter In Horizontal */
1777
+ .hvr-shutter-in-horizontal {
1778
+ display: inline-block;
1779
+ vertical-align: middle;
1780
+ -webkit-transform: perspective(1px) translateZ(0);
1781
+ transform: perspective(1px) translateZ(0);
1782
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1783
+ position: relative;
1784
+ background: #2098D1;
1785
+ -webkit-transition-property: color;
1786
+ transition-property: color;
1787
+ -webkit-transition-duration: 0.3s;
1788
+ transition-duration: 0.3s;
1789
+ }
1790
+ .hvr-shutter-in-horizontal:before {
1791
+ content: "";
1792
+ position: absolute;
1793
+ z-index: -1;
1794
+ top: 0;
1795
+ bottom: 0;
1796
+ left: 0;
1797
+ right: 0;
1798
+ background: #e1e1e1;
1799
+ -webkit-transform: scaleX(1);
1800
+ transform: scaleX(1);
1801
+ -webkit-transform-origin: 50%;
1802
+ transform-origin: 50%;
1803
+ -webkit-transition-property: transform;
1804
+ transition-property: transform;
1805
+ -webkit-transition-duration: 0.3s;
1806
+ transition-duration: 0.3s;
1807
+ -webkit-transition-timing-function: ease-out;
1808
+ transition-timing-function: ease-out;
1809
+ }
1810
+ .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
1811
+ color: white;
1812
+ }
1813
+ .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
1814
+ -webkit-transform: scaleX(0);
1815
+ transform: scaleX(0);
1816
+ }
1817
+
1818
+ /* Shutter Out Horizontal */
1819
+ .hvr-shutter-out-horizontal {
1820
+ display: inline-block;
1821
+ vertical-align: middle;
1822
+ -webkit-transform: perspective(1px) translateZ(0);
1823
+ transform: perspective(1px) translateZ(0);
1824
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1825
+ position: relative;
1826
+ background: #e1e1e1;
1827
+ -webkit-transition-property: color;
1828
+ transition-property: color;
1829
+ -webkit-transition-duration: 0.3s;
1830
+ transition-duration: 0.3s;
1831
+ }
1832
+ .hvr-shutter-out-horizontal:before {
1833
+ content: "";
1834
+ position: absolute;
1835
+ z-index: -1;
1836
+ top: 0;
1837
+ bottom: 0;
1838
+ left: 0;
1839
+ right: 0;
1840
+ background: #2098D1;
1841
+ -webkit-transform: scaleX(0);
1842
+ transform: scaleX(0);
1843
+ -webkit-transform-origin: 50%;
1844
+ transform-origin: 50%;
1845
+ -webkit-transition-property: transform;
1846
+ transition-property: transform;
1847
+ -webkit-transition-duration: 0.3s;
1848
+ transition-duration: 0.3s;
1849
+ -webkit-transition-timing-function: ease-out;
1850
+ transition-timing-function: ease-out;
1851
+ }
1852
+ .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
1853
+ color: white;
1854
+ }
1855
+ .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
1856
+ -webkit-transform: scaleX(1);
1857
+ transform: scaleX(1);
1858
+ }
1859
+
1860
+ /* Shutter In Vertical */
1861
+ .hvr-shutter-in-vertical {
1862
+ display: inline-block;
1863
+ vertical-align: middle;
1864
+ -webkit-transform: perspective(1px) translateZ(0);
1865
+ transform: perspective(1px) translateZ(0);
1866
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1867
+ position: relative;
1868
+ background: #2098D1;
1869
+ -webkit-transition-property: color;
1870
+ transition-property: color;
1871
+ -webkit-transition-duration: 0.3s;
1872
+ transition-duration: 0.3s;
1873
+ }
1874
+ .hvr-shutter-in-vertical:before {
1875
+ content: "";
1876
+ position: absolute;
1877
+ z-index: -1;
1878
+ top: 0;
1879
+ bottom: 0;
1880
+ left: 0;
1881
+ right: 0;
1882
+ background: #e1e1e1;
1883
+ -webkit-transform: scaleY(1);
1884
+ transform: scaleY(1);
1885
+ -webkit-transform-origin: 50%;
1886
+ transform-origin: 50%;
1887
+ -webkit-transition-property: transform;
1888
+ transition-property: transform;
1889
+ -webkit-transition-duration: 0.3s;
1890
+ transition-duration: 0.3s;
1891
+ -webkit-transition-timing-function: ease-out;
1892
+ transition-timing-function: ease-out;
1893
+ }
1894
+ .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
1895
+ color: white;
1896
+ }
1897
+ .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
1898
+ -webkit-transform: scaleY(0);
1899
+ transform: scaleY(0);
1900
+ }
1901
+
1902
+ /* Shutter Out Vertical */
1903
+ .hvr-shutter-out-vertical {
1904
+ display: inline-block;
1905
+ vertical-align: middle;
1906
+ -webkit-transform: perspective(1px) translateZ(0);
1907
+ transform: perspective(1px) translateZ(0);
1908
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1909
+ position: relative;
1910
+ background: #e1e1e1;
1911
+ -webkit-transition-property: color;
1912
+ transition-property: color;
1913
+ -webkit-transition-duration: 0.3s;
1914
+ transition-duration: 0.3s;
1915
+ }
1916
+ .hvr-shutter-out-vertical:before {
1917
+ content: "";
1918
+ position: absolute;
1919
+ z-index: -1;
1920
+ top: 0;
1921
+ bottom: 0;
1922
+ left: 0;
1923
+ right: 0;
1924
+ background: #2098D1;
1925
+ -webkit-transform: scaleY(0);
1926
+ transform: scaleY(0);
1927
+ -webkit-transform-origin: 50%;
1928
+ transform-origin: 50%;
1929
+ -webkit-transition-property: transform;
1930
+ transition-property: transform;
1931
+ -webkit-transition-duration: 0.3s;
1932
+ transition-duration: 0.3s;
1933
+ -webkit-transition-timing-function: ease-out;
1934
+ transition-timing-function: ease-out;
1935
+ }
1936
+ .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
1937
+ color: white;
1938
+ }
1939
+ .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
1940
+ -webkit-transform: scaleY(1);
1941
+ transform: scaleY(1);
1942
+ }
1943
+
1944
+ /* BORDER TRANSITIONS */
1945
+ /* Border Fade */
1946
+ .hvr-border-fade {
1947
+ display: inline-block;
1948
+ vertical-align: middle;
1949
+ -webkit-transform: perspective(1px) translateZ(0);
1950
+ transform: perspective(1px) translateZ(0);
1951
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1952
+ -webkit-transition-duration: 0.3s;
1953
+ transition-duration: 0.3s;
1954
+ -webkit-transition-property: box-shadow;
1955
+ transition-property: box-shadow;
1956
+ box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
1957
+ /* Hack to improve aliasing on mobile/tablet devices */
1958
+ }
1959
+ .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
1960
+ box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0);
1961
+ /* Hack to improve aliasing on mobile/tablet devices */
1962
+ }
1963
+
1964
+ /* Hollow */
1965
+ .hvr-hollow {
1966
+ display: inline-block;
1967
+ vertical-align: middle;
1968
+ -webkit-transform: perspective(1px) translateZ(0);
1969
+ transform: perspective(1px) translateZ(0);
1970
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1971
+ -webkit-transition-duration: 0.3s;
1972
+ transition-duration: 0.3s;
1973
+ -webkit-transition-property: background;
1974
+ transition-property: background;
1975
+ box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
1976
+ /* Hack to improve aliasing on mobile/tablet devices */
1977
+ }
1978
+ .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
1979
+ background: none;
1980
+ }
1981
+
1982
+ /* Trim */
1983
+ .hvr-trim {
1984
+ display: inline-block;
1985
+ vertical-align: middle;
1986
+ -webkit-transform: perspective(1px) translateZ(0);
1987
+ transform: perspective(1px) translateZ(0);
1988
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1989
+ position: relative;
1990
+ }
1991
+ .hvr-trim:before {
1992
+ content: '';
1993
+ position: absolute;
1994
+ border: white solid 4px;
1995
+ top: 4px;
1996
+ left: 4px;
1997
+ right: 4px;
1998
+ bottom: 4px;
1999
+ opacity: 0;
2000
+ -webkit-transition-duration: 0.3s;
2001
+ transition-duration: 0.3s;
2002
+ -webkit-transition-property: opacity;
2003
+ transition-property: opacity;
2004
+ }
2005
+ .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
2006
+ opacity: 1;
2007
+ }
2008
+
2009
+ /* Ripple Out */
2010
+ @-webkit-keyframes hvr-ripple-out {
2011
+ 100% {
2012
+ top: -12px;
2013
+ right: -12px;
2014
+ bottom: -12px;
2015
+ left: -12px;
2016
+ opacity: 0;
2017
+ }
2018
+ }
2019
+ @keyframes hvr-ripple-out {
2020
+ 100% {
2021
+ top: -12px;
2022
+ right: -12px;
2023
+ bottom: -12px;
2024
+ left: -12px;
2025
+ opacity: 0;
2026
+ }
2027
+ }
2028
+ .hvr-ripple-out {
2029
+ display: inline-block;
2030
+ vertical-align: middle;
2031
+ -webkit-transform: perspective(1px) translateZ(0);
2032
+ transform: perspective(1px) translateZ(0);
2033
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2034
+ position: relative;
2035
+ }
2036
+ .hvr-ripple-out:before {
2037
+ content: '';
2038
+ position: absolute;
2039
+ border: #e1e1e1 solid 6px;
2040
+ top: 0;
2041
+ right: 0;
2042
+ bottom: 0;
2043
+ left: 0;
2044
+ -webkit-animation-duration: 1s;
2045
+ animation-duration: 1s;
2046
+ }
2047
+ .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
2048
+ -webkit-animation-name: hvr-ripple-out;
2049
+ animation-name: hvr-ripple-out;
2050
+ }
2051
+
2052
+ /* Ripple In */
2053
+ @-webkit-keyframes hvr-ripple-in {
2054
+ 100% {
2055
+ top: 0;
2056
+ right: 0;
2057
+ bottom: 0;
2058
+ left: 0;
2059
+ opacity: 1;
2060
+ }
2061
+ }
2062
+ @keyframes hvr-ripple-in {
2063
+ 100% {
2064
+ top: 0;
2065
+ right: 0;
2066
+ bottom: 0;
2067
+ left: 0;
2068
+ opacity: 1;
2069
+ }
2070
+ }
2071
+ .hvr-ripple-in {
2072
+ display: inline-block;
2073
+ vertical-align: middle;
2074
+ -webkit-transform: perspective(1px) translateZ(0);
2075
+ transform: perspective(1px) translateZ(0);
2076
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2077
+ position: relative;
2078
+ }
2079
+ .hvr-ripple-in:before {
2080
+ content: '';
2081
+ position: absolute;
2082
+ border: #e1e1e1 solid 4px;
2083
+ top: -12px;
2084
+ right: -12px;
2085
+ bottom: -12px;
2086
+ left: -12px;
2087
+ opacity: 0;
2088
+ -webkit-animation-duration: 1s;
2089
+ animation-duration: 1s;
2090
+ }
2091
+ .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
2092
+ -webkit-animation-name: hvr-ripple-in;
2093
+ animation-name: hvr-ripple-in;
2094
+ }
2095
+
2096
+ /* Outline Out */
2097
+ .hvr-outline-out {
2098
+ display: inline-block;
2099
+ vertical-align: middle;
2100
+ -webkit-transform: perspective(1px) translateZ(0);
2101
+ transform: perspective(1px) translateZ(0);
2102
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2103
+ position: relative;
2104
+ }
2105
+ .hvr-outline-out:before {
2106
+ content: '';
2107
+ position: absolute;
2108
+ border: #e1e1e1 solid 4px;
2109
+ top: 0;
2110
+ right: 0;
2111
+ bottom: 0;
2112
+ left: 0;
2113
+ -webkit-transition-duration: 0.3s;
2114
+ transition-duration: 0.3s;
2115
+ -webkit-transition-property: top, right, bottom, left;
2116
+ transition-property: top, right, bottom, left;
2117
+ }
2118
+ .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
2119
+ top: -8px;
2120
+ right: -8px;
2121
+ bottom: -8px;
2122
+ left: -8px;
2123
+ }
2124
+
2125
+ /* Outline In. The original name was "hvr-outline-in". */
2126
+ .on_hover_outline_in {
2127
+ display: inline-block;
2128
+ vertical-align: middle;
2129
+ -webkit-transform: perspective(1px) translateZ(0);
2130
+ transform: perspective(1px) translateZ(0);
2131
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2132
+ position: relative;
2133
+ }
2134
+ .on_hover_outline_in:before {
2135
+ pointer-events: none;
2136
+ content: '';
2137
+ position: absolute;
2138
+ border: #e1e1e1 solid 3px;
2139
+ top: -16px;
2140
+ right: -16px;
2141
+ bottom: -16px;
2142
+ left: -16px;
2143
+ opacity: 0;
2144
+ -webkit-transition-duration: 0.3s;
2145
+ transition-duration: 0.3s;
2146
+ -webkit-transition-property: top, right, bottom, left;
2147
+ transition-property: top, right, bottom, left;
2148
+ }
2149
+ .on_hover_outline_in:hover:before,
2150
+ .on_hover_outline_in:focus:before,
2151
+ .on_hover_outline_in:active:before {
2152
+ top: -8px;
2153
+ right: -8px;
2154
+ bottom: -8px;
2155
+ left: -8px;
2156
+ opacity: 1;
2157
+ }
2158
+
2159
+ /* Round Corners */
2160
+ .hvr-round-corners {
2161
+ display: inline-block;
2162
+ vertical-align: middle;
2163
+ -webkit-transform: perspective(1px) translateZ(0);
2164
+ transform: perspective(1px) translateZ(0);
2165
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2166
+ -webkit-transition-duration: 0.3s;
2167
+ transition-duration: 0.3s;
2168
+ -webkit-transition-property: border-radius;
2169
+ transition-property: border-radius;
2170
+ }
2171
+ .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
2172
+ border-radius: 1em;
2173
+ }
2174
+
2175
+ /* Underline From Left */
2176
+ .hvr-underline-from-left {
2177
+ display: inline-block;
2178
+ vertical-align: middle;
2179
+ -webkit-transform: perspective(1px) translateZ(0);
2180
+ transform: perspective(1px) translateZ(0);
2181
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2182
+ position: relative;
2183
+ overflow: hidden;
2184
+ }
2185
+ .hvr-underline-from-left:before {
2186
+ content: "";
2187
+ position: absolute;
2188
+ z-index: -1;
2189
+ left: 0;
2190
+ right: 100%;
2191
+ bottom: 0;
2192
+ background: #2098D1;
2193
+ height: 4px;
2194
+ -webkit-transition-property: right;
2195
+ transition-property: right;
2196
+ -webkit-transition-duration: 0.3s;
2197
+ transition-duration: 0.3s;
2198
+ -webkit-transition-timing-function: ease-out;
2199
+ transition-timing-function: ease-out;
2200
+ }
2201
+ .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
2202
+ right: 0;
2203
+ }
2204
+
2205
+ /* Underline From Center */
2206
+ .hvr-underline-from-center {
2207
+ display: inline-block;
2208
+ vertical-align: middle;
2209
+ -webkit-transform: perspective(1px) translateZ(0);
2210
+ transform: perspective(1px) translateZ(0);
2211
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2212
+ position: relative;
2213
+ overflow: hidden;
2214
+ }
2215
+ .hvr-underline-from-center:before {
2216
+ content: "";
2217
+ position: absolute;
2218
+ z-index: -1;
2219
+ left: 51%;
2220
+ right: 51%;
2221
+ bottom: 0;
2222
+ background: #2098D1;
2223
+ height: 4px;
2224
+ -webkit-transition-property: left, right;
2225
+ transition-property: left, right;
2226
+ -webkit-transition-duration: 0.3s;
2227
+ transition-duration: 0.3s;
2228
+ -webkit-transition-timing-function: ease-out;
2229
+ transition-timing-function: ease-out;
2230
+ }
2231
+ .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
2232
+ left: 0;
2233
+ right: 0;
2234
+ }
2235
+
2236
+ /* Underline From Right */
2237
+ .hvr-underline-from-right {
2238
+ display: inline-block;
2239
+ vertical-align: middle;
2240
+ -webkit-transform: perspective(1px) translateZ(0);
2241
+ transform: perspective(1px) translateZ(0);
2242
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2243
+ position: relative;
2244
+ overflow: hidden;
2245
+ }
2246
+ .hvr-underline-from-right:before {
2247
+ content: "";
2248
+ position: absolute;
2249
+ z-index: -1;
2250
+ left: 100%;
2251
+ right: 0;
2252
+ bottom: 0;
2253
+ background: #2098D1;
2254
+ height: 4px;
2255
+ -webkit-transition-property: left;
2256
+ transition-property: left;
2257
+ -webkit-transition-duration: 0.3s;
2258
+ transition-duration: 0.3s;
2259
+ -webkit-transition-timing-function: ease-out;
2260
+ transition-timing-function: ease-out;
2261
+ }
2262
+ .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
2263
+ left: 0;
2264
+ }
2265
+
2266
+ /* Overline From Left */
2267
+ .hvr-overline-from-left {
2268
+ display: inline-block;
2269
+ vertical-align: middle;
2270
+ -webkit-transform: perspective(1px) translateZ(0);
2271
+ transform: perspective(1px) translateZ(0);
2272
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2273
+ position: relative;
2274
+ overflow: hidden;
2275
+ }
2276
+ .hvr-overline-from-left:before {
2277
+ content: "";
2278
+ position: absolute;
2279
+ z-index: -1;
2280
+ left: 0;
2281
+ right: 100%;
2282
+ top: 0;
2283
+ background: #2098D1;
2284
+ height: 4px;
2285
+ -webkit-transition-property: right;
2286
+ transition-property: right;
2287
+ -webkit-transition-duration: 0.3s;
2288
+ transition-duration: 0.3s;
2289
+ -webkit-transition-timing-function: ease-out;
2290
+ transition-timing-function: ease-out;
2291
+ }
2292
+ .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
2293
+ right: 0;
2294
+ }
2295
+
2296
+ /* Overline From Center */
2297
+ .hvr-overline-from-center {
2298
+ display: inline-block;
2299
+ vertical-align: middle;
2300
+ -webkit-transform: perspective(1px) translateZ(0);
2301
+ transform: perspective(1px) translateZ(0);
2302
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2303
+ position: relative;
2304
+ overflow: hidden;
2305
+ }
2306
+ .hvr-overline-from-center:before {
2307
+ content: "";
2308
+ position: absolute;
2309
+ z-index: -1;
2310
+ left: 51%;
2311
+ right: 51%;
2312
+ top: 0;
2313
+ background: #2098D1;
2314
+ height: 4px;
2315
+ -webkit-transition-property: left, right;
2316
+ transition-property: left, right;
2317
+ -webkit-transition-duration: 0.3s;
2318
+ transition-duration: 0.3s;
2319
+ -webkit-transition-timing-function: ease-out;
2320
+ transition-timing-function: ease-out;
2321
+ }
2322
+ .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
2323
+ left: 0;
2324
+ right: 0;
2325
+ }
2326
+
2327
+ /* Overline From Right */
2328
+ .hvr-overline-from-right {
2329
+ display: inline-block;
2330
+ vertical-align: middle;
2331
+ -webkit-transform: perspective(1px) translateZ(0);
2332
+ transform: perspective(1px) translateZ(0);
2333
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2334
+ position: relative;
2335
+ overflow: hidden;
2336
+ }
2337
+ .hvr-overline-from-right:before {
2338
+ content: "";
2339
+ position: absolute;
2340
+ z-index: -1;
2341
+ left: 100%;
2342
+ right: 0;
2343
+ top: 0;
2344
+ background: #2098D1;
2345
+ height: 4px;
2346
+ -webkit-transition-property: left;
2347
+ transition-property: left;
2348
+ -webkit-transition-duration: 0.3s;
2349
+ transition-duration: 0.3s;
2350
+ -webkit-transition-timing-function: ease-out;
2351
+ transition-timing-function: ease-out;
2352
+ }
2353
+ .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
2354
+ left: 0;
2355
+ }
2356
+
2357
+ /* Reveal */
2358
+ .hvr-reveal {
2359
+ display: inline-block;
2360
+ vertical-align: middle;
2361
+ -webkit-transform: perspective(1px) translateZ(0);
2362
+ transform: perspective(1px) translateZ(0);
2363
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2364
+ position: relative;
2365
+ overflow: hidden;
2366
+ }
2367
+ .hvr-reveal:before {
2368
+ content: "";
2369
+ position: absolute;
2370
+ z-index: -1;
2371
+ left: 0;
2372
+ right: 0;
2373
+ top: 0;
2374
+ bottom: 0;
2375
+ border-color: #2098D1;
2376
+ border-style: solid;
2377
+ border-width: 0;
2378
+ -webkit-transition-property: border-width;
2379
+ transition-property: border-width;
2380
+ -webkit-transition-duration: 0.1s;
2381
+ transition-duration: 0.1s;
2382
+ -webkit-transition-timing-function: ease-out;
2383
+ transition-timing-function: ease-out;
2384
+ }
2385
+ .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
2386
+ -webkit-transform: translateY(0);
2387
+ transform: translateY(0);
2388
+ border-width: 4px;
2389
+ }
2390
+
2391
+ /* Underline Reveal */
2392
+ .hvr-underline-reveal {
2393
+ display: inline-block;
2394
+ vertical-align: middle;
2395
+ -webkit-transform: perspective(1px) translateZ(0);
2396
+ transform: perspective(1px) translateZ(0);
2397
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2398
+ position: relative;
2399
+ overflow: hidden;
2400
+ }
2401
+ .hvr-underline-reveal:before {
2402
+ content: "";
2403
+ position: absolute;
2404
+ z-index: -1;
2405
+ left: 0;
2406
+ right: 0;
2407
+ bottom: 0;
2408
+ background: #2098D1;
2409
+ height: 4px;
2410
+ -webkit-transform: translateY(4px);
2411
+ transform: translateY(4px);
2412
+ -webkit-transition-property: transform;
2413
+ transition-property: transform;
2414
+ -webkit-transition-duration: 0.3s;
2415
+ transition-duration: 0.3s;
2416
+ -webkit-transition-timing-function: ease-out;
2417
+ transition-timing-function: ease-out;
2418
+ }
2419
+ .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
2420
+ -webkit-transform: translateY(0);
2421
+ transform: translateY(0);
2422
+ }
2423
+
2424
+ /* Overline Reveal */
2425
+ .hvr-overline-reveal {
2426
+ display: inline-block;
2427
+ vertical-align: middle;
2428
+ -webkit-transform: perspective(1px) translateZ(0);
2429
+ transform: perspective(1px) translateZ(0);
2430
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2431
+ position: relative;
2432
+ overflow: hidden;
2433
+ }
2434
+ .hvr-overline-reveal:before {
2435
+ content: "";
2436
+ position: absolute;
2437
+ z-index: -1;
2438
+ left: 0;
2439
+ right: 0;
2440
+ top: 0;
2441
+ background: #2098D1;
2442
+ height: 4px;
2443
+ -webkit-transform: translateY(-4px);
2444
+ transform: translateY(-4px);
2445
+ -webkit-transition-property: transform;
2446
+ transition-property: transform;
2447
+ -webkit-transition-duration: 0.3s;
2448
+ transition-duration: 0.3s;
2449
+ -webkit-transition-timing-function: ease-out;
2450
+ transition-timing-function: ease-out;
2451
+ }
2452
+ .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
2453
+ -webkit-transform: translateY(0);
2454
+ transform: translateY(0);
2455
+ }
2456
+
2457
+ /* SHADOW/GLOW TRANSITIONS */
2458
+ /* Glow */
2459
+ .on_hover_glow {
2460
+ display: inline-block;
2461
+ vertical-align: middle;
2462
+ -webkit-transform: perspective(1px) translateZ(0);
2463
+ transform: perspective(1px) translateZ(0);
2464
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2465
+ -webkit-transition-duration: 0.3s;
2466
+ transition-duration: 0.3s;
2467
+ -webkit-transition-property: box-shadow;
2468
+ transition-property: box-shadow;
2469
+ }
2470
+ .on_hover_glow:hover,
2471
+ .on_hover_glow:focus,
2472
+ .on_hover_glow:active {
2473
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
2474
+ }
2475
+
2476
+ /* Shadow */
2477
+ .hvr-shadow {
2478
+ display: inline-block;
2479
+ vertical-align: middle;
2480
+ -webkit-transform: perspective(1px) translateZ(0);
2481
+ transform: perspective(1px) translateZ(0);
2482
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2483
+ -webkit-transition-duration: 0.3s;
2484
+ transition-duration: 0.3s;
2485
+ -webkit-transition-property: box-shadow;
2486
+ transition-property: box-shadow;
2487
+ }
2488
+ .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
2489
+ box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
2490
+ }
2491
+
2492
+ /* Grow Shadow */
2493
+ .hvr-grow-shadow {
2494
+ display: inline-block;
2495
+ vertical-align: middle;
2496
+ -webkit-transform: perspective(1px) translateZ(0);
2497
+ transform: perspective(1px) translateZ(0);
2498
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2499
+ -webkit-transition-duration: 0.3s;
2500
+ transition-duration: 0.3s;
2501
+ -webkit-transition-property: box-shadow, transform;
2502
+ transition-property: box-shadow, transform;
2503
+ }
2504
+ .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
2505
+ box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
2506
+ -webkit-transform: scale(1.1);
2507
+ transform: scale(1.1);
2508
+ }
2509
+
2510
+ /* Box Shadow Outset */
2511
+ .hvr-box-shadow-outset {
2512
+ display: inline-block;
2513
+ vertical-align: middle;
2514
+ -webkit-transform: perspective(1px) translateZ(0);
2515
+ transform: perspective(1px) translateZ(0);
2516
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2517
+ -webkit-transition-duration: 0.3s;
2518
+ transition-duration: 0.3s;
2519
+ -webkit-transition-property: box-shadow;
2520
+ transition-property: box-shadow;
2521
+ }
2522
+ .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
2523
+ box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
2524
+ }
2525
+
2526
+ /* Box Shadow Inset */
2527
+ .hvr-box-shadow-inset {
2528
+ display: inline-block;
2529
+ vertical-align: middle;
2530
+ -webkit-transform: perspective(1px) translateZ(0);
2531
+ transform: perspective(1px) translateZ(0);
2532
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2533
+ -webkit-transition-duration: 0.3s;
2534
+ transition-duration: 0.3s;
2535
+ -webkit-transition-property: box-shadow;
2536
+ transition-property: box-shadow;
2537
+ box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
2538
+ /* Hack to improve aliasing on mobile/tablet devices */
2539
+ }
2540
+ .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
2541
+ box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
2542
+ /* Hack to improve aliasing on mobile/tablet devices */
2543
+ }
2544
+
2545
+ /* Float Shadow */
2546
+ .hvr-float-shadow {
2547
+ display: inline-block;
2548
+ vertical-align: middle;
2549
+ -webkit-transform: perspective(1px) translateZ(0);
2550
+ transform: perspective(1px) translateZ(0);
2551
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2552
+ position: relative;
2553
+ -webkit-transition-duration: 0.3s;
2554
+ transition-duration: 0.3s;
2555
+ -webkit-transition-property: transform;
2556
+ transition-property: transform;
2557
+ }
2558
+ .hvr-float-shadow:before {
2559
+ pointer-events: none;
2560
+ position: absolute;
2561
+ z-index: -1;
2562
+ content: '';
2563
+ top: 100%;
2564
+ left: 5%;
2565
+ height: 10px;
2566
+ width: 90%;
2567
+ opacity: 0;
2568
+ background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
2569
+ background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
2570
+ /* W3C */
2571
+ -webkit-transition-duration: 0.3s;
2572
+ transition-duration: 0.3s;
2573
+ -webkit-transition-property: transform, opacity;
2574
+ transition-property: transform, opacity;
2575
+ }
2576
+ .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
2577
+ -webkit-transform: translateY(-5px);
2578
+ transform: translateY(-5px);
2579
+ /* move the element up by 5px */
2580
+ }
2581
+ .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
2582
+ opacity: 1;
2583
+ -webkit-transform: translateY(5px);
2584
+ transform: translateY(5px);
2585
+ /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
2586
+ }
2587
+
2588
+ /* Shadow Radial */
2589
+ .hvr-shadow-radial {
2590
+ display: inline-block;
2591
+ vertical-align: middle;
2592
+ -webkit-transform: perspective(1px) translateZ(0);
2593
+ transform: perspective(1px) translateZ(0);
2594
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2595
+ position: relative;
2596
+ }
2597
+ .hvr-shadow-radial:before, .hvr-shadow-radial:after {
2598
+ pointer-events: none;
2599
+ position: absolute;
2600
+ content: '';
2601
+ left: 0;
2602
+ width: 100%;
2603
+ box-sizing: border-box;
2604
+ background-repeat: no-repeat;
2605
+ height: 5px;
2606
+ opacity: 0;
2607
+ -webkit-transition-duration: 0.3s;
2608
+ transition-duration: 0.3s;
2609
+ -webkit-transition-property: opacity;
2610
+ transition-property: opacity;
2611
+ }
2612
+ .hvr-shadow-radial:before {
2613
+ bottom: 100%;
2614
+ background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
2615
+ background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
2616
+ }
2617
+ .hvr-shadow-radial:after {
2618
+ top: 100%;
2619
+ background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
2620
+ background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
2621
+ }
2622
+ .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
2623
+ opacity: 1;
2624
+ }
2625
+
2626
+ /* SPEECH BUBBLES */
2627
+
2628
+ /* Bubble Top */
2629
+ .hvr-bubble-top {
2630
+ display: inline-block;
2631
+ vertical-align: middle;
2632
+ -webkit-transform: perspective(1px) translateZ(0);
2633
+ transform: perspective(1px) translateZ(0);
2634
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2635
+ position: relative;
2636
+ }
2637
+ .hvr-bubble-top:before {
2638
+ pointer-events: none;
2639
+ position: absolute;
2640
+ z-index: -1;
2641
+ content: '';
2642
+ border-style: solid;
2643
+ -webkit-transition-duration: 0.3s;
2644
+ transition-duration: 0.3s;
2645
+ -webkit-transition-property: transform;
2646
+ transition-property: transform;
2647
+ left: calc(50% - 10px);
2648
+ top: 0;
2649
+ border-width: 0 10px 10px 10px;
2650
+ border-color: transparent transparent #e1e1e1 transparent;
2651
+ }
2652
+ .hvr-bubble-top:hover:before,
2653
+ .hvr-bubble-top:focus:before,
2654
+ .hvr-bubble-top:active:before {
2655
+ -webkit-transform: translateY(-10px);
2656
+ transform: translateY(-10px);
2657
+ }
2658
+
2659
+ /* Bubble Right */
2660
+ .hover_bubble_right {
2661
+ display: inline-block;
2662
+ vertical-align: middle;
2663
+ -webkit-transform: perspective(1px) translateZ(0);
2664
+ transform: perspective(1px) translateZ(0);
2665
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2666
+ position: relative;
2667
+ }
2668
+ .hover_bubble_right:before {
2669
+ pointer-events: none;
2670
+ position: absolute;
2671
+ z-index: -1;
2672
+ content: '';
2673
+ border-style: solid;
2674
+ -webkit-transition-duration: 0.3s;
2675
+ transition-duration: 0.3s;
2676
+ -webkit-transition-property: transform;
2677
+ transition-property: transform;
2678
+ top: calc(50% - 10px);
2679
+ right: 0;
2680
+ border-width: 10px 0 10px 10px;
2681
+ border-color: transparent transparent transparent #e1e1e1;
2682
+ }
2683
+ .hover_bubble_right:hover:before,
2684
+ .hover_bubble_right:focus:before,
2685
+ .hover_bubble_right:active:before {
2686
+ -webkit-transform: translateX(10px);
2687
+ transform: translateX(10px);
2688
+ }
2689
+
2690
+ /* Bubble Bottom */
2691
+ .hvr-bubble-bottom {
2692
+ display: inline-block;
2693
+ vertical-align: middle;
2694
+ -webkit-transform: perspective(1px) translateZ(0);
2695
+ transform: perspective(1px) translateZ(0);
2696
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2697
+ position: relative;
2698
+ }
2699
+ .hvr-bubble-bottom:before {
2700
+ pointer-events: none;
2701
+ position: absolute;
2702
+ z-index: -1;
2703
+ content: '';
2704
+ border-style: solid;
2705
+ -webkit-transition-duration: 0.3s;
2706
+ transition-duration: 0.3s;
2707
+ -webkit-transition-property: transform;
2708
+ transition-property: transform;
2709
+ left: calc(50% - 10px);
2710
+ bottom: 0;
2711
+ border-width: 10px 10px 0 10px;
2712
+ border-color: #e1e1e1 transparent transparent transparent;
2713
+ }
2714
+ .hvr-bubble-bottom:hover:before,
2715
+ .hvr-bubble-bottom:focus:before,
2716
+ .hvr-bubble-bottom:active:before {
2717
+ -webkit-transform: translateY(10px);
2718
+ transform: translateY(10px);
2719
+ }
2720
+
2721
+ /* Bubble Left */
2722
+ .hvr-bubble-left {
2723
+ display: inline-block;
2724
+ vertical-align: middle;
2725
+ -webkit-transform: perspective(1px) translateZ(0);
2726
+ transform: perspective(1px) translateZ(0);
2727
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2728
+ position: relative;
2729
+ }
2730
+ .hvr-bubble-left:before {
2731
+ pointer-events: none;
2732
+ position: absolute;
2733
+ z-index: -1;
2734
+ content: '';
2735
+ border-style: solid;
2736
+ -webkit-transition-duration: 0.3s;
2737
+ transition-duration: 0.3s;
2738
+ -webkit-transition-property: transform;
2739
+ transition-property: transform;
2740
+ top: calc(50% - 10px);
2741
+ left: 0;
2742
+ border-width: 10px 10px 10px 0;
2743
+ border-color: transparent #e1e1e1 transparent transparent;
2744
+ }
2745
+
2746
+ .hvr-bubble-left:hover:before,
2747
+ .hvr-bubble-left:focus:before,
2748
+ .hvr-bubble-left:active:before {
2749
+ -webkit-transform: translateX(-10px);
2750
+ transform: translateX(-10px);
2751
+ }
2752
+
2753
+ /* Bubble Float Top */
2754
+ .hvr-bubble-float-top {
2755
+ display: inline-block;
2756
+ vertical-align: middle;
2757
+ -webkit-transform: perspective(1px) translateZ(0);
2758
+ transform: perspective(1px) translateZ(0);
2759
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2760
+ position: relative;
2761
+ -webkit-transition-duration: 0.3s;
2762
+ transition-duration: 0.3s;
2763
+ -webkit-transition-property: transform;
2764
+ transition-property: transform;
2765
+ }
2766
+ .hvr-bubble-float-top:before {
2767
+ position: absolute;
2768
+ z-index: -1;
2769
+ content: '';
2770
+ left: calc(50% - 10px);
2771
+ top: 0;
2772
+ border-style: solid;
2773
+ border-width: 0 10px 10px 10px;
2774
+ border-color: transparent transparent #e1e1e1 transparent;
2775
+ -webkit-transition-duration: 0.3s;
2776
+ transition-duration: 0.3s;
2777
+ -webkit-transition-property: transform;
2778
+ transition-property: transform;
2779
+ }
2780
+ .hvr-bubble-float-top:hover,
2781
+ .hvr-bubble-float-top:focus,
2782
+ .hvr-bubble-float-top:active {
2783
+ -webkit-transform: translateY(10px);
2784
+ transform: translateY(10px);
2785
+ }
2786
+ .hvr-bubble-float-top:hover:before,
2787
+ .hvr-bubble-float-top:focus:before,
2788
+ .hvr-bubble-float-top:active:before {
2789
+ -webkit-transform: translateY(-10px);
2790
+ transform: translateY(-10px);
2791
+ }
2792
+
2793
+ /* Bubble Float Right */
2794
+ .hvr-bubble-float-right {
2795
+ display: inline-block;
2796
+ vertical-align: middle;
2797
+ -webkit-transform: perspective(1px) translateZ(0);
2798
+ transform: perspective(1px) translateZ(0);
2799
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2800
+ position: relative;
2801
+ -webkit-transition-duration: 0.3s;
2802
+ transition-duration: 0.3s;
2803
+ -webkit-transition-property: transform;
2804
+ transition-property: transform;
2805
+ }
2806
+ .hvr-bubble-float-right:before {
2807
+ position: absolute;
2808
+ z-index: -1;
2809
+ top: calc(50% - 10px);
2810
+ right: 0;
2811
+ content: '';
2812
+ border-style: solid;
2813
+ border-width: 10px 0 10px 10px;
2814
+ border-color: transparent transparent transparent #e1e1e1;
2815
+ -webkit-transition-duration: 0.3s;
2816
+ transition-duration: 0.3s;
2817
+ -webkit-transition-property: transform;
2818
+ transition-property: transform;
2819
+ }
2820
+ .hvr-bubble-float-right:hover,
2821
+ .hvr-bubble-float-right:focus,
2822
+ .hvr-bubble-float-right:active {
2823
+ -webkit-transform: translateX(-10px);
2824
+ transform: translateX(-10px);
2825
+ }
2826
+
2827
+ .hvr-bubble-float-right:hover:before,
2828
+ .hvr-bubble-float-right:focus:before,
2829
+ .hvr-bubble-float-right:active:before {
2830
+ -webkit-transform: translateX(10px);
2831
+ transform: translateX(10px);
2832
+ }
2833
+
2834
+ /* Bubble Float Bottom */
2835
+ .hvr-bubble-float-bottom {
2836
+ display: inline-block;
2837
+ vertical-align: middle;
2838
+ -webkit-transform: perspective(1px) translateZ(0);
2839
+ transform: perspective(1px) translateZ(0);
2840
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2841
+ position: relative;
2842
+ -webkit-transition-duration: 0.3s;
2843
+ transition-duration: 0.3s;
2844
+ -webkit-transition-property: transform;
2845
+ transition-property: transform;
2846
+ }
2847
+ .hvr-bubble-float-bottom:before {
2848
+ position: absolute;
2849
+ z-index: -1;
2850
+ content: '';
2851
+ left: calc(50% - 10px);
2852
+ bottom: 0;
2853
+ border-style: solid;
2854
+ border-width: 10px 10px 0 10px;
2855
+ border-color: #e1e1e1 transparent transparent transparent;
2856
+ -webkit-transition-duration: 0.3s;
2857
+ transition-duration: 0.3s;
2858
+ -webkit-transition-property: transform;
2859
+ transition-property: transform;
2860
+ }
2861
+
2862
+ .hvr-bubble-float-bottom:hover,
2863
+ .hvr-bubble-float-bottom:focus,
2864
+ .hvr-bubble-float-bottom:active {
2865
+ -webkit-transform: translateY(-10px);
2866
+ transform: translateY(-10px);
2867
+ }
2868
+ .hvr-bubble-float-bottom:hover:before,
2869
+ .hvr-bubble-float-bottom:focus:before,
2870
+ .hvr-bubble-float-bottom:active:before {
2871
+ -webkit-transform: translateY(10px);
2872
+ transform: translateY(10px);
2873
+ }
2874
+
2875
+ /* Bubble Float Left */
2876
+ .hvr-bubble-float-left {
2877
+ display: inline-block;
2878
+ vertical-align: middle;
2879
+ -webkit-transform: perspective(1px) translateZ(0);
2880
+ transform: perspective(1px) translateZ(0);
2881
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2882
+ position: relative;
2883
+ -webkit-transition-duration: 0.3s;
2884
+ transition-duration: 0.3s;
2885
+ -webkit-transition-property: transform;
2886
+ transition-property: transform;
2887
+ }
2888
+ .hvr-bubble-float-left:before {
2889
+ position: absolute;
2890
+ z-index: -1;
2891
+ content: '';
2892
+ top: calc(50% - 10px);
2893
+ left: 0;
2894
+ border-style: solid;
2895
+ border-width: 10px 10px 10px 0;
2896
+ border-color: transparent #e1e1e1 transparent transparent;
2897
+ -webkit-transition-duration: 0.3s;
2898
+ transition-duration: 0.3s;
2899
+ -webkit-transition-property: transform;
2900
+ transition-property: transform;
2901
+ }
2902
+ .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
2903
+ -webkit-transform: translateX(10px);
2904
+ transform: translateX(10px);
2905
+ }
2906
+ .hvr-bubble-float-left:hover:before,
2907
+ .hvr-bubble-float-left:focus:before,
2908
+ .hvr-bubble-float-left:active:before {
2909
+ -webkit-transform: translateX(-10px);
2910
+ transform: translateX(-10px);
2911
+ }
2912
+
2913
+ /* ICONS */
2914
+ /* Icon Back */
2915
+ .hvr-icon-back {
2916
+ display: inline-block;
2917
+ vertical-align: middle;
2918
+ -webkit-transform: perspective(1px) translateZ(0);
2919
+ transform: perspective(1px) translateZ(0);
2920
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2921
+ -webkit-transition-duration: 0.1s;
2922
+ transition-duration: 0.1s;
2923
+ }
2924
+ .hvr-icon-back .hvr-icon {
2925
+ -webkit-transform: translateZ(0);
2926
+ transform: translateZ(0);
2927
+ -webkit-transition-duration: 0.1s;
2928
+ transition-duration: 0.1s;
2929
+ -webkit-transition-property: transform;
2930
+ transition-property: transform;
2931
+ -webkit-transition-timing-function: ease-out;
2932
+ transition-timing-function: ease-out;
2933
+ }
2934
+ .hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon {
2935
+ -webkit-transform: translateX(-4px);
2936
+ transform: translateX(-4px);
2937
+ }
2938
+
2939
+ /* Icon Forward */
2940
+ .hvr-icon-forward {
2941
+ display: inline-block;
2942
+ vertical-align: middle;
2943
+ -webkit-transform: perspective(1px) translateZ(0);
2944
+ transform: perspective(1px) translateZ(0);
2945
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2946
+ -webkit-transition-duration: 0.1s;
2947
+ transition-duration: 0.1s;
2948
+ }
2949
+ .hvr-icon-forward .hvr-icon {
2950
+ -webkit-transform: translateZ(0);
2951
+ transform: translateZ(0);
2952
+ -webkit-transition-duration: 0.1s;
2953
+ transition-duration: 0.1s;
2954
+ -webkit-transition-property: transform;
2955
+ transition-property: transform;
2956
+ -webkit-transition-timing-function: ease-out;
2957
+ transition-timing-function: ease-out;
2958
+ }
2959
+ .hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
2960
+ -webkit-transform: translateX(4px);
2961
+ transform: translateX(4px);
2962
+ }
2963
+
2964
+ /* Icon Down */
2965
+ @-webkit-keyframes hvr-icon-down {
2966
+ 0%,
2967
+ 50%,
2968
+ 100% {
2969
+ -webkit-transform: translateY(0);
2970
+ transform: translateY(0);
2971
+ }
2972
+ 25%,
2973
+ 75% {
2974
+ -webkit-transform: translateY(6px);
2975
+ transform: translateY(6px);
2976
+ }
2977
+ }
2978
+ @keyframes hvr-icon-down {
2979
+ 0%,
2980
+ 50%,
2981
+ 100% {
2982
+ -webkit-transform: translateY(0);
2983
+ transform: translateY(0);
2984
+ }
2985
+ 25%,
2986
+ 75% {
2987
+ -webkit-transform: translateY(6px);
2988
+ transform: translateY(6px);
2989
+ }
2990
+ }
2991
+ /* Icon Down */
2992
+ .hvr-icon-down {
2993
+ display: inline-block;
2994
+ vertical-align: middle;
2995
+ -webkit-transform: perspective(1px) translateZ(0);
2996
+ transform: perspective(1px) translateZ(0);
2997
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
2998
+ }
2999
+ .hvr-icon-down .hvr-icon {
3000
+ -webkit-transform: translateZ(0);
3001
+ transform: translateZ(0);
3002
+ }
3003
+ .hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon {
3004
+ -webkit-animation-name: hvr-icon-down;
3005
+ animation-name: hvr-icon-down;
3006
+ -webkit-animation-duration: 0.75s;
3007
+ animation-duration: 0.75s;
3008
+ -webkit-animation-timing-function: ease-out;
3009
+ animation-timing-function: ease-out;
3010
+ }
3011
+
3012
+ /* Icon Up */
3013
+ @-webkit-keyframes hvr-icon-up {
3014
+ 0%,
3015
+ 50%,
3016
+ 100% {
3017
+ -webkit-transform: translateY(0);
3018
+ transform: translateY(0);
3019
+ }
3020
+ 25%,
3021
+ 75% {
3022
+ -webkit-transform: translateY(-6px);
3023
+ transform: translateY(-6px);
3024
+ }
3025
+ }
3026
+ @keyframes hvr-icon-up {
3027
+ 0%,
3028
+ 50%,
3029
+ 100% {
3030
+ -webkit-transform: translateY(0);
3031
+ transform: translateY(0);
3032
+ }
3033
+ 25%,
3034
+ 75% {
3035
+ -webkit-transform: translateY(-6px);
3036
+ transform: translateY(-6px);
3037
+ }
3038
+ }
3039
+ /* Icon Up */
3040
+ .hvr-icon-up {
3041
+ display: inline-block;
3042
+ vertical-align: middle;
3043
+ -webkit-transform: perspective(1px) translateZ(0);
3044
+ transform: perspective(1px) translateZ(0);
3045
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3046
+ }
3047
+ .hvr-icon-up .hvr-icon {
3048
+ -webkit-transform: translateZ(0);
3049
+ transform: translateZ(0);
3050
+ }
3051
+ .hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon {
3052
+ -webkit-animation-name: hvr-icon-up;
3053
+ animation-name: hvr-icon-up;
3054
+ -webkit-animation-duration: 0.75s;
3055
+ animation-duration: 0.75s;
3056
+ -webkit-animation-timing-function: ease-out;
3057
+ animation-timing-function: ease-out;
3058
+ }
3059
+
3060
+ /* Icon Spin */
3061
+ .hvr-icon-spin {
3062
+ display: inline-block;
3063
+ vertical-align: middle;
3064
+ -webkit-transform: perspective(1px) translateZ(0);
3065
+ transform: perspective(1px) translateZ(0);
3066
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3067
+ }
3068
+ .hvr-icon-spin .hvr-icon {
3069
+ -webkit-transition-duration: 1s;
3070
+ transition-duration: 1s;
3071
+ -webkit-transition-property: transform;
3072
+ transition-property: transform;
3073
+ -webkit-transition-timing-function: ease-in-out;
3074
+ transition-timing-function: ease-in-out;
3075
+ }
3076
+ .hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon {
3077
+ -webkit-transform: rotate(360deg);
3078
+ transform: rotate(360deg);
3079
+ }
3080
+
3081
+ /* Icon Drop */
3082
+ @-webkit-keyframes hvr-icon-drop {
3083
+ 0% {
3084
+ opacity: 0;
3085
+ }
3086
+ 50% {
3087
+ opacity: 0;
3088
+ -webkit-transform: translateY(-100%);
3089
+ transform: translateY(-100%);
3090
+ }
3091
+ 51%,
3092
+ 100% {
3093
+ opacity: 1;
3094
+ }
3095
+ }
3096
+ @keyframes hvr-icon-drop {
3097
+ 0% {
3098
+ opacity: 0;
3099
+ }
3100
+ 50% {
3101
+ opacity: 0;
3102
+ -webkit-transform: translateY(-100%);
3103
+ transform: translateY(-100%);
3104
+ }
3105
+ 51%,
3106
+ 100% {
3107
+ opacity: 1;
3108
+ }
3109
+ }
3110
+ /* Icon Drop */
3111
+ .hvr-icon-drop {
3112
+ display: inline-block;
3113
+ vertical-align: middle;
3114
+ -webkit-transform: perspective(1px) translateZ(0);
3115
+ transform: perspective(1px) translateZ(0);
3116
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3117
+ }
3118
+ .hvr-icon-drop .hvr-icon {
3119
+ -webkit-transform: translateZ(0);
3120
+ transform: translateZ(0);
3121
+ }
3122
+ .hvr-icon-drop:hover .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:active .hvr-icon {
3123
+ opacity: 0;
3124
+ -webkit-transition-duration: 0.3s;
3125
+ transition-duration: 0.3s;
3126
+ -webkit-animation-name: hvr-icon-drop;
3127
+ animation-name: hvr-icon-drop;
3128
+ -webkit-animation-duration: 0.5s;
3129
+ animation-duration: 0.5s;
3130
+ -webkit-animation-delay: 0.3s;
3131
+ animation-delay: 0.3s;
3132
+ -webkit-animation-fill-mode: forwards;
3133
+ animation-fill-mode: forwards;
3134
+ -webkit-animation-timing-function: ease-in-out;
3135
+ animation-timing-function: ease-in-out;
3136
+ -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
3137
+ animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
3138
+ }
3139
+
3140
+ /* Icon Fade */
3141
+ .hvr-icon-fade {
3142
+ display: inline-block;
3143
+ vertical-align: middle;
3144
+ -webkit-transform: perspective(1px) translateZ(0);
3145
+ transform: perspective(1px) translateZ(0);
3146
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3147
+ }
3148
+ .hvr-icon-fade .hvr-icon {
3149
+ -webkit-transform: translateZ(0);
3150
+ transform: translateZ(0);
3151
+ -webkit-transition-duration: 0.5s;
3152
+ transition-duration: 0.5s;
3153
+ -webkit-transition-property: color;
3154
+ transition-property: color;
3155
+ }
3156
+ .hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon {
3157
+ color: #0F9E5E;
3158
+ }
3159
+
3160
+ /* Icon Float Away */
3161
+ @-webkit-keyframes hvr-icon-float-away {
3162
+ 0% {
3163
+ opacity: 1;
3164
+ }
3165
+ 100% {
3166
+ opacity: 0;
3167
+ -webkit-transform: translateY(-1em);
3168
+ transform: translateY(-1em);
3169
+ }
3170
+ }
3171
+ @keyframes hvr-icon-float-away {
3172
+ 0% {
3173
+ opacity: 1;
3174
+ }
3175
+ 100% {
3176
+ opacity: 0;
3177
+ -webkit-transform: translateY(-1em);
3178
+ transform: translateY(-1em);
3179
+ }
3180
+ }
3181
+ /* Icon Float Away */
3182
+ .hvr-icon-float-away {
3183
+ display: inline-block;
3184
+ vertical-align: middle;
3185
+ -webkit-transform: perspective(1px) translateZ(0);
3186
+ transform: perspective(1px) translateZ(0);
3187
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3188
+ }
3189
+ .hvr-icon-float-away .hvr-icon {
3190
+ -webkit-transform: translateZ(0);
3191
+ transform: translateZ(0);
3192
+ -webkit-animation-duration: 0.5s;
3193
+ animation-duration: 0.5s;
3194
+ -webkit-animation-fill-mode: forwards;
3195
+ animation-fill-mode: forwards;
3196
+ }
3197
+ .hvr-icon-float-away:hover .hvr-icon, .hvr-icon-float-away:focus .hvr-icon, .hvr-icon-float-away:active .hvr-icon {
3198
+ -webkit-animation-name: hvr-icon-float-away;
3199
+ animation-name: hvr-icon-float-away;
3200
+ -webkit-animation-timing-function: ease-out;
3201
+ animation-timing-function: ease-out;
3202
+ }
3203
+
3204
+ /* Icon Sink Away */
3205
+ @-webkit-keyframes hvr-icon-sink-away {
3206
+ 0% {
3207
+ opacity: 1;
3208
+ }
3209
+ 100% {
3210
+ opacity: 0;
3211
+ -webkit-transform: translateY(1em);
3212
+ transform: translateY(1em);
3213
+ }
3214
+ }
3215
+ @keyframes hvr-icon-sink-away {
3216
+ 0% {
3217
+ opacity: 1;
3218
+ }
3219
+ 100% {
3220
+ opacity: 0;
3221
+ -webkit-transform: translateY(1em);
3222
+ transform: translateY(1em);
3223
+ }
3224
+ }
3225
+ /* Icon Sink Away */
3226
+ .hvr-icon-sink-away {
3227
+ display: inline-block;
3228
+ vertical-align: middle;
3229
+ -webkit-transform: perspective(1px) translateZ(0);
3230
+ transform: perspective(1px) translateZ(0);
3231
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3232
+ }
3233
+ .hvr-icon-sink-away .hvr-icon {
3234
+ -webkit-transform: translateZ(0);
3235
+ transform: translateZ(0);
3236
+ -webkit-animation-duration: 0.5s;
3237
+ animation-duration: 0.5s;
3238
+ -webkit-animation-fill-mode: forwards;
3239
+ animation-fill-mode: forwards;
3240
+ }
3241
+ .hvr-icon-sink-away:hover .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:active .hvr-icon {
3242
+ -webkit-animation-name: hvr-icon-sink-away;
3243
+ animation-name: hvr-icon-sink-away;
3244
+ -webkit-animation-timing-function: ease-out;
3245
+ animation-timing-function: ease-out;
3246
+ }
3247
+
3248
+ /* Icon Grow */
3249
+ .hvr-icon-grow {
3250
+ display: inline-block;
3251
+ vertical-align: middle;
3252
+ -webkit-transform: perspective(1px) translateZ(0);
3253
+ transform: perspective(1px) translateZ(0);
3254
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3255
+ -webkit-transition-duration: 0.3s;
3256
+ transition-duration: 0.3s;
3257
+ }
3258
+ .hvr-icon-grow .hvr-icon {
3259
+ -webkit-transform: translateZ(0);
3260
+ transform: translateZ(0);
3261
+ -webkit-transition-duration: 0.3s;
3262
+ transition-duration: 0.3s;
3263
+ -webkit-transition-property: transform;
3264
+ transition-property: transform;
3265
+ -webkit-transition-timing-function: ease-out;
3266
+ transition-timing-function: ease-out;
3267
+ }
3268
+ .hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
3269
+ -webkit-transform: scale(1.3) translateZ(0);
3270
+ transform: scale(1.3) translateZ(0);
3271
+ }
3272
+
3273
+ /* Icon Shrink */
3274
+ .hvr-icon-shrink {
3275
+ display: inline-block;
3276
+ vertical-align: middle;
3277
+ -webkit-transform: perspective(1px) translateZ(0);
3278
+ transform: perspective(1px) translateZ(0);
3279
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3280
+ -webkit-transition-duration: 0.3s;
3281
+ transition-duration: 0.3s;
3282
+ }
3283
+ .hvr-icon-shrink .hvr-icon {
3284
+ -webkit-transform: translateZ(0);
3285
+ transform: translateZ(0);
3286
+ -webkit-transition-duration: 0.3s;
3287
+ transition-duration: 0.3s;
3288
+ -webkit-transition-property: transform;
3289
+ transition-property: transform;
3290
+ -webkit-transition-timing-function: ease-out;
3291
+ transition-timing-function: ease-out;
3292
+ }
3293
+ .hvr-icon-shrink:hover .hvr-icon, .hvr-icon-shrink:focus .hvr-icon, .hvr-icon-shrink:active .hvr-icon {
3294
+ -webkit-transform: scale(0.8);
3295
+ transform: scale(0.8);
3296
+ }
3297
+
3298
+ /* Icon Pulse */
3299
+ @-webkit-keyframes hvr-icon-pulse {
3300
+ 25% {
3301
+ -webkit-transform: scale(1.3);
3302
+ transform: scale(1.3);
3303
+ }
3304
+ 75% {
3305
+ -webkit-transform: scale(0.8);
3306
+ transform: scale(0.8);
3307
+ }
3308
+ }
3309
+ @keyframes hvr-icon-pulse {
3310
+ 25% {
3311
+ -webkit-transform: scale(1.3);
3312
+ transform: scale(1.3);
3313
+ }
3314
+ 75% {
3315
+ -webkit-transform: scale(0.8);
3316
+ transform: scale(0.8);
3317
+ }
3318
+ }
3319
+ .hvr-icon-pulse {
3320
+ display: inline-block;
3321
+ vertical-align: middle;
3322
+ -webkit-transform: perspective(1px) translateZ(0);
3323
+ transform: perspective(1px) translateZ(0);
3324
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3325
+ }
3326
+ .hvr-icon-pulse .hvr-icon {
3327
+ -webkit-transform: translateZ(0);
3328
+ transform: translateZ(0);
3329
+ -webkit-transition-timing-function: ease-out;
3330
+ transition-timing-function: ease-out;
3331
+ }
3332
+ .hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon {
3333
+ -webkit-animation-name: hvr-icon-pulse;
3334
+ animation-name: hvr-icon-pulse;
3335
+ -webkit-animation-duration: 1s;
3336
+ animation-duration: 1s;
3337
+ -webkit-animation-timing-function: linear;
3338
+ animation-timing-function: linear;
3339
+ -webkit-animation-iteration-count: infinite;
3340
+ animation-iteration-count: infinite;
3341
+ }
3342
+
3343
+ /* Icon Pulse Grow */
3344
+ @-webkit-keyframes hvr-icon-pulse-grow {
3345
+ to {
3346
+ -webkit-transform: scale(1.3);
3347
+ transform: scale(1.3);
3348
+ }
3349
+ }
3350
+ @keyframes hvr-icon-pulse-grow {
3351
+ to {
3352
+ -webkit-transform: scale(1.3);
3353
+ transform: scale(1.3);
3354
+ }
3355
+ }
3356
+ .hvr-icon-pulse-grow {
3357
+ display: inline-block;
3358
+ vertical-align: middle;
3359
+ -webkit-transform: perspective(1px) translateZ(0);
3360
+ transform: perspective(1px) translateZ(0);
3361
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3362
+ }
3363
+ .hvr-icon-pulse-grow .hvr-icon {
3364
+ -webkit-transform: translateZ(0);
3365
+ transform: translateZ(0);
3366
+ -webkit-transition-timing-function: ease-out;
3367
+ transition-timing-function: ease-out;
3368
+ }
3369
+ .hvr-icon-pulse-grow:hover .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:active .hvr-icon {
3370
+ -webkit-animation-name: hvr-icon-pulse-grow;
3371
+ animation-name: hvr-icon-pulse-grow;
3372
+ -webkit-animation-duration: 0.3s;
3373
+ animation-duration: 0.3s;
3374
+ -webkit-animation-timing-function: linear;
3375
+ animation-timing-function: linear;
3376
+ -webkit-animation-iteration-count: infinite;
3377
+ animation-iteration-count: infinite;
3378
+ -webkit-animation-direction: alternate;
3379
+ animation-direction: alternate;
3380
+ }
3381
+
3382
+ /* Icon Pulse Shrink */
3383
+ @-webkit-keyframes hvr-icon-pulse-shrink {
3384
+ to {
3385
+ -webkit-transform: scale(0.8);
3386
+ transform: scale(0.8);
3387
+ }
3388
+ }
3389
+ @keyframes hvr-icon-pulse-shrink {
3390
+ to {
3391
+ -webkit-transform: scale(0.8);
3392
+ transform: scale(0.8);
3393
+ }
3394
+ }
3395
+ .hvr-icon-pulse-shrink {
3396
+ display: inline-block;
3397
+ vertical-align: middle;
3398
+ -webkit-transform: perspective(1px) translateZ(0);
3399
+ transform: perspective(1px) translateZ(0);
3400
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3401
+ }
3402
+ .hvr-icon-pulse-shrink .hvr-icon {
3403
+ -webkit-transform: translateZ(0);
3404
+ transform: translateZ(0);
3405
+ -webkit-transition-timing-function: ease-out;
3406
+ transition-timing-function: ease-out;
3407
+ }
3408
+ .hvr-icon-pulse-shrink:hover .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:active .hvr-icon {
3409
+ -webkit-animation-name: hvr-icon-pulse-shrink;
3410
+ animation-name: hvr-icon-pulse-shrink;
3411
+ -webkit-animation-duration: 0.3s;
3412
+ animation-duration: 0.3s;
3413
+ -webkit-animation-timing-function: linear;
3414
+ animation-timing-function: linear;
3415
+ -webkit-animation-iteration-count: infinite;
3416
+ animation-iteration-count: infinite;
3417
+ -webkit-animation-direction: alternate;
3418
+ animation-direction: alternate;
3419
+ }
3420
+
3421
+ /* Icon Push */
3422
+ @-webkit-keyframes hvr-icon-push {
3423
+ 50% {
3424
+ -webkit-transform: scale(0.5);
3425
+ transform: scale(0.5);
3426
+ }
3427
+ }
3428
+ @keyframes hvr-icon-push {
3429
+ 50% {
3430
+ -webkit-transform: scale(0.5);
3431
+ transform: scale(0.5);
3432
+ }
3433
+ }
3434
+ .hvr-icon-push {
3435
+ display: inline-block;
3436
+ vertical-align: middle;
3437
+ -webkit-transform: perspective(1px) translateZ(0);
3438
+ transform: perspective(1px) translateZ(0);
3439
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3440
+ -webkit-transition-duration: 0.3s;
3441
+ transition-duration: 0.3s;
3442
+ }
3443
+ .hvr-icon-push .hvr-icon {
3444
+ -webkit-transform: translateZ(0);
3445
+ transform: translateZ(0);
3446
+ -webkit-transition-duration: 0.3s;
3447
+ transition-duration: 0.3s;
3448
+ -webkit-transition-property: transform;
3449
+ transition-property: transform;
3450
+ -webkit-transition-timing-function: ease-out;
3451
+ transition-timing-function: ease-out;
3452
+ }
3453
+ .hvr-icon-push:hover .hvr-icon, .hvr-icon-push:focus .hvr-icon, .hvr-icon-push:active .hvr-icon {
3454
+ -webkit-animation-name: hvr-icon-push;
3455
+ animation-name: hvr-icon-push;
3456
+ -webkit-animation-duration: 0.3s;
3457
+ animation-duration: 0.3s;
3458
+ -webkit-animation-timing-function: linear;
3459
+ animation-timing-function: linear;
3460
+ -webkit-animation-iteration-count: 1;
3461
+ animation-iteration-count: 1;
3462
+ }
3463
+
3464
+ /* Icon Pop */
3465
+ @-webkit-keyframes hvr-icon-pop {
3466
+ 50% {
3467
+ -webkit-transform: scale(1.5);
3468
+ transform: scale(1.5);
3469
+ }
3470
+ }
3471
+ @keyframes hvr-icon-pop {
3472
+ 50% {
3473
+ -webkit-transform: scale(1.5);
3474
+ transform: scale(1.5);
3475
+ }
3476
+ }
3477
+ .hvr-icon-pop {
3478
+ display: inline-block;
3479
+ vertical-align: middle;
3480
+ -webkit-transform: perspective(1px) translateZ(0);
3481
+ transform: perspective(1px) translateZ(0);
3482
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3483
+ -webkit-transition-duration: 0.3s;
3484
+ transition-duration: 0.3s;
3485
+ }
3486
+ .hvr-icon-pop .hvr-icon {
3487
+ -webkit-transform: translateZ(0);
3488
+ transform: translateZ(0);
3489
+ -webkit-transition-duration: 0.3s;
3490
+ transition-duration: 0.3s;
3491
+ -webkit-transition-property: transform;
3492
+ transition-property: transform;
3493
+ -webkit-transition-timing-function: ease-out;
3494
+ transition-timing-function: ease-out;
3495
+ }
3496
+ .hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon {
3497
+ -webkit-animation-name: hvr-icon-pop;
3498
+ animation-name: hvr-icon-pop;
3499
+ -webkit-animation-duration: 0.3s;
3500
+ animation-duration: 0.3s;
3501
+ -webkit-animation-timing-function: linear;
3502
+ animation-timing-function: linear;
3503
+ -webkit-animation-iteration-count: 1;
3504
+ animation-iteration-count: 1;
3505
+ }
3506
+
3507
+ /* Icon Bounce */
3508
+ .hvr-icon-bounce {
3509
+ display: inline-block;
3510
+ vertical-align: middle;
3511
+ -webkit-transform: perspective(1px) translateZ(0);
3512
+ transform: perspective(1px) translateZ(0);
3513
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3514
+ -webkit-transition-duration: 0.3s;
3515
+ transition-duration: 0.3s;
3516
+ }
3517
+ .hvr-icon-bounce .hvr-icon {
3518
+ -webkit-transform: translateZ(0);
3519
+ transform: translateZ(0);
3520
+ -webkit-transition-duration: 0.3s;
3521
+ transition-duration: 0.3s;
3522
+ -webkit-transition-property: transform;
3523
+ transition-property: transform;
3524
+ -webkit-transition-timing-function: ease-out;
3525
+ transition-timing-function: ease-out;
3526
+ }
3527
+ .hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon {
3528
+ -webkit-transform: scale(1.5);
3529
+ transform: scale(1.5);
3530
+ -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
3531
+ transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
3532
+ }
3533
+
3534
+ /* Icon Rotate */
3535
+ .hvr-icon-rotate {
3536
+ display: inline-block;
3537
+ vertical-align: middle;
3538
+ -webkit-transform: perspective(1px) translateZ(0);
3539
+ transform: perspective(1px) translateZ(0);
3540
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3541
+ -webkit-transition-duration: 0.3s;
3542
+ transition-duration: 0.3s;
3543
+ }
3544
+ .hvr-icon-rotate .hvr-icon {
3545
+ -webkit-transform: translateZ(0);
3546
+ transform: translateZ(0);
3547
+ -webkit-transition-duration: 0.3s;
3548
+ transition-duration: 0.3s;
3549
+ -webkit-transition-property: transform;
3550
+ transition-property: transform;
3551
+ -webkit-transition-timing-function: ease-out;
3552
+ transition-timing-function: ease-out;
3553
+ }
3554
+ .hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon {
3555
+ -webkit-transform: rotate(20deg);
3556
+ transform: rotate(20deg);
3557
+ }
3558
+
3559
+ /* Icon Grow Rotate */
3560
+ .hvr-icon-grow-rotate {
3561
+ display: inline-block;
3562
+ vertical-align: middle;
3563
+ -webkit-transform: perspective(1px) translateZ(0);
3564
+ transform: perspective(1px) translateZ(0);
3565
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3566
+ -webkit-transition-duration: 0.3s;
3567
+ transition-duration: 0.3s;
3568
+ }
3569
+ .hvr-icon-grow-rotate .hvr-icon {
3570
+ -webkit-transform: translateZ(0);
3571
+ transform: translateZ(0);
3572
+ -webkit-transition-duration: 0.3s;
3573
+ transition-duration: 0.3s;
3574
+ -webkit-transition-property: transform;
3575
+ transition-property: transform;
3576
+ -webkit-transition-timing-function: ease-out;
3577
+ transition-timing-function: ease-out;
3578
+ }
3579
+ .hvr-icon-grow-rotate:hover .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:active .hvr-icon {
3580
+ -webkit-transform: scale(1.5) rotate(12deg);
3581
+ transform: scale(1.5) rotate(12deg);
3582
+ }
3583
+
3584
+ /* Icon Float */
3585
+ .hvr-icon-float {
3586
+ display: inline-block;
3587
+ vertical-align: middle;
3588
+ -webkit-transform: perspective(1px) translateZ(0);
3589
+ transform: perspective(1px) translateZ(0);
3590
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3591
+ -webkit-transition-duration: 0.3s;
3592
+ transition-duration: 0.3s;
3593
+ }
3594
+ .hvr-icon-float .hvr-icon {
3595
+ -webkit-transform: translateZ(0);
3596
+ transform: translateZ(0);
3597
+ -webkit-transition-duration: 0.3s;
3598
+ transition-duration: 0.3s;
3599
+ -webkit-transition-property: transform;
3600
+ transition-property: transform;
3601
+ -webkit-transition-timing-function: ease-out;
3602
+ transition-timing-function: ease-out;
3603
+ }
3604
+ .hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon {
3605
+ -webkit-transform: translateY(-4px);
3606
+ transform: translateY(-4px);
3607
+ }
3608
+
3609
+ /* Icon Sink */
3610
+ .hvr-icon-sink {
3611
+ display: inline-block;
3612
+ vertical-align: middle;
3613
+ -webkit-transform: perspective(1px) translateZ(0);
3614
+ transform: perspective(1px) translateZ(0);
3615
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3616
+ -webkit-transition-duration: 0.3s;
3617
+ transition-duration: 0.3s;
3618
+ }
3619
+ .hvr-icon-sink .hvr-icon {
3620
+ -webkit-transform: translateZ(0);
3621
+ transform: translateZ(0);
3622
+ -webkit-transition-duration: 0.3s;
3623
+ transition-duration: 0.3s;
3624
+ -webkit-transition-property: transform;
3625
+ transition-property: transform;
3626
+ -webkit-transition-timing-function: ease-out;
3627
+ transition-timing-function: ease-out;
3628
+ }
3629
+ .hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon {
3630
+ -webkit-transform: translateY(4px);
3631
+ transform: translateY(4px);
3632
+ }
3633
+
3634
+ /* Icon Bob */
3635
+ @-webkit-keyframes hvr-icon-bob {
3636
+ 0% {
3637
+ -webkit-transform: translateY(-6px);
3638
+ transform: translateY(-6px);
3639
+ }
3640
+ 50% {
3641
+ -webkit-transform: translateY(-2px);
3642
+ transform: translateY(-2px);
3643
+ }
3644
+ 100% {
3645
+ -webkit-transform: translateY(-6px);
3646
+ transform: translateY(-6px);
3647
+ }
3648
+ }
3649
+ @keyframes hvr-icon-bob {
3650
+ 0% {
3651
+ -webkit-transform: translateY(-6px);
3652
+ transform: translateY(-6px);
3653
+ }
3654
+ 50% {
3655
+ -webkit-transform: translateY(-2px);
3656
+ transform: translateY(-2px);
3657
+ }
3658
+ 100% {
3659
+ -webkit-transform: translateY(-6px);
3660
+ transform: translateY(-6px);
3661
+ }
3662
+ }
3663
+ @-webkit-keyframes hvr-icon-bob-float {
3664
+ 100% {
3665
+ -webkit-transform: translateY(-6px);
3666
+ transform: translateY(-6px);
3667
+ }
3668
+ }
3669
+ @keyframes hvr-icon-bob-float {
3670
+ 100% {
3671
+ -webkit-transform: translateY(-6px);
3672
+ transform: translateY(-6px);
3673
+ }
3674
+ }
3675
+ .hvr-icon-bob {
3676
+ display: inline-block;
3677
+ vertical-align: middle;
3678
+ -webkit-transform: perspective(1px) translateZ(0);
3679
+ transform: perspective(1px) translateZ(0);
3680
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3681
+ -webkit-transition-duration: 0.3s;
3682
+ transition-duration: 0.3s;
3683
+ }
3684
+ .hvr-icon-bob .hvr-icon {
3685
+ -webkit-transform: translateZ(0);
3686
+ transform: translateZ(0);
3687
+ }
3688
+ .hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon {
3689
+ -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
3690
+ animation-name: hvr-icon-bob-float, hvr-icon-bob;
3691
+ -webkit-animation-duration: .3s, 1.5s;
3692
+ animation-duration: .3s, 1.5s;
3693
+ -webkit-animation-delay: 0s, .3s;
3694
+ animation-delay: 0s, .3s;
3695
+ -webkit-animation-timing-function: ease-out, ease-in-out;
3696
+ animation-timing-function: ease-out, ease-in-out;
3697
+ -webkit-animation-iteration-count: 1, infinite;
3698
+ animation-iteration-count: 1, infinite;
3699
+ -webkit-animation-fill-mode: forwards;
3700
+ animation-fill-mode: forwards;
3701
+ -webkit-animation-direction: normal, alternate;
3702
+ animation-direction: normal, alternate;
3703
+ }
3704
+
3705
+ /* Icon Hang */
3706
+ @-webkit-keyframes hvr-icon-hang {
3707
+ 0% {
3708
+ -webkit-transform: translateY(6px);
3709
+ transform: translateY(6px);
3710
+ }
3711
+ 50% {
3712
+ -webkit-transform: translateY(2px);
3713
+ transform: translateY(2px);
3714
+ }
3715
+ 100% {
3716
+ -webkit-transform: translateY(6px);
3717
+ transform: translateY(6px);
3718
+ }
3719
+ }
3720
+ @keyframes hvr-icon-hang {
3721
+ 0% {
3722
+ -webkit-transform: translateY(6px);
3723
+ transform: translateY(6px);
3724
+ }
3725
+ 50% {
3726
+ -webkit-transform: translateY(2px);
3727
+ transform: translateY(2px);
3728
+ }
3729
+ 100% {
3730
+ -webkit-transform: translateY(6px);
3731
+ transform: translateY(6px);
3732
+ }
3733
+ }
3734
+ @-webkit-keyframes hvr-icon-hang-sink {
3735
+ 100% {
3736
+ -webkit-transform: translateY(6px);
3737
+ transform: translateY(6px);
3738
+ }
3739
+ }
3740
+ @keyframes hvr-icon-hang-sink {
3741
+ 100% {
3742
+ -webkit-transform: translateY(6px);
3743
+ transform: translateY(6px);
3744
+ }
3745
+ }
3746
+ .hvr-icon-hang {
3747
+ display: inline-block;
3748
+ vertical-align: middle;
3749
+ -webkit-transform: perspective(1px) translateZ(0);
3750
+ transform: perspective(1px) translateZ(0);
3751
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3752
+ -webkit-transition-duration: 0.3s;
3753
+ transition-duration: 0.3s;
3754
+ }
3755
+ .hvr-icon-hang .hvr-icon {
3756
+ -webkit-transform: translateZ(0);
3757
+ transform: translateZ(0);
3758
+ }
3759
+ .hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon {
3760
+ -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
3761
+ animation-name: hvr-icon-hang-sink, hvr-icon-hang;
3762
+ -webkit-animation-duration: .3s, 1.5s;
3763
+ animation-duration: .3s, 1.5s;
3764
+ -webkit-animation-delay: 0s, .3s;
3765
+ animation-delay: 0s, .3s;
3766
+ -webkit-animation-timing-function: ease-out, ease-in-out;
3767
+ animation-timing-function: ease-out, ease-in-out;
3768
+ -webkit-animation-iteration-count: 1, infinite;
3769
+ animation-iteration-count: 1, infinite;
3770
+ -webkit-animation-fill-mode: forwards;
3771
+ animation-fill-mode: forwards;
3772
+ -webkit-animation-direction: normal, alternate;
3773
+ animation-direction: normal, alternate;
3774
+ }
3775
+
3776
+ /* Icon Wobble Horizontal */
3777
+ @-webkit-keyframes hvr-icon-wobble-horizontal {
3778
+ 16.65% {
3779
+ -webkit-transform: translateX(6px);
3780
+ transform: translateX(6px);
3781
+ }
3782
+ 33.3% {
3783
+ -webkit-transform: translateX(-5px);
3784
+ transform: translateX(-5px);
3785
+ }
3786
+ 49.95% {
3787
+ -webkit-transform: translateX(4px);
3788
+ transform: translateX(4px);
3789
+ }
3790
+ 66.6% {
3791
+ -webkit-transform: translateX(-2px);
3792
+ transform: translateX(-2px);
3793
+ }
3794
+ 83.25% {
3795
+ -webkit-transform: translateX(1px);
3796
+ transform: translateX(1px);
3797
+ }
3798
+ 100% {
3799
+ -webkit-transform: translateX(0);
3800
+ transform: translateX(0);
3801
+ }
3802
+ }
3803
+ @keyframes hvr-icon-wobble-horizontal {
3804
+ 16.65% {
3805
+ -webkit-transform: translateX(6px);
3806
+ transform: translateX(6px);
3807
+ }
3808
+ 33.3% {
3809
+ -webkit-transform: translateX(-5px);
3810
+ transform: translateX(-5px);
3811
+ }
3812
+ 49.95% {
3813
+ -webkit-transform: translateX(4px);
3814
+ transform: translateX(4px);
3815
+ }
3816
+ 66.6% {
3817
+ -webkit-transform: translateX(-2px);
3818
+ transform: translateX(-2px);
3819
+ }
3820
+ 83.25% {
3821
+ -webkit-transform: translateX(1px);
3822
+ transform: translateX(1px);
3823
+ }
3824
+ 100% {
3825
+ -webkit-transform: translateX(0);
3826
+ transform: translateX(0);
3827
+ }
3828
+ }
3829
+ .hvr-icon-wobble-horizontal {
3830
+ display: inline-block;
3831
+ vertical-align: middle;
3832
+ -webkit-transform: perspective(1px) translateZ(0);
3833
+ transform: perspective(1px) translateZ(0);
3834
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3835
+ -webkit-transition-duration: 0.3s;
3836
+ transition-duration: 0.3s;
3837
+ }
3838
+ .hvr-icon-wobble-horizontal .hvr-icon {
3839
+ -webkit-transform: translateZ(0);
3840
+ transform: translateZ(0);
3841
+ }
3842
+ .hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon {
3843
+ -webkit-animation-name: hvr-icon-wobble-horizontal;
3844
+ animation-name: hvr-icon-wobble-horizontal;
3845
+ -webkit-animation-duration: 1s;
3846
+ animation-duration: 1s;
3847
+ -webkit-animation-timing-function: ease-in-out;
3848
+ animation-timing-function: ease-in-out;
3849
+ -webkit-animation-iteration-count: 1;
3850
+ animation-iteration-count: 1;
3851
+ }
3852
+
3853
+ /* Icon Wobble Vertical */
3854
+ @-webkit-keyframes hvr-icon-wobble-vertical {
3855
+ 16.65% {
3856
+ -webkit-transform: translateY(6px);
3857
+ transform: translateY(6px);
3858
+ }
3859
+ 33.3% {
3860
+ -webkit-transform: translateY(-5px);
3861
+ transform: translateY(-5px);
3862
+ }
3863
+ 49.95% {
3864
+ -webkit-transform: translateY(4px);
3865
+ transform: translateY(4px);
3866
+ }
3867
+ 66.6% {
3868
+ -webkit-transform: translateY(-2px);
3869
+ transform: translateY(-2px);
3870
+ }
3871
+ 83.25% {
3872
+ -webkit-transform: translateY(1px);
3873
+ transform: translateY(1px);
3874
+ }
3875
+ 100% {
3876
+ -webkit-transform: translateY(0);
3877
+ transform: translateY(0);
3878
+ }
3879
+ }
3880
+ @keyframes hvr-icon-wobble-vertical {
3881
+ 16.65% {
3882
+ -webkit-transform: translateY(6px);
3883
+ transform: translateY(6px);
3884
+ }
3885
+ 33.3% {
3886
+ -webkit-transform: translateY(-5px);
3887
+ transform: translateY(-5px);
3888
+ }
3889
+ 49.95% {
3890
+ -webkit-transform: translateY(4px);
3891
+ transform: translateY(4px);
3892
+ }
3893
+ 66.6% {
3894
+ -webkit-transform: translateY(-2px);
3895
+ transform: translateY(-2px);
3896
+ }
3897
+ 83.25% {
3898
+ -webkit-transform: translateY(1px);
3899
+ transform: translateY(1px);
3900
+ }
3901
+ 100% {
3902
+ -webkit-transform: translateY(0);
3903
+ transform: translateY(0);
3904
+ }
3905
+ }
3906
+ .hvr-icon-wobble-vertical {
3907
+ display: inline-block;
3908
+ vertical-align: middle;
3909
+ -webkit-transform: perspective(1px) translateZ(0);
3910
+ transform: perspective(1px) translateZ(0);
3911
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3912
+ -webkit-transition-duration: 0.3s;
3913
+ transition-duration: 0.3s;
3914
+ }
3915
+ .hvr-icon-wobble-vertical .hvr-icon {
3916
+ -webkit-transform: translateZ(0);
3917
+ transform: translateZ(0);
3918
+ }
3919
+ .hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon {
3920
+ -webkit-animation-name: hvr-icon-wobble-vertical;
3921
+ animation-name: hvr-icon-wobble-vertical;
3922
+ -webkit-animation-duration: 1s;
3923
+ animation-duration: 1s;
3924
+ -webkit-animation-timing-function: ease-in-out;
3925
+ animation-timing-function: ease-in-out;
3926
+ -webkit-animation-iteration-count: 1;
3927
+ animation-iteration-count: 1;
3928
+ }
3929
+
3930
+ /* Icon Buzz */
3931
+ @-webkit-keyframes hvr-icon-buzz {
3932
+ 50% {
3933
+ -webkit-transform: translateX(3px) rotate(2deg);
3934
+ transform: translateX(3px) rotate(2deg);
3935
+ }
3936
+ 100% {
3937
+ -webkit-transform: translateX(-3px) rotate(-2deg);
3938
+ transform: translateX(-3px) rotate(-2deg);
3939
+ }
3940
+ }
3941
+ @keyframes hvr-icon-buzz {
3942
+ 50% {
3943
+ -webkit-transform: translateX(3px) rotate(2deg);
3944
+ transform: translateX(3px) rotate(2deg);
3945
+ }
3946
+ 100% {
3947
+ -webkit-transform: translateX(-3px) rotate(-2deg);
3948
+ transform: translateX(-3px) rotate(-2deg);
3949
+ }
3950
+ }
3951
+ .hvr-icon-buzz {
3952
+ display: inline-block;
3953
+ vertical-align: middle;
3954
+ -webkit-transform: perspective(1px) translateZ(0);
3955
+ transform: perspective(1px) translateZ(0);
3956
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3957
+ -webkit-transition-duration: 0.3s;
3958
+ transition-duration: 0.3s;
3959
+ }
3960
+ .hvr-icon-buzz .hvr-icon {
3961
+ -webkit-transform: translateZ(0);
3962
+ transform: translateZ(0);
3963
+ }
3964
+ .hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon {
3965
+ -webkit-animation-name: hvr-icon-buzz;
3966
+ animation-name: hvr-icon-buzz;
3967
+ -webkit-animation-duration: 0.15s;
3968
+ animation-duration: 0.15s;
3969
+ -webkit-animation-timing-function: linear;
3970
+ animation-timing-function: linear;
3971
+ -webkit-animation-iteration-count: infinite;
3972
+ animation-iteration-count: infinite;
3973
+ }
3974
+
3975
+ /* Icon Buzz Out */
3976
+ @-webkit-keyframes hvr-icon-buzz-out {
3977
+ 10% {
3978
+ -webkit-transform: translateX(3px) rotate(2deg);
3979
+ transform: translateX(3px) rotate(2deg);
3980
+ }
3981
+ 20% {
3982
+ -webkit-transform: translateX(-3px) rotate(-2deg);
3983
+ transform: translateX(-3px) rotate(-2deg);
3984
+ }
3985
+ 30% {
3986
+ -webkit-transform: translateX(3px) rotate(2deg);
3987
+ transform: translateX(3px) rotate(2deg);
3988
+ }
3989
+ 40% {
3990
+ -webkit-transform: translateX(-3px) rotate(-2deg);
3991
+ transform: translateX(-3px) rotate(-2deg);
3992
+ }
3993
+ 50% {
3994
+ -webkit-transform: translateX(2px) rotate(1deg);
3995
+ transform: translateX(2px) rotate(1deg);
3996
+ }
3997
+ 60% {
3998
+ -webkit-transform: translateX(-2px) rotate(-1deg);
3999
+ transform: translateX(-2px) rotate(-1deg);
4000
+ }
4001
+ 70% {
4002
+ -webkit-transform: translateX(2px) rotate(1deg);
4003
+ transform: translateX(2px) rotate(1deg);
4004
+ }
4005
+ 80% {
4006
+ -webkit-transform: translateX(-2px) rotate(-1deg);
4007
+ transform: translateX(-2px) rotate(-1deg);
4008
+ }
4009
+ 90% {
4010
+ -webkit-transform: translateX(1px) rotate(0);
4011
+ transform: translateX(1px) rotate(0);
4012
+ }
4013
+ 100% {
4014
+ -webkit-transform: translateX(-1px) rotate(0);
4015
+ transform: translateX(-1px) rotate(0);
4016
+ }
4017
+ }
4018
+ @keyframes hvr-icon-buzz-out {
4019
+ 10% {
4020
+ -webkit-transform: translateX(3px) rotate(2deg);
4021
+ transform: translateX(3px) rotate(2deg);
4022
+ }
4023
+ 20% {
4024
+ -webkit-transform: translateX(-3px) rotate(-2deg);
4025
+ transform: translateX(-3px) rotate(-2deg);
4026
+ }
4027
+ 30% {
4028
+ -webkit-transform: translateX(3px) rotate(2deg);
4029
+ transform: translateX(3px) rotate(2deg);
4030
+ }
4031
+ 40% {
4032
+ -webkit-transform: translateX(-3px) rotate(-2deg);
4033
+ transform: translateX(-3px) rotate(-2deg);
4034
+ }
4035
+ 50% {
4036
+ -webkit-transform: translateX(2px) rotate(1deg);
4037
+ transform: translateX(2px) rotate(1deg);
4038
+ }
4039
+ 60% {
4040
+ -webkit-transform: translateX(-2px) rotate(-1deg);
4041
+ transform: translateX(-2px) rotate(-1deg);
4042
+ }
4043
+ 70% {
4044
+ -webkit-transform: translateX(2px) rotate(1deg);
4045
+ transform: translateX(2px) rotate(1deg);
4046
+ }
4047
+ 80% {
4048
+ -webkit-transform: translateX(-2px) rotate(-1deg);
4049
+ transform: translateX(-2px) rotate(-1deg);
4050
+ }
4051
+ 90% {
4052
+ -webkit-transform: translateX(1px) rotate(0);
4053
+ transform: translateX(1px) rotate(0);
4054
+ }
4055
+ 100% {
4056
+ -webkit-transform: translateX(-1px) rotate(0);
4057
+ transform: translateX(-1px) rotate(0);
4058
+ }
4059
+ }
4060
+ .hvr-icon-buzz-out {
4061
+ display: inline-block;
4062
+ vertical-align: middle;
4063
+ -webkit-transform: perspective(1px) translateZ(0);
4064
+ transform: perspective(1px) translateZ(0);
4065
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
4066
+ -webkit-transition-duration: 0.3s;
4067
+ transition-duration: 0.3s;
4068
+ }
4069
+ .hvr-icon-buzz-out .hvr-icon {
4070
+ -webkit-transform: translateZ(0);
4071
+ transform: translateZ(0);
4072
+ }
4073
+ .hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon {
4074
+ -webkit-animation-name: hvr-icon-buzz-out;
4075
+ animation-name: hvr-icon-buzz-out;
4076
+ -webkit-animation-duration: 0.75s;
4077
+ animation-duration: 0.75s;
4078
+ -webkit-animation-timing-function: linear;
4079
+ animation-timing-function: linear;
4080
+ -webkit-animation-iteration-count: 1;
4081
+ animation-iteration-count: 1;
4082
+ }
4083
+
4084
+ /* CURLS */
4085
+ /* Curl Top Left */
4086
+ .hvr-curl-top-left {
4087
+ display: inline-block;
4088
+ vertical-align: middle;
4089
+ -webkit-transform: perspective(1px) translateZ(0);
4090
+ transform: perspective(1px) translateZ(0);
4091
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
4092
+ position: relative;
4093
+ }
4094
+ .hvr-curl-top-left:before {
4095
+ pointer-events: none;
4096
+ position: absolute;
4097
+ content: '';
4098
+ height: 0;
4099
+ width: 0;
4100
+ top: 0;
4101
+ left: 0;
4102
+ background: white;
4103
+ /* IE9 */
4104
+ background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
4105
+ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
4106
+ /*For IE7-8-9*/
4107
+ z-index: 1000;
4108
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
4109
+ -webkit-transition-duration: 0.3s;
4110
+ transition-duration: 0.3s;
4111
+ -webkit-transition-property: width, height;
4112
+ transition-property: width, height;
4113
+ }
4114
+ .hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
4115
+ width: 25px;
4116
+ height: 25px;
4117
+ }
4118
+
4119
+ /* Curl Top Right */
4120
+ .hvr-curl-top-right {
4121
+ display: inline-block;
4122
+ vertical-align: middle;
4123
+ -webkit-transform: perspective(1px) translateZ(0);
4124
+ transform: perspective(1px) translateZ(0);
4125
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
4126
+ position: relative;
4127
+ }
4128
+ .hvr-curl-top-right:before {
4129
+ pointer-events: none;
4130
+ position: absolute;
4131
+ content: '';
4132
+ height: 0;
4133
+ width: 0;
4134
+ top: 0;
4135
+ right: 0;
4136
+ background: white;
4137
+ /* IE9 */
4138
+ background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
4139
+ box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
4140
+ -webkit-transition-duration: 0.3s;
4141
+ transition-duration: 0.3s;
4142
+ -webkit-transition-property: width, height;
4143
+ transition-property: width, height;
4144
+ }
4145
+ .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
4146
+ width: 25px;
4147
+ height: 25px;
4148
+ }
4149
+
4150
+ /* Curl Bottom Right */
4151
+ .hvr-curl-bottom-right {
4152
+ display: inline-block;
4153
+ vertical-align: middle;
4154
+ -webkit-transform: perspective(1px) translateZ(0);
4155
+ transform: perspective(1px) translateZ(0);
4156
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
4157
+ position: relative;
4158
+ }
4159
+ .hvr-curl-bottom-right:before {
4160
+ pointer-events: none;
4161
+ position: absolute;
4162
+ content: '';
4163
+ height: 0;
4164
+ width: 0;
4165
+ bottom: 0;
4166
+ right: 0;
4167
+ background: white;
4168
+ /* IE9 */
4169
+ background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
4170
+ box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
4171
+ -webkit-transition-duration: 0.3s;
4172
+ transition-duration: 0.3s;
4173
+ -webkit-transition-property: width, height;
4174
+ transition-property: width, height;
4175
+ }
4176
+ .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
4177
+ width: 25px;
4178
+ height: 25px;
4179
+ }
4180
+
4181
+ /* Curl Bottom Left */
4182
+ .hvr-curl-bottom-left {
4183
+ display: inline-block;
4184
+ vertical-align: middle;
4185
+ -webkit-transform: perspective(1px) translateZ(0);
4186
+ transform: perspective(1px) translateZ(0);
4187
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
4188
+ position: relative;
4189
+ }
4190
+ .hvr-curl-bottom-left:before {
4191
+ pointer-events: none;
4192
+ position: absolute;
4193
+ content: '';
4194
+ height: 0;
4195
+ width: 0;
4196
+ bottom: 0;
4197
+ left: 0;
4198
+ background: white;
4199
+ /* IE9 */
4200
+ background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
4201
+ box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
4202
+ -webkit-transition-duration: 0.3s;
4203
+ transition-duration: 0.3s;
4204
+ -webkit-transition-property: width, height;
4205
+ transition-property: width, height;
4206
+ }
4207
+ .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
4208
+ width: 25px;
4209
+ height: 25px;
4210
+ }
4211
+
4212
+ /*# sourceMappingURL=hover.css.map */