cyberweb 0.4.174

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 (573) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +3259 -0
  3. data/bin/cyberweb +27 -0
  4. data/cyberweb.gemspec +119 -0
  5. data/doc/AUTHORS.md +12 -0
  6. data/doc/CONVENTIONS.md +7 -0
  7. data/doc/CYBERWEB_TUTORIAL.cgi +43 -0
  8. data/doc/DOCUMENTATION_FOR_CYBERSPRAWL.md +50 -0
  9. data/doc/FUTURE_DESIGN_GOAL_CONSIDERATIONS.md +13 -0
  10. data/doc/JQUERY.md +122 -0
  11. data/doc/MOUSE.md +80 -0
  12. data/doc/README.gen +3231 -0
  13. data/doc/RENDER_WEB_BASE.md +46 -0
  14. data/doc/USAGE.md +246 -0
  15. data/doc/configuration/configuration.md +23 -0
  16. data/doc/deprecations.md +32 -0
  17. data/doc/html_characters.md +15 -0
  18. data/doc/todo/TODO_FOR_THE_CYBERWEB_PROJECT.md +1089 -0
  19. data/examples/README.md +4 -0
  20. data/examples/advanced/delayed_update_of_the_body_via_javascript.cgi +38 -0
  21. data/examples/advanced/hybrid_experiment.cgi +108 -0
  22. data/examples/advanced/larger_image_on_mouse_over_example.cgi +35 -0
  23. data/examples/advanced/no_right_click.cgi +26 -0
  24. data/examples/advanced/objectified_html_tags.cgi +35 -0
  25. data/examples/advanced/simple_calculator.cgi +42 -0
  26. data/examples/advanced/simple_form_example.cgi +38 -0
  27. data/examples/css/blue_border.html +28 -0
  28. data/examples/css/caret_colour_example.html +22 -0
  29. data/examples/css/css_border_spacing_example.html +69 -0
  30. data/examples/css/css_bubbles.html +43 -0
  31. data/examples/css/css_clock.html +344 -0
  32. data/examples/css/css_drag_and_drop.html +89 -0
  33. data/examples/css/css_neon_glow_effects.html +317 -0
  34. data/examples/css/css_text_decoration_example.html +70 -0
  35. data/examples/css/css_tooltip.html +44 -0
  36. data/examples/css/fade_in_and_fade_out_effect.html +66 -0
  37. data/examples/css/font_size_examples.html +40 -0
  38. data/examples/css/letter_spacing_example.cgi +36 -0
  39. data/examples/css/meter_example.html +31 -0
  40. data/examples/css/on_mouse_button_pressed.html +41 -0
  41. data/examples/css/planets.html +187 -0
  42. data/examples/css/scale_example.html +25 -0
  43. data/examples/css/shadow_example_in_CSS.cgi +30 -0
  44. data/examples/css/sticky_div_example.html +56 -0
  45. data/examples/css/stitched_div.html +36 -0
  46. data/examples/csv/README.md +1 -0
  47. data/examples/csv/sample.csv +10 -0
  48. data/examples/example1.rb +7 -0
  49. data/examples/flip_card_example/flip_card_example.html +72 -0
  50. data/examples/frames/frame_left.html +1 -0
  51. data/examples/frames/frame_right.html +1 -0
  52. data/examples/html/README.md +1 -0
  53. data/examples/html/abbr_example.html +25 -0
  54. data/examples/html/base64_image_example.html +26 -0
  55. data/examples/html/colour_wheel.html +1389 -0
  56. data/examples/html/column_width_example.html +34 -0
  57. data/examples/html/custom_cursor.html +103 -0
  58. data/examples/html/draggable_paragraph.html +12 -0
  59. data/examples/html/fieldset_example.html +25 -0
  60. data/examples/html/frames_example.html +7 -0
  61. data/examples/html/glyph_example.html +43 -0
  62. data/examples/html/hbox_and_vbox_example.html +65 -0
  63. data/examples/html/href_examples.html +27 -0
  64. data/examples/html/input_autofocus_example.html +16 -0
  65. data/examples/html/larger_image_on_mouse_over_example.html +30 -0
  66. data/examples/html/ordered_and_unordered_bulletsin.html +33 -0
  67. data/examples/html/play_video_example.html +13 -0
  68. data/examples/html/readonly_textarea_example.html +23 -0
  69. data/examples/html/remote_image_example.html +10 -0
  70. data/examples/html/simple_unordered_list.html +16 -0
  71. data/examples/html/table_with_header_example.html +27 -0
  72. data/examples/html/two_columns_flex_example.html +39 -0
  73. data/examples/javascript/README.md +2 -0
  74. data/examples/javascript/arrays/arrays_example_in_javascript.html +16 -0
  75. data/examples/javascript/delay_example/delay_example.html +46 -0
  76. data/examples/javascript/drag_support/drag_support.html +37 -0
  77. data/examples/javascript/jquery_drag_and_drop/drag_and_drop_image_example.html +33 -0
  78. data/examples/javascript/on_click_event_hello_world/on_click_event_hello_world.html +21 -0
  79. data/examples/javascript/rgb_to_hex/rgb_to_hex.html +15 -0
  80. data/examples/javascript/screen_resolution/screen_resolution.html +20 -0
  81. data/examples/javascript/select_everything/select_everything.html +14 -0
  82. data/examples/javascript/write_into_a_file/write_into_a_file.html +39 -0
  83. data/examples/rack/README.md +4 -0
  84. data/examples/rack/example_with_html_template.rb +123 -0
  85. data/examples/rack/example_with_rack_and_cyberweb_showing_how_to_use_images.rb +56 -0
  86. data/examples/rack/hello_world_example_with_rack.rb +45 -0
  87. data/examples/rack/lobster.rb +79 -0
  88. data/examples/rack/rack_env.rb +10 -0
  89. data/examples/rack/standalone_example.rb +26 -0
  90. data/examples/show_greek_letters.rb +3 -0
  91. data/examples/simple/on_click_event_hello_world.cgi +34 -0
  92. data/examples/sinatra/001_your_ip_address_is.rb +8 -0
  93. data/examples/sinatra/002_the_request_object.rb +16 -0
  94. data/examples/sinatra/003_hello_world_example.rb +82 -0
  95. data/examples/sinatra/004_splat_example.rb +10 -0
  96. data/examples/sinatra/005_attachment_example.rb +11 -0
  97. data/examples/sinatra/006_outer_self_example.rb +8 -0
  98. data/examples/sinatra/007_mime_type_example.rb +17 -0
  99. data/examples/sinatra/008_post_example.rb +55 -0
  100. data/examples/table_example.rb +37 -0
  101. data/images/cyberweb_favicon.png +0 -0
  102. data/images/cyberweb_logo.png +0 -0
  103. data/images/cyberweb_theme.png +0 -0
  104. data/lib/cyberweb/and_sinatra_base.rb +9 -0
  105. data/lib/cyberweb/autoinclude.rb +20 -0
  106. data/lib/cyberweb/autoinclude_webobject.rb +14 -0
  107. data/lib/cyberweb/base/base.rb +41 -0
  108. data/lib/cyberweb/base/colours.rb +69 -0
  109. data/lib/cyberweb/base/constants.rb +18 -0
  110. data/lib/cyberweb/base/encoding.rb +19 -0
  111. data/lib/cyberweb/base/misc.rb +239 -0
  112. data/lib/cyberweb/base/reset.rb +23 -0
  113. data/lib/cyberweb/base/save_file.rb +22 -0
  114. data/lib/cyberweb/cascading_style_sheets/README.md +4 -0
  115. data/lib/cyberweb/cascading_style_sheets/admonition.css +33 -0
  116. data/lib/cyberweb/cascading_style_sheets/balloon.css +344 -0
  117. data/lib/cyberweb/cascading_style_sheets/border.css +202 -0
  118. data/lib/cyberweb/cascading_style_sheets/code.css +58 -0
  119. data/lib/cyberweb/cascading_style_sheets/colours.css +476 -0
  120. data/lib/cyberweb/cascading_style_sheets/default.css +1836 -0
  121. data/lib/cyberweb/cascading_style_sheets/div.css +26 -0
  122. data/lib/cyberweb/cascading_style_sheets/fonts.css +365 -0
  123. data/lib/cyberweb/cascading_style_sheets/links.css +207 -0
  124. data/lib/cyberweb/cascading_style_sheets/margin.css +677 -0
  125. data/lib/cyberweb/cascading_style_sheets/menu.css +37 -0
  126. data/lib/cyberweb/cascading_style_sheets/message_boxes.css +48 -0
  127. data/lib/cyberweb/cascading_style_sheets/misc.css +162 -0
  128. data/lib/cyberweb/cascading_style_sheets/popup.css +63 -0
  129. data/lib/cyberweb/cascading_style_sheets/rpg.css +51 -0
  130. data/lib/cyberweb/cascading_style_sheets/ruby_regexes.css +33 -0
  131. data/lib/cyberweb/cascading_style_sheets/template2.css +18 -0
  132. data/lib/cyberweb/cascading_style_sheets/text_shadow.css +19 -0
  133. data/lib/cyberweb/cascading_style_sheets/tooltip.css +36 -0
  134. data/lib/cyberweb/cgi/README.md +6 -0
  135. data/lib/cyberweb/cgi/cgi.rb +340 -0
  136. data/lib/cyberweb/cgi/constants.rb +121 -0
  137. data/lib/cyberweb/cgi/cookie.rb +218 -0
  138. data/lib/cyberweb/cgi/core.rb +638 -0
  139. data/lib/cyberweb/cgi/exceptions.rb +223 -0
  140. data/lib/cyberweb/cgi/html.rb +1025 -0
  141. data/lib/cyberweb/cgi/mod_ruby_exception_printer.rb +40 -0
  142. data/lib/cyberweb/cgi/query_extension.rb +431 -0
  143. data/lib/cyberweb/cgi/session/file_store.rb +131 -0
  144. data/lib/cyberweb/cgi/session/memory_store.rb +90 -0
  145. data/lib/cyberweb/cgi/session/pstore.rb +127 -0
  146. data/lib/cyberweb/cgi/session.rb +444 -0
  147. data/lib/cyberweb/cgi/tag_maker.rb +94 -0
  148. data/lib/cyberweb/cgi/util.rb +239 -0
  149. data/lib/cyberweb/charts/README.md +2 -0
  150. data/lib/cyberweb/charts/google_charts.rb +51 -0
  151. data/lib/cyberweb/classes/simple_form.rb +55 -0
  152. data/lib/cyberweb/classes/tooltips.rb +169 -0
  153. data/lib/cyberweb/coloured_tags/coloured_tags.rb +3099 -0
  154. data/lib/cyberweb/colours/colour_chart.rb +117 -0
  155. data/lib/cyberweb/colours/colours.rb +50 -0
  156. data/lib/cyberweb/colours/random_colour.rb +28 -0
  157. data/lib/cyberweb/colours/sanitize_for_colours.rb +95 -0
  158. data/lib/cyberweb/commandline/commandline_interface.rb +49 -0
  159. data/lib/cyberweb/configuration/configuration.rb +66 -0
  160. data/lib/cyberweb/configuration/load_the_configuration_file.rb +73 -0
  161. data/lib/cyberweb/constants/array_images.rb +21 -0
  162. data/lib/cyberweb/constants/array_local_css_files.rb +35 -0
  163. data/lib/cyberweb/constants/array_predefined_constants.rb +23 -0
  164. data/lib/cyberweb/constants/configuration_file.rb +33 -0
  165. data/lib/cyberweb/constants/constants.rb +9 -0
  166. data/lib/cyberweb/constants/file_constants.rb +16 -0
  167. data/lib/cyberweb/constants/http_status_codes.rb +42 -0
  168. data/lib/cyberweb/constants/nl.rb +22 -0
  169. data/lib/cyberweb/constants/project_constants.rb +99 -0
  170. data/lib/cyberweb/constants/roebe.rb +28 -0
  171. data/lib/cyberweb/constants/standalone_constants.rb +309 -0
  172. data/lib/cyberweb/controller/README.md +4 -0
  173. data/lib/cyberweb/controller/webobject_controller.rb +50 -0
  174. data/lib/cyberweb/csv/README.md +2 -0
  175. data/lib/cyberweb/csv/csv.rb +58 -0
  176. data/lib/cyberweb/cybersprawl +1 -0
  177. data/lib/cyberweb/debug/debug.rb +69 -0
  178. data/lib/cyberweb/encoding/encoding.rb +84 -0
  179. data/lib/cyberweb/erb/test.rhtml +81 -0
  180. data/lib/cyberweb/erb/test_template.erb +9 -0
  181. data/lib/cyberweb/evaluate_from_the_same_named_file_then_serve.rb +9 -0
  182. data/lib/cyberweb/favicon/favicon.rb +196 -0
  183. data/lib/cyberweb/generator/README.md +2 -0
  184. data/lib/cyberweb/generator/cgi.rb +201 -0
  185. data/lib/cyberweb/generator/class.rb +25 -0
  186. data/lib/cyberweb/generator/static_webpage.rb +162 -0
  187. data/lib/cyberweb/generator/webpage_for_images.rb +553 -0
  188. data/lib/cyberweb/help/help.rb +29 -0
  189. data/lib/cyberweb/html_codes/README.md +15 -0
  190. data/lib/cyberweb/html_codes/greek_letters.rb +204 -0
  191. data/lib/cyberweb/html_tags/README.md +3 -0
  192. data/lib/cyberweb/html_tags/a.rb +65 -0
  193. data/lib/cyberweb/html_tags/accesskey.rb +25 -0
  194. data/lib/cyberweb/html_tags/blockquote.rb +56 -0
  195. data/lib/cyberweb/html_tags/body.rb +14 -0
  196. data/lib/cyberweb/html_tags/br.rb +19 -0
  197. data/lib/cyberweb/html_tags/button.rb +110 -0
  198. data/lib/cyberweb/html_tags/canvas.rb +59 -0
  199. data/lib/cyberweb/html_tags/chtml.rb +14 -0
  200. data/lib/cyberweb/html_tags/div.rb +163 -0
  201. data/lib/cyberweb/html_tags/fieldset.rb +67 -0
  202. data/lib/cyberweb/html_tags/figure.rb +72 -0
  203. data/lib/cyberweb/html_tags/form.rb +203 -0
  204. data/lib/cyberweb/html_tags/h1.rb +75 -0
  205. data/lib/cyberweb/html_tags/h2.rb +73 -0
  206. data/lib/cyberweb/html_tags/h3.rb +58 -0
  207. data/lib/cyberweb/html_tags/h4.rb +60 -0
  208. data/lib/cyberweb/html_tags/h5.rb +54 -0
  209. data/lib/cyberweb/html_tags/h6.rb +54 -0
  210. data/lib/cyberweb/html_tags/hr.rb +22 -0
  211. data/lib/cyberweb/html_tags/html_tags.rb +240 -0
  212. data/lib/cyberweb/html_tags/i.rb +50 -0
  213. data/lib/cyberweb/html_tags/img.rb +294 -0
  214. data/lib/cyberweb/html_tags/input.rb +345 -0
  215. data/lib/cyberweb/html_tags/label.rb +63 -0
  216. data/lib/cyberweb/html_tags/legend.rb +56 -0
  217. data/lib/cyberweb/html_tags/li.rb +67 -0
  218. data/lib/cyberweb/html_tags/map.rb +31 -0
  219. data/lib/cyberweb/html_tags/nav.rb +63 -0
  220. data/lib/cyberweb/html_tags/object.rb +56 -0
  221. data/lib/cyberweb/html_tags/ol.rb +56 -0
  222. data/lib/cyberweb/html_tags/option.rb +61 -0
  223. data/lib/cyberweb/html_tags/p.rb +90 -0
  224. data/lib/cyberweb/html_tags/pre.rb +164 -0
  225. data/lib/cyberweb/html_tags/section.rb +33 -0
  226. data/lib/cyberweb/html_tags/select.rb +100 -0
  227. data/lib/cyberweb/html_tags/span.rb +338 -0
  228. data/lib/cyberweb/html_tags/strong.rb +39 -0
  229. data/lib/cyberweb/html_tags/table.rb +273 -0
  230. data/lib/cyberweb/html_tags/tbody.rb +24 -0
  231. data/lib/cyberweb/html_tags/td.rb +214 -0
  232. data/lib/cyberweb/html_tags/textarea.rb +138 -0
  233. data/lib/cyberweb/html_tags/th.rb +68 -0
  234. data/lib/cyberweb/html_tags/thead.rb +36 -0
  235. data/lib/cyberweb/html_tags/tr.rb +97 -0
  236. data/lib/cyberweb/html_tags/ul.rb +51 -0
  237. data/lib/cyberweb/html_template/html_template.rb +352 -0
  238. data/lib/cyberweb/images/embed_this_image.rb +37 -0
  239. data/lib/cyberweb/images/images.rb +58 -0
  240. data/lib/cyberweb/images/is_image.rb +22 -0
  241. data/lib/cyberweb/images/path_to_images.rb +60 -0
  242. data/lib/cyberweb/images/real/README.md +6 -0
  243. data/lib/cyberweb/images/remove_this_substring_from_all_images.rb +44 -0
  244. data/lib/cyberweb/images/standalone_drag_and_drop_this_image.rb +64 -0
  245. data/lib/cyberweb/images/string_image.rb +399 -0
  246. data/lib/cyberweb/images_base64_encoded/AUSRUFUNGSZEICHEN.png.md +1 -0
  247. data/lib/cyberweb/images_base64_encoded/BLUEARROW.png.md +1 -0
  248. data/lib/cyberweb/images_base64_encoded/BUBBLE.png.md +1 -0
  249. data/lib/cyberweb/images_base64_encoded/CAT.png.md +1 -0
  250. data/lib/cyberweb/images_base64_encoded/CAUTION.png.md +1 -0
  251. data/lib/cyberweb/images_base64_encoded/CHEERING_PERSON.png.md +1 -0
  252. data/lib/cyberweb/images_base64_encoded/CURSOR.png.md +1 -0
  253. data/lib/cyberweb/images_base64_encoded/DOT_01.png.md +5 -0
  254. data/lib/cyberweb/images_base64_encoded/DUCKY.png.md +1 -0
  255. data/lib/cyberweb/images_base64_encoded/ELEPHANT.png.md +1 -0
  256. data/lib/cyberweb/images_base64_encoded/HALLOWEEN.png.md +1 -0
  257. data/lib/cyberweb/images_base64_encoded/HANGING_MONKEY.png.md +1 -0
  258. data/lib/cyberweb/images_base64_encoded/LENS.png.md +1 -0
  259. data/lib/cyberweb/images_base64_encoded/README.md +2 -0
  260. data/lib/cyberweb/images_base64_encoded/TU_WIEN_LOGO.png.md +1 -0
  261. data/lib/cyberweb/images_base64_encoded/VOGEL.png.md +1 -0
  262. data/lib/cyberweb/io/README.md +1 -0
  263. data/lib/cyberweb/io/io.rb +19 -0
  264. data/lib/cyberweb/javascript/drag_and_drop.rb +105 -0
  265. data/lib/cyberweb/javascript/dragula_collection.rb +54 -0
  266. data/lib/cyberweb/javascript/javascript.rb +211 -0
  267. data/lib/cyberweb/javascript/javascript_bundle.rb +223 -0
  268. data/lib/cyberweb/javascript/javascript_clock.rb +69 -0
  269. data/lib/cyberweb/javascript/javascript_last_modified.rb +27 -0
  270. data/lib/cyberweb/javascript/javascript_magic.rb +150 -0
  271. data/lib/cyberweb/javascript/javascript_selectable.rb +24 -0
  272. data/lib/cyberweb/javascript/jquery.rb +30 -0
  273. data/lib/cyberweb/javascript/on_click_change_opacity.rb +97 -0
  274. data/lib/cyberweb/javascript/on_click_hide.rb +63 -0
  275. data/lib/cyberweb/javascript/popup.rb +80 -0
  276. data/lib/cyberweb/javascript/print_javascript.rb +33 -0
  277. data/lib/cyberweb/javascript/registered_javascript_methods.rb +30 -0
  278. data/lib/cyberweb/javascript/resize.rb +28 -0
  279. data/lib/cyberweb/javascript/return_javascript.rb +48 -0
  280. data/lib/cyberweb/javascript/scroll.rb +17 -0
  281. data/lib/cyberweb/javascript/snoweffect.rb +122 -0
  282. data/lib/cyberweb/javascript_code/README.md +6 -0
  283. data/lib/cyberweb/javascript_code/chmod_displayer.js +74 -0
  284. data/lib/cyberweb/javascript_code/custom_functions.js +267 -0
  285. data/lib/cyberweb/javascript_code/jquery/jquery-3.6.0.js +10881 -0
  286. data/lib/cyberweb/javascript_code/jquery/jquery-ui-1.12.1.js +18706 -0
  287. data/lib/cyberweb/javascript_code/rgb_to_hex.js +14 -0
  288. data/lib/cyberweb/javascript_code/select_even_numbers.js +7 -0
  289. data/lib/cyberweb/javascript_code/select_everything.js +22 -0
  290. data/lib/cyberweb/javascript_code/simple_calculator.js +15 -0
  291. data/lib/cyberweb/javascript_code/sleep.js +3 -0
  292. data/lib/cyberweb/javascript_code/to_celsius.js +8 -0
  293. data/lib/cyberweb/mouse/README.md +3 -0
  294. data/lib/cyberweb/mouse/libxdo.rb +321 -0
  295. data/lib/cyberweb/mouse/mouse.rb +264 -0
  296. data/lib/cyberweb/objectified_html_tags/README.md +8 -0
  297. data/lib/cyberweb/objectified_html_tags/a.rb +129 -0
  298. data/lib/cyberweb/objectified_html_tags/abbr.rb +84 -0
  299. data/lib/cyberweb/objectified_html_tags/base.rb +376 -0
  300. data/lib/cyberweb/objectified_html_tags/button.rb +135 -0
  301. data/lib/cyberweb/objectified_html_tags/combobox.rb +165 -0
  302. data/lib/cyberweb/objectified_html_tags/div.rb +129 -0
  303. data/lib/cyberweb/objectified_html_tags/embed.rb +161 -0
  304. data/lib/cyberweb/objectified_html_tags/form.rb +129 -0
  305. data/lib/cyberweb/objectified_html_tags/h1.rb +129 -0
  306. data/lib/cyberweb/objectified_html_tags/h2.rb +129 -0
  307. data/lib/cyberweb/objectified_html_tags/h3.rb +129 -0
  308. data/lib/cyberweb/objectified_html_tags/h4.rb +129 -0
  309. data/lib/cyberweb/objectified_html_tags/h5.rb +129 -0
  310. data/lib/cyberweb/objectified_html_tags/h6.rb +129 -0
  311. data/lib/cyberweb/objectified_html_tags/hbox.rb +71 -0
  312. data/lib/cyberweb/objectified_html_tags/img.rb +202 -0
  313. data/lib/cyberweb/objectified_html_tags/input.rb +185 -0
  314. data/lib/cyberweb/objectified_html_tags/p.rb +129 -0
  315. data/lib/cyberweb/objectified_html_tags/pre.rb +129 -0
  316. data/lib/cyberweb/objectified_html_tags/span.rb +92 -0
  317. data/lib/cyberweb/objectified_html_tags/table.rb +174 -0
  318. data/lib/cyberweb/objectified_html_tags/textarea.rb +173 -0
  319. data/lib/cyberweb/objectified_html_tags/title.rb +82 -0
  320. data/lib/cyberweb/objectified_html_tags/window.rb +79 -0
  321. data/lib/cyberweb/predefined_and_freeform_methods/README.md +1 -0
  322. data/lib/cyberweb/predefined_and_freeform_methods/frage.rb +45 -0
  323. data/lib/cyberweb/predefined_and_freeform_methods/freeform_methods.rb +93 -0
  324. data/lib/cyberweb/predefined_and_freeform_methods/hash_css_class_to_use.rb +55 -0
  325. data/lib/cyberweb/predefined_and_freeform_methods/hash_registered_extra_tags.rb +29 -0
  326. data/lib/cyberweb/predefined_and_freeform_methods/header.rb +81 -0
  327. data/lib/cyberweb/predefined_and_freeform_methods/predefined_methods.rb +413 -0
  328. data/lib/cyberweb/project/project.rb +85 -0
  329. data/lib/cyberweb/rack/README.md +1 -0
  330. data/lib/cyberweb/rack/request.rb +31 -0
  331. data/lib/cyberweb/requires/README.md +4 -0
  332. data/lib/cyberweb/requires/do_require_web_object_files.rb +9 -0
  333. data/lib/cyberweb/requires/remove_html.rb +9 -0
  334. data/lib/cyberweb/requires/require_cgi.rb +16 -0
  335. data/lib/cyberweb/requires/require_charts.rb +20 -0
  336. data/lib/cyberweb/requires/require_generators.rb +23 -0
  337. data/lib/cyberweb/requires/require_html_tags_files.rb +23 -0
  338. data/lib/cyberweb/requires/require_javascript_files.rb +23 -0
  339. data/lib/cyberweb/requires/require_kimurai.rb +13 -0
  340. data/lib/cyberweb/requires/require_objectified_html_tags_files.rb +23 -0
  341. data/lib/cyberweb/requires/require_sinatra.rb +7 -0
  342. data/lib/cyberweb/requires/require_the_constants.rb +26 -0
  343. data/lib/cyberweb/requires/require_the_cyberweb_project.rb +172 -0
  344. data/lib/cyberweb/requires/require_the_html_template.rb +7 -0
  345. data/lib/cyberweb/requires/require_the_toplevel_methods_files.rb +24 -0
  346. data/lib/cyberweb/requires/require_web_images.rb +7 -0
  347. data/lib/cyberweb/requires/require_web_object_files.rb +25 -0
  348. data/lib/cyberweb/requires/require_yaml.rb +11 -0
  349. data/lib/cyberweb/sinatra/README.md +11 -0
  350. data/lib/cyberweb/sinatra/base.rb +145 -0
  351. data/lib/cyberweb/sinatra/custom_extensions.rb +131 -0
  352. data/lib/cyberweb/standalone_classes/all_css_classes.rb +255 -0
  353. data/lib/cyberweb/standalone_classes/calculator.rb +127 -0
  354. data/lib/cyberweb/standalone_classes/correct_image_entries_in_html_file.rb +207 -0
  355. data/lib/cyberweb/standalone_classes/input_focus.rb +97 -0
  356. data/lib/cyberweb/standalone_classes/tag_prototype.rb +43 -0
  357. data/lib/cyberweb/standalone_classes/turn_html_into_cyberweb.rb +174 -0
  358. data/lib/cyberweb/svg/blue_rect.svg +12 -0
  359. data/lib/cyberweb/svg/butterfly.svg +15 -0
  360. data/lib/cyberweb/svg/chemical_molecule.svg +192 -0
  361. data/lib/cyberweb/svg/circles_on_background.svg +29 -0
  362. data/lib/cyberweb/svg/ellipse.svg +12 -0
  363. data/lib/cyberweb/svg/five_circles.svg +26 -0
  364. data/lib/cyberweb/svg/flag_germany.svg +10 -0
  365. data/lib/cyberweb/svg/gaussian_blur.svg +20 -0
  366. data/lib/cyberweb/svg/gradient_circle.svg +18 -0
  367. data/lib/cyberweb/svg/green_butterfly.svg +18 -0
  368. data/lib/cyberweb/svg/green_tilted_lines.svg +25 -0
  369. data/lib/cyberweb/svg/lion.svg +161 -0
  370. data/lib/cyberweb/svg/one_circle.svg +12 -0
  371. data/lib/cyberweb/svg/pie_chart.svg +130 -0
  372. data/lib/cyberweb/svg/svg.cgi +61 -0
  373. data/lib/cyberweb/svg/tetris.svg +487 -0
  374. data/lib/cyberweb/svg/three_circles.svg +18 -0
  375. data/lib/cyberweb/svg/tiger.svg +732 -0
  376. data/lib/cyberweb/svg/tilted_arcs.svg +74 -0
  377. data/lib/cyberweb/svg/transparent_rect.svg +12 -0
  378. data/lib/cyberweb/svg/yellow_fe_blending.svg +42 -0
  379. data/lib/cyberweb/toplevel_methods/a.rb +131 -0
  380. data/lib/cyberweb/toplevel_methods/anmerkung.rb +67 -0
  381. data/lib/cyberweb/toplevel_methods/audio.rb +59 -0
  382. data/lib/cyberweb/toplevel_methods/bold.rb +65 -0
  383. data/lib/cyberweb/toplevel_methods/cgi.rb +65 -0
  384. data/lib/cyberweb/toplevel_methods/charsets.rb +52 -0
  385. data/lib/cyberweb/toplevel_methods/clear.rb +30 -0
  386. data/lib/cyberweb/toplevel_methods/close.rb +62 -0
  387. data/lib/cyberweb/toplevel_methods/consider_serving_the_web_object.rb +41 -0
  388. data/lib/cyberweb/toplevel_methods/css.rb +732 -0
  389. data/lib/cyberweb/toplevel_methods/date.rb +71 -0
  390. data/lib/cyberweb/toplevel_methods/dictionary.rb +48 -0
  391. data/lib/cyberweb/toplevel_methods/disable.rb +49 -0
  392. data/lib/cyberweb/toplevel_methods/document.rb +56 -0
  393. data/lib/cyberweb/toplevel_methods/dot.rb +182 -0
  394. data/lib/cyberweb/toplevel_methods/download_webpage.rb +18 -0
  395. data/lib/cyberweb/toplevel_methods/edit_configuration_file.rb +26 -0
  396. data/lib/cyberweb/toplevel_methods/ee.rb +44 -0
  397. data/lib/cyberweb/toplevel_methods/env.rb +44 -0
  398. data/lib/cyberweb/toplevel_methods/escape_html.rb +54 -0
  399. data/lib/cyberweb/toplevel_methods/fields.rb +46 -0
  400. data/lib/cyberweb/toplevel_methods/filename.rb +33 -0
  401. data/lib/cyberweb/toplevel_methods/frames.rb +131 -0
  402. data/lib/cyberweb/toplevel_methods/glob.rb +30 -0
  403. data/lib/cyberweb/toplevel_methods/google.rb +35 -0
  404. data/lib/cyberweb/toplevel_methods/hardware_information.rb +90 -0
  405. data/lib/cyberweb/toplevel_methods/hfin.rb +56 -0
  406. data/lib/cyberweb/toplevel_methods/html_comment.rb +48 -0
  407. data/lib/cyberweb/toplevel_methods/html_mode.rb +39 -0
  408. data/lib/cyberweb/toplevel_methods/html_tables.rb +818 -0
  409. data/lib/cyberweb/toplevel_methods/input.rb +54 -0
  410. data/lib/cyberweb/toplevel_methods/jquery.rb +82 -0
  411. data/lib/cyberweb/toplevel_methods/last_modified.rb +39 -0
  412. data/lib/cyberweb/toplevel_methods/links.rb +426 -0
  413. data/lib/cyberweb/toplevel_methods/listing.rb +96 -0
  414. data/lib/cyberweb/toplevel_methods/localhost.rb +18 -0
  415. data/lib/cyberweb/toplevel_methods/log_directory.rb +84 -0
  416. data/lib/cyberweb/toplevel_methods/logging.rb +42 -0
  417. data/lib/cyberweb/toplevel_methods/logo.rb +30 -0
  418. data/lib/cyberweb/toplevel_methods/markdown.rb +112 -0
  419. data/lib/cyberweb/toplevel_methods/mathml.rb +130 -0
  420. data/lib/cyberweb/toplevel_methods/message_boxes.rb +140 -0
  421. data/lib/cyberweb/toplevel_methods/misc.rb +1398 -0
  422. data/lib/cyberweb/toplevel_methods/name_of_img_dir.rb +51 -0
  423. data/lib/cyberweb/toplevel_methods/padlem_and_marlem.rb +107 -0
  424. data/lib/cyberweb/toplevel_methods/params.rb +57 -0
  425. data/lib/cyberweb/toplevel_methods/path.rb +69 -0
  426. data/lib/cyberweb/toplevel_methods/pdf.rb +103 -0
  427. data/lib/cyberweb/toplevel_methods/process_content.rb +102 -0
  428. data/lib/cyberweb/toplevel_methods/progress.rb +42 -0
  429. data/lib/cyberweb/toplevel_methods/quote.rb +44 -0
  430. data/lib/cyberweb/toplevel_methods/random.rb +70 -0
  431. data/lib/cyberweb/toplevel_methods/rds.rb +35 -0
  432. data/lib/cyberweb/toplevel_methods/read_and_display.rb +284 -0
  433. data/lib/cyberweb/toplevel_methods/readlines.rb +31 -0
  434. data/lib/cyberweb/toplevel_methods/redirect.rb +29 -0
  435. data/lib/cyberweb/toplevel_methods/registered_ids.rb +178 -0
  436. data/lib/cyberweb/toplevel_methods/remove_html.rb +32 -0
  437. data/lib/cyberweb/toplevel_methods/remove_newlines.rb +28 -0
  438. data/lib/cyberweb/toplevel_methods/return_head_start.rb +33 -0
  439. data/lib/cyberweb/toplevel_methods/return_html_fin.rb +34 -0
  440. data/lib/cyberweb/toplevel_methods/return_html_header.rb +35 -0
  441. data/lib/cyberweb/toplevel_methods/return_html_start.rb +24 -0
  442. data/lib/cyberweb/toplevel_methods/return_html_to_head_start.rb +42 -0
  443. data/lib/cyberweb/toplevel_methods/return_meta_collection.rb +54 -0
  444. data/lib/cyberweb/toplevel_methods/return_pwd.rb +23 -0
  445. data/lib/cyberweb/toplevel_methods/return_strict_doctype.rb +51 -0
  446. data/lib/cyberweb/toplevel_methods/roebe.rb +43 -0
  447. data/lib/cyberweb/toplevel_methods/s2.rb +30 -0
  448. data/lib/cyberweb/toplevel_methods/sanitize_url.rb +57 -0
  449. data/lib/cyberweb/toplevel_methods/sbr.rb +170 -0
  450. data/lib/cyberweb/toplevel_methods/server_base_directory.rb +148 -0
  451. data/lib/cyberweb/toplevel_methods/show_and_display.rb +215 -0
  452. data/lib/cyberweb/toplevel_methods/show_configuration.rb +83 -0
  453. data/lib/cyberweb/toplevel_methods/sitemap.rb +111 -0
  454. data/lib/cyberweb/toplevel_methods/spacer.rb +119 -0
  455. data/lib/cyberweb/toplevel_methods/string_body_start.rb +65 -0
  456. data/lib/cyberweb/toplevel_methods/string_content.rb +35 -0
  457. data/lib/cyberweb/toplevel_methods/svg.rb +66 -0
  458. data/lib/cyberweb/toplevel_methods/tag.rb +237 -0
  459. data/lib/cyberweb/toplevel_methods/temp_directory.rb +73 -0
  460. data/lib/cyberweb/toplevel_methods/test_css.rb +24 -0
  461. data/lib/cyberweb/toplevel_methods/textile.rb +45 -0
  462. data/lib/cyberweb/toplevel_methods/title.rb +125 -0
  463. data/lib/cyberweb/toplevel_methods/umlaute.rb +90 -0
  464. data/lib/cyberweb/toplevel_methods/video.rb +352 -0
  465. data/lib/cyberweb/toplevel_methods/view_source.rb +50 -0
  466. data/lib/cyberweb/toplevel_methods/web_object.rb +42 -0
  467. data/lib/cyberweb/toplevel_methods/write_what_into.rb +27 -0
  468. data/lib/cyberweb/utility_scripts/README.md +4 -0
  469. data/lib/cyberweb/utility_scripts/create_coloured_tags.rb +172 -0
  470. data/lib/cyberweb/utility_scripts/download_balloon_css.rb +160 -0
  471. data/lib/cyberweb/utility_scripts/hyperlink_all_images_from.rb +148 -0
  472. data/lib/cyberweb/version/version.rb +25 -0
  473. data/lib/cyberweb/web_base/web_base.rb +28 -0
  474. data/lib/cyberweb/web_images/array_listing_all_project_images.rb +52 -0
  475. data/lib/cyberweb/web_images/map_symbol_to_image_location.rb +1661 -0
  476. data/lib/cyberweb/web_images/web_images.rb +270 -0
  477. data/lib/cyberweb/web_object/css.rb +627 -0
  478. data/lib/cyberweb/web_object/evaluate.rb +126 -0
  479. data/lib/cyberweb/web_object/favicon.rb +160 -0
  480. data/lib/cyberweb/web_object/html_related_tags.rb +320 -0
  481. data/lib/cyberweb/web_object/images.rb +693 -0
  482. data/lib/cyberweb/web_object/initialize.rb +51 -0
  483. data/lib/cyberweb/web_object/input_related_functionality.rb +414 -0
  484. data/lib/cyberweb/web_object/javascript.rb +427 -0
  485. data/lib/cyberweb/web_object/languages.rb +172 -0
  486. data/lib/cyberweb/web_object/links.rb +228 -0
  487. data/lib/cyberweb/web_object/misc.rb +5159 -0
  488. data/lib/cyberweb/web_object/params.rb +289 -0
  489. data/lib/cyberweb/web_object/reset.rb +192 -0
  490. data/lib/cyberweb/web_object/run.rb +44 -0
  491. data/lib/cyberweb/web_object/sinatra_related_functionality.rb +30 -0
  492. data/lib/cyberweb/web_object/sitemap.rb +176 -0
  493. data/lib/cyberweb/web_object/table.rb +378 -0
  494. data/lib/cyberweb/web_object/web_object.rb +126 -0
  495. data/lib/cyberweb/web_scraper/README.md +8 -0
  496. data/lib/cyberweb/web_scraper/scrape_this_url.rb +183 -0
  497. data/lib/cyberweb/webmin/biology_server.cgi +256 -0
  498. data/lib/cyberweb/webmin/calculator.cgi +52 -0
  499. data/lib/cyberweb/webmin/colour_chart.cgi +33 -0
  500. data/lib/cyberweb/webmin/comments.cgi +137 -0
  501. data/lib/cyberweb/webmin/comments_data +18 -0
  502. data/lib/cyberweb/webmin/constants.rb +46 -0
  503. data/lib/cyberweb/webmin/dictionary.cgi +39 -0
  504. data/lib/cyberweb/webmin/sys_info.cgi +26 -0
  505. data/lib/cyberweb/webmin/webforum.cgi +58 -0
  506. data/lib/cyberweb/webmin/webmin.cgi +679 -0
  507. data/lib/cyberweb/yaml/autogenerated_system_settings.yml +14 -0
  508. data/lib/cyberweb/yaml/custom_tags.yml +7 -0
  509. data/lib/cyberweb/yaml/debug.yml +1 -0
  510. data/lib/cyberweb/yaml/html5_global_attributes.yml +12 -0
  511. data/lib/cyberweb/yaml/html5_new_elements.yml +108 -0
  512. data/lib/cyberweb/yaml/html_tag_legend.yml +12 -0
  513. data/lib/cyberweb/yaml/http_status_codes.yml +38 -0
  514. data/lib/cyberweb/yaml/js_files_to_load.yml +28 -0
  515. data/lib/cyberweb/yaml/project_configuration.yml +229 -0
  516. data/lib/cyberweb/yaml/video_attributes.yml +35 -0
  517. data/lib/cyberweb/yaml/web_images.yml +306 -0
  518. data/lib/cyberweb.rb +5 -0
  519. data/test/README.md +5 -0
  520. data/test/complex_tests/all_tests_in_one_page.cgi +666 -0
  521. data/test/complex_tests/simple_sinatra_example_using_cyberweb/simple.rb +60 -0
  522. data/test/complex_tests/sinatra_or_cyberweb/sinatra_or_cyberweb.cgi +7 -0
  523. data/test/complex_tests/sinatra_or_cyberweb/sinatra_or_cyberweb.rb +23 -0
  524. data/test/complex_tests/sinatra_or_cyberweb/sinatra_or_cyberweb.sinatra +65 -0
  525. data/test/complex_tests/testing_frames.cgi +42 -0
  526. data/test/complex_tests/testing_objectified_html_tags.rb +82 -0
  527. data/test/complex_tests/testing_style_variants/README.md +2 -0
  528. data/test/complex_tests/testing_style_variants/show_coloured_boxes.cgi +58 -0
  529. data/test/complex_tests/testing_tables.cgi +67 -0
  530. data/test/complex_tests/testing_the_cyberweb_shell.rb +188 -0
  531. data/test/complex_tests/testing_web_object.rb +94 -0
  532. data/test/css/README.md +5 -0
  533. data/test/css/return_the_content_of_these_css_classes.rb +7 -0
  534. data/test/css/testing_css_effects.cgi +159 -0
  535. data/test/css/testing_css_masking.cgi +36 -0
  536. data/test/dummy.pdf +0 -0
  537. data/test/hello_world/hello_world.cgi +25 -0
  538. data/test/javascript/README.md +2 -0
  539. data/test/javascript/testing_cheerleader_javascript.cgi +0 -0
  540. data/test/javascript/testing_drag_and_drop_support.cgi +33 -0
  541. data/test/javascript/testing_on_click_change_opacity.cgi +26 -0
  542. data/test/javascript/testing_snowflakes.cgi +20 -0
  543. data/test/simple_tests/README.md +3 -0
  544. data/test/simple_tests/ad-hoc-test.cgi +55 -0
  545. data/test/simple_tests/commandline_tests.rb +70 -0
  546. data/test/simple_tests/display_this_file.cgi +11 -0
  547. data/test/simple_tests/simple_html_example.cgi +29 -0
  548. data/test/simple_tests/simple_status_page.cgi +52 -0
  549. data/test/simple_tests/string_s2_test.rb +11 -0
  550. data/test/simple_tests/test_simple_string_as_input.rb +12 -0
  551. data/test/simple_tests/testing_base64_images.cgi +26 -0
  552. data/test/simple_tests/testing_dragging_an_image.cgi +23 -0
  553. data/test/simple_tests/testing_editable_text.cgi +16 -0
  554. data/test/simple_tests/testing_email.cgi +31 -0
  555. data/test/simple_tests/testing_embedding_a_pdf_file.cgi +32 -0
  556. data/test/simple_tests/testing_google_charts.cgi +24 -0
  557. data/test/simple_tests/testing_html_forms.cgi +31 -0
  558. data/test/simple_tests/testing_html_template.rb +13 -0
  559. data/test/simple_tests/testing_popup_div.cgi +22 -0
  560. data/test/simple_tests/testing_return_dataset_without_any_comments.rb +11 -0
  561. data/test/simple_tests/testing_the_cap_box.cgi +20 -0
  562. data/test/simple_tests/testing_the_div_tag.cgi +21 -0
  563. data/test/simple_tests/testing_the_headers_tag.cgi +36 -0
  564. data/test/simple_tests/testing_the_html_colours.cgi +19 -0
  565. data/test/simple_tests/testing_the_info_box.cgi +19 -0
  566. data/test/simple_tests/testing_the_li_tag.cgi +24 -0
  567. data/test/simple_tests/testing_the_s2_method.rb +7 -0
  568. data/test/simple_tests/testing_the_select_tag.cgi +23 -0
  569. data/test/simple_tests/testing_the_span_tag.cgi +36 -0
  570. data/test/simple_tests/testing_web_images.rb +12 -0
  571. data/test/testing_html_tags/README.md +7 -0
  572. data/test/testing_html_tags/button_example.cgi +42 -0
  573. metadata +759 -0
@@ -0,0 +1,1836 @@
1
+ /*
2
+ *
3
+ * Filename: default.css
4
+ *
5
+ * This file used to be called STD.css until July 2020 when it was renamed
6
+ * (and the content re-organized).
7
+ *
8
+ * Thus, this file is sort of the standard (STD) .css file, originally
9
+ * created in the year 2000 to standardize usage across my webpages.
10
+ *
11
+ * SEPARATE style FROM CONTENT, PRESENTATION FROM STRUCTURE AND DESIGN
12
+ * FROM DATA.
13
+ *
14
+ * Please comment like this : * and /
15
+ *
16
+ * Note that margins are ignored for absolute positioned elements.
17
+ *
18
+ * HTML Variants:
19
+ *
20
+ * <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
21
+ * <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
22
+ * <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
23
+ *
24
+ *
25
+ * REFERENCES / Links TO CSS:
26
+ *
27
+ * http://www.htmlhelp.com/reference/css/
28
+ * http://www.blooberry.com/indexdot/css/propindex/all.htm
29
+ *
30
+ */
31
+
32
+ /* This is the default CSS class. */
33
+
34
+ div { font-weight: normal; }
35
+ p { padding: 0px; }
36
+
37
+ li {
38
+ padding-top:2px;
39
+ margin-top:0px;
40
+ margin-bottom:0px;
41
+ margin-left:0px
42
+ }
43
+
44
+ img {border:0px solid black;}
45
+
46
+ .video_aspect_ratio {
47
+ aspect-ratio: 16 / 9;
48
+ }
49
+
50
+ /*
51
+ * @import url('stylish2.css');
52
+ *
53
+ * To check your CSS, use this:
54
+ *
55
+ * https://www.htmlhelp.com/tools/csscheck
56
+ *
57
+ */
58
+ BODY.persona {
59
+ font-family:'Times New Roman','Arrus BT',Helvetica,Arial,serif;
60
+ background-color:black;
61
+ background-image: none;
62
+ border-width:0px;
63
+ border-color:black;
64
+ min-width: 100px;
65
+ position: relative;
66
+ color:white;
67
+ }
68
+
69
+ img.center {
70
+ display: block;
71
+ margin-left: auto;
72
+ margin-right: auto;
73
+ }
74
+
75
+ /* Vis tags, visibility tags */
76
+ .SetNoShow {visibility: hidden}
77
+ .hidden {visibility: hidden}
78
+ .hide {visibility: hidden}
79
+ .vish {visibility: hidden}
80
+ .nhide {visibility: visible}
81
+ .visible {visibility: visible}
82
+ .vnone {visibility: hidden}
83
+
84
+ /*
85
+ * Opacity Tag. Added APR 2011.
86
+ */
87
+ .opa1 { opacity: 0.1;}
88
+ .opa2 { opacity: 0.2;}
89
+ .opa3 { opacity: 0.3;}
90
+ .opa4 { opacity: 0.4;}
91
+ .opa5 { opacity: 0.5;}
92
+ .opa6 { opacity: 0.6;}
93
+ .opa7 { opacity: 0.7;}
94
+ .opa8 { opacity: 0.8;}
95
+ .opa9 { opacity: 0.9;}
96
+
97
+ .opa1_hover:hover { opacity: 0.1;}
98
+ .opa2_hover:hover { opacity: 0.2;}
99
+ .opa3_hover:hover { opacity: 0.3;}
100
+ .opa4_hover:hover { opacity: 0.4;}
101
+ .opa5_hover:hover { opacity: 0.5;}
102
+ .opa6_hover:hover { opacity: 0.6;}
103
+ .opa7_hover:hover { opacity: 0.7;}
104
+ .opa8_hover:hover { opacity: 0.8;}
105
+ .opa9_hover:hover { opacity: 0.9;}
106
+
107
+ /* top right bottom left like margin: 1em 2em 3em 4em */
108
+ /* Top, top tags, width tags and height tags see below */
109
+ .top-20px {top:-20px }
110
+ .top-19px {top:-19px }
111
+ .top-18px {top:-18px }
112
+ .top-17px {top:-17px }
113
+ .top-16px {top:-16px }
114
+ .top-15px {top:-15px }
115
+ .top-14px {top:-14px }
116
+ .top-13px {top:-13px }
117
+ .top-12px {top:-12px }
118
+ .top-11px {top:-11px }
119
+ .top-10px {top:-10px }
120
+ .top-9px {top:-9px }
121
+ .top-8px {top:-8px }
122
+ .top-7px {top:-7px }
123
+ .top-6px {top:-6px }
124
+ .top-5px {top:-5px }
125
+ .top-4px {top:-4px }
126
+ .top-3px {top:-3px }
127
+ .top-2px {top:-2px }
128
+ .top-1px {top:-1px }
129
+ .top0px {top:0px }
130
+ .top1px {top:1px }
131
+ .top2px {top:2px }
132
+ .top3px {top:3px }
133
+ .top4px {top:4px }
134
+ .top5px {top:5px }
135
+ .top6px {top:6px }
136
+ .top7px {top:7px }
137
+ .top8px {top:8px }
138
+ .top9px {top:9px }
139
+ .top10px {top:10px }
140
+ .top11px {top:11px }
141
+ .top12px {top:12px }
142
+ .top13px {top:13px }
143
+ .top14px {top:14px }
144
+ .top15px {top:15px }
145
+ .top20px {top:20px }
146
+ .top30px {top:30px }
147
+ .top40px {top:40px }
148
+ .top41px {top:41px }
149
+ .top42px {top:42px }
150
+ .top43px {top:43px }
151
+ .top44px {top:44px }
152
+ .top45px {top:45px }
153
+ .top50px {top:50px }
154
+ .top51px {top:51px }
155
+ .top52px {top:52px }
156
+ .top53px {top:53px }
157
+ .top54px {top:54px }
158
+ .top55px {top:55px }
159
+ .top56px {top:56px }
160
+ .top57px {top:57px }
161
+ .top58px {top:58px }
162
+ .top59px {top:59px }
163
+ .top60px {top:60px }
164
+ .top70px {top:70px }
165
+ .top80px {top:80px }
166
+ .top85px {top:85px }
167
+ .top88px {top:88px }
168
+ .top90px {top:90px }
169
+ .top110px {top:110px }
170
+ .top117px {top:117px }
171
+ .top120px {top:120px }
172
+ .top125px {top:125px }
173
+ .top126px {top:126px }
174
+ .top127px {top:127px }
175
+ .top128px {top:128px }
176
+ .top129px {top:129px }
177
+ .top130px {top:130px }
178
+ .top131px {top:131px }
179
+ .top132px {top:132px }
180
+ .top133px {top:133px }
181
+ .top134px {top:134px }
182
+ .top135px {top:135px }
183
+ .top155px {top:155px }
184
+ .top165px {top:165px }
185
+ .top167px {top:167px }
186
+ .top175px {top:175px }
187
+ .top177px {top:177px }
188
+ .top200px {top:200px }
189
+ .top245px {top:245px }
190
+ .top255px {top:255px }
191
+ .top260px {top:260px }
192
+ .top265px {top:265px }
193
+ .top270px {top:270px }
194
+ .top300px {top:300px }
195
+ .top320px {top:320px }
196
+ .top330px {top:330px }
197
+ .top345px {top:345px }
198
+ .top350px {top:350px }
199
+ .top400px {top:400px }
200
+ .top440px {top:440px }
201
+ .top500px {top:500px }
202
+ .top520px {top:520px }
203
+ .top600px {top:600px }
204
+ .top-3em {top:-3em }
205
+ .top-2em {top:-2em }
206
+ .top-1em {top:-1em }
207
+ .top0 {top: 0em }
208
+ .top0_4em {top: 0.4em}
209
+ .top0_5em {top: 0.5em}
210
+ .top0_6em {top: 0.6em}
211
+ .top0_7em {top: 0.7em}
212
+ .top0_8em {top: 0.8em}
213
+ .top0_9em {top: 0.9em}
214
+ .top1em {top: 1em }
215
+ .top2em {top: 2em }
216
+ .top3em {top: 3em }
217
+ .top4em {top: 4em }
218
+ .top5em {top: 5em }
219
+ .top6em {top: 6em }
220
+ .top7em {top: 7em }
221
+ .top8em {top: 8em }
222
+ .top9em {top: 9em }
223
+ .top10em {top: 10em }
224
+ .top11em {top: 11em }
225
+ .top12em {top: 12em }
226
+ .top13em {top: 13em }
227
+ .top1_1em {top: 1em; left:1em }
228
+ .top1_2em {top: 2em; left:2em }
229
+ .top1_3em {top: 3em; left:3em }
230
+ .top1_4em {top: 4em; left:4em }
231
+ .top1_5em {top: 5em; left:5em }
232
+ /* right tags rig tags, righ tags, right, right tags */
233
+ .right0_2em {right:0.2em; }
234
+ .right0_3em {right:0.3em; }
235
+ .right0_4em {right:0.4em; }
236
+ .right0_5em {right:0.5em; }
237
+ .right0_6em {right:0.6em; }
238
+ .right0_7em {right:0.7em; }
239
+ .right0_8em {right:0.8em; }
240
+ .r1em {right: 1em; }
241
+ .right1em {right: 1em; }
242
+ .right2em {right: 2em; }
243
+ .right3em {right: 3em; }
244
+ .right4em {right: 4em; }
245
+ .right5em {right: 5em; }
246
+ .right6em {right: 6em; }
247
+ .right7em {right: 7em; }
248
+ .right15em {right: 15em;}
249
+ .right20em {right: 20em;}
250
+ .right21em {right: 21em;}
251
+ .right22em {right: 22em;}
252
+ .right23em {right: 23em;}
253
+ .right24em {right: 24em;}
254
+ .right25em {right: 25em;}
255
+ .right26em {right: 26em;}
256
+ .right27em {right: 27em;}
257
+ .right28em {right: 28em;}
258
+ .right29em {right: 29em;}
259
+ .right30em {right: 30em;}
260
+ /* left tags lef tags, left tags,leftt*/
261
+ .lef30 { left:30%; }
262
+ .lef50 { left:50%; }
263
+ .lef51 { left:51%; }
264
+ .lef52 { left:52%; }
265
+ .lef53 { left:53%; }
266
+ .lef54 { left:54%; }
267
+ .lef55 { left:55%; }
268
+ .lef56 { left:56%; }
269
+ .lef57 { left:57%; }
270
+ .lef58 { left:58%; }
271
+ .lef59 { left:59%; }
272
+ .lef60 { left:60%; }
273
+ .lef61 { left:61%; }
274
+ .lef62 { left:62%; }
275
+ .lef63 { left:63%; }
276
+ .lef64 { left:64%; }
277
+ .lef65 { left:65%; }
278
+ .lef66 { left:66%; }
279
+ .lef67 { left:67%; }
280
+ .lef68 { left:68%; }
281
+ .lef69 { left:69%; }
282
+ .lef70 { left:70%; }
283
+ .lef71 { left:71%; }
284
+ .lef72 { left:72%; }
285
+ .lef73 { left:73%; }
286
+ .lef74 { left:74%; }
287
+ .lef75 { left:75%; }
288
+ .lef76 { left:76%; }
289
+ .lef77 { left:77%; }
290
+ .lef78 { left:78%; }
291
+ .lef79 { left:79%; }
292
+ .lef80 { left:80%; }
293
+ .lef81 { left:81%; }
294
+ .lef82 { left:82%; }
295
+ .lef83 { left:83%; }
296
+ .lef84 { left:84%; }
297
+ .lef85 { left:85%; }
298
+ .lef86 { left:86%; }
299
+ .lef87 { left:87%; }
300
+ .lef88 { left:88%; }
301
+ .lef89 { left:89%; }
302
+ .lef90 { left:90%; }
303
+ .lef91 { left:91%; }
304
+ .lef92 { left:92%; }
305
+ .lef93 { left:93%; }
306
+ .lef94 { left:94%; }
307
+ .lef95 { left:95%; }
308
+ .lef96 { left:96%; }
309
+ .lef97 { left:97%; }
310
+ .lef98 { left:98%; }
311
+ .lef99 { left:99%; }
312
+ .lef100 { left:100%; }
313
+ .left0px { left:0px }
314
+ .left1px { left:1px }
315
+ .left2px { left:2px }
316
+ .left3px { left:3px }
317
+ .left4px { left:4px }
318
+ .left5px { left:5px }
319
+ .left6px { left:6px }
320
+ .left7px { left:7px }
321
+ .left8px { left:8px }
322
+ .left9px { left:9px }
323
+ .left10px { left:10px }
324
+ .left11px { left:11px }
325
+ .left12px { left:12px }
326
+ .left13px { left:13px }
327
+ .left14px { left:14px }
328
+ .left15px { left:15px }
329
+ .left30px { left:30px }
330
+ .left40px { left:40px }
331
+ .left45px { left:45px }
332
+ .left50px { left:50px }
333
+ .left55px { left:55px }
334
+ .left60px { left:60px }
335
+ .left65px { left:65px }
336
+ .left70px { left:70px }
337
+ .left80px { left:80px }
338
+ .left85px { left:85px }
339
+ .left90px { left:90px }
340
+ .left95px { left:95px }
341
+ .left96px { left:96px }
342
+ .left98px { left:98px }
343
+ .left100px{ left:100px}
344
+ .left110px{ left:110px}
345
+ .left120px{ left:120px}
346
+ .left150px{ left:150px}
347
+ .left180px{ left:180px}
348
+ .left190px{ left:190px}
349
+ .left195px{ left:195px}
350
+ .left197px{ left:197px}
351
+ .left198px{ left:198px}
352
+ .left200px{ left:200px}
353
+ .left205px{ left:205px}
354
+ .left210px{ left:210px}
355
+ .left275px{ left:275px}
356
+ .left280px{ left:280px}
357
+ .left286px{ left:286px}
358
+ .left291px{ left:291px}
359
+ .left295px{ left:295px}
360
+ .left300px{ left:300px}
361
+ .left301px{ left:301px}
362
+ .left320px{ left:320px}
363
+ .left360px{ left:360px}
364
+ .left380px{ left:380px}
365
+ .left385px{ left:385px}
366
+ .left400px{ left:400px}
367
+ .left420px{ left:420px}
368
+ .left450px{ left:450px}
369
+ .left460px{ left:460px}
370
+ .left480px{ left:480px}
371
+ .left490px{ left:490px}
372
+ .left500px{ left:500px}
373
+ .left520px{ left:520px}
374
+ .left540px{ left:540px}
375
+ .left560px{ left:560px}
376
+ .left580px{ left:580px}
377
+ .left590px{ left:590px}
378
+ .left595px{ left:595px}
379
+ .left600px{ left:600px}
380
+ .left605px{ left:605px}
381
+ .left610px{ left:610px}
382
+ .left620px{ left:620px}
383
+ .left630px{ left:630px}
384
+ .left640px{ left:640px}
385
+ .left650px{ left:650px}
386
+ .left680px{ left:680px}
387
+ .left690px{ left:690px}
388
+ .left700px{ left:700px}
389
+ .left705px{ left:705px}
390
+ .left706px{ left:706px}
391
+ .left707px{ left:707px}
392
+ .left708px{ left:708px}
393
+ .left740px{ left:740px}
394
+ .left790px{ left:790px}
395
+ .left800px{ left:800px}
396
+ .left810px{ left:810px}
397
+ .left820px{ left:820px}
398
+ .left856px{ left:856px}
399
+ .left875px{ left:875px}
400
+ .left880px{ left:880px}
401
+ .left896px{ left:896px}
402
+ .left900px{ left:900px}
403
+ .left905px{ left:905px}
404
+ .left910px{ left:910px}
405
+ .left920px{ left:920px}
406
+ .left950px{ left:950px}
407
+ .left-1em { left:-1em}
408
+ .left0em { left: 0em}
409
+ .left1em { left: 1em}
410
+ .left2em { left: 2em}
411
+ .left3em { left: 3em}
412
+ .left4em { left: 4em}
413
+ .left5em { left: 5em}
414
+ .left6em { left: 6em}
415
+ .left7em { left: 7em}
416
+ .left8em { left: 8em}
417
+ .left9em { left: 9em}
418
+ .left10em { left:10em}
419
+ .left20em { left:20em}
420
+ .left30em { left:30em}
421
+ .left40em { left:40em}
422
+ .left50em { left:50em}
423
+ /* Z index tags, z-index tags */
424
+ .Z1 { z-index:1}
425
+ .Z2 { z-index:2}
426
+ .Z3 { z-index:3}
427
+ .Z4 { z-index:4}
428
+ .Z5 { z-index:5}
429
+ .Z6 { z-index:6}
430
+ .Z7 { z-index:7}
431
+ .Z8 { z-index:8}
432
+ .Z9 { z-index:9}
433
+ .Z10 { z-index:10}
434
+ .Z11 { z-index:11}
435
+ .Z12 { z-index:12}
436
+ .Z13 { z-index:13}
437
+ .Z14 { z-index:14}
438
+ .Z15 { z-index:15}
439
+ .Z16 { z-index:16}
440
+ .Z17 { z-index:17}
441
+ .Z18 { z-index:18}
442
+ .Z19 { z-index:19}
443
+ .Z20 { z-index:20}
444
+ .Z100 { z-index:100}
445
+ /* wid tags width tags, wid-tag, wid-tags*/
446
+ .wida, .wid_auto {width:auto }
447
+ .wid52em {width:52em}
448
+ .wid50em {width:50em}
449
+ .wid40em {width:40em}
450
+ .wid39em {width:39em}
451
+ .wid38em {width:38em}
452
+ .wid37em {width:37em}
453
+ .wid36em {width:36em}
454
+ .wid35em {width:35em}
455
+ .wid30em {width:30em}
456
+ .wid29em {width:29em}
457
+ .wid28em {width:28em}
458
+ .wid27em {width:27em}
459
+ .wid26em {width:26em}
460
+ .wid25em {width:25em}
461
+ .wid24em {width:24em}
462
+ .wid23em {width:23em}
463
+ .wid22em {width:22em}
464
+ .wid21em {width:21em}
465
+ .wid20em {width:20em}
466
+ .wid19em {width:19em}
467
+ .wid18em {width:18em}
468
+ .wid17em {width:17em}
469
+ .wid16em {width:16em}
470
+ .wid15em {width:15em}
471
+ .wid14em {width:14em}
472
+ .wid13em {width:13em}
473
+ .wid12em {width:12em}
474
+ .wid11em {width:11em}
475
+ .wid10em {width:10em}
476
+ .wid9em {width: 9em}
477
+ .wid8em {width: 8em}
478
+ .wid7em {width: 7em}
479
+ .wid6em {width: 6em}
480
+ .wid5em {width: 5em}
481
+ .wid4em {width: 4em}
482
+ .wid3em {width: 3em}
483
+ .wid2em {width: 2em}
484
+ .wid1em {width: 1em}
485
+ .wid0em {width: 0em}
486
+ .wid100 {width:100%}
487
+ .wid99 {width:99%}
488
+ .wid98 {width:98%}
489
+ .wid97 {width:97%}
490
+ .wid96 {width:96%}
491
+ .wid95 {width:95%}
492
+ .wid94 {width:94%}
493
+ .wid93 {width:93%}
494
+ .wid92 {width:92%}
495
+ .wid91 {width:91%}
496
+ .wid90 {width:90%}
497
+ .wid89 {width:89%}
498
+ .wid88 {width:88%}
499
+ .wid87 {width:87%}
500
+ .wid86 {width:86%}
501
+ .wid85 {width:85%}
502
+ .wid84 {width:84%}
503
+ .wid83 {width:83%}
504
+ .wid82 {width:82%}
505
+ .wid81 {width:81%}
506
+ .wid80 {width:80%}
507
+ .wid79 {width:79%}
508
+ .wid78 {width:78%}
509
+ .wid77 {width:77%}
510
+ .wid76 {width:76%}
511
+ .wid75 {width:75%}
512
+ .wid74 {width:74%}
513
+ .wid73 {width:73%}
514
+ .wid72 {width:72%}
515
+ .wid71 {width:71%}
516
+ .wid70 {width:70%}
517
+ .wid69 {width:69%}
518
+ .wid68 {width:68%}
519
+ .wid67 {width:67%}
520
+ .wid66 {width:66%}
521
+ .wid65 {width:65%}
522
+ .wid64 {width:64%}
523
+ .wid63 {width:63%}
524
+ .wid62 {width:62%}
525
+ .wid61 {width:61%}
526
+ .wid60 {width:60%}
527
+ .wid59 {width:59%}
528
+ .wid58 {width:58%}
529
+ .wid57 {width:57%}
530
+ .wid56 {width:56%}
531
+ .wid55 {width:55%}
532
+ .wid54 {width:54%}
533
+ .wid53 {width:53%}
534
+ .wid52 {width:52%}
535
+ .wid51 {width:51%}
536
+ .wid50 {width:50%}
537
+ .wid49 {width:49%}
538
+ .wid48 {width:48%}
539
+ .wid47 {width:47%}
540
+ .wid46 {width:46%}
541
+ .wid45 {width:45%}
542
+ .wid44 {width:44%}
543
+ .wid43 {width:43%}
544
+ .wid42 {width:42%}
545
+ .wid41 {width:41%}
546
+ .wid40 {width:40%}
547
+ .wid39 {width:39%}
548
+ .wid38 {width:38%}
549
+ .wid37 {width:37%}
550
+ .wid36 {width:36%}
551
+ .wid35 {width:35%}
552
+ .wid34 {width:34%}
553
+ .wid33 {width:33%}
554
+ .wid32 {width:32%}
555
+ .wid31 {width:31%}
556
+ .wid30 {width:30%}
557
+ .wid29 {width:29%}
558
+ .wid28 {width:28%}
559
+ .wid27 {width:27%}
560
+ .wid26 {width:26%}
561
+ .wid25 {width:25%}
562
+ .wid24 {width:24%}
563
+ .wid23 {width:23%}
564
+ .wid22 {width:22%}
565
+ .wid21 {width:21%}
566
+ .wid20 {width:20%}
567
+ .wid19 {width:19%}
568
+ .wid18 {width:18%}
569
+ .wid17 {width:17%}
570
+ .wid16 {width:16%}
571
+ .wid15 {width:15%}
572
+ .wid14 {width:14%}
573
+ .wid13 {width:13%}
574
+ .wid12 {width:12%}
575
+ .wid11 {width:11%}
576
+ .wid10 {width:10%}
577
+ .wid9 {width: 9%}
578
+ .wid8 {width: 8%}
579
+ .wid7 {width: 7%}
580
+ .wid6 {width: 6%}
581
+ .wid5 {width: 5%}
582
+ .wid4 {width: 4%}
583
+ .wid3 {width: 3%}
584
+ .wid2 {width: 2%}
585
+ .wid1 {width: 1%}
586
+ .wid0 {width: 0%}
587
+ .wid1000px{width:1000px}
588
+ .wid970px {width:970px}
589
+ .wid960px {width:960px}
590
+ .wid950px {width:950px}
591
+ .wid940px {width:940px}
592
+ .wid935px {width:935px}
593
+ .wid930px {width:930px}
594
+ .wid929px {width:929px}
595
+ .wid928px {width:928px}
596
+ .wid927px {width:927px}
597
+ .wid926px {width:926px}
598
+ .wid925px {width:925px}
599
+ .wid920px {width:920px}
600
+ .wid580px {width:580px}
601
+ .wid570px {width:570px}
602
+ .wid560px {width:560px}
603
+ .wid550px {width:550px}
604
+ .wid540px {width:540px}
605
+ .wid530px {width:530px}
606
+ .wid520px {width:520px}
607
+ .wid510px {width:510px}
608
+ .wid500px {width:500px}
609
+ .wid480px {width:480px}
610
+ .wid430px {width:430px}
611
+ .wid420px {width:420px}
612
+ .wid410px {width:410px}
613
+ .wid405px {width:405px}
614
+ .wid404px {width:404px}
615
+ .wid403px {width:403px}
616
+ .wid402px {width:402px}
617
+ .wid401px {width:401px}
618
+ .wid400px {width:400px}
619
+ .wid350px {width:350px}
620
+ .wid330px {width:330px}
621
+ .wid320px {width:320px}
622
+ .wid310px {width:310px}
623
+ .wid300px {width:300px}
624
+ .wid270px {width:270px}
625
+ .wid260px {width:260px}
626
+ .wid255px {width:255px}
627
+ .wid250px {width:250px}
628
+ .wid245px {width:245px}
629
+ .wid240px {width:240px}
630
+ .wid235px {width:235px}
631
+ .wid230px {width:230px}
632
+ .wid225px {width:225px}
633
+ .wid210px {width:210px}
634
+ .wid200px {width:200px}
635
+ .wid198px {width:198px}
636
+ .wid185px {width:185px}
637
+ .wid180px {width:180px}
638
+ .wid175px {width:175px}
639
+ .wid170px {width:170px}
640
+ .wid169px {width:169px}
641
+ .wid168px {width:168px}
642
+ .wid167px {width:167px}
643
+ .wid166px {width:166px}
644
+ .wid165px {width:165px}
645
+ .wid164px {width:164px}
646
+ .wid163px {width:163px}
647
+ .wid162px {width:162px}
648
+ .wid161px {width:161px}
649
+ .wid160px {width:160px}
650
+ .wid150px {width:150px}
651
+ .wid140px {width:140px}
652
+ .wid135px {width:135px}
653
+ .wid129px {width:129px}
654
+ .wid128px {width:128px}
655
+ .wid127px {width:127px}
656
+ .wid126px {width:126px}
657
+ .wid125px {width:125px}
658
+ .wid124px {width:124px}
659
+ .wid123px {width:123px}
660
+ .wid122px {width:122px}
661
+ .wid121px {width:121px}
662
+ .wid120px {width:120px}
663
+ .wid105px {width:105px}
664
+ .wid100px {width:100px}
665
+ .wid95px {width:95px }
666
+ .wid90px {width:90px }
667
+ .wid89px {width:89px }
668
+ .wid88px {width:88px }
669
+ .wid87px {width:87px }
670
+ .wid86px {width:86px }
671
+ .wid85px {width:85px }
672
+ .wid84px {width:84px }
673
+ .wid83px {width:83px }
674
+ .wid82px {width:82px }
675
+ .wid81px {width:81px }
676
+ .wid80px {width:80px }
677
+ .wid79px {width:79px }
678
+ .wid78px {width:78px }
679
+ .wid77px {width:77px }
680
+ .wid76px {width:76px }
681
+ .wid70px {width:70px }
682
+ .wid65px {width:65px }
683
+ .wid64px {width:64px }
684
+ .wid63px {width:63px }
685
+ .wid62px {width:62px }
686
+ .wid61px {width:61px }
687
+ .wid60px {width:60px }
688
+ .wid55px {width:55px }
689
+ .wid50px {width:50px }
690
+ .wid40px {width:40px }
691
+ .wid39px {width:39px }
692
+ .wid38px {width:38px }
693
+ .wid37px {width:37px }
694
+ .wid36px {width:36px }
695
+ .wid35px {width:35px }
696
+ .wid34px {width:34px }
697
+ .wid33px {width:33px }
698
+ .wid32px {width:32px }
699
+ .wid31px {width:31px }
700
+ .wid30px {width:30px }
701
+ .wid29px {width:29px }
702
+ .wid28px {width:28px }
703
+ .wid27px {width:27px }
704
+ .wid26px {width:26px }
705
+ .wid25px {width:25px }
706
+ .wid24px {width:24px }
707
+ .wid23px {width:23px }
708
+ .wid22px {width:22px }
709
+ .wid21px {width:21px }
710
+ .wid20px {width:20px }
711
+ .wid19px {width:19px }
712
+ .wid18px {width:18px }
713
+ .wid17px {width:17px }
714
+ .wid16px {width:16px }
715
+ .wid15px {width:15px }
716
+ .wid14px {width:14px }
717
+ .wid13px {width:13px }
718
+ .wid12px {width:12px }
719
+ .wid11px {width:11px }
720
+ .wid10px {width:10px }
721
+ .wid9px {width:9px }
722
+ .wid8px {width:8px }
723
+ .wid7px {width:7px }
724
+ .wid6px {width:6px }
725
+ .wid5px {width:5px }
726
+ .wid4px {width:4px }
727
+ .wid3px {width:3px }
728
+ .wid2px {width:2px }
729
+ .wid1px {width:1px }
730
+ .wid555px {width:565px}
731
+ .wid565px {width:565px}
732
+ .wid570px {width:570px}
733
+ .wid575px {width:575px}
734
+ .wid590px {width:590px}
735
+ .wid800px {width:800px}
736
+ .wid880px {width:880px}
737
+ .wid890px {width:890px}
738
+ .wid900px {width:900px}
739
+ .wid910px {width:910px}
740
+ .wid920px {width:920px}
741
+ .wid930px {width:930px}
742
+ .wid940px {width:940px}
743
+ .wid950px {width:950px}
744
+
745
+ /* minwid tags width tags, min width tags, min-width tags, mwid tags
746
+ * min tag minimum height mheight
747
+ */
748
+ .mwid1px {min-width:1px}
749
+ .mwid2px {min-width:2px}
750
+ .mwid3px {min-width:3px}
751
+ .mwid4px {min-width:4px}
752
+ .mwid10px {min-width:10px}
753
+ .mwid100px {min-width:100px}
754
+ .mwid150px {min-width:150px}
755
+ .mwid200px {min-width:200px}
756
+ .mwid600px {min-width:600px}
757
+ .mheight20em {min-height:20em}
758
+ .mheight30em {min-height:30em}
759
+ .mheight40em {min-height:40em}
760
+ .mheight50em {min-height:50em}
761
+ .mheight60em {min-height:60em}
762
+ .mheight70em {min-height:70em}
763
+ .mheight80em {min-height:80em}
764
+ .mheight90em {min-height:90em}
765
+ .mheight100em {min-height:100em}
766
+ /* height tags hei tags, height: auto */
767
+ .heia {height:auto}
768
+ .hei200 {height:200%}
769
+ .hei180 {height:180%}
770
+ .hei150 {height:150%}
771
+ .hei100 {height:100%}
772
+ .hei99 {height:99% }
773
+ .hei98 {height:98% }
774
+ .hei97 {height:97% }
775
+ .hei96 {height:96% }
776
+ .hei95 {height:95% }
777
+ .hei94 {height:94% }
778
+ .hei93 {height:93% }
779
+ .hei92 {height:92% }
780
+ .hei91 {height:91% }
781
+ .hei90 {height:90% }
782
+ .hei84 {height:84% }
783
+ .hei80 {height:80% }
784
+ .hei70 {height:70% }
785
+ .hei60 {height:60% }
786
+ .hei55 {height:55% }
787
+ .hei50 {height:50% }
788
+ .hei40 {height:40% }
789
+ .hei30 {height:30% }
790
+ .hei29 {height:29% }
791
+ .hei28 {height:28% }
792
+ .hei27 {height:27% }
793
+ .hei20 {height:20% }
794
+ .hei10 {height:10% }
795
+ .hei940px {height:940px}
796
+ .hei570px {height:570px}
797
+ .hei555px {height:555px}
798
+ .hei550px {height:550px}
799
+ .hei500px {height:500px}
800
+ .hei400px {height:400px}
801
+ .hei360px {height:360px}
802
+ .hei350px {height:350px}
803
+ .hei340px {height:340px}
804
+ .hei335px {height:335px}
805
+ .hei330px {height:330px}
806
+ .hei320px {height:320px}
807
+ .hei310px {height:310px}
808
+ .hei305px {height:305px}
809
+ .hei300px {height:300px}
810
+ .hei290px {height:290px}
811
+ .hei280px {height:280px}
812
+ .hei270px {height:270px}
813
+ .hei260px {height:260px}
814
+ .hei250px {height:250px}
815
+ .hei240px {height:240px}
816
+ .hei230px {height:230px}
817
+ .hei220px {height:220px}
818
+ .hei210px {height:210px}
819
+ .hei205px {height:205px}
820
+ .hei200px {height:200px}
821
+ .hei190px {height:190px}
822
+ .hei159px {height:159px}
823
+ .hei158px {height:158px}
824
+ .hei157px {height:157px}
825
+ .hei156px {height:156px}
826
+ .hei155px {height:155px}
827
+ .hei150px {height:150px}
828
+ .hei140px {height:140px}
829
+ .hei139px {height:139px}
830
+ .hei138px {height:138px}
831
+ .hei132px {height:132px}
832
+ .hei130px {height:130px}
833
+ .hei125px {height:125px}
834
+ .hei120px {height:120px}
835
+ .hei110px {height:110px}
836
+ .hei100px {height:100px}
837
+ .hei95px {height:95px}
838
+ .hei90px {height:90px}
839
+ .hei85px {height:85px}
840
+ .hei80px {height:80px}
841
+ .hei70px {height:70px}
842
+ .hei65px {height:65px}
843
+ .hei60px {height:60px}
844
+ .hei59px {height:59px}
845
+ .hei58px {height:58px}
846
+ .hei57px {height:57px}
847
+ .hei50px {height:50px}
848
+ .hei45px {height:45px}
849
+ .hei40px {height:40px}
850
+ .hei39px {height:39px}
851
+ .hei38px {height:38px}
852
+ .hei37px {height:37px}
853
+ .hei36px {height:36px}
854
+ .hei35px {height:35px}
855
+ .hei34px {height:34px}
856
+ .hei33px {height:33px}
857
+ .hei32px {height:32px}
858
+ .hei31px {height:31px}
859
+ .hei30px {height:30px}
860
+ .hei29px {height:29px}
861
+ .hei28px {height:28px}
862
+ .hei27px {height:27px}
863
+ .hei26px {height:26px}
864
+ .hei25px {height:25px}
865
+ .hei24px {height:24px}
866
+ .hei23px {height:23px}
867
+ .hei22px {height:22px}
868
+ .hei21px {height:21px}
869
+ .hei20px {height:20px}
870
+ .hei19px {height:19px}
871
+ .hei18px {height:18px}
872
+ .hei17px {height:17px}
873
+ .hei16px {height:16px}
874
+ .hei15px {height:15px}
875
+ .hei14px {height:14px}
876
+ .hei13px {height:13px}
877
+ .hei12px {height:12px}
878
+ .hei11px {height:11px}
879
+ .hei10px {height:10px}
880
+ .hei9px {height:9px}
881
+ .hei8px {height:8px}
882
+ .hei7px {height:7px}
883
+ .hei6px {height:6px}
884
+ .hei5px {height:5px}
885
+ .hei4px {height:4px}
886
+ .hei3px {height:3px}
887
+ .hei2px {height:2px}
888
+ .hei1px {height:1px}
889
+
890
+ .hei1em {height:1em}
891
+ .hei2em {height:2em}
892
+ .hei3em {height:3em}
893
+ .hei4em {height:4em}
894
+ .hei5em {height:5em}
895
+ .hei6em {height:6em}
896
+ .hei7em {height:7em}
897
+ .hei8em {height:8em}
898
+ .hei9em {height:9em}
899
+ .hei10em {height:10em}
900
+ .hei11em {height:11em}
901
+ .hei12em {height:12em}
902
+ .hei13em {height:13em}
903
+ .hei14em {height:14em}
904
+ .hei15em {height:15em}
905
+ .hei16em {height:16em}
906
+ .hei17em {height:17em}
907
+ .hei18em {height:18em}
908
+ .hei19em {height:19em}
909
+ .hei120em {height:20em}
910
+ .hei122em {height:22em}
911
+ .hei124em {height:24em}
912
+ .hei130em {height:30em}
913
+ .hei140em {height:40em}
914
+ .hei150em {height:50em}
915
+ .hei160em {height:60em}
916
+ .hei170em {height:70em}
917
+
918
+ /* Pad tags padding tags */
919
+ /* Unlike margin properties, values for padding values cannot be negative. */
920
+ .pad0 { padding:0 }
921
+ .pad0px { padding:0px}
922
+ .pad1px { padding:1px}
923
+ .pad2px { padding:2px}
924
+ .pad3px { padding:3px}
925
+ .pad4px { padding:4px}
926
+ .pad5px { padding:5px}
927
+ .pad6px { padding:6px}
928
+ .pad7px { padding:7px}
929
+ .pad8px { padding:8px}
930
+ .pad9px { padding:9px}
931
+ .pad10px { padding:10px}
932
+ .pad11px { padding:11px}
933
+ .pad12px { padding:12px}
934
+ .pad13px { padding:13px}
935
+ .pad14px { padding:14px}
936
+ .pad15px { padding:15px}
937
+ .pad16px { padding:16px}
938
+ .pad17px { padding:17px}
939
+ .pad18px { padding:18px}
940
+ .pad19px { padding:19px}
941
+ .pad20px { padding:20px}
942
+ .pad21px { padding:21px}
943
+ .pad22px { padding:22px}
944
+ .pad32px { padding:32px}
945
+ .pad41px { padding:41px}
946
+ .pad0_1em { padding:0.1em}
947
+ .pad0_2em { padding:0.2em}
948
+ .pad0_3em { padding:0.3em}
949
+ .pad0_4em { padding:0.4em}
950
+ .pad0_5em { padding:0.5em}
951
+ .pad0_6em { padding:0.6em}
952
+ .pad0_7em { padding:0.7em}
953
+ .pad0_75em { padding:0.75em}
954
+ .pad0_8em { padding:0.8em}
955
+ .pad0_9em { padding:0.9em}
956
+ .p1em { padding:1em}
957
+ .pad1em { padding:1em}
958
+ .pad1 { padding:1em}
959
+ .d1em { padding:1em}
960
+ .pad1_1em { padding:1.1em}
961
+ .pad1_2em { padding:1.2em}
962
+ .pad1_3em { padding:1.3em}
963
+ .pad1_4em { padding:1.4em}
964
+ .pad1_5em { padding:1.5em}
965
+ .pad1_8em { padding:1.8em}
966
+ .pad1_9em { padding:1.9em}
967
+ .pad2em { padding:2em}
968
+ .pad2 { padding:2em}
969
+ .d2em { padding:2em}
970
+ .pad2_1em { padding:2.1em}
971
+ .pad2_2em { padding:2.2em}
972
+ .pad2_3em { padding:2.3em}
973
+ .pad2_4em { padding:2.4em}
974
+ .pad2_5em { padding:2.5em}
975
+ .pad3em { padding:3em}
976
+ .pad3 { padding:3em}
977
+ .d3em { padding:3em}
978
+ .pad4em { padding:4em}
979
+ .pad4 { padding:4em}
980
+ .pad5em { padding:5em}
981
+ .pad5 { padding:5em}
982
+ .pad6em { padding:6em}
983
+ .pad7em { padding:7em}
984
+ .pad8em { padding:8em}
985
+ .pad9em { padding:9em}
986
+ .pad10em { padding:10em}
987
+ .pad11em { padding:11em}
988
+ .pad12em { padding:12em}
989
+ .pad13em { padding:13em}
990
+
991
+ /* Pad side tags, side pads tags, pads-tags */
992
+ .pads1em { padding-right:1em; padding-left:1em }
993
+ .pads2em { padding-right:2em; padding-left:2em }
994
+ .pads3em { padding-right:3em; padding-left:3em }
995
+ .pads4em { padding-right:4em; padding-left:4em }
996
+ .pads5em { padding-right:5em; padding-left:5em }
997
+ .pads6em { padding-right:6em; padding-left:6em }
998
+ .pads7em { padding-right:7em; padding-left:7em }
999
+ .pads8em { padding-right:8em; padding-left:8em }
1000
+ .pads9em { padding-right:9em; padding-left:9em }
1001
+ .pads10em { padding-right:10em; padding-left:10em}
1002
+ .pads11em { padding-right:11em; padding-left:11em}
1003
+
1004
+ /* */
1005
+ .s0 { padding-right:0px; padding-left:0px }
1006
+ .s0px { padding-right:0px; padding-left:0px }
1007
+ .s1px { padding-right:1px; padding-left:1px }
1008
+ .s2px { padding-right:2px; padding-left:2px }
1009
+ .s3px { padding-right:3px; padding-left:3px }
1010
+ .s4px { padding-right:4px; padding-left:4px }
1011
+ .s5px { padding-right:5px; padding-left:5px }
1012
+ .s6px { padding-right:6px; padding-left:6px }
1013
+ .s7px { padding-right:7px; padding-left:7px }
1014
+ .s8px { padding-right:8px; padding-left:8px }
1015
+ .s9px { padding-right:9px; padding-left:9px }
1016
+ .s10px { padding-right:10px; padding-left:10px }
1017
+ .s11px { padding-right:11px; padding-left:11px }
1018
+ .s12px { padding-right:12px; padding-left:12px }
1019
+ .s13px { padding-right:13px; padding-left:13px }
1020
+ .s14px { padding-right:14px; padding-left:14px }
1021
+ .s15px { padding-right:15px; padding-left:15px }
1022
+ .s16px { padding-right:16px; padding-left:16px }
1023
+ .s17px { padding-right:17px; padding-left:17px }
1024
+ .s18px { padding-right:18px; padding-left:18px }
1025
+ .s0_1em { padding-right:0.1em; padding-left:0.1em}
1026
+ .s0_2em { padding-right:0.2em; padding-left:0.2em}
1027
+ .s0_3em { padding-right:0.3em; padding-left:0.3em}
1028
+ .s0_4em { padding-right:0.4em; padding-left:0.4em}
1029
+ .s0_5em { padding-right:0.5em; padding-left:0.5em}
1030
+ .s0_6em { padding-right:0.6em; padding-left:0.6em}
1031
+ .s0_7em { padding-right:0.7em; padding-left:0.7em}
1032
+ .s0_8em { padding-right:0.8em; padding-left:0.8em}
1033
+ .s0_9em { padding-right:0.9em; padding-left:0.9em}
1034
+ .s1em { padding-right:1em; padding-left:1em; }
1035
+ .s1_1em { padding-right:1.1em; padding-left:1.1em}
1036
+ .s1_2em { padding-right:1.2em; padding-left:1.2em}
1037
+ .s1_3em { padding-right:1.3em; padding-left:1.3em}
1038
+ .s1_4em { padding-right:1.4em; padding-left:1.4em}
1039
+ .s1_5em { padding-right:1.5em; padding-left:1.5em}
1040
+ .s1_6em { padding-right:1.6em; padding-left:1.6em}
1041
+ .s1_7em { padding-right:1.7em; padding-left:1.7em}
1042
+ .s1_8em { padding-right:1.8em; padding-left:1.8em}
1043
+ .s1_9em { padding-right:1.9em; padding-left:1.9em}
1044
+ .s2em { padding-right:2em; padding-left:2em }
1045
+ .s2_1em { padding-right:2.1em; padding-left:2.1em}
1046
+ .s2_2em { padding-right:2.2em; padding-left:2.2em}
1047
+ .s2_3em { padding-right:2.3em; padding-left:2.3em}
1048
+ .s2_4em { padding-right:2.4em; padding-left:2.4em}
1049
+ .s2_5em { padding-right:2.5em; padding-left:2.5em}
1050
+ .s2_6em { padding-right:2.6em; padding-left:2.6em}
1051
+ .s2_7em { padding-right:2.7em; padding-left:2.9em}
1052
+ .s2_8em { padding-right:2.8em; padding-left:2.8em}
1053
+ .s2_9em { padding-right:2.9em; padding-left:2.9em}
1054
+ .s3em { padding-right:3em; padding-left:3em }
1055
+ .s3_5em { padding-right:3.5em; padding-left:3.5em}
1056
+ .s4em { padding-right:4em; padding-left:4em }
1057
+ .s4_5em { padding-right:4.5em; padding-left:4.5em}
1058
+ .s5em { padding-right:5em; padding-left:5em }
1059
+ .s5_5em { padding-right:5.5em; padding-left:5.5em }
1060
+ .s6em { padding-right:6em; padding-left:6em }
1061
+ .s6_5em { padding-right:6.5em; padding-left:6.5em }
1062
+ .s7em { padding-right:7em; padding-left:7em }
1063
+ .s8em { padding-right:8em; padding-left:8em }
1064
+ .s9em { padding-right:9em; padding-left:9em }
1065
+ .s10em { padding-right:10em; padding-left:10em }
1066
+ .s11em { padding-right:11em; padding-left:11em }
1067
+ .s12em { padding-right:12em; padding-left:12em }
1068
+ .s13em { padding-right:13em; padding-left:13em }
1069
+ .s14em { padding-right:14em; padding-left:14em }
1070
+ .s15em { padding-right:15em; padding-left:15em }
1071
+
1072
+ .pads1px { padding-right:1px; padding-left:1px }
1073
+ .pads2px { padding-right:2px; padding-left:2px }
1074
+ .pads3px { padding-right:3px; padding-left:3px }
1075
+ .pads4px { padding-right:4px; padding-left:4px }
1076
+ .pads5px { padding-right:5px; padding-left:5px }
1077
+ .pads6px { padding-right:6px; padding-left:6px }
1078
+ .pads7px { padding-right:7px; padding-left:7px }
1079
+ .pads8px { padding-right:8px; padding-left:8px }
1080
+ .pads9px { padding-right:9px; padding-left:9px }
1081
+ .pads10px { padding-right:10px; padding-left:10px}
1082
+ .pads11px { padding-right:11px; padding-left:11px}
1083
+ .pads12px { padding-right:12px; padding-left:12px}
1084
+ .pads13px { padding-right:13px; padding-left:13px}
1085
+ .pads14px { padding-right:14px; padding-left:14px}
1086
+ .pads15px { padding-right:15px; padding-left:15px}
1087
+ .pads16px { padding-right:16px; padding-left:16px}
1088
+ .pads17px { padding-right:17px; padding-left:17px}
1089
+ .pads18px { padding-right:18px; padding-left:18px}
1090
+ .pads19px { padding-right:19px; padding-left:19px}
1091
+ .pads20px { padding-right:20px; padding-left:20px}
1092
+ .pads21px { padding-right:21px; padding-left:21px}
1093
+ .pads22px { padding-right:22px; padding-left:22px}
1094
+ .pads23px { padding-right:23px; padding-left:23px}
1095
+ .pads24px { padding-right:24px; padding-left:24px}
1096
+ .pads25px { padding-right:25px; padding-left:25px}
1097
+ .pads28px { padding-right:28px; padding-left:28px}
1098
+ .pads30px { padding-right:30px; padding-left:30px}
1099
+ .pads50px { padding-right:50px; padding-left:50px}
1100
+ .pads70px { padding-right:70px; padding-left:70px}
1101
+ .pads1em { padding-right:1em; padding-left:1em }
1102
+ .pads2em { padding-right:2em; padding-left:2em }
1103
+ .pads3em { padding-right:3em; padding-left:3em }
1104
+ .pads4em { padding-right:4em; padding-left:4em }
1105
+ .pads5em { padding-right:5em; padding-left:5em }
1106
+
1107
+ /* Pad left tags, padl tags */
1108
+ .padl0px { padding-left:0px }
1109
+ .padl1px { padding-left:1px }
1110
+ .padl2px { padding-left:2px }
1111
+ .padl3px { padding-left:3px }
1112
+ .padl4px { padding-left:4px }
1113
+ .padl5px { padding-left:5px }
1114
+ .padl6px { padding-left:6px }
1115
+ .padl7px { padding-left:7px }
1116
+ .padl8px { padding-left:8px }
1117
+ .padl9px { padding-left:9px }
1118
+ .padl10px { padding-left:10px }
1119
+ .padl11px { padding-left:11px }
1120
+ .padl12px { padding-left:12px }
1121
+ .padl13px { padding-left:13px }
1122
+ .padl14px { padding-left:14px }
1123
+ .padl15px { padding-left:15px }
1124
+ .padl16px { padding-left:16px }
1125
+ .padl17px { padding-left:17px }
1126
+ .padl18px { padding-left:18px }
1127
+ .padl19px { padding-left:19px }
1128
+ .padl20px { padding-left:20px }
1129
+ .padl25px { padding-left:25px }
1130
+ .padl30px { padding-left:30px }
1131
+ .padl35px { padding-left:35px }
1132
+ .padl40px { padding-left:40px }
1133
+ .padl50px { padding-left:50px }
1134
+ .padl55px { padding-left:55px }
1135
+ .padl60px { padding-left:60px }
1136
+ .padl100px { padding-left:100px}
1137
+ .padl200px { padding-left:200px}
1138
+ .padl250px { padding-left:250px}
1139
+ .padl400px { padding-left:400px}
1140
+ .padl450px { padding-left:450px}
1141
+ .padl500px { padding-left:500px}
1142
+ .padl600px { padding-left:600px}
1143
+ .padl650px { padding-left:650px}
1144
+ .padl800px { padding-left:800px}
1145
+ .padl0_4em { padding-left:0.4em}
1146
+ .padl0_5em { padding-left:0.5em}
1147
+ .padl0_6em { padding-left:0.6em}
1148
+ .padl0_7em { padding-left:0.7em}
1149
+ .padl1em { padding-left:1em }
1150
+ .padl1_1em { padding-left:1.1em}
1151
+ .padl1_2em { padding-left:1.2em}
1152
+ .padl1_3em { padding-left:1.3em}
1153
+ .padl1_4em { padding-left:1.4em}
1154
+ .padl1_5em { padding-left:1.5em}
1155
+ .padl1_6em { padding-left:1.6em}
1156
+ .padl1_7em { padding-left:1.7em}
1157
+ .padl1_8em { padding-left:1.8em}
1158
+ .padl1_9em { padding-left:1.9em}
1159
+ .padl2em { padding-left:2em }
1160
+ .padl2_5em { padding-left:2.5em}
1161
+ .padl3em { padding-left:3em }
1162
+ .padl4em { padding-left:4em }
1163
+ .padl5em { padding-left:5em }
1164
+ .padl6em { padding-left:6em }
1165
+ .padl7em { padding-left:7em }
1166
+ .padl8em { padding-left:8em }
1167
+ .padl9em { padding-left:9em }
1168
+ .padl10em { padding-left:10em }
1169
+ .padl11em { padding-left:11em }
1170
+ .padl12em { padding-left:12em }
1171
+ .padl13em { padding-left:13em }
1172
+ .padl14em { padding-left:14em }
1173
+ .padl15em { padding-left:15em }
1174
+ .padl16em { padding-left:16em }
1175
+ .padl17em { padding-left:17em }
1176
+ .padl18em { padding-left:18em }
1177
+ .padl19em { padding-left:19em }
1178
+ .padl20em { padding-left:20em }
1179
+ .padl20 { padding-left:20%; }
1180
+ .padl25 { padding-left:25%; }
1181
+ .padl30 { padding-left:30%; }
1182
+ .l1em { padding-left:1em }
1183
+ .l2em { padding-left:2em }
1184
+ .l3em { padding-left:3em }
1185
+ .l4em { padding-left:4em }
1186
+ .l5em { padding-left:5em }
1187
+ .l6em { padding-left:6em }
1188
+ .l7em { padding-left:7em }
1189
+ .l8em { padding-left:8em }
1190
+ .l9em { padding-left:9em }
1191
+ .l10em { padding-left:10em }
1192
+ .l11em { padding-left:11em }
1193
+ .l12em { padding-left:12em }
1194
+ .l13em { padding-left:13em }
1195
+ .l14em { padding-left:14em }
1196
+ .l15em { padding-left:15em }
1197
+ .l16em { padding-left:16em }
1198
+ .l17em { padding-left:17em }
1199
+ .l18em { padding-left:18em }
1200
+ .l19em { padding-left:19em }
1201
+ .l20em { padding-left:20em }
1202
+ /* Pad right tags, padr tags
1203
+ * Beim nächsten stimmt was nit
1204
+ */
1205
+ .padr-5px { padding-right:0px }
1206
+ .padr0 { padding-right:0px }
1207
+ .padr0px { padding-right:0px }
1208
+ .padr1px { padding-right:1px }
1209
+ .padr2px { padding-right:2px }
1210
+ .padr3px { padding-right:3px }
1211
+ .padr4px { padding-right:4px }
1212
+ .padr5px { padding-right:5px }
1213
+ .padr6px { padding-right:6px }
1214
+ .padr7px { padding-right:7px }
1215
+ .padr8px { padding-right:8px }
1216
+ .padr9px { padding-right:9px }
1217
+ .padr10px { padding-right:10px }
1218
+ .padr11px { padding-right:11px }
1219
+ .padr12px { padding-right:12px }
1220
+ .padr13px { padding-right:13px }
1221
+ .padr14px { padding-right:14px }
1222
+ .padr15px { padding-right:15px }
1223
+ .padr16px { padding-right:16px }
1224
+ .padr17px { padding-right:17px }
1225
+ .padr18px { padding-right:18px }
1226
+ .padr19px { padding-right:19px }
1227
+ .padr20px { padding-right:20px }
1228
+ .padr21px { padding-right:21px }
1229
+ .padr22px { padding-right:22px }
1230
+ .padr23px { padding-right:23px }
1231
+ .padr24px { padding-right:24px }
1232
+ .padr25px { padding-right:25px }
1233
+ .padr30px { padding-right:30px }
1234
+ .padr35px { padding-right:35px }
1235
+ .padr40px { padding-right:40px }
1236
+ .padr45px { padding-right:45px }
1237
+ .padr50px { padding-right:50px }
1238
+ .padr55px { padding-right:55px }
1239
+ .padr56px { padding-right:56px }
1240
+ .padr57px { padding-right:57px }
1241
+ .padr58px { padding-right:58px }
1242
+ .padr59px { padding-right:59px }
1243
+ .padr60px { padding-right:60px }
1244
+ .padr70px { padding-right:70px }
1245
+ .padr75px { padding-right:75px }
1246
+ .padr80px { padding-right:80px }
1247
+ .padr100px { padding-right:100px}
1248
+ .padr1em { padding-right:1em }
1249
+ .padr1_5em { padding-right:1.5em}
1250
+ .padr2em { padding-right:2em }
1251
+ .padr3em { padding-right:3em }
1252
+ .padr3_5em { padding-right:3.5em}
1253
+ .padr4em { padding-right:4em }
1254
+ .padr4_5em { padding-right:4.5em}
1255
+ .padr5em { padding-right:5em }
1256
+ .padr5_5em { padding-right:5.5em}
1257
+ .padr6em { padding-right:6em }
1258
+ .padr7em { padding-right:7em }
1259
+ .padr8em { padding-right:8em }
1260
+ .padr9em { padding-right:9em }
1261
+ .padr10em { padding-right:10em }
1262
+ .r1px { padding-right:1px }
1263
+ .r2px { padding-right:2px }
1264
+ .r3px { padding-right:3px }
1265
+ .r4px { padding-right:4px }
1266
+ .r5px { padding-right:5px }
1267
+ .r6px { padding-right:6px }
1268
+ .r7px { padding-right:7px }
1269
+ .r8px { padding-right:8px }
1270
+ .r9px { padding-right:9px }
1271
+ .padtb0 { padding-top:0px; padding-bottom:0px}
1272
+ .padtb0px { padding-top:0px; padding-bottom:0px}
1273
+ .padtb1px { padding-top:1px; padding-bottom:1px}
1274
+ .padtb2px { padding-top:2px; padding-bottom:2px}
1275
+ .padtb3px { padding-top:3px; padding-bottom:3px}
1276
+ .padtb4px { padding-top:4px; padding-bottom:4px}
1277
+ .padtb5px { padding-top:5px; padding-bottom:5px}
1278
+ .padtb6px { padding-top:6px; padding-bottom:6px}
1279
+ .padtb7px { padding-top:7px; padding-bottom:7px}
1280
+ .padtb8px { padding-top:8px; padding-bottom:8px}
1281
+ .padtb9px { padding-top:9px; padding-bottom:9px}
1282
+ .padtb10px { padding-top:10px;padding-bottom:10px}
1283
+ .padtb11px { padding-top:11px;padding-bottom:11px}
1284
+ .padtb12px { padding-top:12px;padding-bottom:12px}
1285
+ .padtb13px { padding-top:13px;padding-bottom:13px}
1286
+ .padtb14px { padding-top:14px;padding-bottom:14px}
1287
+ .padtb15px { padding-top:15px;padding-bottom:15px}
1288
+ .padtb16px { padding-top:16px;padding-bottom:16px}
1289
+ .padtb17px { padding-top:17px;padding-bottom:17px}
1290
+ .padtb18px { padding-top:18px;padding-bottom:18px}
1291
+ .padtb0_4em{ padding-bottom:0.4em; padding-top:0.4em;}
1292
+ .padtb0_5em{ padding-bottom:0.5em; padding-top:0.5em;}
1293
+ .padtb0_6em{ padding-bottom:0.6em; padding-top:0.6em;}
1294
+ .padtb0_7em{ padding-bottom:0.7em; padding-top:0.7em;}
1295
+ .padtb0_8em{ padding-bottom:0.8em; padding-top:0.8em;}
1296
+ .padtb0_9em{ padding-bottom:0.9em; padding-top:0.9em;}
1297
+ .padtb1em { padding-bottom:1em; padding-top:1em;}
1298
+ .padtb1_5em{ padding-bottom:1.5em;padding-top:1.5em;}
1299
+ .padtb2em { padding-bottom:2em; padding-top:2em;}
1300
+ .padtb3em { padding-bottom:3em; padding-top:3em;}
1301
+ /* Pad top tags, padt tags */
1302
+ .padt0 { padding-top:0px }
1303
+ .padt0px { padding-top:0px }
1304
+ .padt1px { padding-top:1px }
1305
+ .padt2px { padding-top:2px }
1306
+ .padt3px { padding-top:3px }
1307
+ .padt4px { padding-top:4px }
1308
+ .padt5px { padding-top:5px }
1309
+ .padt6px { padding-top:6px }
1310
+ .padt7px { padding-top:7px }
1311
+ .padt8px { padding-top:8px }
1312
+ .padt9px { padding-top:9px }
1313
+ .padt10px { padding-top:10px}
1314
+ .padt11px { padding-top:11px}
1315
+ .padt12px { padding-top:12px}
1316
+ .padt13px { padding-top:13px}
1317
+ .padt14px { padding-top:14px}
1318
+ .padt20px { padding-top:20px}
1319
+ .padt30px { padding-top:30px}
1320
+ .padt40px { padding-top:40px}
1321
+ .padt50px { padding-top:50px}
1322
+ .padt1em { padding-top:1em }
1323
+ .padt2em { padding-top:2em }
1324
+ .padt3em { padding-top:3em }
1325
+ .padt4em { padding-top:4em }
1326
+ /* Pad bot tags, padb tags */
1327
+ .padb1em { padding-bottom:1em}
1328
+ .padb2em { padding-bottom:2em}
1329
+ .padb3em { padding-bottom:3em}
1330
+ .padb0 { padding-bottom:0px}
1331
+ .padb0px { padding-bottom:0px}
1332
+ .padb1px { padding-bottom:1px}
1333
+ .padb2px { padding-bottom:2px}
1334
+ .padb3px { padding-bottom:3px}
1335
+ .padb4px { padding-bottom:4px}
1336
+ .padb5px { padding-bottom:5px}
1337
+ .padb6px { padding-bottom:6px}
1338
+ .padb7px { padding-bottom:7px}
1339
+ .padb8px { padding-bottom:8px}
1340
+ .padb9px { padding-bottom:9px}
1341
+ .padb10px { padding-bottom:10px}
1342
+ .padb11px { padding-bottom:11px}
1343
+ .padb12px { padding-bottom:12px}
1344
+ .padb13px { padding-bottom:13px}
1345
+ .padb14px { padding-bottom:14px}
1346
+ .padb15px { padding-bottom:15px}
1347
+ .padb16px { padding-bottom:16px}
1348
+ .padb17px { padding-bottom:17px}
1349
+ .padb18px { padding-bottom:18px}
1350
+ .padb19px { padding-bottom:19px}
1351
+ .padb20px { padding-bottom:20px}
1352
+ .padb21px { padding-bottom:21px}
1353
+ .padb22px { padding-bottom:22px}
1354
+ .padb23px { padding-bottom:23px}
1355
+ .padb30px { padding-bottom:30px}
1356
+ .padb50px { padding-bottom:50px}
1357
+ /* marpads tags, combines both margins and paddings tags for side only */
1358
+ .marpads0px {margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px}
1359
+ .marpads1px {margin-left:1px;margin-right:1px;padding-left:1px;padding-right:1px}
1360
+ .marpads2px {margin-left:2px;margin-right:2px;padding-left:2px;padding-right:2px}
1361
+ .marpads3px {margin-left:3px;margin-right:3px;padding-left:3px;padding-right:3px}
1362
+ .marpads4px {margin-left:4px;margin-right:4px;padding-left:4px;padding-right:4px}
1363
+ .marpads5px {margin-left:5px;margin-right:5px;padding-left:5px;padding-right:5px}
1364
+ .marpads6px {margin-left:6px;margin-right:6px;padding-left:6px;padding-right:6px}
1365
+ .marpads7px {margin-left:7px;margin-right:7px;padding-left:7px;padding-right:7px}
1366
+ .marpads8px {margin-left:8px;margin-right:8px;padding-left:8px;padding-right:8px}
1367
+ .marpads9px {margin-left:9px;margin-right:9px;padding-left:9px;padding-right:9px}
1368
+ /* line height tags, line tags, line-height tags, LH tags */
1369
+ .LH1px {line-height: 1px}
1370
+ .LH2px {line-height: 2px}
1371
+ .LH3px {line-height: 3px}
1372
+ .LH4px {line-height: 4px}
1373
+ .LH5px {line-height: 5px}
1374
+ .LH1pt {line-height: 1pt}
1375
+ .LH2pt {line-height: 2pt}
1376
+ .LH3pt {line-height: 3pt}
1377
+ .LH4pt {line-height: 4pt}
1378
+ .LH12pt {line-height:12pt}
1379
+ .LH13pt {line-height:13pt}
1380
+ .LH14pt {line-height:14pt}
1381
+ .LH15pt {line-height:15pt}
1382
+ .LH16pt {line-height:16pt}
1383
+ .LH17pt {line-height:17pt}
1384
+ .LH18pt {line-height:18pt}
1385
+
1386
+ .LH1_5 {line-height:1.5 }
1387
+ .LH1_4 {line-height:1.4 }
1388
+ .LH155 {line-height:155%}
1389
+ .LH150 {line-height:150%}
1390
+ .LH145 {line-height:145%}
1391
+ .LH140 {line-height:140%}
1392
+ .LH135 {line-height:135%}
1393
+ .LH130 {line-height:130%}
1394
+ .LH125 {line-height:125%}
1395
+ .LH120 {line-height:120%}
1396
+ .LH115 {line-height:115%}
1397
+ .LH114 {line-height:114%}
1398
+ .LH113 {line-height:113%}
1399
+ .LH112 {line-height:112%}
1400
+ .LH111 {line-height:111%}
1401
+ .LH110 {line-height:110%}
1402
+ .LH109 {line-height:109%}
1403
+ .LH108 {line-height:108%}
1404
+ .LH107 {line-height:107%}
1405
+ .LH106 {line-height:106%}
1406
+ .LH105 {line-height:105%}
1407
+ .LH104 {line-height:104%}
1408
+ .LH103 {line-height:103%}
1409
+ .LH102 {line-height:102%}
1410
+ .LH101 {line-height:101%}
1411
+ .LH100 {line-height:100%}
1412
+ .LH99 {line-height:99% }
1413
+ .LH93 {line-height:93% }
1414
+ .LH92 {line-height:92% }
1415
+ .LH91 {line-height:91% }
1416
+ .LH90 {line-height:90% }
1417
+ .LH80 {line-height:80% }
1418
+ .LH70 {line-height:70% }
1419
+ .LH60 {line-height:60% }
1420
+ .LH30 {line-height:30% }
1421
+ .LH20 {line-height:20% }
1422
+ .LHN {line-height:normal}
1423
+
1424
+ /* And similar to that, general definitions for differencies */
1425
+ /* Note that a - means a , :-) So if there is something like 1-5em it is a class for 1.5em ind tags indent tags*/
1426
+
1427
+ .in0 {text-indent:0px }
1428
+ .ind0em {text-indent:0em }
1429
+ .ind0 {text-indent:0px }
1430
+ .ind0px {text-indent:0px }
1431
+ .ind1px {text-indent:1px }
1432
+ .ind2px {text-indent:2px }
1433
+ .ind3px {text-indent:3px }
1434
+ .ind4px {text-indent:4px }
1435
+ .ind5px {text-indent:5px }
1436
+ .ind6px {text-indent:6px }
1437
+ .ind7px {text-indent:7px }
1438
+ .ind8px {text-indent:8px }
1439
+ .ind9px {text-indent:9px }
1440
+ .ind10px {text-indent:10px}
1441
+ .ind11px {text-indent:11px}
1442
+ .ind12px {text-indent:12px}
1443
+ .ind13px {text-indent:13px}
1444
+ .ind14px {text-indent:14px}
1445
+ .ind15px {text-indent:15px}
1446
+ .ind20px {text-indent:20px}
1447
+ .ind_0-1em {text-indent:0.1em;}
1448
+ .ind_01em {text-indent:0.1em;}
1449
+ .ind_0-2em {text-indent:0.1em;}
1450
+ .ind_0-5em {text-indent:0.5em;}
1451
+ .ind_05em {text-indent:0.5em;}
1452
+ .ind_1em {text-indent:1em;}
1453
+ .ind1em {text-indent:1em;}
1454
+ .ind_1-5em {text-indent:1.5em;}
1455
+ .ind_2em {text-indent:2em;}
1456
+ .ind2em {text-indent:2em;}
1457
+ .ind3em {text-indent:3em;}
1458
+ .ind4em {text-indent:4em;}
1459
+ .ind5em {text-indent:5em;}
1460
+ .ind_0-1emPad1px {text-indent:0.1em;padding:1px}
1461
+ .ind_0-5emPad1px {text-indent:0.5em;padding:1px}
1462
+ .ind_1emPad1px {text-indent:1em; padding:1px}
1463
+ .ind_0-1emPad5px {text-indent:0.1em;padding:5px}
1464
+ .ind_0-5emPad5px {text-indent:0.5em;padding:5px}
1465
+ .ind-1emPad5px {text-indent:1em; padding:5px}
1466
+ /* letter spacing tags, l-spacing tags, letter-spacing tags, let space tags */
1467
+ .lspa1 { letter-spacing:1px }
1468
+ .lspa2 { letter-spacing:2px }
1469
+ .lspa3 { letter-spacing:3px }
1470
+ .lspa4 { letter-spacing:4px }
1471
+ .lspa5 { letter-spacing:5px }
1472
+ .lspa6 { letter-spacing:6px }
1473
+ .lspa7 { letter-spacing:7px }
1474
+ .lspa8 { letter-spacing:8px }
1475
+ .lspa9 { letter-spacing:9px }
1476
+ .lspa1em { letter-spacing:1em }
1477
+ .lspac1px { letter-spacing:1px }
1478
+ .lspac2px { letter-spacing:2px }
1479
+ .lspac3px { letter-spacing:3px }
1480
+ .lspac4px { letter-spacing:4px }
1481
+ .lspac5px { letter-spacing:5px }
1482
+ .lspac6px { letter-spacing:6px }
1483
+ .lspac7px { letter-spacing:7px }
1484
+ .lspac8px { letter-spacing:8px }
1485
+ .lspac9px { letter-spacing:9px }
1486
+ .lspac10px { letter-spacing:10px}
1487
+ .lspac11px { letter-spacing:11px}
1488
+ .lspac12px { letter-spacing:12px}
1489
+ .lspac13px { letter-spacing:13px}
1490
+ .lspac14px { letter-spacing:14px}
1491
+ .lspac15px { letter-spacing:15px}
1492
+ .lspac20px { letter-spacing:20px}
1493
+ .lspac100px { letter-spacing:100px}
1494
+ .lspac200px { letter-spacing:200px}
1495
+ /* word spacing tags, w-spacing tags, word-spacing tags, wrd space tags */
1496
+ .wspa1px {word-spacing:1px }
1497
+ .wspa2px {word-spacing:2px }
1498
+ .wspa3px {word-spacing:3px }
1499
+ .wspa4px {word-spacing:4px }
1500
+ .wspa1em {word-spacing:1em }
1501
+ .wspa2em {word-spacing:2em }
1502
+ .wspa3em {word-spacing:3em }
1503
+ .wspa4em {word-spacing:4em }
1504
+ /* text-transform: können Sie die Transformation bestimmen*/
1505
+ .TTC {text-transform: capitalize}
1506
+ .TTU {text-transform: uppercase}
1507
+ .TTL {text-transform: lowercase}
1508
+ .TTN {text-transform: none}
1509
+
1510
+ /********************************************************************
1511
+ *
1512
+ * collapse
1513
+ *
1514
+ * Im collapse-Modell hat die Tabelle einen äusseren Rand und
1515
+ * benachbarte Zellen teilen sich die internen Rahmen (in Netscape
1516
+ * erscheint dieses Modell als separates-Modell).
1517
+
1518
+ * separate
1519
+ * Im separate-Modell hat die Tabelle einen separaten äusseren Rahmen und
1520
+ * jede Zelle besitzt einen eigenen separaten Rahmen.
1521
+ * Der äussere Rahmen der Tabelle
1522
+ *
1523
+ * Bsp:
1524
+ * http://de.selfhtml.org/css/eigenschaften/anzeige/border_collapse.htm
1525
+ */
1526
+ .COLLAPSE { border-collapse:collapse;}
1527
+ .BCOLLAPSE { border-collapse:collapse;}
1528
+ /* border width tags, bord-wid tags, bordw tags, border-width tags, bord wid tags
1529
+ * In Assoziativum border[-top, -left, -right, -bottom]-width , example - border-bottom-width
1530
+ */
1531
+ .bordwt { border-width:thin }
1532
+ .bordwm { border-width:medium}
1533
+ .bordwh { border-width:thick }
1534
+ .bordw0 { border-width:0px }
1535
+ .bordw0px { border-width:0px }
1536
+ .bordw1 { border-width:1px }
1537
+ .bor1 { border-width:1px }
1538
+ .bordw2 { border-width:2px }
1539
+ .bor2 { border-width:2px }
1540
+ .bordw3 { border-width:3px }
1541
+ .bor3 { border-width:3px }
1542
+ .bordw4 { border-width:4px }
1543
+ .bor4 { border-width:4px }
1544
+ .bordw5 { border-width:5px }
1545
+ .bor5 { border-width:5px }
1546
+ .bordw6 { border-width:6px }
1547
+ .bor6 { border-width:6px }
1548
+ /* Simple borders like border-bottom or border-right
1549
+ * and other special border solutions :> ... */
1550
+ .bordboSolRed2px { border-bottom:2px solid red}
1551
+ .bordboLBlue2px { border-bottom:2px solid #8968CD}
1552
+ .bordboLBlue2px { border-bottom:3px solid #8968CD}
1553
+ .bordboGreen1px { border-bottom:1px solid green;}
1554
+ .bbot2sblue { border-bottom:2px solid blue;}
1555
+
1556
+ /* Float tags, fl tags, float-right tags, float-left tags */
1557
+ .FLR {float:right}
1558
+ .FLL {float:left}
1559
+ /* ***************************************************************
1560
+ * Vert align tag, Align tags, pos tags,pos abs tags, tags for aligning,
1561
+ * vert tags,vert-align tags,text-align tags,
1562
+ * ta tags, vertical-align tags, positioning includes vertical
1563
+ * aligns VA's, clear tags,
1564
+ * textalign tags, vertical align tag
1565
+ * text-align tags, v align tag, text align tag,
1566
+ ****************************************************************/
1567
+ .VAB {vertical-align:baseline}
1568
+ .VABA {vertical-align:baseline}
1569
+ .VABO {vertical-align:bottom}
1570
+ .VAM {vertical-align:middle}
1571
+ .VAS {vertical-align:super}
1572
+ .VASub {vertical-align:sub}
1573
+ .SUB {vertical-align:sub}
1574
+ .sub {vertical-align:sub}
1575
+ .SUP {vertical-align:super}
1576
+ .super {vertical-align:super}
1577
+ .SUPER {vertical-align:super}
1578
+ .HIGH {vertical-align:super}
1579
+ .VAT {vertical-align:top}
1580
+ .VATT {vertical-align:text-top}
1581
+ .VATB {vertical-align:text-bottom}
1582
+ .TAL {text-align: left; }
1583
+ .TAR {text-align: right; }
1584
+ .TAC {text-align: center; }
1585
+ .center {text-align: center; }
1586
+ .TAJ {text-align: justify; }
1587
+ .TAM {text-align: center; }
1588
+ .CL {clear: left; } /* */
1589
+ .CR {clear: right; } /* */
1590
+ .CB {clear: both; } /* */
1591
+ /* position tags, pos tags, posab tags, posre tags */
1592
+ /* Bsp: position:absolute; top:30px gibt an, das das
1593
+ * Tochterelement 30 Pixel unterhalb des Elternelementes
1594
+ * beginnt.
1595
+ */
1596
+ .pab {position:absolute}
1597
+ .posab {position:absolute}
1598
+ .posfi {position:fixed} /* absolute positionierung, gemessen am Elternelements. Bleibt beim Scrollen stehen.*/
1599
+ .posre {position:relative}
1600
+ .posrel {position:relative}
1601
+
1602
+ /*
1603
+ * Display tag, dis tags, disp tags, includes display combos
1604
+ */
1605
+ .NOBLOCK { display:inline}
1606
+ .dispin { display:inline}
1607
+ .disin { display:inline}
1608
+ .inline { display:inline}
1609
+ .underline { text-decoration:underline}
1610
+ .disinud { display:inline;text-decoration:underline}
1611
+ .DIN { display:inline}
1612
+ .DINUD { display:inline;text-decoration:underline}
1613
+ .DISUD { display:inline;text-decoration:underline}
1614
+ .disno, .dnone, .none { display:none}
1615
+ .disbl { display:block}
1616
+
1617
+ .BLOCK { display:block}
1618
+ .BLOCKW90{ display:block;width:90%}
1619
+ .BLOCKW80{ display:block;width:80%}
1620
+ .BLOCKW70{ display:block;width:70%}
1621
+ .BLOCKW60{ display:block;width:60%}
1622
+ .BLOCKW50{ display:block;width:50%}
1623
+ .BLOCKW40{ display:block;width:40%}
1624
+ .BLOCKW30{ display:block;width:30%}
1625
+ .BLOCKW20{ display:block;width:20%}
1626
+ .BLOCKW10{ display:block;width:10%}
1627
+
1628
+ /* Cursor tags */
1629
+ .CURSdef {cursor: default}
1630
+ .CURSaut {cursor: auto}
1631
+ .CURSswr {cursor: sw-resize}
1632
+ .CURSpoi {cursor: pointer}
1633
+ .CURSmov {cursor: move}
1634
+
1635
+ p[align=center] { padding:1px;} /* does what ? I guess it sets all p elements with aligned center to use 1px padding */
1636
+
1637
+ ol, li {color:white;}
1638
+
1639
+ pre { font-size: 1.0em;}
1640
+
1641
+ .bigbird { font-family:"Sesame Street", "Kidprint", sans-serif;
1642
+ color: green;
1643
+ font-size: 20pt;
1644
+ font-weight: bold;
1645
+ text-transform: uppercase;
1646
+ }
1647
+ .common1 { font-size:medium; color:#98e9b5;background-color:black; border: 1px;}
1648
+ .farben { color: #0000CC;background-color: #FFFFCC;}
1649
+ .rahmen { border: 1px dashed #FF0000;padding: 10px;}
1650
+ .schrift { font-family: verdana, Arial, Helvetica, Sans-Serif; font-size: 95%;text-align: justify;}
1651
+ .top {
1652
+ color:green;
1653
+ font-size:0.5em;
1654
+ border-color: black;
1655
+ margin:0.1em
1656
+ }
1657
+ .yback { background-color: rgb(255,255,150)}
1658
+
1659
+ /* OL TAGS, LI TAGS, UL TAGS */
1660
+ ol.decim { list-style-type:decimal }
1661
+ li.decim { list-style-type:decimal; }
1662
+ li.reddecim { list-style-type:decimal;color:red;}
1663
+ li.bluedecim { list-style-type:decimal;color:blue;}
1664
+
1665
+ /* div tags , use clearer like: <div class="clearer">&nbsp;</div> and other custom tags*/
1666
+ /* Sonderelemente, DIV TAGS */
1667
+ .std {
1668
+ font-family:"verdana", Helvetica,serif;
1669
+ color:black; font-size:0.95em;
1670
+ }
1671
+ .GREYZONE {background-color:#E0E0E0;padding-left:2em;padding-right:2em;border:1px solid black}
1672
+ .ovvis {overflow:visible } /* always visible */
1673
+ .ovhid, .ohid, .ohidden { overflow:hidden } /* always cut if is on overflow */
1674
+ .ovscr {overflow:scroll } /* always cut but also allow scrolling */
1675
+ .ovaut {overflow:auto } /* if there is conflict, the browser decides what to do */
1676
+
1677
+
1678
+ img { border:0px solid black;}
1679
+
1680
+ div.clearer { clear: left; line-height: 0; height: 0;}
1681
+ div.clearerL { clear: left; line-height: 0; height: 0;}
1682
+ div.clearerR { clear: right; line-height: 0; height: 0;}
1683
+ div.clearerB { clear: both; line-height: 0; height: 0;}
1684
+ div.DESTROYME {visibility: hidden; display:inline}
1685
+
1686
+ /* START>Three columns */
1687
+ /* <div id="centercontent"> */
1688
+ #centercontent {
1689
+ background:#fff;
1690
+ margin-left: 199px;
1691
+ margin-right:199px;
1692
+ border:1px solid #000;
1693
+ margin-left: 201px;
1694
+ margin-right:201px;
1695
+ }
1696
+ #STD_leftcontent { position: absolute; left:10px; top:50px; width:200px; background:#fff; border:1px solid #000; }
1697
+ #STD_rightcontent { position: absolute; right:10px; top:50px; width:200px; background:#fff; border:1px solid #000; }
1698
+ /* END>Three columns */
1699
+
1700
+ #quote1 {background-color:#ffff00}
1701
+ #quote2 {background-color:#00ff00}
1702
+ #quote3 {background-color:#D5D92D}
1703
+ /* Area Elements like DIV and FORM, including free DHTML elements and MENUS */
1704
+
1705
+ .menu {font-family:Arial,serif; font-weight:bold}
1706
+ .menu a{text-decoration:none;color:black;}
1707
+
1708
+ /* Form tags like input, form, Fieldset */
1709
+ input.blur {color: black;background-color:#FFFFCC;font-weight: normal;}
1710
+
1711
+ INPUT.dis { color:#FFFFFF;background-color:#0000CC;Width: 250px;}
1712
+ INPUT.vis { color:#FFFFFF;background-color:#FF0000;Width: 250px;}
1713
+
1714
+
1715
+ /*
1716
+ * We can center a page through this entry.
1717
+ */
1718
+ #center_page {
1719
+ width: 800px;
1720
+ margin: 0 auto;
1721
+ }
1722
+
1723
+
1724
+ h2.default {color: #4682B4}
1725
+ h3.default {color: #4682B4}
1726
+
1727
+ /*
1728
+ * custom text-selection highlighting.
1729
+ */
1730
+ .custom-highlighting::selection {
1731
+ background-color: #8e44ad;
1732
+ color: #fff;
1733
+ }
1734
+
1735
+ hr.thick {
1736
+ display: block;
1737
+ height: 1px;
1738
+ border: 0;
1739
+ border-top: 1px solid steelblue;
1740
+ margin: 1em 0;
1741
+ padding: 0;
1742
+ }
1743
+
1744
+ /*
1745
+ * This will center a HTML object.
1746
+ */
1747
+ .center_this {
1748
+ display: flex;
1749
+ align-items: center;
1750
+ justify-content: center;
1751
+ }
1752
+
1753
+ .flex-container {
1754
+ display: flex;
1755
+ width: 100%;
1756
+ }
1757
+ .flex-child {
1758
+ flex: 0.1;
1759
+ border: 2px solid yellow;
1760
+ margin: 3px;
1761
+ }
1762
+
1763
+ .flex-child:first-child {
1764
+ margin-right: 0px;
1765
+ }
1766
+
1767
+ .align_vertically {
1768
+ display: flex;
1769
+ align-items: center;
1770
+ justify-content: center;
1771
+ }
1772
+
1773
+ /* This can be applied to an image to float to the left side. */
1774
+ .shape_basic_circle {
1775
+ float: left;
1776
+ shape-outside: circle(50%);
1777
+ }
1778
+
1779
+ /*
1780
+ * Grid-related display
1781
+ *
1782
+ * Make use of place-items: center next. It will also
1783
+ * make use of display: grid.
1784
+ */
1785
+ .centered {
1786
+ display: grid;
1787
+ place-items: center;
1788
+ }
1789
+ .grid-container {
1790
+ display: grid;
1791
+ grid-template-columns: 1fr 1fr;
1792
+ grid-gap: 4px;
1793
+ }
1794
+
1795
+ /* Round Border, inspired from:
1796
+
1797
+ https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_round_buttons
1798
+
1799
+ */
1800
+ .round_border1,
1801
+ .round_border2,
1802
+ .round_border3,
1803
+ .round_border4 {
1804
+ font-size: 1px;
1805
+ overflow: hidden;
1806
+ display: block;
1807
+ }
1808
+
1809
+ .round_border1 {height:1px; background:#888; margin:0 5px;}
1810
+ .round_border2 {height:1px; background:#ddd; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
1811
+ .round_border3 {height:1px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
1812
+ .round_border4 {height:2px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
1813
+ .round_border_content {background: #ddd; border-right:1px solid #888; border-left:1px solid #888;}
1814
+ .round_border_content2 {background: #8E6F90; border-right:2px solid #888; border-left:2px solid #888;}
1815
+ .round_border_content3 {background: #AE9CF4; border-right:2px solid #888; border-left:2px solid #888;}
1816
+ .round_border_content,
1817
+ .round_border_content2,
1818
+ .round_border_content3 div { margin-left: 5px; }
1819
+
1820
+ .rounded_border_1px { border-radius: 1px; }
1821
+ .rounded_border_2px { border-radius: 2px; }
1822
+ .rounded_border_3px { border-radius: 3px; }
1823
+ .rounded_border_4px { border-radius: 4px; }
1824
+ .rounded_border_5px { border-radius: 5px; }
1825
+ .rounded_border_6px { border-radius: 6px; }
1826
+ .rounded_border_7px { border-radius: 7px; }
1827
+ .rounded_border_8px { border-radius: 8px; }
1828
+
1829
+
1830
+ /*
1831
+ * This can be used to resize an element, such as a <div> tag.
1832
+ */
1833
+ .resize {
1834
+ resize: both;
1835
+ overflow: auto;
1836
+ }