X-Git-Url: https://git.donarmstrong.com/?a=blobdiff_plain;f=plugins%2Fmanagesieve%2Fskins%2Fdefault%2Fmanagesieve.css;h=60f632504a0af627d97bcabffc17f6394c635622;hb=76507f7c63a660742e76889ad6e3919f3dde3bb0;hp=675c5d0dc9d8c589a12f51db6767466303aca9a4;hpb=4212156c5c79d2f58342feb0d3ed1893f177bcab;p=roundcube.git

diff --git a/plugins/managesieve/skins/default/managesieve.css b/plugins/managesieve/skins/default/managesieve.css
index 675c5d0..60f6325 100644
--- a/plugins/managesieve/skins/default/managesieve.css
+++ b/plugins/managesieve/skins/default/managesieve.css
@@ -1,162 +1,98 @@
-/***** Roundcube|Filters styles *****/
-
-
-#filterslist
+#filtersetslistbox
 {
   position: absolute;
-  left: 20px;
-  top: 120px;
-  bottom: 20px;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 195px;
   border: 1px solid #999999;
-  overflow: auto;
+  background-color: #F9F9F9;
+  overflow: hidden;
   /* css hack for IE */
-  height: expression((parseInt(document.documentElement.clientHeight)-140)+'px');
+  height: expression(parseInt(this.parentNode.offsetHeight)+'px');
 }
 
-#filters-table
+#filtersscreen
 {
-  width: 100%;
-  table-layout: fixed;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 205px;
   /* css hack for IE */
-  width: expression(document.getElementById('filterslist').clientWidth);
+  height: expression(parseInt(this.parentNode.offsetHeight)+'px');
 }
 
-#filters-table tbody td
+#filterslistbox
 {
-  cursor: pointer;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  border: 1px solid #999999;
+  overflow: auto;
+  /* css hack for IE */
+  height: expression(parseInt(this.parentNode.offsetHeight)+'px');
 }
 
-#filters-table tbody tr.disabled td
+#filterslist,
+#filtersetslist
 {
-  color: #999999;
+  width: 100%;
+  table-layout: fixed;
 }
 
-#filtersbuttons
+#filterslist tbody td,
+#filtersetslist tbody td
 {
-  position: absolute;
-  left: 20px;
-  top: 85px;
+  cursor: default;
+  text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
 }
 
-#filtersetsbuttons
+#filterslist tbody tr.disabled td,
+#filtersetslist tbody tr.disabled td
 {
-  position: absolute;
-  left: 230px;
-  top: 85px;
+  color: #999999;
 }
 
-#filtersbuttons a,
-#filtersetsbuttons a
+#filtersetslist tbody td
 {
-  display: block;
-  float: left;
+  font-weight: bold;
 }
-
-#filtersbuttons a.button,
-#filtersbuttons a.buttonPas,
-#filtersetsbuttons a.button,
-#filtersetsbuttons a.buttonPas
+/*
+#filtersetslist tr.selected
 {
-  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 */
+  background-color: #929292;
+  border-bottom: 1px solid #898989;
+  color: #FFF;
+  font-weight: bold;
 }
+*/
 
-#filtersbuttons a.buttonPas,
-#filtersetsbuttons a.buttonPas
+#filterslist tbody tr.filtermoveup td
 {
-  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;
+  border-top: 2px dotted #555;
+  padding-top: 0px;
 }
 
-#filtersetsbuttons a.setget {
-  background-position: -224px 0px;
-}
-
-#filtersetsbuttons a.setgetsel {
-  background-position: -224px -32px;
-}
-
-#filtersetselect
+#filterslist tbody tr.filtermovedown td
 {
-  position: absolute;
-  left: 375px;
-  top: 90px;
+  border-bottom: 2px dotted #555;
+  padding-bottom: 1px;
 }
 
 #filter-box
 {
   position: absolute;
-  top: 120px;
-  right: 20px;
-  bottom: 20px;
+  top: 0;
+  right: 0;
+  bottom: 0;
   border: 1px solid #999999;
   overflow: hidden;
   /* css hack for IE */
-  width: expression((parseInt(document.documentElement.clientWidth)-40-parseInt(document.getElementById('filterslist').offsetWidth))+'px');
-  height: expression((parseInt(document.documentElement.clientHeight)-140)+'px');
+  width: expression((parseInt(this.parentNode.offsetWidth)-20-parseInt(document.getElementById('filterslistbox').offsetWidth))+'px');
+  height: expression(parseInt(this.parentNode.offsetHeight)+'px');
 }
 
 #filter-frame
@@ -166,13 +102,15 @@
 
 body.iframe
 {
-  min-width: 740px;
-  width: expression(Math.max(740, document.documentElement.clientWidth)+'px');
+  min-width: 620px;
+  width: expression(Math.max(620, document.documentElement.clientWidth)+'px');
+  background-color: #F2F2F2;
 }
 
 #filter-form
 {
-  min-width: 650px;
+  min-width: 550px;
+  width: expression(Math.max(550, document.documentElement.clientWidth)+'px');
   white-space: nowrap;
   padding: 20px 10px 10px 10px;
 }
@@ -208,7 +146,37 @@ div.rulerow:hover, div.actionrow:hover
 div.rulerow table, div.actionrow table
 {
   padding: 0px;
-  width: 100%;
+  min-width: 600px;
+  width: expression(Math.max(600, document.documentElement.clientWidth)+'px');
+}
+
+td
+{
+  vertical-align: top;
+}
+
+td.advbutton
+{
+  width: 1%;
+}
+
+td.advbutton a
+{
+  display: block;
+  padding-top: 14px;
+  height: 6px;
+  width: 12px;
+  text-decoration: none;
+}
+
+td.advbutton a.show
+{
+  background: url(images/down_small.gif) center no-repeat;
+}
+
+td.advbutton a.hide
+{
+  background: url(images/up_small.gif) center no-repeat;
 }
 
 td.rowbuttons
@@ -222,13 +190,20 @@ td.rowactions
 {
   white-space: nowrap;
   width: 1%;
+  padding-top: 2px;
 }
 
 td.rowtargets
 {
   white-space: nowrap;
   width: 98%;
-  padding-left: 10px;
+  padding-left: 3px;
+  padding-top: 2px;
+}
+
+td.rowtargets div.adv
+{
+  padding-top: 3px;
 }
 
 input.disabled, input.disabled:hover
@@ -245,8 +220,15 @@ input.box,
 input.radio
 {
   border: 0;
+  margin-top: 0;
 }
 
+select.operator_selector
+{
+  width: 200px;
+}
+
+td.rowtargets span,
 span.label
 {
   color: #666666;
@@ -259,7 +241,7 @@ span.label
   padding-top: 5px;
   width: 100%;
 }
-  
+
 #footer .footerleft
 {
   padding-left: 2px;
@@ -294,3 +276,47 @@ span.sieve.error
 {
   width: 200px;
 }
+
+a.button.add
+{
+  background: url(images/add.png) no-repeat;
+  width: 30px;
+  height: 20px;
+  margin-right: 4px;
+  display: inline-block;
+}
+
+a.button.del
+{
+  background: url(images/del.png) no-repeat;
+  width: 30px;
+  height: 20px;
+  display: inline-block;
+}
+
+a.button.disabled
+{
+  opacity: 0.35;
+  filter: alpha(opacity=35);
+  cursor: default;
+}
+
+#filter-form select,
+#filter-form input,
+#filter-form textarea
+{
+  font-size: 11px;
+}
+
+/* fixes for popup window */
+
+body.iframe.mail
+{
+  margin: 0;
+  padding: 0;
+}
+
+body.iframe.mail #filter-form
+{
+  padding: 10px 5px 5px 5px;
+}