mirror of
https://github.com/gmemstr/notdonemywebsite.git
synced 2024-09-19 21:51:10 +01:00
49 lines
738 B
CSS
49 lines
738 B
CSS
|
/* Main element styling */
|
||
|
*{
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
}
|
||
|
body{
|
||
|
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
|
||
|
}
|
||
|
h1{
|
||
|
font-size: 3.5em;
|
||
|
}
|
||
|
|
||
|
/* Div Styling */
|
||
|
#header{
|
||
|
padding-top:1%;
|
||
|
padding-bottom: 10px;
|
||
|
background-color: lightskyblue;
|
||
|
text-align: center;
|
||
|
}
|
||
|
.creation{
|
||
|
padding-top: 30px;
|
||
|
text-align: center;
|
||
|
}
|
||
|
#var{
|
||
|
padding: 5px;
|
||
|
line-height: 30px;
|
||
|
}
|
||
|
|
||
|
/* Input Styling */
|
||
|
*:focus {
|
||
|
outline: 0;
|
||
|
}
|
||
|
form{
|
||
|
font-size: 125%;
|
||
|
}
|
||
|
input{
|
||
|
padding:3px;
|
||
|
border: none;
|
||
|
border-bottom: solid 3px deepskyblue;
|
||
|
transition: border 0.2s;
|
||
|
}
|
||
|
input:focus, input.focus {
|
||
|
border-bottom: solid 3px dodgerblue;
|
||
|
}
|
||
|
button{
|
||
|
padding: 10px;
|
||
|
border: none;
|
||
|
border-bottom: solid 3px deepskyblue;
|
||
|
}
|