|
|
@ -12175,6 +12175,7 @@ img.ui.bordered.image { |
|
|
|
/* Ribbon */ |
|
|
|
/* Attached */ |
|
|
|
/* Corner */ |
|
|
|
/* Corner Text */ |
|
|
|
/* Horizontal */ |
|
|
|
/* Circular Padding */ |
|
|
|
/* Pointing */ |
|
|
@ -12235,8 +12236,8 @@ a.ui.label { |
|
|
|
cursor: pointer; |
|
|
|
color: inherit; |
|
|
|
opacity: 0.8; |
|
|
|
-webkit-transition: 0.2s opacity ease; |
|
|
|
transition: 0.2s opacity ease; |
|
|
|
-webkit-transition: 0.25s opacity ease; |
|
|
|
transition: 0.25s opacity ease; |
|
|
|
} |
|
|
|
.ui.label a:hover { |
|
|
|
opacity: 1; |
|
|
@ -12257,6 +12258,7 @@ a.ui.label { |
|
|
|
margin: 0em 0.25em 0em 0em; |
|
|
|
} |
|
|
|
/* Removable label */ |
|
|
|
.ui.label .close.icon, |
|
|
|
.ui.label .delete.icon { |
|
|
|
cursor: pointer; |
|
|
|
margin-right: 0em; |
|
|
@ -12280,10 +12282,10 @@ a.ui.label { |
|
|
|
Coupling |
|
|
|
--------------------*/ |
|
|
|
/* Padding on next content after a label */ |
|
|
|
.ui.segment > .top.attached.label:not(.right):not(.left):first-child + * { |
|
|
|
.ui.segment > .top.attached.label:first-child + * { |
|
|
|
margin-top: 2.5em; |
|
|
|
} |
|
|
|
.ui.segment > .bottom.attached.label:not(.right):not(.left):first-child ~ :last-child { |
|
|
|
.ui.segment > .bottom.attached.label:first-child ~ :last-child { |
|
|
|
margin-top: 0em; |
|
|
|
margin-bottom: 2.5em; |
|
|
|
} |
|
|
@ -12291,71 +12293,30 @@ a.ui.label { |
|
|
|
Types |
|
|
|
*******************************/ |
|
|
|
.ui.image.label { |
|
|
|
background: #e8e8e8; |
|
|
|
width: auto !important; |
|
|
|
margin-top: 0em; |
|
|
|
margin-bottom: 0em; |
|
|
|
padding: 0.6em 0.8em 0.6em 0.5em; |
|
|
|
max-width: 9999px; |
|
|
|
vertical-align: baseline; |
|
|
|
text-transform: none; |
|
|
|
border-radius: 500rem; |
|
|
|
background: #e8e8e8; |
|
|
|
padding: 0.6em 0.8em 0.6em 0.5em; |
|
|
|
border-radius: 0.325em; |
|
|
|
box-shadow: none; |
|
|
|
} |
|
|
|
.ui.image.label img { |
|
|
|
display: inline-block; |
|
|
|
vertical-align: top; |
|
|
|
height: 2.2em; |
|
|
|
margin: -0.6em 0.5em -0.6em -0.5em; |
|
|
|
vertical-align: top; |
|
|
|
border-radius: 500rem; |
|
|
|
border-radius: 0.325em; |
|
|
|
} |
|
|
|
.ui.image.label .detail { |
|
|
|
background: rgba(0, 0, 0, 0.1); |
|
|
|
margin: -0.6em -0.8em -0.6em 0.5em; |
|
|
|
padding: 0.6em 0.8em; |
|
|
|
border-radius: 0em 500rem 500rem 0em; |
|
|
|
} |
|
|
|
/******************************* |
|
|
|
States |
|
|
|
*******************************/ |
|
|
|
/*------------------- |
|
|
|
Disabled |
|
|
|
--------------------*/ |
|
|
|
.ui.label.disabled { |
|
|
|
opacity: 0.5; |
|
|
|
} |
|
|
|
/*------------------- |
|
|
|
Hover |
|
|
|
--------------------*/ |
|
|
|
a.ui.labels .label:hover, |
|
|
|
a.ui.label:hover { |
|
|
|
background-color: #e0e0e0; |
|
|
|
border-color: #e0e0e0; |
|
|
|
background-image: none; |
|
|
|
color: rgba(0, 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, 0.8); |
|
|
|
} |
|
|
|
/*------------------- |
|
|
|
Visible |
|
|
|
--------------------*/ |
|
|
|
.ui.labels.visible .label, |
|
|
|
.ui.label.visible { |
|
|
|
display: inline-block !important; |
|
|
|
border-radius: 0em 0.325em 0.325em 0em; |
|
|
|
} |
|
|
|
/*------------------- |
|
|
|
Hidden |
|
|
|
--------------------*/ |
|
|
|
.ui.labels.hidden .label, |
|
|
|
.ui.label.hidden { |
|
|
|
display: none !important; |
|
|
|
} |
|
|
|
/******************************* |
|
|
|
Variations |
|
|
|
*******************************/ |
|
|
|
/*------------------- |
|
|
|
Tag |
|
|
|
--------------------*/ |
|
|
@ -12375,8 +12336,8 @@ a.ui.label:hover:before { |
|
|
|
content: ''; |
|
|
|
background-color: #e8e8e8; |
|
|
|
background-image: none; |
|
|
|
width: 1.75em; |
|
|
|
height: 1.75em; |
|
|
|
width: 1.55em; |
|
|
|
height: 1.55em; |
|
|
|
-webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg); |
|
|
|
-ms-transform: translateY(-50%) translateX(50%) rotate(-45deg); |
|
|
|
transform: translateY(-50%) translateX(50%) rotate(-45deg); |
|
|
@ -12392,12 +12353,142 @@ a.ui.label:hover:before { |
|
|
|
top: 50%; |
|
|
|
left: -0.25em; |
|
|
|
margin-top: -0.25em; |
|
|
|
background-color: #ffffff; |
|
|
|
background-color: #ffffff !important; |
|
|
|
width: 0.5em; |
|
|
|
height: 0.5em; |
|
|
|
box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); |
|
|
|
border-radius: 500rem; |
|
|
|
} |
|
|
|
/*------------------- |
|
|
|
Corner Label |
|
|
|
--------------------*/ |
|
|
|
.ui.corner.label { |
|
|
|
position: absolute; |
|
|
|
top: 0em; |
|
|
|
right: 0em; |
|
|
|
z-index: 10; |
|
|
|
margin: 0em; |
|
|
|
width: 3.25em; |
|
|
|
height: 3.25em; |
|
|
|
padding: 0em; |
|
|
|
text-align: center; |
|
|
|
-webkit-transition: color 0.25s ease; |
|
|
|
transition: color 0.25s ease; |
|
|
|
} |
|
|
|
/* Icon Label */ |
|
|
|
.ui.corner.label:not(.text) { |
|
|
|
background-color: transparent !important; |
|
|
|
} |
|
|
|
.ui.corner.label:not(.text):after { |
|
|
|
position: absolute; |
|
|
|
content: ""; |
|
|
|
right: 0em; |
|
|
|
top: 0em; |
|
|
|
z-index: -1; |
|
|
|
width: 0em; |
|
|
|
height: 0em; |
|
|
|
background-color: transparent !important; |
|
|
|
border-top: 0em solid transparent; |
|
|
|
border-right: 3.25em solid transparent; |
|
|
|
border-bottom: 3.25em solid transparent; |
|
|
|
border-left: 0em solid transparent; |
|
|
|
border-right-color: inherit; |
|
|
|
-webkit-transition: border-color 0.25s ease; |
|
|
|
transition: border-color 0.25s ease; |
|
|
|
} |
|
|
|
.ui.corner.label .icon { |
|
|
|
position: relative; |
|
|
|
top: 0.4em; |
|
|
|
left: 0.75em; |
|
|
|
font-size: 1em; |
|
|
|
margin: 0em; |
|
|
|
} |
|
|
|
/* Text Label */ |
|
|
|
.ui.text.corner.label { |
|
|
|
font-weight: bold; |
|
|
|
text-align: center; |
|
|
|
padding: 0.25em 0; |
|
|
|
top: 1.1em; |
|
|
|
-webkit-transform: rotate(45deg); |
|
|
|
-ms-transform: rotate(45deg); |
|
|
|
transform: rotate(45deg); |
|
|
|
width: 4em; |
|
|
|
height: auto; |
|
|
|
} |
|
|
|
.ui.left.text.corner.label { |
|
|
|
-webkit-transform: rotate(-45deg); |
|
|
|
-ms-transform: rotate(-45deg); |
|
|
|
transform: rotate(-45deg); |
|
|
|
} |
|
|
|
/*.ui.text.corner.label:before, |
|
|
|
.ui.text.corner.label:after { |
|
|
|
position: absolute; |
|
|
|
content: ''; |
|
|
|
top: 0em; |
|
|
|
width: 0em; |
|
|
|
height: 0em; |
|
|
|
} |
|
|
|
.ui.text.corner.label:before { |
|
|
|
left: auto; |
|
|
|
right: 100%; |
|
|
|
border-top: 0em solid transparent; |
|
|
|
border-right-width: @ribbonTriangleSize; |
|
|
|
border-right-color: inherit; |
|
|
|
border-right-style: solid; |
|
|
|
border-bottom: @ribbonTriangleSize solid transparent; |
|
|
|
border-left: 0em solid transparent; |
|
|
|
} |
|
|
|
.ui.text.corner.label:after { |
|
|
|
left: 100%; |
|
|
|
right: auto; |
|
|
|
border-top: 0em solid transparent; |
|
|
|
border-right-width: @ribbonTriangleSize; |
|
|
|
border-right-color: inherit; |
|
|
|
border-right-style: solid; |
|
|
|
border-bottom: @ribbonTriangleSize solid transparent; |
|
|
|
border-left: 0em solid transparent; |
|
|
|
} |
|
|
|
*/ |
|
|
|
/* Left Corner */ |
|
|
|
.ui.left.corner.label, |
|
|
|
.ui.left.corner.label:after { |
|
|
|
right: auto; |
|
|
|
left: 0em; |
|
|
|
} |
|
|
|
.ui.left.corner.label:after { |
|
|
|
border-top: 3.25em solid transparent; |
|
|
|
border-right: 3.25em solid transparent; |
|
|
|
border-bottom: 0em solid transparent; |
|
|
|
border-left: 0em solid transparent; |
|
|
|
border-top-color: inherit; |
|
|
|
} |
|
|
|
.ui.left.corner.label .icon { |
|
|
|
left: -0.75em; |
|
|
|
} |
|
|
|
/* Coupling */ |
|
|
|
.ui.rounded.image > .ui.corner.label, |
|
|
|
.ui.input > .ui.corner.label, |
|
|
|
.ui.segment > .ui.corner.label { |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
/* Segment */ |
|
|
|
.ui.segment > .ui.corner.label { |
|
|
|
top: -1px; |
|
|
|
right: -1px; |
|
|
|
} |
|
|
|
.ui.segment > .ui.left.corner.label { |
|
|
|
right: auto; |
|
|
|
left: -1px; |
|
|
|
} |
|
|
|
/* Input */ |
|
|
|
.ui.input > .ui.corner.label { |
|
|
|
top: 1px; |
|
|
|
right: 1px; |
|
|
|
} |
|
|
|
.ui.input > .ui.right.corner.label { |
|
|
|
right: auto; |
|
|
|
left: 1px; |
|
|
|
} |
|
|
|
/*------------------- |
|
|
|
Ribbon |
|
|
|
--------------------*/ |
|
|
@ -12414,6 +12505,7 @@ a.ui.label:hover:before { |
|
|
|
content: ""; |
|
|
|
top: 100%; |
|
|
|
left: 0%; |
|
|
|
background-color: transparent !important; |
|
|
|
border-top: 0em solid transparent; |
|
|
|
border-right-width: 1.3em; |
|
|
|
border-right-color: inherit; |
|
|
@ -12466,125 +12558,48 @@ a.ui.label:hover:before { |
|
|
|
width: auto; |
|
|
|
border-radius: 0.325em 0em 0.325em 0em; |
|
|
|
} |
|
|
|
/******************************* |
|
|
|
States |
|
|
|
*******************************/ |
|
|
|
/*------------------- |
|
|
|
Corner Label |
|
|
|
Disabled |
|
|
|
--------------------*/ |
|
|
|
.ui.corner.label { |
|
|
|
background-color: transparent; |
|
|
|
position: absolute; |
|
|
|
top: 0em; |
|
|
|
right: 0em; |
|
|
|
z-index: 10; |
|
|
|
margin: 0em; |
|
|
|
width: 2.5em; |
|
|
|
height: 2.5em; |
|
|
|
padding: 0em; |
|
|
|
text-align: center; |
|
|
|
-webkit-transition: color 0.2s ease; |
|
|
|
transition: color 0.2s ease; |
|
|
|
} |
|
|
|
.ui.corner.label:after { |
|
|
|
position: absolute; |
|
|
|
content: ""; |
|
|
|
right: 0em; |
|
|
|
top: 0em; |
|
|
|
z-index: -1; |
|
|
|
width: 0em; |
|
|
|
height: 0em; |
|
|
|
border-top: 0em solid transparent; |
|
|
|
border-right: 2.5em solid transparent; |
|
|
|
border-bottom: 2.5em solid transparent; |
|
|
|
border-left: 0em solid transparent; |
|
|
|
border-right-color: inherit; |
|
|
|
-webkit-transition: border-color 0.2s ease; |
|
|
|
transition: border-color 0.2s ease; |
|
|
|
} |
|
|
|
.ui.corner.label .icon { |
|
|
|
position: relative; |
|
|
|
top: 0.1em; |
|
|
|
left: 0.95em; |
|
|
|
font-size: 0.7em; |
|
|
|
margin: 0em; |
|
|
|
} |
|
|
|
.ui.corner.label .text { |
|
|
|
display: inline-block; |
|
|
|
position: relative; |
|
|
|
top: 0.1em; |
|
|
|
left: 0.95em; |
|
|
|
margin: 0em; |
|
|
|
width: 3em; |
|
|
|
font-size: 0.7em; |
|
|
|
font-weight: bold; |
|
|
|
text-align: center; |
|
|
|
-webkit-transform: rotate(45deg); |
|
|
|
-ms-transform: rotate(45deg); |
|
|
|
transform: rotate(45deg); |
|
|
|
} |
|
|
|
/* Left Corner */ |
|
|
|
.ui.left.corner.label, |
|
|
|
.ui.left.corner.label:after { |
|
|
|
right: auto; |
|
|
|
left: 0em; |
|
|
|
} |
|
|
|
.ui.left.corner.label:after { |
|
|
|
border-top: 2.5em solid transparent; |
|
|
|
border-right: 2.5em solid transparent; |
|
|
|
border-bottom: 0em solid transparent; |
|
|
|
border-left: 0em solid transparent; |
|
|
|
border-top-color: inherit; |
|
|
|
} |
|
|
|
.ui.left.corner.label .icon { |
|
|
|
left: -0.95em; |
|
|
|
} |
|
|
|
.ui.left.corner.label .text { |
|
|
|
left: -0.95em; |
|
|
|
-webkit-transform: rotate(-45deg); |
|
|
|
-ms-transform: rotate(-45deg); |
|
|
|
transform: rotate(-45deg); |
|
|
|
} |
|
|
|
/* Coupling */ |
|
|
|
.ui.rounded.image > .ui.corner.label, |
|
|
|
.ui.input > .ui.corner.label, |
|
|
|
.ui.segment > .ui.corner.label { |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
/* Corner Segment Label */ |
|
|
|
.ui.segment > .ui.corner.label { |
|
|
|
top: -1px; |
|
|
|
right: -1px; |
|
|
|
} |
|
|
|
.ui.segment > .ui.left.corner.label { |
|
|
|
right: auto; |
|
|
|
left: -1px; |
|
|
|
} |
|
|
|
/* Corner Input Label */ |
|
|
|
.ui.input > .ui.corner.label { |
|
|
|
top: 1px; |
|
|
|
right: 1px; |
|
|
|
.ui.label.disabled { |
|
|
|
opacity: 0.5; |
|
|
|
} |
|
|
|
.ui.input > .ui.right.corner.label { |
|
|
|
right: auto; |
|
|
|
left: 1px; |
|
|
|
/*------------------- |
|
|
|
Hover |
|
|
|
--------------------*/ |
|
|
|
a.ui.labels .label:hover, |
|
|
|
a.ui.label:hover { |
|
|
|
background-color: #e0e0e0; |
|
|
|
border-color: #e0e0e0; |
|
|
|
background-image: none; |
|
|
|
color: rgba(0, 0, 0, 0.8); |
|
|
|
} |
|
|
|
/* Hover */ |
|
|
|
.ui.corner.label:hover { |
|
|
|
background-color: transparent; |
|
|
|
.ui.labels a.label:hover:before, |
|
|
|
a.ui.label:hover:before { |
|
|
|
background-color: #e0e0e0; |
|
|
|
background-image: none; |
|
|
|
color: rgba(0, 0, 0, 0.8); |
|
|
|
} |
|
|
|
/*------------------- |
|
|
|
Fluid |
|
|
|
Visible |
|
|
|
--------------------*/ |
|
|
|
.ui.label.fluid, |
|
|
|
.ui.fluid.labels > .label { |
|
|
|
width: 100%; |
|
|
|
box-sizing: border-box; |
|
|
|
.ui.labels.visible .label, |
|
|
|
.ui.label.visible { |
|
|
|
display: inline-block !important; |
|
|
|
} |
|
|
|
/*------------------- |
|
|
|
Inverted |
|
|
|
Hidden |
|
|
|
--------------------*/ |
|
|
|
.ui.inverted.labels .label, |
|
|
|
.ui.inverted.label { |
|
|
|
color: #ffffff !important; |
|
|
|
.ui.labels.hidden .label, |
|
|
|
.ui.label.hidden { |
|
|
|
display: none !important; |
|
|
|
} |
|
|
|
/******************************* |
|
|
|
Variations |
|
|
|
*******************************/ |
|
|
|
/*------------------- |
|
|
|
Colors |
|
|
|
--------------------*/ |
|
|
@ -12596,8 +12611,11 @@ a.ui.label:hover:before { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
.ui.labels .black.label:before, |
|
|
|
.ui.labels .black.label:after, |
|
|
|
.ui.black.labels .label:before, |
|
|
|
.ui.black.label:before { |
|
|
|
.ui.black.labels .label:after, |
|
|
|
.ui.black.label:before, |
|
|
|
.ui.black.label:after { |
|
|
|
background-color: #191919 !important; |
|
|
|
} |
|
|
|
a.ui.black.labels .label:hover, |
|
|
@ -12606,9 +12624,12 @@ a.ui.black.label:hover { |
|
|
|
border-color: #262626 !important; |
|
|
|
} |
|
|
|
.ui.labels a.black.label:hover:before, |
|
|
|
.ui.labels a.black.label:hover:after, |
|
|
|
.ui.black.labels a.label:hover:before, |
|
|
|
a.ui.black.label:hover:before { |
|
|
|
background-color: #262626 !important; |
|
|
|
.ui.black.labels a.label:hover:after, |
|
|
|
a.ui.black.label:hover:before, |
|
|
|
a.ui.black.label:hover:after { |
|
|
|
background-color: #262626; |
|
|
|
} |
|
|
|
.ui.black.corner.label, |
|
|
|
.ui.black.corner.label:hover { |
|
|
@ -12625,8 +12646,11 @@ a.ui.black.label:hover:before { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
.ui.labels .blue.label:before, |
|
|
|
.ui.labels .blue.label:after, |
|
|
|
.ui.blue.labels .label:before, |
|
|
|
.ui.blue.label:before { |
|
|
|
.ui.blue.labels .label:after, |
|
|
|
.ui.blue.label:before, |
|
|
|
.ui.blue.label:after { |
|
|
|
background-color: #0074d9 !important; |
|
|
|
} |
|
|
|
a.ui.blue.labels .label:hover, |
|
|
@ -12637,9 +12661,12 @@ a.ui.blue.label:hover { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
.ui.labels a.blue.label:hover:before, |
|
|
|
.ui.labels a.blue.label:hover:after, |
|
|
|
.ui.blue.labels a.label:hover:before, |
|
|
|
a.ui.blue.label:hover:before { |
|
|
|
background-color: #0082f3 !important; |
|
|
|
.ui.blue.labels a.label:hover:after, |
|
|
|
a.ui.blue.label:hover:before, |
|
|
|
a.ui.blue.label:hover:after { |
|
|
|
background-color: #0082f3; |
|
|
|
} |
|
|
|
.ui.blue.corner.label, |
|
|
|
.ui.blue.corner.label:hover { |
|
|
@ -12656,8 +12683,11 @@ a.ui.blue.label:hover:before { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
.ui.labels .green.label:before, |
|
|
|
.ui.labels .green.label:after, |
|
|
|
.ui.green.labels .label:before, |
|
|
|
.ui.green.label:before { |
|
|
|
.ui.green.labels .label:after, |
|
|
|
.ui.green.label:before, |
|
|
|
.ui.green.label:after { |
|
|
|
background-color: #2ecc40 !important; |
|
|
|
} |
|
|
|
a.ui.green.labels .label:hover, |
|
|
@ -12666,9 +12696,12 @@ a.ui.green.label:hover { |
|
|
|
border-color: #40d451 !important; |
|
|
|
} |
|
|
|
.ui.labels a.green.label:hover:before, |
|
|
|
.ui.labels a.green.label:hover:after, |
|
|
|
.ui.green.labels a.label:hover:before, |
|
|
|
a.ui.green.label:hover:before { |
|
|
|
background-color: #40d451 !important; |
|
|
|
.ui.green.labels a.label:hover:after, |
|
|
|
a.ui.green.label:hover:before, |
|
|
|
a.ui.green.label:hover:after { |
|
|
|
background-color: #40d451; |
|
|
|
} |
|
|
|
.ui.green.corner.label, |
|
|
|
.ui.green.corner.label:hover { |
|
|
@ -12685,8 +12718,11 @@ a.ui.green.label:hover:before { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
.ui.labels .orange.label:before, |
|
|
|
.ui.labels .orange.label:after, |
|
|
|
.ui.orange.labels .label:before, |
|
|
|
.ui.orange.label:before { |
|
|
|
.ui.orange.labels .label:after, |
|
|
|
.ui.orange.label:before, |
|
|
|
.ui.orange.label:after { |
|
|
|
background-color: #ff851b !important; |
|
|
|
} |
|
|
|
a.ui.orange.labels .label:hover, |
|
|
@ -12697,9 +12733,12 @@ a.ui.orange.label:hover { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
.ui.labels a.orange.label:hover:before, |
|
|
|
.ui.labels a.orange.label:hover:after, |
|
|
|
.ui.orange.labels a.label:hover:before, |
|
|
|
a.ui.orange.label:hover:before { |
|
|
|
background-color: #ff9335 !important; |
|
|
|
.ui.orange.labels a.label:hover:after, |
|
|
|
a.ui.orange.label:hover:before, |
|
|
|
a.ui.orange.label:hover:after { |
|
|
|
background-color: #ff9335; |
|
|
|
} |
|
|
|
.ui.orange.corner.label, |
|
|
|
.ui.orange.corner.label:hover { |
|
|
@ -12716,8 +12755,11 @@ a.ui.orange.label:hover:before { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
.ui.labels .pink.label:before, |
|
|
|
.ui.labels .pink.label:after, |
|
|
|
.ui.pink.labels .label:before, |
|
|
|
.ui.pink.label:before { |
|
|
|
.ui.pink.labels .label:after, |
|
|
|
.ui.pink.label:before, |
|
|
|
.ui.pink.label:after { |
|
|
|
background-color: #d9499a !important; |
|
|
|
} |
|
|
|
a.ui.pink.labels .label:hover, |
|
|
@ -12728,9 +12770,12 @@ a.ui.pink.label:hover { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
.ui.labels a.pink.label:hover:before, |
|
|
|
.ui.labels a.pink.label:hover:after, |
|
|
|
.ui.pink.labels a.label:hover:before, |
|
|
|
a.ui.pink.label:hover:before { |
|
|
|
background-color: #dd5ea6 !important; |
|
|
|
.ui.pink.labels a.label:hover:after, |
|
|
|
a.ui.pink.label:hover:before, |
|
|
|
a.ui.pink.label:hover:after { |
|
|
|
background-color: #dd5ea6; |
|
|
|
} |
|
|
|
.ui.pink.corner.label, |
|
|
|
.ui.pink.corner.label:hover { |
|
|
@ -12747,8 +12792,11 @@ a.ui.pink.label:hover:before { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
.ui.labels .purple.label:before, |
|
|
|
.ui.labels .purple.label:after, |
|
|
|
.ui.purple.labels .label:before, |
|
|
|
.ui.purple.label:before { |
|
|
|
.ui.purple.labels .label:after, |
|
|
|
.ui.purple.label:before, |
|
|
|
.ui.purple.label:after { |
|
|
|
background-color: #a24096 !important; |
|
|
|
} |
|
|
|
a.ui.purple.labels .label:hover, |
|
|
@ -12759,9 +12807,12 @@ a.ui.purple.label:hover { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
.ui.labels a.purple.label:hover:before, |
|
|
|
.ui.labels a.purple.label:hover:after, |
|
|
|
.ui.purple.labels a.label:hover:before, |
|
|
|
a.ui.purple.label:hover:before { |
|
|
|
background-color: #b447a7 !important; |
|
|
|
.ui.purple.labels a.label:hover:after, |
|
|
|
a.ui.purple.label:hover:before, |
|
|
|
a.ui.purple.label:hover:after { |
|
|
|
background-color: #b447a7; |
|
|
|
} |
|
|
|
.ui.purple.corner.label, |
|
|
|
.ui.purple.corner.label:hover { |
|
|
@ -12778,8 +12829,11 @@ a.ui.purple.label:hover:before { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
.ui.labels .red.label:before, |
|
|
|
.ui.labels .red.label:after, |
|
|
|
.ui.red.labels .label:before, |
|
|
|
.ui.red.label:before { |
|
|
|
.ui.red.labels .label:after, |
|
|
|
.ui.red.label:before, |
|
|
|
.ui.red.label:after { |
|
|
|
background-color: #ff4136 !important; |
|
|
|
} |
|
|
|
.ui.red.corner.label, |
|
|
@ -12793,9 +12847,12 @@ a.ui.red.label:hover { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
.ui.labels a.red.label:hover:before, |
|
|
|
.ui.labels a.red.label:hover:after, |
|
|
|
.ui.red.labels a.label:hover:before, |
|
|
|
a.ui.red.label:hover:before { |
|
|
|
background-color: #ff5950 !important; |
|
|
|
.ui.red.labels a.label:hover:after, |
|
|
|
a.ui.red.label:hover:before, |
|
|
|
a.ui.red.label:hover:after { |
|
|
|
background-color: #ff5950; |
|
|
|
} |
|
|
|
.ui.red.ribbon.label { |
|
|
|
border-color: #ff5950 !important; |
|
|
@ -12808,8 +12865,11 @@ a.ui.red.label:hover:before { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
.ui.labels .teal.label:before, |
|
|
|
.ui.labels .teal.label:after, |
|
|
|
.ui.teal.labels .label:before, |
|
|
|
.ui.teal.label:before { |
|
|
|
.ui.teal.labels .label:after, |
|
|
|
.ui.teal.label:before, |
|
|
|
.ui.teal.label:after { |
|
|
|
background-color: #39cccc !important; |
|
|
|
} |
|
|
|
a.ui.teal.labels .label:hover, |
|
|
@ -12820,9 +12880,12 @@ a.ui.teal.label:hover { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
.ui.labels a.teal.label:hover:before, |
|
|
|
.ui.labels a.teal.label:hover:after, |
|
|
|
.ui.teal.labels a.label:hover:before, |
|
|
|
a.ui.teal.label:hover:before { |
|
|
|
background-color: #4dd1d1 !important; |
|
|
|
.ui.teal.labels a.label:hover:after, |
|
|
|
a.ui.teal.label:hover:before, |
|
|
|
a.ui.teal.label:hover:after { |
|
|
|
background-color: #4dd1d1; |
|
|
|
} |
|
|
|
.ui.teal.corner.label, |
|
|
|
.ui.teal.corner.label:hover { |
|
|
@ -12839,8 +12902,11 @@ a.ui.teal.label:hover:before { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
.ui.labels .yellow.label:before, |
|
|
|
.ui.labels .yellow.label:after, |
|
|
|
.ui.yellow.labels .label:before, |
|
|
|
.ui.yellow.label:before { |
|
|
|
.ui.yellow.labels .label:after, |
|
|
|
.ui.yellow.label:before, |
|
|
|
.ui.yellow.label:after { |
|
|
|
background-color: #ffcb08 !important; |
|
|
|
} |
|
|
|
a.ui.yellow.labels .label:hover, |
|
|
@ -12851,9 +12917,12 @@ a.ui.yellow.label:hover { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
.ui.labels a.yellow.label:hover:before, |
|
|
|
.ui.labels a.yellow.label:hover:after, |
|
|
|
.ui.yellow.labels a.label:hover:before, |
|
|
|
a.ui.yellow.label:hover:before { |
|
|
|
background-color: #ffd021 !important; |
|
|
|
.ui.yellow.labels a.label:hover:after, |
|
|
|
a.ui.yellow.label:hover:before, |
|
|
|
a.ui.yellow.label:hover:after { |
|
|
|
background-color: #ffd021; |
|
|
|
} |
|
|
|
.ui.yellow.corner.label, |
|
|
|
.ui.yellow.corner.label:hover { |
|
|
@ -12862,6 +12931,21 @@ a.ui.yellow.label:hover:before { |
|
|
|
.ui.yellow.ribbon.label { |
|
|
|
border-color: #4dd1d1 !important; |
|
|
|
} |
|
|
|
/*------------------- |
|
|
|
Fluid |
|
|
|
--------------------*/ |
|
|
|
.ui.label.fluid, |
|
|
|
.ui.fluid.labels > .label { |
|
|
|
width: 100%; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
/*------------------- |
|
|
|
Inverted |
|
|
|
--------------------*/ |
|
|
|
.ui.inverted.labels .label, |
|
|
|
.ui.inverted.label { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
/*------------------- |
|
|
|
Horizontal |
|
|
|
--------------------*/ |
|
|
@ -12978,6 +13062,10 @@ a.ui.yellow.label:hover:before { |
|
|
|
/*------------------- |
|
|
|
Sizes |
|
|
|
--------------------*/ |
|
|
|
.ui.mini.labels .label, |
|
|
|
.ui.mini.label { |
|
|
|
font-size: 0.7rem; |
|
|
|
} |
|
|
|
.ui.tiny.labels .label, |
|
|
|
.ui.tiny.label { |
|
|
|
font-size: 0.75rem; |
|
|
@ -12992,31 +13080,35 @@ a.ui.yellow.label:hover:before { |
|
|
|
} |
|
|
|
.ui.large.labels .label, |
|
|
|
.ui.large.label { |
|
|
|
font-size: 0.9rem; |
|
|
|
font-size: 1rem; |
|
|
|
} |
|
|
|
.ui.huge.labels .label, |
|
|
|
.ui.huge.label { |
|
|
|
font-size: 1rem; |
|
|
|
font-size: 1.25rem; |
|
|
|
} |
|
|
|
.ui.mini.corner.labels .label, |
|
|
|
.ui.mini.corner.label { |
|
|
|
font-size: 0.7rem; |
|
|
|
} |
|
|
|
.ui.tiny.corner.labels .label, |
|
|
|
.ui.tiny.corner.label { |
|
|
|
font-size: 0.9rem; |
|
|
|
font-size: 0.75rem; |
|
|
|
} |
|
|
|
.ui.small.corner.labels .label, |
|
|
|
.ui.small.corner.label { |
|
|
|
font-size: 0.96rem; |
|
|
|
font-size: 0.8rem; |
|
|
|
} |
|
|
|
.ui.corner.labels .label, |
|
|
|
.ui.corner.label { |
|
|
|
font-size: 1.05rem; |
|
|
|
font-size: 0.875rem; |
|
|
|
} |
|
|
|
.ui.large.corner.labels .label, |
|
|
|
.ui.large.corner.label { |
|
|
|
font-size: 1.08rem; |
|
|
|
font-size: 1rem; |
|
|
|
} |
|
|
|
.ui.huge.corner.labels .label, |
|
|
|
.ui.huge.corner.label { |
|
|
|
font-size: 1.2rem; |
|
|
|
font-size: 1.25rem; |
|
|
|
} |
|
|
|
/******************************* |
|
|
|
Overrides |
|
|
|