rotate button

1 files changed, 14 insertions, 0 deletions

diff --git a/css/sally.css b/css/sally.css
index b08ed8a..4acd3a7 100644
--- a/css/sally.css
+++ b/css/sally.css
@@ -88,6 +88,20 @@ textarea { font-size:12pt; width: 37vw; height: 300px; background: #333; color:
   box-shadow: 0 0 2px rgba(255,255,255,0.3);
   margin: 3px;
 }
+div.rotated {
+	width: 100%;
+}
+.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;
 }