X-Git-Url: https://git.donarmstrong.com/?a=blobdiff_plain;f=plugins%2Fmanagesieve%2Fskins%2Fdefault%2Fmanagesieve.css;h=60f632504a0af627d97bcabffc17f6394c635622;hb=76507f7c63a660742e76889ad6e3919f3dde3bb0;hp=ce2493626009e202f4b50709c01dc36f19623fac;hpb=b68022ca3782d5eb5a1a7ef6f8cf7abe1dc15bd6;p=roundcube.git diff --git a/plugins/managesieve/skins/default/managesieve.css b/plugins/managesieve/skins/default/managesieve.css index ce24936..60f6325 100644 --- a/plugins/managesieve/skins/default/managesieve.css +++ b/plugins/managesieve/skins/default/managesieve.css @@ -1,86 +1,120 @@ -/***** RoundCube|Filters styles *****/ +#filtersetslistbox +{ + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 195px; + border: 1px solid #999999; + background-color: #F9F9F9; + overflow: hidden; + /* css hack for IE */ + height: expression(parseInt(this.parentNode.offsetHeight)+'px'); +} +#filtersscreen +{ + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 205px; + /* css hack for IE */ + height: expression(parseInt(this.parentNode.offsetHeight)+'px'); +} -#filterslist +#filterslistbox { position: absolute; - left: 20px; - width: 220px; - top: 130px; - bottom: 30px; + left: 0; + top: 0; + bottom: 0; border: 1px solid #999999; - background-color: #F9F9F9; overflow: auto; /* css hack for IE */ - height: expression((parseInt(document.documentElement.clientHeight)-155)+'px'); + height: expression(parseInt(this.parentNode.offsetHeight)+'px'); } -#filters-table +#filterslist, +#filtersetslist { width: 100%; table-layout: fixed; - /* css hack for IE */ - width: expression(document.getElementById('filterslist').clientWidth); } -#filters-table tbody td +#filterslist tbody td, +#filtersetslist tbody td { - cursor: pointer; + cursor: default; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; } -#filtersbuttons +#filterslist tbody tr.disabled td, +#filtersetslist tbody tr.disabled td { - position: absolute; - left: 20px; - top: 95px; + color: #999999; +} + +#filtersetslist tbody td +{ + font-weight: bold; +} +/* +#filtersetslist tr.selected +{ + background-color: #929292; + border-bottom: 1px solid #898989; + color: #FFF; + font-weight: bold; +} +*/ + +#filterslist tbody tr.filtermoveup td +{ + border-top: 2px dotted #555; + padding-top: 0px; +} + +#filterslist tbody tr.filtermovedown td +{ + border-bottom: 2px dotted #555; + padding-bottom: 1px; } #filter-box { position: absolute; - top: 95px; - left: 250px; - right: 20px; - bottom: 30px; + top: 0; + right: 0; + bottom: 0; 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(this.parentNode.offsetWidth)-20-parseInt(document.getElementById('filterslistbox').offsetWidth))+'px'); + height: expression(parseInt(this.parentNode.offsetHeight)+'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'); + 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; - 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 +123,87 @@ 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; + 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 { - width: 98%; text-align: right; white-space: nowrap; + width: 1%; } -td.rowactions, td.rowtargets +td.rowactions { + white-space: nowrap; width: 1%; + padding-top: 2px; +} + +td.rowtargets +{ white-space: nowrap; + width: 98%; + padding-left: 3px; + padding-top: 2px; +} + +td.rowtargets div.adv +{ + padding-top: 3px; } input.disabled, input.disabled:hover @@ -147,11 +220,103 @@ input.box, input.radio { border: 0; + margin-top: 0; } +select.operator_selector +{ + width: 200px; +} + +td.rowtargets span, span.label { color: #666666; 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; +} + +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; +}