holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

nicer formatting of apps using old eTemplate

Browse Source
This commit is contained in:
Ralf Becker 2014-03-24 15:09:45 +00:00
parent 99c1bcd865
commit aa4552faec
2 changed files with 62 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
pixelegg/css/pixelegg.css
View File

@ -5304,6 +5304,17 @@ tr.dialogOperators td {
padding: 5px 6px 5px 0; padding: 5px 6px 5px 0;
vertical-align: middle; vertical-align: middle;
} }
/*** dialogHeader on a box not table ***/
div.dialogHeader {
background-color: #0c5da5 !important;
vertical-align: middle;
font-size: 150%;
}
.dialogHeader2,
.dialogHeader3,
.dialogHeader4 {
font-size: 120%;
}
/********** Header Part ********************/ /********** Header Part ********************/
.dialogHeader { .dialogHeader {
/*.gradient_thead;*/ /*.gradient_thead;*/
@ -5393,7 +5404,9 @@ tr.dialogHeader4 .et2_label {
.et2_tabheader :first-child { .et2_tabheader :first-child {
margin-left: 0px; margin-left: 0px;
} }
.et2_tabflag { .et2_tabflag,
.etemplate_tab > div,
.etemplate_tab_active > div {
margin: 1em 3px -1px 0; margin: 1em 3px -1px 0;
padding: 4px; padding: 4px;
background-color: #b4b4b4; background-color: #b4b4b4;
@ -5415,15 +5428,23 @@ tr.dialogHeader4 .et2_label {
border-top-left-radius: 3px; border-top-left-radius: 3px;
/*.background-clip(padding-box);*/ /*.background-clip(padding-box);*/
} }
.et2_tabflag:hover { .et2_tabflag:hover,
.etemplate_tab > div:hover,
.etemplate_tab_active > div:hover {
color: #808080; color: #808080;
background-color: #bfbfbf; background-color: #bfbfbf;
} }
.et2_tabflag:active { .et2_tabflag:active,
.etemplate_tab > div:active,
.etemplate_tab_active > div:active {
background-color: #ffffff; background-color: #ffffff;
color: #ffffff; color: #ffffff;
} }
.et2_tabflag.active { td.etemplate_tab_active.th {
background-color: transparent;
}
.et2_tabflag.active,
.etemplate_tab_active > div {
border-spacing: 0px; border-spacing: 0px;
background-color: white; background-color: white;
color: #000000; color: #000000;
@ -5431,15 +5452,17 @@ tr.dialogHeader4 .et2_label {
border-style: solid; border-style: solid;
border-color: #505050; border-color: #505050;
} }
.et2_tabflag.active:hover { .et2_tabflag.active:hover,
.etemplate_tab_active > div:hover {
color: #000000; color: #000000;
background-color: white; background-color: white;
} }
.et2_tabs { .et2_tabs,
/*border-width: 0px 1px 1px 1px;*/ .tab_body {
/*border-style: solid;*/ border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #b4b4b4; border-color: #b4b4b4;
/*padding: 5px;*/ padding: 5px;
/*overflow-y: auto;*/ /*overflow-y: auto;*/
background-color: #ffffff; background-color: #ffffff;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -5447,6 +5470,12 @@ tr.dialogHeader4 .et2_label {
border-radius: 3px; border-radius: 3px;
margin-bottom: 11px; margin-bottom: 11px;
} }
.tab_body {
border-top-width: 1px;
}
div#etemplate\.tab_widget {
margin-bottom: 11px;
}
/************* Main **********************************/ /************* Main **********************************/
.dialogMainTimeframe div { .dialogMainTimeframe div {
min-height: 100px; min-height: 100px;

31
pixelegg/less/layout_dialog.less
View File

@ -165,7 +165,15 @@ padding: 5px 6px 5px 0;
vertical-align: middle; vertical-align: middle;
} }
/*** dialogHeader on a box not table ***/
div.dialogHeader {
background-color: @egw_color_2_a !important;
vertical-align: middle;
font-size: 150%
}
.dialogHeader2, .dialogHeader3, .dialogHeader4 {
font-size: 120%;
}
/********** Header Part ********************/ /********** Header Part ********************/
@ -290,7 +298,7 @@ tr.dialogHeader4{
} }
} }
.et2_tabflag { .et2_tabflag, .etemplate_tab > div, .etemplate_tab_active > div {
margin: 1em 3px -1px 0; margin: 1em 3px -1px 0;
padding: 4px; padding: 4px;
background-color: @gray_30; background-color: @gray_30;
@ -308,9 +316,12 @@ tr.dialogHeader4{
.color_0_gray; .color_0_gray;
} }
} }
td.etemplate_tab_active.th {
background-color: transparent;
}
.et2_tabflag.active { .et2_tabflag.active, .etemplate_tab_active > div {
border-spacing: 0px; border-spacing: 0px;
background-color: white; background-color: white;
.color_100_gray; .color_100_gray;
@ -326,17 +337,23 @@ tr.dialogHeader4{
// field for content // field for content
.et2_tabs { .et2_tabs, .tab_body {
/*border-width: 0px 1px 1px 1px;*/ border-width: 0px 1px 1px 1px;
/*border-style: solid;*/ border-style: solid;
border-color: @gray_30; border-color: @gray_30;
/*padding: 5px;*/ padding: 5px;
/*overflow-y: auto;*/ /*overflow-y: auto;*/
background-color: @gray_0; background-color: @gray_0;
.rounded(3px); .rounded(3px);
margin-bottom: 11px; margin-bottom: 11px;
} }
.tab_body {
border-top-width: 1px;
}
div#etemplate\.tab_widget {
margin-bottom: 11px;
}