You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
258 lines
4.0 KiB
CSS
258 lines
4.0 KiB
CSS
/***** RoundCube|Filters styles *****/
|
|
|
|
|
|
#filterslist
|
|
{
|
|
position: absolute;
|
|
left: 20px;
|
|
width: 220px;
|
|
top: 120px;
|
|
bottom: 30px;
|
|
border: 1px solid #999999;
|
|
background-color: #F9F9F9;
|
|
overflow: auto;
|
|
/* css hack for IE */
|
|
height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
|
|
}
|
|
|
|
#filters-table
|
|
{
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
/* css hack for IE */
|
|
width: expression(document.getElementById('filterslist').clientWidth);
|
|
}
|
|
|
|
#filters-table tbody td
|
|
{
|
|
cursor: pointer;
|
|
}
|
|
|
|
#filtersbuttons
|
|
{
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 85px;
|
|
}
|
|
|
|
#filtersetsbuttons
|
|
{
|
|
position: absolute;
|
|
left: 250px;
|
|
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;
|
|
}
|
|
|
|
#filtersetselect
|
|
{
|
|
position: absolute;
|
|
left: 380px;
|
|
top: 90px;
|
|
}
|
|
|
|
#filter-box
|
|
{
|
|
position: absolute;
|
|
top: 120px;
|
|
left: 250px;
|
|
right: 20px;
|
|
bottom: 30px;
|
|
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)-155)+'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');
|
|
}
|
|
|
|
#filter-form
|
|
{
|
|
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;
|
|
}
|
|
|
|
#rules, #actions
|
|
{
|
|
margin-top: 5px;
|
|
width: 100%;
|
|
padding: 0;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
div.rulerow, div.actionrow
|
|
{
|
|
width: 100%;
|
|
padding: 2px;
|
|
white-space: nowrap;
|
|
float: left;
|
|
border: 1px solid white;
|
|
display: block;
|
|
}
|
|
|
|
div.rulerow:hover, div.actionrow:hover
|
|
{
|
|
padding: 2px;
|
|
white-space: nowrap;
|
|
display: block;
|
|
float: left;
|
|
background: #F2F2F2;
|
|
border: 1px solid silver;
|
|
}
|
|
|
|
div.rulerow table, div.actionrow table
|
|
{
|
|
width: 100%;
|
|
padding: 0px;
|
|
}
|
|
|
|
td.rowbuttons
|
|
{
|
|
width: 98%;
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
td.rowactions, td.rowtargets
|
|
{
|
|
width: 1%;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
input.disabled, input.disabled:hover
|
|
{
|
|
color: #999999;
|
|
}
|
|
|
|
input.error, textarea.error
|
|
{
|
|
background-color: #FFFF88;
|
|
}
|
|
|
|
input.box,
|
|
input.radio
|
|
{
|
|
border: 0;
|
|
}
|
|
|
|
span.label
|
|
{
|
|
color: #666666;
|
|
font-size: 10px;
|
|
white-space: nowrap;
|
|
}
|