volt-semantic-ui 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.gitignore +0 -0
- data/Gemfile +0 -0
- data/LICENSE.txt +0 -0
- data/README.md +0 -0
- data/Rakefile +0 -0
- data/app/semanticui/assets/css/semantic.min.css +3 -3
- data/app/semanticui/assets/css/themes/basic/assets/fonts/icons.eot +0 -0
- data/app/semanticui/assets/css/themes/basic/assets/fonts/icons.svg +0 -0
- data/app/semanticui/assets/css/themes/basic/assets/fonts/icons.ttf +0 -0
- data/app/semanticui/assets/css/themes/basic/assets/fonts/icons.woff +0 -0
- data/app/semanticui/assets/css/themes/default/assets/fonts/icons.eot +0 -0
- data/app/semanticui/assets/css/themes/default/assets/fonts/icons.otf +0 -0
- data/app/semanticui/assets/css/themes/default/assets/fonts/icons.svg +526 -465
- data/app/semanticui/assets/css/themes/default/assets/fonts/icons.ttf +0 -0
- data/app/semanticui/assets/css/themes/default/assets/fonts/icons.woff +0 -0
- data/app/semanticui/assets/css/themes/default/assets/fonts/icons.woff2 +0 -0
- data/app/semanticui/assets/css/themes/default/assets/images/flags.png +0 -0
- data/app/semanticui/assets/js/components/accordion.css +256 -0
- data/app/semanticui/assets/js/components/accordion.js +578 -0
- data/app/semanticui/assets/js/components/accordion.min.css +10 -0
- data/app/semanticui/assets/js/components/accordion.min.js +11 -0
- data/app/semanticui/assets/js/components/ad.css +276 -0
- data/app/semanticui/assets/js/components/ad.min.css +10 -0
- data/app/semanticui/assets/js/components/api.js +871 -0
- data/app/semanticui/assets/js/components/api.min.js +11 -0
- data/app/semanticui/assets/js/components/breadcrumb.css +124 -0
- data/app/semanticui/assets/js/components/breadcrumb.min.css +10 -0
- data/app/semanticui/assets/js/components/button.css +2391 -0
- data/app/semanticui/assets/js/components/button.min.css +10 -0
- data/app/semanticui/assets/js/components/card.css +909 -0
- data/app/semanticui/assets/js/components/card.min.css +10 -0
- data/app/semanticui/assets/js/components/checkbox.css +513 -0
- data/app/semanticui/assets/js/components/checkbox.js +509 -0
- data/app/semanticui/assets/js/components/checkbox.min.css +10 -0
- data/app/semanticui/assets/js/components/checkbox.min.js +11 -0
- data/app/semanticui/assets/js/components/comment.css +259 -0
- data/app/semanticui/assets/js/components/comment.min.css +10 -0
- data/app/semanticui/assets/js/components/dimmer.css +186 -0
- data/app/semanticui/assets/js/components/dimmer.js +669 -0
- data/app/semanticui/assets/js/components/dimmer.min.css +10 -0
- data/app/semanticui/assets/js/components/dimmer.min.js +11 -0
- data/app/semanticui/assets/js/components/divider.css +241 -0
- data/app/semanticui/assets/js/components/divider.min.css +10 -0
- data/app/semanticui/assets/js/components/dropdown.css +1103 -0
- data/app/semanticui/assets/js/components/dropdown.js +1795 -0
- data/app/semanticui/assets/js/components/dropdown.min.css +10 -0
- data/app/semanticui/assets/js/components/dropdown.min.js +11 -0
- data/app/semanticui/assets/js/components/feed.css +276 -0
- data/app/semanticui/assets/js/components/feed.min.css +10 -0
- data/app/semanticui/assets/js/components/flag.css +1024 -0
- data/app/semanticui/assets/js/components/flag.min.css +10 -0
- data/app/semanticui/assets/js/components/form.css +891 -0
- data/app/semanticui/assets/js/components/form.js +1118 -0
- data/app/semanticui/assets/js/components/form.min.css +10 -0
- data/app/semanticui/assets/js/components/form.min.js +11 -0
- data/app/semanticui/assets/js/components/grid.css +1871 -0
- data/app/semanticui/assets/js/components/grid.min.css +10 -0
- data/app/semanticui/assets/js/components/header.css +596 -0
- data/app/semanticui/assets/js/components/header.min.css +10 -0
- data/app/semanticui/assets/js/components/icon.css +2467 -0
- data/app/semanticui/assets/js/components/icon.min.css +10 -0
- data/app/semanticui/assets/js/components/image.css +288 -0
- data/app/semanticui/assets/js/components/image.min.css +10 -0
- data/app/semanticui/assets/js/components/input.css +439 -0
- data/app/semanticui/assets/js/components/input.min.css +10 -0
- data/app/semanticui/assets/js/components/item.css +456 -0
- data/app/semanticui/assets/js/components/item.min.css +10 -0
- data/app/semanticui/assets/js/components/label.css +963 -0
- data/app/semanticui/assets/js/components/label.min.css +10 -0
- data/app/semanticui/assets/js/components/list.css +878 -0
- data/app/semanticui/assets/js/components/list.min.css +10 -0
- data/app/semanticui/assets/js/components/loader.css +284 -0
- data/app/semanticui/assets/js/components/loader.min.css +10 -0
- data/app/semanticui/assets/js/components/menu.css +1608 -0
- data/app/semanticui/assets/js/components/menu.min.css +10 -0
- data/app/semanticui/assets/js/components/message.css +421 -0
- data/app/semanticui/assets/js/components/message.min.css +10 -0
- data/app/semanticui/assets/js/components/modal.css +432 -0
- data/app/semanticui/assets/js/components/modal.js +860 -0
- data/app/semanticui/assets/js/components/modal.min.css +10 -0
- data/app/semanticui/assets/js/components/modal.min.js +11 -0
- data/app/semanticui/assets/js/components/nag.css +148 -0
- data/app/semanticui/assets/js/components/nag.js +477 -0
- data/app/semanticui/assets/js/components/nag.min.css +10 -0
- data/app/semanticui/assets/js/components/nag.min.js +11 -0
- data/app/semanticui/assets/js/components/popup.css +293 -0
- data/app/semanticui/assets/js/components/popup.js +1224 -0
- data/app/semanticui/assets/js/components/popup.min.css +10 -0
- data/app/semanticui/assets/js/components/popup.min.js +11 -0
- data/app/semanticui/assets/js/components/progress.css +461 -0
- data/app/semanticui/assets/js/components/progress.js +785 -0
- data/app/semanticui/assets/js/components/progress.min.css +10 -0
- data/app/semanticui/assets/js/components/progress.min.js +11 -0
- data/app/semanticui/assets/js/components/rail.css +124 -0
- data/app/semanticui/assets/js/components/rail.min.css +10 -0
- data/app/semanticui/assets/js/components/rating.css +251 -0
- data/app/semanticui/assets/js/components/rating.js +451 -0
- data/app/semanticui/assets/js/components/rating.min.css +10 -0
- data/app/semanticui/assets/js/components/rating.min.js +11 -0
- data/app/semanticui/assets/js/components/reset.css +429 -0
- data/app/semanticui/assets/js/components/reset.min.css +10 -0
- data/app/semanticui/assets/js/components/reveal.css +293 -0
- data/app/semanticui/assets/js/components/reveal.min.css +10 -0
- data/app/semanticui/assets/js/components/search.css +329 -0
- data/app/semanticui/assets/js/components/search.js +1096 -0
- data/app/semanticui/assets/js/components/search.min.css +10 -0
- data/app/semanticui/assets/js/components/search.min.js +11 -0
- data/app/semanticui/assets/js/components/segment.css +635 -0
- data/app/semanticui/assets/js/components/segment.min.css +10 -0
- data/app/semanticui/assets/js/components/shape.css +154 -0
- data/app/semanticui/assets/js/components/shape.js +830 -0
- data/app/semanticui/assets/js/components/shape.min.css +10 -0
- data/app/semanticui/assets/js/components/shape.min.js +11 -0
- data/app/semanticui/assets/js/components/sidebar.css +625 -0
- data/app/semanticui/assets/js/components/sidebar.js +1089 -0
- data/app/semanticui/assets/js/components/sidebar.min.css +10 -0
- data/app/semanticui/assets/js/components/sidebar.min.js +11 -0
- data/app/semanticui/assets/js/components/site.css +160 -0
- data/app/semanticui/assets/js/components/site.js +487 -0
- data/app/semanticui/assets/js/components/site.min.css +10 -0
- data/app/semanticui/assets/js/components/site.min.js +11 -0
- data/app/semanticui/assets/js/components/state.js +695 -0
- data/app/semanticui/assets/js/components/state.min.js +11 -0
- data/app/semanticui/assets/js/components/statistic.css +409 -0
- data/app/semanticui/assets/js/components/statistic.min.css +10 -0
- data/app/semanticui/assets/js/components/step.css +432 -0
- data/app/semanticui/assets/js/components/step.min.css +10 -0
- data/app/semanticui/assets/js/components/sticky.css +79 -0
- data/app/semanticui/assets/js/components/sticky.js +792 -0
- data/app/semanticui/assets/js/components/sticky.min.css +10 -0
- data/app/semanticui/assets/js/components/sticky.min.js +11 -0
- data/app/semanticui/assets/js/components/tab.css +92 -0
- data/app/semanticui/assets/js/components/tab.js +802 -0
- data/app/semanticui/assets/js/components/tab.min.css +10 -0
- data/app/semanticui/assets/js/components/tab.min.js +11 -0
- data/app/semanticui/assets/js/components/table.css +1000 -0
- data/app/semanticui/assets/js/components/table.min.css +10 -0
- data/app/semanticui/assets/js/components/transition.css +1990 -0
- data/app/semanticui/assets/js/components/transition.js +1038 -0
- data/app/semanticui/assets/js/components/transition.min.css +10 -0
- data/app/semanticui/assets/js/components/transition.min.js +11 -0
- data/app/semanticui/assets/js/components/video.css +125 -0
- data/app/semanticui/assets/js/components/video.js +540 -0
- data/app/semanticui/assets/js/components/video.min.css +10 -0
- data/app/semanticui/assets/js/components/video.min.js +11 -0
- data/app/semanticui/assets/js/components/visibility.js +1032 -0
- data/app/semanticui/assets/js/components/visibility.min.js +11 -0
- data/app/semanticui/assets/js/semantic.min.js +9 -9
- data/lib/volt/semanticui.rb +0 -0
- data/lib/volt/semanticui/version.rb +1 -1
- data/volt-semantic-ui-0.0.1.gem +0 -0
- data/volt-semanticui-0.0.1.gem +0 -0
- data/volt-semanticui.gemspec +0 -0
- metadata +141 -10
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* # Semantic UI 1.11.4 - Tab
|
|
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.tab{display:none}.ui.tab.active,.ui.tab.open{display:block}.ui.tab.loading{position:relative;overflow:hidden;display:block;min-height:250px}.ui.tab.loading *{position:relative!important;left:-10000px!important}.ui.tab.loading.segment:before,.ui.tab.loading:before{position:absolute;content:'';top:100px;left:50%;margin:-1.25em 0 0 -1.25em;width:2.5em;height:2.5em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.tab.loading.segment:after,.ui.tab.loading:after{position:absolute;content:'';top:100px;left:50%;margin:-1.25em 0 0 -1.25em;width:2.5em;height:2.5em;-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:#aaa transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* # Semantic UI 1.11.4 - Tab
|
|
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
|
+
!function(e,t,a,n){"use strict";e.fn.tab=function(a){var i,o,r=e(e.isFunction(this)?t:this),s=e.isPlainObject(a)?e.extend(!0,{},e.fn.tab.settings,a):e.extend({},e.fn.tab.settings),c=r.selector||"",l=(new Date).getTime(),u=[],d=arguments[0],b="string"==typeof d,g=[].slice.call(arguments,1);return r.each(function(){var a,f,h,p,m,v=s.className,y=s.metadata,T=s.selector,x=s.error,A="."+s.namespace,P="module-"+s.namespace,C=e(this),E={},S=!0,w=0,j=this,D=C.data(P);i={initialize:function(){i.debug("Initializing tab menu item",C),i.determineTabs(),i.debug("Determining tabs",s.context,f),s.auto&&i.set.auto(),e.isWindow(j)||(i.debug("Attaching tab activation events to element",C),C.on("click"+A,i.event.click)),i.instantiate()},determineTabs:function(){var t;"parent"===s.context?(C.closest(T.ui).length>0?(t=C.closest(T.ui),i.verbose("Using closest UI element for determining parent",t)):t=C,a=t.parent(),i.verbose("Determined parent element for creating context",a)):s.context?(a=e(s.context),i.verbose("Using selector for tab context",s.context,a)):a=e("body"),s.childrenOnly?(f=a.children(T.tabs),i.debug("Searching tab context children for tabs",a,f)):(f=a.find(T.tabs),i.debug("Searching tab context for tabs",a,f))},initializeHistory:function(){if(s.history){if(i.debug("Initializing page state"),e.address===n)return i.error(x.state),!1;if("state"==s.historyType){if(i.debug("Using HTML5 to manage state"),s.path===!1)return i.error(x.path),!1;e.address.history(!0).state(s.path)}e.address.bind("change",i.event.history.change)}},instantiate:function(){i.verbose("Storing instance of module",i),D=i,C.data(P,i)},destroy:function(){i.debug("Destroying tabs",C),C.removeData(P).off(A)},event:{click:function(t){var a=e(this).data(y.tab);a!==n?(s.history?(i.verbose("Updating page state",t),e.address.value(a)):(i.verbose("Changing tab",t),i.changeTab(a)),t.preventDefault()):i.debug("No tab specified")},history:{change:function(t){var a=t.pathNames.join("/")||i.get.initialPath(),o=s.templates.determineTitle(a)||!1;i.performance.display(),i.debug("History change event",a,t),m=t,a!==n&&i.changeTab(a),o&&e.address.title(o)}}},refresh:function(){h&&(i.debug("Refreshing tab",h),i.changeTab(h))},cache:{read:function(e){return e!==n?E[e]:!1},add:function(e,t){e=e||h,i.debug("Adding cached content for",e),E[e]=t},remove:function(e){e=e||h,i.debug("Removing cached content for",e),delete E[e]}},set:{auto:function(){var t="string"==typeof s.path?s.path.replace(/\/$/,"")+"/{$tab}":"/{$tab}";i.verbose("Setting up automatic tab retrieval from server",t),e.isPlainObject(s.apiSettings)?s.apiSettings.url=t:s.apiSettings={url:t}},state:function(t){e.address.value(t)}},changeTab:function(n){var o=t.history&&t.history.pushState,r=o&&s.ignoreFirstLoad&&S,c=s.auto||e.isPlainObject(s.apiSettings),l=c&&!r?i.utilities.pathToArray(n):i.get.defaultPathArray(n);n=i.utilities.arrayToPath(l),e.each(l,function(t,o){var u,d,b,g,f=l.slice(0,t+1),v=i.utilities.arrayToPath(f),y=i.is.tab(v),T=t+1==l.length,A=i.get.tabElement(v);if(i.verbose("Looking for tab",o),y){if(i.verbose("Tab was found",o),h=v,p=i.utilities.filterArray(l,f),T?g=!0:(d=l.slice(0,t+2),b=i.utilities.arrayToPath(d),g=!i.is.tab(b),g&&i.verbose("Tab parameters found",d)),g&&c)return r?(i.debug("Ignoring remote content on first tab load",v),S=!1,i.cache.add(n,A.html()),i.activate.all(v),s.onTabInit.call(A,v,p,m),s.onTabLoad.call(A,v,p,m)):(i.activate.navigation(v),i.content.fetch(v,n)),!1;i.debug("Opened local tab",v),i.activate.all(v),i.cache.read(v)||(i.cache.add(v,!0),i.debug("First time tab loaded calling tab init"),s.onTabInit.call(A,v,p,m)),s.onTabLoad.call(A,v,p,m)}else{if(-1!=n.search("/")||""===n)return i.error(x.missingTab,C,a,v),!1;if(u=e("#"+n+', a[name="'+n+'"]'),v=u.closest("[data-tab]").data("tab"),A=i.get.tabElement(v),u&&u.length>0&&v)return i.debug("No tab found, but deep anchor link present, opening parent tab"),i.activate.all(v),i.cache.read(v)||(i.cache.add(v,!0),i.debug("First time tab loaded calling tab init"),s.onTabInit.call(A,v,p,m)),!1}})},content:{fetch:function(t,a){var o,r,c=i.get.tabElement(t),l={dataType:"html",on:"now",onSuccess:function(e){i.cache.add(a,e),i.content.update(t,e),t==h?(i.debug("Content loaded",t),i.activate.tab(t)):i.debug("Content loaded in background",t),s.onTabInit.call(c,t,p,m),s.onTabLoad.call(c,t,p,m)},urlData:{tab:a}},u=c.api("get request")||!1,d=u&&"pending"===u.state();a=a||t,r=i.cache.read(a),i.activate.tab(t),s.cache&&r?(i.debug("Showing existing content",a),i.content.update(t,r),s.onTabLoad.call(c,t,p,m)):d?(i.debug("Content is already loading",a),c.addClass(v.loading)):e.api!==n?(o=e.extend(!0,{headers:{"X-Remote":!0}},s.apiSettings,l),i.debug("Retrieving remote content",a,o),c.api(o)):i.error(x.api)},update:function(e,t){i.debug("Updating html for",e);var a=i.get.tabElement(e);a.html(t)}},activate:{all:function(e){i.activate.tab(e),i.activate.navigation(e)},tab:function(e){var t=i.get.tabElement(e);i.verbose("Showing tab content for",t),t.addClass(v.active).siblings(f).removeClass(v.active+" "+v.loading)},navigation:function(e){var t=i.get.navElement(e);i.verbose("Activating tab navigation for",t,e),t.addClass(v.active).siblings(r).removeClass(v.active+" "+v.loading)}},deactivate:{all:function(){i.deactivate.navigation(),i.deactivate.tabs()},navigation:function(){r.removeClass(v.active)},tabs:function(){f.removeClass(v.active+" "+v.loading)}},is:{tab:function(e){return e!==n?i.get.tabElement(e).length>0:!1}},get:{initialPath:function(){return r.eq(0).data(y.tab)||f.eq(0).data(y.tab)},path:function(){return e.address.value()},defaultPathArray:function(e){return i.utilities.pathToArray(i.get.defaultPath(e))},defaultPath:function(e){var t=r.filter("[data-"+y.tab+'^="'+e+'/"]').eq(0),a=t.data(y.tab)||!1;if(a){if(i.debug("Found default tab",a),w<s.maxDepth)return w++,i.get.defaultPath(a);i.error(x.recursion)}else i.debug("No default tabs found for",e,f);return w=0,e},navElement:function(e){return e=e||h,r.filter("[data-"+y.tab+'="'+e+'"]')},tabElement:function(e){var t,a,n,o;return e=e||h,n=i.utilities.pathToArray(e),o=i.utilities.last(n),t=f.filter("[data-"+y.tab+'="'+o+'"]'),a=f.filter("[data-"+y.tab+'="'+e+'"]'),t.length>0?t:a},tab:function(){return h}},utilities:{filterArray:function(t,a){return e.grep(t,function(t){return-1==e.inArray(t,a)})},last:function(t){return e.isArray(t)?t[t.length-1]:!1},pathToArray:function(e){return e===n&&(e=h),"string"==typeof e?e.split("/"):[e]},arrayToPath:function(t){return e.isArray(t)?t.join("/"):!1}},setting:function(t,a){if(i.debug("Changing setting",t,a),e.isPlainObject(t))e.extend(!0,s,t);else{if(a===n)return s[t];s[t]=a}},internal:function(t,a){if(e.isPlainObject(t))e.extend(!0,i,t);else{if(a===n)return i[t];i[t]=a}},debug:function(){s.debug&&(s.performance?i.performance.log(arguments):(i.debug=Function.prototype.bind.call(console.info,console,s.name+":"),i.debug.apply(console,arguments)))},verbose:function(){s.verbose&&s.debug&&(s.performance?i.performance.log(arguments):(i.verbose=Function.prototype.bind.call(console.info,console,s.name+":"),i.verbose.apply(console,arguments)))},error:function(){i.error=Function.prototype.bind.call(console.error,console,s.name+":"),i.error.apply(console,arguments)},performance:{log:function(e){var t,a,n;s.performance&&(t=(new Date).getTime(),n=l||t,a=t-n,l=t,u.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:j,"Execution Time":a})),clearTimeout(i.performance.timer),i.performance.timer=setTimeout(i.performance.display,100)},display:function(){var t=s.name+":",a=0;l=!1,clearTimeout(i.performance.timer),e.each(u,function(e,t){a+=t["Execution Time"]}),t+=" "+a+"ms",c&&(t+=" '"+c+"'"),(console.group!==n||console.table!==n)&&u.length>0&&(console.groupCollapsed(t),console.table?console.table(u):e.each(u,function(e,t){console.log(t.Name+": "+t["Execution Time"]+"ms")}),console.groupEnd()),u=[]}},invoke:function(t,a,r){var s,c,l,u=D;return a=a||g,r=j||r,"string"==typeof t&&u!==n&&(t=t.split(/[\. ]/),s=t.length-1,e.each(t,function(a,o){var r=a!=s?o+t[a+1].charAt(0).toUpperCase()+t[a+1].slice(1):t;if(e.isPlainObject(u[r])&&a!=s)u=u[r];else{if(u[r]!==n)return c=u[r],!1;if(!e.isPlainObject(u[o])||a==s)return u[o]!==n?(c=u[o],!1):(i.error(x.method,t),!1);u=u[o]}})),e.isFunction(c)?l=c.apply(r,a):c!==n&&(l=c),e.isArray(o)?o.push(l):o!==n?o=[o,l]:l!==n&&(o=l),c}},b?(D===n&&i.initialize(),i.invoke(d)):(D!==n&&D.invoke("destroy"),i.initialize())}),i&&!b&&i.initializeHistory(),o!==n?o:this},e.tab=function(){e(t).tab.apply(this,arguments)},e.fn.tab.settings={name:"Tab",namespace:"tab",debug:!1,verbose:!0,performance:!0,auto:!1,history:!1,historyType:"hash",path:!1,context:!1,childrenOnly:!1,maxDepth:25,alwaysRefresh:!1,cache:!0,ignoreFirstLoad:!1,apiSettings:!1,onTabInit:function(){},onTabLoad:function(){},templates:{determineTitle:function(){}},error:{api:"You attempted to load content without API module",method:"The method you called is not defined",missingTab:"Activated tab cannot be found for this context.",noContent:"The tab you specified is missing a content url.",path:"History enabled, but no path was specified",recursion:"Max recursive depth reached",state:"History requires Asual's Address library <https://github.com/asual/jquery-address>"},metadata:{tab:"tab",loaded:"loaded",promise:"promise"},className:{loading:"loading",active:"active"},selector:{tabs:".ui.tab",ui:".ui"}}}(jQuery,window,document);
|
|
@@ -0,0 +1,1000 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* # Semantic UI 1.11.4 - Table
|
|
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
|
+
Table
|
|
15
|
+
*******************************/
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
/* Prototype */
|
|
19
|
+
.ui.table {
|
|
20
|
+
width: 100%;
|
|
21
|
+
background: #ffffff;
|
|
22
|
+
margin: 1em 0em;
|
|
23
|
+
border: 1px solid #d0d0d0;
|
|
24
|
+
box-shadow: none;
|
|
25
|
+
border-radius: 0.25rem;
|
|
26
|
+
color: rgba(0, 0, 0, 0.8);
|
|
27
|
+
border-collapse: separate;
|
|
28
|
+
border-spacing: 0px;
|
|
29
|
+
}
|
|
30
|
+
.ui.table:first-child {
|
|
31
|
+
margin-top: 0em;
|
|
32
|
+
}
|
|
33
|
+
.ui.table:last-child {
|
|
34
|
+
margin-bottom: 0em;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
/*******************************
|
|
39
|
+
Parts
|
|
40
|
+
*******************************/
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
/* Table Content */
|
|
44
|
+
.ui.table th,
|
|
45
|
+
.ui.table td {
|
|
46
|
+
-webkit-transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
|
|
47
|
+
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/* Headers */
|
|
51
|
+
.ui.table thead {
|
|
52
|
+
box-shadow: none;
|
|
53
|
+
}
|
|
54
|
+
.ui.table thead th {
|
|
55
|
+
cursor: auto;
|
|
56
|
+
background: #f0f0f0;
|
|
57
|
+
text-align: left;
|
|
58
|
+
color: rgba(0, 0, 0, 0.8);
|
|
59
|
+
padding: 0.7em 0.8em;
|
|
60
|
+
vertical-align: middle;
|
|
61
|
+
font-style: none;
|
|
62
|
+
font-weight: bold;
|
|
63
|
+
text-transform: none;
|
|
64
|
+
border-bottom: 1px solid #d4d4d5;
|
|
65
|
+
border-left: none;
|
|
66
|
+
}
|
|
67
|
+
.ui.table thead tr > th:first-child {
|
|
68
|
+
border-left: none;
|
|
69
|
+
}
|
|
70
|
+
.ui.table thead tr:first-child > th:first-child {
|
|
71
|
+
border-radius: 0.25rem 0em 0em 0em;
|
|
72
|
+
}
|
|
73
|
+
.ui.table thead tr:first-child > th:last-child {
|
|
74
|
+
border-radius: 0em 0.25rem 0em 0em;
|
|
75
|
+
}
|
|
76
|
+
.ui.table thead tr:first-child > th:only-child {
|
|
77
|
+
border-radius: 0.25rem 0.25rem 0em 0em;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
/* Footer */
|
|
81
|
+
.ui.table tfoot {
|
|
82
|
+
box-shadow: none;
|
|
83
|
+
}
|
|
84
|
+
.ui.table tfoot th {
|
|
85
|
+
cursor: auto;
|
|
86
|
+
border-top: 1px solid #d4d4d5;
|
|
87
|
+
background: #ffffff;
|
|
88
|
+
text-align: left;
|
|
89
|
+
color: rgba(0, 0, 0, 0.8);
|
|
90
|
+
padding: 0.7em 0.8em;
|
|
91
|
+
vertical-align: middle;
|
|
92
|
+
font-style: normal;
|
|
93
|
+
font-weight: normal;
|
|
94
|
+
text-transform: none;
|
|
95
|
+
}
|
|
96
|
+
.ui.table tfoot tr > th:first-child {
|
|
97
|
+
border-left: none;
|
|
98
|
+
}
|
|
99
|
+
.ui.table tfoot tr:first-child > th:first-child {
|
|
100
|
+
border-radius: 0em 0em 0em 0.25rem;
|
|
101
|
+
}
|
|
102
|
+
.ui.table tfoot tr:first-child > th:last-child {
|
|
103
|
+
border-radius: 0em 0em 0.25rem 0em;
|
|
104
|
+
}
|
|
105
|
+
.ui.table tfoot tr:first-child > th:only-child {
|
|
106
|
+
border-radius: 0em 0em 0.25rem 0.25rem;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
/* Table Row */
|
|
110
|
+
.ui.table tr td {
|
|
111
|
+
border-top: 1px solid #d4d4d5;
|
|
112
|
+
}
|
|
113
|
+
.ui.table tr:first-child td {
|
|
114
|
+
border-top: none;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
/* Table Cells */
|
|
118
|
+
.ui.table td {
|
|
119
|
+
padding: 0.7em 0.8em;
|
|
120
|
+
text-align: left;
|
|
121
|
+
vertical-align: middle;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
/* Icons */
|
|
125
|
+
.ui.table > .icon {
|
|
126
|
+
vertical-align: baseline;
|
|
127
|
+
}
|
|
128
|
+
.ui.table > .icon:only-child {
|
|
129
|
+
margin: 0em;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
/* Table Segment */
|
|
133
|
+
.ui.table.segment {
|
|
134
|
+
padding: 0em;
|
|
135
|
+
}
|
|
136
|
+
.ui.table.segment:after {
|
|
137
|
+
display: none;
|
|
138
|
+
}
|
|
139
|
+
.ui.table.segment.stacked:after {
|
|
140
|
+
display: block;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
/* Responsive */
|
|
144
|
+
@media only screen and (max-width: 767px) {
|
|
145
|
+
.ui.table:not(.unstackable) {
|
|
146
|
+
width: 100%;
|
|
147
|
+
}
|
|
148
|
+
.ui.table:not(.unstackable) tbody,
|
|
149
|
+
.ui.table:not(.unstackable) tr,
|
|
150
|
+
.ui.table:not(.unstackable) tr > th,
|
|
151
|
+
.ui.table:not(.unstackable) tr > td {
|
|
152
|
+
width: auto !important;
|
|
153
|
+
display: block !important;
|
|
154
|
+
}
|
|
155
|
+
.ui.table:not(.unstackable) {
|
|
156
|
+
padding: 0em;
|
|
157
|
+
}
|
|
158
|
+
.ui.table:not(.unstackable) thead {
|
|
159
|
+
display: block;
|
|
160
|
+
}
|
|
161
|
+
.ui.table:not(.unstackable) tfoot {
|
|
162
|
+
display: block;
|
|
163
|
+
}
|
|
164
|
+
.ui.table:not(.unstackable) tr > th,
|
|
165
|
+
.ui.table:not(.unstackable) tr > td {
|
|
166
|
+
background: none;
|
|
167
|
+
border: none !important;
|
|
168
|
+
padding: 0.25em 0.75em;
|
|
169
|
+
box-shadow: none;
|
|
170
|
+
}
|
|
171
|
+
.ui.table:not(.unstackable) th:first-child,
|
|
172
|
+
.ui.table:not(.unstackable) td:first-child {
|
|
173
|
+
font-weight: bold;
|
|
174
|
+
padding-top: 1em;
|
|
175
|
+
}
|
|
176
|
+
.ui.table:not(.unstackable) th:last-child,
|
|
177
|
+
.ui.table:not(.unstackable) td:last-child {
|
|
178
|
+
box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
|
|
179
|
+
padding-bottom: 1em;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
/* Clear BG Colors */
|
|
183
|
+
.ui.table:not(.unstackable) tr > td.warning,
|
|
184
|
+
.ui.table:not(.unstackable) tr > td.error,
|
|
185
|
+
.ui.table:not(.unstackable) tr > td.active,
|
|
186
|
+
.ui.table:not(.unstackable) tr > td.positive,
|
|
187
|
+
.ui.table:not(.unstackable) tr > td.negative {
|
|
188
|
+
background-color: transparent !important;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
/* Definition Table */
|
|
192
|
+
.ui.definition.table:not(.unstackable) thead th:first-child {
|
|
193
|
+
box-shadow: none !important;
|
|
194
|
+
}
|
|
195
|
+
.ui.definition.table:not(.unstackable) tr td:first-child {
|
|
196
|
+
padding-bottom: 1em;
|
|
197
|
+
}
|
|
198
|
+
.ui.definition.table:not(.unstackable) tr td:nth-child(n+2) {
|
|
199
|
+
padding-top: 1em;
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
|
|
204
|
+
/*******************************
|
|
205
|
+
Coupling
|
|
206
|
+
*******************************/
|
|
207
|
+
|
|
208
|
+
|
|
209
|
+
/* UI Image */
|
|
210
|
+
.ui.table th .image,
|
|
211
|
+
.ui.table th .image img,
|
|
212
|
+
.ui.table td .image,
|
|
213
|
+
.ui.table td .image img {
|
|
214
|
+
max-width: none;
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
|
|
218
|
+
/*******************************
|
|
219
|
+
Types
|
|
220
|
+
*******************************/
|
|
221
|
+
|
|
222
|
+
|
|
223
|
+
/*--------------
|
|
224
|
+
Complex
|
|
225
|
+
---------------*/
|
|
226
|
+
|
|
227
|
+
.ui.structured.table {
|
|
228
|
+
border-collapse: collapse;
|
|
229
|
+
}
|
|
230
|
+
.ui.structured.table thead th {
|
|
231
|
+
border-left: none;
|
|
232
|
+
border-right: none;
|
|
233
|
+
}
|
|
234
|
+
.ui.structured.sortable.table thead th {
|
|
235
|
+
border-left: 1px solid #d0d0d0;
|
|
236
|
+
border-right: 1px solid #d0d0d0;
|
|
237
|
+
}
|
|
238
|
+
.ui.structured.basic.table th {
|
|
239
|
+
border-left: none;
|
|
240
|
+
border-right: none;
|
|
241
|
+
}
|
|
242
|
+
.ui.structured.celled.table tr th,
|
|
243
|
+
.ui.structured.celled.table tr td {
|
|
244
|
+
border-left: 1px solid #d4d4d5;
|
|
245
|
+
border-right: 1px solid #d4d4d5;
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
/*--------------
|
|
249
|
+
Definition
|
|
250
|
+
---------------*/
|
|
251
|
+
|
|
252
|
+
.ui.definition.table thead:not(.full-width) th:first-child {
|
|
253
|
+
pointer-events: none;
|
|
254
|
+
background: transparent;
|
|
255
|
+
font-weight: normal;
|
|
256
|
+
color: rgba(0, 0, 0, 0.4);
|
|
257
|
+
box-shadow: -1px -1px 0px 1px #ffffff;
|
|
258
|
+
}
|
|
259
|
+
.ui.definition.table tfoot:not(.full-width) th:first-child {
|
|
260
|
+
pointer-events: none;
|
|
261
|
+
background: transparent;
|
|
262
|
+
font-weight: rgba(0, 0, 0, 0.4);
|
|
263
|
+
color: normal;
|
|
264
|
+
box-shadow: 1px 1px 0px 1px #ffffff;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
/* Remove Border */
|
|
268
|
+
.ui.celled.definition.table thead:not(.full-width) th:first-child {
|
|
269
|
+
box-shadow: 0px -1px 0px 1px #ffffff;
|
|
270
|
+
}
|
|
271
|
+
.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
|
|
272
|
+
box-shadow: 0px 1px 0px 1px #ffffff;
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
/* Highlight Defining Column */
|
|
276
|
+
.ui.definition.table tr td:first-child {
|
|
277
|
+
background: rgba(0, 0, 0, 0.03);
|
|
278
|
+
font-weight: bold;
|
|
279
|
+
color: rgba(0, 0, 0, 0.8);
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
/* Fix 2nd Column */
|
|
283
|
+
.ui.definition.table thead:not(.full-width) th:nth-child(2) {
|
|
284
|
+
border-left: 1px solid #d0d0d0;
|
|
285
|
+
}
|
|
286
|
+
.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
|
|
287
|
+
border-left: 1px solid #d0d0d0;
|
|
288
|
+
}
|
|
289
|
+
.ui.definition.table td:nth-child(2) {
|
|
290
|
+
border-left: 1px solid #d0d0d0;
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
|
|
294
|
+
/*******************************
|
|
295
|
+
States
|
|
296
|
+
*******************************/
|
|
297
|
+
|
|
298
|
+
|
|
299
|
+
/*--------------
|
|
300
|
+
Positive
|
|
301
|
+
---------------*/
|
|
302
|
+
|
|
303
|
+
.ui.table tr.positive,
|
|
304
|
+
.ui.table td.positive {
|
|
305
|
+
box-shadow: 0px 0px 0px #b7caa7 inset;
|
|
306
|
+
}
|
|
307
|
+
.ui.table tr.positive td,
|
|
308
|
+
.ui.table td.positive {
|
|
309
|
+
background: #eeffe7 !important;
|
|
310
|
+
color: #3c763d !important;
|
|
311
|
+
}
|
|
312
|
+
.ui.celled.table tr.positive:hover td,
|
|
313
|
+
.ui.celled.table tr:hover td.positive {
|
|
314
|
+
background: #e3ffd8 !important;
|
|
315
|
+
color: #376c38 !important;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
/*--------------
|
|
319
|
+
Negative
|
|
320
|
+
---------------*/
|
|
321
|
+
|
|
322
|
+
.ui.table tr.negative,
|
|
323
|
+
.ui.table td.negative {
|
|
324
|
+
box-shadow: 0px 0px 0px #dbb1b1 inset;
|
|
325
|
+
}
|
|
326
|
+
.ui.table tr.negative td,
|
|
327
|
+
.ui.table td.negative {
|
|
328
|
+
background: #fff0f0 !important;
|
|
329
|
+
color: #cd2929 !important;
|
|
330
|
+
}
|
|
331
|
+
.ui.celled.table tr.negative:hover td,
|
|
332
|
+
.ui.celled.table tr:hover td.negative {
|
|
333
|
+
background: #ffe1e1 !important;
|
|
334
|
+
color: #c02626 !important;
|
|
335
|
+
}
|
|
336
|
+
|
|
337
|
+
/*--------------
|
|
338
|
+
Error
|
|
339
|
+
---------------*/
|
|
340
|
+
|
|
341
|
+
.ui.table tr.error,
|
|
342
|
+
.ui.table td.error {
|
|
343
|
+
box-shadow: 0px 0px 0px #dbb1b1 inset;
|
|
344
|
+
}
|
|
345
|
+
.ui.table tr.error td,
|
|
346
|
+
.ui.table td.error {
|
|
347
|
+
background: #fff0f0 !important;
|
|
348
|
+
color: #cd2929 !important;
|
|
349
|
+
}
|
|
350
|
+
.ui.celled.table tr.error:hover td,
|
|
351
|
+
.ui.celled.table tr:hover td.error {
|
|
352
|
+
background: #ffe1e1 !important;
|
|
353
|
+
color: #c02626 !important;
|
|
354
|
+
}
|
|
355
|
+
|
|
356
|
+
/*--------------
|
|
357
|
+
Warning
|
|
358
|
+
---------------*/
|
|
359
|
+
|
|
360
|
+
.ui.table tr.warning,
|
|
361
|
+
.ui.table td.warning {
|
|
362
|
+
box-shadow: 0px 0px 0px #d9caab inset;
|
|
363
|
+
}
|
|
364
|
+
.ui.table tr.warning td,
|
|
365
|
+
.ui.table td.warning {
|
|
366
|
+
background: #fffbe6 !important;
|
|
367
|
+
color: #7d6c00 !important;
|
|
368
|
+
}
|
|
369
|
+
.ui.celled.table tr.warning:hover td,
|
|
370
|
+
.ui.celled.table tr:hover td.warning {
|
|
371
|
+
background: #fff9d7 !important;
|
|
372
|
+
color: #6e5f00 !important;
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
/*--------------
|
|
376
|
+
Active
|
|
377
|
+
---------------*/
|
|
378
|
+
|
|
379
|
+
.ui.table tr.active,
|
|
380
|
+
.ui.table td.active {
|
|
381
|
+
box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.9) inset;
|
|
382
|
+
}
|
|
383
|
+
.ui.table tr.active td,
|
|
384
|
+
.ui.table td.active {
|
|
385
|
+
background: #e0e0e0 !important;
|
|
386
|
+
color: rgba(50, 50, 50, 0.9) !important;
|
|
387
|
+
}
|
|
388
|
+
.ui.celled.table tr.active:hover td,
|
|
389
|
+
.ui.celled.table tr:hover td.active {
|
|
390
|
+
background: #e0e0e0 !important;
|
|
391
|
+
color: rgba(50, 50, 50, 0.9) !important;
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
/*--------------
|
|
395
|
+
Disabled
|
|
396
|
+
---------------*/
|
|
397
|
+
|
|
398
|
+
.ui.table tr.disabled td,
|
|
399
|
+
.ui.table tr td.disabled,
|
|
400
|
+
.ui.table tr.disabled:hover td,
|
|
401
|
+
.ui.table tr:hover td.disabled {
|
|
402
|
+
pointer-events: none;
|
|
403
|
+
color: rgba(40, 40, 40, 0.3);
|
|
404
|
+
}
|
|
405
|
+
|
|
406
|
+
|
|
407
|
+
/*******************************
|
|
408
|
+
Variations
|
|
409
|
+
*******************************/
|
|
410
|
+
|
|
411
|
+
|
|
412
|
+
/*--------------
|
|
413
|
+
Stackable
|
|
414
|
+
---------------*/
|
|
415
|
+
|
|
416
|
+
@media only screen and (max-width: 991px) {
|
|
417
|
+
.ui[class*="tablet stackable"].table,
|
|
418
|
+
.ui[class*="tablet stackable"].table tbody,
|
|
419
|
+
.ui[class*="tablet stackable"].table tr,
|
|
420
|
+
.ui[class*="tablet stackable"].table tr > th,
|
|
421
|
+
.ui[class*="tablet stackable"].table tr > td {
|
|
422
|
+
width: 100% !important;
|
|
423
|
+
display: block !important;
|
|
424
|
+
}
|
|
425
|
+
.ui[class*="tablet stackable"].table {
|
|
426
|
+
padding: 0em;
|
|
427
|
+
}
|
|
428
|
+
.ui[class*="tablet stackable"].table thead {
|
|
429
|
+
display: block;
|
|
430
|
+
}
|
|
431
|
+
.ui[class*="tablet stackable"].table tfoot {
|
|
432
|
+
display: block;
|
|
433
|
+
}
|
|
434
|
+
.ui[class*="tablet stackable"].table tr > th,
|
|
435
|
+
.ui[class*="tablet stackable"].table tr > td {
|
|
436
|
+
background: none;
|
|
437
|
+
border: none !important;
|
|
438
|
+
padding: 0.25em 0.75em;
|
|
439
|
+
box-shadow: none;
|
|
440
|
+
}
|
|
441
|
+
.ui[class*="tablet stackable"].table th:first-child,
|
|
442
|
+
.ui[class*="tablet stackable"].table td:first-child {
|
|
443
|
+
font-weight: bold;
|
|
444
|
+
padding-top: 1em;
|
|
445
|
+
}
|
|
446
|
+
.ui[class*="tablet stackable"].table th:last-child,
|
|
447
|
+
.ui[class*="tablet stackable"].table td:last-child {
|
|
448
|
+
box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
|
|
449
|
+
padding-bottom: 1em;
|
|
450
|
+
}
|
|
451
|
+
|
|
452
|
+
/* Clear BG Colors */
|
|
453
|
+
.ui[class*="tablet stackable"].table tr > td.warning,
|
|
454
|
+
.ui[class*="tablet stackable"].table tr > td.error,
|
|
455
|
+
.ui[class*="tablet stackable"].table tr > td.active,
|
|
456
|
+
.ui[class*="tablet stackable"].table tr > td.positive,
|
|
457
|
+
.ui[class*="tablet stackable"].table tr > td.negative {
|
|
458
|
+
background-color: transparent !important;
|
|
459
|
+
}
|
|
460
|
+
|
|
461
|
+
/* Definition Table */
|
|
462
|
+
.ui.definition[class*="tablet stackable"].table thead th:first-child {
|
|
463
|
+
box-shadow: none !important;
|
|
464
|
+
}
|
|
465
|
+
.ui.definition[class*="tablet stackable"].table tr td:first-child {
|
|
466
|
+
padding-bottom: 1em;
|
|
467
|
+
}
|
|
468
|
+
.ui.definition[class*="tablet stackable"].table tr td:nth-child(n+2) {
|
|
469
|
+
padding-top: 1em;
|
|
470
|
+
}
|
|
471
|
+
}
|
|
472
|
+
|
|
473
|
+
/*--------------
|
|
474
|
+
Aligned
|
|
475
|
+
---------------*/
|
|
476
|
+
|
|
477
|
+
.ui.table[class*="left aligned"],
|
|
478
|
+
.ui.table [class*="left aligned"] {
|
|
479
|
+
text-align: left;
|
|
480
|
+
}
|
|
481
|
+
.ui.table[class*="center aligned"],
|
|
482
|
+
.ui.table [class*="center aligned"] {
|
|
483
|
+
text-align: center;
|
|
484
|
+
}
|
|
485
|
+
.ui.table[class*="right aligned"],
|
|
486
|
+
.ui.table [class*="right aligned"] {
|
|
487
|
+
text-align: right;
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
/*--------------
|
|
491
|
+
Collapsing
|
|
492
|
+
---------------*/
|
|
493
|
+
|
|
494
|
+
.ui.table th.collapsing,
|
|
495
|
+
.ui.table td.collapsing {
|
|
496
|
+
width: 1px;
|
|
497
|
+
white-space: nowrap;
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
/*--------------
|
|
501
|
+
Attached
|
|
502
|
+
---------------*/
|
|
503
|
+
|
|
504
|
+
|
|
505
|
+
/* All */
|
|
506
|
+
.ui.attached.table {
|
|
507
|
+
width: -webkit-calc(100% + 2px );
|
|
508
|
+
width: calc(100% + 2px );
|
|
509
|
+
margin: 0em -1px;
|
|
510
|
+
border-radius: 0px;
|
|
511
|
+
box-shadow: none;
|
|
512
|
+
}
|
|
513
|
+
|
|
514
|
+
/* Top */
|
|
515
|
+
.ui[class*="top attached"].table {
|
|
516
|
+
margin-top: 1em 0em;
|
|
517
|
+
border-radius: 0.25rem 0.25rem 0em 0em;
|
|
518
|
+
}
|
|
519
|
+
.ui.table[class*="top attached"]:first-child {
|
|
520
|
+
margin-top: 0em;
|
|
521
|
+
}
|
|
522
|
+
|
|
523
|
+
/* Bottom */
|
|
524
|
+
.ui.table[class*="bottom attached"] {
|
|
525
|
+
margin-top: 0em;
|
|
526
|
+
margin-bottom: 1em 0em;
|
|
527
|
+
border-radius: 0em 0em 0.25rem 0.25rem;
|
|
528
|
+
}
|
|
529
|
+
.ui.table[class*="bottom attached"]:last-child {
|
|
530
|
+
margin-bottom: 0em;
|
|
531
|
+
}
|
|
532
|
+
|
|
533
|
+
/*--------------
|
|
534
|
+
Striped
|
|
535
|
+
---------------*/
|
|
536
|
+
|
|
537
|
+
|
|
538
|
+
/* Table Striping */
|
|
539
|
+
.ui.striped.table > tr:nth-child(2n),
|
|
540
|
+
.ui.striped.table tbody tr:nth-child(2n) {
|
|
541
|
+
background-color: rgba(0, 0, 50, 0.03);
|
|
542
|
+
}
|
|
543
|
+
|
|
544
|
+
/* Stripes */
|
|
545
|
+
.ui.inverted.striped.table > tr:nth-child(2n),
|
|
546
|
+
.ui.inverted.striped.table tbody tr:nth-child(2n) {
|
|
547
|
+
background-color: rgba(255, 255, 255, 0.06);
|
|
548
|
+
}
|
|
549
|
+
|
|
550
|
+
/*-------------------
|
|
551
|
+
Colors
|
|
552
|
+
--------------------*/
|
|
553
|
+
|
|
554
|
+
.ui.black.table {
|
|
555
|
+
border-top: 0.2em solid #1b1c1d;
|
|
556
|
+
}
|
|
557
|
+
.ui.blue.table {
|
|
558
|
+
border-top: 0.2em solid #3b83c0;
|
|
559
|
+
}
|
|
560
|
+
.ui.green.table {
|
|
561
|
+
border-top: 0.2em solid #5bbd72;
|
|
562
|
+
}
|
|
563
|
+
.ui.orange.table {
|
|
564
|
+
border-top: 0.2em solid #e07b53;
|
|
565
|
+
}
|
|
566
|
+
.ui.pink.table {
|
|
567
|
+
border-top: 0.2em solid #d9499a;
|
|
568
|
+
}
|
|
569
|
+
.ui.purple.table {
|
|
570
|
+
border-top: 0.2em solid #564f8a;
|
|
571
|
+
}
|
|
572
|
+
.ui.red.table {
|
|
573
|
+
border-top: 0.2em solid #d95c5c;
|
|
574
|
+
}
|
|
575
|
+
.ui.teal.table {
|
|
576
|
+
border-top: 0.2em solid #00b5ad;
|
|
577
|
+
}
|
|
578
|
+
.ui.yellow.table {
|
|
579
|
+
border-top: 0.2em solid #f2c61f;
|
|
580
|
+
}
|
|
581
|
+
|
|
582
|
+
/*-------------------
|
|
583
|
+
Inverted Colors
|
|
584
|
+
--------------------*/
|
|
585
|
+
|
|
586
|
+
.ui.inverted.table,
|
|
587
|
+
.ui.inverted.black.table {
|
|
588
|
+
background-color: #1b1c1d !important;
|
|
589
|
+
color: #ffffff !important;
|
|
590
|
+
}
|
|
591
|
+
.ui.inverted.blue.table {
|
|
592
|
+
background-color: #3b83c0 !important;
|
|
593
|
+
color: #ffffff !important;
|
|
594
|
+
}
|
|
595
|
+
.ui.inverted.green.table {
|
|
596
|
+
background-color: #5bbd72 !important;
|
|
597
|
+
color: #ffffff !important;
|
|
598
|
+
}
|
|
599
|
+
.ui.inverted.orange.table {
|
|
600
|
+
background-color: #e07b53 !important;
|
|
601
|
+
color: #ffffff !important;
|
|
602
|
+
}
|
|
603
|
+
.ui.inverted.pink.table {
|
|
604
|
+
background-color: #d9499a !important;
|
|
605
|
+
color: #ffffff !important;
|
|
606
|
+
}
|
|
607
|
+
.ui.inverted.purple.table {
|
|
608
|
+
background-color: #564f8a !important;
|
|
609
|
+
color: #ffffff !important;
|
|
610
|
+
}
|
|
611
|
+
.ui.inverted.red.table {
|
|
612
|
+
background-color: #d95c5c !important;
|
|
613
|
+
color: #ffffff !important;
|
|
614
|
+
}
|
|
615
|
+
.ui.inverted.teal.table {
|
|
616
|
+
background-color: #00b5ad !important;
|
|
617
|
+
color: #ffffff !important;
|
|
618
|
+
}
|
|
619
|
+
.ui.inverted.yellow.table {
|
|
620
|
+
background-color: #f2c61f !important;
|
|
621
|
+
color: #ffffff !important;
|
|
622
|
+
}
|
|
623
|
+
|
|
624
|
+
/*--------------
|
|
625
|
+
Column Count
|
|
626
|
+
---------------*/
|
|
627
|
+
|
|
628
|
+
|
|
629
|
+
/* Grid Based */
|
|
630
|
+
.ui.one.column.table td {
|
|
631
|
+
width: 100%;
|
|
632
|
+
}
|
|
633
|
+
.ui.two.column.table td {
|
|
634
|
+
width: 50%;
|
|
635
|
+
}
|
|
636
|
+
.ui.three.column.table td {
|
|
637
|
+
width: 33.33333333%;
|
|
638
|
+
}
|
|
639
|
+
.ui.four.column.table td {
|
|
640
|
+
width: 25%;
|
|
641
|
+
}
|
|
642
|
+
.ui.five.column.table td {
|
|
643
|
+
width: 20%;
|
|
644
|
+
}
|
|
645
|
+
.ui.six.column.table td {
|
|
646
|
+
width: 16.66666667%;
|
|
647
|
+
}
|
|
648
|
+
.ui.seven.column.table td {
|
|
649
|
+
width: 14.28571429%;
|
|
650
|
+
}
|
|
651
|
+
.ui.eight.column.table td {
|
|
652
|
+
width: 12.5%;
|
|
653
|
+
}
|
|
654
|
+
.ui.nine.column.table td {
|
|
655
|
+
width: 11.11111111%;
|
|
656
|
+
}
|
|
657
|
+
.ui.ten.column.table td {
|
|
658
|
+
width: 10%;
|
|
659
|
+
}
|
|
660
|
+
.ui.eleven.column.table td {
|
|
661
|
+
width: 9.09090909%;
|
|
662
|
+
}
|
|
663
|
+
.ui.twelve.column.table td {
|
|
664
|
+
width: 8.33333333%;
|
|
665
|
+
}
|
|
666
|
+
.ui.thirteen.column.table td {
|
|
667
|
+
width: 7.69230769%;
|
|
668
|
+
}
|
|
669
|
+
.ui.fourteen.column.table td {
|
|
670
|
+
width: 7.14285714%;
|
|
671
|
+
}
|
|
672
|
+
.ui.fifteen.column.table td {
|
|
673
|
+
width: 6.66666667%;
|
|
674
|
+
}
|
|
675
|
+
.ui.sixteen.column.table td {
|
|
676
|
+
width: 6.25%;
|
|
677
|
+
}
|
|
678
|
+
|
|
679
|
+
/* Column Width */
|
|
680
|
+
.ui.table th.one.wide,
|
|
681
|
+
.ui.table td.one.wide {
|
|
682
|
+
width: 6.25%;
|
|
683
|
+
}
|
|
684
|
+
.ui.table th.two.wide,
|
|
685
|
+
.ui.table td.two.wide {
|
|
686
|
+
width: 12.5%;
|
|
687
|
+
}
|
|
688
|
+
.ui.table th.three.wide,
|
|
689
|
+
.ui.table td.three.wide {
|
|
690
|
+
width: 18.75%;
|
|
691
|
+
}
|
|
692
|
+
.ui.table th.four.wide,
|
|
693
|
+
.ui.table td.four.wide {
|
|
694
|
+
width: 25%;
|
|
695
|
+
}
|
|
696
|
+
.ui.table th.five.wide,
|
|
697
|
+
.ui.table td.five.wide {
|
|
698
|
+
width: 31.25%;
|
|
699
|
+
}
|
|
700
|
+
.ui.table th.six.wide,
|
|
701
|
+
.ui.table td.six.wide {
|
|
702
|
+
width: 37.5%;
|
|
703
|
+
}
|
|
704
|
+
.ui.table th.seven.wide,
|
|
705
|
+
.ui.table td.seven.wide {
|
|
706
|
+
width: 43.75%;
|
|
707
|
+
}
|
|
708
|
+
.ui.table th.eight.wide,
|
|
709
|
+
.ui.table td.eight.wide {
|
|
710
|
+
width: 50%;
|
|
711
|
+
}
|
|
712
|
+
.ui.table th.nine.wide,
|
|
713
|
+
.ui.table td.nine.wide {
|
|
714
|
+
width: 56.25%;
|
|
715
|
+
}
|
|
716
|
+
.ui.table th.ten.wide,
|
|
717
|
+
.ui.table td.ten.wide {
|
|
718
|
+
width: 62.5%;
|
|
719
|
+
}
|
|
720
|
+
.ui.table th.eleven.wide,
|
|
721
|
+
.ui.table td.eleven.wide {
|
|
722
|
+
width: 68.75%;
|
|
723
|
+
}
|
|
724
|
+
.ui.table th.twelve.wide,
|
|
725
|
+
.ui.table td.twelve.wide {
|
|
726
|
+
width: 75%;
|
|
727
|
+
}
|
|
728
|
+
.ui.table th.thirteen.wide,
|
|
729
|
+
.ui.table td.thirteen.wide {
|
|
730
|
+
width: 81.25%;
|
|
731
|
+
}
|
|
732
|
+
.ui.table th.fourteen.wide,
|
|
733
|
+
.ui.table td.fourteen.wide {
|
|
734
|
+
width: 87.5%;
|
|
735
|
+
}
|
|
736
|
+
.ui.table th.fifteen.wide,
|
|
737
|
+
.ui.table td.fifteen.wide {
|
|
738
|
+
width: 93.75%;
|
|
739
|
+
}
|
|
740
|
+
.ui.table th.sixteen.wide,
|
|
741
|
+
.ui.table td.sixteen.wide {
|
|
742
|
+
width: 100%;
|
|
743
|
+
}
|
|
744
|
+
|
|
745
|
+
/*--------------
|
|
746
|
+
Sortable
|
|
747
|
+
---------------*/
|
|
748
|
+
|
|
749
|
+
.ui.sortable.table thead th {
|
|
750
|
+
cursor: pointer;
|
|
751
|
+
white-space: nowrap;
|
|
752
|
+
border-left: 1px solid #d0d0d0;
|
|
753
|
+
color: rgba(0, 0, 0, 0.8);
|
|
754
|
+
}
|
|
755
|
+
.ui.sortable.table thead th:first-child {
|
|
756
|
+
border-left: none;
|
|
757
|
+
}
|
|
758
|
+
.ui.sortable.table thead th.sorted,
|
|
759
|
+
.ui.sortable.table thead th.sorted:hover {
|
|
760
|
+
-webkit-user-select: none;
|
|
761
|
+
-moz-user-select: none;
|
|
762
|
+
-ms-user-select: none;
|
|
763
|
+
user-select: none;
|
|
764
|
+
}
|
|
765
|
+
.ui.sortable.table thead th:after {
|
|
766
|
+
display: inline-block;
|
|
767
|
+
content: '';
|
|
768
|
+
width: 1em;
|
|
769
|
+
height: 1em;
|
|
770
|
+
opacity: 0.8;
|
|
771
|
+
margin: 0em 0em 0em 0.5em;
|
|
772
|
+
font-family: 'Icons';
|
|
773
|
+
font-style: normal;
|
|
774
|
+
font-weight: normal;
|
|
775
|
+
text-decoration: inherit;
|
|
776
|
+
}
|
|
777
|
+
.ui.sortable.table thead th.ascending:after {
|
|
778
|
+
content: '\f0d7';
|
|
779
|
+
}
|
|
780
|
+
.ui.sortable.table thead th.descending:after {
|
|
781
|
+
content: '\f0d8';
|
|
782
|
+
}
|
|
783
|
+
|
|
784
|
+
/* Hover */
|
|
785
|
+
.ui.sortable.table th.disabled:hover {
|
|
786
|
+
cursor: auto;
|
|
787
|
+
color: rgba(40, 40, 40, 0.3);
|
|
788
|
+
}
|
|
789
|
+
.ui.sortable.table thead th:hover {
|
|
790
|
+
background: rgba(0, 0, 0, 0.05);
|
|
791
|
+
color: rgba(0, 0, 0, 0.8);
|
|
792
|
+
}
|
|
793
|
+
|
|
794
|
+
/* Sorted */
|
|
795
|
+
.ui.sortable.table thead th.sorted {
|
|
796
|
+
background: rgba(0, 0, 0, 0.05);
|
|
797
|
+
color: rgba(0, 0, 0, 0.8);
|
|
798
|
+
}
|
|
799
|
+
|
|
800
|
+
/* Sorted Hover */
|
|
801
|
+
.ui.sortable.table thead th.sorted:hover {
|
|
802
|
+
background: rgba(0, 0, 0, 0.05);
|
|
803
|
+
color: rgba(0, 0, 0, 0.8);
|
|
804
|
+
}
|
|
805
|
+
|
|
806
|
+
/* Inverted */
|
|
807
|
+
.ui.inverted.sortable.table thead th.sorted {
|
|
808
|
+
background: rgba(255, 255, 255, 0.07) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
|
809
|
+
background: rgba(255, 255, 255, 0.07) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
|
810
|
+
color: #ffffff;
|
|
811
|
+
}
|
|
812
|
+
.ui.inverted.sortable.table thead th:hover {
|
|
813
|
+
background: rgba(255, 255, 255, 0.05) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
|
814
|
+
background: rgba(255, 255, 255, 0.05) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
|
815
|
+
color: #ffffff;
|
|
816
|
+
}
|
|
817
|
+
.ui.inverted.sortable.table thead th {
|
|
818
|
+
border-left-color: transparent;
|
|
819
|
+
border-right-color: transparent;
|
|
820
|
+
}
|
|
821
|
+
|
|
822
|
+
/*--------------
|
|
823
|
+
Inverted
|
|
824
|
+
---------------*/
|
|
825
|
+
|
|
826
|
+
|
|
827
|
+
/* Text Color */
|
|
828
|
+
.ui.inverted.table {
|
|
829
|
+
background: #333333;
|
|
830
|
+
color: #ffffff;
|
|
831
|
+
border: none;
|
|
832
|
+
}
|
|
833
|
+
.ui.inverted.table th {
|
|
834
|
+
background-color: rgba(0, 0, 0, 0.15);
|
|
835
|
+
border-color: rgba(0, 0, 0, 0.2) !important;
|
|
836
|
+
color: rgba(255, 255, 255, 0.9);
|
|
837
|
+
}
|
|
838
|
+
.ui.inverted.table tr td {
|
|
839
|
+
border-color: rgba(0, 0, 0, 0.2) !important;
|
|
840
|
+
}
|
|
841
|
+
.ui.inverted.table tr.disabled td,
|
|
842
|
+
.ui.inverted.table tr td.disabled,
|
|
843
|
+
.ui.inverted.table tr.disabled:hover td,
|
|
844
|
+
.ui.inverted.table tr:hover td.disabled {
|
|
845
|
+
pointer-events: none;
|
|
846
|
+
color: rgba(225, 225, 225, 0.3);
|
|
847
|
+
}
|
|
848
|
+
|
|
849
|
+
/* Definition */
|
|
850
|
+
.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
|
|
851
|
+
.ui.inverted.definition.table thead:not(.full-width) th:first-child {
|
|
852
|
+
background: #ffffff;
|
|
853
|
+
}
|
|
854
|
+
.ui.inverted.definition.table tr td:first-child {
|
|
855
|
+
background: rgba(255, 255, 255, 0.02);
|
|
856
|
+
color: #ffffff;
|
|
857
|
+
}
|
|
858
|
+
|
|
859
|
+
/*--------------
|
|
860
|
+
Collapsing
|
|
861
|
+
---------------*/
|
|
862
|
+
|
|
863
|
+
.ui.collapsing.table {
|
|
864
|
+
width: auto;
|
|
865
|
+
}
|
|
866
|
+
|
|
867
|
+
/*--------------
|
|
868
|
+
Basic
|
|
869
|
+
---------------*/
|
|
870
|
+
|
|
871
|
+
.ui.basic.table {
|
|
872
|
+
background: transparent;
|
|
873
|
+
border: 1px solid #d0d0d0;
|
|
874
|
+
box-shadow: none;
|
|
875
|
+
}
|
|
876
|
+
.ui.basic.table thead,
|
|
877
|
+
.ui.basic.table tfoot {
|
|
878
|
+
box-shadow: none;
|
|
879
|
+
}
|
|
880
|
+
.ui.basic.table th {
|
|
881
|
+
background: transparent;
|
|
882
|
+
border-left: none;
|
|
883
|
+
}
|
|
884
|
+
.ui.basic.table tbody tr {
|
|
885
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
886
|
+
}
|
|
887
|
+
.ui.basic.table td {
|
|
888
|
+
background: transparent;
|
|
889
|
+
}
|
|
890
|
+
.ui.basic.striped.table tbody tr:nth-child(2n) {
|
|
891
|
+
background-color: rgba(0, 0, 0, 0.05) !important;
|
|
892
|
+
}
|
|
893
|
+
|
|
894
|
+
/* Very Basic */
|
|
895
|
+
.ui[class*="very basic"].table {
|
|
896
|
+
border: none;
|
|
897
|
+
}
|
|
898
|
+
.ui[class*="very basic"].table:not(.sortable):not(.striped) th,
|
|
899
|
+
.ui[class*="very basic"].table:not(.sortable):not(.striped) td {
|
|
900
|
+
padding: 0.7em 0.8em;
|
|
901
|
+
}
|
|
902
|
+
.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child,
|
|
903
|
+
.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
|
|
904
|
+
padding-left: 0em;
|
|
905
|
+
}
|
|
906
|
+
.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child,
|
|
907
|
+
.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {
|
|
908
|
+
padding-right: 0em;
|
|
909
|
+
}
|
|
910
|
+
.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
|
|
911
|
+
padding-top: 0em;
|
|
912
|
+
}
|
|
913
|
+
|
|
914
|
+
/*--------------
|
|
915
|
+
Celled
|
|
916
|
+
---------------*/
|
|
917
|
+
|
|
918
|
+
.ui.celled.table tr th,
|
|
919
|
+
.ui.celled.table tr td {
|
|
920
|
+
border-left: 1px solid #d4d4d5;
|
|
921
|
+
}
|
|
922
|
+
.ui.celled.table tr th:first-child,
|
|
923
|
+
.ui.celled.table tr td:first-child {
|
|
924
|
+
border-left: none;
|
|
925
|
+
}
|
|
926
|
+
|
|
927
|
+
/*--------------
|
|
928
|
+
Padded
|
|
929
|
+
---------------*/
|
|
930
|
+
|
|
931
|
+
.ui.padded.table th {
|
|
932
|
+
padding-left: 1em;
|
|
933
|
+
padding-right: 1em;
|
|
934
|
+
}
|
|
935
|
+
.ui.padded.table th,
|
|
936
|
+
.ui.padded.table td {
|
|
937
|
+
padding: 1em 1em;
|
|
938
|
+
}
|
|
939
|
+
|
|
940
|
+
/* Very */
|
|
941
|
+
.ui[class*="very padded"].table th {
|
|
942
|
+
padding-left: 1.5em;
|
|
943
|
+
padding-right: 1.5em;
|
|
944
|
+
}
|
|
945
|
+
.ui[class*="very padded"].table td {
|
|
946
|
+
padding: 1.5em 1.5em;
|
|
947
|
+
}
|
|
948
|
+
|
|
949
|
+
/*--------------
|
|
950
|
+
Compact
|
|
951
|
+
---------------*/
|
|
952
|
+
|
|
953
|
+
.ui.compact.table th {
|
|
954
|
+
padding-left: 0.7em;
|
|
955
|
+
padding-right: 0.7em;
|
|
956
|
+
}
|
|
957
|
+
.ui.compact.table td {
|
|
958
|
+
padding: 0.5em 0.7em;
|
|
959
|
+
}
|
|
960
|
+
|
|
961
|
+
/* Very */
|
|
962
|
+
.ui[class*="very compact"].table th {
|
|
963
|
+
padding-left: 0.6em;
|
|
964
|
+
padding-right: 0.6em;
|
|
965
|
+
}
|
|
966
|
+
.ui[class*="very compact"].table td {
|
|
967
|
+
padding: 0.4em 0.6em;
|
|
968
|
+
}
|
|
969
|
+
|
|
970
|
+
/*--------------
|
|
971
|
+
Sizes
|
|
972
|
+
---------------*/
|
|
973
|
+
|
|
974
|
+
|
|
975
|
+
/* Small */
|
|
976
|
+
.ui.small.table {
|
|
977
|
+
font-size: 0.9em;
|
|
978
|
+
}
|
|
979
|
+
|
|
980
|
+
/* Standard */
|
|
981
|
+
.ui.table {
|
|
982
|
+
font-size: 1em;
|
|
983
|
+
}
|
|
984
|
+
|
|
985
|
+
/* Large */
|
|
986
|
+
.ui.large.table {
|
|
987
|
+
font-size: 1.1em;
|
|
988
|
+
}
|
|
989
|
+
|
|
990
|
+
|
|
991
|
+
/*******************************
|
|
992
|
+
Theme Overrides
|
|
993
|
+
*******************************/
|
|
994
|
+
|
|
995
|
+
|
|
996
|
+
|
|
997
|
+
/*******************************
|
|
998
|
+
Site Overrides
|
|
999
|
+
*******************************/
|
|
1000
|
+
|