holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

cleaned up css-file, make all fontsizes relative for future 508 Accessibility support

Browse Source
This commit is contained in:
Pim Snel 2004-10-18 15:49:49 +00:00
parent cf3f10911e
commit 9739e104a4
2 changed files with 103 additions and 210 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

287
phpgwapi/templates/idots/css/idots.css
View File

@ -1,26 +1,77 @@
/* /*
StyleSheet coding standards: font styling
allowed attributes: font-family,font-size,color,font-weight
*/
1. use lowercase if possible body,td
2. format styles like this:
body
{ {
font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
font-family: Verdana, Arial, Helvetica, sans-serif font-size: 11px;
} }
3. existing html elements on top of the document, then all self defined .classes and at last all self defined #id's. select,input,button
{
color: #006699;
font-family: Arial, Helvetica, sans-serif;
font-size:110%;
}
4. close every property with ; also the last one. 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 body
{ {
background-image:url(../images/body-background.png); background-image:url(../images/body-background.png);
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:3px; padding:3px;
} }
@ -32,51 +83,20 @@ form
img img
{ {
border-width:0px; border:0;
border-style:none;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader;
*/
} }
a:link,a:visited
{
cursor:pointer;
color: #006699;
text-decoration: none;
}
/* input,button,select
a:visited
{ {
color: #006699; border: solid 1px #bbbbbb;
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: 12px;
color: #006699;
font-family: Arial, Helvetica, sans-serif;
border: 1px #bbbbbb solid;
} }
input[type=submit],input[type=button],input[type=reset],button input[type=submit],input[type=button],input[type=reset],button
{ {
margin:1px; border: outset 1px #bbbbbb;
padding:1px; margin: 1px;
padding: 1px;
cursor: pointer; cursor: pointer;
cursor: hand; cursor: hand;
} }
@ -85,60 +105,27 @@ input[type=image]
{ {
cursor: pointer; cursor: pointer;
cursor: hand; cursor: hand;
border: 0px #bbbbbb none; border: 0;
}
select
{
font-size: 11px;
color: #006699;
font-family: Arial, Helvetica, sans-serif;
border: 1px #bbbbbb solid;
} }
td .divLoginbox,.divSidebox
{
/* global tags should never be defined here [ndee]*/
font-size: 11px;
/* removed text-align:left; [ndee]*/
/* padding-top:1px;
padding-bottom:1px;*/
}
.divLoginbox
{ {
position:relative; position:relative;
width: 370px; width: 370px;
border-right: #9c9c9c 1px solid; border: #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 .divSidebox
{ {
position:relative;
width: 147px; width: 147px;
border-right: #9c9c9c 1px solid;
border-top: #9c9c9c 1px solid;
border-left: #9c9c9c 1px solid;
border-bottom: #9c9c9c 1px solid
} }
.divSideboxHeader .divSideboxHeader,.divLoginboxHeader
{ {
text-align:center; text-align:center;
background-color:#dddddd; background-color:#dddddd;
padding-top:2px; padding-top:2px;
font-size:10px;
color:#666666; color:#666666;
} }
@ -151,7 +138,6 @@ a.divSideboxEntry, .divSideboxEntry
a.appTitles,.appTitles a.appTitles,.appTitles
{ {
font-size: 10px;
height:18px; height:18px;
padding-top:2px; padding-top:2px;
padding-bottom:2px; padding-bottom:2px;
@ -159,18 +145,15 @@ a.appTitles,.appTitles
a.textSidebox a.textSidebox
{ {
font-size: 10px; border-top: 0;
border-top: #aaaaaa 0px none;
} }
.textSidebox .textSidebox
{ {
font-size: 10px;
height:18px; height:18px;
padding-top:2px; padding-top:2px;
padding-bottom:2px; padding-bottom:2px;
border-top: #aaaaaa 1px solid; border-top: solid #aaaaaa 1px;
} }
.sideboxSpace .sideboxSpace
@ -181,38 +164,19 @@ a.textSidebox
.greyLine .greyLine
{ {
margin:1px; margin:1px;
border-top-color:#7e7e7e; border-top:solid 1px #7e7e7e;
border-top-width:1px;
border-top-style:solid;
height:1px; height:1px;
} }
.prefSection
{
font-weight:bold;
font-size:16px;
line-height:40px;
}
#extraIcons #extraIcons
{ {
/* position:absolute;
z-index:13;
right:10px;
top:113px;
visibility:hidden;*/
/* background-image:url(../images/alpha-white.png);*/
background-color:#eeeeee; background-color:#eeeeee;
border-width:1px; border:solid 1px #7e7e7e;
border-color:#7e7e7e;
border-style:solid;
} }
.extraIconsRow .extraIconsRow
{ {
border-top-color:#dddddd; border:solid 1px #dddddd;
border-top-width:1px;
border-top-style:solid;
padding:2px; padding:2px;
} }
@ -221,9 +185,7 @@ a.textSidebox
background-color:white; background-color:white;
margin-top: 5px; margin-top: 5px;
padding:9px; padding:9px;
border-color:#7e7e7e; border:solid 1px #7e7e7e;
border-width:1px;
border-style:solid;
} }
#divLogo #divLogo
@ -237,9 +199,7 @@ a.textSidebox
#divAppIconBar #divAppIconBar
{ {
background-color:white; background-color:white;
border-top-color:#9c9c9c; border-top:solid 1px #9c9c9c;
border-top-width:1px;
border-top-style:solid;
background-image: url(../images/background-icon-bar.png); background-image: url(../images/background-icon-bar.png);
background-repeat: repeat-x background-repeat: repeat-x
} }
@ -255,13 +215,8 @@ a.textSidebox
height:15px; height:15px;
padding-left:10px; padding-left:10px;
margin-top: 13px; margin-top: 13px;
/* margin-bottom: 2px;*/
} }
/*#divSubContainer
{
}
*/
#tdSidebox #tdSidebox
{ {
width:170px; width:170px;
@ -269,99 +224,66 @@ a.textSidebox
overflow:visible; overflow:visible;
} }
#tdAppbox #tdAppbox
{ {
background-color:white; background-color:white;
padding-left:5px; padding-left:5px;
width: 100%; width: 100%;
} }
#divSideboxContainer
{
position:relative;
width:150px;
top:0px;
left:0px;
background-color:white;
border-width:1px;
border-style:solid;
z-index:40;
}
#divAppboxHeader #divAppboxHeader
{ {
/*width:100%;*/
background-image:url(../images/appbox-header-background.png); background-image:url(../images/appbox-header-background.png);
background-repeat: repeat-x; background-repeat: repeat-x;
height:36px; height:36px;
line-height:28px;
text-align:center; text-align:center;
/* padding-top:7px;*/
padding-bottom:0px; padding-bottom:0px;
font-size:14px; border-top:solid 1px #9c9c9c;
font-weight:bold; border-left:solid 1px #9c9c9c;
color:#666666; border-right:solid 1px #9c9c9c;
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 #divAppbox
{ {
/* width:100%;*/
background-color:#f7f7f7; background-color:#f7f7f7;
padding:5px; padding:5px;
border-bottom-color:#9c9c9c; border-bottom:solid 1px #9c9c9c;
border-bottom-width:1px; border-left:solid 1px #9c9c9c;
border-bottom-style:solid; border-right:solid 1px #9c9c9c;
border-left-color:#9c9c9c;
border-left-width:1px;
border-left-style:solid;
border-right-color:#9c9c9c;
border-right-width:1px;
border-right-style:solid;
} }
/*
this must move to the filemanager app
*/
#fmStatusBar #fmStatusBar
{ {
margin-left:4px; margin-left:4px;
margin-bottom:3px; margin-bottom:3px;
font-size: 10px;
/* font-family: Verdana, Arial, Helvetica, sans-serif;*/
} }
.fmButton .fmButton
{ {
background-repeat: no-repeat;
background-image:url(../images/buttonbackground.png); background-image:url(../images/buttonbackground.png);
width:28px; width:28px;
height:28px; height:28px;
background-repeat: no-repeat;
} }
#fmLocation #fmLocation
{ {
position:relative; position:relative;
/*background-image:url(../images/buttonbackgroundscaled.png);
background-repeat: repeat-x;*/
/*margin-left:4px;*/
margin-bottom:3px; margin-bottom:3px;
height:27px; height:27px;
} }
#fmMenu #fmMenu
{ {
position:relative; position:relative;
} }
#fmFileWindow #fmFileWindow
{ {
background-color:#ffffff; background-color:#ffffff;
@ -374,33 +296,16 @@ a.textSidebox
border-bottom: #cccccc 1px solid border-bottom: #cccccc 1px solid
} }
#user_info
{
}
#admin_info #admin_info
{ {
position:relative; position:relative;
text-align:right; text-align:right;
} }
#divGenTime #divGenTime,#divPoweredBy
{ {
bottom:14px; bottom:14px;
font-size: 9px;
color: #ff0000;
text-align:center; text-align:center;
width:99%; width:99%;
} }
#divPoweredBy
{
bottom:14px;
font-size: 9px;
color: #000000;
text-align:center;
width:99%;
}

18
phpgwapi/templates/idots/login.tpl
View File

@ -26,7 +26,7 @@
<![endif]--> <![endif]-->
</head> </head>
<body bgcolor="#ffffff"> <body>
<div id="divLogo"><a href="{logo_url}" target="_blank"><img src="{logo_file}" border="0" alt="{logo_title}" title="{logo_title}"/></a></div> <div id="divLogo"><a href="{logo_url}" target="_blank"><img src="{logo_file}" border="0" alt="{logo_title}" title="{logo_title}"/></a></div>
<div id="divMain"style= "background-repeat:no-repeat;background-position: center center;background-image:url(./phpgwapi/templates/idots/images/login-background.jpg)"> <div id="divMain"style= "background-repeat:no-repeat;background-position: center center;background-image:url(./phpgwapi/templates/idots/images/login-background.jpg)">
@ -39,9 +39,6 @@
<tr> <tr>
<td width="100%"><img src="./phpgwapi/templates/idots/images/spacer.gif" width="1" height="68" alt="spacer" /></td> <td width="100%"><img src="./phpgwapi/templates/idots/images/spacer.gif" width="1" height="68" alt="spacer" /></td>
</tr> </tr>
<!-- <tr>
<td width="100%">&nbsp;</td>
</tr>-->
</table> </table>
</td> </td>
@ -57,9 +54,6 @@
<div align="center">{cd}</div> <div align="center">{cd}</div>
<p>&nbsp;</p> <p>&nbsp;</p>
<form name="login_form" method="post" action="{login_url}"> <form name="login_form" method="post" action="{login_url}">
<!-- <table class=sidebox cellspacing=1 cellpadding=0 border=1 align=center> -->
<table class="divLoginbox" cellspacing="0" cellpadding="0" border="0" align="center"> <table class="divLoginbox" cellspacing="0" cellpadding="0" border="0" align="center">
<tr> <tr>
<td class="divLoginboxHeader" style="border-bottom: #9c9c9c 1px solid;" align="center">{website_title}</td> <td class="divLoginboxHeader" style="border-bottom: #9c9c9c 1px solid;" align="center">{website_title}</td>
@ -73,12 +67,6 @@
&nbsp; &nbsp;
</td> </td>
</tr> </tr>
<!-- <tr>
<td colspan="3" align="center">
{register_link}<br/>
<img width="200" height="1" src="phpgwapi/templates/{template_set}/images/spacer.gif" alt="spacer" />
</td>
</tr>-->
<tr> <tr>
<td colspan="3"> <td colspan="3">
<input type="hidden" name="passwd_type" value="text"> <input type="hidden" name="passwd_type" value="text">
@ -104,7 +92,7 @@
<tr> <tr>
<td align="right" tablindex="1">{lang_username}:&nbsp;</td> <td align="right" tablindex="1">{lang_username}:&nbsp;</td>
<td align="left"><input name="login" value="{cookie}" style="width: 150px; border: 1px solid silver;"></td> <td align="left"><input name="login" value="{cookie}" style="width: 150px; border: 1px solid silver;"></td>
<td align="left"><!--{select_domain}--></td> <td align="left"></td>
</tr> </tr>
<tr> <tr>
<td align="right">{lang_password}:&nbsp;</td> <td align="right">{lang_password}:&nbsp;</td>
@ -113,7 +101,7 @@
<tr> <tr>
<td align="right">&nbsp;</td> <td align="right">&nbsp;</td>
<td align="left" style="margin-top:5px;"> <td align="left" style="margin-top:5px;">
<input type="submit" value="{lang_login}" name="submitit" style="border: 1px solid silver;width:100px;"> <input type="submit" value="{lang_login}" name="submitit" style="width:100px">
</td> </td>
</tr> </tr>
<!-- BEGIN registration --> <!-- BEGIN registration -->