58 lines
885 B
SCSS
58 lines
885 B
SCSS
.dialog {
|
||
opacity: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
|
||
background-color: rgba(0, 0, 0, 0.5);
|
||
|
||
.dialogContent {
|
||
height: 80%;
|
||
width: 80%;
|
||
background-color: white;
|
||
border: 10px solid rgb(86, 86, 86);
|
||
border-radius: 10px;
|
||
|
||
iframe {
|
||
width: 100%;
|
||
height: 100%;
|
||
border: none;
|
||
}
|
||
}
|
||
|
||
.imageDialog{
|
||
height: auto;
|
||
width: auto;
|
||
img {
|
||
display: block;
|
||
}
|
||
}
|
||
}
|
||
|
||
a.dialogClose{
|
||
float:right;
|
||
margin-top:-30px;
|
||
margin-right:-30px;
|
||
cursor:pointer;
|
||
color: #fff;
|
||
border: 1px solid #AEAEAE;
|
||
border-radius: 30px;
|
||
background: #605F61;
|
||
font-size: 31px;
|
||
font-weight: bold;
|
||
display: inline-block;
|
||
line-height: 0;
|
||
padding: 11px 3px;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.dialogClose:before {
|
||
content: "×";
|
||
|
||
}
|