From ce405c60180ce018dc8b75d5d3b52f91bc759f43 Mon Sep 17 00:00:00 2001 From: Jack Lukic Date: Sat, 1 Jun 2013 00:09:44 -0400 Subject: [PATCH] Major updates to segment, header, table. Former-commit-id: 7a79f0d1131eee80a33e8da342ced7ac41eea190 Former-commit-id: a3c9376efdb20c8f989cd89f7f009d590e820caa --- build/minified/collections/table.min.css | 2 +- build/minified/elements/header.min.css | 2 +- build/minified/elements/segment.min.css | 2 +- build/minified/modules/dropdown.min.css | 2 +- .../packaged/semantic.min.css.REMOVED.git-id | 2 +- build/packaged/semantic.min.js.REMOVED.git-id | 2 +- build/uncompressed/collections/table.css | 33 ++--- build/uncompressed/elements/header.css | 65 +++------ build/uncompressed/elements/segment.css | 42 ++++++ build/uncompressed/modules/dropdown.css | 6 +- node/src/documents/collections/table.html | 34 ++--- node/src/documents/elements/header.html | 128 ++++++++++-------- node/src/documents/elements/segment.html | 53 +++++--- node/src/documents/modules/dimmer.html | 4 +- .../components/semantic/collections/table.css | 33 ++--- .../components/semantic/elements/header.css | 65 +++------ .../components/semantic/elements/segment.css | 42 ++++++ .../components/semantic/modules/dropdown.css | 6 +- src/collections/table.less | 34 ++--- src/elements/header.less | 60 ++++---- src/elements/segment.less | 62 +++++++++ src/modules/dropdown.less | 6 +- 22 files changed, 406 insertions(+), 279 deletions(-) diff --git a/build/minified/collections/table.min.css b/build/minified/collections/table.min.css index a95121e18..f7c23687d 100644 --- a/build/minified/collections/table.min.css +++ b/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} \ No newline at end of file +.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} \ No newline at end of file diff --git a/build/minified/elements/header.min.css b/build/minified/elements/header.min.css index a28eb8bda..cf9064292 100644 --- a/build/minified/elements/header.min.css +++ b/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} \ No newline at end of file +.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} \ No newline at end of file diff --git a/build/minified/elements/segment.min.css b/build/minified/elements/segment.min.css index f9cf8d8a7..a682371fb 100644 --- a/build/minified/elements/segment.min.css +++ b/build/minified/elements/segment.min.css @@ -1 +1 @@ -.ui.segment{position:relative;background-color:#FFF;-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);margin:1em 0;padding:1.3em 1em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.segment:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 -1px 0 rgba(0,0,0,.1);box-shadow:0 -1px 0 rgba(0,0,0,.1)}.ui.horizontal.segment{margin:0;padding-top:0;padding-bottom:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1);-moz-box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1);box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1)}.ui.segment>:first-child{margin-top:0}.ui.segment>:last-child{margin-bottom:0}.ui.segment>:only-child{margin:0}.ui.segment>.attached.label:first-child+*{margin-top:2em}.ui.segment>.bottom.attached.label:first-child~:last-child{margin-top:0;margin-bottom:2em}.ui.disabled.segment{opacity:.8;color:#DDD}.ui.basic.segment{position:relative;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.fitted.segment{padding:0}.ui.blue.segment{border-top:.2em solid #6ECFF5}.ui.green.segment{border-top:.2em solid #A1CF64}.ui.red.segment{border-top:.2em solid #EF4D6D}.ui.purple.segment{border-top:.2em solid #564F8A}.ui.teal.segment{border-top:.2em solid #00B5AD}.ui.inverted.black.segment{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.segment{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.segment{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.segment{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.segment{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.segment{background-color:#00B5AD!important;color:#FFF!important}.ui.left.aligned.segment{text-align:left}.ui.right.aligned.segment{text-align:right}.ui.center.aligned.segment{text-align:center}.ui.floated.segment,.ui.left.floated.segment{float:left}.ui.right.floated.segment{float:right}.ui.stacked.segment{padding-bottom:1.7em}.ui.stacked.segment:after,.ui.stacked.segment:before{content:'';position:absolute;bottom:-3px;left:0;border-top:1px solid rgba(0,0,0,.1);background-color:rgba(0,0,0,.02);width:100%;height:5px;visibility:visible}.ui.stacked.segment:before{bottom:0}.ui.stacked.inverted.segment:after,.ui.stacked.inverted.segment:before{background-color:rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.35)}.ui.raised.segment{-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);box-shadow:0 1px 2px 1px rgba(0,0,0,.1)}.ui.inverted.segment{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.inverted.segment,.ui.primary.inverted.segment{background-color:#555;color:#FFF}.ui.primary.segment{background-color:#FFF;color:#555}.ui.secondary.segment{background-color:#F5F5F5;color:#777}.ui.tertiary.segment{background-color:#EBEBEB;color:#B0B0B0}.ui.secondary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.3)),to(rgba(255,255,255,.3)));background-image:-webkit-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);color:#FAFAFA}.ui.tertiary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.6)),to(rgba(255,255,255,.6)));background-image:-webkit-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);color:#EEE}.ui.segment.attached{top:-1px;bottom:-1px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin:0;-moz-box-shadow:0 0 0 1px #DDD;-webkit-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.top.attached.segment{top:0;bottom:-1px;margin-top:0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.ui.segment.bottom.attached{top:-1px;bottom:0;margin-bottom:0;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px} \ No newline at end of file +.ui.segment{position:relative;background-color:#FFF;-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);margin:1em 0;padding:1.3em 1em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.segment:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 -1px 0 rgba(0,0,0,.1);box-shadow:0 -1px 0 rgba(0,0,0,.1)}.ui.horizontal.segment{margin:0;padding-top:0;padding-bottom:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1);-moz-box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1);box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1)}.ui.segment>:first-child{margin-top:0}.ui.segment>:last-child{margin-bottom:0}.ui.segment>:only-child{margin:0}.ui.segment>.attached.label:first-child+*{margin-top:2em}.ui.segment>.bottom.attached.label:first-child~:last-child{margin-top:0;margin-bottom:2em}.ui.disabled.segment{opacity:.8;color:#DDD}.ui.basic.segment{position:relative;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.fitted.segment{padding:0}.ui.blue.segment{border-top:.2em solid #6ECFF5}.ui.green.segment{border-top:.2em solid #A1CF64}.ui.red.segment{border-top:.2em solid #EF4D6D}.ui.purple.segment{border-top:.2em solid #564F8A}.ui.teal.segment{border-top:.2em solid #00B5AD}.ui.inverted.black.segment{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.segment{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.segment{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.segment{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.segment{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.segment{background-color:#00B5AD!important;color:#FFF!important}.ui.left.aligned.segment{text-align:left}.ui.right.aligned.segment{text-align:right}.ui.center.aligned.segment{text-align:center}.ui.floated.segment,.ui.left.floated.segment{float:left}.ui.right.floated.segment{float:right}.ui.piled.segment{-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.15);-moz-box-shadow:0 0 1px 1px rgba(0,0,0,.15);-ms-box-shadow:0 0 1px 1px rgba(0,0,0,.15);-o-box-shadow:0 0 1px 1px rgba(0,0,0,.15);box-shadow:0 0 1px 1px rgba(0,0,0,.15)}.ui.piled.segment:after,.ui.piled.segment:before{background-color:#FFF;visibility:visible;content:"";display:block;height:100%;left:-1px;position:absolute;width:100%;-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 1px 1px rgba(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}.ui.stacked.segment{padding-bottom:1.7em}.ui.stacked.segment:after,.ui.stacked.segment:before{content:'';position:absolute;bottom:-3px;left:0;border-top:1px solid rgba(0,0,0,.1);background-color:rgba(0,0,0,.02);width:100%;height:5px;visibility:visible}.ui.stacked.segment:before{bottom:0}.ui.stacked.inverted.segment:after,.ui.stacked.inverted.segment:before{background-color:rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.35)}.ui.raised.segment{-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);box-shadow:0 1px 2px 1px rgba(0,0,0,.1)}.ui.inverted.segment{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.inverted.segment,.ui.primary.inverted.segment{background-color:#555;color:#FFF}.ui.primary.segment{background-color:#FFF;color:#555}.ui.secondary.segment{background-color:#F5F5F5;color:#777}.ui.tertiary.segment{background-color:#EBEBEB;color:#B0B0B0}.ui.secondary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.3)),to(rgba(255,255,255,.3)));background-image:-webkit-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);color:#FAFAFA}.ui.tertiary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.6)),to(rgba(255,255,255,.6)));background-image:-webkit-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);color:#EEE}.ui.segment.attached{top:-1px;bottom:-1px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin:0;-moz-box-shadow:0 0 0 1px #DDD;-webkit-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.top.attached.segment{top:0;bottom:-1px;margin-top:0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.ui.segment.bottom.attached{top:-1px;bottom:0;margin-bottom:0;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px} \ No newline at end of file diff --git a/build/minified/modules/dropdown.min.css b/build/minified/modules/dropdown.min.css index 6c65dd03b..421ae59a3 100644 --- a/build/minified/modules/dropdown.min.css +++ b/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} \ No newline at end of file +.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} \ No newline at end of file diff --git a/build/packaged/semantic.min.css.REMOVED.git-id b/build/packaged/semantic.min.css.REMOVED.git-id index d787f1feb..5c922f915 100644 --- a/build/packaged/semantic.min.css.REMOVED.git-id +++ b/build/packaged/semantic.min.css.REMOVED.git-id @@ -1 +1 @@ -57ef2f35774351178c0dd16efc8aa3dd622e0dc5 \ No newline at end of file +038c56637c96bc03662fbb1c8c743affe4f552f4 \ No newline at end of file diff --git a/build/packaged/semantic.min.js.REMOVED.git-id b/build/packaged/semantic.min.js.REMOVED.git-id index c5baa025d..2f83cdd19 100644 --- a/build/packaged/semantic.min.js.REMOVED.git-id +++ b/build/packaged/semantic.min.js.REMOVED.git-id @@ -1 +1 @@ -491ceea885e93fbdd09291d2c2ca70ce156ed63a \ No newline at end of file +29081f9fc99dfde9b38510e12c765f86fd74ff6e \ No newline at end of file diff --git a/build/uncompressed/collections/table.css b/build/uncompressed/collections/table.css index 832fb8dd4..55320a1f3 100644 --- a/build/uncompressed/collections/table.css +++ b/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); - color: #EEEEEE; + -webkit-user-select: none; + -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; - margin: 0px 0px 0px 8px; - font-size: 18px; - line-height: 12px; + opacity: 0.8; + float: right; + margin: 0.25em 0em 0em 0.25em; + 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); } diff --git a/build/uncompressed/elements/header.css b/build/uncompressed/elements/header.css index 2a5457f72..d1ff0e65e 100644 --- a/build/uncompressed/elements/header.css +++ b/build/uncompressed/elements/header.css @@ -111,64 +111,40 @@ h5.ui.header { color: #00B5AD !important; } .ui.blue.block.header { - /* background-color: #E6EEF1; */ - - border-bottom: 0.2em solid #6ECFF5; + background-color: #E6EEF1; } .ui.black.block.header { - /* background-color: #EAEAEA; */ - - border-bottom: 0.2em solid #5C6166; + background-color: #EAEAEA; } .ui.green.block.header { - /* background-color: #EFF8E4; */ - - border-bottom: 0.2em solid #A1CF64; + background-color: #EFF8E4; } .ui.red.block.header { - /* background-color: #F6E5E8; */ - - border-bottom: 0.2em solid #EF4D6D; + background-color: #F6E5E8; } .ui.purple.block.header { - /* background-color: #EFEDF8; */ - - border-bottom: 0.2em solid #564F8A; + background-color: #EFEDF8; } .ui.teal.block.header { - /* background-color: #E9F7F6; */ - - border-bottom: 0.2em solid #00B5AD; + background-color: #E9F7F6; } .ui.blue.dividing.header { - /* background-color: #E6EEF1; */ - - border-bottom: 0.2em solid #6ECFF5; + border-bottom: 3px solid #6ECFF5; } .ui.black.dividing.header { - /* background-color: #EAEAEA; */ - - border-bottom: 0.2em solid #5C6166; + border-bottom: 3px solid #5C6166; } .ui.green.dividing.header { - /* background-color: #EFF8E4; */ - - border-bottom: 0.2em solid #A1CF64; + border-bottom: 3px solid #A1CF64; } .ui.red.dividing.header { - /* background-color: #F6E5E8; */ - - border-bottom: 0.2em solid #EF4D6D; + border-bottom: 3px solid #EF4D6D; } .ui.purple.dividing.header { - /* background-color: #EFEDF8; */ - - border-bottom: 0.2em solid #564F8A; + border-bottom: 3px solid #564F8A; } .ui.teal.dividing.header { - /* background-color: #E9F7F6; */ - - border-bottom: 0.2em solid #00B5AD; + border-bottom: 3px 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; +} diff --git a/build/uncompressed/elements/segment.css b/build/uncompressed/elements/segment.css index 349f9eca5..6cdb0b007 100644 --- a/build/uncompressed/elements/segment.css +++ b/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 --------------------*/ diff --git a/build/uncompressed/modules/dropdown.css b/build/uncompressed/modules/dropdown.css index 962486d7e..e00866df3 100644 --- a/build/uncompressed/modules/dropdown.css +++ b/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; - -moz-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 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 1px 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; diff --git a/node/src/documents/collections/table.html b/node/src/documents/collections/table.html index bd6ee0073..85d90540b 100755 --- a/node/src/documents/collections/table.html +++ b/node/src/documents/collections/table.html @@ -5,6 +5,8 @@ css : 'table' title : 'Table' type : 'UI Collection' --- + +
@@ -27,9 +29,9 @@ type : 'UI Collection'

Table

A standard table

-

This example uses a ui segment to add padding and a background color. This is not required.

+

This example uses a ui segment and to add padding and a background color. This is not required.

- +
@@ -66,7 +68,7 @@ type : 'UI Collection'

Positive / Negative

A cell may let a user know whether a value is good or bad:

-
Name Status
+
@@ -101,7 +103,7 @@ type : 'UI Collection'

Error

A cell or row may alert the user to an error or a negative value:

-
Name Status
+
@@ -135,7 +137,7 @@ type : 'UI Collection'

Warning

A cell or row may warn a user:

-
Name Status
+
@@ -169,7 +171,7 @@ type : 'UI Collection'

Active

A cell or row can be active:

-
Name Status
+
@@ -201,7 +203,7 @@ type : 'UI Collection'

Disabled

A cell can be disabled:

-
Name Status
+
@@ -239,7 +241,7 @@ type : 'UI Collection'

Even Width

A table can specify its column count to divide its content evenly

-
Name Status
+
@@ -284,7 +286,7 @@ type : 'UI Collection'

Collapsing

By default tables take the size of their container. A collapsing takes up only as much space as its rows.

-
Name Status
+
@@ -319,7 +321,7 @@ type : 'UI Collection'

Inverted

A tables colors can be inverted

-
Name Status
+
@@ -353,7 +355,7 @@ type : 'UI Collection'

Cells

A table may be divided each row into separate cells

-
Name Status
+
@@ -390,7 +392,7 @@ type : 'UI Collection'

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 tablesort plugin to provide the proper class names.

-
Name Status
+
@@ -423,7 +425,7 @@ type : 'UI Collection'

Padded

A table may sometimes need to be more padded for legibility

-
Name Status
+
@@ -446,7 +448,7 @@ type : 'UI Collection'

Compact

A table may sometimes need to be more compact to make more rows visible at a time

-
Name Status
+
@@ -500,7 +502,7 @@ type : 'UI Collection'

Size

A table can also be small or large

-
Name Status
+
@@ -530,7 +532,7 @@ type : 'UI Collection'
Name Status


- +
diff --git a/node/src/documents/elements/header.html b/node/src/documents/elements/header.html index 8d51eeeeb..48ba36d9f 100755 --- a/node/src/documents/elements/header.html +++ b/node/src/documents/elements/header.html @@ -15,28 +15,35 @@ type : 'UI Element'
- Standard + Types States Variations
-

Standard

+

Types

Header

A simple header

-

- Account Settings -

+
+

+ Account Settings +

+

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 mail@mail.com. Thanks and have a wonderful day

+

Descriptive Headers

Headers may have sub headers containing further context to the section

-

- Account Settings -
Manage your account settings and set e-mail preferences.
-

+ +
+

+ Account Settings +
Manage your account settings and set e-mail preferences.
+

+

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 mail@mail.com. Thanks and have a wonderful day

+
@@ -96,10 +103,28 @@ type : 'UI Element'

Icon

A header can be formatted to emphasize an icon

-

- - Message Anyone -

+
+

+ + Message Anyone +

+

Use our service to message whoever you like, whenever you like

+
+
+ +
+

Attached

+

A header can be attached to other content

+

+ Sign Up For Our Site +

+
+

Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.

+

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.

+
+

+ Thanks +

@@ -156,31 +181,41 @@ type : 'UI Element'

Dividing

A header can be formatted to divide itself from the content below it

-
- Dividing -
Black
+

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.

+
Blue
+

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.

+
Red
+

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.

+
Green
+

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.

+
Purple
+

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.

+
Teal
+

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.

-
+
+

Block

+

A header can be formatted to create a block

Black
@@ -211,30 +246,6 @@ type : 'UI Element'

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.

- - -
-

Inverted

-

A header can have its colors inverted for contrast

-
- Black -
-
- Blue -
-
- Red -
-
- Green -
-
- Purple -
-
- Teal -
-

Black @@ -267,19 +278,28 @@ type : 'UI Element'

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.

+
-

Attached

-

A header can be attached to other content

-

- Sign Up For Our Site -

-
-

Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.

-

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.

-
-

- Thanks -

- +

Inverted

+

A header can have its colors inverted for contrast

+
+ Black +
+
+ Blue +
+
+ Red +
+
+ Green +
+
+ Purple +
+
+ Teal +
+
\ No newline at end of file diff --git a/node/src/documents/elements/segment.html b/node/src/documents/elements/segment.html index 2d2dea452..552d73915 100755 --- a/node/src/documents/elements/segment.html +++ b/node/src/documents/elements/segment.html @@ -15,12 +15,12 @@ type : 'UI Element'
- Standard + Types States Variations
-

Standard

+

Types

Segment

@@ -45,6 +45,29 @@ type : 'UI Element'
+
+

Piled

+

A segment can be formatted to look like a pile of pages

+
+

A header

+

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.

+ +

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.

+ +

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.

+
+
+ +
+

Stacked

+

A segment can be formatted to show it contains multiple pages

+
+

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.

+
+
+ + +

States

@@ -64,6 +87,14 @@ type : 'UI Element'

I'm here to tell you something, and you will probably read me first.

+ +
+

Raised

+

A segment may be formatted to raise above the page.

+
+

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.

+
+

Colored

@@ -172,24 +203,6 @@ type : 'UI Element'

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.

- -
-

Stacked

-

A segment can be formatted to show it contains multiple pages

-
-

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.

-
-
- -
-

Raised

-

A segment may be formatted to raise above the page.

-
-

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.

-
-
- -

Attached

A segment can be attached to other content on a page

diff --git a/node/src/documents/modules/dimmer.html b/node/src/documents/modules/dimmer.html index 3c435e707..4eb1d287b 100755 --- a/node/src/documents/modules/dimmer.html +++ b/node/src/documents/modules/dimmer.html @@ -98,7 +98,7 @@ type : 'UI Module'

A dimmer can show or hide itself, a can show or hide a dimmer

// 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') diff --git a/node/src/files/components/semantic/collections/table.css b/node/src/files/components/semantic/collections/table.css index 832fb8dd4..55320a1f3 100644 --- a/node/src/files/components/semantic/collections/table.css +++ b/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); - color: #EEEEEE; + -webkit-user-select: none; + -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; - margin: 0px 0px 0px 8px; - font-size: 18px; - line-height: 12px; + opacity: 0.8; + float: right; + margin: 0.25em 0em 0em 0.25em; + 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); } diff --git a/node/src/files/components/semantic/elements/header.css b/node/src/files/components/semantic/elements/header.css index 2a5457f72..d1ff0e65e 100644 --- a/node/src/files/components/semantic/elements/header.css +++ b/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; */ - - border-bottom: 0.2em solid #6ECFF5; + background-color: #E6EEF1; } .ui.black.block.header { - /* background-color: #EAEAEA; */ - - border-bottom: 0.2em solid #5C6166; + background-color: #EAEAEA; } .ui.green.block.header { - /* background-color: #EFF8E4; */ - - border-bottom: 0.2em solid #A1CF64; + background-color: #EFF8E4; } .ui.red.block.header { - /* background-color: #F6E5E8; */ - - border-bottom: 0.2em solid #EF4D6D; + background-color: #F6E5E8; } .ui.purple.block.header { - /* background-color: #EFEDF8; */ - - border-bottom: 0.2em solid #564F8A; + background-color: #EFEDF8; } .ui.teal.block.header { - /* background-color: #E9F7F6; */ - - border-bottom: 0.2em solid #00B5AD; + background-color: #E9F7F6; } .ui.blue.dividing.header { - /* background-color: #E6EEF1; */ - - border-bottom: 0.2em solid #6ECFF5; + border-bottom: 3px solid #6ECFF5; } .ui.black.dividing.header { - /* background-color: #EAEAEA; */ - - border-bottom: 0.2em solid #5C6166; + border-bottom: 3px solid #5C6166; } .ui.green.dividing.header { - /* background-color: #EFF8E4; */ - - border-bottom: 0.2em solid #A1CF64; + border-bottom: 3px solid #A1CF64; } .ui.red.dividing.header { - /* background-color: #F6E5E8; */ - - border-bottom: 0.2em solid #EF4D6D; + border-bottom: 3px solid #EF4D6D; } .ui.purple.dividing.header { - /* background-color: #EFEDF8; */ - - border-bottom: 0.2em solid #564F8A; + border-bottom: 3px solid #564F8A; } .ui.teal.dividing.header { - /* background-color: #E9F7F6; */ - - border-bottom: 0.2em solid #00B5AD; + border-bottom: 3px 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; +} diff --git a/node/src/files/components/semantic/elements/segment.css b/node/src/files/components/semantic/elements/segment.css index 349f9eca5..6cdb0b007 100644 --- a/node/src/files/components/semantic/elements/segment.css +++ b/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 --------------------*/ diff --git a/node/src/files/components/semantic/modules/dropdown.css b/node/src/files/components/semantic/modules/dropdown.css index 962486d7e..e00866df3 100644 --- a/node/src/files/components/semantic/modules/dropdown.css +++ b/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; - -moz-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 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 1px 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; diff --git a/src/collections/table.less b/src/collections/table.less index 641e007a7..ee52556db 100755 --- a/src/collections/table.less +++ b/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; - font-size: 18px; - line-height: 12px; + float: right; + margin: 0.25em 0em 0em 0.25em; + 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); } diff --git a/src/elements/header.less b/src/elements/header.less index 4ae069c3e..84b5355b8 100755 --- a/src/elements/header.less +++ b/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; */ - border-bottom: 0.2em solid #6ECFF5; + background-color: #E6EEF1; } .ui.black.block.header { - /* background-color: #EAEAEA; */ - border-bottom: 0.2em solid #5C6166; + background-color: #EAEAEA; } .ui.green.block.header { - /* background-color: #EFF8E4; */ - border-bottom: 0.2em solid #A1CF64; + background-color: #EFF8E4; } .ui.red.block.header { - /* background-color: #F6E5E8; */ - border-bottom: 0.2em solid #EF4D6D; + background-color: #F6E5E8; } .ui.purple.block.header { - /* background-color: #EFEDF8; */ - border-bottom: 0.2em solid #564F8A; + background-color: #EFEDF8; } .ui.teal.block.header { - /* background-color: #E9F7F6; */ - border-bottom: 0.2em solid #00B5AD; + background-color: #E9F7F6; } .ui.blue.dividing.header { - /* background-color: #E6EEF1; */ - border-bottom: 0.2em solid #6ECFF5; + border-bottom: 3px solid #6ECFF5; } .ui.black.dividing.header { - /* background-color: #EAEAEA; */ - border-bottom: 0.2em solid #5C6166; + border-bottom: 3px solid #5C6166; } .ui.green.dividing.header { - /* background-color: #EFF8E4; */ - border-bottom: 0.2em solid #A1CF64; + border-bottom: 3px solid #A1CF64; } .ui.red.dividing.header { - /* background-color: #F6E5E8; */ - border-bottom: 0.2em solid #EF4D6D; + border-bottom: 3px solid #EF4D6D; } .ui.purple.dividing.header { - /* background-color: #EFEDF8; */ - border-bottom: 0.2em solid #564F8A; + border-bottom: 3px solid #564F8A; } .ui.teal.dividing.header { - /* background-color: #E9F7F6; */ - border-bottom: 0.2em solid #00B5AD; + border-bottom: 3px 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 --------------------*/ @@ -322,4 +312,8 @@ h5.ui.header { } .ui.block.icon.header .icon { margin-bottom: 0em; +} + +.ui.icon.header.aligned { + display: block; } \ No newline at end of file diff --git a/src/elements/segment.less b/src/elements/segment.less index c64f6127a..15f939a30 100755 --- a/src/elements/segment.less +++ b/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 --------------------*/ diff --git a/src/modules/dropdown.less b/src/modules/dropdown.less index 1b62b2496..7daf030da 100755 --- a/src/modules/dropdown.less +++ b/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 ;
Name Status