52 lines
984 B
CSS
52 lines
984 B
CSS
div.center {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
div.body {
|
|
width: 40%;
|
|
min-height: 200px;
|
|
background-color: white;
|
|
border: 3px solid;
|
|
border-color: #000033;
|
|
border-radius: 8px;
|
|
padding: 10px;
|
|
}
|
|
|
|
div.titlebar {
|
|
display: inline-flex;
|
|
}
|
|
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: gray;
|
|
background-repeat: no-repeat;
|
|
background-attachment: fixed;
|
|
background-position: center;
|
|
background-size:cover;
|
|
}
|
|
|
|
.blur-bgimage {
|
|
overflow: hidden;
|
|
text-align: left;
|
|
}
|
|
.blur-bgimage:before {
|
|
content: "";
|
|
position: absolute;
|
|
width : 100%;
|
|
height: 100%;
|
|
background: inherit;
|
|
z-index: -1;
|
|
|
|
filter : blur(10px);
|
|
-moz-filter : blur(10px);
|
|
-webkit-filter: blur(10px);
|
|
-o-filter : blur(10px);
|
|
|
|
transition : all 2s linear;
|
|
-moz-transition : all 2s linear;
|
|
-webkit-transition: all 2s linear;
|
|
-o-transition : all 2s linear;
|
|
}
|