extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-02-24 06:01:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

latest pixelegg changes

Browse Source
This commit is contained in:
Klaus Leithoff 2013-12-16 09:37:26 +00:00
parent fadec23222
commit ed1534f28e
11 changed files with 746 additions and 294 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

575
pixelegg/css/pixelegg.css
View File

@ -1278,11 +1278,11 @@ div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
.et2_label { .et2_label {
color: #1e1e1e; color: #1e1e1e;
} }
#msg, /*defined in layout_messages.less*/
.message { /*#msg,.message {
color: red; color: red;
font-style: italic; font-style: italic;
} }*/
input.et2_url { input.et2_url {
margin-right: 6px; margin-right: 6px;
padding-right: 8px; padding-right: 8px;
@ -1312,7 +1312,7 @@ div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
font-size: 9pt; font-size: 9pt;
text-shadow: 1px 1px #E0E0E0; text-shadow: 0px 0px;
} }
/*in Nextmatch definiert*/ /*in Nextmatch definiert*/
.et2_button_icon { .et2_button_icon {
@ -1329,7 +1329,7 @@ div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
} }
button.et2_button_text:active, button.et2_button_text:active,
input[type=button]:active { input[type=button]:active {
background-image: none !important; /*background-image: none !important;*/
background-color: #828282; background-color: #828282;
color: #ffffff; color: #ffffff;
} }
@ -1570,7 +1570,7 @@ action buttons, left aligned for "extra" controls
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.et2_file .progress p { .et2_file .progress p {
background-color: green; background-color: #ffdd73;
height: 5px; height: 5px;
margin: 0px; margin: 0px;
} }
@ -1686,8 +1686,39 @@ 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;
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: left; float: left;
width: 22px; margin: 0.5em 2em;
padding: 0.5em;
width: 32px;
height: 32px;
}
.et2_link_to .et2_button_icon: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;
}
.et2_link_to .et2_button_icon:active {
background-color: #808080;
border: 1px solid rgba(0, 0, 0, 0.9);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-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);
} }
.et2_link { .et2_link {
cursor: pointer; cursor: pointer;
@ -1896,6 +1927,9 @@ action buttons, left aligned for "extra" controls
padding: 1em; padding: 1em;
background-color: #ffc200; background-color: #ffc200;
} }
.et2_grid td .gray span {
background-color: transparent;
}
/** /**
* Sortable grid * Sortable grid
*/ */
@ -1974,8 +2008,8 @@ action buttons, left aligned for "extra" controls
} }
/* images*/ /* images*/
.et2_nextmatch > img { .et2_nextmatch > img {
height: 16px;
width: 16px; width: 16px;
height: 16px;
} }
.nextmatch_header .header_count { .nextmatch_header .header_count {
padding: 0px 20px; padding: 0px 20px;
@ -2019,28 +2053,16 @@ action buttons, left aligned for "extra" controls
background-clip: padding-box; background-clip: padding-box;
} }
.nextmatch_header > .filters .et2_label { .nextmatch_header > .filters .et2_label {
font-size: 0.9em; /* font-size: 0.9em;*/
padding: 0.2em; padding: 0.2em;
} }
.nextmatch_header > .filters .et2_label select { .nextmatch_header > .filters .et2_label select {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); /*.Complete_Button_select;*/
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
width: auto;
margin: 5px 0em 5px 5px;
padding: 3px;
outline: none;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
margin-left: 2px; margin-left: 2px;
margin-right: 1px; margin-right: 1px;
margin-top: 6px; margin-top: 8px;
font-size: 1.2em;
max-width: 14% !important; max-width: 14% !important;
height: 25px; /*height: 25px;*/
/*top: 8px;*/ /*top: 8px;*/
/*padding: 5px 0px 0px 3px;*/ /*padding: 5px 0px 0px 3px;*/
/*Dialog - Addressbook - View */ /*Dialog - Addressbook - View */
@ -2066,9 +2088,9 @@ action buttons, left aligned for "extra" controls
.nextmatch_header > .filters button.et2_button { .nextmatch_header > .filters button.et2_button {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
border-color: #b4b4b4; border-color: #b4b4b4;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
width: 45px; width: 45px;
height: 27px; height: 27px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -2119,9 +2141,9 @@ action buttons, left aligned for "extra" controls
width: 15%; width: 15%;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
border-color: #b4b4b4; border-color: #b4b4b4;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
width: auto; width: auto;
margin: 0.5em 0em 0.5em 0; margin: 0.5em 0em 0.5em 0;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -2145,17 +2167,17 @@ action buttons, left aligned for "extra" controls
.nextmatch_header .et2_button_icon { .nextmatch_header .et2_button_icon {
vertical-align: middle; vertical-align: middle;
background-color: #f0f0f0; background-color: #f0f0f0;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
margin-top: 0px; margin-top: 0px;
margin-right: 1em; margin-right: 1em;
height: 16px;
width: 16px; width: 16px;
height: 16px;
padding: 2px; padding: 2px;
} }
.nextmatch_header .et2_button_icon .et2_button_icon:hover { .nextmatch_header .et2_button_icon .et2_button_icon:hover {
@ -2233,9 +2255,9 @@ action buttons, left aligned for "extra" controls
.nextmatch_header div[id$=favorite_wrapper] { .nextmatch_header div[id$=favorite_wrapper] {
margin-top: 6px; margin-top: 6px;
vertical-align: middle; vertical-align: middle;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px 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;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -2275,8 +2297,8 @@ action buttons, left aligned for "extra" controls
} }
.et2_dropdown button.ui-corner-left img, .et2_dropdown button.ui-corner-left img,
.et2_dropdown button.ui-state-default img { .et2_dropdown button.ui-state-default img {
height: 16px;
width: 16px; width: 16px;
height: 16px;
text-align: left; text-align: left;
position: relative; position: relative;
right: 1px; right: 1px;
@ -2318,8 +2340,8 @@ action buttons, left aligned for "extra" controls
} }
.favorites img { .favorites img {
margin-right: 1ex; margin-right: 1ex;
height: 16px;
width: 16px; width: 16px;
height: 16px;
} }
.favorites div.ui-icon-trash { .favorites div.ui-icon-trash {
position: relative; position: relative;
@ -2329,8 +2351,8 @@ action buttons, left aligned for "extra" controls
.favorites .sideboxstar { .favorites .sideboxstar {
background-image: url("../images/bullet.png"); background-image: url("../images/bullet.png");
background-repeat: no-repeat; background-repeat: no-repeat;
height: 9px; width: 12px;
width: 9px; height: 12px;
} }
.sidebox-favorites ul.favorites { .sidebox-favorites ul.favorites {
width: 99%; width: 99%;
@ -2348,9 +2370,9 @@ action buttons, left aligned for "extra" controls
height: 16px; height: 16px;
padding: 3px; padding: 3px;
background-color: #f0f0f0; background-color: #f0f0f0;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -2364,9 +2386,9 @@ action buttons, left aligned for "extra" controls
margin-right: 1ex; margin-right: 1ex;
height: 16px; height: 16px;
background-color: #f0f0f0; background-color: #f0f0f0;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -2428,8 +2450,8 @@ action buttons, left aligned for "extra" controls
/*.Complete_Button_Icon_hover ;*/ /*.Complete_Button_Icon_hover ;*/
} }
.sidebox-favorites .ui-menu .ui-menu-item a img { .sidebox-favorites .ui-menu .ui-menu-item a img {
height: 16px;
width: 16px; width: 16px;
height: 16px;
} }
.sidebox-favorites div.ui-icon-heart { .sidebox-favorites div.ui-icon-heart {
position: relative; position: relative;
@ -2550,7 +2572,7 @@ action buttons, left aligned for "extra" controls
text-align: left; text-align: left;
} }
div.et2_progress > div { div.et2_progress > div {
background-color: #D00000; background-color: #ffdd73;
height: 5px; height: 5px;
} }
.egwResizeOverlay { .egwResizeOverlay {
@ -2721,6 +2743,14 @@ action buttons, left aligned for "extra" controls
.ms-res-ctn { .ms-res-ctn {
overflow-x: hidden; overflow-x: hidden;
} }
/**
* et2_textbox
*/
textarea,
textarea.description {
background-color: rgba(255, 194, 0, 0.1);
padding: 0.3em 0 0 0.3em;
}
} }
/*#################################### Media Queries #####################################################*/ /*#################################### Media Queries #####################################################*/
@media only screen and (min-width: 980px) and (max-width: 1279px) { @media only screen and (min-width: 980px) and (max-width: 1279px) {
@ -2776,10 +2806,7 @@ option:checked {
font-size: 1em; font-size: 1em;
} }
.ui-widget-content { .ui-widget-content {
border-top: solid 1px #ffc200; /*.bordered (@color-hint,@color-hint,@color-hint,@color-hint);*/
border-left: solid 1px #ffc200;
border-right: solid 1px #ffc200;
border-bottom: solid 1px #ffc200;
background-image: none; background-image: none;
color: #808080 !important; color: #808080 !important;
background: white; background: white;
@ -2928,10 +2955,18 @@ span.ui-icon-search {
background-color: #679fd2; background-color: #679fd2;
} }
.ui-dialog-buttonset button { .ui-dialog-buttonset button {
background-color: #cdcdcd !important; border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000;
} }
.ui-dialog-buttonset button:hover { .ui-dialog-buttonset button:hover {
background-color: #b4b4b4 !important; background-color: #b4b4b4;
color: #1e1e1e;
} }
.ui-dialog-buttonset button.ui-button-text-only { .ui-dialog-buttonset button.ui-button-text-only {
background-color: #cdcdcd !important; background-color: #cdcdcd !important;
@ -3222,9 +3257,9 @@ span.ui-icon-search {
color: #111 !important; color: #111 !important;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
border-color: #b4b4b4; border-color: #b4b4b4;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
width: auto; width: auto;
margin: 0.5em 0em 0.5em 0; margin: 0.5em 0em 0.5em 0;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -3268,6 +3303,12 @@ span.ui-icon-search {
* @package phpgwapi * @package phpgwapi
* @version $Id$ * @version $Id$
*/ */
#msg,
.message {
color: red;
font-style: italic;
background: #ffffff;
}
.egw_fw_ui_app_header_container { .egw_fw_ui_app_header_container {
border-width: 9px 0px 0px 9px; border-width: 9px 0px 0px 9px;
border-style: solid; border-style: solid;
@ -3299,6 +3340,15 @@ span.ui-icon-search {
.colselection.ui-widget-content { .colselection.ui-widget-content {
width: 33%; width: 33%;
} }
/*Calendar ##############*/
td.message span.message {
height: 35px;
border-bottom: 2px solid #e6e6e6;
color: white;
background: red;
height: auto;
width: 100%;
}
/** /**
* EGroupware: CSS with less preprocessor * EGroupware: CSS with less preprocessor
* *
@ -3349,9 +3399,9 @@ textarea {
input { input {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
border-color: #b4b4b4; border-color: #b4b4b4;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
width: auto; width: auto;
margin: 0.5em 0em 0.5em 0; margin: 0.5em 0em 0.5em 0;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -3374,28 +3424,12 @@ input:focus {
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
} }
select { select {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); /*.Complete_Button_select;*/
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
width: auto;
margin: 5px 0em 5px 5px;
padding: 3px; padding: 3px;
margin: 0; margin: 0;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: 0 3px 0 #cccccc, 0 -1px #ffffff inset;
-moz-box-shadow: 0 3px 0 #cccccc, 0 -1px #ffffff inset;
box-shadow: 0 3px 0 #cccccc, 0 -1px #ffffff inset;
background: #f8f8f8;
color: #888;
border: none;
outline: none;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
} }
select:hover { select:hover {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
@ -3449,15 +3483,6 @@ h6 {
margin: 1.5em 0 0; margin: 1.5em 0 0;
} }
/*table {font-size: 16px;}*/ /*table {font-size: 16px;}*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select {
padding-right: 20px !important;
-webkit-appearance: none;
margin: 0;
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right;
background-size: 20px auto;
}
}
select { select {
position: relative; position: relative;
} }
@ -3506,9 +3531,9 @@ div.selectbox-wrapper ul li {
cursor: pointer; cursor: pointer;
} }
.sbHolder { .sbHolder {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
width: auto; width: auto;
margin: 5px 0em 5px 5px; margin: 5px 0em 5px 5px;
padding: 3px; padding: 3px;
@ -3713,9 +3738,9 @@ a.textSidebox,
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
@ -3728,9 +3753,9 @@ a.textSidebox,
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
@ -3997,9 +4022,12 @@ a.textSidebox {
} }
button { button {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
} }
button:hover { button:hover {
@ -4014,9 +4042,12 @@ button[id*="delete"] {
background-image: url('../images/delete.png'); background-image: url('../images/delete.png');
margin-left: 3em; margin-left: 3em;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
padding-left: 30px !important; padding-left: 30px !important;
background-position: 6px center !important; background-position: 6px center !important;
@ -4031,9 +4062,12 @@ button[id*="delete"]:hover {
background-image: url('../images/delete-hover.png') !important; background-image: url('../images/delete-hover.png') !important;
background-color: red !important; background-color: red !important;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
padding-left: 30px !important; padding-left: 30px !important;
background-position: 6px center !important; background-position: 6px center !important;
@ -4043,6 +4077,51 @@ button[id*="delete"]:hover {
height: 32px; height: 32px;
color: #ffffff; color: #ffffff;
} }
/* #####################################################
* Button edit + save + apply + copy = positive action */
button[id*="save"]:active {
background-color: #00ab00;
}
button[id*="apply"]:active {
background-color: #00ab00;
}
button[id*="copy"]:active {
background-color: #00ab00;
}
button[id*="edit_button[edit]"]:active {
background-color: #00ab00;
}
button#filemanager-select_button[ok]:active {
background-color: #00ab00;
}
/*ui-widget*/
button#series:active {
background-color: #00ab00 !important;
}
button#exception:active {
background-color: #00ab00 !important;
}
/*calendar series add*/
#calendar-edit_add {
/* .Complete_Button_add;
&:hover {.Complete_Button_add_hover;} */
}
#calendar-edit_add:active {
background-color: #00ab00 !important;
}
/*calendar search freetime*/
#calendar-edit_freetime:active {
background-color: #00ab00 !important;
}
/*calendar search freetime*/
button[id*="edit_button[add_alarm]"]:active {
background-color: #00ab00 !important;
}
/* #####################################################*/
/*Button cancel */
button[id*="cancel"]:active {
background-color: #ffc200;
}
/* #####################################################*/ /* #####################################################*/
/*Button abbruch / cancel */ /*Button abbruch / cancel */
button#cancel:hover { button#cancel:hover {
@ -4053,9 +4132,12 @@ button#cancel:hover {
/*Button mit Bildern*/ /*Button mit Bildern*/
button.et2_button_with_image { button.et2_button_with_image {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
padding-left: 30px !important; padding-left: 30px !important;
background-position: 6px center !important; background-position: 6px center !important;
@ -4087,6 +4169,15 @@ button.add:before {
color: #ffc200; color: #ffc200;
line-height: 1.1em; line-height: 1.1em;
} }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select {
padding-right: 20px !important;
-webkit-appearance: none;
margin: 0;
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right;
background-size: 20px auto;
}
}
/** /**
* EGroupware: Stylite Pixelegg template * EGroupware: Stylite Pixelegg template
* *
@ -4230,6 +4321,12 @@ table.egwGridView_grid tbody {
margin: 0; margin: 0;
vertical-align: top; vertical-align: top;
} }
table.egwGridView_grid tbody tr:nth-child(even) {
background: #e6e6e6;
}
table.egwGridView_grid tbody tr:nth-child(odd) {
background: #ffffff;
}
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;
/*.bw-gradient;*/ /*.bw-gradient;*/
@ -4395,9 +4492,9 @@ table.egwGridView_grid span.arrow.loading {
margin: 1em; margin: 1em;
} }
#loginMainDiv div#centerBox form table.divLoginbox { #loginMainDiv div#centerBox form table.divLoginbox {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px 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: 20px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -4409,9 +4506,9 @@ table.egwGridView_grid span.arrow.loading {
padding: 0.5em; padding: 0.5em;
} }
#loginMainDiv div#centerBox form table.divLoginbox select { #loginMainDiv div#centerBox form table.divLoginbox select {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
width: auto; width: auto;
margin: 5px 0em 5px 5px; margin: 5px 0em 5px 5px;
padding: 3px; padding: 3px;
@ -4430,9 +4527,9 @@ table.egwGridView_grid span.arrow.loading {
#loginMainDiv div#centerBox form table.divLoginbox input { #loginMainDiv div#centerBox form table.divLoginbox input {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
border-color: #b4b4b4; border-color: #b4b4b4;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
width: auto; width: auto;
margin: 0.5em 0em 0.5em 0; margin: 0.5em 0em 0.5em 0;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -4609,14 +4706,27 @@ img {
float: left; float: left;
padding-top: 10px; padding-top: 10px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul {
/*Home*/
/*Setup*/
/*access*/
/*category*/
/*password*/
/*help*/
/*Search*/
/*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 {
width: 32px; width: 32px;
height: 32px; height: 32px;
padding: 0.3em 0.4em; padding: 0.3em 0.4em;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:hover { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:hover {
@ -4626,12 +4736,19 @@ img {
background-color: inherit !important; background-color: inherit !important;
color: #000000; color: #000000;
} }
#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);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
}
#egw_fw_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;
} }
#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: #808080;
border-color: #828282; border-color: #828282;
text-decoration: none !important;
} }
#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;
@ -4639,6 +4756,54 @@ img {
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:first-child :before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:first-child :before {
border: none; border: none;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:first-child a:before {
padding-right: 5px;
content: url(../images/topmenu_items/home.png);
width: 16px;
height: 16px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:nth-child(2) a:before {
padding-right: 5px;
content: url(../images/topmenu_items/setup.png);
width: 16px;
height: 16px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:nth-child(3) a:before {
padding-right: 5px;
content: url(../images/topmenu_items/access.png);
width: 16px;
height: 16px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:nth-child(4) a:before {
padding-right: 5px;
content: url(../images/topmenu_items/category.png);
width: 16px;
height: 16px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:nth-child(5) a:before {
padding-right: 5px;
content: url(../images/topmenu_items/password.png);
width: 16px;
height: 16px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:nth-child(6) a:before {
padding-right: 5px;
content: url(../images/topmenu_items/help.png);
width: 16px;
height: 16px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:nth-child(7) a:before {
padding-right: 5px;
content: url(../images/topmenu_items/search.png);
width: 16px;
height: 16px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:nth-child(8) a:before {
padding-right: 5px;
content: url(../images/topmenu_items/logout.png);
width: 16px;
height: 16px;
}
/*################################################# /*#################################################
################################################### ###################################################
Slide Effekt Slide Effekt
@ -4715,9 +4880,9 @@ img {
} }
#egw_fw_topmenu_addons span#quick_add select#quick_add_selectbox { #egw_fw_topmenu_addons span#quick_add select#quick_add_selectbox {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
height: 30px; height: 30px;
padding: 0 0 0 10px; padding: 0 0 0 10px;
font-size: 0.9em; font-size: 0.9em;
@ -4752,9 +4917,9 @@ img {
width: 16px; width: 16px;
height: 16px; height: 16px;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
padding: 0.5em; padding: 0.5em;
top: 5px; top: 5px;
position: fixed; position: fixed;
@ -4765,6 +4930,11 @@ img {
-moz-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); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
} }
#egw_fw_logout: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);
}
#egw_fw_logout:focus { #egw_fw_logout:focus {
-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);
@ -4784,9 +4954,9 @@ img {
width: 16px; width: 16px;
height: 16px; height: 16px;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
padding: 0.5em; padding: 0.5em;
top: 5px; top: 5px;
right: 45px; right: 45px;
@ -4797,6 +4967,11 @@ img {
-moz-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); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
} }
#egw_fw_print: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);
}
#egw_fw_print:focus { #egw_fw_print:focus {
-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);
@ -4863,21 +5038,25 @@ img {
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv {
background-color: #fafafa; background-color: #fafafa;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv div.ui-sortable div {
padding: 3px 0 1px 3px;
cursor: pointer; cursor: pointer;
}
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header {
display: block; display: block;
height: 30px;
margin: 0 0; margin: 0 0;
padding: 4px 5px 5px 15px; /*padding: 0px 5px 5px 10px;*/
background-color: #fafafa; }
background-image: none; #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:hover {
border-color: #e6e6e6; background-color: #d9d9d9;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; -moz-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:hover { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:active {
background-color: #d9d9d9; -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header h1 { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header h1 {
font-size: 1em; font-size: 1em;
@ -5164,28 +5343,11 @@ img {
padding: 0px; padding: 0px;
margin: 0px 5px; margin: 0px 5px;
float: left; float: left;
background-color: #f0f0f0; /*.Complete_Button_Icon_normal;*/
-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;
background-image: url("../images/bullet.png"); background-image: url("../images/bullet.png");
background-size: 16px 16px; background-size: 16px 16px;
background-position: center; background-position: center;
} /*&:hover {height: 16px; .Complete_Button_Icon_hover ;}*/
.egw_fw_ui_sidemenu_listitem img.egw_fw_ui_sidemenu_listitem_icon:hover {
height: 16px;
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;
} }
.egw_fw_ui_sidemenu_listitem input { .egw_fw_ui_sidemenu_listitem input {
height: 16px; height: 16px;
@ -5524,26 +5686,6 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
* @version $Id$ * @version $Id$
*/ */
/*@import (reference) "def_content_elements.less";*/ /*@import (reference) "def_content_elements.less";*/
/*###########################################
# #
# dialog-header #
#############################################
# #
# #
# #
# #
# #
# main + tabs #
# #
# #
#############################################
# dialog-operators #
#############################################
# #
# buttons #
# #
# #
##############################################*/
div.et2_container { div.et2_container {
padding: 0; padding: 0;
} }
@ -5574,9 +5716,12 @@ div.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input {
-webkit-background-clip: padding-box; -webkit-background-clip: padding-box;
background-clip: padding-box; background-clip: padding-box;
} }
div.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker:hover { div.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker {
background-image: url("../images/datepopup.png"); background-image: url("../images/datepopup.png");
} }
div.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker:hover {
cursor: pointer;
}
div.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et2_grid { div.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et2_grid {
background-color: #ffffff; background-color: #ffffff;
} }
@ -5588,26 +5733,47 @@ div.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et2
table.dialog-main-view { table.dialog-main-view {
width: 100%; width: 100%;
} }
/*Header Part*/ /*###########################################
# #
# dialog-header #
#############################################
# #
# #
# #
# #
# #
# main + tabs #
# #
# #
#############################################
# dialog-operators #
#############################################
# #
# buttons #
# #
# #
##############################################*/
/********** Header Part ********************/
.dialog-header { .dialog-header {
background-color: #0c5da5; background-color: #0c5da5;
color: #ffffff; color: #ffffff;
} }
.dialog-header .th {
background-color: #0c5da5 !important;
}
.dialog-header tr {
height: 30px;
}
.dialog-header td {
padding: 0px;
}
.dialog-header table.et2_grid { .dialog-header table.et2_grid {
border-top: none; border-top: none;
} }
.dialog-header table.et2_grid .th {
background-color: #0c5da5 !important;
}
.dialog-header table.et2_grid tr {
height: 30px;
}
.dialog-header table.et2_grid td {
padding: 0px 0px 0px 3px;
}
.dialog-header .et2_label { .dialog-header .et2_label {
color: #ffffff; color: #ffffff;
vertical-align: bottom; vertical-align: bottom;
padding: 0px 0px 0px 3px !important;
} }
.dialog-header td.space span img { .dialog-header td.space span img {
background: #ffffff; background: #ffffff;
@ -5624,11 +5790,25 @@ table.dialog-main-view {
filter: gray; filter: gray;
/* IE 6-9 */ /* IE 6-9 */
} }
/*Main*/ tr.dialog-header2,
tr.dialog-header3,
tr.dialog-header4 {
background-color: #679fd2 !important;
border-top: 2px solid #e6e6e6;
border-bottom: 2px solid #e6e6e6;
}
tr.dialog-header2 .et2_label,
tr.dialog-header3 .et2_label,
tr.dialog-header4 .et2_label {
color: #ffffff;
vertical-align: bottom;
padding: 0px 0px 0px 3px !important;
}
/************* Main **********************************/
.dialog-main-timeframe div { .dialog-main-timeframe div {
min-height: 100px; min-height: 100px;
} }
/* Operators */ /********** Operators *******************************/
.dialog-operators { .dialog-operators {
background-color: #b4b4b4; background-color: #b4b4b4;
border-top: 2px solid #e6e6e6; border-top: 2px solid #e6e6e6;
@ -5637,6 +5817,7 @@ table.dialog-main-view {
.dialog-operators td { .dialog-operators td {
padding: 2px; padding: 2px;
} }
/********** Footer *******************************/
/*Buttons / Toolbar*/ /*Buttons / Toolbar*/
.dialog-footer-toolbar { .dialog-footer-toolbar {
background-color: #679fd2; background-color: #679fd2;
@ -5647,6 +5828,9 @@ table.dialog-main-view {
.dialog-footer-toolbar button { .dialog-footer-toolbar button {
height: 32px; height: 32px;
} }
.dialog-footer-toolbar .et2_selectbox {
height: 32px;
}
.dialog-footer-toolbar label.et2_label { .dialog-footer-toolbar label.et2_label {
border-color: #b4b4b4; border-color: #b4b4b4;
width: auto; width: auto;
@ -5655,14 +5839,17 @@ table.dialog-main-view {
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
color: #000000; color: #000000;
background-color: #f0f0f0; background-color: #f0f0f0;
padding: 6px 5px 6px 0; padding: 6px 5px 6px 0;
/* position: relative; position: relative;
top: 11px;*/ top: 11px;
}
.dialog-footer-toolbar input.et2_checkbox {
top: 0px;
} }
/* /*
Printing Printing

BIN
pixelegg/images/logout.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
pixelegg/less/def_buttons.less
View File

Binary file not shown.

115
pixelegg/less/def_design_pattern_color_font_shadow.less
View File

@ -1,4 +1,4 @@
/** /**
* EGroupware: CSS with less preprocessor * EGroupware: CSS with less preprocessor
* *
* Definitions for colors, fonts, borders and box shadow * Definitions for colors, fonts, borders and box shadow
@ -120,9 +120,19 @@
// soll EGROUPWARE FARBE GEBEN // soll EGROUPWARE FARBE GEBEN
/*@active_button_border_bottom : @egw_color_2_d;*/ /*@active_button_border_bottom : @egw_color_2_d;*/
// Hint / // Hint / or have to do / must field
@color-hint : @egw_color_1_a; @color-hint : @egw_color_1_a;
/*optional / can field*/
@color-optional : fade(@egw_color_1_a, 10%);
/*Listenausgabe*/
@color-even : @gray-10;
@color-odd : @gray-10 + 222;
// aktiverte Zeilen in allen APP mit Listenausgabe // aktiverte Zeilen in allen APP mit Listenausgabe
@color_active_row : @egw_color_1_a; @color_active_row : @egw_color_1_a;
@ -132,6 +142,9 @@
// Mouse over // Mouse over
@color_hover_row : @egw_color_2_e; @color_hover_row : @egw_color_2_e;
/*Button edit + save + apply + copy = positive action */
@color-positive-action : #00AB00;
// Search Button // Search Button
@ -141,7 +154,9 @@
.background-table-cal-head { background-color : @egw_color_1_a;} .background-table-cal-head { background-color : @egw_color_1_a;}
@color-progress : @egw_color_1_e;
/*#####################################################################*/
// Schriften // Schriften
.basefontfamily{ .basefontfamily{
@ -152,8 +167,8 @@
} }
/*#####################################################################*/
// Radius /* Radius*/
.border_radius_button_lefttop { .border_radius_button_lefttop {
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -184,9 +199,9 @@
// auf hellem Hintergrund // auf hellem Hintergrund
.box_shadow_standard_light { .box_shadow_standard_light {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
} }
@ -306,6 +321,8 @@
/* Opera 9+, IE 9+ */ /* Opera 9+, IE 9+ */
opacity: 0.5; opacity: 0.5;
} }
// ############################# // #############################
// Button Größen // Button Größen
@ -330,6 +347,88 @@
height: 32px; height: 32px;
} }
/*Icon Buttons ################## */
/* ##############
# big Icon #
# #
# 32 x 32 #
# #
# #
################*/
.dimension_width_height_xl{
width: 32px;
height: 32px;
}
/* ###########
# medium #
# Icon #
# #
# 24 x 24 #
# #
#############*/
.dimension_width_height_m{
width: 24px;
height: 24px;
}
/* ########
# small #
# Icon #
# 16x16 #
##########*/
.dimension_width_height_s{
width: 16px;
height: 16px;
}
/* ####
#xs#
####*/
.dimension_width_height_xs{
width: 12px;
height: 12px;
}
/* only Buttons ################## */
/* ##########################
# big Button #
# #
# #
# #
# N x 32 #
############################*/
.dimension_height_xl{ height: 32px; }
/* ##########################
# medium Button #
# #
# N x 24 #
############################*/
.dimension_height_m{ height: 24px; }
/* ##########################
# small Button #
# #
# N x 16 #
############################*/
.dimension_height_s{ height: 16px; }
// Rahmen für Schaltflächen // Rahmen für Schaltflächen
.border_normal{ .border_normal{
@ -520,4 +619,4 @@
} }
// //

86
pixelegg/less/etemplate2.less
View File

@ -143,10 +143,12 @@ div.et2_hbox>div {
color: @gray-90; color: @gray-90;
// float: left; // float: left;
} }
#msg,.message {
/*defined in layout_messages.less*/
/*#msg,.message {
color: red; color: red;
font-style: italic; font-style: italic;
} }*/
input.et2_url { input.et2_url {
margin-right: 6px; margin-right: 6px;
padding-right: 8px; padding-right: 8px;
@ -181,7 +183,7 @@ a.et2_url.url {
font-size: 9pt; font-size: 9pt;
text-shadow: 1px 1px #E0E0E0; text-shadow: 0px 0px;
} }
/*in Nextmatch definiert*/ /*in Nextmatch definiert*/
@ -196,7 +198,7 @@ a.et2_url.url {
background: transparent; background: transparent;
padding: 0px; padding: 0px;
// width: 16px; // width: 16px;
height: 16px; .dimension_height_s;
} }
button.et2_button_text:hover, input[type=button]:hover { button.et2_button_text:hover, input[type=button]:hover {
color: @gray-90; color: @gray-90;
@ -204,7 +206,7 @@ button.et2_button_text:hover, input[type=button]:hover {
background-color: @gray-30; background-color: @gray-30;
} }
button.et2_button_text:active, input[type=button]:active { button.et2_button_text:active, input[type=button]:active {
background-image: none !important; /*background-image: none !important;*/
background-color: @gray-50; background-color: @gray-50;
color: @gray-0; color: @gray-0;
} }
@ -462,8 +464,7 @@ div.et2_file input {background-color: @egw_color_1_a;}
} }
.et2_file .progress li:hover div.remove { .et2_file .progress li:hover div.remove {
width: 16px; .dimension_width_height_s;
height: 16px;
float: right; float: right;
display: block; display: block;
background-image: url("images/close.png"); background-image: url("images/close.png");
@ -472,7 +473,7 @@ div.et2_file input {background-color: @egw_color_1_a;}
} }
.et2_file .progress p { .et2_file .progress p {
background-color: green; background-color: @color-progress;
height:5px; height:5px;
margin: 0px; margin: 0px;
} }
@ -484,7 +485,6 @@ div.et2_file input {background-color: @egw_color_1_a;}
display: none; display: none;
} }
/** /**
* Autocomplete - used in link widget * Autocomplete - used in link widget
* Restricting result size * Restricting result size
@ -596,8 +596,14 @@ div.et2_link_entry input.ui-autocomplete-input {
display: inline; display: inline;
} }
.et2_link_to .et2_button_icon { .et2_link_to .et2_button_icon {
float: left; .Complete_Button_Icon_normal;
width: 22px; float: left;
margin: 0.5em 2em;
padding: 0.5em;
.dimension_width_height_xl;
&:hover {.Complete_Button_Icon_hover;}
&:active {.Complete_Button_Icon_active;}
} }
.et2_link { .et2_link {
@ -814,7 +820,10 @@ table.et2_grid {
.et2_grid td { .et2_grid td {
/* border: 1px dashed silver;*/ /* border: 1px dashed silver;*/
.gray {padding: 1em; background-color: @color-hint} .gray {
padding: 1em; background-color: @color-hint;
span {background-color: transparent;}
}
} }
/** /**
* Sortable grid * Sortable grid
@ -901,7 +910,7 @@ div.message.floating {
} }
/* images*/ /* images*/
.et2_nextmatch > img {height: 16px; width: 16px;} .et2_nextmatch > img {.dimension_width_height_s;}
// little rectangle // little rectangle
@ -937,19 +946,18 @@ div.message.floating {
.et2_label { .et2_label {
font-size: 0.9em; /* font-size: 0.9em;*/
padding: 0.2em; padding: 0.2em;
select { select {
.Complete_Button_select; /*.Complete_Button_select;*/
margin-left: 2px; margin-left: 2px;
margin-right: 1px; margin-right: 1px;
margin-top: 6px; margin-top: 8px;
font-size: 1.2em;
max-width: 14% !important; max-width: 14% !important;
height: 25px; /*height: 25px;*/
/*top: 8px;*/ /*top: 8px;*/
/*padding: 5px 0px 0px 3px;*/ /*padding: 5px 0px 0px 3px;*/
@ -1029,8 +1037,7 @@ div.message.floating {
.Complete_Button_Icon_normal; .Complete_Button_Icon_normal;
margin-top: 0px; margin-top: 0px;
margin-right: 1em; margin-right: 1em;
height: 16px; .dimension_width_height_s;
width: 16px;
padding: 2px; padding: 2px;
.et2_button_icon:hover{.Complete_Button_Icon_hover ;} .et2_button_icon:hover{.Complete_Button_Icon_hover ;}
@ -1125,8 +1132,7 @@ div.message.floating {
// background-size: 10px 10px; // background-size: 10px 10px;
img { img {
height: 16px; .dimension_width_height_s;
width: 16px;
text-align: left; text-align: left;
position: relative; position: relative;
right: 1px; right: 1px;
@ -1206,7 +1212,8 @@ div.message.floating {
input {margin-right: 1ex;} input {margin-right: 1ex;}
img { img {
margin-right: 1ex; height: 16px; width: 16px; margin-right: 1ex;
.dimension_width_height_s;
} }
div.ui-icon-trash { div.ui-icon-trash {
@ -1219,8 +1226,7 @@ div.message.floating {
.sideboxstar{ .sideboxstar{
background-image: url("../images/bullet.png"); background-image: url("../images/bullet.png");
background-repeat: no-repeat; background-repeat: no-repeat;
height: 9px; .dimension_width_height_xs;
width: 9px
} }
} }
@ -1245,24 +1251,24 @@ div.message.floating {
img { img {
// margin-right: 1ex; // margin-right: 1ex;
margin: 0px 5px; margin: 0px 5px;
height: 16px; .dimension_height_s;
padding: 3px; padding: 3px;
.Complete_Button_Icon_normal; .Complete_Button_Icon_normal;
&:hover { &:hover {
height: 16px; .dimension_height_s;
/*.Complete_Button_Icon_hover ;*/ /*.Complete_Button_Icon_hover ;*/
} }
} }
img.sideboxstar { img.sideboxstar {
margin-right: 1ex; margin-right: 1ex;
height: 16px; .dimension_height_s;
.Complete_Button_Icon_normal; .Complete_Button_Icon_normal;
background-size: 16px 16px; background-size: 16px 16px;
background-position: center; background-position: center;
&:hover {height: 16px; .Complete_Button_Icon_hover ;} &:hover {.dimension_height_s; .Complete_Button_Icon_hover ;}
} }
@ -1315,8 +1321,7 @@ div.message.floating {
/*.Complete_Button_Icon_hover ;*/ /*.Complete_Button_Icon_hover ;*/
} }
img { height: 16px; img { .dimension_width_height_s ;
width: 16px;
} }
} }
@ -1333,11 +1338,6 @@ div.message.floating {
background-image: none; background-image: none;
} }
div.ui-icon-trash{ div.ui-icon-trash{
// margin-top: -5px;
// margin-right: 2px;
// background: transparent;
background-image:url(../images/delete.png); background-image:url(../images/delete.png);
background-size: 16px 16px; background-size: 16px 16px;
@ -1469,7 +1469,7 @@ div.et2_progress {
text-align: left; text-align: left;
} }
div.et2_progress > div { div.et2_progress > div {
background-color: #D00000; background-color: @color-progress;
height: 5px; height: 5px;
} }
@ -1654,6 +1654,15 @@ div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
overflow-x: hidden; overflow-x: hidden;
} }
/**
* et2_textbox
*/
textarea,
textarea.description {
background-color: @color-optional;
padding: 0.3em 0 0 0.3em;
}
} // Ende Media all } // Ende Media all
@ -1673,4 +1682,5 @@ div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
} }
// //
//

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

@ -13,6 +13,7 @@
*/ */
@import (reference) "def_design_pattern_color_font_shadow.less"; @import (reference) "def_design_pattern_color_font_shadow.less";
@import (reference) "def_buttons.less";
// calender // calender
@ -49,7 +50,7 @@ option:checked {background-color: @egw_color_1_e;}
font-size: 1em; font-size: 1em;
} }
.ui-widget-content { .ui-widget-content {
.bordered (@color-hint,@color-hint,@color-hint,@color-hint); /*.bordered (@color-hint,@color-hint,@color-hint,@color-hint);*/
// border: 1px solid #a6c9e2; // border: 1px solid #a6c9e2;
// background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; // background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
@ -215,9 +216,10 @@ span.ui-icon-search{
.ui-dialog-buttonset{ .ui-dialog-buttonset{
button { button{
background-color: @gray-20 !important; .Complete_Button_normal;
&:hover{ background-color: @gray-30 !important;}
&:hover{ background-color: @gray-30; color: @gray-90;}
} }
button.ui-button-text-only {background-color: @gray-20 !important; button.ui-button-text-only {background-color: @gray-20 !important;

112
pixelegg/less/layout_content_elements.less
View File

@ -77,23 +77,10 @@ input {
select { select {
.Complete_Button_select; /*.Complete_Button_select;*/
padding:3px; padding:3px;
margin: 0; margin: 0;
.rounded (4px); .rounded (4px);
// .drop-shadow( 0, 3px, 0, 191, 191, 191, 0.1, inset);
-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
background: #f8f8f8;
color:#888;
border:none;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
&:hover{.Complete_Button_select_hover;} &:hover{.Complete_Button_select_hover;}
&:focus{.Complete_Button_select_focus;} &:focus{.Complete_Button_select_focus;}
@ -147,16 +134,7 @@ h6 {
/*table {font-size: 16px;}*/ /*table {font-size: 16px;}*/
/////* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
select {
padding-right: 20px !important;
-webkit-appearance:none;
margin:0;
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right;
background-size: 20px auto;
}
}
select { select {
position:relative; position:relative;
@ -382,6 +360,8 @@ a:hover,a:active
text-decoration: underline; text-decoration: underline;
} }
.divLoginboxHeader, .divLoginboxHeader,
.divSideboxHeader, .divSideboxHeader,
a.appTitles, a.appTitles,
@ -820,16 +800,68 @@ button[id*="delete"]{
} }
// Hover // Hover
input[type="submit"][id*="delete"]:hover, input[type="submit"][id*="delete"]:hover,
input[type="button"][id*="delete"]:hover, input[type="button"][id*="delete"]:hover,
button[id*="delete"]:hover { button[id*="delete"]:hover {
background-image:url('../images/delete-hover.png') !important;
background-color: red !important;
.Complete_Button_text_icon_before;
color: @gray-0;
}
/* #####################################################
* Button edit + save + apply + copy = positive action */
button[id*="save"] {
&:active {background-color: @color-positive-action;}
}
button[id*="apply"]{
&:active {background-color: @color-positive-action;}
}
button[id*="copy"]{
&:active {background-color: @color-positive-action;}
}
button[id*="edit_button[edit]"]{
&:active {background-color: @color-positive-action;}
}
button#filemanager-select_button[ok]{
&:active {background-color: @color-positive-action;}
}
/*ui-widget*/
button#series {
&:active {background-color: @color-positive-action !important;}
}
button#exception {
&:active {background-color: @color-positive-action !important;}
}
/*calendar series add*/
#calendar-edit_add {
&:active {background-color: @color-positive-action !important;}
/* .Complete_Button_add;
&:hover {.Complete_Button_add_hover;} */
}
/*calendar search freetime*/
#calendar-edit_freetime{
&:active {background-color: @color-positive-action !important;}
}
/*calendar search freetime*/
button[id*="edit_button[add_alarm]"]{
&:active {background-color: @color-positive-action !important;}
}
/* #####################################################*/
/*Button cancel */
button[id*="cancel"] {
&:active {background-color: @color-hint;}
background-image:url('../images/delete-hover.png') !important;
background-color: red !important;
.Complete_Button_text_icon_before;
color: @gray-0;
} }
@ -854,4 +886,20 @@ button.et2_button_with_image{
button.add { button.add {
.Complete_Button_add ; .Complete_Button_add ;
} }
/////* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
select {
padding-right: 20px !important;
-webkit-appearance:none;
margin:0;
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right;
background-size: 20px auto;
}
}
//
//
// //

BIN
pixelegg/less/layout_dialog.less
View File

Binary file not shown.

25
pixelegg/less/layout_messages.less
View File

@ -15,6 +15,14 @@
@import (reference) "def_design_pattern_color_font_shadow.less"; @import (reference) "def_design_pattern_color_font_shadow.less";
//@import "def_buttons.less"; //@import "def_buttons.less";
#msg,.message {
color: red;
font-style: italic;
background: @gray-0;
}
.egw_fw_ui_app_header_container { .egw_fw_ui_app_header_container {
border-width: 9px 0px 0px 9px; border-width: 9px 0px 0px 9px;
@ -52,3 +60,20 @@
} }
/*Calendar ##############*/
td.message {
span.message {
height: 35px;
border-bottom: 2px solid @gray-10;
color: white;
background: red;
height: auto;
width: 100%;
}
}
//

113
pixelegg/less/layout_raster.less
View File

@ -81,11 +81,9 @@
#egw_fw_topmenu_items { #egw_fw_topmenu_items {
float: left; float: left;
padding-top: 10px; padding-top: 10px;
// height: 30px;
ul { ul {
// padding: 10px;
// margin-left: 2em;
li{ li{
.color-100-gray; .color-100-gray;
@ -94,16 +92,86 @@
.Complete_Button_normal; .Complete_Button_normal;
&:hover{.Complete_Button_hover;.color-100-gray;} &:hover{.Complete_Button_hover;.color-100-gray;}
a {.color-100-gray;} &:active {.Complete_Button_active;}
a {.color-100-gray; text-decoration: none; }
a:hover { a:hover {
.color-50-gray; .color-50-gray;
border-color: @gray-50; border-color: @gray-50;
text-decoration: none !important;
} }
} }
/*Home*/
li:first-child{ li:first-child{
margin-left: 10px; margin-left: 10px;
:before{border: none;} :before{border: none;}
a:before {
padding-right: 5px;
content: url(../images/topmenu_items/home.png);
.dimension_width_height_s;
}
}
/*Setup*/
li:nth-child(2){
a:before {
padding-right: 5px;
content: url(../images/topmenu_items/setup.png);
.dimension_width_height_s;
}
}
/*access*/
li:nth-child(3){
a:before {
padding-right: 5px;
content: url(../images/topmenu_items/access.png);
.dimension_width_height_s;
}
}
/*category*/
li:nth-child(4){
a:before {
padding-right: 5px;
content: url(../images/topmenu_items/category.png);
.dimension_width_height_s;
}
}
/*password*/
li:nth-child(5){
a:before {
padding-right: 5px;
content: url(../images/topmenu_items/password.png);
.dimension_width_height_s;
}
}
/*help*/
li:nth-child(6){
a:before {
padding-right: 5px;
content: url(../images/topmenu_items/help.png);
.dimension_width_height_s;
}
}
/*Search*/
li:nth-child(7){
a:before {
padding-right: 5px;
content: url(../images/topmenu_items/search.png);
.dimension_width_height_s;
}
}
/*logout*/
li:nth-child(8){
a:before {
padding-right: 5px;
content: url(../images/topmenu_items/logout.png);
.dimension_width_height_s;
}
} }
} // Ende ul } // Ende ul
@ -229,7 +297,7 @@
&:hover {.box_shadow_standard_light_hover;} &:hover {.box_shadow_standard_light_hover;}
&:active {.Complete_Button_active;}
&:focus {.box_shadow_standard_light_inset;} &:focus {.box_shadow_standard_light_inset;}
} }
@ -256,7 +324,7 @@
right: 45px; right: 45px;
z-index: 200; z-index: 200;
&:hover {.box_shadow_standard_light_hover;} &:hover {.box_shadow_standard_light_hover;}
&:active {.Complete_Button_active;}
&:focus {.box_shadow_standard_light_inset;} &:focus {.box_shadow_standard_light_inset;}
} }
@ -346,19 +414,32 @@
// Alle Tabs // Alle Tabs
div.ui-sortable {
div {
padding: 3px 0 1px 3px;
cursor: pointer;
}
}
.egw_fw_ui_sidemenu_entry_header { .egw_fw_ui_sidemenu_entry_header {
cursor: pointer;
display: block; display: block;
height: 30px;
margin: 0 0; margin: 0 0;
padding: 4px 5px 5px 15px; /*padding: 0px 5px 5px 10px;*/
.background-color-5-gray;
background-image: none; &:hover {
border-color: @gray-10; .background-color-15-gray;
.rounded(5px);
}
&:active {.box_shadow_standard_light_inset;}
.rounded(5px);
&:hover { .background-color-15-gray;}
h1 { h1 {
font-size: 1em; font-size: 1em;
@ -647,11 +728,11 @@
padding: 0px; padding: 0px;
margin: 0px 5px; margin: 0px 5px;
float: left; float: left;
.Complete_Button_Icon_normal; /*.Complete_Button_Icon_normal;*/
background-image: url("../images/bullet.png"); background-image: url("../images/bullet.png");
background-size: 16px 16px; background-size: 16px 16px;
background-position: center; background-position: center;
&:hover {height: 16px; .Complete_Button_Icon_hover ;} /*&:hover {height: 16px; .Complete_Button_Icon_hover ;}*/
} }
input { input {

BIN
pixelegg/less/layout_table.less
View File

Binary file not shown.