10 lines
No EOL
8.8 KiB
CSS
10 lines
No EOL
8.8 KiB
CSS
/*!
|
|
* # Semantic UI 1.11.4 - Segment
|
|
* http://github.com/semantic-org/semantic-ui/
|
|
*
|
|
*
|
|
* Copyright 2014 Contributors
|
|
* Released under the MIT license
|
|
* http://opensource.org/licenses/MIT
|
|
*
|
|
*/.ui.segment{position:relative;background-color:#fff;box-shadow:0 0 0 1px rgba(39,41,43,.15),0 1px 2px 0 rgba(0,0,0,.05);margin:1rem 0;padding:1em;border-radius:.2857rem;border:none}.ui.segment:first-child{margin-top:0}.ui.segment:last-child{margin-bottom:0}.ui.segment:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui[class*="vertical segment"]{margin:0;padding-left:0;padding-right:0;background-color:transparent;border-radius:0;border:none;box-shadow:0 -1px 0 rgba(39,41,43,.15) inset}.ui[class*="vertical segment"]:last-child{box-shadow:none}.ui[class*="horizontal segment"]{margin:0;padding-top:0;padding-bottom:0;background-color:transparent;border-radius:0;border:none;box-shadow:1px 0 0 rgba(39,41,43,.15)}.ui.inverted.segment>.ui.header{color:#fff}.ui[class*="bottom attached"].segment>[class*="top attached"].label{border-top-left-radius:0;border-top-right-radius:0}.ui[class*="top attached"].segment>[class*="bottom attached"].label{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.attached.segment:not(.top):not(.bottom)>[class*="top attached"].label{border-top-left-radius:0;border-top-right-radius:0}.ui.attached.segment:not(.top):not(.bottom)>[class*="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.segment{margin:1rem 0;border-radius:.2857rem}.ui.basic.table.segment{background:#fff;border:none;box-shadow:0 0 0 1px rgba(39,41,43,.15),0 1px 2px 0 rgba(0,0,0,.05)}.ui[class*="very basic"].table.segment{padding:1em}.ui.piled.segment{margin:3em 0;box-shadow:0 0 1px 1px rgba(39,41,43,.15);z-index:auto}.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:0;position:absolute;width:100%;box-shadow:0 0 1px 1px rgba(39,41,43,.15)}.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[class*="top attached"].piled.segment{margin-top:3em;margin-bottom:0}.ui.piled.segment[class*="top attached"]:first-child{margin-top:0}.ui.piled.segment[class*="bottom attached"]{margin-top:0;margin-bottom:3em}.ui.piled.segment[class*="bottom attached"]:last-child{margin-bottom:0}.ui.stacked.segment{padding-bottom:1.4em}.ui.stacked.segment:after,.ui.stacked.segment:before{content:'';position:absolute;bottom:-3px;left:0;border-top:1px solid rgba(39,41,43,.15);background-color:rgba(0,0,0,.03);width:100%;height:6px;visibility:visible}.ui.stacked.segment:before{display:none}.ui.tall.stacked.segment:before{display:block;bottom:0}.ui.stacked.inverted.segment:after,.ui.stacked.inverted.segment:before{background-color:rgba(0,0,0,.03);border-top:1px solid rgba(39,41,43,.3)}.ui.compact.segment{display:table}.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(39,41,43,.15),0 1px 4px 0 rgba(0,0,0,.15)}.ui.disabled.segment{opacity:.3;color:rgba(40,40,40,.3)}.ui.loading.segment{position:relative;cursor:default;point-events:none;text-shadow:none!important;color:transparent!important;-webkit-transition:all 0s linear;transition:all 0s linear}.ui.loading.segment:before{position:absolute;content:'';top:0;left:0;background:rgba(255,255,255,.8);width:100%;height:100%;border-radius:.2857rem;z-index:100}.ui.loading.segment:after{position:absolute;content:'';top:50%;left:50%;margin:-1.5em 0 0 -1.5em;width:3em;height:3em;-webkit-animation:segment-spin .6s linear;animation:segment-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#aaa rgba(0,0,0,.1) rgba(0,0,0,.1);border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}@-webkit-keyframes segment-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes segment-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.basic.segment{position:relative;background-color:transparent;box-shadow:none;border-radius:0}.ui.fitted.segment{padding:0}.ui.black.segment:not(.inverted){border-top:2px solid #1b1c1d}.ui.blue.segment:not(.inverted){border-top:2px solid #3b83c0}.ui.green.segment:not(.inverted){border-top:2px solid #5bbd72}.ui.orange.segment:not(.inverted){border-top:2px solid #e07b53}.ui.pink.segment:not(.inverted){border-top:2px solid #d9499a}.ui.purple.segment:not(.inverted){border-top:2px solid #564f8a}.ui.red.segment:not(.inverted){border-top:2px solid #d95c5c}.ui.teal.segment:not(.inverted){border-top:2px solid #00b5ad}.ui.yellow.segment:not(.inverted){border-top:2px solid #f2c61f}.ui.black.segment:not(.inverted):not(.attached),.ui.blue.segment:not(.inverted):not(.attached),.ui.green.segment:not(.inverted):not(.attached),.ui.orange.segment:not(.inverted):not(.attached),.ui.pink.segment:not(.inverted):not(.attached),.ui.purple.segment:not(.inverted):not(.attached),.ui.red.segment:not(.inverted):not(.attached),.ui.teal.segment:not(.inverted):not(.attached),.ui.yellow.segment:not(.inverted):not(.attached){border-top-left-radius:.2857rem!important;border-top-right-radius:.2857rem!important}.ui.inverted.black.segment,.ui.inverted.segment{background-color:#1b1c1d!important;color:#fff!important}.ui.inverted.blue.segment{background-color:#3b83c0!important;color:#fff!important}.ui.inverted.green.segment{background-color:#5bbd72!important;color:#fff!important}.ui.inverted.orange.segment{background-color:#e07b53!important;color:#fff!important}.ui.inverted.pink.segment{background-color:#d9499a!important;color:#fff!important}.ui.inverted.purple.segment{background-color:#564f8a!important;color:#fff!important}.ui.inverted.red.segment{background-color:#d95c5c!important;color:#fff!important}.ui.inverted.teal.segment{background-color:#00b5ad!important;color:#fff!important}.ui.inverted.yellow.segment{background-color:#f2c61f!important;color:#fff!important}.ui[class*="left aligned"].segment{text-align:left}.ui[class*="right aligned"].segment{text-align:right}.ui[class*="center aligned"].segment{text-align:center}.ui.floated.segment,.ui[class*="left floated"].segment{float:left;margin-right:1rem}.ui[class*="right floated"].segment{float:right;margin-left:1rem}.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:#1b1c1d;color:#fff}.ui.inverted.attached.segment,.ui.inverted.block.segment{border-color:#555}.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 -1px;width:-webkit-calc(100% + 2px);width:calc(100% + 2px);max-width:-webkit-calc(100% + 2px);max-width:calc(100% + 2px);border-radius:0;box-shadow:none;border:1px solid #d4d4d5}.ui.segment.attached+.ui.segment.attached:not(.top){border-top:none}.ui[class*="top attached"].segment{top:0;bottom:0;margin-top:1rem;margin-bottom:0;border-radius:.2857rem .2857rem 0 0}.ui.segment[class*="top attached"]:first-child{margin-top:0}.ui.segment[class*="bottom attached"]{top:0;bottom:0;margin-top:0;margin-bottom:1rem;box-shadow:none,0 1px 2px 0 rgba(0,0,0,.05);border-radius:0 0 .2857rem .2857rem}.ui.segment[class*="bottom attached"]:last-child{margin-bottom:0}.ui.segments{margin:1rem 0}.ui.segments:first-child{margin-top:0}.ui.segments:last-child{margin-bottom:0}.ui.segments>.segment{top:0;bottom:0;margin:0 -1px;width:-webkit-calc(100% + 2px);width:calc(100% + 2px);max-width:-webkit-calc(100% + 2px);max-width:calc(100% + 2px);border-radius:0;box-shadow:none;border:1px solid #d4d4d5}.ui.segments>.segment:not(:first-child){border-top:none}.ui.segments>.segment:first-child{margin-top:0;bottom:0;margin-bottom:0;top:0;border-radius:.2857rem .2857rem 0 0}.ui.segments>.segment:last-child{bottom:0;margin-top:0;margin-bottom:0;top:0;box-shadow:none,0 1px 2px 0 rgba(0,0,0,.05);border-radius:0 0 .2857rem .2857rem} |