/* * # Semantic UI * Version: 0.16.1 * http://github.com/jlukic/semantic-ui * * * Copyright 2014 Contributors * Released under the MIT license * http://opensource.org/licenses/MIT * * Released: 09/09/2014 */ .ui.segment{position:relative;background-color:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.05);margin:1em 0;padding:1em;border-radius:.25em;border:none;box-sizing:border-box}.ui.segment:first-child{margin-top:0}.ui.segment:last-child{margin-bottom:0}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background-color:transparent;border-radius:0;border:none;box-shadow:0 1px 0 rgba(0,0,0,.1)}.ui.vertical.segment:first-child{padding-top:0}.ui.horizontal.segment{margin:0;padding-top:0;padding-bottom:0;background-color:transparent;border-radius:0;border:none;box-shadow:1px 0 0 rgba(0,0,0,.1)}.ui.horizontal.segment:first-child{padding-left:0}.ui.pointing.menu+.ui.attached.segment{top:1px}.ui.bottom.attached.segment>.top.attached.label{border-top-left-radius:0;border-top-right-radius:0}.ui.top.attached.segment>.bottom.attached.label{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.attached.segment:not(.top):not(.bottom)>.top.attached.label{border-top-left-radius:0;border-top-right-radius:0}.ui.attached.segment:not(.top):not(.bottom)>.bottom.attached.label{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.grid .ui.segment.column,.ui.page.grid.segment{padding-top:2em;padding-bottom:2em}.ui.grid .ui.segment.column,.ui.grid .ui.segment.row,.ui.grid.segment{border-radius:0;box-shadow:none;border:none}.ui.basic.table.segment{background:#fff;border:none;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.05)}.ui.very.basic.table.segment{padding:1em}.ui.piled.segment{margin:2em 0;box-shadow:0 0 1px 1px rgba(0,0,0,.1)}.ui.piled.segment:first-child{margin-top:0}.ui.piled.segment:last-child{margin-bottom:0}.ui.piled.segment:after,.ui.piled.segment:before{background-color:#fff;visibility:visible;content:"";display:block;height:100%;left:-1px;position:absolute;width:100%;box-shadow:0 0 1px 1px rgba(0,0,0,.1)}.ui.piled.segment:after{-webkit-transform:rotate(1.2deg);-ms-transform:rotate(1.2deg);transform:rotate(1.2deg);top:0;z-index:-1}.ui.piled.segment:before{-webkit-transform:rotate(-1.2deg);-ms-transform:rotate(-1.2deg);transform:rotate(-1.2deg);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,.03);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(0,0,0,.03);border-top:1px solid rgba(0,0,0,.2)}.ui.circular.segment{display:table-cell;padding:2em;text-align:center;vertical-align:middle;border-radius:500em}.ui.raised.segment{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 1px 4px 0 rgba(0,0,0,.15)}.ui.disabled.segment{opacity:.3;color:rgba(0,0,0,.2)}.ui.basic.segment{position:relative;background-color:transparent;box-shadow:none;border-radius:0}.ui.basic.segment:first-child{padding-top:0}.ui.basic.segment:last-child{padding-bottom:0}.ui.fitted.segment{padding:0}.ui.black.segment:not(.inverted){border-top:2px solid #191919;border-radius:0 0 .25em .25em!important}.ui.blue.segment:not(.inverted){border-top:2px solid #0074d9;border-radius:0 0 .25em .25em!important}.ui.green.segment:not(.inverted){border-top:2px solid #2ecc40;border-radius:0 0 .25em .25em!important}.ui.orange.segment:not(.inverted){border-top:2px solid #ff851b;border-radius:0 0 .25em .25em!important}.ui.pink.segment:not(.inverted){border-top:2px solid #d9499a;border-radius:0 0 .25em .25em!important}.ui.purple.segment:not(.inverted){border-top:2px solid #a24096;border-radius:0 0 .25em .25em!important}.ui.red.segment:not(.inverted){border-top:2px solid #ff4136;border-radius:0 0 .25em .25em!important}.ui.teal.segment:not(.inverted){border-top:2px solid #39cccc;border-radius:0 0 .25em .25em!important}.ui.yellow.segment:not(.inverted){border-top:2px solid #ffcb08;border-radius:0 0 .25em .25em!important}.ui.inverted.black.segment,.ui.inverted.segment{background-color:#191919!important;color:#fff!important}.ui.inverted.blue.segment{background-color:#0074d9!important;color:#fff!important}.ui.inverted.green.segment{background-color:#2ecc40!important;color:#fff!important}.ui.inverted.orange.segment{background-color:#ff851b!important;color:#fff!important}.ui.inverted.pink.segment{background-color:#d9499a!important;color:#fff!important}.ui.inverted.purple.segment{background-color:#a24096!important;color:#fff!important}.ui.inverted.red.segment{background-color:#ff4136!important;color:#fff!important}.ui.inverted.teal.segment{background-color:#39cccc!important;color:#fff!important}.ui.inverted.yellow.segment{background-color:#ffcb08!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.inverted.segment{border:none;box-shadow:none}.ui.inverted.segment .segment{color:rgba(0,0,0,.8)}.ui.inverted.segment .inverted.segment{color:#fff}.ui.inverted.segment,.ui.primary.inverted.segment{background-color:#191919;color:#fff}.ui.inverted.attached.segment,.ui.inverted.block.segment{box-shadow:none!important}.ui.secondary.segment{background:#faf9fa;color:rgba(0,0,0,.8)}.ui.tertiary.segment{background:#ebebeb;color:rgba(0,0,0,.8)}.ui.secondary.inverted.segment{background:-webkit-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background:linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);color:#fafafa}.ui.tertiary.inverted.segment{background:-webkit-linear-gradient(rgba(255,255,255,.5) 0,rgba(255,255,255,.5) 100%);background:linear-gradient(rgba(255,255,255,.5) 0,rgba(255,255,255,.5) 100%);color:#f0f0f0}.ui.segment.attached{top:0;bottom:0;margin:0;border-radius:0;box-shadow:0 0 0 1px #ddd}.ui.top.attached.segment{top:0;bottom:0;margin-top:1em;margin-bottom:0;border-radius:.25em .25em 0 0}.ui.segment.top.attached:first-child{margin-top:0}.ui.segment.bottom.attached{top:0;bottom:0;margin-top:0;margin-bottom:1em;box-shadow:0 0 0 1px #ddd,0 1px 2px 0 rgba(0,0,0,.05);border-radius:0 0 .25em .25em}.ui.segment.bottom.attached:last-child{margin-bottom:0}