volt-semantic-ui 0.0.2 → 0.0.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (155) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +0 -0
  3. data/Gemfile +0 -0
  4. data/LICENSE.txt +0 -0
  5. data/README.md +0 -0
  6. data/Rakefile +0 -0
  7. data/app/semanticui/assets/css/semantic.min.css +3 -3
  8. data/app/semanticui/assets/css/themes/basic/assets/fonts/icons.eot +0 -0
  9. data/app/semanticui/assets/css/themes/basic/assets/fonts/icons.svg +0 -0
  10. data/app/semanticui/assets/css/themes/basic/assets/fonts/icons.ttf +0 -0
  11. data/app/semanticui/assets/css/themes/basic/assets/fonts/icons.woff +0 -0
  12. data/app/semanticui/assets/css/themes/default/assets/fonts/icons.eot +0 -0
  13. data/app/semanticui/assets/css/themes/default/assets/fonts/icons.otf +0 -0
  14. data/app/semanticui/assets/css/themes/default/assets/fonts/icons.svg +526 -465
  15. data/app/semanticui/assets/css/themes/default/assets/fonts/icons.ttf +0 -0
  16. data/app/semanticui/assets/css/themes/default/assets/fonts/icons.woff +0 -0
  17. data/app/semanticui/assets/css/themes/default/assets/fonts/icons.woff2 +0 -0
  18. data/app/semanticui/assets/css/themes/default/assets/images/flags.png +0 -0
  19. data/app/semanticui/assets/js/components/accordion.css +256 -0
  20. data/app/semanticui/assets/js/components/accordion.js +578 -0
  21. data/app/semanticui/assets/js/components/accordion.min.css +10 -0
  22. data/app/semanticui/assets/js/components/accordion.min.js +11 -0
  23. data/app/semanticui/assets/js/components/ad.css +276 -0
  24. data/app/semanticui/assets/js/components/ad.min.css +10 -0
  25. data/app/semanticui/assets/js/components/api.js +871 -0
  26. data/app/semanticui/assets/js/components/api.min.js +11 -0
  27. data/app/semanticui/assets/js/components/breadcrumb.css +124 -0
  28. data/app/semanticui/assets/js/components/breadcrumb.min.css +10 -0
  29. data/app/semanticui/assets/js/components/button.css +2391 -0
  30. data/app/semanticui/assets/js/components/button.min.css +10 -0
  31. data/app/semanticui/assets/js/components/card.css +909 -0
  32. data/app/semanticui/assets/js/components/card.min.css +10 -0
  33. data/app/semanticui/assets/js/components/checkbox.css +513 -0
  34. data/app/semanticui/assets/js/components/checkbox.js +509 -0
  35. data/app/semanticui/assets/js/components/checkbox.min.css +10 -0
  36. data/app/semanticui/assets/js/components/checkbox.min.js +11 -0
  37. data/app/semanticui/assets/js/components/comment.css +259 -0
  38. data/app/semanticui/assets/js/components/comment.min.css +10 -0
  39. data/app/semanticui/assets/js/components/dimmer.css +186 -0
  40. data/app/semanticui/assets/js/components/dimmer.js +669 -0
  41. data/app/semanticui/assets/js/components/dimmer.min.css +10 -0
  42. data/app/semanticui/assets/js/components/dimmer.min.js +11 -0
  43. data/app/semanticui/assets/js/components/divider.css +241 -0
  44. data/app/semanticui/assets/js/components/divider.min.css +10 -0
  45. data/app/semanticui/assets/js/components/dropdown.css +1103 -0
  46. data/app/semanticui/assets/js/components/dropdown.js +1795 -0
  47. data/app/semanticui/assets/js/components/dropdown.min.css +10 -0
  48. data/app/semanticui/assets/js/components/dropdown.min.js +11 -0
  49. data/app/semanticui/assets/js/components/feed.css +276 -0
  50. data/app/semanticui/assets/js/components/feed.min.css +10 -0
  51. data/app/semanticui/assets/js/components/flag.css +1024 -0
  52. data/app/semanticui/assets/js/components/flag.min.css +10 -0
  53. data/app/semanticui/assets/js/components/form.css +891 -0
  54. data/app/semanticui/assets/js/components/form.js +1118 -0
  55. data/app/semanticui/assets/js/components/form.min.css +10 -0
  56. data/app/semanticui/assets/js/components/form.min.js +11 -0
  57. data/app/semanticui/assets/js/components/grid.css +1871 -0
  58. data/app/semanticui/assets/js/components/grid.min.css +10 -0
  59. data/app/semanticui/assets/js/components/header.css +596 -0
  60. data/app/semanticui/assets/js/components/header.min.css +10 -0
  61. data/app/semanticui/assets/js/components/icon.css +2467 -0
  62. data/app/semanticui/assets/js/components/icon.min.css +10 -0
  63. data/app/semanticui/assets/js/components/image.css +288 -0
  64. data/app/semanticui/assets/js/components/image.min.css +10 -0
  65. data/app/semanticui/assets/js/components/input.css +439 -0
  66. data/app/semanticui/assets/js/components/input.min.css +10 -0
  67. data/app/semanticui/assets/js/components/item.css +456 -0
  68. data/app/semanticui/assets/js/components/item.min.css +10 -0
  69. data/app/semanticui/assets/js/components/label.css +963 -0
  70. data/app/semanticui/assets/js/components/label.min.css +10 -0
  71. data/app/semanticui/assets/js/components/list.css +878 -0
  72. data/app/semanticui/assets/js/components/list.min.css +10 -0
  73. data/app/semanticui/assets/js/components/loader.css +284 -0
  74. data/app/semanticui/assets/js/components/loader.min.css +10 -0
  75. data/app/semanticui/assets/js/components/menu.css +1608 -0
  76. data/app/semanticui/assets/js/components/menu.min.css +10 -0
  77. data/app/semanticui/assets/js/components/message.css +421 -0
  78. data/app/semanticui/assets/js/components/message.min.css +10 -0
  79. data/app/semanticui/assets/js/components/modal.css +432 -0
  80. data/app/semanticui/assets/js/components/modal.js +860 -0
  81. data/app/semanticui/assets/js/components/modal.min.css +10 -0
  82. data/app/semanticui/assets/js/components/modal.min.js +11 -0
  83. data/app/semanticui/assets/js/components/nag.css +148 -0
  84. data/app/semanticui/assets/js/components/nag.js +477 -0
  85. data/app/semanticui/assets/js/components/nag.min.css +10 -0
  86. data/app/semanticui/assets/js/components/nag.min.js +11 -0
  87. data/app/semanticui/assets/js/components/popup.css +293 -0
  88. data/app/semanticui/assets/js/components/popup.js +1224 -0
  89. data/app/semanticui/assets/js/components/popup.min.css +10 -0
  90. data/app/semanticui/assets/js/components/popup.min.js +11 -0
  91. data/app/semanticui/assets/js/components/progress.css +461 -0
  92. data/app/semanticui/assets/js/components/progress.js +785 -0
  93. data/app/semanticui/assets/js/components/progress.min.css +10 -0
  94. data/app/semanticui/assets/js/components/progress.min.js +11 -0
  95. data/app/semanticui/assets/js/components/rail.css +124 -0
  96. data/app/semanticui/assets/js/components/rail.min.css +10 -0
  97. data/app/semanticui/assets/js/components/rating.css +251 -0
  98. data/app/semanticui/assets/js/components/rating.js +451 -0
  99. data/app/semanticui/assets/js/components/rating.min.css +10 -0
  100. data/app/semanticui/assets/js/components/rating.min.js +11 -0
  101. data/app/semanticui/assets/js/components/reset.css +429 -0
  102. data/app/semanticui/assets/js/components/reset.min.css +10 -0
  103. data/app/semanticui/assets/js/components/reveal.css +293 -0
  104. data/app/semanticui/assets/js/components/reveal.min.css +10 -0
  105. data/app/semanticui/assets/js/components/search.css +329 -0
  106. data/app/semanticui/assets/js/components/search.js +1096 -0
  107. data/app/semanticui/assets/js/components/search.min.css +10 -0
  108. data/app/semanticui/assets/js/components/search.min.js +11 -0
  109. data/app/semanticui/assets/js/components/segment.css +635 -0
  110. data/app/semanticui/assets/js/components/segment.min.css +10 -0
  111. data/app/semanticui/assets/js/components/shape.css +154 -0
  112. data/app/semanticui/assets/js/components/shape.js +830 -0
  113. data/app/semanticui/assets/js/components/shape.min.css +10 -0
  114. data/app/semanticui/assets/js/components/shape.min.js +11 -0
  115. data/app/semanticui/assets/js/components/sidebar.css +625 -0
  116. data/app/semanticui/assets/js/components/sidebar.js +1089 -0
  117. data/app/semanticui/assets/js/components/sidebar.min.css +10 -0
  118. data/app/semanticui/assets/js/components/sidebar.min.js +11 -0
  119. data/app/semanticui/assets/js/components/site.css +160 -0
  120. data/app/semanticui/assets/js/components/site.js +487 -0
  121. data/app/semanticui/assets/js/components/site.min.css +10 -0
  122. data/app/semanticui/assets/js/components/site.min.js +11 -0
  123. data/app/semanticui/assets/js/components/state.js +695 -0
  124. data/app/semanticui/assets/js/components/state.min.js +11 -0
  125. data/app/semanticui/assets/js/components/statistic.css +409 -0
  126. data/app/semanticui/assets/js/components/statistic.min.css +10 -0
  127. data/app/semanticui/assets/js/components/step.css +432 -0
  128. data/app/semanticui/assets/js/components/step.min.css +10 -0
  129. data/app/semanticui/assets/js/components/sticky.css +79 -0
  130. data/app/semanticui/assets/js/components/sticky.js +792 -0
  131. data/app/semanticui/assets/js/components/sticky.min.css +10 -0
  132. data/app/semanticui/assets/js/components/sticky.min.js +11 -0
  133. data/app/semanticui/assets/js/components/tab.css +92 -0
  134. data/app/semanticui/assets/js/components/tab.js +802 -0
  135. data/app/semanticui/assets/js/components/tab.min.css +10 -0
  136. data/app/semanticui/assets/js/components/tab.min.js +11 -0
  137. data/app/semanticui/assets/js/components/table.css +1000 -0
  138. data/app/semanticui/assets/js/components/table.min.css +10 -0
  139. data/app/semanticui/assets/js/components/transition.css +1990 -0
  140. data/app/semanticui/assets/js/components/transition.js +1038 -0
  141. data/app/semanticui/assets/js/components/transition.min.css +10 -0
  142. data/app/semanticui/assets/js/components/transition.min.js +11 -0
  143. data/app/semanticui/assets/js/components/video.css +125 -0
  144. data/app/semanticui/assets/js/components/video.js +540 -0
  145. data/app/semanticui/assets/js/components/video.min.css +10 -0
  146. data/app/semanticui/assets/js/components/video.min.js +11 -0
  147. data/app/semanticui/assets/js/components/visibility.js +1032 -0
  148. data/app/semanticui/assets/js/components/visibility.min.js +11 -0
  149. data/app/semanticui/assets/js/semantic.min.js +9 -9
  150. data/lib/volt/semanticui.rb +0 -0
  151. data/lib/volt/semanticui/version.rb +1 -1
  152. data/volt-semantic-ui-0.0.1.gem +0 -0
  153. data/volt-semanticui-0.0.1.gem +0 -0
  154. data/volt-semanticui.gemspec +0 -0
  155. metadata +141 -10
@@ -0,0 +1,10 @@
1
+ /*!
2
+ * # Semantic UI 1.11.4 - Button
3
+ * http://github.com/semantic-org/semantic-ui/
4
+ *
5
+ *
6
+ * Copyright 2014 Contributorss
7
+ * Released under the MIT license
8
+ * http://opensource.org/licenses/MIT
9
+ *
10
+ */.ui.button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background-color:#e0e0e0;color:rgba(0,0,0,.6);font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;margin:0 .25em 0 0;padding:.78571em 1.5em;text-transform:none;text-shadow:none;font-weight:700;line-height:1;font-style:normal;text-align:center;text-decoration:none;background-image:none;border-radius:.2857rem;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(39,41,43,.15) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;will-change:'';-webkit-tap-highlight-color:transparent}.ui.button:hover{background-color:#e8e8e8;background-image:none;box-shadow:'';color:rgba(0,0,0,.8)}.ui.button:hover .icon{opacity:.85}.ui.button:focus{background-color:'';color:rgba(0,0,0,.8);background-image:''!important;box-shadow:0 0 0 1px transparent inset,0 0 1px rgba(81,167,232,.8) inset,0 0 3px 2px rgba(81,167,232,.8)!important}.ui.button:focus .icon{opacity:.85}.ui.active.button:active,.ui.button:active{background-color:#ccc;background-image:'';color:rgba(0,0,0,.8);box-shadow:0 0 0 1px transparent inset,0 1px 4px 0 rgba(39,41,43,.15) inset}.ui.active.button{background-color:#d0d0d0;background-image:none;box-shadow:0 0 0 1px transparent inset;color:rgba(0,0,0,.8)}.ui.active.button:hover{background-color:#d0d0d0;background-image:none;color:rgba(0,0,0,.8)}.ui.active.button:active{background-color:#d0d0d0;background-image:none}.ui.loading.loading.loading.loading.loading.loading.button{position:relative;cursor:default;text-shadow:none!important;color:transparent!important;opacity:1;pointer-events:none;-webkit-transition:all 0s linear,opacity .2s ease;transition:all 0s linear,opacity .2s ease}.ui.loading.button:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285em 0 0 -.64285em;width:1.2857em;height:1.2857em;border-radius:500rem;border:.2em solid rgba(0,0,0,.15)}.ui.loading.button:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285em 0 0 -.64285em;width:1.2857em;height:1.2857em;-webkit-animation:button-spin .6s linear;animation:button-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#fff transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}.ui.labeled.icon.loading.button .icon{background-color:transparent;box-shadow:none}@-webkit-keyframes button-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes button-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.basic.loading.button:not(.inverted):before{border-color:rgba(0,0,0,.1)}.ui.basic.loading.button:not(.inverted):after{border-top-color:#aaa}.ui.button:disabled,.ui.buttons .disabled.button,.ui.disabled.active.button,.ui.disabled.button,.ui.disabled.button:hover{cursor:default;background-color:#dcddde!important;color:rgba(0,0,0,.4)!important;opacity:.3!important;background-image:none!important;box-shadow:none!important;pointer-events:none}.ui.basic.buttons .ui.disabled.button{border-color:rgba(39,41,43,.5)}.ui.animated.button{position:relative;overflow:hidden;vertical-align:middle;padding-right:0!important}.ui.animated.button .content{will-change:transform,opacity}.ui.animated.button .visible.content{position:relative;margin-right:1.5em}.ui.animated.button .hidden.content{position:absolute;width:100%}.ui.animated.button .hidden.content,.ui.animated.button .visible.content{-webkit-transition:right .3s ease 0s;transition:right .3s ease 0s}.ui.animated.button .visible.content{left:auto;right:0}.ui.animated.button .hidden.content{top:50%;left:auto;right:-100%;margin-top:-.5em}.ui.animated.button:hover .visible.content{left:auto;right:200%}.ui.animated.button:hover .hidden.content{left:auto;right:0}.ui.vertical.animated.button .hidden.content,.ui.vertical.animated.button .visible.content{-webkit-transition:top .3s ease,-webkit-transform .3s ease;transition:top .3s ease,transform .3s ease}.ui.vertical.animated.button .visible.content{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);right:auto}.ui.vertical.animated.button .hidden.content{top:-50%;left:0;right:auto}.ui.vertical.animated.button:hover .visible.content{-webkit-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%);right:auto}.ui.vertical.animated.button:hover .hidden.content{top:50%;right:auto}.ui.fade.animated.button .hidden.content,.ui.fade.animated.button .visible.content{-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease}.ui.fade.animated.button .visible.content{left:auto;right:auto;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.ui.fade.animated.button .hidden.content{opacity:0;left:0;right:auto;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}.ui.fade.animated.button:hover .visible.content{left:auto;right:auto;opacity:0;-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.ui.fade.animated.button:hover .hidden.content{left:0;right:auto;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.ui.inverted.button{box-shadow:0 0 0 2px #fff inset!important;background:0 0;color:#fff;text-shadow:none!important}.ui.inverted.buttons .button{margin:0 0 0 -2px}.ui.inverted.buttons .button:first-child{margin-left:0}.ui.inverted.vertical.buttons .button{margin:0 0 -2px}.ui.inverted.vertical.buttons .button:first-child{margin-top:0}.ui.inverted.buttons .button:hover{position:relative}.ui.inverted.button:hover{background:#fff;box-shadow:0 0 0 2px #fff inset!important;color:rgba(0,0,0,.8)}.ui.facebook.button{background-color:#3b579d;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.facebook.button:hover{background-color:#3f5da8;color:#fff;text-shadow:none}.ui.facebook.button:active{background-color:#314983;color:#fff;text-shadow:none}.ui.twitter.button{background-color:#4092cc;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.twitter.button:hover{background-color:#4c99cf;color:#fff;text-shadow:none}.ui.twitter.button:active{background-color:#3180b7;color:#fff;text-shadow:none}.ui.google.plus.button{background-color:#d34836;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.google.plus.button:hover{background-color:#d65343;color:#fff;text-shadow:none}.ui.google.plus.button:active{background-color:#bc3a29;color:#fff;text-shadow:none}.ui.linkedin.button{background-color:#1f88be;color:#fff;text-shadow:none}.ui.linkedin.button:hover{background-color:#2191cb;color:#fff;text-shadow:none}.ui.linkedin.button:active{background-color:#1a729f;color:#fff;text-shadow:none}.ui.youtube.button{background-color:#cc181e;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.youtube.button:hover{background-color:#da1a20;color:#fff;text-shadow:none}.ui.youtube.button:active{background-color:#ac1419;color:#fff;text-shadow:none}.ui.instagram.button{background-color:#49769c;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.instagram.button:hover{background-color:#4e7ea6;color:#fff;text-shadow:none}.ui.instagram.button:active{background-color:#3e6484;color:#fff;text-shadow:none}.ui.pinterest.button{background-color:#00aced;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.pinterest.button:hover{background-color:#00b7fc;color:#fff;text-shadow:none}.ui.pinterest.button:active{background-color:#0092c9;color:#fff;text-shadow:none}.ui.vk.button{background-color:#4D7198;color:#fff;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.vk.button:hover{background-color:#5279a2;color:#fff}.ui.vk.button:active{background-color:#415f80;color:#fff}.ui.button>.icon{opacity:.8;margin:0 .4em 0 -.2em;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;vertical-align:baseline;color:''}.ui.button>.right.icon{margin:0 -.2em 0 .4em}.ui[class*="left floated"].button,.ui[class*="left floated"].buttons{float:left;margin-left:0;margin-right:.25em}.ui[class*="right floated"].button,.ui[class*="right floated"].buttons{float:right;margin-right:0;margin-left:.25em}.ui.compact.button,.ui.compact.buttons .button{padding:.5892825em 1.125em}.ui.compact.icon.button,.ui.compact.icon.buttons .button{padding:.5892825em}.ui.compact.labeled.icon.button,.ui.compact.labeled.icon.buttons .button{padding:.5892825em 3.69642em}.ui.mini.button,.ui.mini.buttons .button,.ui.mini.buttons .or{font-size:.71428571rem}.ui.tiny.button,.ui.tiny.buttons .button,.ui.tiny.buttons .or{font-size:.85714286rem}.ui.small.button,.ui.small.buttons .button,.ui.small.buttons .or{font-size:.92857143rem}.ui.button,.ui.buttons .button,.ui.buttons .or{font-size:1rem}.ui.large.button,.ui.large.buttons .button,.ui.large.buttons .or{font-size:1.14285714rem}.ui.big.button,.ui.big.buttons .button,.ui.big.buttons .or{font-size:1.28571429rem}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1.42857143rem}.ui.massive.button,.ui.massive.buttons .button,.ui.massive.buttons .or{font-size:1.71428571rem}.ui.icon.button,.ui.icon.buttons .button{padding:.78571em}.ui.icon.button>.icon,.ui.icon.buttons .button>.icon{opacity:.9;margin:0;vertical-align:top}.ui.basic.button,.ui.basic.buttons .button{background:0 0!important;color:rgba(0,0,0,.6)!important;font-weight:400;border-radius:.2857rem;text-transform:none;text-shadow:none!important;box-shadow:0 0 0 1px rgba(39,41,43,.15) inset}.ui.basic.buttons{box-shadow:0 0 0 1px rgba(39,41,43,.15);border-radius:.2857rem}.ui.basic.buttons .button{border-radius:0}.ui.basic.button:hover,.ui.basic.buttons .button:hover{background:#fafafa!important;color:rgba(0,0,0,.8)!important;box-shadow:0 0 0 1px rgba(39,41,43,.15) inset,0 0 0 0 rgba(39,41,43,.15) inset}.ui.basic.button:active,.ui.basic.buttons .button:active{background:#f8f8f8!important;color:rgba(0,0,0,.8)!important;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(39,41,43,.15) inset}.ui.basic.active.button,.ui.basic.buttons .active.button{background:rgba(0,0,0,.05)!important;box-shadow:''!important;color:rgba(0,0,0,.8)}.ui.basic.active.button:hover,.ui.basic.buttons .active.button:hover{background-color:rgba(0,0,0,.05)}.ui.basic.buttons .button:hover{box-shadow:0 0 0 1px rgba(39,41,43,.15) inset,0 0 0 0 rgba(39,41,43,.15) inset inset}.ui.basic.buttons .button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(39,41,43,.15) inset inset}.ui.basic.buttons .active.button{box-shadow:rgba(39,41,43,.3) inset}.ui.basic.inverted.button,.ui.basic.inverted.buttons .button{background-color:transparent!important;color:#fafafa!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important}.ui.basic.inverted.button:hover,.ui.basic.inverted.buttons .button:hover{color:#fff!important;box-shadow:0 0 0 2px #fff inset!important}.ui.basic.inverted.button:active,.ui.basic.inverted.buttons .button:active{background-color:rgba(255,255,255,.05)!important;color:#fff!important;box-shadow:0 0 0 2px rgba(255,255,255,.9) inset!important}.ui.basic.inverted.active.button,.ui.basic.inverted.buttons .active.button{background-color:rgba(255,255,255,.05);color:#fff;text-shadow:none;box-shadow:0 0 0 2px rgba(255,255,255,.7) inset}.ui.basic.inverted.active.button:hover,.ui.basic.inverted.buttons .active.button:hover{background-color:rgba(255,255,255,.07);box-shadow:0 0 0 2px #fff inset!important}.ui.basic.buttons .button{border-left:1px solid rgba(39,41,43,.15);box-shadow:none}.ui.basic.vertical.buttons .button{border-left:none;border-left-width:0;border-top:1px solid rgba(39,41,43,.15)}.ui.basic.vertical.buttons .button:first-child{border-top-width:0}.ui.labeled.icon.button,.ui.labeled.icon.buttons .button{position:relative;padding-left:4.07142em!important;padding-right:1.5em!important}.ui.labeled.icon.button>.icon,.ui.labeled.icon.buttons>.button>.icon{position:absolute;width:2.57142em;height:100%;background-color:rgba(0,0,0,.05);text-align:center;color:'';border-radius:.2857rem 0 0 .2857rem;line-height:1;box-shadow:-1px 0 0 0 transparent inset;top:0;left:0}.ui[class*="right labeled"].icon.button{padding-right:4.07142em!important;padding-left:1.5em!important}.ui[class*="right labeled"].icon.button>.icon{left:auto;right:0;border-radius:0 .2857rem .2857rem 0;box-shadow:1px 0 0 0 transparent inset}.ui.labeled.icon.button>.icon:after,.ui.labeled.icon.button>.icon:before,.ui.labeled.icon.buttons>.button>.icon:after,.ui.labeled.icon.buttons>.button>.icon:before{display:block;position:absolute;width:100%;top:50%;text-align:center;margin-top:-.5em}.ui.labeled.icon.buttons .button>.icon{border-radius:0}.ui.labeled.icon.buttons .button:first-child>.icon{border-top-left-radius:.2857rem;border-bottom-left-radius:.2857rem}.ui.labeled.icon.buttons .button:last-child>.icon{border-top-right-radius:.2857rem;border-bottom-right-radius:.2857rem}.ui.vertical.labeled.icon.buttons .button:first-child>.icon{border-radius:.2857rem 0 0}.ui.vertical.labeled.icon.buttons .button:last-child>.icon{border-radius:0 0 0 .2857rem}.ui.fluid[class*="right labeled"].icon.button,.ui.fluid[class*="left labeled"].icon.button{padding-left:1.5em!important;padding-right:1.5em!important}.ui.button.toggle.active,.ui.buttons .button.toggle.active,.ui.toggle.buttons .active.button{background-color:#5bbd72!important;box-shadow:none!important;text-shadow:none;color:#fff!important}.ui.button.toggle.active:hover{background-color:#66c17b!important;text-shadow:none;color:#fff!important}.ui.circular.button{border-radius:10em}.ui.circular.button>.icon{width:1em;vertical-align:baseline}.ui.attached.button{display:block;margin:0;box-shadow:0 0 0 1px rgba(39,41,43,.15)!important;border-radius:0}.ui.attached.top.button{border-radius:.2857rem .2857rem 0 0}.ui.attached.bottom.button{border-radius:0 0 .2857rem .2857rem}.ui.attached.left.button{display:inline-block;border-left:none;padding-right:.75em;text-align:right;border-radius:.2857rem 0 0 .2857rem}.ui.attached.right.button{display:inline-block;padding-left:.75em;text-align:left;border-radius:0 .2857rem .2857rem 0}.ui.buttons .or{position:relative;float:left;width:.3em;height:2.57142em;z-index:3}.ui.buttons .or:before{position:absolute;text-align:center;border-radius:500rem;content:'or';top:50%;left:50%;background-color:#fff;text-shadow:none;margin-top:-.892855em;margin-left:-.892855em;width:1.78571em;height:1.78571em;line-height:1.78571em;color:rgba(0,0,0,.4);font-style:normal;font-weight:700;box-shadow:0 0 0 1px transparent inset}.ui.buttons .or[data-text]:before{content:attr(data-text)}.ui.fluid.buttons .or{width:0!important}.ui.fluid.buttons .or:after{display:none}.attached.ui.buttons{margin:0;border-radius:0}.attached.ui.buttons .button{margin:0}.attached.ui.buttons .button:first-child,.attached.ui.buttons .button:last-child{border-radius:0}[class*="top attached"].ui.buttons{margin-bottom:-1px;border-radius:.2857rem .2857rem 0 0}[class*="top attached"].ui.buttons .button:first-child{border-radius:.2857rem 0 0}[class*="top attached"].ui.buttons .button:last-child{border-radius:0 .2857rem 0 0}[class*="bottom attached"].ui.buttons{margin-top:-1px;border-radius:0 0 .2857rem .2857rem}[class*="bottom attached"].ui.buttons .button:first-child{border-radius:0 0 0 .2857rem}[class*="bottom attached"].ui.buttons .button:last-child{border-radius:0 0 .2857rem}[class*="left attached"].ui.buttons{margin-left:-1px;border-radius:0 .2857rem .2857rem 0}[class*="left attached"].ui.buttons .button:first-child{margin-left:-1px;border-radius:0 .2857rem 0 0}[class*="left attached"].ui.buttons .button:last-child{margin-left:-1px;border-radius:0 0 .2857rem}[class*="right attached"].ui.buttons,[class*="right attached"].ui.buttons .button{margin-right:-1px;border-radius:.2857rem 0 0 .2857rem}[class*="right attached"].ui.buttons .button:first-child{margin-left:-1px;border-radius:.2857rem 0 0}[class*="right attached"].ui.buttons .button:last-child{margin-left:-1px;border-radius:0 0 0 .2857rem}.ui.button.fluid,.ui.fluid.buttons,.ui.fluid.buttons>.button{display:block;width:100%}.ui.\32.buttons,.ui.two.buttons{width:100%}.ui.\32.buttons>.button,.ui.two.buttons>.button{width:50%}.ui.\33.buttons,.ui.three.buttons{width:100%}.ui.\33.buttons>.button,.ui.three.buttons>.button{width:33.333%}.ui.\34.buttons,.ui.four.buttons{width:100%}.ui.\34.buttons>.button,.ui.four.buttons>.button{width:25%}.ui.\35.buttons,.ui.five.buttons{width:100%}.ui.\35.buttons>.button,.ui.five.buttons>.button{width:20%}.ui.\36.buttons,.ui.six.buttons{width:100%}.ui.\36.buttons>.button,.ui.six.buttons>.button{width:16.666%}.ui.\37.buttons,.ui.seven.buttons{width:100%}.ui.\37.buttons>.button,.ui.seven.buttons>.button{width:14.285%}.ui.\38.buttons,.ui.eight.buttons{width:100%}.ui.\38.buttons>.button,.ui.eight.buttons>.button{width:12.5%}.ui.\39.buttons,.ui.nine.buttons{width:100%}.ui.\39.buttons>.button,.ui.nine.buttons>.button{width:11.11%}.ui.\31\30.buttons,.ui.ten.buttons{width:100%}.ui.\31\30.buttons>.button,.ui.ten.buttons>.button{width:10%}.ui.\31\31.buttons,.ui.eleven.buttons{width:100%}.ui.\31\31.buttons>.button,.ui.eleven.buttons>.button{width:9.09%}.ui.\31\32.buttons,.ui.twelve.buttons{width:100%}.ui.\31\32.buttons>.button,.ui.twelve.buttons>.button{width:8.3333%}.ui.fluid.vertical.buttons,.ui.fluid.vertical.buttons>.button{display:block;width:auto}.ui.\32.vertical.buttons>.button,.ui.two.vertical.buttons>.button{height:50%}.ui.\33.vertical.buttons>.button,.ui.three.vertical.buttons>.button{height:33.333%}.ui.\34.vertical.buttons>.button,.ui.four.vertical.buttons>.button{height:25%}.ui.\35.vertical.buttons>.button,.ui.five.vertical.buttons>.button{height:20%}.ui.\36.vertical.buttons>.button,.ui.six.vertical.buttons>.button{height:16.666%}.ui.\37.vertical.buttons>.button,.ui.seven.vertical.buttons>.button{height:14.285%}.ui.\38.vertical.buttons>.button,.ui.eight.vertical.buttons>.button{height:12.5%}.ui.\39.vertical.buttons>.button,.ui.nine.vertical.buttons>.button{height:11.11%}.ui.\31\30.vertical.buttons>.button,.ui.ten.vertical.buttons>.button{height:10%}.ui.\31\31.vertical.buttons>.button,.ui.eleven.vertical.buttons>.button{height:9.09%}.ui.\31\32.vertical.buttons>.button,.ui.twelve.vertical.buttons>.button{height:8.3333%}.ui.black.button,.ui.black.buttons .button{background-color:#1b1c1d;color:#fff;text-shadow:none;background-image:none}.ui.black.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.black.button:hover,.ui.black.buttons .button:hover{background-color:#1b1c1d;color:#fff;text-shadow:none}.ui.black.button:active,.ui.black.buttons .button:active{background-color:#0a0a0b;color:#fff;text-shadow:none}.ui.black.active.button,.ui.black.button .active.button:active,.ui.black.buttons .active.button,.ui.black.buttons .active.button:active{background-color:#0f0f10;color:#fff;text-shadow:none}.ui.basic.black.button,.ui.basic.black.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.black.button:hover,.ui.basic.black.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #1b1c1d inset!important;color:#1b1c1d!important}.ui.basic.black.button:active,.ui.basic.black.buttons .button:active{box-shadow:0 0 0 2px #0a0a0b inset!important;color:#0a0a0b!important}.ui.basic.black.active.button,.ui.basic.black.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #0a0a0b inset!important;color:#0a0a0b!important}.ui.buttons>.basic.black.button:not(:first-child){margin-left:-2px}.ui.inverted.black.button,.ui.inverted.black.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #d4d4d5 inset!important;color:#fff}.ui.inverted.black.active.button,.ui.inverted.black.button:hover,.ui.inverted.black.buttons .active.button,.ui.inverted.black.buttons .button:hover{box-shadow:0 0 0 2px #333 inset!important;background-color:#333;color:#fff}.ui.inverted.black.button:active,.ui.inverted.black.buttons .button:active{box-shadow:0 0 0 2px #212121 inset!important;background-color:#212121;color:#fff}.ui.inverted.black.basic.button,.ui.inverted.black.basic.buttons .button,.ui.inverted.black.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.black.basic.active.button,.ui.inverted.black.basic.button:hover,.ui.inverted.black.basic.buttons .active.button,.ui.inverted.black.basic.buttons .button:hover,.ui.inverted.black.buttons .basic.active.button,.ui.inverted.black.buttons .basic.button:hover{box-shadow:0 0 0 2px #333 inset!important;color:#fff!important}.ui.inverted.black.basic.button:active,.ui.inverted.black.basic.buttons .button:active,.ui.inverted.black.buttons .basic.button:active{box-shadow:0 0 0 2px #212121 inset!important;color:#fff!important}.ui.blue.button,.ui.blue.buttons .button{background-color:#3b83c0;color:#fff;text-shadow:none;background-image:none}.ui.blue.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.blue.button:hover,.ui.blue.buttons .button:hover{background-color:#458ac6;color:#fff;text-shadow:none}.ui.blue.button:active,.ui.blue.buttons .button:active{background-color:#3370a5;color:#fff;text-shadow:none}.ui.blue.active.button,.ui.blue.button .active.button:active,.ui.blue.buttons .active.button,.ui.blue.buttons .active.button:active{background-color:#3576ac;color:#fff;text-shadow:none}.ui.basic.blue.button,.ui.basic.blue.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.blue.button:hover,.ui.basic.blue.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #458ac6 inset!important;color:#458ac6!important}.ui.basic.blue.button:active,.ui.basic.blue.buttons .button:active{box-shadow:0 0 0 2px #3370a5 inset!important;color:#3370a5!important}.ui.basic.blue.active.button,.ui.basic.blue.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #3370a5 inset!important;color:#3370a5!important}.ui.buttons>.basic.blue.button:not(:first-child){margin-left:-2px}.ui.inverted.blue.button,.ui.inverted.blue.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #54c8ff inset!important;color:#54c8ff}.ui.inverted.blue.active.button,.ui.inverted.blue.button:hover,.ui.inverted.blue.buttons .active.button,.ui.inverted.blue.buttons .button:hover{box-shadow:0 0 0 2px #54c8ff inset!important;background-color:#54c8ff;color:#fff}.ui.inverted.blue.button:active,.ui.inverted.blue.buttons .button:active{box-shadow:0 0 0 2px #30bdff inset!important;background-color:#30bdff;color:#fff}.ui.inverted.blue.basic.button,.ui.inverted.blue.basic.buttons .button,.ui.inverted.blue.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.blue.basic.active.button,.ui.inverted.blue.basic.button:hover,.ui.inverted.blue.basic.buttons .active.button,.ui.inverted.blue.basic.buttons .button:hover,.ui.inverted.blue.buttons .basic.active.button,.ui.inverted.blue.buttons .basic.button:hover{box-shadow:0 0 0 2px #54c8ff inset!important;color:#54c8ff!important}.ui.inverted.blue.basic.button:active,.ui.inverted.blue.basic.buttons .button:active,.ui.inverted.blue.buttons .basic.button:active{box-shadow:0 0 0 2px #30bdff inset!important;color:#54c8ff!important}.ui.green.button,.ui.green.buttons .button{background-color:#5bbd72;color:#fff;text-shadow:none;background-image:none}.ui.green.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.green.button:hover,.ui.green.buttons .button:hover{background-color:#66c17b;color:#fff;text-shadow:none}.ui.green.button:active,.ui.green.buttons .button:active{background-color:#46ae5f;color:#fff;text-shadow:none}.ui.green.active.button,.ui.green.button .active.button:active,.ui.green.buttons .active.button,.ui.green.buttons .active.button:active{background-color:#49b562;color:#fff;text-shadow:none}.ui.basic.green.button,.ui.basic.green.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.green.button:hover,.ui.basic.green.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #66c17b inset!important;color:#66c17b!important}.ui.basic.green.button:active,.ui.basic.green.buttons .button:active{box-shadow:0 0 0 2px #46ae5f inset!important;color:#46ae5f!important}.ui.basic.green.active.button,.ui.basic.green.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #46ae5f inset!important;color:#46ae5f!important}.ui.buttons>.basic.green.button:not(:first-child){margin-left:-2px}.ui.inverted.green.button,.ui.inverted.green.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #2ecc40 inset!important;color:#2ecc40}.ui.inverted.green.active.button,.ui.inverted.green.button:hover,.ui.inverted.green.buttons .active.button,.ui.inverted.green.buttons .button:hover{box-shadow:0 0 0 2px #2ecc40 inset!important;background-color:#2ecc40;color:#fff}.ui.inverted.green.button:active,.ui.inverted.green.buttons .button:active{box-shadow:0 0 0 2px #27af37 inset!important;background-color:#27af37;color:#fff}.ui.inverted.green.basic.button,.ui.inverted.green.basic.buttons .button,.ui.inverted.green.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.green.basic.active.button,.ui.inverted.green.basic.button:hover,.ui.inverted.green.basic.buttons .active.button,.ui.inverted.green.basic.buttons .button:hover,.ui.inverted.green.buttons .basic.active.button,.ui.inverted.green.buttons .basic.button:hover{box-shadow:0 0 0 2px #2ecc40 inset!important;color:#2ecc40!important}.ui.inverted.green.basic.button:active,.ui.inverted.green.basic.buttons .button:active,.ui.inverted.green.buttons .basic.button:active{box-shadow:0 0 0 2px #27af37 inset!important;color:#2ecc40!important}.ui.orange.button,.ui.orange.buttons .button{background-color:#e07b53;color:#fff;text-shadow:none;background-image:none}.ui.orange.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.orange.button:hover,.ui.orange.buttons .button:hover{background-color:#e28560;color:#fff;text-shadow:none}.ui.orange.button:active,.ui.orange.buttons .button:active{background-color:#db6435;color:#fff;text-shadow:none}.ui.orange.active.button,.ui.orange.button .active.button:active,.ui.orange.buttons .active.button,.ui.orange.buttons .active.button:active{background-color:#dc6a3d;color:#fff;text-shadow:none}.ui.basic.orange.button,.ui.basic.orange.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.orange.button:hover,.ui.basic.orange.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #e28560 inset!important;color:#e28560!important}.ui.basic.orange.button:active,.ui.basic.orange.buttons .button:active{box-shadow:0 0 0 2px #db6435 inset!important;color:#db6435!important}.ui.basic.orange.active.button,.ui.basic.orange.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #db6435 inset!important;color:#db6435!important}.ui.buttons>.basic.orange.button:not(:first-child){margin-left:-2px}.ui.inverted.orange.button,.ui.inverted.orange.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ff851b inset!important;color:#ff851b}.ui.inverted.orange.active.button,.ui.inverted.orange.button:hover,.ui.inverted.orange.buttons .active.button,.ui.inverted.orange.buttons .button:hover{box-shadow:0 0 0 2px #ff851b inset!important;background-color:#ff851b;color:#fff}.ui.inverted.orange.button:active,.ui.inverted.orange.buttons .button:active{box-shadow:0 0 0 2px #f67300 inset!important;background-color:#f67300;color:#fff}.ui.inverted.orange.basic.button,.ui.inverted.orange.basic.buttons .button,.ui.inverted.orange.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.orange.basic.active.button,.ui.inverted.orange.basic.button:hover,.ui.inverted.orange.basic.buttons .active.button,.ui.inverted.orange.basic.buttons .button:hover,.ui.inverted.orange.buttons .basic.active.button,.ui.inverted.orange.buttons .basic.button:hover{box-shadow:0 0 0 2px #ff851b inset!important;color:#ff851b!important}.ui.inverted.orange.basic.button:active,.ui.inverted.orange.basic.buttons .button:active,.ui.inverted.orange.buttons .basic.button:active{box-shadow:0 0 0 2px #f67300 inset!important;color:#ff851b!important}.ui.pink.button,.ui.pink.buttons .button{background-color:#d9499a;color:#fff;text-shadow:none;background-image:none}.ui.pink.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.pink.button:hover,.ui.pink.buttons .button:hover{background-color:#dc56a1;color:#fff;text-shadow:none}.ui.pink.button:active,.ui.pink.buttons .button:active{background-color:#d22c8a;color:#fff;text-shadow:none}.ui.pink.active.button,.ui.pink.button .active.button:active,.ui.pink.buttons .active.button,.ui.pink.buttons .active.button:active{background-color:#d5348e;color:#fff;text-shadow:none}.ui.basic.pink.button,.ui.basic.pink.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.pink.button:hover,.ui.basic.pink.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #dc56a1 inset!important;color:#dc56a1!important}.ui.basic.pink.button:active,.ui.basic.pink.buttons .button:active{box-shadow:0 0 0 2px #d22c8a inset!important;color:#d22c8a!important}.ui.basic.pink.active.button,.ui.basic.pink.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #d22c8a inset!important;color:#d22c8a!important}.ui.buttons>.basic.pink.button:not(:first-child){margin-left:-2px}.ui.inverted.pink.button,.ui.inverted.pink.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ff8edf inset!important;color:#ff8edf}.ui.inverted.pink.active.button,.ui.inverted.pink.button:hover,.ui.inverted.pink.buttons .active.button,.ui.inverted.pink.buttons .button:hover{box-shadow:0 0 0 2px #ff8edf inset!important;background-color:#ff8edf;color:#fff}.ui.inverted.pink.button:active,.ui.inverted.pink.buttons .button:active{box-shadow:0 0 0 2px #ff6ad5 inset!important;background-color:#ff6ad5;color:#fff}.ui.inverted.pink.basic.button,.ui.inverted.pink.basic.buttons .button,.ui.inverted.pink.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.pink.basic.active.button,.ui.inverted.pink.basic.button:hover,.ui.inverted.pink.basic.buttons .active.button,.ui.inverted.pink.basic.buttons .button:hover,.ui.inverted.pink.buttons .basic.active.button,.ui.inverted.pink.buttons .basic.button:hover{box-shadow:0 0 0 2px #ff8edf inset!important;color:#ff8edf!important}.ui.inverted.pink.basic.button:active,.ui.inverted.pink.basic.buttons .button:active,.ui.inverted.pink.buttons .basic.button:active{box-shadow:0 0 0 2px #ff6ad5 inset!important;color:#ff8edf!important}.ui.purple.button,.ui.purple.buttons .button{background-color:#564f8a;color:#fff;text-shadow:none;background-image:none}.ui.purple.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.purple.button:hover,.ui.purple.buttons .button:hover{background-color:#5c5594;color:#fff;text-shadow:none}.ui.purple.button:active,.ui.purple.buttons .button:active{background-color:#484273;color:#fff;text-shadow:none}.ui.purple.active.button,.ui.purple.button .active.button:active,.ui.purple.buttons .active.button,.ui.purple.buttons .active.button:active{background-color:#4c467a;color:#fff;text-shadow:none}.ui.basic.purple.button,.ui.basic.purple.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.purple.button:hover,.ui.basic.purple.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #5c5594 inset!important;color:#5c5594!important}.ui.basic.purple.button:active,.ui.basic.purple.buttons .button:active{box-shadow:0 0 0 2px #484273 inset!important;color:#484273!important}.ui.basic.purple.active.button,.ui.basic.purple.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #484273 inset!important;color:#484273!important}.ui.buttons>.basic.purple.button:not(:first-child){margin-left:-2px}.ui.inverted.purple.button,.ui.inverted.purple.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #cdc6ff inset!important;color:#cdc6ff}.ui.inverted.purple.active.button,.ui.inverted.purple.button:hover,.ui.inverted.purple.buttons .active.button,.ui.inverted.purple.buttons .button:hover{box-shadow:0 0 0 2px #cdc6ff inset!important;background-color:#cdc6ff;color:#1b1c1d}.ui.inverted.purple.button:active,.ui.inverted.purple.buttons .button:active{box-shadow:0 0 0 2px #aea2ff inset!important;background-color:#aea2ff;color:#1b1c1d}.ui.inverted.purple.basic.button,.ui.inverted.purple.basic.buttons .button,.ui.inverted.purple.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.purple.basic.active.button,.ui.inverted.purple.basic.button:hover,.ui.inverted.purple.basic.buttons .active.button,.ui.inverted.purple.basic.buttons .button:hover,.ui.inverted.purple.buttons .basic.active.button,.ui.inverted.purple.buttons .basic.button:hover{box-shadow:0 0 0 2px #cdc6ff inset!important;color:#cdc6ff!important}.ui.inverted.purple.basic.button:active,.ui.inverted.purple.basic.buttons .button:active,.ui.inverted.purple.buttons .basic.button:active{box-shadow:0 0 0 2px #aea2ff inset!important;color:#cdc6ff!important}.ui.red.button,.ui.red.buttons .button{background-color:#d95c5c;color:#fff;text-shadow:none;background-image:none}.ui.red.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.red.button:hover,.ui.red.buttons .button:hover{background-color:#dc6868;color:#fff;text-shadow:none}.ui.red.button:active,.ui.red.buttons .button:active{background-color:#d23f3f;color:#fff;text-shadow:none}.ui.red.active.button,.ui.red.button .active.button:active,.ui.red.buttons .active.button,.ui.red.buttons .active.button:active{background-color:#d44747;color:#fff;text-shadow:none}.ui.basic.red.button,.ui.basic.red.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.red.button:hover,.ui.basic.red.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #dc6868 inset!important;color:#dc6868!important}.ui.basic.red.button:active,.ui.basic.red.buttons .button:active{box-shadow:0 0 0 2px #d23f3f inset!important;color:#d23f3f!important}.ui.basic.red.active.button,.ui.basic.red.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #d23f3f inset!important;color:#d23f3f!important}.ui.buttons>.basic.red.button:not(:first-child){margin-left:-2px}.ui.inverted.red.button,.ui.inverted.red.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ff695e inset!important;color:#ff695e}.ui.inverted.red.active.button,.ui.inverted.red.button:hover,.ui.inverted.red.buttons .active.button,.ui.inverted.red.buttons .button:hover{box-shadow:0 0 0 2px #ff695e inset!important;background-color:#ff695e;color:#fff}.ui.inverted.red.button:active,.ui.inverted.red.buttons .button:active{box-shadow:0 0 0 2px #ff483a inset!important;background-color:#ff483a;color:#fff}.ui.inverted.red.basic.button,.ui.inverted.red.basic.buttons .button,.ui.inverted.red.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.red.basic.active.button,.ui.inverted.red.basic.button:hover,.ui.inverted.red.basic.buttons .active.button,.ui.inverted.red.basic.buttons .button:hover,.ui.inverted.red.buttons .basic.active.button,.ui.inverted.red.buttons .basic.button:hover{box-shadow:0 0 0 2px #ff695e inset!important;color:#ff695e!important}.ui.inverted.red.basic.button:active,.ui.inverted.red.basic.buttons .button:active,.ui.inverted.red.buttons .basic.button:active{box-shadow:0 0 0 2px #ff483a inset!important;color:#ff695e!important}.ui.teal.button,.ui.teal.buttons .button{background-color:#00b5ad;color:#fff;text-shadow:none;background-image:none}.ui.teal.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.teal.button:hover,.ui.teal.buttons .button:hover{background-color:#00c4bc;color:#fff;text-shadow:none}.ui.teal.button:active,.ui.teal.buttons .button:active{background-color:#00918b;color:#fff;text-shadow:none}.ui.teal.active.button,.ui.teal.button .active.button:active,.ui.teal.buttons .active.button,.ui.teal.buttons .active.button:active{background-color:#009c95;color:#fff;text-shadow:none}.ui.basic.teal.button,.ui.basic.teal.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.teal.button:hover,.ui.basic.teal.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #00c4bc inset!important;color:#00c4bc!important}.ui.basic.teal.button:active,.ui.basic.teal.buttons .button:active{box-shadow:0 0 0 2px #00918b inset!important;color:#00918b!important}.ui.basic.teal.active.button,.ui.basic.teal.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #00918b inset!important;color:#00918b!important}.ui.buttons>.basic.teal.button:not(:first-child){margin-left:-2px}.ui.inverted.teal.button,.ui.inverted.teal.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #6dffff inset!important;color:#6dffff}.ui.inverted.teal.active.button,.ui.inverted.teal.button:hover,.ui.inverted.teal.buttons .active.button,.ui.inverted.teal.buttons .button:hover{box-shadow:0 0 0 2px #6dffff inset!important;background-color:#6dffff;color:#1b1c1d}.ui.inverted.teal.button:active,.ui.inverted.teal.buttons .button:active{box-shadow:0 0 0 2px #49ffff inset!important;background-color:#49ffff;color:#1b1c1d}.ui.inverted.teal.basic.button,.ui.inverted.teal.basic.buttons .button,.ui.inverted.teal.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.teal.basic.active.button,.ui.inverted.teal.basic.button:hover,.ui.inverted.teal.basic.buttons .active.button,.ui.inverted.teal.basic.buttons .button:hover,.ui.inverted.teal.buttons .basic.active.button,.ui.inverted.teal.buttons .basic.button:hover{box-shadow:0 0 0 2px #6dffff inset!important;color:#6dffff!important}.ui.inverted.teal.basic.button:active,.ui.inverted.teal.basic.buttons .button:active,.ui.inverted.teal.buttons .basic.button:active{box-shadow:0 0 0 2px #49ffff inset!important;color:#6dffff!important}.ui.yellow.button,.ui.yellow.buttons .button{background-color:#f2c61f;color:#fff;text-shadow:none;background-image:none}.ui.yellow.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.yellow.button:hover,.ui.yellow.buttons .button:hover{background-color:#f3ca2d;color:#fff;text-shadow:none}.ui.yellow.button:active,.ui.yellow.buttons .button:active{background-color:#e0b40d;color:#fff;text-shadow:none}.ui.yellow.active.button,.ui.yellow.button .active.button:active,.ui.yellow.buttons .active.button,.ui.yellow.buttons .active.button:active{background-color:#eabc0e;color:#fff;text-shadow:none}.ui.basic.yellow.button,.ui.basic.yellow.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.yellow.button:hover,.ui.basic.yellow.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #f3ca2d inset!important;color:#f3ca2d!important}.ui.basic.yellow.button:active,.ui.basic.yellow.buttons .button:active{box-shadow:0 0 0 2px #e0b40d inset!important;color:#e0b40d!important}.ui.basic.yellow.active.button,.ui.basic.yellow.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #e0b40d inset!important;color:#e0b40d!important}.ui.buttons>.basic.yellow.button:not(:first-child){margin-left:-2px}.ui.inverted.yellow.button,.ui.inverted.yellow.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ffe21f inset!important;color:#ffe21f}.ui.inverted.yellow.active.button,.ui.inverted.yellow.button:hover,.ui.inverted.yellow.buttons .active.button,.ui.inverted.yellow.buttons .button:hover{box-shadow:0 0 0 2px #ffe21f inset!important;background-color:#ffe21f;color:#1b1c1d}.ui.inverted.yellow.button:active,.ui.inverted.yellow.buttons .button:active{box-shadow:0 0 0 2px #fada00 inset!important;background-color:#fada00;color:#1b1c1d}.ui.inverted.yellow.basic.button,.ui.inverted.yellow.basic.buttons .button,.ui.inverted.yellow.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.yellow.basic.active.button,.ui.inverted.yellow.basic.button:hover,.ui.inverted.yellow.basic.buttons .active.button,.ui.inverted.yellow.basic.buttons .button:hover,.ui.inverted.yellow.buttons .basic.active.button,.ui.inverted.yellow.buttons .basic.button:hover{box-shadow:0 0 0 2px #ffe21f inset!important;color:#ffe21f!important}.ui.inverted.yellow.basic.button:active,.ui.inverted.yellow.basic.buttons .button:active,.ui.inverted.yellow.buttons .basic.button:active{box-shadow:0 0 0 2px #fada00 inset!important;color:#ffe21f!important}.ui.primary.button,.ui.primary.buttons .button{background-color:#3b83c0;color:#fff;text-shadow:none;background-image:none}.ui.primary.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.primary.button:hover,.ui.primary.buttons .button:hover{background-color:#458ac6;color:#fff;text-shadow:none}.ui.primary.button:active,.ui.primary.buttons .button:active{background-color:#3370a5;color:#fff;text-shadow:none}.ui.primary.active.button,.ui.primary.buttons .active.button{background-color:#3576ac;color:#fff;text-shadow:none}.ui.secondary.button,.ui.secondary.buttons .button{background-color:#1b1c1d;color:#fff;text-shadow:none;background-image:none}.ui.secondary.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.secondary.button:hover,.ui.secondary.buttons .button:hover{background-color:#222425;color:#fff;text-shadow:none}.ui.secondary.button:active,.ui.secondary.buttons .button:active{background-color:#0a0a0b;color:#fff;text-shadow:none}.ui.secondary.active.button,.ui.secondary.buttons .active.button{background-color:#0f0f10;color:#fff;text-shadow:none}.ui.positive.button,.ui.positive.buttons .button{background-color:#5bbd72!important;color:#fff;text-shadow:none;background-image:none}.ui.positive.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.positive.active.button,.ui.positive.button:hover,.ui.positive.buttons .active.button,.ui.positive.buttons .button:hover{background-color:#66c17b!important;color:#fff;text-shadow:none}.ui.positive.button:active,.ui.positive.buttons .button:active{background-color:#46ae5f!important;color:#fff;text-shadow:none}.ui.positive.active.button,.ui.positive.button .active.button:active,.ui.positive.buttons .active.button,.ui.positive.buttons .active.button:active{background-color:#49b562;color:#fff;text-shadow:none}.ui.negative.button,.ui.negative.buttons .button{background-color:#d95c5c!important;color:#fff;text-shadow:none;background-image:none}.ui.negative.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.negative.active.button,.ui.negative.button:hover,.ui.negative.buttons .active.button,.ui.negative.buttons .button:hover{background-color:#dc6868!important;color:#fff;text-shadow:none}.ui.negative.button:active,.ui.negative.buttons .button:active{background-color:#d23f3f!important;color:#fff;text-shadow:none}.ui.negative.active.button,.ui.negative.button .active.button:active,.ui.negative.buttons .active.button,.ui.negative.buttons .active.button:active{background-color:#d44747;color:#fff;text-shadow:none}.ui.buttons{display:inline-block;vertical-align:middle;margin:0 .25em 0 0}.ui.buttons>.active.button,.ui.buttons>.button:hover{position:relative}.ui.buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.buttons .button:first-child{border-left:none}.ui.buttons:not(.basic):not(.inverted){box-shadow:none}.ui.buttons:not(.basic):not(.inverted)>.button,.ui.buttons>.ui.button:not(.basic):not(.inverted){box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(39,41,43,.15) inset}.ui.buttons .button{float:left;border-radius:0;margin:0}.ui.buttons .button:first-child{margin-left:0;border-top-left-radius:.2857rem;border-bottom-left-radius:.2857rem}.ui.buttons .button:last-child{border-top-right-radius:.2857rem;border-bottom-right-radius:.2857rem}.ui.vertical.buttons{display:inline-block}.ui.vertical.buttons .button{display:block;float:none;width:100%;margin:0;box-shadow:none}.ui.vertical.buttons .button:first-child,.ui.vertical.buttons .huge.button:first-child,.ui.vertical.buttons .massive.button:first-child,.ui.vertical.buttons .mini.button:first-child,.ui.vertical.buttons .small.button:first-child,.ui.vertical.buttons .tiny.button:first-child{border-radius:.2857rem .2857rem 0 0}.ui.vertical.buttons .button:last-child,.ui.vertical.buttons .gigantic.button:last-child,.ui.vertical.buttons .huge.button:last-child,.ui.vertical.buttons .massive.button:last-child,.ui.vertical.buttons .mini.button:last-child,.ui.vertical.buttons .small.button:last-child,.ui.vertical.buttons .tiny.button:last-child{margin-bottom:0;border-radius:0 0 .2857rem .2857rem}
@@ -0,0 +1,909 @@
1
+ /*!
2
+ * # Semantic UI 1.11.4 - Item
3
+ * http://github.com/semantic-org/semantic-ui/
4
+ *
5
+ *
6
+ * Copyright 2014 Contributorss
7
+ * Released under the MIT license
8
+ * http://opensource.org/licenses/MIT
9
+ *
10
+ */
11
+
12
+
13
+ /*******************************
14
+ Standard
15
+ *******************************/
16
+
17
+
18
+ /*--------------
19
+ Card
20
+ ---------------*/
21
+
22
+ .ui.cards > .card,
23
+ .ui.card {
24
+ max-width: 100%;
25
+ position: relative;
26
+ display: -webkit-box;
27
+ display: -webkit-flex;
28
+ display: -ms-flexbox;
29
+ display: flex;
30
+ -webkit-box-orient: vertical;
31
+ -webkit-box-direction: normal;
32
+ -webkit-flex-direction: column;
33
+ -ms-flex-direction: column;
34
+ flex-direction: column;
35
+ width: 290px;
36
+ min-height: 0px;
37
+ background: #ffffff;
38
+ padding: 0em;
39
+ border: none;
40
+ border-radius: 0.2857rem;
41
+ box-shadow: 0px 3px 0px 0px #d4d4d5, 0px 0px 0px 1px #d4d4d5;
42
+ -webkit-transition: box-shadow 0.2s ease;
43
+ transition: box-shadow 0.2s ease;
44
+ z-index: '';
45
+ }
46
+ .ui.card {
47
+ margin: 1em 0em;
48
+ }
49
+ .ui.cards > .card a,
50
+ .ui.card a {
51
+ cursor: pointer;
52
+ }
53
+ .ui.card:first-child {
54
+ margin-top: 0em;
55
+ }
56
+ .ui.card:last-child {
57
+ margin-bottom: 0em;
58
+ }
59
+
60
+ /*--------------
61
+ Cards
62
+ ---------------*/
63
+
64
+ .ui.cards {
65
+ display: -webkit-box;
66
+ display: -webkit-flex;
67
+ display: -ms-flexbox;
68
+ display: flex;
69
+ margin: -0.875em -0.5em;
70
+ -webkit-flex-wrap: wrap;
71
+ -ms-flex-wrap: wrap;
72
+ flex-wrap: wrap;
73
+ }
74
+ .ui.cards > .card {
75
+ display: -webkit-box;
76
+ display: -webkit-flex;
77
+ display: -ms-flexbox;
78
+ display: flex;
79
+ margin: 0.875em 0.5em;
80
+ float: none;
81
+ }
82
+
83
+ /* Clearing */
84
+ .ui.cards:after,
85
+ .ui.card:after {
86
+ display: block;
87
+ content: ' ';
88
+ height: 0px;
89
+ clear: both;
90
+ overflow: hidden;
91
+ visibility: hidden;
92
+ }
93
+
94
+ /* Consecutive Card Groups Preserve Row Spacing */
95
+ .ui.cards ~ .ui.cards {
96
+ margin-top: 0.875em;
97
+ }
98
+
99
+ /*--------------
100
+ Rounded Edges
101
+ ---------------*/
102
+
103
+ .ui.cards > .card > :first-child,
104
+ .ui.card > :first-child {
105
+ border-radius: 0.2857rem 0.2857rem 0em 0em !important;
106
+ }
107
+ .ui.cards > .card > :last-child,
108
+ .ui.card > :last-child {
109
+ border-radius: 0em 0em 0.2857rem 0.2857rem !important;
110
+ }
111
+
112
+ /*--------------
113
+ Images
114
+ ---------------*/
115
+
116
+ .ui.cards > .card > .image,
117
+ .ui.card > .image {
118
+ display: block;
119
+ position: relative;
120
+ padding: 0em;
121
+ background: rgba(0, 0, 0, 0.05);
122
+ }
123
+ .ui.cards > .card > .image > img,
124
+ .ui.card > .image > img {
125
+ display: block;
126
+ width: 100%;
127
+ height: auto;
128
+ border-radius: 0.2857rem 0.2857rem 0em 0em;
129
+ border: none;
130
+ }
131
+ .ui.cards > .card > .image:only-child > img,
132
+ .ui.card > .image:only-child > img {
133
+ border-radius: 0.2857rem;
134
+ }
135
+
136
+ /*--------------
137
+ Content
138
+ ---------------*/
139
+
140
+ .ui.cards > .card > .content,
141
+ .ui.card > .content {
142
+ -webkit-box-flex: 1;
143
+ -webkit-flex-grow: 1;
144
+ -ms-flex-positive: 1;
145
+ flex-grow: 1;
146
+ background: none;
147
+ margin: 0em;
148
+ padding: 1em 1em;
149
+ box-shadow: none;
150
+ font-size: 1em;
151
+ border: none;
152
+ border-radius: 0em;
153
+ }
154
+ .ui.cards > .card > .content:after,
155
+ .ui.card > .content:after {
156
+ display: block;
157
+ content: ' ';
158
+ height: 0px;
159
+ clear: both;
160
+ overflow: hidden;
161
+ visibility: hidden;
162
+ }
163
+ .ui.cards > .card > .content > .header,
164
+ .ui.card > .content > .header {
165
+ display: block;
166
+ margin: 0em;
167
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
168
+ color: rgba(0, 0, 0, 0.85);
169
+ }
170
+
171
+ /* Default Header Size */
172
+ .ui.cards > .card > .content > .header:not(.ui),
173
+ .ui.card > .content > .header:not(.ui) {
174
+ font-weight: bold;
175
+ font-size: 1.2em;
176
+ margin-top: -0.165em;
177
+ line-height: 1.33em;
178
+ }
179
+ .ui.cards > .card > .content > .meta + .description,
180
+ .ui.cards > .card > .content > .header + .description,
181
+ .ui.card > .content > .meta + .description,
182
+ .ui.card > .content > .header + .description {
183
+ margin-top: 0.5em;
184
+ }
185
+
186
+ /*--------------
187
+ Floated
188
+ ---------------*/
189
+
190
+ .ui.cards > .card [class*="left floated"],
191
+ .ui.card [class*="left floated"] {
192
+ float: left;
193
+ }
194
+ .ui.cards > .card [class*="right floated"],
195
+ .ui.card [class*="right floated"] {
196
+ float: right;
197
+ }
198
+
199
+ /*--------------
200
+ Aligned
201
+ ---------------*/
202
+
203
+ .ui.cards > .card [class*="left aligned"],
204
+ .ui.card [class*="left aligned"] {
205
+ text-align: left;
206
+ }
207
+ .ui.cards > .card [class*="center aligned"],
208
+ .ui.card [class*="center aligned"] {
209
+ text-align: center;
210
+ }
211
+ .ui.cards > .card [class*="right aligned"],
212
+ .ui.card [class*="right aligned"] {
213
+ text-align: right;
214
+ }
215
+
216
+ /*--------------
217
+ Content Image
218
+ ---------------*/
219
+
220
+ .ui.cards > .card .content img,
221
+ .ui.card .content img {
222
+ display: inline-block;
223
+ vertical-align: middle;
224
+ width: auto;
225
+ }
226
+ .ui.cards > .card img.avatar,
227
+ .ui.cards > .card .avatar img,
228
+ .ui.card img.avatar,
229
+ .ui.card .avatar img {
230
+ width: 2.5em;
231
+ height: 2.5em;
232
+ border-radius: 500rem;
233
+ }
234
+
235
+ /*--------------
236
+ Description
237
+ ---------------*/
238
+
239
+ .ui.cards > .card > .content > .description,
240
+ .ui.card > .content > .description {
241
+ clear: both;
242
+ color: rgba(0, 0, 0, 0.5);
243
+ }
244
+
245
+ /*--------------
246
+ Paragraph
247
+ ---------------*/
248
+
249
+ .ui.cards > .card > .content p,
250
+ .ui.card > .content p {
251
+ margin: 0em 0em 0.5em;
252
+ }
253
+ .ui.cards > .card > .content p:last-child,
254
+ .ui.card > .content p:last-child {
255
+ margin-bottom: 0em;
256
+ }
257
+
258
+ /*--------------
259
+ Meta
260
+ ---------------*/
261
+
262
+ .ui.cards > .card .meta,
263
+ .ui.card .meta {
264
+ font-size: 0.9em;
265
+ color: rgba(0, 0, 0, 0.4);
266
+ }
267
+ .ui.cards > .card .meta *,
268
+ .ui.card .meta * {
269
+ margin-right: 0.3em;
270
+ }
271
+ .ui.cards > .card .meta :last-child,
272
+ .ui.card .meta :last-child {
273
+ margin-right: 0em;
274
+ }
275
+ .ui.cards > .card .meta [class*="right floated"],
276
+ .ui.card .meta [class*="right floated"] {
277
+ margin-right: 0em;
278
+ margin-left: 0.3em;
279
+ }
280
+
281
+ /*--------------
282
+ Links
283
+ ---------------*/
284
+
285
+
286
+ /* Generic */
287
+ .ui.cards > .card > .content a:not(.ui),
288
+ .ui.card > .content a:not(.ui) {
289
+ color: '';
290
+ -webkit-transition: color 0.2s ease;
291
+ transition: color 0.2s ease;
292
+ }
293
+ .ui.cards > .card > .content a:not(.ui):hover,
294
+ .ui.card > .content a:not(.ui):hover {
295
+ color: '';
296
+ }
297
+
298
+ /* Header */
299
+ .ui.cards > .card > .content > a.header,
300
+ .ui.card > .content > a.header {
301
+ color: rgba(0, 0, 0, 0.85);
302
+ }
303
+ .ui.cards > .card > .content > a.header:hover,
304
+ .ui.card > .content > a.header:hover {
305
+ color: #00b2f3;
306
+ }
307
+
308
+ /* Meta */
309
+ .ui.cards > .card .meta > a:not(.ui),
310
+ .ui.card .meta > a:not(.ui) {
311
+ color: rgba(0, 0, 0, 0.4);
312
+ }
313
+ .ui.cards > .card .meta > a:not(.ui):hover,
314
+ .ui.card .meta > a:not(.ui):hover {
315
+ color: rgba(0, 0, 0, 0.8);
316
+ }
317
+
318
+ /*--------------
319
+ Buttons
320
+ ---------------*/
321
+
322
+ .ui.cards > .card > .buttons:last-child,
323
+ .ui.card > .buttons:last-child,
324
+ .ui.cards > .card > .button:last-child,
325
+ .ui.card > .button:last-child {
326
+ margin: 0em 0em -1px;
327
+ width: 100%;
328
+ }
329
+
330
+ /*--------------
331
+ Dimmer
332
+ ---------------*/
333
+
334
+ .ui.cards > .card .dimmer,
335
+ .ui.card .dimmer {
336
+ background: '';
337
+ z-index: 10;
338
+ }
339
+
340
+ /*--------------
341
+ Labels
342
+ ---------------*/
343
+
344
+
345
+ /*-----Star----- */
346
+
347
+
348
+ /* Icon */
349
+ .ui.cards > .card > .content .star.icon,
350
+ .ui.card > .content .star.icon {
351
+ cursor: pointer;
352
+ opacity: 0.75;
353
+ -webkit-transition: color 0.2s ease;
354
+ transition: color 0.2s ease;
355
+ }
356
+ .ui.cards > .card > .content .star.icon:hover,
357
+ .ui.card > .content .star.icon:hover {
358
+ opacity: 1;
359
+ color: #ffb70a;
360
+ }
361
+ .ui.cards > .card > .content .active.star.icon,
362
+ .ui.card > .content .active.star.icon {
363
+ color: #ffe623;
364
+ }
365
+
366
+ /*-----Like----- */
367
+
368
+
369
+ /* Icon */
370
+ .ui.cards > .card > .content .like.icon,
371
+ .ui.card > .content .like.icon {
372
+ cursor: pointer;
373
+ opacity: 0.75;
374
+ -webkit-transition: color 0.2s ease;
375
+ transition: color 0.2s ease;
376
+ }
377
+ .ui.cards > .card > .content .like.icon:hover,
378
+ .ui.card > .content .like.icon:hover {
379
+ opacity: 1;
380
+ color: #ff2733;
381
+ }
382
+ .ui.cards > .card > .content .active.like.icon,
383
+ .ui.card > .content .active.like.icon {
384
+ color: #ff2733;
385
+ }
386
+
387
+ /*----------------
388
+ Extra Content
389
+ -----------------*/
390
+
391
+ .ui.cards > .card > .extra,
392
+ .ui.card > .extra {
393
+ max-width: 100%;
394
+ min-height: 0em !important;
395
+ -webkit-box-flex: 0;
396
+ -webkit-flex-grow: 0;
397
+ -ms-flex-positive: 0;
398
+ flex-grow: 0;
399
+ position: static;
400
+ background: none;
401
+ width: auto;
402
+ margin: 0em 0em;
403
+ padding: 0.75em 1em;
404
+ top: 0em;
405
+ left: 0em;
406
+ color: rgba(0, 0, 0, 0.4);
407
+ box-shadow: none;
408
+ -webkit-transition: color 0.2s ease;
409
+ transition: color 0.2s ease;
410
+ border-top: 1px solid rgba(0, 0, 0, 0.05);
411
+ }
412
+ .ui.cards > .card > .extra a:not(.ui),
413
+ .ui.card > .extra a:not(.ui) {
414
+ color: rgba(0, 0, 0, 0.4);
415
+ }
416
+ .ui.cards > .card > .extra a:not(.ui):hover,
417
+ .ui.card > .extra a:not(.ui):hover {
418
+ color: #00b2f3;
419
+ }
420
+
421
+
422
+ /*******************************
423
+ Variations
424
+ *******************************/
425
+
426
+
427
+ /*-------------------
428
+ Fluid
429
+ --------------------*/
430
+
431
+ .ui.fluid.card {
432
+ width: 100%;
433
+ max-width: 9999px;
434
+ }
435
+
436
+ /*-------------------
437
+ Link
438
+ --------------------*/
439
+
440
+ .ui.cards a.card:hover,
441
+ .ui.link.cards .card:hover,
442
+ a.ui.card:hover,
443
+ .ui.link.card:hover {
444
+ cursor: pointer;
445
+ z-index: 5;
446
+ background: '';
447
+ border: none;
448
+ box-shadow: 0px 3px 0px 0px #bebebf, 0px 0px 0px 1px rgba(39, 41, 43, 0.3);
449
+ }
450
+
451
+ /*-------------------
452
+ Colors
453
+ --------------------*/
454
+
455
+ .ui.black.cards > .card,
456
+ .ui.cards > .black.card,
457
+ .ui.black.card {
458
+ box-shadow: 0px 3px 0px 0px #1b1c1d, 0px 0px 0px 1px #d4d4d5;
459
+ }
460
+ .ui.blue.cards > .card,
461
+ .ui.cards > .blue.card,
462
+ .ui.blue.card {
463
+ box-shadow: 0px 3px 0px 0px #3b83c0, 0px 0px 0px 1px #d4d4d5;
464
+ }
465
+ .ui.green.cards > .card,
466
+ .ui.cards > .green.card,
467
+ .ui.green.card {
468
+ box-shadow: 0px 3px 0px 0px #5bbd72, 0px 0px 0px 1px #d4d4d5;
469
+ }
470
+ .ui.orange.cards > .card,
471
+ .ui.cards > .orange.card,
472
+ .ui.orange.card {
473
+ box-shadow: 0px 3px 0px 0px #e07b53, 0px 0px 0px 1px #d4d4d5;
474
+ }
475
+ .ui.pink.cards > .card,
476
+ .ui.cards > .pink.card,
477
+ .ui.pink.card {
478
+ box-shadow: 0px 3px 0px 0px #d9499a, 0px 0px 0px 1px #d4d4d5;
479
+ }
480
+ .ui.purple.cards > .card,
481
+ .ui.cards > .purple.card,
482
+ .ui.purple.card {
483
+ box-shadow: 0px 3px 0px 0px #564f8a, 0px 0px 0px 1px #d4d4d5;
484
+ }
485
+ .ui.red.cards > .card,
486
+ .ui.cards > .red.card,
487
+ .ui.red.card {
488
+ box-shadow: 0px 3px 0px 0px #d95c5c, 0px 0px 0px 1px #d4d4d5;
489
+ }
490
+ .ui.teal.cards > .card,
491
+ .ui.cards > .teal.card,
492
+ .ui.teal.card {
493
+ box-shadow: 0px 3px 0px 0px #00b5ad, 0px 0px 0px 1px #d4d4d5;
494
+ }
495
+ .ui.yellow.cards > .card,
496
+ .ui.cards > .yellow.card,
497
+ .ui.yellow.card {
498
+ box-shadow: 0px 3px 0px 0px #f2c61f, 0px 0px 0px 1px #d4d4d5;
499
+ }
500
+
501
+ /* Hover */
502
+ .ui.black.cards > .card:hover,
503
+ .ui.cards > .black.card:hover,
504
+ .ui.black.card:hover {
505
+ box-shadow: 0px 3px 0px 0px #1b1c1d, 0px 0px 0px 1px #d4d4d5;
506
+ }
507
+ .ui.blue.cards > .card:hover,
508
+ .ui.cards > .blue.card:hover,
509
+ .ui.blue.card:hover {
510
+ box-shadow: 0px 3px 0px 0px #458ac6, 0px 0px 0px 1px #d4d4d5;
511
+ }
512
+ .ui.green.cards > .card:hover,
513
+ .ui.cards > .green.card:hover,
514
+ .ui.green.card:hover {
515
+ box-shadow: 0px 3px 0px 0px #66c17b, 0px 0px 0px 1px #d4d4d5;
516
+ }
517
+ .ui.orange.cards > .card:hover,
518
+ .ui.cards > .orange.card:hover,
519
+ .ui.orange.card:hover {
520
+ box-shadow: 0px 3px 0px 0px #e28560, 0px 0px 0px 1px #d4d4d5;
521
+ }
522
+ .ui.pink.cards > .card:hover,
523
+ .ui.cards > .pink.card:hover,
524
+ .ui.pink.card:hover {
525
+ box-shadow: 0px 3px 0px 0px #dc56a1, 0px 0px 0px 1px #d4d4d5;
526
+ }
527
+ .ui.purple.cards > .card:hover,
528
+ .ui.cards > .purple.card:hover,
529
+ .ui.purple.card:hover {
530
+ box-shadow: 0px 3px 0px 0px #5c5594, 0px 0px 0px 1px #d4d4d5;
531
+ }
532
+ .ui.red.cards > .card:hover,
533
+ .ui.cards > .red.card:hover,
534
+ .ui.red.card:hover {
535
+ box-shadow: 0px 3px 0px 0px #dc6868, 0px 0px 0px 1px #d4d4d5;
536
+ }
537
+ .ui.teal.cards > .card:hover,
538
+ .ui.cards > .teal.card:hover,
539
+ .ui.teal.card:hover {
540
+ box-shadow: 0px 3px 0px 0px #00c4bc, 0px 0px 0px 1px #d4d4d5;
541
+ }
542
+ .ui.yellow.cards > .card:hover,
543
+ .ui.cards > .yellow.card:hover,
544
+ .ui.yellow.card:hover {
545
+ box-shadow: 0px 3px 0px 0px #f3ca2d, 0px 0px 0px 1px #d4d4d5;
546
+ }
547
+
548
+ /*--------------
549
+ Card Count
550
+ ---------------*/
551
+
552
+ .ui.one.cards {
553
+ margin-left: 0em;
554
+ margin-right: 0em;
555
+ }
556
+ .ui.one.cards > .card {
557
+ width: 100%;
558
+ }
559
+ .ui.two.cards {
560
+ margin-left: -1em;
561
+ margin-right: -1em;
562
+ }
563
+ .ui.two.cards > .card {
564
+ width: -webkit-calc( 50% - 2em );
565
+ width: calc( 50% - 2em );
566
+ margin-left: 1em;
567
+ margin-right: 1em;
568
+ }
569
+ .ui.two.cards > .card:nth-child(2n+1) {
570
+ clear: left;
571
+ }
572
+ .ui.three.cards {
573
+ margin-left: -1em;
574
+ margin-right: -1em;
575
+ }
576
+ .ui.three.cards > .card {
577
+ width: -webkit-calc( 33.33333333% - 2em );
578
+ width: calc( 33.33333333% - 2em );
579
+ margin-left: 1em;
580
+ margin-right: 1em;
581
+ }
582
+ .ui.three.cards > .card:nth-child(3n+1) {
583
+ clear: left;
584
+ }
585
+ .ui.four.cards {
586
+ margin-left: -0.75em;
587
+ margin-right: -0.75em;
588
+ }
589
+ .ui.four.cards > .card {
590
+ width: -webkit-calc( 25% - 1.5em );
591
+ width: calc( 25% - 1.5em );
592
+ margin-left: 0.75em;
593
+ margin-right: 0.75em;
594
+ }
595
+ .ui.four.cards > .card:nth-child(4n+1) {
596
+ clear: left;
597
+ }
598
+ .ui.five.cards {
599
+ margin-left: -0.75em;
600
+ margin-right: -0.75em;
601
+ }
602
+ .ui.five.cards > .card {
603
+ width: -webkit-calc( 20% - 1.5em );
604
+ width: calc( 20% - 1.5em );
605
+ margin-left: 0.75em;
606
+ margin-right: 0.75em;
607
+ }
608
+ .ui.five.cards > .card:nth-child(5n+1) {
609
+ clear: left;
610
+ }
611
+ .ui.six.cards {
612
+ margin-left: -0.75em;
613
+ margin-right: -0.75em;
614
+ }
615
+ .ui.six.cards > .card {
616
+ width: -webkit-calc( 16.66666667% - 1.5em );
617
+ width: calc( 16.66666667% - 1.5em );
618
+ margin-left: 0.75em;
619
+ margin-right: 0.75em;
620
+ }
621
+ .ui.six.cards > .card:nth-child(6n+1) {
622
+ clear: left;
623
+ }
624
+ .ui.seven.cards {
625
+ margin-left: -0.5em;
626
+ margin-right: -0.5em;
627
+ }
628
+ .ui.seven.cards > .card {
629
+ width: -webkit-calc( 14.28571429% - 1em );
630
+ width: calc( 14.28571429% - 1em );
631
+ margin-left: 0.5em;
632
+ margin-right: 0.5em;
633
+ }
634
+ .ui.seven.cards > .card:nth-child(7n+1) {
635
+ clear: left;
636
+ }
637
+ .ui.eight.cards {
638
+ margin-left: -0.5em;
639
+ margin-right: -0.5em;
640
+ }
641
+ .ui.eight.cards > .card {
642
+ width: -webkit-calc( 12.5% - 1em );
643
+ width: calc( 12.5% - 1em );
644
+ margin-left: 0.5em;
645
+ margin-right: 0.5em;
646
+ font-size: 11px;
647
+ }
648
+ .ui.eight.cards > .card:nth-child(8n+1) {
649
+ clear: left;
650
+ }
651
+ .ui.nine.cards {
652
+ margin-left: -0.5em;
653
+ margin-right: -0.5em;
654
+ }
655
+ .ui.nine.cards > .card {
656
+ width: -webkit-calc( 11.11111111% - 1em );
657
+ width: calc( 11.11111111% - 1em );
658
+ margin-left: 0.5em;
659
+ margin-right: 0.5em;
660
+ font-size: 10px;
661
+ }
662
+ .ui.nine.cards > .card:nth-child(9n+1) {
663
+ clear: left;
664
+ }
665
+ .ui.ten.cards {
666
+ margin-left: -0.5em;
667
+ margin-right: -0.5em;
668
+ }
669
+ .ui.ten.cards > .card {
670
+ width: -webkit-calc( 10% - 1em );
671
+ width: calc( 10% - 1em );
672
+ margin-left: 0.5em;
673
+ margin-right: 0.5em;
674
+ }
675
+ .ui.ten.cards > .card:nth-child(10n+1) {
676
+ clear: left;
677
+ }
678
+
679
+ /*-------------------
680
+ Doubling
681
+ --------------------*/
682
+
683
+
684
+ /* Mobily Only */
685
+ @media only screen and (max-width: 767px) {
686
+ .ui.two.doubling.cards {
687
+ margin-left: 0em;
688
+ margin-right: 0em;
689
+ }
690
+ .ui.two.doubling.cards .card {
691
+ width: 100%;
692
+ margin-left: 0em;
693
+ margin-right: 0em;
694
+ }
695
+ .ui.three.doubling.cards {
696
+ margin-left: -1em;
697
+ margin-right: -1em;
698
+ }
699
+ .ui.three.doubling.cards .card {
700
+ width: -webkit-calc( 50% - 2em );
701
+ width: calc( 50% - 2em );
702
+ margin-left: 1em;
703
+ margin-right: 1em;
704
+ }
705
+ .ui.four.doubling.cards {
706
+ margin-left: -1em;
707
+ margin-right: -1em;
708
+ }
709
+ .ui.four.doubling.cards .card {
710
+ width: -webkit-calc( 50% - 2em );
711
+ width: calc( 50% - 2em );
712
+ margin-left: 1em;
713
+ margin-right: 1em;
714
+ }
715
+ .ui.five.doubling.cards {
716
+ margin-left: -1em;
717
+ margin-right: -1em;
718
+ }
719
+ .ui.five.doubling.cards .card {
720
+ width: -webkit-calc( 50% - 2em );
721
+ width: calc( 50% - 2em );
722
+ margin-left: 1em;
723
+ margin-right: 1em;
724
+ }
725
+ .ui.six.doubling.cards {
726
+ margin-left: -1em;
727
+ margin-right: -1em;
728
+ }
729
+ .ui.six.doubling.cards .card {
730
+ width: -webkit-calc( 50% - 2em );
731
+ width: calc( 50% - 2em );
732
+ margin-left: 1em;
733
+ margin-right: 1em;
734
+ }
735
+ .ui.seven.doubling.cards {
736
+ margin-left: -1em;
737
+ margin-right: -1em;
738
+ }
739
+ .ui.seven.doubling.cards .card {
740
+ width: -webkit-calc( 33.33333333% - 2em );
741
+ width: calc( 33.33333333% - 2em );
742
+ margin-left: 1em;
743
+ margin-right: 1em;
744
+ }
745
+ .ui.eight.doubling.cards {
746
+ margin-left: -1em;
747
+ margin-right: -1em;
748
+ }
749
+ .ui.eight.doubling.cards .card {
750
+ width: -webkit-calc( 33.33333333% - 2em );
751
+ width: calc( 33.33333333% - 2em );
752
+ margin-left: 1em;
753
+ margin-right: 1em;
754
+ }
755
+ .ui.nine.doubling.cards {
756
+ margin-left: -1em;
757
+ margin-right: -1em;
758
+ }
759
+ .ui.nine.doubling.cards .card {
760
+ width: -webkit-calc( 33.33333333% - 2em );
761
+ width: calc( 33.33333333% - 2em );
762
+ margin-left: 1em;
763
+ margin-right: 1em;
764
+ }
765
+ .ui.ten.doubling.cards {
766
+ margin-left: -1em;
767
+ margin-right: -1em;
768
+ }
769
+ .ui.ten.doubling.cards .card {
770
+ width: -webkit-calc( 33.33333333% - 2em );
771
+ width: calc( 33.33333333% - 2em );
772
+ margin-left: 1em;
773
+ margin-right: 1em;
774
+ }
775
+ }
776
+
777
+ /* Tablet Only */
778
+ @media only screen and (min-width: 768px) and (max-width: 991px) {
779
+ .ui.two.doubling.cards {
780
+ margin-left: 0em;
781
+ margin-right: 0em;
782
+ }
783
+ .ui.two.doubling.cards .card {
784
+ width: 100%;
785
+ margin-left: 0em;
786
+ margin-right: 0em;
787
+ }
788
+ .ui.three.doubling.cards {
789
+ margin-left: -1em;
790
+ margin-right: -1em;
791
+ }
792
+ .ui.three.doubling.cards .card {
793
+ width: -webkit-calc( 50% - 2em );
794
+ width: calc( 50% - 2em );
795
+ margin-left: 1em;
796
+ margin-right: 1em;
797
+ }
798
+ .ui.four.doubling.cards {
799
+ margin-left: -1em;
800
+ margin-right: -1em;
801
+ }
802
+ .ui.four.doubling.cards .card {
803
+ width: -webkit-calc( 50% - 2em );
804
+ width: calc( 50% - 2em );
805
+ margin-left: 1em;
806
+ margin-right: 1em;
807
+ }
808
+ .ui.five.doubling.cards {
809
+ margin-left: -1em;
810
+ margin-right: -1em;
811
+ }
812
+ .ui.five.doubling.cards .card {
813
+ width: -webkit-calc( 33.33333333% - 2em );
814
+ width: calc( 33.33333333% - 2em );
815
+ margin-left: 1em;
816
+ margin-right: 1em;
817
+ }
818
+ .ui.six.doubling.cards {
819
+ margin-left: -1em;
820
+ margin-right: -1em;
821
+ }
822
+ .ui.six.doubling.cards .card {
823
+ width: -webkit-calc( 33.33333333% - 2em );
824
+ width: calc( 33.33333333% - 2em );
825
+ margin-left: 1em;
826
+ margin-right: 1em;
827
+ }
828
+ .ui.eight.doubling.cards {
829
+ margin-left: -1em;
830
+ margin-right: -1em;
831
+ }
832
+ .ui.eight.doubling.cards .card {
833
+ width: -webkit-calc( 33.33333333% - 2em );
834
+ width: calc( 33.33333333% - 2em );
835
+ margin-left: 1em;
836
+ margin-right: 1em;
837
+ }
838
+ .ui.eight.doubling.cards {
839
+ margin-left: -0.75em;
840
+ margin-right: -0.75em;
841
+ }
842
+ .ui.eight.doubling.cards .card {
843
+ width: -webkit-calc( 25% - 1.5em );
844
+ width: calc( 25% - 1.5em );
845
+ margin-left: 0.75em;
846
+ margin-right: 0.75em;
847
+ }
848
+ .ui.nine.doubling.cards {
849
+ margin-left: -0.75em;
850
+ margin-right: -0.75em;
851
+ }
852
+ .ui.nine.doubling.cards .card {
853
+ width: -webkit-calc( 25% - 1.5em );
854
+ width: calc( 25% - 1.5em );
855
+ margin-left: 0.75em;
856
+ margin-right: 0.75em;
857
+ }
858
+ .ui.ten.doubling.cards {
859
+ margin-left: -0.75em;
860
+ margin-right: -0.75em;
861
+ }
862
+ .ui.ten.doubling.cards .card {
863
+ width: -webkit-calc( 20% - 1.5em );
864
+ width: calc( 20% - 1.5em );
865
+ margin-left: 0.75em;
866
+ margin-right: 0.75em;
867
+ }
868
+ }
869
+
870
+ /*-------------------
871
+ Stackable
872
+ --------------------*/
873
+
874
+ @media only screen and (max-width: 767px) {
875
+ .ui.stackable.cards {
876
+ display: block !important;
877
+ }
878
+ .ui.stackable.cards .card:first-child {
879
+ margin-top: 0em !important;
880
+ }
881
+ .ui.stackable.cards > .card {
882
+ display: block !important;
883
+ height: auto !important;
884
+ margin: 1em 1em;
885
+ padding: 0 !important;
886
+ width: -webkit-calc( 100% - 2em ) !important;
887
+ width: calc( 100% - 2em ) !important;
888
+ }
889
+ }
890
+
891
+ /*--------------
892
+ Size
893
+ ---------------*/
894
+
895
+ .ui.cards > .card {
896
+ font-size: 1em;
897
+ }
898
+
899
+
900
+ /*******************************
901
+ Theme Overrides
902
+ *******************************/
903
+
904
+
905
+
906
+ /*******************************
907
+ User Variable Overrides
908
+ *******************************/
909
+