2022-01-13 13:00:31 +00:00
|
|
|
/*!
|
2022-05-29 09:24:36 +00:00
|
|
|
* # Fomantic-UI 2.8.8 - Breadcrumb
|
2022-01-13 13:00:31 +00:00
|
|
|
* http://github.com/fomantic/Fomantic-UI/
|
|
|
|
|
*
|
|
|
|
|
*
|
|
|
|
|
* Released under the MIT license
|
|
|
|
|
* http://opensource.org/licenses/MIT
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*******************************
|
|
|
|
|
Breadcrumb
|
|
|
|
|
*******************************/
|
|
|
|
|
|
|
|
|
|
.ui.breadcrumb {
|
|
|
|
|
line-height: 1.4285em;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
margin: 0 0;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
}
|
|
|
|
|
.ui.breadcrumb:first-child {
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
.ui.breadcrumb:last-child {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*******************************
|
|
|
|
|
Content
|
|
|
|
|
*******************************/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Divider */
|
|
|
|
|
.ui.breadcrumb .divider {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
opacity: 0.7;
|
|
|
|
|
margin: 0 0.21428571rem 0;
|
|
|
|
|
font-size: 0.92857143em;
|
|
|
|
|
color: rgba(0, 0, 0, 0.4);
|
|
|
|
|
vertical-align: baseline;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Link */
|
|
|
|
|
.ui.breadcrumb a {
|
|
|
|
|
color: #4183C4;
|
|
|
|
|
}
|
|
|
|
|
.ui.breadcrumb a:hover {
|
|
|
|
|
color: #1e70bf;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Icon Divider */
|
|
|
|
|
.ui.breadcrumb .icon.divider {
|
|
|
|
|
font-size: 0.85714286em;
|
|
|
|
|
vertical-align: baseline;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Section */
|
|
|
|
|
.ui.breadcrumb a.section {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
.ui.breadcrumb .section {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Loose Coupling */
|
|
|
|
|
.ui.breadcrumb.segment {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding: 0.78571429em 1em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Inverted */
|
|
|
|
|
.ui.inverted.breadcrumb {
|
|
|
|
|
color: #DCDDDE;
|
|
|
|
|
}
|
|
|
|
|
.ui.inverted.breadcrumb > .active.section {
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
}
|
|
|
|
|
.ui.inverted.breadcrumb > .divider {
|
|
|
|
|
color: rgba(255, 255, 255, 0.7);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*******************************
|
|
|
|
|
States
|
|
|
|
|
*******************************/
|
|
|
|
|
|
|
|
|
|
.ui.breadcrumb .active.section {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*******************************
|
|
|
|
|
Variations
|
|
|
|
|
*******************************/
|
|
|
|
|
|
|
|
|
|
.ui.breadcrumb {
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
}
|
|
|
|
|
.ui.mini.breadcrumb {
|
|
|
|
|
font-size: 0.78571429rem;
|
|
|
|
|
}
|
|
|
|
|
.ui.tiny.breadcrumb {
|
|
|
|
|
font-size: 0.85714286rem;
|
|
|
|
|
}
|
|
|
|
|
.ui.small.breadcrumb {
|
|
|
|
|
font-size: 0.92857143rem;
|
|
|
|
|
}
|
|
|
|
|
.ui.large.breadcrumb {
|
|
|
|
|
font-size: 1.14285714rem;
|
|
|
|
|
}
|
|
|
|
|
.ui.big.breadcrumb {
|
|
|
|
|
font-size: 1.28571429rem;
|
|
|
|
|
}
|
|
|
|
|
.ui.huge.breadcrumb {
|
|
|
|
|
font-size: 1.42857143rem;
|
|
|
|
|
}
|
|
|
|
|
.ui.massive.breadcrumb {
|
|
|
|
|
font-size: 1.71428571rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*******************************
|
|
|
|
|
Theme Overrides
|
|
|
|
|
*******************************/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*******************************
|
|
|
|
|
Site Overrides
|
|
|
|
|
*******************************/
|
|
|
|
|
|
