diff options
Diffstat (limited to 'css/sally.css')
| -rw-r--r-- | css/sally.css | 26 |
1 files changed, 19 insertions, 7 deletions
diff --git a/css/sally.css b/css/sally.css index 4acd3a7..bdc3e61 100644 --- a/css/sally.css +++ b/css/sally.css @@ -85,22 +85,34 @@ textarea { font-size:12pt; width: 37vw; height: 300px; background: #333; color: #shader_rapper { display: none; } #import_rapper { display: none; } #canvas_rapper { + white-space: pre; box-shadow: 0 0 2px rgba(255,255,255,0.3); margin: 3px; } -div.rotated { - width: 100%; -} + +#ui_rapper { clear:both; float: left; } +#workspace_rapper { width: 100%; } + +.loading .vertical #ui_rapper { clear: none } +.vertical #ui_rapper { width: 300px; float: left; clear: none; } +.vertical .rapper, .vertical .block { float: left; } +.vertical #canvas_rapper, +.vertical #canvas_rapper div, +.vertical #tools_rapper, +.vertical #palette_rapper, +.vertical #brush_container { display: inline-block; float: left} +.vertical #workspace_rapper { width: auto; position: relative; float: left; } +.vertical #palette_rapper { margin-right: 10px; } +.vertical #tools_block { min-width: 100%; } + +#experimental_palette_toggle { float: left; clear: right; } + .rotated #canvas_rapper { - white-space: pre; transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(-90deg); transform-origin: 50% 50%; position: absolute; left: 50%; } -canvas_rapper.parentNode.style.height = (canvas_rapper.offsetWidth+20)+ "px" -canvas_rapper.style.top = + "%" - top: 35%; #tools_block > * { cursor: crosshair; |