mirror of
https://github.com/EGroupware/egroupware.git
synced 2025-01-27 08:19:09 +01:00
Pixelegg changes
This commit is contained in:
Klaus Leithoff
parent
880554bcf5
commit
7334920cfb
55
pixelegg/content-element-library/cal_widgets.html
Normal file
55
pixelegg/content-element-library/cal_widgets.html
Normal file
@ -0,0 +1,55 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
[EGroupware] Content Element Library
|
||||
|
||||
Author: Stefan Reinhardt (c) pixelegg
|
||||
-->
|
||||
<html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
|
||||
|
||||
|
||||
<title> [EGroupware] Content Element Library</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="keywords" content="EGroupware" />
|
||||
<meta name="description" content="EGroupware" />
|
||||
<meta name="keywords" content="EGroupware" />
|
||||
<meta name="copyright" content="Stylite AG 2013, see http://www.stylite.de/EPL" />
|
||||
<meta name="language" content="de" />
|
||||
<meta name="author" content="Stylite AG www.stylite.de" />
|
||||
|
||||
<meta name="robots" content="none" />
|
||||
<link rel="icon" href="/egroupware2/phpgwapi/templates/idots/images/favicon.ico" type="image/x-ico" />
|
||||
<link rel="shortcut icon" href="/egroupware2/phpgwapi/templates/idots/images/favicon.ico" />
|
||||
<link href="/egroupware2/phpgwapi/js/jscalendar/calendar-blue.css" type="text/css" rel="StyleSheet" />
|
||||
<link href="/egroupware2/phpgwapi/js/dhtmlxtree/dhtmlxTree/codebase/dhtmlxtree.css" type="text/css" rel="StyleSheet" />
|
||||
<link href="/egroupware2/phpgwapi/js/jquery/chosen/chosen.css" type="text/css" rel="StyleSheet" />
|
||||
<link href="/egroupware2/phpgwapi/js/jquery/jquery-ui/redmond/jquery-ui-1.10.3.custom.css" type="text/css" rel="StyleSheet" />
|
||||
<link href="/egroupware2/etemplate/templates/default/etemplate2.css" type="text/css" rel="StyleSheet" />
|
||||
<link href="/egroupware2/pixelegg/css/pixelegg.css" type="text/css" rel="StyleSheet" />
|
||||
<link href="/egroupware2/phpgwapi/templates/idots/print.css" type="text/css" rel="StyleSheet" />
|
||||
|
||||
<!--mail-->
|
||||
<link type="text/css" rel="stylesheet" href="/egroupware2/calendar/templates/pixelegg/app.css">
|
||||
|
||||
<link type="text/css" rel="stylesheet" href="/egroupware2/pixelegg/content-element-library/css/contentElementLibrary.css">
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<hr id="1" class="clearer">
|
||||
<div class="headline1">CALENDAR WIDGET </div>
|
||||
<hr class="clearer">
|
||||
|
||||
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-describedby="undefined_nm_favorites_popup" style="position: absolute; height: auto; width: 300px; top: 281px; left: 428px; display: block;" aria-labelledby="ui-id-1"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span id="ui-id-1" class="ui-dialog-title">New favorite</span><button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close"><span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span><span class="ui-button-text">close</span></button></div><div id="undefined_nm_favorites_popup" class="ui-dialog-content ui-widget-content" style="width: auto; min-height: 31px; max-height: none; height: auto;"> <form> <label for="name">Name</label><input type="text" name="name" id="name"> <div id="calendar_favorites_popup_admin"><span><select class="et2_selectbox" id="favorite[group]" name="favorite[group]"><option value="">Gruppen</option></select><span class="et2_clickable" title="popup with search"><span class="ui-icon ui-icon-search" style="display:inline-block"></span></span></span></div> <span>Details</span><span style="float:left;" class="ui-icon ui-icon-circle-plus ui-button"></span> <ul id="calendar_favorites_popup_state" style="display: none;"><li id="index"><span class="filter_id">cat_id</span><span class="filter_value">0</span></li><li id="index"><span class="filter_id">filter</span><span class="filter_value">default</span></li><li id="index"><span class="filter_id">owner</span><span class="filter_value">545</span></li><li id="index"><span class="filter_id">sortby</span><span class="filter_value">category</span></li><li id="index"><span class="filter_id">planner_days</span><span class="filter_value">0</span></li><li id="index"><span class="filter_id">view</span><span class="filter_value">week</span></li><li id="index"><span class="filter_id">listview_days</span><span class="filter_value"></span></li></ul> </form> </div><div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix"><div class="ui-dialog-buttonset"><button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">Speichern</span></button><button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">Abbruch</span></button></div></div><div class="ui-resizable-handle ui-resizable-n" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-w" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 90;"></div></div>
|
||||
<hr id="0" class="clearer">
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -2243,17 +2243,12 @@ action buttons, left aligned for "extra" controls
|
||||
################################################################*/
|
||||
/*ADD Button*/
|
||||
#admin-categories-index_add {
|
||||
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;*/
|
||||
}
|
||||
#admin-categories-index_add:before {
|
||||
content: "+";
|
||||
@ -4446,17 +4441,12 @@ button[id="cancel"]:active {
|
||||
*
|
||||
######################################################################################## */
|
||||
button.add {
|
||||
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;*/
|
||||
}
|
||||
button.add:before {
|
||||
content: "+";
|
||||
@ -5258,25 +5248,71 @@ img {
|
||||
- Name / Date
|
||||
###################################################*/
|
||||
#egw_fw_topmenu_addons {
|
||||
/*hover*/
|
||||
/* span#quick_add{
|
||||
.Complete_Button_add;
|
||||
.Button_size_square_16;
|
||||
.border_normal;
|
||||
.box_shadow_standard_light;
|
||||
float: right;
|
||||
position: fixed;
|
||||
right: 83px;
|
||||
top: 5px;
|
||||
padding: 0.5em;
|
||||
&:before {content: "+"; font-size: 2em; color: @egw_color_1; line-height: 0.6em}
|
||||
&:focus {.box_shadow_standard_light_inset;};
|
||||
.transition (0.2s, ease-out);
|
||||
|
||||
select#quick_add_selectbox{
|
||||
position: fixed;
|
||||
right: 83px;
|
||||
.border_normal;
|
||||
.box_shadow_standard_light;
|
||||
height: 26px;
|
||||
padding: 0 0 0 10px;
|
||||
font-size: 0.9em;
|
||||
line-height: 1.1em;
|
||||
|
||||
visibility: hidden;
|
||||
|
||||
transition-property: visibility;
|
||||
transition-duration: 0s;
|
||||
transition-timing-function: linear;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
hover
|
||||
span#quick_add:hover {
|
||||
|
||||
width: 166px !important;
|
||||
.box_shadow_standard_light_hover;
|
||||
|
||||
select#quick_add_selectbox {
|
||||
.box_shadow_standard_light_hover;
|
||||
.box_shadow_none;
|
||||
border: none;
|
||||
position: relative !important;
|
||||
right: 1px !important;
|
||||
top: -5px;
|
||||
z-index: 200;
|
||||
visibility: visible !important;
|
||||
}
|
||||
|
||||
}*/
|
||||
}
|
||||
#egw_fw_topmenu_addons span#quick_add {
|
||||
/*.Complete_Button_add;*/
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
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);
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
|
||||
float: right;
|
||||
padding: 0.5em;
|
||||
position: fixed;
|
||||
right: 83px;
|
||||
top: 5px;
|
||||
padding: 0.5em;
|
||||
-webkit-transition: all 0.2s ease-out;
|
||||
-moz-transition: all 0.2s ease-out;
|
||||
-o-transition: all 0.2s ease-out;
|
||||
transition: all 0.2s ease-out;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
#egw_fw_topmenu_addons span#quick_add:before {
|
||||
content: "+";
|
||||
@ -5284,43 +5320,13 @@ img {
|
||||
color: #ffc200;
|
||||
line-height: 0.6em;
|
||||
}
|
||||
#egw_fw_topmenu_addons span#quick_add:focus {
|
||||
-webkit-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);
|
||||
}
|
||||
#egw_fw_topmenu_addons span#quick_add select#quick_add_selectbox {
|
||||
position: fixed;
|
||||
right: 83px;
|
||||
/*.border_normal;*/
|
||||
/*.box_shadow_standard_light;*/
|
||||
/*height: 26px;*/
|
||||
padding: 0 0 0 10px;
|
||||
font-size: 0.9em;
|
||||
/*line-height: 1.1em;*/
|
||||
#egw_fw_topmenu_addons select#quick_add_selectbox {
|
||||
visibility: hidden;
|
||||
transition-property: visibility;
|
||||
transition-duration: 0s;
|
||||
transition-timing-function: linear;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
#egw_fw_topmenu_addons span#quick_add:hover {
|
||||
width: 166px !important;
|
||||
-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);
|
||||
}
|
||||
#egw_fw_topmenu_addons span#quick_add:hover select#quick_add_selectbox {
|
||||
/*.box_shadow_standard_light_hover;*/
|
||||
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
|
||||
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
|
||||
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
|
||||
border: none;
|
||||
border: medium none;
|
||||
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||
position: relative !important;
|
||||
right: 1px !important;
|
||||
top: -5px;
|
||||
z-index: 200;
|
||||
visibility: visible !important;
|
||||
}
|
||||
#egw_fw_logout {
|
||||
background-image: url(../images/logout.png);
|
||||
|
||||
@ -87,6 +87,49 @@ egw_LAB.wait(function() {
|
||||
|
||||
|
||||
|
||||
|
||||
// ADD
|
||||
|
||||
function addListeners(){
|
||||
|
||||
if(window.addEventListener) {
|
||||
// ADD
|
||||
document.getElementById('quick_add').addEventListener("mouseover",quick_add_func_over,false);
|
||||
document.getElementById('quick_add').addEventListener("mouseout",quick_add_func_out,false);
|
||||
|
||||
|
||||
|
||||
} else if (window.attachEvent){ // Added For Inetenet Explorer versions previous to IE9
|
||||
|
||||
document.getElementById('quick_add').attachEvent("onmouseover",quick_add_func_over);
|
||||
document.getElementById('quick_add').attachEvent("onmouseout",quick_add_func_out);
|
||||
}
|
||||
|
||||
// Write your functions here
|
||||
|
||||
function quick_add_func_over(){
|
||||
this.style.transition = "0.2s ease-out 0s";
|
||||
this.style.width = "166px";
|
||||
this.style.borderTopLeftRadius = "20px";
|
||||
this.style.backgroundColor = "#0B5FA4";
|
||||
quick_add_selectbox.style.transition = "0.1s linear 0.2s";
|
||||
quick_add_selectbox.style.visibility = "visible";
|
||||
}
|
||||
|
||||
function quick_add_func_out(){
|
||||
this.style.transition = "0.2s ease-out 0s";
|
||||
this.style.width = "16px";
|
||||
this.style.borderTopLeftRadius = "0px";
|
||||
this.style.backgroundColor = "transparent";
|
||||
quick_add_selectbox.style.transition = "0s linear 0s";
|
||||
quick_add_selectbox.style.visibility = "hidden";
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
window.onload = addListeners;
|
||||
|
||||
/* #egw_fw_topmenu_info_items {
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
|
||||
@ -59,13 +59,15 @@
|
||||
.box_shadow_standard_light_inset;
|
||||
}
|
||||
|
||||
|
||||
/*ADD / Hinzufügen*/
|
||||
.Complete_Button_add {
|
||||
background-color: @egw_color_blue_lighter !important;
|
||||
/*background-color: @egw_color_blue_lighter !important;*/
|
||||
color: #FFF;
|
||||
text-shadow: none;
|
||||
/* height: auto;*/
|
||||
background-image: none !important;
|
||||
.border_radius_button_lefttop;
|
||||
/*.border_radius_button_lefttop;*/
|
||||
|
||||
&:before {content: "+";font-size: 1.5em;color: @egw_color_1; line-height: 1.1em;}
|
||||
}
|
||||
@ -77,6 +79,8 @@
|
||||
.border_radius_button_lefttop;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.Complete_Button_hinweis{
|
||||
.Button_size_square_32;
|
||||
.border_normal;
|
||||
|
||||
@ -386,7 +386,15 @@
|
||||
}
|
||||
|
||||
|
||||
/*Icon Buttons ################## */
|
||||
/*Icon Buttons ################## */
|
||||
|
||||
@mass_xs : 12px;
|
||||
@mass_s : 16px;
|
||||
@mass_m : 24px;
|
||||
@mass_l : 32px;
|
||||
@mass_xl : 40px;
|
||||
@mass_xxl: 48px;
|
||||
|
||||
|
||||
/* ##############
|
||||
# big Icon #
|
||||
@ -395,47 +403,11 @@
|
||||
# #
|
||||
# #
|
||||
################*/
|
||||
|
||||
.dimension_width_height_xl{
|
||||
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
/* ###########
|
||||
# medium #
|
||||
# Icon #
|
||||
# #
|
||||
# 24 x 24 #
|
||||
# #
|
||||
#############*/
|
||||
|
||||
.dimension_width_height_m{
|
||||
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
/* ########
|
||||
# small #
|
||||
# Icon #
|
||||
# 16x16 #
|
||||
##########*/
|
||||
|
||||
.dimension_width_height_s{
|
||||
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
/* ####
|
||||
#xs#
|
||||
####*/
|
||||
.dimension_width_height_xs{
|
||||
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
.dimension_width_height_xl{width: @mass_xl; height: @mass_xl;}
|
||||
.dimension_width_height_l{width: @mass_l; height: @mass_l;}
|
||||
.dimension_width_height_m{width: @mass_m; height: @mass_m;}
|
||||
.dimension_width_height_s{width: @mass_s; height: @mass_s;}
|
||||
.dimension_width_height_xs{width: @mass_xs; height: @mass_xs;}
|
||||
|
||||
/* only Buttons ################## */
|
||||
|
||||
@ -447,35 +419,14 @@
|
||||
# N x 32 #
|
||||
############################*/
|
||||
|
||||
.dimension_height_xl{ height: 40px; }
|
||||
.dimension_height_xxl{ height: @mass_xxl;}
|
||||
.dimension_height_xl{ height: @mass_xl;}
|
||||
.dimension_height_l{ height: @mass_l;}
|
||||
.dimension_height_m{ height: @mass_m;}
|
||||
.dimension_height_s{ height: @mass_s;}
|
||||
.dimension_height_xs{ height: @mass_xs;}
|
||||
|
||||
|
||||
/* ##########################
|
||||
# large Button #
|
||||
# #
|
||||
# #
|
||||
# #
|
||||
# N x 32 #
|
||||
############################*/
|
||||
|
||||
.dimension_height_l{ height: 32px; }
|
||||
|
||||
/* ##########################
|
||||
# medium Button #
|
||||
# #
|
||||
# N x 24 #
|
||||
############################*/
|
||||
|
||||
.dimension_height_m{ height: 24px; }
|
||||
|
||||
/* ##########################
|
||||
# small Button #
|
||||
# #
|
||||
# N x 16 #
|
||||
############################*/
|
||||
|
||||
.dimension_height_s{ height: 16px; }
|
||||
|
||||
|
||||
|
||||
// Rahmen für Schaltflächen
|
||||
@ -668,4 +619,4 @@
|
||||
|
||||
|
||||
//
|
||||
//
|
||||
//
|
||||
@ -619,7 +619,7 @@ div.et2_link_entry input.ui-autocomplete-input {
|
||||
float: left;
|
||||
margin: 0.5em 2em;
|
||||
padding: 0.5em;
|
||||
.dimension_width_height_xl;
|
||||
.dimension_width_height_l;
|
||||
|
||||
&:hover {.Complete_Button_Icon_hover;}
|
||||
&:active {.Complete_Button_Icon_active; }
|
||||
|
||||
@ -89,6 +89,7 @@
|
||||
/*.Button_size_square_32;*/
|
||||
padding: 0.3em 0.4em;
|
||||
.Complete_Button_normal;
|
||||
|
||||
|
||||
&:hover{.Complete_Button_hover;.color_100_gray;}
|
||||
&:active {.Complete_Button_active;}
|
||||
@ -267,9 +268,34 @@
|
||||
|
||||
// ########################################
|
||||
// quick_add
|
||||
|
||||
span#quick_add {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
|
||||
float: right;
|
||||
padding: 0.5em;
|
||||
position: fixed;
|
||||
right: 83px;
|
||||
top: 5px;
|
||||
.dimension_width_height_s;
|
||||
&:before {content: "+"; font-size: 2em; color: @egw_color_1; line-height: 0.6em}
|
||||
}
|
||||
|
||||
select#quick_add_selectbox {
|
||||
|
||||
visibility: hidden;
|
||||
border: medium none;
|
||||
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||
position: relative !important;
|
||||
right: 1px !important;
|
||||
top: -5px;
|
||||
|
||||
span#quick_add{
|
||||
/*.Complete_Button_add;*/
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* span#quick_add{
|
||||
.Complete_Button_add;
|
||||
.Button_size_square_16;
|
||||
.border_normal;
|
||||
.box_shadow_standard_light;
|
||||
@ -285,12 +311,12 @@
|
||||
select#quick_add_selectbox{
|
||||
position: fixed;
|
||||
right: 83px;
|
||||
/*.border_normal;*/
|
||||
/*.box_shadow_standard_light;*/
|
||||
/*height: 26px;*/
|
||||
.border_normal;
|
||||
.box_shadow_standard_light;
|
||||
height: 26px;
|
||||
padding: 0 0 0 10px;
|
||||
font-size: 0.9em;
|
||||
/*line-height: 1.1em;*/
|
||||
line-height: 1.1em;
|
||||
|
||||
visibility: hidden;
|
||||
|
||||
@ -304,14 +330,14 @@
|
||||
|
||||
|
||||
|
||||
/*hover*/
|
||||
hover
|
||||
span#quick_add:hover {
|
||||
|
||||
width: 166px !important;
|
||||
.box_shadow_standard_light_hover;
|
||||
|
||||
select#quick_add_selectbox {
|
||||
/*.box_shadow_standard_light_hover;*/
|
||||
.box_shadow_standard_light_hover;
|
||||
.box_shadow_none;
|
||||
border: none;
|
||||
position: relative !important;
|
||||
@ -321,7 +347,7 @@
|
||||
visibility: visible !important;
|
||||
}
|
||||
|
||||
}
|
||||
}*/
|
||||
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user