diff --git a/annotate-page/sidebar/panel.css b/annotate-page/sidebar/panel.css index 8bef9bb..d2ceb02 100644 --- a/annotate-page/sidebar/panel.css +++ b/annotate-page/sidebar/panel.css @@ -1,23 +1,32 @@ html, body { height: 100%; width: 100%; - margin: 1em 0 0 0; + margin: 0; box-sizing: border-box; } body { + height: 90%; font: caption; background-color: #F4F7F8; } p { - margin: 2em; + margin: 1em 2em; } #content { - width: 80%; - height: 80%; - margin: 0 2em; - - background-color: white; + height: 90%; + margin: 2em 2em 0 2em; + border: .5em solid #DDE4E9; + transition: background-color .2s ease-out; +} + +#content[contenteditable=true] { + background-color: white; + transition: background-color .2s ease-in; +} + +[contenteditable]:focus { + outline: 0px solid transparent; }