changeset 390:8b7ec5e404c2

svg-edit.editor.svg-editor.css: adaptation for the action SVG-editor
author Reimar Bauer <rb.proj AT googlemail DOT com>
date Sun, 23 Aug 2009 12:04:28 +0200
parents 764834d3a461
children 6747c16172a2
files htdocs/svg-edit/editor/svg-editor.css
diffstat 1 files changed, 43 insertions(+), 34 deletions(-) [+]
line wrap: on
line diff
--- a/htdocs/svg-edit/editor/svg-editor.css	Sun Aug 23 00:56:18 2009 +0200
+++ b/htdocs/svg-edit/editor/svg-editor.css	Sun Aug 23 12:04:28 2009 +0200
@@ -3,6 +3,9 @@
 }
 
 #svg_editor {
+	position: relative;
+	width: 680px;
+	height: 640px;
 	font-size: 8pt;
 	font-family: Verdana, Helvetica, Arial;
 	color: #000000;
@@ -26,15 +29,18 @@
 }
 
 #svg_editor #svgcanvas {
+	position: relative;
 	background-color: #FFFFFF;
 	text-align: center;
 	vertical-align: middle;
-	width: 640px;
+	width: 100%;
 	height: 480px;
-	-apple-dashboard-region:dashboard-region(control rectangle 0px 0px 0px 0px); /* for widget regions that shouldn't react to dragging */
+    apple-dashboard-region:dashboard-region(control rectangle 0px 0px 0px 0px); /* for widget regions that shouldn't react to dragging */
+ }
 }
 
 #svg_editor div#palette_holder {
+    position: relative;
 	overflow-x: scroll;
 	overflow-y: hidden;
 	height: 31px;
@@ -57,11 +63,12 @@
 }
 
 #svg_editor div#workarea {
-	position:absolute;
-	top: 70px;
+	position: relative;
+    width: 100%;
+	top: 40px;
 	left: 40px;
 	right: 2px;
-	bottom: 60px;
+	bottom: 0px;
 	background-color: #A0A0A0;
 	border: 1px solid #808080;
 	overflow: auto;
@@ -74,6 +81,7 @@
 }
 
 #svg_editor #logo {
+        display: None;
 	position: absolute;
 	top: 1px;
 	left: 1px;
@@ -87,7 +95,7 @@
 	left: 38px;
 	right: 2px;
 	top: 2px;
-	height: 68px;
+	height: 58px;
 	border-bottom: none;
 }
 
@@ -164,26 +172,21 @@
 /* TODO: figure out why there is a couple pixels between
    the tools with a flyout arrow */
 #svg_editor .flyout_arrow_horiz {
-	float: right;
-	position: relative;
-	top: -13px;
-	left: -5px;
-	margin-bottom: -13px;
+    position: relative;
+    float: right;
+    top: -13px;
+    left: -5px;
+    margin-bottom: -13px;
 }
-
 #svg_editor .tool_button, #svg_editor .tool_button_current, #svg_editor .tool_button_disabled {
-	height: 24px;
-	width: 24px;
-	margin: 2px;
-	padding: 2px;
-	border-left: 1px solid #FFFFFF;
-	border-top: 1px solid #FFFFFF;
-	border-right: 1px solid #808080;
-	border-bottom: 1px solid #808080;
-	cursor: pointer;
-}
+    height: 24px;
+    width: 24px;
+    margin: 2px;
+
+ }
 
 #svg_editor .tool_button_current {
+	position: relative;
 	border-left: 1px solid #808080;
 	border-top: 1px solid #808080;
 	border-right: 1px solid #FFFFFF;
@@ -192,11 +195,13 @@
 }
 
 #svg_editor .tool_button_disabled {
+    position: relative;
 	opacity: 0.5;
 	cursor: default;
 }
 
 #svg_editor .tool_sep {
+    	position: relative;
 	width: 2px;
 	height: 24px;
 	margin: 2px;
@@ -206,13 +211,13 @@
 
 #svg_editor #color_picker {
 	position: absolute;
-	display: none;
+    display: none;
 	background: #E8E8E8;
 }
 
 #svg_editor .tools_flyout {
 	position: absolute;
-	display: none;
+    display: none;
 	cursor: pointer;
 }
 
@@ -241,6 +246,7 @@
 /* TODO: figure out what more-specific selector causes me to write this atrocity and not
          simply .tool_flyout_button */
 #svg_editor #tools_rect .tool_flyout_button, #svg_editor #tools_ellipse .tool_flyout_button {
+	position: relative;
 	float: left;
 	background-color: #E8E8E8;
 	border-left: 1px solid #FFFFFF;
@@ -260,24 +266,28 @@
 }
 
 #svg_editor #tools_bottom {
-	position: absolute;
+	position: relative;
+    top: 40px;
 	left: 40px;
-	right: 2px;
-	bottom: 2px;
-	height: 60px;
+	right: 0px;
+	bottom: 0px;
+	height: 0px;
 }
 
 #svg_editor #tools_bottom_1 {
+    display: none;
 	width: 115px;
 	float: left;
 }
 
 #svg_editor #tools_bottom_2 {
 	width: 250px;
-	float: left;
+    float: left;
 }
 
 #svg_editor #tools_bottom_3 {
+    display: none;
+    position: relative;
 }
 
 #svg_editor #copyright {
@@ -317,12 +327,11 @@
 	padding: 5px;
 	font-size: 12px;
 }
-
 #tool_source_back {
-	text-align: left;
-	padding-left: 20px;
+    text-align: left;
+    padding-left: 20px;
 }
-
+-
 #tool_source_back button {
-	margin: 10px;
+    margin: 10px;
 }
\ No newline at end of file