wip: style.css.erb: add styles for resize-actions

rails · Jun 16, 2015 · 5b4af31 · 5b4af31
1 parent 4cfad4a
commit 5b4af31
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/lib/web_console/templates/style.css.erb b/lib/web_console/templates/style.css.erb
@@ -1,10 +1,20 @@
+.console .pos-absolute { position: absolute; width: 100%; height: 100%; }
+.console .pos-right { right: 0; }
+.console .border-box { box-sizing: border-box; }
+.console .layer.console-outer { z-index: 1; }
+.console .layer.console-top-bar { z-index: 2; }
 .console { position: fixed; left: 0; bottom: 0; width: 100%; height: 156px; overflow: none; padding: 0; margin: 0; background: none repeat scroll 0% 0% #333; z-index: 9999; }
 .console .console-inner { font-family: monospace; font-size: 11px; width: 100%; height: 100%; overflow: auto; background: #333; padding: 1px; }
 .console .console-prompt-box { color: #FFF; }
 .console .console-message { color: #1AD027; margin: 0; border: 0; white-space: pre-wrap; background-color: #333; padding: 0; }
 .console .console-focus .console-cursor { background: #FEFEFE; color: #333; font-weight: bold; }
 .console .console-top-bar { user-select: none; height: 14px; line-height: 12px; background: #444; color: #eee; font-size: 8px; font-family: monospace; font-weight: bold; }
 .console .resizer { border-bottom: 1px solid #555; height: 100%; cursor: ns-resize; }
+.console .resize-actions { display: inline-block; width: auto; }
+.console .resize-actions .button { float: left; cursor: pointer; width: 22px; height: 100%; border: 1px solid #555; background: #666; color: #ccc; right: 0; text-align: center; }
+.console .resize-actions .button:hover { background: #999; color: #666; }
+.console .resize-actions .close-button { background: #933; color: #ccc; }
+.console .resize-actions .close-button:hover { background: #966; color: #633; }
 .console .clipboard { height: 0px; padding: 0px; margin: 0px; width: 0px; margin-left: -1000px; }
 .console .console-prompt-label { display: inline; color: #FFF; background: none repeat scroll 0% 0% #333; border: 0; padding: 0; }
 .console .console-prompt-display { display: inline; color: #FFF; background: none repeat scroll 0% 0% #333; border: 0; padding: 0; }