mp2i-vms.fr
119 lines
1.5 KiB
CSS
119 lines
1.5 KiB
CSS
/*
|
|
* {
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
*/
|
|
|
|
@font-face {
|
|
font-family: Hack;
|
|
src: url("/res/Hack-Regular.ttf");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Hack;
|
|
font-weight: bold;
|
|
src: url("/res/Hack-Bold.ttf");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Hack;
|
|
font-style: italic;
|
|
src: url("/res/Hack-Italic.ttf");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Hack;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
src: url("/res/Hack-BoldItalic");
|
|
}
|
|
|
|
body {
|
|
background-color: #222;
|
|
color: white;
|
|
font-family: "Flexi IBM VGA True", monospace;
|
|
margin: 0;
|
|
}
|
|
|
|
main {
|
|
margin: 20px;
|
|
}
|
|
|
|
footer {
|
|
margin-top: 50px;
|
|
text-align: center;
|
|
}
|
|
|
|
p, ul, ol {
|
|
margin: 20px 0;
|
|
}
|
|
|
|
a:link, a:visited {
|
|
color: white;
|
|
}
|
|
|
|
main a:hover {
|
|
background-color: green;
|
|
}
|
|
|
|
|
|
::selection {
|
|
background-color: green;
|
|
}
|
|
|
|
.porte {
|
|
display: block;
|
|
margin: 15px;
|
|
text-align: center;
|
|
font: inherit;
|
|
}
|
|
|
|
.porte a:link, .porte a:visited, .login input[type=submit] {
|
|
color: white;
|
|
padding: 10px;
|
|
border: 2px solid white;
|
|
font: inherit;
|
|
background-color: #222;
|
|
}
|
|
|
|
.porte a:hover {
|
|
background-color: #333;
|
|
}
|
|
|
|
main.login {
|
|
width: clamp(350px, 50%, 1000px);
|
|
margin: auto;
|
|
}
|
|
|
|
main.login h1 {
|
|
text-align: center;
|
|
}
|
|
|
|
form {
|
|
width: clamp(300px, 40%, 400px);
|
|
margin: 50px auto;
|
|
text-align: center;
|
|
}
|
|
|
|
form .champ {
|
|
margin: 15px 0;
|
|
}
|
|
|
|
form .champ label {
|
|
display: block;
|
|
margin: 5px 0;
|
|
}
|
|
|
|
input[type=text], input[type=password] {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
padding: 10px;
|
|
background-color: #222;
|
|
color: white;
|
|
width: 100%;
|
|
border: 1px solid white;
|
|
font-family: inherit;
|
|
}
|