67 lines
912 B
Plaintext
67 lines
912 B
Plaintext
|
|
@fond: #2D2F34;
|
|
@fondChamp: #31363B;
|
|
@fondChampTexte: #232629;
|
|
@bordure: #5f5f5f;
|
|
@bordureHover: #808080;
|
|
@bordureFocus: #b6b6b6;
|
|
@texte: white;
|
|
@texteLienCodeSource: #868686;
|
|
|
|
* {
|
|
font-family: Ubuntu, sans-serif;
|
|
}
|
|
|
|
html {
|
|
text-align: center;
|
|
background-color: @fond;
|
|
color: @texte;
|
|
}
|
|
|
|
a {
|
|
color: @texte;
|
|
text-decoration: none;
|
|
}
|
|
|
|
textarea {
|
|
width: 66%;
|
|
height: 400px;
|
|
background-color: @fond;
|
|
color: @texte;
|
|
font-size: 20px;
|
|
padding-top: 6px;
|
|
padding-left: 10px;
|
|
|
|
}
|
|
|
|
input[type=submit] {
|
|
background-color: @fondChamp;
|
|
color: @texte;
|
|
width: 20%;
|
|
height: 40px;
|
|
}
|
|
|
|
input[type=submit], textarea {
|
|
border: 2px @bordure solid;
|
|
border-radius: 10px;
|
|
transition: all 0.3s ease-out;
|
|
|
|
&:hover {
|
|
border: 2px @bordureHover solid;
|
|
}
|
|
|
|
&:focus {
|
|
border: 2px @bordureFocus solid;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
@media (max-width: 640px) { // Version mobile
|
|
|
|
textarea {
|
|
width: 85%;
|
|
}
|
|
|
|
}
|