You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
1.1 KiB
85 lines
1.1 KiB
|
|
@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;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
.lienCodeSource {
|
|
color: @texteLienCodeSource;
|
|
font-size: 12px;
|
|
margin-bottom: -20px;
|
|
text-align: right;
|
|
transition: color 0.2s;
|
|
|
|
&:hover {
|
|
color: lighten(@texteLienCodeSource, 10%);
|
|
}
|
|
}
|
|
|
|
footer {
|
|
position: fixed;
|
|
top: 5px;
|
|
right: 5px;
|
|
}
|
|
|
|
|
|
@media (max-width: 640px) { // Version mobile
|
|
|
|
textarea {
|
|
width: 85%;
|
|
}
|
|
|
|
}
|
|
|