egroupware_official/felamimail/templates/default/app.css

479 lines
8.8 KiB
CSS

textarea
{
font-family: monospace, sans-serif;
font-size: 120%;
}
th.activetab
{
color:#000000;
background-color:#D3DCE3;
border-top : 1px solid Silver;
border-left : 1px solid Silver;
border-right : 1px solid Silver;
}
th.inactivetab
{
color:#000000;
background-color:#E8F0F0;
border-bottom : 1px solid Silver;
}
.defaultProfile { color:#000000; font-weight:bold !important; }
.td_left
{
border-left : 1px solid Gray;
border-top : 1px solid Gray;
}
.input_text {
border : 1px solid Silver;
}
.td_right
{
border-right : 1px solid Gray;
border-top : 1px solid Gray;
}
.text_small { font-size: 10px; }
.text_small_bold { font-size: 10px; font-weight : bold; }
div.activetab{ display:inline; }
div.inactivetab{ display:none; }
.quoted1 { color:#660066; }
.quoted2 { color:#007777; }
.quoted3 { color:#990000; }
.quoted4 { color:#000099; }
.quoted5 { color:#bb6600; }
tr.mail div {
cursor: default;
white-space: nowrap;
}
tr.mail a {
cursor: pointer;
white-space: nowrap;
}
tr.recent div,
tr.recent a,
tr.unseen div,
tr.unseen a {
color: #003075;
font-weight: bold;
}
tr.label1 div,
tr.label1 a {
color: #ff0080 !important;
}
tr.label2 div,
tr.label2 a {
color: #ff8000 !important;
}
tr.label3 div,
tr.label3 a {
color: #008000 !important;
}
tr.label4 div,
tr.label4 a {
color: #0000ff !important;
}
tr.label5 div,
tr.label5 a {
color: #8000ff !important;
}
tr.flagged div,
tr.flagged a {
color: #ff0000 !important;
}
tr.prio_high div,
tr.prio_high a {
color: #ac0000 !important;
}
tr.deleted div,
tr.deleted a {
color: silver;
text-decoration : line-through;
}
span.status_img {
display: inline-block;
width: 12px;
height: 12px;
background-repeat: no-repeat;
background-image: url(images/kmmsgread.png);
}
tr.deleted span.status_img {
background-image: url(images/kmmsgdel.png);
}
tr.unseen span.status_img {
background-image: url(images/kmmsgunseen.png);
}
tr.flagged_seen span.status_img {
background-image: url(images/read_flagged_small.png) !important;
}
tr.flagged_unseen span.status_img {
background-image: url(images/unread_flagged_small.png) !important;
}
tr.recent span.status_img {
background-image: url(images/kmmsgnew.png) !important;
}
tr.replied span.status_img {
background-image: url(images/kmmsgreplied.png) !important;
}
tr.forwarded span.status_img {
background-image: url(images/kmmsgforwarded.png) !important;
}
.subjectBold
{
FONT-SIZE: 12px;
font-weight : bold;
font-family : Arial;
}
.subject
{
FONT-SIZE: 12px;
font-family : Arial;
}
/*
-- Why is felamimail changing the appereance of the whole egroupware page? - Commented that code out (andreas)
body
{
background-image:url(images/body-background.png);;
}
.body
{
FONT-SIZE: 12px;
font-family : Arial;
}
*/
TR.NewSieveRule, A.NewSieveRule
{
color: Silver;
font-style: italic;
}
TR.sieveRowActive, TR.sieveRowInActive
{
FONT-SIZE: 11px;
height : 20px;
padding: 0;
background-color: White;
}
TR.sieveRowInActive
{
color: Silver;
}
TR.sieveRowActive:hover, TR.sieveRowInActive
{
background-color: #F6F7F4;
}
A.sieveRowActive
{
height : 14px;
padding: 0;
}
A.sieveRowInActive
{
height : 14px;
color: Silver;
}
.dtree {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
white-space: nowrap;
}
.dtree img {
border: 0px;
vertical-align: middle;
}
.dtree a {
color: #333;
text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
white-space: nowrap;
padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
color: #333;
text-decoration: underline;
}
.dtree a.nodeSel {
background-color: #c0d2ec;
}
.dtree .clip {
overflow: hidden;
}
.dtree table, .dtree tr, .dtree td {
border: none;
}
tr.navbarBackground {
background-color:#dddddd;
}
div.parentDIV {
background-color:#dddddd;
position: relative;
top: 0px;
left: 0px;
}
div.navButton {
background-color:#dddddd;
float:left;
padding: 2px;
margin: 2px;
border: solid #dddddd 1px;
}
div.navButton:hover, div.navButtonHover {
background-color:#eeeeee;
float:left;
padding: 2px;
margin: 2px;
border: solid white 1px;
border-right: solid black 1px;
border-bottom: solid black 1px;
position: relative;
}
div.navButton:active, div.navButtonActive {
background-color:#dddddd;
float:left;
padding: 2px;
margin: 2px;
border: solid white 1px;
border-left: solid black 1px;
border-top: solid black 1px;
position: relative;
}
div.navSeparator {
background-color:#dddddd;
float:left;
padding: 0px;
margin: 2px;
border: solid silver 1px;
height:24px;
position: relative;
}
div.inactiveResultRow {
background-color: white;
text-align: left;
}
div.activeResultRow {
background-color: silver;
text-align: left;
}
div.resultBoxHidden {
width: 450px;
position: absolute;
display: none;
}
div.resultBoxVisible {
border: solid 1px black;
width: 450px;
position: absolute;
display: block;
background: white;
max-height: 25%;
overflow: auto;
}
button.menuButton {
float:left;
padding: 2px;
margin: 2px;
border: solid #dddddd 1px;
position: relative;
height: 25px;
width: 26px;
background-color:#dddddd;
}
button.menuButton:hover {
background-color:#eeeeee;
float:left;
padding: 2px;
margin: 2px;
border: solid white 1px;
border-right: solid black 1px;
border-bottom: solid black 1px;
position: relative;
height: 25px;
width: 26px;
}
button.menuButton:active {
background-color:#dddddd;
float:left;
padding: 2px;
margin: 2px;
border: solid white 1px;
border-left: solid black 1px;
border-top: solid black 1px;
position: relative;
}
fieldset.bordertop {
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:1px solid silver;
}
TD.mainscreenRow {
border-bottom:1px solid #CCCCEE;
}
DIV.divButton {
width:16px;
height:16px;
border: 0px solid red;
background-repeat:no-repeat;
background-position: center center;
}
#navbarDIV {
position:absolute;
top:0px;
height:30px;
left:0px;
right:0px;
border: solid white 1px;
border-right: solid black 1px;
border-bottom: solid black 1px;
}
#subjectDIV {
position:fixed;
background-color:#ffffff;
top:32px;
min-height:20px;
width:100%;
font-weight:bold;
text-align:left;
line-height:20px;
}
#headerDIV {
position:absolute;
background-color:#efefdf;
top:52px;
height:80px;
left:0px;
right:0px;
border-top: 1px solid silver;
border-bottom: 1px solid silver;
overflow:hidden;
}
.bodyDIV {
position:absolute;
background-color:white;
top:134px;
bottom:0px;
width:100%;
border-top: 1px solid #efefdf;
}
.bodyDIVAttachment {
bottom:80px;
}
#messageIFRAME {
width:100%;
border:0px solid black;
height:99%;
}
#attachmentSpanAllDIV{
background-color:#efefdf;
height:260px;
overflow:auto;
}
#attachmentDIV {
position:fixed;
background-color:#efefdf;
bottom:0px;
min-height:80px;
max-height:239px;
width:100%;
border-top: 1px solid silver;
overflow:auto;
}
#popupattachmentDIV {
position:top;
background-color:#efefdf;
bottom:0px;
min-height:80px;
max-height:239px;
width:100%;
border-top: 1px solid silver;
overflow:auto;
}
pre {
white-space: pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
width: 99%;
}
/*
* we need the the image displayed with our buttons on the left side
*/
input[type=button] {
background-position: left;
}
/*
* new dialog style definitions
*/
#contentdialog {padding:20px}
#dialog {position:absolute; width:425px; padding:10px; z-index:200; background:#fff}
#dialog-header {display:block; position:relative; width:411px; padding:3px 6px 7px; height:14px; font-size:14px; font-weight:bold}
#dialog-title {float:left}
#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px; background:url(images/dialog_close.gif) no-repeat}
#dialog-content {display:block; height:160px; padding:6px; color:#666666; font-size:13px}
#dialog-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:#FFF; opacity:.75; filter:alpha(opacity=75); z-index:100}
.error {background:#fff url(images/error_bg.jpg) bottom right no-repeat; border:1px solid #924949; border-top:none}
.errorheader {background:url(images/error_header.gif) repeat-x; color:#6f2c2c; border:1px solid #924949; border-bottom:none}
.warning {background:#fff url(images/warning_bg.jpg) bottom right no-repeat; border:1px solid #c5a524; border-top:none}
.warningheader {background:url(images/warning_header.gif) repeat-x; color:#957c17; border:1px solid #c5a524; border-bottom:none}
.success {background:#fff url(images/success_bg.jpg) bottom right no-repeat; border:1px solid #60a174; border-top:none}
.successheader {background:url(images/success_header.gif) repeat-x; color:#3c7f51; border:1px solid #60a174; border-bottom:none}
.prompt {background:#fff url(images/prompt_bg.jpg) bottom right no-repeat; border:1px solid #4f6d81; border-top:none}
.promptheader {background:url(images/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none}