extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-07 16:44:07 +01:00
Code Issues Packages Projects Releases Wiki Activity

reverting to previous app.css file and remove app.less files, as they are not used by pixelegg template and create some glitches, might re-introduce .less for regular templates later

Browse Source
This commit is contained in:
Ralf Becker 2013-11-18 19:57:38 +00:00
parent e71c04e56f
commit 2b7d9af0a2
21 changed files with 2324 additions and 6979 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

570
addressbook/templates/default/app.css
View File

@ -1,529 +1,85 @@
/** .cursorHand { cursor: hand; }
* EGroupware: CSS with less preprocessor .countrySelect select { width: 150px; }
* .custom_country input {display: none; }
* Please do NOT change app.css directly, instead change app.less and compile it! .contactid:before { content:"#" }
* .emailCol div { width: 100%; }
* @link http://www.egroupware.org .fixedHeight,.telNumbers { height: 12px; overflow: hidden; text-overflow: ellipsis}
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License .telNumbers { white-space: nowrap; }
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de> .leftPad5 { padding-left: 5px; }
* @package addressbook .bold { font-weight: bold; }
* @version $Id$ .fileas select,.fileas,.owner select,.owner {
*/ width: 100%;
div#addressbook-index {
min-height: 700px;
height: auto !important;
}
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: 360px;
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: #bfbfbf;
-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;
background-repeat: no-repeat;
background-size: 20px auto;
width: auto;
height: 32px;
background-image: url('../images/erweiterte-suche.png') !important;
}
div#addressbook-index div.et2_hbox_right button#addressbook-index_search:hover {
background-image: url('../images/erweiterte-suche.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;
background-repeat: no-repeat;
background-size: 20px auto;
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('../images/erweiterte-suche.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;
background-repeat: no-repeat;
background-size: 20px auto;
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;
color: #FFF;
text-shadow: none;
height: 35px;
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: 2em;
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 #addressbook-index_favorite_wrapper img {
width: 16px;
}
div#addressbook-index #addressbook-index_favorite_wrapper .et2_dropdown {
background-color: #f0f0f0;
-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);
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div#addressbook-index #addressbook-index_favorite_wrapper .et2_dropdown button#addressbook-index_favorite img {
width: 16px;
background-color: #f0f0f0;
-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);
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div#addressbook-index #addressbook-index_favorite_wrapper .et2_dropdown .ui-state-default,
div#addressbook-index #addressbook-index_favorite_wrapper .et2_dropdown .ui-widget-content .ui-state-default,
div#addressbook-index #addressbook-index_favorite_wrapper .et2_dropdown .ui-widget-header .ui-state-default {
background-color: #bfbfbf;
color: #000;
background-image: none !important;
}
div#addressbook-index .filters #addressbook-index_cat_id {
width: 7%;
}
div#addressbook-index .filters #addressbook-index_filter {
width: 7%;
}
div#addressbook-index .filters #addressbook-index_filter2 {
width: 10%;
}
div#addressbook-index table.egwGridView_outer {
width: 99%;
}
#egw_fw_sidemenu .egw_fw_ui_category_content table {
margin-left: -14px;
}
#egw_fw_sidemenu select {
margin-top: -5px;
}
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.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 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 fieldset.phoneGroup,
div#addressbook-search fieldset.phoneGroup {
border: none;
margin-bottom: 0;
margin-top: 12px;
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 * 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;
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 * 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;
background-repeat: no-repeat;
background-size: 20px auto;
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;
}
.fixedHeight,
.telNumbers {
height: 30px;
}
.telNumbers {
white-space: nowrap;
}
.leftPad5 {
padding-left: 5px;
}
.bold {
font-weight: bold; font-weight: bold;
} }
.fileas select, .photo img, .iphoto img {
.fileas,
.owner select,
.owner {
font-weight: bold;
width: 100%;
}
.photo img,
.iphoto img {
width: 60px; width: 60px;
} }
.uploadphoto { .photo img {
background-color: #FFFFFF; cursor: hand;
border: 2px solid black; }
display: none; .uploadphoto{
left: 48px;
padding: 4px;
position: absolute; position: absolute;
top: 168px; top: 168px;
} left: 48px;
.checkAllArrow { display:none;
padding-right: 5px;
}
.typeIcon {
height: 16px;
width: 16px;
}
.editphones,
.editname {
background-color: #FFFFFF;
border: 2px solid black; border: 2px solid black;
display: none; background-color: #ffffff;
left: 30%; padding: 4px;
padding: 4px; }
.checkAllArrow { padding-right: 5px; }
.typeIcon { height: 16px; width: 16px; }
.editphones,.editname{
position: absolute; position: absolute;
top: 10%; top: 10%;
left: 30%;
display:none;
border: 2px solid black;
background-color: #ffffff;
padding: 4px;
} }
.editname { .editname{
left: 137px; top: 97px;
top: 160px; left: 173px;
} }
.windowheader { .windowheader{
background-image: url("../../../phpgwapi/templates/idots/images/appbox-header-background.png"); background-image:url(../../../phpgwapi/templates/idots/images/appbox-header-background.png);
background-repeat: repeat-x; background-repeat:repeat-x;
border-bottom: 1px solid #9C9C9C;
border-collapse: collapse;
border-spacing: 0;
height: 20px; height: 20px;
border-spacing: 0px;
border-collapse:collapse;
border-bottom: #9c9c9c 1px solid;
} }
.emailGroup table { 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; height: 87px;
} }
.space { .space{
width: 80px; width: 80px;
} }
.noWrap { .noWrap{
white-space: nowrap; white-space: nowrap;
} }
.customfields td { .customfields{
}
.customfields td{
white-space: nowrap;
line-height: 12px; line-height: 12px;
white-space: nowrap;
} }
.image16 img { .image16 img {
height: 16px; height: 16px;

535
addressbook/templates/default/app.less
View File

@ -1,535 +0,0 @@
/**
* 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 Reinhard <stefan.reinhard@pixelegg.de>
* @package addressbook
* @version $Id$
*/
@import (reference) "../../../phpgwapi/templates/default/def_buttons.less";
@import (reference) "../../../phpgwapi/templates/default/def_design_pattern_color_font_shadow.less";
//**********************************
// iframe
div#addressbook-index{
min-height: 700px;
height: auto !important;
// ###########################
// linke Box
// ##########################
div.et2_hbox_left{
padding: 1em;
// Org View
select#addressbook-index_org_view{
.Complete_Button_select;
height: 35px;
margin-top: 0;
&:hover{
.Complete_Button_select_hover;
}
}
} // linke Box
// ###########################
// rechte Box
// ###########################
div.et2_hbox_right {
width: 360px;
margin-right: 1em;
// Typ
select.et2_selectbox{
.Complete_Button_select;
height: 35px;
margin-left: 5px;
&:hover{.Complete_Button_select_hover;}
&:focus{.Complete_Button_select_focus;}
}
// erweiterte Suche
button#addressbook-index_search{
.background-color-10-gray;
.color-100-gray;
.Complete_Button_text_icon_before;
background-image:url('../images/erweiterte-suche.png') !important;
&:hover{ background-image:url('../images/erweiterte-suche.png'); .Complete_Button_text_icon_before_hover;}
&:focus{ background-image:url('../images/erweiterte-suche.png'); .Complete_Button_text_icon_before_active;}
}
// hinzufügen
button#addressbook-index_add{
.Complete_Button_add;
&:hover {.Complete_Button_add_hover;}
}
} // rechte Box
// ###########################
// Favoriten
#addressbook-index_favorite_wrapper{
img{width: 16px;}
.et2_dropdown {
.Complete_Button_Icon_normal;
// .background-color-25-gray;
button#addressbook-index_favorite {
img{width: 16px; .Complete_Button_Icon_normal;}
}
button{}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
.background-color-25-gray;
color: #000;
background-image: none !important;
}
}
} // Favoriten
// Filter
.filters{
#addressbook-index_cat_id{width: 7%;}
#addressbook-index_filter{width:7%;}
#addressbook-index_filter2{width: 10%;}
}// Filter
table.egwGridView_outer{
// border-collapse: inherit;
width: 99%;
}
// Einstellungen Listenausgabe
} // iframe
//******************************************************************
// sidebar
#egw_fw_sidemenu{
//Tabelle mit Ansichten des Kalenders
.egw_fw_ui_category_content{
table {margin-left: -14px;}
}
// Bilder für Favoriten
img.sideboxstar {
// background-image: url("../../../phpgwapi/templates/idots/images/orange-ball.png");
// background-repeat: no-repeat;
// display: inline-block;
// margin: 0 1px;
// padding: 1px;
}
select {margin-top: -5px;}
}
// Dialog Addressbuch bearbeiten und alle weiteren
// #####################################################
div#addressbook-edit,
div#addressbook-search{
// .box_shadow_dialog;
// .border_radius_button_normal;
margin: 0;
padding: 0.5em;
// Choosen Adresse
.chzn-container { width: 60% !important;}
.et2_tabheader {margin-top: 0px;background-color:transparent;}
// Tabelle
table.editphones{
width: auto !important;
top: 5%;
.box_shadow_standard_light;
}
table.addressbook_edit_general{
// background: red;
border-top: 0px;
tr td:first-child {width: 100px;}
tr td {width: 200px;}
table tr td:first-child {width: 60px;}
table tr td {width: 200px;}
//Name
input#addressbook-edit_n_fn {width: 200px;}
// Name bearbeiten
table.editname {
.background-color-10-gray;
// position: relative;
// top: -20px;
z-index: 10;
font-size: 1.5em;
tr td:first-child {width: 100px !important;}
}
//Titel
input#addressbook-edit_title {width: 200px;}
//Role
input#addressbook-edit_role {width: 200px;}
//Organisation
input#addressbook-edit_org_name {width: 286px;}
//unit
input#addressbook-edit_org_unit {width: 286px;}
// Street
input#addressbook-edit_adr_one_street,
input#addressbook-edit_adr_one_street2 {width: 286px;}
// PLZ + Ort
input#addressbook-edit_adr_one_postalcode {width: 50px;}
input#addressbook-edit_adr_one_locality {width: 225px;}
// Choosen Adresse
.chzn-container { width: 300px !important;}
//region
input#addressbook-edit_adr_one_region {width: 286px;}
//Owner
select.owner {width: 300px;}
} // generell
// Telefonnummer:
fieldset.phoneGroup {
border: none;
margin-bottom: 0;
margin-top: 12px;
height: auto;
.background-color-15-gray;
.border_radius_button_normal;
legend { text-transform: uppercase;}
}
fieldset.phoneGroup * img {display: none !important; width: 20px;} // Bilder ausblenden
.phoneGroup table {
// height: 122px;
}
// Email
fieldset.emailGroup {
border: none;
margin-bottom: 0;
margin-top: 10px;
height: auto;
.background-color-15-gray;
.border_radius_button_normal;
legend { text-transform: uppercase;}
a.et2_url:after {
content: "\221E";
font-size: 1.5em;
}
a.et2_url {margin-left: -40px;}
a.et2_url.url {background-size: 15px 15px; background-image: none;}
}
fieldset.emailGroup * img {display: none !important; width: 20px;} // Bilder ausblenden
} // edit
#addressbook-edit_addressbook-edit-general{
// Länderauswahl
#addressbook_edit_adr_one_countrycode_chzn{
width: 200px !important;
// background-color: red !important;
padding-top: 1em;
}
}
// ################### Tab 2 / Kategorien ########################
//
// addressbook-edit_addressbook.edit.cats
// in Adressbuch css ausgelagert
//div#addressbook-edit_addressbook~\.edit~\.cats {background-color: red;}
// ################## Tab 3 / Privat #############################
#addressbook-edit_addressbook-edit-home{
// content: "hello I´m there";
// Länderauswahl
#addressbook_edit_adr_two_countrycode_chzn{
width: 200px !important;
// background-color: red !important;
padding-top: 1em;
}
// Timezone
#addressbook_edit_tz_chzn{
width: 15% !important;
padding-top: 1em;
}
}
// Verknüpfungen
#addressbook-edit_addressbook-edit-links,
#addressbook-search_addressbook-edit-links{
.th{ height: 20px;}
tbody{
display: table-header-group;
vertical-align: top;
}
}
// Verteilerliste
#addressbook-edit_addressbook-edit-distribution_list,
#addressbook-search_addressbook-edit-distribution_list{
.th{ height: 20px;}
tbody{
display: table-header-group;
vertical-align: top;
}
}
// Extra
#addressbook-edit_addressbook-edit-custom,
#addressbook-search_addressbook-edit-custom{
.th{ height: 20px;}
tbody{
display: table-header-group;
vertical-align: top;
}
}
// Privat
#addressbook-edit_addressbook-edit-custom_private,
#addressbook-search_addressbook-edit-custom_private{
.th{ height: 20px;}
tbody{
display: table-header-group;
vertical-align: top;
}
}
// History
#addressbook-edit_addressbook-edit-history{
.th{ height: 20px;}
tbody{
display: table-header-group;
vertical-align: top;
}
}
// ################## Tab 4 Details ###############################
// mehr...Phonebuch
button.button_more {
.Complete_Button_text_icon_before;
background-image:url('../images/bearbeiten.png');
}
// #####################################################
// Adresse editieren
div.addressbook.edit.general{
table {
border-top: 0px;
tr td img {display: none;}
// Adressbuchbild unsichtbar
img:nth-child(1) {display:none;}
// Bild hochladen
img:nth-child(2) {cursor:pointer;}
}
}
.cursorHand {
}
.countrySelect select {
width: 150px;
}
.custom_country input {
display: none;
}
.contactid:before {
content: "#";
}
.emailCol div {
overflow: hidden;
width: 100%;
}
.redItalic {
color: red;
font-style: italic;
}
.fixedHeight, .telNumbers {
height: 30px;
}
.telNumbers {
white-space: nowrap;
}
.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;
}
.photo img {
}
.uploadphoto {
background-color: #FFFFFF;
border: 2px solid black;
display: none;
left: 48px;
padding: 4px;
position: absolute;
top: 168px;
}
.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 {
}
.customfields td {
line-height: 12px;
white-space: nowrap;
}
.image16 img {
height: 16px;
}
// Ende Addressbuch

76
admin/templates/default/app.css
View File

@ -1,75 +1,43 @@
/** /**
* EGroupware - CSS Styles used by admin app * EGroupware - CSS Styles used by admin app
* *
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package etemplate
* @link http://www.egroupware.org
* @author Ralf Becker <RalfBecker@outdoor-training.de> * @author Ralf Becker <RalfBecker@outdoor-training.de>
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package admin
* @version $Id$ * @version $Id$
*/ */
#divGenTime {
clear: left; .admin_tree table, .admin_tree tr, .admin_tree td {
} border: none;
.prefAppBox {
float: left;
margin: 5px;
min-height: 12em;
padding-left: 5px;
width: 225px;
border-top: solid 1px #e4e7ea;
border-left: solid 1px #e4e7ea;
border-right: solid 1px #e4e7ea;
border-bottom: solid 1px #e4e7ea;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.prefAppBox h3 {
height: 32px;
padding-left: 50px;
padding-top: 10px;
background-repeat: no-repeat;
background-position: left;
background-size: 32px;
opacity: 0.5;
margin: 0;
color: #000000;
}
.prefAppBox ul {
margin: 0;
padding-left: 20px;
padding-top: 0;
}
/**
* Seems not to be merged from app.css
*/
.admin_tree table,
.admin_tree tr,
.admin_tree td {
border: none;
} }
div#divAppbox { div#divAppbox {
padding: 0; padding: 0;
} }
body { body {
background-image: none; background-image: none;
background-color: white; background-color: white;
} }
/* otherwise it is transparent */ /* otherwise it is transparent */
#admin_iframe { #admin_iframe {
background-color: white; background-color: white;
} }
tr.adminAccountInactive .adminStatus { tr.adminAccountInactive .adminStatus {
color: red; color: red;
} }
.adminOverflowEllipsis { .adminOverflowEllipsis {
width: 100%; width: 100%;
white-space: nowrap; white-space: nowrap;
display: block; display: block;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
img.admin_aclApp { img.admin_aclApp {
width: 16px; width: 16px;
} }

85
admin/templates/default/app.less
View File

@ -1,85 +0,0 @@
/**
* EGroupware - CSS Styles used by admin app
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Ralf Becker <RalfBecker@outdoor-training.de>
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package admin
* @version $Id: app.css 43522 2013-08-26 18:25:43Z ralfbecker $
*/
@import (reference) "../../../phpgwapi/templates/default/def_buttons.less";
@import (reference) "../../../phpgwapi/templates/default/def_design_pattern_color_font_shadow.less";
#prefIndex {
}
#divGenTime {
clear: left;
}
.prefAppBox {
// border: 1px solid lightgray;
// border-radius: 3px 3px 3px 3px;
float: left;
// height: 225px;
margin: 5px;
min-height: 12em;
padding-left: 5px;
width: 225px;
.bordered(@lightgray,@lightgray,@lightgray,@lightgray );
.rounded(2px);
}
.prefAppBox h3 {
height: 32px;
padding-left: 50px;
padding-top: 10px;
background-repeat: no-repeat;
background-position: left;
background-size: 32px;
opacity: 0.5;
margin: 0;
color: #000000;
}
.prefAppBox ul {
margin: 0;
padding-left: 20px;
padding-top: 0;
}
/**
* Seems not to be merged from app.css
*/
.admin_tree table, .admin_tree tr, .admin_tree td {
border: none;
}
div#divAppbox {
padding: 0;
}
body {
background-image: none;
background-color: white;
}
/* otherwise it is transparent */
#admin_iframe {
background-color: white;
}
tr.adminAccountInactive .adminStatus {
color: red;
}
.adminOverflowEllipsis {
width: 100%;
white-space: nowrap;
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
img.admin_aclApp {
width: 16px;
}

1043
calendar/templates/default/app.css
View File

File diff suppressed because it is too large Load Diff

1113
calendar/templates/default/app.less
View File

File diff suppressed because it is too large Load Diff

163
etemplate/templates/default/app.css
View File

@ -1,128 +1,155 @@
/** /**
* EGroupware - CSS Styles used by old eTemplate widgets * eGroupWare - CSS Styles used by eTemplate widgets
* *
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package etemplate
* @link http://www.egroupware.org * @link http://www.egroupware.org
* @author Ralf Becker <RalfBecker@outdoor-training.de> * @author Ralf Becker <RalfBecker@outdoor-training.de>
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package etemplate
* @version $Id$ * @version $Id$
*/ */
.redItalic,
.message { /*
color: red; * a few generic styles used in most eT apps
font-style: italic; */
.redItalic,.message {
color: red;
font-style: italic;
} }
.gray { .gray {
color: gray; color: gray;
} }
.leftPad5 { .leftPad5 {
padding-left: 5px; padding-left: 5px;
} }
.inputFullWidth input { .inputFullWidth input {
width: 100%; width: 100%;
} }
.selectboxFullWidth select { .selectboxFullWidth select {
width: 100%; width: 100%;
} }
.inputRequired input,
.inputRequired select, /*
.inputRequired textarea { * mark input as required
background-color: #FFFFD0; */
border: 1px solid gray; .inputRequired input,.inputRequired select,.inputRequired textarea {
border: gray 1px solid;
background-color: #ffffd0;
} }
/*
* Styles of the eT editor
*/
.clickWidgetToEdit { .clickWidgetToEdit {
cursor: pointer; cursor: pointer;
display: inline; display: inline;
} }
.clickWidgetToEdit:hover { .clickWidgetToEdit:hover {
background-color: pink; background-color: pink;
} }
/*
* Styles of the nextmatch widget
*/
.activ_sortcolumn { .activ_sortcolumn {
font-weight: bold; font-weight: bold;
} }
.inactiv_sortcolumn { .inactiv_sortcolumn {
font-weight: normal; font-weight: normal;
} }
.selectcols { .selectcols {
position: relative; position: relative;
} }
.colselection { .colselection {
background-color: white; background-color: white;
display: none; position: absolute;
position: absolute; right: 0px;
right: 0; top: 16px;
top: 16px; display: none;
z-index: 1; z-index: 1;
}
table.TabHeader {
background-color: #d9d9d9;
} }
/* /*
* Styles for the tab widget * Styles for the tab widget
*/ */
.etemplate_tab, .etemplate_tab,.etemplate_tab_active {
.etemplate_tab_active { border-style:solid;
border-style: solid; border-width:1px 1px 0px;
border-width: 1px 1px 0px; border-color:black;
border-color: black; padding:3px;
padding: 3px; padding-left: 6px;
padding-left: 6px; padding-right: 6px;
padding-right: 6px; width: 60px;
width: 60px; white-space: nowrap;
white-space: nowrap;
} }
.etemplate_tab { .etemplate_tab {
cursor: pointer; cursor: pointer;
background-color: #E8F0F0; background-color: #E8F0F0;
} }
.etemplate_tab_active { .etemplate_tab_active {
border-width: 2px 2px 0px; border-width:2px 2px 0px;
background-color: #D3DCE3; background-color: #D3DCE3;
} }
.tab_body { .tab_body {
border: black solid 2px; border: black solid 2px;
} }
.nextmatch_header { .nextmatch_header {
border: 1px solid black; border: 1px solid black;
} }
.nextmatch_header select { .nextmatch_header select {
width: 140px; width: 140px;
} }
.nm_num_rows select { .nm_num_rows select {
width: 40px; width: 40px;
} }
.vfsMode { .vfsMode {
font-family: monospace; font-family: monospace; font-weight: bold;
font-weight: bold;
} }
.vfsMimeIcon img { .vfsMimeIcon img {
max-height: 16px; max-height: 16px;
max-width: 16px; max-width: 16px;
} }
.vfsFilename { .vfsFilename {
white-space: nowrap; white-space: nowrap;
} }
/**
* mark a file (icon) as link
*/
.vfsIsLink img { .vfsIsLink img {
background-image: url("images/link.png"); padding-right: 8px;
background-position: right bottom; background-image: url(images/link.png);
background-repeat: no-repeat; background-repeat: no-repeat;
padding-right: 8px; background-position: right bottom;
} }
/**
* nicer would be, but it's not working ...
*/
.vfsIsLink img:after { .vfsIsLink img:after {
content: url("../../../filemanager/templates/default/images/link.png"); content: url(filemanager/templates/default/images/link.png);
} }
/**
* mark a link (icon) as broken link
*/
.vfsIsBrokenLink img { .vfsIsBrokenLink img {
background-image: url("images/link_broken.png"); padding-right: 8px;
background-position: right bottom; background-image: url(images/link_broken.png);
background-repeat: no-repeat; background-repeat: no-repeat;
padding-right: 8px; background-position: right bottom;
} }
/**
* class for big (more then 5 lines) custom field nextmatch header
*/
.cf_header_height_limit { .cf_header_height_limit {
max-height: 6.75em; max-height: 6.75em;
overflow: auto; overflow: auto;
padding-right: 15px; padding-right: 15px;
} }
/**
* class for table in data_widget
*/
.eTdate { .eTdate {
white-space: nowrap; white-space: nowrap;
} }

223
etemplate/templates/default/app.less
View File

@ -1,223 +0,0 @@
/**
* EGroupware - CSS Styles used by old eTemplate widgets
*
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @link http://www.egroupware.org
* @author Ralf Becker <RalfBecker@outdoor-training.de>
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package etemplate
* @version $Id$
*/
@import (reference) "../../../phpgwapi/templates/default/def_buttons.less";
@import (reference) "../../../phpgwapi/templates/default/def_design_pattern_color_font_shadow.less";
.redItalic, .message {
color: red;
font-style: italic;
}
.gray {
color: gray;
}
.leftPad5 {
padding-left: 5px;
}
.inputFullWidth input {
width: 100%;
}
.selectboxFullWidth select {
width: 100%;
}
.inputRequired input, .inputRequired select, .inputRequired textarea {
background-color: #FFFFD0;
border: 1px solid gray;
}
.clickWidgetToEdit {
cursor: pointer;
display: inline;
}
.clickWidgetToEdit:hover {
background-color: pink;
}
.activ_sortcolumn {
font-weight: bold;
}
.inactiv_sortcolumn {
font-weight: normal;
}
.selectcols {
position: relative;
}
.colselection {
background-color: white;
display: none;
position: absolute;
right: 0;
top: 16px;
z-index: 1;
}
// Tabelle
// Tabs
table.TabHeader{
.background-color-15-gray;
}
// Tabs
//.etemplate_tab {
//// border-color: black;
//// border-style: solid;
//// border-width: 1px 1px 0;
//// padding: 3px 6px;
// white-space: nowrap;
// width: auto;
//
// display: inline-block;
// margin: 1em 5px 1em 0;
// padding: 5px;
// cursor: pointer;
//
// .background-color-10-gray;
// .border_radius_button_normal;
// .border_normal;
// .box_shadow_standard_light;
//
//
// -webkit-user-select: none;
// -moz-user-select: none;
// user-select: none;
//
// &:hover {.Complete_Button_hover;}
// &:focus {.Complete_Button_focus;}
//
//}
//
//.etemplate_tab_active {
//
// white-space: nowrap;
// width: auto;
//
// display: inline-block;
// margin: 1em 5px 1em 0;
// padding: 5px;
// cursor: pointer;
//
//// .background-color-10-gray;
// .border_radius_button_normal;
// .border_normal;
// .box_shadow_standard_light;
//
//
// -webkit-user-select: none;
// -moz-user-select: none;
// user-select: none;
//
// .background-color-50-gray;
// border-width: 0 0 3px 0;
// border-style: solid;
// border-spacing: 0px;
// border-color: @active_button_border_bottom;
// .color-5-gray;
//
// .th {
// .background-color-50-gray;
// border-width: 0 0 3px 0;
// border-style: solid;
// border-spacing: 0px;
// border-color: @active_button_border_bottom;
// .color-5-gray;
// }
//
//
//}
//
//
//.etemplate_tab row_on,
//td.etemplate_tab_active:focus {
// .background-color-50-gray;
// border-width: 0 0 3px 0;
// border-style: solid;
// border-spacing: 0px;
// border-color: @active_button_border_bottom;
// .color-5-gray;
//
//
//
//
//}
// Inhalte der Tabs
/*
* Styles for the tab widget
*/
.etemplate_tab,.etemplate_tab_active {
border-style:solid;
border-width:1px 1px 0px;
border-color:black;
padding:3px;
padding-left: 6px;
padding-right: 6px;
width: 60px;
white-space: nowrap;
}
.etemplate_tab {
cursor: pointer;
background-color: #E8F0F0;
}
.etemplate_tab_active {
border-width:2px 2px 0px;
background-color: #D3DCE3;
}
.tab_body {
border: black solid 2px;
}
.nextmatch_header {
border: 1px solid black;
}
.nextmatch_header select {
width: 140px;
}
.nm_num_rows select {
width: 40px;
}
.vfsMode {
font-family: monospace;
font-weight: bold;
}
.vfsMimeIcon img {
max-height: 16px;
max-width: 16px;
}
.vfsFilename {
white-space: nowrap;
}
.vfsIsLink img {
background-image: url("images/link.png");
background-position: right bottom;
background-repeat: no-repeat;
padding-right: 8px;
}
.vfsIsLink img:after {
content: url("../../../filemanager/templates/default/images/link.png");
}
.vfsIsBrokenLink img {
background-image: url("images/link_broken.png");
background-position: right bottom;
background-repeat: no-repeat;
padding-right: 8px;
}
.cf_header_height_limit {
max-height: 6.75em;
overflow: auto;
padding-right: 15px;
}
.eTdate {
white-space: nowrap;
}

1361
etemplate/templates/default/etemplate2.css
View File

File diff suppressed because it is too large Load Diff

101
filemanager/templates/default/app.css
View File

@ -1,76 +1,25 @@
/** /**
* EGroupware admin: CSS with less preprocessor * CSS for new eTemplate filemanager UI
* */
* Please do NOT change app.css directly, instead change app.less and compile it!
* .address input { font-size: 140%; font-weight: bold; }
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de> .mimeHuge img { width: 64px; height: 64px; }
* @package filemanager .fileName input { font-weight: bold; width: 100%; }
* @version $Id$ .comment textarea { width: 100%; height: 35px; }
*/ .previewImage img { max-width: 430px; max-height: 275px; border: 1px solid black; }
div.et2_file { .previewText div { }
color: red; .pathSelection { font-weight: bold; }
} .pathSelection a { font-weight: bold; font-size: 120%; }
/** .pathSelectionContainer { width: 640px; overflow: auto; }
* seems not to be merged from app.css
*/ /**
.address input { * Select file dialog
font-size: 140%; */
font-weight: bold; .selectPath { font-weight: bold; width: 98% }
} .selectPathContainer { width: 470px; overflow: auto; }
.mimeHuge img { .selectName input { width: 100%; }
width: 64px; .selectMime select { width: 100%; }
height: 64px; /*.selectIcon img { height: 16px; }*/
} .displayNone input, input.displayNone { display: none; }
.fileName input { .selectFiles td div { border-style: groove; }
font-weight: bold; .selectFiles div { max-height: 400px; overflow:auto;}
width: 100%;
}
.comment textarea {
width: 100%;
height: 35px;
}
.previewImage img {
max-width: 430px;
max-height: 275px;
border: 1px solid black;
}
.pathSelection {
font-weight: bold;
}
.pathSelection a {
font-weight: bold;
font-size: 120%;
}
.pathSelectionContainer {
width: 640px;
overflow: auto;
}
/**
* Select file dialog
*/
.selectPath {
font-weight: bold;
width: 98%;
}
.selectPathContainer {
width: 470px;
overflow: auto;
}
.selectName input {
width: 100%;
}
.selectMime select {
width: 100%;
}
/*.selectIcon img { height: 16px; }*/
.displayNone input,
input.displayNone {
display: none;
}
.selectFiles td div {
border-style: groove;
}
.selectFiles div {
max-height: 400px;
overflow: auto;
}

60
filemanager/templates/default/app.less
View File

@ -1,60 +0,0 @@
/**
* EGroupware admin: CSS with less preprocessor
*
* Please do NOT change app.css directly, instead change app.less and compile it!
*
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package filemanager
* @version $Id$
*/
@import (reference) "../../../phpgwapi/templates/default/def_buttons.less";
@import (reference) "../../../phpgwapi/templates/default/def_design_pattern_color_font_shadow.less";
div.et2_file {color: red;}
// iframe
div#filemanager-index_nm{
// Rahmen + padding
.box_shadow_dialog;
.nextmatch_header{
div.ui-helper-clearfix,
div.ui-helper-reset{}
span.header_count ui-corner-all{}
div.filters{}
table{}
} //nextmatch_header
} // iframe
/**
* seems not to be merged from app.css
*/
.address input { font-size: 140%; font-weight: bold; }
.mimeHuge img { width: 64px; height: 64px; }
.fileName input { font-weight: bold; width: 100%; }
.comment textarea { width: 100%; height: 35px; }
.previewImage img { max-width: 430px; max-height: 275px; border: 1px solid black; }
.previewText div { }
.pathSelection { font-weight: bold; }
.pathSelection a { font-weight: bold; font-size: 120%; }
.pathSelectionContainer { width: 640px; overflow: auto; }
/**
* Select file dialog
*/
.selectPath { font-weight: bold; width: 98% }
.selectPathContainer { width: 470px; overflow: auto; }
.selectName input { width: 100%; }
.selectMime select { width: 100%; }
/*.selectIcon img { height: 16px; }*/
.displayNone input, input.displayNone { display: none; }
.selectFiles td div { border-style: groove; }
.selectFiles div { max-height: 400px; overflow:auto;}

109
infolog/templates/default/app.css
View File

@ -1,86 +1,25 @@
/** /* $Id$ */
* EGroupware: CSS with less preprocessor .infolog_headertext { color: black; font-size: 120%; }
* .infolog_lpadding5 { padding-left: 5px; }
* Please do NOT change app.css directly, instead change app.less and compile it! .low,.low_done,.normal,.normal_done,.high,.high_done,.urgent,.urgent_done { font-weight: bold; }
* Pixleegg Template app.css .low,.low_done { color:#606060; }
* @link http://www.egroupware.org .normal,.normal_done { color:black }
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License .high { color:#cc0000; }
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de> .high_done { color:#800000; }
* @package infolog .urgent { color:#ff00ff; }
* @version $Id$ .urgent_done { color:#800080; }
*/ .infolog_overdue { color:#cc0000; font-weight:bold; }
span#favorite_sidebox_infolog .sidebox-favorites favorites li a div.ui-icon-heart { .private { font-style:italic; }
background-image: none; .infolog_planned { font-style:italic; }
} table.infolog_fullWidth { width: 100%; }
#infolog-index { td.infolog_infoId:before { content:"#" }
height: auto !important; .infolog_fixedHeight { height: 12px; }
} .noWrap { white-space: nowrap; }
#infolog-index table.et2_grid { .infolog_user_filter select { width: 100px; }
border-top: 0px; .inputFullWidth input { width: 100%; }
} .infolog_image16 img { height: 16px; }
#infolog-index #infolog-index_nm { tr.infolog_rowHasParent > td:first-child {
min-height: 900px; background-image: url(../../../phpgwapi/templates/default/images/egw_action/arrow_up.png);
} background-repeat: no-repeat;
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right, background-position: 6px -2px;
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right {
padding: 0 0em;
margin-right: 0em;
}
#infolog-index #infolog-index_nm .nextmatch_header div#infolog-index_favorite_wrapper ul#infolog-index_favorite_menu {
border-color: #bfbfbf;
background-color: #ffffff;
color: #000000;
}
#infolog-index #infolog-index_nm .nextmatch_header div#infolog-index_favorite_wrapper ul#infolog-index_favorite_menu li a {
height: 40px;
border: none;
}
#infolog-index #infolog-index_nm .nextmatch_header div#infolog-index_favorite_wrapper ul#infolog-index_favorite_menu li a img {
height: 16px;
width: 16px;
}
#infolog-index #infolog-index_nm .nextmatch_header div#infolog-index_favorite_wrapper ul#infolog-index_favorite_menu li a:hover {
background: none;
text-indent: -22px;
margin-left: 21px;
height: 40px;
}
#infolog-index #infolog-index_nm .nextmatch_header div.filters {
padding: 0 0 0 1em;
background-color: #f0f0f0;
margin-bottom: 3px;
margin: 0em;
border-width: 0 0 1px 0;
border-color: #d9d9d9;
background-image: none;
}
#infolog-index #infolog-index_nm .nextmatch_header div.filters select#infolog-index_cat_id {
margin-left: 1em;
}
#infolog-index #infolog-index_nm .frame {
min-height: 500px;
height: 500px;
}
#infolog-index #infolog-index_nm .egwGridView_scrollarea {
height: auto;
}
#infolog-index #infolog-index_nm .egwGridView_scrollarea table.egwGridView_grid img[src] {
height: 16px;
width: 16px;
}
#infolog-edit {
width: 800px;
padding: 5px;
}
#infolog-edit input {
max-width: 300px;
}
#infolog-edit .et2_tabheader {
background: transparent;
}
#infolog-edit table.egwGridView_outer {
max-width: 100%;
}
#infolog-edit #infolog-edit_history {
max-width: 785px;
} }

239
infolog/templates/default/app.less
View File

@ -1,239 +0,0 @@
/**
* EGroupware: CSS with less preprocessor
*
* Please do NOT change app.css directly, instead change app.less and compile it!
* Pixleegg Template app.css
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package infolog
* @version $Id$
*/
@import (reference) "../../../phpgwapi/templates/default/def_buttons.less";
@import (reference) "../../../phpgwapi/templates/default/def_content_elements.less";
@import (reference) "../../../phpgwapi/templates/default/def_design_pattern_color_font_shadow.less";
//********************************************
// Seitenleiste links
// Favoriten
span#favorite_sidebox_infolog{
.sidebox-favorites {
favorites{
li {
a div.ui-icon-heart{
background-image: none;
}
}
}
}
}
// #############################################################################
// iframe
// Rahmen + padding
.egw_fw_content_browser_div{
// .box_shadow_dialog;
}
#infolog-index {
height: auto !important;
table.et2_grid {border-top: 0px;}
#infolog-index_nm{
min-height: 900px;
// Header
.nextmatch_header{
div.ui-helper-clearfix,
div.ui-helper-reset{
// rechte Box mit add
div.et2_hbox_right{
padding: 0 0em;
margin-right: 0em;
// div.et2_box_widget{
// .Complete_Button_add;
//// .Complete_Button_text;
// .border_radius_button_lefttop;
// .box_shadow_standard_light;
// height: 35px;
// .infolog_headertext{color: #FFF !important;}
//
// &:hover {.box_shadow_standard_light_hover;}
//
//
// }
}
}
// Anzahl
span.header_count ui-corner-all{}
//Favoriten
div#infolog-index_favorite_wrapper{
// Liste
ul#infolog-index_favorite_menu{
.border-color-25-gray;
.background-color-0-gray;
.color-100-gray;
li{
a {
height: 40px;
border: none;
img {height: 16px; width: 16px;}
}
a:hover {
background: none;
text-indent: -22px;
margin-left: 21px;
height: 40px;
}
}
li#blank {}
li#add { }
}
} //Favoriten
div.filters{
.Rectangle_filters;
// 1 Filter
select#infolog-index_cat_id {margin-left: 1em;}
// 2 Filter
select#infolog-index_filter {}
// 3 Filter
select#infolog-index_filter2 {}
// Suchfeld
input#infolog-index_search {}
// Suchen Button
button.et2_button {}
}
table{}
} //nextmatch_header
// ##################################
// Listendarstellung
.egwGridView_outer {}
.frame {min-height: 500px; height: 500px;}
.egwGridView_scrollarea{
height: auto;
// overflow: auto;
table.egwGridView_grid {
img[src]{height: 16px; width: 16px;}
}
}
} // #infolog-index_nm
} // iframe
// #############################################################################
// Dialog infolog
// Input beschränken
#infolog-edit{
width: 800px;
padding: 5px;
input{ max-width: 300px; }
.et2_tabheader{
background: transparent;
}
table.egwGridView_outer{
max-width: 100%;
}
// Tab History
#infolog-edit_history{
max-width: 785px;
}
}
//TYP
select#infolog-edit_info_type {}
// Nummer hinter Typ
span#infolog-edit_info_number{}
//Kontakt
label.et2_label {}
// Eingabe via Select + Input
div.et2_box_widget {}
//
input.infolog-edit_info_custom_from {}
// Phone + Email
td.inputFullWidth{
input#infolog-edit_info_addr{}
}

605
mail/templates/default/app.css
View File

@ -1,34 +1,28 @@
textarea { textarea
font-family: monospace, sans-serif; {
font-size: 110%; font-family: monospace, sans-serif;
} font-size: 110%;
.defaultProfile {
color: #000000;
font-weight: bold !important;
}
.quoted1 {
color: #660066;
}
.quoted2 {
color: #007777;
}
.quoted3 {
color: #990000;
}
.quoted4 {
color: #000099;
}
.quoted5 {
color: #bb6600;
} }
.defaultProfile { color:#000000; font-weight:bold !important; }
.quoted1 { color:#660066; }
.quoted2 { color:#007777; }
.quoted3 { color:#990000; }
.quoted4 { color:#000099; }
.quoted5 { color:#bb6600; }
tr.mail div { tr.mail div {
cursor: default; cursor: default;
white-space: nowrap; white-space: nowrap;
} }
tr.mail a { tr.mail a {
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
} }
tr.recent div, tr.recent div,
tr.recent span, tr.recent span,
tr.recent time, tr.recent time,
@ -37,418 +31,465 @@ tr.unseen div,
tr.unseen span, tr.unseen span,
tr.unseen time, tr.unseen time,
tr.unseen a { tr.unseen a {
color: #003075; color: #003075;
font-weight: bold; font-weight: bold;
} }
tr.labelone div, tr.labelone div,
tr.labelone span, tr.labelone span,
tr.labelone time, tr.labelone time,
tr.labelone a { tr.labelone a {
color: #ff0080 !important; color: #ff0080 !important;
} }
tr.labeltwo div, tr.labeltwo div,
tr.labeltwo span, tr.labeltwo span,
tr.labeltwo time, tr.labeltwo time,
tr.labeltwo a { tr.labeltwo a {
color: #ff8000 !important; color: #ff8000 !important;
} }
tr.labelthree div, tr.labelthree div,
tr.labelthree span, tr.labelthree span,
tr.labelthree time, tr.labelthree time,
tr.labelthree a { tr.labelthree a {
color: #008000 !important; color: #008000 !important;
} }
tr.labelfour div, tr.labelfour div,
tr.labelfour span, tr.labelfour span,
tr.labelfour time, tr.labelfour time,
tr.labelfour a { tr.labelfour a {
color: #0000ff !important; color: #0000ff !important;
} }
tr.labelfive div, tr.labelfive div,
tr.labelfive span, tr.labelfive span,
tr.labelfive time, tr.labelfive time,
tr.labelfive a { tr.labelfive a {
color: #8000ff !important; color: #8000ff !important;
} }
tr.flagged div, tr.flagged div,
tr.flagged span, tr.flagged span,
tr.flagged time, tr.flagged time,
tr.flagged a { tr.flagged a {
color: #ff0000 !important; color: #ff0000 !important;
} }
tr.prio_high div, tr.prio_high div,
tr.prio_high span, tr.prio_high span,
tr.prio_high time, tr.prio_high time,
tr.prio_high a { tr.prio_high a {
color: #ac0000 !important; color: #ac0000 !important;
} }
tr.deleted div, tr.deleted div,
tr.deleted span, tr.deleted span,
tr.deleted time, tr.deleted time,
tr.deleted a { tr.deleted a {
color: silver; color: silver;
text-decoration: line-through; text-decoration : line-through;
} }
span.status_img { span.status_img {
display: inline-block; display: inline-block;
width: 12px; width: 12px;
height: 12px; height: 12px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url(images/kmmsgread.png); background-image: url(images/kmmsgread.png);
} }
tr.deleted span.status_img { tr.deleted span.status_img {
background-image: url(images/kmmsgdel.png); background-image: url(images/kmmsgdel.png);
} }
tr.unseen span.status_img { tr.unseen span.status_img {
background-image: url(images/kmmsgunseen.png); background-image: url(images/kmmsgunseen.png);
} }
tr.flagged_seen span.status_img { tr.flagged_seen span.status_img {
background-image: url(images/read_flagged_small.png) !important; background-image: url(images/read_flagged_small.png) !important;
} }
tr.flagged_unseen span.status_img { tr.flagged_unseen span.status_img {
background-image: url(images/unread_flagged_small.png) !important; background-image: url(images/unread_flagged_small.png) !important;
} }
tr.recent span.status_img { tr.recent span.status_img {
background-image: url(images/kmmsgnew.png) !important; background-image: url(images/kmmsgnew.png) !important;
} }
tr.replied span.status_img { tr.replied span.status_img {
background-image: url(images/kmmsgreplied.png) !important; background-image: url(images/kmmsgreplied.png) !important;
} }
tr.forwarded span.status_img { tr.forwarded span.status_img {
background-image: url(images/kmmsgforwarded.png) !important; background-image: url(images/kmmsgforwarded.png) !important;
} }
.subjectBold {
FONT-SIZE: 12px; .subjectBold
font-weight: bold; {
font-family: Arial; FONT-SIZE: 12px;
font-weight : bold;
font-family : Arial;
} }
.subject {
FONT-SIZE: 12px; .subject
font-family: Arial; {
FONT-SIZE: 12px;
font-family : Arial;
} }
TR.sieveRowActive {
FONT-SIZE: 11px; TR.sieveRowActive
height: 20px; {
padding: 0; FONT-SIZE: 11px;
background: White; height : 20px;
padding: 0;
background : White;
} }
A.sieveRowActive {
FONT-SIZE: 11px; A.sieveRowActive
height: 14px; {
padding: 0; FONT-SIZE: 11px;
height : 14px;
padding: 0;
} }
TR.sieveRowInActive {
FONT-SIZE: 11px; TR.sieveRowInActive
height: 20px; {
padding: 0; FONT-SIZE: 11px;
background: White; height : 20px;
color: Silver; padding: 0;
background : White;
color: Silver;
} }
A.sieveRowInActive {
FONT-SIZE: 11px; A.sieveRowInActive
height: 14px; {
padding: 0; FONT-SIZE: 11px;
color: Silver; height : 14px;
padding: 0;
color: Silver;
} }
.bodyDIV { .bodyDIV {
position: absolute; position:absolute;
background-color: white; background-color:white;
top: 134px; top:134px;
bottom: 0px; bottom:0px;
width: 100%; width:100%;
border-top: 1px solid #efefdf; border-top: 1px solid #efefdf;
} }
.bodyDIVAttachment { .bodyDIVAttachment {
bottom: 80px; bottom:80px;
} }
#attachmentSpanAllDIV {
background-color: #efefdf; #attachmentSpanAllDIV{
height: 260px; background-color:#efefdf;
overflow: auto; height:260px;
overflow:auto;
} }
#attachmentDIV { #attachmentDIV {
position: fixed; position:fixed;
background-color: #efefdf; background-color:#efefdf;
bottom: 0px; bottom:0px;
min-height: 80px; min-height:80px;
max-height: 239px; max-height:239px;
width: 100%; width:100%;
border-top: 1px solid silver; border-top: 1px solid silver;
overflow: auto; overflow:auto;
} }
#popupattachmentDIV { #popupattachmentDIV {
position: top; position:top;
background-color: #efefdf; background-color:#efefdf;
bottom: 0px; bottom:0px;
min-height: 80px; min-height:80px;
max-height: 239px; max-height:239px;
width: 100%; width:100%;
border-top: 1px solid silver; border-top: 1px solid silver;
overflow: auto; overflow:auto;
} }
pre { pre {
white-space: pre-wrap; white-space: pre-wrap; /* Mozilla, since 1999 */
/* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */
white-space: -pre-wrap; white-space: -o-pre-wrap; /* Opera 7 */
/* Opera 4-6 */ width: 99%;
white-space: -o-pre-wrap;
/* Opera 7 */
width: 99%;
} }
/* /*
avoid the vertical scrollbar within the sidebox section (triggered by the vertical dimension of the tree) avoid the vertical scrollbar within the sidebox section (triggered by the vertical dimension of the tree)
*/ */
.divSidebox { .divSidebox {
overflow: hidden; overflow: hidden;
} }
.textSidebox { .textSidebox {
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
} }
/* /*
avoid the vertical scrollbar within the actual tablecontainer (of the tree) avoid the vertical scrollbar within the actual tablecontainer (of the tree)
*/ */
.containerTableStyle { .containerTableStyle {
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
} }
.dtree { .dtree {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px; font-size: 11px;
color: #666; color: #666;
white-space: nowrap; white-space: nowrap;
} }
.dtree div { .dtree div {
width: 100%; width: 100%;
} }
.dtree img { .dtree img {
border: 0px; border: 0px;
vertical-align: middle; vertical-align: middle;
} }
.dtree a { .dtree a {
color: #333; color: #333;
text-decoration: none; text-decoration: none;
} }
.dtree a.node, .dtree a.node, .dtree a.nodeSel {
.dtree a.nodeSel { white-space: nowrap;
white-space: nowrap; padding: 1px 2px 1px 2px;
padding: 1px 2px 1px 2px;
} }
.dtree a.node:hover, .dtree a.node:hover, .dtree a.nodeSel:hover {
.dtree a.nodeSel:hover { color: #333;
color: #333; text-decoration: underline;
text-decoration: underline;
} }
.dtree a.nodeSel { .dtree a.nodeSel {
background-color: #c0d2ec; background-color: #c0d2ec;
} }
.dtree .clip { .dtree .clip {
overflow: hidden; overflow: hidden;
} }
.dtree table, .dtree table, .dtree tr, .dtree td {
.dtree tr, border: none;
.dtree td {
border: none;
} }
.dtree table { .dtree table {
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
display: table-row; display: table-row;
} }
.dtree tbody, .dtree tbody, .dtree tr, .dtree td, .dtree span {
.dtree tr, width: 100%;
.dtree td, overflow: hidden;
.dtree span {
width: 100%;
overflow: hidden;
} }
.useEllipsis { .useEllipsis {
text-overflow: ellipsis; text-overflow: ellipsis;
width: 250px; width: 250px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
word-wrap: break-word;
float: left;
&:after{
content: " ...";
}
} }
#mail-index { #mail-index {
position: relative; position: relative
} }
.mail-index_quotabox { .mail-index_quotabox {
position: absolute; position: absolute;
top: 8px; top:8px;
right: 74px; right:74px;
width: 200px !important; width:200px !important;
z-index: 99; z-index:99;
}
.mail_DisplayNone {
display: none !important;
} }
.mail-index_quotaDisplayNone { .mail-index_quotaDisplayNone {
display: none !important; display: none !important;
} }
.mail-index_QuotaGreen, .mail-index_QuotaGreen, .mail-index_QuotaYellow, .mail-index_QuotaRed {
.mail-index_QuotaYellow, height:12px !important;
.mail-index_QuotaRed { width:100px !important;
height: 12px !important;
width: 100px !important;
} }
.mail-index_QuotaGreen > div { .mail-index_QuotaGreen > div {
background-color: green !important; background-color: green !important;
height: 11px !important; height:11px !important;
} }
.mail-index_QuotaYellow > div { .mail-index_QuotaYellow > div {
background-color: yellow !important; background-color: yellow !important;
height: 11px !important; height:11px !important;
} }
.mail-index_QuotaRed > div { .mail-index_QuotaRed > div {
background-color: red !important; background-color: red !important;
height: 11px !important; height:11px !important;
} }
/* /*
influence the tree display and scrolling behavior influence the tree display and scrolling behavior
*/ */
#mail-tree_target { #mail-tree_target {
min-height: 35px; min-height: 35px;
max-height: 450px; max-height: 450px;
display: block; display: block;
display: -moz-inline-stack; display: -moz-inline-stack;
display: -moz-box; display: -moz-box;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
z-index: 100; z-index:100;
} }
/* /*
we need the the image displayed with our buttons on the left side we need the the image displayed with our buttons on the left side
*/ */
input[type=button] { input[type=button] {
background-position: left; background-position: left;
} }
#mail-index_messageIFRAME { #mail-index_messageIFRAME {
width: 100%; width: 100%;
height: 100%; height: 100%;
border: 0; border: 0;
} }
#mail-index_button\[mailcreate\] { #mail-index_button\[mailcreate\] {
width: 99%; width: 99%;
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
padding-left: 25px; padding-left: 25px;
background-image: url(images/write_mail.png) !important; background-image: url(images/write_mail.png) !important;
background-position: left; background-position: left;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
#mail-compose_button\[send\] { #mail-compose_button\[send\] {
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
padding-left: 30px; padding-left: 30px;
width: 80px; width: 80px;
margin: 0px !important; margin: 0px !important;
background-image: url(images/mail_send.png) !important; background-image: url(images/mail_send.png) !important;
background-position: left; background-position: left;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.mailDisplay,
#mail-index_mailPreview { .mailDisplay, #mail-index_mailPreview {
overflow: hidden; overflow: hidden;
position: relative; position: relative;
margin-top: 3px; margin-top: 3px;
} }
#mail-compose_fileselector { #mail-compose_fileselector {
width: 245px !important; width: 245px !important;
} }
#mail-compose_toolbar { #mail-compose_toolbar {
padding: 0px !important; padding: 0px !important;
} }
#mail-compose_toolbar > button { #mail-compose_toolbar > button {
padding: .2em .4em; padding: .2em .4em;
} }
#mail-compose_toolbar > img { #mail-compose_toolbar > img {
width: 16px; width: 16px;
padding: 0px; padding: 0px;
height: 16px !important; height: 16px !important;
} }
#mail-compose_toolbar > button > span > img { #mail-compose_toolbar > button > span > img {
width: 16px; width: 16px;
padding: 0px; padding: 0px;
height: 16px !important; height: 16px !important;
} }
#mail-display_toolbar { #mail-compose_toolbar > button {
padding: 0px; padding: .2em .4em;
} }
#mail-display_toolbar > button > span { #mail-display_toolbar > button > span {
padding: .2em .4em; padding: .2em .4em;
} }
#mail-display_toolbar > button > span > img { #mail-display_toolbar > button > span > img {
width: 16px; width: 16px;
padding: 0px; padding: 0px;
height: 16px !important; height: 16px !important;
}
#mail-display_toolbar .et2_button_icon {
width: 16px;
height: 16px;
} }
#mail-index_mailPreviewIcons { #mail-index_mailPreviewIcons {
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
} }
#mail-index_toolbar { #mail-index_toolbar {
padding: 0px; padding: 0px;
} }
#mail-index_toolbar > button > span { #mail-index_toolbar > button > span {
padding: .2em .4em; padding: .2em .4em;
} }
#mail-index_toolbar > button > span > img { #mail-index_toolbar > button > span > img {
width: 16px; width: 16px;
padding: 0px; padding: 0px;
height: 16px !important; height: 16px !important;
} }
#mail-index_mailPreviewContainer { #mail-index_mailPreviewContainer {
position: absolute; position: absolute;
border: 1px solid silver; border: 1px solid silver;
top: 60px; top: 60px;
bottom: 0; bottom: 0;
left: 3px; left: 3px;
right: 0; right: 0;
} }
#mail-index_previewAttachmentArea { #mail-index_previewAttachmentArea {
background-color: #efefdf; background-color:#efefdf;
max-height: 10%; max-height: 3em;
max-width: 50%; max-width: 50%;
position: absolute; position: absolute;
overflow: scroll; overflow:scroll;
overflow-x: hidden; overflow-x:hidden;
right: 0; right: 0;
top: 25px; top: 25px;
border: 1px solid red; border: 1px solid red;
opacity: 1; opacity: 1;
-moz-opacity: 1; -moz-opacity:1:
filter: alpha(opacity=100); filter: Alpha(opacity=100);
display: inline-block !important;
} }
#mail-index_previewAttachmentArea.noContent { #mail-index_previewAttachmentArea.noContent {
border: 0px !important; border:0px !important;
display: none !important;
} }
.mailDisplayContainer,
.mailDisplayAttachments { .mailDisplayContainer, .mailDisplayAttachments {
display: block; display: block;
display: -moz-inline-stack; display: -moz-inline-stack;
display: -moz-box; display: -moz-box;
width: 99%; width: 99%;
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
left: 3px; left: 3px;
right: 3px; right: 3px;
} }
.mailDisplayContainer { .mailDisplayContainer {
position: fixed; position: fixed;
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
border: 1px solid silver; border: 1px solid silver;
top: 120px; top: 120px;
bottom: 100px; }
.mailDisplayContainerFixedHeight {
bottom: 123px;
}
.mailDisplayContainerFullHeight {
bottom: .1em;
}
.mailDisplayBody {
height:100%;
width:100%;
background-color:white;
padding:0px;
margin:0px;
} }
.mailDisplayAttachments { .mailDisplayAttachments {
background-color: #efefdf; background-color:#efefdf;
max-height: 10%; height: 121px;
position: fixed; position: fixed;
bottom: 26px; bottom: .1em;
border: 1px solid red; border: 1px solid red;
border-bottom: 0px; opacity: 1;
opacity: 1; -moz-opacity:1:
-moz-opacity: 1; filter: Alpha(opacity=100);
filter: alpha(opacity=100);
} }
/* /*
#divGenTime { #divGenTime {
@ -466,27 +507,23 @@ input[type=button] {
} }
*/ */
.mailDisplayHeaders { .mailDisplayHeaders {
overflow: hidden; overflow: hidden;
} }
.mailDisplayHeaderSection { .mailDisplayHeaderSection {
position: absolute; position: absolute;
top: 12px; top: 12px;
} }
div.mailDisplayHeaders > div:first-parent { div.mailDisplayHeaders > div:first-parent {
overflow: hidden; overflow: hidden;
} }
div.mailDisplayHeaders > span:first-child, div.mailDisplayHeaders > span:first-child, div.mailComposeHeaders > span:first-child, div.mailPreviewHeaders > span:first-child {
div.mailComposeHeaders > span:first-child, width: 7em;
div.mailPreviewHeaders > span:first-child { display: inline-block;
width: 7em;
display: inline-block;
} }
div.mailComposeHeaders > span:first-child { div.mailComposeHeaders > span:first-child {
width: 8em; width: 8em;
} }
div.mailDisplayHeaders > span:first-child, div.mailDisplayHeaders > span:first-child, div.mailComposeHeaders > span:first-child, div.mailComposeBody, div.mailPreviewHeaders > * {
div.mailComposeHeaders > span:first-child, margin-left: 3px;
div.mailComposeBody,
div.mailPreviewHeaders > * {
margin-left: 3px;
} }

504
mail/templates/default/app.less
View File

@ -1,504 +0,0 @@
textarea
{
font-family: monospace, sans-serif;
font-size: 110%;
}
.defaultProfile { color:#000000; font-weight:bold !important; }
.quoted1 { color:#660066; }
.quoted2 { color:#007777; }
.quoted3 { color:#990000; }
.quoted4 { color:#000099; }
.quoted5 { color:#bb6600; }
tr.mail div {
cursor: default;
white-space: nowrap;
}
tr.mail a {
cursor: pointer;
white-space: nowrap;
}
tr.recent div,
tr.recent span,
tr.recent time,
tr.recent a,
tr.unseen div,
tr.unseen span,
tr.unseen time,
tr.unseen a {
color: #003075;
font-weight: bold;
}
tr.labelone div,
tr.labelone span,
tr.labelone time,
tr.labelone a {
color: #ff0080 !important;
}
tr.labeltwo div,
tr.labeltwo span,
tr.labeltwo time,
tr.labeltwo a {
color: #ff8000 !important;
}
tr.labelthree div,
tr.labelthree span,
tr.labelthree time,
tr.labelthree a {
color: #008000 !important;
}
tr.labelfour div,
tr.labelfour span,
tr.labelfour time,
tr.labelfour a {
color: #0000ff !important;
}
tr.labelfive div,
tr.labelfive span,
tr.labelfive time,
tr.labelfive a {
color: #8000ff !important;
}
tr.flagged div,
tr.flagged span,
tr.flagged time,
tr.flagged a {
color: #ff0000 !important;
}
tr.prio_high div,
tr.prio_high span,
tr.prio_high time,
tr.prio_high a {
color: #ac0000 !important;
}
tr.deleted div,
tr.deleted span,
tr.deleted time,
tr.deleted a {
color: silver;
text-decoration : line-through;
}
span.status_img {
display: inline-block;
width: 12px;
height: 12px;
background-repeat: no-repeat;
background-image: url(images/kmmsgread.png);
}
tr.deleted span.status_img {
background-image: url(images/kmmsgdel.png);
}
tr.unseen span.status_img {
background-image: url(images/kmmsgunseen.png);
}
tr.flagged_seen span.status_img {
background-image: url(images/read_flagged_small.png) !important;
}
tr.flagged_unseen span.status_img {
background-image: url(images/unread_flagged_small.png) !important;
}
tr.recent span.status_img {
background-image: url(images/kmmsgnew.png) !important;
}
tr.replied span.status_img {
background-image: url(images/kmmsgreplied.png) !important;
}
tr.forwarded span.status_img {
background-image: url(images/kmmsgforwarded.png) !important;
}
.subjectBold
{
FONT-SIZE: 12px;
font-weight : bold;
font-family : Arial;
}
.subject
{
FONT-SIZE: 12px;
font-family : Arial;
}
TR.sieveRowActive
{
FONT-SIZE: 11px;
height : 20px;
padding: 0;
background : White;
}
A.sieveRowActive
{
FONT-SIZE: 11px;
height : 14px;
padding: 0;
}
TR.sieveRowInActive
{
FONT-SIZE: 11px;
height : 20px;
padding: 0;
background : White;
color: Silver;
}
A.sieveRowInActive
{
FONT-SIZE: 11px;
height : 14px;
padding: 0;
color: Silver;
}
.bodyDIV {
position:absolute;
background-color:white;
top:134px;
bottom:0px;
width:100%;
border-top: 1px solid #efefdf;
}
.bodyDIVAttachment {
bottom:80px;
}
#attachmentSpanAllDIV{
background-color:#efefdf;
height:260px;
overflow:auto;
}
#attachmentDIV {
position:fixed;
background-color:#efefdf;
bottom:0px;
min-height:80px;
max-height:239px;
width:100%;
border-top: 1px solid silver;
overflow:auto;
}
#popupattachmentDIV {
position:top;
background-color:#efefdf;
bottom:0px;
min-height:80px;
max-height:239px;
width:100%;
border-top: 1px solid silver;
overflow:auto;
}
pre {
white-space: pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
width: 99%;
}
/*
avoid the vertical scrollbar within the sidebox section (triggered by the vertical dimension of the tree)
*/
.divSidebox {
overflow: hidden;
}
.textSidebox {
overflow-x: hidden;
overflow-y: auto;
}
/*
avoid the vertical scrollbar within the actual tablecontainer (of the tree)
*/
.containerTableStyle {
width: 100%;
overflow: hidden;
}
.dtree {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
white-space: nowrap;
}
.dtree div {
width: 100%;
}
.dtree img {
border: 0px;
vertical-align: middle;
}
.dtree a {
color: #333;
text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
white-space: nowrap;
padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
color: #333;
text-decoration: underline;
}
.dtree a.nodeSel {
background-color: #c0d2ec;
}
.dtree .clip {
overflow: hidden;
}
.dtree table, .dtree tr, .dtree td {
border: none;
}
.dtree table {
overflow: hidden;
width: 100%;
display: table-row;
}
.dtree tbody, .dtree tr, .dtree td, .dtree span {
width: 100%;
overflow: hidden;
}
.useEllipsis {
text-overflow: ellipsis;
width: 250px;
white-space: nowrap;
overflow: hidden;
}
#mail-index {
position: relative
}
.mail-index_quotabox {
position: absolute;
top:8px;
right:74px;
width:200px !important;
z-index:99;
}
.mail-index_quotaDisplayNone {
display: none !important;
}
.mail-index_QuotaGreen, .mail-index_QuotaYellow, .mail-index_QuotaRed {
height:12px !important;
width:100px !important;
}
.mail-index_QuotaGreen > div {
background-color: green !important;
height:11px !important;
}
.mail-index_QuotaYellow > div {
background-color: yellow !important;
height:11px !important;
}
.mail-index_QuotaRed > div {
background-color: red !important;
height:11px !important;
}
/*
influence the tree display and scrolling behavior
*/
#mail-tree_target {
min-height: 35px;
max-height: 450px;
display: block;
display: -moz-inline-stack;
display: -moz-box;
width: 100%;
overflow: hidden;
overflow-y: auto;
z-index:100;
}
/*
we need the the image displayed with our buttons on the left side
*/
input[type=button] {
background-position: left;
}
#mail-index_messageIFRAME {
width: 100%;
height: 100%;
border: 0;
}
#mail-index_button\[mailcreate\] {
width: 99%;
text-align: left;
font-weight: bold;
padding-left: 25px;
background-image: url(images/write_mail.png) !important;
background-position: left;
background-repeat: no-repeat;
}
#mail-compose_button\[send\] {
text-align: left;
font-weight: bold;
padding-left: 30px;
width: 80px;
margin: 0px !important;
background-image: url(images/mail_send.png) !important;
background-position: left;
background-repeat: no-repeat;
}
.mailDisplay, #mail-index_mailPreview {
overflow: hidden;
position: relative;
margin-top: 3px;
}
#mail-compose_fileselector {
width: 245px !important;
}
#mail-compose_toolbar {
padding: 0px !important;
}
#mail-compose_toolbar > button {
padding: .2em .4em;
}
#mail-compose_toolbar > img {
width: 16px;
padding: 0px;
height: 16px !important;
}
#mail-compose_toolbar > button > span > img {
width: 16px;
padding: 0px;
height: 16px !important;
}
#mail-display_toolbar {
padding: 0px;
}
#mail-display_toolbar > button > span {
padding: .2em .4em;
}
#mail-display_toolbar > button > span > img {
width: 16px;
padding: 0px;
height: 16px !important;
}
#mail-index_mailPreviewIcons {
position: absolute;
right: 0;
top: 0;
}
#mail-index_toolbar {
padding: 0px;
}
#mail-index_toolbar > button > span {
padding: .2em .4em;
}
#mail-index_toolbar > button > span > img {
width: 16px;
padding: 0px;
height: 16px !important;
}
#mail-index_mailPreviewContainer {
position: absolute;
border: 1px solid silver;
top: 60px;
bottom: 0;
left: 3px;
right: 0;
}
#mail-index_previewAttachmentArea {
background-color:#efefdf;
max-height: 10%;
max-width: 50%;
position: absolute;
overflow:scroll;
overflow-x:hidden;
right: 0;
top: 25px;
border: 1px solid red;
opacity: 1;
-moz-opacity:1;
filter: Alpha(opacity=100);
}
#mail-index_previewAttachmentArea.noContent {
border:0px !important;
}
.mailDisplayContainer, .mailDisplayAttachments {
display: block;
display: -moz-inline-stack;
display: -moz-box;
width: 99%;
overflow: hidden;
overflow-y: auto;
left: 3px;
right: 3px;
}
.mailDisplayContainer {
position: fixed;
overflow: hidden;
overflow-y: auto;
border: 1px solid silver;
top: 120px;
bottom: 100px;
}
.mailDisplayAttachments {
background-color:#efefdf;
max-height: 10%;
position: fixed;
bottom: 26px;
border: 1px solid red;
border-bottom: 0px;
opacity: 1;
-moz-opacity:1;
filter: Alpha(opacity=100);
}
/*
#divGenTime {
background-color:#efefdf;
max-height: 10%;
position: fixed;
bottom: 1px;
border: 1px solid red;
border-top: 1px solid black;
left: 3px;
right: 3px;
opacity: 1;
-moz-opacity:1:
filter: Alpha(opacity=100);
}
*/
.mailDisplayHeaders {
overflow: hidden;
}
.mailDisplayHeaderSection {
position: absolute;
top: 12px;
}
div.mailDisplayHeaders > div:first-parent {
overflow: hidden;
}
div.mailDisplayHeaders > span:first-child, div.mailComposeHeaders > span:first-child, div.mailPreviewHeaders > span:first-child {
width: 7em;
display: inline-block;
}
div.mailComposeHeaders > span:first-child {
width: 8em;
}
div.mailDisplayHeaders > span:first-child, div.mailComposeHeaders > span:first-child, div.mailComposeBody, div.mailPreviewHeaders > * {
margin-left: 3px;
}

1235
phpgwapi/templates/idots/css/traditional.css
View File

File diff suppressed because it is too large Load Diff

885
phpgwapi/templates/idots/css/traditional.less
View File

@ -1,885 +0,0 @@
/**
* EGroupware: CSS with less preprocessor
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package phpgwapi
* @version $Id$
*/
/*
font styling
allowed attributes: font-family,font-size,color,font-weight
*/
body,td,textarea
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
select,input,button
{
color: #006699;
font-family: Arial, Helvetica, sans-serif;
font-size:110%;
}
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;
}
#sideboxdragarea {
z-index:100;
position:absolute;
left:0px;
top:105px;
}
#menu2handle {
padding-top: 10px;
}
#menu1close {
position: absolute;
right: 7px;
top: 7px;
}
/*
other styling
*/
body
{
background-image:url(../images/body-background.png);
}
form
{
margin:0px;
padding:0px;
}
img
{
border:0;
}
input,button,select
{
border: solid 1px #bbbbbb;
}
input[type=submit],input[type=button],input[type=reset],button,.egwbutton
{
background-color:#b9d5e3;
border: outset 1px #b9d5e3;
margin: 1px;
padding: 1px;
cursor: pointer;
color: #004e7d;
}
input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button:hover,.egwbutton:hover
{
background-color:#94bfd4;
border: outset 1px #b9d5e3;
color: #004e7d;
}
input[type=submit]:active,input[type=button]:active,input[type=reset]:active,button:active,.egwbutton:active
{
border: inset 1px #bbbbbb;
}
input[type=submit]:disabled,input[type=button]:disabled,input[type=reset]:disabled,button:disabled,.egwbutton:disabled
{
background-color: transparent;
color: gray;
}
input.egwbutton
{
background-color:#b9d5e3;
border: outset 1px #b9d5e3;
margin: 1px;
padding: 1px;
cursor: pointer;
color: #004e7d;
}
input.egwbutton:hover
{
background-color:#94bfd4;
border: outset 1px #b9d5e3;
color: #004e7d;
}
input.egwbutton:active
{
border: inset 1px #bbbbbb;
}
input[type=image]
{
cursor: pointer;
border: 0;
}
#thesideboxcolumn
{
width: 177px;
position:relative;
}
#sideresize
{
background-image:url(../images/resize.png);
width:13px;
height:13px;
right:1px;
top:1px;
position:absolute;
z-index:9999;
}
.divLoginbox
{
position:relative;
width: 370px;
border: #9c9c9c 1px solid;
}
.divSidebox
{
position:relative;
border: #9c9c9c 1px solid;
overflow:auto;
}
.divSideboxHeader,.divLoginboxHeader
{
text-align:center;
background-color:#dddddd;
padding-top:2px;
color:#666666;
}
a.divSideboxEntry, .divSideboxEntry
{
text-align:left;
background-color:#FDFDFD;
}
a.appTitles,.appTitles
{
height:18px;
padding-top:2px;
padding-bottom:2px;
}
a.textSidebox
{
padding: 0;
border-top: 0;
}
.textSidebox
{
padding-top:3px;
padding-bottom:3px;
padding-left: 1px;
border-top: solid #aaaaaa 1px;
overflow: auto;
}
.sideboxSpace
{
height:9px;
}
.greyLine
{
margin:1px;
border-top:solid 1px #7e7e7e;
height:1px;
}
#extraIcons
{
background-color:#eeeeee;
border:solid 1px #7e7e7e;
}
.extraIconsRow
{
border:solid 1px #dddddd;
padding:2px;
}
body {
padding: 0px;
margin: 0px;
}
#divMain,#loginMainDiv,#popupMainDiv
{
background-color: white;
padding: 8px;
border-bottom: solid 1px #7e7e7e;
}
/*
** Popups
*/
#popupMainDiv
{
margin: 8px;
border: solid 1px #7e7e7e;
padding-bottom: 0px;
}
#divLogo
{
position:absolute;
left:30px;
top:20px;
z-index:999;
}
#topmenu
{
background-color: #0081c1;
background-image: url(../images/bgtopmenu2.png);
color:#006699;
/*border-top: solid 1px #7e7e7e;*/
border-bottom: solid #5793ff 1px;
height:20px;
padding-top:4px ;
line-height:16px;
}
#topmenu a
{
color:#006699;
}
#topmenu_items
{
float:left;
}
#topmenu_info
{
float:right;
}
#divUpperTabs
{
text-align:right;
height: 15px;
margin-right: 10px;
}
#divUpperTabs ul
{
display:inline;
margin:0;
padding:10px 10px 0 1px;
list-style:none;
}
#divUpperTabs li
{
float:right;
margin:0 5px 0 0;
padding:0 5px 0 5px;
border:solid 1px #9c9c9c;
border-bottom: 0px;
}
#divAppIconBar
{
background-color:silver;
border:solid 1px #9c9c9c;
background-image: url(../images/background-icon-bar.png);
background-repeat: repeat-x;
overflow:visible;
height: 45px; /* prevents text line to show in IE7+8(Compatibilitymode) */
}
/* Star-Plus-HTML Hack fix for the above */
*:first-child+html #divAppIconBar
{
height: 60px;
}
#divAppTextBar
{
background-color:white;
}
#divStatusBar
{
background-color:white;
height:18px;
padding-left:3px;
}
#tdSidebox
{
width:170px;
background-color:white;
overflow:visible;
}
#tdAppbox
{
background-color:white;
padding-left:5px;
width: 100%;
}
#divAppboxHeader
{
background-image:url(../images/appbox-header-background.png);
background-repeat: repeat-x;
height: 25px;
border-bottom:solid 1px #c0c0c0;
text-align:center;
padding-bottom:0px;
border-top:solid 1px #9c9c9c;
border-left:solid 1px #9c9c9c;
border-right:solid 1px #9c9c9c;
}
#divAppbox
{
background-color:#ffffff;
padding:5px;
border-bottom:solid 1px #9c9c9c;
border-left:solid 1px #9c9c9c;
border-right:solid 1px #9c9c9c;
}
#divGenTime,#divPoweredBy
{
bottom:4px;
text-align:center;
width:99%;
}
/*
Printing
*/
@media screen { .onlyPrint { display: none; } }
@media print { .noPrint { display: none; } }
/*
Portal_box as used in home
*/
.portal_box {
border: #9c9c9c 1px solid;
}
.portal_box table {
border: 1px solid black;
}
.portal_box_header {
height: 15px;
padding-top: 0px;
}
/*
Login page
*/
#loginMainDiv {
padding-top: 24px;
height: 700px; /* 95% does not work */
position: relative;
background-repeat: no-repeat;
background-position: center 80px;
background-image: url(../images/login-background.jpg);
}
#loginScreenMessage {
text-align: center;
padding: 10px;
}
#loginCdMessage {
text-align: center;
padding-bottom: 10px;
color: red;
font-style: italic;
}
.divLoginboxHeader {
text-align: center;
border: #9c9c9c 1px solid; /* does NOT work */
padding: 0px;
}
/*
Preferences tabs
*/
.tablink {
white-space: nowrap;
padding-left: 15px;
padding-right: 15px;
}
/* eGroupWare popup */
#egwpopup {
background-color: #ffffff;
border: 1px solid #d3d3d3;
}
#egwpopup hr {
border: none;
border-top: 1px solid #d3d3d3;
height: 1px;
}
#egwpopup_header {
background-image: url(../images/gradient22.png);
height: 18px;
line-height: 18px;
margin: 0;
padding: 0;
font-size:12px;
font-weight: bold;
color: #666666;
text-align: center;
border-bottom: 1px solid #d3d3d3;
}
#egwpopup_message {
margin: 0;
padding: 7px;
overflow: auto;
}
#egwpopup_message > table {
font-size: 95%;
}
#egwpopup_message .link {
cursor: pointer;
}
#egwpopup_footer {
margin: 0;
padding: 7px;
border: none;
border-top: 1px solid #d3d3d3;
text-align: center;
}
.selectbg
{
position:absolute;
z-index:10;
overflow:hidden;
width:250px;
}
.iframeforselectbox
{
display:block;
height:150px;
left:10pt;
position:absolute;
top:0pt;
width:235px;
z-index:-1;
border: 0px;
}
.bdforselection {
padding:12px;
}
/* new dialog style */
div.prompt, table.prompt {
background:#fff url(../../default/images/prompt_bg.jpg) bottom right no-repeat; border:1px solid #4f6d81;
}
.promptheader {
background:url(../../default/images/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none; height:24px
}
/* TABLE STYLE */
/*
Table formatting
*/
.th {
color: black; background-color: #D3DCE3;
}
.row_on {
color: black;
background-color: #F1F1F1;
}
.row_off {
color: black;
background-color: #ffffff;
}
.egwGridView_grid tr.row_on {
background-color: transparent;
}
.egwGridView_grid tr.row_off {
background-color: transparent;
}
.narrow_column { width: 1%; white-space: nowrap; }
.egwGridView_outer table.egwGridView_grid {
table-layout: fixed;
}
.egwGridView_grid {
border-spacing: 0;
border-collapse: collapse;
}
.egwGridView_outer div.innerContainer.queued {
background-image: url(../../default/images/egw_action/ajax-loader.gif);
background-position: center;
background-repeat: no-repeat;
height: 19px;
}
.egwGridView_grid > tbody > tr.focused {
background-image: url(../../default/images/egw_action/focused_hatching.png);
background-repeat: repeat;
}
.egwGridView_grid > tbody > tr.selected {
background-color: #b7c3ff !important;
}
tr.draggedOver td {
/*.egwGridView_grid tr.draggedOver td {*/
background-color: #ffd09c !important;
}
.egwGridView_scrollarea {
width: 100%;
overflow: auto;
}
.egwGridView_spacer {
background-image: url(../../default/images/egw_action/non_loaded_bg.png);
background-position: top left;
}
.egwGridView_outer {
table-layout: fixed;
border-spacing: 0;
border-collapse: collapse;
padding: 0;
/* margin: 5px;*/
}
.egwGridView_outer td, .egwGridView_outer tr {
padding: 0;
margin: 0;
}
.egwGridView_grid > tbody > tr > td {
border-right: 1px solid silver;
border-bottom: 1px solid #e0e0e0;
padding: 2px 3px 2px 4px;
margin: 0;
}
.egwGridView_outer th div.innerContainer,
.egwGridView_grid td div.innerContainer {
margin: 0;
padding: 0;
display: block;
overflow: hidden;
}
.egwGridView_outer th div.innerContainer {
max-height: 7em;
overflow-y: auto;
}
.egwGridView_grid tr.fullRow {
font-style: italic;
}
.egwGridView_grid tr.row_on:hover,
.egwGridView_grid tr.row_off:hover,
.egwGridView_grid tr.row:hover {
background-color: #f0f0ff;
}
.egwGridView_grid tr {
padding: 2px 3px 2px 4px;
margin: 0;
}
.egwGridView_grid tr.hidden {
display: none;
}
.egwGridView_grid span.indentation {
display: inline-block;
}
.egwGridView_grid span.iconOverlayContainer {
margin: 2px 5px 2px 2px;
position: relative;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
overflow: visible;
display: inline-block;
}
.egwGridView_grid span.overlayContainer {
position: absolute;
right: -2px;
bottom: -2px;
vertical-align: bottom;
text-align: right;
}
.egwGridView_grid span.iconContainer {
display: inline-block;
padding: 0;
margin: 0;
text-align: center;
}
.egwGridView_grid span.overlayContainer img.overlay {
position: relative;
top: 1px;
margin: 0;
padding: 0;
}
.egwGridView_grid img.icon {
vertical-align: middle;
margin: 0;
}
.egwGridView_grid span.arrow {
display: inline-block;
vertical-align: middle;
width: 8px;
height: 8px;
background-repeat: no-repeat;
margin-right: 2px;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.egwGridView_grid span.arrow.opened {
cursor: pointer;
background-image: url(../../default/images/egw_action/arrows.png);
background-position: -8px 0;
}
.egwGridView_grid span.arrow.closed {
cursor: pointer;
background-image: url(../../default/images/egw_action/arrows.png);
background-position: 0 0;
}
.egwGridView_grid span.arrow.loading {
cursor: pointer;
background-image: url(../../default/images/egw_action/ajax-loader.gif);
background-position: 0 0;
}
.egwGridView_grid span.caption {
cursor: default;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.egwGridView_grid tr.th > td, /*legacy*/
.egwGridView_outer thead th,
.nextmatch_header, .lettersearch {
background-color: #E0E0E0;
font-weight: normal;
padding: 2px;
border-left: 1px solid silver;
border-top: 1px solid silver;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
background-image: url(../../default/images/egw_action/header_overlay.png);
background-position: center;
background-repeat: repeat-x;
}
.lettersearch, .lettersearch_active {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width: 25px;
border: 1px solid #D3DCE3;
text-align: center;
cursor: pointer;
}
.lettersearch_active,.lettersearch:hover {
border: 1px solid black;
background-color: #E8F0F0;
}
.lettersearch_active {
font-weight: bold;
}
td.lettersearch {
border-color: #E0E0E0;
background-image: url(../images/gradient22.png);
}
.nextmatch_header tr {
background: none;
}
.nextmatch_header {
padding: 0px;
}
.egwGridView_grid tr.th > td:hover, /*legacy*/
.egwGridView_outer thead th:hover {
background-color: #F0F0F0;
}
.egwGridView_grid tr.th > td:active, /*legacy*/
.egwGridView_outer thead th:active {
background-color: #D0D0D0;
border-left: 1px solid gray;
border-top: 1px solid gray;
border-right: 1px solid silver;
border-bottom: 1px solid silver;
}
.egwGridView_outer thead th.optcol {
padding: 0;
text-align: center;
}
.selectcols {
display: inline-block;
width: 10px;
height: 9px;
margin: 0;
padding: 0;
vertical-align: middle;
background-image: url(../../default/images/egw_action/selectcols.png);
background-position: center;
background-repeat: no-repeat;
}
.nextmatch_header .selectcols {
background: none;
height: auto;
}
.egwGridView_grid td.frame,
.egwGridView_outer td.frame,
.egwGridView_grid td.egwGridView_spacer {
padding: 0 !important;
border-right: 0 none silver !important;
border-bottom: 0 none silver !important;
}
.egwGridView_outer span.sort {
display: inline-block;
width: 7px;
height: 7px;
background-repeat: no-repeat;
background-position: center;
margin: 2px;
vertical-align: middle;
}
.egwGridView_outer span.sort.asc {
background-image: url(../images/up.png);
}
.egwGridView_outer span.sort.desc {
background-image: url(../images/down.png);
}
.egwGridView_grid input[type=checkbox],
.egwGridView_outer input[type=checkbox] {
border-width: 0;
}
.egwGridView_outer input[type=checkbox] {
margin-left: 2px;
}
.egwGridView_grid input[type=checkbox] {
margin: 0;
}
.egwLinkMoreOptions {
display: none;
margin: 0;
padding: 0;
border-bottom: 2px solid black;
border-left: 2px solid black;
border-right: 2px solid black;
}
/* Empty placeholder */
.egwGridView_empty {
text-align: center;
border-bottom: 1px solid silver;
}

139
preferences/templates/default/app.css
View File

@ -1,118 +1,51 @@
/** /**
* EGroupware: CSS with less preprocessor * EGroupware - CSS Styles used by preferences app
* *
* 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 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package preferences * @package preferences
* @link http://www.egroupware.org
* @author Ralf Becker <RalfBecker@outdoor-training.de>
* @version $Id$ * @version $Id$
*/ */
#prefIndex {
background: red; table.prefTable {
width: 100%;
} }
#divGenTime { tr.prefRow {
clear: left; position: relative;
} }
.prefAppBox { td.prefName {
float: left; width: 50%;
margin: 5px;
min-height: 12em;
padding-left: 5px;
width: 225px;
border-top: solid 1px #e4e7ea;
border-left: solid 1px #e4e7ea;
border-right: solid 1px #e4e7ea;
border-bottom: solid 1px #e4e7ea;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
} }
.prefAppBox h3 { tr.prefRow > td {
height: 32px; vertical-align: bottom; /* otherwise help will cover bigger prefValue */
padding-left: 50px;
padding-top: 10px;
background-repeat: no-repeat;
background-position: left;
background-size: 32px;
opacity: 0.5;
margin: 0;
color: #000000;
} }
.prefAppBox h3:hover { .prefHelp {
background-color: #d9d9d9; position: absolute;
display: none;
width: 98%;
background-color: lightyellow;
border: 1px solid black;
border-radius: 10px;
padding: 5px;
margin-top: 5px;
} }
.prefAppBox ul { tr.prefRow:hover .prefHelp {
margin: 0; display: block;
padding-left: 20px; z-index: 10; /* FF: displays it under next prefName without */
padding-top: 0;
list-style-type: none;
} }
.prefAppBox ul li { .prefDefault, .prefValue {
padding: 0.5em 0 0.5em 0; float: left;
margin-left: -1em;
} }
.prefAppBox ul li:hover { .prefValue {
background-color: #d9d9d9; margin-right: 5px;
} }
.prefAppBox ul li a { .prefValue textarea, textarea.prefValue {
text-decoration: none; width: 99%;
margin-left: 0.5em; height: 5em;
}
#preferences-settings {
font-size: 0.9em;
}
#preferences-settings .nextmatch_header #timesheet-index_timesheet-index-add button[id*="timesheet-index_add"] {
background-color: #0b5fa4;
color: #FFF;
text-shadow: none;
height: 35px;
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;
}
#preferences-settings .nextmatch_header #timesheet-index_timesheet-index-add button[id*="timesheet-index_add"]:before {
content: "+";
font-size: 2em;
color: #ffc200;
}
#preferences-settings .nextmatch_header #timesheet-index_timesheet-index-add button[id*="timesheet-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;
}
#preferences-settings .nextmatch_header #timesheet-index_timesheet-index-add button[id*="timesheet-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;
}
#preferences-settings .nextmatch_header div.filters {
padding: 0 0 0 1em;
background-color: #f0f0f0;
margin-bottom: 3px;
margin: 0em;
border-width: 0 0 1px 0;
border-color: #d9d9d9;
background-image: none;
} }
.prefType, .prefApp {
font-size: 150%;
display: inline-block;
padding-bottom: 5px;
}

156
preferences/templates/default/app.less
View File

@ -1,156 +0,0 @@
/**
* 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 Reinhard <stefan.reinhard@pixelegg.de>
* @package preferences
* @version $Id$
*/
@import (reference) "../../../phpgwapi/templates/default/def_buttons.less";
@import (reference) "../../../phpgwapi/templates/default/def_design_pattern_color_font_shadow.less";
#prefIndex {
background: red;
}
#divGenTime {
clear: left;
}
.prefAppBox {
// border: 1px solid lightgray;
// border-radius: 3px 3px 3px 3px;
float: left;
// height: 225px;
margin: 5px;
min-height: 12em;
padding-left: 5px;
width: 225px;
.bordered(@lightgray,@lightgray,@lightgray,@lightgray );
.rounded(2px);
}
.prefAppBox h3 {
height: 32px;
padding-left: 50px;
padding-top: 10px;
background-repeat: no-repeat;
background-position: left;
background-size: 32px;
opacity: 0.5;
margin: 0;
color: #000000;
&:hover {.background-color-15-gray;}
}
.prefAppBox ul {
margin: 0;
padding-left: 20px;
padding-top: 0;
list-style-type: none;
li{
padding: 0.5em 0 0.5em 0;
margin-left: -1em;
&:hover {.background-color-15-gray;}
a{
text-decoration: none;
margin-left: 0.5em;
}
}
}
// iframe
#preferences-settings {
font-size: 0.9em;
// Rahmen + padding
// .box_shadow_dialog;
.nextmatch_header{
div.ui-helper-clearfix,
div.ui-helper-reset{
// linke Box
#timesheet-index_timesheet-index-dates{
// Startdate
#timesheet-index_startdate{}
}
// Enddate
#timesheet-index_enddate{}
}
// rechte Box
#timesheet-index_timesheet-index-add{
//ADD
button[id*="timesheet-index_add"]{
.Complete_Button_add;
.border_radius_button_lefttop;
&:hover {.Complete_Button_add_hover;}
// &:before {.Complete_Button_add_before; }
}
button[id*="timesheet-index_add"]:hover {.Complete_Button_add_hover;}
}
// Anzahl
span.header_count ui-corner-all{}
// Filter
div.filters{
.Rectangle_filters;
// 1. Filter
#timesheet-index_filter{}
// 2. Filter
#timesheet-index_filter2{}
// Suchfeld
#timesheet-index_search{}
// Suchen Button
button{}
} // Ende Filter
table{}
} //nextmatch_header
} // iframe
//#######################################################################################
// Dialog
// Rahmen um alles

17
timesheet/templates/default/app.css
View File

@ -1,15 +1,2 @@
/** /* $Id$ */
* EGroupware: CSS with less preprocessor .timesheet_titleSum,.timesheet_titleDetails { font-weight: bold; }
*
* 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 Reinhard <stefan.reinhard@pixelegg.de>
* @package timesheet
* @version $Id$
*/
#timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button[id*="timesheet-index_favorite"] img {
height: 16px;
width: 16px;
}

84
timesheet/templates/default/app.less
View File

@ -1,84 +0,0 @@
/**
* 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 Reinhard <stefan.reinhard@pixelegg.de>
* @package timesheet
* @version $Id$
*/
@import (reference) "../../../phpgwapi/templates/default/def_buttons.less";
@import (reference) "../../../phpgwapi/templates/default/def_design_pattern_color_font_shadow.less";
// iframe
#timesheet-index {
.nextmatch_header{
div.ui-helper-clearfix,
div.ui-helper-reset{
// linke Box
#timesheet-index_timesheet-index-dates{
// Startdate
#timesheet-index_startdate{}
}
// Enddate
#timesheet-index_enddate{}
}
// rechte Box
#timesheet-index_timesheet-index-add{
// Anzahl
span.header_count ui-corner-all{}
// Filter
div.filters{
// 1. Filter
#timesheet-index_filter{}
// 2. Filter
#timesheet-index_filter2{}
// Suchfeld
#timesheet-index_search{}
// Suchen Button
button{}
} // Ende Filter
table{}
button[id*="timesheet-index_favorite"]{
img {
height: 16px;
width: 16px;
}
}
} //nextmatch_header
} // iframe
}
//