46193ab5fe
The primary license of the project is changing to: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later with some specific files to be licensed under the one of two licenses: CC0-1.0 LGPL-3.0-or-later This commit is one of the many steps to relicense the entire codebase. Documentation granting permission for this relicensing (from all past contributors who hold copyrights) is on file with Software Freedom Conservancy, Inc.
204 lines
4.1 KiB
SCSS
204 lines
4.1 KiB
SCSS
/* License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later */
|
|
@import 'mixins';
|
|
|
|
.btn {
|
|
border: none;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
@include no-select;
|
|
@include transition(background-color, 0.2s, ease-out);
|
|
@include open-sans;
|
|
line-height: 1.3;
|
|
text-align: center;
|
|
@include border-radius(3px);
|
|
clear: both;
|
|
font-size: 14px;
|
|
color: white;
|
|
display: inline-block;
|
|
@include setBackgroundAndHover($bluegrass);
|
|
}
|
|
|
|
.btn.disabled {
|
|
background: rgba($grey, 0.4);
|
|
cursor: default;
|
|
&:hover { background:rgba($grey, 0.4); }
|
|
}
|
|
|
|
.btn-group { float: left; }
|
|
|
|
.popover {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 1060;
|
|
display: none;
|
|
max-width: 340px;
|
|
min-width: 230px;
|
|
text-align: left;
|
|
background-color: #ffffff;
|
|
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
white-space: normal;
|
|
}
|
|
.popover.top {
|
|
margin-top: -10px;
|
|
}
|
|
.popover.right {
|
|
margin-left: 10px;
|
|
}
|
|
.popover.bottom {
|
|
margin-top: 10px;
|
|
}
|
|
.popover.left {
|
|
margin-left: -10px;
|
|
}
|
|
.popover-title {
|
|
margin: 0;
|
|
padding: 9px 14px;
|
|
font-size: 17px;
|
|
background-color: $sky;
|
|
color: white;
|
|
font-weight: bold;
|
|
}
|
|
.popover-content {
|
|
padding: 9px 14px;
|
|
font-size: 15px;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.popover-navigation { overflow: auto; }
|
|
|
|
.popover-navigation *[data-role="end"] {
|
|
float: right;
|
|
clear: inherit;
|
|
@include setBackgroundAndHover($sky);
|
|
}
|
|
|
|
|
|
.popover > .arrow,
|
|
.popover > .arrow:after {
|
|
position: absolute;
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
}
|
|
.popover > .arrow {
|
|
border-width: 11px;
|
|
}
|
|
.popover > .arrow:after {
|
|
border-width: 10px;
|
|
content: "";
|
|
}
|
|
.popover.top > .arrow {
|
|
left: 50%;
|
|
margin-left: -11px;
|
|
border-bottom-width: 0;
|
|
border-top-color: #999999;
|
|
border-top-color: rgba(0, 0, 0, 0.25);
|
|
bottom: -11px;
|
|
}
|
|
.popover.top > .arrow:after {
|
|
content: " ";
|
|
bottom: 1px;
|
|
margin-left: -10px;
|
|
border-bottom-width: 0;
|
|
border-top-color: #ffffff;
|
|
}
|
|
.popover.right > .arrow {
|
|
top: 50%;
|
|
left: -11px;
|
|
margin-top: -11px;
|
|
border-left-width: 0;
|
|
border-right-color: #999999;
|
|
border-right-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.popover.right > .arrow:after {
|
|
content: " ";
|
|
left: 1px;
|
|
bottom: -10px;
|
|
border-left-width: 0;
|
|
border-right-color: #ffffff;
|
|
}
|
|
.popover.bottom > .arrow {
|
|
left: 50%;
|
|
margin-left: -11px;
|
|
border-top-width: 0;
|
|
border-bottom-color: #999999;
|
|
border-bottom-color: rgba(0, 0, 0, 0.25);
|
|
top: -11px;
|
|
}
|
|
.popover.bottom > .arrow:after {
|
|
content: " ";
|
|
top: 1px;
|
|
margin-left: -10px;
|
|
border-top-width: 0;
|
|
border-bottom-color: #ffffff;
|
|
}
|
|
.popover.left > .arrow {
|
|
top: 50%;
|
|
right: -11px;
|
|
margin-top: -11px;
|
|
border-right-width: 0;
|
|
border-left-color: #999999;
|
|
border-left-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.popover.left > .arrow:after {
|
|
content: " ";
|
|
right: 1px;
|
|
border-right-width: 0;
|
|
border-left-color: #ffffff;
|
|
bottom: -10px;
|
|
}
|
|
.tour-backdrop {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1100;
|
|
background-color: rgba(black, 0.6);
|
|
}
|
|
.tour-step-backdrop {
|
|
position: relative;
|
|
z-index: 1101;
|
|
background: inherit;
|
|
}
|
|
.tour-step-backdrop > td {
|
|
position: relative;
|
|
z-index: 1101;
|
|
}
|
|
.tour-step-background {
|
|
position: absolute !important;
|
|
z-index: 1100;
|
|
background: inherit;
|
|
border-radius: 6px;
|
|
}
|
|
.popover[class*="tour-"] {
|
|
z-index: 1100;
|
|
}
|
|
.popover[class*="tour-"] .popover-navigation {
|
|
padding: 9px 14px;
|
|
}
|
|
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
|
|
float: right;
|
|
}
|
|
.popover[class*="tour-"] .popover-navigation *[data-role="prev"],
|
|
.popover[class*="tour-"] .popover-navigation *[data-role="next"],
|
|
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
|
|
cursor: pointer;
|
|
}
|
|
.popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled,
|
|
.popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled,
|
|
.popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled {
|
|
cursor: default;
|
|
}
|
|
.popover[class*="tour-"].orphan {
|
|
position: fixed;
|
|
margin-top: 0;
|
|
}
|
|
.popover[class*="tour-"].orphan .arrow {
|
|
display: none;
|
|
}
|
|
|