78 lines
2.1 KiB
CSS
78 lines
2.1 KiB
CSS
.shepherd-header,
|
|
.shepherd-content {
|
|
background:var(--secondary-background);
|
|
padding: 0px;
|
|
|
|
}
|
|
|
|
.shepherd-element,
|
|
.shepherd-content {
|
|
border-radius:var(--box-radius);
|
|
}
|
|
|
|
.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before,
|
|
.shepherd-element.shepherd-has-title[data-popper-placement^=top]>.shepherd-arrow:before,
|
|
.shepherd-element.shepherd-has-title[data-popper-placement^=left]>.shepherd-arrow:before,
|
|
.shepherd-element.shepherd-has-title[data-popper-placement^=right]>.shepherd-arrow:before,
|
|
.shepherd-arrow:before {
|
|
background:var(--secondary-background);
|
|
}
|
|
|
|
.shepherd-title,
|
|
.shepherd-text {
|
|
font-size: var(--font-size-l);
|
|
line-height: var(--line-height-normal);
|
|
padding:16px;
|
|
color:var(--primary-font-color);
|
|
}
|
|
|
|
.shepherd-title {
|
|
font-size:var(--font-size-l);
|
|
font-weight:var(--font-weight-bold);
|
|
color:var(--main-action-color);
|
|
}
|
|
|
|
.shepherd-has-title .shepherd-content .shepherd-header {
|
|
padding:0px;
|
|
background:var(--element-gradient);
|
|
border-top-left-radius: var(--box-radius);
|
|
border-top-right-radius: var(--box-radius);
|
|
}
|
|
|
|
.shepherd-button {
|
|
background:var(--main-action-bg);
|
|
color:var(--main-action-color);
|
|
border-radius: var(--input-radius);
|
|
padding: 4px 12px;
|
|
font-weight:var(--font-weight-bold);
|
|
line-height:20px;
|
|
border: 1px solid var(--main-action-bg);
|
|
}
|
|
|
|
.shepherd-button.shepherd-button-secondary {
|
|
border-radius: var(--input-radius);
|
|
border:1px solid var(--secondary-action-bg);
|
|
}
|
|
|
|
.shepherd-enabled.shepherd-element {
|
|
box-shadow:var(--large-shadow);
|
|
-webkit-filter: drop-shadow(0 0px 15px rgba(0, 0, 0, 0.4));
|
|
filter: drop-shadow(0 0px 15px rgba(0, 0, 0, 0.4));
|
|
}
|
|
|
|
.shepherd-button:not(:disabled):hover {
|
|
background:var(--main-action-hover-bg);
|
|
color:var(--main-action-hover-color);
|
|
}
|
|
|
|
.shepherd-has-title .shepherd-content .shepherd-cancel-icon {
|
|
color:var(--main-action-color);
|
|
width:16px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover {
|
|
background: none;
|
|
opacity:var(--opacity-subtle);
|
|
}
|