extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-07 08:34:29 +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 @@
/**
* 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$
*/
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 {
.cursorHand { cursor: hand; }
.countrySelect select { width: 150px; }
.custom_country input {display: none; }
.contactid:before { content:"#" }
.emailCol div { width: 100%; }
.fixedHeight,.telNumbers { height: 12px; overflow: hidden; text-overflow: ellipsis}
.telNumbers { white-space: nowrap; }
.leftPad5 { padding-left: 5px; }
.bold { font-weight: bold; }
.fileas select,.fileas,.owner select,.owner {
width: 100%;
font-weight: bold;
}
.fileas select,
.fileas,
.owner select,
.owner {
font-weight: bold;
width: 100%;
}
.photo img,
.iphoto img {
.photo img, .iphoto img {
width: 60px;
}
.uploadphoto {
background-color: #FFFFFF;
border: 2px solid black;
display: none;
left: 48px;
padding: 4px;
.photo img {
cursor: hand;
}
.uploadphoto{
position: absolute;
top: 168px;
}
.checkAllArrow {
padding-right: 5px;
}
.typeIcon {
height: 16px;
width: 16px;
}
.editphones,
.editname {
background-color: #FFFFFF;
left: 48px;
display:none;
border: 2px solid black;
display: none;
left: 30%;
padding: 4px;
background-color: #ffffff;
padding: 4px;
}
.checkAllArrow { padding-right: 5px; }
.typeIcon { height: 16px; width: 16px; }
.editphones,.editname{
position: absolute;
top: 10%;
left: 30%;
display:none;
border: 2px solid black;
background-color: #ffffff;
padding: 4px;
}
.editname {
left: 137px;
top: 160px;
.editname{
top: 97px;
left: 173px;
}
.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;
.windowheader{
background-image:url(../../../phpgwapi/templates/idots/images/appbox-header-background.png);
background-repeat:repeat-x;
height: 20px;
border-spacing: 0px;
border-collapse:collapse;
border-bottom: #9c9c9c 1px solid;
}
.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;
}
.space {
width: 80px;
.space{
width: 80px;
}
.noWrap {
.noWrap{
white-space: nowrap;
}
.customfields td {
.customfields{
}
.customfields td{
white-space: nowrap;
line-height: 12px;
white-space: nowrap;
}
.image16 img {
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
*
* @link http://www.egroupware.org
* @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 Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package admin
* @version $Id$
*/
#divGenTime {
clear: left;
}
.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;
.admin_tree table, .admin_tree tr, .admin_tree td {
border: none;
}
div#divAppbox {
padding: 0;
padding: 0;
}
body {
background-image: none;
background-color: white;
background-image: none;
background-color: white;
}
/* otherwise it is transparent */
#admin_iframe {
background-color: white;
background-color: white;
}
tr.adminAccountInactive .adminStatus {
color: red;
color: red;
}
.adminOverflowEllipsis {
width: 100%;
white-space: nowrap;
display: block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
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
* @package etemplate
* @link http://www.egroupware.org
* @author Ralf Becker <RalfBecker@outdoor-training.de>
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package etemplate
* @version $Id$
*/
.redItalic,
.message {
color: red;
font-style: italic;
/*
* a few generic styles used in most eT apps
*/
.redItalic,.message {
color: red;
font-style: italic;
}
.gray {
color: gray;
color: gray;
}
.leftPad5 {
padding-left: 5px;
padding-left: 5px;
}
.inputFullWidth input {
width: 100%;
width: 100%;
}
.selectboxFullWidth select {
width: 100%;
.selectboxFullWidth select {
width: 100%;
}
.inputRequired input,
.inputRequired select,
.inputRequired textarea {
background-color: #FFFFD0;
border: 1px solid gray;
/*
* mark input as required
*/
.inputRequired input,.inputRequired select,.inputRequired textarea {
border: gray 1px solid;
background-color: #ffffd0;
}
/*
* Styles of the eT editor
*/
.clickWidgetToEdit {
cursor: pointer;
display: inline;
cursor: pointer;
display: inline;
}
.clickWidgetToEdit:hover {
background-color: pink;
background-color: pink;
}
/*
* Styles of the nextmatch widget
*/
.activ_sortcolumn {
font-weight: bold;
font-weight: bold;
}
.inactiv_sortcolumn {
font-weight: normal;
font-weight: normal;
}
.selectcols {
position: relative;
position: relative;
}
.colselection {
background-color: white;
display: none;
position: absolute;
right: 0;
top: 16px;
z-index: 1;
}
table.TabHeader {
background-color: #d9d9d9;
background-color: white;
position: absolute;
right: 0px;
top: 16px;
display: none;
z-index: 1;
}
/*
* 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,.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;
cursor: pointer;
background-color: #E8F0F0;
}
.etemplate_tab_active {
border-width: 2px 2px 0px;
background-color: #D3DCE3;
border-width:2px 2px 0px;
background-color: #D3DCE3;
}
.tab_body {
border: black solid 2px;
border: black solid 2px;
}
.nextmatch_header {
border: 1px solid black;
border: 1px solid black;
}
.nextmatch_header select {
width: 140px;
width: 140px;
}
.nm_num_rows select {
width: 40px;
width: 40px;
}
.vfsMode {
font-family: monospace;
font-weight: bold;
font-family: monospace; font-weight: bold;
}
.vfsMimeIcon img {
max-height: 16px;
max-width: 16px;
max-height: 16px;
max-width: 16px;
}
.vfsFilename {
white-space: nowrap;
white-space: nowrap;
}
/**
* mark a file (icon) as link
*/
.vfsIsLink img {
background-image: url("images/link.png");
background-position: right bottom;
background-repeat: no-repeat;
padding-right: 8px;
padding-right: 8px;
background-image: url(images/link.png);
background-repeat: no-repeat;
background-position: right bottom;
}
/**
* nicer would be, but it's not working ...
*/
.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 {
background-image: url("images/link_broken.png");
background-position: right bottom;
background-repeat: no-repeat;
padding-right: 8px;
padding-right: 8px;
background-image: url(images/link_broken.png);
background-repeat: no-repeat;
background-position: right bottom;
}
/**
* class for big (more then 5 lines) custom field nextmatch header
*/
.cf_header_height_limit {
max-height: 6.75em;
overflow: auto;
padding-right: 15px;
max-height: 6.75em;
overflow: auto;
padding-right: 15px;
}
/**
* class for table in data_widget
*/
.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
*
* 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$
*/
div.et2_file {
color: red;
}
/**
* 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;
}
.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;
}
/**
* CSS for new eTemplate filemanager UI
*/
.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;}

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 @@
/**
* 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$
*/
span#favorite_sidebox_infolog .sidebox-favorites favorites li a div.ui-icon-heart {
background-image: none;
}
#infolog-index {
height: auto !important;
}
#infolog-index table.et2_grid {
border-top: 0px;
}
#infolog-index #infolog-index_nm {
min-height: 900px;
}
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right,
#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;
/* $Id$ */
.infolog_headertext { color: black; font-size: 120%; }
.infolog_lpadding5 { padding-left: 5px; }
.low,.low_done,.normal,.normal_done,.high,.high_done,.urgent,.urgent_done { font-weight: bold; }
.low,.low_done { color:#606060; }
.normal,.normal_done { color:black }
.high { color:#cc0000; }
.high_done { color:#800000; }
.urgent { color:#ff00ff; }
.urgent_done { color:#800080; }
.infolog_overdue { color:#cc0000; font-weight:bold; }
.private { font-style:italic; }
.infolog_planned { font-style:italic; }
table.infolog_fullWidth { width: 100%; }
td.infolog_infoId:before { content:"#" }
.infolog_fixedHeight { height: 12px; }
.noWrap { white-space: nowrap; }
.infolog_user_filter select { width: 100px; }
.inputFullWidth input { width: 100%; }
.infolog_image16 img { height: 16px; }
tr.infolog_rowHasParent > td:first-child {
background-image: url(../../../phpgwapi/templates/default/images/egw_action/arrow_up.png);
background-repeat: no-repeat;
background-position: 6px -2px;
}

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 {
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;
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;
cursor: default;
white-space: nowrap;
}
tr.mail a {
cursor: pointer;
white-space: nowrap;
cursor: pointer;
white-space: nowrap;
}
tr.recent div,
tr.recent span,
tr.recent time,
@ -37,418 +31,465 @@ tr.unseen div,
tr.unseen span,
tr.unseen time,
tr.unseen a {
color: #003075;
font-weight: bold;
color: #003075;
font-weight: bold;
}
tr.labelone div,
tr.labelone span,
tr.labelone time,
tr.labelone a {
color: #ff0080 !important;
color: #ff0080 !important;
}
tr.labeltwo div,
tr.labeltwo span,
tr.labeltwo time,
tr.labeltwo a {
color: #ff8000 !important;
color: #ff8000 !important;
}
tr.labelthree div,
tr.labelthree span,
tr.labelthree time,
tr.labelthree a {
color: #008000 !important;
color: #008000 !important;
}
tr.labelfour div,
tr.labelfour span,
tr.labelfour time,
tr.labelfour a {
color: #0000ff !important;
color: #0000ff !important;
}
tr.labelfive div,
tr.labelfive span,
tr.labelfive time,
tr.labelfive a {
color: #8000ff !important;
color: #8000ff !important;
}
tr.flagged div,
tr.flagged span,
tr.flagged time,
tr.flagged a {
color: #ff0000 !important;
color: #ff0000 !important;
}
tr.prio_high div,
tr.prio_high span,
tr.prio_high time,
tr.prio_high a {
color: #ac0000 !important;
color: #ac0000 !important;
}
tr.deleted div,
tr.deleted span,
tr.deleted time,
tr.deleted a {
color: silver;
text-decoration: line-through;
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);
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);
background-image: url(images/kmmsgdel.png);
}
tr.unseen span.status_img {
background-image: url(images/kmmsgunseen.png);
background-image: url(images/kmmsgunseen.png);
}
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 {
background-image: url(images/unread_flagged_small.png) !important;
background-image: url(images/unread_flagged_small.png) !important;
}
tr.recent span.status_img {
background-image: url(images/kmmsgnew.png) !important;
background-image: url(images/kmmsgnew.png) !important;
}
tr.replied span.status_img {
background-image: url(images/kmmsgreplied.png) !important;
background-image: url(images/kmmsgreplied.png) !important;
}
tr.forwarded span.status_img {
background-image: url(images/kmmsgforwarded.png) !important;
background-image: url(images/kmmsgforwarded.png) !important;
}
.subjectBold {
FONT-SIZE: 12px;
font-weight: bold;
font-family: Arial;
.subjectBold
{
FONT-SIZE: 12px;
font-weight : bold;
font-family : Arial;
}
.subject {
FONT-SIZE: 12px;
font-family: Arial;
.subject
{
FONT-SIZE: 12px;
font-family : Arial;
}
TR.sieveRowActive {
FONT-SIZE: 11px;
height: 20px;
padding: 0;
background: White;
TR.sieveRowActive
{
FONT-SIZE: 11px;
height : 20px;
padding: 0;
background : White;
}
A.sieveRowActive {
FONT-SIZE: 11px;
height: 14px;
padding: 0;
A.sieveRowActive
{
FONT-SIZE: 11px;
height : 14px;
padding: 0;
}
TR.sieveRowInActive {
FONT-SIZE: 11px;
height: 20px;
padding: 0;
background: White;
color: Silver;
TR.sieveRowInActive
{
FONT-SIZE: 11px;
height : 20px;
padding: 0;
background : White;
color: Silver;
}
A.sieveRowInActive {
FONT-SIZE: 11px;
height: 14px;
padding: 0;
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;
position:absolute;
background-color:white;
top:134px;
bottom:0px;
width:100%;
border-top: 1px solid #efefdf;
}
.bodyDIVAttachment {
bottom: 80px;
bottom:80px;
}
#attachmentSpanAllDIV {
background-color: #efefdf;
height: 260px;
overflow: auto;
#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;
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;
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%;
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;
overflow: hidden;
}
.textSidebox {
overflow-x: hidden;
overflow-y: auto;
overflow-x: hidden;
overflow-y: auto;
}
/*
avoid the vertical scrollbar within the actual tablecontainer (of the tree)
*/
.containerTableStyle {
width: 100%;
overflow: hidden;
width: 100%;
overflow: hidden;
}
.dtree {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
white-space: nowrap;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
white-space: nowrap;
}
.dtree div {
width: 100%;
width: 100%;
}
.dtree img {
border: 0px;
vertical-align: middle;
border: 0px;
vertical-align: middle;
}
.dtree a {
color: #333;
text-decoration: none;
color: #333;
text-decoration: none;
}
.dtree a.node,
.dtree a.nodeSel {
white-space: nowrap;
padding: 1px 2px 1px 2px;
.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.node:hover, .dtree a.nodeSel:hover {
color: #333;
text-decoration: underline;
}
.dtree a.nodeSel {
background-color: #c0d2ec;
background-color: #c0d2ec;
}
.dtree .clip {
overflow: hidden;
overflow: hidden;
}
.dtree table,
.dtree tr,
.dtree td {
border: none;
.dtree table, .dtree tr, .dtree td {
border: none;
}
.dtree table {
overflow: hidden;
width: 100%;
display: table-row;
overflow: hidden;
width: 100%;
display: table-row;
}
.dtree tbody,
.dtree tr,
.dtree td,
.dtree span {
width: 100%;
overflow: hidden;
.dtree tbody, .dtree tr, .dtree td, .dtree span {
width: 100%;
overflow: hidden;
}
.useEllipsis {
text-overflow: ellipsis;
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 250px;
white-space: nowrap;
overflow: hidden;
word-wrap: break-word;
float: left;
&:after{
content: " ...";
}
}
#mail-index {
position: relative;
position: relative
}
.mail-index_quotabox {
position: absolute;
top: 8px;
right: 74px;
width: 200px !important;
z-index: 99;
position: absolute;
top:8px;
right:74px;
width:200px !important;
z-index:99;
}
.mail_DisplayNone {
display: none !important;
}
.mail-index_quotaDisplayNone {
display: none !important;
display: none !important;
}
.mail-index_QuotaGreen,
.mail-index_QuotaYellow,
.mail-index_QuotaRed {
height: 12px !important;
width: 100px !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;
background-color: green !important;
height:11px !important;
}
.mail-index_QuotaYellow > div {
background-color: yellow !important;
height: 11px !important;
background-color: yellow !important;
height:11px !important;
}
.mail-index_QuotaRed > div {
background-color: red !important;
height: 11px !important;
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;
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;
background-position: left;
}
#mail-index_messageIFRAME {
width: 100%;
height: 100%;
border: 0;
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;
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;
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;
.mailDisplay, #mail-index_mailPreview {
overflow: hidden;
position: relative;
margin-top: 3px;
}
#mail-compose_fileselector {
width: 245px !important;
width: 245px !important;
}
#mail-compose_toolbar {
padding: 0px !important;
padding: 0px !important;
}
#mail-compose_toolbar > button {
padding: .2em .4em;
padding: .2em .4em;
}
#mail-compose_toolbar > img {
width: 16px;
padding: 0px;
height: 16px !important;
width: 16px;
padding: 0px;
height: 16px !important;
}
#mail-compose_toolbar > button > span > img {
width: 16px;
padding: 0px;
height: 16px !important;
width: 16px;
padding: 0px;
height: 16px !important;
}
#mail-display_toolbar {
padding: 0px;
#mail-compose_toolbar > button {
padding: .2em .4em;
}
#mail-display_toolbar > button > span {
padding: .2em .4em;
padding: .2em .4em;
}
#mail-display_toolbar > button > span > img {
width: 16px;
padding: 0px;
height: 16px !important;
width: 16px;
padding: 0px;
height: 16px !important;
}
#mail-display_toolbar .et2_button_icon {
width: 16px;
height: 16px;
}
#mail-index_mailPreviewIcons {
position: absolute;
right: 0;
top: 0;
position: absolute;
right: 0;
top: 0;
}
#mail-index_toolbar {
padding: 0px;
padding: 0px;
}
#mail-index_toolbar > button > span {
padding: .2em .4em;
padding: .2em .4em;
}
#mail-index_toolbar > button > span > img {
width: 16px;
padding: 0px;
height: 16px !important;
width: 16px;
padding: 0px;
height: 16px !important;
}
#mail-index_mailPreviewContainer {
position: absolute;
border: 1px solid silver;
top: 60px;
bottom: 0;
left: 3px;
right: 0;
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);
background-color:#efefdf;
max-height: 3em;
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);
display: inline-block !important;
}
#mail-index_previewAttachmentArea.noContent {
border: 0px !important;
border:0px !important;
display: none !important;
}
.mailDisplayContainer,
.mailDisplayAttachments {
display: block;
display: -moz-inline-stack;
display: -moz-box;
width: 99%;
overflow: hidden;
overflow-y: auto;
left: 3px;
right: 3px;
.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;
position: fixed;
overflow: hidden;
overflow-y: auto;
border: 1px solid silver;
top: 120px;
}
.mailDisplayContainerFixedHeight {
bottom: 123px;
}
.mailDisplayContainerFullHeight {
bottom: .1em;
}
.mailDisplayBody {
height:100%;
width:100%;
background-color:white;
padding:0px;
margin:0px;
}
.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);
background-color:#efefdf;
height: 121px;
position: fixed;
bottom: .1em;
border: 1px solid red;
opacity: 1;
-moz-opacity:1:
filter: Alpha(opacity=100);
}
/*
#divGenTime {
@ -466,27 +507,23 @@ input[type=button] {
}
*/
.mailDisplayHeaders {
overflow: hidden;
overflow: hidden;
}
.mailDisplayHeaderSection {
position: absolute;
top: 12px;
position: absolute;
top: 12px;
}
div.mailDisplayHeaders > div:first-parent {
overflow: hidden;
overflow: hidden;
}
div.mailDisplayHeaders > span:first-child,
div.mailComposeHeaders > span:first-child,
div.mailPreviewHeaders > span:first-child {
width: 7em;
display: inline-block;
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;
width: 8em;
}
div.mailDisplayHeaders > span:first-child,
div.mailComposeHeaders > span:first-child,
div.mailComposeBody,
div.mailPreviewHeaders > * {
margin-left: 3px;
div.mailDisplayHeaders > span:first-child, div.mailComposeHeaders > span:first-child, 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
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package preferences
* @link http://www.egroupware.org
* @author Ralf Becker <RalfBecker@outdoor-training.de>
* @version $Id$
*/
#prefIndex {
background: red;
table.prefTable {
width: 100%;
}
#divGenTime {
clear: left;
tr.prefRow {
position: relative;
}
.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;
td.prefName {
width: 50%;
}
.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;
tr.prefRow > td {
vertical-align: bottom; /* otherwise help will cover bigger prefValue */
}
.prefAppBox h3:hover {
background-color: #d9d9d9;
.prefHelp {
position: absolute;
display: none;
width: 98%;
background-color: lightyellow;
border: 1px solid black;
border-radius: 10px;
padding: 5px;
margin-top: 5px;
}
.prefAppBox ul {
margin: 0;
padding-left: 20px;
padding-top: 0;
list-style-type: none;
tr.prefRow:hover .prefHelp {
display: block;
z-index: 10; /* FF: displays it under next prefName without */
}
.prefAppBox ul li {
padding: 0.5em 0 0.5em 0;
margin-left: -1em;
.prefDefault, .prefValue {
float: left;
}
.prefAppBox ul li:hover {
background-color: #d9d9d9;
.prefValue {
margin-right: 5px;
}
.prefAppBox ul li a {
text-decoration: none;
margin-left: 0.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;
.prefValue textarea, textarea.prefValue {
width: 99%;
height: 5em;
}
.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 @@
/**
* 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$
*/
#timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button[id*="timesheet-index_favorite"] img {
height: 16px;
width: 16px;
}
/* $Id$ */
.timesheet_titleSum,.timesheet_titleDetails { font-weight: bold; }

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
}
//