Major updates to segment, header, table.

Former-commit-id: 7a79f0d1131eee80a33e8da342ced7ac41eea190
Former-commit-id: a3c9376efdb20c8f989cd89f7f009d590e820caa

build/minified/collections/table.min.css

@@ -1 +1 @@
-.ui.table{width:100%;border-collapse:collapse}.ui.table thead{border-bottom:1px solid rgba(0,0,0,.1)}.ui.table tr,.ui.table td{border-collapse:collapse;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;-ms-transition:all .1s ease-out;transition:all .1s ease-out}.ui.table th{cursor:auto;text-align:left;font-weight:700;padding:.5em .7em;vertical-align:middle}.ui.table tfoot th{font-weight:400;font-style:italic}.ui.table td{padding:.4em .7em;vertical-align:middle}.ui.table tfoot{border-top:1px solid rgba(0,0,0,.1)}.ui.table tbody tr:nth-child(2n){background-color:rgba(0,0,0,.03)}.ui.table>.icon{vertical-align:baseline}.ui.table>.icon:only-child{margin:0}.ui.table.segment:after{display:none}.ui.table.segment.stacked:after{display:block}.ui.celled.table tr:hover td{background-color:rgba(0,0,0,.02);color:#000}.ui.sortable.table thead th:hover{background-image:none;background-color:rgba(0,0,0,.04);color:#333}.ui.sortable.table th.disabled:hover{cursor:auto;background-color:rgba(0,0,0,.1);text-align:left;font-weight:700;color:#333;color:rgba(0,0,0,.8)}.ui.table tr.positive td,.ui.table td.positive{background-color:#F2F8F0!important;color:#119000;-moz-box-shadow:0 0 1px 0 #3FF63B inset;-webkit-box-shadow:0 0 1px 0 #3FF63B inset;box-shadow:0 0 1px 0 #3FF63B inset}.ui.celled.table tr.positive:hover td,.ui.celled.table tr:hover td.positive,.ui.table tr.positive:hover td,.ui.table td:hover.positive,.ui.table th:hover.positive{background-color:#ECF5E9!important;color:#119000}.ui.table tr.negative td,.ui.table td.negative{background-color:#F9F4F4;color:#CD2929}.ui.celled.table tr.negative:hover td,.ui.celled.table tr:hover td.negative,.ui.table tr.negative:hover td,.ui.table td:hover.negative,.ui.table th:hover.negative{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.error td,.ui.table td.error,.ui.table th.error{background-color:#F9F4F4!important;color:#CD2929;-moz-box-shadow:0 0 1px 0 #F3A2A2 inset;-webkit-box-shadow:0 0 1px 0 #F3A2A2 inset;box-shadow:0 0 1px 0 #F3A2A2 inset}.ui.celled.table tr.error:hover td,.ui.celled.table tr:hover td.error,.ui.table tr.error:hover td,.ui.table td:hover.error,.ui.table th:hover.error{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.warning td,.ui.table td.warning,.ui.table th.warning{background-color:#FBF6E9;color:#7D6C00;-moz-box-shadow:0 0 1px 0 #FFE569 inset;-webkit-box-shadow:0 0 1px 0 #FFE569 inset;box-shadow:0 0 1px 0 #FFE569 inset}.ui.celled.table tr.warning:hover td,.ui.celled.table tr:hover td.warning,.ui.table tr.warning:hover td,.ui.table td:hover.warning,.ui.table th:hover.warning{background-color:#F3EDDC!important;color:#7D6C00}.ui.table tr.active td,.ui.table tr td.active{background-color:#F0F0F0!important;color:rgba(50,50,50,.9)}.ui.table tr.disabled td,.ui.table tr td.disabled,.ui.table tr.disabled:hover td,.ui.table tr:hover td.disabled{color:rgba(150,150,150,.3)}.ui.two.column.table td{width:50%}.ui.three.column.table td{width:33.3333%}.ui.four.column.table td{width:25%}.ui.five.column.table td{width:20%}.ui.six.column.table td{width:16.66667%}.ui.seven.column.table td{width:14.2857%}.ui.eight.column.table td{width:12.5%}.ui.nine.column.table td{width:11.1111%}.ui.ten.column.table td{width:10%}.ui.eleven.column.table td{width:9.0909%}.ui.twelve.column.table td{width:8.3333%}.ui.thirteen.column.table td{width:7.6923%}.ui.fourteen.column.table td{width:7.1428%}.ui.fifteen.column.table td{width:6.6666%}.ui.sixteen.column.table td{width:6.25%}.ui.celled.table{color:rgba(25,25,25,.9)}.ui.celled.table tbody tr,.ui.celled.table tfoot tr{border:0}.ui.celled.table th{border:1px solid #E0E0E0}.ui.celled.table tbody td{border:1px solid #E0E0E0}.ui.sortable.table thead th{cursor:pointer;color:#555;vertical-align:top}.ui.sortable.table thead th.sorted,.ui.sortable.table thead th.sorted:hover{background-color:rgba(0,0,0,.8);color:#EEE}.ui.sortable.table thead th:after{display:inline-block;content:'';width:1em;opacity:.5;margin:0 0 0 8px;font-size:18px;line-height:12px;font-family:Icons;font-style:normal;font-weight:400;text-decoration:inherit;vertical-align:middle;vertical-align:calc()}.ui.sortable.table thead th.ascending:after{content:'\25b4'}.ui.sortable.table thead th.descending:after{content:'\25be'}.ui.inverted.table tbody tr:nth-child(2n){background-color:rgba(255,255,255,.06)}.ui.collapsing.table{width:auto}.ui.padded.table th,.ui.padded.table td{padding:.8em 1em}.ui.compact.table th{padding:.3em .5em}.ui.compact.table td{padding:.2em .5em}.ui.small.table{font-size:14px}.ui.table{font-size:16px}.ui.large.table{font-size:18px}
+.ui.table{width:100%;border-collapse:collapse}.ui.table thead{border-bottom:1px solid rgba(0,0,0,.1)}.ui.table th,.ui.table tr,.ui.table td{border-collapse:collapse;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;-ms-transition:all .1s ease-out;transition:all .1s ease-out}.ui.table th{cursor:auto;background-color:rgba(0,0,0,.05);text-align:left;font-weight:700;padding:.5em .7em;vertical-align:middle}.ui.table tfoot th{font-weight:400;font-style:italic}.ui.table td{padding:.4em .7em;vertical-align:middle}.ui.table tfoot{border-top:1px solid rgba(0,0,0,.1)}.ui.table tbody tr:nth-child(2n){background-color:rgba(0,0,0,.03)}.ui.table>.icon{vertical-align:baseline}.ui.table>.icon:only-child{margin:0}.ui.table.segment:after{display:none}.ui.table.segment.stacked:after{display:block}.ui.celled.table tr:hover td{background-color:rgba(0,0,0,.02);color:#000}.ui.sortable.table thead th:hover{background-image:none;background-color:rgba(0,0,0,.04);color:#333}.ui.sortable.table th.disabled:hover{cursor:auto;background-color:rgba(0,0,0,.1);text-align:left;font-weight:700;color:#333;color:rgba(0,0,0,.8)}.ui.table tr.positive td,.ui.table td.positive{background-color:#F2F8F0!important;color:#119000}.ui.celled.table tr.positive:hover td,.ui.celled.table tr:hover td.positive,.ui.table tr.positive:hover td,.ui.table td:hover.positive,.ui.table th:hover.positive{background-color:#ECF5E9!important;color:#119000}.ui.table tr.negative td,.ui.table td.negative{background-color:#F9F4F4;color:#CD2929}.ui.celled.table tr.negative:hover td,.ui.celled.table tr:hover td.negative,.ui.table tr.negative:hover td,.ui.table td:hover.negative,.ui.table th:hover.negative{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.error td,.ui.table td.error,.ui.table th.error{background-color:#F9F4F4!important;color:#CD2929}.ui.celled.table tr.error:hover td,.ui.celled.table tr:hover td.error,.ui.table tr.error:hover td,.ui.table td:hover.error,.ui.table th:hover.error{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.warning td,.ui.table td.warning,.ui.table th.warning{background-color:#FBF6E9;color:#7D6C00}.ui.celled.table tr.warning:hover td,.ui.celled.table tr:hover td.warning,.ui.table tr.warning:hover td,.ui.table td:hover.warning,.ui.table th:hover.warning{background-color:#F3EDDC!important;color:#7D6C00}.ui.table tr.active td,.ui.table tr td.active{background-color:#F0F0F0!important;color:rgba(50,50,50,.9)}.ui.table tr.disabled td,.ui.table tr td.disabled,.ui.table tr.disabled:hover td,.ui.table tr:hover td.disabled{color:rgba(150,150,150,.3)}.ui.two.column.table td{width:50%}.ui.three.column.table td{width:33.3333%}.ui.four.column.table td{width:25%}.ui.five.column.table td{width:20%}.ui.six.column.table td{width:16.66667%}.ui.seven.column.table td{width:14.2857%}.ui.eight.column.table td{width:12.5%}.ui.nine.column.table td{width:11.1111%}.ui.ten.column.table td{width:10%}.ui.eleven.column.table td{width:9.0909%}.ui.twelve.column.table td{width:8.3333%}.ui.thirteen.column.table td{width:7.6923%}.ui.fourteen.column.table td{width:7.1428%}.ui.fifteen.column.table td{width:6.6666%}.ui.sixteen.column.table td{width:6.25%}.ui.celled.table{color:rgba(0,0,0,.8)}.ui.celled.table tbody tr,.ui.celled.table tfoot tr{border:0}.ui.celled.table th{border:1px solid #E0E0E0}.ui.celled.table tbody td{border:1px solid #E0E0E0}.ui.sortable.table thead th{cursor:pointer;color:#555;vertical-align:top}.ui.sortable.table thead th.sorted,.ui.sortable.table thead th.sorted:hover{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,.1)}.ui.sortable.table thead th:after{display:inline-block;content:'';width:1em;opacity:.8;float:right;margin:.25em 0 0 .25em;line-height:1;font-family:Icons;font-style:normal;font-weight:400;text-decoration:inherit;vertical-align:middle;vertical-align:calc()}.ui.sortable.table thead th.ascending:after{content:'\25b4'}.ui.sortable.table thead th.descending:after{content:'\25be'}.ui.inverted.table th{background-color:rgba(0,0,0,.15)}.ui.inverted.table tbody tr:nth-child(2n){background-color:rgba(255,255,255,.06)}.ui.collapsing.table{width:auto}.ui.padded.table th,.ui.padded.table td{padding:.8em 1em}.ui.compact.table th{padding:.3em .5em}.ui.compact.table td{padding:.2em .5em}.ui.small.table{font-size:14px}.ui.table{font-size:16px}.ui.large.table{font-size:18px}

build/minified/elements/header.min.css

@@ -1 +1 @@
-.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .ui.sub.header,.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header:first-child{margin-top:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#EF4D6D!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.block.header{border-bottom:.2em solid #6ECFF5}.ui.black.block.header{border-bottom:.2em solid #5C6166}.ui.green.block.header{border-bottom:.2em solid #A1CF64}.ui.red.block.header{border-bottom:.2em solid #EF4D6D}.ui.purple.block.header{border-bottom:.2em solid #564F8A}.ui.teal.block.header{border-bottom:.2em solid #00B5AD}.ui.blue.dividing.header{border-bottom:.2em solid #6ECFF5}.ui.black.dividing.header{border-bottom:.2em solid #5C6166}.ui.green.dividing.header{border-bottom:.2em solid #A1CF64}.ui.red.dividing.header{border-bottom:.2em solid #EF4D6D}.ui.purple.dividing.header{border-bottom:.2em solid #564F8A}.ui.teal.dividing.header{border-bottom:.2em solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left}.ui.right.floated.header{float:right}.ui.fitted.header{padding:0}.ui.block.header{background-color:#F5F5F5;padding:.5em 1em}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .icon{margin-bottom:.2em}.ui.attached.header{padding:.5em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.icon.header{display:inline-block;text-align:center}.ui.icon.header .icon{display:block;font-size:4em;margin:0 auto .2em}.ui.block.icon.header .icon{margin-bottom:0}
+.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .ui.sub.header,.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header:first-child{margin-top:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#EF4D6D!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.block.header{background-color:#E6EEF1}.ui.black.block.header{background-color:#EAEAEA}.ui.green.block.header{background-color:#EFF8E4}.ui.red.block.header{background-color:#F6E5E8}.ui.purple.block.header{background-color:#EFEDF8}.ui.teal.block.header{background-color:#E9F7F6}.ui.blue.dividing.header{border-bottom:3px solid #6ECFF5}.ui.black.dividing.header{border-bottom:3px solid #5C6166}.ui.green.dividing.header{border-bottom:3px solid #A1CF64}.ui.red.dividing.header{border-bottom:3px solid #EF4D6D}.ui.purple.dividing.header{border-bottom:3px solid #564F8A}.ui.teal.dividing.header{border-bottom:3px solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left}.ui.right.floated.header{float:right}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .icon{margin-bottom:.2em}.ui.block.header{background-color:#F5F5F5;padding:.5em 1em}.ui.attached.header{padding:.5em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.icon.header{display:inline-block;text-align:center}.ui.icon.header .icon{display:block;font-size:4em;margin:0 auto .2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{display:block}

build/minified/modules/dropdown.min.css

@@ -1 +1 @@
-.ui.dropdown{position:relative;display:inline-block;line-height:1;-webkit-transition:border-radius .1s ease,width .2s ease;-moz-transition:border-radius .1s ease,width .2s ease;-o-transition:border-radius .1s ease,width .2s ease;-ms-transition:border-radius .1s ease,width .2s ease;transition:border-radius .1s ease,width .2s ease}.ui.dropdown .menu{position:absolute;display:none;top:100%;background-color:#FFF;min-width:100%;white-space:nowrap;-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 1px 0 rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;box-shadow:0 0 1px 0 rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-border-radius:0 0 .325em .325em;-webkit-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;-ms-transition:opacity .2s ease;transition:opacity .2s ease;z-index:11}.ui.dropdown>.dropdown.icon{width:auto}.ui.dropdown>.text{display:inline-block}.ui.dropdown .menu{left:0}.ui.menu .dropdown:last-child .menu,.ui>.ui.dropdown:last-child .menu{left:auto;right:0}.ui.dropdown .menu .item{cursor:pointer;border:0;border-top:1px solid rgba(0,0,0,.05);font-size:.9em;display:block;color:rgba(0,0,0,.75);padding:.85em 1em;font-size:.9rem;text-transform:none;font-weight:400;text-align:left;-webkit-touch-callout:none}.ui.dropdown .menu .item .icon{margin-right:.75em}.ui.dropdown .menu .item:first-child{border-top:0}.ui.dropdown.visible{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.dropdown .menu .item:hover{background-color:rgba(0,0,0,.02)}.ui.dropdown .menu .active.item{border-top:1px solid rgba(0,0,0,.05);font-weight:700}.ui.simple.dropdown .menu{display:block;overflow:hidden;height:0;width:0;position:absolute;opacity:0;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.ui.simple.dropdown.visible .menu,.ui.simple.dropdown:hover .menu{overflow:visible;width:auto;height:auto;opacity:1}.ui.simple.disabled.dropdown:hover .menu{height:0;width:0;overflow:hidden}.ui.selection.dropdown{cursor:pointer;display:inline-block;background-color:#FFF;padding:.5em 1em;line-height:1.33;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.selection.dropdown>.dropdown.icon{float:right;margin:.2em 0 .2em .5em}.ui.selection.dropdown,.ui.selection.dropdown .menu{-webkit-transition:box-shadow .2s ease-out;-moz-transition:box-shadow .2s ease-out;-o-transition:box-shadow .2s ease-out;-ms-transition:box-shadow .2s ease-out;transition:box-shadow .2s ease-out}.ui.selection.dropdown .menu{-webkit-box-shadow:0 1px 0 1px #EEE;-moz-box-shadow:0 1px 0 1px #EEE;box-shadow:0 1px 0 1px #EEE}.ui.selection.dropdown:hover,.ui.selection.dropdown.hover{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.2)}.ui.selection.dropdown:hover .menu{-webkit-box-shadow:0 1px 0 1px #D3D3D3;-moz-box-shadow:0 1px 0 1px #D3D3D3;box-shadow:0 1px 0 1px #D3D3D3}
+.ui.dropdown{position:relative;display:inline-block;line-height:1;-webkit-transition:border-radius .1s ease,width .2s ease;-moz-transition:border-radius .1s ease,width .2s ease;-o-transition:border-radius .1s ease,width .2s ease;-ms-transition:border-radius .1s ease,width .2s ease;transition:border-radius .1s ease,width .2s ease}.ui.dropdown .menu{position:absolute;display:none;top:100%;background-color:#FFF;min-width:100%;white-space:nowrap;-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;box-shadow:0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-border-radius:0 0 .325em .325em;-webkit-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;-ms-transition:opacity .2s ease;transition:opacity .2s ease;z-index:11}.ui.dropdown>.dropdown.icon{width:auto}.ui.dropdown>.text{display:inline-block}.ui.dropdown .menu{left:0}.ui.menu .dropdown:last-child .menu,.ui>.ui.dropdown:last-child .menu{left:auto;right:0}.ui.dropdown .menu .item{cursor:pointer;border:0;border-top:1px solid rgba(0,0,0,.05);font-size:.9em;display:block;color:rgba(0,0,0,.75);padding:.85em 1em;font-size:.9rem;text-transform:none;font-weight:400;text-align:left;-webkit-touch-callout:none}.ui.dropdown .menu .item .icon{margin-right:.75em}.ui.dropdown .menu .item:first-child{border-top:0}.ui.dropdown.visible{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.dropdown .menu .item:hover{background-color:rgba(0,0,0,.02)}.ui.dropdown .menu .active.item{border-top:1px solid rgba(0,0,0,.05);font-weight:700}.ui.simple.dropdown .menu{display:block;overflow:hidden;height:0;width:0;position:absolute;opacity:0;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.ui.simple.dropdown.visible .menu,.ui.simple.dropdown:hover .menu{overflow:visible;width:auto;height:auto;opacity:1}.ui.simple.disabled.dropdown:hover .menu{height:0;width:0;overflow:hidden}.ui.selection.dropdown{cursor:pointer;display:inline-block;background-color:#FFF;padding:.5em 1em;line-height:1.33;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.selection.dropdown>.dropdown.icon{float:right;margin:.2em 0 .2em .5em}.ui.selection.dropdown,.ui.selection.dropdown .menu{-webkit-transition:box-shadow .2s ease-out;-moz-transition:box-shadow .2s ease-out;-o-transition:box-shadow .2s ease-out;-ms-transition:box-shadow .2s ease-out;transition:box-shadow .2s ease-out}.ui.selection.dropdown .menu{-webkit-box-shadow:0 1px 0 1px #EEE;-moz-box-shadow:0 1px 0 1px #EEE;box-shadow:0 1px 0 1px #EEE}.ui.selection.dropdown:hover,.ui.selection.dropdown.hover{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.2)}.ui.selection.dropdown:hover .menu{-webkit-box-shadow:0 1px 0 1px #D3D3D3;-moz-box-shadow:0 1px 0 1px #D3D3D3;box-shadow:0 1px 0 1px #D3D3D3}

build/packaged/semantic.min.css.REMOVED.git-id

@@ -1 +1 @@
-57ef2f35774351178c0dd16efc8aa3dd622e0dc5
+038c56637c96bc03662fbb1c8c743affe4f552f4

build/packaged/semantic.min.js.REMOVED.git-id

@@ -1 +1 @@
-491ceea885e93fbdd09291d2c2ca70ce156ed63a
+29081f9fc99dfde9b38510e12c765f86fd74ff6e

build/uncompressed/collections/table.css

@@ -20,6 +20,7 @@
 .ui.table thead {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
+.ui.table th,
 .ui.table tr,
 .ui.table td {
   border-collapse: collapse;
@@ -35,6 +36,7 @@
 }
 .ui.table th {
   cursor: auto;
+  background-color: rgba(0, 0, 0, 0.05);
   text-align: left;
   font-weight: bold;
   padding: 0.5em 0.7em;
@@ -101,11 +103,6 @@
 .ui.table td.positive {
   background-color: #F2F8F0 !important;
   color: #119000;
-  -moz-box-shadow: 0px 0px 1px 0px #3FF63B inset;
-  -webkit-box-shadow: 0px 0px 1px 0px #3FF63B inset;
-  box-shadow: 0px 0px 1px 0px #3FF63B inset;
-  /* border-color: #2FCB05 !important; */
-
 }
 .ui.celled.table tr.positive:hover td,
 .ui.celled.table tr:hover td.positive,
@@ -139,9 +136,6 @@
 .ui.table th.error {
   background-color: #F9F4F4 !important;
   color: #CD2929;
-  -moz-box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
-  -webkit-box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
-  box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
 }
 .ui.celled.table tr.error:hover td,
 .ui.celled.table tr:hover td.error,
@@ -161,9 +155,6 @@
   /* border-color: #CBB105 !important; */
 
   color: #7D6C00;
-  -moz-box-shadow: 0px 0px 1px 0px #FFE569 inset;
-  -webkit-box-shadow: 0px 0px 1px 0px #FFE569 inset;
-  box-shadow: 0px 0px 1px 0px #FFE569 inset;
 }
 .ui.celled.table tr.warning:hover td,
 .ui.celled.table tr:hover td.warning,
@@ -247,7 +238,7 @@
      Celled
 ---------------*/
 .ui.celled.table {
-  color: rgba(25, 25, 25, 0.9);
+  color: rgba(0, 0, 0, 0.8);
 }
 .ui.celled.table tbody tr,
 .ui.celled.table tfoot tr {
@@ -267,17 +258,20 @@
 }
 .ui.sortable.table thead th.sorted,
 .ui.sortable.table thead th.sorted:hover {
-  background-color: rgba(0, 0, 0, 0.8);
+  -webkit-user-select: none;
-  color: #EEEEEE;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  background-color: rgba(0, 0, 0, 0.1);
 }
 .ui.sortable.table thead th:after {
   display: inline-block;
   content: '';
   width: 1em;
-  opacity: 0.5;
+  opacity: 0.8;
-  margin: 0px 0px 0px 8px;
+  float: right;
-  font-size: 18px;
+  margin: 0.25em 0em 0em 0.25em;
-  line-height: 12px;
+  line-height: 1;
   font-family: 'Icons';
   font-style: normal;
   font-weight: normal;
@@ -294,6 +288,9 @@
 /*--------------
     Inverted
 ---------------*/
+.ui.inverted.table th {
+  background-color: rgba(0, 0, 0, 0.15);
+}
 .ui.inverted.table tbody tr:nth-child(2n) {
   background-color: rgba(255, 255, 255, 0.06);
 }

build/uncompressed/elements/header.css

@@ -111,64 +111,40 @@ h5.ui.header {
   color: #00B5AD !important;
 }
 .ui.blue.block.header {
-  /* background-color: #E6EEF1; */
+  background-color: #E6EEF1;
-
-  border-bottom: 0.2em solid #6ECFF5;
 }
 .ui.black.block.header {
-  /* background-color: #EAEAEA; */
+  background-color: #EAEAEA;
-
-  border-bottom: 0.2em solid #5C6166;
 }
 .ui.green.block.header {
-  /* background-color: #EFF8E4; */
+  background-color: #EFF8E4;
-
-  border-bottom: 0.2em solid #A1CF64;
 }
 .ui.red.block.header {
-  /* background-color: #F6E5E8; */
+  background-color: #F6E5E8;
-
-  border-bottom: 0.2em solid #EF4D6D;
 }
 .ui.purple.block.header {
-  /* background-color: #EFEDF8; */
+  background-color: #EFEDF8;
-
-  border-bottom: 0.2em solid #564F8A;
 }
 .ui.teal.block.header {
-  /* background-color: #E9F7F6; */
+  background-color: #E9F7F6;
-
-  border-bottom: 0.2em solid #00B5AD;
 }
 .ui.blue.dividing.header {
-  /* background-color: #E6EEF1; */
+  border-bottom: 3px solid #6ECFF5;
-
-  border-bottom: 0.2em solid #6ECFF5;
 }
 .ui.black.dividing.header {
-  /* background-color: #EAEAEA; */
+  border-bottom: 3px solid #5C6166;
-
-  border-bottom: 0.2em solid #5C6166;
 }
 .ui.green.dividing.header {
-  /* background-color: #EFF8E4; */
+  border-bottom: 3px solid #A1CF64;
-
-  border-bottom: 0.2em solid #A1CF64;
 }
 .ui.red.dividing.header {
-  /* background-color: #F6E5E8; */
+  border-bottom: 3px solid #EF4D6D;
-
-  border-bottom: 0.2em solid #EF4D6D;
 }
 .ui.purple.dividing.header {
-  /* background-color: #EFEDF8; */
+  border-bottom: 3px solid #564F8A;
-
-  border-bottom: 0.2em solid #564F8A;
 }
 .ui.teal.dividing.header {
-  /* background-color: #E9F7F6; */
+  border-bottom: 3px solid #00B5AD;
-
-  border-bottom: 0.2em solid #00B5AD;
 }
 /*-------------------
       Inverted 
@@ -237,13 +213,6 @@ h5.ui.header {
 .ui.fitted.header {
   padding: 0em;
 }
-/*-------------------
-        Block
---------------------*/
-.ui.block.header {
-  background-color: #F5F5F5;
-  padding: 0.5em 1em;
-}
 /*-------------------
       Dividing
 --------------------*/
@@ -254,6 +223,13 @@ h5.ui.header {
 .ui.dividing.header .icon {
   margin-bottom: 0.2em;
 }
+/*-------------------
+        Block
+--------------------*/
+.ui.block.header {
+  background-color: #F5F5F5;
+  padding: 0.5em 1em;
+}
 /*-------------------
        Attached
 --------------------*/
@@ -290,3 +266,6 @@ h5.ui.header {
 .ui.block.icon.header .icon {
   margin-bottom: 0em;
 }
+.ui.icon.header.aligned {
+  display: block;
+}

build/uncompressed/elements/segment.css

@@ -173,6 +173,48 @@
 .ui.right.floated.segment {
   float: right;
 }
+/*-------------------
+        Paper
+--------------------*/
+.ui.piled.segment {
+  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
+  -ms-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
+  -o-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
+}
+.ui.piled.segment:after,
+.ui.piled.segment:before {
+  background-color: #FFFFFF;
+  visibility: visible;
+  content: "";
+  display: block;
+  height: 100%;
+  left: -1px;
+  position: absolute;
+  width: 100%;
+  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
+}
+.ui.piled.segment:after {
+  -webkit-transform: rotate(1.5deg);
+  -moz-transform: rotate(1.5deg);
+  -ms-transform: rotate(1.5deg);
+  -o-transform: rotate(1.5deg);
+  transform: rotate(1.5deg);
+  top: 0;
+  z-index: -1;
+}
+.ui.piled.segment:before {
+  -webkit-transform: rotate(-1.9deg);
+  -moz-transform: rotate(-1.9deg);
+  -ms-transform: rotate(-1.9deg);
+  -o-transform: rotate(-1.9deg);
+  transform: rotate(-1.9deg);
+  top: 0;
+  z-index: -2;
+}
 /*-------------------
        Stacked
 --------------------*/

build/uncompressed/modules/dropdown.css

@@ -29,9 +29,9 @@
   background-color: #FFFFFF;
   min-width: 100%;
   white-space: nowrap;
-  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
+  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
-  -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
+  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
-  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
+  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
   -moz-border-radius: 0px 0px 0.325em 0.325em;
   -webkit-border-radius: 0px 0px 0.325em 0.325em;
   border-radius: 0px 0px 0.325em 0.325em;

node/src/documents/collections/table.html

@@ -5,6 +5,8 @@ css    : 'table'
 title  : 'Table'
 type   : 'UI Collection'
 ---
+<script src="/javascript/library/tablesort.js"></script>
+<script src="/javascript/table.js"></script>
 
 <div class="segment">
   <div class="container">
@@ -27,9 +29,9 @@ type   : 'UI Collection'
     <h4 class="ui header">Table</h4>
     <p>A standard table</p>
     <div class="ui info message">
-      <p>This example uses a <a href="/elements/segment.html">ui segment</a> to add padding and a background color. This is not required.</p>
+      <p>This example uses a <a href="/elements/segment.html">ui segment</a> and to add padding and a background color. This is not required.</p>
     </div>
-    <table class="ui table segment">
+    <table class="ui sortable table segment">
       <thead>
         <th>Name</th>
         <th>Status</th>
@@ -66,7 +68,7 @@ type   : 'UI Collection'
   <div class="example">
     <h4 class="ui header">Positive / Negative</h4>
     <p>A cell may let a user know whether a value is good or bad:</p>
-    <table class="ui table">
+    <table class="ui table segment">
       <thead>
         <th>Name</th>
         <th>Status</th>
@@ -101,7 +103,7 @@ type   : 'UI Collection'
   <div class="example">
     <h4 class="ui header">Error</h4>
     <p>A cell or row may alert the user to an error or a negative value:</p>
-    <table class="ui table">
+    <table class="ui table segment">
       <thead>
         <th>Name</th>
         <th>Status</th>
@@ -135,7 +137,7 @@ type   : 'UI Collection'
   <div class="example">
     <h4 class="ui header">Warning</h4>
     <p>A cell or row may warn a user:</p>
-    <table class="ui table">
+    <table class="ui table segment">
       <thead>
         <th>Name</th>
         <th>Status</th>
@@ -169,7 +171,7 @@ type   : 'UI Collection'
   <div class="example">
     <h4 class="ui header">Active</h4>
     <p>A cell or row can be active:</p>
-    <table class="ui table">
+    <table class="ui table segment">
       <thead>
         <th>Name</th>
         <th>Status</th>
@@ -201,7 +203,7 @@ type   : 'UI Collection'
   <div class="example">
     <h4 class="ui header">Disabled</h4>
     <p>A cell can be disabled:</p>
-    <table class="ui table">
+    <table class="ui table segment">
       <thead>
         <th>Name</th>
         <th>Status</th>
@@ -239,7 +241,7 @@ type   : 'UI Collection'
   <div class="example">
     <h4 class="ui header">Even Width</h4>
     <p>A table can specify its column count to divide its content evenly</p>
-    <table class="ui five column table">
+    <table class="ui five column table segment">
       <thead>
         <th>Name</th>
         <th>Status</th>
@@ -284,7 +286,7 @@ type   : 'UI Collection'
   <div class="example">
     <h4 class="ui header">Collapsing</h4>
     <p>By default tables take the size of their container. A collapsing takes up only as much space as its rows.</p>
-    <table class="ui collapsing table">
+    <table class="ui collapsing table segment">
       <thead>
         <th>Name</th>
         <th>Status</th>
@@ -319,7 +321,7 @@ type   : 'UI Collection'
   <div class="example">
     <h4 class="ui header">Inverted</h4>
     <p>A tables colors can be inverted</p>
-    <table class="ui inverted segment table">
+    <table class="ui inverted segment table segment">
       <thead>
         <th>Name</th>
         <th>Status</th>
@@ -353,7 +355,7 @@ type   : 'UI Collection'
   <div class="example">
     <h4 class="ui header">Cells</h4>
     <p>A table may be divided each row into separate cells</p>
-    <table class="ui celled table">
+    <table class="ui celled table segment">
       <thead>
         <th>Name</th>
         <th>Status</th>
@@ -390,7 +392,7 @@ type   : 'UI Collection'
     
     <p>Adding a classname of ascending or descending, will show the user the direction of sort. This example uses a modified version of the kylefox's <a href="library/tablesort.js">tablesort plugin</a> to provide the proper class names.</p>
     
-    <table class="ui sortable table">
+    <table class="ui sortable table segment">
       <thead>
         <th>Name</th>
         <th>Status</th>
@@ -423,7 +425,7 @@ type   : 'UI Collection'
   <div class="example">
     <h4 class="ui header">Padded</h4>
     <p>A table may sometimes need to be more padded for legibility</p>
-    <table class="ui padded table">
+    <table class="ui padded table segment">
       <thead>
         <th>Name</th>
         <th>Status</th>
@@ -446,7 +448,7 @@ type   : 'UI Collection'
   <div class="example">
     <h4 class="ui header">Compact</h4>
     <p>A table may sometimes need to be more compact to make more rows visible at a time</p>
-    <table class="ui compact table">
+    <table class="ui compact table segment">
       <thead>
         <th>Name</th>
         <th>Status</th>
@@ -500,7 +502,7 @@ type   : 'UI Collection'
   <div class="example">
     <h4 class="ui header">Size</h4>
     <p>A table can also be small or large</p>
-    <table class="ui small table">
+    <table class="ui small table segment">
       <thead>
         <th>Name</th>
         <th>Status</th>
@@ -530,7 +532,7 @@ type   : 'UI Collection'
       </tfoot>
     </table>
     <br><br>
-    <table class="ui large table">
+    <table class="ui large table segment">
       <thead>
         <th>Name</th>
         <th>Status</th>

node/src/documents/elements/header.html

@@ -15,28 +15,35 @@ type   : 'UI Element'
 
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Standard</a>
+      <a class="active item">Types</a>
       <a class="item">States</a>
       <a class="item">Variations</a> 
     </div>
   </div>
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
   
   <div class="example">
     <h4 class="ui header">Header</h4>
     <p>A simple header</p>
-    <h2 class="ui header">
+    <div class="ui segment">
-      Account Settings
+      <h2 class="ui header">
-    </h2>
+        Account Settings
+      </h2>
+      <p>Welcome to your account settings, here you can change your e-mail preferences and other settings related to your account. If you have any issues with your account please feel free to e-mail us at <a>mail@mail.com</a>. Thanks and have a wonderful day</p>
+    </div>
   </div>
 
   <div class="example">
     <h4 class="ui header">Descriptive Headers</h4>
     <p>Headers may have sub headers containing further context to the section</p>
-    <h2 class="ui header">
+
-      <i class="settings icon"></i> Account Settings
+    <div class="ui segment">
-      <div class="sub header">Manage your account settings and set e-mail preferences.</div>
+      <h2 class="ui header">
-    </h2>
+        <i class="settings icon"></i> Account Settings
+        <div class="sub header">Manage your account settings and set e-mail preferences.</div>
+      </h2>
+      <p>Welcome to your account settings, here you can change your e-mail preferences and other settings related to your account. If you have any issues with your account please feel free to e-mail us at <a>mail@mail.com</a>. Thanks and have a wonderful day</p>
+    </div>
   </div>
 
   <div class="example">
@@ -96,10 +103,28 @@ type   : 'UI Element'
   <div class="example">
     <h4 class="ui header">Icon</h4>
     <p>A header can be formatted to emphasize an icon</p>
-    <h1 class="ui icon header">
+    <div class="ui segment">
-      <i class="icon mail"></i>
+      <h1 class="ui icon header">
-      Message Anyone
+        <i class="icon mail"></i>
-    </h1>
+        Message Anyone
+      </h1>
+      <p>Use our service to message whoever you like, whenever you like</p>
+    </div>
+  </div>
+  
+  <div class="example">
+    <h4 class="ui header">Attached</h4>
+    <p>A header can be attached to other content</p>
+    <h3 class="ui top attached header">
+      Sign Up For Our Site
+    </h3>
+    <div class="ui segment attached">
+      <p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</p>
+      <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p>
+    </div>
+    <h3 class="ui bottom attached header">
+      Thanks
+    </h3>
   </div>
   
   <div class="example">
@@ -156,31 +181,41 @@ type   : 'UI Element'
   <div class="example">
     <h4 class="ui header">Dividing</h4>
     <p>A header can be formatted to divide itself from the content below it</p>
-    <h5 class="ui dividing header">
-      Dividing
-    </h5>
     <h5 class="ui black dividing header">
       Black
     </h5>
+    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
+    
     <h5 class="ui blue dividing header">
       Blue
     </h5>
+    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
+    
     <h5 class="ui red dividing header">
       Red
     </h5>
+    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
+    
     <h5 class="ui green dividing header">
       Green
     </h5>
+    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
+    
     <h5 class="ui purple dividing header">
       Purple
     </h5>
+    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
+    
     <h5 class="ui teal dividing header">
       Teal
     </h5>
+    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
   </div>
 
 
-  <div class="another example">
+  <div class="example">
+    <h4 class="ui header">Block</h4>
+    <p>A header can be formatted to create a block</p>
     <h5 class="ui black block header">
       Black
     </h5>
@@ -211,30 +246,6 @@ type   : 'UI Element'
     </h5>
     <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
   </div>
-  
-  
-  <div class="example">
-    <h4 class="ui header">Inverted</h4>
-    <p>A header can have its colors inverted for contrast</p>
-    <h5 class="ui inverted black header">
-      Black
-    </h5>
-    <h5 class="ui inverted blue header">
-      Blue
-    </h5>
-    <h5 class="ui inverted red header">
-      Red
-    </h5>
-    <h5 class="ui inverted green header">
-      Green
-    </h5>
-    <h5 class="ui inverted purple header">
-      Purple
-    </h5>
-    <h5 class="ui inverted teal header">
-      Teal
-    </h5>
-  </div>
   <div class="another example">
     <h3 class="ui black inverted block header">
       Black
@@ -267,19 +278,28 @@ type   : 'UI Element'
     <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
   </div>
   
-  <div class="example">
-    <h4 class="ui header">Attached</h4>
-    <p>A header can be attached to other content</p>
-    <h3 class="ui top attached header">
-      Sign Up For Our Site
-    </h3>
-    <div class="ui segment attached">
-      <p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</p>
-      <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p>
-    </div>
-    <h3 class="ui bottom attached header">
-      Thanks
-    </h3>
   
+  <div class="example">
+    <h4 class="ui header">Inverted</h4>
+    <p>A header can have its colors inverted for contrast</p>
+    <h5 class="ui inverted black header">
+      Black
+    </h5>
+    <h5 class="ui inverted blue header">
+      Blue
+    </h5>
+    <h5 class="ui inverted red header">
+      Red
+    </h5>
+    <h5 class="ui inverted green header">
+      Green
+    </h5>
+    <h5 class="ui inverted purple header">
+      Purple
+    </h5>
+    <h5 class="ui inverted teal header">
+      Teal
+    </h5>
   </div>
+  
 </div>

node/src/documents/elements/segment.html

@@ -15,12 +15,12 @@ type   : 'UI Element'
 
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Standard</a>
+      <a class="active item">Types</a>
       <a class="item">States</a>
       <a class="item">Variations</a> 
     </div>
   </div>
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
   
   <div class="example">
     <h4 class="ui header">Segment</h4>
@@ -45,6 +45,29 @@ type   : 'UI Element'
   </div>
 
 
+  <div class="example">
+    <h4 class="ui header">Piled</h4>
+    <p>A segment can be formatted to look like a pile of pages</p>
+    <div class="ui piled segment">
+      <h2>A header</h2>
+      <p>Te eum doming eirmod, nominati pertinacia argumentum ad his. Ex eam alia facete scriptorem, est autem aliquip detraxit at. Usu ocurreret referrentur at, cu epicurei appellantur vix. Cum ea laoreet recteque electram, eos choro alterum definiebas in. Vim dolorum definiebas an. Mei ex natum rebum iisque.</p>
+
+      <p>Audiam quaerendum eu sea, pro omittam definiebas ex. Te est latine definitiones. Quot wisi nulla ex duo. Vis sint solet expetenda ne, his te phaedrum referrentur consectetuer. Id vix fabulas oporteat, ei quo vide phaedrum, vim vivendum maiestatis in.</p>
+
+      <p>Eu quo homero blandit intellegebat. Incorrupte consequuntur mei id. Mei ut facer dolores adolescens, no illum aperiri quo, usu odio brute at. Qui te porro electram, ea dico facete utroque quo. Populo quodsi te eam, wisi everti eos ex, eum elitr altera utamur at. Quodsi convenire mnesarchum eu per, quas minimum postulant per id.</p>
+    </div>
+  </div>
+  
+  <div class="example">
+    <h4 class="ui header">Stacked</h4>
+    <p>A segment can be formatted to show it contains multiple pages</p>
+    <div class="ui stacked segment">
+      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
+    </div>
+  </div>
+  
+
+
   <h2 class="ui dividing header">States</h2>
 
   <div class="example">
@@ -65,6 +88,14 @@ type   : 'UI Element'
     </div>
   </div>
   
+  <div class="example">
+    <h4 class="ui header">Raised</h4>
+    <p>A segment may be formatted to raise above the page.</p>
+    <div class="ui raised segment">
+      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
+    </div>
+  </div>
+
   <div class="example">
     <h4 class="ui header">Colored</h4>
     <p>A segment can be colored</p>
@@ -172,24 +203,6 @@ type   : 'UI Element'
       <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
     </div>
   </div>
-  
-  <div class="example">
-    <h4 class="ui header">Stacked</h4>
-    <p>A segment can be formatted to show it contains multiple pages</p>
-    <div class="ui stacked segment">
-      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
-    </div>
-  </div>
-  
-  <div class="example">
-    <h4 class="ui header">Raised</h4>
-    <p>A segment may be formatted to raise above the page.</p>
-    <div class="ui raised segment">
-      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
-    </div>
-  </div>
-  
-  
   <div class="example">
     <h4 class="ui header">Attached</h4>
     <p>A segment can be attached to other content on a page</p>

node/src/documents/modules/dimmer.html

@@ -98,7 +98,7 @@ type   : 'UI Module'
     <p>A dimmer can show or hide itself, a can show or hide a dimmer</p>
     <div class="ignore code">
     // these two are the same
-    $('.ui.)
+    $('.ui.dimmable)
       .dimmer('show')
     ;
     $('.ui.dimmer')
@@ -106,7 +106,7 @@ type   : 'UI Module'
     ;
     
     // these two as well
-    $('.ui.)
+    $('.ui.dimmable)
       .dimmer('hide')
     ;
     $('.ui.dimmer')

node/src/files/components/semantic/collections/table.css

@@ -20,6 +20,7 @@
 .ui.table thead {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
+.ui.table th,
 .ui.table tr,
 .ui.table td {
   border-collapse: collapse;
@@ -35,6 +36,7 @@
 }
 .ui.table th {
   cursor: auto;
+  background-color: rgba(0, 0, 0, 0.05);
   text-align: left;
   font-weight: bold;
   padding: 0.5em 0.7em;
@@ -101,11 +103,6 @@
 .ui.table td.positive {
   background-color: #F2F8F0 !important;
   color: #119000;
-  -moz-box-shadow: 0px 0px 1px 0px #3FF63B inset;
-  -webkit-box-shadow: 0px 0px 1px 0px #3FF63B inset;
-  box-shadow: 0px 0px 1px 0px #3FF63B inset;
-  /* border-color: #2FCB05 !important; */
-
 }
 .ui.celled.table tr.positive:hover td,
 .ui.celled.table tr:hover td.positive,
@@ -139,9 +136,6 @@
 .ui.table th.error {
   background-color: #F9F4F4 !important;
   color: #CD2929;
-  -moz-box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
-  -webkit-box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
-  box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
 }
 .ui.celled.table tr.error:hover td,
 .ui.celled.table tr:hover td.error,
@@ -161,9 +155,6 @@
   /* border-color: #CBB105 !important; */
 
   color: #7D6C00;
-  -moz-box-shadow: 0px 0px 1px 0px #FFE569 inset;
-  -webkit-box-shadow: 0px 0px 1px 0px #FFE569 inset;
-  box-shadow: 0px 0px 1px 0px #FFE569 inset;
 }
 .ui.celled.table tr.warning:hover td,
 .ui.celled.table tr:hover td.warning,
@@ -247,7 +238,7 @@
      Celled
 ---------------*/
 .ui.celled.table {
-  color: rgba(25, 25, 25, 0.9);
+  color: rgba(0, 0, 0, 0.8);
 }
 .ui.celled.table tbody tr,
 .ui.celled.table tfoot tr {
@@ -267,17 +258,20 @@
 }
 .ui.sortable.table thead th.sorted,
 .ui.sortable.table thead th.sorted:hover {
-  background-color: rgba(0, 0, 0, 0.8);
+  -webkit-user-select: none;
-  color: #EEEEEE;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  background-color: rgba(0, 0, 0, 0.1);
 }
 .ui.sortable.table thead th:after {
   display: inline-block;
   content: '';
   width: 1em;
-  opacity: 0.5;
+  opacity: 0.8;
-  margin: 0px 0px 0px 8px;
+  float: right;
-  font-size: 18px;
+  margin: 0.25em 0em 0em 0.25em;
-  line-height: 12px;
+  line-height: 1;
   font-family: 'Icons';
   font-style: normal;
   font-weight: normal;
@@ -294,6 +288,9 @@
 /*--------------
     Inverted
 ---------------*/
+.ui.inverted.table th {
+  background-color: rgba(0, 0, 0, 0.15);
+}
 .ui.inverted.table tbody tr:nth-child(2n) {
   background-color: rgba(255, 255, 255, 0.06);
 }

node/src/files/components/semantic/elements/header.css

@@ -111,64 +111,40 @@ h5.ui.header {
   color: #00B5AD !important;
 }
 .ui.blue.block.header {
-  /* background-color: #E6EEF1; */
+  background-color: #E6EEF1;
-
-  border-bottom: 0.2em solid #6ECFF5;
 }
 .ui.black.block.header {
-  /* background-color: #EAEAEA; */
+  background-color: #EAEAEA;
-
-  border-bottom: 0.2em solid #5C6166;
 }
 .ui.green.block.header {
-  /* background-color: #EFF8E4; */
+  background-color: #EFF8E4;
-
-  border-bottom: 0.2em solid #A1CF64;
 }
 .ui.red.block.header {
-  /* background-color: #F6E5E8; */
+  background-color: #F6E5E8;
-
-  border-bottom: 0.2em solid #EF4D6D;
 }
 .ui.purple.block.header {
-  /* background-color: #EFEDF8; */
+  background-color: #EFEDF8;
-
-  border-bottom: 0.2em solid #564F8A;
 }
 .ui.teal.block.header {
-  /* background-color: #E9F7F6; */
+  background-color: #E9F7F6;
-
-  border-bottom: 0.2em solid #00B5AD;
 }
 .ui.blue.dividing.header {
-  /* background-color: #E6EEF1; */
+  border-bottom: 3px solid #6ECFF5;
-
-  border-bottom: 0.2em solid #6ECFF5;
 }
 .ui.black.dividing.header {
-  /* background-color: #EAEAEA; */
+  border-bottom: 3px solid #5C6166;
-
-  border-bottom: 0.2em solid #5C6166;
 }
 .ui.green.dividing.header {
-  /* background-color: #EFF8E4; */
+  border-bottom: 3px solid #A1CF64;
-
-  border-bottom: 0.2em solid #A1CF64;
 }
 .ui.red.dividing.header {
-  /* background-color: #F6E5E8; */
+  border-bottom: 3px solid #EF4D6D;
-
-  border-bottom: 0.2em solid #EF4D6D;
 }
 .ui.purple.dividing.header {
-  /* background-color: #EFEDF8; */
+  border-bottom: 3px solid #564F8A;
-
-  border-bottom: 0.2em solid #564F8A;
 }
 .ui.teal.dividing.header {
-  /* background-color: #E9F7F6; */
+  border-bottom: 3px solid #00B5AD;
-
-  border-bottom: 0.2em solid #00B5AD;
 }
 /*-------------------
       Inverted 
@@ -237,13 +213,6 @@ h5.ui.header {
 .ui.fitted.header {
   padding: 0em;
 }
-/*-------------------
-        Block
---------------------*/
-.ui.block.header {
-  background-color: #F5F5F5;
-  padding: 0.5em 1em;
-}
 /*-------------------
       Dividing
 --------------------*/
@@ -254,6 +223,13 @@ h5.ui.header {
 .ui.dividing.header .icon {
   margin-bottom: 0.2em;
 }
+/*-------------------
+        Block
+--------------------*/
+.ui.block.header {
+  background-color: #F5F5F5;
+  padding: 0.5em 1em;
+}
 /*-------------------
        Attached
 --------------------*/
@@ -290,3 +266,6 @@ h5.ui.header {
 .ui.block.icon.header .icon {
   margin-bottom: 0em;
 }
+.ui.icon.header.aligned {
+  display: block;
+}

node/src/files/components/semantic/elements/segment.css

@@ -173,6 +173,48 @@
 .ui.right.floated.segment {
   float: right;
 }
+/*-------------------
+        Paper
+--------------------*/
+.ui.piled.segment {
+  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
+  -ms-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
+  -o-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
+}
+.ui.piled.segment:after,
+.ui.piled.segment:before {
+  background-color: #FFFFFF;
+  visibility: visible;
+  content: "";
+  display: block;
+  height: 100%;
+  left: -1px;
+  position: absolute;
+  width: 100%;
+  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
+}
+.ui.piled.segment:after {
+  -webkit-transform: rotate(1.5deg);
+  -moz-transform: rotate(1.5deg);
+  -ms-transform: rotate(1.5deg);
+  -o-transform: rotate(1.5deg);
+  transform: rotate(1.5deg);
+  top: 0;
+  z-index: -1;
+}
+.ui.piled.segment:before {
+  -webkit-transform: rotate(-1.9deg);
+  -moz-transform: rotate(-1.9deg);
+  -ms-transform: rotate(-1.9deg);
+  -o-transform: rotate(-1.9deg);
+  transform: rotate(-1.9deg);
+  top: 0;
+  z-index: -2;
+}
 /*-------------------
        Stacked
 --------------------*/

node/src/files/components/semantic/modules/dropdown.css

@@ -29,9 +29,9 @@
   background-color: #FFFFFF;
   min-width: 100%;
   white-space: nowrap;
-  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
+  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
-  -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
+  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
-  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
+  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
   -moz-border-radius: 0px 0px 0.325em 0.325em;
   -webkit-border-radius: 0px 0px 0.325em 0.325em;
   border-radius: 0px 0px 0.325em 0.325em;

src/collections/table.less

@@ -23,6 +23,7 @@
 .ui.table thead {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
+.ui.table th,
 .ui.table tr,
 .ui.table td {
   border-collapse: collapse;
@@ -40,6 +41,9 @@
 }
 .ui.table th {
   cursor: auto;
+
+  background-color: rgba(0, 0, 0, 0.05);
+
   text-align: left;
   font-weight: bold;
   padding: 0.5em 0.7em;
@@ -119,10 +123,6 @@
 .ui.table td.positive {
   background-color: #F2F8F0 !important;
   color: #119000;
-  -moz-box-shadow: 0px 0px 1px 0px #3FF63B inset;
-  -webkit-box-shadow: 0px 0px 1px 0px #3FF63B inset;
-  box-shadow: 0px 0px 1px 0px #3FF63B inset;
-  /* border-color: #2FCB05 !important; */
 }
 .ui.celled.table tr.positive:hover td,
 .ui.celled.table tr:hover td.positive,
@@ -160,9 +160,6 @@
 .ui.table th.error {
   background-color: #F9F4F4 !important;
   color: #CD2929;
-  -moz-box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
-  -webkit-box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
-  box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
 }
 .ui.celled.table tr.error:hover td,
 .ui.celled.table tr:hover td.error,
@@ -183,9 +180,6 @@
   background-color: #FBF6E9;
   /* border-color: #CBB105 !important; */
   color: #7D6C00;
-  -moz-box-shadow: 0px 0px 1px 0px #FFE569 inset;
-  -webkit-box-shadow: 0px 0px 1px 0px #FFE569 inset;
-  box-shadow: 0px 0px 1px 0px #FFE569 inset;
 }
 .ui.celled.table tr.warning:hover td,
 .ui.celled.table tr:hover td.warning,
@@ -278,7 +272,7 @@
 ---------------*/
 
 .ui.celled.table {
-  color: rgba(25, 25, 25, 0.9);
+  color: rgba(0, 0, 0, 0.8);
 }
 .ui.celled.table tbody tr,
 .ui.celled.table tfoot tr {
@@ -299,20 +293,23 @@
 }
 .ui.sortable.table thead th.sorted,
 .ui.sortable.table thead th.sorted:hover {
-  background-color: rgba(0, 0, 0, 0.8);
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 
-  color: #EEEEEE;
+  background-color: rgba(0, 0, 0, 0.1);
 }
 
 .ui.sortable.table thead th:after {
   display: inline-block;
   content: '';
   width: 1em;
-  opacity: 0.5;
+  opacity: 0.8;
 
-  margin: 0px 0px 0px 8px;
+  float: right;
-  font-size: 18px;
+  margin: 0.25em 0em 0em 0.25em;
-  line-height: 12px;
+  line-height: 1;
 
   font-family: 'Icons';
   font-style: normal;
@@ -333,6 +330,9 @@
     Inverted
 ---------------*/
 
+.ui.inverted.table th {
+  background-color: rgba(0, 0, 0, 0.15);
+}
 .ui.inverted.table tbody tr:nth-child(2n) {
   background-color: rgba(255, 255, 255, 0.06);
 }

src/elements/header.less

@@ -106,6 +106,7 @@ h5.ui.header {
            Variations
 *******************************/
 
+
 /*-------------------
        Colors
 --------------------*/
@@ -130,53 +131,41 @@ h5.ui.header {
 }
 
 .ui.blue.block.header {
-  /* background-color: #E6EEF1; */
+  background-color: #E6EEF1;
-  border-bottom: 0.2em solid #6ECFF5;
 }
 .ui.black.block.header {
-  /* background-color: #EAEAEA; */
+  background-color: #EAEAEA;
-  border-bottom: 0.2em solid #5C6166;
 }
 .ui.green.block.header {
-  /* background-color: #EFF8E4; */
+  background-color: #EFF8E4;
-  border-bottom: 0.2em solid #A1CF64;
 }
 .ui.red.block.header {
-  /* background-color: #F6E5E8; */
+  background-color: #F6E5E8;
-  border-bottom: 0.2em solid #EF4D6D;
 }
 .ui.purple.block.header {
-  /* background-color: #EFEDF8; */
+  background-color: #EFEDF8;
-  border-bottom: 0.2em solid #564F8A;
 }
 .ui.teal.block.header {
-  /* background-color: #E9F7F6; */
+  background-color: #E9F7F6;
-  border-bottom: 0.2em solid #00B5AD;
 }
 
 .ui.blue.dividing.header {
-  /* background-color: #E6EEF1; */
+  border-bottom: 3px solid #6ECFF5;
-  border-bottom: 0.2em solid #6ECFF5;
 }
 .ui.black.dividing.header {
-  /* background-color: #EAEAEA; */
+  border-bottom: 3px solid #5C6166;
-  border-bottom: 0.2em solid #5C6166;
 }
 .ui.green.dividing.header {
-  /* background-color: #EFF8E4; */
+  border-bottom: 3px solid #A1CF64;
-  border-bottom: 0.2em solid #A1CF64;
 }
 .ui.red.dividing.header {
-  /* background-color: #F6E5E8; */
+  border-bottom: 3px solid #EF4D6D;
-  border-bottom: 0.2em solid #EF4D6D;
 }
 .ui.purple.dividing.header {
-  /* background-color: #EFEDF8; */
+  border-bottom: 3px solid #564F8A;
-  border-bottom: 0.2em solid #564F8A;
 }
 .ui.teal.dividing.header {
-  /* background-color: #E9F7F6; */
+  border-bottom: 3px solid #00B5AD;
-  border-bottom: 0.2em solid #00B5AD;
 }
 
 /*-------------------
@@ -259,15 +248,6 @@ h5.ui.header {
 }
 
 
-/*-------------------
-        Block
---------------------*/
-
-.ui.block.header {
-  background-color: #F5F5F5;
-  padding: 0.5em 1em;  
-}
-
 /*-------------------
       Dividing
 --------------------*/
@@ -280,6 +260,16 @@ h5.ui.header {
   margin-bottom: 0.2em;
 }
 
+
+/*-------------------
+        Block
+--------------------*/
+
+.ui.block.header {
+  background-color: #F5F5F5;
+  padding: 0.5em 1em;  
+}
+
 /*-------------------
        Attached
 --------------------*/
@@ -323,3 +313,7 @@ h5.ui.header {
 .ui.block.icon.header .icon {
   margin-bottom: 0em;
 }
+
+.ui.icon.header.aligned {
+  display: block;
+}

src/elements/segment.less

@@ -230,6 +230,68 @@
   float: right;
 }
 
+
+/*-------------------
+        Paper
+--------------------*/
+
+.ui.piled.segment {
+  -webkit-box-shadow:
+    0px 0px 1px 1px rgba(0, 0, 0, 0.15)
+  ;
+  -moz-box-shadow:
+    0px 0px 1px 1px rgba(0, 0, 0, 0.15)
+  ;
+  -ms-box-shadow:
+    0px 0px 1px 1px rgba(0, 0, 0, 0.15)
+  ;
+  -o-box-shadow:
+    0px 0px 1px 1px rgba(0, 0, 0, 0.15)
+  ;
+  box-shadow:
+    0px 0px 1px 1px rgba(0, 0, 0, 0.15)
+  ;
+}
+.ui.piled.segment:after,
+.ui.piled.segment:before {
+  background-color: #FFFFFF;
+  visibility: visible;
+  content: "";
+  display: block;
+  height: 100%;
+  left: -1px;
+  position: absolute;
+  width: 100%;
+
+  -webkit-box-shadow:
+    0px 0px 1px 1px rgba(0, 0, 0, 0.1)
+  ;
+  -moz-box-shadow:
+    0px 0px 1px 1px rgba(0, 0, 0, 0.1)
+  ;
+  box-shadow:
+    0px 0px 1px 1px rgba(0, 0, 0, 0.1)
+  ;
+}
+.ui.piled.segment:after {
+  -webkit-transform: rotate(1.5deg);
+  -moz-transform: rotate(1.5deg);
+  -ms-transform: rotate(1.5deg);
+  -o-transform: rotate(1.5deg);
+  transform: rotate(1.5deg);
+  top: 0;
+  z-index: -1;
+}
+.ui.piled.segment:before {
+  -webkit-transform: rotate(-1.9deg);
+  -moz-transform: rotate(-1.9deg);
+  -ms-transform: rotate(-1.9deg);
+  -o-transform: rotate(-1.9deg);
+  transform: rotate(-1.9deg);
+  top: 0;
+  z-index: -2;
+}
+
 /*-------------------
        Stacked
 --------------------*/

src/modules/dropdown.less

@@ -52,15 +52,15 @@
   white-space: nowrap;
 
   -webkit-box-shadow:
-    0px 0px 1px 0px rgba(0, 0, 0, 0.1),
+    0px 0px 1px 1px rgba(0, 0, 0, 0.1),
     0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset
   ;
   -moz-box-shadow:
-    0px 0px 1px 0px rgba(0, 0, 0, 0.1),
+    0px 0px 1px 1px rgba(0, 0, 0, 0.1),
     0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset
   ;
   box-shadow:
-    0px 0px 1px 0px rgba(0, 0, 0, 0.1),
+    0px 0px 1px 1px rgba(0, 0, 0, 0.1),
     0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset
   ;