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

Make style of date picker similar to calendar date picker

Browse Source
This commit is contained in:
Hadi Nategh 2016-05-18 14:15:27 +02:00
parent 4aa1156af0
commit 02494eb694
4 changed files with 234 additions and 360 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
pixelegg/css/mobile.css
View File

@ -1391,11 +1391,20 @@ div#ui-datepicker-div {
-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);
} }
.ui-datepicker { .ui-datepicker-header {
/*padding: 1px 0em;*/ background-color: transparent;
/* .ui-widget-header .ui-icon { }
background-image: url("images/ui-icons_d8e7f3_256x240.png"); .ui-datepicker .ui-state-default {
}*/ border: none;
padding: 2px;
text-align: center;
}
.ui-datepicker .ui-state-highlight {
color: #1a1a1a;
font-weight: bold;
}
.ui-datepicker .ui-datepicker-close {
border: 1px solid #b4b4b4;
} }
.ui-datepicker table.ui-datepicker-calendar .ui-state-active { .ui-datepicker table.ui-datepicker-calendar .ui-state-active {
background-color: #0c5da5; background-color: #0c5da5;
@ -1477,26 +1486,6 @@ div#ui-datepicker-div {
.ms-ctn .ms-trigger { .ms-ctn .ms-trigger {
border-left: none; border-left: none;
} }
/**
* EGroupware: CSS with less preprocessor
* traditional.less
* included in pixelegg.less since 17/03/2014
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @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>
* @package pixelegg
* @version $Id$
*/
/*
font styling
allowed attributes: font-family,font-size,color,font-weight
*/
/** /**
* layout_*.less files are Pixelegg template specific * layout_*.less files are Pixelegg template specific
*/ */
@ -3399,10 +3388,6 @@ h6 {
td.lettersearch { td.lettersearch {
background-image: none; background-image: none;
} }
/*.nextmatch_header table {
border: none !important;
width: 99% !important;
}*/
/** /**
* EGroupware: CSS with less preprocessor * EGroupware: CSS with less preprocessor
* *
@ -5159,21 +5144,6 @@ button.image_button {
* @package pixelegg * @package pixelegg
* @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
*/ */
/* disabled for now in pixelegg.less, until we use svg outside filemanager thumbnails
//SVG Filter / not for Logo
#egw_fw_sidebar img[src$="svg"]{
.gradient_vertical (@gray_60, @gray_60);
.rounded(3px);
border: 1px solid @gray_0;;
}
#egw_fw_main img[src$="svg"],
#egw_fw_footer img[src$="svg"]{
//.gradient_vertical (@egw_color_2_a, @egw_color_2_a);
.gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%));
}*/
/** /**
* EGroupware: Stylite Pixelegg template * EGroupware: Stylite Pixelegg template
* *

59
pixelegg/css/pixelegg.css
View File

@ -1380,11 +1380,20 @@ div#ui-datepicker-div {
-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);
} }
.ui-datepicker { .ui-datepicker-header {
/*padding: 1px 0em;*/ background-color: transparent;
/* .ui-widget-header .ui-icon { }
background-image: url("images/ui-icons_d8e7f3_256x240.png"); .ui-datepicker .ui-state-default {
}*/ border: none;
padding: 2px;
text-align: center;
}
.ui-datepicker .ui-state-highlight {
color: #1a1a1a;
font-weight: bold;
}
.ui-datepicker .ui-datepicker-close {
border: 1px solid #b4b4b4;
} }
.ui-datepicker table.ui-datepicker-calendar .ui-state-active { .ui-datepicker table.ui-datepicker-calendar .ui-state-active {
background-color: #0c5da5; background-color: #0c5da5;
@ -1466,26 +1475,6 @@ div#ui-datepicker-div {
.ms-ctn .ms-trigger { .ms-ctn .ms-trigger {
border-left: none; border-left: none;
} }
/**
* EGroupware: CSS with less preprocessor
* traditional.less
* included in pixelegg.less since 17/03/2014
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @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>
* @package pixelegg
* @version $Id$
*/
/*
font styling
allowed attributes: font-family,font-size,color,font-weight
*/
/** /**
* layout_*.less files are Pixelegg template specific * layout_*.less files are Pixelegg template specific
*/ */
@ -2460,7 +2449,6 @@ button[id="add"] {
button[id="add"]:active { button[id="add"]:active {
background-color: #1aa200 !important; background-color: #1aa200 !important;
} }
/*Button Ende #######################################################*/
/** /**
* EGroupware: Stylite Pixelegg template * EGroupware: Stylite Pixelegg template
* *
@ -3388,10 +3376,6 @@ h6 {
td.lettersearch { td.lettersearch {
background-image: none; background-image: none;
} }
/*.nextmatch_header table {
border: none !important;
width: 99% !important;
}*/
/** /**
* EGroupware: CSS with less preprocessor * EGroupware: CSS with less preprocessor
* *
@ -5148,21 +5132,6 @@ button.image_button {
* @package pixelegg * @package pixelegg
* @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
*/ */
/* disabled for now in pixelegg.less, until we use svg outside filemanager thumbnails
//SVG Filter / not for Logo
#egw_fw_sidebar img[src$="svg"]{
.gradient_vertical (@gray_60, @gray_60);
.rounded(3px);
border: 1px solid @gray_0;;
}
#egw_fw_main img[src$="svg"],
#egw_fw_footer img[src$="svg"]{
//.gradient_vertical (@egw_color_2_a, @egw_color_2_a);
.gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%));
}*/
/** /**
* EGroupware: Stylite Pixelegg template * EGroupware: Stylite Pixelegg template
* *

418
pixelegg/less/jquery-ui.less
View File

@ -23,62 +23,62 @@
option:checked {background-color: @egw_color_1_e;} option:checked {background-color: @egw_color_1_e;}
.ui-tooltip { .ui-tooltip {
padding: 8px; padding: 8px;
position: absolute; position: absolute;
z-index: 9999; z-index: 9999;
max-width: 300px; max-width: 300px;
.box_shadow (0 0 5px #aaa); .box_shadow (0 0 5px #aaa);
} }
/* Component containers /* Component containers
----------------------------------*/ ----------------------------------*/
.ui-widget { .ui-widget {
.basefontfamily; .basefontfamily;
// font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; // font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
font-size: 1.1em; font-size: 1.1em;
} }
.ui-widget .ui-widget { .ui-widget .ui-widget {
font-size: 1em; font-size: 1em;
} }
.ui-widget input, .ui-widget input,
.ui-widget select, .ui-widget select,
.ui-widget textarea, .ui-widget textarea,
.ui-widget button { .ui-widget button {
.basefontfamily; .basefontfamily;
// font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; // font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
.fontsize_m; .fontsize_m;
} }
.ui-widget-content { .ui-widget-content {
/*.bordered (@color-hint,@color-hint,@color-hint,@color-hint);*/ /*.bordered (@color-hint,@color-hint,@color-hint,@color-hint);*/
// border: 1px solid #a6c9e2; // border: 1px solid #a6c9e2;
// background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; // background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
// color: #222222; // color: #222222;
background-image: none; background-image: none;
.color_50_gray !important; .color_50_gray !important;
background: white; background: white;
} }
.ui-widget-content a { .ui-widget-content a {
// color: #222222; // color: #222222;
.color_40_gray; .color_40_gray;
} }
.ui-widget-header { .ui-widget-header {
// border: 1px solid #4297d7; // border: 1px solid #4297d7;
.bordered(0px, 0px, 0px,0px) !important; .bordered(0px, 0px, 0px,0px) !important;
/*.gradient_thead !important;*/ /*.gradient_thead !important;*/
background-color: @egw_color_2_a; background-color: @egw_color_2_a;
/*border-color: @gray_10;*/ /*border-color: @gray_10;*/
// background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; // background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
// color: #ffffff; // color: #ffffff;
color : @gray_100; color : @gray_100;
font-weight: bold; font-weight: bold;
background-image: none; background-image: none;
border: 0px !important; border: 0px !important;
} }
.ui-widget-header a { .ui-widget-header a {
// color: #ffffff; // color: #ffffff;
.color_0_gray; .color_0_gray;
} }
/* Interaction states /* Interaction states
@ -86,67 +86,63 @@ option:checked {background-color: @egw_color_1_e;}
.ui-state-default, .ui-state-default,
.ui-widget-content .ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { .ui-widget-header .ui-state-default {
.bordered(1px, 1px, 1px,1px); .bordered(1px, 1px, 1px,1px);
border-color: @gray_30; border-color: @gray_30;
// background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; // background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
background: transparent; background: transparent;
font-weight: normal; font-weight: normal;
.color_90_gray; .color_90_gray;
// float: left; // float: left;
// position: relative; // position: relative;
} }
.ui-state-default a, .ui-state-default a,
.ui-state-default a:link, .ui-state-default a:link,
.ui-state-default a:visited { .ui-state-default a:visited {
.color_40_gray; .color_40_gray;
text-decoration: none; text-decoration: none;
} }
.ui-state-focus, .ui-state-focus,
.ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-focus,
.ui-widget-content .ui-state-focus{ .ui-widget-content .ui-state-focus{
border-color: @gray_10; border-color: @gray_10;
background: @color_hint; background: @color_hint;
background-image: none; background-image: none;
color: @gray_0; color: @gray_0;
} }
.ui-state-hover, .ui-state-hover,
.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover{ .ui-widget-header .ui-state-hover{
.bordered(1px, 1px, 1px,1px); .bordered(1px, 1px, 1px,1px);
border-color: @gray_10; border-color: @gray_10;
// background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; // background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
background: @color_hint; background: @color_hint;
background-image: none; background-image: none;
// font-size: 105%; // font-size: 105%;
.color_0_gray; .color_0_gray;
// font-weight: normal !important;
} }
.ui-state-hover a, .ui-state-hover a,
.ui-state-hover a:hover, .ui-state-hover a:hover,
.ui-state-hover a:link, .ui-state-hover a:link,
.ui-state-hover a:visited { .ui-state-hover a:visited {
.color_50_gray; .color_50_gray;
text-decoration: none; text-decoration: none;
} }
.ui-state-active, .ui-state-active,
.ui-widget-content .ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { .ui-widget-header .ui-state-active {
.bordered(1px, 1px, 1px,1px); .bordered(1px, 1px, 1px,1px);
border-color: @gray_20; border-color: @gray_20;
background-image: none; background-image: none;
font-weight: bold; font-weight: bold;
.color_50_gray; .color_50_gray;
} }
.ui-state-active a, .ui-state-active a,
.ui-state-active a:link, .ui-state-active a:link,
.ui-state-active a:visited { .ui-state-active a:visited {
.color_50_gray; .color_50_gray;
text-decoration: none; text-decoration: none;
} }
/* Interaction Cues /* Interaction Cues
@ -154,54 +150,54 @@ option:checked {background-color: @egw_color_1_e;}
.ui-state-highlight, .ui-state-highlight,
.ui-widget-content .ui-state-highlight, .ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { .ui-widget-header .ui-state-highlight {
.bordered(1px, 1px, 1px,1px); .bordered(1px, 1px, 1px,1px);
border-color: @gray_30; border-color: @gray_30;
// background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; // background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
.color_50_gray; .color_50_gray;
} }
.ui-state-highlight a, .ui-state-highlight a,
.ui-widget-content .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a { .ui-widget-header .ui-state-highlight a {
.color_10_gray; .color_10_gray;
} }
.ui-state-error, .ui-state-error,
.ui-widget-content .ui-state-error, .ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error { .ui-widget-header .ui-state-error {
.bordered(1px, 1px, 1px,1px); .bordered(1px, 1px, 1px,1px);
border-color: @gray_10; border-color: @gray_10;
// background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; // background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
.color_30_gray; .color_30_gray;
} }
.ui-state-error a, .ui-state-error a,
.ui-widget-content .ui-state-error a,{ .ui-widget-content .ui-state-error a,{
color: @red; color: @red;
} }
.ui-state-error-text, .ui-state-error-text,
.ui-widget-content .ui-state-error-text, .ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text { .ui-widget-header .ui-state-error-text {
color: @red; color: @red;
} }
// used in mail for drag and drop mails // used in mail for drag and drop mails
.drop-hover {background-color: @egw_color_1_e} .drop-hover {background-color: @egw_color_1_e}
.ui-icon-close{ .ui-icon-close{
/*visibility: hidden;*/ /*visibility: hidden;*/
/*background-image: url(../images/search.png);*/ /*background-image: url(../images/search.png);*/
background-image: url("../images/cancel.png"); background-image: url("../images/cancel.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: @gray_0; background-color: @gray_0;
background-size: 12px 12px; background-size: 12px 12px;
.dimension_width_height_s; .dimension_width_height_s;
margin: 2px; margin: 2px;
padding: 1px; padding: 1px;
margin-top: 1px; margin-top: 1px;
background-position: 0px 0px; background-position: 0px 0px;
.rounded (2px); .rounded (2px);
&:hover{ background-color: @gray_30;} &:hover{ background-color: @gray_30;}
&:active { background-color: @color_cancel_action_active !important; } &:active { background-color: @color_cancel_action_active !important; }
} }
span.ui-icon-close {margin-top: 0px; top: 5px;} span.ui-icon-close {margin-top: 0px; top: 5px;}
@ -209,79 +205,68 @@ span.ui-icon-close {margin-top: 0px; top: 5px;}
/*Schliessen x*/ /*Schliessen x*/
.ui-icon-closethick { .ui-icon-closethick {
background-image: url(../images/close.png) !important; background-image: url(../images/close.png) !important;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: @gray_0; background-color: @gray_0;
background-size: contain; background-size: contain;
background-position: 0 0 !important; background-position: 0 0 !important;
.color_0_gray; .color_0_gray;
.dimension_height_s; .dimension_height_s;
&:hover{ background-color: @gray_10; color: @gray_90; .box_shadow_standard_light_hover;}
&:hover{ background-color: @gray_10; color: @gray_90; .box_shadow_standard_light_hover;} &:active {
.box_shadow_standard_light_active !important;
&:active { background-color: @color_cancel_action_active !important;
.box_shadow_standard_light_active !important; }
background-color: @color_cancel_action_active !important;
}
} }
/*###########################################*/ /*###########################################*/
/*Menu */ /*Menu */
.ui-menu{ .ui-menu{
.ui-menu-item {
.ui-menu-item { padding: 0px;
a {
padding: 0px; line-height: 24px;
margin: 0px;
a { padding: 2px 5px;
line-height: 24px; input {padding: 0;}
margin: 0px; img {padding: 0;}
padding: 2px 5px; }
a.ui-state-focus {
input {padding: 0;} margin: 0px !important;
img {padding: 0;} line-height: 24px;
} padding: 2px 5px;
a.ui-state-focus { border: none;
margin: 0px !important; }
line-height: 24px; }
padding: 2px 5px;
border: none;
}
}
} }
/*###########################################*/ /*###########################################*/
/* col selection */ /* col selection */
span.ui-multiselect-header {color: @gray_0;} span.ui-multiselect-header {color: @gray_0;}
span.ui-icon-search {
background-image: url(../images/search.png) !important;
span.ui-icon-search{ background-position: 0px;
background-image: url(../images/search.png) !important; background-size: 10px 10px;
background-position: 0px;
background-size: 10px 10px;
} }
.ui-corner-all{.rounded(3px)} .ui-corner-all{.rounded(3px)}
// e.g. Corner Favorites // e.g. Corner Favorites
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
// e.g. Corner Favorites // e.g. Corner Favorites
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
border-top-left-radius: 3px; border-top-left-radius: 3px;
} }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
border-top-right-radius: 3px; border-top-right-radius: 3px;
} }
/*###########################################*/ /*###########################################*/
@ -289,23 +274,16 @@ span.ui-icon-search{
.ui-widget-content { .ui-widget-content {
border: 1px solid @egw_color_2_a; border: 1px solid @egw_color_2_a;
.et2_selectbox {
button.et2_button_text,
select.et2_selectbox {height: 20px;}
button {background-image: none;}
div.ui-widget-header {
ul li label.ui-state-hover {background-color: @color_hint; font-weight: normal;}
}
}
.et2_selectbox {
button.et2_button_text,
select.et2_selectbox {height: 20px;}
button {background-image: none;}
div.ui-widget-header {
ul li label.ui-state-hover {background-color: @color_hint; font-weight: normal;}
}
}
} }
/*###########################################*/ /*###########################################*/
@ -313,89 +291,79 @@ span.ui-icon-search{
.ui-dialog-buttonpane {background-color: @egw_color_2_e;} .ui-dialog-buttonpane {background-color: @egw_color_2_e;}
.ui-dialog-buttonset{ .ui-dialog-buttonset{
button.ui-button-text-only {
background-color: @gray_20;
button.ui-button-text-only {background-color: @gray_20; background: inherit;
background: inherit; color: @gray_100 !important;
color: @gray_100 !important; font-weight: normal !important;
font-weight: normal !important; &:hover{ background-color: @gray_30;}
}
&:hover{ background-color: @gray_30;}
}
button.ui-button{ button.ui-button{
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
&:hover{ background-color: @gray_30; color: @gray_90;} &:hover{ background-color: @gray_30; color: @gray_90;}
} }
} }
/*###########################################*/ /*###########################################*/
/*Dialog: calendar edit series*/ /*Dialog: calendar edit series*/
// Kalender Widget // Kalender Widget
div#ui-datepicker-div{ div#ui-datepicker-div {
.rounded (3px); .rounded (3px);
border: 1px solid @gray_30; border: 1px solid @gray_30;
.box_shadow_standard_light_inset; .box_shadow_standard_light_inset;
} }
.ui-datepicker-header { background-color: transparent;}
.ui-datepicker { .ui-datepicker {
.ui-state-default {
/*padding: 1px 0em;*/ border: none;
padding: 2px;
/* .ui-widget-header .ui-icon { text-align: center;
background-image: url("images/ui-icons_d8e7f3_256x240.png"); }
}*/ .ui-state-highlight {.color_90_gray; font-weight: bold;}
// Kalender Tabelle .ui-datepicker-close {border:1px solid #b4b4b4;}
table.ui-datepicker-calendar{ // Kalender Tabelle
table.ui-datepicker-calendar {
//aktiver Tag //aktiver Tag
.ui-state-active {background-color: @egw_color_2_a;color: @gray_0;} .ui-state-active {background-color: @egw_color_2_a;color: @gray_0;}
}
div.ui-timepicker-div{
padding: 3px;
//Uhrzeit - Label
dt.ui_tpicker_time_label{font-size: 0.9em}
//Uhrzeit
dd.ui_tpicker_time {
padding-left: 75px; background-color: @egw_color_1_a;
input {font-size: 1.3em;}
} }
//Stunde - Label div.ui-timepicker-div {
dt.ui_tpicker_time_label{font-size: 0.9em}
// Minute - Label padding: 3px;
dt.ui_tpicker_minute_label {font-size: 0.9em}
// Schieberegler //Uhrzeit - Label
div.ui_tpicker_hour_slider{ dt.ui_tpicker_time_label {font-size: 0.9em}
a.ui-slider-handle {background-color: @egw_color_2_a;} //Uhrzeit
} dd.ui_tpicker_time {
div.ui_tpicker_minute_slider{ padding-left: 75px; background-color: @egw_color_1_a;
a.ui-slider-handle {background-color: @egw_color_2_a;} input {font-size: 1.3em;}
} }
//Stunde - Label
dt.ui_tpicker_time_label {font-size: 0.9em}
// Minute - Label
dt.ui_tpicker_minute_label {font-size: 0.9em}
} // Schieberegler
div.ui_tpicker_hour_slider {
a.ui-slider-handle {background-color: @egw_color_2_a;}
}
div.ui_tpicker_minute_slider {
a.ui-slider-handle {background-color: @egw_color_2_a;}
}
}
//Buttons //Buttons
div.ui-datepicker-buttonpane{ div.ui-datepicker-buttonpane {background-color: @color_button_panel_bg_color;}
background-color: @color_button_panel_bg_color;
} button.ui-datepicker-current .ui-state-hover {
background-color: @color_positive_action_active !important;
button.ui-datepicker-current .ui-state-hover{ &:hover {background-color: @color_positive_action_active;}
background-color: @color_positive_action_active !important; &:active {background-color: @color_positive_action_active;}
&:hover {background-color: @color_positive_action_active;} }
&:active {background-color: @color_positive_action_active;}
}
} }
@ -407,13 +375,11 @@ div.ui-timepicker-div{
// Button close // Button close
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close { .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
&:hover { background-color: @color_cancel_action_hover !important; color: @gray_100; } &:hover { background-color: @color_cancel_action_hover !important; color: @gray_100; }
&:active { background-color: @color_cancel_action_active !important; color: @gray_80; } &:active { background-color: @color_cancel_action_active !important; color: @gray_80; }
} }
// Overwrite not used / loadable background image // Overwrite not used / loadable background image
.ui-widget-overlay, .ui-widget-shadow { .ui-widget-overlay, .ui-widget-shadow {
background-image: none; background-image: none;
} }
//

59
pixelegg/mobile/fw_mobile.css
View File

@ -1402,11 +1402,20 @@ div#ui-datepicker-div {
-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);
} }
.ui-datepicker { .ui-datepicker-header {
/*padding: 1px 0em;*/ background-color: transparent;
/* .ui-widget-header .ui-icon { }
background-image: url("images/ui-icons_d8e7f3_256x240.png"); .ui-datepicker .ui-state-default {
}*/ border: none;
padding: 2px;
text-align: center;
}
.ui-datepicker .ui-state-highlight {
color: #1a1a1a;
font-weight: bold;
}
.ui-datepicker .ui-datepicker-close {
border: 1px solid #b4b4b4;
} }
.ui-datepicker table.ui-datepicker-calendar .ui-state-active { .ui-datepicker table.ui-datepicker-calendar .ui-state-active {
background-color: #0c5da5; background-color: #0c5da5;
@ -1488,26 +1497,6 @@ div#ui-datepicker-div {
.ms-ctn .ms-trigger { .ms-ctn .ms-trigger {
border-left: none; border-left: none;
} }
/**
* EGroupware: CSS with less preprocessor
* traditional.less
* included in pixelegg.less since 17/03/2014
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @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>
* @package pixelegg
* @version $Id$
*/
/*
font styling
allowed attributes: font-family,font-size,color,font-weight
*/
/** /**
* layout_*.less files are Pixelegg template specific * layout_*.less files are Pixelegg template specific
*/ */
@ -2482,7 +2471,6 @@ button[id="add"] {
button[id="add"]:active { button[id="add"]:active {
background-color: #1aa200 !important; background-color: #1aa200 !important;
} }
/*Button Ende #######################################################*/
/** /**
* EGroupware: Stylite Pixelegg template * EGroupware: Stylite Pixelegg template
* *
@ -3410,10 +3398,6 @@ h6 {
td.lettersearch { td.lettersearch {
background-image: none; background-image: none;
} }
/*.nextmatch_header table {
border: none !important;
width: 99% !important;
}*/
/** /**
* EGroupware: CSS with less preprocessor * EGroupware: CSS with less preprocessor
* *
@ -5170,21 +5154,6 @@ button.image_button {
* @package pixelegg * @package pixelegg
* @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
*/ */
/* disabled for now in pixelegg.less, until we use svg outside filemanager thumbnails
//SVG Filter / not for Logo
#egw_fw_sidebar img[src$="svg"]{
.gradient_vertical (@gray_60, @gray_60);
.rounded(3px);
border: 1px solid @gray_0;;
}
#egw_fw_main img[src$="svg"],
#egw_fw_footer img[src$="svg"]{
//.gradient_vertical (@egw_color_2_a, @egw_color_2_a);
.gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%));
}*/
/** /**
* EGroupware: Stylite Pixelegg template * EGroupware: Stylite Pixelegg template
* *