todays changes from pixelegg

This commit is contained in:
Ralf Becker 2013-11-12 17:24:19 +00:00
parent 8312a69964
commit 45a70dcf1d
11 changed files with 3319 additions and 618 deletions

View File

@ -58,80 +58,30 @@
table.TabHeader { table.TabHeader {
background-color: #d9d9d9; background-color: #d9d9d9;
} }
.etemplate_tab { /*
* 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; white-space: nowrap;
width: auto; }
display: inline-block; .etemplate_tab {
margin: 1em 5px 1em 0;
padding: 5px;
cursor: pointer; cursor: pointer;
background-color: #f0f0f0; background-color: #E8F0F0;
-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 {
white-space: nowrap; border-width: 2px 2px 0px;
width: auto; background-color: #D3DCE3;
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: 2px solid none; border: black solid 2px;
border-color: #f0f0f0;
} }
.nextmatch_header { .nextmatch_header {
border: 1px solid black; border: 1px solid black;

View File

@ -59,101 +59,125 @@
// Tabelle // Tabelle
// Tabs // Tabs
table.TabHeader{ table.TabHeader{
.background-color-15-gray; .background-color-15-gray;
} }
// Tabs // 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;
//.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; // .background-color-10-gray;
.border_radius_button_normal; // .border_radius_button_normal;
.border_normal; // .border_normal;
.box_shadow_standard_light; // .box_shadow_standard_light;
//
//
-webkit-user-select: none; // -webkit-user-select: none;
-moz-user-select: none; // -moz-user-select: none;
user-select: none; // user-select: none;
//
.background-color-50-gray; // &:hover {.Complete_Button_hover;}
border-width: 0 0 3px 0; // &:focus {.Complete_Button_focus;}
border-style: solid; //
border-spacing: 0px; //}
border-color: @active_button_border_bottom; //
.color-5-gray; //.etemplate_tab_active {
//
.th { // white-space: nowrap;
.background-color-50-gray; // width: auto;
border-width: 0 0 3px 0; //
border-style: solid; // display: inline-block;
border-spacing: 0px; // margin: 1em 5px 1em 0;
border-color: @active_button_border_bottom; // padding: 5px;
.color-5-gray; // 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 {
.etemplate_tab row_on, // .background-color-50-gray;
td.etemplate_tab_active:focus { // border-width: 0 0 3px 0;
.background-color-50-gray; // border-style: solid;
border-width: 0 0 3px 0; // border-spacing: 0px;
border-style: solid; // border-color: @active_button_border_bottom;
border-spacing: 0px; // .color-5-gray;
border-color: @active_button_border_bottom; //
.color-5-gray; //
//
//
//}
}
// Inhalte der Tabs // Inhalte der Tabs
.tab_body { /*
border: 2px solid none; * Styles for the tab widget
.border-color-10-gray; */
.etemplate_tab,.etemplate_tab_active {
border-style:solid;
border-width:1px 1px 0px;
border-color:black;
padding:3px;
padding-left: 6px;
padding-right: 6px;
width: 60px;
white-space: nowrap;
} }
.etemplate_tab {
cursor: pointer;
background-color: #E8F0F0;
}
.etemplate_tab_active {
border-width:2px 2px 0px;
background-color: #D3DCE3;
}
.tab_body {
border: black solid 2px;
}
.nextmatch_header { .nextmatch_header {
border: 1px solid black; border: 1px solid black;
} }

View File

@ -1,12 +1,7 @@
/** /**
* EGroupware - CSS Styles used by eTemplate2 widgets * Styles for etemplate2 widgets
* *
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @version: $Id$
* @link http://www.egroupware.org
* @author Ralf Becker <RalfBecker@outdoor-training.de>
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package etemplate
* @version $Id$
*/ */
/** /**
* Top level * Top level
@ -15,7 +10,7 @@
/*margin: 10px; /*margin: 10px;
border: 1px solid gray;*/ border: 1px solid gray;*/
padding: 0px; padding: 0px;
background-color: transparent; background-color: white;
height: 100%; height: 100%;
} }
.et2_container > div:not([class]) { .et2_container > div:not([class]) {
@ -165,6 +160,17 @@ a.et2_url.url {
font-size: 9pt; font-size: 9pt;
text-shadow: 1px 1px #E0E0E0; text-shadow: 1px 1px #E0E0E0;
} }
.et2_button_text,
input[type=button] {
background-color: #E0E0E0;
background-image: url(images/gradient01.png);
background-position: center;
background-repeat: repeat-x;
margin: 5px;
padding: 3px;
border: 1px solid silver;
color: #101010;
}
.et2_button_icon { .et2_button_icon {
border: none; border: none;
background: transparent; background: transparent;
@ -235,7 +241,7 @@ input[type=button]:focus {
* Multi-select widget * Multi-select widget
*/ */
.et2_selectbox .ui-widget-header { .et2_selectbox .ui-widget-header {
padding: 0px 6px 0px 10px; padding: 0px 6px 0px 6px;
text-align: center; text-align: center;
} }
.et2_selectbox .ui-widget-header ul { .et2_selectbox .ui-widget-header ul {
@ -268,9 +274,12 @@ input[type=button]:focus {
.et2_selectbox .ui-multiselect-checkboxes li { .et2_selectbox .ui-multiselect-checkboxes li {
margin: 0px; margin: 0px;
clear: both; clear: both;
padding-left: 26px;
padding-right: 3px;
text-decoration: none; text-decoration: none;
list-style-image: none; list-style-image: none;
list-style-type: none; list-style-type: none;
text-indent: -26px;
} }
.et2_selectbox .ui-multiselect-checkboxes ul { .et2_selectbox .ui-multiselect-checkboxes ul {
margin: 0px auto; margin: 0px auto;
@ -285,8 +294,7 @@ input[type=button]:focus {
} }
.et2_selectbox .ui-multiselect-checkboxes label { .et2_selectbox .ui-multiselect-checkboxes label {
display: block; display: block;
border: 0px solid transparent; border: 1px solid transparent;
padding: 0.1em 0.2em;
} }
.et2_selectbox input[type="checkbox"] { .et2_selectbox input[type="checkbox"] {
margin: 3px; margin: 3px;
@ -322,7 +330,7 @@ span.et2_date {
min-width: 130px; min-width: 130px;
} }
span.et2_date input.et2_date { span.et2_date input.et2_date {
min-width: 21.5ex; min-width: 16.5ex;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: top right; background-position: top right;
background-size: contain; background-size: contain;
@ -482,7 +490,7 @@ div.et2_link_entry input.ui-autocomplete-input {
/* Link to */ /* Link to */
.et2_link_to { .et2_link_to {
width: 350px; width: 350px;
overflow-x: visible; overflow-x: show;
} }
.et2_link_to button { .et2_link_to button {
display: inline; display: inline;
@ -587,73 +595,43 @@ ul.et2_link_string {
*/ */
.et2_tabflag { .et2_tabflag {
display: inline-block; display: inline-block;
margin: 1em 3px -1px 0; margin-right: 5px;
padding: 4px; padding: 5px;
cursor: pointer; cursor: pointer;
-webkit-border-top-right-radius: 3px; border: 1px solid silver;
-webkit-border-bottom-right-radius: 0; background-color: #E0E0E0;
-webkit-border-bottom-left-radius: 0; background-image: url(images/gradient01.png);
-webkit-border-top-left-radius: 3px; background-position: center;
-moz-border-radius-topright: 3px; background-repeat: repeat-x;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 3px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #bfbfbf;
-webkit-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5);
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
user-select: none; user-select: none;
} }
.et2_tabflag:hover { .et2_tabflag:hover {
color: #f2f2f2; color: #050505;
background-color: #bfbfbf; border: 1px solid gray;
background-color: #D0D0EE;
} }
.et2_tabflag:active { .et2_tabflag:active {
background-color: #ffffff; background-image: url(images/gradient02.png);
color: #ffffff; background-color: #D0D0E0;
}
.et2_tabflag.active {
border-spacing: 0px;
background-color: white;
color: #000000;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #bfbfbf;
}
.et2_tabflag.active:hover {
color: #000000;
background-color: white;
} }
.et2_tabs { .et2_tabs {
border-width: 0px 1px 1px 1px; border-width: 0px 1px 1px 1px;
border-style: solid; border-style: solid;
border-color: #bfbfbf; border-color: silver;
padding: 5px; padding: 5px;
overflow-y: auto; overflow-y: auto;
background-color: #ffffff; }
-webkit-border-radius: 3px; .et2_tabflag.active {
-moz-border-radius: 3px; border-bottom: 1px solid white;
border-radius: 3px; background-color: white;
background-image: none;
} }
.et2_tabheader { .et2_tabheader {
background-color: #bfbfbf; background-image: url(images/tab_header_bg.png);
background-position: bottom; background-position: bottom;
background-repeat: repeat-x; background-repeat: repeat-x;
padding-left: 0em;
border-bottom: 1px solid #bfbfbf;
margin: 0 2px;
}
.et2_tabheader :first-child {
margin-left: 0.3em;
} }
/** /**
* VFS widget(s) * VFS widget(s)
@ -672,7 +650,7 @@ ul.et2_vfs {
* Validation * Validation
*/ */
[required] { [required] {
background-color: #ffc200; background-color: #ffffd0;
} }
.invalid { .invalid {
border: 1px solid #a6261d; border: 1px solid #a6261d;
@ -809,6 +787,7 @@ div.message.floating {
.et2_nextmatch .nextmatch_header { .et2_nextmatch .nextmatch_header {
border: none; border: none;
background-image: none; background-image: none;
background-color: transparent;
margin-bottom: 3px; margin-bottom: 3px;
} }
.et2_nextmatch .nextmatch_header > .filters { .et2_nextmatch .nextmatch_header > .filters {
@ -839,155 +818,51 @@ div.message.floating {
.nextmatch_header .favorites.ui-menu li.ui-menu-item a.ui-state-hover { .nextmatch_header .favorites.ui-menu li.ui-menu-item a.ui-state-hover {
margin-left: 20px; margin-left: 20px;
} }
.favorites li:hover div.ui-icon {
display: inline-block;
}
.favorites li span.ui-state-active { .favorites li span.ui-state-active {
border: none; border: none;
} }
.favorites input { .favorites input,
margin-right: 1ex;
}
.favorites img { .favorites img {
margin-right: 1ex; margin-right: 1ex;
height: 16px;
width: 16px;
} }
.favorites div.ui-icon-trash { .favorites div.ui-icon-trash {
position: relative; position: relative;
float: right; float: right;
display: none; display: none;
} }
.favorites li:hover div.ui-icon {
display: inline-block;
}
.favorites .sideboxstar {
height: 9px;
display: inline-block;
padding: 0px 4px;
margin: 0px 5px;
/* TODO: This is template specific */
background-image: url(../../../phpgwapi/templates/idots/images/orange-ball.png);
}
.sidebox-favorites ul.favorites { .sidebox-favorites ul.favorites {
width: 99%; width: 99%;
padding: 0px; padding: 0px;
border: none; border: none;
background: white; background: white;
} }
.sidebox-favorites ul.favorites li { .sidebox-favorites .ui-menu .ui-menu-item a {
padding-left: 0 !important;
margin-left: -10px;
line-height: 1.5em;
}
.sidebox-favorites ul.favorites li img {
margin-right: 1ex;
height: 13px;
padding: 3px;
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;
}
.sidebox-favorites ul.favorites li img:hover {
height: 16px;
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;
}
.sidebox-favorites ul.favorites li img.sideboxstar {
margin-right: 1ex;
height: 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;
}
.sidebox-favorites ul.favorites li img.sideboxstar:hover {
height: 16px;
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;
}
.sidebox-favorites .ui-state-hover,
.sidebox-favorites .ui-widget-content .ui-state-hover,
.sidebox-favorites .ui-widget-header .ui-state-hover,
.sidebox-favorites .ui-state-focus,
.sidebox-favorites .ui-widget-content .ui-state-focus,
.sidebox-favorites .ui-widget-header .ui-state-focus {
border-top: solid 1px 1px;
border-left: solid 1px 1px;
border-right: solid 1px 1px;
border-bottom: solid 1px 1px;
border-color: #f0f0f0;
background: transparent !important;
font-weight: bold;
color: #000000;
}
.sidebox-favorites .ui-menu-icons .ui-menu-item a {
position: relative;
padding-left: 1em;
padding: 0.5em 1em 0.5em 0;
}
.sidebox-favorites .ui-menu-icons .ui-menu-item a: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;
}
.sidebox-favorites ui-menu .ui-menu-item a {
line-height: inherit; line-height: inherit;
padding: 2px 0px; padding: 2px 0px;
padding-left: 0 !important;
} }
.sidebox-favorites ui-menu .ui-menu-item a:hover { .sidebox-favorites .ui-menu .ui-menu-item a:hover {
text-decoration: underline; text-decoration: underline;
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;
} }
.sidebox-favorites ui-menu .ui-menu-item a img { .sidebox-favorites .favorites div.ui-icon-heart {
height: 16px;
width: 16px;
}
.sidebox-favorites div.ui-icon-heart {
position: relative; position: relative;
float: left; float: left;
display: inline-block; display: inline-block;
margin: -3px 1px 0px 1px; margin: -3px 1px 0px 1px;
} }
.sidebox-favorites div.ui-icon-trash { .sidebox-favorites .favorites div.ui-icon-trash {
margin-top: -5px; margin-top: -5px;
background-image: url(images/delete.png); margin-right: 2px;
background-size: 16px 16px;
background-position: 0 0;
background-color: #e6e6e6;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 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: 0.5em;
padding: 0px 2px 0 2px;
width: 10px;
} }
.nextmatch_sortheader { .nextmatch_sortheader {
color: #003075; color: #003075;

View File

@ -1,17 +1,9 @@
/** /**
* EGroupware - CSS Styles used by eTemplate2 widgets * Styles for etemplate2 widgets
* *
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @version: $Id: etemplate2.css 43620 2013-08-27 20:24:55Z nathangray $
* @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";
/** /**
* Top level * Top level
*/ */
@ -19,7 +11,7 @@
/*margin: 10px; /*margin: 10px;
border: 1px solid gray;*/ border: 1px solid gray;*/
padding: 0px; padding: 0px;
background-color: transparent; background-color: white;
height: 100%; height: 100%;
} }
.et2_container > div:not([class]) { .et2_container > div:not([class]) {
@ -51,7 +43,6 @@ div.et2_hbox div.et2_hbox {
} }
div.et2_hbox { div.et2_hbox {
white-space: nowrap; white-space: nowrap;
} }
div.et2_hbox>* { div.et2_hbox>* {
text-align: left; text-align: left;
@ -178,23 +169,18 @@ a.et2_url.url {
text-shadow: 1px 1px #E0E0E0; text-shadow: 1px 1px #E0E0E0;
} }
.et2_button_text, input[type=button] {
background-color: #E0E0E0;
background-image: url(images/gradient01.png);
background-position: center;
background-repeat: repeat-x;
// in Nextmatch definiert margin: 5px;
//.et2_button_text, input[type=button] { padding: 3px;
// background-color: #E0E0E0;
// background-image: url(images/gradient01.png);
// background-position: center;
// background-repeat: repeat-x;
//
// margin: 5px;
// padding: 3px;
//
// border: 1px solid silver;
// color: #101010;
//}
border: 1px solid silver;
color: #101010;
}
.et2_button_icon { .et2_button_icon {
border: none; border: none;
background: transparent; background: transparent;
@ -268,7 +254,7 @@ button.et2_button_text:focus, input[type=button]:focus {
* Multi-select widget * Multi-select widget
*/ */
.et2_selectbox .ui-widget-header { .et2_selectbox .ui-widget-header {
padding: 0px 6px 0px 10px; padding: 0px 6px 0px 6px;
text-align: center; text-align: center;
} }
.et2_selectbox .ui-widget-header ul { .et2_selectbox .ui-widget-header ul {
@ -301,15 +287,12 @@ button.et2_button_text:focus, input[type=button]:focus {
.et2_selectbox .ui-multiselect-checkboxes li { .et2_selectbox .ui-multiselect-checkboxes li {
margin: 0px; margin: 0px;
clear: both; clear: both;
// padding-left: 26px; padding-left: 26px;
// padding-right: 3px; padding-right: 3px;
text-decoration: none; text-decoration: none;
list-style-image: none; list-style-image: none;
list-style-type: none; list-style-type: none;
// text-indent: -26px; text-indent: -26px;
// max-width: 85%;
// &:hover {background-color: @egw_color_2_e;}
} }
.et2_selectbox .ui-multiselect-checkboxes ul { .et2_selectbox .ui-multiselect-checkboxes ul {
margin: 0px auto; margin: 0px auto;
@ -325,10 +308,7 @@ button.et2_button_text:focus, input[type=button]:focus {
.et2_selectbox .ui-multiselect-checkboxes label { .et2_selectbox .ui-multiselect-checkboxes label {
display: block; display: block;
border: 0px solid transparent; border: 1px solid transparent;
padding: 0.1em 0.2em;
// &:hover {background-color: @egw_color_2_e;}
} }
.et2_selectbox input[type="checkbox"] { .et2_selectbox input[type="checkbox"] {
margin: 3px; margin: 3px;
@ -368,7 +348,7 @@ span.et2_date {
min-width: 130px; min-width: 130px;
} }
span.et2_date input.et2_date { span.et2_date input.et2_date {
min-width: 21.5ex; min-width: 16.5ex;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: top right; background-position: top right;
background-size: contain; background-size: contain;
@ -546,7 +526,7 @@ div.et2_link_entry input.ui-autocomplete-input {
/* Link to */ /* Link to */
.et2_link_to { .et2_link_to {
width: 350px; width: 350px;
overflow-x: visible; overflow-x: show;
} }
.et2_link_to button { .et2_link_to button {
display: inline; display: inline;
@ -654,84 +634,50 @@ ul.et2_link_string {
.et2_tabflag { .et2_tabflag {
display: inline-block; display: inline-block;
margin: 1em 3px -1px 0; margin-right: 5px;
padding: 4px; padding: 5px;
cursor: pointer; cursor: pointer;
.border-radius(3px,0,0,3px); border: 1px solid silver;
// .bordered (@egw_color_2_c, @egw_color_2_c, #bfbfbf, @egw_color_2_c);
.background-color-25-gray;
// .border_radius_button_normal;
// .border_normal;
-webkit-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5);
background-color: #E0E0E0;
background-image: url(images/gradient01.png);
background-position: center;
background-repeat: repeat-x;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
user-select: none; user-select: none;
&:hover {
.color-5-gray;
// border: 1px solid gray;
.background-color-25-gray;
} }
&:active{ .et2_tabflag:hover {
.background-color-0-gray; color: #050505;
// border-width: 3px 1px 0px 0; border: 1px solid gray;
// border-style: solid; background-color: #D0D0EE;
// border-spacing: 0px;
// border-color: @active_button_border_bottom;
.color-0-gray;
} }
} .et2_tabflag:active {
background-image: url(images/gradient02.png);
background-color: #D0D0E0;
.et2_tabflag.active {
// .background-color-50-gray !important;
// border-width: 8px 7px 0px 6px;
// border-style: solid;
border-spacing: 0px;
// border-color: @active_button_border_bottom;
// .color-0-gray;
background-color: white;
.color-100-gray;
border-width: 1px 1px 0px 1px;
border-style: solid;
.border-color-25-gray;
&:hover {
.color-100-gray;
// border: 1px solid gray;
background-color: white;
}
} }
.et2_tabs { .et2_tabs {
border-width: 0px 1px 1px 1px; border-width: 0px 1px 1px 1px;
border-style: solid; border-style: solid;
.border-color-25-gray; border-color: silver;
padding: 5px; padding: 5px;
overflow-y: auto; overflow-y: auto;
.background-color-dialog-container;
.border_radius_button_normal;
} }
.et2_tabflag.active {
border-bottom: 1px solid white;
background-color: white;
background-image: none;
}
.et2_tabheader { .et2_tabheader {
.background-color-25-gray; background-image: url(images/tab_header_bg.png);
background-position: bottom; background-position: bottom;
background-repeat: repeat-x; background-repeat: repeat-x;
padding-left: 0em;
border-bottom: 1px solid #bfbfbf;
margin: 0 2px;
:first-child {
margin-left: 0.3em;
}
} }
/** /**
@ -752,10 +698,7 @@ ul.et2_vfs {
* Validation * Validation
*/ */
[required] { [required] {
background-color: @egw_color_1_a; background-color: #ffffd0;
input{
// border-color: #FFFFD0;
}
} }
.invalid { .invalid {
border: 1px solid #a6261d; border: 1px solid #a6261d;
@ -904,9 +847,8 @@ div.message.floating {
.et2_nextmatch .nextmatch_header { .et2_nextmatch .nextmatch_header {
border: none; border: none;
background-image: none; background-image: none;
// background-color: transparent; background-color: transparent;
margin-bottom: 3px; margin-bottom: 3px;
// margin-right: 3px;
} }
.et2_nextmatch .nextmatch_header > .filters { .et2_nextmatch .nextmatch_header > .filters {
border: 1px solid silver; border: 1px solid silver;
@ -935,173 +877,52 @@ div.message.floating {
.nextmatch_header .favorites.ui-menu li.ui-menu-item a.ui-state-hover { .nextmatch_header .favorites.ui-menu li.ui-menu-item a.ui-state-hover {
margin-left: 20px; margin-left: 20px;
} }
.favorites li span.ui-state-active {
// Favoriten
.favorites {
li {
&:hover {
div.ui-icon {
display:inline-block;
}
}
span.ui-state-active {
border: none; border: none;
} }
.favorites input, .favorites img {
margin-right: 1ex;
} }
.favorites div.ui-icon-trash {
input {margin-right: 1ex;}
img {
margin-right: 1ex; height: 16px; width: 16px;
}
div.ui-icon-trash {
position: relative; position: relative;
float:right; float:right;
display:none; display:none;
} }
// .sideboxstar { .favorites li:hover div.ui-icon {
// height: 9px; display:inline-block;
// display: inline-block; }
// padding: 0px 4px; .favorites .sideboxstar {
// margin: 0px 5px; height: 9px;
// display: inline-block;
// /* TODO: This is template specific */ padding: 0px 4px;
// background-image: url(../../../phpgwapi/templates/idots/images/orange-ball.png); margin: 0px 5px;
// }
} // Favoriten /* TODO: This is template specific */
background-image: url(../../../phpgwapi/templates/idots/images/orange-ball.png);
}
// sidebox-favorites .sidebox-favorites ul.favorites {
.sidebox-favorites {
ul.favorites {
width: 99%; width: 99%;
padding: 0px; padding: 0px;
border: none; border: none;
background: white; background: white;
li {
padding-left: 0 !important;
margin-left: -10px;
line-height: 1.5em;
img {
margin-right: 1ex;
height: 13px;
padding: 3px;
.Complete_Button_Icon_normal;
&:hover {height: 16px; .Complete_Button_Icon_hover ;}
} }
.sidebox-favorites .ui-menu .ui-menu-item a {
img.sideboxstar {
margin-right: 1ex;
height: 16px;
.Complete_Button_Icon_normal;
&:hover {height: 16px; .Complete_Button_Icon_hover ;}
}
}
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
.bordered(1px, 1px, 1px,1px);
.border-color-10-gray;
background: transparent !important;
font-weight: bold;
.color-100-gray;
}
.ui-menu-icons {
.ui-menu-item {
a {
position: relative;
padding-left: 1em;
padding: 0.5em 1em 0.5em 0;
&:hover {.Complete_Button_Icon_hover ;}
}
}
}
ui-menu {
.ui-menu-item {
a {
line-height: inherit; line-height: inherit;
padding: 2px 0px; padding: 2px 0px;
padding-left: 0 !important;
&:hover {text-decoration: underline; .Complete_Button_Icon_hover ;}
img { height: 16px; width: 16px;}
} }
.sidebox-favorites .ui-menu .ui-menu-item a:hover {
text-decoration: underline;
} }
} .sidebox-favorites .favorites div.ui-icon-heart{
div.ui-icon-heart{
position: relative; position: relative;
float: left; float: left;
display:inline-block; display:inline-block;
margin: -3px 1px 0px 1px; margin: -3px 1px 0px 1px;
} }
div.ui-icon-trash{ .sidebox-favorites .favorites div.ui-icon-trash{
margin-top: -5px; margin-top: -5px;
// margin-right: 2px; margin-right: 2px;
// background: transparent;
background-image:url(images/delete.png);
background-size: 16px 16px;
background-position: 0 0;
background-color: #e6e6e6;
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
box-shadow: 1px 1px 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: 0.5em;
padding: 0px 2px 0 2px;
width: 10px;
} }
} // sidebox-favorites
.nextmatch_sortheader { .nextmatch_sortheader {
color: #003075; color: #003075;
cursor: pointer; cursor: pointer;

View File

@ -0,0 +1,178 @@
/**
* 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$
*/
.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;
}
table.TabHeader {
background-color: #d9d9d9;
}
.etemplate_tab {
white-space: nowrap;
width: auto;
display: inline-block;
margin: 1em 5px 1em 0;
padding: 5px;
cursor: pointer;
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 {
white-space: nowrap;
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 {
border: 2px solid none;
border-color: #f0f0f0;
}
.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;
}

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

@ -7,7 +7,7 @@
* *
* @link http://www.egroupware.org * @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de> * @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
* @package phpgwapi * @package phpgwapi
* @version $Id$ * @version $Id$
*/ */
@ -28,7 +28,6 @@ button, .egwbutton {
border: 1px outset #B9D5E3; border: 1px outset #B9D5E3;
color: #004E7D; color: #004E7D;
} }
.et2_button_text, .et2_button_text,
input[type="button"] { input[type="button"] {
.background-color-10-gray; .background-color-10-gray;
@ -51,6 +50,7 @@ input[type="button"] {
.Complete_Button_normal{ .Complete_Button_normal{
.border_normal; .border_normal;
.box_shadow_standard_light; .box_shadow_standard_light;
.color-100-gray; .color-100-gray;
} }

View File

@ -7,7 +7,7 @@
* *
* @link http://www.egroupware.org * @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de> * @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
* @package phpgwapi * @package phpgwapi
* @version $Id$ * @version $Id$
*/ */

View File

@ -7,7 +7,7 @@
* *
* @link http://www.egroupware.org * @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de> * @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
* @package phpgwapi * @package phpgwapi
* @version $Id$ * @version $Id$
*/ */