You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

13 lines
6.7 KiB

10 years ago
10 years ago
10 years ago
  1. /*
  2. * # Semantic UI
  3. * Version: 0.16.1
  4. * http://github.com/jlukic/semantic-ui
  5. *
  6. *
  7. * Copyright 2014 Contributors
  8. * Released under the MIT license
  9. * http://opensource.org/licenses/MIT
  10. *
  11. * Released: 10/02/2014
  12. */
  13. .ui.segment{position:relative;background-color:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 2px 0 rgba(0,0,0,.05);margin:1rem 0;padding:1em;border-radius:.25rem;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.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,.15)}.ui.vertical.segment:first-child{padding-top:0}.ui.vertical.segment:last-child{padding-bottom:0;box-shadow:none}.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,.15)}.ui.pointing.menu+.ui.attached.segment{top:1px}.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:.25rem}.ui.basic.table.segment{background:#fff;border:none;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 2px 0 rgba(0,0,0,.05)}.ui[class*="very basic"].table.segment{padding:1em}.ui.piled.segment{margin:2em 0;box-shadow:0 0 1px 1px rgba(0,0,0,.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(0,0,0,.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.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(0,0,0,.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(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,.15),0 1px 4px 0 rgba(0,0,0,.15)}.ui.disabled.segment{opacity:.3;color:rgba(40,40,40,.3)}.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 #1b1c1d;border-radius:0 0 .25rem .25rem!important}.ui.blue.segment:not(.inverted){border-top:2px solid #3b83c0;border-radius:0 0 .25rem .25rem!important}.ui.green.segment:not(.inverted){border-top:2px solid #5bbd72;border-radius:0 0 .25rem .25rem!important}.ui.orange.segment:not(.inverted){border-top:2px solid #e07b53;border-radius:0 0 .25rem .25rem!important}.ui.pink.segment:not(.inverted){border-top:2px solid #d9499a;border-radius:0 0 .25rem .25rem!important}.ui.purple.segment:not(.inverted){border-top:2px solid #564f8a;border-radius:0 0 .25rem .25rem!important}.ui.red.segment:not(.inverted){border-top:2px solid #d95c5c;border-radius:0 0 .25rem .25rem!important}.ui.teal.segment:not(.inverted){border-top:2px solid #00b5ad;border-radius:0 0 .25rem .25rem!important}.ui.yellow.segment:not(.in