nextmatch_header_row => css

This commit is contained in:
Stefan Reinhardt 2014-03-13 17:44:52 +00:00
parent 4c115d65e9
commit cee11e9494
4 changed files with 116 additions and 111 deletions

View File

@ -421,10 +421,7 @@
* hrule widget * hrule widget
*/ */
hr { hr {
/*border-style: none;*/
border-top: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6;
/*height: 1px;*/
/*margin: 10px 0px 10px 0px;*/
} }
/** /**
* grid widget * grid widget
@ -468,15 +465,21 @@
* SEARCH FIELD | SEARCH BUTTON ###### FILTER ##### EXPORT IMG ### FAVORITES ### COUNT * SEARCH FIELD | SEARCH BUTTON ###### FILTER ##### EXPORT IMG ### FAVORITES ### COUNT
* *
* ##################################################################################*/ * ##################################################################################*/
div.header_row_right div[id$=favorite_wrapper] {
margin-top: 0px;
top: 6px;
}
.et2_nextmatch { .et2_nextmatch {
background-color: #f0f0f0; background-color: #f0f0f0;
} }
.et2_nextmatch .nextmatch_header { .et2_nextmatch .nextmatch_header {
padding: 5px;
border: none; border: none;
background-image: none; background-image: none;
background-color: #cdcdcd; background-color: #cdcdcd;
margin-bottom: 3px; }
margin: 0; .et2_nextmatch .nextmatch_header_row {
padding-bottom: 6px;
} }
.et2_nextmatch > img { .et2_nextmatch > img {
width: 16px; width: 16px;
@ -490,7 +493,7 @@
* Search Field * Search Field
* *
################################################################*/ ################################################################*/
.nextmatch_header > .search { .nextmatch_header_row > .search {
padding: 0 0 0 0px; padding: 0 0 0 0px;
margin-right: 3px; margin-right: 3px;
margin-left: 15px; margin-left: 15px;
@ -500,7 +503,7 @@
/*.background_color_search;*/ /*.background_color_search;*/
/*.border_radius_button_righttop;*/ /*.border_radius_button_righttop;*/
} }
.nextmatch_header > .search input { .nextmatch_header_row > .search input {
/*.background_color_search;*/ /*.background_color_search;*/
/*background-color: @gray_0;*/ /*background-color: @gray_0;*/
border: none; border: none;
@ -509,23 +512,23 @@
padding: 3px; padding: 3px;
width: 150px; width: 150px;
} }
.nextmatch_header > .search input::-webkit-input-placeholder { .nextmatch_header_row > .search input::-webkit-input-placeholder {
/* WebKit browsers */ /* WebKit browsers */
color: #696969; color: #696969;
} }
.nextmatch_header > .search input:-moz-placeholder { .nextmatch_header_row > .search input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 4 to 18 */
color: #696969; color: #696969;
} }
.nextmatch_header > .search input::-moz-placeholder { .nextmatch_header_row > .search input::-moz-placeholder {
/* Mozilla Firefox 19+ */ /* Mozilla Firefox 19+ */
color: #696969; color: #696969;
} }
.nextmatch_header > .search input:-ms-input-placeholder { .nextmatch_header_row > .search input:-ms-input-placeholder {
/* Internet Explorer 10+ */ /* Internet Explorer 10+ */
color: #696969; color: #696969;
} }
.nextmatch_header > .search button.et2_button { .nextmatch_header_row > .search button.et2_button {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
border-color: #b4b4b4; border-color: #b4b4b4;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
@ -550,7 +553,7 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
} }
.nextmatch_header > .search button.et2_button:hover { .nextmatch_header_row > .search button.et2_button: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);
@ -558,11 +561,11 @@
/*hide arrow*/ /*hide arrow*/
color: #679fd2 !important; color: #679fd2 !important;
} }
.nextmatch_header > .search button.et2_button:active { .nextmatch_header_row > .search button.et2_button:active {
/*.background_verlauf_diagonal_gray;*/ /*.background_verlauf_diagonal_gray;*/
background-color: #1aa200 !important; background-color: #1aa200 !important;
} }
.nextmatch_header > .search button.et2_button:focus { .nextmatch_header_row > .search button.et2_button:focus {
outline: 0; outline: 0;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
@ -577,7 +580,7 @@
* Filters * Filters
* *
################################################################*/ ################################################################*/
.nextmatch_header > .filters { .nextmatch_header_row > .filters {
/*width: 83%;*/ /*width: 83%;*/
z-index: 7; z-index: 7;
margin-bottom: 4px; margin-bottom: 4px;
@ -593,13 +596,13 @@
margin-right: 119px; margin-right: 119px;
/* .border_radius (3px, 3px, 0px, 0px);*/ /* .border_radius (3px, 3px, 0px, 0px);*/
} }
.nextmatch_header > .filters select { .nextmatch_header_row > .filters select {
margin-top: 10px; margin-top: 10px;
} }
.nextmatch_header > .filters .et2_label { .nextmatch_header_row > .filters .et2_label {
padding: 0.2em; padding: 0.2em;
} }
.nextmatch_header > .filters .et2_label select { .nextmatch_header_row > .filters .et2_label select {
/*.Complete_Button_select;*/ /*.Complete_Button_select;*/
margin-left: 2px; margin-left: 2px;
margin-right: 1px; margin-right: 1px;
@ -608,13 +611,13 @@
max-width: 20% !important; max-width: 20% !important;
/*Dialog - Addressbook - View */ /*Dialog - Addressbook - View */
} }
.nextmatch_header > .filters .et2_label select:hover { .nextmatch_header_row > .filters .et2_label select: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);
} }
.nextmatch_header > .filters .et2_label select #infolog-index_cat_id, .nextmatch_header_row > .filters .et2_label select #infolog-index_cat_id,
.nextmatch_header > .filters .et2_label select #infolog-index_filter { .nextmatch_header_row > .filters .et2_label select #infolog-index_filter {
width: 50% !important; width: 50% !important;
} }
.nextmatch_header > .filters > select > option { .nextmatch_header > .filters > select > option {
@ -711,7 +714,7 @@
height: 24px; height: 24px;
border: 1px solid #E0E0E0; border: 1px solid #E0E0E0;
float: right; float: right;
margin: 6px 11px 0; margin: 6px 5px 0 10px;
padding: 0 20px; padding: 0 20px;
text-align: center; text-align: center;
font-size: 11px; font-size: 11px;
@ -791,13 +794,15 @@
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
background-color: #bfbfbf; /*.background_color_25_gray;*/
z-index: 200; z-index: 200;
} }
/** /**
* Drop down button * Drop down button
*/ */
.et2_dropdown { .et2_dropdown {
position: relative;
/*top: -5px;*/
/*left Button*/ /*left Button*/
/*right Button*/ /*right Button*/
/* hover */ /* hover */
@ -1869,20 +1874,14 @@ div#egwpopup_message {
border-style: solid; border-style: solid;
border-color: #b4b4b4; border-color: #b4b4b4;
background-color: #cdcdcd; background-color: #cdcdcd;
height: auto;
} }
.egw_fw_ui_app_header_container .egw_fw_ui_app_header { .egw_fw_ui_app_header_container .egw_fw_ui_app_header {
/*border-width: 0px 0px 0px 0px;*/
/*border-style: solid;*/
/*border-color: @gray_10;*/
/*.border_radius_button_righttop;*/
padding: 7px 2px 6px 20px; padding: 7px 2px 6px 20px;
/*font-size: 1em;*/
font-weight: normal; font-weight: normal;
/*background-color: @gray_20;*/
color: #408dd2; color: #408dd2;
/*width: 80%;*/ overflow: hidden;
height: auto; line-height: 2em;
/*&:before {content: "! "; color: @egw_color_1_a; font-size: 1em; }*/
} }
.colselection.ui-widget-content { .colselection.ui-widget-content {
width: 33%; width: 33%;
@ -3332,8 +3331,7 @@ table.table_passord_change td:first-child {
overflow: hidden; overflow: hidden;
/*padding: 0;*/ /*padding: 0;*/
} }
.egwGridView_grid tr.th > td, .egwGridView_grid tr.th > td {
.nextmatch_header {
background-color: #d9d9d9; background-color: #d9d9d9;
font-weight: normal; font-weight: normal;
padding: 0 2px 2px 0; padding: 0 2px 2px 0;

View File

@ -322,10 +322,7 @@ div.et2_link_entry{
*/ */
hr { hr {
/*border-style: none;*/
border-top: 1px solid @gray_10; border-top: 1px solid @gray_10;
/*height: 1px;*/
/*margin: 10px 0px 10px 0px;*/
} }
/** /**
@ -357,6 +354,16 @@ hr {
* *
* ##################################################################################*/ * ##################################################################################*/
div.header_row_right{
//favoriten
div[id$=favorite_wrapper]{margin-top: 0px; top: 6px;}
}
// AREA AROUND CONTENT // AREA AROUND CONTENT
.et2_nextmatch { .et2_nextmatch {
.background_color_10_gray; .background_color_10_gray;
@ -364,12 +371,17 @@ hr {
// complete nextmatch....Background color! // complete nextmatch....Background color!
.et2_nextmatch .nextmatch_header { .et2_nextmatch .nextmatch_header {
padding: 5px;
border: none; border: none;
background-image: none; background-image: none;
background-color: @gray_20; background-color: @gray_20;
margin-bottom: 3px; }
margin: 0;
// margin-right: 3px; // complete nextmatch....Background color!
.et2_nextmatch .nextmatch_header_row {
padding-bottom: 6px;
} }
@ -386,7 +398,7 @@ hr {
* Search Field * Search Field
* *
################################################################*/ ################################################################*/
.nextmatch_header > .search{ .nextmatch_header_row > .search{
padding: 0 0 0 0px; padding: 0 0 0 0px;
margin-right: 3px; margin-right: 3px;
@ -476,7 +488,7 @@ hr {
* *
################################################################*/ ################################################################*/
.nextmatch_header > .filters { .nextmatch_header_row > .filters {
/*width: 83%;*/ /*width: 83%;*/
z-index: 7; z-index: 7;
@ -581,7 +593,7 @@ hr {
.dimension_height_m; .dimension_height_m;
border: 1px solid #E0E0E0; border: 1px solid #E0E0E0;
float: right; float: right;
margin: 6px 11px 0; margin: 6px 5px 0 10px;
padding: 0 20px; padding: 0 20px;
text-align: center; text-align: center;
@ -647,7 +659,7 @@ button#admin-categories-index_add {
.nextmatch_header div[id$=favorite_wrapper] { .nextmatch_header div[id$=favorite_wrapper] {
.border_radius_button_normal; .border_radius_button_normal;
.background_color_25_gray; /*.background_color_25_gray;*/
z-index: 200; z-index: 200;
} }
@ -656,13 +668,16 @@ button#admin-categories-index_add {
*/ */
.et2_dropdown{ .et2_dropdown{
position: relative;
/*top: -5px;*/
button { button {
.dimension_height_m; .dimension_height_m;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
margin-right: -2px; margin-right: -2px;
padding: 0px 1ex; padding: 0px 1ex;
.background_color_0_gray; background-color: @gray_0;
background-image: none; background-image: none;
// width: 50px; // width: 50px;

View File

@ -18,38 +18,38 @@
#egwpopup{ #egwpopup{
.background_color_5_gray; .background_color_5_gray;
.border_radius_button_righttop; .border_radius_button_righttop;
border-width: 9px 0px 0px 0px; border-width: 9px 0px 0px 0px;
border-style: solid; border-style: solid;
border-color: @gray_30; border-color: @gray_30;
.box_shadow_message; .box_shadow_message;
padding: 1em; padding: 1em;
/*Button*/ /*Button*/
input#egwpopup_ok_button, input#egwpopup_ok_button,
button#desktop_perms{ button#desktop_perms{
.Complete_Button_normal; .Complete_Button_normal;
.dimension_height_m; .dimension_height_m;
padding: 0 5px; padding: 0 5px;
&:hover {.Complete_Button_hover;} &:hover {.Complete_Button_hover;}
&:active {background-color: @color_positive_action_active !important;} &:active {background-color: @color_positive_action_active !important;}
} }
} }
/*popup Messsage*/ /*popup Messsage*/
div#egwpopup_message { div#egwpopup_message {
background-color: .color_gray_0; background-color: .color_gray_0;
padding: 1em; padding: 1em;
overflow-y: auto; overflow-y: auto;
} }
@ -63,30 +63,22 @@
// Container für Meldungen / Message Container // Container für Meldungen / Message Container
.egw_fw_ui_app_header_container { .egw_fw_ui_app_header_container {
border-width: 9px 0px 0px 0px; border-width: 9px 0px 0px 0px;
border-style: solid; border-style: solid;
border-color: @gray_30; border-color: @gray_30;
background-color: @gray_20; background-color: @gray_20;
height: auto;
// Statusmeldung // Statusmeldung
// Meldung oberhalb iFrame // Meldung oberhalb iFrame
.egw_fw_ui_app_header { .egw_fw_ui_app_header {
// display: none !important;
/*border-width: 0px 0px 0px 0px;*/
/*border-style: solid;*/
/*border-color: @gray_10;*/
/*.border_radius_button_righttop;*/
padding: 7px 2px 6px 20px; padding: 7px 2px 6px 20px;
/*font-size: 1em;*/
font-weight: normal; font-weight: normal;
/*background-color: @gray_20;*/
color: @egw_color_2_d; color: @egw_color_2_d;
/*width: 80%;*/ overflow: hidden;
height: auto; line-height: 2em;
/*&:before {content: "! "; color: @egw_color_1_a; font-size: 1em; }*/
} }
@ -100,9 +92,9 @@
} }
/*Calendar ##############*/ /*Calendar ##############*/
td.message { td.message {
background-color: @gray_10 !important; background-color: @gray_10 !important;
span.message { span.message {
@ -113,9 +105,9 @@
height: auto; height: auto;
width: 100%; width: 100%;
} }
} }
// //

View File

@ -36,8 +36,8 @@ table.et2_grid {
} }
// Table Head in Listen // Table Head in Listen
.egwGridView_grid tr.th > td, /*legacy*/ .egwGridView_grid tr.th > td /*legacy*/
.nextmatch_header { {
.background_color_15_gray; .background_color_15_gray;
font-weight: normal; font-weight: normal;
padding: 0 2px 2px 0; padding: 0 2px 2px 0;
@ -129,7 +129,7 @@ table.egwGridView_outer{
span.selectcols { span.selectcols {
height: 9px; height: 9px;
padding: 4px 10px 0px 2px; padding: 4px 10px 0px 2px;
margin-top: 4px; margin-top: 4px;
background-image: url(../images/selectcols_small.png); background-image: url(../images/selectcols_small.png);
background-repeat: no-repeat; background-repeat: no-repeat;
@ -155,25 +155,25 @@ table.egwGridView_outer{
/*padding: 0px 5px; no need*/ /*padding: 0px 5px; no need*/
} }
/*Elements inside td*/ /*Elements inside td*/
td{ td{
.et2_link {margin-left: 0px; color: @link_color;} .et2_link {margin-left: 0px; color: @link_color;}
img {border: 1px solid transparent; box-shadow: none;} img {border: 1px solid transparent; box-shadow: none;}
time {display: block;} time {display: block;}
img[src$="svg"] { img[src$="svg"] {
.gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%)); .gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%));
} }
} }
} }
} }
@ -205,12 +205,12 @@ table.egwGridView_grid{
// Reihen ohne Border left und right // Reihen ohne Border left und right
/* tr:nth-child(even) {background: @color_even;} /* tr:nth-child(even) {background: @color_even;}
tr:nth-child(odd) {background: @color_odd;}*/ tr:nth-child(odd) {background: @color_odd;}*/
/*multiple choise*/ /*multiple choise*/
tr.selected{ tr.selected{
background-image: none; background-image: none;
/*background-color: @egw_color_1_e !important;*/ /*background-color: @egw_color_1_e !important;*/
background-color: fade(@color_active_row, 50%); background-color: fade(@color_active_row, 50%);
} }
// is active // is active
@ -248,21 +248,21 @@ table.egwGridView_grid{
span{ span{
color: @gray_70; color: @gray_70;
} }
span[id*="[info_subject]"]{ span[id*="[info_subject]"]{
margin-right: 30px; margin-right: 30px;
} }
span.high {color: red;} span.high {color: red;}
span.urgent {color: red; background-color: @egw_color_1_e;} span.urgent {color: red; background-color: @egw_color_1_e;}
span.low {color: @gray_80;} span.low {color: @gray_80;}
table.customfields{ table.customfields{
tbody{ tbody{
border-bottom: 0px; border-bottom: 0px;
tr{ tr{
border-bottom: 0px; border-bottom: 0px;
td{ td{
@ -275,16 +275,16 @@ table.egwGridView_grid{
} }
} }
} }
/*subentry*/ /*subentry*/
tr.subentry { tr.subentry {
background: fade(@color_selected_row, 20%) !important; background: fade(@color_selected_row, 20%) !important;
&:hover {background: @color_selected_row !important;} &:hover {background: @color_selected_row !important;}
} }
span.arrow { span.arrow {
-moz-user-select: none; -moz-user-select: none;
@ -335,23 +335,23 @@ table.egwGridView_grid{
/*Custom Fields*/ /*Custom Fields*/
table.customfields{ table.customfields{
tbody tr:nth-child(2n) {background: inherit;} tbody tr:nth-child(2n) {background: inherit;}
tr {background-color: inherit !important;} tr {background-color: inherit !important;}
td { td {
line-height: 11px; line-height: 11px;
span > div {display: inherit; margin: 0px;} span > div {display: inherit; margin: 0px;}
} }
} }
/*########################################################*/ /*########################################################*/
// Tabelle der APP Ausgabe // Tabelle der APP Ausgabe
table.nextmatch_header{ table.nextmatch_header{
img{ .dimension_width_height_s;} img{ .dimension_width_height_s;}
} }
@ -360,9 +360,9 @@ table.nextmatch_header{
text-align: center; text-align: center;
border-bottom: 1px solid silver; border-bottom: 1px solid silver;
font-size: 1.5em; font-size: 1.5em;
td{ color: @gray_90 !important;} td{ color: @gray_90 !important;}
} }
// //