stylish 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (458) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +7 -10
  3. data/ARCHITECTURE.md +96 -0
  4. data/Gemfile +8 -0
  5. data/README.md +25 -29
  6. data/Rakefile +24 -0
  7. data/bin/stylish +33 -0
  8. data/lib/stylish.rb +36 -1
  9. data/lib/stylish/configuration.rb +37 -0
  10. data/lib/stylish/core_ext.rb +20 -0
  11. data/lib/stylish/developer.rb +13 -0
  12. data/lib/stylish/developer/config.rb +19 -0
  13. data/lib/stylish/developer/environment.rb +75 -0
  14. data/lib/stylish/developer/listing.rb +85 -0
  15. data/lib/stylish/developer/model_delegator.rb +51 -0
  16. data/lib/stylish/developer/modification.rb +139 -0
  17. data/lib/stylish/developer/path.rb +168 -0
  18. data/lib/stylish/developer/route.rb +97 -0
  19. data/lib/stylish/developer/server.rb +40 -0
  20. data/lib/stylish/engine.rb +12 -0
  21. data/lib/stylish/fs.rb +59 -0
  22. data/lib/stylish/manifest.rb +100 -0
  23. data/lib/stylish/models.rb +119 -0
  24. data/lib/stylish/models/component.rb +19 -0
  25. data/lib/stylish/models/layout.rb +19 -0
  26. data/lib/stylish/models/library.rb +134 -0
  27. data/lib/stylish/models/package.rb +156 -0
  28. data/lib/stylish/models/script.rb +10 -0
  29. data/lib/stylish/models/stylesheet.rb +9 -0
  30. data/lib/stylish/models/template.rb +9 -0
  31. data/lib/stylish/models/theme.rb +8 -0
  32. data/lib/stylish/util.rb +20 -0
  33. data/lib/stylish/version.rb +1 -1
  34. data/library/config.json +4 -0
  35. data/library/second-theme/manifest.json +8 -0
  36. data/library/second-theme/manifest.yml +6 -0
  37. data/library/second-theme/templates/footers/footer-01.html +3 -0
  38. data/library/second-theme/templates/footers/footer-02.html +3 -0
  39. data/library/second-theme/templates/headers/header-01.html +3 -0
  40. data/library/second-theme/templates/headers/header-02.html +3 -0
  41. data/library/second-theme/templates/landing-page-blocks/landing-page-block-01.html +3 -0
  42. data/library/second-theme/templates/landing-page-blocks/landing-page-block-02.html +3 -0
  43. data/library/test-theme/components/footers/footer-01.json +5 -0
  44. data/library/test-theme/components/footers/footer-02.json +5 -0
  45. data/library/test-theme/components/headers/header-01.json +5 -0
  46. data/library/test-theme/components/headers/header-02.json +5 -0
  47. data/library/test-theme/components/landing-page-blocks/landing-page-01.json +5 -0
  48. data/library/test-theme/components/landing-page-blocks/landing-page-02.json +5 -0
  49. data/library/test-theme/manifest.json +8 -0
  50. data/library/test-theme/manifest.yml +6 -0
  51. data/library/test-theme/pages/page-01.json +11 -0
  52. data/library/test-theme/templates/footers/footer-01.html +3 -0
  53. data/library/test-theme/templates/footers/footer-02.html +3 -0
  54. data/library/test-theme/templates/headers/header-01.html +3 -0
  55. data/library/test-theme/templates/headers/header-02.html +3 -0
  56. data/library/test-theme/templates/landing-page-blocks/landing-page-block-01.html +3 -0
  57. data/library/test-theme/templates/landing-page-blocks/landing-page-block-02.html +3 -0
  58. data/library/test-theme/templates/layouts/standard-layout.html +10 -0
  59. data/spec/acceptance/listing_assets_spec.rb +20 -0
  60. data/spec/acceptance/model_browsing_spec.rb +21 -0
  61. data/spec/acceptance/model_creation_spec.rb +16 -0
  62. data/spec/acceptance/model_deleting_spec.rb +10 -0
  63. data/spec/acceptance/model_updating_spec.rb +12 -0
  64. data/spec/acceptance/modifying_assets_spec.rb +50 -0
  65. data/spec/acceptance/server_info_spec.rb +10 -0
  66. data/spec/dummy/README.rdoc +28 -0
  67. data/spec/dummy/Rakefile +6 -0
  68. data/spec/dummy/app/assets/images/.keep +0 -0
  69. data/spec/dummy/app/assets/javascripts/application.js +13 -0
  70. data/spec/dummy/app/assets/javascripts/test.coffee +4 -0
  71. data/spec/dummy/app/assets/stylesheets/application.css +15 -0
  72. data/spec/dummy/app/assets/stylesheets/test.css.scss +6 -0
  73. data/spec/dummy/app/assets/stylesheets/writable/existing.scss.css +0 -0
  74. data/spec/dummy/app/controllers/application_controller.rb +5 -0
  75. data/spec/dummy/app/controllers/concerns/.keep +0 -0
  76. data/spec/dummy/app/helpers/application_helper.rb +2 -0
  77. data/spec/dummy/app/mailers/.keep +0 -0
  78. data/spec/dummy/app/views/layouts/application.html.erb +14 -0
  79. data/spec/dummy/bin/bundle +3 -0
  80. data/spec/dummy/bin/rails +4 -0
  81. data/spec/dummy/bin/rake +4 -0
  82. data/spec/dummy/config.ru +4 -0
  83. data/spec/dummy/config/application.rb +30 -0
  84. data/spec/dummy/config/boot.rb +5 -0
  85. data/spec/dummy/config/database.yml +25 -0
  86. data/spec/dummy/config/environment.rb +5 -0
  87. data/spec/dummy/config/environments/development.rb +37 -0
  88. data/spec/dummy/config/environments/production.rb +82 -0
  89. data/spec/dummy/config/environments/test.rb +39 -0
  90. data/spec/dummy/config/initializers/assets.rb +8 -0
  91. data/spec/dummy/config/initializers/backtrace_silencers.rb +7 -0
  92. data/spec/dummy/config/initializers/cookies_serializer.rb +3 -0
  93. data/spec/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  94. data/spec/dummy/config/initializers/inflections.rb +16 -0
  95. data/spec/dummy/config/initializers/mime_types.rb +4 -0
  96. data/spec/dummy/config/initializers/session_store.rb +3 -0
  97. data/spec/dummy/config/initializers/wrap_parameters.rb +14 -0
  98. data/spec/dummy/config/locales/en.yml +23 -0
  99. data/spec/dummy/config/routes.rb +3 -0
  100. data/spec/dummy/config/secrets.yml +22 -0
  101. data/spec/dummy/db/migrate/20140822065900_create_books.rb +11 -0
  102. data/spec/dummy/db/migrate/20140822065916_create_authors.rb +9 -0
  103. data/spec/dummy/db/migrate/20140824215902_create_users.rb +10 -0
  104. data/spec/dummy/db/migrate/20140826193259_create_libraries.rb +10 -0
  105. data/spec/dummy/db/schema.rb +37 -0
  106. data/spec/dummy/db/test.sqlite3 +0 -0
  107. data/spec/dummy/lib/assets/.keep +0 -0
  108. data/spec/dummy/log/.keep +0 -0
  109. data/spec/dummy/public/404.html +67 -0
  110. data/spec/dummy/public/422.html +67 -0
  111. data/spec/dummy/public/500.html +66 -0
  112. data/spec/dummy/public/favicon.ico +0 -0
  113. data/spec/fixtures/config.json +3 -0
  114. data/spec/fixtures/test-theme/components/footers/footer-01.json +5 -0
  115. data/spec/fixtures/test-theme/components/footers/footer-02.json +5 -0
  116. data/spec/fixtures/test-theme/components/headers/header-01.json +5 -0
  117. data/spec/fixtures/test-theme/components/headers/header-02.json +5 -0
  118. data/spec/fixtures/test-theme/components/landing-page-blocks/landing-page-01.json +5 -0
  119. data/spec/fixtures/test-theme/components/landing-page-blocks/landing-page-02.json +5 -0
  120. data/spec/fixtures/test-theme/manifest.json +8 -0
  121. data/spec/fixtures/test-theme/manifest.yml +6 -0
  122. data/spec/fixtures/test-theme/pages/page-01.json +11 -0
  123. data/spec/fixtures/test-theme/templates/footers/footer-01.html +3 -0
  124. data/spec/fixtures/test-theme/templates/footers/footer-02.html +3 -0
  125. data/spec/fixtures/test-theme/templates/headers/header-01.html +3 -0
  126. data/spec/fixtures/test-theme/templates/headers/header-02.html +3 -0
  127. data/spec/fixtures/test-theme/templates/landing-page-blocks/landing-page-block-01.html +3 -0
  128. data/spec/fixtures/test-theme/templates/landing-page-blocks/landing-page-block-02.html +3 -0
  129. data/spec/fixtures/test-theme/templates/layouts/standard-01.html +9 -0
  130. data/spec/lib/stylish/configuration_spec.rb +8 -0
  131. data/spec/lib/stylish/developer/path_spec.rb +36 -0
  132. data/spec/lib/stylish/developer/route_spec.rb +5 -0
  133. data/spec/lib/stylish/manifest_spec.rb +48 -0
  134. data/spec/lib/stylish/models/library_spec.rb +38 -0
  135. data/spec/lib/stylish/models/package_spec.rb +35 -0
  136. data/spec/lib/stylish/models_spec.rb +12 -0
  137. data/spec/spec_helper.rb +38 -0
  138. data/spec/support/json_helper.rb +7 -0
  139. data/spec/test.css.scss +6 -0
  140. data/stylish.gemspec +17 -2
  141. data/support/editor-app/.gitignore +2 -0
  142. data/support/editor-app/development/bower.json +9 -0
  143. data/support/editor-app/development/package.json +28 -0
  144. data/support/editor-app/development/semantic/components/accordion.css +257 -0
  145. data/support/editor-app/development/semantic/components/accordion.js +558 -0
  146. data/support/editor-app/development/semantic/components/accordion.min.css +11 -0
  147. data/support/editor-app/development/semantic/components/accordion.min.js +11 -0
  148. data/support/editor-app/development/semantic/components/ad.css +277 -0
  149. data/support/editor-app/development/semantic/components/ad.min.css +11 -0
  150. data/support/editor-app/development/semantic/components/api.js +851 -0
  151. data/support/editor-app/development/semantic/components/api.min.js +11 -0
  152. data/support/editor-app/development/semantic/components/breadcrumb.css +125 -0
  153. data/support/editor-app/development/semantic/components/breadcrumb.min.css +11 -0
  154. data/support/editor-app/development/semantic/components/button.css +2391 -0
  155. data/support/editor-app/development/semantic/components/button.min.css +11 -0
  156. data/support/editor-app/development/semantic/components/card.css +758 -0
  157. data/support/editor-app/development/semantic/components/card.min.css +11 -0
  158. data/support/editor-app/development/semantic/components/checkbox.css +514 -0
  159. data/support/editor-app/development/semantic/components/checkbox.js +507 -0
  160. data/support/editor-app/development/semantic/components/checkbox.min.css +11 -0
  161. data/support/editor-app/development/semantic/components/checkbox.min.js +11 -0
  162. data/support/editor-app/development/semantic/components/comment.css +260 -0
  163. data/support/editor-app/development/semantic/components/comment.min.css +11 -0
  164. data/support/editor-app/development/semantic/components/dimmer.css +187 -0
  165. data/support/editor-app/development/semantic/components/dimmer.js +627 -0
  166. data/support/editor-app/development/semantic/components/dimmer.min.css +11 -0
  167. data/support/editor-app/development/semantic/components/dimmer.min.js +11 -0
  168. data/support/editor-app/development/semantic/components/divider.css +244 -0
  169. data/support/editor-app/development/semantic/components/divider.min.css +11 -0
  170. data/support/editor-app/development/semantic/components/dropdown.css +1085 -0
  171. data/support/editor-app/development/semantic/components/dropdown.js +1757 -0
  172. data/support/editor-app/development/semantic/components/dropdown.min.css +11 -0
  173. data/support/editor-app/development/semantic/components/dropdown.min.js +11 -0
  174. data/support/editor-app/development/semantic/components/feed.css +277 -0
  175. data/support/editor-app/development/semantic/components/feed.min.css +11 -0
  176. data/support/editor-app/development/semantic/components/flag.css +1017 -0
  177. data/support/editor-app/development/semantic/components/flag.min.css +11 -0
  178. data/support/editor-app/development/semantic/components/form.css +875 -0
  179. data/support/editor-app/development/semantic/components/form.js +1039 -0
  180. data/support/editor-app/development/semantic/components/form.min.css +11 -0
  181. data/support/editor-app/development/semantic/components/form.min.js +11 -0
  182. data/support/editor-app/development/semantic/components/grid.css +1816 -0
  183. data/support/editor-app/development/semantic/components/grid.min.css +11 -0
  184. data/support/editor-app/development/semantic/components/header.css +572 -0
  185. data/support/editor-app/development/semantic/components/header.min.css +11 -0
  186. data/support/editor-app/development/semantic/components/icon.css +2127 -0
  187. data/support/editor-app/development/semantic/components/icon.min.css +11 -0
  188. data/support/editor-app/development/semantic/components/image.css +275 -0
  189. data/support/editor-app/development/semantic/components/image.min.css +11 -0
  190. data/support/editor-app/development/semantic/components/input.css +455 -0
  191. data/support/editor-app/development/semantic/components/input.min.css +11 -0
  192. data/support/editor-app/development/semantic/components/item.css +458 -0
  193. data/support/editor-app/development/semantic/components/item.min.css +11 -0
  194. data/support/editor-app/development/semantic/components/label.css +930 -0
  195. data/support/editor-app/development/semantic/components/label.min.css +11 -0
  196. data/support/editor-app/development/semantic/components/list.css +879 -0
  197. data/support/editor-app/development/semantic/components/list.min.css +11 -0
  198. data/support/editor-app/development/semantic/components/loader.css +279 -0
  199. data/support/editor-app/development/semantic/components/loader.min.css +11 -0
  200. data/support/editor-app/development/semantic/components/menu.css +1596 -0
  201. data/support/editor-app/development/semantic/components/menu.min.css +11 -0
  202. data/support/editor-app/development/semantic/components/message.css +422 -0
  203. data/support/editor-app/development/semantic/components/message.min.css +11 -0
  204. data/support/editor-app/development/semantic/components/modal.css +431 -0
  205. data/support/editor-app/development/semantic/components/modal.js +860 -0
  206. data/support/editor-app/development/semantic/components/modal.min.css +11 -0
  207. data/support/editor-app/development/semantic/components/modal.min.js +11 -0
  208. data/support/editor-app/development/semantic/components/nag.css +149 -0
  209. data/support/editor-app/development/semantic/components/nag.js +477 -0
  210. data/support/editor-app/development/semantic/components/nag.min.css +11 -0
  211. data/support/editor-app/development/semantic/components/nag.min.js +11 -0
  212. data/support/editor-app/development/semantic/components/popup.css +294 -0
  213. data/support/editor-app/development/semantic/components/popup.js +1187 -0
  214. data/support/editor-app/development/semantic/components/popup.min.css +11 -0
  215. data/support/editor-app/development/semantic/components/popup.min.js +11 -0
  216. data/support/editor-app/development/semantic/components/progress.css +449 -0
  217. data/support/editor-app/development/semantic/components/progress.js +785 -0
  218. data/support/editor-app/development/semantic/components/progress.min.css +11 -0
  219. data/support/editor-app/development/semantic/components/progress.min.js +11 -0
  220. data/support/editor-app/development/semantic/components/rail.css +125 -0
  221. data/support/editor-app/development/semantic/components/rail.min.css +11 -0
  222. data/support/editor-app/development/semantic/components/rating.css +262 -0
  223. data/support/editor-app/development/semantic/components/rating.js +451 -0
  224. data/support/editor-app/development/semantic/components/rating.min.css +11 -0
  225. data/support/editor-app/development/semantic/components/rating.min.js +11 -0
  226. data/support/editor-app/development/semantic/components/reset.css +430 -0
  227. data/support/editor-app/development/semantic/components/reset.min.css +11 -0
  228. data/support/editor-app/development/semantic/components/reveal.css +294 -0
  229. data/support/editor-app/development/semantic/components/reveal.min.css +11 -0
  230. data/support/editor-app/development/semantic/components/search.css +330 -0
  231. data/support/editor-app/development/semantic/components/search.js +1055 -0
  232. data/support/editor-app/development/semantic/components/search.min.css +11 -0
  233. data/support/editor-app/development/semantic/components/search.min.js +11 -0
  234. data/support/editor-app/development/semantic/components/segment.css +590 -0
  235. data/support/editor-app/development/semantic/components/segment.min.css +11 -0
  236. data/support/editor-app/development/semantic/components/shape.css +155 -0
  237. data/support/editor-app/development/semantic/components/shape.js +830 -0
  238. data/support/editor-app/development/semantic/components/shape.min.css +11 -0
  239. data/support/editor-app/development/semantic/components/shape.min.js +11 -0
  240. data/support/editor-app/development/semantic/components/sidebar.css +621 -0
  241. data/support/editor-app/development/semantic/components/sidebar.js +1084 -0
  242. data/support/editor-app/development/semantic/components/sidebar.min.css +11 -0
  243. data/support/editor-app/development/semantic/components/sidebar.min.js +11 -0
  244. data/support/editor-app/development/semantic/components/site.css +147 -0
  245. data/support/editor-app/development/semantic/components/site.js +487 -0
  246. data/support/editor-app/development/semantic/components/site.min.css +11 -0
  247. data/support/editor-app/development/semantic/components/site.min.js +11 -0
  248. data/support/editor-app/development/semantic/components/state.js +690 -0
  249. data/support/editor-app/development/semantic/components/state.min.js +11 -0
  250. data/support/editor-app/development/semantic/components/statistic.css +410 -0
  251. data/support/editor-app/development/semantic/components/statistic.min.css +11 -0
  252. data/support/editor-app/development/semantic/components/step.css +433 -0
  253. data/support/editor-app/development/semantic/components/step.min.css +11 -0
  254. data/support/editor-app/development/semantic/components/sticky.css +80 -0
  255. data/support/editor-app/development/semantic/components/sticky.js +775 -0
  256. data/support/editor-app/development/semantic/components/sticky.min.css +11 -0
  257. data/support/editor-app/development/semantic/components/sticky.min.js +11 -0
  258. data/support/editor-app/development/semantic/components/tab.css +93 -0
  259. data/support/editor-app/development/semantic/components/tab.js +787 -0
  260. data/support/editor-app/development/semantic/components/tab.min.css +11 -0
  261. data/support/editor-app/development/semantic/components/tab.min.js +11 -0
  262. data/support/editor-app/development/semantic/components/table.css +999 -0
  263. data/support/editor-app/development/semantic/components/table.min.css +11 -0
  264. data/support/editor-app/development/semantic/components/transition.css +2152 -0
  265. data/support/editor-app/development/semantic/components/transition.js +936 -0
  266. data/support/editor-app/development/semantic/components/transition.min.css +11 -0
  267. data/support/editor-app/development/semantic/components/transition.min.js +11 -0
  268. data/support/editor-app/development/semantic/components/video.css +126 -0
  269. data/support/editor-app/development/semantic/components/video.js +540 -0
  270. data/support/editor-app/development/semantic/components/video.min.css +11 -0
  271. data/support/editor-app/development/semantic/components/video.min.js +11 -0
  272. data/support/editor-app/development/semantic/components/visibility.js +970 -0
  273. data/support/editor-app/development/semantic/components/visibility.min.js +11 -0
  274. data/support/editor-app/development/semantic/semantic.css +31768 -0
  275. data/support/editor-app/development/semantic/semantic.js +18317 -0
  276. data/support/editor-app/development/semantic/semantic.min.css +11 -0
  277. data/support/editor-app/development/semantic/semantic.min.js +17 -0
  278. data/support/editor-app/development/semantic/themes/basic/assets/fonts/icons.eot +0 -0
  279. data/support/editor-app/development/semantic/themes/basic/assets/fonts/icons.svg +450 -0
  280. data/support/editor-app/development/semantic/themes/basic/assets/fonts/icons.ttf +0 -0
  281. data/support/editor-app/development/semantic/themes/basic/assets/fonts/icons.woff +0 -0
  282. data/support/editor-app/development/semantic/themes/default/assets/fonts/icons.eot +0 -0
  283. data/support/editor-app/development/semantic/themes/default/assets/fonts/icons.otf +0 -0
  284. data/support/editor-app/development/semantic/themes/default/assets/fonts/icons.svg +504 -0
  285. data/support/editor-app/development/semantic/themes/default/assets/fonts/icons.ttf +0 -0
  286. data/support/editor-app/development/semantic/themes/default/assets/fonts/icons.woff +0 -0
  287. data/support/editor-app/development/semantic/themes/default/assets/images/flags.png +0 -0
  288. data/support/editor-app/development/src/apis/index.coffee +35 -0
  289. data/support/editor-app/development/src/components/editor.cjsx +58 -0
  290. data/support/editor-app/development/src/components/editor_drawer.cjsx +7 -0
  291. data/support/editor-app/development/src/components/header.cjsx +12 -0
  292. data/support/editor-app/development/src/components/index.coffee +9 -0
  293. data/support/editor-app/development/src/components/menus/icon_grid.cjsx +0 -0
  294. data/support/editor-app/development/src/components/sidebar.cjsx +24 -0
  295. data/support/editor-app/development/src/components/tiled_grid.cjsx +35 -0
  296. data/support/editor-app/development/src/index.cjsx +82 -0
  297. data/support/editor-app/development/src/lib/util.coffee +48 -0
  298. data/support/editor-app/development/src/pages/home.cjsx +46 -0
  299. data/support/editor-app/development/src/pages/index.coffee +6 -0
  300. data/support/editor-app/development/src/pages/package_details.cjsx +55 -0
  301. data/support/editor-app/development/src/registry.coffee +35 -0
  302. data/support/editor-app/development/src/styles/components/tiled_grid.css.scss +5 -0
  303. data/support/editor-app/development/src/styles/index.css.scss +240 -0
  304. data/support/editor-app/development/src/sugar.cjsx +126 -0
  305. data/support/editor-app/development/webpack.config.js +53 -0
  306. data/support/editor-app/dist/base.css +0 -0
  307. data/support/editor-app/dist/toolit.js +62 -0
  308. data/support/editor-app/dist/toolkit.js +44573 -0
  309. data/support/editor-app/index.html +50 -0
  310. data/support/editor-app/package.json +15 -0
  311. data/support/editor-app/semantic/components/accordion.css +257 -0
  312. data/support/editor-app/semantic/components/accordion.js +558 -0
  313. data/support/editor-app/semantic/components/accordion.min.css +11 -0
  314. data/support/editor-app/semantic/components/accordion.min.js +11 -0
  315. data/support/editor-app/semantic/components/ad.css +277 -0
  316. data/support/editor-app/semantic/components/ad.min.css +11 -0
  317. data/support/editor-app/semantic/components/api.js +851 -0
  318. data/support/editor-app/semantic/components/api.min.js +11 -0
  319. data/support/editor-app/semantic/components/breadcrumb.css +125 -0
  320. data/support/editor-app/semantic/components/breadcrumb.min.css +11 -0
  321. data/support/editor-app/semantic/components/button.css +2391 -0
  322. data/support/editor-app/semantic/components/button.min.css +11 -0
  323. data/support/editor-app/semantic/components/card.css +758 -0
  324. data/support/editor-app/semantic/components/card.min.css +11 -0
  325. data/support/editor-app/semantic/components/checkbox.css +514 -0
  326. data/support/editor-app/semantic/components/checkbox.js +507 -0
  327. data/support/editor-app/semantic/components/checkbox.min.css +11 -0
  328. data/support/editor-app/semantic/components/checkbox.min.js +11 -0
  329. data/support/editor-app/semantic/components/comment.css +260 -0
  330. data/support/editor-app/semantic/components/comment.min.css +11 -0
  331. data/support/editor-app/semantic/components/dimmer.css +187 -0
  332. data/support/editor-app/semantic/components/dimmer.js +627 -0
  333. data/support/editor-app/semantic/components/dimmer.min.css +11 -0
  334. data/support/editor-app/semantic/components/dimmer.min.js +11 -0
  335. data/support/editor-app/semantic/components/divider.css +244 -0
  336. data/support/editor-app/semantic/components/divider.min.css +11 -0
  337. data/support/editor-app/semantic/components/dropdown.css +1085 -0
  338. data/support/editor-app/semantic/components/dropdown.js +1757 -0
  339. data/support/editor-app/semantic/components/dropdown.min.css +11 -0
  340. data/support/editor-app/semantic/components/dropdown.min.js +11 -0
  341. data/support/editor-app/semantic/components/feed.css +277 -0
  342. data/support/editor-app/semantic/components/feed.min.css +11 -0
  343. data/support/editor-app/semantic/components/flag.css +1017 -0
  344. data/support/editor-app/semantic/components/flag.min.css +11 -0
  345. data/support/editor-app/semantic/components/form.css +875 -0
  346. data/support/editor-app/semantic/components/form.js +1039 -0
  347. data/support/editor-app/semantic/components/form.min.css +11 -0
  348. data/support/editor-app/semantic/components/form.min.js +11 -0
  349. data/support/editor-app/semantic/components/grid.css +1816 -0
  350. data/support/editor-app/semantic/components/grid.min.css +11 -0
  351. data/support/editor-app/semantic/components/header.css +572 -0
  352. data/support/editor-app/semantic/components/header.min.css +11 -0
  353. data/support/editor-app/semantic/components/icon.css +2127 -0
  354. data/support/editor-app/semantic/components/icon.min.css +11 -0
  355. data/support/editor-app/semantic/components/image.css +275 -0
  356. data/support/editor-app/semantic/components/image.min.css +11 -0
  357. data/support/editor-app/semantic/components/input.css +455 -0
  358. data/support/editor-app/semantic/components/input.min.css +11 -0
  359. data/support/editor-app/semantic/components/item.css +458 -0
  360. data/support/editor-app/semantic/components/item.min.css +11 -0
  361. data/support/editor-app/semantic/components/label.css +930 -0
  362. data/support/editor-app/semantic/components/label.min.css +11 -0
  363. data/support/editor-app/semantic/components/list.css +879 -0
  364. data/support/editor-app/semantic/components/list.min.css +11 -0
  365. data/support/editor-app/semantic/components/loader.css +279 -0
  366. data/support/editor-app/semantic/components/loader.min.css +11 -0
  367. data/support/editor-app/semantic/components/menu.css +1596 -0
  368. data/support/editor-app/semantic/components/menu.min.css +11 -0
  369. data/support/editor-app/semantic/components/message.css +422 -0
  370. data/support/editor-app/semantic/components/message.min.css +11 -0
  371. data/support/editor-app/semantic/components/modal.css +431 -0
  372. data/support/editor-app/semantic/components/modal.js +860 -0
  373. data/support/editor-app/semantic/components/modal.min.css +11 -0
  374. data/support/editor-app/semantic/components/modal.min.js +11 -0
  375. data/support/editor-app/semantic/components/nag.css +149 -0
  376. data/support/editor-app/semantic/components/nag.js +477 -0
  377. data/support/editor-app/semantic/components/nag.min.css +11 -0
  378. data/support/editor-app/semantic/components/nag.min.js +11 -0
  379. data/support/editor-app/semantic/components/popup.css +294 -0
  380. data/support/editor-app/semantic/components/popup.js +1187 -0
  381. data/support/editor-app/semantic/components/popup.min.css +11 -0
  382. data/support/editor-app/semantic/components/popup.min.js +11 -0
  383. data/support/editor-app/semantic/components/progress.css +449 -0
  384. data/support/editor-app/semantic/components/progress.js +785 -0
  385. data/support/editor-app/semantic/components/progress.min.css +11 -0
  386. data/support/editor-app/semantic/components/progress.min.js +11 -0
  387. data/support/editor-app/semantic/components/rail.css +125 -0
  388. data/support/editor-app/semantic/components/rail.min.css +11 -0
  389. data/support/editor-app/semantic/components/rating.css +262 -0
  390. data/support/editor-app/semantic/components/rating.js +451 -0
  391. data/support/editor-app/semantic/components/rating.min.css +11 -0
  392. data/support/editor-app/semantic/components/rating.min.js +11 -0
  393. data/support/editor-app/semantic/components/reset.css +430 -0
  394. data/support/editor-app/semantic/components/reset.min.css +11 -0
  395. data/support/editor-app/semantic/components/reveal.css +294 -0
  396. data/support/editor-app/semantic/components/reveal.min.css +11 -0
  397. data/support/editor-app/semantic/components/search.css +330 -0
  398. data/support/editor-app/semantic/components/search.js +1055 -0
  399. data/support/editor-app/semantic/components/search.min.css +11 -0
  400. data/support/editor-app/semantic/components/search.min.js +11 -0
  401. data/support/editor-app/semantic/components/segment.css +590 -0
  402. data/support/editor-app/semantic/components/segment.min.css +11 -0
  403. data/support/editor-app/semantic/components/shape.css +155 -0
  404. data/support/editor-app/semantic/components/shape.js +830 -0
  405. data/support/editor-app/semantic/components/shape.min.css +11 -0
  406. data/support/editor-app/semantic/components/shape.min.js +11 -0
  407. data/support/editor-app/semantic/components/sidebar.css +621 -0
  408. data/support/editor-app/semantic/components/sidebar.js +1084 -0
  409. data/support/editor-app/semantic/components/sidebar.min.css +11 -0
  410. data/support/editor-app/semantic/components/sidebar.min.js +11 -0
  411. data/support/editor-app/semantic/components/site.css +147 -0
  412. data/support/editor-app/semantic/components/site.js +487 -0
  413. data/support/editor-app/semantic/components/site.min.css +11 -0
  414. data/support/editor-app/semantic/components/site.min.js +11 -0
  415. data/support/editor-app/semantic/components/state.js +690 -0
  416. data/support/editor-app/semantic/components/state.min.js +11 -0
  417. data/support/editor-app/semantic/components/statistic.css +410 -0
  418. data/support/editor-app/semantic/components/statistic.min.css +11 -0
  419. data/support/editor-app/semantic/components/step.css +433 -0
  420. data/support/editor-app/semantic/components/step.min.css +11 -0
  421. data/support/editor-app/semantic/components/sticky.css +80 -0
  422. data/support/editor-app/semantic/components/sticky.js +775 -0
  423. data/support/editor-app/semantic/components/sticky.min.css +11 -0
  424. data/support/editor-app/semantic/components/sticky.min.js +11 -0
  425. data/support/editor-app/semantic/components/tab.css +93 -0
  426. data/support/editor-app/semantic/components/tab.js +787 -0
  427. data/support/editor-app/semantic/components/tab.min.css +11 -0
  428. data/support/editor-app/semantic/components/tab.min.js +11 -0
  429. data/support/editor-app/semantic/components/table.css +999 -0
  430. data/support/editor-app/semantic/components/table.min.css +11 -0
  431. data/support/editor-app/semantic/components/transition.css +2152 -0
  432. data/support/editor-app/semantic/components/transition.js +936 -0
  433. data/support/editor-app/semantic/components/transition.min.css +11 -0
  434. data/support/editor-app/semantic/components/transition.min.js +11 -0
  435. data/support/editor-app/semantic/components/video.css +126 -0
  436. data/support/editor-app/semantic/components/video.js +540 -0
  437. data/support/editor-app/semantic/components/video.min.css +11 -0
  438. data/support/editor-app/semantic/components/video.min.js +11 -0
  439. data/support/editor-app/semantic/components/visibility.js +970 -0
  440. data/support/editor-app/semantic/components/visibility.min.js +11 -0
  441. data/support/editor-app/semantic/semantic.css +31768 -0
  442. data/support/editor-app/semantic/semantic.js +18317 -0
  443. data/support/editor-app/semantic/semantic.min.css +11 -0
  444. data/support/editor-app/semantic/semantic.min.js +17 -0
  445. data/support/editor-app/semantic/themes/basic/assets/fonts/icons.eot +0 -0
  446. data/support/editor-app/semantic/themes/basic/assets/fonts/icons.svg +450 -0
  447. data/support/editor-app/semantic/themes/basic/assets/fonts/icons.ttf +0 -0
  448. data/support/editor-app/semantic/themes/basic/assets/fonts/icons.woff +0 -0
  449. data/support/editor-app/semantic/themes/default/assets/fonts/icons.eot +0 -0
  450. data/support/editor-app/semantic/themes/default/assets/fonts/icons.otf +0 -0
  451. data/support/editor-app/semantic/themes/default/assets/fonts/icons.svg +504 -0
  452. data/support/editor-app/semantic/themes/default/assets/fonts/icons.ttf +0 -0
  453. data/support/editor-app/semantic/themes/default/assets/fonts/icons.woff +0 -0
  454. data/support/editor-app/semantic/themes/default/assets/images/flags.png +0 -0
  455. data/support/editor-app/vendor/jquery.js +8829 -0
  456. data/support/library-server/Gemfile +0 -0
  457. data/support/library-server/config.ru +4 -0
  458. metadata +740 -7
@@ -0,0 +1,11 @@
1
+ /*
2
+ * # Semantic UI - 1.8.1
3
+ * https://github.com/Semantic-Org/Semantic-UI
4
+ * http://www.semantic-ui.com/
5
+ *
6
+ * Copyright 2014 Contributors
7
+ * Released under the MIT license
8
+ * http://opensource.org/licenses/MIT
9
+ *
10
+ */
11
+ .ui.form{position:relative;max-width:100%}.ui.form>p{margin:1em 0}.ui.form .field,.ui.form .fields .field{clear:both;margin:0 0 1em}.ui.form .field:last-child,.ui.form .fields:last-child{margin-bottom:0}.ui.form .field>label{display:block;margin:0 0 .2857rem;color:rgba(0,0,0,.8);font-size:.9285em;font-weight:700;text-transform:none}.ui.form .grouped.fields>label{margin:0 0 .2857rem;color:rgba(0,0,0,.8);font-weight:700;text-transform:none}.ui.form .inline.fields>label{display:inline-block;vertical-align:middle;margin:0 1em 0 0;color:rgba(0,0,0,.8);font-size:.9285em;font-weight:700;text-transform:none}.ui.form .ui.input,.ui.form input:not([type]),.ui.form input[type=text],.ui.form input[type=email],.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=password],.ui.form input[type=number],.ui.form input[type=url],.ui.form input[type=tel],.ui.form textarea{width:100%;vertical-align:top}.ui.form input:not([type]),.ui.form input[type=text],.ui.form input[type=email],.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=password],.ui.form input[type=number],.ui.form input[type=url],.ui.form input[type=tel]{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;margin:0;outline:0;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0);line-height:1.2142em;padding:.67861em 1em;font-size:1em;background:#fff;border:1px solid rgba(39,41,43,.15);color:rgba(0,0,0,.8);border-radius:.2857rem;box-shadow:0 0 0 0 transparent inset;-webkit-transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease}.ui.form textarea,.ui.textarea{margin:0;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0);padding:.78571em 1em;background:#fff;border:1px solid rgba(39,41,43,.15);outline:0;color:rgba(0,0,0,.8);border-radius:.2857rem;box-shadow:0 0 0 0 transparent inset;-webkit-transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;font-size:1em;height:12em;min-height:8em;max-height:24em;line-height:1.2857;resize:vertical}.ui.form input[type=checkbox],.ui.form textarea{vertical-align:top}.ui.form input.attached{width:auto}.ui.form select{display:block;height:auto;width:100%;background:#fff;border:1px solid rgba(39,41,43,.15);border-radius:.2857rem;box-shadow:0 0 0 0 transparent inset;padding:.62em 1em;color:rgba(0,0,0,.8);-webkit-transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease}.ui.form .field>.selection.dropdown{width:100%}.ui.form .field>.selection.dropdown>.dropdown.icon{float:right}.ui.form .inline.field>.selection.dropdown{width:auto}.ui.form .inline.field>.selection.dropdown>.dropdown.icon{float:none}.ui.form .divider{clear:both;margin:1em 0}.ui.form .error.message,.ui.form .info.message,.ui.form .success.message,.ui.form .warning.message{display:none}.ui.form .message:first-child{margin-top:0}.ui.form .field .prompt.label{white-space:nowrap}.ui.form .inline.field .prompt{margin:0 0 0 1em}.ui.form .inline.field .prompt:before{margin-top:-.3em;bottom:auto;right:auto;top:50%;left:0}.ui.form ::-webkit-input-placeholder{color:rgba(140,140,140,.8)}.ui.form ::-moz-placeholder{color:rgba(140,140,140,.8)}.ui.form :focus::-webkit-input-placeholder{color:rgba(89,89,89,.8)}.ui.form :focus::-moz-placeholder{color:rgba(89,89,89,.8)}.ui.form .error ::-webkit-input-placeholder{color:#e38585}.ui.form .error ::-moz-placeholder{color:#e38585}.ui.form .error :focus::-webkit-input-placeholder{color:#de7171}.ui.form .error :focus::-moz-placeholder{color:#de7171}.ui.form input:not([type]):focus,.ui.form input[type=text]:focus,.ui.form input[type=email]:focus,.ui.form input[type=date]:focus,.ui.form input[type=datetime-local]:focus,.ui.form input[type=password]:focus,.ui.form input[type=number]:focus,.ui.form input[type=url]:focus,.ui.form input[type=tel]:focus{color:rgba(0,0,0,.85);border-color:rgba(39,41,43,.3);border-radius:0 .2857rem .2857rem 0;background:#fff;box-shadow:1px 0 0 0 rgba(39,41,43,.3) inset}.ui.form textarea:focus{color:rgba(0,0,0,.85);border-color:rgba(39,41,43,.3);border-radius:0 .2857rem .2857rem 0;background:#fff;box-shadow:1px 0 0 0 rgba(39,41,43,.3) inset;-webkit-appearance:none}.ui.form.error .error.message,.ui.form.success .success.message,.ui.form.warning .warning.message{display:block}.ui.form .field.error .input,.ui.form .field.error label,.ui.form .fields.error .field .input,.ui.form .fields.error .field label{color:#d95c5c}.ui.form .field.error .corner.label,.ui.form .fields.error .field .corner.label{border-color:#d95c5c;color:#fff}.ui.form .field.error input:not([type]),.ui.form .field.error input[type=text],.ui.form .field.error input[type=email],.ui.form .field.error input[type=date],.ui.form .field.error input[type=datetime-local],.ui.form .field.error input[type=password],.ui.form .field.error input[type=number],.ui.form .field.error input[type=url],.ui.form .field.error input[type=tel],.ui.form .field.error textarea,.ui.form .fields.error .field input:not([type]),.ui.form .fields.error .field input[type=text],.ui.form .fields.error .field input[type=email],.ui.form .fields.error .field input[type=date],.ui.form .fields.error .field input[type=datetime-local],.ui.form .fields.error .field input[type=password],.ui.form .fields.error .field input[type=number],.ui.form .fields.error .field input[type=url],.ui.form .fields.error .field input[type=tel],.ui.form .fields.error .field textarea{background:#fff0f0;border-color:#dbb1b1;color:#d95c5c;border-radius:0 .2857rem .2857rem 0;box-shadow:2px 0 0 0 #d95c5c inset}.ui.form .field.error input:not([type]):focus,.ui.form .field.error input[type=text]:focus,.ui.form .field.error input[type=email]:focus,.ui.form .field.error input[type=date]:focus,.ui.form .field.error input[type=datetime-local]:focus,.ui.form .field.error input[type=password]:focus,.ui.form .field.error input[type=number]:focus,.ui.form .field.error input[type=url]:focus,.ui.form .field.error input[type=tel]:focus,.ui.form .field.error textarea:focus{background:#fff0f0;border-color:#dbb1b1;color:#dc6868;-webkit-appearance:none;box-shadow:2px 0 0 0 #dc6868 inset}.ui.form .field.error .ui.dropdown,.ui.form .field.error .ui.dropdown .item,.ui.form .field.error .ui.dropdown .text,.ui.form .fields.error .field .ui.dropdown,.ui.form .fields.error .field .ui.dropdown .item{background:#fff0f0;color:#d95c5c}.ui.form .field.error .ui.dropdown,.ui.form .field.error .ui.dropdown:hover,.ui.form .fields.error .field .ui.dropdown,.ui.form .fields.error .field .ui.dropdown:hover{border-color:#dbb1b1!important}.ui.form .field.error .ui.dropdown:hover .menu,.ui.form .fields.error .field .ui.dropdown:hover .menu{border-color:#dbb1b1}.ui.form .field.error .ui.dropdown .menu .item:hover,.ui.form .fields.error .field .ui.dropdown .menu .item:hover{background-color:#fff2f2}.ui.form .field.error .ui.dropdown .menu .active.item,.ui.form .fields.error .field .ui.dropdown .menu .active.item{background-color:#fdcfcf!important}.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box,.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label{color:#d95c5c}.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before{background:#fff0f0;border-color:#dbb1b1}.ui.form .field.error .checkbox .box:after,.ui.form .field.error .checkbox label:after,.ui.form .fields.error .field .checkbox .box:after,.ui.form .fields.error .field .checkbox label:after{color:#d95c5c}.ui.form .field :disabled,.ui.form .field.disabled,.ui.form .field.disabled label{opacity:.5}.ui.form .field.disabled :disabled{opacity:1}.ui.loading.form{position:relative;cursor:default;point-events:none;text-shadow:none!important;color:transparent!important;-webkit-transition:all 0s linear;transition:all 0s linear;z-index:100}.ui.loading.form:before{position:absolute;content:'';top:0;left:0;background:rgba(255,255,255,.8);width:100%;height:100%;z-index:100}.ui.loading.form:after{position:absolute;content:'';top:50%;left:50%;margin:-1.5em 0 0 -1.5em;width:3em;height:3em;-webkit-animation:form-spin .6s linear;animation:form-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#aaa rgba(0,0,0,.1) rgba(0,0,0,.1);border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}@-webkit-keyframes form-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes form-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.form .required.field>.checkbox:after,.ui.form .required.field>label:after,.ui.form .required.fields>.field>.checkbox:after,.ui.form .required.fields>.field>label:after{margin:-.2em 0 0 .2em;content:'*';color:#d95c5c}.ui.form .required.field>label:after,.ui.form .required.fields>.field>label:after{display:inline-block;vertical-align:top}.ui.form .required.field>.checkbox:after,.ui.form .required.fields>.field>.checkbox:after{position:absolute;top:0;left:100%}.ui.form .inverted.segment .ui.checkbox .box,.ui.form .inverted.segment .ui.checkbox label,.ui.form .inverted.segment label,.ui.inverted.form .ui.checkbox .box,.ui.inverted.form .ui.checkbox label,.ui.inverted.form label{color:#fff}.ui.form .grouped.fields{margin:0 0 1em}.ui.form .grouped.fields:last-child{margin-bottom:0}.ui.form .grouped.fields>label{font-size:.9285em}.ui.form .grouped.fields .field{display:block;float:none;margin:.5em 0;padding:0}.ui.form .fields{clear:both}.ui.form .fields:after{content:' ';display:block;clear:both;visibility:hidden;line-height:0;height:0}.ui.form .fields>.field{clear:none;float:left;padding-left:.5em;padding-right:.5em}.ui.form .fields>.field:first-child{border-left:none;box-shadow:none}.ui.form .two.fields>.field,.ui.form .two.fields>.fields{width:50%}.ui.form .three.fields>.field,.ui.form .three.fields>.fields{width:33.33333333%}.ui.form .four.fields>.field,.ui.form .four.fields>.fields{width:25%}.ui.form .five.fields>.field,.ui.form .five.fields>.fields{width:20%}.ui.form .six.fields>.field,.ui.form .six.fields>.fields{width:16.66666667%}.ui.form .seven.fields>.field,.ui.form .seven.fields>.fields{width:14.28571429%}.ui.form .eight.fields>.field,.ui.form .eight.fields>.fields{width:12.5%}.ui.form .nine.fields>.field,.ui.form .nine.fields>.fields{width:11.11111111%}.ui.form .ten.fields>.field,.ui.form .ten.fields>.fields{width:10%}@media only screen and (max-width:767px){.ui.form .eight.fields>.field,.ui.form .eight.fields>.fields,.ui.form .five.fields>.field,.ui.form .five.fields>.fields,.ui.form .four.fields>.field,.ui.form .four.fields>.fields,.ui.form .nine.fields>.field,.ui.form .nine.fields>.fields,.ui.form .seven.fields>.field,.ui.form .seven.fields>.fields,.ui.form .six.fields>.field,.ui.form .six.fields>.fields,.ui.form .ten.fields>.field,.ui.form .ten.fields>.fields,.ui.form .three.fields>.field,.ui.form .three.fields>.fields,.ui.form .two.fields>.field,.ui.form .two.fields>.fields{width:100%!important;margin:0 0 1em;padding-left:0;padding-right:0}}.ui.form .fields .field:first-child{padding-left:0}.ui.form .fields .field:last-child{padding-right:0}.ui.form .fields .wide.field{width:6.25%;padding-left:.5em;padding-right:.5em}.ui.form .fields .wide.field:first-child{padding-left:0}.ui.form .fields .wide.field:last-child{padding-right:0}.ui.form .one.wide.field{width:6.25%!important}.ui.form .two.wide.field{width:12.5%!important}.ui.form .three.wide.field{width:18.75%!important}.ui.form .four.wide.field{width:25%!important}.ui.form .five.wide.field{width:31.25%!important}.ui.form .six.wide.field{width:37.5%!important}.ui.form .seven.wide.field{width:43.75%!important}.ui.form .eight.wide.field{width:50%!important}.ui.form .nine.wide.field{width:56.25%!important}.ui.form .ten.wide.field{width:62.5%!important}.ui.form .eleven.wide.field{width:68.75%!important}.ui.form .twelve.wide.field{width:75%!important}.ui.form .thirteen.wide.field{width:81.25%!important}.ui.form .fourteen.wide.field{width:87.5%!important}.ui.form .fifteen.wide.field{width:93.75%!important}.ui.form .sixteen.wide.field{width:100%!important}@media only screen and (max-width:767px){.ui.form .fields>.eight.wide.field,.ui.form .fields>.eleven.wide.field,.ui.form .fields>.fifteen.wide.field,.ui.form .fields>.five.wide.field,.ui.form .fields>.four.wide.field,.ui.form .fields>.fourteen.wide.field,.ui.form .fields>.nine.wide.field,.ui.form .fields>.seven.wide.field,.ui.form .fields>.six.wide.field,.ui.form .fields>.sixteen.wide.field,.ui.form .fields>.ten.wide.field,.ui.form .fields>.thirteen.wide.field,.ui.form .fields>.three.wide.field,.ui.form .fields>.twelve.wide.field,.ui.form .fields>.two.wide.field,.ui.form .five.fields>.field,.ui.form .five.fields>.fields,.ui.form .four.fields>.field,.ui.form .four.fields>.fields,.ui.form .three.fields>.field,.ui.form .three.fields>.fields,.ui.form .two.fields>.field,.ui.form .two.fields>.fields{width:100%!important;margin:0 0 1em;padding-left:0;padding-right:0}}.ui.form .inline.fields{margin:0 0 1em}.ui.form .inline.fields .field{display:inline-block;float:none;margin:0 1em 0 0;padding:0}.ui.form .inline.field>.ui.input,.ui.form .inline.field>input,.ui.form .inline.field>label,.ui.form .inline.field>p,.ui.form .inline.fields .field>.ui.input,.ui.form .inline.fields .field>input,.ui.form .inline.fields .field>label,.ui.form .inline.fields .field>p{display:inline-block;width:auto;margin-top:0;margin-bottom:0;vertical-align:middle;font-size:.9285em}.ui.form .inline.field>.ui.input,.ui.form .inline.field>input,.ui.form .inline.fields .field>.ui.input,.ui.form .inline.fields .field>input{font-size:.9285em}.ui.form .inline.fields .field>.ui.checkbox label{padding-left:1.75em}.ui.form .inline.field>:first-child,.ui.form .inline.fields .field>:first-child{margin:0 .2857rem 0 0}.ui.form .inline.field>:only-child,.ui.form .inline.fields .field>:only-child{margin:0}.ui.small.form{font-size:.875em}.ui.form{font-size:auto}.ui.large.form{font-size:1.125em}.ui.huge.form{font-size:1.2em}
@@ -0,0 +1,11 @@
1
+ /*
2
+ * # Semantic UI - 1.8.1
3
+ * https://github.com/Semantic-Org/Semantic-UI
4
+ * http://www.semantic-ui.com/
5
+ *
6
+ * Copyright 2014 Contributors
7
+ * Released under the MIT license
8
+ * http://opensource.org/licenses/MIT
9
+ *
10
+ */
11
+ !function(e,t,n,i){e.fn.form=function(t,r){var o,a=e(this),s=e.extend(!0,{},e.fn.form.settings,r),l=e.extend({},e.fn.form.settings.defaults,t),c=s.namespace,u=s.metadata,d=s.selector,f=s.className,p=(s.error,"."+c),v="module-"+c,m=a.selector||"",h=(new Date).getTime(),g=[],b=arguments[0],k="string"==typeof b,y=[].slice.call(arguments,1);return a.each(function(){var t,r=e(this),c=e(this).find(d.field),x=e(this).find(d.group),w=e(this).find(d.message),C=(e(this).find(d.prompt),e(this).find(d.submit)),E=e(this).find(d.clear),S=e(this).find(d.reset),F=[],z=!1,R=this,T=r.data(v);t={initialize:function(){t.verbose("Initializing form validation",r,l,s),t.bindEvents(),t.set.defaults(),t.instantiate()},instantiate:function(){t.verbose("Storing instance of module",t),T=t,r.data(v,t)},destroy:function(){t.verbose("Destroying previous module",T),t.removeEvents(),r.removeData(v)},refresh:function(){t.verbose("Refreshing selector cache"),c=r.find(d.field)},submit:function(){t.verbose("Submitting form",r),r.submit()},attachEvents:function(n,i){i=i||"submit",e(n).on("click",function(e){t[i](),e.preventDefault()})},bindEvents:function(){s.keyboardShortcuts&&c.on("keydown"+p,t.event.field.keydown),r.on("submit"+p,t.validate.form),c.on("blur"+p,t.event.field.blur),t.attachEvents(C,"submit"),t.attachEvents(S,"reset"),t.attachEvents(E,"clear"),c.each(function(){var n=e(this).prop("type"),i=t.get.changeEvent(n);e(this).on(i+p,t.event.field.change)})},clear:function(){c.each(function(){var n=e(this),i=n.parent(),r=n.closest(x),o=r.find(d.prompt),a=n.data(u.defaultValue)||"",s=i.is(d.uiCheckbox),l=i.is(d.uiDropdown),c=r.hasClass(f.error);c&&(t.verbose("Resetting error on field",r),r.removeClass(f.error),o.remove()),l?(t.verbose("Resetting dropdown value",i,a),i.dropdown("clear")):s?i.checkbox("uncheck"):(t.verbose("Resetting field value",n,a),n.val(""))})},reset:function(){c.each(function(){var n=e(this),i=n.parent(),r=n.closest(x),o=r.find(d.prompt),a=n.data(u.defaultValue)||"",s=i.is(d.uiCheckbox),l=i.is(d.uiDropdown),c=r.hasClass(f.error);c&&(t.verbose("Resetting error on field",r),r.removeClass(f.error),o.remove()),l?(t.verbose("Resetting dropdown value",i,a),i.dropdown("restore defaults")):s?(t.verbose("Resetting checkbox value",i,a),i.checkbox(a===!0?"check":"uncheck")):(t.verbose("Resetting field value",n,a),n.val(a))})},removeEvents:function(){r.off(p),c.off(p),C.off(p),c.off(p)},event:{field:{keydown:function(n){var i=e(this),r=n.which,o={enter:13,escape:27};r==o.escape&&(t.verbose("Escape key pressed blurring field"),i.blur()),!n.ctrlKey&&r==o.enter&&i.is(d.input)&&i.not(d.checkbox).length>0&&(C.addClass(f.pressed),z||(i.one("keyup"+p,t.event.field.keyup),t.submit(),t.debug("Enter pressed on input submitting form")),z=!0)},keyup:function(){z=!1,C.removeClass(f.pressed)},blur:function(){var n=e(this),i=n.closest(x);i.hasClass(f.error)?(t.debug("Revalidating field",n,t.get.validation(n)),t.validate.field(t.get.validation(n))):("blur"==s.on||"change"==s.on)&&t.validate.field(t.get.validation(n))},change:function(){var n=e(this),i=n.closest(x);("change"==s.on||i.hasClass(f.error)&&s.revalidate)&&(clearTimeout(t.timer),t.timer=setTimeout(function(){t.debug("Revalidating field",n,t.get.validation(n)),t.validate.field(t.get.validation(n))},s.delay))}}},get:{changeEvent:function(e){return"checkbox"==e||"radio"==e||"hidden"==e?"change":t.get.inputEvent()},inputEvent:function(){return n.createElement("input").oninput!==i?"input":n.createElement("input").onpropertychange!==i?"propertychange":"keyup"},field:function(n){return t.verbose("Finding field with identifier",n),c.filter("#"+n).length>0?c.filter("#"+n):c.filter('[name="'+n+'"]').length>0?c.filter('[name="'+n+'"]'):c.filter("[data-"+u.validate+'="'+n+'"]').length>0?c.filter("[data-"+u.validate+'="'+n+'"]'):e("<input/>")},validation:function(n){var i;return e.each(l,function(e,r){t.get.field(r.identifier).get(0)==n.get(0)&&(i=r)}),i||!1},value:function(e){var n,i=[];return i.push(e),n=t.get.values.call(R,i),n[e]},values:function(n){var i={};return e.isArray(n)||(n=c),e.each(n,function(n,r){var o="string"==typeof r?t.get.field(r):e(r),a=(o.prop("type"),o.prop("name")),s=o.val(),l=o.is(d.checkbox),c=o.is(d.radio),u=l?o.is(":checked"):!1;if(a)if(c)u&&(i[a]=s);else if(l){if(!u)return t.debug("Omitted unchecked checkbox",o),!0;i[a]=!0}else i[a]=s}),i}},has:{field:function(e){return t.verbose("Checking for existence of a field with identifier",e),c.filter("#"+e).length>0?!0:c.filter('[name="'+e+'"]').length>0?!0:c.filter("[data-"+u.validate+'="'+e+'"]').length>0?!0:!1}},add:{prompt:function(n,o){var a=t.get.field(n),l=a.closest(x),c=l.children(d.prompt),u=0!==c.length;o="string"==typeof o?[o]:o,t.verbose("Adding field error state",n),l.addClass(f.error),s.inline&&(u||(c=s.templates.prompt(o),c.appendTo(l)),c.html(o[0]),u?t.verbose("Inline errors are disabled, no inline error added",n):s.transition&&e.fn.transition!==i&&r.transition("is supported")?(t.verbose("Displaying error with css transition",s.transition),c.transition(s.transition+" in",s.duration)):(t.verbose("Displaying error with fallback javascript animation"),c.fadeIn(s.duration)))},errors:function(e){t.debug("Adding form error messages",e),w.html(s.templates.error(e))}},remove:{prompt:function(n){var o=t.get.field(n.identifier),a=o.closest(x),l=a.children(d.prompt);a.removeClass(f.error),s.inline&&l.is(":visible")&&(t.verbose("Removing prompt for field",n),s.transition&&e.fn.transition!==i&&r.transition("is supported")?l.transition(s.transition+" out",s.duration,function(){l.remove()}):l.fadeOut(s.duration,function(){l.remove()}))}},set:{success:function(){r.removeClass(f.error).addClass(f.success)},defaults:function(){c.each(function(){var t=e(this),n=t.filter(d.checkbox).length>0,i=n?t.is(":checked"):t.val();t.data(u.defaultValue,i)})},error:function(){r.removeClass(f.success).addClass(f.error)},value:function(e,n){var i={};return i[e]=n,t.set.values.call(R,i)},values:function(n){e.isEmptyObject(n)||(e.each(n,function(e,n){var i=t.get.field(e),r=i.parent(),o=r.is(d.uiCheckbox),a=r.is(d.uiDropdown),s=i.is(d.radio),l=i.length>0;l&&(s&&o?(t.verbose("Selecting radio value",n,i),i.filter('[value="'+n+'"]').parent(d.uiCheckbox).checkbox("check")):o?(t.verbose("Setting checkbox value",n,r),r.checkbox(n===!0?"check":"uncheck")):a?(t.verbose("Setting dropdown value",n,r),r.dropdown("set selected",n)):(t.verbose("Setting field value",n,i),i.val(n)))}),t.validate.form())}},validate:{form:function(n){var o=!0;return z?!1:(F=[],e.each(l,function(e,n){t.validate.field(n)||(o=!1)}),o?(t.debug("Form has no validation errors, submitting"),t.set.success(),s.onSuccess.call(R,n)):(t.debug("Form has errors"),t.set.error(),s.inline||t.add.errors(F),r.data("moduleApi")!==i&&n.stopImmediatePropagation(),s.onFailure.call(R,F)))},field:function(n){var r=t.get.field(n.identifier),o=!0,a=[];return r.prop("disabled")?(t.debug("Field is disabled. Skipping",n.identifier),o=!0):n.optional&&""===e.trim(r.val())?(t.debug("Field is optional and empty. Skipping",n.identifier),o=!0):n.rules!==i&&e.each(n.rules,function(e,i){t.has.field(n.identifier)&&!t.validate.rule(n,i)&&(t.debug("Field is invalid",n.identifier,i.type),a.push(i.prompt),o=!1)}),o?(t.remove.prompt(n,a),s.onValid.call(r),!0):(F=F.concat(a),t.add.prompt(n.identifier,a),s.onInvalid.call(r,a),!1)},rule:function(n,r){var o,a,l=t.get.field(n.identifier),c=r.type,u=e.trim(l.val()+""),d=/\[(.*)\]/i,f=d.exec(c),p=!0;return f!==i&&null!==f?(o=""+f[1],a=c.replace(f[0],""),p=s.rules[a].call(R,u,o)):p=s.rules[c].call(l,u),p}},setting:function(t,n){if(e.isPlainObject(t))e.extend(!0,s,t);else{if(n===i)return s[t];s[t]=n}},internal:function(n,r){if(e.isPlainObject(n))e.extend(!0,t,n);else{if(r===i)return t[n];t[n]=r}},debug:function(){s.debug&&(s.performance?t.performance.log(arguments):(t.debug=Function.prototype.bind.call(console.info,console,s.name+":"),t.debug.apply(console,arguments)))},verbose:function(){s.verbose&&s.debug&&(s.performance?t.performance.log(arguments):(t.verbose=Function.prototype.bind.call(console.info,console,s.name+":"),t.verbose.apply(console,arguments)))},error:function(){t.error=Function.prototype.bind.call(console.error,console,s.name+":"),t.error.apply(console,arguments)},performance:{log:function(e){var n,i,r;s.performance&&(n=(new Date).getTime(),r=h||n,i=n-r,h=n,g.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:R,"Execution Time":i})),clearTimeout(t.performance.timer),t.performance.timer=setTimeout(t.performance.display,100)},display:function(){var n=s.name+":",r=0;h=!1,clearTimeout(t.performance.timer),e.each(g,function(e,t){r+=t["Execution Time"]}),n+=" "+r+"ms",m&&(n+=" '"+m+"'"),a.length>1&&(n+=" ("+a.length+")"),(console.group!==i||console.table!==i)&&g.length>0&&(console.groupCollapsed(n),console.table?console.table(g):e.each(g,function(e,t){console.log(t.Name+": "+t["Execution Time"]+"ms")}),console.groupEnd()),g=[]}},invoke:function(t,n,r){var a,s,l,c=T;return n=n||y,r=R||r,"string"==typeof t&&c!==i&&(t=t.split(/[\. ]/),a=t.length-1,e.each(t,function(n,r){var o=n!=a?r+t[n+1].charAt(0).toUpperCase()+t[n+1].slice(1):t;if(e.isPlainObject(c[o])&&n!=a)c=c[o];else{if(c[o]!==i)return s=c[o],!1;if(!e.isPlainObject(c[r])||n==a)return c[r]!==i?(s=c[r],!1):!1;c=c[r]}})),e.isFunction(s)?l=s.apply(r,n):s!==i&&(l=s),e.isArray(o)?o.push(l):o!==i?o=[o,l]:l!==i&&(o=l),s}},k?(T===i&&t.initialize(),t.invoke(b)):(T!==i&&t.destroy(),t.initialize())}),o!==i?o:this},e.fn.form.settings={name:"Form",namespace:"form",debug:!1,verbose:!0,performance:!0,keyboardShortcuts:!0,on:"submit",inline:!1,delay:200,revalidate:!0,transition:"scale",duration:200,onValid:function(){},onInvalid:function(){},onSuccess:function(){return!0},onFailure:function(){return!1},metadata:{defaultValue:"default",validate:"validate"},selector:{checkbox:'input[type="checkbox"], input[type="radio"]',clear:".clear",field:"input, textarea, select",group:".field",input:"input",message:".error.message",prompt:".prompt.label",radio:'input[type="radio"]',reset:".reset",submit:".submit",uiCheckbox:".ui.checkbox",uiDropdown:".ui.dropdown"},className:{error:"error",label:"ui prompt label",pressed:"down",success:"success"},error:{method:"The method you called is not defined."},templates:{error:function(t){var n='<ul class="list">';return e.each(t,function(e,t){n+="<li>"+t+"</li>"}),n+="</ul>",e(n)},prompt:function(t){return e("<div/>").addClass("ui red pointing prompt label").html(t[0])}},rules:{checked:function(){return e(this).filter(":checked").length>0},contains:function(e,t){return t=t.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&"),-1!==e.search(t)},email:function(e){var t=new RegExp("[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?","i");return t.test(e)},empty:function(e){return!(e===i||""===e)},integer:function(e,t){var n,r,o,a=/^\-?\d+$/;return t===i||""===t||".."===t||(-1==t.indexOf("..")?a.test(t)&&(n=r=t-0):(o=t.split("..",2),a.test(o[0])&&(n=o[0]-0),a.test(o[1])&&(r=o[1]-0))),a.test(e)&&(n===i||e>=n)&&(r===i||r>=e)},is:function(e,t){return e==t},length:function(e,t){return e!==i?e.length>=t:!1},match:function(t,n){var r,o=e(this);return o.find("#"+n).length>0?r=o.find("#"+n).val():o.find('[name="'+n+'"]').length>0?r=o.find('[name="'+n+'"]').val():o.find('[data-validate="'+n+'"]').length>0&&(r=o.find('[data-validate="'+n+'"]').val()),r!==i?t.toString()==r.toString():!1},maxLength:function(e,t){return e!==i?e.length<=t:!1},not:function(e,t){return e!=t},url:function(e){var t=/(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;return t.test(e)}}}}(jQuery,window,document);
@@ -0,0 +1,1816 @@
1
+ /*
2
+ * # Semantic UI - 1.8.1
3
+ * https://github.com/Semantic-Org/Semantic-UI
4
+ * http://www.semantic-ui.com/
5
+ *
6
+ * Copyright 2014 Contributors
7
+ * Released under the MIT license
8
+ * http://opensource.org/licenses/MIT
9
+ *
10
+ */
11
+
12
+
13
+
14
+ /*******************************
15
+ Standard
16
+ *******************************/
17
+
18
+ .ui.grid {
19
+ display: block;
20
+ text-align: left;
21
+ font-size: 0em;
22
+ padding: 0em;
23
+ }
24
+ .ui.grid:after,
25
+ .ui.grid > .row:after {
26
+ content: '';
27
+ display: block;
28
+ height: 0px;
29
+ clear: both;
30
+ visibility: hidden;
31
+ }
32
+
33
+ /*----------------------
34
+ Remove Gutters
35
+ -----------------------*/
36
+
37
+ .ui.grid {
38
+ margin-top: -1rem;
39
+ margin-bottom: -1rem;
40
+ margin-left: -1rem;
41
+ margin-right: -1rem;
42
+ }
43
+ .ui.relaxed.grid {
44
+ margin-left: -1.5rem;
45
+ margin-right: -1.5rem;
46
+ }
47
+ .ui[class*="very relaxed"].grid {
48
+ margin-left: -2.5rem;
49
+ margin-right: -2.5rem;
50
+ }
51
+
52
+ /* Collapse Margins on Consecutive Grids */
53
+ .ui.grid + .grid {
54
+ margin-top: 1rem;
55
+ }
56
+
57
+ /*-------------------
58
+ Columns
59
+ --------------------*/
60
+
61
+
62
+ /* Standard 16 column */
63
+ .ui.grid > .column:not(.row),
64
+ .ui.grid > .row > .column {
65
+ position: relative;
66
+ display: inline-block;
67
+ font-size: 1rem;
68
+ width: 6.25%;
69
+ padding-left: 1rem;
70
+ padding-right: 1rem;
71
+ vertical-align: top;
72
+ }
73
+ .ui.grid > * {
74
+ padding-left: 1rem;
75
+ padding-right: 1rem;
76
+ }
77
+
78
+ /*-------------------
79
+ Rows
80
+ --------------------*/
81
+
82
+ .ui.grid > .row {
83
+ position: relative;
84
+ display: block;
85
+ width: auto !important;
86
+ padding: 0rem;
87
+ font-size: 0rem;
88
+ padding-top: 1rem;
89
+ padding-bottom: 1rem;
90
+ }
91
+
92
+ /*-------------------
93
+ Columns
94
+ --------------------*/
95
+
96
+
97
+ /* Vertical padding when no rows */
98
+ .ui.grid > .column:not(.row) {
99
+ padding-top: 1rem;
100
+ padding-bottom: 1rem;
101
+ }
102
+ .ui.grid > .row > .column {
103
+ margin-top: 0em;
104
+ margin-bottom: 0em;
105
+ }
106
+
107
+ /*-------------------
108
+ Content
109
+ --------------------*/
110
+
111
+ .ui.grid > .row > img,
112
+ .ui.grid > .row > .column > img {
113
+ max-width: 100%;
114
+ }
115
+
116
+ /*-------------------
117
+ Loose Coupling
118
+ --------------------*/
119
+
120
+ .ui.grid .row + .ui.divider {
121
+ margin: 1rem 1rem;
122
+ }
123
+
124
+ /* remove Border on last horizontal segment */
125
+ .ui.grid > .row > .column:last-child > .horizontal.segment,
126
+ .ui.grid > .column:last-child > .horizontal.segment {
127
+ box-shadow: none;
128
+ }
129
+
130
+
131
+ /*******************************
132
+ Variations
133
+ *******************************/
134
+
135
+
136
+ /*-----------------------
137
+ Page Grid
138
+ -------------------------*/
139
+
140
+ .ui.page.grid {
141
+ padding-left: 8%;
142
+ padding-right: 8%;
143
+ width: auto;
144
+ }
145
+
146
+ /* Collapse Margin */
147
+ .ui.grid > .ui.grid:first-child {
148
+ margin-top: 0em;
149
+ }
150
+ .ui.grid > .ui.grid:last-child {
151
+ margin-bottom: 0em;
152
+ }
153
+ @media only screen and (max-width: 767px) {
154
+ .ui.page.grid {
155
+ width: auto;
156
+ padding-left: 0em;
157
+ padding-right: 0em;
158
+ margin-left: 0em;
159
+ margin-right: 0em;
160
+ }
161
+ }
162
+ @media only screen and (min-width: 768px) {
163
+ .ui.page.grid {
164
+ width: auto;
165
+ margin-left: 0em;
166
+ margin-right: 0em;
167
+ padding-left: 4em;
168
+ padding-right: 4em;
169
+ }
170
+ }
171
+ @media only screen and (min-width: 992px) {
172
+ .ui.page.grid {
173
+ width: auto;
174
+ margin-left: 0em;
175
+ margin-right: 0em;
176
+ padding-left: 8%;
177
+ padding-right: 8%;
178
+ }
179
+ }
180
+ @media only screen and (min-width: 1400px) {
181
+ .ui.page.grid {
182
+ width: auto;
183
+ margin-left: 0em;
184
+ margin-right: 0em;
185
+ padding-left: 15%;
186
+ padding-right: 15%;
187
+ }
188
+ }
189
+ @media only screen and (min-width: 1920px) {
190
+ .ui.page.grid {
191
+ width: auto;
192
+ margin-left: 0em;
193
+ margin-right: 0em;
194
+ padding-left: 23%;
195
+ padding-right: 23%;
196
+ }
197
+ }
198
+
199
+ /*-------------------
200
+ Column Count
201
+ --------------------*/
202
+
203
+
204
+ /* Assume full width with one column */
205
+ .ui.grid > .column:only-child,
206
+ .ui.grid > .row > .column:only-child {
207
+ width: 100%;
208
+ }
209
+
210
+ /* Grid Based */
211
+ .ui[class*="one column"].grid > .row > .column,
212
+ .ui[class*="one column"].grid > .column {
213
+ width: 100%;
214
+ }
215
+ .ui[class*="two column"].grid > .row > .column,
216
+ .ui[class*="two column"].grid > .column {
217
+ width: 50%;
218
+ }
219
+ .ui[class*="three column"].grid > .row > .column,
220
+ .ui[class*="three column"].grid > .column {
221
+ width: 33.33333333%;
222
+ }
223
+ .ui[class*="four column"].grid > .row > .column,
224
+ .ui[class*="four column"].grid > .column {
225
+ width: 25%;
226
+ }
227
+ .ui[class*="five column"].grid > .row > .column,
228
+ .ui[class*="five column"].grid > .column {
229
+ width: 20%;
230
+ }
231
+ .ui[class*="six column"].grid > .row > .column,
232
+ .ui[class*="six column"].grid > .column {
233
+ width: 16.66666667%;
234
+ }
235
+ .ui[class*="seven column"].grid > .row > .column,
236
+ .ui[class*="seven column"].grid > .column {
237
+ width: 14.28571429%;
238
+ }
239
+ .ui[class*="eight column"].grid > .row > .column,
240
+ .ui[class*="eight column"].grid > .column {
241
+ width: 12.5%;
242
+ }
243
+ .ui[class*="nine column"].grid > .row > .column,
244
+ .ui[class*="nine column"].grid > .column {
245
+ width: 11.11111111%;
246
+ }
247
+ .ui[class*="ten column"].grid > .row > .column,
248
+ .ui[class*="ten column"].grid > .column {
249
+ width: 10%;
250
+ }
251
+ .ui[class*="eleven column"].grid > .row > .column,
252
+ .ui[class*="eleven column"].grid > .column {
253
+ width: 9.09090909%;
254
+ }
255
+ .ui[class*="twelve column"].grid > .row > .column,
256
+ .ui[class*="twelve column"].grid > .column {
257
+ width: 8.33333333%;
258
+ }
259
+ .ui[class*="thirteen column"].grid > .row > .column,
260
+ .ui[class*="thirteen column"].grid > .column {
261
+ width: 7.69230769%;
262
+ }
263
+ .ui[class*="fourteen column"].grid > .row > .column,
264
+ .ui[class*="fourteen column"].grid > .column {
265
+ width: 7.14285714%;
266
+ }
267
+ .ui[class*="fifteen column"].grid > .row > .column,
268
+ .ui[class*="fifteen column"].grid > .column {
269
+ width: 6.66666667%;
270
+ }
271
+ .ui[class*="sixteen column"].grid > .row > .column,
272
+ .ui[class*="sixteen column"].grid > .column {
273
+ width: 6.25%;
274
+ }
275
+
276
+ /* Row Based Overrides */
277
+ .ui.grid > [class*="one column"].row > .column {
278
+ width: 100% !important;
279
+ }
280
+ .ui.grid > [class*="two column"].row > .column {
281
+ width: 50% !important;
282
+ }
283
+ .ui.grid > [class*="three column"].row > .column {
284
+ width: 33.33333333% !important;
285
+ }
286
+ .ui.grid > [class*="four column"].row > .column {
287
+ width: 25% !important;
288
+ }
289
+ .ui.grid > [class*="five column"].row > .column {
290
+ width: 20% !important;
291
+ }
292
+ .ui.grid > [class*="six column"].row > .column {
293
+ width: 16.66666667% !important;
294
+ }
295
+ .ui.grid > [class*="seven column"].row > .column {
296
+ width: 14.28571429% !important;
297
+ }
298
+ .ui.grid > [class*="eight column"].row > .column {
299
+ width: 12.5% !important;
300
+ }
301
+ .ui.grid > [class*="nine column"].row > .column {
302
+ width: 11.11111111% !important;
303
+ }
304
+ .ui.grid > [class*="ten column"].row > .column {
305
+ width: 10% !important;
306
+ }
307
+ .ui.grid > [class*="eleven column"].row > .column {
308
+ width: 9.09090909% !important;
309
+ }
310
+ .ui.grid > [class*="twelve column"].row > .column {
311
+ width: 8.33333333% !important;
312
+ }
313
+ .ui.grid > [class*="thirteen column"].row > .column {
314
+ width: 7.69230769% !important;
315
+ }
316
+ .ui.grid > [class*="fourteen column"].row > .column {
317
+ width: 7.14285714% !important;
318
+ }
319
+ .ui.grid > [class*="fifteen column"].row > .column {
320
+ width: 6.66666667% !important;
321
+ }
322
+ .ui.grid > [class*="sixteen column"].row > .column {
323
+ width: 6.25% !important;
324
+ }
325
+
326
+ /*-------------------
327
+ Column Width
328
+ --------------------*/
329
+
330
+
331
+ /* Sizing Combinations */
332
+ .ui.grid > .row > [class*="one wide"].column,
333
+ .ui.grid > .column.row > [class*="one wide"].column,
334
+ .ui.grid > [class*="one wide"].column,
335
+ .ui.column.grid > [class*="one wide"].column {
336
+ width: 6.25% !important;
337
+ }
338
+ .ui.grid > .row > [class*="two wide"].column,
339
+ .ui.grid > .column.row > [class*="two wide"].column,
340
+ .ui.grid > [class*="two wide"].column,
341
+ .ui.column.grid > [class*="two wide"].column {
342
+ width: 12.5% !important;
343
+ }
344
+ .ui.grid > .row > [class*="three wide"].column,
345
+ .ui.grid > .column.row > [class*="three wide"].column,
346
+ .ui.grid > [class*="three wide"].column,
347
+ .ui.column.grid > [class*="three wide"].column {
348
+ width: 18.75% !important;
349
+ }
350
+ .ui.grid > .row > [class*="four wide"].column,
351
+ .ui.grid > .column.row > [class*="four wide"].column,
352
+ .ui.grid > [class*="four wide"].column,
353
+ .ui.column.grid > [class*="four wide"].column {
354
+ width: 25% !important;
355
+ }
356
+ .ui.grid > .row > [class*="five wide"].column,
357
+ .ui.grid > .column.row > [class*="five wide"].column,
358
+ .ui.grid > [class*="five wide"].column,
359
+ .ui.column.grid > [class*="five wide"].column {
360
+ width: 31.25% !important;
361
+ }
362
+ .ui.grid > .row > [class*="six wide"].column,
363
+ .ui.grid > .column.row > [class*="six wide"].column,
364
+ .ui.grid > [class*="six wide"].column,
365
+ .ui.column.grid > [class*="six wide"].column {
366
+ width: 37.5% !important;
367
+ }
368
+ .ui.grid > .row > [class*="seven wide"].column,
369
+ .ui.grid > .column.row > [class*="seven wide"].column,
370
+ .ui.grid > [class*="seven wide"].column,
371
+ .ui.column.grid > [class*="seven wide"].column {
372
+ width: 43.75% !important;
373
+ }
374
+ .ui.grid > .row > [class*="eight wide"].column,
375
+ .ui.grid > .column.row > [class*="eight wide"].column,
376
+ .ui.grid > [class*="eight wide"].column,
377
+ .ui.column.grid > [class*="eight wide"].column {
378
+ width: 50% !important;
379
+ }
380
+ .ui.grid > .row > [class*="nine wide"].column,
381
+ .ui.grid > .column.row > [class*="nine wide"].column,
382
+ .ui.grid > [class*="nine wide"].column,
383
+ .ui.column.grid > [class*="nine wide"].column {
384
+ width: 56.25% !important;
385
+ }
386
+ .ui.grid > .row > [class*="ten wide"].column,
387
+ .ui.grid > .column.row > [class*="ten wide"].column,
388
+ .ui.grid > [class*="ten wide"].column,
389
+ .ui.column.grid > [class*="ten wide"].column {
390
+ width: 62.5% !important;
391
+ }
392
+ .ui.grid > .row > [class*="eleven wide"].column,
393
+ .ui.grid > .column.row > [class*="eleven wide"].column,
394
+ .ui.grid > [class*="eleven wide"].column,
395
+ .ui.column.grid > [class*="eleven wide"].column {
396
+ width: 68.75% !important;
397
+ }
398
+ .ui.grid > .row > [class*="twelve wide"].column,
399
+ .ui.grid > .column.row > [class*="twelve wide"].column,
400
+ .ui.grid > [class*="twelve wide"].column,
401
+ .ui.column.grid > [class*="twelve wide"].column {
402
+ width: 75% !important;
403
+ }
404
+ .ui.grid > .row > [class*="thirteen wide"].column,
405
+ .ui.grid > .column.row > [class*="thirteen wide"].column,
406
+ .ui.grid > [class*="thirteen wide"].column,
407
+ .ui.column.grid > [class*="thirteen wide"].column {
408
+ width: 81.25% !important;
409
+ }
410
+ .ui.grid > .row > [class*="fourteen wide"].column,
411
+ .ui.grid > .column.row > [class*="fourteen wide"].column,
412
+ .ui.grid > [class*="fourteen wide"].column,
413
+ .ui.column.grid > [class*="fourteen wide"].column {
414
+ width: 87.5% !important;
415
+ }
416
+ .ui.grid > .row > [class*="fifteen wide"].column,
417
+ .ui.grid > .column.row > [class*="fifteen wide"].column,
418
+ .ui.grid > [class*="fifteen wide"].column,
419
+ .ui.column.grid > [class*="fifteen wide"].column {
420
+ width: 93.75% !important;
421
+ }
422
+ .ui.grid > .row > [class*="sixteen wide"].column,
423
+ .ui.grid > .column.row > [class*="sixteen wide"].column,
424
+ .ui.grid > [class*="sixteen wide"].column,
425
+ .ui.column.grid > [class*="sixteen wide"].column {
426
+ width: 100% !important;
427
+ }
428
+
429
+ /*----------------------
430
+ Width per Device
431
+ -----------------------*/
432
+
433
+
434
+ /* Mobile Sizing Combinations */
435
+ @media only screen and (min-width: 320px) and (max-width: 767px) {
436
+ .ui.grid > .row > [class*="one wide mobile"].column,
437
+ .ui.grid > .column.row > [class*="one wide mobile"].column,
438
+ .ui.grid > [class*="one wide mobile"].column,
439
+ .ui.column.grid > [class*="one wide mobile"].column {
440
+ width: 6.25% !important;
441
+ }
442
+ .ui.grid > .row > [class*="two wide mobile"].column,
443
+ .ui.grid > .column.row > [class*="two wide mobile"].column,
444
+ .ui.grid > [class*="two wide mobile"].column,
445
+ .ui.column.grid > [class*="two wide mobile"].column {
446
+ width: 12.5% !important;
447
+ }
448
+ .ui.grid > .row > [class*="three wide mobile"].column,
449
+ .ui.grid > .column.row > [class*="three wide mobile"].column,
450
+ .ui.grid > [class*="three wide mobile"].column,
451
+ .ui.column.grid > [class*="three wide mobile"].column {
452
+ width: 18.75% !important;
453
+ }
454
+ .ui.grid > .row > [class*="four wide mobile"].column,
455
+ .ui.grid > .column.row > [class*="four wide mobile"].column,
456
+ .ui.grid > [class*="four wide mobile"].column,
457
+ .ui.column.grid > [class*="four wide mobile"].column {
458
+ width: 25% !important;
459
+ }
460
+ .ui.grid > .row > [class*="five wide mobile"].column,
461
+ .ui.grid > .column.row > [class*="five wide mobile"].column,
462
+ .ui.grid > [class*="five wide mobile"].column,
463
+ .ui.column.grid > [class*="five wide mobile"].column {
464
+ width: 31.25% !important;
465
+ }
466
+ .ui.grid > .row > [class*="six wide mobile"].column,
467
+ .ui.grid > .column.row > [class*="six wide mobile"].column,
468
+ .ui.grid > [class*="six wide mobile"].column,
469
+ .ui.column.grid > [class*="six wide mobile"].column {
470
+ width: 37.5% !important;
471
+ }
472
+ .ui.grid > .row > [class*="seven wide mobile"].column,
473
+ .ui.grid > .column.row > [class*="seven wide mobile"].column,
474
+ .ui.grid > [class*="seven wide mobile"].column,
475
+ .ui.column.grid > [class*="seven wide mobile"].column {
476
+ width: 43.75% !important;
477
+ }
478
+ .ui.grid > .row > [class*="eight wide mobile"].column,
479
+ .ui.grid > .column.row > [class*="eight wide mobile"].column,
480
+ .ui.grid > [class*="eight wide mobile"].column,
481
+ .ui.column.grid > [class*="eight wide mobile"].column {
482
+ width: 50% !important;
483
+ }
484
+ .ui.grid > .row > [class*="nine wide mobile"].column,
485
+ .ui.grid > .column.row > [class*="nine wide mobile"].column,
486
+ .ui.grid > [class*="nine wide mobile"].column,
487
+ .ui.column.grid > [class*="nine wide mobile"].column {
488
+ width: 56.25% !important;
489
+ }
490
+ .ui.grid > .row > [class*="ten wide mobile"].column,
491
+ .ui.grid > .column.row > [class*="ten wide mobile"].column,
492
+ .ui.grid > [class*="ten wide mobile"].column,
493
+ .ui.column.grid > [class*="ten wide mobile"].column {
494
+ width: 62.5% !important;
495
+ }
496
+ .ui.grid > .row > [class*="eleven wide mobile"].column,
497
+ .ui.grid > .column.row > [class*="eleven wide mobile"].column,
498
+ .ui.grid > [class*="eleven wide mobile"].column,
499
+ .ui.column.grid > [class*="eleven wide mobile"].column {
500
+ width: 68.75% !important;
501
+ }
502
+ .ui.grid > .row > [class*="twelve wide mobile"].column,
503
+ .ui.grid > .column.row > [class*="twelve wide mobile"].column,
504
+ .ui.grid > [class*="twelve wide mobile"].column,
505
+ .ui.column.grid > [class*="twelve wide mobile"].column {
506
+ width: 75% !important;
507
+ }
508
+ .ui.grid > .row > [class*="thirteen wide mobile"].column,
509
+ .ui.grid > .column.row > [class*="thirteen wide mobile"].column,
510
+ .ui.grid > [class*="thirteen wide mobile"].column,
511
+ .ui.column.grid > [class*="thirteen wide mobile"].column {
512
+ width: 81.25% !important;
513
+ }
514
+ .ui.grid > .row > [class*="fourteen wide mobile"].column,
515
+ .ui.grid > .column.row > [class*="fourteen wide mobile"].column,
516
+ .ui.grid > [class*="fourteen wide mobile"].column,
517
+ .ui.column.grid > [class*="fourteen wide mobile"].column {
518
+ width: 87.5% !important;
519
+ }
520
+ .ui.grid > .row > [class*="fifteen wide mobile"].column,
521
+ .ui.grid > .column.row > [class*="fifteen wide mobile"].column,
522
+ .ui.grid > [class*="fifteen wide mobile"].column,
523
+ .ui.column.grid > [class*="fifteen wide mobile"].column {
524
+ width: 93.75% !important;
525
+ }
526
+ .ui.grid > .row > [class*="sixteen wide mobile"].column,
527
+ .ui.grid > .column.row > [class*="sixteen wide mobile"].column,
528
+ .ui.grid > [class*="sixteen wide mobile"].column,
529
+ .ui.column.grid > [class*="sixteen wide mobile"].column {
530
+ width: 100% !important;
531
+ }
532
+ }
533
+
534
+ /* Tablet Sizing Combinations */
535
+ @media only screen and (min-width: 768px) and (max-width: 991px) {
536
+ .ui.grid > .row > [class*="one wide tablet"].column,
537
+ .ui.grid > .column.row > [class*="one wide tablet"].column,
538
+ .ui.grid > [class*="one wide tablet"].column,
539
+ .ui.column.grid > [class*="one wide tablet"].column {
540
+ width: 6.25% !important;
541
+ }
542
+ .ui.grid > .row > [class*="two wide tablet"].column,
543
+ .ui.grid > .column.row > [class*="two wide tablet"].column,
544
+ .ui.grid > [class*="two wide tablet"].column,
545
+ .ui.column.grid > [class*="two wide tablet"].column {
546
+ width: 12.5% !important;
547
+ }
548
+ .ui.grid > .row > [class*="three wide tablet"].column,
549
+ .ui.grid > .column.row > [class*="three wide tablet"].column,
550
+ .ui.grid > [class*="three wide tablet"].column,
551
+ .ui.column.grid > [class*="three wide tablet"].column {
552
+ width: 18.75% !important;
553
+ }
554
+ .ui.grid > .row > [class*="four wide tablet"].column,
555
+ .ui.grid > .column.row > [class*="four wide tablet"].column,
556
+ .ui.grid > [class*="four wide tablet"].column,
557
+ .ui.column.grid > [class*="four wide tablet"].column {
558
+ width: 25% !important;
559
+ }
560
+ .ui.grid > .row > [class*="five wide tablet"].column,
561
+ .ui.grid > .column.row > [class*="five wide tablet"].column,
562
+ .ui.grid > [class*="five wide tablet"].column,
563
+ .ui.column.grid > [class*="five wide tablet"].column {
564
+ width: 31.25% !important;
565
+ }
566
+ .ui.grid > .row > [class*="six wide tablet"].column,
567
+ .ui.grid > .column.row > [class*="six wide tablet"].column,
568
+ .ui.grid > [class*="six wide tablet"].column,
569
+ .ui.column.grid > [class*="six wide tablet"].column {
570
+ width: 37.5% !important;
571
+ }
572
+ .ui.grid > .row > [class*="seven wide tablet"].column,
573
+ .ui.grid > .column.row > [class*="seven wide tablet"].column,
574
+ .ui.grid > [class*="seven wide tablet"].column,
575
+ .ui.column.grid > [class*="seven wide tablet"].column {
576
+ width: 43.75% !important;
577
+ }
578
+ .ui.grid > .row > [class*="eight wide tablet"].column,
579
+ .ui.grid > .column.row > [class*="eight wide tablet"].column,
580
+ .ui.grid > [class*="eight wide tablet"].column,
581
+ .ui.column.grid > [class*="eight wide tablet"].column {
582
+ width: 50% !important;
583
+ }
584
+ .ui.grid > .row > [class*="nine wide tablet"].column,
585
+ .ui.grid > .column.row > [class*="nine wide tablet"].column,
586
+ .ui.grid > [class*="nine wide tablet"].column,
587
+ .ui.column.grid > [class*="nine wide tablet"].column {
588
+ width: 56.25% !important;
589
+ }
590
+ .ui.grid > .row > [class*="ten wide tablet"].column,
591
+ .ui.grid > .column.row > [class*="ten wide tablet"].column,
592
+ .ui.grid > [class*="ten wide tablet"].column,
593
+ .ui.column.grid > [class*="ten wide tablet"].column {
594
+ width: 62.5% !important;
595
+ }
596
+ .ui.grid > .row > [class*="eleven wide tablet"].column,
597
+ .ui.grid > .column.row > [class*="eleven wide tablet"].column,
598
+ .ui.grid > [class*="eleven wide tablet"].column,
599
+ .ui.column.grid > [class*="eleven wide tablet"].column {
600
+ width: 68.75% !important;
601
+ }
602
+ .ui.grid > .row > [class*="twelve wide tablet"].column,
603
+ .ui.grid > .column.row > [class*="twelve wide tablet"].column,
604
+ .ui.grid > [class*="twelve wide tablet"].column,
605
+ .ui.column.grid > [class*="twelve wide tablet"].column {
606
+ width: 75% !important;
607
+ }
608
+ .ui.grid > .row > [class*="thirteen wide tablet"].column,
609
+ .ui.grid > .column.row > [class*="thirteen wide tablet"].column,
610
+ .ui.grid > [class*="thirteen wide tablet"].column,
611
+ .ui.column.grid > [class*="thirteen wide tablet"].column {
612
+ width: 81.25% !important;
613
+ }
614
+ .ui.grid > .row > [class*="fourteen wide tablet"].column,
615
+ .ui.grid > .column.row > [class*="fourteen wide tablet"].column,
616
+ .ui.grid > [class*="fourteen wide tablet"].column,
617
+ .ui.column.grid > [class*="fourteen wide tablet"].column {
618
+ width: 87.5% !important;
619
+ }
620
+ .ui.grid > .row > [class*="fifteen wide tablet"].column,
621
+ .ui.grid > .column.row > [class*="fifteen wide tablet"].column,
622
+ .ui.grid > [class*="fifteen wide tablet"].column,
623
+ .ui.column.grid > [class*="fifteen wide tablet"].column {
624
+ width: 93.75% !important;
625
+ }
626
+ .ui.grid > .row > [class*="sixteen wide tablet"].column,
627
+ .ui.grid > .column.row > [class*="sixteen wide tablet"].column,
628
+ .ui.grid > [class*="sixteen wide tablet"].column,
629
+ .ui.column.grid > [class*="sixteen wide tablet"].column {
630
+ width: 100% !important;
631
+ }
632
+ }
633
+
634
+ /* Computer/Desktop Sizing Combinations */
635
+ @media only screen and (min-width: 992px) {
636
+ .ui.grid > .row > [class*="one wide computer"].column,
637
+ .ui.grid > .column.row > [class*="one wide computer"].column,
638
+ .ui.grid > [class*="one wide computer"].column,
639
+ .ui.column.grid > [class*="one wide computer"].column {
640
+ width: 6.25% !important;
641
+ }
642
+ .ui.grid > .row > [class*="two wide computer"].column,
643
+ .ui.grid > .column.row > [class*="two wide computer"].column,
644
+ .ui.grid > [class*="two wide computer"].column,
645
+ .ui.column.grid > [class*="two wide computer"].column {
646
+ width: 12.5% !important;
647
+ }
648
+ .ui.grid > .row > [class*="three wide computer"].column,
649
+ .ui.grid > .column.row > [class*="three wide computer"].column,
650
+ .ui.grid > [class*="three wide computer"].column,
651
+ .ui.column.grid > [class*="three wide computer"].column {
652
+ width: 18.75% !important;
653
+ }
654
+ .ui.grid > .row > [class*="four wide computer"].column,
655
+ .ui.grid > .column.row > [class*="four wide computer"].column,
656
+ .ui.grid > [class*="four wide computer"].column,
657
+ .ui.column.grid > [class*="four wide computer"].column {
658
+ width: 25% !important;
659
+ }
660
+ .ui.grid > .row > [class*="five wide computer"].column,
661
+ .ui.grid > .column.row > [class*="five wide computer"].column,
662
+ .ui.grid > [class*="five wide computer"].column,
663
+ .ui.column.grid > [class*="five wide computer"].column {
664
+ width: 31.25% !important;
665
+ }
666
+ .ui.grid > .row > [class*="six wide computer"].column,
667
+ .ui.grid > .column.row > [class*="six wide computer"].column,
668
+ .ui.grid > [class*="six wide computer"].column,
669
+ .ui.column.grid > [class*="six wide computer"].column {
670
+ width: 37.5% !important;
671
+ }
672
+ .ui.grid > .row > [class*="seven wide computer"].column,
673
+ .ui.grid > .column.row > [class*="seven wide computer"].column,
674
+ .ui.grid > [class*="seven wide computer"].column,
675
+ .ui.column.grid > [class*="seven wide computer"].column {
676
+ width: 43.75% !important;
677
+ }
678
+ .ui.grid > .row > [class*="eight wide computer"].column,
679
+ .ui.grid > .column.row > [class*="eight wide computer"].column,
680
+ .ui.grid > [class*="eight wide computer"].column,
681
+ .ui.column.grid > [class*="eight wide computer"].column {
682
+ width: 50% !important;
683
+ }
684
+ .ui.grid > .row > [class*="nine wide computer"].column,
685
+ .ui.grid > .column.row > [class*="nine wide computer"].column,
686
+ .ui.grid > [class*="nine wide computer"].column,
687
+ .ui.column.grid > [class*="nine wide computer"].column {
688
+ width: 56.25% !important;
689
+ }
690
+ .ui.grid > .row > [class*="ten wide computer"].column,
691
+ .ui.grid > .column.row > [class*="ten wide computer"].column,
692
+ .ui.grid > [class*="ten wide computer"].column,
693
+ .ui.column.grid > [class*="ten wide computer"].column {
694
+ width: 62.5% !important;
695
+ }
696
+ .ui.grid > .row > [class*="eleven wide computer"].column,
697
+ .ui.grid > .column.row > [class*="eleven wide computer"].column,
698
+ .ui.grid > [class*="eleven wide computer"].column,
699
+ .ui.column.grid > [class*="eleven wide computer"].column {
700
+ width: 68.75% !important;
701
+ }
702
+ .ui.grid > .row > [class*="twelve wide computer"].column,
703
+ .ui.grid > .column.row > [class*="twelve wide computer"].column,
704
+ .ui.grid > [class*="twelve wide computer"].column,
705
+ .ui.column.grid > [class*="twelve wide computer"].column {
706
+ width: 75% !important;
707
+ }
708
+ .ui.grid > .row > [class*="thirteen wide computer"].column,
709
+ .ui.grid > .column.row > [class*="thirteen wide computer"].column,
710
+ .ui.grid > [class*="thirteen wide computer"].column,
711
+ .ui.column.grid > [class*="thirteen wide computer"].column {
712
+ width: 81.25% !important;
713
+ }
714
+ .ui.grid > .row > [class*="fourteen wide computer"].column,
715
+ .ui.grid > .column.row > [class*="fourteen wide computer"].column,
716
+ .ui.grid > [class*="fourteen wide computer"].column,
717
+ .ui.column.grid > [class*="fourteen wide computer"].column {
718
+ width: 87.5% !important;
719
+ }
720
+ .ui.grid > .row > [class*="fifteen wide computer"].column,
721
+ .ui.grid > .column.row > [class*="fifteen wide computer"].column,
722
+ .ui.grid > [class*="fifteen wide computer"].column,
723
+ .ui.column.grid > [class*="fifteen wide computer"].column {
724
+ width: 93.75% !important;
725
+ }
726
+ .ui.grid > .row > [class*="sixteen wide computer"].column,
727
+ .ui.grid > .column.row > [class*="sixteen wide computer"].column,
728
+ .ui.grid > [class*="sixteen wide computer"].column,
729
+ .ui.column.grid > [class*="sixteen wide computer"].column {
730
+ width: 100% !important;
731
+ }
732
+ }
733
+
734
+ /* Large Monitor Sizing Combinations */
735
+ @media only screen and (min-width: 1400px) and (max-width: 1919px) {
736
+ .ui.grid > .row > [class*="one wide large screen"].column,
737
+ .ui.grid > .column.row > [class*="one wide large screen"].column,
738
+ .ui.grid > [class*="one wide large screen"].column,
739
+ .ui.column.grid > [class*="one wide large screen"].column {
740
+ width: 6.25% !important;
741
+ }
742
+ .ui.grid > .row > [class*="two wide large screen"].column,
743
+ .ui.grid > .column.row > [class*="two wide large screen"].column,
744
+ .ui.grid > [class*="two wide large screen"].column,
745
+ .ui.column.grid > [class*="two wide large screen"].column {
746
+ width: 12.5% !important;
747
+ }
748
+ .ui.grid > .row > [class*="three wide large screen"].column,
749
+ .ui.grid > .column.row > [class*="three wide large screen"].column,
750
+ .ui.grid > [class*="three wide large screen"].column,
751
+ .ui.column.grid > [class*="three wide large screen"].column {
752
+ width: 18.75% !important;
753
+ }
754
+ .ui.grid > .row > [class*="four wide large screen"].column,
755
+ .ui.grid > .column.row > [class*="four wide large screen"].column,
756
+ .ui.grid > [class*="four wide large screen"].column,
757
+ .ui.column.grid > [class*="four wide large screen"].column {
758
+ width: 25% !important;
759
+ }
760
+ .ui.grid > .row > [class*="five wide large screen"].column,
761
+ .ui.grid > .column.row > [class*="five wide large screen"].column,
762
+ .ui.grid > [class*="five wide large screen"].column,
763
+ .ui.column.grid > [class*="five wide large screen"].column {
764
+ width: 31.25% !important;
765
+ }
766
+ .ui.grid > .row > [class*="six wide large screen"].column,
767
+ .ui.grid > .column.row > [class*="six wide large screen"].column,
768
+ .ui.grid > [class*="six wide large screen"].column,
769
+ .ui.column.grid > [class*="six wide large screen"].column {
770
+ width: 37.5% !important;
771
+ }
772
+ .ui.grid > .row > [class*="seven wide large screen"].column,
773
+ .ui.grid > .column.row > [class*="seven wide large screen"].column,
774
+ .ui.grid > [class*="seven wide large screen"].column,
775
+ .ui.column.grid > [class*="seven wide large screen"].column {
776
+ width: 43.75% !important;
777
+ }
778
+ .ui.grid > .row > [class*="eight wide large screen"].column,
779
+ .ui.grid > .column.row > [class*="eight wide large screen"].column,
780
+ .ui.grid > [class*="eight wide large screen"].column,
781
+ .ui.column.grid > [class*="eight wide large screen"].column {
782
+ width: 50% !important;
783
+ }
784
+ .ui.grid > .row > [class*="nine wide large screen"].column,
785
+ .ui.grid > .column.row > [class*="nine wide large screen"].column,
786
+ .ui.grid > [class*="nine wide large screen"].column,
787
+ .ui.column.grid > [class*="nine wide large screen"].column {
788
+ width: 56.25% !important;
789
+ }
790
+ .ui.grid > .row > [class*="ten wide large screen"].column,
791
+ .ui.grid > .column.row > [class*="ten wide large screen"].column,
792
+ .ui.grid > [class*="ten wide large screen"].column,
793
+ .ui.column.grid > [class*="ten wide large screen"].column {
794
+ width: 62.5% !important;
795
+ }
796
+ .ui.grid > .row > [class*="eleven wide large screen"].column,
797
+ .ui.grid > .column.row > [class*="eleven wide large screen"].column,
798
+ .ui.grid > [class*="eleven wide large screen"].column,
799
+ .ui.column.grid > [class*="eleven wide large screen"].column {
800
+ width: 68.75% !important;
801
+ }
802
+ .ui.grid > .row > [class*="twelve wide large screen"].column,
803
+ .ui.grid > .column.row > [class*="twelve wide large screen"].column,
804
+ .ui.grid > [class*="twelve wide large screen"].column,
805
+ .ui.column.grid > [class*="twelve wide large screen"].column {
806
+ width: 75% !important;
807
+ }
808
+ .ui.grid > .row > [class*="thirteen wide large screen"].column,
809
+ .ui.grid > .column.row > [class*="thirteen wide large screen"].column,
810
+ .ui.grid > [class*="thirteen wide large screen"].column,
811
+ .ui.column.grid > [class*="thirteen wide large screen"].column {
812
+ width: 81.25% !important;
813
+ }
814
+ .ui.grid > .row > [class*="fourteen wide large screen"].column,
815
+ .ui.grid > .column.row > [class*="fourteen wide large screen"].column,
816
+ .ui.grid > [class*="fourteen wide large screen"].column,
817
+ .ui.column.grid > [class*="fourteen wide large screen"].column {
818
+ width: 87.5% !important;
819
+ }
820
+ .ui.grid > .row > [class*="fifteen wide large screen"].column,
821
+ .ui.grid > .column.row > [class*="fifteen wide large screen"].column,
822
+ .ui.grid > [class*="fifteen wide large screen"].column,
823
+ .ui.column.grid > [class*="fifteen wide large screen"].column {
824
+ width: 93.75% !important;
825
+ }
826
+ .ui.grid > .row > [class*="sixteen wide large screen"].column,
827
+ .ui.grid > .column.row > [class*="sixteen wide large screen"].column,
828
+ .ui.grid > [class*="sixteen wide large screen"].column,
829
+ .ui.column.grid > [class*="sixteen wide large screen"].column {
830
+ width: 100% !important;
831
+ }
832
+ }
833
+
834
+ /* Widescreen Sizing Combinations */
835
+ @media only screen and (min-width: 1920px) {
836
+ .ui.grid > .row > [class*="one wide widescreen"].column,
837
+ .ui.grid > .column.row > [class*="one wide widescreen"].column,
838
+ .ui.grid > [class*="one wide widescreen"].column,
839
+ .ui.column.grid > [class*="one wide widescreen"].column {
840
+ width: 6.25% !important;
841
+ }
842
+ .ui.grid > .row > [class*="two wide widescreen"].column,
843
+ .ui.grid > .column.row > [class*="two wide widescreen"].column,
844
+ .ui.grid > [class*="two wide widescreen"].column,
845
+ .ui.column.grid > [class*="two wide widescreen"].column {
846
+ width: 12.5% !important;
847
+ }
848
+ .ui.grid > .row > [class*="three wide widescreen"].column,
849
+ .ui.grid > .column.row > [class*="three wide widescreen"].column,
850
+ .ui.grid > [class*="three wide widescreen"].column,
851
+ .ui.column.grid > [class*="three wide widescreen"].column {
852
+ width: 18.75% !important;
853
+ }
854
+ .ui.grid > .row > [class*="four wide widescreen"].column,
855
+ .ui.grid > .column.row > [class*="four wide widescreen"].column,
856
+ .ui.grid > [class*="four wide widescreen"].column,
857
+ .ui.column.grid > [class*="four wide widescreen"].column {
858
+ width: 25% !important;
859
+ }
860
+ .ui.grid > .row > [class*="five wide widescreen"].column,
861
+ .ui.grid > .column.row > [class*="five wide widescreen"].column,
862
+ .ui.grid > [class*="five wide widescreen"].column,
863
+ .ui.column.grid > [class*="five wide widescreen"].column {
864
+ width: 31.25% !important;
865
+ }
866
+ .ui.grid > .row > [class*="six wide widescreen"].column,
867
+ .ui.grid > .column.row > [class*="six wide widescreen"].column,
868
+ .ui.grid > [class*="six wide widescreen"].column,
869
+ .ui.column.grid > [class*="six wide widescreen"].column {
870
+ width: 37.5% !important;
871
+ }
872
+ .ui.grid > .row > [class*="seven wide widescreen"].column,
873
+ .ui.grid > .column.row > [class*="seven wide widescreen"].column,
874
+ .ui.grid > [class*="seven wide widescreen"].column,
875
+ .ui.column.grid > [class*="seven wide widescreen"].column {
876
+ width: 43.75% !important;
877
+ }
878
+ .ui.grid > .row > [class*="eight wide widescreen"].column,
879
+ .ui.grid > .column.row > [class*="eight wide widescreen"].column,
880
+ .ui.grid > [class*="eight wide widescreen"].column,
881
+ .ui.column.grid > [class*="eight wide widescreen"].column {
882
+ width: 50% !important;
883
+ }
884
+ .ui.grid > .row > [class*="nine wide widescreen"].column,
885
+ .ui.grid > .column.row > [class*="nine wide widescreen"].column,
886
+ .ui.grid > [class*="nine wide widescreen"].column,
887
+ .ui.column.grid > [class*="nine wide widescreen"].column {
888
+ width: 56.25% !important;
889
+ }
890
+ .ui.grid > .row > [class*="ten wide widescreen"].column,
891
+ .ui.grid > .column.row > [class*="ten wide widescreen"].column,
892
+ .ui.grid > [class*="ten wide widescreen"].column,
893
+ .ui.column.grid > [class*="ten wide widescreen"].column {
894
+ width: 62.5% !important;
895
+ }
896
+ .ui.grid > .row > [class*="eleven wide widescreen"].column,
897
+ .ui.grid > .column.row > [class*="eleven wide widescreen"].column,
898
+ .ui.grid > [class*="eleven wide widescreen"].column,
899
+ .ui.column.grid > [class*="eleven wide widescreen"].column {
900
+ width: 68.75% !important;
901
+ }
902
+ .ui.grid > .row > [class*="twelve wide widescreen"].column,
903
+ .ui.grid > .column.row > [class*="twelve wide widescreen"].column,
904
+ .ui.grid > [class*="twelve wide widescreen"].column,
905
+ .ui.column.grid > [class*="twelve wide widescreen"].column {
906
+ width: 75% !important;
907
+ }
908
+ .ui.grid > .row > [class*="thirteen wide widescreen"].column,
909
+ .ui.grid > .column.row > [class*="thirteen wide widescreen"].column,
910
+ .ui.grid > [class*="thirteen wide widescreen"].column,
911
+ .ui.column.grid > [class*="thirteen wide widescreen"].column {
912
+ width: 81.25% !important;
913
+ }
914
+ .ui.grid > .row > [class*="fourteen wide widescreen"].column,
915
+ .ui.grid > .column.row > [class*="fourteen wide widescreen"].column,
916
+ .ui.grid > [class*="fourteen wide widescreen"].column,
917
+ .ui.column.grid > [class*="fourteen wide widescreen"].column {
918
+ width: 87.5% !important;
919
+ }
920
+ .ui.grid > .row > [class*="fifteen wide widescreen"].column,
921
+ .ui.grid > .column.row > [class*="fifteen wide widescreen"].column,
922
+ .ui.grid > [class*="fifteen wide widescreen"].column,
923
+ .ui.column.grid > [class*="fifteen wide widescreen"].column {
924
+ width: 93.75% !important;
925
+ }
926
+ .ui.grid > .row > [class*="sixteen wide widescreen"].column,
927
+ .ui.grid > .column.row > [class*="sixteen wide widescreen"].column,
928
+ .ui.grid > [class*="sixteen wide widescreen"].column,
929
+ .ui.column.grid > [class*="sixteen wide widescreen"].column {
930
+ width: 100% !important;
931
+ }
932
+ }
933
+
934
+ /*----------------------
935
+ Centered
936
+ -----------------------*/
937
+
938
+ .ui.centered.grid,
939
+ .ui.centered.grid > .row,
940
+ .ui.grid > .centered.row {
941
+ text-align: center;
942
+ }
943
+ .ui.centered.grid > .column:not(.aligned):not(.row),
944
+ .ui.centered.grid > .row > .column:not(.aligned),
945
+ .ui.centered.grid > .row:not(.centered),
946
+ .ui.grid .centered.row > .column:not(.aligned) {
947
+ text-align: left;
948
+ }
949
+ .ui.grid > .centered.column,
950
+ .ui.grid > .row > .centered.column {
951
+ display: block;
952
+ margin-left: auto;
953
+ margin-right: auto;
954
+ }
955
+
956
+ /*----------------------
957
+ Relaxed
958
+ -----------------------*/
959
+
960
+ .ui.relaxed.grid > .column:not(.row),
961
+ .ui.relaxed.grid > .row > .column,
962
+ .ui.grid > .relaxed.row > .column {
963
+ padding-left: 1.5rem;
964
+ padding-right: 1.5rem;
965
+ }
966
+ .ui[class*="very relaxed"].grid > .column:not(.row),
967
+ .ui[class*="very relaxed"].grid > .row > .column,
968
+ .ui.grid > [class*="very relaxed"].row > .column {
969
+ padding-left: 2.5rem;
970
+ padding-right: 2.5rem;
971
+ }
972
+
973
+ /* Coupling with UI Divider */
974
+ .ui.relaxed.grid .row + .ui.divider,
975
+ .ui.grid .relaxed.row + .ui.divider {
976
+ margin-left: 1.5rem;
977
+ margin-right: 1.5rem;
978
+ }
979
+ .ui[class*="very relaxed"].grid .row + .ui.divider,
980
+ .ui.grid [class*="very relaxed"].row + .ui.divider {
981
+ margin-left: 2.5rem;
982
+ margin-right: 2.5rem;
983
+ }
984
+
985
+ /*----------------------
986
+ Padded
987
+ -----------------------*/
988
+
989
+ .ui.padded.grid:not(.vertically):not(.horizontally) {
990
+ margin: 0em !important;
991
+ }
992
+ [class*="horizontally padded"].ui.grid {
993
+ margin-left: 0em !important;
994
+ margin-right: 0em !important;
995
+ }
996
+ [class*="vertically padded"].ui.grid {
997
+ margin-top: 0em !important;
998
+ margin-bottom: 0em !important;
999
+ }
1000
+
1001
+ /*----------------------
1002
+ "Floated"
1003
+ -----------------------*/
1004
+
1005
+ .ui.grid [class*="left floated"].column {
1006
+ float: left;
1007
+ }
1008
+ .ui.grid [class*="right floated"].column {
1009
+ float: right;
1010
+ }
1011
+
1012
+ /*----------------------
1013
+ Divided
1014
+ -----------------------*/
1015
+
1016
+ .ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
1017
+ .ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
1018
+ box-shadow: -1px 0px 0px 0px rgba(39, 41, 43, 0.15);
1019
+ }
1020
+
1021
+ /* Swap from padding to margin on columns to have dividers align */
1022
+ .ui[class*="vertically divided"].grid > .column:not(.row),
1023
+ .ui[class*="vertically divided"].grid > .row > .column {
1024
+ margin-top: 1rem;
1025
+ margin-bottom: 1rem;
1026
+ padding-top: 0rem;
1027
+ padding-bottom: 0rem;
1028
+ }
1029
+ .ui[class*="vertically divided"].grid > .row {
1030
+ margin-top: 0em;
1031
+ margin-bottom: 0em;
1032
+ padding-top: 0em;
1033
+ padding-bottom: 0em;
1034
+ }
1035
+
1036
+ /* No divider on first column on row */
1037
+ .ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,
1038
+ .ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
1039
+ box-shadow: none;
1040
+ }
1041
+
1042
+ /* Divided Row */
1043
+ .ui.grid > .divided.row > .column {
1044
+ box-shadow: -1px 0px 0px 0px rgba(39, 41, 43, 0.15);
1045
+ }
1046
+ .ui.grid > .divided.row > .column:first-child {
1047
+ box-shadow: none;
1048
+ }
1049
+
1050
+ /* Vertically Divided */
1051
+ .ui[class*="vertically divided"].grid > .row {
1052
+ position: relative;
1053
+ }
1054
+ .ui[class*="vertically divided"].grid > .row:before {
1055
+ position: absolute;
1056
+ content: "";
1057
+ top: 0em;
1058
+ left: 0px;
1059
+ width: -webkit-calc(100% - 2rem );
1060
+ width: calc(100% - 2rem );
1061
+ height: 1px;
1062
+ margin: 0% 1rem;
1063
+ box-shadow: 0px -1px 0px 0px rgba(39, 41, 43, 0.15);
1064
+ }
1065
+
1066
+ /* Padded Horizontally Divided */
1067
+ [class*="horizontally padded"].ui.divided.grid,
1068
+ .ui.padded.divided.grid:not(.vertically):not(.horizontally) {
1069
+ width: 100%;
1070
+ }
1071
+
1072
+ /* First Row Vertically Divided */
1073
+ .ui[class*="vertically divided"].grid > .row:first-child:before {
1074
+ box-shadow: none;
1075
+ }
1076
+
1077
+ /* Inverted Divided */
1078
+ .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
1079
+ .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
1080
+ box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.2);
1081
+ }
1082
+ .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,
1083
+ .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
1084
+ box-shadow: none;
1085
+ }
1086
+ .ui.inverted[class*="vertically divided"].grid > .row:before {
1087
+ box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.2);
1088
+ }
1089
+
1090
+ /* Relaxed */
1091
+ .ui.relaxed[class*="vertically divided"].grid > .row:before {
1092
+ margin-left: 1.5rem;
1093
+ margin-right: 1.5rem;
1094
+ width: -webkit-calc(100% - 3rem );
1095
+ width: calc(100% - 3rem );
1096
+ }
1097
+ .ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before {
1098
+ margin-left: 5rem;
1099
+ margin-right: 5rem;
1100
+ width: -webkit-calc(100% - 5rem );
1101
+ width: calc(100% - 5rem );
1102
+ }
1103
+
1104
+ /*----------------------
1105
+ Celled
1106
+ -----------------------*/
1107
+
1108
+ .ui.celled.grid {
1109
+ display: table;
1110
+ table-layout: fixed;
1111
+ width: 100%;
1112
+ margin: 1em 0em;
1113
+ box-shadow: 0px 0px 0px 1px #d4d4d5;
1114
+ }
1115
+ .ui.celled.grid > .row,
1116
+ .ui.celled.grid > .column.row,
1117
+ .ui.celled.grid > .column.row:first-child {
1118
+ display: table;
1119
+ table-layout: fixed;
1120
+ width: 100% !important;
1121
+ margin: 0em;
1122
+ padding: 0em;
1123
+ box-shadow: 0px -1px 0px 0px #d4d4d5;
1124
+ }
1125
+ .ui.celled.grid > .column:not(.row),
1126
+ .ui.celled.grid > .row > .column {
1127
+ display: table-cell;
1128
+ box-shadow: -1px 0px 0px 0px #d4d4d5;
1129
+ }
1130
+ .ui.celled.grid > .column:first-child,
1131
+ .ui.celled.grid > .row > .column:first-child {
1132
+ box-shadow: none;
1133
+ }
1134
+ .ui.celled.page.grid {
1135
+ box-shadow: none;
1136
+ }
1137
+ .ui.celled.grid > .column:not(.row),
1138
+ .ui.celled.grid > .row > .column {
1139
+ padding: 0.75em;
1140
+ }
1141
+ .ui.relaxed.celled.grid > .column:not(.row),
1142
+ .ui.relaxed.celled.grid > .row > .column {
1143
+ padding: 1em;
1144
+ }
1145
+ .ui[class*="very relaxed"].celled.grid > .column:not(.row),
1146
+ .ui[class*="very relaxed"].celled.grid > .row > .column {
1147
+ padding: 2em;
1148
+ }
1149
+
1150
+ /* Internally Celled */
1151
+ .ui[class*="internally celled"].grid {
1152
+ box-shadow: none;
1153
+ }
1154
+ .ui[class*="internally celled"].grid > .row:first-child {
1155
+ box-shadow: none;
1156
+ }
1157
+ .ui[class*="internally celled"].grid > .row > .column:first-child {
1158
+ box-shadow: none;
1159
+ }
1160
+
1161
+ /*----------------------
1162
+ Horizontally Centered
1163
+ -----------------------*/
1164
+
1165
+
1166
+ /* Left Aligned */
1167
+ .ui[class*="left aligned"].grid,
1168
+ .ui[class*="left aligned"].grid > .row > .column,
1169
+ .ui[class*="left aligned"].grid > .column,
1170
+ .ui.grid [class*="left aligned"].column,
1171
+ .ui.grid > [class*="left aligned"].row > .column {
1172
+ text-align: left;
1173
+ }
1174
+ .ui.grid [class*="left aligned"].column {
1175
+ text-align: left !important;
1176
+ }
1177
+
1178
+ /* Center Aligned */
1179
+ .ui[class*="center aligned"].grid,
1180
+ .ui[class*="center aligned"].grid > .row > .column,
1181
+ .ui[class*="center aligned"].grid > .column,
1182
+ .ui.grid > [class*="center aligned"].row > .column {
1183
+ text-align: center;
1184
+ }
1185
+ .ui.grid [class*="center aligned"].column {
1186
+ text-align: center !important;
1187
+ }
1188
+
1189
+ /* Right Aligned */
1190
+ .ui[class*="right aligned"].grid,
1191
+ .ui[class*="right aligned"].grid > .row > .column,
1192
+ .ui[class*="right aligned"].grid > .column,
1193
+ .ui.grid > [class*="right aligned"].row > .column {
1194
+ text-align: right;
1195
+ }
1196
+ .ui.grid [class*="right aligned"].column {
1197
+ text-align: right !important;
1198
+ }
1199
+
1200
+ /* Justified */
1201
+ .ui.justified.grid,
1202
+ .ui.justified.grid > .row > .column,
1203
+ .ui.justified.grid > .column,
1204
+ .ui.grid .justified.column,
1205
+ .ui.grid > .justified.row > .column {
1206
+ text-align: justify;
1207
+ -webkit-hyphens: auto;
1208
+ -moz-hyphens: auto;
1209
+ -ms-hyphens: auto;
1210
+ hyphens: auto;
1211
+ }
1212
+ .ui.grid .justified.column {
1213
+ text-align: justify !important;
1214
+ -webkit-hyphens: auto !important;
1215
+ -moz-hyphens: auto !important;
1216
+ -ms-hyphens: auto !important;
1217
+ hyphens: auto !important;
1218
+ }
1219
+
1220
+ /*----------------------
1221
+ Vertically Aligned
1222
+ -----------------------*/
1223
+
1224
+
1225
+ /* Top Aligned */
1226
+ .ui[class*="top aligned"].grid,
1227
+ .ui[class*="top aligned"].grid > .row > .column,
1228
+ .ui[class*="top aligned"].grid > .column,
1229
+ .ui.grid [class*="top aligned"].column,
1230
+ .ui.grid > [class*="top aligned"].row > .column {
1231
+ vertical-align: top;
1232
+ }
1233
+ .ui.grid [class*="top aligned"].column {
1234
+ vertical-align: top !important;
1235
+ }
1236
+
1237
+ /* Middle Aligned */
1238
+ .ui[class*="middle aligned"].grid,
1239
+ .ui[class*="middle aligned"].grid > .row > .column,
1240
+ .ui[class*="middle aligned"].grid > .column,
1241
+ .ui.grid > [class*="middle aligned"].row > .column {
1242
+ vertical-align: middle;
1243
+ -webkit-box-align: center;
1244
+ -webkit-align-items: center;
1245
+ -ms-flex-align: center;
1246
+ align-items: center;
1247
+ }
1248
+ .ui.grid [class*="middle aligned"].column {
1249
+ vertical-align: middle !important;
1250
+ }
1251
+
1252
+ /* Bottom Aligned */
1253
+ .ui[class*="bottom aligned"].grid,
1254
+ .ui[class*="bottom aligned"].grid > .row > .column,
1255
+ .ui[class*="bottom aligned"].grid > .column,
1256
+ .ui.grid > [class*="bottom aligned"].row > .column {
1257
+ vertical-align: bottom;
1258
+ -webkit-box-align: end;
1259
+ -webkit-align-items: flex-end;
1260
+ -ms-flex-align: end;
1261
+ align-items: flex-end;
1262
+ }
1263
+ .ui.grid [class*="bottom aligned"].column {
1264
+ vertical-align: bottom !important;
1265
+ }
1266
+
1267
+ /*----------------------
1268
+ Colored
1269
+ -----------------------*/
1270
+
1271
+ .ui.grid > .white.row,
1272
+ .ui.grid .white.column {
1273
+ background-color: #ffffff !important;
1274
+ color: rgba(0, 0, 0, 0.8);
1275
+ }
1276
+ .ui.grid > .row > .white.column {
1277
+ margin-top: -1rem;
1278
+ margin-bottom: -1rem;
1279
+ padding-top: 1rem;
1280
+ padding-bottom: 1rem;
1281
+ }
1282
+ .ui.grid > .black.row,
1283
+ .ui.grid .black.column {
1284
+ background-color: #1b1c1d !important;
1285
+ color: #ffffff;
1286
+ }
1287
+ .ui.grid > .row > .black.column {
1288
+ margin-top: -1rem;
1289
+ margin-bottom: -1rem;
1290
+ padding-top: 1rem;
1291
+ padding-bottom: 1rem;
1292
+ }
1293
+ .ui.grid > .blue.row,
1294
+ .ui.grid .blue.column {
1295
+ background-color: #3b83c0 !important;
1296
+ color: #ffffff;
1297
+ }
1298
+ .ui.grid > .row > .blue.column {
1299
+ margin-top: -1rem;
1300
+ margin-bottom: -1rem;
1301
+ padding-top: 1rem;
1302
+ padding-bottom: 1rem;
1303
+ }
1304
+ .ui.grid > .green.row,
1305
+ .ui.grid .green.column {
1306
+ background-color: #5bbd72 !important;
1307
+ color: #ffffff;
1308
+ }
1309
+ .ui.grid > .row > .green.column {
1310
+ margin-top: -1rem;
1311
+ margin-bottom: -1rem;
1312
+ padding-top: 1rem;
1313
+ padding-bottom: 1rem;
1314
+ }
1315
+ .ui.grid > .orange.row,
1316
+ .ui.grid .orange.column {
1317
+ background-color: #e07b53 !important;
1318
+ color: #ffffff;
1319
+ }
1320
+ .ui.grid > .row > .orange.column {
1321
+ margin-top: -1rem;
1322
+ margin-bottom: -1rem;
1323
+ padding-top: 1rem;
1324
+ padding-bottom: 1rem;
1325
+ }
1326
+ .ui.grid > .pink.row,
1327
+ .ui.grid .pink.column {
1328
+ background-color: #d9499a !important;
1329
+ color: #ffffff;
1330
+ }
1331
+ .ui.grid > .row > .pink.column {
1332
+ margin-top: -1rem;
1333
+ margin-bottom: -1rem;
1334
+ padding-top: 1rem;
1335
+ padding-bottom: 1rem;
1336
+ }
1337
+ .ui.grid > .purple.row,
1338
+ .ui.grid .purple.column {
1339
+ background-color: #564f8a !important;
1340
+ color: #ffffff;
1341
+ }
1342
+ .ui.grid > .row > .purple.column {
1343
+ margin-top: -1rem;
1344
+ margin-bottom: -1rem;
1345
+ padding-top: 1rem;
1346
+ padding-bottom: 1rem;
1347
+ }
1348
+ .ui.grid > .red.row,
1349
+ .ui.grid .red.column {
1350
+ background-color: #d95c5c !important;
1351
+ color: #ffffff;
1352
+ }
1353
+ .ui.grid > .row > .red.column {
1354
+ margin-top: -1rem;
1355
+ margin-bottom: -1rem;
1356
+ padding-top: 1rem;
1357
+ padding-bottom: 1rem;
1358
+ }
1359
+ .ui.grid > .teal.row,
1360
+ .ui.grid .teal.column {
1361
+ background-color: #00b5ad !important;
1362
+ color: #ffffff;
1363
+ }
1364
+ .ui.grid > .row > .teal.column {
1365
+ margin-top: -1rem;
1366
+ margin-bottom: -1rem;
1367
+ padding-top: 1rem;
1368
+ padding-bottom: 1rem;
1369
+ }
1370
+ .ui.grid > .yellow.row,
1371
+ .ui.grid .yellow.column {
1372
+ background-color: #f2c61f !important;
1373
+ color: #ffffff;
1374
+ }
1375
+ .ui.grid > .row > .yellow.column {
1376
+ margin-top: -1rem;
1377
+ margin-bottom: -1rem;
1378
+ padding-top: 1rem;
1379
+ padding-bottom: 1rem;
1380
+ }
1381
+
1382
+ /*----------------------
1383
+ Equal Width
1384
+ -----------------------*/
1385
+
1386
+ .ui[class*="equal width"].grid {
1387
+ display: table;
1388
+ table-layout: fixed;
1389
+ }
1390
+ .ui[class*="equal width"].grid > .row,
1391
+ .ui.grid > [class*="equal width"].row {
1392
+ display: table;
1393
+ table-layout: fixed;
1394
+ width: 100% !important;
1395
+ }
1396
+ .ui[class*="equal width"].grid > .column,
1397
+ .ui[class*="equal width"].grid > .row > .column,
1398
+ .ui.grid > [class*="equal width"].row > .column {
1399
+ display: table-cell;
1400
+ }
1401
+
1402
+ /* Flexbox (Experimental / Overrides Where Supported) */
1403
+ .ui[class*="equal width"].grid {
1404
+ display: -webkit-box;
1405
+ display: -webkit-flex;
1406
+ display: -ms-flexbox;
1407
+ display: flex;
1408
+ -webkit-box-orient: vertical;
1409
+ -webkit-box-direction: normal;
1410
+ -webkit-flex-direction: column;
1411
+ -ms-flex-direction: column;
1412
+ flex-direction: column;
1413
+ }
1414
+ .ui[class*="equal width"].grid > .row,
1415
+ .ui.grid > [class*="equal width"].row {
1416
+ display: -webkit-box;
1417
+ display: -webkit-flex;
1418
+ display: -ms-flexbox;
1419
+ display: flex;
1420
+ -webkit-box-orient: horizontal;
1421
+ -webkit-box-direction: normal;
1422
+ -webkit-flex-direction: row;
1423
+ -ms-flex-direction: row;
1424
+ flex-direction: row;
1425
+ -webkit-box-align: stretch;
1426
+ -webkit-align-items: stretch;
1427
+ -ms-flex-align: stretch;
1428
+ align-items: stretch;
1429
+ }
1430
+ .ui[class*="equal width"].grid > .column,
1431
+ .ui[class*="equal width"].grid > .row > .column,
1432
+ .ui.grid > [class*="equal width"].row > .column {
1433
+ display: inline-block;
1434
+ -webkit-box-orient: vertical;
1435
+ -webkit-box-direction: normal;
1436
+ -webkit-flex-direction: column;
1437
+ -ms-flex-direction: column;
1438
+ flex-direction: column;
1439
+ -webkit-box-flex: 1;
1440
+ -webkit-flex: 1 0 auto;
1441
+ -ms-flex: 1 0 auto;
1442
+ flex: 1 0 auto;
1443
+ }
1444
+
1445
+ /*----------------------
1446
+ Equal Height Columns
1447
+ -----------------------*/
1448
+
1449
+ .ui[class*="equal height"].grid {
1450
+ display: table;
1451
+ table-layout: fixed;
1452
+ }
1453
+ .ui[class*="equal height"].grid > .row,
1454
+ .ui.grid > [class*="equal height"].row {
1455
+ display: table;
1456
+ table-layout: fixed;
1457
+ width: 100% !important;
1458
+ }
1459
+ .ui[class*="equal height"].grid > .column,
1460
+ .ui[class*="equal height"].grid > .row > .column,
1461
+ .ui.grid > [class*="equal height"].row > .column {
1462
+ display: table-cell;
1463
+ }
1464
+
1465
+ /* Flexbox (Experimental / Overrides Where Supported) */
1466
+ .ui[class*="equal height"].grid,
1467
+ .ui[class*="equal height"].grid > .row,
1468
+ .ui.grid > [class*="equal height"].row {
1469
+ display: -webkit-box;
1470
+ display: -webkit-flex;
1471
+ display: -ms-flexbox;
1472
+ display: flex;
1473
+ -webkit-box-orient: horizontal;
1474
+ -webkit-box-direction: normal;
1475
+ -webkit-flex-direction: row;
1476
+ -ms-flex-direction: row;
1477
+ flex-direction: row;
1478
+ -webkit-box-align: stretch;
1479
+ -webkit-align-items: stretch;
1480
+ -ms-flex-align: stretch;
1481
+ align-items: stretch;
1482
+ }
1483
+ .ui[class*="equal height"].grid > .column,
1484
+ .ui[class*="equal height"].grid > .row > .column,
1485
+ .ui.grid > [class*="equal height"].row > .column {
1486
+ display: inline-block;
1487
+ -webkit-box-orient: vertical;
1488
+ -webkit-box-direction: normal;
1489
+ -webkit-flex-direction: column;
1490
+ -ms-flex-direction: column;
1491
+ flex-direction: column;
1492
+ -webkit-box-flex: 1;
1493
+ -webkit-flex: 1 0 auto;
1494
+ -ms-flex: 1 0 auto;
1495
+ flex: 1 0 auto;
1496
+ }
1497
+
1498
+ /*-------------------
1499
+ Doubling
1500
+ --------------------*/
1501
+
1502
+
1503
+ /* Tablet Only */
1504
+ @media only screen and (min-width: 768px) and (max-width: 991px) {
1505
+ .ui.doubling.grid {
1506
+ width: 100% !important;
1507
+ }
1508
+ .ui.grid > .doubling.row,
1509
+ .ui.doubling.grid > .row {
1510
+ margin: 0em !important;
1511
+ padding: 0em !important;
1512
+ }
1513
+ .ui.grid > .doubling.row > .column,
1514
+ .ui.doubling.grid > .row > .column {
1515
+ display: inline-block !important;
1516
+ padding-top: 1rem !important;
1517
+ padding-bottom: 1rem !important;
1518
+ margin: 0em;
1519
+ }
1520
+ .ui[class*="two column"].doubling.grid > .row > .column,
1521
+ .ui[class*="two column"].doubling.grid > .column,
1522
+ .ui.grid > [class*="two column"].doubling.row > .column {
1523
+ width: 100% !important;
1524
+ }
1525
+ .ui[class*="three column"].doubling.grid > .row > .column,
1526
+ .ui[class*="three column"].doubling.grid > .column,
1527
+ .ui.grid > [class*="three column"].doubling.row > .column {
1528
+ width: 50% !important;
1529
+ }
1530
+ .ui[class*="four column"].doubling.grid > .row > .column,
1531
+ .ui[class*="four column"].doubling.grid > .column,
1532
+ .ui.grid > [class*="four column"].doubling.row > .column {
1533
+ width: 50% !important;
1534
+ }
1535
+ .ui[class*="five column"].doubling.grid > .row > .column,
1536
+ .ui[class*="five column"].doubling.grid > .column,
1537
+ .ui.grid > [class*="five column"].doubling.row > .column {
1538
+ width: 33.33333333% !important;
1539
+ }
1540
+ .ui[class*="six column"].doubling.grid > .row > .column,
1541
+ .ui[class*="six column"].doubling.grid > .column,
1542
+ .ui.grid > [class*="six column"].doubling.row > .column {
1543
+ width: 33.33333333% !important;
1544
+ }
1545
+ .ui[class*="seven column"].doubling.grid > .row > .column,
1546
+ .ui[class*="seven column"].doubling.grid > .column,
1547
+ .ui.grid > [class*="seven column"].doubling.row > .column {
1548
+ width: 33.33333333% !important;
1549
+ }
1550
+ .ui[class*="eight column"].doubling.grid > .row > .column,
1551
+ .ui[class*="eight column"].doubling.grid > .column,
1552
+ .ui.grid > [class*="eight column"].doubling.row > .column {
1553
+ width: 25% !important;
1554
+ }
1555
+ .ui[class*="nine column"].doubling.grid > .row > .column,
1556
+ .ui[class*="nine column"].doubling.grid > .column,
1557
+ .ui.grid > [class*="nine column"].doubling.row > .column {
1558
+ width: 25% !important;
1559
+ }
1560
+ .ui[class*="ten column"].doubling.grid > .row > .column,
1561
+ .ui[class*="ten column"].doubling.grid > .column,
1562
+ .ui.grid > [class*="ten column"].doubling.row > .column {
1563
+ width: 20% !important;
1564
+ }
1565
+ .ui[class*="eleven column"].doubling.grid > .row > .column,
1566
+ .ui[class*="eleven column"].doubling.grid > .column,
1567
+ .ui.grid > [class*="eleven column"].doubling.row > .column {
1568
+ width: 20% !important;
1569
+ }
1570
+ .ui[class*="twelve column"].doubling.grid > .row > .column,
1571
+ .ui[class*="twelve column"].doubling.grid > .column,
1572
+ .ui.grid > [class*="twelve column"].doubling.row > .column {
1573
+ width: 16.66666667% !important;
1574
+ }
1575
+ .ui[class*="thirteen column"].doubling.grid > .row > .column,
1576
+ .ui[class*="thirteen column"].doubling.grid > .column,
1577
+ .ui.grid > [class*="thirteen column"].doubling.row > .column {
1578
+ width: 16.66666667% !important;
1579
+ }
1580
+ .ui[class*="fourteen column"].doubling.grid > .row > .column,
1581
+ .ui[class*="fourteen column"].doubling.grid > .column,
1582
+ .ui.grid > [class*="fourteen column"].doubling.row > .column {
1583
+ width: 14.28571429% !important;
1584
+ }
1585
+ .ui[class*="fifteen column"].doubling.grid > .row > .column,
1586
+ .ui[class*="fifteen column"].doubling.grid > .column,
1587
+ .ui.grid > [class*="fifteen column"].doubling.row > .column {
1588
+ width: 14.28571429% !important;
1589
+ }
1590
+ .ui[class*="sixteen column"].doubling.grid > .row > .column,
1591
+ .ui[class*="sixteen column"].doubling.grid > .column,
1592
+ .ui.grid > [class*="sixteen column"].doubling.row > .column {
1593
+ width: 12.5% !important;
1594
+ }
1595
+ }
1596
+
1597
+ /* Mobily Only */
1598
+ @media only screen and (max-width: 767px) {
1599
+ .ui.grid > .doubling.row,
1600
+ .ui.doubling.grid > .row {
1601
+ display: block !important;
1602
+ margin: 0em !important;
1603
+ padding: 0em !important;
1604
+ }
1605
+ .ui.grid > .doubling.row > .column,
1606
+ .ui.doubling.grid > .row > .column {
1607
+ display: inline-block !important;
1608
+ padding-top: 1rem !important;
1609
+ padding-bottom: 1rem !important;
1610
+ margin: 0em !important;
1611
+ }
1612
+ .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column,
1613
+ .ui[class*="two column"].doubling:not(.stackable).grid > .column,
1614
+ .ui.grid > [class*="two column"].doubling:not(.stackable).row > .column {
1615
+ width: 100% !important;
1616
+ }
1617
+ .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column,
1618
+ .ui[class*="three column"].doubling:not(.stackable).grid > .column,
1619
+ .ui.grid > [class*="three column"].doubling:not(.stackable).row > .column {
1620
+ width: 50% !important;
1621
+ }
1622
+ .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column,
1623
+ .ui[class*="four column"].doubling:not(.stackable).grid > .column,
1624
+ .ui.grid > [class*="four column"].doubling:not(.stackable).row > .column {
1625
+ width: 50% !important;
1626
+ }
1627
+ .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column,
1628
+ .ui[class*="five column"].doubling:not(.stackable).grid > .column,
1629
+ .ui.grid > [class*="five column"].doubling:not(.stackable).row > .column {
1630
+ width: 50% !important;
1631
+ }
1632
+ .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column,
1633
+ .ui[class*="six column"].doubling:not(.stackable).grid > .column,
1634
+ .ui.grid > [class*="six column"].doubling:not(.stackable).row > .column {
1635
+ width: 50% !important;
1636
+ }
1637
+ .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column,
1638
+ .ui[class*="seven column"].doubling:not(.stackable).grid > .column,
1639
+ .ui.grid > [class*="seven column"].doubling:not(.stackable).row > .column {
1640
+ width: 50% !important;
1641
+ }
1642
+ .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column,
1643
+ .ui[class*="eight column"].doubling:not(.stackable).grid > .column,
1644
+ .ui.grid > [class*="eight column"].doubling:not(.stackable).row > .column {
1645
+ width: 50% !important;
1646
+ }
1647
+ .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column,
1648
+ .ui[class*="nine column"].doubling:not(.stackable).grid > .column,
1649
+ .ui.grid > [class*="nine column"].doubling:not(.stackable).row > .column {
1650
+ width: 33.33333333% !important;
1651
+ }
1652
+ .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column,
1653
+ .ui[class*="ten column"].doubling:not(.stackable).grid > .column,
1654
+ .ui.grid > [class*="ten column"].doubling:not(.stackable).row > .column {
1655
+ width: 33.33333333% !important;
1656
+ }
1657
+ .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column,
1658
+ .ui[class*="eleven column"].doubling:not(.stackable).grid > .column,
1659
+ .ui.grid > [class*="eleven column"].doubling:not(.stackable).row > .column {
1660
+ width: 33.33333333% !important;
1661
+ }
1662
+ .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column,
1663
+ .ui[class*="twelve column"].doubling:not(.stackable).grid > .column,
1664
+ .ui.grid > [class*="twelve column"].doubling:not(.stackable).row > .column {
1665
+ width: 33.33333333% !important;
1666
+ }
1667
+ .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column,
1668
+ .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column,
1669
+ .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row > .column {
1670
+ width: 33.33333333% !important;
1671
+ }
1672
+ .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column,
1673
+ .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column,
1674
+ .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row > .column {
1675
+ width: 25% !important;
1676
+ }
1677
+ .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column,
1678
+ .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column,
1679
+ .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row > .column {
1680
+ width: 25% !important;
1681
+ }
1682
+ .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column,
1683
+ .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column,
1684
+ .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row > .column {
1685
+ width: 25% !important;
1686
+ }
1687
+ }
1688
+
1689
+ /*-------------------
1690
+ Stackable
1691
+ --------------------*/
1692
+
1693
+ @media only screen and (max-width: 767px) {
1694
+ .ui.stackable.grid {
1695
+ display: block !important;
1696
+ width: auto;
1697
+ margin-left: -1rem !important;
1698
+ margin-right: -1rem !important;
1699
+ padding: 0em;
1700
+ }
1701
+ .ui.stackable.grid > .row > .wide.column,
1702
+ .ui.stackable.grid > .wide.column,
1703
+ .ui.stackable.grid > .column.grid > .column,
1704
+ .ui.stackable.grid > .column.row > .column,
1705
+ .ui.stackable.grid > .row > .column,
1706
+ .ui.stackable.grid > .column:not(.row) {
1707
+ display: block !important;
1708
+ width: auto !important;
1709
+ margin: 0em 0em !important;
1710
+ box-shadow: none !important;
1711
+ padding: 1rem 1rem !important;
1712
+ }
1713
+ .ui.stackable.grid > .row {
1714
+ margin: 0em;
1715
+ padding: 0em;
1716
+ }
1717
+ .ui.stackable.page.grid {
1718
+ margin-left: 0em !important;
1719
+ margin-right: 0em !important;
1720
+ }
1721
+
1722
+ /* Equal Height Stackable */
1723
+ .ui[class*="equal height"].stackable.page.grid {
1724
+ display: block !important;
1725
+ }
1726
+
1727
+ /* Divided Stackable */
1728
+ .ui.stackable.divided.grid > .row:first-child > .column:first-child,
1729
+ .ui.stackable.celled.grid > .row:first-child > .column:first-child,
1730
+ .ui.stackable.divided.grid > .column:not(.row):first-child,
1731
+ .ui.stackable.celled.grid > .column:not(.row):first-child {
1732
+ border-top: none !important;
1733
+ }
1734
+ .ui.inverted.stackable.celled.grid > .column:not(.row),
1735
+ .ui.inverted.stackable.divided.grid > .column:not(.row),
1736
+ .ui.inverted.stackable.celled.grid > .row > .column,
1737
+ .ui.inverted.stackable.divided.grid > .row > .column {
1738
+ border-top: 1px solid rgba(255, 255, 255, 0.2);
1739
+ }
1740
+ .ui.stackable.celled.grid > .column:not(.row),
1741
+ .ui.stackable.divided.grid > .column:not(.row),
1742
+ .ui.stackable.celled.grid > .row > .column,
1743
+ .ui.stackable.divided.grid > .row > .column {
1744
+ border-top: 1px solid rgba(39, 41, 43, 0.15);
1745
+ box-shadow: none !important;
1746
+ padding-top: 2rem !important;
1747
+ padding-bottom: 2rem !important;
1748
+ }
1749
+ }
1750
+
1751
+ /*----------------------
1752
+ Only (Device)
1753
+ -----------------------*/
1754
+
1755
+
1756
+ /* These include arbitrary class repetitions for forced specificity */
1757
+
1758
+ /* Mobile Only Hide */
1759
+ @media only screen and (max-width: 767px) {
1760
+ .ui.tablet:not(.mobile).only.grid.grid.grid,
1761
+ .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
1762
+ .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
1763
+ .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) {
1764
+ display: none !important;
1765
+ }
1766
+ .ui[class*="computer only"].grid.grid.grid:not(.mobile),
1767
+ .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile),
1768
+ .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile),
1769
+ .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) {
1770
+ display: none !important;
1771
+ }
1772
+ }
1773
+
1774
+ /* Tablet Only Hide */
1775
+ @media only screen and (min-width: 768px) and (max-width: 991px) {
1776
+ .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
1777
+ .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
1778
+ .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
1779
+ .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) {
1780
+ display: none !important;
1781
+ }
1782
+ .ui[class*="computer only"].grid.grid.grid:not(.tablet),
1783
+ .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet),
1784
+ .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet),
1785
+ .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) {
1786
+ display: none !important;
1787
+ }
1788
+ }
1789
+
1790
+ /* Computer Only Hide */
1791
+ @media only screen and (min-width: 992px) {
1792
+ .ui[class*="mobile only"].grid.grid.grid:not(.computer),
1793
+ .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
1794
+ .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
1795
+ .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
1796
+ display: none !important;
1797
+ }
1798
+ .ui[class*="tablet only"].grid.grid.grid:not(.computer),
1799
+ .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
1800
+ .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
1801
+ .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
1802
+ display: none !important;
1803
+ }
1804
+ }
1805
+
1806
+
1807
+ /*******************************
1808
+ Theme Overrides
1809
+ *******************************/
1810
+
1811
+
1812
+
1813
+ /*******************************
1814
+ Site Overrides
1815
+ *******************************/
1816
+