pixelegg changes from friday

This commit is contained in:
Ralf Becker 2014-01-11 18:52:09 +00:00
parent 8c9034b3e9
commit c72c937341
9 changed files with 208 additions and 65 deletions

View File

@ -173,11 +173,11 @@ fieldset.emailGroup {
* Give space to both contact view & infolog list
*/
#addressbook-index {
height: 99%;
/*height: 99%;*/
}
#addressbook-edit {
height: auto;
min-height: 390px;
/*height: auto;*/
/*min-height: 390px;*/
overflow: auto;
}
div#addressbook-index div.et2_hbox_left {
@ -834,7 +834,7 @@ fieldset.emailGroup {
}
div#addressbook-edit fieldset.phoneGroup table.et2_grid tr:nth-child(odd),
div#addressbook-search fieldset.phoneGroup table.et2_grid tr:nth-child(odd) {
background: #f7f7f7;
background: #fafafa;
}
div#addressbook-edit fieldset.phoneGroup table.et2_grid td,
div#addressbook-search fieldset.phoneGroup table.et2_grid td {
@ -879,7 +879,7 @@ fieldset.emailGroup {
}
div#addressbook-edit fieldset.emailGroup table.et2_grid tr:nth-child(odd),
div#addressbook-search fieldset.emailGroup table.et2_grid tr:nth-child(odd) {
background: #f7f7f7;
background: #fafafa;
}
div#addressbook-edit fieldset.emailGroup table.et2_grid td,
div#addressbook-search fieldset.emailGroup table.et2_grid td {
@ -970,7 +970,7 @@ fieldset.emailGroup {
background: #ffffff;
}
#addressbook-edit_addressbook-edit-general td.addressbook_edit_general_left table.et2_grid div#addressbook-edit_addressbook-edit-name table.et2_grid tr:nth-child(odd) {
background: #f7f7f7;
background: #fafafa;
}
#addressbook-edit_addressbook-edit-general td.addressbook_edit_general_left table.et2_grid div#addressbook-edit_addressbook-edit-name table.et2_grid td {
padding: 5px 0px 5px 3px;
@ -1014,7 +1014,7 @@ fieldset.emailGroup {
background: #ffffff;
}
#addressbook-edit_addressbook-edit-details table.et2_grid tr:nth-child(odd) {
background: #f7f7f7;
background: #fafafa;
}
#addressbook-edit_addressbook-edit-details table.et2_grid td {
padding: 5px 0px 5px 3px;

View File

@ -49,11 +49,11 @@
#addressbook-index {
height: 99%;
/*height: 99%;*/
}
#addressbook-edit {
height: auto;
min-height: 390px;
/*height: auto;*/
/*min-height: 390px;*/
overflow: auto;
}
@ -284,7 +284,7 @@ div#addressbook-index{
padding: 0px;
margin-top: 0px;
vertical-align: middle;
.gradient-vertical (@egw_color_2_a, @egw_color_2_a);
.gradient_vertical (@egw_color_2_a, @egw_color_2_a);
&:hover{.Complete_Button_Icon_hover ;}
@ -304,7 +304,7 @@ div#addressbook-index{
&:before {content: ""; font-size: 1em;padding-left: 5px;}
/*Text*/
span {visibility: hidden; display: none;};
img {.scale; margin: 0.5em; .gradient-vertical (@egw_color_2_a, @egw_color_2_a);}
img {.scale; margin: 0.5em; .gradient_vertical (@egw_color_2_a, @egw_color_2_a);}
}
}

View File

@ -130,7 +130,7 @@ div.filemanager_navigation {
div.filemanager_navigation img {
width: 16px;
height: 16px;
background-color: #f0f0f0;
/*.background_color_10_gray;*/
-webkit-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);
@ -141,7 +141,7 @@ div.filemanager_navigation img {
padding: 0.2em;
}
div.filemanager_navigation img:hover {
background-color: #cccccc;
/*.background_color_20_gray;*/
-webkit-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);
@ -200,20 +200,15 @@ div.filemanager_navigation > label {
margin-right: 0.2em;
}
div.filemanager_navigation > label > input {
width: 100%;
width: 90%;
}
#filemanager-index .et2_file {
background-color: #0b5fa4 !important;
/*background-color: @egw_color_blue_lighter !important;*/
color: #FFF;
text-shadow: none;
/* height: auto;*/
background-image: none !important;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
border-radius: 3px;
border-top-left-radius: 20px;
/*.border_radius_button_lefttop;*/
color: #fff;
height: auto;
width: 55%;
@ -231,11 +226,11 @@ div.filemanager_navigation > label > input {
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topleft: 10px;
border-radius: 3px;
border-top-left-radius: 20px;
border-top-left-radius: 10px;
}
#filemanager-index .et2_file:before {
font-size: 1.5em;
@ -250,6 +245,12 @@ div.filemanager_navigation > label > input {
width: 32px !important;
height: 32px !important;
}
#filemanager-index .filters {
vertical-align: center;
}
#filemanager-index .filters #filemanager-index_filter {
margin-top: 0.5em;
}
/*// Dialog filemanager
// #####################################################*/
#filemanager-select {
@ -292,7 +293,7 @@ div.filemanager_navigation > label > input {
background: #ffffff;
}
#filemanager-select table#filemanager-select_dir tr:nth-child(odd) {
background: #ebebeb;
background: #fafafa;
}
#filemanager-select .vfsMimeIcon {
width: 16px;

View File

@ -103,11 +103,11 @@ div.filemanager_navigation > label {
div.filemanager_navigation > label > input {
width: 100%;
width: 90%;
}
#filemanager-index{
#filemanager-index{
.et2_file{
.Complete_Button_add;
@ -132,6 +132,15 @@ div.filemanager_navigation > label > input {
}
.filters{
vertical-align: center;
#filemanager-index_filter{ margin-top: 0.5em;}
}
} // iframe

View File

@ -120,7 +120,7 @@ span#favorite_sidebox_infolog .favorites li img.sideboxstar {
}*/
#infolog-index {
height: auto !important;
/*height: auto !important;*/
}
#infolog-index table.et2_grid {
border-top: 0px;
@ -299,11 +299,11 @@ span#favorite_sidebox_infolog .favorites li img.sideboxstar {
margin-top: 1.5%;
}
#infolog-index #infolog-index_nm .frame {
min-height: 100%;
height: 60em;
/* min-height: 100%;
height: 60em;*/
}
#infolog-index #infolog-index_nm .egwGridView_scrollarea {
height: auto;
/*height: auto;*/
}
#infolog-index #infolog-index_nm .egwGridView_scrollarea table.egwGridView_grid img {
height: 16px;

View File

@ -70,7 +70,7 @@ span#favorite_sidebox_infolog{
#infolog-index {
height: auto !important;
/*height: auto !important;*/
table.et2_grid {border-top: 0px;}
@ -234,12 +234,12 @@ span#favorite_sidebox_infolog{
}
.frame {
min-height: 100%;
height: 60em;
/* min-height: 100%;
height: 60em;*/
}
.egwGridView_scrollarea{
height: auto;
/*height: auto;*/
// overflow: auto;
table.egwGridView_grid {

View File

@ -85,21 +85,89 @@ textarea.prefValue {
# # #
# # #
##############################################*/
/*app.css Stylite*/
table.prefTable {
width: 100%;
}
tr.prefRow {
position: relative;
}
td.prefName {
width: 50%;
}
tr.prefRow > td {
vertical-align: bottom;
/* otherwise help will cover bigger prefValue */
}
.prefHelp {
position: absolute;
display: none;
width: 98%;
background-color: #679fd2;
padding: 5px;
margin-top: 5px;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-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);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #ffffff !important;
}
tr.prefRow:hover .prefHelp {
display: block;
z-index: 10;
/* FF: displays it under next prefName without */
}
.prefDefault,
.prefValue {
float: left;
}
.prefValue {
margin-right: 5px;
}
.prefValue textarea,
textarea.prefValue {
width: 99%;
height: 5em;
}
.prefType,
.prefApp {
font-size: 150%;
display: inline-block;
padding-bottom: 5px;
}
#preferences-settings {
/*###############################*/
.prefType,
.prefApp {
margin: 0.3em;
-webkit-appearance: button;
padding: 10px;
}
img[src$="svg"] {
background-color: #0c5da5;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
background-image: linear-gradient(top, #0c5da5, #0c5da5);
background-repeat: repeat-x;
}
/*Preferences APP / left */
/*Preferences APP Settings / right*/
}
#preferences-settings select#preferences-settings_appname:before {
padding-right: 20px;
content: "";
background-image: url(images/setup.png);
.prefApp {
background-image: url(../pixelegg/images/setup.png);
background-repeat: no-repeat;
width: 24px;
height: 24px;
background-position: 93% 50%;
background-size: 16px 16px;
margin-right: 1em;
}
/*Preferences APP Settings / right*/
.prefType {
background-image: url(../pixelegg/images/setup.png);
background-repeat: no-repeat;
background-position: 93% 50%;
background-size: 16px 16px;
}

View File

@ -36,35 +36,100 @@
# # #
# # #
##############################################*/
/*app.css Stylite*/
table.prefTable {
width: 100%;
}
tr.prefRow {
position: relative;
}
td.prefName {
width: 50%;
}
tr.prefRow > td {
vertical-align: bottom; /* otherwise help will cover bigger prefValue */
}
.prefHelp {
position: absolute;
display: none;
width: 98%;
background-color: @color_hint;
padding: 5px;
margin-top: 5px;
.border_normal;
.box_shadow_standard_light;
.rounded (3px);
color: @gray_0 !important;
}
tr.prefRow:hover .prefHelp {
display: block;
z-index: 10; /* FF: displays it under next prefName without */
}
.prefDefault, .prefValue {
float: left;
}
.prefValue {
margin-right: 5px;
}
.prefValue textarea, textarea.prefValue {
width: 99%;
height: 5em;
}
.prefType, .prefApp {
font-size: 150%;
display: inline-block;
padding-bottom: 5px;
}
#preferences-settings{
/*###############################*/
.prefType, .prefApp {
margin: 0.3em;
-webkit-appearance:button; padding:10px;
}
img[src$="svg"]{
.gradient_vertical (@egw_color_2_a, @egw_color_2_a);
}
/*Preferences APP / left */
select#preferences-settings_appname{
.prefApp{
&:before {
padding-right: 20px;
content: "";
background-image: url(./images/setup.png);
background-image: url(../pixelegg/images/setup.png);
background-repeat: no-repeat;
.dimension_width_height_m;
}
background-position: 93% 50%;
background-size: 16px 16px;
margin-right: 1em;
}
/*Preferences APP Settings / right*/
#preferences-settings_type{
.prefType{
background-image: url(../pixelegg/images/setup.png);
background-repeat: no-repeat;
background-position: 93% 50%;
background-size: 16px 16px;
}
}
//