Imported Upstream version 0.2~stable

[roundcube.git] / skins / default / common.css

diff --git a/skins/default/common.css b/skins/default/common.css
old mode 100755 (executable)
new mode 100644 (file)
index 6cec3cf..ec2cd52
--- a/skins/default/common.css
+++ b/skins/default/common.css
@@ -10,6 +10,7 @@ body
 body.iframe
 {
   margin: 0px;
+  background-color: #FFF;
 }
 
 body.extwin
@@ -17,7 +18,7 @@ body.extwin
   margin: 10px;
 }
 
-body, td, th, span, div, p, h3
+body, td, th, div, p, h3
 {
   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
@@ -62,15 +63,33 @@ hr
   border-style: none;
 }
 
-input, textarea
+input[type="text"],
+input[type="button"],
+input[type="password"],
+textarea
 {
   font-size: 9pt;
   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
   padding: 1px;
   padding-left: 3px;
   padding-right: 3px;
-  background-color: #ffffff;
   border: 1px solid #666666;
+  color: #333333;
+  background-color: #ffffff;
+}
+
+input, textarea
+{
+  font-size: 9pt;
+  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
+  color: #333333;
+  padding-left: 3px;
+  padding-right: 3px;
+  /* IE hacks for input elements */
+  border-style: expression(this.type=='checkbox' || this.type=='radio' || this.id=='quicksearchbox' ? 'none' : 'solid');
+  border-width: expression(this.type=='checkbox' || this.type=='radio' ? '0' : '1px');
+  border-color: expression(this.type=='checkbox' || this.type=='radio' ? '' : '#666666');
+  background-color: expression(this.type=='checkbox' || this.type=='radio' ? 'transparent' : '#ffffff');
 }
 
 input.button
@@ -89,9 +108,16 @@ input.button:hover
   color: black;
 }
 
+input.mainaction
+{
+  font-weight: bold;
+  border: 1px solid #999;
+}
+
 img
 {
   behavior: url('skins/default/pngbehavior.htc');
+  border: 0;
 }
 
 .alttext
@@ -99,6 +125,11 @@ img
   font-size: 11px;
 }
 
+.hint
+{
+  color: #666;
+  font-size: 11px;
+}
 
 /** common user interface objects */
 
@@ -120,7 +151,7 @@ img
   width: 600px;
   height: 37px;
   background: url(images/taskbar.gif) top right no-repeat;
-  padding: 10px 24px 0px 0px;
+  padding: 10px 4px 10px 0px;
   text-align: right;
   white-space: nowrap;
   z-index: 2;
@@ -133,7 +164,7 @@ img
   font-size: 11px;
   color: #666666;
   text-decoration: none;
-  padding: 6px 16px 6px 30px;
+  padding: 6px 16px 6px 25px;
   background-repeat: no-repeat;
 }
 
@@ -172,6 +203,8 @@ a.button-logout
   right: 200px;
   z-index: 5000;
   opacity: 0.85;
+  /* IE */
+  filter: alpha(opacity=85);
 }
 
 #message div
@@ -213,6 +246,43 @@ a.button-logout
   border: 1px solid #CCCCCC;
 }
 
+.splitter
+{
+  user-select: none;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  position: absolute;
+  background: url(images/dimple.png) center no-repeat;
+}
+
+.splitter-h
+{
+  cursor: n-resize;
+  background-position: center 2px;
+}
+
+.splitter-v
+{
+  cursor: e-resize;
+  background-position: 2px center;
+}
+
+.boxtitle
+{
+  height: 12px !important;
+  padding: 4px 20px 3px 20px;
+  border-bottom: 1px solid #999;
+  color: #333;
+  font-size: 11px;
+  font-weight: bold;
+  background-color: #EBEBEB;
+  background-image: url(images/listheader_aqua.gif);
+}
+
+.radios-left label
+{
+  padding-left: 0.3em;
+}
 
 /***** common table settings ******/
 
@@ -247,15 +317,103 @@ table.records-table tr
 
 table.records-table tr.selected td
 {
-  font-weight: bold;
   color: #FFFFFF;
   background-color: #CC3333;
 }
 
+table.records-table tr.focused td
+{
+}
+
+table.records-table tr.unfocused td
+{
+  color: #FFFFFF;
+  background-color: #929292;
+}
+
+
+/***** mac-style quicksearch field *****/
+
+#quicksearchbar
+{
+  position: absolute;
+  top: 55px;
+  right: 20px;
+  width: 182px;
+  height: 20px;
+  text-align: right;
+  background: url('images/searchfield.gif') top left no-repeat;
+}
+
+#quicksearchbar a
+{
+  position: absolute;
+  top: 3px;
+  right: 4px;
+  text-decoration: none;
+}
+
+#quicksearchbar img
+{
+  vertical-align: middle;
+}
+
+#quicksearchbox
+{
+  position: absolute;
+  top: 2px;
+  left: 20px;
+  width: 140px;
+  font-size: 11px;
+  padding: 0px;
+  border: none;
+}
+
+
+/*\*/
+html>body*#quicksearchbar[id$="quicksearchbar"]:not([class="none"]) { background-image: none; }
+html>body*#quicksearchbar[id$="quicksearchbar"]:not([class="none"]) a { top: 5px; }
+html>body*#quicksearchbar[id$="quicksearchbar"]:not([class="none"]) #quicksearchbox { width: 180px; top:0px; right: 1px; left: auto; }
+/**/
 
 
 /***** roundcube webmail pre-defined classes *****/
 
+#rcversion
+{
+  position: absolute;
+  top: 67px;
+  left: 20px;
+  width: 160px;
+  text-align: center;
+
+  font-weight: normal;
+  font-size: x-small;
+  font-variant: small-caps;
+  
+  color: #999999;
+  /*border: 1px solid #308014;
+  background-color: #b4eeb4;*/
+}
+
+#rcmdraglayer
+{
+  min-width: 300px;
+  width: auto !important;
+  width: 300px;
+  border: 1px solid #999999;
+  background-color: #F9F9F9;
+  padding-left: 8px;
+  padding-right: 8px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+  font-size: 11px;
+  white-space: nowrap;
+  opacity: 0.7;
+  -moz-opacity: 0.7;
+  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
+}
+
 a.rcmContactAddress
 {
   text-decoration: none;
@@ -282,12 +440,14 @@ a.rcmContactAddress:hover
 
 #rcmKSearchpane ul li
 {
+  display: block;
   height: 16px;
   font-size: 11px;
-  padding-left: 8px;
+  padding-left: 6px;
   padding-top: 2px;
-  padding-right: 8px;
-  white-space: nowrap;  
+  padding-right: 6px;
+  white-space: nowrap;
+  cursor: pointer;
 }
 
 #rcmKSearchpane ul li.selected