Files
pathfinder/sass/layout/_dialogs.scss
2017-01-05 22:18:47 +01:00

159 lines
3.1 KiB
SCSS

.modal-content {
// dialog headline ==========================================================
h2 {
font-family: $font-family-sans-serif;
letter-spacing: 0px;
font-size: $font-size-h5;
margin: 20px 0;
line-height: normal;
}
h2, h4{
&.pf-dynamic-area{
min-height: 0;
margin: 10px 0;
& > img{
margin: -10px 5px -10px -10px;
width: 35px;
}
}
}
// data tables ==============================================================
.dataTable, .table{
font-size: 10px;
font-family: $font-family-bold;
}
// horizontal line ==========================================================
hr{
margin: 5px 0 15px 0;
border-color: $gray-light;
}
// form wizard ==============================================================
.pf-wizard-navigation{
margin: 0;
li{
&:not(:last-child):before{
border-top: 1px solid $gray-light;
content: "";
display: block;
font-size: 0;
overflow: hidden;
position: relative;
top: 12px;
left: 71px;
right: 1px;
width: 100%;
}
&.finished{
&:before{
@include border-image( linear-gradient(to right, $teal-dark, $teal-dark) 1 1% );
border-bottom: 0;
}
}
&.active{
&:before{
@include border-image( linear-gradient(to right, $brand-success, $gray-light) 1 1% );
border-bottom: 0;
}
}
& > h6{
color: $gray-light;
font-size: 11px;
margin: 5px;
}
a:hover{
& + h6{
color: $gray-lighter;
}
}
&.active a:not(.btn-danger){
@extend .btn-success;
& + h6{
color: $gray-lighter;
}
}
}
}
}
// settings dialog ============================================================
#pf-settings-dialog{
// smaller buttons
.form-group .btn-sm{
padding: 4px 7px 3px;
}
// captcha image
#pf-dialog-captcha-wrapper{
margin: 0;
padding: 3px 0;
}
}
// map settings dialog ========================================================
#pf-map-dialog{
#pf-map-dialog-character-select,
#pf-map-dialog-corporation-select,
#pf-map-dialog-alliance-select{
width: 300px;
}
}
#pf-route-dialog{
#pf-route-dialog-map-select{
width: 300px !important;
}
}
// map manual dialog ==========================================================
#pf-manual-scrollspy{
position: relative;
height: 700px;
overflow: auto;
}
// ad system dialog ===========================================================
.pf-system-dialog-select{
width: 270px !important;
}
// task-manager dialog ========================================================
#pf-task-dialog{
.pf-task-dialog-status{
min-height: auto;
}
}
// credits dialog =============================================================
.pf-credits-dialog{
.pf-credits-logo-background{
overflow: visible;
background: url("#{$base-url}/logo_bg.png");
padding: 20px;
margin-bottom: 20px;
}
#pf-logo-container{
width: 355px;
height: 366px;
margin: 0 auto;
}
}