mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-10-08 02:53:13 +02:00
60b9285d71
implement topmenu in idots template set add idots preference to enable topmenu add idots preference to disable general sidebox menu some cleanups in idots framework class some cleanups in egw_framework
438 lines
5.9 KiB
CSS
Executable File
438 lines
5.9 KiB
CSS
Executable File
/*
|
|
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: #006699;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover,a:active
|
|
{
|
|
cursor:pointer;
|
|
color: #ff9933;
|
|
text-decoration: underline;
|
|
}
|
|
.divLoginboxHeader,.divSideboxHeader,a.appTitles,.appTitles,a.textSidebox,.textSidebox,#fmStatusBar
|
|
{
|
|
font-size:90%;
|
|
}
|
|
|
|
.prefSection
|
|
{
|
|
font-weight:bold;
|
|
font-size:145%;
|
|
line-height:40px;
|
|
}
|
|
|
|
#divAppboxHeader
|
|
{
|
|
line-height:28px;
|
|
font-size:125%;
|
|
font-weight:bold;
|
|
color:#666666;
|
|
}
|
|
|
|
#divGenTime,#divPoweredBy
|
|
{
|
|
font-size: 80%;
|
|
color: #ff0000;
|
|
}
|
|
|
|
#divPoweredBy
|
|
{
|
|
color: #000000;
|
|
}
|
|
|
|
/*
|
|
other styling
|
|
*/
|
|
|
|
body
|
|
{
|
|
background-image:url(../images/body-background.png);
|
|
}
|
|
|
|
form
|
|
{
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
|
|
img
|
|
{
|
|
border:0;
|
|
}
|
|
|
|
|
|
input,button,select
|
|
{
|
|
border: solid 1px #bbbbbb;
|
|
}
|
|
|
|
input[type=submit],input[type=button],input[type=reset],button,.egwbutton
|
|
|
|
{
|
|
/* color:white;*/
|
|
background-color:#c5c5c5;
|
|
border: outset 1px #dcdad5;
|
|
background-color:#b9d5e3;
|
|
border: outset 1px #b9d5e3;
|
|
margin: 1px;
|
|
padding: 1px;
|
|
cursor: pointer;
|
|
color: #004e7d;
|
|
/* cursor: hand; */
|
|
}
|
|
|
|
input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button:hover,.egwbutton:hover
|
|
{
|
|
background-color:#94bfd4;
|
|
border: outset 1px #b9d5e3;
|
|
color: #006699;
|
|
color: #004e7d;
|
|
}
|
|
|
|
input[type=submit]:active,input[type=button]:active,input[type=reset]:active,button:active,.egwbutton:active
|
|
|
|
{
|
|
border: inset 1px #bbbbbb;
|
|
}
|
|
|
|
input.egwbutton
|
|
{
|
|
background-color:#c5c5c5;
|
|
border: outset 1px #dcdad5;
|
|
background-color:#b9d5e3;
|
|
border: outset 1px #b9d5e3;
|
|
margin: 1px;
|
|
padding: 1px;
|
|
cursor: pointer;
|
|
color: #004e7d;
|
|
/* cursor: hand; */
|
|
}
|
|
|
|
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;
|
|
/* cursor: hand; */
|
|
border: 0;
|
|
}
|
|
|
|
#thesideboxcolumn
|
|
{
|
|
width: 177px;
|
|
position:relative;
|
|
}
|
|
|
|
.divLoginbox
|
|
{
|
|
position:relative;
|
|
width: 370px;
|
|
border: #9c9c9c 1px solid;
|
|
}
|
|
|
|
.divSidebox
|
|
{
|
|
position:relative;
|
|
border: #9c9c9c 1px solid;
|
|
}
|
|
|
|
.divSideboxHeader,.divLoginboxHeader
|
|
{
|
|
text-align:center;
|
|
background-color:#dddddd;
|
|
padding-top:2px;
|
|
color:#666666;
|
|
}
|
|
|
|
a.divSideboxEntry, .divSideboxEntry
|
|
{
|
|
text-align:left;
|
|
height:16px;
|
|
background-color:#FDFDFD;
|
|
}
|
|
|
|
a.appTitles,.appTitles
|
|
{
|
|
height:18px;
|
|
padding-top:2px;
|
|
padding-bottom:2px;
|
|
}
|
|
|
|
a.textSidebox
|
|
{
|
|
border-top: 0;
|
|
}
|
|
|
|
.textSidebox
|
|
{
|
|
height:18px;
|
|
padding-top:2px;
|
|
padding-bottom:2px;
|
|
border-top: solid #aaaaaa 1px;
|
|
}
|
|
/*
|
|
** make the sidebox entries consistently start with a capital letter
|
|
*/
|
|
.textSidebox:first-letter {
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
.sideboxSpace
|
|
{
|
|
height:9px;
|
|
}
|
|
|
|
.greyLine
|
|
{
|
|
margin:1px;
|
|
border-top:solid 1px #7e7e7e;
|
|
height:1px;
|
|
}
|
|
|
|
#extraIcons
|
|
{
|
|
background-color:#eeeeee;
|
|
border:solid 1px #7e7e7e;
|
|
}
|
|
|
|
.extraIconsRow
|
|
{
|
|
border:solid 1px #dddddd;
|
|
padding:2px;
|
|
}
|
|
|
|
body {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
#divMain,#loginMainDiv
|
|
{
|
|
background-color: white;
|
|
padding: 8px;
|
|
margin: 8px;
|
|
border: solid 1px #7e7e7e;
|
|
}
|
|
|
|
#divLogo
|
|
{
|
|
position:absolute;
|
|
left:30px;
|
|
top:15px;
|
|
z-index:999;
|
|
}
|
|
|
|
#topmenu
|
|
{
|
|
background-color: #0081c1;
|
|
background-image: url(../images/bgtopmenu2.png);
|
|
color:#006699;
|
|
border-top: solid 2px #7e7e7e;
|
|
border-bottom: solid #5793ff 1px;
|
|
height:20px;
|
|
padding-top:4px ;
|
|
line-height:16px;
|
|
}
|
|
#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;
|
|
}
|
|
|
|
#divAppIconBar
|
|
{
|
|
background-color:silver;
|
|
border:solid 1px #9c9c9c;
|
|
background-image: url(../images/background-icon-bar.png);
|
|
background-repeat: repeat-x;
|
|
height: 45px;
|
|
}
|
|
|
|
#divAppTextBar
|
|
{
|
|
background-color:white;
|
|
}
|
|
|
|
#divStatusBar
|
|
{
|
|
background-color:white;
|
|
height:18px;
|
|
padding-left:3px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#tdSidebox
|
|
{
|
|
width:170px;
|
|
background-color:white;
|
|
overflow:visible;
|
|
}
|
|
|
|
#tdAppbox
|
|
{
|
|
background-color:white;
|
|
padding-left:5px;
|
|
width: 100%;
|
|
}
|
|
|
|
#divAppboxHeader
|
|
{
|
|
background-image:url(../images/appbox-header-background.png);
|
|
background-repeat: repeat-x;
|
|
height:36px;
|
|
text-align:center;
|
|
padding-bottom:0px;
|
|
border-top:solid 1px #9c9c9c;
|
|
border-left:solid 1px #9c9c9c;
|
|
border-right:solid 1px #9c9c9c;
|
|
}
|
|
|
|
#divAppbox
|
|
{
|
|
background-color:#ffffff;
|
|
padding:5px;
|
|
border-bottom:solid 1px #9c9c9c;
|
|
border-left:solid 1px #9c9c9c;
|
|
border-right:solid 1px #9c9c9c;
|
|
}
|
|
|
|
#divGenTime,#divPoweredBy
|
|
{
|
|
bottom:4px;
|
|
text-align:center;
|
|
width:99%;
|
|
}
|
|
|
|
/*
|
|
Table formatting
|
|
*/
|
|
.th {
|
|
color: black; background-color: #D3DCE3;
|
|
}
|
|
.row_on {
|
|
color: black;
|
|
background-color: #F1F1F1;
|
|
}
|
|
.row_off {
|
|
color: black;
|
|
background-color: #ffffff;
|
|
}
|
|
.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;
|
|
}
|
|
|
|
/*
|
|
Login page
|
|
*/
|
|
#loginMainDiv {
|
|
padding-top: 24px;
|
|
height: 640px; /* 95% does not work */
|
|
position: relative;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
background-image: url(../images/login-background.jpg);
|
|
}
|
|
#loginScreenMessage {
|
|
text-align: center;
|
|
padding: 10px;
|
|
}
|
|
#loginCdMessage {
|
|
text-align: center;
|
|
padding-bottom: 10px;
|
|
color: red;
|
|
font-style: italic;
|
|
}
|
|
.divLoginboxHeader {
|
|
text-align: center;
|
|
border: #9c9c9c 1px solid; /* does NOT work */
|
|
padding: 0px;
|
|
}
|