mirror of
https://github.com/ansible/awx.git
synced 2026-02-17 03:00:04 -03:30
83 lines
1.8 KiB
Plaintext
83 lines
1.8 KiB
Plaintext
/*********************************************
|
|
* Copyright (c) 2014 AnsibleWorks, Inc.
|
|
*
|
|
* breadcrumbs.less
|
|
*
|
|
* custom breadcrumbs
|
|
*
|
|
* JT-- 7/22/14 -- changed the breadcrumbs to be all white with grey outline
|
|
*
|
|
*/
|
|
|
|
.ansible-breadcrumb {
|
|
list-style: none;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
margin: 0 0 15px 0;
|
|
}
|
|
.ansible-breadcrumb li {
|
|
float: left;
|
|
height: 26px;
|
|
margin-top: 3px;
|
|
margin-bottom: 3px;
|
|
}
|
|
.ansible-breadcrumb li a {
|
|
color: @black;
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
padding: 3px 8px 3px 20px;
|
|
background: @white; /* fallback color */
|
|
position: relative;
|
|
left: 0;
|
|
top: 0;
|
|
display: block;
|
|
border-style: solid;
|
|
border-color: @grey;
|
|
border-width: thin;
|
|
float: left;
|
|
}
|
|
.ansible-breadcrumb li:first-child a{
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
|
|
.ansible-breadcrumb li.active a {
|
|
background: @white;
|
|
color: @black;
|
|
font-weight: bold;
|
|
}
|
|
.ansible-breadcrumb li a:after {
|
|
content: " ";
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 13px dashed transparent; /* Go big on the size, and let overflow hide */
|
|
border-bottom: 13px dashed transparent;
|
|
border-left: 10px solid @white;
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -13px;
|
|
left: 100%;
|
|
z-index: 2;
|
|
}
|
|
.ansible-breadcrumb li.active a:after {
|
|
border-left: 10px solid @white
|
|
}
|
|
.ansible-breadcrumb li a:before {
|
|
content: " ";
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 13px dashed transparent;
|
|
border-bottom: 13px dashed transparent;
|
|
border-left: 11px solid @grey;
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -13px;
|
|
margin-left: 1px;
|
|
left: 100%;
|
|
z-index: 1;
|
|
}
|
|
.ansible-breadcrumb li.active a:before {
|
|
border-left: 11px solid @grey;
|
|
} |