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

pixelegg changes from last days

Browse Source
This commit is contained in:
Ralf Becker 2013-12-12 03:50:22 +00:00
parent 65e97beeed
commit 72fec43394
15 changed files with 242 additions and 233 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

119
pixelegg/css/pixelegg.css
View File

@ -4071,7 +4071,7 @@ table.et2_grid {
}
.innerContainer {
overflow: hidden;
padding: 0.2em;
padding: 0;
}
.egwGridView_grid tr.th > td,
.nextmatch_header {
@ -4118,17 +4118,17 @@ table.egwGridView_outer thead tr th {
background: #f5f5f5, -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)), -ms-linear-gradient(bottom, #eeeeee, #ffffff), -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%), -o-linear-gradient(#ffffff, #eeeeee);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
font-weight: normal;
padding: 2px;
border-width: 1px;
border-style: solid;
padding: 0px;
/* border-width: 1px;
border-style: solid;*/
border-color: #b4b4b4;
border-left: 0px solid transparent;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
/* background-image: none;
background-position: center;
background-repeat: repeat-x;*/
background-position: center;
background-repeat: repeat-x;*/
vertical-align: top;
}
table.egwGridView_outer thead tr th:hover {
@ -4144,53 +4144,39 @@ table.egwGridView_outer thead tr th:active {
-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);
border-bottom: 1px solid silver;
}
table.egwGridView_outer thead tr th.optcol {
padding: 0;
text-align: center;
background-image: none;
/*width: 32px !important;*/
}
table.egwGridView_outer thead tr th.optcol:hover {
background-color: #d9d9d9;
background-color: #ffc200;
}
table.egwGridView_outer thead tr th.optcol .selectcols {
position: fixed;
background-color: #f0f0f0;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
right: 5px;
border: 1px solid;
background-image: url(../images/selectcols_small.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 9px 9px;
display: inline-block;
width: 10px;
height: 10px;
margin: 0;
padding: 0;
}
table.egwGridView_outer thead tr th.optcol .selectcols:hover {
background-color: #b3b3b3 !important;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
border: 1px solid rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-image: url(../images/selectcols.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 19px 19px;
display: inline-block;
table.egwGridView_outer thead tr th.optcol span.selectcols {
width: 20px;
height: 20px;
height: 9px;
/* .Complete_Button_normal;
.Complete_Button_Icon_normal;
border: 1px solid @gray-30 !important;*/
background-image: url(../images/selectcols_small.png);
background-repeat: no-repeat;
background-size: 10px 10px;
display: inline-block;
}
table.egwGridView_outer thead tr th.optcol span.selectcols:hover {
/*.Complete_Button_Icon_hover;*/
background-color: #ffc200;
/* background-image: url(../images/selectcols.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 19px 19px;
display: inline-block;
width: 20px;
height: 20px;*/
}
table.egwGridView_outer tbody td.frame {
border: 1px solid #000000;
@ -4202,13 +4188,14 @@ table.egwGridView_grid {
background-color: #ffffff;
border-spacing: 0px 1px;
width: 100%;
/*subentry*/
}
table.egwGridView_grid img {
height: 16px;
}
table.egwGridView_grid tbody {
border-bottom: 1px solid #000000;
padding: 2px 3px 2px 4px;
/*padding: 2px 3px 2px 4px;*/
margin: 0;
vertical-align: top;
}
@ -4229,7 +4216,7 @@ table.egwGridView_grid tr:hover {
table.egwGridView_grid tr td {
border-left: 0px;
border-right: 0px;
padding: 0.3em 0 0.3em 0.3em;
/*padding: 0.3em 0 0.3em 0.3em;*/
border-bottom: 1px solid;
color: #bfbfbf;
/*&:hover {background-color: @egw_color_2_e;} legacy*/
@ -4253,6 +4240,12 @@ table.egwGridView_grid tr td table.customfields tbody tr {
table.egwGridView_grid tr td table.customfields tbody tr td {
border-bottom: 0px;
}
table.egwGridView_grid tr.subentry {
background: rgba(255, 221, 115, 0.2) !important;
}
table.egwGridView_grid tr.subentry:hover {
background: #ffdd73 !important;
}
table.egwGridView_grid span.arrow {
-moz-user-select: none;
background-repeat: no-repeat;
@ -5069,7 +5062,7 @@ img {
#egw_fw_sidebar #egw_fw_splitter {
position: absolute;
background-color: #b3b3b3 !important;
width: 5px;
width: 4px;
top: 60px;
bottom: 3px;
right: 0px;
@ -5083,7 +5076,7 @@ img {
background-repeat: no-repeat;
background-color: #b3b3b3 !important;
position: absolute;
width: 5px;
/* width: 95px;*/
height: 100%;
cursor: col-resize;
}
@ -5251,7 +5244,7 @@ img {
}
.egw_fw_content_browser_div {
display: block;
overflow: auto;
/*overflow: auto;*/
/* background-color: RGB(240, 240, 255);*/
}
.egw_fw_content_browser_div_loading {
@ -5416,9 +5409,16 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
background-color: transparent;
}
#egw_fw_main .egw_fw_ui_tab_content {
border-width: 0px 9px 0px 9px;
border-style: solid;
border-color: #b4b4b4;
width: 100%;
padding: 0;
margin: 0;
/* border-width: 0px 5px 0px 1px;
border-style: solid;
border-color: @gray-30;*/
}
#egw_fw_main .egw_fw_ui_tab_content > div {
width: 100%;
padding: 0 0 0 0;
}
/*@import "../less/layout_nextmatch.less";*/
/**
@ -5557,6 +5557,21 @@ table.dialog-main-view {
color: #ffffff;
vertical-align: bottom;
}
.dialog-header td.space span img {
background: #ffffff;
border: 5px solid #ffffff;
/*filter grey*/
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
/* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
/*filter: url(grayscale.svg); Firefox 4+ */
filter: gray;
/* IE 6-9 */
}
/*Main*/
.dialog-main-timeframe div {
min-height: 100px;

1
pixelegg/css/pixelegg.less
View File

@ -64,7 +64,6 @@
@import "../less/print.less";
//
//
//

BIN
pixelegg/images/login/background-image-1.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 84 KiB

After

Width:  |  Height:  |  Size: 96 KiB

BIN
pixelegg/images/login/background-image-2.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 85 KiB

After

Width:  |  Height:  |  Size: 90 KiB

BIN
pixelegg/images/login/background-image-3.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 162 KiB

BIN
pixelegg/images/login/background-image.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

BIN
pixelegg/images/login/bg_1.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

BIN
pixelegg/images/login/bg_2.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 93 KiB

BIN
pixelegg/images/login/bg_3.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 167 KiB

BIN
pixelegg/images/login/raster.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 79 KiB

BIN
pixelegg/less/layout_dialog.less
View File

Binary file not shown.

94
pixelegg/less/layout_raster.css
View File

@ -149,65 +149,42 @@
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
width: 3em;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-radius: 3px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background-color: #ffd44d;
color: #FFFFFF;
color: #ffd44d;
text-decoration: none;
cursor: pointer;
padding: 3px;
margin-left: 5px;
background-image: url("../images/search.png");
background-position: center 0;
background-size: contain;
background-repeat: no-repeat;
}
.Complete_Button_search_action_hover {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
background-color: #ffd40f !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;
/*.Complete_Button_search_action_hover{
.box_shadow_standard_light_hover;
background-color: @yellow !important;
.border_radius_button_lefttop;
}
.Complete_Button_search_action_active {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
background-color: #ffd44d;
-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;
}
.Complete_Button_search_action_reset {
border: 1px solid rgba(0, 0, 0, 0.15);
border-color: #b4b4b4;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
width: 3em;
-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;
background-color: #ffd44d;
color: #FFFFFF;
text-decoration: none;
cursor: pointer;
padding: 3px;
margin-left: 5px;
background: -webkit-gradient(linear, 0 0, 0 bottom, #d8d8d8, #a3a3a3), -moz-linear-gradient(#d8d8d8, #a3a3a3), -o-linear-gradient(#d8d8d8, #a3a3a3), linear-gradient(#d8d8d8, #a3a3a3);
-pie-background: linear-gradient(#d8d8d8, #a3a3a3);
behavior: url(/PIE.htc);
.Complete_Button_search_action_active{
.box_shadow_standard_light_hover;
.background-color-search;
.border_radius_button_lefttop;
}
.Complete_Button_search_action_reset{
.Complete_Button_search_action;
.background_verlauf_diagonal_gray;
}*/
.Complete_Button_lettersearch {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
@ -887,7 +864,7 @@
#egw_fw_sidebar #egw_fw_splitter {
position: absolute;
background-color: #b3b3b3 !important;
width: 5px;
width: 4px;
top: 60px;
bottom: 3px;
right: 0px;
@ -901,7 +878,7 @@
background-repeat: no-repeat;
background-color: #b3b3b3 !important;
position: absolute;
width: 5px;
/* width: 95px;*/
height: 100%;
cursor: col-resize;
}
@ -1069,7 +1046,7 @@
}
.egw_fw_content_browser_div {
display: block;
overflow: auto;
/*overflow: auto;*/
/* background-color: RGB(240, 240, 255);*/
}
.egw_fw_content_browser_div_loading {
@ -1234,7 +1211,14 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
background-color: transparent;
}
#egw_fw_main .egw_fw_ui_tab_content {
border-width: 0px 9px 0px 9px;
border-style: solid;
border-color: #b4b4b4;
width: 100%;
padding: 0;
margin: 0;
/* border-width: 0px 5px 0px 1px;
border-style: solid;
border-color: @gray-30;*/
}
#egw_fw_main .egw_fw_ui_tab_content > div {
width: 100%;
padding: 0 0 0 0;
}

36
pixelegg/less/layout_raster.less
View File

@ -561,7 +561,7 @@
position: absolute;
// background-color: RGB(200, 200, 255);
.background-color-30-gray;
width: 5px;
width: 4px;
top: 60px;
bottom: 3px;
right: 0px;
@ -574,7 +574,7 @@
background-repeat: no-repeat;
.background-color-30-gray;
position: absolute;
width: 5px;
/* width: 95px;*/
height: 100%;
cursor: col-resize;
}
@ -806,7 +806,7 @@
.egw_fw_content_browser_div {
display: block;
overflow: auto;
/*overflow: auto;*/
/* background-color: RGB(240, 240, 255);*/
}
@ -1085,23 +1085,23 @@ div#calendar-container {
.egw_fw_ui_tab_content {
border-width: 0px 9px 0px 9px;
border-style: solid;
border-color: @gray-30;
width: 100%;
padding: 0;
margin: 0;
/* border-width: 0px 5px 0px 1px;
border-style: solid;
border-color: @gray-30;*/
// background-color: white;
// width: 99.5%;
> div {
width: 100%;
padding: 0 0 0 0;
// div:nth-child(1) {
// // height: 100%;
// // min-height: 400px;
//
// iframe{
// height: 100%;
// min-height: 99%;
// }
//
// }
};
}

208
pixelegg/less/layout_table.less
View File

@ -12,7 +12,8 @@
* @version $Id$
*/
@import "def_buttons.less";
@import (reference) "def_design_pattern_color_font_shadow.less";
@import (reference) "def_buttons.less";
/** #####################################################################################
* et2
@ -36,7 +37,7 @@ table.et2_grid {
.innerContainer{
overflow:hidden;
padding: 0.2em;
padding: 0;
}
// Table Head in Listen
@ -74,37 +75,37 @@ table.egwGridView_outer{
thead {
/*.background-color-5-gray;*/
background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(191,191,191,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,0)), color-stop(100%,rgba(191,191,191,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf',GradientType=0 ); /* IE6-9 */
background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(191,191,191,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,0)), color-stop(100%,rgba(191,191,191,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf',GradientType=0 ); /* IE6-9 */
tr {
// .background-color-5-gray;
th {
/*.background-color-50-gray;*/
background: transparent;
.gradient();
.gradient();
font-weight: normal;
padding: 2px;
border-width: 1px;
border-style: solid;
padding: 0px;
/* border-width: 1px;
border-style: solid;*/
border-color: @gray-30;
border-left: 0px solid transparent;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
/* background-image: none;
background-position: center;
background-repeat: repeat-x;*/
/* background-image: none;
background-position: center;
background-repeat: repeat-x;*/
vertical-align: top;
@ -122,10 +123,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', e
&:active {
.background-color-15-gray;
.box_shadow_standard_light_inset;
// border-left: 1px solid gray;
// border-top: 1px solid gray;
// border-right: 1px solid silver;
// border-bottom: 1px solid silver;
border-bottom: 1px solid silver;
}
@ -137,57 +135,53 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', e
padding: 0;
text-align: center;
background-image: none;
// width: 32px;
/*width: 32px !important;*/
&:hover{
background-color: #d9d9d9;
background-color: @color-hint;
}
.selectcols {
position: fixed;
// .Complete_Button_normal;
.Complete_Button_Icon_normal;
right: 5px;
border: 1px solid;
// background-color: yellow;
span.selectcols {
width: 20px;
height: 9px;
/* .Complete_Button_normal;
.Complete_Button_Icon_normal;
border: 1px solid @gray-30 !important;*/
//background-color: yellow;
background-image: url(../images/selectcols_small.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 9px 9px;
background-size: 10px 10px;
display: inline-block;
width: 10px;
height: 10px;
margin: 0;
padding: 0;
// vertical-align: middle;
&:hover{
.Complete_Button_Icon_hover;
background-image: url(../images/selectcols.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 19px 19px;
display: inline-block;
width: 20px;
height: 20px;
/*.Complete_Button_Icon_hover;*/
background-color: @color-hint;
/* background-image: url(../images/selectcols.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 19px 19px;
display: inline-block;
width: 20px;
height: 20px;*/
}
}
}
}
}
tbody {
td.frame {
border: 1px solid @gray-100;
/*BUG*/
// div.egwGridView_scrollarea {min-height: 500px !important;}
/*BUG*/
// div.egwGridView_scrollarea {min-height: 500px !important;}
}
}
}
}
@ -209,7 +203,7 @@ table.egwGridView_grid{
tbody {
border-bottom: 1px solid @lightgray;
padding: 2px 3px 2px 4px;
/*padding: 2px 3px 2px 4px;*/
margin: 0;
vertical-align: top;
@ -217,7 +211,7 @@ table.egwGridView_grid{
// Reihen ohne Border left und right
tr.selected{
background: fade(@color_selected_row, 20%) !important;
/*.bw-gradient;*/
}
@ -226,7 +220,7 @@ table.egwGridView_grid{
tr.focused{
background: fade(@color_active_row, 50%) !important;
}
}
@ -244,60 +238,72 @@ table.egwGridView_grid{
border-left: 0px;
border-right: 0px;
padding: 0.3em 0 0.3em 0.3em;
border-bottom: 1px solid;
color: #bfbfbf;
/*padding: 0.3em 0 0.3em 0.3em;*/
border-bottom: 1px solid;
color: #bfbfbf;
/*&:hover {background-color: @egw_color_2_e;} legacy*/
&:active {
/*background-color: @egw_color_2_a;*/
.box_shadow_standard_light_inset;
.color-0-gray;
}
span{
color: @gray-70;
}
table.customfields{
tbody{
border-bottom: 0px;
tr{
border-bottom: 0px;
td{
border-bottom: 0px;
}
}
}
}
span{
color: @gray-70;
}
table.customfields{
tbody{
border-bottom: 0px;
tr{
border-bottom: 0px;
td{
border-bottom: 0px;
}
}
}
}
}
}
span.arrow {
-moz-user-select: none;
background-repeat: no-repeat;
display: inline-block;
height: 8px;
margin-right: 2px;
vertical-align: middle;
width: 8px;
/*subentry*/
tr.subentry {
background: fade(@color_selected_row, 20%) !important;
&:hover {background: @color_selected_row !important;}
}
span.arrow.opened {
background-image: url("../images/egw_action/arrows.png");
background-position: -8px 0;
cursor: pointer;
}
span.arrow.closed {
background-image: url("../images/egw_action/arrows.png");
background-position: 0 0;
cursor: pointer;
}
span.arrow.loading {
background-image: url("../egw_action/ajax-loader.gif");
background-position: 0 0;
cursor: pointer;
}
span.arrow {
-moz-user-select: none;
background-repeat: no-repeat;
display: inline-block;
height: 8px;
margin-right: 2px;
vertical-align: middle;
width: 8px;
}
span.arrow.opened {
background-image: url("../images/egw_action/arrows.png");
background-position: -8px 0;
cursor: pointer;
}
span.arrow.closed {
background-image: url("../images/egw_action/arrows.png");
background-position: 0 0;
cursor: pointer;
}
span.arrow.loading {
background-image: url("../egw_action/ajax-loader.gif");
background-position: 0 0;
cursor: pointer;
}

17
pixelegg/templates/pixelegg/login.tpl
View File

@ -86,15 +86,20 @@
</div>
<div id="wrap">
<img class="bgfade" src="pixelegg/images/login/background-image-1.jpg" alt="STYLITE" title="isle" >
<img class="bgfade" src="pixelegg/images/login/background-image-2.jpg" alt="EGROUPWARE" title="isle" >
<img class="bgfade" src="pixelegg/images/login/background-image-1.jpg" alt="STYLITE" title="STYLITE">
<img class="bgfade" src="pixelegg/images/login/background-image-2.jpg" alt="EGROUPWARE" title="EGROUPWARE">
<img class="bgfade" src="pixelegg/images/login/background-image-3.jpg" alt="EGROUPWARE" title="EGROUPWARE">
<img class="bgfade" src="pixelegg/images/login/bg_1.jpg" alt="EGROUPWARE" title="EGROUPWARE">
<img class="bgfade" src="pixelegg/images/login/bg_2.jpg" alt="EGROUPWARE" title="EGROUPWARE">
<img class="bgfade" src="pixelegg/images/login/bg_3.jpg" alt="EGROUPWARE" title="EGROUPWARE">
<img class="bgfade" src="pixelegg/images/login/raster.jpg" alt="EGROUPWARE" title="EGROUPWARE">
</div>
<!-- //
<!-- //
{*<img class="bgfade" src="http://www.kingsizetheme.com/wp-content/uploads/2013/04/default.jpg" alt="default" title="default" >
<img class="bgfade" src="http://www.kingsizetheme.com/wp-content/uploads/2013/04/house_tree.jpg" alt="house_tree" title="house_tree">
<img class="bgfade" src="http://www.kingsizetheme.com/wp-content/uploads/2013/04/garden.jpg" alt="garden" title="garden" >
<img class="bgfade" src="http://www.kingsizetheme.com/wp-content/uploads/2013/04/isle.jpg" alt="isle" title="isle" >*} -->