4e29019fe4
Monotone-Parent: 21ae9d2d632db73281a8277df02900d3e48a6e98 Monotone-Revision: d2a18ee270f6f56d867a35a22b04527b38be2819 Monotone-Author: wsourdeau@inverse.ca Monotone-Date: 2006-07-05T21:15:46 Monotone-Branch: ca.inverse.sogo
339 lines
6.7 KiB
CSS
339 lines
6.7 KiB
CSS
/* SOGo UI Stylesheet */
|
|
|
|
/* common stuff */
|
|
|
|
body {
|
|
color: #000000;
|
|
font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
|
|
font-size: 10pt;
|
|
background-color: #dbdad5;
|
|
margin: 0px;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
a:link {
|
|
color: #0033CC;
|
|
font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
|
|
text-decoration: none;
|
|
}
|
|
a:visited {
|
|
color: #660066;
|
|
font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
|
|
text-decoration: none;
|
|
}
|
|
a:hover {
|
|
color: #FF0000;
|
|
font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.linecolor {
|
|
background-color: #06348B;
|
|
}
|
|
|
|
.defaultfont {
|
|
text-decoration: none;
|
|
font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
|
|
font-size: 8pt;
|
|
color: #000000;
|
|
}
|
|
|
|
.window_label {
|
|
color: #06348b;
|
|
font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
|
|
font-size: 12pt;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.homepagefont {
|
|
text-decoration: none;
|
|
font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
|
|
font-size: 10pt;
|
|
color: #000000;
|
|
}
|
|
|
|
|
|
/* tabs */
|
|
|
|
.tab {
|
|
color: #000000;
|
|
background-color: #e8e8e0;
|
|
font-size: 10pt;
|
|
text-decoration: none;
|
|
width: 100px;
|
|
height: 22px;
|
|
border-top: 1px solid #06348b;
|
|
border-right: 1px solid #06348b;
|
|
}
|
|
|
|
.tab a {
|
|
color: #000000;
|
|
border: none;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.tab_selected {
|
|
color: #000000;
|
|
background-color: #f5f5e9;
|
|
font-size: 10pt;
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
width: 100px;
|
|
height: 22px;
|
|
border-top: 1px solid #06348b;
|
|
border-right: 1px solid #06348b;
|
|
}
|
|
|
|
.tab_selected a {
|
|
color: #000000;
|
|
border: none;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.tabview_body {
|
|
background-color: #f5f5e9;
|
|
}
|
|
|
|
|
|
/* buttons */
|
|
|
|
.button_auto_env {
|
|
height: 16px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.button_auto_env a {
|
|
text-decoration: none;
|
|
color: #000000;
|
|
}
|
|
|
|
.button_auto_env a:hover {
|
|
text-decoration: underline;
|
|
color: #ff0000;
|
|
}
|
|
|
|
.button_auto {
|
|
height: 20px;
|
|
border-style: outset;
|
|
border-color: #DDDDDD;
|
|
border-width: 2px;
|
|
color: #000000;
|
|
background-color: #e8e8e0;
|
|
font-size: 8pt;
|
|
font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
|
|
letter-spacing: 0pt;
|
|
text-decoration: none;
|
|
color: #000000;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.button_submit_env {
|
|
height: 24px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.button_submit_env a {
|
|
text-decoration: none;
|
|
color: #000000;
|
|
}
|
|
|
|
.button_submit_env a:hover {
|
|
text-decoration: underline;
|
|
color: #ff0000;
|
|
}
|
|
|
|
.button_submit {
|
|
height: 30px;
|
|
border-style: outset;
|
|
border-color: #DDDDDD;
|
|
border-width: 2px;
|
|
color: #000000;
|
|
background-color: #e8e8e0;
|
|
font-size: 8pt;
|
|
font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
|
|
letter-spacing: 0pt;
|
|
text-decoration: none;
|
|
color: #000000;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
padding-top: 2px;
|
|
padding-bottom: 3px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* header */
|
|
|
|
div#header {
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
padding: 0;
|
|
border-bottom: 1px solid #000000;
|
|
}
|
|
div#header img.headerlogo {
|
|
float: right;
|
|
width: 182px;
|
|
height: 30px;
|
|
}
|
|
|
|
div#header div#headerhistory {
|
|
font-size: 11px;
|
|
color: #000000;
|
|
margin: 0px;
|
|
padding-top: 18px;
|
|
height: 12px;
|
|
}
|
|
div#header a, div#header span {
|
|
margin: 0px;
|
|
}
|
|
div#header span#navtitle {
|
|
font-weight: bold;
|
|
}
|
|
div#header a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* the dock */
|
|
|
|
a.skydockfont {
|
|
text-decoration: none;
|
|
font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
|
|
font-size: 8pt;
|
|
color: #06348B;
|
|
}
|
|
font.skydockfont {
|
|
text-decoration: none;
|
|
font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
|
|
font-size: 8pt;
|
|
color: #06348B;
|
|
}
|
|
font.skydockfont_inactiveMail {
|
|
text-decoration: none;
|
|
font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
|
|
font-size: 8pt;
|
|
color: #CCCCCC;
|
|
font-weight: bold;
|
|
}
|
|
font.skydockfont_newMail {
|
|
text-decoration: none;
|
|
font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
|
|
font-size: 8pt;
|
|
color: #06348B;
|
|
font-weight: bold;
|
|
}
|
|
table.skytextdocktable {
|
|
padding: 0px;
|
|
table-layout: auto;
|
|
}
|
|
|
|
|
|
DIV.linkbanner
|
|
{
|
|
background: #222;
|
|
width: 100%;
|
|
top: 0px;
|
|
left: 0px;
|
|
z-index: 100;
|
|
color: #aaa;
|
|
}
|
|
|
|
DIV.linkbanner A
|
|
{
|
|
top: 0px;
|
|
left: 0px;
|
|
color: #ddd;
|
|
text-decoration: none;
|
|
padding: .2em .5em;
|
|
}
|
|
|
|
DIV.linkbanner A:hover
|
|
{ color: #dd5; }
|
|
|
|
|
|
.linkbannerlinks {
|
|
font-size: medium;
|
|
vertical-align: bottom;
|
|
text-align: left;
|
|
}
|
|
|
|
.linkbannerimage {
|
|
text-align: right;
|
|
}
|
|
|
|
.toolbar
|
|
{ left: 0px;
|
|
border-top: 1px solid #fffffb;
|
|
border-bottom: 1px solid #020100;
|
|
width: 100%;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
height: 3.7em;
|
|
}
|
|
|
|
A.toolbarButton
|
|
{ color: #000;
|
|
text-decoration: none; }
|
|
|
|
SPAN.toolbarButton
|
|
{ display: block;
|
|
text-align: center;
|
|
width: 5em;
|
|
height: 2.5em;
|
|
float: left;
|
|
padding: .5em;
|
|
border: 1px solid transparent; }
|
|
|
|
SPAN.toolbarSeparator
|
|
{ display: block;
|
|
float: left;
|
|
height: 90%;
|
|
border-left: 1px solid #aaa;
|
|
border-right: 1px solid #fff;
|
|
margin-left: .5em;
|
|
margin-right: .5em;
|
|
margin-top: .2em;
|
|
margin-bottom: 0px;
|
|
width: 0px;
|
|
padding: 0px; }
|
|
|
|
SPAN.toolbarButton:hover
|
|
{ background: #eee;
|
|
border-top: 1px solid #fffffb;
|
|
border-left: 1px solid #fffffb;
|
|
border-right: 1px solid #020100;
|
|
border-bottom: 1px solid #020100; }
|
|
|
|
SPAN.toolbarButton:active
|
|
{ background: #aaa;
|
|
border-top: 1px solid #020100;
|
|
border-left: 1px solid #020100;
|
|
border-right: 1px solid #fffffb;
|
|
border-bottom: 1px solid #fffffb; }
|
|
|
|
.toolbarButton IMG.buttonImage
|
|
{ border: 0px;
|
|
margin: auto; }
|
|
|
|
.toolbarButton .buttonLabel
|
|
{ width: 100%;
|
|
margin: auto; }
|