diff options
author | Tom Needham <needham.thomas@gmail.com> | 2015-08-28 16:35:57 +0300 |
---|---|---|
committer | Tom Needham <needham.thomas@gmail.com> | 2015-08-28 16:35:57 +0300 |
commit | 19f9f28a6220f97586c91979d08e5b3fd9a5bc72 (patch) | |
tree | b26d593949cb99b2778e85a265d3963e89e9a355 /css | |
parent | 62cb25a1ff5b6300c7585ba78372c2b538e2e02e (diff) |
Remove save and separators. Round container and bring to front
Diffstat (limited to 'css')
-rw-r--r-- | css/style.css | 42 |
1 files changed, 15 insertions, 27 deletions
diff --git a/css/style.css b/css/style.css index dbafdfd..5ab901f 100644 --- a/css/style.css +++ b/css/style.css @@ -27,6 +27,7 @@ height: 100%; width: 100%; overflow: hidden; + min-height: 440px; } #editor_wrap { @@ -43,9 +44,10 @@ left: 15%; width: 70%; height: 88%; - z-index:1002; + z-index:9999; overflow: hidden; background-color: #fff; + border-radius: 3px; } @media(max-width: 768px) { @@ -59,11 +61,7 @@ } } -#editor_save.icon-loading { - background-size: 20px; -} - -#editor_save, #editor_next { +#editor_next { height: 44px; border: none; background-color: transparent; @@ -73,24 +71,6 @@ padding: 5px 8px; } -div.editor_separator { - background-color: #ddd; - width: 1px; - height: 24px; - display: block; - float: left; - margin: 10px 6px 0; -} - -div.editor_separator.close_separator { - float: right; - margin-right: -1px !important; -} - -div.editor_separator.save_separator { - margin-left: 9px !important; -} - #editor_close { float: right; width: 34px; @@ -100,9 +80,10 @@ div.editor_separator.save_separator { margin: 0 !important; border-radius: 0; right: 0; + opacity: 0.3; } -#editor_close:hover, #editor_save:hover, #editor_next:hover { +#editor_close:hover, #editor_next:hover { background-color: #ddd; } @@ -116,11 +97,12 @@ div.editor_separator.save_separator { color: #555; font-family: inherit; font-size: 100%; - padding: 12px 4px 0 14px; font-weight: bolder; text-overflow: ellipsis; + padding: 12px 0 0 14px; max-width: 218px; overflow: hidden; + white-space: nowrap; } #editor_controls small.lastsaved { @@ -128,7 +110,7 @@ div.editor_separator.save_separator { color: #ccc; font-family: inherit; font-size: 90%; - padding: 13px 10px; + padding: 13px 0 13px 17px; overflow: hidden; } @@ -151,3 +133,9 @@ div.editor_separator.save_separator { opacity:.70; filter: alpha(opacity=70); } + +small.unsaved-star { + position:absolute; + padding: 9px 0 0 4px; + display: inline-block; +} |