mirror of
https://github.com/EGroupware/egroupware.git
synced 2025-02-16 18:31:26 +01:00
Make style of date picker similar to calendar date picker
This commit is contained in:
Hadi Nategh
parent
4aa1156af0
commit
02494eb694
@ -1391,11 +1391,20 @@ div#ui-datepicker-div {
|
||||
-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);
|
||||
}
|
||||
.ui-datepicker {
|
||||
/*padding: 1px 0em;*/
|
||||
/* .ui-widget-header .ui-icon {
|
||||
background-image: url("images/ui-icons_d8e7f3_256x240.png");
|
||||
}*/
|
||||
.ui-datepicker-header {
|
||||
background-color: transparent;
|
||||
}
|
||||
.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 {
|
||||
background-color: #0c5da5;
|
||||
@ -1477,26 +1486,6 @@ div#ui-datepicker-div {
|
||||
.ms-ctn .ms-trigger {
|
||||
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
|
||||
*/
|
||||
@ -3399,10 +3388,6 @@ h6 {
|
||||
td.lettersearch {
|
||||
background-image: none;
|
||||
}
|
||||
/*.nextmatch_header table {
|
||||
border: none !important;
|
||||
width: 99% !important;
|
||||
}*/
|
||||
/**
|
||||
* EGroupware: CSS with less preprocessor
|
||||
*
|
||||
@ -5159,21 +5144,6 @@ button.image_button {
|
||||
* @package 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
|
||||
*
|
||||
|
||||
@ -1380,11 +1380,20 @@ div#ui-datepicker-div {
|
||||
-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);
|
||||
}
|
||||
.ui-datepicker {
|
||||
/*padding: 1px 0em;*/
|
||||
/* .ui-widget-header .ui-icon {
|
||||
background-image: url("images/ui-icons_d8e7f3_256x240.png");
|
||||
}*/
|
||||
.ui-datepicker-header {
|
||||
background-color: transparent;
|
||||
}
|
||||
.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 {
|
||||
background-color: #0c5da5;
|
||||
@ -1466,26 +1475,6 @@ div#ui-datepicker-div {
|
||||
.ms-ctn .ms-trigger {
|
||||
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
|
||||
*/
|
||||
@ -2460,7 +2449,6 @@ button[id="add"] {
|
||||
button[id="add"]:active {
|
||||
background-color: #1aa200 !important;
|
||||
}
|
||||
/*Button Ende #######################################################*/
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template
|
||||
*
|
||||
@ -3388,10 +3376,6 @@ h6 {
|
||||
td.lettersearch {
|
||||
background-image: none;
|
||||
}
|
||||
/*.nextmatch_header table {
|
||||
border: none !important;
|
||||
width: 99% !important;
|
||||
}*/
|
||||
/**
|
||||
* EGroupware: CSS with less preprocessor
|
||||
*
|
||||
@ -5148,21 +5132,6 @@ button.image_button {
|
||||
* @package 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
|
||||
*
|
||||
|
||||
@ -109,11 +109,8 @@ option:checked {background-color: @egw_color_1_e;}
|
||||
background: @color_hint;
|
||||
background-image: none;
|
||||
color: @gray_0;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ui-state-hover,
|
||||
.ui-widget-content .ui-state-hover,
|
||||
.ui-widget-header .ui-state-hover{
|
||||
@ -124,7 +121,6 @@ option:checked {background-color: @egw_color_1_e;}
|
||||
background-image: none;
|
||||
// font-size: 105%;
|
||||
.color_0_gray;
|
||||
// font-weight: normal !important;
|
||||
}
|
||||
.ui-state-hover a,
|
||||
.ui-state-hover a:hover,
|
||||
@ -216,29 +212,22 @@ span.ui-icon-close {margin-top: 0px; top: 5px;}
|
||||
background-position: 0 0 !important;
|
||||
.color_0_gray;
|
||||
.dimension_height_s;
|
||||
|
||||
&:hover{ background-color: @gray_10; color: @gray_90; .box_shadow_standard_light_hover;}
|
||||
|
||||
&:active {
|
||||
.box_shadow_standard_light_active !important;
|
||||
background-color: @color_cancel_action_active !important;
|
||||
}
|
||||
|
||||
}
|
||||
/*###########################################*/
|
||||
/*Menu */
|
||||
|
||||
.ui-menu{
|
||||
|
||||
.ui-menu-item {
|
||||
|
||||
padding: 0px;
|
||||
|
||||
a {
|
||||
line-height: 24px;
|
||||
margin: 0px;
|
||||
padding: 2px 5px;
|
||||
|
||||
input {padding: 0;}
|
||||
img {padding: 0;}
|
||||
}
|
||||
@ -249,14 +238,11 @@ span.ui-icon-close {margin-top: 0px; top: 5px;}
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
/*###########################################*/
|
||||
/* col selection */
|
||||
span.ui-multiselect-header {color: @gray_0;}
|
||||
|
||||
|
||||
|
||||
span.ui-icon-search {
|
||||
background-image: url(../images/search.png) !important;
|
||||
background-position: 0px;
|
||||
@ -266,7 +252,6 @@ span.ui-icon-search{
|
||||
|
||||
.ui-corner-all{.rounded(3px)}
|
||||
|
||||
|
||||
// e.g. Corner Favorites
|
||||
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
|
||||
border-bottom-left-radius: 3px;
|
||||
@ -292,20 +277,13 @@ span.ui-icon-search{
|
||||
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;}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*###########################################*/
|
||||
@ -313,13 +291,11 @@ span.ui-icon-search{
|
||||
.ui-dialog-buttonpane {background-color: @egw_color_2_e;}
|
||||
|
||||
.ui-dialog-buttonset{
|
||||
|
||||
|
||||
button.ui-button-text-only {background-color: @gray_20;
|
||||
button.ui-button-text-only {
|
||||
background-color: @gray_20;
|
||||
background: inherit;
|
||||
color: @gray_100 !important;
|
||||
font-weight: normal !important;
|
||||
|
||||
&:hover{ background-color: @gray_30;}
|
||||
}
|
||||
button.ui-button{
|
||||
@ -338,23 +314,21 @@ span.ui-icon-search{
|
||||
border: 1px solid @gray_30;
|
||||
.box_shadow_standard_light_inset;
|
||||
}
|
||||
|
||||
.ui-datepicker-header { background-color: transparent;}
|
||||
.ui-datepicker {
|
||||
|
||||
/*padding: 1px 0em;*/
|
||||
|
||||
/* .ui-widget-header .ui-icon {
|
||||
background-image: url("images/ui-icons_d8e7f3_256x240.png");
|
||||
}*/
|
||||
.ui-state-default {
|
||||
border: none;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
}
|
||||
.ui-state-highlight {.color_90_gray; font-weight: bold;}
|
||||
.ui-datepicker-close {border:1px solid #b4b4b4;}
|
||||
// Kalender Tabelle
|
||||
table.ui-datepicker-calendar {
|
||||
|
||||
//aktiver Tag
|
||||
.ui-state-active {background-color: @egw_color_2_a;color: @gray_0;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
div.ui-timepicker-div {
|
||||
|
||||
padding: 3px;
|
||||
@ -380,16 +354,10 @@ div.ui-timepicker-div{
|
||||
div.ui_tpicker_minute_slider {
|
||||
a.ui-slider-handle {background-color: @egw_color_2_a;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
//Buttons
|
||||
div.ui-datepicker-buttonpane{
|
||||
background-color: @color_button_panel_bg_color;
|
||||
|
||||
}
|
||||
div.ui-datepicker-buttonpane {background-color: @color_button_panel_bg_color;}
|
||||
|
||||
button.ui-datepicker-current .ui-state-hover {
|
||||
background-color: @color_positive_action_active !important;
|
||||
@ -415,5 +383,3 @@ div.ui-timepicker-div{
|
||||
.ui-widget-overlay, .ui-widget-shadow {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
//
|
||||
@ -1402,11 +1402,20 @@ div#ui-datepicker-div {
|
||||
-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);
|
||||
}
|
||||
.ui-datepicker {
|
||||
/*padding: 1px 0em;*/
|
||||
/* .ui-widget-header .ui-icon {
|
||||
background-image: url("images/ui-icons_d8e7f3_256x240.png");
|
||||
}*/
|
||||
.ui-datepicker-header {
|
||||
background-color: transparent;
|
||||
}
|
||||
.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 {
|
||||
background-color: #0c5da5;
|
||||
@ -1488,26 +1497,6 @@ div#ui-datepicker-div {
|
||||
.ms-ctn .ms-trigger {
|
||||
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
|
||||
*/
|
||||
@ -2482,7 +2471,6 @@ button[id="add"] {
|
||||
button[id="add"]:active {
|
||||
background-color: #1aa200 !important;
|
||||
}
|
||||
/*Button Ende #######################################################*/
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template
|
||||
*
|
||||
@ -3410,10 +3398,6 @@ h6 {
|
||||
td.lettersearch {
|
||||
background-image: none;
|
||||
}
|
||||
/*.nextmatch_header table {
|
||||
border: none !important;
|
||||
width: 99% !important;
|
||||
}*/
|
||||
/**
|
||||
* EGroupware: CSS with less preprocessor
|
||||
*
|
||||
@ -5170,21 +5154,6 @@ button.image_button {
|
||||
* @package 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
|
||||
*
|
||||
|
||||
Loading…
Reference in New Issue
Block a user