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 - List
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.list,ol.ui.list,ul.ui.list{list-style-type:none;margin:1em 0;padding:0}.ui.list:first-child,ol.ui.list:first-child,ul.ui.list:first-child{margin-top:0;padding-top:0}.ui.list:last-child,ol.ui.list:last-child,ul.ui.list:last-child{margin-bottom:0;padding-bottom:0}.ui.list .list>.item,.ui.list>.item,ol.ui.list li,ul.ui.list li{display:list-item;table-layout:fixed;list-style-type:none;list-style-position:outside;padding:.3em 0;line-height:1.2}.ui.list>.item:after,.ui.list>.list>.item,ol.ui.list>li:first-child:after,ul.ui.list>li:first-child:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui.list .list>.item:first-child,.ui.list>.item:first-child,ol.ui.list li:first-child,ul.ui.list li:first-child{padding-top:0}.ui.list .list>.item:last-child,.ui.list>.item:last-child,ol.ui.list li:last-child,ul.ui.list li:last-child{padding-bottom:0}.ui.list .list,ol.ui.list ol,ul.ui.list ul{clear:both;margin:0;padding:.75em 0 .25em .5em}.ui.list .list>.item>i.icon,.ui.list>.item>i.icon{display:table-cell;margin:0;padding-top:.1rem;padding-right:.3em;vertical-align:middle;-webkit-transition:color .2s ease;transition:color .2s ease}.ui.list .list>.item i[class*="top aligned"].icon,.ui.list>.item>i[class*="top aligned"].icon{vertical-align:top}.ui.list .list>.item>i.icon:only-child,.ui.list>.item>i.icon:only-child{display:inline-block;vertical-align:top}.ui.list .list>.item>.image,.ui.list>.item>.image{display:table-cell;background-color:transparent;margin:0;padding-right:.5em;vertical-align:middle}.ui.list .list>.item>[class*="top aligned"].image,.ui.list>.item>[class*="top aligned"].image{vertical-align:top}.ui.list .list>.item>.image img,.ui.list>.item>.image img{vertical-align:middle}.ui.list .list>.item>.image:only-child,.ui.list .list>.item>img.image,.ui.list>.item>.image:only-child,.ui.list>.item>img.image{display:inline-block;padding-right:0}.ui.list .list>.item>.content,.ui.list>.item>.content{line-height:1.2em}.ui.list .list>.item>.icon+.content,.ui.list .list>.item>.icon+.content .ui.list>.item>.image+.content,.ui.list .list>.item>.image+.content,.ui.list>.item>.icon+.content,.ui.list>.item>.image+.content{display:table-cell;padding:0 0 0 .5em;vertical-align:middle}.ui.list .list>.item>img.image+.content,.ui.list>.item>img.image+.content{display:inline-block}.ui.list .list>.item [class*="top aligned"].content,.ui.list>.item>[class*="top aligned"].content{vertical-align:top}.ui.list .list>.item>.content>.list,.ui.list>.item>.content>.list{margin-left:0;padding-left:0}.ui.list .list>a.item,.ui.list>a.item{cursor:pointer;color:rgba(0,0,0,.8)}.ui.list .list>a.item:hover,.ui.list>a.item:hover{color:#00b2f3}.ui.list .list>a.item i.icon,.ui.list>a.item i.icon{color:rgba(0,0,0,.4)}.ui.list .item a{cursor:pointer;color:rgba(0,0,0,.8)!important}.ui.list .item a:hover{color:#00b2f3!important}.ui.list .list>.item .header,.ui.list>.item .header{display:block;margin:0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;color:rgba(0,0,0,.8)}.ui.list .list>.item .description,.ui.list>.item .description{display:block;color:rgba(0,0,0,.8)}.ui.list .list>.item [class*="left floated"],.ui.list>.item [class*="left floated"]{float:left;margin:0 1em 0 0}.ui.list .list>.item [class*="right floated"],.ui.list>.item [class*="right floated"]{float:right;margin:0 0 0 1em}.ui.menu .ui.list .list>.item,.ui.menu .ui.list>.item{display:list-item;table-layout:fixed;background-color:transparent;list-style-type:none;list-style-position:outside;padding:.3em 0;line-height:1.2}.ui.menu .ui.list .list>.item:before,.ui.menu .ui.list>.item:before{border:none;background:0 0}.ui.menu .ui.list .list>.item:first-child,.ui.menu .ui.list>.item:first-child{padding-top:0}.ui.menu .ui.list .list>.item:last-child,.ui.menu .ui.list>.item:last-child{padding-bottom:0}.ui.horizontal.list{display:inline-block;font-size:0}.ui.horizontal.list>.item{display:inline-block;margin-left:1em}.ui.horizontal.list>.item:first-child{margin-left:0!important;padding-left:0!important}.ui.horizontal.list .list{padding-left:0;padding-bottom:0}.ui.horizontal.list>.item:first-child,.ui.horizontal.list>.item:last-child{padding-top:.3em;padding-bottom:.3em}.ui.horizontal.list>.item>i.icon{margin:0;padding:0 .25em 0 0}.ui.horizontal.list>.item>.icon,.ui.horizontal.list>.item>.icon+.content{float:none;display:inline-block}.ui.list .list>.disabled.item,.ui.list>.disabled.item{pointer-events:none;color:rgba(40,40,40,.3)!important}.ui.inverted.list .list>.disabled.item,.ui.inverted.list>.disabled.item{color:rgba(225,225,225,.3)!important}.ui.list .list>a.item:hover .icon,.ui.list>a.item:hover .icon{color:rgba(0,0,0,.8)}.ui.inverted.list .list>a.item>.icon,.ui.inverted.list>a.item>.icon{color:rgba(255,255,255,.8)}.ui.inverted.list .list>.item .header,.ui.inverted.list>.item .header{color:#fff}.ui.inverted.list .list>.item .description,.ui.inverted.list>.item .description{color:rgba(255,255,255,.8)}.ui.inverted.list .list>a.item,.ui.inverted.list>a.item{cursor:pointer;color:#fff}.ui.inverted.list .list>a.item:hover,.ui.inverted.list>a.item:hover{color:#00b2f3}.ui.inverted.list .item a{cursor:pointer;color:#fff!important}.ui.inverted.list .item a:hover{color:#00b2f3!important}.ui.link.list .item,.ui.link.list .item a,.ui.link.list a.item{color:rgba(0,0,0,.4);-webkit-transition:.2s color ease;transition:.2s color ease}.ui.link.list .active.item,.ui.link.list .active.item a,.ui.link.list .item a:active,.ui.link.list .item a:hover,.ui.link.list a.item:active,.ui.link.list a.item:hover{color:rgba(0,0,0,.8)}.ui.inverted.link.list .item,.ui.inverted.link.list .item a,.ui.inverted.link.list a.item{color:rgba(255,255,255,.5)}.ui.inverted.link.list .active.item a,.ui.inverted.link.list .item a:active,.ui.inverted.link.list .item a:hover,.ui.inverted.link.list a.active.item,.ui.inverted.link.list a.item:active,.ui.inverted.link.list a.item:hover{color:#fff}.ui.selection.list .list>.item,.ui.selection.list>.item{cursor:pointer;background:0 0;padding:.5em;margin:0;color:rgba(0,0,0,.4);border-radius:.5em;-webkit-transition:.2s color ease,.2s padding-left ease,.2s background-color ease;transition:.2s color ease,.2s padding-left ease,.2s background-color ease}.ui.selection.list .list>.item:last-child,.ui.selection.list>.item:last-child{margin-bottom:0}.ui.selection.list.list>.item:hover,.ui.selection.list>.item:hover{background:rgba(0,0,0,.03);color:rgba(0,0,0,.8)}.ui.selection.list .list>.item.active,.ui.selection.list .list>.item:active,.ui.selection.list>.item.active,.ui.selection.list>.item:active{background:rgba(0,0,0,.05);color:rgba(0,0,0,.8)}.ui.inverted.selection.list>.item{background:0 0;color:rgba(255,255,255,.5)}.ui.inverted.selection.list>.item:hover{background:rgba(255,255,255,.02);color:#fff}.ui.inverted.selection.list>.item.active,.ui.inverted.selection.list>.item:active{background:rgba(255,255,255,.05);color:#fff}.ui.celled.selection.list .list>.item,.ui.celled.selection.list>.item,.ui.divided.selection.list .list>.item,.ui.divided.selection.list>.item{border-radius:0}.ui.animated.list>.item{-webkit-transition:.2s color ease,.2s padding-left ease,.2s background-color ease;transition:.2s color ease,.2s padding-left ease,.2s background-color ease}.ui.animated.list:not(.horizontal)>.item:hover{padding-left:1em}.ui.fitted.list:not(.selection) .list>.item,.ui.fitted.list:not(.selection)>.item{padding-left:0;padding-right:0}.ui.fitted.selection.list .list>.item,.ui.fitted.selection.list>.item{margin-left:-.5em;margin-right:-.5em}.ui.bulleted.list,ul.ui.list{margin-left:1rem}.ui.bulleted.list .list>.item,.ui.bulleted.list>.item,ul.ui.list li{position:relative}.ui.bulleted.list .list>.item:before,.ui.bulleted.list>.item:before,ul.ui.list li:before{position:absolute;top:auto;left:auto;margin-left:-1rem;content:'•';opacity:1;color:rgba(0,0,0,.8);vertical-align:top}.ui.bulleted.list .list,ul.ui.list ul{padding-left:1rem}.ui.horizontal.bulleted.list,ul.ui.horizontal.bulleted.list{margin-left:0}.ui.horizontal.bulleted.list>.item,ul.ui.horizontal.bulleted.list li{margin-left:1.5rem}.ui.horizontal.bulleted.list>.item:first-child,ul.ui.horizontal.bulleted.list li:first-child{margin-left:0}.ui.horizontal.bulleted.list>.item:first-child::before,ul.ui.horizontal.bulleted.list li:first-child::before{display:none}.ui.ordered.list,.ui.ordered.list .list,ol.ui.list,ol.ui.list ol{counter-reset:ordered;margin-left:1.25rem;list-style-type:none}.ui.ordered.list .list>.item,.ui.ordered.list>.item,ol.ui.list li{list-style-type:none;position:relative}.ui.ordered.list .list>.item:before,.ui.ordered.list>.item:before,ol.ui.list li:before{position:absolute;top:auto;left:auto;margin-left:-1.25rem;counter-increment:ordered;content:counters(ordered,".") " ";text-align:right;color:rgba(0,0,0,.8);vertical-align:middle;opacity:.8}.ui.ordered.list .list,ol.ui.list ol{margin-left:1em}.ui.ordered.list .list>.item:before,ol.ui.list ol li:before{margin-left:-2em}.ui.ordered.horizontal.list,ol.ui.horizontal.list{margin-left:0}.ui.ordered.horizontal.list .list>.item:before,.ui.ordered.horizontal.list>.item:before,ol.ui.horizontal.list li:before{position:static;margin:0 .5em 0 0}.ui.divided.list>.item{border-top:1px solid rgba(39,41,43,.15)}.ui.divided.list .item .list>.item,.ui.divided.list .list>.item,.ui.divided.list .list>.item:first-child,.ui.divided.list>.item:first-child{border-top:none}.ui.divided.list:not(.horizontal) .list>.item:first-child{border-top-width:1px}.ui.divided.bulleted.list .list,.ui.divided.bulleted.list:not(.horizontal){margin-left:0;padding-left:0}.ui.divided.bulleted.list .list>.item:not(.horizontal),.ui.divided.bulleted.list>.item:not(.horizontal){padding-left:1rem}.ui.divided.ordered.list{margin-left:0}.ui.divided.ordered.list .list>.item,.ui.divided.ordered.list>.item{padding-left:1.25rem}.ui.divided.ordered.list .item .list{margin-left:0;margin-right:0;padding-bottom:.3em}.ui.divided.ordered.list .item .list>.item{padding-left:1em}.ui.divided.selection.list .list>.item,.ui.divided.selection.list>.item{margin:0;border-radius:0}.ui.divided.horizontal.list{margin-left:0}.ui.divided.horizontal.list>.item{border-top:none;border-left:1px solid rgba(39,41,43,.15);margin:0;padding-left:.5em;padding-right:.5em;line-height:.6}.ui.horizontal.divided.list>.item:first-child{border-left:none}.ui.divided.inverted.horizontal.list>.item,.ui.divided.inverted.list>.item,.ui.divided.inverted.list>.list{border-color:rgba(255,255,255,.2)}.ui.celled.list>.item,.ui.celled.list>.list{border-top:1px solid rgba(39,41,43,.15);padding-left:.5em;padding-right:.5em}.ui.celled.list>.item:last-child{border-bottom:1px solid rgba(39,41,43,.15)}.ui.celled.list>.item:first-child,.ui.celled.list>.item:last-child{padding-top:.3em;padding-bottom:.3em}.ui.celled.list .item .list>.item{border-width:0}.ui.celled.list .list>.item:first-child{border-top-width:0}.ui.celled.bulleted.list{margin-left:0}.ui.celled.bulleted.list .list>.item,.ui.celled.bulleted.list>.item{padding-left:1rem}.ui.celled.bulleted.list .item .list{margin-left:-1rem;margin-right:-1rem;padding-bottom:.3em}.ui.celled.ordered.list{margin-left:0}.ui.celled.ordered.list .list>.item,.ui.celled.ordered.list>.item{padding-left:1.25rem}.ui.celled.ordered.list .item .list{margin-left:0;margin-right:0;padding-bottom:.3em}.ui.celled.ordered.list .list>.item{padding-left:1em}.ui.horizontal.celled.list{margin-left:0}.ui.horizontal.celled.list .list>.item,.ui.horizontal.celled.list>.item{border-top:none;border-left:1px solid rgba(39,41,43,.15);margin:0;padding-left:.5em;padding-right:.5em;line-height:.6}.ui.horizontal.celled.list .list>.item:last-child,.ui.horizontal.celled.list>.item:last-child{border-bottom:none;border-right:1px solid rgba(39,41,43,.15)}.ui.celled.inverted.horizontal.list .list>.item,.ui.celled.inverted.horizontal.list>.item,.ui.celled.inverted.list>.item,.ui.celled.inverted.list>.list{border-color:1px solid rgba(255,255,255,.2)}.ui.relaxed.list:not(.horizontal)>.item{padding-top:.5rem;padding-bottom:.5rem}.ui.horizontal.relaxed.list>.item{padding-left:1.25rem;padding-right:1.25rem}.ui[class*="very relaxed"].list:not(.horizontal)>.item{padding-top:1rem;padding-bottom:1rem}.ui.horizontal[class*="very relaxed"].list .list>.item,.ui.horizontal[class*="very relaxed"].list>.item{padding-left:2rem;padding-right:2rem}.ui.mini.list{font-size:.71428571em}.ui.tiny.list{font-size:.85714286em}.ui.small.list{font-size:.92857143em}.ui.list{font-size:1em}.ui.large.list{font-size:1.14285714em}.ui.big.list{font-size:1.28571429em}.ui.huge.list{font-size:1.42857143em}.ui.massive.list{font-size:1.71428571em}.ui.mini.horizontal.list .list>.item,.ui.mini.horizontal.list>.item{font-size:.71428571rem}.ui.tiny.horizontal.list .list>.item,.ui.tiny.horizontal.list>.item{font-size:.85714286rem}.ui.small.horizontal.list .list>.item,.ui.small.horizontal.list>.item{font-size:.92857143rem}.ui.horizontal.list .list>.item,.ui.horizontal.list>.item{font-size:1rem}.ui.large.horizontal.list .list>.item,.ui.large.horizontal.list>.item{font-size:1.14285714rem}.ui.big.horizontal.list .list>.item,.ui.big.horizontal.list>.item{font-size:1.28571429rem}.ui.huge.horizontal.list .list>.item,.ui.huge.horizontal.list>.item{font-size:1.42857143rem}.ui.massive.horizontal.list .list>.item,.ui.massive.horizontal.list>.item{font-size:1.71428571rem}
@@ -0,0 +1,284 @@
1
+ /*!
2
+ * # Semantic UI 1.11.4 - Loader
3
+ * http://github.com/semantic-org/semantic-ui/
4
+ *
5
+ *
6
+ * Copyright 2014 Contributors
7
+ * Released under the MIT license
8
+ * http://opensource.org/licenses/MIT
9
+ *
10
+ */
11
+
12
+
13
+ /*******************************
14
+ Loader
15
+ *******************************/
16
+
17
+
18
+ /* Standard Size */
19
+ .ui.loader {
20
+ display: none;
21
+ position: absolute;
22
+ top: 50%;
23
+ left: 50%;
24
+ margin: 0px;
25
+ text-align: center;
26
+ z-index: 1000;
27
+ -webkit-transform: translateX(-50%) translateY(-50%);
28
+ -ms-transform: translateX(-50%) translateY(-50%);
29
+ transform: translateX(-50%) translateY(-50%);
30
+ }
31
+
32
+ /* Static Shape */
33
+ .ui.loader:before {
34
+ position: absolute;
35
+ content: '';
36
+ top: 0%;
37
+ left: 50%;
38
+ width: 100%;
39
+ height: 100%;
40
+ border-radius: 500rem;
41
+ border: 0.2em solid rgba(0, 0, 0, 0.1);
42
+ }
43
+
44
+ /* Active Shape */
45
+ .ui.loader:after {
46
+ position: absolute;
47
+ content: '';
48
+ top: 0%;
49
+ left: 50%;
50
+ width: 100%;
51
+ height: 100%;
52
+ -webkit-animation: loader 0.6s linear;
53
+ animation: loader 0.6s linear;
54
+ -webkit-animation-iteration-count: infinite;
55
+ animation-iteration-count: infinite;
56
+ border-radius: 500rem;
57
+ border-color: #aaaaaa transparent transparent;
58
+ border-style: solid;
59
+ border-width: 0.2em;
60
+ box-shadow: 0px 0px 0px 1px transparent;
61
+ }
62
+
63
+ /* Active Animation */
64
+ @-webkit-keyframes loader {
65
+ from {
66
+ -webkit-transform: rotate(0deg);
67
+ transform: rotate(0deg);
68
+ }
69
+ to {
70
+ -webkit-transform: rotate(360deg);
71
+ transform: rotate(360deg);
72
+ }
73
+ }
74
+ @keyframes loader {
75
+ from {
76
+ -webkit-transform: rotate(0deg);
77
+ transform: rotate(0deg);
78
+ }
79
+ to {
80
+ -webkit-transform: rotate(360deg);
81
+ transform: rotate(360deg);
82
+ }
83
+ }
84
+
85
+ /* Sizes */
86
+ .ui.loader:before,
87
+ .ui.loader:after {
88
+ width: 2.2585em;
89
+ height: 2.2585em;
90
+ margin: 0em 0em 0em -1.12925em;
91
+ }
92
+ .ui.mini.loader:before,
93
+ .ui.mini.loader:after {
94
+ width: 1.2857em;
95
+ height: 1.2857em;
96
+ margin: 0em 0em 0em -0.64285em;
97
+ }
98
+ .ui.small.loader:before,
99
+ .ui.small.loader:after {
100
+ width: 1.7142em;
101
+ height: 1.7142em;
102
+ margin: 0em 0em 0em -0.8571em;
103
+ }
104
+ .ui.large.loader:before,
105
+ .ui.large.loader:after {
106
+ width: 4.5714em;
107
+ height: 4.5714em;
108
+ margin: 0em 0em 0em -2.2857em;
109
+ }
110
+
111
+ /*-------------------
112
+ Coupling
113
+ --------------------*/
114
+
115
+
116
+ /* Show inside active dimmer */
117
+ .ui.dimmer .loader {
118
+ display: block;
119
+ }
120
+
121
+ /* Black Dimmer */
122
+ .ui.dimmer .ui.loader {
123
+ color: #ffffff;
124
+ }
125
+ .ui.dimmer .ui.loader:before {
126
+ border-color: rgba(255, 255, 255, 0.15);
127
+ }
128
+ .ui.dimmer .ui.loader:after {
129
+ border-color: #ffffff transparent transparent;
130
+ }
131
+
132
+ /* White Dimmer (Inverted) */
133
+ .ui.inverted.dimmer .ui.loader {
134
+ color: rgba(0, 0, 0, 0.8);
135
+ }
136
+ .ui.inverted.dimmer .ui.loader:before {
137
+ border-color: rgba(0, 0, 0, 0.1);
138
+ }
139
+ .ui.inverted.dimmer .ui.loader:after {
140
+ border-color: #aaaaaa transparent transparent;
141
+ }
142
+
143
+
144
+ /*******************************
145
+ Types
146
+ *******************************/
147
+
148
+
149
+ /*-------------------
150
+ Text
151
+ --------------------*/
152
+
153
+ .ui.text.loader {
154
+ width: auto !important;
155
+ height: auto !important;
156
+ text-align: center;
157
+ font-style: normal;
158
+ }
159
+
160
+
161
+ /*******************************
162
+ States
163
+ *******************************/
164
+
165
+ .ui.indeterminate.loader:after {
166
+ -webkit-animation-direction: reverse;
167
+ animation-direction: reverse;
168
+ -webkit-animation-duration: 1.2s;
169
+ animation-duration: 1.2s;
170
+ }
171
+ .ui.loader.active,
172
+ .ui.loader.visible {
173
+ display: block;
174
+ }
175
+ .ui.loader.disabled,
176
+ .ui.loader.hidden {
177
+ display: none;
178
+ }
179
+
180
+
181
+ /*******************************
182
+ Variations
183
+ *******************************/
184
+
185
+
186
+ /*-------------------
187
+ Sizes
188
+ --------------------*/
189
+
190
+
191
+ /* Loader */
192
+ .ui.inverted.dimmer .ui.mini.loader,
193
+ .ui.mini.loader {
194
+ width: 1.2857em;
195
+ height: 1.2857em;
196
+ font-size: 0.7857em;
197
+ }
198
+ .ui.inverted.dimmer .ui.small.loader,
199
+ .ui.small.loader {
200
+ width: 1.7142em;
201
+ height: 1.7142em;
202
+ font-size: 0.9285em;
203
+ }
204
+ .ui.inverted.dimmer .ui.loader,
205
+ .ui.loader {
206
+ width: 2.2585em;
207
+ height: 2.2585em;
208
+ font-size: 1em;
209
+ }
210
+ .ui.inverted.dimmer .ui.loader.large,
211
+ .ui.loader.large {
212
+ width: 4.5714em;
213
+ height: 4.5714em;
214
+ font-size: 1.1428em;
215
+ }
216
+
217
+ /* Text Loader */
218
+ .ui.mini.text.loader {
219
+ min-width: 1.2857em;
220
+ padding-top: 1.9857em;
221
+ }
222
+ .ui.small.text.loader {
223
+ min-width: 1.7142em;
224
+ padding-top: 2.4142em;
225
+ }
226
+ .ui.text.loader {
227
+ min-width: 2.2585em;
228
+ padding-top: 2.9585em;
229
+ }
230
+ .ui.large.text.loader {
231
+ min-width: 4.5714em;
232
+ padding-top: 5.2714em;
233
+ }
234
+
235
+ /*-------------------
236
+ Inverted
237
+ --------------------*/
238
+
239
+ .ui.inverted.loader {
240
+ color: #ffffff;
241
+ }
242
+ .ui.inverted.loader:before {
243
+ border-color: rgba(255, 255, 255, 0.15);
244
+ }
245
+ .ui.inverted.loader:after {
246
+ border-top-color: #ffffff;
247
+ }
248
+
249
+ /*-------------------
250
+ Inline
251
+ --------------------*/
252
+
253
+ .ui.inline.loader {
254
+ position: relative;
255
+ vertical-align: middle;
256
+ margin: 0em;
257
+ left: 0em;
258
+ top: 0em;
259
+ -webkit-transform: none;
260
+ -ms-transform: none;
261
+ transform: none;
262
+ }
263
+ .ui.inline.loader.active,
264
+ .ui.inline.loader.visible {
265
+ display: inline-block;
266
+ }
267
+
268
+ /* Centered Inline */
269
+ .ui.centered.inline.loader.active,
270
+ .ui.centered.inline.loader.visible {
271
+ display: block;
272
+ }
273
+
274
+
275
+ /*******************************
276
+ Theme Overrides
277
+ *******************************/
278
+
279
+
280
+
281
+ /*******************************
282
+ Site Overrides
283
+ *******************************/
284
+
@@ -0,0 +1,10 @@
1
+ /*!
2
+ * # Semantic UI 1.11.4 - Loader
3
+ * http://github.com/semantic-org/semantic-ui/
4
+ *
5
+ *
6
+ * Copyright 2014 Contributors
7
+ * Released under the MIT license
8
+ * http://opensource.org/licenses/MIT
9
+ *
10
+ */.ui.loader{display:none;position:absolute;top:50%;left:50%;margin:0;text-align:center;z-index:1000;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.ui.loader:before{position:absolute;content:'';top:0;left:50%;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loader:after{position:absolute;content:'';top:0;left:50%;-webkit-animation:loader .6s linear;animation:loader .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#aaa transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}@-webkit-keyframes loader{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.loader:after,.ui.loader:before{width:2.2585em;height:2.2585em;margin:0 0 0 -1.12925em}.ui.mini.loader:after,.ui.mini.loader:before{width:1.2857em;height:1.2857em;margin:0 0 0 -.64285em}.ui.small.loader:after,.ui.small.loader:before{width:1.7142em;height:1.7142em;margin:0 0 0 -.8571em}.ui.large.loader:after,.ui.large.loader:before{width:4.5714em;height:4.5714em;margin:0 0 0 -2.2857em}.ui.dimmer .loader{display:block}.ui.dimmer .ui.loader{color:#fff}.ui.dimmer .ui.loader:before{border-color:rgba(255,255,255,.15)}.ui.dimmer .ui.loader:after{border-color:#fff transparent transparent}.ui.inverted.dimmer .ui.loader{color:rgba(0,0,0,.8)}.ui.inverted.dimmer .ui.loader:before{border-color:rgba(0,0,0,.1)}.ui.inverted.dimmer .ui.loader:after{border-color:#aaa transparent transparent}.ui.text.loader{width:auto!important;height:auto!important;text-align:center;font-style:normal}.ui.indeterminate.loader:after{-webkit-animation-direction:reverse;animation-direction:reverse;-webkit-animation-duration:1.2s;animation-duration:1.2s}.ui.loader.active,.ui.loader.visible{display:block}.ui.loader.disabled,.ui.loader.hidden{display:none}.ui.inverted.dimmer .ui.mini.loader,.ui.mini.loader{width:1.2857em;height:1.2857em;font-size:.7857em}.ui.inverted.dimmer .ui.small.loader,.ui.small.loader{width:1.7142em;height:1.7142em;font-size:.9285em}.ui.inverted.dimmer .ui.loader,.ui.loader{width:2.2585em;height:2.2585em;font-size:1em}.ui.inverted.dimmer .ui.loader.large,.ui.loader.large{width:4.5714em;height:4.5714em;font-size:1.1428em}.ui.mini.text.loader{min-width:1.2857em;padding-top:1.9857em}.ui.small.text.loader{min-width:1.7142em;padding-top:2.4142em}.ui.text.loader{min-width:2.2585em;padding-top:2.9585em}.ui.large.text.loader{min-width:4.5714em;padding-top:5.2714em}.ui.inverted.loader{color:#fff}.ui.inverted.loader:before{border-color:rgba(255,255,255,.15)}.ui.inverted.loader:after{border-top-color:#fff}.ui.inline.loader{position:relative;vertical-align:middle;margin:0;left:0;top:0;-webkit-transform:none;-ms-transform:none;transform:none}.ui.inline.loader.active,.ui.inline.loader.visible{display:inline-block}.ui.centered.inline.loader.active,.ui.centered.inline.loader.visible{display:block}
@@ -0,0 +1,1608 @@
1
+ /*!
2
+ * # Semantic UI 1.11.4 - Menu
3
+ * http://github.com/semantic-org/semantic-ui/
4
+ *
5
+ *
6
+ * Copyright 2014 Contributors
7
+ * Released under the MIT license
8
+ * http://opensource.org/licenses/MIT
9
+ *
10
+ */
11
+
12
+
13
+ /*******************************
14
+ Standard
15
+ *******************************/
16
+
17
+
18
+ /*--------------
19
+ Menu
20
+ ---------------*/
21
+
22
+ .ui.menu {
23
+ margin: 1rem 0rem;
24
+ background: #ffffff;
25
+ font-size: 0em;
26
+ font-weight: normal;
27
+ box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
28
+ border-radius: 0.2857rem;
29
+ }
30
+ .ui.menu:after {
31
+ content: '';
32
+ display: block;
33
+ height: 0px;
34
+ clear: both;
35
+ visibility: hidden;
36
+ }
37
+ .ui.menu:first-child {
38
+ margin-top: 0rem;
39
+ }
40
+ .ui.menu:last-child {
41
+ margin-bottom: 0rem;
42
+ }
43
+ .ui.menu .menu {
44
+ margin: 0em;
45
+ }
46
+ .ui.menu:not(.vertical) .menu {
47
+ font-size: 0em;
48
+ }
49
+
50
+ /*--------------
51
+ Colors
52
+ ---------------*/
53
+
54
+
55
+ /* Text Color */
56
+ .ui.menu .item {
57
+ color: rgba(0, 0, 0, 0.8);
58
+ }
59
+ .ui.menu .item .item {
60
+ color: rgba(0, 0, 0, 0.5);
61
+ }
62
+
63
+ /* Hover */
64
+ .ui.menu .item .menu a.item:hover,
65
+ .ui.menu .item .menu .link.item:hover {
66
+ color: rgba(0, 0, 0, 0.85);
67
+ }
68
+
69
+ /*--------------
70
+ Items
71
+ ---------------*/
72
+
73
+ .ui.menu .item {
74
+ position: relative;
75
+ display: inline-block;
76
+ padding: 0.78571em 0.95em;
77
+ border-top: 0em solid transparent;
78
+ background: none;
79
+ vertical-align: middle;
80
+ line-height: 1;
81
+ text-decoration: none;
82
+ box-sizing: border-box;
83
+ -webkit-tap-highlight-color: transparent;
84
+ -webkit-user-select: none;
85
+ -moz-user-select: none;
86
+ -ms-user-select: none;
87
+ user-select: none;
88
+ -webkit-transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
89
+ transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
90
+ }
91
+
92
+ /* Floated Content */
93
+ .ui.menu > .item:first-child {
94
+ border-radius: 0.2857rem 0px 0px 0.2857rem;
95
+ }
96
+ .ui.menu:not(.vertical) .item.left,
97
+ .ui.menu:not(.vertical) .menu.left {
98
+ float: left;
99
+ }
100
+ .ui.menu:not(.vertical) .item.right,
101
+ .ui.menu:not(.vertical) .menu.right {
102
+ float: right;
103
+ }
104
+
105
+ /*--------------
106
+ Borders
107
+ ---------------*/
108
+
109
+ .ui.menu .item:before {
110
+ position: absolute;
111
+ content: '';
112
+ top: 0%;
113
+ right: 0px;
114
+ width: 1px;
115
+ height: 100%;
116
+ background: -webkit-linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.05) 100%);
117
+ background: linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.05) 100%);
118
+ }
119
+ .ui.menu > .right.menu:first-child {
120
+ display: none;
121
+ }
122
+ .ui.menu .menu.right .item:before,
123
+ .ui.menu .item.right:before {
124
+ right: auto;
125
+ left: 0px;
126
+ }
127
+
128
+ /*--------------
129
+ Text Content
130
+ ---------------*/
131
+
132
+ .ui.menu .text.item > *,
133
+ .ui.menu .item > a:not(.ui),
134
+ .ui.menu .item > p:only-child {
135
+ -webkit-user-select: text;
136
+ -moz-user-select: text;
137
+ -ms-user-select: text;
138
+ user-select: text;
139
+ line-height: 1.3;
140
+ color: rgba(0, 0, 0, 0.8);
141
+ }
142
+ .ui.menu .item > p:first-child {
143
+ margin-top: 0;
144
+ }
145
+ .ui.menu .item > p:last-child {
146
+ margin-bottom: 0;
147
+ }
148
+
149
+ /*--------------
150
+ Icons
151
+ ---------------*/
152
+
153
+ .ui.menu .item > i.icon {
154
+ opacity: 0.75;
155
+ float: none;
156
+ margin: 0em 0.25em 0em 0em;
157
+ }
158
+ .ui.menu .item > i.dropdown.icon {
159
+ float: right;
160
+ margin-left: 1em;
161
+ }
162
+
163
+ /*--------------
164
+ Button
165
+ ---------------*/
166
+
167
+ .ui.menu:not(.vertical) .item > .button {
168
+ position: relative;
169
+ top: -0.05em;
170
+ margin: -0.55em 0;
171
+ padding-bottom: 0.55em;
172
+ padding-top: 0.55em;
173
+ font-size: 0.875em;
174
+ }
175
+
176
+ /*--------------
177
+ Inputs
178
+ ---------------*/
179
+
180
+ .ui.menu .item > .input {
181
+ width: 100%;
182
+ }
183
+ .ui.menu:not(.vertical) .item > .input {
184
+ position: relative;
185
+ top: 0em;
186
+ margin: -0.6em 0em;
187
+ }
188
+ .ui.menu .item > .input input {
189
+ font-size: 1em;
190
+ padding-top: 0.4em;
191
+ padding-bottom: 0.4em;
192
+ }
193
+ .ui.menu .item > .input .button,
194
+ .ui.menu .item > .input .label {
195
+ padding-top: 0.4em;
196
+ padding-bottom: 0.4em;
197
+ }
198
+
199
+ /* Resizes */
200
+ .ui.small.menu .item > .input input {
201
+ top: 0em;
202
+ padding-top: 0.4em;
203
+ padding-bottom: 0.4em;
204
+ }
205
+ .ui.small.menu .item > .input .button,
206
+ .ui.small.menu .item > .input .label {
207
+ padding-top: 0.4em;
208
+ padding-bottom: 0.4em;
209
+ }
210
+ .ui.large.menu .item > .input input {
211
+ top: -0.125em;
212
+ padding-bottom: 0.6em;
213
+ padding-top: 0.6em;
214
+ }
215
+ .ui.large.menu .item > .input .button,
216
+ .ui.large.menu .item > .input .label {
217
+ padding-top: 0.6em;
218
+ padding-bottom: 0.6em;
219
+ }
220
+
221
+ /*--------------
222
+ Header
223
+ ---------------*/
224
+
225
+ .ui.menu .header.item,
226
+ .ui.vertical.menu .header.item {
227
+ background: rgba(0, 0, 0, 0.04);
228
+ margin: 0em;
229
+ text-transform: normal;
230
+ font-weight: bold;
231
+ }
232
+
233
+ /*--------------
234
+ Dropdowns
235
+ ---------------*/
236
+
237
+
238
+ /* Dropdown */
239
+ .ui.menu .ui.dropdown.item.visible {
240
+ background: rgba(0, 0, 0, 0.03);
241
+ border-bottom-right-radius: 0em;
242
+ border-bottom-left-radius: 0em;
243
+ }
244
+ .ui.menu .ui.dropdown.active {
245
+ box-shadow: none;
246
+ }
247
+
248
+ /* Menu Position */
249
+ .ui.menu .dropdown.item .menu {
250
+ background: #ffffff;
251
+ left: 0px;
252
+ margin: 0px 0px 0px;
253
+ min-width: -webkit-calc(100% - 1px);
254
+ min-width: calc(100% - 1px);
255
+ box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
256
+ }
257
+ .ui.menu:not(.secondary) .pointing.dropdown.item .menu {
258
+ margin-top: 0px;
259
+ border-top-left-radius: 0em;
260
+ border-top-right-radius: 0em;
261
+ }
262
+ .ui.menu .simple.dropdown.item .menu {
263
+ margin: 0px !important;
264
+ }
265
+
266
+ /* Secondary Menu Dropdown */
267
+ .ui.secondary.menu > .menu > .active.dropdown.item {
268
+ background-color: transparent;
269
+ }
270
+ .ui.secondary.menu .dropdown.item .menu {
271
+ left: 0px;
272
+ min-width: 100%;
273
+ }
274
+
275
+ /* Even Width Menu Dropdown */
276
+ .ui.item.menu .dropdown .menu .item {
277
+ width: 100%;
278
+ }
279
+
280
+ /*--------------
281
+ Labels
282
+ ---------------*/
283
+
284
+ .ui.menu .item > .label {
285
+ background: rgba(0, 0, 0, 0.35);
286
+ color: #ffffff;
287
+ margin: -0.15em 0em -0.15em 0.5em;
288
+ padding: 0.3em 0.8em;
289
+ vertical-align: baseline;
290
+ }
291
+ .ui.menu .item > .floating.label {
292
+ padding: 0.3em 0.8em;
293
+ }
294
+
295
+ /*--------------
296
+ Images
297
+ ---------------*/
298
+
299
+ .ui.menu .item > img:only-child {
300
+ display: block;
301
+ max-width: 100%;
302
+ margin: 0em auto;
303
+ }
304
+
305
+
306
+ /*******************************
307
+ States
308
+ *******************************/
309
+
310
+
311
+ /*--------------
312
+ Hover
313
+ ---------------*/
314
+
315
+ .ui.link.menu > .item:hover,
316
+ .ui.menu > .link.item:hover,
317
+ .ui.menu > a.item:hover,
318
+ .ui.link.menu .menu > .item:hover,
319
+ .ui.menu .menu > .link.item:hover,
320
+ .ui.menu .menu > a.item:hover {
321
+ cursor: pointer;
322
+ background: rgba(0, 0, 0, 0.03);
323
+ color: rgba(0, 0, 0, 0.8);
324
+ }
325
+
326
+ /*--------------
327
+ Pressed
328
+ ---------------*/
329
+
330
+ .ui.link.menu .item:active,
331
+ .ui.menu .link.item:active,
332
+ .ui.menu a.item:active {
333
+ background: rgba(0, 0, 0, 0.03);
334
+ color: rgba(0, 0, 0, 0.8);
335
+ }
336
+
337
+ /*--------------
338
+ Active
339
+ ---------------*/
340
+
341
+ .ui.menu .active.item {
342
+ background: rgba(0, 0, 0, 0.03);
343
+ color: rgba(0, 0, 0, 0.8);
344
+ font-weight: normal;
345
+ box-shadow: 0em 2px 0em inset;
346
+ }
347
+ .ui.menu .active.item > i.icon {
348
+ opacity: 1;
349
+ }
350
+
351
+ /* Vertical */
352
+ .ui.vertical.menu .active.item {
353
+ background: rgba(0, 0, 0, 0.03);
354
+ border-radius: 0em;
355
+ box-shadow: 2px 0em 0em inset;
356
+ }
357
+ .ui.vertical.menu > .active.item:first-child {
358
+ border-radius: 0em 0.2857rem 0em 0em;
359
+ }
360
+ .ui.vertical.menu > .active.item:last-child {
361
+ border-radius: 0em 0em 0.2857rem 0em;
362
+ }
363
+ .ui.vertical.menu > .active.item:only-child {
364
+ border-radius: 0em 0.2857rem 0.2857rem 0em;
365
+ }
366
+ .ui.vertical.menu .active.item .menu .active.item {
367
+ border-left: none;
368
+ }
369
+ .ui.vertical.menu .item .menu .active.item {
370
+ background-color: transparent;
371
+ box-shadow: none;
372
+ }
373
+
374
+ /*--------------
375
+ Active Hover
376
+ ---------------*/
377
+
378
+ .ui.vertical.menu .active.item:hover,
379
+ .ui.menu .active.item:hover {
380
+ background-color: rgba(0, 0, 0, 0.03);
381
+ }
382
+
383
+ /*--------------
384
+ Disabled
385
+ ---------------*/
386
+
387
+ .ui.menu .item.disabled,
388
+ .ui.menu .item.disabled:hover {
389
+ cursor: default;
390
+ color: rgba(40, 40, 40, 0.3);
391
+ background-color: transparent !important;
392
+ }
393
+
394
+
395
+ /*******************************
396
+ Types
397
+ *******************************/
398
+
399
+
400
+ /*--------------
401
+ Vertical
402
+ ---------------*/
403
+
404
+ .ui.vertical.menu {
405
+ background: #ffffff;
406
+ }
407
+
408
+ /*--- Item ---*/
409
+
410
+ .ui.vertical.menu .item {
411
+ background: none;
412
+ display: block;
413
+ height: auto !important;
414
+ border-top: none;
415
+ border-left: 0em solid transparent;
416
+ border-right: none;
417
+ }
418
+ .ui.vertical.menu > .item:first-child {
419
+ border-radius: 0.2857rem 0.2857rem 0px 0px;
420
+ }
421
+ .ui.vertical.menu > .item:last-child {
422
+ border-radius: 0px 0px 0.2857rem 0.2857rem;
423
+ }
424
+
425
+ /*--- Label ---*/
426
+
427
+ .ui.vertical.menu .item > .label {
428
+ float: right;
429
+ text-align: center;
430
+ }
431
+
432
+ /*--- Icon ---*/
433
+
434
+ .ui.vertical.menu .item > i.icon {
435
+ width: 1.18em;
436
+ float: right;
437
+ margin: 0em 0em 0em 0.5em;
438
+ }
439
+ .ui.vertical.menu .item > .label + i.icon {
440
+ float: none;
441
+ margin: 0em 0.5em 0em 0em;
442
+ }
443
+
444
+ /*--- Border ---*/
445
+
446
+ .ui.vertical.menu .item:before {
447
+ position: absolute;
448
+ content: '';
449
+ top: 0%;
450
+ left: 0px;
451
+ width: 100%;
452
+ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.1) 1.5em, rgba(0, 0, 0, 0.03) 100%);
453
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.1) 1.5em, rgba(0, 0, 0, 0.03) 100%);
454
+ height: 1px;
455
+ }
456
+ .ui.vertical.menu .item:first-child:before {
457
+ background: none !important;
458
+ }
459
+
460
+ /*--- Dropdown ---*/
461
+
462
+ .ui.vertical.menu .dropdown.item > .icon {
463
+ float: right;
464
+ content: "\f0da";
465
+ margin-left: 1em;
466
+ }
467
+ .ui.vertical.menu .active.dropdown.item {
468
+ border-top-right-radius: 0em;
469
+ border-bottom-right-radius: 0em;
470
+ }
471
+ .ui.vertical.menu .dropdown.item .menu {
472
+ top: 0% !important;
473
+ left: 100%;
474
+ margin: 0px 0px 0px 0px;
475
+ box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
476
+ border-radius: 0em 0.2857rem 0.2857rem 0.2857rem;
477
+ }
478
+ .ui.vertical.menu .dropdown.item .menu .item {
479
+ font-size: 1rem;
480
+ }
481
+ .ui.vertical.menu .dropdown.item .menu .item i.icon {
482
+ margin-right: 0em;
483
+ }
484
+ .ui.vertical.menu .dropdown.item.active {
485
+ box-shadow: none;
486
+ }
487
+
488
+ /*--- Sub Menu ---*/
489
+
490
+ .ui.vertical.menu .item:not(.dropdown) > .menu {
491
+ margin: 0.5em -0.95em 0em;
492
+ }
493
+ .ui.vertical.menu .item:not(.dropdown) > .menu > .item {
494
+ background: none;
495
+ padding: 0.5rem 1.5rem;
496
+ font-size: 0.875rem;
497
+ }
498
+ .ui.vertical.menu .item > .menu > .item:before {
499
+ display: none;
500
+ }
501
+
502
+ /*--------------
503
+ Tiered
504
+ ---------------*/
505
+
506
+ .ui.tiered.menu > .menu > .item:hover {
507
+ color: rgba(0, 0, 0, 0.8);
508
+ }
509
+ .ui.tiered.menu .active.item {
510
+ background: #fcfcfc;
511
+ }
512
+ .ui.tiered.menu > .menu .item.active:after {
513
+ position: absolute;
514
+ content: '';
515
+ margin-top: -1px;
516
+ top: 100%;
517
+ left: 0px;
518
+ width: 100%;
519
+ height: 2px;
520
+ background-color: #fcfcfc;
521
+ }
522
+
523
+ /* Sub Menu */
524
+ .ui.tiered.menu .sub.menu {
525
+ background-color: #fcfcfc;
526
+ border-radius: 0em 0em 0.2857rem 0.2857rem;
527
+ border-top: 1px solid rgba(39, 41, 43, 0.15);
528
+ box-shadow: none;
529
+ }
530
+ .ui.tiered.menu > .sub.menu > .item {
531
+ color: rgba(0, 0, 0, 0.4);
532
+ font-weight: normal;
533
+ text-transform: normal;
534
+ font-size: 0.875rem;
535
+ }
536
+
537
+ /* Sub Menu Divider */
538
+ .ui.tiered.menu .sub.menu .item:before {
539
+ background: none;
540
+ }
541
+
542
+ /* Sub Menu Hover */
543
+ .ui.tiered.menu .sub.menu .item:hover {
544
+ background: none transparent;
545
+ color: rgba(0, 0, 0, 0.8);
546
+ }
547
+
548
+ /* Sub Menu Active */
549
+ .ui.tiered.menu .sub.menu .active.item {
550
+ padding-top: 0.78571em;
551
+ background: none transparent;
552
+ border-radius: 0;
553
+ border-top: medium none;
554
+ box-shadow: none;
555
+ color: rgba(0, 0, 0, 0.8) !important;
556
+ }
557
+ .ui.tiered.menu .sub.menu .active.item:after {
558
+ display: none;
559
+ }
560
+
561
+ /* Inverted Tiered Menu */
562
+ .ui.inverted.tiered.menu > .menu > .item {
563
+ color: rgba(255, 255, 255, 0.5);
564
+ }
565
+ .ui.inverted.tiered.menu .sub.menu {
566
+ background-color: rgba(0, 0, 0, 0.2);
567
+ }
568
+ .ui.inverted.tiered.menu .sub.menu .item {
569
+ color: rgba(255, 255, 255, 0.8);
570
+ }
571
+ .ui.inverted.tiered.menu > .menu > .item:hover {
572
+ color: #ffffff;
573
+ }
574
+ .ui.inverted.tiered.menu .active.item:after {
575
+ display: none;
576
+ }
577
+ .ui.inverted.tiered.menu > .sub.menu > .active.item,
578
+ .ui.inverted.tiered.menu > .menu > .active.item {
579
+ color: #ffffff !important;
580
+ box-shadow: none;
581
+ }
582
+
583
+ /* Tiered Pointing */
584
+ .ui.pointing.tiered.menu > .menu > .item:after {
585
+ display: none;
586
+ }
587
+ .ui.pointing.tiered.menu > .sub.menu > .item:after {
588
+ display: block;
589
+ }
590
+
591
+ /*--------------
592
+ Tabular
593
+ ---------------*/
594
+
595
+ .ui.tabular.menu {
596
+ background-color: transparent;
597
+ border-radius: 0em;
598
+ box-shadow: none !important;
599
+ border-bottom: 1px solid #d4d4d5;
600
+ }
601
+ .ui.tabular.fluid.menu {
602
+ width: -webkit-calc(100% + 2px ) !important;
603
+ width: calc(100% + 2px ) !important;
604
+ }
605
+ .ui.tabular.menu .item {
606
+ background-color: transparent;
607
+ border-left: 1px solid transparent;
608
+ border-right: 1px solid transparent;
609
+ border-top: 1px solid transparent;
610
+ padding-left: 1.4em;
611
+ padding-right: 1.4em;
612
+ color: rgba(0, 0, 0, 0.8);
613
+ }
614
+ .ui.tabular.menu .item:before {
615
+ display: none;
616
+ }
617
+
618
+ /* Hover */
619
+ .ui.tabular.menu .item:hover {
620
+ background-color: transparent;
621
+ color: rgba(0, 0, 0, 0.8);
622
+ }
623
+
624
+ /* Active */
625
+ .ui.tabular.menu .active.item {
626
+ position: relative;
627
+ border-bottom: none;
628
+ vertical-align: bottom;
629
+ background-color: #ffffff;
630
+ color: rgba(0, 0, 0, 0.8);
631
+ border-color: #d4d4d5;
632
+ font-weight: bold;
633
+ margin-bottom: -1px;
634
+ box-shadow: none;
635
+ border-radius: 5px 5px 0px 0px;
636
+ }
637
+
638
+ /* Coupling with segment for attachment */
639
+ .ui.attached.tabular.menu {
640
+ position: relative;
641
+ z-index: 2;
642
+ }
643
+ .ui.tabular.menu + .bottom.attached.segment,
644
+ .ui.tabular.menu ~ .bottom.attached.segment + .bottom.attached.segment {
645
+ border-top: none;
646
+ margin: 0px;
647
+ }
648
+
649
+ /*--------------
650
+ Pagination
651
+ ---------------*/
652
+
653
+ .ui.pagination.menu {
654
+ margin: 0em;
655
+ display: inline-block;
656
+ vertical-align: middle;
657
+ }
658
+ .ui.pagination.menu .item {
659
+ min-width: 3em;
660
+ text-align: center;
661
+ }
662
+ .ui.pagination.menu .icon.item i.icon {
663
+ vertical-align: top;
664
+ }
665
+ .ui.pagination.menu.floated {
666
+ display: block;
667
+ }
668
+
669
+ /* Active */
670
+ .ui.pagination.menu .active.item {
671
+ border-top: none;
672
+ padding-top: 0.78571em;
673
+ background-color: rgba(0, 0, 0, 0.03);
674
+ box-shadow: none;
675
+ }
676
+
677
+ /*--------------
678
+ Secondary
679
+ ---------------*/
680
+
681
+ .ui.secondary.menu {
682
+ background: none;
683
+ border-radius: 0em;
684
+ box-shadow: none;
685
+ }
686
+ .ui.secondary.menu > .menu > .item,
687
+ .ui.secondary.menu > .item {
688
+ box-shadow: none;
689
+ border: none;
690
+ height: auto !important;
691
+ background: none;
692
+ margin: 0em 0.25em;
693
+ padding: 0.5em 0.8em;
694
+ border-radius: 0.2857rem;
695
+ }
696
+ .ui.secondary.menu > .menu > .item:before,
697
+ .ui.secondary.menu > .item:before {
698
+ display: none !important;
699
+ }
700
+ .ui.secondary.menu .item > .input input {
701
+ background-color: transparent;
702
+ border: none;
703
+ }
704
+ .ui.secondary.menu .link.item,
705
+ .ui.secondary.menu a.item {
706
+ opacity: 0.8;
707
+ -webkit-transition: none;
708
+ transition: none;
709
+ }
710
+ .ui.secondary.menu .header.item {
711
+ border-right: 0.1em solid rgba(0, 0, 0, 0.1);
712
+ background: none transparent;
713
+ border-radius: 0em;
714
+ }
715
+
716
+ /* Hover */
717
+ .ui.secondary.menu .link.item:hover,
718
+ .ui.secondary.menu a.item:hover {
719
+ opacity: 1;
720
+ }
721
+
722
+ /* Active */
723
+ .ui.secondary.menu > .menu > .active.item,
724
+ .ui.secondary.menu > .active.item {
725
+ background: rgba(0, 0, 0, 0.05);
726
+ opacity: 1;
727
+ box-shadow: none;
728
+ }
729
+ .ui.secondary.vertical.menu > .active.item {
730
+ border-radius: 0.2857rem;
731
+ }
732
+
733
+ /* Inverted */
734
+ .ui.secondary.inverted.menu .link.item,
735
+ .ui.secondary.inverted.menu a.item {
736
+ color: rgba(255, 255, 255, 0.8);
737
+ }
738
+ .ui.secondary.inverted.menu .link.item:hover,
739
+ .ui.secondary.inverted.menu a.item:hover {
740
+ color: #ffffff;
741
+ }
742
+ .ui.secondary.inverted.menu .active.item {
743
+ background-color: rgba(255, 255, 255, 0.05);
744
+ }
745
+
746
+ /* Disable variations */
747
+ .ui.secondary.item.menu > .item {
748
+ margin: 0em;
749
+ }
750
+ .ui.secondary.attached.menu {
751
+ box-shadow: none;
752
+ }
753
+
754
+ /*---------------------
755
+ Secondary Vertical
756
+ -----------------------*/
757
+
758
+ .ui.secondary.vertical.menu > .item {
759
+ border: none;
760
+ margin: 0em 0em 0.3em;
761
+ border-radius: 0.2857rem;
762
+ }
763
+ .ui.secondary.vertical.menu > .header.item {
764
+ border-radius: 0em;
765
+ }
766
+
767
+ /* Inverted */
768
+ .ui.secondary.inverted.menu {
769
+ background-color: transparent;
770
+ }
771
+ .ui.secondary.inverted.pointing.menu {
772
+ border-bottom: 3px solid rgba(255, 255, 255, 0.1);
773
+ }
774
+ .ui.secondary.inverted.pointing.menu > .item {
775
+ color: rgba(255, 255, 255, 0.7);
776
+ }
777
+ .ui.secondary.inverted.pointing.menu > .header.item {
778
+ color: #FFFFFF !important;
779
+ }
780
+
781
+ /* Hover */
782
+ .ui.secondary.inverted.pointing.menu > .menu > .item:hover,
783
+ .ui.secondary.inverted.pointing.menu > .item:hover {
784
+ color: rgba(255, 255, 255, 0.85);
785
+ }
786
+
787
+ /* Pressed */
788
+ .ui.secondary.inverted.pointing.menu > .menu > .item:active,
789
+ .ui.secondary.inverted.pointing.menu > .item:active {
790
+ border-color: rgba(255, 255, 255, 0.4);
791
+ }
792
+
793
+ /* Active */
794
+ .ui.secondary.inverted.pointing.menu > .menu > .item.active,
795
+ .ui.secondary.inverted.pointing.menu > .item.active {
796
+ border-color: rgba(255, 255, 255, 0.8);
797
+ color: #ffffff;
798
+ }
799
+
800
+ /*---------------------
801
+ Secondary Pointing
802
+ -----------------------*/
803
+
804
+ .ui.secondary.pointing.menu {
805
+ border-bottom: 3px solid rgba(0, 0, 0, 0.1);
806
+ }
807
+ .ui.secondary.pointing.menu > .menu > .item,
808
+ .ui.secondary.pointing.menu > .item {
809
+ margin: 0em 0em -3px;
810
+ padding: 0.6em 0.95em;
811
+ border-bottom: 3px solid transparent;
812
+ border-radius: 0em;
813
+ -webkit-transition: color 0.2s ease;
814
+ transition: color 0.2s ease;
815
+ }
816
+
817
+ /* Item Types */
818
+ .ui.secondary.pointing.menu .header.item {
819
+ margin-bottom: -3px;
820
+ background-color: transparent !important;
821
+ border-right-width: 0px !important;
822
+ font-weight: bold !important;
823
+ color: rgba(0, 0, 0, 0.85) !important;
824
+ }
825
+ .ui.secondary.pointing.menu .text.item {
826
+ box-shadow: none !important;
827
+ }
828
+ .ui.secondary.pointing.menu > .menu > .item:after,
829
+ .ui.secondary.pointing.menu > .item:after {
830
+ display: none;
831
+ }
832
+
833
+ /* Hover */
834
+ .ui.secondary.pointing.menu > .menu > .link.item:hover,
835
+ .ui.secondary.pointing.menu > .link.item:hover,
836
+ .ui.secondary.pointing.menu > .menu > a.item:hover,
837
+ .ui.secondary.pointing.menu > a.item:hover {
838
+ background-color: transparent;
839
+ color: rgba(0, 0, 0, 0.8);
840
+ }
841
+
842
+ /* Pressed */
843
+ .ui.secondary.pointing.menu > .menu > .link.item:active,
844
+ .ui.secondary.pointing.menu > .link.item:active,
845
+ .ui.secondary.pointing.menu > .menu > a.item:active,
846
+ .ui.secondary.pointing.menu > a.item:active {
847
+ background-color: transparent;
848
+ border-color: rgba(0, 0, 0, 0.2);
849
+ }
850
+
851
+ /* Active */
852
+ .ui.secondary.pointing.menu > .menu > .item.active,
853
+ .ui.secondary.pointing.menu > .item.active {
854
+ background-color: transparent;
855
+ border-color: rgba(0, 0, 0, 0.4);
856
+ box-shadow: none;
857
+ color: rgba(0, 0, 0, 0.8);
858
+ }
859
+
860
+ /* Secondary Vertical Pointing */
861
+ .ui.secondary.vertical.pointing.menu {
862
+ border: none;
863
+ border-right: 3px solid rgba(0, 0, 0, 0.1);
864
+ }
865
+ .ui.secondary.vertical.pointing.menu > .item {
866
+ margin: 0em -3px 0em 0em;
867
+ border-bottom: none;
868
+ border-right: 3px solid transparent;
869
+ border-radius: 0em;
870
+ }
871
+
872
+ /* Hover */
873
+ .ui.secondary.vertical.pointing.menu > .item:hover {
874
+ background-color: transparent;
875
+ color: rgba(0, 0, 0, 0.7);
876
+ }
877
+
878
+ /* Pressed */
879
+ .ui.secondary.vertical.pointing.menu > .item:active {
880
+ background-color: transparent;
881
+ border-color: rgba(0, 0, 0, 0.2);
882
+ }
883
+
884
+ /* Active */
885
+ .ui.secondary.vertical.pointing.menu > .item.active {
886
+ background-color: transparent;
887
+ border-color: rgba(0, 0, 0, 0.4);
888
+ color: rgba(0, 0, 0, 0.85);
889
+ }
890
+
891
+ /* Inverted Vertical Pointing Secondary */
892
+ .ui.secondary.inverted.vertical.pointing.menu {
893
+ border-right: 3px solid rgba(255, 255, 255, 0.1);
894
+ border-bottom: none;
895
+ }
896
+
897
+ /*--------------
898
+ Text Menu
899
+ ---------------*/
900
+
901
+ .ui.text.menu {
902
+ display: inline-block;
903
+ background: none transparent;
904
+ margin: 1rem -1rem;
905
+ border-radius: 0px;
906
+ box-shadow: none;
907
+ }
908
+ .ui.text.menu > .item {
909
+ opacity: 0.8;
910
+ margin: 0em 1em;
911
+ padding: 0em;
912
+ height: auto !important;
913
+ border-radius: 0px;
914
+ box-shadow: none;
915
+ -webkit-transition: opacity 0.2s ease;
916
+ transition: opacity 0.2s ease;
917
+ }
918
+ .ui.text.menu > .item:before {
919
+ display: none !important;
920
+ }
921
+ .ui.text.menu .header.item {
922
+ background-color: transparent;
923
+ opacity: 1;
924
+ color: rgba(50, 50, 50, 0.8);
925
+ font-size: 0.875rem;
926
+ padding: 0em;
927
+ text-transform: uppercase;
928
+ font-weight: bold;
929
+ }
930
+ .ui.text.menu .text.item {
931
+ opacity: 1;
932
+ color: rgba(50, 50, 50, 0.8);
933
+ font-weight: bold;
934
+ }
935
+
936
+ /*--- fluid text ---*/
937
+
938
+ .ui.text.item.menu .item {
939
+ margin: 0em;
940
+ }
941
+
942
+ /*--- vertical text ---*/
943
+
944
+ .ui.vertical.text.menu {
945
+ margin: 1rem 0em;
946
+ }
947
+ .ui.vertical.text.menu:first-child {
948
+ margin-top: 0rem;
949
+ }
950
+ .ui.vertical.text.menu:last-child {
951
+ margin-bottom: 0rem;
952
+ }
953
+ .ui.vertical.text.menu .item {
954
+ float: left;
955
+ clear: left;
956
+ margin: 0.5em 0em;
957
+ }
958
+ .ui.vertical.text.menu .item > i.icon {
959
+ float: none;
960
+ margin: 0em 0.78571em 0em 0em;
961
+ }
962
+ .ui.vertical.text.menu .header.item {
963
+ margin: 0.8em 0em;
964
+ }
965
+
966
+ /*--- hover ---*/
967
+
968
+ .ui.text.menu .item:hover {
969
+ opacity: 1;
970
+ background-color: transparent;
971
+ }
972
+
973
+ /*--- active ---*/
974
+
975
+ .ui.text.menu .active.item {
976
+ background-color: transparent;
977
+ padding: 0em;
978
+ border: none;
979
+ opacity: 1;
980
+ font-weight: bold;
981
+ box-shadow: none;
982
+ }
983
+
984
+ /* disable variations */
985
+ .ui.text.pointing.menu .active.item:after {
986
+ box-shadow: none;
987
+ }
988
+ .ui.text.attached.menu {
989
+ box-shadow: none;
990
+ }
991
+
992
+ /* Inverted */
993
+ .ui.inverted.text.menu,
994
+ .ui.inverted.text.menu .item,
995
+ .ui.inverted.text.menu .item:hover,
996
+ .ui.inverted.text.menu .item.active {
997
+ background-color: transparent;
998
+ }
999
+
1000
+ /* Fluid */
1001
+ .ui.fluid.text.menu {
1002
+ margin-left: 0em;
1003
+ margin-right: 0em;
1004
+ }
1005
+
1006
+ /*--------------
1007
+ Icon Only
1008
+ ---------------*/
1009
+
1010
+ .ui.icon.menu,
1011
+ .ui.vertical.icon.menu {
1012
+ width: auto;
1013
+ display: inline-block;
1014
+ height: auto;
1015
+ }
1016
+ .ui.icon.menu > .item {
1017
+ height: auto;
1018
+ text-align: center;
1019
+ color: rgba(0, 0, 0, 0.6);
1020
+ }
1021
+ .ui.icon.menu > .item > .icon {
1022
+ display: block;
1023
+ float: none !important;
1024
+ margin: 0em auto !important;
1025
+ opacity: 1;
1026
+ }
1027
+ .ui.icon.menu .icon:before {
1028
+ opacity: 1;
1029
+ }
1030
+
1031
+ /* Item Icon Only */
1032
+ .ui.menu .icon.item .icon {
1033
+ margin: 0em;
1034
+ }
1035
+ .ui.vertical.icon.menu {
1036
+ float: none;
1037
+ }
1038
+
1039
+ /*--- inverted ---*/
1040
+
1041
+ .ui.inverted.icon.menu .item {
1042
+ color: rgba(255, 255, 255, 0.8);
1043
+ }
1044
+ .ui.inverted.icon.menu .icon {
1045
+ color: #ffffff;
1046
+ }
1047
+
1048
+ /*--------------
1049
+ Labeled Icon
1050
+ ---------------*/
1051
+
1052
+ .ui.labeled.icon.menu {
1053
+ text-align: center;
1054
+ }
1055
+ .ui.fluid.labeled.icon.menu > .item {
1056
+ min-width: 0em;
1057
+ }
1058
+ .ui.labeled.icon.menu > .item {
1059
+ min-width: 6em;
1060
+ }
1061
+ .ui.labeled.icon.menu > .item > .icon {
1062
+ display: block;
1063
+ font-size: 1.5em !important;
1064
+ margin: 0em auto 0.5em !important;
1065
+ }
1066
+
1067
+
1068
+ /*******************************
1069
+ Variations
1070
+ *******************************/
1071
+
1072
+
1073
+ /*--------------
1074
+ Colors
1075
+ ---------------*/
1076
+
1077
+
1078
+ /*--- Light Colors ---*/
1079
+
1080
+ .ui.menu .blue.active.item,
1081
+ .ui.blue.menu .active.item {
1082
+ border-color: #3b83c0 !important;
1083
+ color: #3b83c0 !important;
1084
+ }
1085
+ .ui.menu .green.active.item,
1086
+ .ui.green.menu .active.item {
1087
+ border-color: #5bbd72 !important;
1088
+ color: #5bbd72 !important;
1089
+ }
1090
+ .ui.menu .orange.active.item,
1091
+ .ui.orange.menu .active.item {
1092
+ border-color: #e07b53 !important;
1093
+ color: #e07b53 !important;
1094
+ }
1095
+ .ui.menu .pink.active.item,
1096
+ .ui.pink.menu .active.item {
1097
+ border-color: #d9499a !important;
1098
+ color: #d9499a !important;
1099
+ }
1100
+ .ui.menu .purple.active.item,
1101
+ .ui.purple.menu .active.item {
1102
+ border-color: #564f8a !important;
1103
+ color: #564f8a !important;
1104
+ }
1105
+ .ui.menu .red.active.item,
1106
+ .ui.red.menu .active.item {
1107
+ border-color: #d95c5c !important;
1108
+ color: #d95c5c !important;
1109
+ }
1110
+ .ui.menu .teal.active.item,
1111
+ .ui.teal.menu .active.item {
1112
+ border-color: #00b5ad !important;
1113
+ color: #00b5ad !important;
1114
+ }
1115
+ .ui.menu .yellow.active.item,
1116
+ .ui.yellow.menu .active.item {
1117
+ border-color: #f2c61f !important;
1118
+ color: #f2c61f !important;
1119
+ }
1120
+
1121
+ /*--------------
1122
+ Inverted
1123
+ ---------------*/
1124
+
1125
+ .ui.inverted.menu {
1126
+ background: #1b1c1d;
1127
+ box-shadow: none;
1128
+ }
1129
+ .ui.inverted.menu .header.item {
1130
+ margin: 0em;
1131
+ background: rgba(0, 0, 0, 0.3);
1132
+ box-shadow: none;
1133
+ }
1134
+ .ui.inverted.menu .item,
1135
+ .ui.inverted.menu .item > a:not(.ui) {
1136
+ color: #ffffff;
1137
+ }
1138
+ .ui.inverted.menu .item:not(.dropdown).menu {
1139
+ background: transparent;
1140
+ }
1141
+ .ui.inverted.menu .item .item,
1142
+ .ui.inverted.menu .item .item > a:not(.ui) {
1143
+ color: rgba(255, 255, 255, 0.5);
1144
+ }
1145
+ .ui.inverted.menu .dropdown .menu .item {
1146
+ color: rgba(0, 0, 0, 0.8) !important;
1147
+ -webkit-transition: none;
1148
+ transition: none;
1149
+ }
1150
+ .ui.inverted.menu .dropdown .menu .item:hover {
1151
+ background: rgba(0, 0, 0, 0.05) !important;
1152
+ color: rgba(0, 0, 0, 0.85) !important;
1153
+ }
1154
+ .ui.inverted.menu .item.disabled,
1155
+ .ui.inverted.menu .item.disabled:hover {
1156
+ color: rgba(225, 225, 225, 0.3);
1157
+ }
1158
+
1159
+ /*--- Border ---*/
1160
+
1161
+ .ui.inverted.menu .item:before {
1162
+ background: -webkit-linear-gradient(rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%);
1163
+ background: linear-gradient(rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%);
1164
+ }
1165
+ .ui.vertical.inverted.menu .item:before {
1166
+ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%);
1167
+ background: linear-gradient(to right, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%);
1168
+ }
1169
+
1170
+ /*--- Hover ---*/
1171
+
1172
+ .ui.link.inverted.menu .item:hover,
1173
+ .ui.inverted.menu .link.item:hover,
1174
+ .ui.inverted.menu a.item:hover,
1175
+ .ui.inverted.menu .dropdown.item:hover {
1176
+ background: rgba(255, 255, 255, 0.1);
1177
+ color: #ffffff;
1178
+ }
1179
+ .ui.inverted.menu .item .menu a.item:hover,
1180
+ .ui.inverted.menu .item .menu .link.item:hover {
1181
+ background: transparent;
1182
+ color: #ffffff;
1183
+ }
1184
+
1185
+ /*--- Pressed ---*/
1186
+
1187
+ .ui.inverted.menu a.item:active,
1188
+ .ui.inverted.menu .dropdown.item:active,
1189
+ .ui.inverted.menu .link.item:active,
1190
+ .ui.inverted.menu a.item:active {
1191
+ background: rgba(255, 255, 255, 0.15);
1192
+ color: #ffffff;
1193
+ }
1194
+
1195
+ /*--- Active ---*/
1196
+
1197
+ .ui.inverted.menu .active.item {
1198
+ box-shadow: none !important;
1199
+ background: rgba(255, 255, 255, 0.2);
1200
+ color: #ffffff !important;
1201
+ }
1202
+ .ui.inverted.vertical.menu .item .menu .active.item {
1203
+ background: transparent;
1204
+ color: #ffffff;
1205
+ }
1206
+
1207
+ /*--- Pointers ---*/
1208
+
1209
+ .ui.inverted.pointing.menu .active.item:after {
1210
+ background: #5B5B5B;
1211
+ box-shadow: none;
1212
+ }
1213
+ .ui.inverted.pointing.menu .active.item:hover:after {
1214
+ background: #4A4A4A;
1215
+ }
1216
+
1217
+ /*--------------
1218
+ Selection
1219
+ ---------------*/
1220
+
1221
+ .ui.selection.menu > .item {
1222
+ color: rgba(0, 0, 0, 0.4);
1223
+ }
1224
+ .ui.selection.menu > .item:hover {
1225
+ color: rgba(0, 0, 0, 0.6);
1226
+ }
1227
+ .ui.selection.menu > .item.active {
1228
+ color: rgba(0, 0, 0, 0.85);
1229
+ }
1230
+ .ui.inverted.selection.menu > .item {
1231
+ color: rgba(255, 255, 255, 0.4);
1232
+ }
1233
+ .ui.inverted.selection.menu > .item:hover {
1234
+ color: rgba(255, 255, 255, 0.9);
1235
+ }
1236
+ .ui.inverted.selection.menu > .item.active {
1237
+ color: #FFFFFF;
1238
+ }
1239
+
1240
+ /*--------------
1241
+ Floated
1242
+ ---------------*/
1243
+
1244
+ .ui.floated.menu {
1245
+ float: left;
1246
+ margin: 0rem 0.5rem 0rem 0rem;
1247
+ }
1248
+ .ui.right.floated.menu {
1249
+ float: right;
1250
+ margin: 0rem 0rem 0rem 0.5rem;
1251
+ }
1252
+
1253
+ /*--------------
1254
+ Inverted Colors
1255
+ ---------------*/
1256
+
1257
+
1258
+ /*--- Light Colors ---*/
1259
+
1260
+ .ui.grey.menu {
1261
+ background-color: #fafafa;
1262
+ }
1263
+
1264
+ /*--- Inverted Colors ---*/
1265
+
1266
+
1267
+ /* Blue */
1268
+ .ui.inverted.blue.menu {
1269
+ background-color: #3b83c0;
1270
+ }
1271
+ .ui.inverted.blue.pointing.menu .active.item:after {
1272
+ background-color: #3b83c0;
1273
+ }
1274
+
1275
+ /* Green */
1276
+ .ui.inverted.green.menu {
1277
+ background-color: #5bbd72;
1278
+ }
1279
+ .ui.inverted.green.pointing.menu .active.item:after {
1280
+ background-color: #5bbd72;
1281
+ }
1282
+
1283
+ /* Orange */
1284
+ .ui.inverted.orange.menu {
1285
+ background-color: #e07b53;
1286
+ }
1287
+ .ui.inverted.orange.pointing.menu .active.item:after {
1288
+ background-color: #e07b53;
1289
+ }
1290
+
1291
+ /* Pink */
1292
+ .ui.inverted.pink.menu {
1293
+ background-color: #d9499a;
1294
+ }
1295
+ .ui.inverted.pink.pointing.menu .active.item:after {
1296
+ background-color: #d9499a;
1297
+ }
1298
+
1299
+ /* Purple */
1300
+ .ui.inverted.purple.menu {
1301
+ background-color: #564f8a;
1302
+ }
1303
+ .ui.inverted.purple.pointing.menu .active.item:after {
1304
+ background-color: #564f8a;
1305
+ }
1306
+
1307
+ /* Red */
1308
+ .ui.inverted.red.menu {
1309
+ background-color: #d95c5c;
1310
+ }
1311
+ .ui.inverted.red.pointing.menu .active.item:after {
1312
+ background-color: #d95c5c;
1313
+ }
1314
+
1315
+ /* Teal */
1316
+ .ui.inverted.teal.menu {
1317
+ background-color: #00b5ad;
1318
+ }
1319
+ .ui.inverted.teal.pointing.menu .active.item:after {
1320
+ background-color: #00b5ad;
1321
+ }
1322
+
1323
+ /* Yellow */
1324
+ .ui.inverted.yellow.menu {
1325
+ background-color: #f2c61f;
1326
+ }
1327
+ .ui.inverted.yellow.pointing.menu .active.item:after {
1328
+ background-color: #f2c61f;
1329
+ }
1330
+
1331
+ /*--------------
1332
+ Fitted
1333
+ ---------------*/
1334
+
1335
+ .ui.fitted.menu .item,
1336
+ .ui.fitted.menu .item .menu .item,
1337
+ .ui.menu .fitted.item {
1338
+ padding: 0em;
1339
+ }
1340
+ .ui.horizontally.fitted.menu .item,
1341
+ .ui.horizontally.fitted.menu .item .menu .item,
1342
+ .ui.menu .horizontally.fitted.item {
1343
+ padding-top: 0.78571em;
1344
+ padding-bottom: 0.78571em;
1345
+ }
1346
+ .ui.vertically.fitted.menu .item,
1347
+ .ui.vertically.fitted.menu .item .menu .item,
1348
+ .ui.menu .vertically.fitted.item {
1349
+ padding-left: 0.95em;
1350
+ padding-right: 0.95em;
1351
+ }
1352
+
1353
+ /*--------------
1354
+ Borderless
1355
+ ---------------*/
1356
+
1357
+ .ui.borderless.menu .item:before,
1358
+ .ui.borderless.menu .item .menu .item:before,
1359
+ .ui.menu .borderless.item:before {
1360
+ background: none !important;
1361
+ }
1362
+
1363
+ /*-------------------
1364
+ Compact
1365
+ --------------------*/
1366
+
1367
+ .ui.compact.menu {
1368
+ display: inline-block;
1369
+ margin: 0em;
1370
+ vertical-align: middle;
1371
+ }
1372
+ .ui.compact.vertical.menu {
1373
+ width: auto !important;
1374
+ }
1375
+ .ui.compact.vertical.menu .item:last-child::before {
1376
+ display: block;
1377
+ }
1378
+
1379
+ /*-------------------
1380
+ Fluid
1381
+ --------------------*/
1382
+
1383
+ .ui.menu.fluid,
1384
+ .ui.vertical.menu.fluid {
1385
+ display: block;
1386
+ width: 100% !important;
1387
+ }
1388
+
1389
+ /*-------------------
1390
+ Evenly Sized
1391
+ --------------------*/
1392
+
1393
+ .ui.item.menu,
1394
+ .ui.item.menu .item {
1395
+ width: 100%;
1396
+ padding-left: 0px !important;
1397
+ padding-right: 0px !important;
1398
+ text-align: center;
1399
+ }
1400
+ .ui.menu.two.item .item {
1401
+ width: 50%;
1402
+ }
1403
+ .ui.menu.three.item .item {
1404
+ width: 33.333%;
1405
+ }
1406
+ .ui.menu.four.item .item {
1407
+ width: 25%;
1408
+ }
1409
+ .ui.menu.five.item .item {
1410
+ width: 20%;
1411
+ }
1412
+ .ui.menu.six.item .item {
1413
+ width: 16.666%;
1414
+ }
1415
+ .ui.menu.seven.item .item {
1416
+ width: 14.285%;
1417
+ }
1418
+ .ui.menu.eight.item .item {
1419
+ width: 12.500%;
1420
+ }
1421
+ .ui.menu.nine.item .item {
1422
+ width: 11.11%;
1423
+ }
1424
+ .ui.menu.ten.item .item {
1425
+ width: 10.0%;
1426
+ }
1427
+ .ui.menu.eleven.item .item {
1428
+ width: 9.09%;
1429
+ }
1430
+ .ui.menu.twelve.item .item {
1431
+ width: 8.333%;
1432
+ }
1433
+
1434
+ /*--------------
1435
+ Fixed
1436
+ ---------------*/
1437
+
1438
+ .ui.menu.fixed {
1439
+ position: fixed;
1440
+ z-index: 101;
1441
+ margin: 0em;
1442
+ border: none;
1443
+ width: 100%;
1444
+ }
1445
+ .ui.menu.fixed,
1446
+ .ui.menu.fixed .item:first-child,
1447
+ .ui.menu.fixed .item:last-child {
1448
+ border-radius: 0px !important;
1449
+ }
1450
+ .ui.fixed.menu,
1451
+ .ui.top.fixed.menu {
1452
+ top: 0px;
1453
+ left: 0px;
1454
+ right: auto;
1455
+ bottom: auto;
1456
+ }
1457
+ .ui.right.fixed.menu {
1458
+ top: 0px;
1459
+ right: 0px;
1460
+ left: auto;
1461
+ bottom: auto;
1462
+ width: auto;
1463
+ height: 100%;
1464
+ }
1465
+ .ui.bottom.fixed.menu {
1466
+ bottom: 0px;
1467
+ left: 0px;
1468
+ top: auto;
1469
+ right: auto;
1470
+ }
1471
+ .ui.left.fixed.menu {
1472
+ top: 0px;
1473
+ left: 0px;
1474
+ right: auto;
1475
+ bottom: auto;
1476
+ width: auto;
1477
+ height: 100%;
1478
+ }
1479
+
1480
+ /* Coupling with Grid */
1481
+ .ui.fixed.menu + .ui.grid {
1482
+ padding-top: 2.75rem;
1483
+ }
1484
+
1485
+ /*-------------------
1486
+ Pointing
1487
+ --------------------*/
1488
+
1489
+ .ui.pointing.menu .active.item:after {
1490
+ position: absolute;
1491
+ content: '';
1492
+ top: 100%;
1493
+ left: 50%;
1494
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
1495
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
1496
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
1497
+ margin: 0em;
1498
+ background: none;
1499
+ width: 0.6em;
1500
+ height: 0.6em;
1501
+ border: none;
1502
+ border-bottom: 1px solid #d4d4d5;
1503
+ border-right: 1px solid #d4d4d5;
1504
+ z-index: 11;
1505
+ -webkit-transition: background 0.2s ease;
1506
+ transition: background 0.2s ease;
1507
+ }
1508
+
1509
+ /* Don't double up pointers */
1510
+ .ui.pointing.menu .active.item .menu .active.item:after {
1511
+ display: none;
1512
+ }
1513
+ .ui.vertical.pointing.menu .active.item:after {
1514
+ position: absolute;
1515
+ top: 50%;
1516
+ right: 0%;
1517
+ bottom: auto;
1518
+ left: auto;
1519
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
1520
+ -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
1521
+ transform: translateX(50%) translateY(-50%) rotate(45deg);
1522
+ margin: 0em -1px 0em 0em;
1523
+ border: none;
1524
+ border-top: 1px solid #d4d4d5;
1525
+ border-right: 1px solid #d4d4d5;
1526
+ }
1527
+
1528
+ /* Colors */
1529
+ .ui.pointing.menu .active.item:hover:after {
1530
+ background-color: #fafafa;
1531
+ }
1532
+ .ui.pointing.menu .active.item:after {
1533
+ background-color: #f7f7f7;
1534
+ }
1535
+ .ui.vertical.pointing.menu .item:hover:after {
1536
+ background-color: #fafafa;
1537
+ }
1538
+ .ui.vertical.pointing.menu .active.item:after {
1539
+ background-color: #f7f7f7;
1540
+ }
1541
+ .ui.vertical.pointing.menu .menu .active.item:after {
1542
+ background-color: #ffffff;
1543
+ }
1544
+
1545
+ /*--------------
1546
+ Attached
1547
+ ---------------*/
1548
+
1549
+ .ui.menu.attached {
1550
+ margin: 0rem;
1551
+ border-radius: 0px;
1552
+
1553
+ /* avoid rgba multiplying */
1554
+ box-shadow: 0px 0px 0px 1px #dddddd;
1555
+ }
1556
+ .ui.top.attached.menu {
1557
+ border-radius: 0.2857rem 0.2857rem 0em 0em;
1558
+ }
1559
+ .ui.menu.bottom.attached {
1560
+ border-radius: 0em 0em 0.2857rem 0.2857rem;
1561
+ }
1562
+
1563
+ /*--------------
1564
+ Sizes
1565
+ ---------------*/
1566
+
1567
+
1568
+ /* Small */
1569
+ .ui.small.menu .item {
1570
+ font-size: 0.875rem;
1571
+ }
1572
+ .ui.small.vertical.menu {
1573
+ width: 13rem;
1574
+ }
1575
+
1576
+ /* Medium */
1577
+ .ui.menu .item {
1578
+ font-size: 1rem;
1579
+ }
1580
+ .ui.vertical.menu {
1581
+ width: 15rem;
1582
+ }
1583
+
1584
+ /* Large */
1585
+ .ui.large.menu .item {
1586
+ font-size: 1.125rem;
1587
+ }
1588
+ .ui.large.menu .item .item {
1589
+ font-size: 0.875rem;
1590
+ }
1591
+ .ui.large.menu .dropdown .item {
1592
+ font-size: 1rem;
1593
+ }
1594
+ .ui.large.vertical.menu {
1595
+ width: 18rem;
1596
+ }
1597
+
1598
+
1599
+ /*******************************
1600
+ Theme Overrides
1601
+ *******************************/
1602
+
1603
+
1604
+
1605
+ /*******************************
1606
+ Site Overrides
1607
+ *******************************/
1608
+