Imported Upstream version 0.5

[roundcube.git] / plugins / managesieve / skins / default / managesieve.css

diff --git a/plugins/managesieve/skins/default/managesieve.css b/plugins/managesieve/skins/default/managesieve.css
index ce2493626009e202f4b50709c01dc36f19623fac..675c5d0dc9d8c589a12f51db6767466303aca9a4 100644 (file)
--- a/plugins/managesieve/skins/default/managesieve.css
+++ b/plugins/managesieve/skins/default/managesieve.css
@@ -1,18 +1,16 @@
-/***** RoundCube|Filters styles *****/
+/***** Roundcube|Filters styles *****/
 
 
 #filterslist
 {
   position: absolute;
   left: 20px;
-  width: 220px;
-  top: 130px;
-  bottom: 30px;
+  top: 120px;
+  bottom: 20px;
   border: 1px solid #999999;
-  background-color: #F9F9F9;
   overflow: auto;
   /* css hack for IE */
-  height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
+  height: expression((parseInt(document.documentElement.clientHeight)-140)+'px');
 }
 
 #filters-table
@@ -28,36 +26,146 @@
   cursor: pointer;
 }
 
+#filters-table tbody tr.disabled td
+{
+  color: #999999;
+}
+
 #filtersbuttons
 {
   position: absolute;
   left: 20px;
-  top: 95px;
+  top: 85px;
+}
+
+#filtersetsbuttons
+{
+  position: absolute;
+  left: 230px;
+  top: 85px;
+}
+
+#filtersbuttons a,
+#filtersetsbuttons a
+{
+  display: block;
+  float: left;
+}
+
+#filtersbuttons a.button,
+#filtersbuttons a.buttonPas,
+#filtersetsbuttons a.button,
+#filtersetsbuttons a.buttonPas
+{
+  display: block;
+  float: left;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  margin-right: 3px;
+  overflow: hidden;
+  background: url(managesieve_toolbar.png) 0 0 no-repeat transparent;
+  opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
+}
+
+#filtersbuttons a.buttonPas,
+#filtersetsbuttons a.buttonPas
+{
+  filter: alpha(opacity=35);
+  opacity: 0.35;
+}
+
+#filtersbuttons a.add {
+  background-position: 0px 0px;
+}
+
+#filtersbuttons a.addsel {
+  background-position: 0 -32px;
+}
+
+#filtersbuttons a.del {
+  background-position: -32px 0px;
+}
+
+#filtersbuttons a.delsel {
+  background-position: -32px -32px;
+}
+
+#filtersbuttons a.up {
+  background-position: -64px 0px;
+}
+
+#filtersbuttons a.upsel {
+  background-position: -64px -32px;
+}
+
+#filtersbuttons a.down {
+  background-position: -96px 0px;
+}
+
+#filtersbuttons a.downsel {
+  background-position: -96px -32px;
+}
+
+#filtersetsbuttons a.setadd {
+  background-position: -128px 0px;
+}
+
+#filtersetsbuttons a.setaddsel {
+  background-position: -128px -32px;
+}
+
+#filtersetsbuttons a.setdel {
+  background-position: -160px 0px;
+}
+
+#filtersetsbuttons a.setdelsel {
+  background-position: -160px -32px;
+}
+
+#filtersetsbuttons a.setset {
+  background-position: -192px 0px;
+}
+
+#filtersetsbuttons a.setsetsel {
+  background-position: -192px -32px;
+}
+
+#filtersetsbuttons a.setget {
+  background-position: -224px 0px;
+}
+
+#filtersetsbuttons a.setgetsel {
+  background-position: -224px -32px;
+}
+
+#filtersetselect
+{
+  position: absolute;
+  left: 375px;
+  top: 90px;
 }
 
 #filter-box
 {
   position: absolute;
-  top: 95px;
-  left: 250px;
+  top: 120px;
   right: 20px;
-  bottom: 30px;
+  bottom: 20px;
   border: 1px solid #999999;
   overflow: hidden;
   /* css hack for IE */
-  width: expression((parseInt(document.documentElement.clientWidth)-30-parseInt(document.getElementById('filterslist').offsetLeft)-parseInt(document.getElementById('filterslist').offsetWidth))+'px');
-  height: expression((parseInt(document.documentElement.clientHeight)-120)+'px');
+  width: expression((parseInt(document.documentElement.clientWidth)-40-parseInt(document.getElementById('filterslist').offsetWidth))+'px');
+  height: expression((parseInt(document.documentElement.clientHeight)-140)+'px');
 }
 
 #filter-frame
 {
-  background-color: #F9F9F9;
   border: none;
 }
 
 body.iframe
 {
-  background-color: #F9F9F9;
   min-width: 740px;
   width: expression(Math.max(740, document.documentElement.clientWidth)+'px');
 }
@@ -66,21 +174,9 @@ body.iframe
 {
   min-width: 650px;
   white-space: nowrap;
-  background-color: #F9F9F9;
   padding: 20px 10px 10px 10px;
 }
 
-#filter-form input, select
-{
-  font-size: 10pt;
-  font-family: inherit;
-}
-
-fieldset
-{
-  background-color: white;
-}
-
 legend, label
 {
   color: #666666;
@@ -89,48 +185,50 @@ legend, label
 #rules, #actions
 {
   margin-top: 5px;
-  width: 100%;
   padding: 0;
   border-collapse: collapse;
 }
 
 div.rulerow, div.actionrow
 {
-  width: 100%;
+  width: auto;
   padding: 2px;
   white-space: nowrap;
-  float: left;
-  border: 1px solid white;
-  display: block;
+  border: 1px solid #F2F2F2;
 }
 
 div.rulerow:hover, div.actionrow:hover
 {
   padding: 2px;
   white-space: nowrap;
-  display: block;
-  float: left;
-  background: #F2F2F2;
+  background: #F9F9F9;
   border: 1px solid silver;
 }
 
 div.rulerow table, div.actionrow table
 {
-  width: 100%;
   padding: 0px;
+  width: 100%;
 }
 
 td.rowbuttons
 {
-  width: 98%;
   text-align: right;
   white-space: nowrap;
+  width: 1%;
 }
 
-td.rowactions, td.rowtargets
+td.rowactions
 {
+  white-space: nowrap;
   width: 1%;
+}
+
+td.rowtargets
+{
   white-space: nowrap;
+  width: 98%;
+  padding-left: 10px;
 }
 
 input.disabled, input.disabled:hover
@@ -155,3 +253,44 @@ span.label
   font-size: 10px;
   white-space: nowrap;
 }
+
+#footer
+{
+  padding-top: 5px;
+  width: 100%;
+}
+  
+#footer .footerleft
+{
+  padding-left: 2px;
+  white-space: nowrap;
+  float: left;
+}
+
+#footer .footerright
+{
+  padding-right: 2px;
+  white-space: nowrap;
+  text-align: right;
+  float: right;
+}
+
+.itemlist
+{
+  line-height: 25px;
+}
+
+.itemlist input
+{
+  vertical-align: middle;
+}
+
+span.sieve.error
+{
+  color: red;
+}
+
+#managesieve-tip
+{
+  width: 200px;
+}