forked from extern/egroupware
todays changes from pixelegg
This commit is contained in:
Ralf Becker
parent
8312a69964
commit
45a70dcf1d
@ -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;
|
||||
|
||||
@ -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;
|
||||
|
||||
// .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 {
|
||||
//// 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;
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
//.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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
@ -363,7 +371,7 @@ action buttons, left aligned for "extra" controls
|
||||
float: none;
|
||||
}
|
||||
*/
|
||||
/**
|
||||
/**
|
||||
* Diff widget
|
||||
*/
|
||||
.diff thead,
|
||||
@ -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;
|
||||
@ -1015,7 +890,7 @@ div.message.floating {
|
||||
opacity: 0.5;
|
||||
}
|
||||
/**
|
||||
* Grid / nextmatch Hierarchy
|
||||
* Grid / nextmatch Hierarchy
|
||||
*/
|
||||
/* Make sure arrow & cell content don't overlap */
|
||||
.egwGridView_grid span.arrow {
|
||||
@ -1031,7 +906,7 @@ div.message.floating {
|
||||
margin-left: 10px;
|
||||
border-left: 1px solid silver;
|
||||
}
|
||||
/**
|
||||
/**
|
||||
* This class' margin-right is used to line up columns at each indent level
|
||||
* Classes level_# are created programmatically with margin-right * depth
|
||||
* Margin-right = -(indent + border)
|
||||
|
||||
@ -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;
|
||||
@ -413,7 +393,7 @@ action buttons, left aligned for "extra" controls
|
||||
}
|
||||
*/
|
||||
|
||||
/**
|
||||
/**
|
||||
* Diff widget
|
||||
*/
|
||||
.diff thead,.author {
|
||||
@ -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;
|
||||
@ -891,7 +834,7 @@ div.message.floating {
|
||||
}
|
||||
.nextmatch_header > .filters {
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
.nextmatch_header > .filters select {
|
||||
margin-right: 2ex;
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
.favorites li span.ui-state-active {
|
||||
border: none;
|
||||
}
|
||||
.favorites input, .favorites img {
|
||||
margin-right: 1ex;
|
||||
}
|
||||
.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;
|
||||
|
||||
|
||||
// Favoriten
|
||||
|
||||
.favorites {
|
||||
|
||||
li {
|
||||
|
||||
&:hover {
|
||||
div.ui-icon {
|
||||
display:inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
span.ui-state-active {
|
||||
border: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
input {margin-right: 1ex;}
|
||||
|
||||
img {
|
||||
margin-right: 1ex; height: 16px; width: 16px;
|
||||
}
|
||||
|
||||
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);
|
||||
// }
|
||||
|
||||
} // Favoriten
|
||||
|
||||
|
||||
// sidebox-favorites
|
||||
|
||||
.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 {
|
||||
line-height: inherit;
|
||||
padding: 2px 0px;
|
||||
padding-left: 0 !important;
|
||||
|
||||
&:hover {text-decoration: underline; .Complete_Button_Icon_hover ;}
|
||||
|
||||
img { height: 16px; width: 16px;}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
div.ui-icon-heart{
|
||||
position: relative;
|
||||
float: left;
|
||||
display:inline-block;
|
||||
margin: -3px 1px 0px 1px;
|
||||
}
|
||||
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;
|
||||
|
||||
|
||||
}
|
||||
|
||||
} // sidebox-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;
|
||||
}
|
||||
.sidebox-favorites .ui-menu .ui-menu-item a {
|
||||
line-height: inherit;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
.sidebox-favorites .ui-menu .ui-menu-item a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.sidebox-favorites .favorites div.ui-icon-heart{
|
||||
position: relative;
|
||||
float: left;
|
||||
display:inline-block;
|
||||
margin: -3px 1px 0px 1px;
|
||||
}
|
||||
.sidebox-favorites .favorites div.ui-icon-trash{
|
||||
margin-top: -5px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
.nextmatch_sortheader {
|
||||
color: #003075;
|
||||
cursor: pointer;
|
||||
@ -1133,7 +954,7 @@ div.message.floating {
|
||||
}
|
||||
|
||||
/**
|
||||
* Grid / nextmatch Hierarchy
|
||||
* Grid / nextmatch Hierarchy
|
||||
*/
|
||||
/* Make sure arrow & cell content don't overlap */
|
||||
.egwGridView_grid span.arrow {
|
||||
@ -1149,7 +970,7 @@ div.message.floating {
|
||||
margin-left: 10px;
|
||||
border-left: 1px solid silver;
|
||||
}
|
||||
/**
|
||||
/**
|
||||
* This class' margin-right is used to line up columns at each indent level
|
||||
* Classes level_# are created programmatically with margin-right * depth
|
||||
* Margin-right = -(indent + border)
|
||||
@ -1184,11 +1005,11 @@ div.et2_portlet {
|
||||
}
|
||||
.et2_portlet .ui-widget-header span.ui-icon {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
float: right;
|
||||
}
|
||||
.et2_portlet .ui-widget-header span.ui-icon.ui-icon-gear {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/**
|
||||
@ -1199,7 +1020,7 @@ div.et2_progress {
|
||||
border: 1px solid black;
|
||||
background-color: white;
|
||||
width: 30px;
|
||||
padding: 1px;
|
||||
padding: 1px;
|
||||
margin: 2px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
178
etemplate/templates/pixelegg/app.css
Executable file
178
etemplate/templates/pixelegg/app.css
Executable 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;
|
||||
}
|
||||
199
etemplate/templates/pixelegg/app.less
Executable file
199
etemplate/templates/pixelegg/app.less
Executable 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;
|
||||
}
|
||||
1256
etemplate/templates/pixelegg/etemplate2.css
Executable file
1256
etemplate/templates/pixelegg/etemplate2.css
Executable file
File diff suppressed because it is too large
Load Diff
1398
etemplate/templates/pixelegg/etemplate2.less
Executable file
1398
etemplate/templates/pixelegg/etemplate2.less
Executable file
File diff suppressed because it is too large
Load Diff
@ -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,7 +50,8 @@ input[type="button"] {
|
||||
.Complete_Button_normal{
|
||||
.border_normal;
|
||||
.box_shadow_standard_light;
|
||||
.color-100-gray;
|
||||
|
||||
.color-100-gray;
|
||||
}
|
||||
|
||||
.Complete_Button_hover{
|
||||
|
||||
@ -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$
|
||||
*/
|
||||
|
||||
@ -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$
|
||||
*/
|
||||
|
||||
Loading…
Reference in New Issue
Block a user