- moved all css to app.css file

- groupboxes have a fixed height and similar design to tabs now
- fixed not working IE popup (position: fixed)
- layout looks good now in firefox and konq, it's Ok in IE
This commit is contained in:
Ralf Becker 2005-11-14 19:17:24 +00:00
parent c335cd37a9
commit 210b04fae0
3 changed files with 75 additions and 101 deletions

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,38 @@
.redItalic { color: red; font-style: italic; }
.editphones{
position: absolute;
top: 10%;
left: 30%;
display:none;
border: 2px solid black;
background-color: #ffffff;
padding: 4px;
}
.windowheader{
background-image:url(/egroupware/phpgwapi/templates/idots/images/appbox-header-background.png);
background-repeat:repeat-x;
height: 20px;
border-spacing: 0px;
border-collapse:collapse;
border-bottom: #9c9c9c 1px solid;
}
.phoneGroup fieldset{
margin-top: 18px;
font-size: 110%;
height: 117px;
border: solid black 2px;
margin-bottom: 0px;
}
.phoneGroup table{
height: 102px;
}
.emailGroup fieldset{
margin-top: 0px;
font-size: 110%;
height: 104px;
border: solid black 2px;
margin-bottom: 0px;
}
.emailGroup table{
height: 87px;
}

View File

@ -12,32 +12,32 @@
<row> <row>
<image src="personal"/> <image src="personal"/>
<description value="prefix"/> <description value="prefix"/>
<textbox id="n_prefix" size="40" tabindex="1"/> <textbox id="n_prefix" size="45" maxlength="64" tabindex="1"/>
</row> </row>
<row> <row>
<description/> <description/>
<description value="first name"/> <description value="first name"/>
<textbox id="n_given" size="40" tabindex="2"/> <textbox id="n_given" size="45" maxlength="64" tabindex="2"/>
</row> </row>
<row> <row>
<description/> <description/>
<description value="middle name"/> <description value="middle name"/>
<textbox id="n_middle" size="40" tabindex="3"/> <textbox id="n_middle" size="45" maxlength="64" tabindex="3"/>
</row> </row>
<row> <row>
<description/> <description/>
<description value="last name"/> <description value="last name"/>
<textbox id="n_family" size="40" tabindex="4"/> <textbox id="n_family" size="45" maxlength="64" tabindex="4"/>
</row> </row>
<row> <row>
<description/> <description/>
<description value="suffix"/> <description value="suffix"/>
<textbox id="n_suffix" size="40" tabindex="5"/> <textbox id="n_suffix" size="45" maxlength="64" tabindex="5"/>
</row> </row>
<row height="40"> <row height="40">
<image src="gohome"/> <image src="gohome"/>
<description value="company name" options=",,,org_name"/> <description value="company name" options=",,,org_name"/>
<textbox size="40" id="org_name" tabindex="5"/> <textbox size="45" maxlength="64" id="org_name" tabindex="5"/>
</row> </row>
<row valign="top"> <row valign="top">
<image src="folder"/> <image src="folder"/>
@ -64,13 +64,13 @@
<row> <row>
<image src="gear"/> <image src="gear"/>
<description value="title"/> <description value="title"/>
<textbox size="40" id="title"/> <textbox size="45" maxlength="64" id="title"/>
<description/> <description/>
</row> </row>
<row> <row>
<description/> <description/>
<description value="department"/> <description value="department"/>
<textbox id="org_unit" size="40"/> <textbox id="org_unit" size="45" maxlength="64"/>
<description/> <description/>
</row> </row>
<row> <row>
@ -82,43 +82,43 @@
<row> <row>
<image src="gohome"/> <image src="gohome"/>
<description value="street"/> <description value="street"/>
<textbox size="40" id="adr_one_street"/> <textbox size="45" maxlength="64" id="adr_one_street"/>
<description/> <description/>
</row> </row>
<row> <row>
<description/> <description/>
<description value="address line 2"/> <description value="address line 2"/>
<textbox size="40" id="address2"/> <textbox size="45" maxlength="64" id="address2"/>
<description/> <description/>
</row> </row>
<row> <row>
<description/> <description/>
<description value="address line 3"/> <description value="address line 3"/>
<textbox size="40" id="address3"/> <textbox size="45" maxlength="64" id="address3"/>
<description/> <description/>
</row> </row>
<row> <row>
<description/> <description/>
<description value="city"/> <description value="city"/>
<textbox size="40" id="adr_one_locality"/> <textbox size="45" maxlength="64" id="adr_one_locality"/>
<description/> <description/>
</row> </row>
<row> <row>
<description/> <description/>
<description value="zip code"/> <description value="zip code"/>
<textbox size="40" id="adr_one_postalcode"/> <textbox size="45" maxlength="64" id="adr_one_postalcode"/>
<description/> <description/>
</row> </row>
<row> <row>
<description/> <description/>
<description value="state"/> <description value="state"/>
<textbox size="40" id="adr_one_region"/> <textbox size="45" maxlength="64" id="adr_one_region"/>
<description/> <description/>
</row> </row>
<row> <row>
<description/> <description/>
<description value="country"/> <description value="country"/>
<textbox size="40" id="adr_one_countryname"/> <textbox size="45" maxlength="64" id="adr_one_countryname"/>
<description/> <description/>
</row> </row>
<row> <row>
@ -141,27 +141,27 @@
<row> <row>
<image src="gohome"/> <image src="gohome"/>
<description value="street"/> <description value="street"/>
<textbox size="40" id="adr_two_street"/> <textbox size="45" maxlength="64" id="adr_two_street"/>
</row> </row>
<row> <row>
<description/> <description/>
<description value="city"/> <description value="city"/>
<textbox size="40" id="adr_two_locality"/> <textbox size="45" maxlength="64" id="adr_two_locality"/>
</row> </row>
<row> <row>
<description/> <description/>
<description value="zip code"/> <description value="zip code"/>
<textbox size="40" id="adr_two_postalcode"/> <textbox size="45" maxlength="64" id="adr_two_postalcode"/>
</row> </row>
<row> <row>
<description/> <description/>
<description value="state"/> <description value="state"/>
<textbox size="40" id="adr_two_locality"/> <textbox size="45" maxlength="64" id="adr_two_locality"/>
</row> </row>
<row> <row>
<description/> <description/>
<description value="country"/> <description value="country"/>
<textbox size="40" id="adr_two_countryname"/> <textbox size="45" maxlength="64" id="adr_two_countryname"/>
</row> </row>
<row height="30"> <row height="30">
<description/> <description/>
@ -231,130 +231,88 @@
<column/> <column/>
<column/> <column/>
<column/> <column/>
<column/>
</columns> </columns>
<rows> <rows>
<row> <row>
<description value="Edit Phonenumbers - " align="center" span="all" class="windowheader" id="fn" no_lang="1"/> <description span="all" class="windowheader" value="Edit Phonenumbers - " no_lang="1" align="center" id="fn"/>
<description/>
<description/>
<description/>
</row>
<row>
<description span="all" class="redItalic" id="msg"/>
<description/>
<description/> <description/>
<description/> <description/>
</row> </row>
<row class="th"> <row class="th">
<description/>
<description value="Description"/> <description value="Description"/>
<description value="Number"/> <description value="Number"/>
<description value="pref"/> <description value="pref"/>
</row> </row>
<row> <row>
<description/>
<description value="business"/> <description value="business"/>
<textbox size="30" id="tel_work2"/> <textbox size="30" id="tel_work2"/>
<radio options="tel_work" id="tel_prefer"/> <radio options="tel_work" id="tel_prefer"/>
</row> </row>
<row> <row>
<description/>
<description value="mobile phone"/> <description value="mobile phone"/>
<textbox size="30" id="tel_cell2"/> <textbox size="30" id="tel_cell2"/>
<radio options="tel_cell" id="tel_prefer"/> <radio options="tel_cell" id="tel_prefer"/>
</row> </row>
<row> <row>
<description/>
<description value="Private"/> <description value="Private"/>
<textbox size="30" id="tel_home2"/> <textbox size="30" id="tel_home2"/>
<radio options="tel_home" id="tel_prefer"/> <radio options="tel_home" id="tel_prefer"/>
</row> </row>
<row> <row>
<description/>
<description value="fax"/> <description value="fax"/>
<textbox size="30" id="tel_fax"/> <textbox size="30" id="tel_fax"/>
<radio options="tel_fax" id="tel_prefer"/> <radio options="tel_fax" id="tel_prefer"/>
</row> </row>
<row> <row>
<description/>
<description value="car phone"/> <description value="car phone"/>
<textbox size="30" id="tel_car"/> <textbox size="30" id="tel_car"/>
<radio options="tel_car" id="tel_prefer"/> <radio options="tel_car" id="tel_prefer"/>
</row> </row>
<row> <row>
<description/>
<description value="video phone"/> <description value="video phone"/>
<textbox size="30" id="tel_video"/> <textbox size="30" id="tel_video"/>
<radio options="tel_video" id="tel_prefer"/> <radio options="tel_video" id="tel_prefer"/>
</row> </row>
<row> <row>
<description/>
<description value="pager"/> <description value="pager"/>
<textbox size="30" id="tel_pager"/> <textbox size="30" id="tel_pager"/>
<radio options="tel_pager" id="tel_prefer"/> <radio options="tel_pager" id="tel_prefer"/>
</row> </row>
<row> <row>
<description/>
<description value="voice phone"/> <description value="voice phone"/>
<textbox size="30" id="tel_voice"/> <textbox size="30" id="tel_voice"/>
<radio options="tel_voice" id="tel_prefer"/> <radio options="tel_voice" id="tel_prefer"/>
</row> </row>
<row> <row>
<description/>
<description value="message phone"/> <description value="message phone"/>
<textbox size="30" id="tel_msg"/> <textbox size="30" id="tel_msg"/>
<radio options="tel_msg" id="tel_prefer"/> <radio options="tel_msg" id="tel_prefer"/>
</row> </row>
<row> <row>
<description/>
<description value="bbs phone"/> <description value="bbs phone"/>
<textbox size="30" id="tel_bbs"/> <textbox size="30" id="tel_bbs"/>
<radio options="tel_bbs" id="tel_prefer"/> <radio options="tel_bbs" id="tel_prefer"/>
</row> </row>
<row> <row>
<description/>
<description value="modem phone"/> <description value="modem phone"/>
<textbox size="30" id="tel_modem"/> <textbox size="30" id="tel_modem"/>
<radio options="tel_modem" id="tel_prefer"/> <radio options="tel_modem" id="tel_prefer"/>
</row> </row>
<row> <row>
<description/>
<description value="isdn phone"/> <description value="isdn phone"/>
<textbox size="30" id="tel_isdn"/> <textbox size="30" id="tel_isdn"/>
<radio options="tel_isdn" id="tel_prefer"/> <radio options="tel_isdn" id="tel_prefer"/>
</row> </row>
<row> <row>
<description/>
<description value=" Other Phone"/> <description value=" Other Phone"/>
<textbox size="30" id="ophone"/> <textbox size="30" id="ophone"/>
<radio options="ophone" id="tel_prefer"/> <radio options="ophone" id="tel_prefer"/>
</row> </row>
<row> <row>
<description/>
<button label="Ok" onclick="hidephones(this.form); return false;" span="all" align="center"/> <button label="Ok" onclick="hidephones(this.form); return false;" span="all" align="center"/>
</row> </row>
</rows> </rows>
</grid> </grid>
<styles>
.editphones{
position: fixed;
top: 50px;
left: 240px;
display:none;
border: 1px solid #000000;
background-color: #ffffff;
}
.windowheader{
background-image:url(http://solomon/egroupware/phpgwapi/templates/idots/images/appbox-header-background.png);
background-repeat:repeat-x;
height: 20px;
border-spacing: 0px;
border-collapse:collapse;
border-bottom: #9c9c9c 1px solid;
}
</styles>
</template> </template>
<template id="addressbook.edit" template="" lang="" group="0" version="1.0.1.001"> <template id="addressbook.edit" template="" lang="" group="0" version="1.0.1.001">
<grid> <grid>
@ -401,8 +359,7 @@ border-bottom: #9c9c9c 1px solid;
</tabpanels> </tabpanels>
</tabbox> </tabbox>
<vbox> <vbox>
<description value="."/> <groupbox class="phoneGroup">
<groupbox>
<caption label="Phone Numbers"/> <caption label="Phone Numbers"/>
<grid> <grid>
<columns> <columns>
@ -411,20 +368,20 @@ border-bottom: #9c9c9c 1px solid;
<column/> <column/>
</columns> </columns>
<rows> <rows>
<row height="30"> <row>
<image src="kaddressbook"/> <image src="kaddressbook"/>
<description value="business" options=",,,tel_work"/> <description value="business" options=",,,tel_work"/>
<textbox id="tel_work" size="30" tabindex="10"/> <textbox id="tel_work" size="28" maxlength="40" tabindex="10"/>
</row> </row>
<row> <row>
<description/> <description/>
<description value="mobile phone" options=",,,tel_cell"/> <description value="mobile phone" options=",,,tel_cell"/>
<textbox id="tel_cell" size="30" tabindex="11"/> <textbox id="tel_cell" size="28" maxlength="40" tabindex="11"/>
</row> </row>
<row height="30"> <row>
<description/> <description/>
<description value="Private" options=",,,tel_home"/> <description value="Private" options=",,,tel_home"/>
<textbox id="tel_home" size="30" tabindex="12"/> <textbox id="tel_home" size="28" maxlength="40" tabindex="12"/>
</row> </row>
<row> <row>
<description/> <description/>
@ -434,7 +391,7 @@ border-bottom: #9c9c9c 1px solid;
</rows> </rows>
</grid> </grid>
</groupbox> </groupbox>
<groupbox> <groupbox class="emailGroup">
<caption label="Email &amp; Internet"/> <caption label="Email &amp; Internet"/>
<grid> <grid>
<columns> <columns>
@ -446,17 +403,17 @@ border-bottom: #9c9c9c 1px solid;
<row> <row>
<image src="package_network"/> <image src="package_network"/>
<description value="url" options=",,,url"/> <description value="url" options=",,,url"/>
<textbox id="url" size="30" tabindex="15"/> <textbox id="url" size="28" maxlength="128" tabindex="15"/>
</row> </row>
<row> <row>
<image src="email_icon"/> <image src="email_icon"/>
<description value="business email" options=",,,email"/> <description value="business email" options=",,,email"/>
<textbox id="email" size="30" tabindex="16"/> <textbox id="email" size="28" maxlength="64" tabindex="16"/>
</row> </row>
<row> <row>
<description/> <description/>
<description value="home email" options=",,,email_home"/> <description value="home email" options=",,,email_home"/>
<textbox id="email_home" size="30" tabindex="17"/> <textbox id="email_home" size="28" maxlength="64" tabindex="17"/>
</row> </row>
</rows> </rows>
</grid> </grid>
@ -486,8 +443,5 @@ border-bottom: #9c9c9c 1px solid;
</row> </row>
</rows> </rows>
</grid> </grid>
<styles>
.redItalic { color: red; font-style: italic; }
</styles>
</template> </template>
</overlay> </overlay>