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
18 KiB
10 lines
18 KiB
/*!
|
|
* # Semantic UI 2.0.0 - Label
|
|
* http://github.com/semantic-org/semantic-ui/
|
|
*
|
|
*
|
|
* Copyright 2015 Contributors
|
|
* Released under the MIT license
|
|
* http://opensource.org/licenses/MIT
|
|
*
|
|
*/.ui.label{display:inline-block;white-space:nowrap;line-height:1;vertical-align:baseline;margin:0 .142857em;background-color:#e8e8e8;border-color:#e8e8e8;background-image:none;padding:.5833em .833em;color:rgba(0,0,0,.6);text-transform:none;font-weight:700;border-radius:.285714rem;-webkit-transition:background .1s ease;transition:background .1s 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:.5;-webkit-transition:.1s opacity ease;transition:.1s opacity ease}.ui.label>a:hover{opacity:1}.ui.label>img{width:auto!important;vertical-align:middle;height:2.1666em!important}.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;font-size:.92857143em;opacity:.5;-webkit-transition:background .1s ease;transition:background .1s ease}.ui.label>.delete.icon:hover{opacity:1}.ui.labels>.label{margin:0 .5em .5em 0}.ui.header>.ui.label{margin-top:-.29165em}.ui.attached.segment>.ui.top.left.attached.label,.ui.bottom.attached.segment>.ui.top.left.attached.label{border-top-left-radius:0}.ui.attached.segment>.ui.top.right.attached.label,.ui.bottom.attached.segment>.ui.top.right.attached.label{border-top-right-radius:0}.ui.top.attached.segment>.ui.bottom.left.attached.label{border-bottom-left-radius:0}.ui.top.attached.segment>.ui.bottom.right.attached.label{border-bottom-right-radius: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:.5833em .833em .5833em .5em;border-radius:.285714rem;box-shadow:none}.ui.image.label img{display:inline-block;vertical-align:top;height:2.1666em;margin:-.5833em .5em -.5833em -.5em;border-radius:.285714rem 0 0 .285714rem}.ui.image.label .detail{background:rgba(0,0,0,.1);margin:-.5833em -.833em -.5833em .5em;padding:.5833em .833em;border-radius:0 .285714rem .285714rem 0}.ui.tag.label,.ui.tag.labels .label{margin-left:1em;position:relative;padding-left:1.5em;padding-right:1.5em;border-radius:0 .285714rem .285714rem 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 .1s ease;transition:background .1s 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:4em;height:4em;z-index:1;-webkit-transition:border-color .1s ease;transition:border-color .1s 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:4em solid transparent;border-bottom:4em solid transparent;border-left:0 solid transparent;border-right-color:inherit;-webkit-transition:border-color .1s ease;transition:border-color .1s ease}.ui.corner.label .icon{cursor:default;position:relative;top:.6428em;left:.7857em;font-size:1.14285714em;margin:0}.ui.left.corner.label,.ui.left.corner.label:after{right:auto;left:0}.ui.left.corner.label:after{border-top:4em solid transparent;border-right:4em solid transparent;border-bottom:0 solid transparent;border-left:0 solid transparent;border-top-color:inherit}.ui.left.corner.label .icon{left:-.7857em}.ui.segment>.ui.corner.label{top:-1px;right:-1px}.ui.segment>.ui.left.corner.label{right:auto;left:-1px}.ui.ribbon.label{position:relative;margin:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;border-radius:0 .285714rem .285714rem 0;border-color:rgba(0,0,0,.15)}.ui.ribbon.label:after{position:absolute;content:'';top:100%;left:0;background-color:transparent!important;border-style:solid;border-width:0 1.2em 1.2em 0;border-color:transparent;border-right-color:inherit;width:0;height:0}.ui.ribbon.label{left:calc(-1rem - 1.2em);margin-right:-1.2em;padding-left:calc(1rem + 1.2em);padding-right:1.2em}.ui[class*="right ribbon"].label{left:calc(100% + 1rem + 1.2em);padding-left:1.2em;padding-right:calc(1rem + 1.2em);text-align:left;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);border-radius:.285714rem 0 0 .285714rem}.ui[class*="right ribbon"].label:after{left:auto;right:0;border-style:solid;border-width:1.2em 1.2em 0 0;border-color:transparent;border-top-color:inherit}.ui.card .image>.ribbon.label,.ui.image>.ribbon.label{position:absolute;top:1rem}.ui.card .image>.ui.ribbon.label,.ui.image>.ui.ribbon.label{left:calc(.05rem - 1.2em)}.ui.card .image>.ui[class*="right ribbon"].label,.ui.image>.ui[class*="right ribbon"].label{left:calc(100% + -.05rem + 1.2em);padding-left:.833em}.ui.attached.label,.ui.top.attached.label{width:100%;position:absolute;margin:0;top:0;left:0;padding:.75em 1em;border-radius:.285714rem .285714rem 0 0}.ui.bottom.attached.label{top:auto;bottom:0;border-radius:0 0 .285714rem .285714rem}.ui.top.left.attached.label{width:auto;margin-top:0!important;border-radius:.285714rem 0}.ui.top.right.attached.label{width:auto;left:auto;right:0;border-radius:0 .285714rem}.ui.bottom.left.attached.label{width:auto;top:auto;bottom:0;border-radius:0 .285714rem}.ui.bottom.right.attached.label{top:auto;bottom:0;left:auto;right:0;width:auto;border-radius:.285714rem 0}.ui.label.disabled{opacity:.5}a.ui.label:hover,a.ui.labels .label:hover{background-color:#e0e0e0;border-color:#e0e0e0;background-image:none;color:rgba(0,0,0,.8)}.ui.labels a.label:hover:before,a.ui.label:hover:before{background-color:#e0e0e0;background-image:none;color:rgba(0,0,0,.8)}.ui.active.label{background-color:#d0d0d0;border-color:#d0d0d0;background-image:none;color:rgba(0,0,0,.95)}.ui.active.label:before{background-color:#d0d0d0;background-image:none;color:rgba(0,0,0,.95)}a.ui.active.label:hover,a.ui.labels .active.label:hover{background-color:#c8c8c8;border-color:#c8c8c8;background-image:none;color:rgba(0,0,0,.95)}.ui.labels a.active.label:ActiveHover:before,a.ui.active.label:ActiveHover:before{background-color:#c8c8c8;background-image:none;color:rgba(0,0,0,.95)}.ui.label.visible,.ui.labels.visible .label{display:inline-block!important}.ui.label.hidden,.ui.labels.hidden .label{display:none!important}.ui.red.label,.ui.red.labels .label{background-color:#db2828!important;border-color:#db2828!important;color:#fff!important}.ui.labels .red.label:before,.ui.red.label:before,.ui.red.labels .label:before{background-color:#db2828!important}.ui.red.corner.label,.ui.red.corner.label:hover{background-color:transparent!important}a.ui.red.label:hover,a.ui.red.labels .label:hover{background-color:#d41616!important;border-color:#d41616!important;color:#fff!important}.ui.labels a.red.label:hover:before,.ui.red.labels a.label:hover:before,a.ui.red.label:hover:before{background-color:#d41616!important}.ui.red.ribbon.label{border-color:#b21e1e!important}.ui.orange.label,.ui.orange.labels .label{background-color:#f2711c!important;border-color:#f2711c!important;color:#fff!important}.ui.labels .orange.label:before,.ui.orange.label:before,.ui.orange.labels .label:before{background-color:#f2711c!important}.ui.orange.corner.label,.ui.orange.corner.label:hover{background-color:transparent!important}a.ui.orange.label:hover,a.ui.orange.labels .label:hover{background-color:#f36101!important;border-color:#f36101!important;color:#fff!important}.ui.labels a.orange.label:hover:before,.ui.orange.labels a.label:hover:before,a.ui.orange.label:hover:before{background-color:#f36101!important}.ui.orange.ribbon.label{border-color:#cf590c!important}.ui.yellow.label,.ui.yellow.labels .label{background-color:#fbbd08!important;border-color:#fbbd08!important;color:#fff!important}.ui.labels .yellow.label:before,.ui.yellow.label:before,.ui.yellow.labels .label:before{background-color:#fbbd08!important}.ui.yellow.corner.label,.ui.yellow.corner.label:hover{background-color:transparent!important}a.ui.yellow.label:hover,a.ui.yellow.labels .label:hover{background-color:#eaae00!important;border-color:#eaae00!important;color:#fff!important}.ui.labels a.yellow.label:hover:before,.ui.yellow.labels a.label:hover:before,a.ui.yellow.label:hover:before{background-color:#eaae00!important}.ui.yellow.ribbon.label{border-color:#cd9903!important}.ui.olive.label,.ui.olive.labels .label{background-color:#b5cc18!important;border-color:#b5cc18!important;color:#fff!important}.ui.labels .olive.label:before,.ui.olive.label:before,.ui.olive.labels .label:before{background-color:#b5cc18!important}.ui.olive.corner.label,.ui.olive.corner.label:hover{background-color:transparent!important}a.ui.olive.label:hover,a.ui.olive.labels .label:hover{background-color:#a8bf0b!important;border-color:#a8bf0b!important;color:#fff!important}.ui.labels a.olive.label:hover:before,.ui.olive.labels a.label:hover:before,a.ui.olive.label:hover:before{background-color:#a8bf0b!important}.ui.olive.ribbon.label{border-color:#198f35!important}.ui.green.label,.ui.green.labels .label{background-color:#21ba45!important;border-color:#21ba45!important;color:#fff!important}.ui.green.label:before,.ui.green.labels .label:before,.ui.labels .green.label:before{background-color:#21ba45!important}.ui.green.corner.label,.ui.green.corner.label:hover{background-color:transparent!important}a.ui.green.label:hover,a.ui.green.labels .label:hover{background-color:#13ae38!important;border-color:#13ae38!important;color:#fff!important}.ui.green.labels a.label:hover:before,.ui.labels a.green.label:hover:before,a.ui.green.label:hover:before{background-color:#13ae38!important}.ui.green.ribbon.label{border-color:#198f35!important}.ui.teal.label,.ui.teal.labels .label{background-color:#00b5ad!important;border-color:#00b5ad!important;color:#fff!important}.ui.labels .teal.label:before,.ui.teal.label:before,.ui.teal.labels .label:before{background-color:#00b5ad!important}.ui.teal.corner.label,.ui.teal.corner.label:hover{background-color:transparent!important}a.ui.teal.label:hover,a.ui.teal.labels .label:hover{background-color:#009c95!important;border-color:#009c95!important;color:#fff!important}.ui.labels a.teal.label:hover:before,.ui.teal.labels a.label:hover:before,a.ui.teal.label:hover:before{background-color:#009c95!important}.ui.teal.ribbon.label{border-color:#00827c!important}.ui.blue.label,.ui.blue.labels .label{background-color:#2185d0!important;border-color:#2185d0!important;color:#fff!important}.ui.blue.label:before,.ui.blue.labels .label:before,.ui.labels .blue.label:before{background-color:#2185d0!important}.ui.blue.corner.label,.ui.blue.corner.label:hover{background-color:transparent!important}a.ui.blue.label:hover,a.ui.blue.labels .label:hover{background-color:#1378c5!important;border-color:#1378c5!important;color:#fff!important}.ui.blue.labels a.label:hover:before,.ui.labels a.blue.label:hover:before,a.ui.blue.label:hover:before{background-color:#1378c5!important}.ui.blue.ribbon.label{border-color:#1a69a4!important}.ui.violet.label,.ui.violet.labels .label{background-color:#6435c9!important;border-color:#6435c9!important;color:#fff!important}.ui.labels .violet.label:before,.ui.violet.label:before,.ui.violet.labels .label:before{background-color:#6435c9!important}.ui.violet.corner.label,.ui.violet.corner.label:hover{background-color:transparent!important}a.ui.violet.label:hover,a.ui.violet.labels .label:hover{background-color:#5624c0!important;border-color:#5624c0!important;color:#fff!important}.ui.labels a.violet.label:hover:before,.ui.violet.labels a.label:hover:before,a.ui.violet.label:hover:before{background-color:#5624c0!important}.ui.violet.ribbon.label{border-color:#502aa1!important}.ui.purple.label,.ui.purple.labels .label{background-color:#a333c8!important;border-color:#a333c8!important;color:#fff!important}.ui.labels .purple.label:before,.ui.purple.label:before,.ui.purple.labels .label:before{background-color:#a333c8!important}.ui.purple.corner.label,.ui.purple.corner.label:hover{background-color:transparent!important}a.ui.purple.label:hover,a.ui.purple.labels .label:hover{background-color:#9823bf!important;border-color:#9823bf!important;color:#fff!important}.ui.labels a.purple.label:hover:before,.ui.purple.labels a.label:hover:before,a.ui.purple.label:hover:before{background-color:#9823bf!important}.ui.purple.ribbon.label{border-color:#82299f!important}.ui.pink.label,.ui.pink.labels .label{background-color:#e03997!important;border-color:#e03997!important;color:#fff!important}.ui.labels .pink.label:before,.ui.pink.label:before,.ui.pink.labels .label:before{background-color:#e03997!important}.ui.pink.corner.label,.ui.pink.corner.label:hover{background-color:transparent!important}a.ui.pink.label:hover,a.ui.pink.labels .label:hover{background-color:#e9168d!important;border-color:#e9168d!important;color:#fff!important}.ui.labels a.pink.label:hover:before,.ui.pink.labels a.label:hover:before,a.ui.pink.label:hover:before{background-color:#e9168d!important}.ui.pink.ribbon.label{border-color:#c71f7e!important}.ui.brown.label,.ui.brown.labels .label{background-color:#a5673f!important;border-color:#a5673f!important;color:#fff!important}.ui.brown.label:before,.ui.brown.labels .label:before,.ui.labels .brown.label:before{background-color:#a5673f!important}.ui.brown.corner.label,.ui.brown.corner.label:hover{background-color:transparent!important}a.ui.brown.label:hover,a.ui.brown.labels .label:hover{background-color:#9d592e!important;border-color:#9d592e!important;color:#fff!important}.ui.brown.labels a.label:hover:before,.ui.labels a.brown.label:hover:before,a.ui.brown.label:hover:before{background-color:#9d592e!important}.ui.brown.ribbon.label{border-color:#805031!important}.ui.grey.label,.ui.grey.labels .label{background-color:#757676!important;border-color:#757676!important;color:#fff!important}.ui.grey.label:before,.ui.grey.labels .label:before,.ui.labels .grey.label:before{background-color:#757676!important}.ui.grey.corner.label,.ui.grey.corner.label:hover{background-color:transparent!important}a.ui.grey.label:hover,a.ui.grey.labels .label:hover{background-color:#828383!important;border-color:#828383!important;color:#fff!important}.ui.grey.labels a.label:hover:before,.ui.labels a.grey.label:hover:before,a.ui.grey.label:hover:before{background-color:#828383!important}.ui.grey.ribbon.label{border-color:#5c5c5c!important}.ui.black.label,.ui.black.labels .label{background-color:#1b1c1d!important;border-color:#1b1c1d!important;color:#fff!important}.ui.black.label:before,.ui.black.labels .label:before,.ui.labels .black.label:before{background-color:#1b1c1d!important}.ui.black.corner.label,.ui.black.corner.label:hover{background-color:transparent!important}a.ui.black.label:hover,a.ui.black.labels .label:hover{background-color:#27292a!important;border-color:#27292a!important;color:#fff!important}.ui.black.labels a.label:hover:before,.ui.labels a.black.label:hover:before,a.ui.black.label:hover:before{background-color:#27292a!important}.ui.black.ribbon.label{border-color:#5c5c5c!important}.ui.fluid.labels>.label,.ui.label.fluid{width:100%;box-sizing:border-box}.ui.inverted.label,.ui.inverted.labels .label{color:rgba(255,255,255,.9)!important}.ui.horizontal.label,.ui.horizontal.labels .label{margin:0 .5em 0 0;padding:.4em .833em;min-width:3em;text-align:center}.ui.circular.label,.ui.circular.labels .label{min-width:2em;min-height:2em;padding:.5em!important;line-height:1em;text-align:center;border-radius:500rem}.ui.empty.circular.label,.ui.empty.circular.labels .label{min-width:0;min-height:0;overflow:hidden;width:.5em;height:.5em;vertical-align:baseline}.ui.pointing.label{position:relative}.ui.attached.pointing.label{position:absolute}.ui.pointing.label:before{position:absolute;content:'';-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:2;width:.6em;height:.6em;-webkit-transition:background .1s ease;transition:background .1s ease;background-color:#e8e8e8;background-image:none}.ui.pointing.above.label,.ui.pointing.label{margin-top:1em}.ui.pointing.above.label:before,.ui.pointing.label:before{margin-left:-.3em;top:-.3em;left:50%}.ui.pointing.below.label,.ui.pointing.bottom.label{margin-top:0;margin-bottom:1em}.ui.pointing.below.label:before,.ui.pointing.bottom.label:before{margin-left:-.3em;top:auto;right:auto;bottom:-.3em;left:50%}.ui.pointing.left.label{margin-top:0;margin-left:.6em}.ui.pointing.left.label:before{margin-top:-.3em;bottom:auto;right:auto;top:50%;left:0}.ui.pointing.right.label{margin-top:0;margin-right:.6em}.ui.pointing.right.label:before{margin-top:-.3em;right:-.3em;top:50%;bottom:auto;left:auto}.ui.floating.label{position:absolute;z-index:100;top:-1em;left:100%;margin:0 0 0 -1.5em!important}.ui.mini.label,.ui.mini.labels .label{font-size:.6428rem}.ui.tiny.label,.ui.tiny.labels .label{font-size:.7142rem}.ui.small.label,.ui.small.labels .label{font-size:.7857rem}.ui.label,.ui.labels .label{font-size:.8571rem}.ui.large.label,.ui.large.labels .label{font-size:1rem}.ui.big.label,.ui.big.labels .label{font-size:1.1428rem}.ui.huge.label,.ui.huge.labels .label{font-size:1.2857rem}.ui.massive.label,.ui.massive.labels .label{font-size:1.4285rem}
|