mirror of
https://github.com/Karaka-Management/cssOMS.git
synced 2026-01-11 19:18:40 +00:00
78 lines
2.0 KiB
CSS
78 lines
2.0 KiB
CSS
/* Global */
|
|
/* Content Container */
|
|
/* Content box */
|
|
/* Navigation */
|
|
/* Colors */
|
|
/* Accordion */
|
|
/* Log */
|
|
/* Blockquote */
|
|
/* Breadcrumbs */
|
|
/* Input */
|
|
/* Button */
|
|
/* Canvas */
|
|
/* Article */
|
|
/* Form */
|
|
/* Icon */
|
|
/* Img */
|
|
/* list */
|
|
/* pagination */
|
|
/* pre */
|
|
/* tag */
|
|
.crumbs-1 {
|
|
list-style: none;
|
|
overflow: hidden;
|
|
font-size: 12px; }
|
|
.crumbs-1 li {
|
|
background: #f5f5ff;
|
|
border: 1px solid #d6d6d6;
|
|
padding: 10px 10px 10px 20px;
|
|
position: relative;
|
|
display: block;
|
|
float: left;
|
|
text-shadow: -1px -1px 1px #ffffff;
|
|
cursor: pointer;
|
|
-moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
|
|
-webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
|
|
box-shadow: inset 1px 1px 0px 0px #ffffff; }
|
|
.crumbs-1 li:first-child {
|
|
-webkit-border-bottom-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
-webkit-border-top-left-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
background-clip: padding-box; }
|
|
.crumbs-1 li:not(.last):after, .crumbs-1 li:before {
|
|
content: " ";
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 18px solid transparent;
|
|
border-bottom: 17px solid transparent;
|
|
border-left: 14px solid #f5f5ff;
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -18px;
|
|
left: 100%; }
|
|
.crumbs-1 li:not(.last):after {
|
|
z-index: 2; }
|
|
.crumbs-1 li:before {
|
|
border-left-color: #d6d6d6;
|
|
margin-left: 1px;
|
|
z-index: 1; }
|
|
.crumbs-1 li.active:not(.last):after, .crumbs-1 li:hover:not(.last):after {
|
|
border-left: 14px solid #ffffff; }
|
|
.crumbs-1 .last {
|
|
padding-right: 20px;
|
|
-webkit-border-bottom-right-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
-webkit-border-top-right-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
background-clip: padding-box; }
|
|
.crumbs-1 .last:before {
|
|
border: none; }
|
|
.crumbs-1 .active {
|
|
cursor: default; }
|
|
.crumbs-1 .active, .crumbs-1 li:hover {
|
|
background: #fff; }
|
|
|
|
/*# sourceMappingURL=breadcrumb.css.map */
|