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

pixelegg changes from Monday

Browse Source
This commit is contained in:
Klaus Leithoff 2014-01-08 07:57:35 +00:00
parent ad135f8edf
commit d02c2e2496
15 changed files with 194 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pixelegg/content-element-library/index_navigation_left.html
View File

@ -70,7 +70,7 @@ and open the template in the editor.
<ul class="navigation"> <ul class="navigation">
<li><a href="mail_main.html" target="Daten">MAIL Main</a></li> <li><a href="mail_main.html" target="Daten">MAIL Main</a></li>
<li><a href="mail_sidebar.html" target="Daten">MAIL Sidebar</a></li> <li><a href="mail_sidebar.html" target="Daten">MAIL Sidebar</a></li>
<li><a href="mail_view_preview.html" target="Daten">MAIL View Preview</a></li>
<li><a href="mail_view_display.html" target="Daten">MAIL View Display</a></li> <li><a href="mail_view_display.html" target="Daten">MAIL View Display</a></li>
<li><a href="mail_view_compose.html" target="Daten">MAIL View Compose</a></li> <li><a href="mail_view_compose.html" target="Daten">MAIL View Compose</a></li>
<li><a href="mail_dialog_new_account.html" target="Daten">MAIL Admin Dialog New Account</a></li> <li><a href="mail_dialog_new_account.html" target="Daten">MAIL Admin Dialog New Account</a></li>

53
pixelegg/content-element-library/mail_view_preview.html Normal file
View File

File diff suppressed because one or more lines are too long

78
pixelegg/css/pixelegg.css
View File

@ -1722,7 +1722,7 @@ action buttons, left aligned for "extra" controls
display: inline; display: inline;
} }
.et2_link_to .et2_button_icon { .et2_link_to .et2_button_icon {
background-color: #f0f0f0; /*.background_color_10_gray;*/
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-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: 0px 1px 0px rgba(0, 0, 0, 0.5);
@ -1737,7 +1737,7 @@ action buttons, left aligned for "extra" controls
height: 32px; height: 32px;
} }
.et2_link_to .et2_button_icon:hover { .et2_link_to .et2_button_icon:hover {
background-color: #cccccc; /*.background_color_20_gray;*/
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-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);
@ -1747,7 +1747,7 @@ action buttons, left aligned for "extra" controls
border-radius: 3px; border-radius: 3px;
} }
.et2_link_to .et2_button_icon:active { .et2_link_to .et2_button_icon:active {
background-color: #b3b3b3 !important; /*.background_color_30_gray;*/
border: 1px solid rgba(0, 0, 0, 0.9); border: 1px solid rgba(0, 0, 0, 0.9);
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -1755,6 +1755,7 @@ action buttons, left aligned for "extra" controls
-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);
-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);
background-color: #1aa200;
} }
.et2_link { .et2_link {
cursor: pointer; cursor: pointer;
@ -2103,7 +2104,7 @@ action buttons, left aligned for "extra" controls
.nextmatch_header > .filters input[type=search] { .nextmatch_header > .filters input[type=search] {
background-color: #ffd44d; background-color: #ffd44d;
color: black; color: black;
/*height: 25px;*/ height: 22.21875px;
float: left; float: left;
margin: 5px 0 0 2px; margin: 5px 0 0 2px;
} }
@ -2190,7 +2191,7 @@ action buttons, left aligned for "extra" controls
.nextmatch_header > .filters .et2_button_icon { .nextmatch_header > .filters .et2_button_icon {
margin-top: 8px; margin-top: 8px;
vertical-align: middle; vertical-align: middle;
background-color: #f0f0f0; /*.background_color_10_gray;*/
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-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: 0px 1px 0px rgba(0, 0, 0, 0.5);
@ -2204,7 +2205,7 @@ action buttons, left aligned for "extra" controls
padding: 2px; padding: 2px;
} }
.nextmatch_header > .filters .et2_button_icon:hover { .nextmatch_header > .filters .et2_button_icon:hover {
background-color: #cccccc; /*.background_color_20_gray;*/
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-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);
@ -2214,7 +2215,7 @@ action buttons, left aligned for "extra" controls
border-radius: 3px; border-radius: 3px;
} }
.nextmatch_header > .filters .et2_button_icon:active { .nextmatch_header > .filters .et2_button_icon:active {
background-color: #b3b3b3 !important; /*.background_color_30_gray;*/
border: 1px solid rgba(0, 0, 0, 0.9); border: 1px solid rgba(0, 0, 0, 0.9);
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -2222,6 +2223,7 @@ action buttons, left aligned for "extra" controls
-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);
-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);
background-color: #1aa200;
} }
.et2_nextmatch .nextmatch_header { .et2_nextmatch .nextmatch_header {
border: none; border: none;
@ -2263,11 +2265,11 @@ action buttons, left aligned for "extra" controls
-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);
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px; -webkit-border-top-left-radius: 10px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-moz-border-radius-topleft: 20px; -moz-border-radius-topleft: 10px;
border-radius: 3px; border-radius: 3px;
border-top-left-radius: 20px; border-top-left-radius: 10px;
} }
#admin-categories-index_filter { #admin-categories-index_filter {
top: 8px; top: 8px;
@ -2394,7 +2396,7 @@ action buttons, left aligned for "extra" controls
margin: 0px 5px; margin: 0px 5px;
height: 16px; height: 16px;
padding: 3px; padding: 3px;
background-color: #f0f0f0; /*.background_color_10_gray;*/
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-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: 0px 1px 0px rgba(0, 0, 0, 0.5);
@ -2410,7 +2412,7 @@ action buttons, left aligned for "extra" controls
.sidebox-favorites ul.favorites li img.sideboxstar { .sidebox-favorites ul.favorites li img.sideboxstar {
margin-right: 1ex; margin-right: 1ex;
height: 16px; height: 16px;
background-color: #f0f0f0; /*.background_color_10_gray;*/
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-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: 0px 1px 0px rgba(0, 0, 0, 0.5);
@ -2423,7 +2425,7 @@ action buttons, left aligned for "extra" controls
} }
.sidebox-favorites ul.favorites li img.sideboxstar:hover { .sidebox-favorites ul.favorites li img.sideboxstar:hover {
height: 16px; height: 16px;
background-color: #cccccc; /*.background_color_20_gray;*/
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-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);
@ -2453,7 +2455,7 @@ action buttons, left aligned for "extra" controls
padding: 0.5em 1em 0.5em 0; padding: 0.5em 1em 0.5em 0;
} }
.sidebox-favorites .ui-menu-icons .ui-menu-item a:hover { .sidebox-favorites .ui-menu-icons .ui-menu-item a:hover {
background-color: #cccccc; /*.background_color_20_gray;*/
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-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);
@ -2773,7 +2775,7 @@ action buttons, left aligned for "extra" controls
*/ */
textarea, textarea,
textarea.description { textarea.description {
background-color: #ffe180; background-color: rgba(255, 221, 115, 0.1);
padding: 0.3em 0 0 0.3em; padding: 0.3em 0 0 0.3em;
} }
/*#################################### ADMIN PART #####################################################*/ /*#################################### ADMIN PART #####################################################*/
@ -2828,7 +2830,8 @@ option:checked {
/* Component containers /* Component containers
----------------------------------*/ ----------------------------------*/
.ui-widget { .ui-widget {
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-family: Verdana, Helvetica, Sans-Serif;
/* font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;*/
font-size: 1.1em; font-size: 1.1em;
} }
.ui-widget .ui-widget { .ui-widget .ui-widget {
@ -2838,7 +2841,8 @@ option:checked {
.ui-widget select, .ui-widget select,
.ui-widget textarea, .ui-widget textarea,
.ui-widget button { .ui-widget button {
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-family: Verdana, Helvetica, Sans-Serif;
/* font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;*/
font-size: 1em; font-size: 1em;
} }
.ui-widget-content { .ui-widget-content {
@ -2910,7 +2914,7 @@ option:checked {
border-right: solid 1px 1px; border-right: solid 1px 1px;
border-bottom: solid 1px 1px; border-bottom: solid 1px 1px;
border-color: #e6e6e6; border-color: #e6e6e6;
background: #ffc200 !important; background: #ffc200;
background-image: none !important; background-image: none !important;
color: #000000; color: #000000;
} }
@ -3468,6 +3472,11 @@ td.message span.message {
height: auto; height: auto;
width: 100%; width: 100%;
} }
/*popup Messsage*/
div#egwpopup_message {
background-color: .color_gray_0;
padding: 1em;
}
/** /**
* EGroupware: CSS with less preprocessor * EGroupware: CSS with less preprocessor
* *
@ -3500,11 +3509,12 @@ body {
padding: 0px !important; padding: 0px !important;
width: 100% !important; width: 100% !important;
height: 100% !important; height: 100% !important;
font-size: 80.5%; font-size: 11px;
} }
body, body,
textarea { textarea {
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-family: Verdana, Helvetica, Sans-Serif;
/* font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;*/
} }
#egw_fw_basecontainer { #egw_fw_basecontainer {
position: fixed; position: fixed;
@ -3512,7 +3522,8 @@ textarea {
height: 100%; height: 100%;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-family: Verdana, Helvetica, Sans-Serif;
/* font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;*/
background-color: #fafafa; background-color: #fafafa;
} }
input { input {
@ -3526,7 +3537,8 @@ input {
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif !important; font-family: Verdana, Helvetica, Sans-Serif !important;
/* font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;*/
} }
input:hover { input:hover {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@ -3665,7 +3677,8 @@ div.selectbox-wrapper ul li {
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
cursor: pointer; cursor: pointer;
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-family: Verdana, Helvetica, Sans-Serif;
/* font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;*/
font-size: 1.2em; font-size: 1.2em;
font-weight: normal; font-weight: normal;
height: 30px; height: 30px;
@ -4687,7 +4700,7 @@ table.egwGridView_grid tbody tr:nth-child(even) {
background: #ffffff; background: #ffffff;
} }
table.egwGridView_grid tbody tr:nth-child(odd) { table.egwGridView_grid tbody tr:nth-child(odd) {
background: #ebebeb; background: #f7f7f7;
} }
table.egwGridView_grid tbody tr.selected { table.egwGridView_grid tbody tr.selected {
background: rgba(255, 221, 115, 0.2) !important; background: rgba(255, 221, 115, 0.2) !important;
@ -4833,11 +4846,11 @@ table.egwGridView_grid span.arrow.loading {
#loginMainDiv div#centerBox #loginCdMessage { #loginMainDiv div#centerBox #loginCdMessage {
margin: 1em; margin: 1em;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px; -webkit-border-top-left-radius: 10px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-moz-border-radius-topleft: 20px; -moz-border-radius-topleft: 10px;
border-radius: 3px; border-radius: 3px;
border-top-left-radius: 20px; border-top-left-radius: 10px;
color: red; color: red;
text-align: center; text-align: center;
} }
@ -4856,11 +4869,11 @@ table.egwGridView_grid span.arrow.loading {
-moz-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: 0px 1px 0px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px; -webkit-border-top-left-radius: 10px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-moz-border-radius-topleft: 20px; -moz-border-radius-topleft: 10px;
border-radius: 3px; border-radius: 3px;
border-top-left-radius: 20px; border-top-left-radius: 10px;
} }
#loginMainDiv div#centerBox form table.divLoginbox td { #loginMainDiv div#centerBox form table.divLoginbox td {
padding: 0.5em; padding: 0.5em;
@ -5892,7 +5905,7 @@ img {
} }
.egw_fw_ui_sidemenu_listitem div a:nth-child(2):hover { .egw_fw_ui_sidemenu_listitem div a:nth-child(2):hover {
background-color: #ff0000; background-color: #ff0000;
background-color: #cccccc; /*.background_color_20_gray;*/
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-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);
@ -5974,7 +5987,8 @@ div#calendar-container div.calendar table {
cursor: default; cursor: default;
padding: 0.3em; padding: 0.3em;
background-color: #fafafa; background-color: #fafafa;
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-family: Verdana, Helvetica, Sans-Serif;
/* font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;*/
} }
div#calendar-container div.calendar table thead .title { div#calendar-container div.calendar table thead .title {
background-color: #ffc200; background-color: #ffc200;

BIN
pixelegg/images/note.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

11
pixelegg/images/note.svg Executable file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M24.437,0H3.91C1.75,0,0,1.751,0,3.91v20.527
c0,2.159,1.75,3.909,3.91,3.909h20.527c2.159,0,3.91-1.75,3.91-3.909V3.91C28.347,1.751,26.596,0,24.437,0z M4.729,24.562
l1.798-6.301l4.497,4.501L4.729,24.562z M22.685,8.329l0.536,0.537c0.309,0.309,0.381,0.755,0.263,1.167l0.129,0.129l-0.448,0.449
L12.102,21.684l-4.497-4.501L17.887,6.89L16.923,5.9l-5.426,5.432l-1.1-1.102l6.449-6.455l3.071,2.004
c0.182,0.046,0.353,0.132,0.494,0.273l0.545,0.546l2.82-2.823l1.729,1.731L22.685,8.329z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
pixelegg/images/phone.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

18
pixelegg/images/phone.svg Executable file
View File

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
<g>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M24.437,0H3.91C1.75,0,0,1.75,0,3.91v20.527
c0,2.16,1.75,3.91,3.91,3.91h20.527c2.159,0,3.91-1.75,3.91-3.91V3.91C28.347,1.75,26.596,0,24.437,0z M24.289,22.143
c0,0.816-0.646,1.479-1.445,1.479H5.502c-0.798,0-1.445-0.663-1.445-1.479v-2.218c0-0.816,0.647-1.479,1.445-1.479h1.042
l2.237-5.177c0-0.815,1.27-1.478,1.945-1.478h6.893c0.674,0,1.944,0.662,1.944,1.478l2.237,5.177h1.043
c0.798,0,1.445,0.663,1.445,1.479V22.143z M23.205,13.243c-1.725,0-3.131-1.44-3.24-3.259c-0.385-0.377-0.893-0.612-1.456-0.612
h-8.67c-0.562,0-1.07,0.235-1.456,0.612c-0.109,1.819-1.516,3.259-3.24,3.259c-1.796,0-3.252-1.561-3.252-3.484
c0-1.576,0.976-2.905,2.314-3.336c0.98-1.049,2.333-1.698,3.828-1.698h12.284c1.495,0,2.848,0.648,3.829,1.698
c1.338,0.432,2.313,1.76,2.313,3.336C26.457,11.683,25.001,13.243,23.205,13.243z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M14.173,12.53c2.394,0,4.335,1.986,4.335,4.436
c0,2.451-1.941,4.438-4.335,4.438c-2.395,0-4.335-1.987-4.335-4.438C9.838,14.517,11.779,12.53,14.173,12.53z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
pixelegg/images/task.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

11
pixelegg/images/task.svg Executable file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M24.437,0H3.91C1.75,0,0,1.75,0,3.91v20.528
c0,2.158,1.75,3.908,3.91,3.908h20.527c2.159,0,3.91-1.75,3.91-3.908V3.91C28.347,1.75,26.596,0,24.437,0z M23.625,11.887
l-10.872,9.06c-0.364,0.303-0.804,0.482-1.265,0.602c-0.28,0.094-0.566,0.148-0.857,0.141c-0.805,0.01-1.612-0.23-2.226-0.742
c-0.996-1.006-2.999-3.506-2.999-3.506c-0.975-0.975-0.975-2.556,0-3.532c0.975-0.975,2.556-0.975,3.531,0l1.62,1.62l8.719-7.266
c1.201-1.001,3.147-1.001,4.349,0C24.825,9.264,24.825,10.886,23.625,11.887z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

9
pixelegg/less/def_buttons.less
View File

@ -234,24 +234,27 @@
// Buttons nur Icon // Buttons nur Icon
.Complete_Button_Icon_normal { .Complete_Button_Icon_normal {
.background_color_10_gray; /*.background_color_10_gray;*/
.box_shadow_standard_light; .box_shadow_standard_light;
.border_normal; .border_normal;
.border_radius_button_normal; .border_radius_button_normal;
} }
.Complete_Button_Icon_hover { .Complete_Button_Icon_hover {
.background_color_20_gray; /*.background_color_20_gray;*/
.box_shadow_standard_light_hover; .box_shadow_standard_light_hover;
.border_hover; .border_hover;
.border_radius_button_normal; .border_radius_button_normal;
} }
.Complete_Button_Icon_active { .Complete_Button_Icon_active {
.background_color_30_gray; /*.background_color_30_gray;*/
.border_active; .border_active;
.border_radius_button_normal; .border_radius_button_normal;
.box_shadow_standard_light_inset; .box_shadow_standard_light_inset;
background-color: @color_positive_action_active;
} }
// ############################# // #############################

41
pixelegg/less/def_design_pattern_color_font_shadow.less
View File

@ -129,14 +129,14 @@
@color_hint : @egw_color_1_a; @color_hint : @egw_color_1_a;
/*optional / can field*/ /*optional / can field*/
@color_optional : lighten(@egw_color_1_a, 25%); @color_optional : fade(@egw_color_1_e, 10%);
/*Listenausgabe*/ /*Listenausgabe*/
@color_even : @gray_0; @color_even : @gray_0;
@color_odd : darken(@gray_0, 8%); @color_odd : darken(@gray_0, 3%);
// aktiverte Zeilen in allen APP mit Listenausgabe // aktiverte Zeilen in allen APP mit Listenausgabe
@ -183,8 +183,8 @@
// Schriften // Schriften
.basefontfamily{ .basefontfamily{
//font-family: Verdana, Helvetica, Sans-Serif; font-family: Verdana, Helvetica, Sans-Serif;
font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; /* font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;*/
// font-size: 16px; // font-size: 16px;
} }
@ -195,11 +195,11 @@
.border_radius_button_lefttop { .border_radius_button_lefttop {
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px; -webkit-border-top-left-radius: 10px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-moz-border-radius-topleft: 20px; -moz-border-radius-topleft: 10px;
border-radius: 3px; border-radius: 3px;
border-top-left-radius: 20px; border-top-left-radius: 10px;
} }
.border_radius_button_righttop { .border_radius_button_righttop {
@ -618,5 +618,30 @@
} }
// Vertical gradient using CSS where possible, and base64-encoded SVG for IE9 (enables use of this in combination with border-radius)
// Based on this by Phil Brown: http://blog.philipbrown.id.au/2012/09/base64-encoded-svg-gradient-backgrounds-in-less/
// Also based on a mixin from Twitter Bootstrap: https://github.com/twitter/bootstrap
.gradient-vertical(@startColor, @endColor) {
// IE9 prep
@dataPrefix: ~"url(data:image/svg+xml;base64,";
@dataSuffix: ~")";
@dataContent: ~'<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none"><linearGradient id="g743" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="0%" y2="100%"><stop stop-color="@{startColor}" offset="0"/><stop stop-color="@{endColor}" offset="1"/></linearGradient><rect x="0" y="0" width="1" height="1" fill="url(#g743)"/></svg>';
@b64Out: ~`(function(a,b,c){function e(a){a=a.replace(/\r\n/g,'\n');var b='';for(var c=0;c<a.length;c++){var d=a.charCodeAt(c);if(d<128){b+=String.fromCharCode(d)}else if(d>127&&d<2048){b+=String.fromCharCode(d>>6|192);b+=String.fromCharCode(d&63|128)}else{b+=String.fromCharCode(d>>12|224);b+=String.fromCharCode(d>>6&63|128);b+=String.fromCharCode(d&63|128)}}return b}function f(a){var b='';var c,f,g,h,i,j,l;var m=0;a=e(a);while(m<a.length){c=a.charCodeAt(m++);f=a.charCodeAt(m++);g=a.charCodeAt(m++);h=c>>2;i=(c&3)<<4|f>>4;j=(f&15)<<2|g>>6;l=g&63;if(isNaN(f)){j=l=64}else if(isNaN(g)){l=64}b=b+d.charAt(h)+d.charAt(i)+d.charAt(j)+d.charAt(l)}return b}var d='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';return a+f(b)+c})('@{dataPrefix}','@{dataContent}','@{dataSuffix}')`;
background-color: mix(@startColor, @endColor, 60%); // Base solid colour fallback
background-image: ~"@{b64Out}"; // IE9
background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
background-image: linear-gradient(top, @startColor, @endColor); // The standard
background-repeat: repeat-x;
}
// //
// //

2
pixelegg/less/etemplate2.less
View File

@ -998,7 +998,7 @@ div.message.floating {
.nextmatch_header > .filters input[type=search] { .nextmatch_header > .filters input[type=search] {
.background_color_search; .background_color_search;
color: black; color: black;
/*height: 25px;*/ height: 22.21875px;
float: left; float: left;
margin: 5px 0 0 2px; margin: 5px 0 0 2px;
} }

2
pixelegg/less/jquery-ui.less
View File

@ -109,7 +109,7 @@ option:checked {background-color: @egw_color_1_e;}
.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 !important; background: @color_hint;
background-image: none !important; background-image: none !important;
// font-size: 105%; // font-size: 105%;
.color_100_gray; .color_100_gray;

5
pixelegg/less/layout_content_elements.less
View File

@ -42,7 +42,7 @@ body{
padding: 0px !important; padding: 0px !important;
width: 100% !important; width: 100% !important;
height: 100% !important; height: 100% !important;
font-size: 80.5%; font-size: 11px;
} }
@ -516,6 +516,9 @@ img
} }
input,button,select input,button,select
{ {
border: solid 1px #bbbbbb; border: solid 1px #bbbbbb;

9
pixelegg/less/layout_messages.less
View File

@ -76,4 +76,13 @@
} }
/*popup Messsage*/
div#egwpopup_message {
background-color: .color_gray_0;
padding: 1em;
}
// //