1
0
mirror of https://github.com/exane/not-gwent-online synced 2024-11-23 19:36:53 +00:00
not-gwent-online/site/client/assets/sass/_modal.scss

77 lines
1.1 KiB
SCSS
Raw Normal View History

2015-06-20 15:13:40 +00:00
.wrap-modal {
max-width: 600px;
margin: 0 auto;
}
.wrap-modal-search {
max-width: 250px;
margin: 0 auto;
2015-06-22 19:19:10 +00:00
text-align: center;
}
2015-06-20 15:13:40 +00:00
.modal {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
2015-06-22 15:27:53 +00:00
background: rgba(14, 27, 43, .5);
2015-06-20 15:13:40 +00:00
z-index: 10;
opacity: 0;
visibility: hidden;
2015-06-22 16:12:34 +00:00
@include transition();
2015-06-20 15:13:40 +00:00
&.active {
visibility: visible;
opacity: 1;
}
}
.modal-banner {
z-index: 20;
2015-06-22 15:27:53 +00:00
background: rgba(6, 13, 22, .95);
2015-06-20 15:13:40 +00:00
width: 100%;
color: #fff;
padding: 50px 0;
2015-06-22 15:27:53 +00:00
margin: 24vh 0 0 0;
2015-06-20 15:13:40 +00:00
float: left;
2015-06-22 15:27:53 +00:00
2015-06-22 16:12:34 +00:00
@include transition();
2015-06-22 15:27:53 +00:00
2015-06-22 16:12:34 +00:00
.active & {
2015-06-22 15:27:53 +00:00
margin: 25vh 0 0 0;
}
}
.icon-content-load {
background: url(../img/content-load.gif) no-repeat;
width: 32px;
height: 32px;
opacity: .9;
2015-06-22 09:10:43 +00:00
display: block;
margin: 0 auto;
}
.modal-para {
font-size: 17px;
text-transform: uppercase;
font-weight: 300;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
color: #8798ac;
2015-06-22 19:19:10 +00:00
margin: 20px 0 50px 0;
2015-06-22 09:10:43 +00:00
}
.btn-cancel {
2015-06-22 17:35:08 +00:00
color: darken(#8798ac, 30%);
2015-06-22 09:10:43 +00:00
cursor: pointer;
2015-06-22 18:21:31 +00:00
text-transform: uppercase;
2015-06-22 09:10:43 +00:00
2015-06-22 16:12:34 +00:00
@include transition();
2015-06-22 09:10:43 +00:00
&:hover {
2015-06-22 17:35:08 +00:00
color: #8798ac;
2015-06-22 09:10:43 +00:00
}
2015-06-20 15:13:40 +00:00
}