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
12 KiB

11 years ago
11 years ago
11 years ago
10 years ago
11 years ago
11 years ago
  1. /*
  2. * # Semantic UI
  3. * Version: 0.17.0
  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: 05/09/2014
  12. */
  13. .ui.label{display:inline-block;vertical-align:middle;margin:-.25em .25em 0;background-color:#E8E8E8;border-color:#E8E8E8;padding:.5em .8em;color:rgba(0,0,0,.65);text-transform:uppercase;font-weight:400;border-radius:.325em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;transition:background .1s linear}.ui.label:first-child{margin-right:0}.ui.label:last-child{margin-left:0}a.ui.label{cursor:pointer}.ui.label a{cursor:pointer;color:inherit;opacity:.8;-webkit-transition:.2s opacity ease;-moz-transition:.2s opacity ease;transition:.2s opacity ease}.ui.label a:hover{opacity:1}.ui.label .detail{display:inline-block;margin-right:.5em;font-weight:700;opacity:.8}.ui.label .icon{width:auto}.ui.label .delete.icon{cursor:pointer;margin:0 .5em 0 0;opacity:.7;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;transition:background .1s linear}.ui.label .delete.icon:hover{opacity:.99}.ui.segment>.attached.label:first-child+*{margin-top:2.5em}.ui.segment>.bottom.attached.label:first-child~:last-child{margin-top:0;margin-bottom:2.5em}.ui.image.label{width:auto!important;margin-top:0;margin-bottom:0;padding-top:.4em;padding-bottom:.4em;line-height:1.5em;vertical-align:baseline;text-transform:none;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1)inset;box-shadow:0 0 0 1px rgba(0,0,0,.1)inset}.ui.image.label img{display:inline-block;height:2.25em;margin:-.4em -.8em -.4em .8em;vertical-align:top;border-radius:.325em 0 0 .325em}.ui.label.disabled{opacity:.5}a.ui.label:hover,a.ui.labels .label:hover{background-color:#E0E0E0;border-color:#E0E0E0;color:rgba(0,0,0,.7)}.ui.labels a.label:hover:before,a.ui.label:hover:before{background-color:#E0E0E0;color:rgba(0,0,0,.7)}.ui.label.visible,.ui.labels.visible .label{display:inline-block!important}.ui.label.hidden,.ui.labels.hidden .label{display:none!important}.ui.tag.label,.ui.tag.labels .label{margin-right:1em;position:relative;padding:.33em 1.4em .33em 1.3em;border-radius:0 3px 3px 0}.ui.tag.label:before,.ui.tag.labels .label:before{position:absolute;top:.3em;right:.3em;content:'';margin-right:-1em;background-image:none;width:1.5em;height:1.5em;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background .1s linear;-moz-transition:background .1s linear;transition:background .1s linear}.ui.tag.label:after,.ui.tag.labels .label:after{position:absolute;content:'';top:50%;right:-.25em;margin-top:-.3em;background-color:#FFF;width:.55em;height:.55em;-webkit-box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);border-radius:100px}.ui.ribbon.label{position:relative;margin:0 .2em;right:-2rem;padding-right:2rem;border-radius:4px 0 0 4px;border-color:rgba(0,0,0,.15)}.ui.ribbon.label:after{position:absolute;content:"";top:100%;right:0;border-top:0 solid transparent;border-left-width:1em;border-left-color:inherit;border-left-style:solid;border-bottom:1em solid transparent;border-right:0 solid transparent;width:0;height:0}.ui.attached.label,.ui.top.attached.label{width:100%;position:absolute;margin:0;top:0;right:0;padding:.75em 1em;border-radius:4px 4px 0}.ui.bottom.attached.label{top:auto 0;bottom:0;border-radius:0 0 4px}.ui.top.left.attached.label{width:auto 4px;margin-top:0!important;border-radius:0}.ui.top.right.attached.label{width:auto 4px;right:auto;left:0;border-radius:4px}.ui.bottom.left.attached.label{width:auto 0;top:auto;bottom:0;border-radius:0 4px 4px}.ui.bottom.right.attached.label{top:auto 0;bottom:0;right:auto;left:0;width:auto;border-radius:0}.ui.corner.label{background-color:transparent 4px;position:absolute;top:0;left:0;z-index:10;margin:0;width:3em;height:3em;padding:0;text-align:center;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;transition:color .2s ease}.ui.corner.label:after{position:absolute;content:"";left:0;top:0;z-index:-1;width:0;height:0;border-top:0 solid transparent;border-left:3em solid transparent