mirror of
https://github.com/EGroupware/egroupware.git
synced 2025-01-14 01:48:35 +01:00
cleaned up css-file, make all fontsizes relative for future 508 Accessibility support
This commit is contained in:
Pim Snel
parent
cf3f10911e
commit
9739e104a4
@ -1,26 +1,77 @@
|
||||
/*
|
||||
StyleSheet coding standards:
|
||||
font styling
|
||||
allowed attributes: font-family,font-size,color,font-weight
|
||||
*/
|
||||
|
||||
1. use lowercase if possible
|
||||
|
||||
2. format styles like this:
|
||||
|
||||
body
|
||||
body,td
|
||||
{
|
||||
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
|
||||
{
|
||||
background-image:url(../images/body-background.png);
|
||||
font-size: 11px;
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
padding:3px;
|
||||
}
|
||||
|
||||
@ -32,113 +83,49 @@ form
|
||||
|
||||
img
|
||||
{
|
||||
border-width:0px;
|
||||
border-style:none;
|
||||
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader;
|
||||
*/
|
||||
border:0;
|
||||
}
|
||||
|
||||
a:link,a:visited
|
||||
{
|
||||
cursor:pointer;
|
||||
color: #006699;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/*
|
||||
a:visited
|
||||
input,button,select
|
||||
{
|
||||
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: 12px;
|
||||
color: #006699;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
border: 1px #bbbbbb solid;
|
||||
border: solid 1px #bbbbbb;
|
||||
}
|
||||
|
||||
input[type=submit],input[type=button],input[type=reset],button
|
||||
{
|
||||
margin:1px;
|
||||
padding:1px;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
border: outset 1px #bbbbbb;
|
||||
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;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
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;
|
||||
width: 370px;
|
||||
border-right: #9c9c9c 1px solid;
|
||||
border-top: #9c9c9c 1px solid;
|
||||
border-left: #9c9c9c 1px solid;
|
||||
border-bottom: #9c9c9c 1px solid
|
||||
border: #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
|
||||
.divSideboxHeader,.divLoginboxHeader
|
||||
{
|
||||
text-align:center;
|
||||
background-color:#dddddd;
|
||||
padding-top:2px;
|
||||
font-size:10px;
|
||||
color:#666666;
|
||||
}
|
||||
|
||||
@ -151,7 +138,6 @@ a.divSideboxEntry, .divSideboxEntry
|
||||
|
||||
a.appTitles,.appTitles
|
||||
{
|
||||
font-size: 10px;
|
||||
height:18px;
|
||||
padding-top:2px;
|
||||
padding-bottom:2px;
|
||||
@ -159,18 +145,15 @@ a.appTitles,.appTitles
|
||||
|
||||
a.textSidebox
|
||||
{
|
||||
font-size: 10px;
|
||||
border-top: #aaaaaa 0px none;
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.textSidebox
|
||||
{
|
||||
font-size: 10px;
|
||||
height:18px;
|
||||
padding-top:2px;
|
||||
padding-bottom:2px;
|
||||
border-top: #aaaaaa 1px solid;
|
||||
|
||||
border-top: solid #aaaaaa 1px;
|
||||
}
|
||||
|
||||
.sideboxSpace
|
||||
@ -181,38 +164,19 @@ a.textSidebox
|
||||
.greyLine
|
||||
{
|
||||
margin:1px;
|
||||
border-top-color:#7e7e7e;
|
||||
border-top-width:1px;
|
||||
border-top-style:solid;
|
||||
border-top:solid 1px #7e7e7e;
|
||||
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);*/
|
||||
background-color:#eeeeee;
|
||||
border-width:1px;
|
||||
border-color:#7e7e7e;
|
||||
border-style:solid;
|
||||
border:solid 1px #7e7e7e;
|
||||
}
|
||||
|
||||
.extraIconsRow
|
||||
{
|
||||
border-top-color:#dddddd;
|
||||
border-top-width:1px;
|
||||
border-top-style:solid;
|
||||
border:solid 1px #dddddd;
|
||||
padding:2px;
|
||||
}
|
||||
|
||||
@ -221,9 +185,7 @@ a.textSidebox
|
||||
background-color:white;
|
||||
margin-top: 5px;
|
||||
padding:9px;
|
||||
border-color:#7e7e7e;
|
||||
border-width:1px;
|
||||
border-style:solid;
|
||||
border:solid 1px #7e7e7e;
|
||||
}
|
||||
|
||||
#divLogo
|
||||
@ -237,9 +199,7 @@ a.textSidebox
|
||||
#divAppIconBar
|
||||
{
|
||||
background-color:white;
|
||||
border-top-color:#9c9c9c;
|
||||
border-top-width:1px;
|
||||
border-top-style:solid;
|
||||
border-top:solid 1px #9c9c9c;
|
||||
background-image: url(../images/background-icon-bar.png);
|
||||
background-repeat: repeat-x
|
||||
}
|
||||
@ -255,13 +215,8 @@ a.textSidebox
|
||||
height:15px;
|
||||
padding-left:10px;
|
||||
margin-top: 13px;
|
||||
/* margin-bottom: 2px;*/
|
||||
}
|
||||
|
||||
/*#divSubContainer
|
||||
{
|
||||
}
|
||||
*/
|
||||
#tdSidebox
|
||||
{
|
||||
width:170px;
|
||||
@ -269,99 +224,66 @@ a.textSidebox
|
||||
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;
|
||||
border-top:solid 1px #9c9c9c;
|
||||
border-left:solid 1px #9c9c9c;
|
||||
border-right:solid 1px #9c9c9c;
|
||||
}
|
||||
|
||||
#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;
|
||||
border-bottom:solid 1px #9c9c9c;
|
||||
border-left:solid 1px #9c9c9c;
|
||||
border-right:solid 1px #9c9c9c;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
this must move to the filemanager app
|
||||
*/
|
||||
|
||||
#fmStatusBar
|
||||
{
|
||||
margin-left:4px;
|
||||
margin-bottom:3px;
|
||||
font-size: 10px;
|
||||
/* font-family: Verdana, Arial, Helvetica, sans-serif;*/
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.fmButton
|
||||
{
|
||||
background-repeat: no-repeat;
|
||||
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;
|
||||
@ -374,33 +296,16 @@ a.textSidebox
|
||||
border-bottom: #cccccc 1px solid
|
||||
}
|
||||
|
||||
#user_info
|
||||
{
|
||||
|
||||
|
||||
}
|
||||
|
||||
#admin_info
|
||||
{
|
||||
position:relative;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
#divGenTime
|
||||
#divGenTime,#divPoweredBy
|
||||
|
||||
{
|
||||
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%;
|
||||
}
|
||||
|
||||
|
||||
@ -26,7 +26,7 @@
|
||||
<![endif]-->
|
||||
|
||||
</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="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>
|
||||
<td width="100%"><img src="./phpgwapi/templates/idots/images/spacer.gif" width="1" height="68" alt="spacer" /></td>
|
||||
</tr>
|
||||
<!-- <tr>
|
||||
<td width="100%"> </td>
|
||||
</tr>-->
|
||||
</table>
|
||||
|
||||
</td>
|
||||
@ -57,9 +54,6 @@
|
||||
<div align="center">{cd}</div>
|
||||
<p> </p>
|
||||
<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">
|
||||
<tr>
|
||||
<td class="divLoginboxHeader" style="border-bottom: #9c9c9c 1px solid;" align="center">{website_title}</td>
|
||||
@ -67,20 +61,14 @@
|
||||
<tr >
|
||||
<td class="divSideboxEntry">
|
||||
|
||||
<table cellspacing="3" cellpadding="0" width="100%" border="0">
|
||||
<table cellspacing="3" cellpadding="0" width="100%" border="0">
|
||||
<tr>
|
||||
<td colspan="4" align="center">
|
||||
|
||||
</td>
|
||||
</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>
|
||||
<td colspan="3">
|
||||
<td colspan="3">
|
||||
<input type="hidden" name="passwd_type" value="text">
|
||||
<input type="hidden" name="account_type" value="u">
|
||||
</td>
|
||||
@ -104,7 +92,7 @@
|
||||
<tr>
|
||||
<td align="right" tablindex="1">{lang_username}: </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>
|
||||
<td align="right">{lang_password}: </td>
|
||||
@ -113,7 +101,7 @@
|
||||
<tr>
|
||||
<td align="right"> </td>
|
||||
<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>
|
||||
</tr>
|
||||
<!-- BEGIN registration -->
|
||||
|
||||
Loading…
Reference in New Issue
Block a user