egroupware_official/phpgwapi/templates/idots/css/idots.css
Pim Snel 07dd063def i-dots changes:
-  lay-out fixes in header
-  background in loginscreen to make it a little less boring
-  IE fix for wrong z-index with Selectboxes: temporarely hide selectboxes when showing menulayers
-  extra option to disable IE png fix
-  extra option to choose Click or Mouse Over to show menu's
-  extra option to auto hide sideboxmenu's (a lot of people will like this)
-  extra option to use sliders for showing menu, default enabled (see testresults below):

Mozilla-firebird Windows -> OK
Mozilla-firebird Linux -> OK
Internet Explorer 6.0 Windows 2000 - OK
Konqueror 3.1 Linux -> gets very slow, lay-out bugs (don't use this option with konqueror)
Opera 6 Linux -> showing works, hiding not, lay-out bugs (test again please)
Opera 7 Linux -> very annoing bug with temporarely hiding selectboxes (must not be hard to fix, pathes are welcome)

please also test this with Safari, Mac IE 5,  Win IE 5.0 and 5.5 and report bugs at sf
2003-12-15 00:05:28 +00:00

391 lines
5.5 KiB
CSS
Executable File

/*
StyleSheet coding standards:
1. use lowercase if possible
2. format styles like this:
body
{
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif
}
3. existing html elements on top of the document, then all self defined .classes and at last all self defined #id's.
4. close every property with ; also the last one.
*/
body
{
background-image:url(../images/body-background.png);
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:14px;
}
img
{
border-width:0px;
border-style:none;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader;
*/
}
a:link,a:visited
{
cursor:pointer;
color: #006699;
text-decoration: none;
}
/*
a:visited
{
color: #006699;
text-decoration: none;
}
*/
a:hover,a:active
{
cursor:pointer;
color: #ff9933;
text-decoration: underline;
}
/*
a:active
{
color: #006699;
text-decoration: underline;
}
*/
input,button
{
font-size: 11px;
color: #006699;
font-family: Arial, Helvetica, sans-serif;
border: 1px #bbbbbb solid;
}
input[type=submit],input[type=button],button
{
margin:1px;
padding:1px;
cursor: pointer;
cursor: hand;
}
input[type=image]
{
cursor: pointer;
cursor: hand;
border: 0px #bbbbbb none;
}
select
{
font-size: 11px;
color: #006699;
font-family: Arial, Helvetica, sans-serif;
border: 1px #bbbbbb solid;
}
td
{
font-size: 11px;
/* padding-top:1px;
padding-bottom:1px;*/
}
.divLoginbox
{
position:relative;
width: 300px;
border-right: #9c9c9c 1px solid;
border-top: #9c9c9c 1px solid;
border-left: #9c9c9c 1px solid;
border-bottom: #9c9c9c 1px solid
}
.divLoginboxHeader
{
text-align:center;
background-color:#dddddd;
padding-top:2px;
font-size:10px;
color:#666666;
}
.divSidebox
{
position:relative;
width: 147px;
border-right: #9c9c9c 1px solid;
border-top: #9c9c9c 1px solid;
border-left: #9c9c9c 1px solid;
border-bottom: #9c9c9c 1px solid
}
.divSideboxHeader
{
text-align:center;
background-color:#dddddd;
padding-top:2px;
font-size:10px;
color:#666666;
}
a.divSideboxEntry, .divSideboxEntry
{
text-align:left;
height:16px;
background-color:#eeeeee;
}
a.appTitles,.appTitles
{
font-size: 10px;
height:18px;
padding-top:2px;
padding-bottom:2px;
}
a.textSidebox
{
font-size: 10px;
border-top: #aaaaaa 0px none;
}
.textSidebox
{
font-size: 10px;
height:18px;
padding-top:2px;
padding-bottom:2px;
border-top: #aaaaaa 1px solid;
}
.sideboxSpace
{
height:9px;
}
.greyLine
{
margin:1px;
border-top-color:#7e7e7e;
border-top-width:1px;
border-top-style:solid;
height:1px;
}
.prefSection
{
font-weight:bold;
font-size:16px;
line-height:40px;
}
#extraIcons
{
/* position:absolute;
z-index:13;
right:10px;
top:113px;
visibility:hidden;*/
background-image:url(../images/alpha-white.png);
border-width:1px;
border-color:#7e7e7e;
border-style:solid;
}
#divMain
{
background-color:white;
margin-top: 5px;
padding:9px;
border-color:#7e7e7e;
border-width:1px;
border-style:solid;
}
#divLogo
{
position:absolute;
left:20px;
top:14px;
z-index:51;
}
#divAppIconBar
{
background-color:white;
border-top-color:#9c9c9c;
border-top-width:1px;
border-top-style:solid;
background-image: url(../images/background-icon-bar.png);
background-repeat: repeat-x
}
#divAppTextBar
{
background-color:white;
}
#divStatusBar
{
background-color:white;
height:15px;
padding-left:170px;
margin-top: 13px;
/* margin-bottom: 2px;*/
}
/*#divSubContainer
{
}
*/
#tdSidebox
{
width:170px;
background-color:white;
overflow:visible;
}
#tdAppbox
{
background-color:white;
padding-left:5px;
width: 100%;
}
#divSideboxContainer
{
position:relative;
width:150px;
top:0px;
left:0px;
background-color:white;
border-width:1px;
border-style:solid;
z-index:40;
}
#divAppboxHeader
{
/*width:100%;*/
background-image:url(../images/appbox-header-background.png);
background-repeat: repeat-x;
height:36px;
line-height:28px;
text-align:center;
/* padding-top:7px;*/
padding-bottom:0px;
font-size:14px;
font-weight:bold;
color:#666666;
border-top-color:#9c9c9c;
border-top-width:1px;
border-top-style:solid;
border-left-color:#9c9c9c;
border-left-width:1px;
border-left-style:solid;
border-right-color:#9c9c9c;
border-right-width:1px;
border-right-style:solid;
}
#divAppbox
{
/* width:100%;*/
background-color:#f7f7f7;
padding:5px;
border-bottom-color:#9c9c9c;
border-bottom-width:1px;
border-bottom-style:solid;
border-left-color:#9c9c9c;
border-left-width:1px;
border-left-style:solid;
border-right-color:#9c9c9c;
border-right-width:1px;
border-right-style:solid;
}
#fmStatusBar
{
margin-left:4px;
margin-bottom:3px;
font-size: 10px;
/* font-family: Verdana, Arial, Helvetica, sans-serif;*/
}
.fmButton
{
background-image:url(../images/buttonbackground.png);
width:28px;
height:28px;
background-repeat: no-repeat;
}
#fmLocation
{
position:relative;
/*background-image:url(../images/buttonbackgroundscaled.png);
background-repeat: repeat-x;*/
/*margin-left:4px;*/
margin-bottom:3px;
height:27px;
}
#fmMenu
{
position:relative;
}
#fmFileWindow
{
background-color:#ffffff;
margin-left:4px;
padding:5px;
position:relative;
border-right: #cccccc 1px solid;
border-top: #9c9c9c 2px solid;
border-left: #9c9c9c 2px solid;
border-bottom: #cccccc 1px solid
}
#user_info
{
}
#admin_info
{
position:relative;
text-align:right;
}
#divGenTime
{
bottom:14px;
font-size: 9px;
color: #ff0000;
text-align:center;
width:99%;
}
#divPoweredBy
{
bottom:14px;
font-size: 9px;
color: #000000;
text-align:center;
width:99%;
}