Размер файла: 2.53Kb
*
{
padding: 0;
margin: 0;
box-sizing: border-box;
}
body
{
font-family: "Courier New", Courier, monospace;
font-size: 14px;
color: #ccc;
line-height: 1.5em;
background: #333;
margin: auto;
padding-top: 10px;
}
a
{
color: #ccc;
}
a:hover
{
text-decoration: none;
}
.window
{
background: #444;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
border-radius: 5px;
border: 2px solid #333;
width: 480px;
margin: auto;
position:absolute;
left:50%;
top:50%;
margin-left: -240px;
margin-top: -200px;
overflow: hidden;
}
.window_header
{
background: #333;
color: #ccc;
padding: 7px;
}
.window_title
{
display: inline-block;
}
.window_minimize_button, .window_maximize_button, .window_close_button
{
border-radius: 7px;
width: 12px;
height: 12px;
display: inline-block;
float: right;
margin-left: 4px;
margin-top: 3px;
}
.window_minimize_button
{
background: #2cc640;
border: 1px solid #51a75c;
}
.window_maximize_button
{
background: #fdbf2e;
border: 1px solid #d6a839;
}
.window_close_button
{
background: #fe6256;
border: 1px solid #ca5f59;
}
.window_content
{
padding: 7px;
}
.blink
{
animation: blinking 1s infinite;
}
@keyframes blinking
{
0% { clear: both; }
50%{ color: transparent; }
}
@media screen and (max-width: 800px)
{
.window
{
width: 95%;
position: relative;
left: 0;
top: 0;
margin: auto;
}
}