80 lines
1.2 KiB
CSS
80 lines
1.2 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic');
|
|
|
|
* {
|
|
padding: 0; margin: 0; outline: 0;
|
|
font-family: "Roboto";
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
body {
|
|
background-color: #121212;
|
|
}
|
|
|
|
div.wrap {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
div.header {
|
|
background-color: #232323;
|
|
padding: 16px;
|
|
}
|
|
|
|
div.content {
|
|
margin-top: 10px;
|
|
}
|
|
div.content img {
|
|
border: 1px solid #808080;
|
|
max-width: 100%;
|
|
border-radius: 8px;
|
|
}
|
|
div.content p {
|
|
color: #808080;
|
|
text-align: center;
|
|
}
|
|
div.content a {
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
input, button {
|
|
box-sizing: border-box;
|
|
border: 1px solid #121212;
|
|
background-color: #232323;
|
|
font-size: 1rem;
|
|
padding: 8px;
|
|
transition: 250ms all;
|
|
}
|
|
|
|
input {
|
|
width: calc(100% - 100px);
|
|
color: #808080;
|
|
border-radius: 8px 0 0 8px;
|
|
}
|
|
|
|
input::placeholder {
|
|
color: #818181;
|
|
transition: 250ms all;
|
|
}
|
|
input:focus {
|
|
background-color: #606060;
|
|
color: #ffffff;
|
|
transition: 250ms all;
|
|
}
|
|
|
|
button {
|
|
background-color: #343434;
|
|
color: #606060;
|
|
border-left: 0;
|
|
width: 100px;
|
|
border-radius: 0 8px 8px 0;
|
|
}
|
|
button:hover {
|
|
color: #808080;
|
|
color: #ffffff;
|
|
transition: 250ms all;
|
|
}
|
|
button:active {
|
|
background-color: #606060;
|
|
}
|