fixed the treedropdown.

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/trunk@44422 467b73ca-7a2a-4603-9d3b-597d59a354a9

css/cms_right.css

@@ -69,7 +69,7 @@
 		display: block;
 		background: #e9e9e9;
 		padding: 3px;
-		width: 97%;
+		width: 98%;
 	}
 	
 	.right form .htmleditorfield span.readonly *,
@@ -108,7 +108,6 @@
 #Form_EditorToolbarImageForm fieldset span,
 #Form_EditorToolbarLinkForm fieldset span {
 	float: left;
-	width: 278px;
 	background: none;
 }
 #Form_EditorToolbarLinkForm fieldset li span,
@@ -464,3 +463,16 @@ div.originallang_holder.field.CompositeField.nolabel {
 	display: none;
 }
 
+#contentPanel div.TreeDropdownField a.editLink {
+	float: left;
+	margin: 0px;
+	outline: 0;
+}
+#contentPanel div.tree_holder {
+	width: 184px;
+	height: 160px;
+	overflow-x: hidden;
+}
+#contentPanel ul.tree a {
+	padding-left: 15px;
+}

css/layout.css

@@ -404,9 +404,11 @@ ul.tree li.Root span.Root span.c a {
 iframe {
 	border: none;
 }
-
+/* Content Panel Design
+ * This is our new right hand pane for inserting images and links etc
+ */
 #contentPanel {
-	background-color: #FFFFFF;
+	background-color: #fff;
 	width: 205px;
 	position: absolute;
 	border: 1px solid #ACBBCC;
@@ -414,5 +416,69 @@ iframe {
 	padding: 0;
 	margin-right: 10px;
 	overflow:hidden;
+	font-size: 12px;
 }
 
+#contentPanel div,
+#contentPanel p#TargetBlank {
+	margin-left: 0;
+}
+#contentPanel div.TreeDropdownField span.items {
+	width: 162px;
+	background: #fff;
+	border:1px solid #A7A7A7;
+	border-right: none;
+}
+#contentPanel .thumbnailstrip {
+	width: 184px;	
+	border: none;
+}
+#contentPanel fieldset {
+	padding: 5px;
+}
+#contentPanel h2 {
+	margin: -5px -5px 0 -5px;
+}
+#contentPanel select {
+	width: 186px;
+	padding: 1px 0;
+	font-size: 12px;
+}
+#contentPanel option {
+	font-size: 12px;
+}
+#contentPanel span.middleColumn {
+	background:#E9E9E9 none repeat scroll 0%;
+	display:block;
+	padding:3px;
+	width:98%;
+}
+#contentPanel input.text {
+	border:1px solid #A7A7A7;
+	padding:3px;
+	width: 179px;
+}
+#contentPanel #Dimensions span {
+	background: none;
+}
+/* Image height and width inputs. We need to position them in the right places */
+#contentPanel input#Form_EditorToolbarImageForm_Width {
+	width: 30px;
+}
+#contentPanel input#Form_EditorToolbarImageForm_Height {
+	width: 30px;
+}
+#Form_EditorToolbarImageForm #Image {
+	margin: 5px;
+}
+#Form_EditorToolbarImageForm #Image img {
+	border: 2px solid #e4e3e3;
+}
+#contentPanel div.Actions {
+	margin: 2px 0 0 5px;
+}
+ /* going to use this */
+#BlankImage {
+	text-indent: -9000px;
+
+}