extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-27 09:09:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

documentation update and cleanup

Browse Source
This commit is contained in:
Stefan Reinhardt 2014-02-24 17:18:34 +00:00
parent 8c78d8e1fa
commit d1ae03e45c
5 changed files with 442 additions and 340 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

160
pixelegg/css/pixelegg.css
View File

@ -228,16 +228,6 @@
border-radius: 5px; border-radius: 5px;
margin-top: 1em; margin-top: 1em;
padding-top: 0.2em; padding-top: 0.2em;
/* &:before {
content: "+ ";
font-size: 2em;
color: @egw_color_1_a;
line-height: 0.6em;
padding-left: 0.1em;
padding-right: 0em;
background-color: @egw_color_2_a;
.border_radius_button_lefttop;
}*/
} }
.et2_link_to .et2_file input { .et2_link_to .et2_file input {
border: none; border: none;
@ -331,12 +321,8 @@
* Tabs widget * Tabs widget
*/ */
.et2_tabflag { .et2_tabflag {
/*display: inline-block;*/
margin: 1em 3px -1px 0; margin: 1em 3px -1px 0;
padding: 4px; padding: 4px;
/*cursor: pointer;*/
/*font-size: 0.8em;*/
/*.border_radius(3px,0,0,3px);*/
background-color: #bfbfbf; background-color: #bfbfbf;
-webkit-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.5);
@ -454,13 +440,12 @@
background-color: transparent; background-color: transparent;
padding-left: 3px; padding-left: 3px;
} }
/* ################################################################ /* ##################################################################################
* Nextmatch widget * Nextmatch widget
* ################################################################*/ * ##################################################################################*/
.et2_nextmatch { .et2_nextmatch {
background-color: #f0f0f0; background-color: #f0f0f0;
} }
/* images*/
.et2_nextmatch > img { .et2_nextmatch > img {
width: 16px; width: 16px;
height: 16px; height: 16px;
@ -531,7 +516,7 @@
width: 50% !important; width: 50% !important;
} }
.nextmatch_header > .filters > select > option { .nextmatch_header > .filters > select > option {
font-size: 0.9em; font-size: 11px;
} }
.nextmatch_header > .search { .nextmatch_header > .search {
padding: 0 0 0 3px; padding: 0 0 0 3px;
@ -549,8 +534,7 @@
/*background-color: @gray_0;*/ /*background-color: @gray_0;*/
border: none; border: none;
font-size: 11px; font-size: 11px;
color: #000; color: #000000;
/*margin: 0 2px;*/
} }
.nextmatch_header > .search input::-webkit-input-placeholder { .nextmatch_header > .search input::-webkit-input-placeholder {
/* WebKit browsers */ /* WebKit browsers */
@ -575,16 +559,12 @@
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
width: 45px; width: 45px;
/*height: 1.6em;*/
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-webkit-border-top-right-radius: 20px; -webkit-border-top-right-radius: 20px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-moz-border-radius-topright: 20px; -moz-border-radius-topright: 20px;
border-radius: 3px; border-radius: 3px;
border-top-right-radius: 20px; border-top-right-radius: 20px;
/*.background_color_search;*/
color: #ffd44d;
text-decoration: none;
/*cursor: pointer; 14022014 entfernt*/ /*cursor: pointer; 14022014 entfernt*/
padding: 0px; padding: 0px;
margin: 8px 10px; margin: 8px 10px;
@ -702,23 +682,39 @@
* Kategorien * Kategorien
* *
################################################################*/ ################################################################*/
/*ADD Button*/ div#admin-categories-index {
#admin-categories-index_add { padding: 0px;
width: 32px;
height: 32px;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
padding: 0.5em;
} }
#admin-categories-index_add:before { div#admin-categories-index div.ui-helper-clearfix {
content: "+"; height: 0px;
}
div#admin-categories-index div.et2_hbox_right {
margin-right: 0;
padding: 0;
}
/*ADD Button*/
button#admin-categories-index_add {
width: 32px;
border: 1px solid #0C5DA5;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
padding: -0.5em;
background-color: #e6e6e6 !important;
background-size: 16px 16px;
height: 24px;
margin: 6px 2px;
}
button#admin-categories-index_add:before {
content: "";
font-size: 2em; font-size: 2em;
color: #ffc200; color: #0c5da5;
line-height: 0.6em; line-height: 0.6em;
padding-left: 0.1em; padding-left: 0.1em;
padding-right: 4em; padding-right: 4em;
} }
#admin-categories-index_add:hover { button#admin-categories-index_add:active {
background-color: #1aa200;
}
button#admin-categories-index_add:hover {
background-color: #66a1d2 !important; background-color: #66a1d2 !important;
color: #ffc200; color: #ffc200;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@ -731,6 +727,9 @@
border-radius: 3px; border-radius: 3px;
border-top-left-radius: 10px; border-top-left-radius: 10px;
} }
button#admin-categories-index_add:active {
background-color: #1aa200 !important;
}
#admin-categories-index_filter { #admin-categories-index_filter {
top: 8px; top: 8px;
} }
@ -3817,10 +3816,11 @@ table.nextmatch_header img {
#egw_fw_header { #egw_fw_header {
width: 100%; width: 100%;
float: left; float: left;
/* Logo EGW or Company - left top*/
/* ########################################################################################################################################### /* ###########################################################################################################################################
Topmenu / Home / Einstellungen / usw.. Topmenu / Home / Einstellungen / Zugriff / Kategorien usw..
########################################################################################################################################### ###########################################################################################################################################
*/ */
} }
#egw_fw_header #egw_divLogo { #egw_fw_header #egw_divLogo {
float: left; float: left;
@ -3990,10 +3990,9 @@ table.nextmatch_header img {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
/*################################################# /* ###################################################
################################################### Slide Effekt
Slide Effekt ###################################################*/
###################################################*/
#egw_fw_topmenu_slide { #egw_fw_topmenu_slide {
width: auto; width: auto;
text-align: center; text-align: center;
@ -4002,6 +4001,7 @@ table.nextmatch_header img {
position: fixed; position: fixed;
left: 194px; left: 194px;
} }
/*ICON List*/
#egw_fw_topmenu_slide.slidedown { #egw_fw_topmenu_slide.slidedown {
background-image: url("../images/list.png"); background-image: url("../images/list.png");
background-position: center center; background-position: center center;
@ -4015,6 +4015,7 @@ table.nextmatch_header img {
position: relative; position: relative;
left: -5px; left: -5px;
} }
/*Icon ARROW UP*/
#egw_fw_topmenu_slide.slideup { #egw_fw_topmenu_slide.slideup {
background-image: url("../images/slideup.png"); background-image: url("../images/slideup.png");
background-position: center center; background-position: center center;
@ -4030,10 +4031,10 @@ table.nextmatch_header img {
display: block; display: block;
} }
/*################################################# /*#################################################
################################################### Add / Print / Logout /
Add / Print / Logout /
- Name / Date - Name / Date
###################################################*/ ###################################################*/
/*#egw_fw_topmenu_addons{}*/
#egw_fw_logout { #egw_fw_logout {
background-image: url(../images/logout.png); background-image: url(../images/logout.png);
background-size: 16px 16px; background-size: 16px 16px;
@ -4051,6 +4052,9 @@ table.nextmatch_header img {
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0.5em; padding: 0.5em;
top: 5px; top: 5px;
position: fixed; position: fixed;
@ -4088,6 +4092,9 @@ table.nextmatch_header img {
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0.5em; padding: 0.5em;
top: 5px; top: 5px;
right: 40px; right: 40px;
@ -4108,15 +4115,17 @@ table.nextmatch_header img {
-moz-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); box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
} }
/*Name / Datum / angemeldete User*/ /*#################################################
/* Second Line
/* e.g. Name / Datum / angemeldete User
###################################################*/
#egw_fw_topmenu_info_items { #egw_fw_topmenu_info_items {
/*postion : top*/
bottom: 0px; bottom: 0px;
right: 5px; right: 0px;
padding-right: 0px; padding-right: 0px;
position: relative; position: relative;
z-index: 1000; z-index: 1000;
margin-right: 20px; margin-right: 4px;
float: right; float: right;
display: flex; display: flex;
display: -webkit-box; display: -webkit-box;
@ -4182,6 +4191,9 @@ table.nextmatch_header img {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 20px 20px; background-size: 20px 20px;
background-position: 4px 4px; background-position: 4px 4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
@ -4351,7 +4363,8 @@ table.nextmatch_header img {
padding-top: 0.31em; padding-top: 0.31em;
padding-left: 3em; padding-left: 3em;
color: #999999; color: #999999;
font-size: 12px; /*font-size: 12px;*/
font-size: 12.100000000000001px;
line-height: 17px; line-height: 17px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object {
@ -4361,11 +4374,9 @@ table.nextmatch_header img {
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active {
cursor: pointer; cursor: pointer;
/*background-image: url("../images/header_active.png");*/
background-image: url("../images/clear.png"); background-image: url("../images/clear.png");
background-position: 95% -3000px; background-position: 95% -3000px;
background-repeat: no-repeat; background-repeat: no-repeat;
/*background-image: none;*/
background-color: #f0f0f0; background-color: #f0f0f0;
-webkit-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0px;
@ -4476,7 +4487,6 @@ table.nextmatch_header img {
border-style: solid; border-style: solid;
border-width: 0px; border-width: 0px;
margin: 0 0 2em 0; margin: 0 0 2em 0;
/*letztes Element*/
/*######################*/ /*######################*/
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content:nth-last-of-type(-n+3) { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content:nth-last-of-type(-n+3) {
@ -4499,8 +4509,6 @@ table.nextmatch_header img {
border-color: #b4b4b4; border-color: #b4b4b4;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category:nth-last-of-type(-n+3) { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category:nth-last-of-type(-n+3) {
/* color:#ff0000;
background-color: yellow !important;*/
-webkit-border-top-right-radius: 0; -webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-left-radius: 15px;
@ -4540,15 +4548,11 @@ table.nextmatch_header img {
margin: 5px 0px 3px 5px; margin: 5px 0px 3px 5px;
padding: 0px 0px 0px 15px; padding: 0px 0px 0px 15px;
line-height: 1em; line-height: 1em;
font-size: 12px; font-size: 12.100000000000001px;
background-image: url(../images/arrow_left.png); background-image: url(../images/arrow_left.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:last-child {
color: #ff0000;
background-color: yellow !important;
}
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category div.egw_fw_ui_category:nth-last-of-type(-n+3) img.egw_fw_ui_sidemenu_listitem_icon { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category div.egw_fw_ui_category:nth-last-of-type(-n+3) img.egw_fw_ui_sidemenu_listitem_icon {
display: block; display: block;
} }
@ -4835,13 +4839,25 @@ table.nextmatch_header img {
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
/* ########################################################################################################################################### /* ##################################################################################################
/* ########################################################################################################################################### * Main
* Main // ##################################################################################
/* ########################################################################################################################################### // ## egw_divLogo ## Toggle up / down | egw_fw_topmenu #
// ## ## #
// ##################################################################################
// ## ## #
// ## ## #
// ## ## #
// ## ## #
// ## ## #
// ## SIDEBAR ## MAIN #
// ## ## #egw_fw_main #
// ## ## #
// ## ## #
// ## ## #
/* #####################################################################################################
*/ */
#egw_fw_main { #egw_fw_main {
margin: 3px 0em 0em 2em;
padding: 0; padding: 0;
width: auto; width: auto;
} }
@ -4856,9 +4872,6 @@ table.nextmatch_header img {
background-color: transparent; background-color: transparent;
float: left; float: left;
width: 100%; width: 100%;
/*margin-top: 3px;*/
/*position: absolute;*/
/*top: 65px;*/
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header {
margin: 0px 0 0 0; margin: 0px 0 0 0;
@ -4902,7 +4915,6 @@ table.nextmatch_header img {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-top-left-radius: 5px; border-top-left-radius: 5px;
/*.background-clip(padding-box);*/ /*.background-clip(padding-box);*/
/*.background-color-5-gray;*/
background: transparent; background: transparent;
display: inline-table; display: inline-table;
margin: 0px 5px 0px 0px; margin: 0px 5px 0px 0px;
@ -4915,10 +4927,12 @@ table.nextmatch_header img {
height: 24px; height: 24px;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover {
background-color: #cccccc; /*.background_color_20_gray ;*/
background-color: #ffdd73;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
font-size: 100%; /*font-size: 100%;*/
font-size: 11px;
line-height: 1em; line-height: 1em;
margin: 0 1px 2px 2px; margin: 0 1px 2px 2px;
vertical-align: super; vertical-align: super;
@ -5009,7 +5023,7 @@ table.nextmatch_header img {
background-image: url(../images/close_button_hover.png); background-image: url(../images/close_button_hover.png);
} }
#egw_fw_main .egw_fw_ui_tab_header_hover { #egw_fw_main .egw_fw_ui_tab_header_hover {
background-color: transparent; background-color: #ffdd73;
} }
#egw_fw_main .egw_fw_ui_tab_content { #egw_fw_main .egw_fw_ui_tab_content {
width: 100%; width: 100%;
@ -5022,9 +5036,9 @@ table.nextmatch_header img {
width: 100%; width: 100%;
padding: 0 0 0 0; padding: 0 0 0 0;
} }
/* ########################################################################################################################################### /* ##################################################################
* ADMIN INDEX Tree * ADMIN INDEX Tree
/* ########################################################################################################################################### /* ##################################################################
*/ */
.standartTreeImage { .standartTreeImage {
/*filter grey*/ /*filter grey*/

18
pixelegg/less/def_design_pattern_color_font_shadow.less
View File

@ -198,6 +198,17 @@
} }
@basefontsize : 11px;
.fontsize_normal {font-size: @basefontsize;}
.fontsize_xs {font-size: @basefontsize*0.25;} // h5
.fontsize_s {font-size: @basefontsize*0.5;} // h4
.fontsize_m {font-size: @basefontsize*1;} // p
.fontsize_l {font-size: @basefontsize*1.1;} // h3 + SIDEBAR APPS H1
.fontsize_xl {font-size: @basefontsize*1.3;} // h2
.fontsize_xxl {font-size: @basefontsize*1.8;} // h1
/*#####################################################################*/ /*#####################################################################*/
/* Radius*/ /* Radius*/
@ -234,9 +245,6 @@
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
} }
// auf hellem Hintergrund // auf hellem Hintergrund
.box_shadow_standard_light { .box_shadow_standard_light {
@ -245,16 +253,12 @@
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
} }
// wird dunkler // wird dunkler
.box_shadow_standard_light_hover { .box_shadow_standard_light_hover {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
// -webkit-box-shadow: none;
// -moz-box-shadow: none;
// box-shadow:none;
} }

148
pixelegg/less/etemplate2.less
View File

@ -159,16 +159,7 @@ span.et2_date span {
padding: 1em; padding: 1em;
} }
/* &:before {
content: "+ ";
font-size: 2em;
color: @egw_color_1_a;
line-height: 0.6em;
padding-left: 0.1em;
padding-right: 0em;
background-color: @egw_color_2_a;
.border_radius_button_lefttop;
}*/
&:hover {background-color: @color_positive_action_active !important;} &:hover {background-color: @color_positive_action_active !important;}
&:active {background-color: @color_positive_action_active !important;} &:active {background-color: @color_positive_action_active !important;}
} }
@ -236,13 +227,8 @@ div.et2_link_entry{
*/ */
.et2_tabflag { .et2_tabflag {
/*display: inline-block;*/
margin: 1em 3px -1px 0; margin: 1em 3px -1px 0;
padding: 4px; padding: 4px;
/*cursor: pointer;*/
/*font-size: 0.8em;*/
/*.border_radius(3px,0,0,3px);*/
.background_color_25_gray; .background_color_25_gray;
.inner_shadow(1px, 0px, 0px, 0.5); .inner_shadow(1px, 0px, 0px, 0.5);
-webkit-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5);
@ -334,13 +320,22 @@ hr {
span.et2_label {background-color: transparent;padding-left: 3px;} span.et2_label {background-color: transparent;padding-left: 3px;}
} }
} }
/* ################################################################
/* ##################################################################################
* Nextmatch widget * Nextmatch widget
* ################################################################*/ * ##################################################################################*/
//
// SEARCH FIELD | SEARCH BUTTON ###### FILTER ##### EXPORT IMG ### FAVORITES ### COUNT
// AREA AROUND CONTENT
.et2_nextmatch { .et2_nextmatch {
.background_color_10_gray; .background_color_10_gray;
} }
/* images*/ // ALL images
.et2_nextmatch > img {.dimension_width_height_s;} .et2_nextmatch > img {.dimension_width_height_s;}
@ -349,14 +344,14 @@ hr {
// count // count
.nextmatch_header .header_count { .nextmatch_header .header_count {
font-size: 11px; .fontsize_normal;
position: relative; position: relative;
top: 3px; top: 3px;
height: 22px; height: 22px;
// count // count number
span { span {
font-size: 11px; .fontsize_normal;
top: 4px; top: 4px;
position: relative; position: relative;
} }
@ -408,10 +403,14 @@ hr {
// Select -> Option // Select -> Option
.nextmatch_header > .filters > select > option {font-size: 0.9em;} .nextmatch_header > .filters > select > option {.fontsize_normal;}
// ####################################################
// Search Field // Search Field
//
//
.nextmatch_header > .search{ .nextmatch_header > .search{
padding: 0 0 0 3px; padding: 0 0 0 3px;
@ -424,28 +423,28 @@ hr {
/*.background_color_search;*/ /*.background_color_search;*/
/*background-color: @gray_0;*/ /*background-color: @gray_0;*/
border: none; border: none;
font-size: 11px; .fontsize_normal;
color: #000; color: @gray_100;
/*margin: 0 2px;*/
} }
input::-webkit-input-placeholder {
input::-webkit-input-placeholder {
/* WebKit browsers */ /* WebKit browsers */
color: @gray_60; color: @gray_60;
} }
input:-moz-placeholder { input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 4 to 18 */
color: @gray_60; color: @gray_60;
} }
input::-moz-placeholder { input::-moz-placeholder {
/* Mozilla Firefox 19+ */ /* Mozilla Firefox 19+ */
color: @gray_60; color: @gray_60;
} }
input:-ms-input-placeholder { input:-ms-input-placeholder {
/* Internet Explorer 10+ */ /* Internet Explorer 10+ */
color: @gray_60; color: @gray_60;
} }
// SEARCH BUTTON
button.et2_button { button.et2_button {
.border_normal; .border_normal;
@ -455,19 +454,11 @@ hr {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
width: 45px; width: 45px;
/*height: 1.6em;*/
.border_radius_button_righttop; .border_radius_button_righttop;
/*.background_color_search;*/
color: lighten(@egw_color_1, 15%);
text-decoration: none;
/*cursor: pointer; 14022014 entfernt*/ /*cursor: pointer; 14022014 entfernt*/
padding: 0px; padding: 0px;
margin: 8px 10px; margin: 8px 10px;
margin-left: 0px; margin-left: 0px;
background-image: url("../images/search.png"); background-image: url("../images/search.png");
background-position: center 0; background-position: center 0;
background-size: contain; background-size: contain;
@ -476,22 +467,22 @@ hr {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
&:hover{ &:hover{
.box_shadow_standard_light_hover; .box_shadow_standard_light_hover;
background-color: @egw_color_2_e !important; background-color: @egw_color_2_e !important;
/*hide arrow*/ /*hide arrow*/
color: @egw_color_2_e !important; color: @egw_color_2_e !important;
} }
&:active { &:active {
/*.background_verlauf_diagonal_gray;*/ /*.background_verlauf_diagonal_gray;*/
background-color: @color_positive_action_active !important; background-color: @color_positive_action_active !important;
} }
&:focus { &:focus {
.Complete_Button_input_focus; .Complete_Button_input_focus;
/*background-color: @color_positive_action_active !important;*/ /*background-color: @color_positive_action_active !important;*/
} }
} }
@ -508,9 +499,7 @@ hr {
} }
.nextmatch_header .et2_button_icon { .nextmatch_header .et2_button_icon {}
}
// Export Button // Export Button
.nextmatch_header > .filters .et2_button_icon { .nextmatch_header > .filters .et2_button_icon {
@ -550,26 +539,31 @@ hr {
* *
################################################################*/ ################################################################*/
div#admin-categories-index{
padding: 0px;
// save space above nextmatch
// set height to zero
div.ui-helper-clearfix { height: 0px;}
// move add button
div.et2_hbox_right {
margin-right: 0;
padding: 0;
}
}
/*ADD Button*/ /*ADD Button*/
#admin-categories-index_add { button#admin-categories-index_add {
.Complete_Button_add_only_plus;
.dimension_width_height_l; .dimension_height_m;
border: 1px solid rgba(0, 0, 0, 0.15); margin: 6px 2px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); &:hover {.Complete_Button_add_only_plus_hover;}
padding: 0.5em; &:active {background-color: @color_positive_action_active !important;}
&:before {
content: "+";
font-size: 2em;
color: @egw_color_1;
line-height: 0.6em;
padding-left: 0.1em;
padding-right: 4em;
}
&:hover {.Complete_Button_add_hover};
} }
#admin-categories-index_filter {top: 8px;} #admin-categories-index_filter {top: 8px;}
@ -762,11 +756,11 @@ div.et2_progress > div {
* et2_toolbar * et2_toolbar
*/ */
.ui-toolbar_dropShadow { .ui-toolbar_dropShadow {
min-height: 30px; min-height: 30px;
border: dashed; border: dashed;
border-width: 1px; border-width: 1px;
border-color: gray; border-color: gray;
opacity:0.7; opacity:0.7;
} }
/** /**

2
pixelegg/less/layout_dialog.less
View File

@ -18,7 +18,7 @@
@import (reference) "def_buttons.less"; @import (reference) "def_buttons.less";
/*@import (reference) "def_content_elements.less";*/ /*@import (reference) "def_content_elements.less";*/
@import (reference) "def_design_pattern_color_font_shadow.less"; @import (reference) "def_design_pattern_color_font_shadow.less";
@import (reference) "def_messages.less";
// Dialoge Allgemeine Definition // Dialoge Allgemeine Definition

454
pixelegg/less/layout_raster.less
View File

@ -36,40 +36,39 @@
.egwGridView_scrollarea { .egwGridView_scrollarea {
width: 100%; width: 100%;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
} }
#egw_fw_header{ #egw_fw_header{
width: 100%; width: 100%;
float: left; float: left;
// Logo /* Logo EGW or Company - left top*/
#egw_divLogo { #egw_divLogo {
float: left; float: left;
width: 255px; width: 255px;
display: block; display: block;
margin-left: -8px; margin-left: -8px;
text-align: center; text-align: center;
height: 45px; height: 45px;
.background_color_5_gray; .background_color_5_gray;
img { img {
width: 209px; width: 209px;
border: none; border: none;
position: absolute; position: absolute;
top: 0.41em; top: 0.41em;
left: 1em; left: 1em;
.background_color_5_gray; .background_color_5_gray;
} }
} }
/* ########################################################################################################################################### /* ###########################################################################################################################################
Topmenu / Home / Einstellungen / usw.. Topmenu / Home / Einstellungen / Zugriff / Kategorien usw..
########################################################################################################################################### ###########################################################################################################################################
*/ */
#egw_fw_topmenu ul, #egw_fw_topmenu ul,
#egw_fw_topmenu > * > ul > li, #egw_fw_topmenu > * > ul > li,
@ -217,15 +216,12 @@
} // Ende Header } // Ende Header
/* ###################################################
/*################################################# Slide Effekt
################################################### ###################################################*/
Slide Effekt
###################################################*/
#egw_fw_topmenu_slide{ #egw_fw_topmenu_slide{
// width: 100%;
width: auto; width: auto;
text-align: center; text-align: center;
height: 15px; height: 15px;
@ -234,6 +230,8 @@
left: 194px; left: 194px;
} }
/*ICON List*/
#egw_fw_topmenu_slide.slidedown{ #egw_fw_topmenu_slide.slidedown{
background-image: url("../images/list.png"); background-image: url("../images/list.png");
background-position: center center; background-position: center center;
@ -247,6 +245,8 @@
position: relative; position: relative;
left: -5px; left: -5px;
} }
/*Icon ARROW UP*/
#egw_fw_topmenu_slide.slideup{ #egw_fw_topmenu_slide.slideup{
background-image: url("../images/slideup.png"); background-image: url("../images/slideup.png");
background-position: center center; background-position: center center;
@ -257,6 +257,7 @@
margin-left: 40px; margin-left: 40px;
} }
#slidetoggle{ #slidetoggle{
width: 20px; width: 20px;
height: 20px; height: 20px;
@ -266,18 +267,14 @@
/*################################################# /*#################################################
################################################### Add / Print / Logout /
Add / Print / Logout /
- Name / Date - Name / Date
###################################################*/ ###################################################*/
#egw_fw_topmenu_addons{ /*#egw_fw_topmenu_addons{}*/
}
// Logout // Button Logout
#egw_fw_logout { #egw_fw_logout {
background-image: url(../images/logout.png); background-image: url(../images/logout.png);
background-size: 16px 16px; background-size: 16px 16px;
@ -292,6 +289,7 @@
.Button_size_square_16; .Button_size_square_16;
.border_normal; .border_normal;
.box_shadow_standard_light; .box_shadow_standard_light;
.border_radius_button_normal;
padding: 0.5em; padding: 0.5em;
top: 5px; top: 5px;
position: fixed; position: fixed;
@ -305,7 +303,7 @@
// Print // Button Print
#egw_fw_print { #egw_fw_print {
background-image: url(../images/print.png); background-image: url(../images/print.png);
@ -321,6 +319,7 @@
.Button_size_square_16; .Button_size_square_16;
.border_normal; .border_normal;
.box_shadow_standard_light; .box_shadow_standard_light;
.border_radius_button_normal;
padding: 0.5em; padding: 0.5em;
top: 5px; top: 5px;
right: 40px; right: 40px;
@ -332,18 +331,20 @@
} }
/*#################################################
/* Second Line
/* e.g. Name / Datum / angemeldete User
###################################################*/
/*Name / Datum / angemeldete User*/
#egw_fw_topmenu_info_items { #egw_fw_topmenu_info_items {
/*postion : top*/
bottom: 0px; bottom: 0px;
right: 5px; right: 0px;
padding-right: 0px; padding-right: 0px;
position: relative; position: relative;
z-index: 1000; z-index: 1000;
margin-right: 20px; margin-right: 4px;
float: right; float: right;
@ -418,8 +419,9 @@
/*quick*/ /*quick*/
#topmenu_info_quick_add { #topmenu_info_quick_add {
// ######################################## // ##############################################################################
// quick_add // quick_add
// Fist you see an ADD Icon, via Mouseover it expand right, to an select field
span#quick_add { span#quick_add {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
@ -435,7 +437,7 @@
background-size: 20px 20px; background-size: 20px 20px;
background-position: 4px 4px; background-position: 4px 4px;
.border_radius_button_normal;
.dimension_width_height_s; .dimension_width_height_s;
&:before { &:before {
@ -450,7 +452,9 @@
&:focus {.box_shadow_standard_light_inset;} &:focus {.box_shadow_standard_light_inset;}
} }
// Country switch // ##############################################################################
// quick_add selectbox
// ADD different APPs
select#quick_add_selectbox { select#quick_add_selectbox {
visibility: hidden; visibility: hidden;
@ -465,8 +469,9 @@
} }
// ##############################################################################
// JS ERROR // JS ERROR BUTTON
// blinking red IMG
img#topmenu_info_error{ img#topmenu_info_error{
.dimension_width_height_s; .dimension_width_height_s;
position: fixed; position: fixed;
@ -518,7 +523,7 @@
* Sidebar * Sidebar
* ################################################################################################################*/ * ################################################################################################################*/
// AREA UNDER LOGO
#egw_fw_sidebar { #egw_fw_sidebar {
position: fixed; position: fixed;
overflow: hidden; overflow: hidden;
@ -528,7 +533,7 @@
width: 225px; width: 225px;
.background_color_5_gray; .background_color_5_gray;
//Menu //SIDE AREA
#egw_fw_sidemenu { #egw_fw_sidemenu {
position: absolute; position: absolute;
top: 0px; top: 0px;
@ -539,13 +544,15 @@
z-index: 0; z-index: 0;
padding-top: 0.6em; padding-top: 0.6em;
font-size: 0.9em; font-size: 0.9em;
// .background-color-0-gray;
// SIDE AREA
.egw_fw_ui_scrollarea_outerdiv{ .egw_fw_ui_scrollarea_outerdiv{
.background_color_5_gray; .background_color_5_gray;
// Alle Tabs //####################################################
// AREA for
// DRAG AND DROP
div.ui-sortable { div.ui-sortable {
div { div {
@ -554,44 +561,54 @@
} }
} }
//####################################################
// All Tabs
// DRAG AND DROP
.egw_fw_ui_sidemenu_entry_header { .egw_fw_ui_sidemenu_entry_header {
display: block; display: block;
margin: 0 0; margin: 0 0;
/*padding: 0px 5px 5px 10px;*/ /*padding: 0px 5px 5px 10px;*/
&:hover { &:hover {
.background_color_15_gray; .background_color_15_gray;
.rounded(5px); .rounded(5px);
} }
&:active {.box_shadow_standard_light_inset;} &:active {.box_shadow_standard_light_inset;}
h1 { h1 {
margin: 0 0 10px 0; margin: 0 0 10px 0;
padding-top: 0.31em; padding-top: 0.31em;
padding-left: 3em; padding-left: 3em;
.color_40_gray; .color_40_gray;
font-size: 12px; /*font-size: 12px;*/
line-height: 17px; .fontsize_l;
} line-height: 17px;
}
object {background-color: @gray_0; .dimension_width_height_m;} object {background-color: @gray_0; .dimension_width_height_m;}
} }
// ####################################
// #### #
// ### IMG | ADD NAME #
// ### #
// ### #
//###########################################
// aktive APP // aktive APP
// aktiver Tab // aktiver Tab
// rounded Corner Left Top
.egw_fw_ui_sidemenu_entry_header_active { .egw_fw_ui_sidemenu_entry_header_active {
// //
cursor: pointer; cursor: pointer;
/*background-image: url("../images/header_active.png");*/
background-image: url("../images/clear.png"); background-image: url("../images/clear.png");
background-position: 95% -3000px; background-position: 95% -3000px;
background-repeat: no-repeat; background-repeat: no-repeat;
/*background-image: none;*/
.background_color_10_gray; .background_color_10_gray;
.border_radius ( 5px, 0px, 0px, 27px ); .border_radius ( 5px, 0px, 0px, 27px );
@ -629,8 +646,33 @@
} }
//####################################################
// Rahmen um APP Einstellungen // Rahmen um APP Einstellungen
// egw_fw_ui_sidemenu_entry_content
// ########################################
// ## ##
// ## ##
// ########################################
// ########################################
// ## ##
// ## ##
// ########################################
// ########################################
// ## ##
// ## ##
// ########################################
// ########################################
// ## div.egw_fw_ui_category ##
// ## &:nth-last-of-type(-n+3) ##
// #####################################
.egw_fw_ui_sidemenu_entry_content { .egw_fw_ui_sidemenu_entry_content {
display: block; display: block;
background-image: none; background-image: none;
@ -640,6 +682,8 @@
border-width: 0px; border-width: 0px;
margin: 0 0 2em 0; margin: 0 0 2em 0;
// rounded Corner on bottom
&:nth-last-of-type(-n+3) { &:nth-last-of-type(-n+3) {
padding: 5px 0.3em 1.5em 0.3em; padding: 5px 0.3em 1.5em 0.3em;
margin: 0 0 10px 0; margin: 0 0 10px 0;
@ -648,14 +692,17 @@
border-color: @gray_30; border-color: @gray_30;
} }
/*letztes Element*/
//###################################################
// *letztes Element */
// has round corners
div.egw_fw_ui_category:nth-last-of-type(-n+3) { div.egw_fw_ui_category:nth-last-of-type(-n+3) {
/* color:#ff0000;
background-color: yellow !important;*/
.border_radius (0, 0, 15px, 0); .border_radius (0, 0, 15px, 0);
} }
// Schaltflächen //###################################################
// Schaltflächen - Elements
// Normal // Normal
.egw_fw_ui_category { .egw_fw_ui_category {
margin: 10px 5px 0px 5px; margin: 10px 5px 0px 5px;
@ -673,26 +720,23 @@
margin: 5px 0px 3px 5px; margin: 5px 0px 3px 5px;
padding: 0px 0px 0px 15px; padding: 0px 0px 0px 15px;
line-height: 1em; line-height: 1em;
font-size: 12px; .fontsize_l;
background-image:url(../images/arrow_left.png); background-image:url(../images/arrow_left.png);
background-repeat:no-repeat; background-repeat:no-repeat;
background-position:left center; background-position:left center;
} }
&:last-child { div.egw_fw_ui_category:nth-last-of-type(-n+3) {
color:#ff0000; img.egw_fw_ui_sidemenu_listitem_icon {
background-color: yellow !important; display: block;
}
} }
div.egw_fw_ui_category:nth-last-of-type(-n+3) {
img.egw_fw_ui_sidemenu_listitem_icon {
display: block;
}
}
} }
// Hover //#################################
// Hover
// on Mouse over change color
.egw_fw_ui_category:hover { .egw_fw_ui_category:hover {
.background_color_40_gray; .background_color_40_gray;
padding: 0.5em 1em; padding: 0.5em 1em;
@ -702,6 +746,8 @@
/*######################*/ /*######################*/
// Active State // Active State
// change Background color in Blue
// See all Elements
.egw_fw_ui_category_active { .egw_fw_ui_category_active {
border-bottom-width: 0px; border-bottom-width: 0px;
margin-top: 4px; margin-top: 4px;
@ -717,21 +763,22 @@
line-height: 1em; line-height: 1em;
font-size: 12px; font-size: 12px;
a { a {
color: #FFF; color: #FFF;
img {.dimension_width_height_s;} img {.dimension_width_height_s;}
}
&:hover {
a:hover { padding: 5px 30px 5px 0px;
padding: 5px 30px 5px 0px; width: 200px;
width: 200px; .background_color_10_gray;
.background_color_10_gray; .color_50_gray;
.color_50_gray; .Complete_Button_hover;
.Complete_Button_hover; }
} }
}
}
&:hover {background-color: @egw_color_2_d; .transition (0.2s, ease-out);} &:hover {background-color: @egw_color_2_d; .transition (0.2s, ease-out);}
} }
@ -751,29 +798,26 @@
} }
.egw_fw_ui_sidemenu_entry_icon { .egw_fw_ui_sidemenu_entry_icon {
display: inline-block; display: inline-block;
.dimension_height_m; .dimension_height_m;
padding-left: 0; padding-left: 0;
padding-right: 0px; padding-right: 0px;
float: left; float: left;
/*filter grey*/ /*filter grey*/
.img_filter_gray; .img_filter_gray;
}
}
} }
} } // SIDEMENU ENDE
/*#################################*/ /*#################################*/
// Trenner (Splitter) // Trenner (Splitter)
#egw_fw_splitter { #egw_fw_splitter {
position: absolute; position: absolute;
// background-color: RGB(200, 200, 255);
.background_color_30_gray; .background_color_30_gray;
width: 5px; width: 5px;
top: 40px; top: 40px;
@ -786,6 +830,8 @@
// Menu Seite links // Menu Seite links
} }
/** DON"T MOVE THIS **/ /** DON"T MOVE THIS **/
.egw_fw_ui_splitter_vertical { .egw_fw_ui_splitter_vertical {
background-image: url(../images/splitter_vert.png); background-image: url(../images/splitter_vert.png);
@ -801,9 +847,29 @@
//####################################################
// Submenu / Unterpunkte in der Seitenleiste
// ########################################
// ## ##
// ## ##
// ## ############################# ##
// ## #.egw_fw_ui_category_content# ##
// ## ############################# ##
// ## ##
// ########################################
// ########################################
// ## ##
// ## ##
// ########################################
// ########################################
// ## ##
// ## ##
// ########################################
// Submenu / Unterpunkte in der Seitenleiste
.egw_fw_ui_category_content { .egw_fw_ui_category_content {
.background_color_0_gray; .background_color_0_gray;
@ -818,18 +884,18 @@
margin-right: 5px; margin-right: 5px;
/*min-height: 50px;*/ /*min-height: 50px;*/
// Last Element rounded // Last Element rounded
&:last-of-type{ &:last-of-type{
.border_radius (0, 0, 10px, 0); .border_radius (0, 0, 10px, 0);
border-color: @gray_30; border-color: @gray_30;
} }
img { .dimension_height_s; vertical-align: middle;} img { .dimension_height_s; vertical-align: middle;}
&:hover { &:hover {
.background_color_0_gray; .background_color_0_gray;
border-color: @gray_50; border-color: @gray_50;
} }
input#uical_select_owner_multiple{ input#uical_select_owner_multiple{
.dimension_height_s; .dimension_height_s;
@ -845,7 +911,33 @@
} }
//####################################################
// Submenu / Unterpunkte in der Seitenleiste
// ########################################
// ## ##
// ## ##
// ## ############################# ##
// ## #.egw_fw_ui_category_content# ##
// ## ############################# ##
// ## # # ##
// ## # .egw_fw_ui_sidemenu_listitem ##
// ## # # ##
// ## ############################# ##
// ## ##
// ########################################
// ########################################
// ## ##
// ## ##
// ########################################
// ########################################
// ## ##
// ## ##
// ########################################
// Sub Sub Menu Item // Sub Sub Menu Item
@ -951,7 +1043,7 @@
// Submenu Item - gelb // Submenu Hover Item - gelb
&:hover{ &:hover{
.color_100_gray; .color_100_gray;
background-color: @egw_color_1_e; background-color: @egw_color_1_e;
@ -965,7 +1057,9 @@
// ##############################################################
// ## ##
// ## ##
// Scrollarea // Scrollarea
.egw_fw_ui_scrollarea .egw_fw_ui_scrollarea
@ -1034,8 +1128,7 @@
z-index: 1000; z-index: 1000;
top: 0px; top: 0px;
left: 0px; left: 0px;
width: 16px; .dimension_width_height_s;
height: 16px;
background-image: url(../images/ajax-loader.gif); background-image: url(../images/ajax-loader.gif);
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1045,24 +1138,29 @@
/* ########################################################################################################################################### /* ##################################################################################################
/* ########################################################################################################################################### * Main
* Main // ##################################################################################
/* ########################################################################################################################################### // ## egw_divLogo ## Toggle up / down | egw_fw_topmenu #
// ## ## #
// ##################################################################################
// ## ## #
// ## ## #
// ## ## #
// ## ## #
// ## ## #
// ## SIDEBAR ## MAIN #
// ## ## #egw_fw_main #
// ## ## #
// ## ## #
// ## ## #
/* #####################################################################################################
*/ */
#egw_fw_main { #egw_fw_main {
// margin: 0;
// float: left;
margin: 3px 0em 0em 2em;
// .background-color-0-gray;
padding: 0; padding: 0;
width: auto; width: auto;
// ######################################## // ########################################
// APPS // APPS
// CHrome hack // CHrome hack
@ -1073,16 +1171,14 @@
} }
} }
// #######################################
// AREA for Content
#egw_fw_tabs{ #egw_fw_tabs{
position: relative; position: relative;
background-color: transparent; background-color: transparent;
float: left; float: left;
width: 100%; width: 100%;
/*margin-top: 3px;*/
/*position: absolute;*/
/*top: 65px;*/
// ############################################################ // ############################################################
// Tabnavigation // Tabnavigation
@ -1101,35 +1197,30 @@
// Div um Tabs // Div um Tabs
.egw_fw_ui_tabs_header { .egw_fw_ui_tabs_header {
margin: 0px 0 0 0; margin: 0px 0 0 0;
padding: 0px 1px 0px 1px; padding: 0px 1px 0px 1px;
background-position: bottom; background-position: bottom;
background-repeat: repeat-x; background-repeat: repeat-x;
background-color: transparent; background-color: transparent;
height: 34px; height: 34px;
h1 { h1 {
/*float: left;*/ /*float: left;*/
display: inline; display: inline;
width: 100%; width: 100%;
text-align: center; text-align: center;
-webkit-margin-before: 0; -webkit-margin-before: 0;
-webkit-margin-after: 0; -webkit-margin-after: 0;
} }
img{ img{
text-align:center; text-align:center;
float: none; float: none;
margin: 0 auto; margin: 0 auto;
.dimension_width_height_s; .dimension_width_height_s;
} }
// Tab
// Tab
// ########## // ##########
// # # // # #
// # # // # #
@ -1141,13 +1232,8 @@
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
position: relative; position: relative;
.border_radius(5px,0, 0, 5px); .border_radius(5px,0, 0, 5px);
/*.background-color-5-gray;*/
background: transparent; background: transparent;
display: inline-table; display: inline-table;
margin: 0px 5px 0px 0px; margin: 0px 5px 0px 0px;
padding: 2px 2px 5px 2px; padding: 2px 2px 5px 2px;
@ -1155,21 +1241,24 @@
border-width: 1px 1px 0 1px; border-width: 1px 1px 0 1px;
border-style: solid; border-style: solid;
border-color: @gray_30;; border-color: @gray_30;;
background-repeat:repeat-x; background-repeat:repeat-x;
height: 24px; height: 24px;
&:hover {.background_color_20_gray ;} &:hover {
/*.background_color_20_gray ;*/
background-color: @egw_color_1_e;
}
// APP Name
h1 { h1 {
font-size: 100%; /*font-size: 100%;*/
.fontsize_m;
line-height: 1em; line-height: 1em;
margin:0 1px 2px 2px; margin:0 1px 2px 2px;
vertical-align: super; vertical-align: super;
} }
// Bilder // Images
img.egw_fw_ui_tab_icon { img.egw_fw_ui_tab_icon {
display: inline-block; display: inline-block;
.dimension_width_height_s; .dimension_width_height_s;
@ -1177,7 +1266,8 @@
.img_filter_gray; .img_filter_gray;
} }
// FOR SVG IMG
object { object {
.dimension_width_height_s; .dimension_width_height_s;
/*background-color: @gray_0;*/ /*background-color: @gray_0;*/
@ -1194,7 +1284,6 @@
// # # // # #
// # # // # #
// ########## // ##########
/*aktive Tabs*/ /*aktive Tabs*/
.egw_fw_ui_tab_header_active { .egw_fw_ui_tab_header_active {
border-width: 1px 1px 0px 1px !important; border-width: 1px 1px 0px 1px !important;
@ -1221,6 +1310,10 @@
} }
} }
// #################
// # close x #
// # #
// #################
.egw_fw_ui_tab_close_button { .egw_fw_ui_tab_close_button {
right: 1px; right: 1px;
top: 1px; top: 1px;
@ -1237,19 +1330,16 @@
:hover { :hover {
background-image: url(../images/close_button_hover.png); background-image: url(../images/close_button_hover.png);
} }
} }
// Ende Tabs // Ende Tabs
} }
// ################################
// Hover // Hover
// no effect ?
.egw_fw_ui_tab_header_hover{ .egw_fw_ui_tab_header_hover{
background-color: transparent; background-color: @egw_color_1_e;
} }
// Der eigentliche Inhalt der APP // Der eigentliche Inhalt der APP
@ -1269,7 +1359,7 @@
padding: 0px; padding: 0px;
margin: 0; margin: 0;
overflow-x: hidden; overflow-x: hidden;
overflow-y: hidden; overflow-y: hidden;
> div { > div {
@ -1280,9 +1370,9 @@
// Ende Main // Ende Main
} }
/* ########################################################################################################################################### /* ##################################################################
* ADMIN INDEX Tree * ADMIN INDEX Tree
/* ########################################################################################################################################### /* ##################################################################
*/ */