jam-cloud/web/app/assets/stylesheets/dialogs/base_dialog.css.scss

107 lines
1.4 KiB
SCSS

@import "client/common.css.scss";
.dialog {
display: none;
background-color: #333;
border: 1px solid $ColorScreenPrimary;
color: #fff;
min-width: 400px;
z-index: 100;
h2 {
font-size: 20px;
font-weight: 300;
}
.buttons {
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
@include border_box_sizing;
padding: 0 25px;
.left {
a {
margin-left: 2px;
}
}
.right {
a:last-child {
margin-right: 2px;
}
}
}
}
.thin-dialog {
min-width: 100px;
}
.dialog-inner {
padding: 25px;
color: #aaa;
font-size: 15px;
}
.dialog-tabs {
text-align: center;
margin-bottom: 10px;
border-bottom: solid 1px #999;
}
.dialog-tabs a {
padding: 10px;
background-color: #666;
color: #999;
text-decoration: none;
}
.dialog-tabs a.selected, .dialog-tabs a:hover {
background-color: #999;
color: #fff;
}
.dialog .tab {
}
.dialog-fixed {
min-height: 600px;
}
.dialog-overlay-sm {
width: 600px;
height: auto;
position: fixed;
left: 50%;
top: 20%;
margin-left: -300px;
background-color: #333;
border: 1px solid #ed3618;
z-index: 1000;
}
.dialog-overlay .dialog-inner {
width: 750px;
height: auto;
padding: 25px;
font-size: 15px;
color: #aaa;
}
.dialog-overlay-sm .dialog-inner {
width: 550px;
height: auto;
padding: 25px;
font-size: 15px;
color: #aaa;
}
.dialog-comment-scroller {
height: 210px;
overflow: auto;
}