Files
pathfinder/sass/layout/_dialogs.scss

141 lines
2.8 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;
}
// 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;
}
}
// map manual dialog ======================================
#pf-manual-scrollspy{
position: relative;
height: 500px;
overflow: auto;
}
// ad system dialog =======================================
.pf-system-dialog-select{
width: 270px !important;
}
// sharing dialog =========================================
h2, h4{
&.pf-dynamic-area{
min-height: 0;
}
}
// 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;
}
}