egroupware/addressbook/templates/pixelegg/app.css
2013-12-04 05:23:51 +00:00

725 lines
20 KiB
CSS
Executable File

/**
* EGroupware: CSS with less preprocessor
*
* Please do NOT change app.css directly, instead change app.less and compile it!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
* @package addressbook
* @version $Id$
*/
/**
* Give space to both contact view & infolog list
*/
.et2_container {
height: 50%;
}
.et2_container:only-child,
#addressbook-index {
height: 100%;
}
/* Give enough (static) width to edit dialog tabs, or it will auto-size and flex */
#addressbook-edit .et2_tabbox {
min-width: 535px;
}
.cursorHand {
cursor: hand;
}
.countrySelect select {
width: 150px;
}
.custom_country input {
display: none;
}
.contactid:before {
content: "#";
}
.emailCol div {
width: 100%;
}
.fixedHeight,
.telNumbers {
height: 12px;
overflow: hidden;
text-overflow: ellipsis;
}
.telNumbers {
white-space: nowrap;
}
.leftPad5 {
padding-left: 5px;
}
.bold {
font-weight: bold;
}
.fileas select,
.fileas,
.owner select,
.owner {
width: 100%;
font-weight: bold;
}
.photo img,
.iphoto img {
width: 60px;
}
.photo img {
cursor: hand;
}
.uploadphoto {
position: absolute;
top: 168px;
left: 48px;
display: none;
border: 2px solid black;
background-color: #ffffff;
padding: 4px;
}
.checkAllArrow {
padding-right: 5px;
}
.typeIcon {
height: 16px;
width: 16px;
}
.editphones,
.editname {
position: absolute;
top: 10%;
left: 30%;
display: none;
border: 2px solid black;
background-color: #ffffff;
padding: 4px;
}
.editname {
top: 97px;
left: 173px;
}
.windowheader {
background-image: url(../../../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;
}
fieldset.phoneGroup {
margin-top: 12px;
font-size: 110%;
height: 140px;
border: solid black 2px;
margin-bottom: 0px;
}
.phoneGroup table {
height: 122px;
}
fieldset.emailGroup {
margin-top: 10px;
font-size: 110%;
height: 112px;
border: solid black 2px;
margin-bottom: 0px;
}
.emailGroup table {
height: 87px;
}
.space {
width: 80px;
}
.noWrap {
white-space: nowrap;
}
.customfields td {
white-space: nowrap;
line-height: 12px;
}
.image16 img {
height: 16px;
}
div#addressbook-index div.et2_hbox_left {
padding: 1em;
}
div#addressbook-index div.et2_hbox_left select#addressbook-index_org_view {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
width: auto;
margin: 0.5em 0em 0.5em 0.5em;
padding: 3px;
outline: none;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
height: 35px;
margin-top: 0;
}
div#addressbook-index div.et2_hbox_left select#addressbook-index_org_view:hover {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
}
div#addressbook-index div.et2_hbox_right {
width: auto;
margin-right: 1em;
}
div#addressbook-index div.et2_hbox_right select.et2_selectbox {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
width: auto;
margin: 0.5em 0em 0.5em 0.5em;
padding: 3px;
outline: none;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
height: 35px;
margin-left: 5px;
}
div#addressbook-index div.et2_hbox_right select.et2_selectbox:hover {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
}
div#addressbook-index div.et2_hbox_right select.et2_selectbox:focus {
outline: 0;
border-width: 1px;
border-style: solid;
border-color: #b4b4b4;
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}
div#addressbook-index div.et2_hbox_right button#addressbook-index_search {
background-color: #f0f0f0;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
color: #000000;
padding-left: 30px !important;
background-position: 6px center !important;
background-repeat: no-repeat !important;
background-size: 20px auto !important;
width: auto;
height: 32px;
background-image: url('../../../pixelegg/images/advanced-search.png') !important;
padding-left: 0px;
}
div#addressbook-index div.et2_hbox_right button#addressbook-index_search:hover {
background-image: url('../../../pixelegg/images/advanced-search.png');
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
color: #000000;
padding-left: 30px !important;
background-position: 6px center !important;
background-repeat: no-repeat !important;
background-size: 20px auto !important;
width: auto;
height: 32px;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
}
div#addressbook-index div.et2_hbox_right button#addressbook-index_search:focus {
background-image: url('../../../pixelegg/images/advanced-search.png');
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
color: #000000;
padding-left: 30px !important;
background-position: 6px center !important;
background-repeat: no-repeat !important;
background-size: 20px auto !important;
width: auto;
height: 32px;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
}
div#addressbook-index div.et2_hbox_right button#addressbook-index_add {
background-color: #0b5fa4 !important;
color: #FFF;
text-shadow: none;
/* height: auto;*/
background-image: none !important;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
border-radius: 3px;
border-top-left-radius: 20px;
}
div#addressbook-index div.et2_hbox_right button#addressbook-index_add:before {
content: "+";
font-size: 1.5em;
color: #ffc200;
}
div#addressbook-index div.et2_hbox_right button#addressbook-index_add:hover {
background-color: #66a1d2 !important;
color: #ffc200;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
border-radius: 3px;
border-top-left-radius: 20px;
}
div#addressbook-index div.filters select#infolog-index_cat_id {
width: 10%;
margin-left: 1em;
}
div#addressbook-index div.filters select#infolog-index_filter {
width: 10%;
}
div#addressbook-index div.filters select#infolog-index_filter2 {
width: 10%;
}
div#addressbook-index table.egwGridView_outer {
width: 99%;
}
.et2_container {
height: auto;
}
/* ##################################################### */
/* ##################################################### */
/*State: Address selected*/
/*ADD AREA*/
#infolog-index_infolog-index-header_right .et2_box_widget {
background-color: #0b5fa4 !important;
color: #FFF;
text-shadow: none;
/* height: auto;*/
background-image: none !important;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
border-radius: 3px;
border-top-left-radius: 20px;
height: auto;
color: #ffffff;
font-size: 0.9em;
}
#infolog-index_infolog-index-header_right .et2_box_widget:before {
content: "+";
font-size: 1.5em;
color: #ffc200;
}
#infolog-index_infolog-index-header_right .et2_box_widget:hover {
background-color: #66a1d2 !important;
color: #ffc200;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
border-radius: 3px;
border-top-left-radius: 20px;
}
#infolog-index_infolog-index-header_right .et2_box_widget span.et2_label {
color: #ffffff;
font-size: 0.9em;
padding-right: 11px;
}
#infolog-index_infolog-index-header_right .et2_box_widget img.et2_button {
margin-top: -15px;
}
/*State: address edit*/
div#addressbook-edit,
div#addressbook-search {
margin: 0;
padding: 0.5em;
}
div#addressbook-edit .chzn-container,
div#addressbook-search .chzn-container {
width: 60% !important;
}
div#addressbook-edit .et2_tabheader,
div#addressbook-search .et2_tabheader {
margin-top: 0px;
background-color: transparent;
}
div#addressbook-edit table.editphones,
div#addressbook-search table.editphones {
width: auto !important;
top: 5%;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
}
div#addressbook-edit table.et2_grid,
div#addressbook-search table.et2_grid {
width: 100%;
border-top: 0px;
}
div#addressbook-edit table.addressbook_edit_general,
div#addressbook-search table.addressbook_edit_general {
border-top: 0px;
}
div#addressbook-edit table.addressbook_edit_general tr td:first-child,
div#addressbook-search table.addressbook_edit_general tr td:first-child {
width: 100px;
}
div#addressbook-edit table.addressbook_edit_general tr td,
div#addressbook-search table.addressbook_edit_general tr td {
width: 200px;
}
div#addressbook-edit table.addressbook_edit_general table tr td:first-child,
div#addressbook-search table.addressbook_edit_general table tr td:first-child {
width: 60px;
}
div#addressbook-edit table.addressbook_edit_general table tr td,
div#addressbook-search table.addressbook_edit_general table tr td {
width: 200px;
}
div#addressbook-edit table.addressbook_edit_general img.photo,
div#addressbook-search table.addressbook_edit_general img.photo {
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
color: #000000;
}
div#addressbook-edit table.addressbook_edit_general img.photo:hover,
div#addressbook-search table.addressbook_edit_general img.photo:hover {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
background-color: inherit !important;
}
div#addressbook-edit table.addressbook_edit_general .uploadphoto,
div#addressbook-search table.addressbook_edit_general .uploadphoto {
background-color: #f0f0f0;
width: auto;
border-top: solid 1px #eeeeee;
border-left: solid 1px #eeeeee;
border-right: solid 1px #eeeeee;
border-bottom: solid 1px #eeeeee;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_n_fn,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_n_fn {
width: 200px;
}
div#addressbook-edit table.addressbook_edit_general table.editname,
div#addressbook-search table.addressbook_edit_general table.editname {
background-color: #f0f0f0;
z-index: 10;
font-size: 1.5em;
}
div#addressbook-edit table.addressbook_edit_general table.editname tr td:first-child,
div#addressbook-search table.addressbook_edit_general table.editname tr td:first-child {
width: 100px !important;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_title,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_title {
width: 200px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_role,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_role {
width: 200px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_org_name,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_org_name {
width: 286px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_org_unit,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_org_unit {
width: 286px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_street,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_street,
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_street2,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_street2 {
width: 286px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_postalcode,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_postalcode {
width: 50px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_locality,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_locality {
width: 225px;
}
div#addressbook-edit table.addressbook_edit_general .chzn-container,
div#addressbook-search table.addressbook_edit_general .chzn-container {
width: 300px !important;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_region,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_region {
width: 286px;
}
div#addressbook-edit table.addressbook_edit_general select.owner,
div#addressbook-search table.addressbook_edit_general select.owner {
width: 300px;
}
div#addressbook-edit div#addressbook-edit_addressbook-editphones,
div#addressbook-search div#addressbook-edit_addressbook-editphones {
margin-left: 1em;
}
div#addressbook-edit fieldset.phoneGroup,
div#addressbook-search fieldset.phoneGroup {
border: none;
margin-bottom: 0;
margin-top: 12px;
margin-left: 1em;
height: auto;
background-color: #d9d9d9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div#addressbook-edit fieldset.phoneGroup legend,
div#addressbook-search fieldset.phoneGroup legend {
text-transform: uppercase;
}
div#addressbook-edit fieldset.phoneGroup .fixedHeight,
div#addressbook-search fieldset.phoneGroup .fixedHeight,
div#addressbook-edit fieldset.phoneGroup .telNumbers,
div#addressbook-search fieldset.phoneGroup .telNumbers {
height: auto;
}
div#addressbook-edit fieldset.phoneGroup .telNumbers,
div#addressbook-search fieldset.phoneGroup .telNumbers {
white-space: nowrap;
}
div#addressbook-edit fieldset.phoneGroup td.telNumbers input,
div#addressbook-search fieldset.phoneGroup td.telNumbers input {
width: 90%;
}
div#addressbook-edit fieldset.phoneGroup * img,
div#addressbook-search fieldset.phoneGroup * img {
display: none !important;
width: 20px;
}
div#addressbook-edit fieldset.emailGroup,
div#addressbook-search fieldset.emailGroup {
border: none;
margin-bottom: 0;
margin-top: 10px;
margin-left: 1em;
height: auto;
background-color: #d9d9d9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div#addressbook-edit fieldset.emailGroup legend,
div#addressbook-search fieldset.emailGroup legend {
text-transform: uppercase;
}
div#addressbook-edit fieldset.emailGroup a.et2_url:after,
div#addressbook-search fieldset.emailGroup a.et2_url:after {
content: "\221E";
font-size: 1.5em;
}
div#addressbook-edit fieldset.emailGroup a.et2_url,
div#addressbook-search fieldset.emailGroup a.et2_url {
margin-left: -40px;
}
div#addressbook-edit fieldset.emailGroup a.et2_url.url,
div#addressbook-search fieldset.emailGroup a.et2_url.url {
background-size: 15px 15px;
background-image: none;
}
div#addressbook-edit fieldset.emailGroup td input,
div#addressbook-search fieldset.emailGroup td input {
width: 90%;
}
div#addressbook-edit fieldset.emailGroup * img,
div#addressbook-search fieldset.emailGroup * img {
display: none !important;
width: 20px;
}
#addressbook-edit_addressbook-edit-general #addressbook_edit_adr_one_countrycode_chzn {
width: 200px !important;
padding-top: 1em;
}
#addressbook-edit_addressbook-edit-home #addressbook_edit_adr_two_countrycode_chzn {
width: 200px !important;
padding-top: 1em;
}
#addressbook-edit_addressbook-edit-home #addressbook_edit_tz_chzn {
width: 15% !important;
padding-top: 1em;
}
#addressbook-edit_addressbook-edit-links .th,
#addressbook-search_addressbook-edit-links .th {
height: 20px;
}
#addressbook-edit_addressbook-edit-links tbody,
#addressbook-search_addressbook-edit-links tbody {
display: table-header-group;
vertical-align: top;
}
#addressbook-edit_addressbook-edit-distribution_list .th,
#addressbook-search_addressbook-edit-distribution_list .th {
height: 20px;
}
#addressbook-edit_addressbook-edit-distribution_list tbody,
#addressbook-search_addressbook-edit-distribution_list tbody {
display: table-header-group;
vertical-align: top;
}
#addressbook-edit_addressbook-edit-custom .th,
#addressbook-search_addressbook-edit-custom .th {
height: 20px;
}
#addressbook-edit_addressbook-edit-custom tbody,
#addressbook-search_addressbook-edit-custom tbody {
display: table-header-group;
vertical-align: top;
}
#addressbook-edit_addressbook-edit-custom_private .th,
#addressbook-search_addressbook-edit-custom_private .th {
height: 20px;
}
#addressbook-edit_addressbook-edit-custom_private tbody,
#addressbook-search_addressbook-edit-custom_private tbody {
display: table-header-group;
vertical-align: top;
}
#addressbook-edit_addressbook-edit-history .th {
height: 20px;
}
#addressbook-edit_addressbook-edit-history tbody {
display: table-header-group;
vertical-align: top;
}
button.button_more {
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
color: #000000;
padding-left: 30px !important;
background-position: 6px center !important;
background-repeat: no-repeat !important;
background-size: 20px auto !important;
width: auto;
height: 32px;
background-image: url('../images/bearbeiten.png');
}
div.addressbook.edit.general table {
border-top: 0px;
}
div.addressbook.edit.general table tr td img {
display: none;
}
div.addressbook.edit.general table img:nth-child(1) {
display: none;
}
div.addressbook.edit.general table img:nth-child(2) {
cursor: pointer;
}
.countrySelect select {
width: 150px;
}
.custom_country input {
display: none;
}
.contactid:before {
content: "#";
}
.emailCol div {
overflow: hidden;
width: 100%;
}
.redItalic {
color: red;
font-style: italic;
}
.leftPad5 {
padding-left: 5px;
}
.bold {
font-weight: bold;
}
.fileas select,
.fileas,
.owner select,
.owner {
font-weight: bold;
width: 100%;
}
.photo img,
.iphoto img {
width: 60px;
}
.uploadphoto {
background-color: #cdcdcd;
border: 2px solid black;
display: none;
left: 48px;
padding: 4px;
position: absolute;
top: 168px;
}
table.uploadphoto {
width: 360px !important;
background-color: #cdcdcd !important;
}
.checkAllArrow {
padding-right: 5px;
}
.typeIcon {
height: 16px;
width: 16px;
}
.editphones,
.editname {
background-color: #FFFFFF;
border: 2px solid black;
display: none;
left: 30%;
padding: 4px;
position: absolute;
top: 10%;
}
.editname {
left: 137px;
top: 160px;
}
.windowheader {
background-image: url("../../../phpgwapi/templates/idots/images/appbox-header-background.png");
background-repeat: repeat-x;
border-bottom: 1px solid #9C9C9C;
border-collapse: collapse;
border-spacing: 0;
height: 20px;
}
.emailGroup table {
height: 87px;
}
.space {
width: 80px;
}
.noWrap {
white-space: nowrap;
}
.customfields td {
line-height: 12px;
white-space: nowrap;
}
.image16 img {
height: 16px;
}
.fixedHeight,
.telNumbers {
height: auto;
}