179 lines
2.7 KiB
SCSS
179 lines
2.7 KiB
SCSS
|
//
|
||
|
// Modal dialogs
|
||
|
//
|
||
|
.lightbox {
|
||
|
background-color: rgba(0, 0, 0, 0.4);
|
||
|
}
|
||
|
.flashspot {
|
||
|
background-color: white;
|
||
|
}
|
||
|
|
||
|
.modal-dialog {
|
||
|
background-color: $bg_color;
|
||
|
border: 1px solid $borders_color;
|
||
|
border-radius: 3px;
|
||
|
padding: 5px 10px;
|
||
|
|
||
|
> StBoxLayout:first-child {
|
||
|
padding: 10px;
|
||
|
}
|
||
|
|
||
|
&-button-box {
|
||
|
spacing: 0;
|
||
|
margin: 0px;
|
||
|
padding: 10px;
|
||
|
border: none;
|
||
|
background-color: $bg_color;
|
||
|
|
||
|
.modal-dialog-button {
|
||
|
padding-top: 0;
|
||
|
padding-bottom: 0;
|
||
|
height: 30px;
|
||
|
|
||
|
@extend %button;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.confirm-dialog-title {
|
||
|
text-align: center;
|
||
|
font-weight: bold;
|
||
|
font-size: 1.3em;
|
||
|
padding-bottom: 12px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
//
|
||
|
// Run dialog
|
||
|
//
|
||
|
.run-dialog {
|
||
|
padding: 10px 15px 10px 15px;
|
||
|
border: 1px solid $borders_color;
|
||
|
border-radius: 3px;
|
||
|
background-color: $bg_color;
|
||
|
|
||
|
> * {
|
||
|
padding: 0;
|
||
|
}
|
||
|
|
||
|
&-label {
|
||
|
font-size: 1.3em;
|
||
|
font-weight: bold;
|
||
|
color: $fg_color;
|
||
|
padding-bottom: 15px;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
&-description {
|
||
|
color: $fg_color;
|
||
|
padding-top: 15px;
|
||
|
text-align: center;
|
||
|
|
||
|
&.error {
|
||
|
color: $error_color;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// &-error-label { color: $error_color; }
|
||
|
|
||
|
// &-error-box {
|
||
|
// padding-top: 15px;
|
||
|
// spacing: 5px;
|
||
|
// }
|
||
|
&-completion-box {
|
||
|
padding-top: 5px;
|
||
|
padding-left: 15px;
|
||
|
font-size: 1em;
|
||
|
}
|
||
|
&-entry {
|
||
|
width: 21em;
|
||
|
height: 1.2em;
|
||
|
padding: 7px;
|
||
|
border-radius: 3px;
|
||
|
caret-color: $osd_fg_color;
|
||
|
selected-color: $selected_fg_color;
|
||
|
selection-background-color: $selected_bg_color;
|
||
|
|
||
|
@include entry(osd);
|
||
|
|
||
|
&:focus {
|
||
|
@include entry(focus);
|
||
|
}
|
||
|
}
|
||
|
.modal-dialog-button-box {
|
||
|
border: none;
|
||
|
box-shadow: none;
|
||
|
background: none;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/* CinnamonMountOperation Dialogs */
|
||
|
.cinnamon-mount-operation-icon {
|
||
|
icon-size: 48px;
|
||
|
}
|
||
|
|
||
|
.mount-password-reask {
|
||
|
color: $warning_color;
|
||
|
}
|
||
|
|
||
|
.show-processes-dialog,
|
||
|
.mount-question-dialog {
|
||
|
spacing: 24px;
|
||
|
|
||
|
&-subject {
|
||
|
padding-top: 10px;
|
||
|
padding-left: 17px;
|
||
|
padding-bottom: 6px;
|
||
|
|
||
|
&:rtl {
|
||
|
padding-left: 0px;
|
||
|
padding-right: 17px;
|
||
|
}
|
||
|
}
|
||
|
&-description {
|
||
|
padding-left: 17px;
|
||
|
width: 28em;
|
||
|
|
||
|
&:rtl {
|
||
|
padding-right: 17px;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.show-processes-dialog-app-list {
|
||
|
max-height: 200px;
|
||
|
padding-top: 24px;
|
||
|
padding-left: 49px;
|
||
|
padding-right: 32px;
|
||
|
|
||
|
&:rtl {
|
||
|
padding-right: 49px;
|
||
|
padding-left: 32px;
|
||
|
}
|
||
|
|
||
|
&-item {
|
||
|
color: #ccc;
|
||
|
|
||
|
&:hover {
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
&:ltr {
|
||
|
padding-right: 1em;
|
||
|
}
|
||
|
&:rtl {
|
||
|
padding-left: 1em;
|
||
|
}
|
||
|
|
||
|
&-icon:ltr {
|
||
|
padding-right: 17px;
|
||
|
}
|
||
|
&-icon:rtl {
|
||
|
padding-left: 17px;
|
||
|
}
|
||
|
|
||
|
&-name {
|
||
|
font-size: 1.1em;
|
||
|
}
|
||
|
}
|
||
|
}
|