egroupware/phpgwapi/templates/jerryr/css/jerryr.css

1015 lines
16 KiB
CSS

/*
font styling
allowed attributes: font-family,font-size,color,font-weight
*/
body,td
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
select,input,button
{
color: #006699;
font-family: Arial, Helvetica, sans-serif;
font-size:110%;
}
select
{
font-size:100%;
}
a:link,a:visited
{
cursor:pointer;
color: #727f8a;
text-decoration: none;
}
a:hover,a:active
{
cursor:pointer;
color: #9a3028;
text-decoration: underline;
}
.prefSection
{
font-weight:bold;
font-size:145%;
line-height:40px;
}
#divGenTime,#divPoweredBy
{
font-size: 80%;
color: #ff0000;
}
#divPoweredBy
{
color: #000000;
}
/*
other styling
*/
body
{
background-color:#9f9f9f;
padding: 0px;
margin: 0px;
}
form
{
margin:0px;
padding:0px;
}
img
{
border:0;
}
input,button,select
{
border: solid 1px #bbbbbb;
color: #17202b;
}
input[type=submit],input[type=button],input[type=reset],button,.egwbutton
{
background-color:#c5c5c5;
border: 1px solid #dddddd;
background-color:#fbf8f1;
background-image: url(../images/butInactive.png);
border: solid 1px #7e94a5;
margin: 1px;
padding: 1px;
cursor: pointer;
color: #17202b;
}
input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button:hover,.egwbutton:hover
{
background-color:#88b4e1;
background-image: url(../images/butHover.png);
border: 1px solid #bd9300;
color: #17202b;
}
input[type=submit]:active,input[type=button]:active,input[type=reset]:active,button:active,.egwbutton:active
{
background-image: url(../images/butActive.png);
border: 1px solid #7e94a5;
color: #17202b;
}
input.egwbutton
{
background-color:#c5c5c5;
border: outset 1px #dcdad5;
background-color:#b9d5e3;
border: outset 1px #b9d5e3;
margin: 1px;
padding: 1px;
cursor: pointer;
color: #004e7d;
}
input.egwbutton:hover
{
background-color:#94bfd4;
border: outset 1px #b9d5e3;
color: #006699;
color: #004e7d;
}
input.egwbutton:active
{
border: inset 1px #bbbbbb;
}
input[type=image]
{
cursor: pointer;
border: 0;
}
/*
Sidebox - Loginbox Style ***BEGIN***
*/
#tdSidebox
{
width:170px;
overflow:auto;
}
#thesideboxcolumn
{
width: 177px;
position:relative;
}
#sideresize
{
background-image:url(../images/resize.png);
width:10px;
height:100px;
right:-12px;
top:0px;
position:absolute;
z-index:9999;
}
.divLoginbox
{
position:relative;
width: 370px;
border: #9f9f9f 1px solid;
}
.divSidebox
{
position: relative;
border: 1px solid #9f9f9f;
overflow:auto;
}
.divLoginboxHeader,.divSideboxHeader,a.appTitles,.appTitles,a.textSidebox,.textSidebox,#fmStatusBar
{
font-size:90%;
}
.textSideboxStar
{
font-size:90%;
background-color: #a7c4db;
border-right: 1px solid #9f9f9f;
width: 20px;
}
.divSideboxHeader,.divLoginboxHeader
{
text-align:center;
background-image:url(../images/menuTitle.png);
color:#17202b;
/*height: 18px;*/
font-weight:bold;
font-size:12px;
}
.menuHeadLt
{
padding:0px;
width: 24px;
height:18px;
}
.menuHeadMid
{
padding:0px;
margin-left: auto;
margin-right: auto;
}
.menuHeadRt
{
width:24px;
padding:0px;
height: 18px;
}
a.divSideboxEntry, .divSideboxEntry
{
text-align:left;
height:18px;
background-color:#fbf8f1;
border-top: 1px solid #9f9f9f;
}
a.appTitles,.appTitles
{
height:25px;
}
a.textSidebox
{
border-top: 0;
}
.textSidebox
{
padding-left: 2px;
border-top: solid #9f9f9f 1px;
overflow:auto;
}
.textSideboxHover
{
background-color: #ede6d8;
background-repeat: repeat-x;
border-top: 1px solid #9f9f9f;
padding-left: 2px;
font-size: 10px;
}
.textSideboxHover:first-letter
{
text-transform:uppercase;
}
.textSideboxSpacer
{
height:18px;
padding-left: 0px;
border-top: solid #9f9f9f 1px;
}
.slideoutBack
{
background-image: url(../images/divmain-background.jpg);
background-repeat: no-repeat;
background-color:white;
border: #17202b 1px solid;
padding:10px;
width: 203px;
}
.sideboxDrop
{
position: relative;
left: 0px;
top: 0px;
}
.textSidebox:first-letter
{
text-transform:uppercase;
}
.sideboxSpace
{
height:11px;
}
/*
Sidebox - Loginbox Style ***END***
*/
.greyLine
{
margin:1px;
border-top:solid 1px #7e7e7e;
height:1px;
}
/*
Drop Shadow ***BEGIN***
*/
.menuOneBox
{
position: relative;
left: 0;
text-align: left;
background-image: url(../images/shadowAlpha.png);
}
/*
Drop Shadow ***END***
*/
/*
Extra Icons Menu ***BEGIN***
*/
#extraIcons
{
background-color:#fbf8f1;
border:solid 1px #17202b;
position: relative;
left: -4px;
top: -4px;
}
.extraIconsHeader
{
text-align:center;
background-image:url(../images/menuTitle.png);
color:#17202b;
font-weight:normal;
font-size:10px;
height: 18px;
}
.extraIconsRowIcon
{
border-right: 1px solid #9f9f9f;
background-color: #a7c4db;
width: 20px;
padding: 1px;
}
.extraIconsRow
{
border-top:solid 1px #9f9f9f;
padding:1px;
padding-left: 3px;
font-size: 10px;
background-color: #fbf8f1;
}
.extraIconsRow:hover
{
border-top:solid 1px #9f9f9f;
padding:1px;
padding-left: 3px;
font-size: 10px;
background-color: #ede6d8;
}
/*
Extra Icons Menu ***END***
*/
body {
padding: 0px;
}
#divMain,#popupMainDiv
{
background-image:url(../images/divmain-background.jpg);
background-repeat:no-repeat;
background-color:white;
padding:9px;
padding-top: 0px; /* CHANGED RALF */
border:solid 1px #17202b;
border-bottom-style:none;
}
#divLogo
{
position:absolute;
left:27px;
top:20px;
z-index:999;
}
#popupMainDiv
{
padding:9px;
margin: 9px;
}
#topmenu
{
background-color: #0081c1;
background-image: url(../images/hilitetest.png);
color:#006699;
border-top: solid 1px #17202b;
border-right: 1px solid #17202b;
border-left: 1px solid #17202b;
border-bottom: solid #5793ff 0px;
height:24px;
padding-top:4px ;
}
#topmenu a
{
color:#006699;
}
#topmenu_items
{
float:left;
}
#topmenu_info
{
float:right;
}
#divUpperTabs
{
text-align:right;
height: 15px;
margin-right: 10px;
}
#divUpperTabs ul
{
display:inline;
margin:0;
padding:10px 10px 0 1px;
list-style:none;
}
#divUpperTabs li
{
float:right;
margin:0 5px 0 0;;
padding:0 5px 0 5px;
border:solid 1px #9c9c9c;
border-bottom: 0px;
}
/*
App Icon Bar ***BEGIN***
*/
#divAppIconBar
{
height: 57px;
padding:1px;
}
.iconBackFirstCell
{
background-image: url(../images/firstcell.png);
background-repeat: no-repeat;
height: 58px;
}
.appIconTbl
{
padding:0px;
background-image: url(../images/rtbump.png);
background-repeat: no-repeat;
background-position: top right;
vertical-align: top;
color: white;
}
.iconBack
{
background-image: url(../images/iconBackBlue.png);
border-right: 1px solid #9f9f9f;
height: 38px;
padding:0px;
}
.iconBackHover
{
background-image: url(../images/iconBackYellow.png);
border-right: 1px solid #9f9f9f;
cursor: pointer;
}
#divAppTextBar
{
}
/*
App Icon Bar ***END***
*/
#divStatusBar
{
position: relative;
top:0px;
left:0px;
vertical-align:bottom;
border: 0px solid black;
padding-top:10px;
}
.userinfolt
{
background-image: url(../images/userbacklt.png);
width: 20px;
height: 25px;
}
.userinfomid
{
background-image: url(../images/userback.png);
background-repeat: repeat-x;
color: #000000;
}
.userinfort
{
background-image: url(../images/userbackrt.png);
width: 20px;
}
/*
Appbox ***BEGIN***
*/
#tdAppbox
{
padding-left:11px;
width: 100%;
}
#divAppboxHeader
{
line-height:18px;
font-size:12px;
font-weight:bold;
background-image:url(../images/appTitleBar.png);
height:18px;
text-align:center;
padding-bottom:0px;
border:solid 1px #17202b;
}
#divAppbox
{
background-color:#fbf8f1;
padding:5px;
border-bottom:solid 1px #17202b;
border-left:solid 1px #17202b;
border-right:solid 1px #17202b;
}
/*
Appbox ***END***
*/
#admin_info
{
position:relative;
text-align:right;
}
#divGenTime,#divPoweredBy
{
bottom:4px;
text-align:center;
width:99%;
}
/*
Table formatting
*/
.th {
color: black; background-color: #f9f4e2;
background-image: url(../images/hilitetest.png);
}
.row_on {
color: black;
background-color: #ededed;
}
.row_off {
color: black;
background-color: #fbf9f2;
}
.narrow_column { width: 1%; white-space: nowrap; }
/*
Printing
*/
@media screen { .onlyPrint { display: none; } }
@media print { .noPrint { display: none; } }
/*
Portal_box as used in home
*/
.portal_box {
border: #9c9c9c 1px solid;
}
.portal_box table {
border: 1px solid black;
}
.portal_box_header {
height: 15px;
padding-top: 0px;
}
/*
Preferences tabs
*/
.tablink
{
white-space: nowrap;
padding-left: 15px;
padding-right: 15px;
}
/* eGroupWare popup */
#egwpopup {
background-color: #fbf8f1;
border: 1px solid #17202b;
}
#egwpopup hr {
border: none;
border-top: 1px solid #17202b;
height: 1px;
}
#egwpopup_header {
background-image: url(../images/appTitleBar.png);
height: 18px;
line-height: 18px;
margin: 0;
padding: 0;
font-size:12px;
font-weight: bold;
color: #17202b;
text-align: center;
border-bottom: 1px solid #17202b;
}
#egwpopup_message {
margin: 0;
padding: 7px;
overflow: auto;
}
#egwpopup_message > table {
font-size: 95%;
}
#egwpopup_message .link {
cursor: pointer;
}
#egwpopup_footer {
margin: 0;
padding: 7px;
border: none;
border-top: 1px solid #17202b;
text-align: center;
}
.selectbg
{
position:absolute;
z-index:10;
overflow:hidden;
width:250px;
}
.iframeforselectbox
{
display:block;
height:250px;
left:10pt;
position:absolute;
top:10pt;
width:224px;
z-index:-1;
border: 0px;
}
.bdforselection{;padding:12px;}
/* new dialog style */
.prompt {background:#fff url(../../default/images/prompt_bg.jpg) bottom right no-repeat; border:1px solid #4f6d81;}
.promptheader {background:url(../../default/images/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none; height:24px}
.egwGridView_grid tr.row_on {
background-color: transparent;
}
.egwGridView_grid tr.row_off {
background-color: transparent;
}
.narrow_column { width: 1%; white-space: nowrap; }
.egwGridView_outer table.egwGridView_grid {
table-layout: fixed;
}
.egwGridView_grid {
border-spacing: 0;
border-collapse: collapse;
}
.egwGridView_outer div.innerContainer.queued {
background-image: url(../../default/images/egw_action/ajax-loader.gif);
background-position: center;
background-repeat: no-repeat;
height: 19px;
}
.egwGridView_grid > tbody > tr.focused > td {
background-image: url(../../default/images/egw_action/focused_hatching.png);
background-repeat: repeat;
}
.egwGridView_grid > tbody > tr.selected > td {
background-color: #b7c3ff;
}
.egwGridView_grid tr.draggedOver td {
background-color: #ffd09c !important;
}
.egwGridView_scrollarea {
width: 100%;
overflow: auto;
}
.egwGridView_spacer {
background-image: url(../../default/images/egw_action/non_loaded_bg.png);
background-position: top left;
}
.egwGridView_outer {
table-layout: fixed;
border-spacing: 0;
border-collapse: collapse;
padding: 0;
/* margin: 5px;*/
}
.egwGridView_outer td, .egwGridView_outer tr {
padding: 0;
margin: 0;
}
.egwGridView_grid > tbody > tr > td {
border-right: 1px solid silver;
border-bottom: 1px solid #e0e0e0;
padding: 2px 3px 2px 4px;
margin: 0;
}
.egwGridView_outer th div.innerContainer,
.egwGridView_grid td div.innerContainer {
margin: 0;
padding: 0;
display: block;
overflow: hidden;
}
.egwGridView_grid tr.fullRow {
font-style: italic;
}
.egwGridView_grid tr.row_on:hover,
.egwGridView_grid tr.row_off:hover,
.egwGridView_grid tr.row:hover {
background-color: #f0f0ff;
}
.egwGridView_grid tr {
padding: 2px 3px 2px 4px;
margin: 0;
}
.egwGridView_grid tr.hidden {
display: none;
}
.egwGridView_grid span.indentation {
display: inline-block;
}
.egwGridView_grid span {
vertical-align: middle;
}
.egwGridView_grid span.iconOverlayContainer {
margin: 2px 5px 2px 2px;
position: relative;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
overflow: visible;
display: inline-block;
}
.egwGridView_grid span.overlayContainer {
position: absolute;
right: -2px;
bottom: -2px;
vertical-align: bottom;
text-align: right;
}
.egwGridView_grid span.iconContainer {
display: inline-block;
padding: 0;
margin: 0;
text-align: center;
}
.egwGridView_grid span.overlayContainer img.overlay {
position: relative;
top: 1px;
margin: 0;
padding: 0;
}
.egwGridView_grid img.icon {
vertical-align: middle;
margin: 0;
}
.egwGridView_grid span.arrow {
display: inline-block;
vertical-align: middle;
width: 8px;
height: 8px;
background-repeat: no-repeat;
margin-right: 2px;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.egwGridView_grid span.arrow.opened {
cursor: pointer;
background-image: url(../../default/images/egw_action/arrows.png);
background-position: -8px 0;
}
.egwGridView_grid span.arrow.closed {
cursor: pointer;
background-image: url(../../default/images/egw_action/arrows.png);
background-position: 0 0;
}
.egwGridView_grid span.arrow.loading {
cursor: pointer;
background-image: url(../../default/images/egw_action/ajax-loader.gif);
background-position: 0 0;
}
.egwGridView_grid span.caption {
cursor: default;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.egwGridView_grid tr.th > td, /*legacy*/
.egwGridView_outer thead th,
.nextmatch_header, .lettersearch {
background-color: #E0E0E0;
font-weight: normal;
padding: 2px;
text-align: left;
border-left: 1px solid silver;
border-top: 1px solid silver;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
background-image: url(../../default/images/egw_action/header_overlay.png);
background-position: center;
background-repeat: repeat-x;
}
.lettersearch, .lettersearch_active {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width: 25px;
border: 1px solid #D3DCE3;
text-align: center;
cursor: pointer;
}
.lettersearch_active,.lettersearch:hover {
border: 1px solid black;
background-color: #E8F0F0;
}
.lettersearch_active {
font-weight: bold;
}
td.lettersearch {
border-color: #E0E0E0;
background-image: url(../../idots/images/gradient22.png);
}
.nextmatch_header tr {
background: none;
}
.nextmatch_header {
padding: 0px;
}
.egwGridView_grid tr.th > td:hover, /*legacy*/
.egwGridView_outer thead th:hover {
background-color: #F0F0F0;
}
.egwGridView_grid tr.th > td:active, /*legacy*/
.egwGridView_outer thead th:active {
background-color: #D0D0D0;
border-left: 1px solid gray;
border-top: 1px solid gray;
border-right: 1px solid silver;
border-bottom: 1px solid silver;
}
.egwGridView_outer thead th.optcol {
padding: 0;
text-align: center;
}
.selectcols {
display: inline-block;
width: 10px;
height: 9px;
margin: 0;
padding: 0;
vertical-align: middle;
background-image: url(../../default/images/egw_action/selectcols.png);
background-position: center;
background-repeat: no-repeat;
}
.nextmatch_header .selectcols {
background: none;
height: auto;
}
.egwGridView_grid td.frame,
.egwGridView_outer td.frame,
.egwGridView_grid td.egwGridView_spacer {
padding: 0 !important;
border-right: 0 none silver !important;
border-bottom: 0 none silver !important;
}
.egwGridView_outer span.sort {
display: inline-block;
width: 7px;
height: 7px;
background-repeat: no-repeat;
background-position: center;
margin: 2px;
vertical-align: middle;
}
.egwGridView_outer span.sort.asc {
background-image: url(../../idots/images/up.png);
}
.egwGridView_outer span.sort.desc {
background-image: url(../../idots/images/down.png);
}
.egwGridView_grid input[type=checkbox],
.egwGridView_outer input[type=checkbox] {
border-width: 0;
}
.egwGridView_outer input[type=checkbox] {
margin-left: 2px;
}
.egwGridView_grid input[type=checkbox] {
margin: 0;
}