git-svn-id: http://svn.opengroupware.org/SOGo/inverse/trunk@1163 d1b88da0-ebda-0310...

[scalable-opengroupware.org] / UI / WebServerResources / UIxMailEditor.css

diff --git a/UI/WebServerResources/UIxMailEditor.css b/UI/WebServerResources/UIxMailEditor.css
index b7863482bee55bf66de5c8e36a89685e1bf61ae4..d9cc74eba4cd68bfb0eb995a820c421d6ab49532 100644 (file)
--- a/UI/WebServerResources/UIxMailEditor.css
+++ b/UI/WebServerResources/UIxMailEditor.css
@@ -15,8 +15,7 @@ TABLE#compose_label
 }
 
 DIV#addressList
-{
-  height: 8em;
+{ height: 8em;
   margin-bottom: .25em;
   overflow-y: auto;
   overflow-x: hidden;
@@ -24,37 +23,35 @@ DIV#addressList
 
 DIV.addressListElement
 { margin: 0px;
-  margin-right: 8em;
   padding: 0px; }
 
 SPAN.headerField
-{ display: block;
-  float: left;
-  line-height: 1.8em;
-  width: 5em;
+{ line-height: 1.8em;
+  width: 7em;
   text-align: right; }
 
-SPAN.headerInput > INPUT
-{ width: 100%;
+SPAN.headerInput INPUT
+{ width: 50%;
   padding-left: 24px;
   background-image: url('/SOGo.woa/WebServerResources/abcard.gif');
   background-repeat: no-repeat;
-  background-position: 2px center;
-  margin-right: -9em; }
+  background-position: 2px center; }
+
+DIV#subjectRow
+{ margin-left: 9em; }
 
 DIV#subjectRow INPUT
 { background-image: none;
-  width: 38em;
+  width: 50%;
   padding-left: .5em; }
 
-div#compose_internetmarker { 
-  padding:          8px;
+div#compose_internetmarker
+{ padding:          8px;
   text-align:       center;
   background-color: white;
   border-color:     red;
   border-width:     2px;
-  border-style:     solid;
-}
+  border-style:     solid; }
 
 div#headerArea
 { border-top: 1px solid #fff;
@@ -70,24 +67,54 @@ div#attachmentsArea
   padding-left: 5px;
   border-left: 1px solid #888; }
 
+input.currentAttachment
+{ position: absolute;
+  top: 1em;
+  right: 1em; }
+
+input.attachment
+{ display: none; }
+
 div#compose_attachments_list
-{
-  width: 100%;
-  height: 10em;
-  background-color: #ffffff;
+{ background-color: #ffffff;
   margin-left: 0px;
   padding: 2px;
   border-bottom: 1px solid #fff;
   border-right: 1px solid #fff;
   border-top: 2px solid #222;
   border-left: 2px solid #222;
-  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow transparent;
-  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow transparent;
-}
+  -moz-border-top-colors: #9c9a94 #000 transparent;
+  -moz-border-left-colors: #9c9a94 #000 transparent; }
+
+UL#attachments
+{ cursor: default;
+  margin: 0px;
+  padding: 0px;
+  width: 100%;
+  height: 10em;
+  border-bottom: 1px solid #fff;
+  border-right: 1px solid #fff;
+  border-top: 2px solid #222;
+  border-left: 2px solid #222;
+  background-color: #fff;
+  -moz-border-top-colors: #9c9a94 #000 transparent;
+  -moz-border-left-colors: #9c9a94 #000 transparent;
+  list-style-type: none;
+  list-style-image: none;
+  overflow: auto;
+  overflow-x: hidden; }
+
+UL#attachments LI
+{ white-space: nowrap;
+  padding-bottom: 1px; }
+
+UL#attachments LI IMG
+{ vertical-align: bottom; }
 
-TEXTAREA
+DIV.pageContent TEXTAREA
 { position: absolute;
   left: 0em;
   right: 0em;
   bottom: 0em;
-  top: 17em; }
+  top: 17em;
+  width: 100%; }