Changeset 6752 for sandbox/2.4.2-expresso2/expressoMail1_2/templates/default/main.css

Timestamp:

07/10/12 14:45:02 (12 years ago)

Author:

gustavo

Message:

Ticket #2953 - Melhorar a disposição da listagem de anexos no expressoMail

File:

• sandbox/2.4.2-expresso2/expressoMail1_2/templates/default/main.css (modified) (8 diffs)

sandbox/2.4.2-expresso2/expressoMail1_2/templates/default/main.css

@@ -144 +144 @@
 form.fileupload .files-list { margin-left: 5px; margin-top: -14px; padding: 0.2em 0.7em; }
 form.fileupload .files-list .delete-upload { top: 7px}
-ul.attachments-list { padding: 0; }
+
+div.attachments-list {
+        max-height: 115px;
+        overflow-y: auto;
+        padding-top: 5px;
+}
 
 .button-files-upload { float:left; }
@@ -230 +235 @@
 .expressomail-qs-container .menu-control { float:right; margin-left:400px; position: absolute; z-index: 100; padding-top:5px;}
 .expressomail-qs-container .acc-list { width:444px;height:250px;float:left;border:1px solid #DDD;background-color:#EEE;border-radius:3px;margin-left:1px; margin: 10px 5px 5px 1px;}
-.expressomail-qs-container .details-container { width:295px;height:246px; float:right; margin: 5px 5px;}
+.expressomail-qs-container .details-container { width:300px;height:246px; float:right; margin: 5px 0;}
 
 .expressomail-qs-container .acc-list .demo {width:100%;margin-top:20px;}
@@ -236 +241 @@
 .dialog-modal.expressomail-qs-container  { height: 416px; padding:5px; }
 
-.ui-dialog .ui-dialog-buttonpane { padding: 0; border:none; margin: 0; padding-right: 0.3px !important;}
+.ui-dialog .ui-dialog-buttonpane { padding: 0; border:none; margin: 0;}
 .expressomail-qs-container .menu-control .ui-button-text-only .ui-button-text { padding: 0.1em 0.6em; }
 
@@ -1012 +1017 @@
 }
 
-.qtip.qtip-blue.qtip-active ul {
-        padding: 0;
-}
-
-.qtip.qtip-blue.qtip-active li {
-        width: 160px;
-        list-style: none;
-}
-
 .new-event-win.active .fc-event-skin {
         border-color: #36C !important;
@@ -1299 +1295 @@
  
 .box{
-        background-color: #96B3D3;
+        background-color: #DFEFFC;
         border-radius: 5px;
         -moz-border-radius: 5px;
-        border: 1px solid #201b41; 
+        border: 1px solid #ADD9ED; 
         display: inline-block;
         cursor : pointer;
@@ -1317 +1313 @@
         color : #201b41;
         outline : none;
-}
-
-.invalid-email-box{
-        background-color: #F08080;
-        border : 1px solid #540303 !important;
-}
-
-.invalid-email-box span{
-        color: #540303;
 }
 
@@ -1364 +1351 @@
 }
 
-.box-selected{
-        background-color : #BBBBBB;
-}
+
 
 .hidden {
@@ -1399 +1384 @@
         border-color : red;
 }
+
+div.conteudo div.new-msg-head-data div.att-box{
+        background-color: #DFEFFC;
+        border-radius: 5px;
+        -moz-border-radius: 5px;
+        border: 1px solid #ADD9ED; 
+        display: inline-block;
+        cursor : pointer;
+        margin-top : 3px;
+        margin-right: 3px;
+        outline : none;
+        padding : 1px;
+}
+
+
+div.conteudo div.new-msg-head-data  div.att-box span.att-box-value{
+        font-family: Verdana, Arial, Helvetica, sans-serif;
+        font-size: 11px;
+        color : #201b41;
+        outline : none;
+}
+
+div.conteudo div.new-msg-head-data div.att-box span.att-box-loading{
+        background : url("../../../prototype/modules/mail/img/loading.gif") no-repeat !important;
+        display: inline-block;
+        background-size: 15px auto !important;
+}
+
+div.conteudo div.new-msg-head-data div.att-box.invalid-email-box{
+        background-color: #ea9aa0;
+        border : 1px solid #540303 !important;
+}
+
+div.new-msg-head-data div.email-area .invalid-email-box{
+        color: #540303;
+        background-color: #ea9aa0;
+        border : 1px solid #540303 !important;
+}
+
+div.new-msg-head-data div.email-area .box-selected{
+        background-color : #BBBBBB;
+}
+
+.fileupload_msg_tooltip{
+        width: 99.7%;
+        text-align: center;
+        background: #DFEFFC;
+        font-weight: bold;
+        border-radius: 5px;
+    height: 115px;
+    line-height: 115px;
+    font-size: larger;
+}
+
+.fileupload_msg_tooltip.hover {
+    background: #ADD9ED;
+}