Selected Area
popular shortcuts
403
Forbidden
Access to this resource on the server is denied!
.shadow {
position: fixed; top: 0; width: 100%; left: 0; background: rgba(255, 255, 255, 0.22); height: 100%; cursor: crosshair; z-index: 2147483647;
}
.region {
cursor: crosshair; z-index: 2147483647; border: 3px dashed #F8C847; position: fixed; background-color: rgba(38, 37, 37, 0.69);
}
p {
margin: 0;
}
.shortcutHint {
background-color: #333;
border: 1px solid #fff;
border-radius: 8px;
width: 302px;
padding: 16px;
display: flex;
flex-direction: column;
gap: 16px;
}
.shortcutHint.selected {
.buttons {
display: flex !important;
}
}
.baseText {
font-family: Tahoma, sans-serif;
color: #fff;
font-size: 12px;
font-weight: 400;
}
header {
display: flex;
justify-content: space-between;
div {
display: flex;
align-items: center;
}
.close {
cursor: pointer;
}
p {
color: #fff;
font-family: Tahoma, sans-serif;
font-size: 9px;
font-weight: 700;
margin-left: 3px;
}
img {
width: 16px;
height: 16px;
}
}
.dontShow {
display: flex;
align-items: center;
justify-content: space-between;
height: 25px;
.buttons {
display: none;
align-items: center;
gap: 8px;
button {
border: none;
padding: 4px 12px;
border-radius: 4px;
font-family: Tahoma, sans-serif;
font-size: 14px;
font-weight: 400;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
user-select: none;
}
.closeButton {
background-color: #fff;
color: #333;
}
.closeButton:hover {
background-color: #FAE5AB;
}
.closeButton:active {
background-color: #F8C847;
}
.resetButton {
background-color: #5C5C5E;
color: #fff;
}
.resetButton:hover {
background-color: #6C6C70;
}
.resetButton:active {
background-color: #F8C847;
color: #333;
}
}
label {
display: flex;
align-items: center;
user-select: none;
width: 150px;
cursor: pointer;
input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 16px;
height: 16px;
border: 2px solid #C4C4C4;
background: transparent;
border-radius: 4px;
display: inline-block;
cursor: pointer;
position: relative;
}
input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 4px;
top: 1px;
width: 3px;
height: 7px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
p {
color: #fff;
font-family: Tahoma, sans-serif;
font-size: 13px;
font-weight: 400;
}
}
}
.dropdown.releaseSelect {
.select {
display: flex !important;
}
.chevron {
transform: rotate(180deg);
}
}
.dropdown {
display: flex;
flex-direction: column;
justify-content: center;
background-color: #5C5C5E;
border-radius: 4px;
position: relative;
padding: 8px;
.select {
display: none;
flex-direction: column;
justify-content: center;
gap: 10px;
.shortcut.apply {
.applied {
display: flex !important;
}
}
.shortcut {
color: #fff;
font-size: 14px;
font-family: Tahoma, sans-serif;
display: flex;
align-items: center;
cursor: pointer;
position: relative;
.applied {
color: #F8C847;
font-family: Tahoma, sans-serif;
font-size: 12px;
font-weight: 700;
display: none;
align-items: center;
position: absolute;
right: 0;
svg {
margin-left: 4px;
}
}
input[type="radio"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 16px;
height: 16px;
border: 1px solid white;
border-radius: 50%;
display: inline-block;
position: relative;
cursor: pointer;
margin: 0 8px 0 0;
}
input[type="radio"]:checked::before {
content: "";
width: 8px;
height: 8px;
background: white;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
span {
border: 1px solid #A89971;
border-radius: 4px;
padding: 0 8px;
}
}
}
.mainView {
display: flex;
align-items: center;
cursor: pointer;
user-select: none;
.chevron {
position: absolute;
right: 8px;
top: 8px;
}
.currentType {
display: flex;
align-items: center;
p {
color: #FAE5AB;
font-family: Tahoma, sans-serif;
font-size: 12px;
font-weight: 700;
margin-left: 3px;
}
}
.popular {
color: #fff;
font-family: Tahoma, sans-serif;
font-size: 12px;
font-weight: 700;
margin-left: 4px;
}
}
}
Capture It
Did you know that 62% of users set shortcuts for undefined capture?
You can apply one of the popular shortcuts: