sogo/UI/WebServerResources/UIxMailSearch.css

215 lines
3.5 KiB
CSS
Raw Normal View History

2014-08-06 20:49:36 +02:00
/*************** Table adjustment *****************/
2014-08-11 15:25:09 +02:00
TABLE#searchMailHeader
{ width: 100%;
margin-bottom: 1em; }
2014-08-06 20:49:36 +02:00
TABLE#searchFiltersList
2014-08-06 20:49:36 +02:00
{
border: 1px solid #909090;
padding-top:2px;
2014-08-06 20:49:36 +02:00
border-radius: 3px;
2014-08-11 15:25:09 +02:00
display:inline-block;
max-height:105px;
height:105px;
2014-08-06 20:49:36 +02:00
overflow:auto;
width:100%;
2014-08-06 20:49:36 +02:00
}
DIV#resultsTable
2014-08-06 20:49:36 +02:00
{
border: 1px solid #909090;
border-radius: 3px;
overflow-y: auto;
}
TD#mailAccountsCell {
overflow:hidden;
white-space: nowrap;
2014-08-06 20:49:36 +02:00
}
.buttonsCell
{
width:1%;
}
.inputsCell
{
width:45%;
}
.td_table_1, .td_table_2, .td_table_3, .td_table_4 {
cursor:default;
2014-08-06 20:49:36 +02:00
}
TD.sortasc {
background:#bfc2bf;
background-image: url(/SOGo.woa/WebServerResources/arrow-up.png);
background-repeat: no-repeat;
background-position:right center;
}
TD.sortdesc {
background:#bfc2bf;
background-image: url(/SOGo.woa/WebServerResources/arrow-down.png);
background-repeat: no-repeat;
background-position:right center;
2014-08-06 20:49:36 +02:00
}
2014-08-11 15:25:09 +02:00
.td_header {
border-bottom: solid #909090 1px;
border-right: solid #909090 1px;
height:18px;
width:20%;
2014-08-11 15:25:09 +02:00
cursor:pointer;
background: -webkit-linear-gradient(left top, #f0f1f0 , #e6e7e6); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom right, #f0f1f0, #e6e7e6); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right, #f0f1f0, #e6e7e6); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom right, #f0f1f0 , #e6e7e6); /* Standard syntax */
}
.td_header:hover
{text-decoration: underline; }
#buttonExpandHeader {
width:10px;
2014-08-11 15:25:09 +02:00
}
@-moz-document url-prefix() {
#buttonExpandHeader {
width:1.5%;
border-right:0;
}
2014-08-11 15:25:09 +02:00
}
2014-08-06 20:49:36 +02:00
/*************** Button adjustment *****************/
#headerButtons
{
width:171px;
white-space: nowrap;
2014-08-06 20:49:36 +02:00
}
#searchButton, #cancelButton
{
margin-top:0;
}
.searchByList, .searchArgumentsList, .searchInput
{
width:100%;
}
DIV#optionsButtons
2014-08-11 15:25:09 +02:00
{
position:absolute;
bottom:10px;
}
2014-08-06 20:49:36 +02:00
.button
{
font-style:normal;
}
2014-08-11 15:25:09 +02:00
#resizeFrame
{
text-align: -webkit-right;
margin-top:1em;
}
#resizeButton
{
display:inline-block;
text-align: -webkit-center;
}
#resultsFound {
position:absolute;
bottom:20px;
2014-08-11 15:25:09 +02:00
right:10px;
}
#imgPosition
{ z-index: 1;
position:relative; }
2014-08-11 15:25:09 +02:00
#listCollapse img
{ position: absolute; }
#listCollapse img.collapse
{ clip: rect(0 18px 18px 0);
top: -9px;
right: -22px; }
2014-08-11 15:25:09 +02:00
#listCollapse img.collapse:hover
{ clip: rect(0 36px 18px 18px);
top: -9px;
right: -4px; }
2014-08-11 15:25:09 +02:00
#listCollapse img.rise
{ clip: rect(18px 18px 36px 0);
top: -27px;
right:-22px;
}
2014-08-11 15:25:09 +02:00
#listCollapse img.rise:hover
{ clip: rect(18px 36px 36px 18px);
top: -27px;
right:-4px; }
@-moz-document url-prefix() {
#listCollapse img
{ position: absolute; }
#listCollapse img.collapse
{ clip: rect(0 18px 18px 0);
top: 2px;
right: -16px; }
#listCollapse img.collapse:hover
{ clip: rect(0 36px 18px 18px);
top: 2px;
right: 2px; }
#listCollapse img.rise
{ clip: rect(18px 18px 36px 0);
top: -16px;
right:-16px;
}
#listCollapse img.rise:hover
{ clip: rect(18px 36px 36px 18px);
top: -16px;
right:2px; }
}
2014-08-11 15:25:09 +02:00
#filterButtons
{
2014-08-06 20:49:36 +02:00
width:40px;
2014-08-11 15:25:09 +02:00
cursor:pointer;
}
/* Glow */
.glow {
display: inline-block;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.glow:hover, .glow:focus, .glow:active {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
2014-08-06 20:49:36 +02:00
}
/*************** Lists *****************/
.hidden
{ display:none; }
2014-08-11 15:25:09 +02:00