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

pixelegg less - latest update

Browse Source
This commit is contained in:
Stefan Reinhardt 2014-04-01 09:14:34 +00:00
parent f93b1307e3
commit 2c905c6847
11 changed files with 278 additions and 346 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

327
pixelegg/css/pixelegg.css
View File

@ -116,11 +116,9 @@
*/ */
.et2_button { .et2_button {
text-shadow: 0px 0px !important; text-shadow: 0px 0px !important;
border: 1px solid rgba(0, 0, 0, 0.15); /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
-webkit-border-radius: 3px; /*.rounded (3px);*/
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-transition-property: background-color; -webkit-transition-property: background-color;
@ -285,11 +283,9 @@
* Link_entry_widget * Link_entry_widget
*/ */
div.et2_link_to button { div.et2_link_to button {
border: 1px solid rgba(0, 0, 0, 0.15); /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
-webkit-border-radius: 3px; /*.rounded (3px);*/
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-transition-property: background-color; -webkit-transition-property: background-color;
@ -488,7 +484,7 @@
################################################################*/ ################################################################*/
.nextmatch_header_row > .search { .nextmatch_header_row > .search {
padding: 0 0 0 0px; padding: 0 0 0 0px;
margin-right: 3px; margin-right: 15px;
margin-left: 15px; margin-left: 15px;
width: 200px; width: 200px;
z-index: 100; z-index: 100;
@ -754,7 +750,7 @@
color: #0c5da5; color: #0c5da5;
line-height: 0.6em; line-height: 0.6em;
padding-left: 0.1em; padding-left: 0.1em;
padding-right: 4em; padding-right: 100em;
} }
button#admin-categories-index_add:active { button#admin-categories-index_add:active {
background-color: #1aa200; background-color: #1aa200;
@ -1359,11 +1355,9 @@ span.ui-icon-search {
background-color: #679fd2; background-color: #679fd2;
} }
.ui-dialog-buttonset button { .ui-dialog-buttonset button {
border: 1px solid rgba(0, 0, 0, 0.15); /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
-webkit-border-radius: 3px; /*.rounded (3px);*/
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-transition-property: background-color; -webkit-transition-property: background-color;
@ -1835,11 +1829,9 @@ div#ui-datepicker-div {
} }
#egwpopup input#egwpopup_ok_button, #egwpopup input#egwpopup_ok_button,
#egwpopup button#desktop_perms { #egwpopup button#desktop_perms {
border: 1px solid rgba(0, 0, 0, 0.15); /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
-webkit-border-radius: 3px; /*.rounded (3px);*/
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-transition-property: background-color; -webkit-transition-property: background-color;
@ -1928,91 +1920,25 @@ td.message span.message {
* http://cssreset.com * http://cssreset.com
* fieldset legend * fieldset legend
*/ */
html, /* html, body, div, span, applet, object, iframe,
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
div, a, abbr, acronym, address, big, cite, code,
span, del, dfn, em, img, ins, kbd, q, s, samp,
applet, small, strike, strong, sub, sup, tt, var,
object, b, u, i, center,
iframe, dl, dt, dd, ol, ul, li,
h1, form, label,
h2, table, caption, tbody, tfoot, thead, tr, th, td,
h3, article, aside, canvas, details, embed,
h4, figure, figcaption, footer, header, hgroup,
h5, menu, nav, output, ruby, section, summary,
h6, time, mark, audio, video {
p, margin: 0;
blockquote, padding: 0;
pre, border: 0;
a, font-size: 100%;
abbr, font: inherit;
acronym, }*/
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}
/* HTML5 display-role reset for older browsers */ /* HTML5 display-role reset for older browsers */
article, article,
aside, aside,
@ -2789,11 +2715,9 @@ input[type=button]:active {
* *
######################################################################################## */ ######################################################################################## */
button.et2_button_with_image { button.et2_button_with_image {
border: 1px solid rgba(0, 0, 0, 0.15); /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
-webkit-border-radius: 3px; /*.rounded (3px);*/
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-transition-property: background-color; -webkit-transition-property: background-color;
@ -2849,11 +2773,9 @@ button.et2_button_delete {
/*background-color: @color_negative_action_hover !important;*/ /*background-color: @color_negative_action_hover !important;*/
background-image: url('../images/delete.png') !important; background-image: url('../images/delete.png') !important;
margin-left: 3em; margin-left: 3em;
border: 1px solid rgba(0, 0, 0, 0.15); /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
-webkit-border-radius: 3px; /*.rounded (3px);*/
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-transition-property: background-color; -webkit-transition-property: background-color;
@ -2891,11 +2813,9 @@ button[id="displayToolbar-delete"]:hover,
button.et2_button_delete:hover { button.et2_button_delete:hover {
background-image: url('../images/delete-hover.png') !important; background-image: url('../images/delete-hover.png') !important;
background-color: #b81f00 !important; background-color: #b81f00 !important;
border: 1px solid rgba(0, 0, 0, 0.15); /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
-webkit-border-radius: 3px; /*.rounded (3px);*/
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-transition-property: background-color; -webkit-transition-property: background-color;
@ -2932,11 +2852,9 @@ button[id="displayToolbar-delete"]:active,
button.et2_button_delete:active { button.et2_button_delete:active {
background-image: url('../images/delete-hover.png') !important; background-image: url('../images/delete-hover.png') !important;
background-color: #e12500 !important; background-color: #e12500 !important;
border: 1px solid rgba(0, 0, 0, 0.15); /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
-webkit-border-radius: 3px; /*.rounded (3px);*/
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-transition-property: background-color; -webkit-transition-property: background-color;
@ -3004,11 +2922,9 @@ button#filemanager-select_button[ok]:active {
} }
#passwordchange { #passwordchange {
background-image: url('../images/cancel.png') !important; background-image: url('../images/cancel.png') !important;
border: 1px solid rgba(0, 0, 0, 0.15); /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
-webkit-border-radius: 3px; /*.rounded (3px);*/
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-transition-property: background-color; -webkit-transition-property: background-color;
@ -3071,11 +2987,9 @@ button.et2_button_question:active {
button[id="cancel"], button[id="cancel"],
button#cancel { button#cancel {
background-image: url('../images/cancel.png') !important; background-image: url('../images/cancel.png') !important;
border: 1px solid rgba(0, 0, 0, 0.15); /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
-webkit-border-radius: 3px; /*.rounded (3px);*/
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-transition-property: background-color; -webkit-transition-property: background-color;
@ -3117,11 +3031,9 @@ button#cancel:active {
} }
#passwordcancel { #passwordcancel {
background-image: url('../images/cancel.png') !important; background-image: url('../images/cancel.png') !important;
border: 1px solid rgba(0, 0, 0, 0.15); /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
-webkit-border-radius: 3px; /*.rounded (3px);*/
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-transition-property: background-color; -webkit-transition-property: background-color;
@ -3177,11 +3089,9 @@ button.add:before {
} }
button[id="add"] { button[id="add"] {
background-image: url('../images/add.png') !important; background-image: url('../images/add.png') !important;
border: 1px solid rgba(0, 0, 0, 0.15); /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
-webkit-border-radius: 3px; /*.rounded (3px);*/
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-transition-property: background-color; -webkit-transition-property: background-color;
@ -3637,6 +3547,8 @@ table.nextmatch_header img {
height: 100%; height: 100%;
width: auto; width: auto;
border-bottom: 0px solid #7E7E7E; border-bottom: 0px solid #7E7E7E;
margin: 0 -2%;
background-color: #679fd2;
} }
#loginMainDiv #divAppIconBar { #loginMainDiv #divAppIconBar {
margin-left: auto; margin-left: auto;
@ -3667,7 +3579,7 @@ table.nextmatch_header img {
background-repeat: repeat-x; background-repeat: repeat-x;
} }
#loginMainDiv div#centerBox { #loginMainDiv div#centerBox {
margin: 2% 14% auto auto; margin: 0% auto;
width: 444px; width: 444px;
background-color: #ffffff; background-color: #ffffff;
z-index: 100; z-index: 100;
@ -3684,10 +3596,7 @@ table.nextmatch_header img {
border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
border-top-left-radius: 25px; border-top-left-radius: 25px;
/*.background-clip(padding-box);*/ /*.background-clip(padding-box);*/
border-top: solid 1px #ffc200; /*.bordered (@egw_color_1_a, @egw_color_1_a, @egw_color_2_e, @egw_color_2_e );*/
border-left: solid 1px #679fd2;
border-right: solid 1px #ffc200;
border-bottom: solid 1px #679fd2;
border-width: 14px; border-width: 14px;
} }
#loginMainDiv div#centerBox #loginScreenMessage { #loginMainDiv div#centerBox #loginScreenMessage {
@ -3917,6 +3826,7 @@ table.nextmatch_header img {
#egw_fw_header { #egw_fw_header {
width: 100%; width: 100%;
float: left; float: left;
background-color: #679fd2;
/* Logo EGW or Company - left top*/ /* Logo EGW or Company - left top*/
/* ########################################################################################################################################### /* ###########################################################################################################################################
Topmenu / Home / Einstellungen / Zugriff / Kategorien usw.. Topmenu / Home / Einstellungen / Zugriff / Kategorien usw..
@ -3930,7 +3840,7 @@ table.nextmatch_header img {
margin-left: -8px; margin-left: -8px;
text-align: center; text-align: center;
height: 45px; height: 45px;
background-color: #fafafa; /*.background_color_5_gray;*/
} }
#egw_fw_header #egw_divLogo img { #egw_fw_header #egw_divLogo img {
width: 209px; width: 209px;
@ -3938,7 +3848,7 @@ table.nextmatch_header img {
position: absolute; position: absolute;
top: 0.41em; top: 0.41em;
left: 1em; left: 1em;
background-color: #fafafa; /*.background_color_5_gray;*/
} }
#egw_fw_header #egw_fw_topmenu ul, #egw_fw_header #egw_fw_topmenu ul,
#egw_fw_header #egw_fw_topmenu > * > ul > li, #egw_fw_header #egw_fw_topmenu > * > ul > li,
@ -3949,10 +3859,11 @@ table.nextmatch_header img {
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items {
float: left; float: left;
padding-top: 10px; padding-top: 14px;
width: 70%; width: 70%;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul {
margin: 5px 2px;
/*Home*/ /*Home*/
/*home*/ /*home*/
/*Setup / Einstellungen*/ /*Setup / Einstellungen*/
@ -3964,29 +3875,11 @@ table.nextmatch_header img {
/*logout*/ /*logout*/
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li {
color: #ffffff;
/*.Button_size_square_32;*/ /*.Button_size_square_32;*/
padding: 0.3em 0.4em; padding: 8px 10px;
border: 1px solid rgba(0, 0, 0, 0.15); /*.Complete_Button_normal;*/
/*.box_shadow_standard_light;*/ /*background-color: @gray_10;*/
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000;
-webkit-appearance: none;
-webkit-transition-property: background-color;
-moz-transition-property: background-color;
-o-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
background-color: #b4b4b4;
background-color: #e6e6e6;
-webkit-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;
@ -3997,7 +3890,7 @@ table.nextmatch_header img {
-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);
background-color: inherit; background-color: inherit;
color: #000000; color: #ffffff;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:active { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:active {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
@ -4007,14 +3900,21 @@ table.nextmatch_header img {
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a {
color: #000000; color: #000000;
text-decoration: none; text-decoration: none;
height: 16px; height: 32px;
/*font-size: 1.1em;*/ /*font-size: 1.1em;*/
font-size: 12.100000000000001px;
line-height: 1.5em;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
color: #808080; color: #e6e6e6;
border-color: #828282; border-color: #828282;
text-decoration: none !important; text-decoration: none !important;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:before {
/*.img_filter_gray;*/
/*-webkit-filter: grayscale(100%) brightness(100%) contrast(100%);*/
/*-webkit-filter: invert(100%);*/
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:first-child { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:first-child {
margin-left: 10px; margin-left: 10px;
} }
@ -4026,11 +3926,13 @@ table.nextmatch_header img {
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before {
padding-right: 20px; padding-right: 20px;
font-size: 12.100000000000001px;
content: " "; content: " ";
background-image: url(../images/topmenu_items/home.png); background-image: url(../images/topmenu_items/home.png);
background-repeat: no-repeat; background-repeat: no-repeat;
width: 12px; background-size: 20px 20px;
height: 12px; width: 24px;
height: 24px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs {
margin-left: 0px; margin-left: 0px;
@ -4040,6 +3942,7 @@ table.nextmatch_header img {
content: ""; content: "";
background-image: url(../images/topmenu_items/setup.png); background-image: url(../images/topmenu_items/setup.png);
background-repeat: no-repeat; background-repeat: no-repeat;
/* background-size: 20px 20px;*/
width: 12px; width: 12px;
height: 12px; height: 12px;
} }
@ -4115,6 +4018,7 @@ table.nextmatch_header img {
float: left; float: left;
position: relative; position: relative;
left: -5px; left: -5px;
cursor: pointer;
} }
/*Icon ARROW UP*/ /*Icon ARROW UP*/
#egw_fw_topmenu_slide.slideup { #egw_fw_topmenu_slide.slideup {
@ -4125,6 +4029,7 @@ table.nextmatch_header img {
display: block; display: block;
margin-top: -36px; margin-top: -36px;
margin-left: 40px; margin-left: 40px;
cursor: pointer;
} }
#slidetoggle { #slidetoggle {
width: 20px; width: 20px;
@ -4149,13 +4054,9 @@ table.nextmatch_header img {
z-index: 200; z-index: 200;
width: 16px; width: 16px;
height: 16px; height: 16px;
border: 1px solid rgba(0, 0, 0, 0.15); /*.border_normal;*/
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); /*.box_shadow_standard_light;*/
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); /*.border_radius_button_normal;*/
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0.5em; padding: 0.5em;
top: 5px; top: 5px;
position: fixed; position: fixed;
@ -4201,36 +4102,36 @@ table.nextmatch_header img {
&:focus {.box_shadow_standard_light_inset;}*/ &:focus {.box_shadow_standard_light_inset;}*/
} }
/*################################################# /*#################################################
/* Second Line /* Second Line
/* e.g. Name / Datum / angemeldete User /* e.g. Name / Datum / angemeldete User
###################################################*/ ###################################################*/
#egw_fw_topmenu_info_items { #egw_fw_topmenu_info_items {
bottom: 0px; /* bottom: 0px;
right: 0px; right: 0px;
padding-right: 0px; padding-right: 0px;
position: relative; position: relative;
z-index: 1000; z-index: 1000;
margin-right: 4px; margin-right: 4px;
float: right;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
flex-direction: row;
justify-content: flex-start;
-webkit-flex-direction: row;
-webkit-justify-content: flex-start;
-ms-flex-direction: row;
-ms-justify-content: flex-start;
/* bottom: 3px;
display: flex;
float: right; float: right;
height: 0;
margin-right: 20px; display: flex;
padding-right: 20px; display: -webkit-box;
position: fixed; display: -webkit-flex;
right: 5px; display: -ms-flexbox;
z-index: 1000;*/
flex-direction: row;
justify-content: flex-start;
-webkit-flex-direction: row;
-webkit-justify-content: flex-start;
-ms-flex-direction: row;
-ms-justify-content: flex-start;*/
position: fixed;
z-index: 1000;
bottom: -8px;
right: 5px;
padding-right: 20px;
/*Notification*/ /*Notification*/
/*user info*/ /*user info*/
/*current user info*/ /*current user info*/
@ -4274,8 +4175,8 @@ table.nextmatch_header img {
padding: 0px; padding: 0px;
} }
#egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add { #egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add {
border: 1px solid rgba(0, 0, 0, 0.15); /*border: 1px solid rgba(0, 0, 0, 0.15);*/
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); /*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
float: right; float: right;
padding: 0.5em; padding: 0.5em;
position: fixed; position: fixed;
@ -4411,11 +4312,11 @@ table.nextmatch_header img {
#egw_fw_sidebar { #egw_fw_sidebar {
position: fixed; position: fixed;
overflow: hidden; overflow: hidden;
top: 57px; top: 43px;
left: 0px; left: 0px;
bottom: 20px; bottom: 20px;
width: 225px; width: 225px;
background-color: #fafafa; /*.background_color_5_gray;*/
/*#################################*/ /*#################################*/
} }
#egw_fw_sidebar #egw_fw_sidemenu { #egw_fw_sidebar #egw_fw_sidemenu {
@ -4917,6 +4818,8 @@ table.nextmatch_header img {
display: block; display: block;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
padding: 0 10px;
background-color: #cdcdcd;
/* background-color: RGB(240, 240, 255);*/ /* background-color: RGB(240, 240, 255);*/
} }
.egw_fw_content_browser_div_loading { .egw_fw_content_browser_div_loading {
@ -5158,7 +5061,7 @@ button.image_button {
* *
* Version 08.2013 * Version 08.2013
* Author Stefan Reinhardt, Wolfgang Ott * Author Stefan Reinhardt, Wolfgang Ott
* *
*/ */
/* ################################################# /* #################################################
* FOOTER * FOOTER
@ -5167,7 +5070,7 @@ button.image_button {
#egw_fw_footer { #egw_fw_footer {
position: fixed; position: fixed;
bottom: 0px; bottom: 0px;
width: 100%; width: 50%;
text-align: left; text-align: left;
padding: 3px; padding: 3px;
clear: both; clear: both;
@ -5211,6 +5114,12 @@ button.image_button {
}*/ }*/
div#popupMainDiv { div#popupMainDiv {
padding: 8px; padding: 8px;
background-color: #ffffff;
background-image: url(../images/bgDialog.png);
background-repeat: repeat-x;
}
div#popupMainDiv > * {
margin: 0px;
} }
div.et2_container { div.et2_container {
padding: 0; padding: 0;

BIN
pixelegg/images/list.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
pixelegg/images/list_alt.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

36
pixelegg/js/slider.js
View File

@ -13,13 +13,13 @@ function show_pixelegg_header(_toggle, _delay)
{ {
$j("#egw_fw_header").slideToggle(); $j("#egw_fw_header").slideToggle();
$j("#egw_fw_topmenu_info_items").animate({"margin-right": "20px","bottom": "0px","padding-right" : "0", "height": "0px"},_delay); // $j("#egw_fw_topmenu_info_items").animate({"margin-right": "20px","bottom": "0px","padding-right" : "0", "height": "0px"},_delay);
$j("#egw_fw_topmenu_info_items").css("position", "relative"); // $j("#egw_fw_topmenu_info_items").css("position", "relative");
$j("#egw_fw_topmenu_info_items").css("display", "flex"); // $j("#egw_fw_topmenu_info_items").css("display", "flex");
$j("#egw_fw_topmenu_info_items").css("float", "right"); // $j("#egw_fw_topmenu_info_items").css("float", "right");
$j("#egw_fw_sidebar").animate({'top':'52px'},_delay); $j("#egw_fw_sidebar").animate({'top':'43px'},_delay);
$j("#egw_fw_tabs").animate({'margin-top':'12px'},_delay); $j("#egw_fw_tabs").animate({'margin-top':'3px'},_delay);
$j(".egw_fw_ui_tabs_header").css("padding", "1px 1px 0px 1px"); $j(".egw_fw_ui_tabs_header").css("padding", "1px 1px 0px 1px");
$j(".egw_fw_ui_sidemenu_entry_header_active").css("background-position","95% -3000px"); $j(".egw_fw_ui_sidemenu_entry_header_active").css("background-position","95% -3000px");
$j(_toggle).parent().removeClass("slidedown"); $j(_toggle).parent().removeClass("slidedown");
@ -31,24 +31,24 @@ function hide_pixelegg_header(_toggle, _delay)
{ {
$j("#egw_fw_header").slideToggle(); $j("#egw_fw_header").slideToggle();
$j("#egw_fw_sidebar").animate({'top':'-3px'},_delay); $j("#egw_fw_sidebar").animate({'top':'-3px'},_delay);
$j("#egw_fw_topmenu_info_items").show(); // $j("#egw_fw_topmenu_info_items").show();
$j("#egw_fw_logout").show(); $j("#egw_fw_logout").show();
$j("#egw_fw_print").show(); $j("#egw_fw_print").show();
$j("#egw_fw_tabs").animate({'margin-top':'2px', "top": "0px"},_delay); $j("#egw_fw_tabs").animate({'margin-top':'2px', "top": "0px"},_delay);
$j("#egw_fw_topmenu_info_items").animate({ // $j("#egw_fw_topmenu_info_items").animate({
"bottom": "3px", // "bottom": "3px",
"right": "5px", // "right": "5px",
"display": "flex", // "display": "flex",
"padding-right" : "20px", // "padding-right" : "20px",
"text-align": "right", // "text-align": "right",
"white-space": "nowrap", // "white-space": "nowrap",
},_delay); // },_delay);
$j(".egw_fw_ui_sidemenu_entry_header_active").css("background-position","95% 50%"); $j(".egw_fw_ui_sidemenu_entry_header_active").css("background-position","95% 50%");
$j("#egw_fw_topmenu_info_items").css("position", "fixed"); // $j("#egw_fw_topmenu_info_items").css("position", "fixed");
$j("#egw_fw_topmenu_info_items").css("z-index", "1000"); // $j("#egw_fw_topmenu_info_items").css("z-index", "1000");
// Form - Country Switch // Form - Country Switch
$j("#egw_fw_topmenu_info_items form").css("display", "none"); // $j("#egw_fw_topmenu_info_items form").css("display", "none");
$j(".egw_fw_ui_tabs_header").css("height", "34px") $j(".egw_fw_ui_tabs_header").css("height", "34px")
// Padding to adjust for icons left & right of the tabs // Padding to adjust for icons left & right of the tabs

43
pixelegg/less/def_buttons.less
View File

@ -22,11 +22,11 @@
//##################### //#####################
.Complete_Button_normal{ .Complete_Button_normal{
.border_normal; /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
.rounded (3px); /*.rounded (3px);*/
color: @gray_100; color: @gray_100;
// switch off for Safari + Chrome // switch off for Safari + Chrome
-webkit-appearance: none; -webkit-appearance: none;
-webkit-transition-property: background-color; -webkit-transition-property: background-color;
@ -102,7 +102,8 @@
color: @egw_color_2_a; color: @egw_color_2_a;
line-height: 0.6em; line-height: 0.6em;
padding-left: 0.1em; padding-left: 0.1em;
padding-right: 4em; padding-right: 100em;
} }
&:active {background-color: @color_positive_action_active;} &:active {background-color: @color_positive_action_active;}
@ -124,10 +125,10 @@
border-left-color: @lightgray; border-left-color: @lightgray;
} }
/* ######################################################################################## /* ########################################################################################
* *
* Button löschen / delete / => color-negative-action // red * Button löschen / delete / => color-negative-action // red
* *
######################################################################################## */ ######################################################################################## */
.Complete_Button_delete{ .Complete_Button_delete{
/*background-color: @color_negative_action_hover !important;*/ /*background-color: @color_negative_action_hover !important;*/
@ -137,54 +138,54 @@
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
/*background-color: @color-negative-action !important;*/ /*background-color: @color-negative-action !important;*/
/*color: @gray_0 !important;*/ /*color: @gray_0 !important;*/
&:hover { &:hover {
background-image:url('../images/delete-hover.png') !important; background-image:url('../images/delete-hover.png') !important;
background-color: @color_negative_action_hover !important; background-color: @color_negative_action_hover !important;
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
color: @gray_0 !important;; color: @gray_0 !important;;
} }
&:active { &:active {
background-image:url('../images/delete-hover.png') !important; background-image:url('../images/delete-hover.png') !important;
background-color: @color_negative_action_active !important; background-color: @color_negative_action_active !important;
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
color: @gray_0; color: @gray_0;
} }
} }
/* ######################################################################################## /* ########################################################################################
* *
* Button cancel / => color-cancel-action // yellow * Button cancel / => color-cancel-action // yellow
* *
######################################################################################## */ ######################################################################################## */
.Complete_Button_cancel{ .Complete_Button_cancel{
background-image:url('../images/cancel.png') !important; background-image:url('../images/cancel.png') !important;
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
content: "ID missing"; content: "ID missing";
&:hover {background-color: @color_cancel_action_hover !important; color: @gray_100; .box_shadow_standard_light_hover;} &:hover {background-color: @color_cancel_action_hover !important; color: @gray_100; .box_shadow_standard_light_hover;}
&:active {background-color: @color_cancel_action_active !important; color: @gray_100; .box_shadow_standard_light_inset;} &:active {background-color: @color_cancel_action_active !important; color: @gray_100; .box_shadow_standard_light_inset;}
} }
/* ######################################################################################## /* ########################################################################################
* *
* Button edit + save + apply + copy => color-positive-action // green * Button edit + save + apply + copy => color-positive-action // green
* *
######################################################################################## */ ######################################################################################## */
.Complete_Button_save_apply_copy{ .Complete_Button_save_apply_copy{
img[url*="svg"]{.gradient_vertical (@gray_30, @gray_30); fill: red;} img[url*="svg"]{.gradient_vertical (@gray_30, @gray_30); fill: red;}
&:hover { &:hover {
background-color: @color_positive_action; background-color: @color_positive_action;
color: @gray_100; color: @gray_100;
.box_shadow_standard_light_hover; .box_shadow_standard_light_hover;
} }
&:active {background-color: @color_positive_action_active;} &:active {background-color: @color_positive_action_active;}

2
pixelegg/less/etemplate2.less
View File

@ -383,7 +383,7 @@ div.header_row_right{
.nextmatch_header_row > .search{ .nextmatch_header_row > .search{
padding: 0 0 0 0px; padding: 0 0 0 0px;
margin-right: 3px; margin-right: 15px;
margin-left: 15px; margin-left: 15px;
width: 200px; width: 200px;
z-index: 100; z-index: 100;

4
pixelegg/less/layout_content_elements.less
View File

@ -21,7 +21,7 @@
* http://cssreset.com * http://cssreset.com
* fieldset legend * fieldset legend
*/ */
html, body, div, span, applet, object, iframe, /* html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, del, dfn, em, img, ins, kbd, q, s, samp,
@ -39,7 +39,7 @@
border: 0; border: 0;
font-size: 100%; font-size: 100%;
font: inherit; font: inherit;
} }*/
/* HTML5 display-role reset for older browsers */ /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { footer, header, hgroup, menu, nav, section {

7
pixelegg/less/layout_dialog.less
View File

@ -28,10 +28,15 @@
// Dialoge Allgemeine Definition // Dialoge Allgemeine Definition
div#popupMainDiv { div#popupMainDiv {
padding: 8px; padding: 8px;
background-color: @gray_0;
background-image: url(../images/bgDialog.png);
background-repeat: repeat-x;
} }
div#popupMainDiv > * {margin: 0px;}
div.et2_container { div.et2_container {
// .background-color-25-gray; // .background-color-25-gray;

16
pixelegg/less/layout_footer.less
View File

@ -6,9 +6,9 @@
* *
* Version 08.2013 * Version 08.2013
* Author Stefan Reinhardt, Wolfgang Ott * Author Stefan Reinhardt, Wolfgang Ott
* *
*/ */
@import "def_design_pattern_color_font_shadow.less"; @import "def_design_pattern_color_font_shadow.less";
/* ################################################# /* #################################################
@ -18,23 +18,23 @@
#egw_fw_footer { #egw_fw_footer {
position: fixed; position: fixed;
bottom: 0px; bottom: 0px;
width: 100%; width: 50%;
text-align: left; text-align: left;
padding: 3px; padding: 3px;
clear: both; clear: both;
opacity: 1; opacity: 1;
z-index: 100; z-index: 100;
color: @gray_50; color: @gray_50;
a {color: @gray_60;} a {color: @gray_60;}
a:last-child:after {content: " + Layout: pixelegg";} a:last-child:after {content: " + Layout: pixelegg";}
} }
#egw_fw_footer:hover { #egw_fw_footer:hover {
opacity: 0.1; opacity: 0.1;
transition: opacity .5s ease-out; transition: opacity .5s ease-out;

6
pixelegg/less/layout_loginPage.less
View File

@ -34,6 +34,8 @@
height: 100%; height: 100%;
width: auto; width: auto;
border-bottom: 0px solid #7E7E7E; border-bottom: 0px solid #7E7E7E;
margin: 0 -2%;
background-color: @egw_color_2_e;
// Logo Leiste // Logo Leiste
#divAppIconBar{ #divAppIconBar{
@ -60,13 +62,13 @@
// Anmeldefenster / Box mit Mesaage + Form // Anmeldefenster / Box mit Mesaage + Form
div#centerBox{ div#centerBox{
margin: 2% 14% auto auto; margin: 0% auto;
width: 444px; width: 444px;
background-color: @gray_0; background-color: @gray_0;
z-index: 100; z-index: 100;
.border_radius (5px, 5px, 5px, 25px); .border_radius (5px, 5px, 5px, 25px);
.bordered (@egw_color_1_a, @egw_color_1_a, @egw_color_2_e, @egw_color_2_e ); /*.bordered (@egw_color_1_a, @egw_color_1_a, @egw_color_2_e, @egw_color_2_e );*/
border-width: 14px; border-width: 14px;

183
pixelegg/less/layout_raster.less
View File

@ -42,6 +42,7 @@
width: 100%; width: 100%;
float: left; float: left;
background-color: @egw_color_2_e;
/* Logo EGW or Company - left top*/ /* Logo EGW or Company - left top*/
#egw_divLogo { #egw_divLogo {
@ -51,7 +52,7 @@
margin-left: -8px; margin-left: -8px;
text-align: center; text-align: center;
height: 45px; height: 45px;
.background_color_5_gray; /*.background_color_5_gray;*/
img { img {
width: 209px; width: 209px;
@ -59,7 +60,7 @@
position: absolute; position: absolute;
top: 0.41em; top: 0.41em;
left: 1em; left: 1em;
.background_color_5_gray; /*.background_color_5_gray;*/
} }
} }
@ -80,37 +81,48 @@
#egw_fw_topmenu{ #egw_fw_topmenu{
#egw_fw_topmenu_items { #egw_fw_topmenu_items {
float: left; float: left;
padding-top: 10px; padding-top: 14px;
width: 70%; width: 70%;
ul { ul {
margin: 5px 2px;
li{ li{
.color_100_gray; color: @gray_0;
/*.Button_size_square_32;*/ /*.Button_size_square_32;*/
padding: 0.3em 0.4em; padding: 8px 10px;
.Complete_Button_normal; /*.Complete_Button_normal;*/
background-color: @gray_10; /*background-color: @gray_10;*/
&:hover{.Complete_Button_hover; color: @gray_100;} &:hover{.Complete_Button_hover; color: @gray_0;}
&:active {.Complete_Button_active;} &:active {.Complete_Button_active;}
.transition (0.2s, ease-out); .transition (0.2s, ease-out);
a { a {
.color_100_gray; color: @gray_100;
text-decoration: none; text-decoration: none;
.dimension_height_s; .dimension_height_l;
/*font-size: 1.1em;*/ /*font-size: 1.1em;*/
.fontsize_l;
line-height: 1.5em;
&:hover { &:hover {
.color_50_gray; color: @gray_10;
border-color: @gray_50; border-color: @gray_50;
text-decoration: none !important; text-decoration: none !important;
} }
&:before {
/*.img_filter_gray;*/
/*-webkit-filter: grayscale(100%) brightness(100%) contrast(100%);*/
/*-webkit-filter: invert(100%);*/
}
} }
} }
@ -126,10 +138,12 @@
margin-left: 0px; margin-left: 0px;
&:before { &:before {
padding-right: 20px; padding-right: 20px;
.fontsize_l;
content: " "; content: " ";
background-image: url(../images/topmenu_items/home.png); background-image: url(../images/topmenu_items/home.png);
background-repeat: no-repeat; background-repeat: no-repeat;
.dimension_width_height_xs; background-size: 20px 20px;
.dimension_width_height_m;
} }
} }
@ -143,6 +157,7 @@
content: ""; content: "";
background-image: url(../images/topmenu_items/setup.png); background-image: url(../images/topmenu_items/setup.png);
background-repeat: no-repeat; background-repeat: no-repeat;
/* background-size: 20px 20px;*/
.dimension_width_height_xs; .dimension_width_height_xs;
} }
} }
@ -246,6 +261,7 @@
float: left; float: left;
position: relative; position: relative;
left: -5px; left: -5px;
cursor: pointer;
} }
/*Icon ARROW UP*/ /*Icon ARROW UP*/
@ -257,6 +273,7 @@
display: block; display: block;
margin-top: -36px; margin-top: -36px;
margin-left: 40px; margin-left: 40px;
cursor: pointer;
} }
@ -289,9 +306,9 @@
margin-top: 0px; margin-top: 0px;
z-index: 200; z-index: 200;
.Button_size_square_16; .Button_size_square_16;
.border_normal; /*.border_normal;*/
.box_shadow_standard_light; /*.box_shadow_standard_light;*/
.border_radius_button_normal; /*.border_radius_button_normal;*/
padding: 0.5em; padding: 0.5em;
top: 5px; top: 5px;
position: fixed; position: fixed;
@ -335,14 +352,14 @@
/*################################################# /*#################################################
/* Second Line /* Second Line
/* e.g. Name / Datum / angemeldete User /* e.g. Name / Datum / angemeldete User
###################################################*/ ###################################################*/
#egw_fw_topmenu_info_items { #egw_fw_topmenu_info_items {
bottom: 0px; /* bottom: 0px;
right: 0px; right: 0px;
padding-right: 0px; padding-right: 0px;
position: relative; position: relative;
@ -362,19 +379,15 @@
-webkit-flex-direction: row; -webkit-flex-direction: row;
-webkit-justify-content: flex-start; -webkit-justify-content: flex-start;
-ms-flex-direction: row; -ms-flex-direction: row;
-ms-justify-content: flex-start; -ms-justify-content: flex-start;*/
// move to bottom of the page // move to bottom of the page
/* bottom: 3px;
display: flex;
float: right;
height: 0;
margin-right: 20px;
padding-right: 20px;
position: fixed; position: fixed;
z-index: 1000;
bottom: -8px;
right: 5px; right: 5px;
z-index: 1000;*/ padding-right: 20px;
.topmenu_info_item { .topmenu_info_item {
@ -439,30 +452,30 @@
// Fist you see an ADD Icon, via Mouseover it expand right, to an select field // Fist you see an ADD Icon, via Mouseover it expand right, to an select field
span#quick_add { span#quick_add {
border: 1px solid rgba(0, 0, 0, 0.15); /*border: 1px solid rgba(0, 0, 0, 0.15);*/
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); /*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
float: right; float: right;
padding: 0.5em; padding: 0.5em;
position: fixed; position: fixed;
right: 45px; right: 45px;
top: 5px; top: 5px;
background-image: url(../images/add.png); background-image: url(../images/add.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 20px 20px; background-size: 20px 20px;
background-position: 4px 4px; background-position: 4px 4px;
.border_radius_button_normal; .border_radius_button_normal;
.dimension_width_height_s; .dimension_width_height_s;
&:before { &:before {
content: " "; content: " ";
font-size: 2em; font-size: 2em;
color: @egw_color_2_a; color: @egw_color_2_a;
line-height: 0.6em; line-height: 0.6em;
background-color: white; background-color: white;
} }
&:hover {.box_shadow_standard_light_hover;} &:hover {.box_shadow_standard_light_hover;}
&:focus {.box_shadow_standard_light_inset;} &:focus {.box_shadow_standard_light_inset;}
} }
@ -542,11 +555,11 @@
#egw_fw_sidebar { #egw_fw_sidebar {
position: fixed; position: fixed;
overflow: hidden; overflow: hidden;
top: 57px; top: 43px;
left: 0px; left: 0px;
bottom: 20px; bottom: 20px;
width: 225px; width: 225px;
.background_color_5_gray; /*.background_color_5_gray;*/
//SIDE AREA //SIDE AREA
#egw_fw_sidemenu { #egw_fw_sidemenu {
@ -559,7 +572,7 @@
z-index: 0; z-index: 0;
padding-top: 0.6em; padding-top: 0.6em;
font-size: 0.9em; font-size: 0.9em;
// SIDE AREA // SIDE AREA
.egw_fw_ui_scrollarea_outerdiv{ .egw_fw_ui_scrollarea_outerdiv{
.background_color_5_gray; .background_color_5_gray;
@ -576,7 +589,7 @@
} }
} }
//#################################################### //####################################################
// All Tabs // All Tabs
// DRAG AND DROP // DRAG AND DROP
@ -668,26 +681,26 @@
// ## ## // ## ##
// ## ## // ## ##
// ######################################## // ########################################
// ######################################## // ########################################
// ## ## // ## ##
// ## ## // ## ##
// ######################################## // ########################################
// ######################################## // ########################################
// ## ## // ## ##
// ## ## // ## ##
// ######################################## // ########################################
// ######################################## // ########################################
// ## div.egw_fw_ui_category ## // ## div.egw_fw_ui_category ##
// ## &:nth-last-of-type(-n+3) ## // ## &:nth-last-of-type(-n+3) ##
// ##################################### // #####################################
.egw_fw_ui_sidemenu_entry_content { .egw_fw_ui_sidemenu_entry_content {
display: block; display: block;
background-image: none; background-image: none;
@ -697,7 +710,7 @@
border-width: 0px; border-width: 0px;
margin: 0 0 2em 0; margin: 0 0 2em 0;
// rounded Corner on bottom // rounded Corner on bottom
&:nth-last-of-type(-n+3) { &:nth-last-of-type(-n+3) {
padding: 5px 0.3em 1.5em 0.3em; padding: 5px 0.3em 1.5em 0.3em;
@ -707,8 +720,8 @@
border-color: @gray_30; border-color: @gray_30;
} }
//################################################### //###################################################
// *letztes Element */ // *letztes Element */
// has round corners // has round corners
@ -750,7 +763,7 @@
} }
//################################# //#################################
// Hover // Hover
// on Mouse over change color // on Mouse over change color
.egw_fw_ui_category:hover { .egw_fw_ui_category:hover {
.background_color_40_gray; .background_color_40_gray;
@ -783,7 +796,7 @@
img {.dimension_width_height_s;} img {.dimension_width_height_s;}
&:hover { &:hover {
padding: 5px 30px 5px 0px; padding: 5px 30px 5px 0px;
width: 200px; width: 200px;
@ -792,7 +805,7 @@
.Complete_Button_hover; .Complete_Button_hover;
} }
} }
} }
&:hover {background-color: @egw_color_2_d; .transition (0.2s, ease-out);} &:hover {background-color: @egw_color_2_d; .transition (0.2s, ease-out);}
@ -873,18 +886,18 @@
// ## ############################# ## // ## ############################# ##
// ## ## // ## ##
// ######################################## // ########################################
// ########################################
// ## ##
// ## ##
// ########################################
// ########################################
// ## ##
// ## ##
// ########################################
// ########################################
// ## ##
// ## ##
// ########################################
// ########################################
// ## ##
// ## ##
// ########################################
.egw_fw_ui_category_content { .egw_fw_ui_category_content {
.background_color_0_gray; .background_color_0_gray;
@ -939,18 +952,18 @@
// ## ############################# ## // ## ############################# ##
// ## ## // ## ##
// ######################################## // ########################################
// ########################################
// ## ##
// ## ##
// ########################################
// ########################################
// ## ##
// ## ##
// ########################################
// ########################################
// ## ##
// ## ##
// ########################################
// ########################################
// ## ##
// ## ##
// ########################################
// Sub Sub Menu Item // Sub Sub Menu Item
@ -1072,7 +1085,7 @@
// ############################################################## // ##############################################################
// ## ## // ## ##
// ## ## // ## ##
// Scrollarea // Scrollarea
.egw_fw_ui_scrollarea .egw_fw_ui_scrollarea
@ -1133,6 +1146,8 @@
display: block; display: block;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
padding: 0 10px;
background-color: @gray_20;
/* background-color: RGB(240, 240, 255);*/ /* background-color: RGB(240, 240, 255);*/
} }
@ -1280,7 +1295,7 @@
.img_filter_gray; .img_filter_gray;
} }
// FOR SVG IMG // FOR SVG IMG
object { object {
.dimension_width_height_s; .dimension_width_height_s;
@ -1347,8 +1362,8 @@
} }
// Ende Tabs // Ende Tabs
} }
// ################################ // ################################
// Hover // Hover
// no effect ? // no effect ?