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 {
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;
width: auto;
display: inline-block;
margin: 1em 5px 1em 0;
padding: 5px;
}
.etemplate_tab {
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);
background-color: #E8F0F0;
}
.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;
border-width: 2px 2px 0px;
background-color: #D3DCE3;
}
.tab_body {
border: 2px solid none;
border-color: #f0f0f0;
border: black solid 2px;
}
.nextmatch_header {
border: 1px solid black;

View File

@ -59,101 +59,125 @@
// 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;
//.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;
.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;
}
}
// .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;
}
//.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;
/*
* Styles for the tab widget
*/
.etemplate_tab,.etemplate_tab_active {
border-style:solid;
border-width:1px 1px 0px;
border-color:black;
padding:3px;
padding-left: 6px;
padding-right: 6px;
width: 60px;
white-space: nowrap;
}
.etemplate_tab {
cursor: pointer;
background-color: #E8F0F0;
}
.etemplate_tab_active {
border-width:2px 2px 0px;
background-color: #D3DCE3;
}
.tab_body {
border: black solid 2px;
}
.nextmatch_header {
border: 1px solid black;
}

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
* @link http://www.egroupware.org
* @author Ralf Becker <RalfBecker@outdoor-training.de>
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package etemplate
* @version $Id$
* @version: $Id$
*/
/**
* Top level
@ -15,7 +10,7 @@
/*margin: 10px;
border: 1px solid gray;*/
padding: 0px;
background-color: transparent;
background-color: white;
height: 100%;
}
.et2_container > div:not([class]) {
@ -165,6 +160,17 @@ a.et2_url.url {
font-size: 9pt;
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 {
border: none;
background: transparent;
@ -235,7 +241,7 @@ input[type=button]:focus {
* Multi-select widget
*/
.et2_selectbox .ui-widget-header {
padding: 0px 6px 0px 10px;
padding: 0px 6px 0px 6px;
text-align: center;
}
.et2_selectbox .ui-widget-header ul {
@ -268,9 +274,12 @@ input[type=button]:focus {
.et2_selectbox .ui-multiselect-checkboxes li {
margin: 0px;
clear: both;
padding-left: 26px;
padding-right: 3px;
text-decoration: none;
list-style-image: none;
list-style-type: none;
text-indent: -26px;
}
.et2_selectbox .ui-multiselect-checkboxes ul {
margin: 0px auto;
@ -285,8 +294,7 @@ input[type=button]:focus {
}
.et2_selectbox .ui-multiselect-checkboxes label {
display: block;
border: 0px solid transparent;
padding: 0.1em 0.2em;
border: 1px solid transparent;
}
.et2_selectbox input[type="checkbox"] {
margin: 3px;
@ -322,7 +330,7 @@ span.et2_date {
min-width: 130px;
}
span.et2_date input.et2_date {
min-width: 21.5ex;
min-width: 16.5ex;
background-repeat: no-repeat;
background-position: top right;
background-size: contain;
@ -482,7 +490,7 @@ div.et2_link_entry input.ui-autocomplete-input {
/* Link to */
.et2_link_to {
width: 350px;
overflow-x: visible;
overflow-x: show;
}
.et2_link_to button {
display: inline;
@ -587,73 +595,43 @@ ul.et2_link_string {
*/
.et2_tabflag {
display: inline-block;
margin: 1em 3px -1px 0;
padding: 4px;
margin-right: 5px;
padding: 5px;
cursor: pointer;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-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);
border: 1px solid silver;
background-color: #E0E0E0;
background-image: url(images/gradient01.png);
background-position: center;
background-repeat: repeat-x;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.et2_tabflag:hover {
color: #f2f2f2;
background-color: #bfbfbf;
color: #050505;
border: 1px solid gray;
background-color: #D0D0EE;
}
.et2_tabflag:active {
background-color: #ffffff;
color: #ffffff;
}
.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;
background-image: url(images/gradient02.png);
background-color: #D0D0E0;
}
.et2_tabs {
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #bfbfbf;
border-color: silver;
padding: 5px;
overflow-y: auto;
background-color: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.et2_tabflag.active {
border-bottom: 1px solid white;
background-color: white;
background-image: none;
}
.et2_tabheader {
background-color: #bfbfbf;
background-image: url(images/tab_header_bg.png);
background-position: bottom;
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)
@ -672,7 +650,7 @@ ul.et2_vfs {
* Validation
*/
[required] {
background-color: #ffc200;
background-color: #ffffd0;
}
.invalid {
border: 1px solid #a6261d;
@ -809,6 +787,7 @@ div.message.floating {
.et2_nextmatch .nextmatch_header {
border: none;
background-image: none;
background-color: transparent;
margin-bottom: 3px;
}
.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 {
margin-left: 20px;
}
.favorites li:hover div.ui-icon {
display: inline-block;
}
.favorites li span.ui-state-active {
border: none;
}
.favorites input {
margin-right: 1ex;
}
.favorites input,
.favorites img {
margin-right: 1ex;
height: 16px;
width: 16px;
}
.favorites div.ui-icon-trash {
position: relative;
float: right;
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 {
width: 99%;
padding: 0px;
border: none;
background: white;
}
.sidebox-favorites ul.favorites li {
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 {
.sidebox-favorites .ui-menu .ui-menu-item a {
line-height: inherit;
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;
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 {
height: 16px;
width: 16px;
}
.sidebox-favorites div.ui-icon-heart {
.sidebox-favorites .favorites div.ui-icon-heart {
position: relative;
float: left;
display: inline-block;
margin: -3px 1px 0px 1px;
}
.sidebox-favorites div.ui-icon-trash {
.sidebox-favorites .favorites div.ui-icon-trash {
margin-top: -5px;
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;
margin-right: 2px;
}
.nextmatch_sortheader {
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
* @link http://www.egroupware.org
* @author Ralf Becker <RalfBecker@outdoor-training.de>
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package etemplate
* @version $Id$
* @version: $Id: etemplate2.css 43620 2013-08-27 20:24:55Z nathangray $
*/
@import (reference) "../../../phpgwapi/templates/default/def_buttons.less";
@import (reference) "../../../phpgwapi/templates/default/def_design_pattern_color_font_shadow.less";
/**
* Top level
*/
@ -19,7 +11,7 @@
/*margin: 10px;
border: 1px solid gray;*/
padding: 0px;
background-color: transparent;
background-color: white;
height: 100%;
}
.et2_container > div:not([class]) {
@ -51,7 +43,6 @@ div.et2_hbox div.et2_hbox {
}
div.et2_hbox {
white-space: nowrap;
}
div.et2_hbox>* {
text-align: left;
@ -178,23 +169,18 @@ a.et2_url.url {
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
//.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;
//}
margin: 5px;
padding: 3px;
border: 1px solid silver;
color: #101010;
}
.et2_button_icon {
border: none;
background: transparent;
@ -268,7 +254,7 @@ button.et2_button_text:focus, input[type=button]:focus {
* Multi-select widget
*/
.et2_selectbox .ui-widget-header {
padding: 0px 6px 0px 10px;
padding: 0px 6px 0px 6px;
text-align: center;
}
.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 {
margin: 0px;
clear: both;
// padding-left: 26px;
// padding-right: 3px;
padding-left: 26px;
padding-right: 3px;
text-decoration: none;
list-style-image: none;
list-style-type: none;
// text-indent: -26px;
// max-width: 85%;
// &:hover {background-color: @egw_color_2_e;}
text-indent: -26px;
}
.et2_selectbox .ui-multiselect-checkboxes ul {
margin: 0px auto;
@ -325,10 +308,7 @@ button.et2_button_text:focus, input[type=button]:focus {
.et2_selectbox .ui-multiselect-checkboxes label {
display: block;
border: 0px solid transparent;
padding: 0.1em 0.2em;
// &:hover {background-color: @egw_color_2_e;}
border: 1px solid transparent;
}
.et2_selectbox input[type="checkbox"] {
margin: 3px;
@ -368,7 +348,7 @@ span.et2_date {
min-width: 130px;
}
span.et2_date input.et2_date {
min-width: 21.5ex;
min-width: 16.5ex;
background-repeat: no-repeat;
background-position: top right;
background-size: contain;
@ -546,7 +526,7 @@ div.et2_link_entry input.ui-autocomplete-input {
/* Link to */
.et2_link_to {
width: 350px;
overflow-x: visible;
overflow-x: show;
}
.et2_link_to button {
display: inline;
@ -654,84 +634,50 @@ ul.et2_link_string {
.et2_tabflag {
display: inline-block;
margin: 1em 3px -1px 0;
padding: 4px;
margin-right: 5px;
padding: 5px;
cursor: pointer;
.border-radius(3px,0,0,3px);
// .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);
border: 1px solid silver;
background-color: #E0E0E0;
background-image: url(images/gradient01.png);
background-position: center;
background-repeat: repeat-x;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
&:hover {
.color-5-gray;
// border: 1px solid gray;
.background-color-25-gray;
}
&:active{
.background-color-0-gray;
// border-width: 3px 1px 0px 0;
// border-style: solid;
// border-spacing: 0px;
// border-color: @active_button_border_bottom;
.color-0-gray;
.et2_tabflag:hover {
color: #050505;
border: 1px solid gray;
background-color: #D0D0EE;
}
}
.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_tabflag:active {
background-image: url(images/gradient02.png);
background-color: #D0D0E0;
}
.et2_tabs {
border-width: 0px 1px 1px 1px;
border-style: solid;
.border-color-25-gray;
border-color: silver;
padding: 5px;
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 {
.background-color-25-gray;
background-image: url(images/tab_header_bg.png);
background-position: bottom;
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
*/
[required] {
background-color: @egw_color_1_a;
input{
// border-color: #FFFFD0;
}
background-color: #ffffd0;
}
.invalid {
border: 1px solid #a6261d;
@ -904,9 +847,8 @@ div.message.floating {
.et2_nextmatch .nextmatch_header {
border: none;
background-image: none;
// background-color: transparent;
background-color: transparent;
margin-bottom: 3px;
// margin-right: 3px;
}
.et2_nextmatch .nextmatch_header > .filters {
border: 1px solid silver;
@ -935,173 +877,52 @@ div.message.floating {
.nextmatch_header .favorites.ui-menu li.ui-menu-item a.ui-state-hover {
margin-left: 20px;
}
// Favoriten
.favorites {
li {
&:hover {
div.ui-icon {
display:inline-block;
}
}
span.ui-state-active {
.favorites li span.ui-state-active {
border: none;
}
.favorites input, .favorites img {
margin-right: 1ex;
}
input {margin-right: 1ex;}
img {
margin-right: 1ex; height: 16px; width: 16px;
}
div.ui-icon-trash {
.favorites div.ui-icon-trash {
position: relative;
float:right;
display:none;
}
// .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);
// }
.favorites li:hover div.ui-icon {
display:inline-block;
}
.favorites .sideboxstar {
height: 9px;
display: inline-block;
padding: 0px 4px;
margin: 0px 5px;
} // Favoriten
// sidebox-favorites
.sidebox-favorites {
ul.favorites {
/* TODO: This is template specific */
background-image: url(../../../phpgwapi/templates/idots/images/orange-ball.png);
}
.sidebox-favorites ul.favorites {
width: 99%;
padding: 0px;
border: none;
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 ;}
}
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 {
.sidebox-favorites .ui-menu .ui-menu-item a {
line-height: inherit;
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;
}
}
div.ui-icon-heart{
.sidebox-favorites .favorites div.ui-icon-heart{
position: relative;
float: left;
display:inline-block;
margin: -3px 1px 0px 1px;
}
div.ui-icon-trash{
.sidebox-favorites .favorites div.ui-icon-trash{
margin-top: -5px;
// 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;
margin-right: 2px;
}
} // sidebox-favorites
.nextmatch_sortheader {
color: #003075;
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
* @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
* @version $Id$
*/
@ -28,7 +28,6 @@ button, .egwbutton {
border: 1px outset #B9D5E3;
color: #004E7D;
}
.et2_button_text,
input[type="button"] {
.background-color-10-gray;
@ -51,6 +50,7 @@ input[type="button"] {
.Complete_Button_normal{
.border_normal;
.box_shadow_standard_light;
.color-100-gray;
}

View File

@ -7,7 +7,7 @@
*
* @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>
* @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
* @package phpgwapi
* @version $Id$
*/

View File

@ -7,7 +7,7 @@
*
* @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>
* @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
* @package phpgwapi
* @version $Id$
*/