vertical palette

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;