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.

10 lines
13 KiB

10 years ago
10 years ago
10 years ago
  1. /*
  2. * # Semantic UI
  3. * https://github.com/Semantic-Org/Semantic-UI
  4. * http://beta.semantic-ui.com/
  5. *
  6. * Copyright 2014 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. .ui.label{display:inline-block;vertical-align:baseline;line-height:1;margin:0 .125em;background-color:#e8e8e8;border-color:#e8e8e8;background-image:none;padding:.6em .8em;color:rgba(0,0,0,.6);text-transform:none;font-weight:700;border-radius:.2857rem;box-sizing:border-box;-webkit-transition:background .2s ease;transition:background .2s ease}.ui.label:first-child{margin-left:0}.ui.label:last-child{margin-right:0}a.ui.label{cursor:pointer}.ui.label a{cursor:pointer;color:inherit;opacity:.8;-webkit-transition:.2s opacity ease;transition:.2s opacity ease}.ui.label a:hover{opacity:1}.ui.label .icon{width:auto;margin:0 .75em 0 0}.ui.label .detail{display:inline-block;vertical-align:top;font-weight:700;margin-left:1em;opacity:.8}.ui.label .detail .icon{margin:0 .25em 0 0}.ui.label .close.icon,.ui.label .delete.icon{cursor:pointer;margin-right:0;margin-left:.5em;opacity:.8;-webkit-transition:background .2s ease;transition:background .2s ease}.ui.label .delete.icon:hover{opacity:1}.ui.labels .label{margin:0 .5em .75em 0}.ui.top.attached.label:first-child+:not(.attached){margin-top:2rem!important}.ui.bottom.attached.label:first-child~:last-child:not(.attached){margin-top:0;margin-bottom:2rem!important}.ui.image.label{width:auto!important;margin-top:0;margin-bottom:0;max-width:9999px;vertical-align:baseline;text-transform:none;background:#e8e8e8;padding:.6em .8em .6em .5em;border-radius:.2857rem;box-shadow:none}.ui.image.label img{display:inline-block;vertical-align:top;height:2.2em;margin:-.6em .5em -.6em -.5em;border-radius:.2857rem}.ui.image.label .detail{background:rgba(0,0,0,.1);margin:-.6em -.8em -.6em .5em;padding:.6em .8em;border-radius:0 .2857rem .2857rem 0}.ui.tag.label,.ui.tag.labels .label{margin-left:1em;position:relative;padding-left:1.5em;padding-right:1.5em;border-radius:0 .2857rem .2857rem 0}.ui.tag.label:before,.ui.tag.labels .label:before{position:absolute;-webkit-transform:translateY(-50%) translateX(50%) rotate(-45deg);-ms-transform:translateY(-50%) translateX(50%) rotate(-45deg);transform:translateY(-50%) translateX(50%) rotate(-45deg);top:50%;right:100%;content:'';background-color:#e8e8e8;background-image:none;width:1.56em;height:1.56em;-webkit-transition:background .2s ease;transition:background .2s ease}.ui.tag.label:after,.ui.tag.labels .label:after{position:absolute;content:'';top:50%;left:-.25em;margin-top:-.25em;background-color:#fff!important;width:.5em;height:.5em;box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);border-radius:500rem}.ui.corner.label{position:absolute;top:0;right:0;margin:0;padding:0;text-align:center;width:3.25em;height:3.25em;z-index:10;-webkit-transition:border-color .2s ease;transition:border-color .2s ease;background-color:transparent!important}.ui.corner.label:after{position:absolute;content:"";right:0;top:0;z-index:-1;width:0;height:0;background-color:transparent!important;border-top:0 solid transparent;border-right:3.25em solid transparent;border-bottom:3.25em solid transparent;border-left:0 solid transparent;border-right-color:inherit;-webkit-transition:border-color .2s ease;transition:border-color .2s ease}.ui.corner.label .icon{position:relative;top:.4em;left:.75em;font-size:1em;margin:0}.ui.left.corner.label,.ui.left.corner.label:after{right:auto;left:0}.ui.left.corner.label:after{border-top:3.25em solid transparent;border-right:3.25em solid transparent;border-bottom:0 solid transparent;border-left:0 solid transparent;border-top-color:inherit}.ui.left.corner.label .icon{left:-.75em}.ui.segment>.ui.corner.label{top:-1px;right:-1px}.ui.segment>.ui.left.corner.label{right:auto;left:-1px}.ui.input>.ui.corner.label{top:1px;right:1px}.ui.input>.ui.right.corner.label{right:auto;left:1px}.ui.ribbon.label{position:relative;margin:0;left:-2rem;padding-left:2rem;border-radius:0 .2857rem .2857rem 0;border-color:rgba(0,0,0,.15)}.ui.ribbon.label:after{position:absolute;content:"";top:100%;left:0;background-color:transparent!important;border-top:0 solid transparent;border-right-width:1.2em;border-right-color:inherit;border-right-style:solid;border-bottom:1.2em solid transparent;border-left:0 solid