mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-10-05 17:52:03 +02: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);
|
-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
|
||||||
*
|
*
|
||||||
|
|||||||
@ -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
|
||||||
*
|
*
|
||||||
|
|||||||
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
//
|
|
||||||
@ -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
|
||||||
*
|
*
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user