10 lines
No EOL
15 KiB
CSS
10 lines
No EOL
15 KiB
CSS
/*!
|
|
* # Semantic UI 1.11.4 - Label
|
|
* http://github.com/semantic-org/semantic-ui/
|
|
*
|
|
*
|
|
* Copyright 2014 Contributors
|
|
* Released under the MIT license
|
|
* http://opensource.org/licenses/MIT
|
|
*
|
|
*/.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.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:.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:1;-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;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;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-style:solid;border-width:0 1.2em 1.2em 0;border-color:transparent;border-right-color:inherit;width:0;height:0}.ui[class*="right ribbon"].label{text-align:left;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);border-radius:.2857rem 0 0 .2857rem;padding-left:.8em}.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.ribbon.label{left:-webkit-calc(-1rem - 1.2em);left:calc(-1rem - 1.2em);margin-right:-1.2em;padding-left:-webkit-calc(1rem + 1.2em);padding-left:calc(1rem + 1.2em)}.ui[class*="right ribbon"].label{left:-webkit-calc(100% + 1rem + 1.2em);left:calc(100% + 1rem + 1.2em);padding-right:-webkit-calc(1rem + 1.2em);padding-right:calc(1rem + 1.2em)}.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:-webkit-calc(.05rem - 1.2em);left:calc(.05rem - 1.2em);padding-left:-webkit-calc(-.05rem + 1.2em);padding-left:calc(-.05rem + 1.2em)}.ui.card .image>.ui[class*="right ribbon"].label,.ui.image>.ui[class*="right ribbon"].label{left:-webkit-calc(100% + -.05rem + 1.2em);left:calc(100% + -.05rem + 1.2em);padding-left:.8em;padding-right:-webkit-calc(-.05rem + 1.2em);padding-right:calc(-.05rem + 1.2em)}.ui.attached.label,.ui.top.attached.label{width:100%;position:absolute;margin:0;top:0;left:0;padding:.75em 1em;border-radius:.2857rem .2857rem 0 0}.ui.bottom.attached.label{top:auto;bottom:0;border-radius:0 0 .2857rem .2857rem}.ui.top.left.attached.label{width:auto;margin-top:0!important;border-radius:.2857rem 0}.ui.top.right.attached.label{width:auto;left:auto;right:0;border-radius:0 .2857rem}.ui.bottom.left.attached.label{width:auto;top:auto;bottom:0;border-radius:0 .2857rem}.ui.bottom.right.attached.label{top:auto;bottom:0;left:auto;right:0;width:auto;border-radius:.2857rem 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.label.visible,.ui.labels.visible .label{display:inline-block!important}.ui.label.hidden,.ui.labels.hidden .label{display:none!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}a.ui.black.label:hover,a.ui.black.labels .label:hover{background-color:#1b1c1d!important;border-color:#1b1c1d!important}.ui.black.labels a.label:hover:before,.ui.labels a.black.label:hover:before,a.ui.black.label:hover:before{background-color:#1b1c1d!important}.ui.black.corner.label,.ui.black.corner.label:hover{background-color:transparent!important}.ui.black.ribbon.label{border-color:#020203!important}.ui.blue.label,.ui.blue.labels .label{background-color:#3b83c0!important;border-color:#3b83c0!important;color:#fff!important}.ui.blue.label:before,.ui.blue.labels .label:before,.ui.labels .blue.label:before{background-color:#3b83c0!important}.ui.blue.labels a.label:hover,a.ui.blue.label:hover,a.ui.blue.labels .label:hover{background-color:#458ac6!important;border-color:#458ac6!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:#458ac6!important}.ui.blue.corner.label,.ui.blue.corner.label:hover{background-color:transparent!important}.ui.blue.ribbon.label{border-color:#2f6899!important}.ui.green.label,.ui.green.labels .label{background-color:#5bbd72!important;border-color:#5bbd72!important;color:#fff!important}.ui.green.label:before,.ui.green.labels .label:before,.ui.labels .green.label:before{background-color:#5bbd72!important}a.ui.green.label:hover,a.ui.green.labels .label:hover{background-color:#66c17b!important;border-color:#66c17b!important}.ui.green.labels a.label:hover:before,.ui.labels a.green.label:hover:before,a.ui.green.label:hover:before{background-color:#66c17b!important}.ui.green.corner.label,.ui.green.corner.label:hover{background-color:transparent!important}.ui.green.ribbon.label{border-color:#42a359!important}.ui.orange.label,.ui.orange.labels .label{background-color:#e07b53!important;border-color:#e07b53!important;color:#fff!important}.ui.labels .orange.label:before,.ui.orange.label:before,.ui.orange.labels .label:before{background-color:#e07b53!important}.ui.orange.labels a.label:hover,a.ui.orange.label:hover,a.ui.orange.labels .label:hover{background-color:#e28560!important;border-color:#e28560!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:#e28560!important}.ui.orange.corner.label,.ui.orange.corner.label:hover{background-color:transparent!important}.ui.orange.ribbon.label{border-color:#d85a28!important}.ui.pink.label,.ui.pink.labels .label{background-color:#d9499a!important;border-color:#d9499a!important;color:#fff!important}.ui.labels .pink.label:before,.ui.pink.label:before,.ui.pink.labels .label:before{background-color:#d9499a!important}.ui.pink.labels a.label:hover,a.ui.pink.label:hover,a.ui.pink.labels .label:hover{background-color:#dc56a1!important;border-color:#dc56a1!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:#dc56a1!important}.ui.pink.corner.label,.ui.pink.corner.label:hover{background-color:transparent!important}.ui.pink.ribbon.label{border-color:#c62981!important}.ui.purple.label,.ui.purple.labels .label{background-color:#564f8a!important;border-color:#564f8a!important;color:#fff!important}.ui.labels .purple.label:before,.ui.purple.label:before,.ui.purple.labels .label:before{background-color:#564f8a!important}.ui.purple.labels a.label:hover,a.ui.purple.label:hover,a.ui.purple.labels .label:hover{background-color:#5c5594!important;border-color:#5c5594!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:#5c5594!important}.ui.purple.corner.label,.ui.purple.corner.label:hover{background-color:transparent!important}.ui.purple.ribbon.label{border-color:#423c6a!important}.ui.red.label,.ui.red.labels .label{background-color:#d95c5c!important;border-color:#d95c5c!important;color:#fff!important}.ui.labels .red.label:before,.ui.red.label:before,.ui.red.labels .label:before{background-color:#d95c5c!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:#dc6868!important;border-color:#dc6868!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:#dc6868!important}.ui.red.ribbon.label{border-color:#cf3333!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.labels a.label:hover,a.ui.teal.label:hover,a.ui.teal.labels .label:hover{background-color:#00c4bc!important;border-color:#00c4bc!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:#00c4bc!important}.ui.teal.corner.label,.ui.teal.corner.label:hover{background-color:transparent!important}.ui.teal.ribbon.label{border-color:#00827c!important}.ui.yellow.label,.ui.yellow.labels .label{background-color:#f2c61f!important;border-color:#f2c61f!important;color:#fff!important}.ui.labels .yellow.label:before,.ui.yellow.label:before,.ui.yellow.labels .label:before{background-color:#f2c61f!important}.ui.yellow.labels a.label:hover,a.ui.yellow.label:hover,a.ui.yellow.labels .label:hover{background-color:#f3ca2d!important;border-color:#f3ca2d!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:#f3ca2d!important}.ui.yellow.corner.label,.ui.yellow.corner.label:hover{background-color:transparent!important}.ui.yellow.ribbon.label{border-color:#d2a90c!important}.ui.fluid.labels>.label,.ui.label.fluid{width:100%;box-sizing:border-box}.ui.inverted.label,.ui.inverted.labels .label{color:#fff!important}.ui.horizontal.label,.ui.horizontal.labels .label{margin:0 .5em 0 0;padding:.4em .8em;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 .2s ease;transition:background .2s 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} |