35 lines
516 B
CSS
35 lines
516 B
CSS
html, body {
|
|
height: 200px;
|
|
width: 200px;
|
|
margin: 20px;
|
|
box-sizing: initial;
|
|
}
|
|
|
|
body{
|
|
height: 50%;
|
|
font: caption;
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
p{
|
|
margin: 1em 1em;
|
|
}
|
|
|
|
#content {
|
|
height: 60%;
|
|
margin: 1em 1em 0 1em;
|
|
border: .1em solid #DDE4E9;
|
|
position: bottom;
|
|
bottom: 5px;
|
|
transition: background-color .2s ease-out;
|
|
}
|
|
|
|
#content[contenteditable=false] {
|
|
background-color: grey;
|
|
transition: background-color .2s ease-in;
|
|
}
|
|
|
|
[contenteditable]:focus {
|
|
outline: 0px solid transparent;
|
|
}
|