using now CSS preprocessor less (http://lesscss.org) to create some of our css files, used a lot in new Pixelegg template

This commit is contained in:
Ralf Becker 2013-11-11 19:10:28 +00:00
parent 77a30817d6
commit 583538e824
27 changed files with 12269 additions and 2350 deletions

View File

@ -1,70 +1,521 @@
.cursorHand { cursor: hand; } /**
.countrySelect select { width: 150px; } * EGroupware: CSS with less preprocessor
.custom_country input {display: none; } *
.contactid:before { content:"#" } * Please do NOT change app.css directly, instead change app.less and compile it!
.emailCol div { width: 100%; } *
.fixedHeight,.telNumbers { height: 12px; overflow: hidden; text-overflow: ellipsis} * @link http://www.egroupware.org
.telNumbers { white-space: nowrap; } * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
.leftPad5 { padding-left: 5px; } * @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
.bold { font-weight: bold; } * @package addressbook
.fileas select,.fileas,.owner select,.owner { * @version $Id$
width: 100%; */
font-weight: bold; div#addressbook-index {
min-height: 700px;
height: auto !important;
} }
.photo img, .iphoto img { 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: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; width: 60px;
} }
.photo img { div#addressbook-edit table.addressbook_edit_general table tr td,
cursor: hand; div#addressbook-search table.addressbook_edit_general table tr td {
width: 200px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_n_fn,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_n_fn {
width: 200px;
}
div#addressbook-edit table.addressbook_edit_general table.editname,
div#addressbook-search table.addressbook_edit_general table.editname {
background-color: #f0f0f0;
z-index: 10;
font-size: 1.5em;
}
div#addressbook-edit table.addressbook_edit_general table.editname tr td:first-child,
div#addressbook-search table.addressbook_edit_general table.editname tr td:first-child {
width: 100px !important;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_title,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_title {
width: 200px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_role,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_role {
width: 200px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_org_name,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_org_name {
width: 286px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_org_unit,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_org_unit {
width: 286px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_street,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_street,
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_street2,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_street2 {
width: 286px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_postalcode,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_postalcode {
width: 50px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_locality,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_locality {
width: 225px;
}
div#addressbook-edit table.addressbook_edit_general .chzn-container,
div#addressbook-search table.addressbook_edit_general .chzn-container {
width: 300px !important;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_region,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_region {
width: 286px;
}
div#addressbook-edit table.addressbook_edit_general select.owner,
div#addressbook-search table.addressbook_edit_general select.owner {
width: 300px;
}
div#addressbook-edit fieldset.phoneGroup,
div#addressbook-search fieldset.phoneGroup {
border: none;
margin-bottom: 0;
margin-top: 12px;
height: auto;
background-color: #d9d9d9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div#addressbook-edit fieldset.phoneGroup legend,
div#addressbook-search fieldset.phoneGroup legend {
text-transform: uppercase;
}
div#addressbook-edit fieldset.phoneGroup * img,
div#addressbook-search fieldset.phoneGroup * img {
display: none !important;
width: 20px;
}
div#addressbook-edit fieldset.emailGroup,
div#addressbook-search fieldset.emailGroup {
border: none;
margin-bottom: 0;
margin-top: 10px;
height: auto;
background-color: #d9d9d9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div#addressbook-edit fieldset.emailGroup legend,
div#addressbook-search fieldset.emailGroup legend {
text-transform: uppercase;
}
div#addressbook-edit fieldset.emailGroup a.et2_url:after,
div#addressbook-search fieldset.emailGroup a.et2_url:after {
content: "\221E";
font-size: 1.5em;
}
div#addressbook-edit fieldset.emailGroup a.et2_url,
div#addressbook-search fieldset.emailGroup a.et2_url {
margin-left: -40px;
}
div#addressbook-edit fieldset.emailGroup a.et2_url.url,
div#addressbook-search fieldset.emailGroup a.et2_url.url {
background-size: 15px 15px;
background-image: none;
}
div#addressbook-edit fieldset.emailGroup * img,
div#addressbook-search fieldset.emailGroup * img {
display: none !important;
width: 20px;
}
#addressbook-edit_addressbook-edit-general #addressbook_edit_adr_one_countrycode_chzn {
width: 200px !important;
padding-top: 1em;
}
#addressbook-edit_addressbook-edit-home #addressbook_edit_adr_two_countrycode_chzn {
width: 200px !important;
padding-top: 1em;
}
#addressbook-edit_addressbook-edit-home #addressbook_edit_tz_chzn {
width: 15% !important;
padding-top: 1em;
}
#addressbook-edit_addressbook-edit-links .th,
#addressbook-search_addressbook-edit-links .th {
height: 20px;
}
#addressbook-edit_addressbook-edit-links tbody,
#addressbook-search_addressbook-edit-links tbody {
display: table-header-group;
vertical-align: top;
}
#addressbook-edit_addressbook-edit-distribution_list .th,
#addressbook-search_addressbook-edit-distribution_list .th {
height: 20px;
}
#addressbook-edit_addressbook-edit-distribution_list tbody,
#addressbook-search_addressbook-edit-distribution_list tbody {
display: table-header-group;
vertical-align: top;
}
#addressbook-edit_addressbook-edit-custom .th,
#addressbook-search_addressbook-edit-custom .th {
height: 20px;
}
#addressbook-edit_addressbook-edit-custom tbody,
#addressbook-search_addressbook-edit-custom tbody {
display: table-header-group;
vertical-align: top;
}
#addressbook-edit_addressbook-edit-custom_private .th,
#addressbook-search_addressbook-edit-custom_private .th {
height: 20px;
}
#addressbook-edit_addressbook-edit-custom_private tbody,
#addressbook-search_addressbook-edit-custom_private tbody {
display: table-header-group;
vertical-align: top;
}
#addressbook-edit_addressbook-edit-history .th {
height: 20px;
}
#addressbook-edit_addressbook-edit-history tbody {
display: table-header-group;
vertical-align: top;
}
button.button_more {
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
color: #000000;
padding-left: 30px !important;
background-position: 6px center;
background-repeat: no-repeat;
background-size: 20px auto;
width: auto;
height: 32px;
background-image: url('../images/bearbeiten.png');
}
div.addressbook.edit.general table {
border-top: 0px;
}
div.addressbook.edit.general table tr td img {
display: none;
}
div.addressbook.edit.general table img:nth-child(1) {
display: none;
}
div.addressbook.edit.general table img:nth-child(2) {
cursor: pointer;
}
.countrySelect select {
width: 150px;
}
.custom_country input {
display: none;
}
.contactid:before {
content: "#";
}
.emailCol div {
overflow: hidden;
width: 100%;
}
.redItalic {
color: red;
font-style: italic;
}
.fixedHeight,
.telNumbers {
height: 30px;
}
.telNumbers {
white-space: nowrap;
}
.leftPad5 {
padding-left: 5px;
}
.bold {
font-weight: bold;
}
.fileas select,
.fileas,
.owner select,
.owner {
font-weight: bold;
width: 100%;
}
.photo img,
.iphoto img {
width: 60px;
} }
.uploadphoto { .uploadphoto {
background-color: #FFFFFF;
border: 2px solid black;
display: none;
left: 48px;
padding: 4px;
position: absolute; position: absolute;
top: 168px; top: 168px;
left: 48px;
display:none;
border: 2px solid black;
background-color: #ffffff;
padding: 4px;
} }
.checkAllArrow { padding-right: 5px; } .checkAllArrow {
.typeIcon { height: 16px; width: 16px; } padding-right: 5px;
.editphones,.editname{ }
.typeIcon {
height: 16px;
width: 16px;
}
.editphones,
.editname {
background-color: #FFFFFF;
border: 2px solid black;
display: none;
left: 30%;
padding: 4px;
position: absolute; position: absolute;
top: 10%; top: 10%;
left: 30%;
display:none;
border: 2px solid black;
background-color: #ffffff;
padding: 4px;
} }
.editname { .editname {
top: 97px; left: 137px;
left: 173px; top: 160px;
} }
.windowheader { .windowheader {
background-image:url(../../../phpgwapi/templates/idots/images/appbox-header-background.png); background-image: url("../../../phpgwapi/templates/idots/images/appbox-header-background.png");
background-repeat: repeat-x; background-repeat: repeat-x;
height: 20px; border-bottom: 1px solid #9C9C9C;
border-spacing: 0px;
border-collapse: collapse; border-collapse: collapse;
border-bottom: #9c9c9c 1px solid; border-spacing: 0;
} height: 20px;
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 { .emailGroup table {
height: 87px; height: 87px;
@ -75,11 +526,9 @@ fieldset.emailGroup {
.noWrap { .noWrap {
white-space: nowrap; white-space: nowrap;
} }
.customfields{
}
.customfields td { .customfields td {
white-space: nowrap;
line-height: 12px; line-height: 12px;
white-space: nowrap;
} }
.image16 img { .image16 img {
height: 16px; height: 16px;

View File

@ -0,0 +1,535 @@
/**
* 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

View File

@ -1,35 +1,68 @@
/** /**
* EGroupware - CSS Styles used by admin app * EGroupware - CSS Styles used by admin app
* *
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package etemplate
* @link http://www.egroupware.org * @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Ralf Becker <RalfBecker@outdoor-training.de> * @author Ralf Becker <RalfBecker@outdoor-training.de>
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package admin
* @version $Id$ * @version $Id$
*/ */
#divGenTime {
.admin_tree table, .admin_tree tr, .admin_tree td { 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; border: none;
} }
div#divAppbox { div#divAppbox {
padding: 0; padding: 0;
} }
body { body {
background-image: none; background-image: none;
background-color: white; background-color: white;
} }
/* otherwise it is transparent */ /* otherwise it is transparent */
#admin_iframe { #admin_iframe {
background-color: white; background-color: white;
} }
tr.adminAccountInactive .adminStatus { tr.adminAccountInactive .adminStatus {
color: red; color: red;
} }
.adminOverflowEllipsis { .adminOverflowEllipsis {
width: 100%; width: 100%;
white-space: nowrap; white-space: nowrap;
@ -37,7 +70,6 @@ tr.adminAccountInactive .adminStatus {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
img.admin_aclApp { img.admin_aclApp {
width: 16px; width: 16px;
} }

View File

@ -0,0 +1,85 @@
/**
* 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;
}

View File

@ -1,11 +1,442 @@
/* $Id$ */ /**
* EGroupware: CSS with less preprocessor
.calendar_inputFullWidth input { width: 100%; } *
* 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 calendar
* @version $Id$
*/
.egw_fw_content_browser_iframe {
margin-top: 0em;
border: none;
}
.egw_fw_ui_category_content img.sideboxstar {
width: 14px;
height: 14px;
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;
padding: 3px;
margin: 1px;
}
.egw_fw_ui_category_content img.sideboxstar:hover {
background-color: #b3b3b3 !important;
-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);
border: 1px solid rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.egw_fw_ui_category_content .chzn-container {
max-width: 85% !important;
margin-top: 0em;
}
div#calendar-container {
margin-left: 0px;
}
div#calendar-container div.calendar {
margin-bottom: 1em;
}
div#calendar-container div.calendar table {
border: 0px solid #556;
font-size: 1em;
color: #000;
cursor: default;
padding: 0.3em;
background-color: #ffffff;
}
span#start {
margin-right: 1em;
}
/* The main calendar widget. DIV containing a table. */
div.calendar {
position: relative;
}
/* Header part -- contains navigation buttons and day names. */
.calendar {
/* The body part -- contains all the days in month. */
/* The footer part -- status bar and "Close" button */
/* Combo boxes (menus that display months/years for direct selection) */
}
.calendar .button {
/* "<<", "<", ">", ">>" buttons have this class */
text-align: center;
/* They are the navigation buttons */
padding: 2px;
/* Make the buttons seem like they're pressing */
}
.calendar .nav {
background: url(menuarrow.gif) no-repeat 100% 100%;
background-color: #ffc200;
}
.calendar thead .title {
/* This holds the current "month, year" */
font-weight: bold;
/* Pressing it will take you to the current date */
text-align: center;
background: #679fd2;
color: #000;
padding: 2px;
}
.calendar thead .headrow {
/* Row <TR> containing navigation buttons */
background-color: #ffc200;
color: #fff;
}
.calendar thead .daynames {
/* Row <TR> containing the day names */
background-color: #b3b3b3 !important;
}
.calendar thead .name {
/* Cells <TD> containing the day names */
border-bottom: 1px solid #556;
padding: 2px;
text-align: center;
color: #000;
}
.calendar thead .weekend {
/* How a weekend day name shows in header */
color: #a66;
}
.calendar thead .hilite {
/* How do the buttons in header appear when hover */
background-color: #ffffff;
color: #000;
border: 1px solid;
border-color: #808080;
padding: 1px;
}
.calendar thead .active {
/* Active (pressed) buttons in header */
background-color: #408dd2;
padding: 2px 0px 0px 2px;
}
.calendar tbody .day {
/* Cells <TD> containing month days dates */
width: 2em;
color: #456;
text-align: right;
padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color: #fbb;
}
.calendar tbody .rowhilite td {
background-color: #bfbfbf;
}
.calendar tbody .rowhilite td.wn {
background: #eef;
}
.calendar tbody td.hilite {
/* Hovered cells <TD> */
background: #def;
padding: 1px 3px 1px 1px;
border: 1px solid #bbb;
}
.calendar tbody td.active {
/* Active (pressed) cells <TD> */
background: #cde;
padding: 2px 2px 0px 2px;
}
.calendar tbody td.selected {
/* Cell showing today date */
font-weight: bold;
border: 1px solid #000;
padding: 1px 3px 1px 1px;
background: #fff;
color: #000;
}
.calendar tbody td.weekend {
/* Cells showing weekend days */
color: #a66;
}
.calendar tbody td.today {
/* Cell showing selected date */
font-weight: bold;
color: #00f;
}
.calendar tbody .disabled {
color: #999;
}
.calendar tbody .emptycell {
/* Empty cells (the best is to hide them) */
visibility: hidden;
}
.calendar tbody .emptyrow {
/* Empty row (some months need less than 6 rows) */
display: none;
}
.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid #000;
background-color: #b3b3b3 !important;
}
.calendar tfoot .footrow {
/* The <TR> in footer (only one right now) */
text-align: center;
background: #556;
color: #fff;
}
.calendar tfoot .ttip {
/* Tooltip (status bar) cell <TD> */
background: #fff;
color: #445;
border-top: 1px solid #556;
padding: 1px;
}
.calendar tfoot .hilite {
/* Hover style for buttons in footer */
background: #aaf;
border: 1px solid #04f;
color: #000;
padding: 1px;
}
.calendar tfoot .active {
/* Active (pressed) style for buttons in footer */
background: #77c;
padding: 2px 0px 0px 2px;
}
.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
cursor: default;
border: 1px solid #655;
background: #def;
color: #000;
font-size: 90%;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .hilite {
background: #acf;
}
.calendar .combo .active {
border-top: 1px solid #46a;
border-bottom: 1px solid #46a;
background: #eef;
font-weight: bold;
}
.calendar td.time {
border-top: 1px solid #000;
padding: 1px 0px;
text-align: center;
background-color: #f4f0e8;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: #fff;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: #b3b3b3 !important;
color: #fff;
}
.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}
div#calendar-edit {
width: 870px;
padding: 5px;
}
div#calendar-edit label.et2_label {
padding: 0 2px;
}
div#calendar-edit .chzn-container {
padding-top: 1em;
}
div#calendar-edit .et2_tabheader {
background-color: transparent;
}
div#calendar-edit #calendar-edit_calendar-edit-general {
display: block;
float: left;
width: 100%;
}
div#calendar-edit #calendar-edit_calendar-edit-general table.et2_grid {
width: auto !important;
}
div#calendar-edit #calendar-edit_calendar-edit-general table.et2_grid td {
padding: 4px;
}
div#calendar-edit #calendar-edit_calendar-edit-general table.et2_grid #calendar-edit_duration {
float: left;
}
div#calendar-edit #calendar-edit_calendar-edit-general table.et2_grid button#calendar-edit_freetime {
background-image: url('../images/search.png') !important;
}
div#calendar-edit #calendar-edit_calendar-edit-general table.et2_grid .et2_date {
float: left;
}
div#calendar-edit #calendar-edit_calendar-edit-general #calendar-edit_category {
border: 1px solid;
border-color: #bfbfbf;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div#calendar-edit #calendar-edit_calendar-edit-participants tbody {
display: table;
width: 100%;
}
div#calendar-edit #calendar-edit_calendar-edit-participants tbody td {
vertical-align: top;
padding-top: 3px;
}
div#calendar-edit #calendar-edit_calendar-edit-participants tbody span.ui-icon-search {
background-size: 16px 16px;
}
div#calendar-edit #calendar-edit_calendar-edit-participants tbody div#calendar-edit_resource {
margin: 5px 0 10px 0;
}
div#calendar-edit #calendar-edit_calendar-edit-participants tbody div#calendar-edit_resource select {
margin-right: 3px;
}
div#calendar-edit #calendar-edit_calendar-edit-participants tbody select#calendar-edit_role {
margin-top: 6px;
}
div#calendar-edit #calendar-edit_calendar-edit-participants tbody #calendar-edit_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;
height: 28px;
padding: 0px !important;
margin: 0px;
}
div#calendar-edit #calendar-edit_calendar-edit-participants tbody #calendar-edit_add:before {
content: "+";
font-size: 2em;
color: #ffc200;
}
div#calendar-edit #calendar-edit_calendar-edit-participants tbody #calendar-edit_add:before {
content: "+";
font-size: 2em;
color: #ffc200;
}
div#calendar-edit #calendar-edit_calendar-edit-participants tbody #calendar-edit_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#calendar-edit #calendar-edit_calendar-edit-recurrence tbody {
display: table;
width: 100%;
}
div#calendar-edit #calendar-edit_calendar-edit-custom tbody {
display: table;
width: 100%;
}
div#calendar-edit #calendar-edit_calendar-edit-links tbody {
display: table;
width: 100%;
}
div#calendar-edit #calendar-edit_calendar-edit-alarms tbody {
display: table;
width: 100%;
}
div#calendar-edit #calendar-edit_calendar-edit-alarms tbody button {
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;
height: 28px;
padding: 0px !important;
margin: 0px;
}
div#calendar-edit #calendar-edit_calendar-edit-alarms tbody button:before {
content: "+";
font-size: 2em;
color: #ffc200;
}
div#calendar-edit #calendar-edit_calendar-edit-alarms tbody button:before {
content: "+";
font-size: 2em;
color: #ffc200;
}
div#calendar-edit #calendar-edit_calendar-edit-alarms tbody button: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#calendar-edit #calendar-edit_calendar-edit-history {
max-width: 800px;
}
div#calendar-edit #calendar-edit_calendar-edit-history tbody {
display: table-row-group;
width: 100%;
}
.calendar_inputFullWidth input {
width: 60%;
}
/****************************************************************** /******************************************************************
* CSS settings for the day, week and month view (timeGridWidget) * * CSS settings for the day, week and month view (timeGridWidget) *
******************************************************************/ ******************************************************************/
/* /*
Names used in the "graphic" are the css classes from this file. Names used in the "graphic" are the css classes from this file.
The function names in class uiviews have the leading cal removed and a trailing Widget added: The function names in class uiviews have the leading cal removed and a trailing Widget added:
@ -29,13 +460,14 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
+. .#.* * * *. .*+----------------------------------+*. +. .#.* * * *. .*+----------------------------------+*.
*/ */
.calendar_size120b {
.calendar_size120b { font-size: 120%; font-weight: bold; } font-size: 120%;
font-weight: bold;
}
/* marks a day in the colum-header as today /* marks a day in the colum-header as today
*/ */
.calendar_calToday { .calendar_calToday {
background: #ffffcc; background-color: #ffc200;
} }
/* marks a day in the colum-header as holiday /* marks a day in the colum-header as holiday
*/ */
@ -45,12 +477,12 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
/* marks a day in the column-header additionaly as birthday of some contact, /* marks a day in the column-header additionaly as birthday of some contact,
* it should work together with the backgrounds of calendar_calToday, calendar_calHoliday, th, row_on and row_off * it should work together with the backgrounds of calendar_calToday, calendar_calHoliday, th, row_on and row_off
*/ */
.calendar_calBirthday,.calendar_calBirthday a{ .calendar_calBirthday,
.calendar_calBirthday a {
color: black; color: black;
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
} }
/* timeGridWidget, contains timeRow's and dayCol's /* timeGridWidget, contains timeRow's and dayCol's
*/ */
.calendar_calTimeGrid { .calendar_calTimeGrid {
@ -59,14 +491,15 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
left: 0px; left: 0px;
border: 1px solid silver; border: 1px solid silver;
width: 99%; width: 99%;
background-color: #f0f0f0;
/* set via inline style on runtime: /* set via inline style on runtime:
* height: * height:
*/ */
} }
/* single row in the time-line, always used in conjunction with row_{on|off}, you dont need to set a bgcolor, but you can /* single row in the time-line, always used in conjunction with row_{on|off}, you dont need to set a bgcolor, but you can
*/ */
.calendar_calTimeRow,.calendar_calTimeRowOff{ .calendar_calTimeRow,
.calendar_calTimeRowOff {
position: absolute; position: absolute;
width: 100%; width: 100%;
/* set via inline style on runtime: /* set via inline style on runtime:
@ -76,8 +509,8 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
} }
.calendar_calTimeRow { .calendar_calTimeRow {
/* background-color: silver; */ /* background-color: silver; */
background-color: #fafafa;
} }
/* time in a timeRow /* time in a timeRow
*/ */
.calendar_calTimeRowTime { .calendar_calTimeRowTime {
@ -87,10 +520,11 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
font-size: 8pt; font-size: 8pt;
text-align: left; text-align: left;
} }
/* contains (multiple) dayCol's /* contains (multiple) dayCol's
*/ */
.calendar_calDayCols,.calendar_calDayCols12h,.calendar_calDayColsNoGrid{ .calendar_calDayCols,
.calendar_calDayCols12h,
.calendar_calDayColsNoGrid {
position: absolute; position: absolute;
top: 0px; top: 0px;
/* bottom: 0px; does NOT work in IE, IE needs height: 100%! */ /* bottom: 0px; does NOT work in IE, IE needs height: 100%! */
@ -108,7 +542,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
.calendar_calDayColsNoTime { .calendar_calDayColsNoTime {
left: 0px; left: 0px;
} }
/* contains (multiple) eventCol's /* contains (multiple) eventCol's
*/ */
.calendar_calDayCol { .calendar_calDayCol {
@ -123,16 +556,19 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
} }
/* Calendar Id # /* Calendar Id #
*/ */
.calendar_calId:before { content:"#" } .calendar_calId:before {
content: "#";
}
/* header for the dayCol /* header for the dayCol
*/ */
.calendar_calDayColHeader,.calendar_calGridHeader{ .calendar_calDayColHeader,
.calendar_calGridHeader {
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
width: 100%; width: 100%;
right: 0px; /* does not work in IE, but looks better in other browsers then width:100% */ right: 0px;
/* does not work in IE, but looks better in other browsers then width:100% */
text-align: center; text-align: center;
font-size: 100%; font-size: 100%;
white-space: nowrap; white-space: nowrap;
@ -145,7 +581,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
.calendar_calDayColHeader img { .calendar_calDayColHeader img {
vertical-align: middle; vertical-align: middle;
} }
.calendar_calViewUserNameBox { .calendar_calViewUserNameBox {
position: absolute; position: absolute;
top: -1px; top: -1px;
@ -166,19 +601,15 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
.calendar_calViewUserName:first-letter { .calendar_calViewUserName:first-letter {
text-transform: uppercase; text-transform: uppercase;
} }
.calendar_calViewUserNameFirst {
}
.calendar_calViewUserNameFirst:after { .calendar_calViewUserNameFirst:after {
content: ", "; content: ", ";
} }
/* header of the time-grid, eg. for the weeks in the month-view (leftmost of the day-col-headers) /* header of the time-grid, eg. for the weeks in the month-view (leftmost of the day-col-headers)
*/ */
.calendar_calGridHeader { .calendar_calGridHeader {
text-align: left; text-align: left;
padding-left: 3px; padding-left: 3px;
} }
/* contains (multiple) events's /* contains (multiple) events's
*/ */
.calendar_calEventCol { .calendar_calEventCol {
@ -191,10 +622,10 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
* width: * width:
*/ */
} }
/* contains one event: header-row & -body /* contains one event: header-row & -body
*/ */
.calendar_calEvent,.calendar_calEventPrivate{ .calendar_calEvent,
.calendar_calEventPrivate {
position: absolute; position: absolute;
left: 0px; left: 0px;
right: 0px; right: 0px;
@ -214,7 +645,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
.calendar_calEvent:hover { .calendar_calEvent:hover {
cursor: pointer; cursor: pointer;
} }
/** /**
* All participants accepted the invitation * All participants accepted the invitation
*/ */
@ -222,7 +652,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
} }
/** /**
* All participants answered the invitation, but not all accepted * All participants answered the invitation, but not all accepted
*/ */
@ -230,7 +659,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
border-style: dotted; border-style: dotted;
border-width: 2px; border-width: 2px;
} }
/** /**
* Some participants did NOT answer the invitation * Some participants did NOT answer the invitation
*/ */
@ -238,7 +666,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
border-style: dashed; border-style: dashed;
border-width: 1px; border-width: 1px;
} }
.calendar_calEventTooltip { .calendar_calEventTooltip {
border-radius: 6px; border-radius: 6px;
-moz-border-radius: 6px; -moz-border-radius: 6px;
@ -246,22 +673,22 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
max-height: 400px; max-height: 400px;
overflow: auto; overflow: auto;
} }
.calendar_calAddEvent { .calendar_calAddEvent {
position: absolute; position: absolute;
width: 100%; width: 100%;
z-index: 10; z-index: 10;
} }
.calendar_calAddEvent:hover { .calendar_calAddEvent:hover {
background-color: #D2D7FF; background-color: #ffdd73;
cursor: pointer; cursor: pointer;
color: #ffffff;
} }
/* header-row of the event /* header-row of the event
*/ */
.calendar_calEventHeader,.calendar_calEventHeaderSmall{ .calendar_calEventHeader,
position: relative; /* as the calendar_calEventIcons use postion: absolute! */ .calendar_calEventHeaderSmall {
position: relative;
/* as the calendar_calEventIcons use postion: absolute! */
font-weight: bold; font-weight: bold;
font-size: 9pt; font-size: 9pt;
text-align: left; text-align: left;
@ -288,30 +715,26 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
.calendar_calEventHeaderSmall .calendar_calEventIcons img { .calendar_calEventHeaderSmall .calendar_calEventIcons img {
height: 13px; height: 13px;
} }
/* body of the event /* body of the event
*/ */
.calendar_calEventBody,.calendar_calEventBodySmall{ .calendar_calEventBody,
.calendar_calEventBodySmall {
padding: 0px 3px 0px; padding: 0px 3px 0px;
left: 2px; left: 2px;
right: 2px; right: 2px;
height: 99%; height: 99%;
} }
.calendar_calEventBodySmall { .calendar_calEventBodySmall {
font-size: 95%; font-size: 95%;
} }
.calendar_calEventLabel { .calendar_calEventLabel {
font-weight: bold; font-weight: bold;
font-size: 90%; font-size: 90%;
} }
.calendar_calEventTitle { .calendar_calEventTitle {
font-weight: bold; font-weight: bold;
font-size: 110%; font-size: 110%;
} }
/* table of the dayView containing 2 cols: 1) day-view, 2) todos /* table of the dayView containing 2 cols: 1) day-view, 2) todos
*/ */
.calendar_calDayView { .calendar_calDayView {
@ -324,6 +747,21 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
padding: 2px; padding: 2px;
font-weight: bold; font-weight: bold;
} }
.calendar_calDayTodos .calendar_calDayTodosHeader a img {
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;
height: 16px;
width: 16px;
}
.calendar_calDayTodos .calendar_calDayTodosHeader a img:hover {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
background-color: inherit !important;
}
.calendar_calDayTodos .calendar_calDayTodosTable { .calendar_calDayTodos .calendar_calDayTodosTable {
overflow: auto; overflow: auto;
max-height: 400px; max-height: 400px;
@ -336,11 +774,9 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
.calendar_calDayTodosHeader { .calendar_calDayTodosHeader {
text-align: center; text-align: center;
} }
/****************************************************** /******************************************************
* CSS settings for the planner views (calendar_plannerWidget) * * CSS settings for the planner views (calendar_plannerWidget) *
******************************************************/ ******************************************************/
/* calendar_plannerWidget represents the whole planner, consiting of the calendar_plannerHeader and multiple plannerRowWidgets /* calendar_plannerWidget represents the whole planner, consiting of the calendar_plannerHeader and multiple plannerRowWidgets
*/ */
.calendar_plannerWidget { .calendar_plannerWidget {
@ -351,7 +787,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
border: 1px solid gray; border: 1px solid gray;
padding-right: 3px; padding-right: 3px;
} }
/* calendar_plannerHeader contains a calendar_plannerHeaderTitle and multiple calendar_plannerHeaderRows /* calendar_plannerHeader contains a calendar_plannerHeaderTitle and multiple calendar_plannerHeaderRows
*/ */
.calendar_plannerHeader { .calendar_plannerHeader {
@ -360,7 +795,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
left: 0px; left: 0px;
width: 100%; width: 100%;
} }
/* calendar_plannerRowWidget contains a calendar_plannerRowHeader and multiple eventRowWidgets in an calendar_eventRows /* calendar_plannerRowWidget contains a calendar_plannerRowHeader and multiple eventRowWidgets in an calendar_eventRows
*/ */
.calendar_plannerRowWidget { .calendar_plannerRowWidget {
@ -369,10 +803,10 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
left: 0px; left: 0px;
width: 100%; width: 100%;
} }
/* calendar_plannerScale represents a scale-row of the calendar_plannerHeader, containing multiple planner{Day|Week|Month}Scales /* calendar_plannerScale represents a scale-row of the calendar_plannerHeader, containing multiple planner{Day|Week|Month}Scales
*/ */
.calendar_plannerScale,.calendar_plannerScaleDay { .calendar_plannerScale,
.calendar_plannerScaleDay {
position: relative; position: relative;
top: 0px; top: 0px;
left: 0%; left: 0%;
@ -384,7 +818,11 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
height: 28px; height: 28px;
line-height: 14px; line-height: 14px;
} }
.calendar_plannerDayScale,.calendar_plannerMonthScale,.calendar_plannerWeekScale,.calendar_plannerHourScale,.calendar_plannerDayOfMonthScale { .calendar_plannerDayScale,
.calendar_plannerMonthScale,
.calendar_plannerWeekScale,
.calendar_plannerHourScale,
.calendar_plannerDayOfMonthScale {
position: absolute; position: absolute;
top: 0px; top: 0px;
/* left+width: is set by the code on runtime */ /* left+width: is set by the code on runtime */
@ -408,31 +846,35 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
.calendar_plannerMonthScale { .calendar_plannerMonthScale {
font-weight: bold; font-weight: bold;
} }
.calendar_plannerDayScale img,.calendar_plannerWeekScale img,.calendar_plannerMonthScale img,.calendar_plannerDayOfMonthScale img { .calendar_plannerDayScale img,
.calendar_plannerWeekScale img,
.calendar_plannerMonthScale img,
.calendar_plannerDayOfMonthScale img {
vertical-align: middle; vertical-align: middle;
} }
/* calendar_plannerRowHeader contains the user or category name of the calendar_plannerRowWidget /* calendar_plannerRowHeader contains the user or category name of the calendar_plannerRowWidget
*/ */
.calendar_plannerRowHeader, .calendar_plannerHeaderTitle { .calendar_plannerRowHeader,
.calendar_plannerHeaderTitle {
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0%; left: 0%;
width: 15%; /* need to be identical for calendar_plannerRowHeader and calendar_plannerHeaderTitle and match left of calendar_eventRows/calendar_plannerHeaderRows */ width: 15%;
/* need to be identical for calendar_plannerRowHeader and calendar_plannerHeaderTitle and match left of calendar_eventRows/calendar_plannerHeaderRows */
height: 100%; height: 100%;
line-height: 20px; line-height: 20px;
border: 1px solid white; border: 1px solid white;
} }
/* calendar_eventRows contain multiple eventRowWidgets /* calendar_eventRows contain multiple eventRowWidgets
*/ */
.calendar_eventRows, .calendar_plannerHeaderRows { .calendar_eventRows,
.calendar_plannerHeaderRows {
position: relative; position: relative;
top: 0px; top: 0px;
left: 15%; /* need to be identical for calendar_eventRows and calendar_plannerHeaderRows and match width of calendar_plannerRowHeader/calendar_plannerHeaderTitle */ left: 15%;
/* need to be identical for calendar_eventRows and calendar_plannerHeaderRows and match width of calendar_plannerRowHeader/calendar_plannerHeaderTitle */
width: 85%; width: 85%;
} }
/** /**
* Filler for month with less then 31 days in yearly planner * Filler for month with less then 31 days in yearly planner
*/ */
@ -444,7 +886,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
border: 1px dashed gray; border: 1px dashed gray;
border-right: none; border-right: none;
} }
/** /**
* Weekend or other special days in yearly planner * Weekend or other special days in yearly planner
*/ */
@ -454,7 +895,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
height: 100%; height: 100%;
z-index: 10; z-index: 10;
} }
/* calendar_eventRowWidget contains non-overlapping events /* calendar_eventRowWidget contains non-overlapping events
*/ */
.calendar_eventRowWidget { .calendar_eventRowWidget {
@ -465,27 +905,30 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
height: 20px; height: 20px;
border: 1px solid white; border: 1px solid white;
} }
.calendar_plannerEvent,
.calendar_plannerEvent,.calendar_plannerEventPrivate{ .calendar_plannerEventPrivate {
position: absolute; position: absolute;
top: 0px; top: 0px;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
z-index: 20; z-index: 20;
border: 1px solid black; border: 1px solid black;
min-width: 5%;
/* set via inline style on runtime: /* set via inline style on runtime:
* left: depending on startime * left: depending on startime
* width: depending on length * width: depending on length
* background-color: depending on category * background-color: depending on category
*/ */
} }
.calendar_plannerEvent img,.calendar_plannerEventPrivate img { .calendar_plannerEvent img,
.calendar_plannerEventPrivate img {
padding-top: 2px; padding-top: 2px;
width: 16px;
height: 16px;
} }
.calendar_plannerEvent:hover { .calendar_plannerEvent:hover {
cursor: pointer; cursor: pointer;
} }
/* Special colors for the year view */ /* Special colors for the year view */
.calendar_cal_year_legend_weekend { .calendar_cal_year_legend_weekend {
background-color: #CCCCCC; background-color: #CCCCCC;
@ -505,19 +948,32 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
border-color: #EE0000; border-color: #EE0000;
border-width: 2px; border-width: 2px;
} }
/** /**
* edit series or exception popup used in eventWidget and * edit series or exception popup used in eventWidget and
* delete series and exceptions popup used in edit event * delete series and exceptions popup used in edit event
*/ */
#calendar-edit_calendar-delete_series { #calendar-edit_calendar-delete_series {
position: fixed; position: fixed;
top: 100px; top: 200px;
left: 200px; left: 500px;
z-index: 20000; z-index: 20000;
display: none; display: none;
border-collapse: collapse; border-collapse: collapse;
border-spacing:0px border-spacing: 0px;
background-color: #fff;
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;
}
#delete_series {
top: 100px;
left: 200px;
}
#delete_series input,
#edit_series input {
margin: 8px;
} }
#dialog-content { #dialog-content {
display: block; display: block;
@ -528,3 +984,56 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
margin: -2px -1px 0px -2px; margin: -2px -1px 0px -2px;
width: 410px; width: 410px;
} }
/** #####################################################################################
* @package preferences
* ######################################################################################
*/
table.prefTable {
width: 100%;
}
tr.prefRow {
position: relative;
}
td.prefName {
width: 50%;
}
tr.prefRow > td {
vertical-align: bottom;
/* otherwise help will cover bigger prefValue */
}
.prefHelp {
position: absolute;
right: 55%;
display: none;
width: 33%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #f0f0f0;
border-color: #808080;
cursor: pointer;
background-color: #ffc200;
}
tr.prefRow:hover .prefHelp {
display: block;
z-index: 10;
/* FF: displays it under next prefName without */
}
.prefDefault,
.prefValue {
float: left;
}
.prefValue {
margin-right: 5px;
}
.prefValue textarea,
textarea.prefValue {
width: 99%;
height: 5em;
}
.prefType,
.prefApp {
font-size: 150%;
display: inline-block;
padding-bottom: 5px;
}

File diff suppressed because it is too large Load Diff

View File

@ -1,17 +1,15 @@
/** /**
* eGroupWare - CSS Styles used by eTemplate widgets * EGroupware - CSS Styles used by old eTemplate widgets
* *
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package etemplate
* @link http://www.egroupware.org * @link http://www.egroupware.org
* @author Ralf Becker <RalfBecker@outdoor-training.de> * @author Ralf Becker <RalfBecker@outdoor-training.de>
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package etemplate
* @version $Id$ * @version $Id$
*/ */
.redItalic,
/* .message {
* a few generic styles used in most eT apps
*/
.redItalic,.message {
color: red; color: red;
font-style: italic; font-style: italic;
} }
@ -27,18 +25,12 @@
.selectboxFullWidth select { .selectboxFullWidth select {
width: 100%; width: 100%;
} }
.inputRequired input,
/* .inputRequired select,
* mark input as required .inputRequired textarea {
*/ background-color: #FFFFD0;
.inputRequired input,.inputRequired select,.inputRequired textarea { border: 1px solid gray;
border: gray 1px solid;
background-color: #ffffd0;
} }
/*
* Styles of the eT editor
*/
.clickWidgetToEdit { .clickWidgetToEdit {
cursor: pointer; cursor: pointer;
display: inline; display: inline;
@ -46,10 +38,6 @@
.clickWidgetToEdit:hover { .clickWidgetToEdit:hover {
background-color: pink; background-color: pink;
} }
/*
* Styles of the nextmatch widget
*/
.activ_sortcolumn { .activ_sortcolumn {
font-weight: bold; font-weight: bold;
} }
@ -61,38 +49,90 @@
} }
.colselection { .colselection {
background-color: white; background-color: white;
position: absolute;
right: 0px;
top: 16px;
display: none; display: none;
position: absolute;
right: 0;
top: 16px;
z-index: 1; z-index: 1;
} }
table.TabHeader {
/* background-color: #d9d9d9;
* 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 {
white-space: nowrap;
width: auto;
display: inline-block;
margin: 1em 5px 1em 0;
padding: 5px;
cursor: pointer; cursor: pointer;
background-color: #E8F0F0; background-color: #f0f0f0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
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);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.etemplate_tab:hover {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
background-color: inherit !important;
}
.etemplate_tab:focus {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
} }
.etemplate_tab_active { .etemplate_tab_active {
border-width:2px 2px 0px; white-space: nowrap;
background-color: #D3DCE3; width: auto;
display: inline-block;
margin: 1em 5px 1em 0;
padding: 5px;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
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);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: #808080;
border-width: 0 0 3px 0;
border-style: solid;
border-spacing: 0px;
border-color: #408dd2;
color: #f2f2f2;
}
.etemplate_tab_active .th {
background-color: #808080;
border-width: 0 0 3px 0;
border-style: solid;
border-spacing: 0px;
border-color: #408dd2;
color: #f2f2f2;
}
.etemplate_tab row_on,
td.etemplate_tab_active:focus {
background-color: #808080;
border-width: 0 0 3px 0;
border-style: solid;
border-spacing: 0px;
border-color: #408dd2;
color: #f2f2f2;
} }
.tab_body { .tab_body {
border: black solid 2px; border: 2px solid none;
border-color: #f0f0f0;
} }
.nextmatch_header { .nextmatch_header {
border: 1px solid black; border: 1px solid black;
} }
@ -102,9 +142,9 @@
.nm_num_rows select { .nm_num_rows select {
width: 40px; width: 40px;
} }
.vfsMode { .vfsMode {
font-family: monospace; font-weight: bold; font-family: monospace;
font-weight: bold;
} }
.vfsMimeIcon img { .vfsMimeIcon img {
max-height: 16px; max-height: 16px;
@ -113,43 +153,26 @@
.vfsFilename { .vfsFilename {
white-space: nowrap; white-space: nowrap;
} }
/**
* mark a file (icon) as link
*/
.vfsIsLink img { .vfsIsLink img {
padding-right: 8px; background-image: url("images/link.png");
background-image: url(images/link.png);
background-repeat: no-repeat;
background-position: right bottom; background-position: right bottom;
background-repeat: no-repeat;
padding-right: 8px;
} }
/**
* nicer would be, but it's not working ...
*/
.vfsIsLink img:after { .vfsIsLink img:after {
content: url(filemanager/templates/default/images/link.png); content: url("../../../filemanager/templates/default/images/link.png");
} }
/**
* mark a link (icon) as broken link
*/
.vfsIsBrokenLink img { .vfsIsBrokenLink img {
padding-right: 8px; background-image: url("images/link_broken.png");
background-image: url(images/link_broken.png);
background-repeat: no-repeat;
background-position: right bottom; background-position: right bottom;
background-repeat: no-repeat;
padding-right: 8px;
} }
/**
* class for big (more then 5 lines) custom field nextmatch header
*/
.cf_header_height_limit { .cf_header_height_limit {
max-height: 6.75em; max-height: 6.75em;
overflow: auto; overflow: auto;
padding-right: 15px; padding-right: 15px;
} }
/**
* class for table in data_widget
*/
.eTdate { .eTdate {
white-space: nowrap; white-space: nowrap;
} }

View File

@ -0,0 +1,199 @@
/**
* 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
.tab_body {
border: 2px solid none;
.border-color-10-gray;
}
.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;
}

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -1,25 +1,76 @@
/** /**
* CSS for new eTemplate filemanager UI * 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 {
.address input { font-size: 140%; font-weight: bold; } color: red;
.mimeHuge img { width: 64px; height: 64px; } }
.fileName input { font-weight: bold; width: 100%; } /**
.comment textarea { width: 100%; height: 35px; } * seems not to be merged from app.css
.previewImage img { max-width: 430px; max-height: 275px; border: 1px solid black; } */
.previewText div { } .address input {
.pathSelection { font-weight: bold; } font-size: 140%;
.pathSelection a { font-weight: bold; font-size: 120%; } font-weight: bold;
.pathSelectionContainer { width: 640px; overflow: auto; } }
.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 * Select file dialog
*/ */
.selectPath { font-weight: bold; width: 98% } .selectPath {
.selectPathContainer { width: 470px; overflow: auto; } font-weight: bold;
.selectName input { width: 100%; } width: 98%;
.selectMime select { width: 100%; } }
.selectPathContainer {
width: 470px;
overflow: auto;
}
.selectName input {
width: 100%;
}
.selectMime select {
width: 100%;
}
/*.selectIcon img { height: 16px; }*/ /*.selectIcon img { height: 16px; }*/
.displayNone input, input.displayNone { display: none; } .displayNone input,
.selectFiles td div { border-style: groove; } input.displayNone {
.selectFiles div { max-height: 400px; overflow:auto;} display: none;
}
.selectFiles td div {
border-style: groove;
}
.selectFiles div {
max-height: 400px;
overflow: auto;
}

View File

@ -0,0 +1,60 @@
/**
* 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;}

View File

@ -1,25 +1,125 @@
/* $Id$ */ /**
.infolog_headertext { color: black; font-size: 120%; } * EGroupware: CSS with less preprocessor
.infolog_lpadding5 { padding-left: 5px; } *
.low,.low_done,.normal,.normal_done,.high,.high_done,.urgent,.urgent_done { font-weight: bold; } * Please do NOT change app.css directly, instead change app.less and compile it!
.low,.low_done { color:#606060; } *
.normal,.normal_done { color:black } * @link http://www.egroupware.org
.high { color:#cc0000; } * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
.high_done { color:#800000; } * @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
.urgent { color:#ff00ff; } * @package infolog
.urgent_done { color:#800080; } * @version $Id$
.infolog_overdue { color:#cc0000; font-weight:bold; } */
.private { font-style:italic; } span#favorite_sidebox_infolog .sidebox-favorites favorites li a div.ui-icon-heart {
.infolog_planned { font-style:italic; } background-image: none;
table.infolog_fullWidth { width: 100%; } }
td.infolog_infoId:before { content:"#" } #infolog-index {
.infolog_fixedHeight { height: 12px; } height: auto !important;
.noWrap { white-space: nowrap; } }
.infolog_user_filter select { width: 100px; } #infolog-index table.et2_grid {
.inputFullWidth input { width: 100%; } border-top: 0px;
.infolog_image16 img { height: 16px; } }
tr.infolog_rowHasParent > td:first-child { #infolog-index #infolog-index_nm {
background-image: url(../../../phpgwapi/templates/default/images/egw_action/arrow_up.png); min-height: 900px;
background-repeat: no-repeat; }
background-position: 6px -2px; #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.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget,
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget {
background-color: #0b5fa4;
color: #FFF;
text-shadow: none;
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;
-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);
height: 35px;
}
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:before,
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:before {
content: "+";
font-size: 2em;
color: #ffc200;
}
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:before,
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:before {
content: "+";
font-size: 2em;
color: #ffc200;
}
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget .infolog_headertext,
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget .infolog_headertext {
color: #FFF !important;
}
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:hover,
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget: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);
}
#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 {
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;
} }

View File

@ -0,0 +1,241 @@
/**
* 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 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{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{}
}

View File

@ -1,28 +1,455 @@
textarea /**
{ * 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 mail
* @version $Id$
*/
div#mail-index table.egwGridView_grid {
width: 99%;
}
div#mail-index div#mail-index_mailSplitter {
margin: 0 1% 0 0 !important;
}
div#mail-index div#mail-index_mailSplitter div#mail-index_nm div.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;
}
div#mail-index div#mail-index_mailSplitter div#mail-index_nm tr.mail td img {
height: 16px;
}
div#mail-index div#mail-index_mailSplitter div#mail-index_mailPreview {
padding: 3px;
margin: 5px 0;
background-color: #bfbfbf;
}
div#mail-index div#mail-index_mailSplitter div#mail-index_mailPreview div#mail-index_mailPreviewHeadersFrom {
width: 50%;
}
div#mail-index div#mail-index_mailSplitter div#mail-index_mailPreview div#mail-index_mailPreviewHeadersTo {
width: 50%;
}
div#mail-index div#mail-index_mailSplitter div#mail-index_mailPreview div#mail-index_mailPreviewHeadersDate {
width: 50%;
}
div#mail-index div#mail-index_mailSplitter div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject {
width: 100%;
}
.egw_fw_ui_category_content #mail-index_buttonmailcreate {
margin-left: -14px;
}
.egw_fw_ui_category_content span#mail-tree_target {
max-height: 50%;
}
.egw_fw_ui_category_content .dtree {
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
font-size: 87.5%;
}
/* ##################################################################################
* E-Mail Dialog "Compose"
*
* ##################################################################################
*/
#mail-compose {
width: 870px;
padding: 5px;
}
#mail-compose .mail-compose_toolbar img {
width: 22px;
}
#mail-compose .mail-compose_toolbar .mail-compose_button {
margin-right: 15px;
padding: 0 3px 0 0;
}
#mail-compose .mail-compose_toolbar img#mail-compose_button[saveAsDraft],
#mail-compose .mail-compose_toolbar .et2_button_icon {
vertical-align: middle;
padding: 2px;
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;
}
#mail-compose .mail-compose_toolbar img#mail-compose_button[saveAsDraft]:hover,
#mail-compose .mail-compose_toolbar .et2_button_icon:hover {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
background-color: #d9d9d9;
}
#mail-compose .mail-compose_toolbar img#mail-compose_button[saveAsDraft]:focus,
#mail-compose .mail-compose_toolbar .et2_button_icon:focus {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
background-color: #d9d9d9;
}
#mail-compose .mail-compose_toolbar .et2_file,
#mail-compose .mail-compose_toolbar .mail-compose_fileselector {
vertical-align: middle;
}
#mail-compose .mail-compose_toolbar .et2_file #mail-compose_uploadForCompose,
#mail-compose .mail-compose_toolbar .mail-compose_fileselector #mail-compose_uploadForCompose {
font-size: 0.7em;
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/attach.png) !important;
background-color: #fafafa;
height: 20px;
margin-left: 5px;
}
#mail-compose .mail-compose_toolbar .et2_file #mail-compose_uploadForCompose:hover,
#mail-compose .mail-compose_toolbar .mail-compose_fileselector #mail-compose_uploadForCompose:hover {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
background-color: #d9d9d9;
}
#mail-compose .mail-compose_toolbar .et2_file #mail-compose_uploadForCompose:focus,
#mail-compose .mail-compose_toolbar .mail-compose_fileselector #mail-compose_uploadForCompose:focus {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
background-color: #d9d9d9;
}
#mail-compose .mail-compose_toolbar .et2_file div.progress,
#mail-compose .mail-compose_toolbar .mail-compose_fileselector div.progress {
width: 247px;
}
#mail-compose .mail-compose_toolbar span.et2_label {
font-size: 0.7em;
}
#mail-compose .mail-compose_toolbar .mail-compose_infolog {
vertical-align: middle;
height: 20px;
padding: 3px 2px;
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;
margin-right: 3px;
}
#mail-compose .mail-compose_toolbar .mail-compose_infolog .et2_button_icon {
border: none;
box-shadow: none;
border-radius: 0px;
background-color: transparent;
}
#mail-compose .mail-compose_toolbar .mail-compose_tracker {
vertical-align: middle;
height: 20px;
padding: 3px 2px;
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;
margin-right: 3px;
}
#mail-compose .mail-compose_toolbar .mail-compose_tracker span.et2_label {
font-size: 0.7em;
height: 20px;
}
#mail-compose .mail-compose_toolbar .mail-compose_tracker .et2_button_icon {
border: none;
box-shadow: none;
border-radius: 0px;
background-color: transparent;
}
#mail-compose .mail-compose_toolbar .mail-compose_notification {
vertical-align: middle;
height: 20px;
padding: 3px 2px;
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;
margin-right: 3px;
}
#mail-compose .mail-compose_toolbar .mail-compose_priority {
vertical-align: middle;
height: 20px;
padding: 3px 2px;
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;
margin-right: 3px;
}
#mail-compose .mail-compose_toolbar .mail-compose_priority span.et2_label {
margin-right: 3px;
}
#mail-compose .mail-compose_toolbar .mail-compose_priority select#mail-compose_priority {
box-shadow: none;
font-size: 0.8em;
border: none;
}
#mail-compose .mailComposeHeaders,
#mail-compose .mailComposeHeadersSection {
margin: 2px 0;
width: 98%;
}
#mail-compose .mailComposeHeaders span,
#mail-compose .mailComposeHeadersSection span {
width: 8em;
font-size: 0.8em;
}
#mail-compose .mailComposeHeaders div,
#mail-compose .mailComposeHeadersSection div {
max-width: 770px;
}
#mail-compose .mailComposeHeaders span.ui-state-error,
#mail-compose .mailComposeHeadersSection span.ui-state-error {
color: #043a6b;
}
#mail-compose .mailComposeHeaders div.ms-res-item-active,
#mail-compose .mailComposeHeadersSection div.ms-res-item-active {
background: #0c5da5;
}
#mail-compose .mailComposeHeaders div.ms-res-item-active span,
#mail-compose .mailComposeHeadersSection div.ms-res-item-active span {
color: #FFFFFF;
}
#mail-compose .mailComposeHeaders input#mail-compose_subject,
#mail-compose .mailComposeHeadersSection input#mail-compose_subject {
max-width: 750px;
}
#mail-compose fieldset.mailSignature {
font-size: 0.8em;
}
#mail-compose fieldset.mailSignature span {
margin-left: 8px;
}
/* ##################################################################################
* E-Mail Dialog "Ansehen"
*
* ##################################################################################
*/
#mail-display {
width: 870px;
padding: 5px;
}
#mail-display .mailDisplayHeaderSection {
top: 0;
position: relative;
}
#mail-display .mailDisplayHeaderSection #mail-display_toolbar {
background-color: #679fd2;
padding: 5px 3px;
height: 25px;
display: -webkit-box;
}
#mail-display .mailDisplayHeaderSection #mail-display_toolbar button {
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;
height: 20px;
}
#mail-display .mailDisplayHeaderSection #mail-display_toolbar button:hover {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
background-color: #d9d9d9;
}
#mail-display .mailDisplayHeaderSection #mail-display_toolbar button:focus {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
background-color: #d9d9d9;
}
#mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_forward_wrapper li a img {
width: 16px;
margin-right: 3px;
}
#mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_save_wrapper button#mail-display_save {
background-image: url('../images/speichern.png');
background-position: left center;
background-repeat: no-repeat;
background-size: 16px 16px;
box-shadow: none;
}
#mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_save_wrapper button#mail-display_save:hover img {
display: none;
background-image: none;
}
#mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_save_wrapper button#mail-display_save:focus {
box-shadow: none;
}
#mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_save_wrapper li a img {
width: 16px;
margin-right: 3px;
}
#mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_view_wrapper button#mail-display_view {
box-shadow: none;
}
#mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_view_wrapper button#mail-display_view:hover img {
display: none;
background-image: none;
}
#mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_view_wrapper button#mail-display_view:focus {
box-shadow: none;
}
#mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_view_wrapper li a img {
width: 16px;
margin-right: 3px;
}
#mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_mark_wrapper button#mail-display_mark {
box-shadow: none;
}
#mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_mark_wrapper button#mail-display_mark:hover img {
display: none;
background-image: none;
}
#mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_mark_wrapper button#mail-display_mark:focus {
box-shadow: none;
}
#mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_mark_wrapper li a img {
width: 16px;
margin-right: 3px;
}
#mail-display .mailDisplayAttachments {
background-color: #f0f0f0;
max-height: 10%;
position: fixed;
bottom: 26px;
border: 0px solid #560ead;
border-bottom: 0px;
opacity: 1;
-moz-opacity: 1;
}
#mail-display .mailDisplayAttachments img {
width: 16px;
}
/* ##################################################################################
* E-Mail
*
* ##################################################################################
*/
/* felamimail uses the styledefinitions below to format navButton/navSeparator */
tr.navbarBackground {
background-color: #dddddd;
}
div.navButton {
background-color: #dddddd;
float: left;
padding: 2px;
margin: 2px;
border: solid #dddddd 1px;
}
div.navButton:hover,
div.navButtonHover {
background-color: #eeeeee;
float: left;
padding: 2px;
margin: 2px;
border: solid white 1px;
border-right: solid black 1px;
border-bottom: solid black 1px;
position: relative;
}
div.navButton:active,
div.navButtonActive {
background-color: #dddddd;
float: left;
padding: 2px;
margin: 2px;
border: solid white 1px;
border-left: solid black 1px;
border-top: solid black 1px;
position: relative;
}
div.navSeparator {
background-color: #dddddd;
float: left;
padding: 0px;
margin: 2px;
border: solid silver 1px;
height: 24px;
position: relative;
}
/* Fixes z-index problem with the calendar year selection (displays behind selectboxes)*/
.calendar .combo {
z-index: 1 !important;
}
textarea {
font-family: monospace, sans-serif; font-family: monospace, sans-serif;
font-size: 110%; font-size: 110%;
} }
.defaultProfile {
.defaultProfile { color:#000000; font-weight:bold !important; } color: #000000;
font-weight: bold !important;
}
.quoted1 { color:#660066; } .quoted1 {
.quoted2 { color:#007777; } color: #660066;
.quoted3 { color:#990000; } }
.quoted4 { color:#000099; } .quoted2 {
.quoted5 { color:#bb6600; } color: #007777;
}
.quoted3 {
color: #990000;
}
.quoted4 {
color: #000099;
}
.quoted5 {
color: #bb6600;
}
tr.mail div { tr.mail div {
cursor: default; cursor: default;
white-space: nowrap; white-space: normal;
text-overflow: ellipsis;
}
tr.mail div span {
text-overflow: ellipsis;
white-space: normal;
} }
tr.mail a { tr.mail a {
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis;
} }
tr.recent div, tr.recent div,
tr.recent span, tr.recent span,
tr.recent time, tr.recent time,
@ -34,7 +461,6 @@ tr.unseen a {
color: #003075; color: #003075;
font-weight: bold; font-weight: bold;
} }
tr.labelone div, tr.labelone div,
tr.labelone span, tr.labelone span,
tr.labelone time, tr.labelone time,
@ -65,21 +491,18 @@ tr.labelfive time,
tr.labelfive a { tr.labelfive a {
color: #8000ff !important; color: #8000ff !important;
} }
tr.flagged div, tr.flagged div,
tr.flagged span, tr.flagged span,
tr.flagged time, tr.flagged time,
tr.flagged a { tr.flagged a {
color: #ff0000 !important; color: #ff0000 !important;
} }
tr.prio_high div, tr.prio_high div,
tr.prio_high span, tr.prio_high span,
tr.prio_high time, tr.prio_high time,
tr.prio_high a { tr.prio_high a {
color: #ac0000 !important; color: #ac0000 !important;
} }
tr.deleted div, tr.deleted div,
tr.deleted span, tr.deleted span,
tr.deleted time, tr.deleted time,
@ -87,7 +510,6 @@ tr.deleted a {
color: silver; color: silver;
text-decoration: line-through; text-decoration: line-through;
} }
span.status_img { span.status_img {
display: inline-block; display: inline-block;
width: 12px; width: 12px;
@ -95,80 +517,60 @@ span.status_img {
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url(images/kmmsgread.png); background-image: url(images/kmmsgread.png);
} }
tr.deleted span.status_img { tr.deleted span.status_img {
background-image: url(images/kmmsgdel.png); background-image: url(images/kmmsgdel.png);
} }
tr.unseen span.status_img { tr.unseen span.status_img {
background-image: url(images/kmmsgunseen.png); background-image: url(images/kmmsgunseen.png);
} }
tr.flagged_seen span.status_img { tr.flagged_seen span.status_img {
background-image: url(images/read_flagged_small.png) !important; background-image: url(images/read_flagged_small.png) !important;
} }
tr.flagged_unseen span.status_img { tr.flagged_unseen span.status_img {
background-image: url(images/unread_flagged_small.png) !important; background-image: url(images/unread_flagged_small.png) !important;
} }
tr.recent span.status_img { tr.recent span.status_img {
background-image: url(images/kmmsgnew.png) !important; background-image: url(images/kmmsgnew.png) !important;
} }
tr.replied span.status_img { tr.replied span.status_img {
background-image: url(images/kmmsgreplied.png) !important; background-image: url(images/kmmsgreplied.png) !important;
} }
tr.forwarded span.status_img { tr.forwarded span.status_img {
background-image: url(images/kmmsgforwarded.png) !important; background-image: url(images/kmmsgforwarded.png) !important;
} }
.subjectBold {
.subjectBold font-size: 12px;
{
FONT-SIZE: 12px;
font-weight: bold; font-weight: bold;
font-family: Arial; font-family: Arial;
} }
.subject {
.subject font-size: 12px;
{
FONT-SIZE: 12px;
font-family: Arial; font-family: Arial;
} }
TR.sieveRowActive {
TR.sieveRowActive font-size: 11px;
{
FONT-SIZE: 11px;
height: 20px; height: 20px;
padding: 0; padding: 0;
background: White; background: White;
} }
A.sieveRowActive {
A.sieveRowActive font-size: 11px;
{
FONT-SIZE: 11px;
height: 14px; height: 14px;
padding: 0; padding: 0;
} }
TR.sieveRowInActive {
TR.sieveRowInActive font-size: 11px;
{
FONT-SIZE: 11px;
height: 20px; height: 20px;
padding: 0; padding: 0;
background: White; background: White;
color: Silver; color: Silver;
} }
A.sieveRowInActive {
A.sieveRowInActive font-size: 11px;
{
FONT-SIZE: 11px;
height: 14px; height: 14px;
padding: 0; padding: 0;
color: Silver; color: Silver;
} }
.bodyDIV { .bodyDIV {
position: absolute; position: absolute;
background-color: white; background-color: white;
@ -177,17 +579,14 @@ A.sieveRowInActive
width: 100%; width: 100%;
border-top: 1px solid #efefdf; border-top: 1px solid #efefdf;
} }
.bodyDIVAttachment { .bodyDIVAttachment {
bottom: 80px; bottom: 80px;
} }
#attachmentSpanAllDIV { #attachmentSpanAllDIV {
background-color: #efefdf; background-color: #efefdf;
height: 260px; height: 260px;
overflow: auto; overflow: auto;
} }
#attachmentDIV { #attachmentDIV {
position: fixed; position: fixed;
background-color: #efefdf; background-color: #efefdf;
@ -198,7 +597,6 @@ A.sieveRowInActive
border-top: 1px solid silver; border-top: 1px solid silver;
overflow: auto; overflow: auto;
} }
#popupattachmentDIV { #popupattachmentDIV {
position: top; position: top;
background-color: #efefdf; background-color: #efefdf;
@ -209,14 +607,15 @@ A.sieveRowInActive
border-top: 1px solid silver; border-top: 1px solid silver;
overflow: auto; overflow: auto;
} }
pre { pre {
white-space: pre-wrap; /* Mozilla, since 1999 */ white-space: pre-wrap;
white-space: -pre-wrap; /* Opera 4-6 */ /* Mozilla, since 1999 */
white-space: -o-pre-wrap; /* Opera 7 */ white-space: -pre-wrap;
/* Opera 4-6 */
white-space: -o-pre-wrap;
/* Opera 7 */
width: 99%; width: 99%;
} }
/* /*
avoid the vertical scrollbar within the sidebox section (triggered by the vertical dimension of the tree) avoid the vertical scrollbar within the sidebox section (triggered by the vertical dimension of the tree)
*/ */
@ -251,11 +650,13 @@ pre {
color: #333; color: #333;
text-decoration: none; text-decoration: none;
} }
.dtree a.node, .dtree a.nodeSel { .dtree a.node,
.dtree a.nodeSel {
white-space: nowrap; white-space: nowrap;
padding: 1px 2px 1px 2px; padding: 1px 2px 1px 2px;
} }
.dtree a.node:hover, .dtree a.nodeSel:hover { .dtree a.node:hover,
.dtree a.nodeSel:hover {
color: #333; color: #333;
text-decoration: underline; text-decoration: underline;
} }
@ -265,7 +666,9 @@ pre {
.dtree .clip { .dtree .clip {
overflow: hidden; overflow: hidden;
} }
.dtree table, .dtree tr, .dtree td { .dtree table,
.dtree tr,
.dtree td {
border: none; border: none;
} }
.dtree table { .dtree table {
@ -273,7 +676,10 @@ pre {
width: 100%; width: 100%;
display: table-row; display: table-row;
} }
.dtree tbody, .dtree tr, .dtree td, .dtree span { .dtree tbody,
.dtree tr,
.dtree td,
.dtree span {
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
} }
@ -282,14 +688,9 @@ pre {
width: 250px; width: 250px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
word-wrap: break-word;
float: left;
&:after{
content: " ...";
}
} }
#mail-index { #mail-index {
position: relative position: relative;
} }
.mail-index_quotabox { .mail-index_quotabox {
position: absolute; position: absolute;
@ -298,13 +699,12 @@ pre {
width: 200px !important; width: 200px !important;
z-index: 99; z-index: 99;
} }
.mail_DisplayNone {
display: none !important;
}
.mail-index_quotaDisplayNone { .mail-index_quotaDisplayNone {
display: none !important; display: none !important;
} }
.mail-index_QuotaGreen, .mail-index_QuotaYellow, .mail-index_QuotaRed { .mail-index_QuotaGreen,
.mail-index_QuotaYellow,
.mail-index_QuotaRed {
height: 12px !important; height: 12px !important;
width: 100px !important; width: 100px !important;
} }
@ -340,14 +740,12 @@ pre {
input[type=button] { input[type=button] {
background-position: left; background-position: left;
} }
#mail-index_messageIFRAME { #mail-index_messageIFRAME {
width: 100%; width: 100%;
height: 100%; height: 100%;
border: 0; border: 0;
} }
#mail-index_button[id*="mailcreate"] {
#mail-index_button\[mailcreate\] {
width: 99%; width: 99%;
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
@ -356,22 +754,11 @@ input[type=button] {
background-position: left; background-position: left;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.mailDisplay,
#mail-compose_button\[send\] { #mail-index_mailPreview {
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; overflow: hidden;
position: relative; position: relative;
margin-top: 3px; margin-top: 5px;
} }
#mail-compose_fileselector { #mail-compose_fileselector {
width: 245px !important; width: 245px !important;
@ -392,8 +779,8 @@ input[type=button] {
padding: 0px; padding: 0px;
height: 16px !important; height: 16px !important;
} }
#mail-compose_toolbar > button { #mail-display_toolbar {
padding: .2em .4em; padding: 0px;
} }
#mail-display_toolbar > button > span { #mail-display_toolbar > button > span {
padding: .2em .4em; padding: .2em .4em;
@ -403,55 +790,91 @@ input[type=button] {
padding: 0px; padding: 0px;
height: 16px !important; height: 16px !important;
} }
#mail-display_toolbar .et2_button_icon {
width: 16px;
height: 16px;
}
#mail-index_mailPreviewIcons { #mail-index_mailPreviewIcons {
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
} }
#mail-index_toolbar {
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 { #mail-index_mailPreviewContainer {
position: absolute; position: absolute;
border: 1px solid silver; border: 1px solid silver;
top: 60px; top: 75px;
bottom: 0; bottom: 0;
left: 3px; left: 3px;
right: 0; right: 0;
} }
#mail-index_toolbar {
padding: 0px;
background: none;
margin: 5px 5px 0 0;
border: none;
}
#mail-index_toolbar button {
background: none;
background-image: none;
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;
}
#mail-index_toolbar button:hover {
background-color: #b3b3b3 !important;
-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);
border: 1px solid rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#mail-index_toolbar button:active {
background-color: #808080;
-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);
border: 1px solid rgba(0, 0, 0, 0.9);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#mail-index_toolbar button:focus {
border: none;
}
#mail-index_toolbar button span {
padding: .2em .6em;
}
#mail-index_toolbar button span img {
width: 16px;
padding: 0px;
height: 16px !important;
}
#mail-index_previewAttachmentArea { #mail-index_previewAttachmentArea {
background-color:#efefdf; background-color: #f0f0f0;
max-height: 3em; max-height: 5%;
max-width: 50%; max-width: 50%;
position: absolute; position: absolute;
overflow: scroll; overflow: scroll;
overflow-x: hidden; overflow-x: hidden;
right: 0; right: 7px;
top: 25px; top: 37px;
border: 1px solid red; border-color: #f0f0f0;
border: 1px solid rgba(0, 0, 0, 0.15);
opacity: 1; opacity: 1;
-moz-opacity:1: -moz-opacity: 1;
filter: Alpha(opacity=100); }
display: inline-block !important; #mail-index_previewAttachmentArea img {
width: 16px;
height: 16px;
} }
#mail-index_previewAttachmentArea.noContent { #mail-index_previewAttachmentArea.noContent {
border: 0px !important; border: 0px !important;
display: none !important;
} }
.mailDisplayContainer,
.mailDisplayContainer, .mailDisplayAttachments { .mailDisplayAttachments {
display: block; display: block;
display: -moz-inline-stack; display: -moz-inline-stack;
display: -moz-box; display: -moz-box;
@ -467,29 +890,7 @@ input[type=button] {
overflow-y: auto; overflow-y: auto;
border: 1px solid silver; border: 1px solid silver;
top: 120px; top: 120px;
} bottom: 100px;
.mailDisplayContainerFixedHeight {
bottom: 123px;
}
.mailDisplayContainerFullHeight {
bottom: .1em;
}
.mailDisplayBody {
height:100%;
width:100%;
background-color:white;
padding:0px;
margin:0px;
}
.mailDisplayAttachments {
background-color:#efefdf;
height: 121px;
position: fixed;
bottom: .1em;
border: 1px solid red;
opacity: 1;
-moz-opacity:1:
filter: Alpha(opacity=100);
} }
/* /*
#divGenTime { #divGenTime {
@ -512,18 +913,22 @@ input[type=button] {
.mailDisplayHeaderSection { .mailDisplayHeaderSection {
position: absolute; position: absolute;
top: 12px; top: 12px;
} }
div.mailDisplayHeaders > div:first-parent { div.mailDisplayHeaders > div:first-parent {
overflow: hidden; overflow: hidden;
} }
div.mailDisplayHeaders > span:first-child, div.mailComposeHeaders > span:first-child, div.mailPreviewHeaders > span:first-child { div.mailDisplayHeaders > span:first-child,
div.mailComposeHeaders > span:first-child,
div.mailPreviewHeaders > span:first-child {
width: 7em; width: 7em;
display: inline-block; display: inline-block;
} }
div.mailComposeHeaders > span:first-child { div.mailComposeHeaders > span:first-child {
width: 8em; width: 8em;
} }
div.mailDisplayHeaders > span:first-child, div.mailComposeHeaders > span:first-child, div.mailComposeBody, div.mailPreviewHeaders > * { div.mailDisplayHeaders > span:first-child,
div.mailComposeHeaders > span:first-child,
div.mailComposeBody,
div.mailPreviewHeaders > * {
margin-left: 3px; margin-left: 3px;
} }

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,573 @@
/**
* EGroupware: CSS with less preprocessor
*
* Definitions for buttons
*
* 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$
*/
@import (reference) "def_design_pattern_color_font_shadow.less";
//########################################################################################################
// Buttons
//
//########################################################################################################
//Buttons et2
input[type="submit"],
input[type="button"],
input[type="reset"],
button, .egwbutton {
background-color: #B9D5E3;
border: 1px outset #B9D5E3;
color: #004E7D;
}
.et2_button_text,
input[type="button"] {
.background-color-10-gray;
.color-30-gray;
margin: 5px;
padding: 3px;
border-radius: 20px 3px 3px 3px;
-webkit-border-radius: 20px 3px 3px 3px;
-moz-border-radius: 20px 3px 3px 3px;
:before {content: "►"; color: red; font-size: 50px; }
}
//#####################
//# Complete Button #
//#####################
.Complete_Button_normal{
.border_normal;
.box_shadow_standard_light;
.color-100-gray;
}
.Complete_Button_hover{
// .border_hover;
.box_shadow_standard_light_hover;
background-color: inherit !important;
}
.Complete_Button_active{
// .border_hover;
.box_shadow_standard_light_inset;
}
.Complete_Button_focus{
// .border_hover;
.box_shadow_standard_light_inset;
}
// komplette Schaltflächen
.Complete_Button_add {
background-color: @egw_color_blue_lighter;
color: #FFF;
text-shadow: none;
height: 35px;
background-image: none !important;
.border_radius_button_lefttop;
&:before {content: "+";font-size: 2em;color: @egw_color_1;}
}
.Complete_Button_add_hover {
background-color: @egw_color_blue_lightest !important;
color: @egw_color_1;
// text-shadow: none;
// height: 35px;
// background-image: none !important;
// .border_radius_button_lefttop;
.box_shadow_standard_light_hover;
.border_radius_button_lefttop;
}
//.Complete_Button_add_before {content: "+";font-size: 2em;}
.Complete_Button_hinweis{
.Button_size_square_32;
.border_normal;
padding: 0 0.2em;
border-left: 3px solid;
border-left-color: @lightgray;
}
// select
.Complete_Button_select{
// .border_normal;
// .border-color-25-gray;
.box_shadow_standard_light;
width: auto;
margin: 0.5em 0em 0.5em 0.5em;
// .border_radius_button_normal;
padding:3px;
// border:none;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
}
.Complete_Button_select_hover {
.box_shadow_standard_light_hover;
}
.Complete_Button_select_focus {
outline:0;
border-width:1px;
border-style: solid;
.border-color-25-gray;
-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
-moz-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
}
// Input
.Complete_Button_input{
.border_normal;
.border-color-25-gray;
.box_shadow_standard_light;
width: auto;
margin: 0.5em 0em 0.5em 0;
.border_radius_button_normal;
// .gradient(#000, #333, #FFF);
// .gradient(#F5F5F5, #EEE, #FFF);
}
.Complete_Button_input_hover{
.box_shadow_standard_light_hover;
}
.Complete_Button_input_focus {
outline:0;
border-width:1px;
border-style: solid;
.border-color-25-gray;
-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
-moz-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
}
// Suchen button
.Complete_Button_search_action{
.border_normal;
.border-color-25-gray;
.box_shadow_standard_light;
width: 3em;
// height: 2.5em;
// margin: 0.5em 1em 0.5em 1;
.border_radius_button_lefttop;
.background-color-search;
color: #FFFFFF;
text-decoration: none;
cursor: pointer;
padding: 3px;
margin-left: 5px;
}
.Complete_Button_search_action_hover{
.box_shadow_standard_light_hover;
background-color: @yellow !important;
.border_radius_button_lefttop;
}
.Complete_Button_search_action_active{
.box_shadow_standard_light_hover;
.background-color-search;
.border_radius_button_lefttop;
}
.Complete_Button_search_action_reset{
.Complete_Button_search_action;
.background_verlauf_diagonal_gray;
}
// Buchstaben
.Complete_Button_lettersearch{
.border_radius_button_normal;
.box_shadow_standard_light;
.border_normal;
// border: 1px solid #D3DCE3;
text-align: center;
cursor: pointer;
}
// Text
.Complete_Button_text{
.border_radius_button_normal;
.background-color-10-gray;
.border-color-50-gray;
cursor: pointer;
}
.Complete_Button_text_hover {
.border_radius_button_normal;
.border_hover;
text-align: center;
cursor: pointer;
.background-color-30-gray;
}
.Complete_Button_text_active{
color: @gray;
}
.Complete_Button_text_icon_before{
.Complete_Button_normal;
padding-left: 30px !important;
background-position: 6px center;
background-repeat: no-repeat;
background-size: 20px auto;
.Button_size_h32_auto;
}
.Complete_Button_text_icon_before_hover{
.Complete_Button_text_icon_before;
.box_shadow_standard_light_hover;
}
.Complete_Button_text_icon_before_active{
.Complete_Button_text_icon_before;
.box_shadow_standard_light_hover;
}
// Buttons nur Icon
.Complete_Button_Icon_normal {
.background-color-10-gray;
.box_shadow_standard_light;
.border_normal;
.border_radius_button_normal;
}
.Complete_Button_Icon_hover {
.background-color-30-gray;
.box_shadow_standard_light_hover;
.border_hover;
.border_radius_button_normal;
}
.Complete_Button_Icon_active {
.background-color-50-gray;
.box_shadow_standard_light_hover;
.border_active;
.border_radius_button_normal;
}
// #############################
// Button Sub Menupunkte
.Complete_Button_Module_Menu_Links{
.background-color-10-gray;
}
.Complete_Button_Module_Menu_Links_Hover{
.background-color-30-gray;
.color-5-gray;
}
.Complete_Button_Module_Menu_Links_active{
.background-color-10-gray;
}
// Button Sub Sub Menupunkte
.Complete_Button_Module_Menu_Links_Sub
{
margin-left: 3px;
padding-top: 0px;
padding-bottom: 5px;
.border_normal;
border-top-width: 0px;
.background-color-10-gray;
margin-top: -7px;
padding-left: 14px;
width: 93%;
}
.Complete_Button_Module_Menu_Links_Sub_Hover
{
margin-left: 2px;
padding-top: 0px;
padding-bottom: 5px;
.border_normal;
.background-color-15-gray;
}
/**##################################################################################################
* Button widget - text only, and icon
*
* ##################################################################################################
*/
//.et2_button {
// cursor: pointer;
// text-align: center;
// font-size: 9pt;
// text-shadow: 1px 1px #E0E0E0;
//}
// Button mit Text
.et2_button_text,
input[type=button] {
.Complete_Button_text;
.box_shadow_standard_light;
&:hover {.Complete_Button_text_hover;}
&:active {.Complete_Button_text_active;}
&:focus {.Complete_Button_text_active;}
}
// Button mit Bild
.et2_button_icon {
border: none;
background: transparent;
padding: 2px;
}
// #####################################################
/* Button Hinzufügen */
#add.et2_button, .Complete_Button_add {
.Complete_Button_add;
// &:before {.Complete_Button_add_before;}
}
// #####################################################
// Button bearbeiten
input[type="submit"][id*="edit"],
input[type="button"][id*="edit"],
button[id*="edit"],
input[type="submit"][id*="edit"]:hover,
input[type="button"][id*="edit"]:hover,
button[id*="edit"]:hover {
background-image:url('../images/bearbeiten.png');
.Complete_Button_text_icon_before;
}
// #####################################################
// Button Kopieren
input[type="submit"][id*="copy"],
input[type="button"][id*="copy"],
button[id*="copy"],
input[type="submit"][id*="copy"]:hover,
input[type="button"][id*="copy"]:hover,
button[id*="copy"]:hover{
.Complete_Button_text_icon_before;
background-image:url('../images/kopieren.png');
}
// #####################################################
// Button Abbruch
input[type="submit"][id*="cancel"],
input[type="button"][id*="cancel"],
button[id*="cancel"],
input[type="submit"][id*="cancel"]:hover,
input[type="button"][id*="cancel"]:hover,
button[id*="cancel"]:hover{
.Complete_Button_text_icon_before;
background-image:url('../images/abbruch.png');
}
// #####################################################
// Button löschen
input[type="submit"][id*="delete"],
input[type="button"][id*="delete"],
button[id*="delete"] {
.Complete_Button_text_icon_before;
background-image:url('../images/loeschen.png');
margin-left: 3em;
}
input[type="submit"][id*="delete"]:hover,
input[type="button"][id*="delete"]:hover,
button[id*="delete"]:hover {
.Complete_Button_text_icon_before;
background-image:url('../images/loeschen.png');
background-color: red !important;
}
// #####################################################
// Button übernehmen
input[type="submit"][id*="apply"],
input[type="button"][id*="apply"],
button[id*="apply"],
input[type="submit"][id*="apply"]:hover,
input[type="button"][id*="apply"]:hover,
button[id*="apply"]:hover {
.Complete_Button_text_icon_before;
background-image:url('../images/uebernehmen.png');
}
// #####################################################
// Button speichern
input[type="submit"][id*="save"],
input[type="button"][id*="save"],
button[id*="save"],
input[type="submit"][id*="save"]:hover,
input[type="button"][id*="save"]:hover,
button[id*="save"]:hover
{
.Complete_Button_text_icon_before;
background-image:url('../images/speichern.png');
}
// #####################################################
// Button Suchen
input[type="submit"][id*="search"],
input[type="button"][id*="search"],
button[id*="search"]{
.Complete_Button_text_icon_before;
background-image:url('../images/erweiterte-suche.png');
&:hover {.box_shadow_standard_light_hover; background-image:url('../images/erweiterte-suche.png');}
&:focus {.box_shadow_standard_light_inset;}
}
// #####################################################
// Button ok = speichern
button.button_ok {
.Complete_Button_text_icon_before;
background-image:url('../images/speichern.png');
}
button.button_ok:hover {
.Complete_Button_text_icon_before;
background-image:url('../images/speichern.png');
}
// #####################################################
// Button Befehl auswählen (infolog)
button#infolog-index_legacy_actions{
.Complete_Button_text_icon_before;
background-image:url('../images/bearbeiten.png');
&:hover {.box_shadow_standard_light_hover; background-image:url('../images/bearbeiten.png');}
&:focus {.box_shadow_standard_light_inset;}
}
// #####################################################
// Button hinzufügen (infolog)
button[id*="note"]{
.Complete_Button_text_icon_before;
// &:before {content: "+"; font-size: 2em;}
// background-image:url('../images/bearbeiten.png');
&:hover {
.box_shadow_standard_light_hover;
// background-image:url('../images/bearbeiten.png');
}
&:focus {.box_shadow_standard_light_inset;}
}
// #####################################################
// Create Button (mail)
button#mail-index_button[mailcreate],
button[id*="mailcreate"]{
.Complete_Button_add;
background-image: url("images/write_mail.png") !important;
background-position: right center !important;
background-repeat: no-repeat;
padding-left: 25px;
text-align: left;
width: 99%;
&:hover {
.box_shadow_standard_light_hover;
.border_radius_button_lefttop ;
// background-image:url('../images/bearbeiten.png');
}
&:focus {.border_radius_button_lefttop ;.box_shadow_standard_light_inset;}
}
// #####################################################
// Senden Button (mail Dialog)
button#mail-compose_button[send],
button#mail-compose_button[id*="send"],
.mail-compose_button {
.Complete_Button_text_icon_before;
background-image: url(../../mail/templates/default/images/mail_send.png) !important;
height: 26px;
padding: 0 3px 0 0;
.background-color-15-gray;
&:hover {.box_shadow_standard_light_hover; }
&:focus {.box_shadow_standard_light_inset;}
}

View File

@ -0,0 +1,743 @@
/**
* EGroupware: CSS with less preprocessor
*
* Definitions for content-elements
*
* 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$
*/
@import (reference) "def_design_pattern_color_font_shadow.less";
@import (reference) "def_buttons.less";
/* #######################################################################################
*
*
* Inhaltselemente
*
*
* ########################################################################################
*/
//Reset
html * {
font-size: 100%;
}
//###############################################
body{
background-image:none;
.background-color-10-gray;
.color-100-gray; // Schriftfarbe schwarz
margin: 0px !important;
padding: 0px !important;
width: 100% !important;
height: 100% !important;
}
body, td, textarea {.basefontfamily;}
#egw_fw_basecontainer {
position: fixed;
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
.basefontfamily;
// font-size: 8pt;
.background-color-5-gray ;
}
//##########################
input {
.Complete_Button_input;
&:hover{.Complete_Button_input_hover;}
&:focus{.Complete_Button_input_focus;}
}
select {
.Complete_Button_select;
padding:3px;
margin: 0;
.rounded (4px);
// .drop-shadow( 0, 3px, 0, 191, 191, 191, 0.1, inset);
-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
background: #f8f8f8;
color:#888;
border:none;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
&:hover{.Complete_Button_select_hover;}
&:focus{.Complete_Button_select_focus;}
}
//select {
//}
//
/////* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
select {padding-right:18px}
}
select {position:relative}
select:after {
content:'<>';
font:11px "Consolas", monospace;
color:#aaa;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
right:8px; top:2px;
padding:0 0 2px;
border-bottom:1px solid #ddd;
position:absolute;
pointer-events:none;
}
select:before {
content:'';
right:6px; top:0px;
width:20px; height:20px;
background:#f8f8f8;
position:absolute;
pointer-events:none;
display:block;
}
div.selectbox-wrapper {
ul {
list-style-type:none;
margin:0px;
padding:0px;
li.selected {
background-color: #EAF2FB;
}
li.current {
background-color: #CDD8E4;
}
li {
list-style-type:none;
display:block;
margin:0;
padding:2px;
cursor:pointer;
}
}
}
.sbHolder{
.Complete_Button_select;
// background-color: #2d2d2d;
// border: solid 1px #515151;
// font-family: Arial, sans-serif;
.basefontfamily;
font-size: 1.2em;
font-weight: normal;
height: 30px;
position: relative;
width: 10em;
&:hover{.Complete_Button_select_hover;}
&:focus{.Complete_Button_select_focus;}
}
.sbHolder:focus .sbSelector{}
.sbSelector{
display: block;
height: 30px;
left: 0;
line-height: 30px;
outline: none;
overflow: hidden;
position: absolute;
text-indent: 10px;
top: 0;
width: 170px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
// color: #EBB52D;
.color-50-gray;
outline: none;
text-decoration: none;
}
.sbToggle{
background: url(../img/select-icons.png) 0 -116px no-repeat;
display: block;
height: 30px;
outline: none;
position: absolute;
right: 0;
top: 0;
width: 30px;
}
.sbToggle:hover{
background: url(../images/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
background: url(../images/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
background: url(../images/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
background-color: #3C3C3C;
border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
}
.sbHolderDisabled .sbToggle{
}
// Ausklappliste
.sbOptions{
// background-color: #212121;
.background-color-0-gray;
border: solid 1px #515151;
list-style: none;
left: -1px;
margin: 0;
padding: 0;
position: absolute;
top: 30px;
width: 200px;
z-index: 1;
overflow-y: auto;
li{
padding: 0 7px;
}
a{
border-bottom: dotted 1px #515151;
display: block;
outline: none;
padding: 7px 0 7px 3px;
}
a:link,
a:visited{
.color-100-gray;
text-decoration: none;
}
a:hover,
a:focus,
a.sbFocus{
color: #EBB52D;
}
li.last a{
border-bottom: none;
}
.sbDisabled{
border-bottom: dotted 1px #515151;
color: #999;
display: block;
padding: 7px 0 7px 3px;
}
.sbGroup{
border-bottom: dotted 1px #515151;
color: #EBB52D;
display: block;
font-weight: bold;
padding: 7px 0 7px 3px;
}
.sbSub{
padding-left: 17px;
}
}
// Tabellen
.th {
background-color: #e0e0e0;
}
// Links
a:link, a:visited, select, input, textarea {
color : @link-color;
}
select,input,button
{
.color-100-gray;
font-size:99%;
padding: 0.2em 0;
border-width: 1px;
border-style: solid;
.border-color-15-gray;
}
select
{
font-size:100%;
}
a:link,a:visited
{
cursor:pointer;
color: @link-color;
text-decoration: none;
}
a:hover,a:active
{
cursor:pointer;
color:@link-color-active;
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;
}
//##############################################################################################################
// Lettersearch
.lettersearch {
.Complete_Button_lettersearch;
}
.lettersearch:hover {
.background-color-30-gray;
.color-0-gray;
}
.lettersearch_active{
.Complete_Button_lettersearch;
.background-color-30-gray;
// background-color: #808080 !important;
font-weight: bold;
}
td.lettersearch {
// border-color: #E0E0E0;
background-image: none;
}
.nextmatch_header table {
border: none !important;
width: 99% !important;
}
.egw_fw_ui_sidemenu_marker {
display: block;
height: 20px;
padding: 2px 5px 2px 34px;
margin: 0;
border-width: 0px 1px 0px 1px;
border-style: solid;
border-color: #c6ced6;
cursor: pointer;
color: gray;
background-color: RGB(250, 250, 250);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
h1{
display: inline;
font-size: 10pt;
font-weight: bold;
}
}
.egw_fw_ui_ajaxloader {
display: inline-block;
width: 16px;
height: 16px;
background-image:url(images/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center;
float: right;
}
/* traditional */
form
{
margin:0px;
padding:0px;
}
img
{
border:0;
}
input,button,select
{
border: solid 1px #bbbbbb;
padding: 0.2em;
font-size: 1.1em;
}
input[type=submit],input[type=button],input[type=reset],button,.egwbutton
{
.background-color-10-gray;
background-image: none;
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-15-gray;
background-image: none;
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;
}
.divSidebox
{
position:relative;
border: #9c9c9c 1px solid;
overflow:auto;
}
.divSideboxHeader
{
text-align:center;
.background-color-15-gray;
padding-top:2px;
.color-50-gray;
}
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;
}
#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%;
}

View File

@ -0,0 +1,577 @@
/**
* EGroupware: CSS with less preprocessor
*
* Definitions for colors, fonts, borders and box shadow
*
* 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$
*/
// Farben
// CI EGW
// Orange
@egw_color_1 : rgb(255, 194, 0); // #ffc200
@egw_color_1_a : #ffc200;
@egw_color_1_b : #BF9D30;
@egw_color_1_c : #A67E00;
@egw_color_1_d : #FFD140;
@egw_color_1_e : #FFDD73;
// BLUE
@egw_color_2_a : #0C5DA5;
@egw_color_2_b : #26537C;
@egw_color_2_c : #043A6B;
@egw_color_2_d : #408DD2;
@egw_color_2_e : #679FD2;
// Lila
@egw_color_3_a : #560EAD;
@egw_color_3_b : #512882;
@egw_color_3_c : #360570;
@egw_color_3_d : #8643D6;
@egw_color_3_e : #9B6AD6;
@egw_color_blue : #1D1AB2;
@egw_color_blue_lighter : #0B5FA4 ;
@egw_color_blue_lightest :#66A1D2;
//Berechnung der EGW Farben
.background-color-egw-normal {background-color : @egw_color_1_a !important;}
.background-color-egw-light {background-color : @egw_color_1_d;}
.background-color-egw-lighter {background-color : @egw_color_1_e;}
.background-color-egw-dark {background-color : @egw_color_2_a;}
.background-color-egw-darker {background-color : @egw_color_2_b;}
@blue : blue;
@gray : #000000;
@red: #FF0000;
@yellow : #FFD40F;
@lightgray : #E4E7EA;
@link-color : #000000;
@link-color-active: @link-color*010101;
@active_button_border_bottom : @egw_color_2_d; // soll EGROUPWARE FARBE GEBEN
@color-hint : @egw_color_1_a;
// aktiverte Zeilen in allen APP mit Listenausgabe
@active_row : #679FD2;
// Grauwerte
.color-0-gray { color : lighten(@gray, 100%);}
.color-5-gray { color : lighten(@gray, 95%);}
.color-10-gray { color : lighten(@gray, 90%);}
.color-15-gray { color : lighten(@gray, 85%);}
.color-25-gray { color : lighten(@gray, 75%);}
.color-30-gray { color : lighten(@gray, 70%);}
.color-40-gray { color : lighten(@gray, 60%);}
.color-50-gray { color : lighten(@gray, 50%);}
.color-100-gray { color : @gray; }
// Hintergrundfarben
// Warnung
.background-color-warning {background-color : @red;}
.background-color-hint {background-color : darken(@red, 5%);}
//Grautöne
.background-color-0-gray { background-color : lighten(@gray, 100%);}
.background-color-5-gray { background-color : lighten(@gray, 98%); }
.background-color-10-gray { background-color : lighten(@gray, 94%); }
.background-color-15-gray { background-color : lighten(@gray, 85%); }
.background-color-25-gray { background-color : lighten(@gray, 75%); }
.background-color-30-gray { background-color : lighten(@gray, 70%) !important; }
.background-color-40-gray { background-color : lighten(@gray, 60%); }
.background-color-50-gray { background-color : lighten(@gray, 50%); }
//Contexthilfe
.background-color-Context-Help{ background-color: @egw_color_1;}
.background-color-required-field {
background-color : #FFF;
color: #000;
border: 1px solid red;}
.background-color-dialog-container {background-color : lighten(@gray, 100%); }
.background-color-search {background-color : lighten(@egw_color_1, 15%); }
// cal Heute
.background-table-cal-head { background-color : @egw_color_1_a;}
// Bordercolor
.border-color-10-gray { border-color : lighten(@gray, 94%); }
.border-color-15-gray { border-color : lighten(@gray, 85%); }
.border-color-25-gray { border-color : lighten(@gray, 75%); }
.border-color-50-gray { border-color : lighten(@gray, 50%); }
//Bilder
// Schriften
.basefontfamily{
//font-family: Verdana, Helvetica, Sans-Serif;
font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
// font-size: 16px;
font-size: 87.5%;
}
// #############################
// Schriftformate
p { font-size: 12px;}
li {}
h1 {
font-size: 200%;
line-height: 1.2em;
margin: 0.4em 0 0;
}
h2 {
font-size: 170%;
line-height: 1.2em;
margin: 0.6em 0 0;
}
h3 {
font-size: 150%;
line-height: 0.8571em;
margin: 0.8571em 0 0;
}
h3 a {
color: #999999;
}
h4 {
font-size: 110%;
line-height: 1.125em;
margin: 1.125em 0 0;
}
h5 {
font-size: 100%;
line-height: 1.2857em;
margin: 1.2857em 0 0;
}
h6 {
font-size: 100%;
font-weight: bold;
line-height: 1.5em;
margin: 1.5em 0 0;
}
// Radius
.border_radius_button_lefttop {
-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;
}
.border_radius_button_righttop {
-webkit-border-radius: 3px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topright: 20px;
border-radius: 3px;
border-top-right-radius: 20px;
}
.border_radius_button_normal {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
// Box Shadow
// auf hellem Hintergrund
.box_shadow_standard_light {
-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);
}
// wird dunkler
.box_shadow_standard_light_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);
// -webkit-box-shadow: none;
// -moz-box-shadow: none;
// box-shadow:none;
}
// für focus und active
.box_shadow_standard_light_inset {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
}
// Rahmen um Hauptinhalt
.box_shadow_dialog {
// -webkit-box-shadow: -3px 20px 29px @egw_color_1;
// -moz-box-shadow: -3px 20px 29px @egw_color_1;
// box-shadow: -3px 20px 29px @egw_color_1;
}
// Rahmen für Dialoge
.box_shadow_edit_dialog {
// -webkit-box-shadow: 1px 2px 3px rgba(50, 50, 50, 0.75);
// -moz-box-shadow: 1px 2px 3px rgba(50, 50, 50, 0.75);
// box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow: inset 0 0 5px 5px #888;
-webkit-box-shadow: inset 0 0 5px 5px #888;
box-shadow: inset 0 0 5px 5px #888;
margin: 5px ;
padding: 0%;
width: 100%;
}
// #############################
// Verlauf
.background_verlauf_diagonal_gray (@i: #d8d8d8, @j: #a3a3a3) {
background: -webkit-gradient(linear, 0 0, 0 bottom, @i, @j),
-moz-linear-gradient(@i, @j),
-o-linear-gradient(@i, @j),
linear-gradient(@i, @j);
-pie-background: linear-gradient(@i, @j);
behavior: url(/PIE.htc);
}
.background_linear_gradient(@i: #ffb76b, @j: #ff7f04) {
background: -webkit-gradient(linear, 0 0, 0 bottom, @i, @j),
-moz-linear-gradient(@i, @j),
-o-linear-gradient(@i, @j),
linear-gradient(@i, @j);
-pie-background: linear-gradient(@i, @j);
behavior: url(/PIE.htc);
}
.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
background: @color,
-webkit-gradient(linear,
left bottom,
left top,
color-stop(0, @start),
color-stop(1, @stop)),
-ms-linear-gradient(bottom, @start, @stop),
-moz-linear-gradient(center bottom, @start 0%, @stop 100%),
-o-linear-gradient(@stop, @start);
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
}
.bw_gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
background: @color,
-webkit-gradient(linear,
left bottom,
left top,
color-stop(0, rgb(@start,@start,@start)),
color-stop(1, rgb(@stop,@stop,@stop))),
-ms-linear-gradient(bottom,
rgb(@start,@start,@start) 0%,
rgb(@stop,@stop,@stop) 100%),
-moz-linear-gradient(center bottom,
rgb(@start,@start,@start) 0%,
rgb(@stop,@stop,@stop) 100%),
-o-linear-gradient(rgb(@stop,@stop,@stop),
rgb(@start,@start,@start));
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",rgb(@stop,@stop,@stop),rgb(@start,@start,@start)));
}
// #############################
// Transparenz
.transparent_50 {
/* Required for IE 5, 6, 7 */
/* ...or something to trigger hasLayout, like zoom: 1; */
width: 100%;
/* Theoretically for IE 8 & 9 (more valid) */
/* ...but not required as filter works too */
/* should come BEFORE filter */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* This works in IE 8 & 9 too */
/* ... but also 5, 6, 7 */
filter: alpha(opacity=50);
/* Older than Firefox 0.9 */
-moz-opacity:0.5;
/* Safari 1.x (pre WebKit!) */
-khtml-opacity: 0.5;
/* Modern!
/* Firefox 0.9+, Safari 2?, Chrome any?
/* Opera 9+, IE 9+ */
opacity: 0.5;
}
// #############################
// Button Größen
.Button_size_square_32{
width: 32px;
height: 32px;
}
.Button_size_square_16{
width: 16px;
height: 16px;
}
.Button_size_square_8{
width: 8px;
height: 8px;
}
.Button_size_h32_auto{
width: auto;
height: 32px;
}
// Rahmen für Schaltflächen
.border_normal{
border: 1px solid rgba(0, 0, 0, 0.15);
}
.border_hover{
border: 1px solid rgba(0, 0, 0, 0.5);
}
.border_active{
border: 1px solid rgba(0, 0, 0, 0.9);
}
// Flächen
// Hintergrund für Filter
// Filterfläche
.Rectangle_filters {
padding: 0 0 0 1em;
.background-color-10-gray;
margin-bottom: 3px;
margin: 0em;
// vertical-align: top;
border-width: 0 0 1px 0;
.border-color-15-gray;
background-image: none;
}
/*---------------------------------------------------
LESS Elements 0.9
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
background: @color,
-webkit-gradient(linear,
left bottom,
left top,
color-stop(0, @start),
color-stop(1, @stop)),
-ms-linear-gradient(bottom,
@start,
@stop),
-moz-linear-gradient(center bottom,
@start 0%,
@stop 100%),
-o-linear-gradient(@stop,
@start);
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
}
.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
background: @color,
-webkit-gradient(linear,
left bottom,
left top,
color-stop(0, rgb(@start,@start,@start)),
color-stop(1, rgb(@stop,@stop,@stop))),
-ms-linear-gradient(bottom,
rgb(@start,@start,@start) 0%,
rgb(@stop,@stop,@stop) 100%),
-moz-linear-gradient(center bottom,
rgb(@start,@start,@start) 0%,
rgb(@stop,@stop,@stop) 100%),
-o-linear-gradient(rgb(@stop,@stop,@stop),
rgb(@start,@start,@start));
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",rgb(@stop,@stop,@stop),rgb(@start,@start,@start)));
}
.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) {
border-top: solid 1px @top-color;
border-left: solid 1px @left-color;
border-right: solid 1px @right-color;
border-bottom: solid 1px @bottom-color;
}
.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @r:0, @g:0, @b:0, @alpha: 0.1, @inset:inset) {
-webkit-box-shadow: @x-axis @y-axis @blur rgba(@r, @g, @b, @alpha) @inset;
-moz-box-shadow: @x-axis @y-axis @blur rgba(@r, @g, @b, @alpha) @inset;
box-shadow: @x-axis @y-axis @blur rgba(@r, @g, @b, @alpha) @inset;
}
.rounded(@radius: 2px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}
.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
-webkit-border-top-right-radius: @topright;
-webkit-border-bottom-right-radius: @bottomright;
-webkit-border-bottom-left-radius: @bottomleft;
-webkit-border-top-left-radius: @topleft;
-moz-border-radius-topright: @topright;
-moz-border-radius-bottomright: @bottomright;
-moz-border-radius-bottomleft: @bottomleft;
-moz-border-radius-topleft: @topleft;
border-top-right-radius: @topright;
border-bottom-right-radius: @bottomright;
border-bottom-left-radius: @bottomleft;
border-top-left-radius: @topleft;
.background-clip(padding-box);
}
.opacity(@opacity: 0.5) {
-moz-opacity: @opacity;
-khtml-opacity: @opacity;
-webkit-opacity: @opacity;
opacity: @opacity;
@opperc: @opacity * 100;
-ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";
filter: ~"alpha(opacity=@{opperc})";
}
.transition-duration(@duration: 0.2s) {
-moz-transition-duration: @duration;
-webkit-transition-duration: @duration;
-o-transition-duration: @duration;
transition-duration: @duration;
}
.transform(...) {
-webkit-transform: @arguments;
-moz-transform: @arguments;
-o-transform: @arguments;
-ms-transform: @arguments;
transform: @arguments;
}
.rotation(@deg:5deg){
.transform(rotate(@deg));
}
.scale(@ratio:1.5){
.transform(scale(@ratio));
}
.transition(@duration:0.2s, @ease:ease-out) {
-webkit-transition: all @duration @ease;
-moz-transition: all @duration @ease;
-o-transition: all @duration @ease;
transition: all @duration @ease;
}
.inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) {
-webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
-moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
}
.box-shadow(@arguments) {
-webkit-box-shadow: @arguments;
-moz-box-shadow: @arguments;
box-shadow: @arguments;
}
.box-sizing(@sizing: border-box) {
-ms-box-sizing: @sizing;
-moz-box-sizing: @sizing;
-webkit-box-sizing: @sizing;
box-sizing: @sizing;
}
.user-select(@argument: none) {
-webkit-user-select: @argument;
-moz-user-select: @argument;
-ms-user-select: @argument;
user-select: @argument;
}
.columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) {
-moz-column-width: @colwidth;
-moz-column-count: @colcount;
-moz-column-gap: @colgap;
-moz-column-rule-color: @columnRuleColor;
-moz-column-rule-style: @columnRuleStyle;
-moz-column-rule-width: @columnRuleWidth;
-webkit-column-width: @colwidth;
-webkit-column-count: @colcount;
-webkit-column-gap: @colgap;
-webkit-column-rule-color: @columnRuleColor;
-webkit-column-rule-style: @columnRuleStyle;
-webkit-column-rule-width: @columnRuleWidth;
column-width: @colwidth;
column-count: @colcount;
column-gap: @colgap;
column-rule-color: @columnRuleColor;
column-rule-style: @columnRuleStyle;
column-rule-width: @columnRuleWidth;
}
.translate(@x:0, @y:0) {
.transform(translate(@x, @y));
}
.background-clip(@argument: padding-box) {
-moz-background-clip: @argument;
-webkit-background-clip: @argument;
background-clip: @argument;
}

View File

@ -0,0 +1,339 @@
/**
* EGroupware: CSS with less preprocessor
*
* Definitions for icons using entypo-icon-font
*
* 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$
*/
@import (reference) "def_design_pattern_color_font_shadow.less";
//########################################################################################################
// Icons
//
//########################################################################################################
@charset "UTF-8";
@font-face {
font-family: 'entypo-icon-font';
src: url("../fonts/entypo-icon-font/entypo-icon-font.eot");
src: url("../fonts/entypo-icon-font/entypo-icon-font.eot?#iefix") format('embedded-opentype'), url("../fonts/entypo-icon-font/entypo-icon-font.woff") format('woff'), url("../fonts/entypo-icon-font/entypo-icon-font.ttf") format('truetype'), url("../fonts/entypo-icon-font/entypo-icon-font.svg#entypo-icon-font") format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before,
[class*=" ui-icon-"]:before,
[class*="ui-icon-"]:before
{
font-family: 'entypo-icon-font';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
/*opacity: 0.8;*/
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - magrins should be symmetric */
/* remove if not needed */
margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
font-size: 120%;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-plus:before { content: '\2b'; } /* '+' */
.icon-minus:before { content: '\2d'; } /* '-' */
.icon-info:before { content: '\2139'; } /* '' */
.icon-left-thin:before { content: '\2190'; } /* '←' */
.icon-up-thin:before { content: '\2191'; } /* '↑' */
.icon-right-thin:before { content: '\2192'; } /* '→' */
.icon-down-thin:before { content: '\2193'; } /* '↓' */
.icon-level-up:before { content: '\21b0'; } /* '↰' */
.icon-level-down:before { content: '\21b3'; } /* '↳' */
.icon-switch:before { content: '\21c6'; } /* '⇆' */
.icon-infinity:before { content: '\221e'; } /* '∞' */
.icon-plus-squared:before { content: '\229e'; } /* '⊞' */
.icon-minus-squared:before { content: '\229f'; } /* '⊟' */
.icon-home:before { content: '\2302'; } /* '⌂' */
.icon-keyboard:before { content: '\2328'; } /* '⌨' */
.icon-erase:before { content: '\232b'; } /* '⌫' */
.icon-pause:before { content: '\2389'; } /* '⎉' */
.icon-fast-forward:before { content: '\23e9'; } /* '⏩' */
.icon-fast-backward:before { content: '\23ea'; } /* '⏪' */
.icon-to-end:before { content: '\23ed'; } /* '⏭' */
.icon-to-start:before { content: '\23ee'; } /* '⏮' */
.icon-hourglass:before { content: '\23f3'; } /* '⏳' */
.icon-stop:before { content: '\25a0'; } /* '■' */
.icon-up-dir:before { content: '\25b4'; } /* '▴' */
.icon-play:before { content: '\25b6'; } /* '▶' */
.icon-right-dir:before { content: '\25b8'; } /* '▸' */
.icon-down-dir:before { content: '\25be'; } /* '▾' */
.icon-left-dir:before { content: '\25c2'; } /* '◂' */
.icon-adjust:before { content: '\25d1'; } /* '◑' */
.icon-cloud:before { content: '\2601'; } /* '☁' */
.icon-star:before { content: '\2605'; } /* '★' */
.icon-star-empty:before { content: '\2606'; } /* '☆' */
.icon-cup:before { content: '\2615'; } /* '☕' */
.icon-menu:before { content: '\2630'; } /* '☰' */
.icon-moon:before { content: '\263d'; } /* '☽' */
.icon-heart-empty:before { content: '\2661'; } /* '♡' */
.icon-heart:before { content: '\2665'; } /* '♥' */
.icon-note:before { content: '\266a'; } /* '♪' */
.icon-note-beamed:before { content: '\266b'; } /* '♫' */
.icon-layout:before { content: '\268f'; } /* '⚏' */
.icon-flag:before { content: '\2691'; } /* '⚑' */
.icon-tools:before { content: '\2692'; } /* '⚒' */
.icon-cog:before { content: '\2699'; } /* '⚙' */
.icon-attention:before { content: '\26a0'; } /* '⚠' */
.icon-flash:before { content: '\26a1'; } /* '⚡' */
.icon-record:before { content: '\26ab'; } /* '⚫' */
.icon-cloud-thunder:before { content: '\26c8'; } /* '⛈' */
.icon-tape:before { content: '\2707'; } /* '✇' */
.icon-flight:before { content: '\2708'; } /* '✈' */
.icon-mail:before { content: '\2709'; } /* '✉' */
.icon-pencil:before { content: '\270e'; } /* '✎' */
.icon-feather:before { content: '\2712'; } /* '✒' */
.icon-check:before { content: '\2713'; } /* '✓' */
.icon-cancel:before { content: '\2715'; } /* '✕' */
.icon-cancel-circled:before { content: '\2716'; } /* '✖' */
.icon-cancel-squared:before { content: '\274e'; } /* '❎' */
.icon-help:before { content: '\2753'; } /* '❓' */
.icon-quote:before { content: '\275e'; } /* '❞' */
.icon-plus-circled:before { content: '\2795'; } /* '' */
.icon-minus-circled:before { content: '\2796'; } /* '' */
.icon-right:before { content: '\27a1'; } /* '➡' */
.icon-direction:before { content: '\27a2'; } /* '➢' */
.icon-forward:before { content: '\27a6'; } /* '➦' */
.icon-ccw:before { content: '\27f2'; } /* '⟲' */
.icon-cw:before { content: '\27f3'; } /* '⟳' */
.icon-left:before { content: '\2b05'; } /* '⬅' */
.icon-up:before { content: '\2b06'; } /* '⬆' */
.icon-down:before { content: '\2b07'; } /* '⬇' */
.icon-list-add:before { content: '\e003'; } /* '' */
.icon-list:before { content: '\e005'; } /* '' */
.icon-left-bold:before { content: '\e4ad'; } /* '' */
.icon-right-bold:before { content: '\e4ae'; } /* '' */
.icon-up-bold:before { content: '\e4af'; } /* '' */
.icon-down-bold:before { content: '\e4b0'; } /* '' */
.icon-user-add:before { content: '\e700'; } /* '' */
.icon-help-circled:before { content: '\e704'; } /* '' */
.icon-info-circled:before { content: '\e705'; } /* '' */
.icon-eye:before { content: '\e70a'; } /* '' */
.icon-tag:before { content: '\e70c'; } /* '' */
.icon-upload-cloud:before { content: '\e711'; } /* '' */
.icon-reply:before { content: '\e712'; } /* '' */
.icon-reply-all:before { content: '\e713'; } /* '' */
.icon-code:before { content: '\e714'; } /* '' */
.icon-export:before { content: '\e715'; } /* '' */
.icon-print:before { content: '\e716'; } /* '' */
.icon-retweet:before { content: '\e717'; } /* '' */
.icon-comment:before { content: '\e718'; } /* '' */
.icon-chat:before { content: '\e720'; } /* '' */
.icon-vcard:before { content: '\e722'; } /* '' */
.icon-address:before { content: '\e723'; } /* '' */
.icon-location:before { content: '\e724'; } /* '' */
.icon-map:before { content: '\e727'; } /* '' */
.icon-compass:before { content: '\e728'; } /* '' */
.icon-trash:before { content: '\e729'; } /* '' */
.icon-doc:before { content: '\e730'; } /* '' */
.icon-doc-text-inv:before { content: '\e731'; } /* '' */
.icon-docs:before { content: '\e736'; } /* '' */
.icon-doc-landscape:before { content: '\e737'; } /* '' */
.icon-archive:before { content: '\e738'; } /* '' */
.icon-rss:before { content: '\e73a'; } /* '' */
.icon-share:before { content: '\e73c'; } /* '' */
.icon-basket:before { content: '\e73d'; } /* '' */
.icon-shareable:before { content: '\e73e'; } /* '' */
.icon-login:before { content: '\e740'; } /* '' */
.icon-logout:before { content: '\e741'; } /* '' */
.icon-volume:before { content: '\e742'; } /* '' */
.icon-resize-full:before { content: '\e744'; } /* '' */
.icon-resize-small:before { content: '\e746'; } /* '' */
.icon-popup:before { content: '\e74c'; } /* '' */
.icon-publish:before { content: '\e74d'; } /* '' */
.icon-window:before { content: '\e74e'; } /* '' */
.icon-arrow-combo:before { content: '\e74f'; } /* '' */
.icon-chart-pie:before { content: '\e751'; } /* '' */
.icon-language:before { content: '\e752'; } /* '' */
.icon-air:before { content: '\e753'; } /* '' */
.icon-database:before { content: '\e754'; } /* '' */
.icon-drive:before { content: '\e755'; } /* '' */
.icon-bucket:before { content: '\e756'; } /* '' */
.icon-thermometer:before { content: '\e757'; } /* '' */
.icon-down-circled:before { content: '\e758'; } /* '' */
.icon-left-circled:before { content: '\e759'; } /* '' */
.icon-right-circled:before { content: '\e75a'; } /* '' */
.icon-up-circled:before { content: '\e75b'; } /* '' */
.icon-down-open:before { content: '\e75c'; } /* '' */
.icon-left-open:before { content: '\e75d'; } /* '' */
.icon-right-open:before { content: '\e75e'; } /* '' */
.icon-up-open:before { content: '\e75f'; } /* '' */
.icon-down-open-mini:before { content: '\e760'; } /* '' */
.icon-left-open-mini:before { content: '\e761'; } /* '' */
.icon-right-open-mini:before { content: '\e762'; } /* '' */
.icon-up-open-mini:before { content: '\e763'; } /* '' */
.icon-down-open-big:before { content: '\e764'; } /* '' */
.icon-left-open-big:before { content: '\e765'; } /* '' */
.icon-right-open-big:before { content: '\e766'; } /* '' */
.icon-up-open-big:before { content: '\e767'; } /* '' */
.icon-progress-0:before { content: '\e768'; } /* '' */
.icon-progress-1:before { content: '\e769'; } /* '' */
.icon-progress-2:before { content: '\e76a'; } /* '' */
.icon-progress-3:before { content: '\e76b'; } /* '' */
.icon-back-in-time:before { content: '\e771'; } /* '' */
.icon-network:before { content: '\e776'; } /* '' */
.icon-inbox:before { content: '\e777'; } /* '' */
.icon-install:before { content: '\e778'; } /* '' */
.icon-lifebuoy:before { content: '\e788'; } /* '' */
.icon-mouse:before { content: '\e789'; } /* '' */
.icon-dot:before { content: '\e78b'; } /* '' */
.icon-dot-2:before { content: '\e78c'; } /* '' */
.icon-dot-3:before { content: '\e78d'; } /* '' */
.icon-suitcase:before { content: '\e78e'; } /* '' */
.icon-flow-cascade:before { content: '\e790'; } /* '' */
.icon-flow-branch:before { content: '\e791'; } /* '' */
.icon-flow-tree:before { content: '\e792'; } /* '' */
.icon-flow-line:before { content: '\e793'; } /* '' */
.icon-flow-parallel:before { content: '\e794'; } /* '' */
.icon-brush:before { content: '\e79a'; } /* '' */
.icon-paper-plane:before { content: '\e79b'; } /* '' */
.icon-magnet:before { content: '\e7a1'; } /* '' */
.icon-gauge:before { content: '\e7a2'; } /* '' */
.icon-traffic-cone:before { content: '\e7a3'; } /* '' */
.icon-cc:before { content: '\e7a5'; } /* '' */
.icon-cc-by:before { content: '\e7a6'; } /* '' */
.icon-cc-nc:before { content: '\e7a7'; } /* '' */
.icon-cc-nc-eu:before { content: '\e7a8'; } /* '' */
.icon-cc-nc-jp:before { content: '\e7a9'; } /* '' */
.icon-cc-sa:before { content: '\e7aa'; } /* '' */
.icon-cc-nd:before { content: '\e7ab'; } /* '' */
.icon-cc-pd:before { content: '\e7ac'; } /* '' */
.icon-cc-zero:before { content: '\e7ad'; } /* '' */
.icon-cc-share:before { content: '\e7ae'; } /* '' */
.icon-cc-remix:before { content: '\e7af'; } /* '' */
.icon-github:before { content: '\f300'; } /* '' */
.icon-github-circled:before { content: '\f301'; } /* '' */
.icon-flickr:before { content: '\f303'; } /* '' */
.icon-flickr-circled:before { content: '\f304'; } /* '' */
.icon-vimeo:before { content: '\f306'; } /* '' */
.icon-vimeo-circled:before { content: '\f307'; } /* '' */
.icon-twitter:before { content: '\f309'; } /* '' */
.icon-twitter-circled:before { content: '\f30a'; } /* '' */
.icon-facebook:before { content: '\f30c'; } /* '' */
.icon-facebook-circled:before { content: '\f30d'; } /* '' */
.icon-facebook-squared:before { content: '\f30e'; } /* '' */
.icon-gplus:before { content: '\f30f'; } /* '' */
.icon-gplus-circled:before { content: '\f310'; } /* '' */
.icon-pinterest:before { content: '\f312'; } /* '' */
.icon-pinterest-circled:before { content: '\f313'; } /* '' */
.icon-tumblr:before { content: '\f315'; } /* '' */
.icon-tumblr-circled:before { content: '\f316'; } /* '' */
.icon-linkedin:before { content: '\f318'; } /* '' */
.icon-linkedin-circled:before { content: '\f319'; } /* '' */
.icon-dribbble:before { content: '\f31b'; } /* '' */
.icon-dribbble-circled:before { content: '\f31c'; } /* '' */
.icon-stumbleupon:before { content: '\f31e'; } /* '' */
.icon-stumbleupon-circled:before { content: '\f31f'; } /* '' */
.icon-lastfm:before { content: '\f321'; } /* '' */
.icon-lastfm-circled:before { content: '\f322'; } /* '' */
.icon-rdio:before { content: '\f324'; } /* '' */
.icon-rdio-circled:before { content: '\f325'; } /* '' */
.icon-spotify:before { content: '\f327'; } /* '' */
.icon-spotify-circled:before { content: '\f328'; } /* '' */
.icon-qq:before { content: '\f32a'; } /* '' */
.icon-instagram:before { content: '\f32d'; } /* '' */
.icon-dropbox:before { content: '\f330'; } /* '' */
.icon-evernote:before { content: '\f333'; } /* '' */
.icon-flattr:before { content: '\f336'; } /* '' */
.icon-skype:before { content: '\f339'; } /* '' */
.icon-skype-circled:before { content: '\f33a'; } /* '' */
.icon-renren:before { content: '\f33c'; } /* '' */
.icon-sina-weibo:before { content: '\f33f'; } /* '' */
.icon-paypal:before { content: '\f342'; } /* '' */
.icon-picasa:before { content: '\f345'; } /* '' */
.icon-soundcloud:before { content: '\f348'; } /* '' */
.icon-mixi:before { content: '\f34b'; } /* '' */
.icon-behance:before { content: '\f34e'; } /* '' */
.icon-google-circles:before { content: '\f351'; } /* '' */
.icon-vkontakte:before { content: '\f354'; } /* '' */
.icon-smashing:before { content: '\f357'; } /* '' */
.icon-db-shape:before { content: '\f600'; } /* '' */
.icon-sweden:before { content: '\f601'; } /* '' */
.icon-logo-db:before { content: '\f603'; } /* '' */
.icon-picture:before { content: '🌄'; } /* '\1f304' */
.icon-globe:before { content: '🌎'; } /* '\1f30e' */
.icon-leaf:before { content: '🍂'; } /* '\1f342' */
.icon-graduation-cap:before { content: '🎓'; } /* '\1f393' */
.icon-mic:before { content: '🎤'; } /* '\1f3a4' */
.icon-palette:before { content: '🎨'; } /* '\1f3a8' */
.icon-ticket:before { content: '🎫'; } /* '\1f3ab' */
.icon-video:before { content: '🎬'; } /* '\1f3ac' */
.icon-target:before { content: '🎯'; } /* '\1f3af' */
.icon-music:before { content: '🎵'; } /* '\1f3b5' */
.icon-trophy:before { content: '🏆'; } /* '\1f3c6' */
.icon-thumbs-up:before { content: '👍'; } /* '\1f44d' */
.icon-thumbs-down:before { content: '👎'; } /* '\1f44e' */
.icon-bag:before { content: '👜'; } /* '\1f45c' */
.icon-user:before { content: '👤'; } /* '\1f464' */
.icon-users:before { content: '👥'; } /* '\1f465' */
.icon-lamp:before { content: '💡'; } /* '\1f4a1' */
.icon-alert:before { content: '💥'; } /* '\1f4a5' */
.icon-water:before { content: '💦'; } /* '\1f4a6' */
.icon-droplet:before { content: '💧'; } /* '\1f4a7' */
.icon-credit-card:before { content: '💳'; } /* '\1f4b3' */
.icon-monitor:before { content: '💻'; } /* '\1f4bb' */
.icon-briefcase:before { content: '💼'; } /* '\1f4bc' */
.icon-floppy:before { content: '💾'; } /* '\1f4be' */
.icon-cd:before { content: '💿'; } /* '\1f4bf' */
.icon-folder:before { content: '📁'; } /* '\1f4c1' */
.icon-doc-text:before { content: '📄'; } /* '\1f4c4' */
.icon-calendar:before { content: '📅'; } /* '\1f4c5' */
.icon-chart-line:before { content: '📈'; } /* '\1f4c8' */
.icon-chart-bar:before { content: '📊'; } /* '\1f4ca' */
.icon-clipboard:before { content: '📋'; } /* '\1f4cb' */
.icon-attach:before { content: '📎'; } /* '\1f4ce' */
.icon-bookmarks:before { content: '📑'; } /* '\1f4d1' */
.icon-book:before { content: '📕'; } /* '\1f4d5' */
.icon-book-open:before { content: '📖'; } /* '\1f4d6' */
.icon-phone:before { content: '📞'; } /* '\1f4de' */
.icon-megaphone:before { content: '📣'; } /* '\1f4e3' */
.icon-upload:before { content: '📤'; } /* '\1f4e4' */
.icon-download:before { content: '📥'; } /* '\1f4e5' */
.icon-box:before { content: '📦'; } /* '\1f4e6' */
.icon-newspaper:before { content: '📰'; } /* '\1f4f0' */
.icon-mobile:before { content: '📱'; } /* '\1f4f1' */
.icon-signal:before { content: '📶'; } /* '\1f4f6' */
.icon-camera:before { content: '📷'; } /* '\1f4f7' */
.icon-shuffle:before { content: '🔀'; } /* '\1f500' */
.icon-loop:before { content: '🔁'; } /* '\1f501' */
.icon-arrows-ccw:before { content: '🔄'; } /* '\1f504' */
.icon-light-down:before { content: '🔅'; } /* '\1f505' */
.icon-light-up:before { content: '🔆'; } /* '\1f506' */
.icon-mute:before { content: '🔇'; } /* '\1f507' */
.icon-sound:before { content: '🔊'; } /* '\1f50a' */
.icon-battery:before { content: '🔋'; } /* '\1f50b' */
.icon-search:before { content: '🔍'; } /* '\1f50d' */
.icon-key:before { content: '🔑'; } /* '\1f511' */
.icon-lock:before { content: '🔒'; } /* '\1f512' */
.icon-lock-open:before { content: '🔓'; } /* '\1f513' */
.icon-bell:before { content: '🔔'; } /* '\1f514' */
.icon-bookmark:before { content: '🔖'; } /* '\1f516' */
.icon-link:before { content: '🔗'; } /* '\1f517' */
.icon-back:before { content: '🔙'; } /* '\1f519' */
.icon-flashlight:before { content: '🔦'; } /* '\1f526' */
.icon-chart-area:before { content: '🔾'; } /* '\1f53e' */
.icon-clock:before { content: '🕔'; } /* '\1f554' */
.icon-rocket:before { content: '🚀'; } /* '\1f680' */
.icon-block:before { content: '🚫'; } /* '\1f6ab' */

View File

@ -0,0 +1,52 @@
/**
* EGroupware: CSS with less preprocessor
*
* et2 Messages
*
* 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$
*/
@import (reference) "def_design_pattern_color_font_shadow.less";
//@import "def_buttons.less";
.egw_fw_ui_app_header_container {
border-width: 9px 0px 0px 9px;
border-style: solid;
.border-color-25-gray;
.background-color-25-gray;
// Meldung oberhalb iFrame
.egw_fw_ui_app_header {
// display: none !important;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #D5DDE6;
.border_radius_button_righttop;
padding: 14px 2px 4px 15px;
font-size: 1em;
font-weight: normal;
.background-color-10-gray;
color: @egw_color_2_d;
width: 80%;
&:before {content: "! "; color: @egw_color_1_a; font-size: 1em; }
}
}
.colselection.ui-widget-content {
width: 33%;
// margin-left: 49%;
}

View File

@ -1,120 +1,111 @@
/**
* 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 font styling
allowed attributes: font-family,font-size,color,font-weight allowed attributes: font-family,font-size,color,font-weight
*/ */
body,
body td,
{ textarea {
overflow-x: hidden;
}
body,td,textarea
{
font-family: Verdana, Arial, Helvetica, sans-serif; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; font-size: 11px;
} }
select,
select,input,button input,
{ button {
color: #006699; color: #006699;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 110%; font-size: 110%;
} }
select {
select
{
font-size: 100%; font-size: 100%;
} }
a:link,
a:link,a:visited a:visited {
{
cursor: pointer; cursor: pointer;
color: #006699; color: #006699;
text-decoration: none; text-decoration: none;
} }
a:hover,
a:hover,a:active a:active {
{
cursor: pointer; cursor: pointer;
color: #ff9933; color: #ff9933;
text-decoration: underline; text-decoration: underline;
} }
.divLoginboxHeader,.divSideboxHeader,a.appTitles,.appTitles,a.textSidebox,.textSidebox,#fmStatusBar .divLoginboxHeader,
{ .divSideboxHeader,
a.appTitles,
.appTitles,
a.textSidebox,
.textSidebox,
#fmStatusBar {
font-size: 90%; font-size: 90%;
} }
.prefSection {
.prefSection
{
font-weight: bold; font-weight: bold;
font-size: 145%; font-size: 145%;
line-height: 40px; line-height: 40px;
} }
#divAppboxHeader {
#divAppboxHeader
{
line-height: 28px; line-height: 28px;
font-size: 125%; font-size: 125%;
font-weight: bold; font-weight: bold;
color: #666666; color: #666666;
} }
#divGenTime,
#divGenTime,#divPoweredBy #divPoweredBy {
{
font-size: 80%; font-size: 80%;
color: #ff0000; color: #ff0000;
} }
#divPoweredBy {
#divPoweredBy
{
color: #000000; color: #000000;
} }
#sideboxdragarea { #sideboxdragarea {
z-index: 100; z-index: 100;
position: absolute; position: absolute;
left: 0px; left: 0px;
top: 105px; top: 105px;
} }
#menu2handle { #menu2handle {
padding-top: 10px; padding-top: 10px;
} }
#menu1close { #menu1close {
position: absolute; position: absolute;
right: 7px; right: 7px;
top: 7px; top: 7px;
} }
/* /*
other styling other styling
*/ */
body {
body
{
background-image: url(../images/body-background.png); background-image: url(../images/body-background.png);
} }
form {
form
{
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
img {
img
{
border: 0; border: 0;
} }
input,
button,
input,button,select select {
{
border: solid 1px #bbbbbb; border: solid 1px #bbbbbb;
} }
input[type=submit],
input[type=submit],input[type=button],input[type=reset],button,.egwbutton input[type=button],
{ input[type=reset],
button,
.egwbutton {
background-color: #b9d5e3; background-color: #b9d5e3;
border: outset 1px #b9d5e3; border: outset 1px #b9d5e3;
margin: 1px; margin: 1px;
@ -122,27 +113,31 @@ input[type=submit],input[type=button],input[type=reset],button,.egwbutton
cursor: pointer; cursor: pointer;
color: #004e7d; color: #004e7d;
} }
input[type=submit]:hover,
input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button:hover,.egwbutton:hover input[type=button]:hover,
{ input[type=reset]:hover,
button:hover,
.egwbutton:hover {
background-color: #94bfd4; background-color: #94bfd4;
border: outset 1px #b9d5e3; border: outset 1px #b9d5e3;
color: #004e7d; color: #004e7d;
} }
input[type=submit]:active,
input[type=submit]:active,input[type=button]:active,input[type=reset]:active,button:active,.egwbutton:active input[type=button]:active,
{ input[type=reset]:active,
button:active,
.egwbutton:active {
border: inset 1px #bbbbbb; border: inset 1px #bbbbbb;
} }
input[type=submit]:disabled,
input[type=submit]:disabled,input[type=button]:disabled,input[type=reset]:disabled,button:disabled,.egwbutton:disabled input[type=button]:disabled,
{ input[type=reset]:disabled,
button:disabled,
.egwbutton:disabled {
background-color: transparent; background-color: transparent;
color: gray; color: gray;
} }
input.egwbutton {
input.egwbutton
{
background-color: #b9d5e3; background-color: #b9d5e3;
border: outset 1px #b9d5e3; border: outset 1px #b9d5e3;
margin: 1px; margin: 1px;
@ -150,32 +145,23 @@ input.egwbutton
cursor: pointer; cursor: pointer;
color: #004e7d; color: #004e7d;
} }
input.egwbutton:hover {
input.egwbutton:hover
{
background-color: #94bfd4; background-color: #94bfd4;
border: outset 1px #b9d5e3; border: outset 1px #b9d5e3;
color: #004e7d; color: #004e7d;
} }
input.egwbutton:active input.egwbutton:active {
{
border: inset 1px #bbbbbb; border: inset 1px #bbbbbb;
} }
input[type=image] {
input[type=image]
{
cursor: pointer; cursor: pointer;
border: 0; border: 0;
} }
#thesideboxcolumn {
#thesideboxcolumn
{
width: 177px; width: 177px;
position: relative; position: relative;
} }
#sideresize {
#sideresize
{
background-image: url(../images/resize.png); background-image: url(../images/resize.png);
width: 13px; width: 13px;
height: 13px; height: 13px;
@ -184,88 +170,68 @@ input[type=image]
position: absolute; position: absolute;
z-index: 9999; z-index: 9999;
} }
.divLoginbox {
.divLoginbox
{
position: relative; position: relative;
width: 370px; width: 370px;
border: #9c9c9c 1px solid; border: #9c9c9c 1px solid;
} }
.divSidebox {
.divSidebox
{
position: relative; position: relative;
border: #9c9c9c 1px solid; border: #9c9c9c 1px solid;
overflow: auto; overflow: auto;
} }
.divSideboxHeader,
.divSideboxHeader,.divLoginboxHeader .divLoginboxHeader {
{
text-align: center; text-align: center;
background-color: #dddddd; background-color: #dddddd;
padding-top: 2px; padding-top: 2px;
color: #666666; color: #666666;
} }
a.divSideboxEntry,
a.divSideboxEntry, .divSideboxEntry .divSideboxEntry {
{
text-align: left; text-align: left;
background-color: #FDFDFD; background-color: #FDFDFD;
} }
a.appTitles,
a.appTitles,.appTitles .appTitles {
{
height: 18px; height: 18px;
padding-top: 2px; padding-top: 2px;
padding-bottom: 2px; padding-bottom: 2px;
} }
a.textSidebox {
a.textSidebox
{
padding: 0; padding: 0;
border-top: 0; border-top: 0;
} }
.textSidebox {
.textSidebox
{
padding-top: 3px; padding-top: 3px;
padding-bottom: 3px; padding-bottom: 3px;
padding-left: 1px; padding-left: 1px;
border-top: solid #aaaaaa 1px; border-top: solid #aaaaaa 1px;
overflow: auto; overflow: auto;
} }
.sideboxSpace {
.sideboxSpace
{
height: 9px; height: 9px;
} }
.greyLine {
.greyLine
{
margin: 1px; margin: 1px;
border-top: solid 1px #7e7e7e; border-top: solid 1px #7e7e7e;
height: 1px; height: 1px;
} }
#extraIcons {
#extraIcons
{
background-color: #eeeeee; background-color: #eeeeee;
border: solid 1px #7e7e7e; border: solid 1px #7e7e7e;
} }
.extraIconsRow {
.extraIconsRow
{
border: solid 1px #dddddd; border: solid 1px #dddddd;
padding: 2px; padding: 2px;
} }
body { body {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
#divMain,
#divMain,#loginMainDiv,#popupMainDiv #loginMainDiv,
{ #popupMainDiv {
background-color: white; background-color: white;
padding: 8px; padding: 8px;
border-bottom: solid 1px #7e7e7e; border-bottom: solid 1px #7e7e7e;
@ -273,23 +239,18 @@ body {
/* /*
** Popups ** Popups
*/ */
#popupMainDiv #popupMainDiv {
{
margin: 8px; margin: 8px;
border: solid 1px #7e7e7e; border: solid 1px #7e7e7e;
padding-bottom: 0px; padding-bottom: 0px;
} }
#divLogo {
#divLogo
{
position: absolute; position: absolute;
left: 30px; left: 30px;
top: 20px; top: 20px;
z-index: 999; z-index: 999;
} }
#topmenu {
#topmenu
{
background-color: #0081c1; background-color: #0081c1;
background-image: url(../images/bgtopmenu2.png); background-image: url(../images/bgtopmenu2.png);
color: #006699; color: #006699;
@ -299,87 +260,65 @@ body {
padding-top: 4px ; padding-top: 4px ;
line-height: 16px; line-height: 16px;
} }
#topmenu a #topmenu a {
{
color: #006699; color: #006699;
} }
#topmenu_items {
#topmenu_items
{
float: left; float: left;
} }
#topmenu_info #topmenu_info {
{
float: right; float: right;
} }
#divUpperTabs {
#divUpperTabs
{
text-align: right; text-align: right;
height: 15px; height: 15px;
margin-right: 10px; margin-right: 10px;
} }
#divUpperTabs ul {
#divUpperTabs ul
{
display: inline; display: inline;
margin: 0; margin: 0;
padding: 10px 10px 0 1px; padding: 10px 10px 0 1px;
list-style: none; list-style: none;
} }
#divUpperTabs li {
#divUpperTabs li
{
float: right; float: right;
margin:0 5px 0 0;; margin: 0 5px 0 0;
padding: 0 5px 0 5px; padding: 0 5px 0 5px;
border: solid 1px #9c9c9c; border: solid 1px #9c9c9c;
border-bottom: 0px; border-bottom: 0px;
} }
#divAppIconBar {
#divAppIconBar
{
background-color: silver; background-color: silver;
border: solid 1px #9c9c9c; border: solid 1px #9c9c9c;
background-image: url(../images/background-icon-bar.png); background-image: url(../images/background-icon-bar.png);
background-repeat: repeat-x; background-repeat: repeat-x;
overflow: visible; overflow: visible;
height: 45px; /* prevents text line to show in IE7+8(Compatibilitymode) */ height: 45px;
/* prevents text line to show in IE7+8(Compatibilitymode) */
} }
/* Star-Plus-HTML Hack fix for the above */ /* Star-Plus-HTML Hack fix for the above */
*:first-child+html #divAppIconBar *:first-child + html #divAppIconBar {
{
height: 60px; height: 60px;
} }
#divAppTextBar {
#divAppTextBar
{
background-color: white; background-color: white;
} }
#divStatusBar {
#divStatusBar
{
background-color: white; background-color: white;
height: 18px; height: 18px;
padding-left: 3px; padding-left: 3px;
} }
#tdSidebox {
#tdSidebox
{
width: 170px; width: 170px;
background-color: white; background-color: white;
overflow: visible; overflow: visible;
} }
#tdAppbox {
#tdAppbox
{
background-color: white; background-color: white;
padding-left: 5px; padding-left: 5px;
width: 100%; width: 100%;
} }
#divAppboxHeader {
#divAppboxHeader
{
background-image: url(../images/appbox-header-background.png); background-image: url(../images/appbox-header-background.png);
background-repeat: repeat-x; background-repeat: repeat-x;
height: 25px; height: 25px;
@ -390,51 +329,52 @@ body {
border-left: solid 1px #9c9c9c; border-left: solid 1px #9c9c9c;
border-right: solid 1px #9c9c9c; border-right: solid 1px #9c9c9c;
} }
#divAppbox {
#divAppbox
{
background-color: #ffffff; background-color: #ffffff;
padding: 5px; padding: 5px;
border-bottom: solid 1px #9c9c9c; border-bottom: solid 1px #9c9c9c;
border-left: solid 1px #9c9c9c; border-left: solid 1px #9c9c9c;
border-right: solid 1px #9c9c9c; border-right: solid 1px #9c9c9c;
} }
#divGenTime,
#divGenTime,#divPoweredBy #divPoweredBy {
{
bottom: 4px; bottom: 4px;
text-align: center; text-align: center;
width: 99%; width: 99%;
} }
/* /*
Printing Printing
*/ */
@media screen { .onlyPrint { display: none; } } @media screen {
@media print { .noPrint { display: none; } } .onlyPrint {
display: none;
}
}
@media print {
.noPrint {
display: none;
}
}
/* /*
Portal_box as used in home Portal_box as used in home
*/ */
.portal_box { .portal_box {
border: #9c9c9c 1px solid; border: #9c9c9c 1px solid;
} }
.portal_box table { .portal_box table {
border: 1px solid black; border: 1px solid black;
} }
.portal_box_header { .portal_box_header {
height: 15px; height: 15px;
padding-top: 0px; padding-top: 0px;
} }
/* /*
Login page Login page
*/ */
#loginMainDiv { #loginMainDiv {
padding-top: 24px; padding-top: 24px;
height: 700px; /* 95% does not work */ height: 700px;
/* 95% does not work */
position: relative; position: relative;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center 80px; background-position: center 80px;
@ -452,10 +392,10 @@ body {
} }
.divLoginboxHeader { .divLoginboxHeader {
text-align: center; text-align: center;
border: #9c9c9c 1px solid; /* does NOT work */ border: #9c9c9c 1px solid;
/* does NOT work */
padding: 0px; padding: 0px;
} }
/* /*
Preferences tabs Preferences tabs
*/ */
@ -464,19 +404,16 @@ Preferences tabs
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
} }
/* eGroupWare popup */ /* eGroupWare popup */
#egwpopup { #egwpopup {
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #d3d3d3; border: 1px solid #d3d3d3;
} }
#egwpopup hr { #egwpopup hr {
border: none; border: none;
border-top: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3;
height: 1px; height: 1px;
} }
#egwpopup_header { #egwpopup_header {
background-image: url(../images/gradient22.png); background-image: url(../images/gradient22.png);
height: 18px; height: 18px;
@ -489,21 +426,17 @@ Preferences tabs
text-align: center; text-align: center;
border-bottom: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;
} }
#egwpopup_message { #egwpopup_message {
margin: 0; margin: 0;
padding: 7px; padding: 7px;
overflow: auto; overflow: auto;
} }
#egwpopup_message > table { #egwpopup_message > table {
font-size: 95%; font-size: 95%;
} }
#egwpopup_message .link { #egwpopup_message .link {
cursor: pointer; cursor: pointer;
} }
#egwpopup_footer { #egwpopup_footer {
margin: 0; margin: 0;
padding: 7px; padding: 7px;
@ -511,16 +444,13 @@ Preferences tabs
border-top: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3;
text-align: center; text-align: center;
} }
.selectbg {
.selectbg
{
position: absolute; position: absolute;
z-index: 10; z-index: 10;
overflow: hidden; overflow: hidden;
width: 250px; width: 250px;
} }
.iframeforselectbox .iframeforselectbox {
{
display: block; display: block;
height: 150px; height: 150px;
left: 10pt; left: 10pt;
@ -530,89 +460,80 @@ Preferences tabs
z-index: -1; z-index: -1;
border: 0px; border: 0px;
} }
.bdforselection { .bdforselection {
padding: 12px; padding: 12px;
} }
/* new dialog style */ /* new dialog style */
div.prompt,
div.prompt, table.prompt { table.prompt {
background:#fff url(../../default/images/prompt_bg.jpg) bottom right no-repeat; border:1px solid #4f6d81; background: #ffffff url(../../default/images/prompt_bg.jpg) bottom right no-repeat;
border: 1px solid #4f6d81;
} }
.promptheader { .promptheader {
background:url(../../default/images/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none; height:24px background: url(../../default/images/prompt_header.gif) repeat-x;
color: #355468;
border: 1px solid #4f6d81;
border-bottom: none;
height: 24px;
} }
/* TABLE STYLE */ /* TABLE STYLE */
/* /*
Table formatting Table formatting
*/ */
.th { .th {
color: black; background-color: #D3DCE3; color: black;
background-color: #D3DCE3;
} }
.row_on { .row_on {
color: black; color: black;
background-color: #F1F1F1; background-color: #F1F1F1;
} }
.row_off { .row_off {
color: black; color: black;
background-color: #ffffff; background-color: #ffffff;
} }
.egwGridView_grid tr.row_on { .egwGridView_grid tr.row_on {
background-color: transparent; background-color: transparent;
} }
.egwGridView_grid tr.row_off { .egwGridView_grid tr.row_off {
background-color: transparent; background-color: transparent;
} }
.narrow_column {
.narrow_column { width: 1%; white-space: nowrap; } width: 1%;
white-space: nowrap;
}
.egwGridView_outer table.egwGridView_grid { .egwGridView_outer table.egwGridView_grid {
table-layout: fixed; table-layout: fixed;
} }
.egwGridView_grid { .egwGridView_grid {
border-spacing: 0; border-spacing: 0;
border-collapse: collapse; border-collapse: collapse;
} }
.egwGridView_outer div.innerContainer.queued { .egwGridView_outer div.innerContainer.queued {
background-image: url(../../default/images/egw_action/ajax-loader.gif); background-image: url(../../default/images/egw_action/ajax-loader.gif);
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
height: 19px; height: 19px;
} }
.egwGridView_grid > tbody > tr.focused { .egwGridView_grid > tbody > tr.focused {
background-image: url(../../default/images/egw_action/focused_hatching.png); background-image: url(../../default/images/egw_action/focused_hatching.png);
background-repeat: repeat; background-repeat: repeat;
} }
.egwGridView_grid > tbody > tr.selected { .egwGridView_grid > tbody > tr.selected {
background-color: #b7c3ff !important; background-color: #b7c3ff !important;
} }
tr.draggedOver td { tr.draggedOver td {
/*.egwGridView_grid tr.draggedOver td {*/ /*.egwGridView_grid tr.draggedOver td {*/
background-color: #ffd09c !important; background-color: #ffd09c !important;
} }
.egwGridView_scrollarea { .egwGridView_scrollarea {
width: 100%; width: 100%;
overflow: auto; overflow: auto;
} }
.egwGridView_spacer { .egwGridView_spacer {
background-image: url(../../default/images/egw_action/non_loaded_bg.png); background-image: url(../../default/images/egw_action/non_loaded_bg.png);
background-position: top left; background-position: top left;
} }
.egwGridView_outer { .egwGridView_outer {
table-layout: fixed; table-layout: fixed;
border-spacing: 0; border-spacing: 0;
@ -620,19 +541,17 @@ tr.draggedOver td {
padding: 0; padding: 0;
/* margin: 5px;*/ /* margin: 5px;*/
} }
.egwGridView_outer td,
.egwGridView_outer td, .egwGridView_outer tr { .egwGridView_outer tr {
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.egwGridView_grid > tbody > tr > td { .egwGridView_grid > tbody > tr > td {
border-right: 1px solid silver; border-right: 1px solid silver;
border-bottom: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;
padding: 2px 3px 2px 4px; padding: 2px 3px 2px 4px;
margin: 0; margin: 0;
} }
.egwGridView_outer th div.innerContainer, .egwGridView_outer th div.innerContainer,
.egwGridView_grid td div.innerContainer { .egwGridView_grid td div.innerContainer {
margin: 0; margin: 0;
@ -644,30 +563,24 @@ tr.draggedOver td {
max-height: 7em; max-height: 7em;
overflow-y: auto; overflow-y: auto;
} }
.egwGridView_grid tr.fullRow { .egwGridView_grid tr.fullRow {
font-style: italic; font-style: italic;
} }
.egwGridView_grid tr.row_on:hover, .egwGridView_grid tr.row_on:hover,
.egwGridView_grid tr.row_off:hover, .egwGridView_grid tr.row_off:hover,
.egwGridView_grid tr.row:hover { .egwGridView_grid tr.row:hover {
background-color: #f0f0ff; background-color: #f0f0ff;
} }
.egwGridView_grid tr { .egwGridView_grid tr {
padding: 2px 3px 2px 4px; padding: 2px 3px 2px 4px;
margin: 0; margin: 0;
} }
.egwGridView_grid tr.hidden { .egwGridView_grid tr.hidden {
display: none; display: none;
} }
.egwGridView_grid span.indentation { .egwGridView_grid span.indentation {
display: inline-block; display: inline-block;
} }
.egwGridView_grid span.iconOverlayContainer { .egwGridView_grid span.iconOverlayContainer {
margin: 2px 5px 2px 2px; margin: 2px 5px 2px 2px;
position: relative; position: relative;
@ -677,7 +590,6 @@ tr.draggedOver td {
overflow: visible; overflow: visible;
display: inline-block; display: inline-block;
} }
.egwGridView_grid span.overlayContainer { .egwGridView_grid span.overlayContainer {
position: absolute; position: absolute;
right: -2px; right: -2px;
@ -685,26 +597,22 @@ tr.draggedOver td {
vertical-align: bottom; vertical-align: bottom;
text-align: right; text-align: right;
} }
.egwGridView_grid span.iconContainer { .egwGridView_grid span.iconContainer {
display: inline-block; display: inline-block;
padding: 0; padding: 0;
margin: 0; margin: 0;
text-align: center; text-align: center;
} }
.egwGridView_grid span.overlayContainer img.overlay { .egwGridView_grid span.overlayContainer img.overlay {
position: relative; position: relative;
top: 1px; top: 1px;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.egwGridView_grid img.icon { .egwGridView_grid img.icon {
vertical-align: middle; vertical-align: middle;
margin: 0; margin: 0;
} }
.egwGridView_grid span.arrow { .egwGridView_grid span.arrow {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
@ -716,35 +624,31 @@ tr.draggedOver td {
-khtml-user-select: none; -khtml-user-select: none;
user-select: none; user-select: none;
} }
.egwGridView_grid span.arrow.opened { .egwGridView_grid span.arrow.opened {
cursor: pointer; cursor: pointer;
background-image: url(../../default/images/egw_action/arrows.png); background-image: url(../../default/images/egw_action/arrows.png);
background-position: -8px 0; background-position: -8px 0;
} }
.egwGridView_grid span.arrow.closed { .egwGridView_grid span.arrow.closed {
cursor: pointer; cursor: pointer;
background-image: url(../../default/images/egw_action/arrows.png); background-image: url(../../default/images/egw_action/arrows.png);
background-position: 0 0; background-position: 0 0;
} }
.egwGridView_grid span.arrow.loading { .egwGridView_grid span.arrow.loading {
cursor: pointer; cursor: pointer;
background-image: url(../../default/images/egw_action/ajax-loader.gif); background-image: url(../../default/images/egw_action/ajax-loader.gif);
background-position: 0 0; background-position: 0 0;
} }
.egwGridView_grid span.caption { .egwGridView_grid span.caption {
cursor: default; cursor: default;
-moz-user-select: none; -moz-user-select: none;
-khtml-user-select: none; -khtml-user-select: none;
user-select: none; user-select: none;
} }
.egwGridView_grid tr.th > td,
.egwGridView_grid tr.th > td, /*legacy*/
.egwGridView_outer thead th, .egwGridView_outer thead th,
.nextmatch_header, .lettersearch { .nextmatch_header,
.lettersearch {
background-color: #E0E0E0; background-color: #E0E0E0;
font-weight: normal; font-weight: normal;
padding: 2px; padding: 2px;
@ -756,8 +660,8 @@ tr.draggedOver td {
background-position: center; background-position: center;
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.lettersearch,
.lettersearch, .lettersearch_active { .lettersearch_active {
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
-moz-border-radius: 10px; -moz-border-radius: 10px;
border-radius: 10px; border-radius: 10px;
@ -766,7 +670,8 @@ tr.draggedOver td {
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
} }
.lettersearch_active,.lettersearch:hover { .lettersearch_active,
.lettersearch:hover {
border: 1px solid black; border: 1px solid black;
background-color: #E8F0F0; background-color: #E8F0F0;
} }
@ -777,20 +682,17 @@ td.lettersearch {
border-color: #E0E0E0; border-color: #E0E0E0;
background-image: url(../images/gradient22.png); background-image: url(../images/gradient22.png);
} }
.nextmatch_header tr { .nextmatch_header tr {
background: none; background: none;
} }
.nextmatch_header { .nextmatch_header {
padding: 0px; padding: 0px;
} }
.egwGridView_grid tr.th > td:hover,
.egwGridView_grid tr.th > td:hover, /*legacy*/
.egwGridView_outer thead th:hover { .egwGridView_outer thead th:hover {
background-color: #F0F0F0; background-color: #F0F0F0;
} }
.egwGridView_grid tr.th > td:active,
.egwGridView_grid tr.th > td:active, /*legacy*/
.egwGridView_outer thead th:active { .egwGridView_outer thead th:active {
background-color: #D0D0D0; background-color: #D0D0D0;
border-left: 1px solid gray; border-left: 1px solid gray;
@ -798,13 +700,10 @@ td.lettersearch {
border-right: 1px solid silver; border-right: 1px solid silver;
border-bottom: 1px solid silver; border-bottom: 1px solid silver;
} }
.egwGridView_outer thead th.optcol { .egwGridView_outer thead th.optcol {
padding: 0; padding: 0;
text-align: center; text-align: center;
} }
.selectcols { .selectcols {
display: inline-block; display: inline-block;
width: 10px; width: 10px;
@ -816,12 +715,10 @@ td.lettersearch {
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.nextmatch_header .selectcols { .nextmatch_header .selectcols {
background: none; background: none;
height: auto; height: auto;
} }
.egwGridView_grid td.frame, .egwGridView_grid td.frame,
.egwGridView_outer td.frame, .egwGridView_outer td.frame,
.egwGridView_grid td.egwGridView_spacer { .egwGridView_grid td.egwGridView_spacer {
@ -829,7 +726,6 @@ td.lettersearch {
border-right: 0 none silver !important; border-right: 0 none silver !important;
border-bottom: 0 none silver !important; border-bottom: 0 none silver !important;
} }
.egwGridView_outer span.sort { .egwGridView_outer span.sort {
display: inline-block; display: inline-block;
width: 7px; width: 7px;
@ -839,28 +735,22 @@ td.lettersearch {
margin: 2px; margin: 2px;
vertical-align: middle; vertical-align: middle;
} }
.egwGridView_outer span.sort.asc { .egwGridView_outer span.sort.asc {
background-image: url(../images/up.png); background-image: url(../images/up.png);
} }
.egwGridView_outer span.sort.desc { .egwGridView_outer span.sort.desc {
background-image: url(../images/down.png); background-image: url(../images/down.png);
} }
.egwGridView_grid input[type=checkbox], .egwGridView_grid input[type=checkbox],
.egwGridView_outer input[type=checkbox] { .egwGridView_outer input[type=checkbox] {
border-width: 0; border-width: 0;
} }
.egwGridView_outer input[type=checkbox] { .egwGridView_outer input[type=checkbox] {
margin-left: 2px; margin-left: 2px;
} }
.egwGridView_grid input[type=checkbox] { .egwGridView_grid input[type=checkbox] {
margin: 0; margin: 0;
} }
.egwLinkMoreOptions { .egwLinkMoreOptions {
display: none; display: none;
margin: 0; margin: 0;
@ -874,26 +764,3 @@ td.lettersearch {
text-align: center; text-align: center;
border-bottom: 1px solid silver; border-bottom: 1px solid silver;
} }
/**
* Styles for different egw_message-types
*/
.success_message, .warning_message, .error_message {
color: red;
font-weight: normal;
font-style: italic;
text-align: left;
margin-left: 5px;
padding-left: 20px;
background-image: url(../../default/images/check.png);
background-position: left;
background-repeat: no-repeat;
background-size: 16px;
}
.warning_message {
background-image: url(../../default/images/dialog_warning.png);
}
.error_message {
font-weight: bold;
background-image: url(../../default/images/dialog_error.png);
}

View File

@ -0,0 +1,884 @@
/**
* 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;
}

View File

@ -1,51 +1,123 @@
/** /**
* EGroupware - CSS Styles used by preferences app * EGroupware: CSS with less preprocessor
*
* Please do NOT change app.css directly, instead change app.less and compile it!
* *
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package preferences
* @link http://www.egroupware.org * @link http://www.egroupware.org
* @author Ralf Becker <RalfBecker@outdoor-training.de> * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package preferences
* @version $Id$ * @version $Id$
*/ */
#prefIndex {
table.prefTable { background: red;
width: 100%;
} }
tr.prefRow { #divGenTime {
position: relative; clear: left;
} }
td.prefName { .prefAppBox {
width: 50%;
}
tr.prefRow > td {
vertical-align: bottom; /* otherwise help will cover bigger prefValue */
}
.prefHelp {
position: absolute;
display: none;
width: 98%;
background-color: lightyellow;
border: 1px solid black;
border-radius: 10px;
padding: 5px;
margin-top: 5px;
}
tr.prefRow:hover .prefHelp {
display: block;
z-index: 10; /* FF: displays it under next prefName without */
}
.prefDefault, .prefValue {
float: left; 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;
} }
.prefValue { .prefAppBox h3 {
margin-right: 5px; 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;
} }
.prefValue textarea, textarea.prefValue { .prefAppBox h3:hover {
width: 99%; background-color: #d9d9d9;
height: 5em;
} }
.prefType, .prefApp { .prefAppBox ul {
font-size: 150%; margin: 0;
display: inline-block; padding-left: 20px;
padding-bottom: 5px; padding-top: 0;
list-style-type: none;
}
.prefAppBox ul li {
padding: 0.5em 0 0.5em 0;
margin-left: -1em;
}
.prefAppBox ul li:hover {
background-color: #d9d9d9;
}
.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"]: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;
} }

View File

@ -0,0 +1,156 @@
/**
* 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

View File

@ -1,2 +1,158 @@
/* $Id$ */ /**
.timesheet_titleSum,.timesheet_titleDetails { font-weight: bold; } * 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_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;
}
#timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button[id*="timesheet-index_add"]:before {
content: "+";
font-size: 2em;
color: #ffc200;
}
#timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button[id*="timesheet-index_add"]:before {
content: "+";
font-size: 2em;
color: #ffc200;
}
#timesheet-index .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;
}
#timesheet-index .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;
}
#timesheet-index .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;
}
#timesheet-index .nextmatch_header button[id*="timesheet-index_favorite"] img {
height: 16px;
width: 16px;
}
#timesheet-edit {
width: 910px;
height: 580px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 25px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 25px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 25px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #fafafa;
border-color: #0c5da5;
border: 5px solid #679fd2;
padding: 1em;
margin: 5px 0 0 5px;
}
#timesheet-edit div:not([class]) {
width: 840px;
height: auto !important;
}
#timesheet-edit #timesheet-edit_ts_owner {
font-size: 1em;
}
#timesheet-edit select#timesheet-edit_pm_id {
-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;
width: 80%;
}
#timesheet-edit input#timesheet-edit_ts_project {
border: 1px solid rgba(0, 0, 0, 0.15);
border-color: #bfbfbf;
-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;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 80%;
}
#timesheet-edit select#timesheet-edit_pl_id {
-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;
}
#timesheet-edit input#timesheet-edit_ts_unitprice {
border: 1px solid rgba(0, 0, 0, 0.15);
border-color: #bfbfbf;
-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;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

View File

@ -0,0 +1,154 @@
/**
* 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 {
// 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{}
button[id*="timesheet-index_favorite"]{
img {
height: 16px;
width: 16px;
}
}
} //nextmatch_header
} // iframe
// #############################################################################################
//
//
// Dialog
// Rahmen um alles
#timesheet-edit {
width: 910px;
height: 580px;
.border-radius (0,0,0,25px);
.background-color-5-gray;
// background-color: @egw_color_2_e;
border-color: @egw_color_2_a;
border: 5px solid @egw_color_2_e;
padding: 1em;
margin: 5px 0 0 5px;
div:not([class]) {width: 840px; height: auto !important; }
// select {.Complete_Button_select;}
// input{.Complete_Button_input;}
// Owner
#timesheet-edit_ts_owner {font-size: 1em;}
// Projektliste
select#timesheet-edit_pm_id {
.Complete_Button_select;
width: 80%;
}
// Projekt
input#timesheet-edit_ts_project{
.Complete_Button_input;
width: 80%;
}
// Preisliste
select#timesheet-edit_pl_id {.Complete_Button_select;}
input#timesheet-edit_ts_unitprice {.Complete_Button_input;}
} // div#timesheet-edit