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

newewst pixelegg changed from today

Browse Source
This commit is contained in:
Ralf Becker 2013-11-14 19:11:29 +00:00
parent 106eacc72a
commit 578087f812
28 changed files with 7604 additions and 5057 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

497
pixelegg/less/chosen.css
View File

@ -1,497 +0,0 @@
/**
* EGroupware: Stylite Pixelegg template
*
* et2 Messages
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package pixelegg
* @version $Id$
*/
/* @group Base */
.chzn-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
zoom: 0;
*display: inline;
color: #808080;
max-width: 100%;
width: auto !important;
}
.chzn-container .chzn-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chzn-container.chzn-with-drop .chzn-drop {
left: 0;
top: 32px;
}
/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 23px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-clip: padding-box;
box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
margin-bottom: 1em;
}
.chzn-container-single .chzn-default {
color: #999;
}
.chzn-container-single .chzn-single span {
display: block;
overflow: hidden;
margin-right: 19px;
text-overflow: ellipsis;
white-space: nowrap;
}
.chzn-container-single .chzn-single-with-deselect span {
margin-right: 38px;
}
.chzn-container-single .chzn-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url('chosen-sprite.png') -42px 1px no-repeat;
font-size: 1px;
}
.chzn-container-single .chzn-single abbr:hover {
background-position: -42px -10px;
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
background-position: -42px -10px;
}
.chzn-container-single .chzn-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chzn-container-single .chzn-single div b {
display: block;
width: 100%;
height: 100%;
background: url('chosen-sprite.png') no-repeat 0px 2px;
}
.chzn-container-single .chzn-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chzn-container-single .chzn-search input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
outline: 0;
border: 1px solid #aaa;
background: #ffffff url('chosen-sprite.png') no-repeat 100% -20px;
background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
font-size: 1em;
font-family: sans-serif;
}
.chzn-container-single .chzn-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
}
.chzn-container-single.chzn-container-single-nosearch .chzn-search {
position: absolute;
left: -9999px;
}
/* @end */
/* @group Results */
.chzn-container .chzn-results {
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
color: #808080;
}
.chzn-container .chzn-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
}
.chzn-container .chzn-results li.active-result {
display: list-item;
cursor: pointer;
}
.chzn-container .chzn-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chzn-container .chzn-results li.highlighted {
background-color: #3875d7;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff;
}
.chzn-container .chzn-results li.no-results {
display: list-item;
background: #f4f4f4;
}
.chzn-container .chzn-results li.group-result {
display: list-item;
color: #999;
font-weight: bold;
cursor: default;
}
.chzn-container .chzn-results li.group-option {
padding-left: 15px;
}
.chzn-container .chzn-results li em {
font-style: normal;
text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
height: auto !important;
height: 1%;
border: 1px solid #aaa;
background-color: #fff;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
cursor: text;
}
.chzn-container-multi .chzn-choices li {
float: left;
list-style: none;
}
.chzn-container-multi .chzn-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chzn-container-multi .chzn-choices li.search-field input {
margin: 1px 0;
padding: 5px;
height: 15px;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #666;
font-size: 100%;
font-family: sans-serif;
}
.chzn-container-multi .chzn-choices li.search-field .default {
color: #999;
}
.chzn-container-multi .chzn-choices li.search-choice {
position: relative;
margin: 3px 0 3px 5px;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
border-radius: 3px;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-clip: padding-box;
box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default;
}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url('chosen-sprite.png') -42px 1px no-repeat;
font-size: 1px;
}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chzn-container-multi .chzn-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
color: #666;
}
.chzn-container-multi .chzn-choices li.search-choice-focus {
background: #d4d4d4;
}
.chzn-container-multi .chzn-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chzn-container-multi .chzn-results {
margin: 0;
padding: 0;
}
.chzn-container-multi .chzn-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
/* @end */
/* @group Active */
.chzn-container-active .chzn-single {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chzn-container-active.chzn-with-drop .chzn-single {
border: 1px solid #aaa;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
box-shadow: 0 1px 0 #fff inset;
}
.chzn-container-active.chzn-with-drop .chzn-single div {
border-left: none;
background: transparent;
}
.chzn-container-active.chzn-with-drop .chzn-single div b {
background-position: -18px 2px;
}
.chzn-container-active .chzn-choices {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chzn-container-active .chzn-choices li.search-field input {
color: #111 !important;
border: 1px solid rgba(0, 0, 0, 0.15);
border-color: #bfbfbf;
-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: auto;
margin: 0.5em 0em 0.5em 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.chzn-container-active .chzn-choices li.search-field input: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);
}
.chzn-container-active .chzn-choices li.search-field input:focus {
outline: 0;
border-width: 1px;
border-style: solid;
border-color: #bfbfbf;
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}
/* @end */
/* @group Disabled Support */
.chzn-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chzn-disabled .chzn-single {
cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
cursor: default;
}
/* @end */
/* @group Right to Left */
.chzn-rtl {
text-align: right;
}
.chzn-rtl .chzn-single {
overflow: visible;
padding: 0 8px 0 0;
}
.chzn-rtl .chzn-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
.chzn-rtl .chzn-single-with-deselect span {
margin-left: 38px;
}
.chzn-rtl .chzn-single div {
right: auto;
left: 3px;
}
.chzn-rtl .chzn-single abbr {
right: auto;
left: 26px;
}
.chzn-rtl .chzn-choices li {
float: right;
}
.chzn-rtl .chzn-choices li.search-field input {
direction: rtl;
}
.chzn-rtl .chzn-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
.chzn-rtl .chzn-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
.chzn-rtl.chzn-container-single-nosearch .chzn-search,
.chzn-rtl .chzn-drop {
left: 9999px;
}
.chzn-rtl.chzn-container-single .chzn-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chzn-rtl .chzn-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div {
border-right: none;
}
.chzn-rtl .chzn-search input {
padding: 4px 5px 4px 20px;
background: #ffffff url('chosen-sprite.png') no-repeat -30px -20px;
background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
direction: rtl;
}
.chzn-rtl.chzn-container-single .chzn-single div b {
background-position: 6px 2px;
}
.chzn-rtl.chzn-container-single.chzn-with-drop .chzn-single div b {
background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
.chzn-rtl .chzn-search input,
.chzn-container-single .chzn-single abbr,
.chzn-container-single .chzn-single div b,
.chzn-container-single .chzn-search input,
.chzn-container-multi .chzn-choices .search-choice .search-choice-close,
.chzn-container .chzn-results-scroll-down span,
.chzn-container .chzn-results-scroll-up span {
background-image: url('chosen-sprite@2x.png') !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}
/* @end */
/**
* Egw customizations for Chosen widget
*/
.chzn-container {
display: inline-block;
font-size: inherit;
}
.chzn-container .chzn-single {
height: 19px;
line-height: 20px;
}
.chzn-container .chzn-results {
padding: 0 0 0 0px;
}
.chzn-container .chzn-results li {
line-height: 13px;
padding: 3px 6px;
}
.chzn-container-multi .chzn-choices .search-field input {
height: 12px;
}
.chzn-container-multi .chzn-choices .search-choice {
line-height: 12px;
margin: 2px 0 2px 1px;
}
.chzn-container .chzn-drop {
border-top-width: 0px;
}
.chzn-container-active.chzn-with-drop.chzn-above .chzn-single {
border-radius: 0px 0px 4px 4px;
border-top-width: 0px;
}
.chzn-container.chzn-above .chzn-drop {
top: auto;
bottom: 23px;
border-width: 1px 1px 0px 1px;
border-radius: 4px 4px 0px 0px;
-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

498
pixelegg/less/chosen.less
View File

@ -1,498 +0,0 @@
/**
* EGroupware: Stylite Pixelegg template
*
* et2 Messages
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package pixelegg
* @version $Id$
*/
@import (reference) "../../phpgwapi/templates/default/def_design_pattern_color_font_shadow.less";
@import (reference) "../../phpgwapi/templates/default/def_buttons.less";
//########################################################################################################
// Chosen
// Chosen.css
//########################################################################################################
/* @group Base */
.chzn-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
zoom: 0;
*display: inline;
.color-50-gray;
max-width: 100%;
width: auto !important;
}
.chzn-container .chzn-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chzn-container.chzn-with-drop .chzn-drop {
left: 0;
top: 32px;
}
/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 23px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-clip: padding-box;
box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
margin-bottom: 1em;
}
.chzn-container-single .chzn-default {
color: #999;
}
.chzn-container-single .chzn-single span {
display: block;
overflow: hidden;
margin-right: 19px;
// text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.chzn-container-single .chzn-single-with-deselect span {
margin-right: 38px;
}
.chzn-container-single .chzn-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url('chosen-sprite.png') -42px 1px no-repeat;
font-size: 1px;
}
.chzn-container-single .chzn-single abbr:hover {
background-position: -42px -10px;
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
background-position: -42px -10px;
}
.chzn-container-single .chzn-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chzn-container-single .chzn-single div b {
display: block;
width: 100%;
height: 100%;
background: url('chosen-sprite.png') no-repeat 0px 2px;
}
.chzn-container-single .chzn-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chzn-container-single .chzn-search input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
outline: 0;
border: 1px solid #aaa;
background: white url('chosen-sprite.png') no-repeat 100% -20px;
background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
font-size: 1em;
font-family: sans-serif;
}
.chzn-container-single .chzn-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
}
.chzn-container-single.chzn-container-single-nosearch .chzn-search {
position: absolute;
left: -9999px;
}
/* @end */
/* @group Results */
.chzn-container .chzn-results {
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
.color-50-gray;
}
.chzn-container .chzn-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
}
.chzn-container .chzn-results li.active-result {
display: list-item;
cursor: pointer;
}
.chzn-container .chzn-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chzn-container .chzn-results li.highlighted {
background-color: #3875d7;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff;
}
.chzn-container .chzn-results li.no-results {
display: list-item;
background: #f4f4f4;
}
.chzn-container .chzn-results li.group-result {
display: list-item;
color: #999;
font-weight: bold;
cursor: default;
}
.chzn-container .chzn-results li.group-option {
padding-left: 15px;
}
.chzn-container .chzn-results li em {
font-style: normal;
text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
height: auto !important;
height: 1%;
border: 1px solid #aaa;
background-color: #fff;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
cursor: text;
}
.chzn-container-multi .chzn-choices li {
float: left;
list-style: none;
}
.chzn-container-multi .chzn-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chzn-container-multi .chzn-choices li.search-field input {
margin: 1px 0;
padding: 5px;
height: 15px;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #666;
font-size: 100%;
font-family: sans-serif;
}
.chzn-container-multi .chzn-choices li.search-field .default {
color: #999;
}
.chzn-container-multi .chzn-choices li.search-choice {
position: relative;
margin: 3px 0 3px 5px;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
border-radius: 3px;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-clip: padding-box;
box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default;
}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url('chosen-sprite.png') -42px 1px no-repeat;
font-size: 1px;
}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chzn-container-multi .chzn-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
color: #666;
}
.chzn-container-multi .chzn-choices li.search-choice-focus {
background: #d4d4d4;
}
.chzn-container-multi .chzn-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chzn-container-multi .chzn-results {
margin: 0;
padding: 0;
}
.chzn-container-multi .chzn-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
/* @end */
/* @group Active */
.chzn-container-active .chzn-single {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chzn-container-active.chzn-with-drop .chzn-single {
border: 1px solid #aaa;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
box-shadow: 0 1px 0 #fff inset;
}
.chzn-container-active.chzn-with-drop .chzn-single div {
border-left: none;
background: transparent;
}
.chzn-container-active.chzn-with-drop .chzn-single div b {
background-position: -18px 2px;
}
.chzn-container-active .chzn-choices {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chzn-container-active .chzn-choices li.search-field input {
color: #111 !important;
.Complete_Button_input;
&:hover {.Complete_Button_input_hover;}
&:focus {.Complete_Button_input_focus;}
}
/* @end */
/* @group Disabled Support */
.chzn-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chzn-disabled .chzn-single {
cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
cursor: default;
}
/* @end */
/* @group Right to Left */
.chzn-rtl {
text-align: right;
}
.chzn-rtl .chzn-single {
overflow: visible;
padding: 0 8px 0 0;
}
.chzn-rtl .chzn-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
.chzn-rtl .chzn-single-with-deselect span {
margin-left: 38px;
}
.chzn-rtl .chzn-single div {
right: auto;
left: 3px;
}
.chzn-rtl .chzn-single abbr {
right: auto;
left: 26px;
}
.chzn-rtl .chzn-choices li {
float: right;
}
.chzn-rtl .chzn-choices li.search-field input {
direction: rtl;
}
.chzn-rtl .chzn-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
.chzn-rtl .chzn-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
.chzn-rtl.chzn-container-single-nosearch .chzn-search,
.chzn-rtl .chzn-drop {
left: 9999px;
}
.chzn-rtl.chzn-container-single .chzn-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chzn-rtl .chzn-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div {
border-right: none;
}
.chzn-rtl .chzn-search input {
padding: 4px 5px 4px 20px;
background: white url('chosen-sprite.png') no-repeat -30px -20px;
background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
direction: rtl;
}
.chzn-rtl.chzn-container-single .chzn-single div b {
background-position: 6px 2px;
}
.chzn-rtl.chzn-container-single.chzn-with-drop .chzn-single div b {
background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
.chzn-rtl .chzn-search input,
.chzn-container-single .chzn-single abbr,
.chzn-container-single .chzn-single div b,
.chzn-container-single .chzn-search input,
.chzn-container-multi .chzn-choices .search-choice .search-choice-close,
.chzn-container .chzn-results-scroll-down span,
.chzn-container .chzn-results-scroll-up span {
background-image: url('chosen-sprite@2x.png') !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}
/* @end */
/**
* Egw customizations for Chosen widget
*/
.chzn-container {
display: inline-block;
font-size: inherit;
}
.chzn-container .chzn-single {
height: 19px;
line-height: 20px;
}
.chzn-container .chzn-results {
padding: 0 0 0 0px;
}
.chzn-container .chzn-results li {
line-height: 13px;
padding: 3px 6px;
}
.chzn-container-multi .chzn-choices .search-field input {
height: 12px;
}
.chzn-container-multi .chzn-choices .search-choice {
line-height: 12px;
margin: 2px 0 2px 1px;
}
.chzn-container .chzn-drop {
border-top-width: 0px;
}
.chzn-container-active.chzn-with-drop.chzn-above .chzn-single {
border-radius : 0px 0px 4px 4px;
border-top-width: 0px;
}
.chzn-container.chzn-above .chzn-drop {
top:auto;
bottom:23px;
border-width:1px 1px 0px 1px;
border-radius: 4px 4px 0px 0px;
-webkit-box-shadow: 0 -4px 5px rgba(0,0,0,.15);
-moz-box-shadow : 0 -4px 5px rgba(0,0,0,.15);
box-shadow : 0 -4px 5px rgba(0,0,0,.15);
}

311
pixelegg/less/def_buttons.less Executable file
View File

@ -0,0 +1,311 @@
/**
* EGroupware: CSS with less preprocessor
*
* Definitions for buttons
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
* @package phpgwapi
* @version $Id$
*/
@import (reference) "def_design_pattern_color_font_shadow.less";
//#####################
//# Complete Button #
//#####################
.Complete_Button_normal{
.border_normal;
.box_shadow_standard_light;
.color-100-gray;
}
.Complete_Button_hover{
// .border_hover;
.box_shadow_standard_light_hover;
background-color: inherit !important;
}
.Complete_Button_active{
// .border_hover;
.box_shadow_standard_light_inset;
}
.Complete_Button_focus{
// .border_hover;
.box_shadow_standard_light_inset;
}
// komplette Schaltflächen
.Complete_Button_add {
background-color: @egw_color_blue_lighter;
color: #FFF;
text-shadow: none;
height: 35px;
background-image: none !important;
.border_radius_button_lefttop;
&:before {content: "+";font-size: 2em;color: @egw_color_1;}
}
.Complete_Button_add_hover {
background-color: @egw_color_blue_lightest !important;
color: @egw_color_1;
.box_shadow_standard_light_hover;
.border_radius_button_lefttop;
}
//.Complete_Button_add_before {content: "+";font-size: 2em;}
.Complete_Button_hinweis{
.Button_size_square_32;
.border_normal;
padding: 0 0.2em;
border-left: 3px solid;
border-left-color: @lightgray;
}
// select
.Complete_Button_select{
.box_shadow_standard_light;
width: auto;
margin: 0.5em 0em 0.5em 0.5em;
padding:3px;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
}
.Complete_Button_select_hover {
.box_shadow_standard_light_hover;
}
.Complete_Button_select_focus {
outline:0;
border-width:1px;
border-style: solid;
.border-color-25-gray;
-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
-moz-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
}
// Input
.Complete_Button_input{
.border_normal;
.border-color-25-gray;
.box_shadow_standard_light;
width: auto;
margin: 0.5em 0em 0.5em 0;
.border_radius_button_normal;
// .gradient(#000, #333, #FFF);
// .gradient(#F5F5F5, #EEE, #FFF);
}
.Complete_Button_input_hover{
.box_shadow_standard_light_hover;
}
.Complete_Button_input_focus {
outline:0;
border-width:1px;
border-style: solid;
.border-color-25-gray;
-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
-moz-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
}
// Suchen button
.Complete_Button_search_action{
.border_normal;
.border-color-25-gray;
.box_shadow_standard_light;
width: 3em;
// height: 2.5em;
// margin: 0.5em 1em 0.5em 1;
.border_radius_button_lefttop;
.background-color-search;
color: #FFFFFF;
text-decoration: none;
cursor: pointer;
padding: 3px;
margin-left: 5px;
}
.Complete_Button_search_action_hover{
.box_shadow_standard_light_hover;
background-color: @yellow !important;
.border_radius_button_lefttop;
}
.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;
}
// Buchstaben
.Complete_Button_lettersearch{
.border_radius_button_normal;
.box_shadow_standard_light;
.border_normal;
// border: 1px solid #D3DCE3;
text-align: center;
cursor: pointer;
}
// Text
.Complete_Button_text{
.border_radius_button_normal;
.background-color-10-gray;
.border-color-50-gray;
cursor: pointer;
}
.Complete_Button_text_hover {
.border_radius_button_normal;
.border_hover;
text-align: center;
cursor: pointer;
.background-color-30-gray;
}
.Complete_Button_text_active{
color: @gray;
}
.Complete_Button_text_icon_before{
.Complete_Button_normal;
padding-left: 30px !important;
background-position: 6px center;
background-repeat: no-repeat;
background-size: 20px auto;
.Button_size_h32_auto;
}
.Complete_Button_text_icon_before_hover{
.Complete_Button_text_icon_before;
.box_shadow_standard_light_hover;
}
.Complete_Button_text_icon_before_active{
.Complete_Button_text_icon_before;
.box_shadow_standard_light_hover;
}
// Buttons nur Icon
.Complete_Button_Icon_normal {
.background-color-10-gray;
.box_shadow_standard_light;
.border_normal;
.border_radius_button_normal;
}
.Complete_Button_Icon_hover {
.background-color-30-gray;
.box_shadow_standard_light_hover;
.border_hover;
.border_radius_button_normal;
}
.Complete_Button_Icon_active {
.background-color-50-gray;
.box_shadow_standard_light_hover;
.border_active;
.border_radius_button_normal;
}
// #############################
// Button Sub Menupunkte
.Complete_Button_Module_Menu_Links{
.background-color-10-gray;
}
.Complete_Button_Module_Menu_Links_Hover{
.background-color-30-gray;
.color-5-gray;
}
.Complete_Button_Module_Menu_Links_active{
.background-color-10-gray;
}
// Button Sub Sub Menupunkte
.Complete_Button_Module_Menu_Links_Sub_Hover {
margin-left: 2px;
padding-top: 0px;
padding-bottom: 5px;
.border_normal;
.background-color-15-gray;
}
.Complete_Button_Module_Menu_Links_Sub {
margin-left: 3px;
padding-top: 0px;
padding-bottom: 5px;
.border_normal;
border-top-width: 0px;
.background-color-10-gray;
margin-top: -7px;
padding-left: 14px;
width: 93%;
}
//.Complete_Button_Module_Menu_Links_Sub {
// margin-left: 3px;
// padding-top: 0px;
// padding-bottom: 5px;
// .border_normal;
// border-top-width: 0px;
// .background-color-10-gray;
//
// margin-top: -7px;
// padding-left: 14px;
//
// width: 93%;
//}

791
pixelegg/less/def_content_elements.less Executable file
View File

@ -0,0 +1,791 @@
/**
* EGroupware: CSS with less preprocessor
*
* Definitions for content-elements
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
* @package phpgwapi
* @version $Id$
*/
@import (reference) "def_design_pattern_color_font_shadow.less";
@import (reference) "def_buttons.less";
/* #######################################################################################
*
*
* Inhaltselemente
*
*
* ########################################################################################
*/
//Reset
html * {
font-size: 100%;
}
//###############################################
body{
background-image:none;
.background-color-10-gray;
.color-100-gray; // Schriftfarbe schwarz
margin: 0px !important;
padding: 0px !important;
width: 100% !important;
height: 100% !important;
}
body, td, textarea {.basefontfamily;}
#egw_fw_basecontainer {
position: fixed;
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
.basefontfamily;
// font-size: 8pt;
.background-color-5-gray ;
}
//##########################
input {
.Complete_Button_input;
&:hover{.Complete_Button_input_hover;}
&:focus{.Complete_Button_input_focus;}
}
select {
.Complete_Button_select;
padding:3px;
margin: 0;
.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;}
&:focus{.Complete_Button_select_focus;}
}
//select {
//}
// #############################
// Schriftformate
p { font-size: 12px;}
li {}
h1 {
font-size: 200%;
line-height: 1.2em;
margin: 0.4em 0 0;
}
h2 {
font-size: 170%;
line-height: 1.2em;
margin: 0.6em 0 0;
}
h3 {
font-size: 150%;
line-height: 0.8571em;
margin: 0.8571em 0 0;
}
h3 a {
color: #999999;
}
h4 {
font-size: 110%;
line-height: 1.125em;
margin: 1.125em 0 0;
}
h5 {
font-size: 100%;
line-height: 1.2857em;
margin: 1.2857em 0 0;
}
h6 {
font-size: 100%;
font-weight: bold;
line-height: 1.5em;
margin: 1.5em 0 0;
}
//
/////* 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:18px}
}
select {position:relative}
select:after {
content:'<>';
font:11px "Consolas", monospace;
color:#aaa;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
right:8px; top:2px;
padding:0 0 2px;
border-bottom:1px solid #ddd;
position:absolute;
pointer-events:none;
}
select:before {
content:'';
right:6px; top:0px;
width:20px; height:20px;
background:#f8f8f8;
position:absolute;
pointer-events:none;
display:block;
}
div.selectbox-wrapper {
ul {
list-style-type:none;
margin:0px;
padding:0px;
li.selected {
background-color: #EAF2FB;
}
li.current {
background-color: #CDD8E4;
}
li {
list-style-type:none;
display:block;
margin:0;
padding:2px;
cursor:pointer;
}
}
}
.sbHolder{
.Complete_Button_select;
// background-color: #2d2d2d;
// border: solid 1px #515151;
// font-family: Arial, sans-serif;
.basefontfamily;
font-size: 1.2em;
font-weight: normal;
height: 30px;
position: relative;
width: 10em;
&:hover{.Complete_Button_select_hover;}
&:focus{.Complete_Button_select_focus;}
}
.sbHolder:focus .sbSelector{}
.sbSelector{
display: block;
height: 30px;
left: 0;
line-height: 30px;
outline: none;
overflow: hidden;
position: absolute;
text-indent: 10px;
top: 0;
width: 170px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
// color: #EBB52D;
.color-50-gray;
outline: none;
text-decoration: none;
}
.sbToggle{
background: url(../img/select-icons.png) 0 -116px no-repeat;
display: block;
height: 30px;
outline: none;
position: absolute;
right: 0;
top: 0;
width: 30px;
}
.sbToggle:hover{
background: url(../images/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
background: url(../images/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
background: url(../images/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
background-color: #3C3C3C;
border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
}
.sbHolderDisabled .sbToggle{
}
// Ausklappliste
.sbOptions{
// background-color: #212121;
.background-color-0-gray;
border: solid 1px #515151;
list-style: none;
left: -1px;
margin: 0;
padding: 0;
position: absolute;
top: 30px;
width: 200px;
z-index: 1;
overflow-y: auto;
li{
padding: 0 7px;
}
a{
border-bottom: dotted 1px #515151;
display: block;
outline: none;
padding: 7px 0 7px 3px;
}
a:link,
a:visited{
.color-100-gray;
text-decoration: none;
}
a:hover,
a:focus,
a.sbFocus{
color: #EBB52D;
}
li.last a{
border-bottom: none;
}
.sbDisabled{
border-bottom: dotted 1px #515151;
color: #999;
display: block;
padding: 7px 0 7px 3px;
}
.sbGroup{
border-bottom: dotted 1px #515151;
color: #EBB52D;
display: block;
font-weight: bold;
padding: 7px 0 7px 3px;
}
.sbSub{
padding-left: 17px;
}
}
// Tabellen
.th {
background-color: #e0e0e0;
}
// Links
a:link, a:visited, select, input, textarea {
color : @link-color;
}
select,input,button
{
.color-100-gray;
font-size:99%;
padding: 0.2em 0;
border-width: 1px;
border-style: solid;
.border-color-15-gray;
}
select
{
font-size:100%;
}
a:link,a:visited
{
cursor:pointer;
color: @link-color;
text-decoration: none;
}
a:hover,a:active
{
cursor:pointer;
color:@link-color-active;
text-decoration: underline;
}
.divLoginboxHeader,
.divSideboxHeader,
a.appTitles,
.appTitles,
a.textSidebox,
.textSidebox,#fmStatusBar
{
font-size:90%;
}
.prefSection
{
font-weight:bold;
font-size:145%;
line-height:40px;
}
#divAppboxHeader
{
line-height:28px;
font-size:125%;
font-weight:bold;
color:#666666;
}
#divGenTime,#divPoweredBy
{
font-size: 80%;
color: #ff0000;
}
#divPoweredBy
{
color: #000000;
}
#sideboxdragarea {
z-index:100;
position:absolute;
left:0px;
top:105px;
}
#menu2handle {
padding-top: 10px;
}
#menu1close {
position: absolute;
right: 7px;
top: 7px;
}
//##############################################################################################################
// Lettersearch
.lettersearch {
.Complete_Button_lettersearch;
}
.lettersearch:hover {
.background-color-30-gray;
.color-0-gray;
}
.lettersearch_active{
.Complete_Button_lettersearch;
.background-color-30-gray;
// background-color: #808080 !important;
font-weight: bold;
}
td.lettersearch {
// border-color: #E0E0E0;
background-image: none;
}
.nextmatch_header table {
border: none !important;
width: 99% !important;
}
.egw_fw_ui_sidemenu_marker {
display: block;
height: 20px;
padding: 2px 5px 2px 34px;
margin: 0;
border-width: 0px 1px 0px 1px;
border-style: solid;
border-color: #c6ced6;
cursor: pointer;
color: gray;
background-color: RGB(250, 250, 250);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
h1{
display: inline;
font-size: 10pt;
font-weight: bold;
}
}
.egw_fw_ui_ajaxloader {
display: inline-block;
width: 16px;
height: 16px;
background-image:url(images/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center;
float: right;
}
/* traditional */
form
{
margin:0px;
padding:0px;
}
img
{
border:0;
}
input,button,select
{
border: solid 1px #bbbbbb;
padding: 0.2em;
font-size: 1.1em;
}
input[type=submit],input[type=button],input[type=reset],button,.egwbutton
{
.background-color-10-gray;
background-image: none;
border: outset 1px #b9d5e3;
margin: 1px;
padding: 1px;
cursor: pointer;
color: #004e7d;
}
input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button:hover,.egwbutton:hover
{
.background-color-15-gray;
background-image: none;
border: outset 1px #b9d5e3;
color: #004e7d;
}
input[type=submit]:active,input[type=button]:active,input[type=reset]:active,button:active,.egwbutton:active
{
border: inset 1px #bbbbbb;
}
input[type=submit]:disabled,input[type=button]:disabled,input[type=reset]:disabled,button:disabled,.egwbutton:disabled
{
background-color: transparent;
color: gray;
}
input.egwbutton
{
background-color:#b9d5e3;
border: outset 1px #b9d5e3;
margin: 1px;
padding: 1px;
cursor: pointer;
color: #004e7d;
}
input.egwbutton:hover
{
background-color:#94bfd4;
border: outset 1px #b9d5e3;
color: #004e7d;
}
input.egwbutton:active
{
border: inset 1px #bbbbbb;
}
input[type=image]
{
cursor: pointer;
border: 0;
}
#thesideboxcolumn
{
width: 177px;
position:relative;
}
#sideresize
{
background-image:url(../images/resize.png);
width:13px;
height:13px;
right:1px;
top:1px;
position:absolute;
z-index:9999;
}
.divSidebox
{
position:relative;
border: #9c9c9c 1px solid;
overflow:auto;
}
.divSideboxHeader
{
text-align:center;
.background-color-15-gray;
padding-top:2px;
.color-50-gray;
}
a.divSideboxEntry, .divSideboxEntry
{
text-align:left;
background-color:#FDFDFD;
}
a.appTitles,.appTitles
{
height:18px;
padding-top:2px;
padding-bottom:2px;
}
a.textSidebox
{
padding: 0;
border-top: 0;
}
.textSidebox
{
padding-top:3px;
padding-bottom:3px;
padding-left: 1px;
border-top: solid #aaaaaa 1px;
overflow: auto;
}
.sideboxSpace
{
height:9px;
}
.greyLine
{
margin:1px;
border-top:solid 1px #7e7e7e;
height:1px;
}
#extraIcons
{
background-color:#eeeeee;
border:solid 1px #7e7e7e;
}
.extraIconsRow
{
border:solid 1px #dddddd;
padding:2px;
}
#topmenu
{
background-color: #0081c1;
background-image: url(../images/bgtopmenu2.png);
color:#006699;
/*border-top: solid 1px #7e7e7e;*/
border-bottom: solid #5793ff 1px;
height:20px;
padding-top:4px ;
line-height:16px;
}
#topmenu a
{
color:#006699;
}
#topmenu_items
{
float:left;
}
#topmenu_info
{
float:right;
}
#divUpperTabs
{
text-align:right;
height: 15px;
margin-right: 10px;
}
#divUpperTabs ul
{
display:inline;
margin:0;
padding:10px 10px 0 1px;
list-style:none;
}
#divUpperTabs li
{
float:right;
margin:0 5px 0 0;
padding:0 5px 0 5px;
border:solid 1px #9c9c9c;
border-bottom: 0px;
}
//#divAppIconBar
//{
// background-color:silver;
// border:solid 1px #9c9c9c;
// background-image: url(../images/background-icon-bar.png);
// background-repeat: repeat-x;
// overflow:visible;
// height: 45px; /* prevents text line to show in IE7+8(Compatibilitymode) */
//}
/* Star-Plus-HTML Hack fix for the above */
*:first-child+html #divAppIconBar
{
height: 60px;
}
#divAppTextBar
{
background-color:white;
}
#divStatusBar
{
background-color:white;
height:18px;
padding-left:3px;
}
#tdSidebox
{
width:170px;
background-color:white;
overflow:visible;
}
#tdAppbox
{
background-color:white;
padding-left:5px;
width: 100%;
}
#divAppboxHeader
{
background-image:url(../images/appbox-header-background.png);
background-repeat: repeat-x;
height: 25px;
border-bottom:solid 1px #c0c0c0;
text-align:center;
padding-bottom:0px;
border-top:solid 1px #9c9c9c;
border-left:solid 1px #9c9c9c;
border-right:solid 1px #9c9c9c;
}
#divAppbox
{
background-color:#ffffff;
padding:5px;
border-bottom:solid 1px #9c9c9c;
border-left:solid 1px #9c9c9c;
border-right:solid 1px #9c9c9c;
}
#divGenTime,#divPoweredBy
{
bottom:4px;
text-align:center;
width:99%;
}

534
pixelegg/less/def_design_pattern_color_font_shadow.less Executable file
View File

@ -0,0 +1,534 @@
/**
* EGroupware: CSS with less preprocessor
*
* Definitions for colors, fonts, borders and box shadow
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package phpgwapi
* @version $Id$
*/
// Farben
// CI EGW
// Orange
@egw_color_1 : rgb(255, 194, 0); // #ffc200
@egw_color_1_a : #ffc200;
@egw_color_1_b : #BF9D30;
@egw_color_1_c : #A67E00;
@egw_color_1_d : #FFD140;
@egw_color_1_e : #FFDD73;
// BLUE
@egw_color_2_a : #0C5DA5;
@egw_color_2_b : #26537C;
@egw_color_2_c : #043A6B;
@egw_color_2_d : #408DD2;
@egw_color_2_e : #679FD2;
// Lila
@egw_color_3_a : #560EAD;
@egw_color_3_b : #512882;
@egw_color_3_c : #360570;
@egw_color_3_d : #8643D6;
@egw_color_3_e : #9B6AD6;
@egw_color_blue : #1D1AB2;
@egw_color_blue_lighter : #0B5FA4 ;
@egw_color_blue_lightest :#66A1D2;
//Berechnung der EGW Farben
.background-color-egw-normal {background-color : @egw_color_1_a !important;}
.background-color-egw-light {background-color : @egw_color_1_d;}
.background-color-egw-lighter {background-color : @egw_color_1_e;}
.background-color-egw-dark {background-color : @egw_color_2_a;}
.background-color-egw-darker {background-color : @egw_color_2_b;}
@blue : blue;
@gray : #000000;
@red: #FF0000;
@yellow : #FFD40F;
@lightgray : #E4E7EA;
@link-color : #000000;
@link-color-active: @link-color*010101;
@active_button_border_bottom : @egw_color_2_d; // soll EGROUPWARE FARBE GEBEN
@color-hint : @egw_color_1_a;
// aktiverte Zeilen in allen APP mit Listenausgabe
@active_row : #679FD2;
// Grauwerte
.color-0-gray { color : lighten(@gray, 100%);}
.color-5-gray { color : lighten(@gray, 95%);}
.color-10-gray { color : lighten(@gray, 90%);}
.color-15-gray { color : lighten(@gray, 85%);}
.color-25-gray { color : lighten(@gray, 75%);}
.color-30-gray { color : lighten(@gray, 70%);}
.color-40-gray { color : lighten(@gray, 60%);}
.color-50-gray { color : lighten(@gray, 50%);}
.color-100-gray { color : @gray; }
// Hintergrundfarben
// Warnung
.background-color-warning {background-color : @red;}
.background-color-hint {background-color : darken(@red, 5%);}
//Grautöne
.background-color-0-gray { background-color : lighten(@gray, 100%);}
.background-color-5-gray { background-color : lighten(@gray, 98%); }
.background-color-10-gray { background-color : lighten(@gray, 94%); }
.background-color-15-gray { background-color : lighten(@gray, 85%); }
.background-color-25-gray { background-color : lighten(@gray, 75%); }
.background-color-30-gray { background-color : lighten(@gray, 70%) !important; }
.background-color-40-gray { background-color : lighten(@gray, 60%); }
.background-color-50-gray { background-color : lighten(@gray, 50%); }
//Contexthilfe
.background-color-Context-Help{ background-color: @egw_color_1;}
.background-color-required-field {
background-color : #FFF;
color: #000;
border: 1px solid red;}
.background-color-dialog-container {background-color : lighten(@gray, 100%); }
.background-color-search {background-color : lighten(@egw_color_1, 15%); }
// cal Heute
.background-table-cal-head { background-color : @egw_color_1_a;}
// Bordercolor
.border-color-10-gray { border-color : lighten(@gray, 94%); }
.border-color-15-gray { border-color : lighten(@gray, 85%); }
.border-color-25-gray { border-color : lighten(@gray, 75%); }
.border-color-50-gray { border-color : lighten(@gray, 50%); }
//Bilder
// Schriften
.basefontfamily{
//font-family: Verdana, Helvetica, Sans-Serif;
font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
// font-size: 16px;
font-size: 87.5%;
}
// Radius
.border_radius_button_lefttop {
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
border-radius: 3px;
border-top-left-radius: 20px;
}
.border_radius_button_righttop {
-webkit-border-radius: 3px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topright: 20px;
border-radius: 3px;
border-top-right-radius: 20px;
}
.border_radius_button_normal {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
// Box Shadow
// auf hellem Hintergrund
.box_shadow_standard_light {
-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);
}
// wird dunkler
.box_shadow_standard_light_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);
// -webkit-box-shadow: none;
// -moz-box-shadow: none;
// box-shadow:none;
}
// für focus und active
.box_shadow_standard_light_inset {
-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);
}
// Rahmen um Hauptinhalt
.box_shadow_dialog {
// -webkit-box-shadow: -3px 20px 29px @egw_color_1;
// -moz-box-shadow: -3px 20px 29px @egw_color_1;
// box-shadow: -3px 20px 29px @egw_color_1;
}
// Rahmen für Dialoge
.box_shadow_edit_dialog {
// -webkit-box-shadow: 1px 2px 3px rgba(50, 50, 50, 0.75);
// -moz-box-shadow: 1px 2px 3px rgba(50, 50, 50, 0.75);
// box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow: inset 0 0 5px 5px #888;
-webkit-box-shadow: inset 0 0 5px 5px #888;
box-shadow: inset 0 0 5px 5px #888;
margin: 5px ;
padding: 0%;
width: 100%;
}
// #############################
// Verlauf
.background_verlauf_diagonal_gray (@i: #d8d8d8, @j: #a3a3a3) {
background: -webkit-gradient(linear, 0 0, 0 bottom, @i, @j),
-moz-linear-gradient(@i, @j),
-o-linear-gradient(@i, @j),
linear-gradient(@i, @j);
-pie-background: linear-gradient(@i, @j);
behavior: url(/PIE.htc);
}
.background_linear_gradient(@i: #ffb76b, @j: #ff7f04) {
background: -webkit-gradient(linear, 0 0, 0 bottom, @i, @j),
-moz-linear-gradient(@i, @j),
-o-linear-gradient(@i, @j),
linear-gradient(@i, @j);
-pie-background: linear-gradient(@i, @j);
behavior: url(/PIE.htc);
}
.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
background: @color,
-webkit-gradient(linear,
left bottom,
left top,
color-stop(0, @start),
color-stop(1, @stop)),
-ms-linear-gradient(bottom, @start, @stop),
-moz-linear-gradient(center bottom, @start 0%, @stop 100%),
-o-linear-gradient(@stop, @start);
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
}
.bw_gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
background: @color,
-webkit-gradient(linear,
left bottom,
left top,
color-stop(0, rgb(@start,@start,@start)),
color-stop(1, rgb(@stop,@stop,@stop))),
-ms-linear-gradient(bottom,
rgb(@start,@start,@start) 0%,
rgb(@stop,@stop,@stop) 100%),
-moz-linear-gradient(center bottom,
rgb(@start,@start,@start) 0%,
rgb(@stop,@stop,@stop) 100%),
-o-linear-gradient(rgb(@stop,@stop,@stop),
rgb(@start,@start,@start));
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",rgb(@stop,@stop,@stop),rgb(@start,@start,@start)));
}
// #############################
// Transparenz
.transparent_50 {
/* Required for IE 5, 6, 7 */
/* ...or something to trigger hasLayout, like zoom: 1; */
width: 100%;
/* Theoretically for IE 8 & 9 (more valid) */
/* ...but not required as filter works too */
/* should come BEFORE filter */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* This works in IE 8 & 9 too */
/* ... but also 5, 6, 7 */
filter: alpha(opacity=50);
/* Older than Firefox 0.9 */
-moz-opacity:0.5;
/* Safari 1.x (pre WebKit!) */
-khtml-opacity: 0.5;
/* Modern!
/* Firefox 0.9+, Safari 2?, Chrome any?
/* Opera 9+, IE 9+ */
opacity: 0.5;
}
// #############################
// Button Größen
.Button_size_square_32{
width: 32px;
height: 32px;
}
.Button_size_square_16{
width: 16px;
height: 16px;
}
.Button_size_square_8{
width: 8px;
height: 8px;
}
.Button_size_h32_auto{
width: auto;
height: 32px;
}
// Rahmen für Schaltflächen
.border_normal{
border: 1px solid rgba(0, 0, 0, 0.15);
}
.border_hover{
border: 1px solid rgba(0, 0, 0, 0.5);
}
.border_active{
border: 1px solid rgba(0, 0, 0, 0.9);
}
// Flächen
// Hintergrund für Filter
// Filterfläche
.Rectangle_filters {
padding: 0 0 0 1em;
.background-color-10-gray;
margin-bottom: 3px;
margin: 0em;
// vertical-align: top;
border-width: 0 0 1px 0;
.border-color-15-gray;
background-image: none;
}
/*---------------------------------------------------
LESS Elements 0.9
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
background: @color,
-webkit-gradient(linear,
left bottom,
left top,
color-stop(0, @start),
color-stop(1, @stop)),
-ms-linear-gradient(bottom,
@start,
@stop),
-moz-linear-gradient(center bottom,
@start 0%,
@stop 100%),
-o-linear-gradient(@stop,
@start);
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
}
.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
background: @color,
-webkit-gradient(linear,
left bottom,
left top,
color-stop(0, rgb(@start,@start,@start)),
color-stop(1, rgb(@stop,@stop,@stop))),
-ms-linear-gradient(bottom,
rgb(@start,@start,@start) 0%,
rgb(@stop,@stop,@stop) 100%),
-moz-linear-gradient(center bottom,
rgb(@start,@start,@start) 0%,
rgb(@stop,@stop,@stop) 100%),
-o-linear-gradient(rgb(@stop,@stop,@stop),
rgb(@start,@start,@start));
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",rgb(@stop,@stop,@stop),rgb(@start,@start,@start)));
}
.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) {
border-top: solid 1px @top-color;
border-left: solid 1px @left-color;
border-right: solid 1px @right-color;
border-bottom: solid 1px @bottom-color;
}
.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @r:0, @g:0, @b:0, @alpha: 0.1, @inset:inset) {
-webkit-box-shadow: @x-axis @y-axis @blur rgba(@r, @g, @b, @alpha) @inset;
-moz-box-shadow: @x-axis @y-axis @blur rgba(@r, @g, @b, @alpha) @inset;
box-shadow: @x-axis @y-axis @blur rgba(@r, @g, @b, @alpha) @inset;
}
.rounded(@radius: 2px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}
.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
-webkit-border-top-right-radius: @topright;
-webkit-border-bottom-right-radius: @bottomright;
-webkit-border-bottom-left-radius: @bottomleft;
-webkit-border-top-left-radius: @topleft;
-moz-border-radius-topright: @topright;
-moz-border-radius-bottomright: @bottomright;
-moz-border-radius-bottomleft: @bottomleft;
-moz-border-radius-topleft: @topleft;
border-top-right-radius: @topright;
border-bottom-right-radius: @bottomright;
border-bottom-left-radius: @bottomleft;
border-top-left-radius: @topleft;
.background-clip(padding-box);
}
.opacity(@opacity: 0.5) {
-moz-opacity: @opacity;
-khtml-opacity: @opacity;
-webkit-opacity: @opacity;
opacity: @opacity;
@opperc: @opacity * 100;
-ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";
filter: ~"alpha(opacity=@{opperc})";
}
.transition-duration(@duration: 0.2s) {
-moz-transition-duration: @duration;
-webkit-transition-duration: @duration;
-o-transition-duration: @duration;
transition-duration: @duration;
}
.transform(...) {
-webkit-transform: @arguments;
-moz-transform: @arguments;
-o-transform: @arguments;
-ms-transform: @arguments;
transform: @arguments;
}
.rotation(@deg:5deg){
.transform(rotate(@deg));
}
.scale(@ratio:1.5){
.transform(scale(@ratio));
}
.transition(@duration:0.2s, @ease:ease-out) {
-webkit-transition: all @duration @ease;
-moz-transition: all @duration @ease;
-o-transition: all @duration @ease;
transition: all @duration @ease;
}
.inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) {
-webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
-moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
}
.box-shadow(@arguments) {
-webkit-box-shadow: @arguments;
-moz-box-shadow: @arguments;
box-shadow: @arguments;
}
.box-sizing(@sizing: border-box) {
-ms-box-sizing: @sizing;
-moz-box-sizing: @sizing;
-webkit-box-sizing: @sizing;
box-sizing: @sizing;
}
.user-select(@argument: none) {
-webkit-user-select: @argument;
-moz-user-select: @argument;
-ms-user-select: @argument;
user-select: @argument;
}
.columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) {
-moz-column-width: @colwidth;
-moz-column-count: @colcount;
-moz-column-gap: @colgap;
-moz-column-rule-color: @columnRuleColor;
-moz-column-rule-style: @columnRuleStyle;
-moz-column-rule-width: @columnRuleWidth;
-webkit-column-width: @colwidth;
-webkit-column-count: @colcount;
-webkit-column-gap: @colgap;
-webkit-column-rule-color: @columnRuleColor;
-webkit-column-rule-style: @columnRuleStyle;
-webkit-column-rule-width: @columnRuleWidth;
column-width: @colwidth;
column-count: @colcount;
column-gap: @colgap;
column-rule-color: @columnRuleColor;
column-rule-style: @columnRuleStyle;
column-rule-width: @columnRuleWidth;
}
.translate(@x:0, @y:0) {
.transform(translate(@x, @y));
}
.background-clip(@argument: padding-box) {
-moz-background-clip: @argument;
-webkit-background-clip: @argument;
background-clip: @argument;
}
//

339
pixelegg/less/def_icons.less Executable file
View File

@ -0,0 +1,339 @@
/**
* EGroupware: CSS with less preprocessor
*
* Definitions for icons using entypo-icon-font
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package phpgwapi
* @version $Id$
*/
@import (reference) "def_design_pattern_color_font_shadow.less";
//########################################################################################################
// Icons
//
//########################################################################################################
@charset "UTF-8";
@font-face {
font-family: 'entypo-icon-font';
src: url("../fonts/entypo-icon-font/entypo-icon-font.eot");
src: url("../fonts/entypo-icon-font/entypo-icon-font.eot?#iefix") format('embedded-opentype'), url("../fonts/entypo-icon-font/entypo-icon-font.woff") format('woff'), url("../fonts/entypo-icon-font/entypo-icon-font.ttf") format('truetype'), url("../fonts/entypo-icon-font/entypo-icon-font.svg#entypo-icon-font") format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before,
[class*=" ui-icon-"]:before,
[class*="ui-icon-"]:before
{
font-family: 'entypo-icon-font';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
/*opacity: 0.8;*/
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - magrins should be symmetric */
/* remove if not needed */
margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
font-size: 120%;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-plus:before { content: '\2b'; } /* '+' */
.icon-minus:before { content: '\2d'; } /* '-' */
.icon-info:before { content: '\2139'; } /* 'ℹ' */
.icon-left-thin:before { content: '\2190'; } /* '←' */
.icon-up-thin:before { content: '\2191'; } /* '↑' */
.icon-right-thin:before { content: '\2192'; } /* '→' */
.icon-down-thin:before { content: '\2193'; } /* '↓' */
.icon-level-up:before { content: '\21b0'; } /* '↰' */
.icon-level-down:before { content: '\21b3'; } /* '↳' */
.icon-switch:before { content: '\21c6'; } /* '⇆' */
.icon-infinity:before { content: '\221e'; } /* '∞' */
.icon-plus-squared:before { content: '\229e'; } /* '⊞' */
.icon-minus-squared:before { content: '\229f'; } /* '⊟' */
.icon-home:before { content: '\2302'; } /* '⌂' */
.icon-keyboard:before { content: '\2328'; } /* '⌨' */
.icon-erase:before { content: '\232b'; } /* '⌫' */
.icon-pause:before { content: '\2389'; } /* '⎉' */
.icon-fast-forward:before { content: '\23e9'; } /* '⏩' */
.icon-fast-backward:before { content: '\23ea'; } /* '⏪' */
.icon-to-end:before { content: '\23ed'; } /* '⏭' */
.icon-to-start:before { content: '\23ee'; } /* '⏮' */
.icon-hourglass:before { content: '\23f3'; } /* '⏳' */
.icon-stop:before { content: '\25a0'; } /* '■' */
.icon-up-dir:before { content: '\25b4'; } /* '▴' */
.icon-play:before { content: '\25b6'; } /* '▶' */
.icon-right-dir:before { content: '\25b8'; } /* '▸' */
.icon-down-dir:before { content: '\25be'; } /* '▾' */
.icon-left-dir:before { content: '\25c2'; } /* '◂' */
.icon-adjust:before { content: '\25d1'; } /* '◑' */
.icon-cloud:before { content: '\2601'; } /* '☁' */
.icon-star:before { content: '\2605'; } /* '★' */
.icon-star-empty:before { content: '\2606'; } /* '☆' */
.icon-cup:before { content: '\2615'; } /* '☕' */
.icon-menu:before { content: '\2630'; } /* '☰' */
.icon-moon:before { content: '\263d'; } /* '☽' */
.icon-heart-empty:before { content: '\2661'; } /* '♡' */
.icon-heart:before { content: '\2665'; } /* '♥' */
.icon-note:before { content: '\266a'; } /* '♪' */
.icon-note-beamed:before { content: '\266b'; } /* '♫' */
.icon-layout:before { content: '\268f'; } /* '⚏' */
.icon-flag:before { content: '\2691'; } /* '⚑' */
.icon-tools:before { content: '\2692'; } /* '⚒' */
.icon-cog:before { content: '\2699'; } /* '⚙' */
.icon-attention:before { content: '\26a0'; } /* '⚠' */
.icon-flash:before { content: '\26a1'; } /* '⚡' */
.icon-record:before { content: '\26ab'; } /* '⚫' */
.icon-cloud-thunder:before { content: '\26c8'; } /* '⛈' */
.icon-tape:before { content: '\2707'; } /* '✇' */
.icon-flight:before { content: '\2708'; } /* '✈' */
.icon-mail:before { content: '\2709'; } /* '✉' */
.icon-pencil:before { content: '\270e'; } /* '✎' */
.icon-feather:before { content: '\2712'; } /* '✒' */
.icon-check:before { content: '\2713'; } /* '✓' */
.icon-cancel:before { content: '\2715'; } /* '✕' */
.icon-cancel-circled:before { content: '\2716'; } /* '✖' */
.icon-cancel-squared:before { content: '\274e'; } /* '❎' */
.icon-help:before { content: '\2753'; } /* '❓' */
.icon-quote:before { content: '\275e'; } /* '❞' */
.icon-plus-circled:before { content: '\2795'; } /* '➕' */
.icon-minus-circled:before { content: '\2796'; } /* '➖' */
.icon-right:before { content: '\27a1'; } /* '➡' */
.icon-direction:before { content: '\27a2'; } /* '➢' */
.icon-forward:before { content: '\27a6'; } /* '➦' */
.icon-ccw:before { content: '\27f2'; } /* '⟲' */
.icon-cw:before { content: '\27f3'; } /* '⟳' */
.icon-left:before { content: '\2b05'; } /* '⬅' */
.icon-up:before { content: '\2b06'; } /* '⬆' */
.icon-down:before { content: '\2b07'; } /* '⬇' */
.icon-list-add:before { content: '\e003'; } /* '' */
.icon-list:before { content: '\e005'; } /* '' */
.icon-left-bold:before { content: '\e4ad'; } /* '' */
.icon-right-bold:before { content: '\e4ae'; } /* '' */
.icon-up-bold:before { content: '\e4af'; } /* '' */
.icon-down-bold:before { content: '\e4b0'; } /* '' */
.icon-user-add:before { content: '\e700'; } /* '' */
.icon-help-circled:before { content: '\e704'; } /* '' */
.icon-info-circled:before { content: '\e705'; } /* '' */
.icon-eye:before { content: '\e70a'; } /* '' */
.icon-tag:before { content: '\e70c'; } /* '' */
.icon-upload-cloud:before { content: '\e711'; } /* '' */
.icon-reply:before { content: '\e712'; } /* '' */
.icon-reply-all:before { content: '\e713'; } /* '' */
.icon-code:before { content: '\e714'; } /* '' */
.icon-export:before { content: '\e715'; } /* '' */
.icon-print:before { content: '\e716'; } /* '' */
.icon-retweet:before { content: '\e717'; } /* '' */
.icon-comment:before { content: '\e718'; } /* '' */
.icon-chat:before { content: '\e720'; } /* '' */
.icon-vcard:before { content: '\e722'; } /* '' */
.icon-address:before { content: '\e723'; } /* '' */
.icon-location:before { content: '\e724'; } /* '' */
.icon-map:before { content: '\e727'; } /* '' */
.icon-compass:before { content: '\e728'; } /* '' */
.icon-trash:before { content: '\e729'; } /* '' */
.icon-doc:before { content: '\e730'; } /* '' */
.icon-doc-text-inv:before { content: '\e731'; } /* '' */
.icon-docs:before { content: '\e736'; } /* '' */
.icon-doc-landscape:before { content: '\e737'; } /* '' */
.icon-archive:before { content: '\e738'; } /* '' */
.icon-rss:before { content: '\e73a'; } /* '' */
.icon-share:before { content: '\e73c'; } /* '' */
.icon-basket:before { content: '\e73d'; } /* '' */
.icon-shareable:before { content: '\e73e'; } /* '' */
.icon-login:before { content: '\e740'; } /* '' */
.icon-logout:before { content: '\e741'; } /* '' */
.icon-volume:before { content: '\e742'; } /* '' */
.icon-resize-full:before { content: '\e744'; } /* '' */
.icon-resize-small:before { content: '\e746'; } /* '' */
.icon-popup:before { content: '\e74c'; } /* '' */
.icon-publish:before { content: '\e74d'; } /* '' */
.icon-window:before { content: '\e74e'; } /* '' */
.icon-arrow-combo:before { content: '\e74f'; } /* '' */
.icon-chart-pie:before { content: '\e751'; } /* '' */
.icon-language:before { content: '\e752'; } /* '' */
.icon-air:before { content: '\e753'; } /* '' */
.icon-database:before { content: '\e754'; } /* '' */
.icon-drive:before { content: '\e755'; } /* '' */
.icon-bucket:before { content: '\e756'; } /* '' */
.icon-thermometer:before { content: '\e757'; } /* '' */
.icon-down-circled:before { content: '\e758'; } /* '' */
.icon-left-circled:before { content: '\e759'; } /* '' */
.icon-right-circled:before { content: '\e75a'; } /* '' */
.icon-up-circled:before { content: '\e75b'; } /* '' */
.icon-down-open:before { content: '\e75c'; } /* '' */
.icon-left-open:before { content: '\e75d'; } /* '' */
.icon-right-open:before { content: '\e75e'; } /* '' */
.icon-up-open:before { content: '\e75f'; } /* '' */
.icon-down-open-mini:before { content: '\e760'; } /* '' */
.icon-left-open-mini:before { content: '\e761'; } /* '' */
.icon-right-open-mini:before { content: '\e762'; } /* '' */
.icon-up-open-mini:before { content: '\e763'; } /* '' */
.icon-down-open-big:before { content: '\e764'; } /* '' */
.icon-left-open-big:before { content: '\e765'; } /* '' */
.icon-right-open-big:before { content: '\e766'; } /* '' */
.icon-up-open-big:before { content: '\e767'; } /* '' */
.icon-progress-0:before { content: '\e768'; } /* '' */
.icon-progress-1:before { content: '\e769'; } /* '' */
.icon-progress-2:before { content: '\e76a'; } /* '' */
.icon-progress-3:before { content: '\e76b'; } /* '' */
.icon-back-in-time:before { content: '\e771'; } /* '' */
.icon-network:before { content: '\e776'; } /* '' */
.icon-inbox:before { content: '\e777'; } /* '' */
.icon-install:before { content: '\e778'; } /* '' */
.icon-lifebuoy:before { content: '\e788'; } /* '' */
.icon-mouse:before { content: '\e789'; } /* '' */
.icon-dot:before { content: '\e78b'; } /* '' */
.icon-dot-2:before { content: '\e78c'; } /* '' */
.icon-dot-3:before { content: '\e78d'; } /* '' */
.icon-suitcase:before { content: '\e78e'; } /* '' */
.icon-flow-cascade:before { content: '\e790'; } /* '' */
.icon-flow-branch:before { content: '\e791'; } /* '' */
.icon-flow-tree:before { content: '\e792'; } /* '' */
.icon-flow-line:before { content: '\e793'; } /* '' */
.icon-flow-parallel:before { content: '\e794'; } /* '' */
.icon-brush:before { content: '\e79a'; } /* '' */
.icon-paper-plane:before { content: '\e79b'; } /* '' */
.icon-magnet:before { content: '\e7a1'; } /* '' */
.icon-gauge:before { content: '\e7a2'; } /* '' */
.icon-traffic-cone:before { content: '\e7a3'; } /* '' */
.icon-cc:before { content: '\e7a5'; } /* '' */
.icon-cc-by:before { content: '\e7a6'; } /* '' */
.icon-cc-nc:before { content: '\e7a7'; } /* '' */
.icon-cc-nc-eu:before { content: '\e7a8'; } /* '' */
.icon-cc-nc-jp:before { content: '\e7a9'; } /* '' */
.icon-cc-sa:before { content: '\e7aa'; } /* '' */
.icon-cc-nd:before { content: '\e7ab'; } /* '' */
.icon-cc-pd:before { content: '\e7ac'; } /* '' */
.icon-cc-zero:before { content: '\e7ad'; } /* '' */
.icon-cc-share:before { content: '\e7ae'; } /* '' */
.icon-cc-remix:before { content: '\e7af'; } /* '' */
.icon-github:before { content: '\f300'; } /* '' */
.icon-github-circled:before { content: '\f301'; } /* '' */
.icon-flickr:before { content: '\f303'; } /* '' */
.icon-flickr-circled:before { content: '\f304'; } /* '' */
.icon-vimeo:before { content: '\f306'; } /* '' */
.icon-vimeo-circled:before { content: '\f307'; } /* '' */
.icon-twitter:before { content: '\f309'; } /* '' */
.icon-twitter-circled:before { content: '\f30a'; } /* '' */
.icon-facebook:before { content: '\f30c'; } /* '' */
.icon-facebook-circled:before { content: '\f30d'; } /* '' */
.icon-facebook-squared:before { content: '\f30e'; } /* '' */
.icon-gplus:before { content: '\f30f'; } /* '' */
.icon-gplus-circled:before { content: '\f310'; } /* '' */
.icon-pinterest:before { content: '\f312'; } /* '' */
.icon-pinterest-circled:before { content: '\f313'; } /* '' */
.icon-tumblr:before { content: '\f315'; } /* '' */
.icon-tumblr-circled:before { content: '\f316'; } /* '' */
.icon-linkedin:before { content: '\f318'; } /* '' */
.icon-linkedin-circled:before { content: '\f319'; } /* '' */
.icon-dribbble:before { content: '\f31b'; } /* '' */
.icon-dribbble-circled:before { content: '\f31c'; } /* '' */
.icon-stumbleupon:before { content: '\f31e'; } /* '' */
.icon-stumbleupon-circled:before { content: '\f31f'; } /* '' */
.icon-lastfm:before { content: '\f321'; } /* '' */
.icon-lastfm-circled:before { content: '\f322'; } /* '' */
.icon-rdio:before { content: '\f324'; } /* '' */
.icon-rdio-circled:before { content: '\f325'; } /* '' */
.icon-spotify:before { content: '\f327'; } /* '' */
.icon-spotify-circled:before { content: '\f328'; } /* '' */
.icon-qq:before { content: '\f32a'; } /* '' */
.icon-instagram:before { content: '\f32d'; } /* '' */
.icon-dropbox:before { content: '\f330'; } /* '' */
.icon-evernote:before { content: '\f333'; } /* '' */
.icon-flattr:before { content: '\f336'; } /* '' */
.icon-skype:before { content: '\f339'; } /* '' */
.icon-skype-circled:before { content: '\f33a'; } /* '' */
.icon-renren:before { content: '\f33c'; } /* '' */
.icon-sina-weibo:before { content: '\f33f'; } /* '' */
.icon-paypal:before { content: '\f342'; } /* '' */
.icon-picasa:before { content: '\f345'; } /* '' */
.icon-soundcloud:before { content: '\f348'; } /* '' */
.icon-mixi:before { content: '\f34b'; } /* '' */
.icon-behance:before { content: '\f34e'; } /* '' */
.icon-google-circles:before { content: '\f351'; } /* '' */
.icon-vkontakte:before { content: '\f354'; } /* '' */
.icon-smashing:before { content: '\f357'; } /* '' */
.icon-db-shape:before { content: '\f600'; } /* '' */
.icon-sweden:before { content: '\f601'; } /* '' */
.icon-logo-db:before { content: '\f603'; } /* '' */
.icon-picture:before { content: '🌄'; } /* '\1f304' */
.icon-globe:before { content: '🌎'; } /* '\1f30e' */
.icon-leaf:before { content: '🍂'; } /* '\1f342' */
.icon-graduation-cap:before { content: '🎓'; } /* '\1f393' */
.icon-mic:before { content: '🎤'; } /* '\1f3a4' */
.icon-palette:before { content: '🎨'; } /* '\1f3a8' */
.icon-ticket:before { content: '🎫'; } /* '\1f3ab' */
.icon-video:before { content: '🎬'; } /* '\1f3ac' */
.icon-target:before { content: '🎯'; } /* '\1f3af' */
.icon-music:before { content: '🎵'; } /* '\1f3b5' */
.icon-trophy:before { content: '🏆'; } /* '\1f3c6' */
.icon-thumbs-up:before { content: '👍'; } /* '\1f44d' */
.icon-thumbs-down:before { content: '👎'; } /* '\1f44e' */
.icon-bag:before { content: '👜'; } /* '\1f45c' */
.icon-user:before { content: '👤'; } /* '\1f464' */
.icon-users:before { content: '👥'; } /* '\1f465' */
.icon-lamp:before { content: '💡'; } /* '\1f4a1' */
.icon-alert:before { content: '💥'; } /* '\1f4a5' */
.icon-water:before { content: '💦'; } /* '\1f4a6' */
.icon-droplet:before { content: '💧'; } /* '\1f4a7' */
.icon-credit-card:before { content: '💳'; } /* '\1f4b3' */
.icon-monitor:before { content: '💻'; } /* '\1f4bb' */
.icon-briefcase:before { content: '💼'; } /* '\1f4bc' */
.icon-floppy:before { content: '💾'; } /* '\1f4be' */
.icon-cd:before { content: '💿'; } /* '\1f4bf' */
.icon-folder:before { content: '📁'; } /* '\1f4c1' */
.icon-doc-text:before { content: '📄'; } /* '\1f4c4' */
.icon-calendar:before { content: '📅'; } /* '\1f4c5' */
.icon-chart-line:before { content: '📈'; } /* '\1f4c8' */
.icon-chart-bar:before { content: '📊'; } /* '\1f4ca' */
.icon-clipboard:before { content: '📋'; } /* '\1f4cb' */
.icon-attach:before { content: '📎'; } /* '\1f4ce' */
.icon-bookmarks:before { content: '📑'; } /* '\1f4d1' */
.icon-book:before { content: '📕'; } /* '\1f4d5' */
.icon-book-open:before { content: '📖'; } /* '\1f4d6' */
.icon-phone:before { content: '📞'; } /* '\1f4de' */
.icon-megaphone:before { content: '📣'; } /* '\1f4e3' */
.icon-upload:before { content: '📤'; } /* '\1f4e4' */
.icon-download:before { content: '📥'; } /* '\1f4e5' */
.icon-box:before { content: '📦'; } /* '\1f4e6' */
.icon-newspaper:before { content: '📰'; } /* '\1f4f0' */
.icon-mobile:before { content: '📱'; } /* '\1f4f1' */
.icon-signal:before { content: '📶'; } /* '\1f4f6' */
.icon-camera:before { content: '📷'; } /* '\1f4f7' */
.icon-shuffle:before { content: '🔀'; } /* '\1f500' */
.icon-loop:before { content: '🔁'; } /* '\1f501' */
.icon-arrows-ccw:before { content: '🔄'; } /* '\1f504' */
.icon-light-down:before { content: '🔅'; } /* '\1f505' */
.icon-light-up:before { content: '🔆'; } /* '\1f506' */
.icon-mute:before { content: '🔇'; } /* '\1f507' */
.icon-sound:before { content: '🔊'; } /* '\1f50a' */
.icon-battery:before { content: '🔋'; } /* '\1f50b' */
.icon-search:before { content: '🔍'; } /* '\1f50d' */
.icon-key:before { content: '🔑'; } /* '\1f511' */
.icon-lock:before { content: '🔒'; } /* '\1f512' */
.icon-lock-open:before { content: '🔓'; } /* '\1f513' */
.icon-bell:before { content: '🔔'; } /* '\1f514' */
.icon-bookmark:before { content: '🔖'; } /* '\1f516' */
.icon-link:before { content: '🔗'; } /* '\1f517' */
.icon-back:before { content: '🔙'; } /* '\1f519' */
.icon-flashlight:before { content: '🔦'; } /* '\1f526' */
.icon-chart-area:before { content: '🔾'; } /* '\1f53e' */
.icon-clock:before { content: '🕔'; } /* '\1f554' */
.icon-rocket:before { content: '🚀'; } /* '\1f680' */
.icon-block:before { content: '🚫'; } /* '\1f6ab' */

52
pixelegg/less/def_messages.less Executable file
View File

@ -0,0 +1,52 @@
/**
* EGroupware: CSS with less preprocessor
*
* et2 Messages
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
* @package phpgwapi
* @version $Id$
*/
@import (reference) "def_design_pattern_color_font_shadow.less";
//@import "def_buttons.less";
.egw_fw_ui_app_header_container {
border-width: 9px 0px 0px 9px;
border-style: solid;
.border-color-25-gray;
.background-color-25-gray;
// Meldung oberhalb iFrame
.egw_fw_ui_app_header {
// display: none !important;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #D5DDE6;
.border_radius_button_righttop;
padding: 14px 2px 4px 15px;
font-size: 1em;
font-weight: normal;
.background-color-10-gray;
color: @egw_color_2_d;
width: 80%;
&:before {content: "! "; color: @egw_color_1_a; font-size: 1em; }
}
}
.colselection.ui-widget-content {
width: 33%;
// margin-left: 49%;
}

191
pixelegg/less/et2_table.css
View File

@ -1,191 +0,0 @@
/**
* EGroupware: Stylite Pixelegg template
*
* et2 table
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package pixelegg
* @version $Id$
*/
/** #####################################################################################
* et2
* Tabellen
* ######################################################################################
*/
/* TABLE STYLE */
table.et2_grid {
border-top: 3px solid;
border-color: #f0f0f0;
border-collapse: collapse;
width: 100% !important;
}
.egwGridView_grid tr.th > td,
.nextmatch_header {
background-color: #d9d9d9;
font-weight: normal;
padding: 2px;
border-width: 0;
border-style: solid;
border-color: #d9d9d9;
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;
vertical-align: top;
}
table.egwGridView_outer {
background-color: #fafafa;
max-width: 100%;
}
table.egwGridView_outer thead {
background-color: #fafafa;
}
table.egwGridView_outer thead tr th {
background-color: #d9d9d9;
font-weight: normal;
padding: 2px;
border-width: 1px;
border-style: solid;
border-color: #bfbfbf;
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;
vertical-align: top;
}
table.egwGridView_outer thead tr th:hover {
background-color: #bfbfbf;
color: #ffffff;
background-image: url(images/hint-arrow-right.png);
background-position: right bottom;
background-repeat: no-repeat;
background-size: 15px 15px;
}
table.egwGridView_outer thead tr th: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);
}
table.egwGridView_outer thead tr th.optcol {
padding: 0;
text-align: center;
background-image: none;
}
table.egwGridView_outer thead tr th.optcol:hover {
background-color: #d9d9d9;
}
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: 15px;
border: 1px solid;
background-image: url(images/slidedown.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 16px 16px;
display: inline-block;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
vertical-align: middle;
}
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/slidedown.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 17px 17px;
}
table.egwGridView_grid {
border-collapse: collapse;
font-size: 1.3em;
background-color: #ffffff;
width: 100%;
}
table.egwGridView_grid img {
width: 16px;
}
table.egwGridView_grid tbody {
border-bottom: 1px solid #e4e7ea;
padding: 2px 3px 2px 4px;
margin: 0;
vertical-align: top;
}
table.egwGridView_grid tbody tr.selected {
background: -webkit-gradient(linear, 0 0, 0 bottom, #ffb76b, #ff7f04), -moz-linear-gradient(#ffb76b, #ff7f04), -o-linear-gradient(#ffb76b, #ff7f04), linear-gradient(#ffb76b, #ff7f04);
-pie-background: linear-gradient(#ffb76b, #ff7f04);
behavior: url(/PIE.htc);
background-color: #bfbfbf;
}
table.egwGridView_grid tbody tr.focused {
background: -webkit-gradient(linear, 0 0, 0 bottom, #ffb76b, #ff7f04), -moz-linear-gradient(#ffb76b, #ff7f04), -o-linear-gradient(#ffb76b, #ff7f04), linear-gradient(#ffb76b, #ff7f04);
-pie-background: linear-gradient(#ffb76b, #ff7f04);
behavior: url(/PIE.htc);
background-color: #bfbfbf;
background: #679fd2 !important;
}
table.egwGridView_grid tr {
border-bottom: 1px solid;
border-color: #f0f0f0;
}
table.egwGridView_grid tr:hover {
background-color: #f0f0f0;
}
table.egwGridView_grid tr:active {
background-color: #d9d9d9;
}
table.egwGridView_grid tr td {
border-left: 0px;
border-right: 0px;
padding: 0.3em 0 1em 0.3em;
/*legacy*/
}
table.egwGridView_grid tr td:hover {
background-color: #679fd2;
}
table.egwGridView_grid tr td:active {
background-color: #0c5da5;
-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);
color: #ffffff;
}
.nextmatch_header .selectcols {
background: none;
height: auto;
}
.nextmatch_header tr {
background: none;
}
.nextmatch_header {
padding: 0px;
}
div.egwGridView_scrollarea {
overflow: auto;
}

1402
pixelegg/less/etemplate2.less Executable file
View File

File diff suppressed because it is too large Load Diff

1542
pixelegg/less/jquery-ui-1_10_3_custom_css.css
View File

File diff suppressed because it is too large Load Diff

1225
pixelegg/less/jquery-ui-1_10_3_custom_css.less
View File

File diff suppressed because it is too large Load Diff

172
pixelegg/less/jquery-ui.less Executable file
View File

@ -0,0 +1,172 @@
/**
* EGroupware: Stylite Pixelegg template
*
* et2 Messages
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package pixelegg
* @version $Id$
*/
@import (reference) "def_design_pattern_color_font_shadow.less";
// calender
#uical_select_resource {background-color: @egw_color_1_e;}
.uiaccountselection .primary_group {background-color: @egw_color_1_e;}
option:checked {background-color: @egw_color_1_e;}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
.box-shadow (0 0 5px #aaa);
}
/* Component containers
----------------------------------*/
.ui-widget {
.basefontfamily;
// font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
.basefontfamily;
// font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
font-size: 1em;
}
.ui-widget-content {
.bordered (@color-hint,@color-hint,@color-hint,@color-hint);
// border: 1px solid #a6c9e2;
// background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
// color: #222222;
background-image: none;
.color-50-gray !important;
background: white;
}
.ui-widget-content a {
// color: #222222;
.color-40-gray;
}
.ui-widget-header {
// border: 1px solid #4297d7;
.bordered(1px, 1px, 1px,1px);
.border-color-10-gray;
// background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
// color: #ffffff;
.color-0-gray;
font-weight: bold;
background-image: none;
background-color: @egw_color_2_e;
}
.ui-widget-header a {
// color: #ffffff;
.color-0-gray;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
.bordered(1px, 1px, 1px,1px);
.border-color-10-gray;
// background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
background: transparent;
font-weight: bold;
.color-40-gray;
// float: left;
// position: relative;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
.color-40-gray;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
.bordered(1px, 1px, 1px,1px);
.border-color-10-gray;
// background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
background: @color-hint;
// font-size: 105%;
.color-100-gray;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
.color-50-gray;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
.bordered(1px, 1px, 1px,1px);
.border-color-25-gray;
background: @color-hint;
// background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;
font-weight: bold;
.color-50-gray;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #e17009;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
.bordered(1px, 1px, 1px,1px);
.border-color-10-gray;
background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
.color-50-gray;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
.color-10-gray;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
.bordered(1px, 1px, 1px,1px);
.border-color-10-gray;
// background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
.color-30-gray;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
.color-30-gray;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
.color-30-gray;
}
//

295
pixelegg/less/layout_apps_global.less Executable file
View File

@ -0,0 +1,295 @@
/**
* EGroupware: CSS with less preprocessor
*
* Definitions for apps
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
* @package phpgwapi
* @version $Id$
*
* definitions of globally used items (buttons, fields, tables)
*
*/
@import (reference) "def_design_pattern_color_font_shadow.less";
@import (reference) "def_buttons.less";
//########################################################################################################
// Buttons
//
//########################################################################################################
// #####################################################
//Buttons et2
input[type="submit"],
input[type="button"],
input[type="reset"],
button, .egwbutton {
background-color: #B9D5E3;
border: 1px outset #B9D5E3;
color: #004E7D;
}
.et2_button_text,
input[type="button"] {
.background-color-10-gray;
.color-30-gray;
margin: 5px;
padding: 3px;
border-radius: 20px 3px 3px 3px;
-webkit-border-radius: 20px 3px 3px 3px;
-moz-border-radius: 20px 3px 3px 3px;
:before {content: "►"; color: red; font-size: 50px; }
}
/**##################################################################################################
* Button widget - text only, and icon
*
* ##################################################################################################
*/
//.et2_button {
// cursor: pointer;
// text-align: center;
// font-size: 9pt;
// text-shadow: 1px 1px #E0E0E0;
//}
// Button mit Text
.et2_button_text,
input[type=button] {
.Complete_Button_text;
.box_shadow_standard_light;
&:hover {.Complete_Button_text_hover;}
&:active {.Complete_Button_text_active;}
&:focus {.Complete_Button_text_active;}
}
// Button mit Bild
//
//.et2_button_icon {
// border: none;
// background: transparent;
// padding: 0px;
//}
//
// #####################################################
/* Button Hinzufügen */
#add.et2_button {
.Complete_Button_add;
// &:before {.Complete_Button_add_before;}
}
// #####################################################
// Button bearbeiten
input[type="submit"][id="edit"],
input[type="button"][id="edit"],
button[id*="edit"],
input[type="submit"][id="edit"]:hover,
input[type="button"][id="edit"]:hover,
button[id*="edit"]:hover {
background-image:url('../images/bearbeiten.png');
.Complete_Button_text_icon_before;
}
// #####################################################
// Button Kopieren
input[type="submit"][id*="copy"],
input[type="button"][id*="copy"],
button[id*="copy"],
input[type="submit"][id*="copy"]:hover,
input[type="button"][id*="copy"]:hover,
button[id*="copy"]:hover{
.Complete_Button_text_icon_before;
background-image:url('../images/kopieren.png');
}
// #####################################################
// Button Abbruch
input[type="submit"][id*="cancel"],
input[type="button"][id*="cancel"],
button[id*="cancel"],
input[type="submit"][id*="cancel"]:hover,
input[type="button"][id*="cancel"]:hover,
button[id*="cancel"]:hover{
.Complete_Button_text_icon_before;
background-image:url('../images/abbruch.png');
}
// #####################################################
// Button löschen
input[type="submit"][id*="delete"],
input[type="button"][id*="delete"],
button[id*="delete"] {
.Complete_Button_text_icon_before;
background-image:url('../images/loeschen.png');
margin-left: 3em;
}
input[type="submit"][id*="delete"]:hover,
input[type="button"][id*="delete"]:hover,
button[id*="delete"]:hover {
.Complete_Button_text_icon_before;
background-image:url('../images/loeschen.png');
background-color: red !important;
}
// #####################################################
// Button übernehmen
input[type="submit"][id*="apply"],
input[type="button"][id*="apply"],
button[id*="apply"],
input[type="submit"][id*="apply"]:hover,
input[type="button"][id*="apply"]:hover,
button[id*="apply"]:hover {
.Complete_Button_text_icon_before;
background-image:url('../images/uebernehmen.png');
}
// #####################################################
// Button speichern
input[type="submit"][id*="save"],
input[type="button"][id*="save"],
button[id*="save"],
input[type="submit"][id*="save"]:hover,
input[type="button"][id*="save"]:hover,
button[id*="save"]:hover
{
.Complete_Button_text_icon_before;
background-image:url('../images/speichern.png');
}
// #####################################################
// Button Suchen
input[type="submit"][id*="search"],
input[type="button"][id*="search"],
button[id*="search"]{
.Complete_Button_text_icon_before;
background-image:url('../images/erweiterte-suche.png');
&:hover {.box_shadow_standard_light_hover; background-image:url('../images/erweiterte-suche.png');}
&:focus {.box_shadow_standard_light_inset;}
}
// #####################################################
// Button ok = speichern
button.button_ok {
.Complete_Button_text_icon_before;
background-image:url('../images/speichern.png');
}
button.button_ok:hover {
.Complete_Button_text_icon_before;
background-image:url('../images/speichern.png');
}
// #####################################################
// Button Befehl auswählen (infolog)
button#infolog-index_legacy_actions{
.Complete_Button_text_icon_before;
background-image:url('../images/bearbeiten.png');
&:hover {.box_shadow_standard_light_hover; background-image:url('../images/bearbeiten.png');}
&:focus {.box_shadow_standard_light_inset;}
}
// #####################################################
// Button hinzufügen (infolog)
button[id*="note"]{
.Complete_Button_text_icon_before;
// &:before {content: "+"; font-size: 2em;}
// background-image:url('../images/bearbeiten.png');
&:hover {
.box_shadow_standard_light_hover;
// background-image:url('../images/bearbeiten.png');
}
&:focus {.box_shadow_standard_light_inset;}
}
// #####################################################
// Create Button (mail)
button#mail-index_button[mailcreate],
button[id*="mailcreate"]{
.Complete_Button_add;
background-image: url("images/write_mail.png") !important;
background-position: right center !important;
background-repeat: no-repeat;
padding-left: 25px;
text-align: left;
width: 99%;
&:hover {
.box_shadow_standard_light_hover;
.border_radius_button_lefttop ;
// background-image:url('../images/bearbeiten.png');
}
&:focus {.border_radius_button_lefttop ;.box_shadow_standard_light_inset;}
}
// #####################################################
// Senden Button (mail Dialog)
button#mail-compose_button[send],
button#mail-compose_button[id*="send"],
.mail-compose_button {
.Complete_Button_text_icon_before;
background-image: url(../../mail/templates/default/images/mail_send.png) !important;
height: 26px;
padding: 0 3px 0 0;
.background-color-15-gray;
&:hover {.box_shadow_standard_light_hover; }
&:focus {.box_shadow_standard_light_inset;}
}
// Alarm hinzufügen (calendar dialog)
button[id*="add_alarm"]{
.Complete_Button_text_icon_before;
.box_shadow_standard_light;
background-image: url("../images/k_alarm.png") !important;
height: 26px;
padding: 0 3px 0 0;
.background-color-15-gray;
&:hover {.box_shadow_standard_light_hover; height: 26px;}
&:focus {.box_shadow_standard_light_inset; height: 26px;}
}
//

145
pixelegg/less/layout_chosen.less Executable file
View File

@ -0,0 +1,145 @@
/**
* EGroupware: Stylite Pixelegg template
*
* et2 Messages
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package pixelegg
* @version $Id$
*/
@import (reference) "def_design_pattern_color_font_shadow.less";
@import (reference) "def_buttons.less";
//########################################################################################################
// Chosen
// Chosen.css
//########################################################################################################
/* @group Base */
.chzn-container {
.color-50-gray;
}
.chzn-container .chzn-drop {}
.chzn-container.chzn-with-drop .chzn-drop {}
/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single {}
.chzn-container-single .chzn-default {}
.chzn-container-single .chzn-single span {}
.chzn-container-single .chzn-single-with-deselect span {}
.chzn-container-single .chzn-single abbr {}
.chzn-container-single .chzn-single abbr:hover {}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {}
.chzn-container-single .chzn-single div {}
.chzn-container-single .chzn-single div b {}
.chzn-container-single .chzn-search {}
.chzn-container-single .chzn-search input {}
.chzn-container-single .chzn-drop {}
.chzn-container-single.chzn-container-single-nosearch .chzn-search {}
/* @end */
/* @group Results */
.chzn-container .chzn-results {
.color-50-gray;
}
.chzn-container .chzn-results li {}
.chzn-container .chzn-results li.active-result {}
.chzn-container .chzn-results li.disabled-result {}
.chzn-container .chzn-results li.highlighted {}
.chzn-container .chzn-results li.no-results {}
.chzn-container .chzn-results li.group-result {}
.chzn-container .chzn-results li.group-option {}
.chzn-container .chzn-results li em {}
/* @end */
/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {}
.chzn-container-multi .chzn-choices li {}
.chzn-container-multi .chzn-choices li.search-field {}
.chzn-container-multi .chzn-choices li.search-field input {}
.chzn-container-multi .chzn-choices li.search-field .default {}
.chzn-container-multi .chzn-choices li.search-choice {}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover {}
.chzn-container-multi .chzn-choices li.search-choice-disabled {}
.chzn-container-multi .chzn-choices li.search-choice-focus {}
.chzn-container-multi .chzn-choices li.search-choice-focus .search-choice-close {}
.chzn-container-multi .chzn-results {}
.chzn-container-multi .chzn-drop .result-selected {}
/* @end */
/* @group Active */
.chzn-container-active .chzn-single {}
.chzn-container-active.chzn-with-drop .chzn-single {}
.chzn-container-active.chzn-with-drop .chzn-single div {}
.chzn-container-active.chzn-with-drop .chzn-single div b {}
.chzn-container-active .chzn-choices {}
.chzn-container-active .chzn-choices li.search-field input {
color: #111 !important;
.Complete_Button_input;
&:hover {.Complete_Button_input_hover;}
&:focus {.Complete_Button_input_focus;}
}
/* @end */
/* @group Disabled Support */
.chzn-disabled {}
.chzn-disabled .chzn-single {}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {}
/* @end */
/* @group Right to Left */
.chzn-rtl {}
.chzn-rtl .chzn-single {}
.chzn-rtl .chzn-single span {}
.chzn-rtl .chzn-single-with-deselect span {}
.chzn-rtl .chzn-single div {}
.chzn-rtl .chzn-single abbr {}
.chzn-rtl .chzn-choices li {}
.chzn-rtl .chzn-choices li.search-field input {}
.chzn-rtl .chzn-choices li.search-choice {}
.chzn-rtl .chzn-choices li.search-choice .search-choice-close {}
.chzn-rtl.chzn-container-single-nosearch .chzn-search,
.chzn-rtl .chzn-drop {}
.chzn-rtl.chzn-container-single .chzn-results {}
.chzn-rtl .chzn-results li.group-option {}
.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div {}
.chzn-rtl .chzn-search input {}
.chzn-rtl.chzn-container-single .chzn-single div b {}
.chzn-rtl.chzn-container-single.chzn-with-drop .chzn-single div b {}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
.chzn-rtl .chzn-search input,
.chzn-container-single .chzn-single abbr,
.chzn-container-single .chzn-single div b,
.chzn-container-single .chzn-search input,
.chzn-container-multi .chzn-choices .search-choice .search-choice-close,
.chzn-container .chzn-results-scroll-down span,
.chzn-container .chzn-results-scroll-up span { }
}
/* @end */
/**
* Egw customizations for Chosen widget
*/
.chzn-container {}
.chzn-container .chzn-single {}
.chzn-container .chzn-results {}
.chzn-container .chzn-results li {}
.chzn-container-multi .chzn-choices .search-field input {}
.chzn-container-multi .chzn-choices .search-choice {}
.chzn-container .chzn-drop {}
.chzn-container-active.chzn-with-drop.chzn-above .chzn-single {}
.chzn-container.chzn-above .chzn-drop {}
//

785
pixelegg/less/layout_content_elements.less Executable file
View File

@ -0,0 +1,785 @@
/**
* EGroupware: CSS with less preprocessor
*
* Definitions for content-elements
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
* @package phpgwapi
* @version $Id$
*/
@import (reference) "def_design_pattern_color_font_shadow.less";
@import (reference) "def_buttons.less";
/* #######################################################################################
*
*
* Inhaltselemente
*
*
* ########################################################################################
*/
//Reset
html * {
font-size: 100%;
}
//###############################################
body{
background-image:none;
.background-color-10-gray;
.color-100-gray; // Schriftfarbe schwarz
margin: 0px !important;
padding: 0px !important;
width: 100% !important;
height: 100% !important;
}
body, td, textarea {.basefontfamily;}
#egw_fw_basecontainer {
position: fixed;
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
.basefontfamily;
// font-size: 8pt;
.background-color-5-gray ;
}
//##########################
input {
.Complete_Button_input;
&:hover{.Complete_Button_input_hover;}
&:focus{.Complete_Button_input_focus;}
}
select {
.Complete_Button_select;
padding:3px;
margin: 0;
.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;}
&:focus{.Complete_Button_select_focus;}
}
// #############################
// Schriftformate
p { font-size: 12px;}
li {}
h1 {
font-size: 200%;
line-height: 1.2em;
margin: 0.4em 0 0;
}
h2 {
font-size: 170%;
line-height: 1.2em;
margin: 0.6em 0 0;
}
h3 {
font-size: 150%;
line-height: 0.8571em;
margin: 0.8571em 0 0;
}
h3 a {
color: #999999;
}
h4 {
font-size: 110%;
line-height: 1.125em;
margin: 1.125em 0 0;
}
h5 {
font-size: 100%;
line-height: 1.2857em;
margin: 1.2857em 0 0;
}
h6 {
font-size: 100%;
font-weight: bold;
line-height: 1.5em;
margin: 1.5em 0 0;
}
/////* 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:18px}
}
select {position:relative}
select:after {
content:'<>';
font:11px "Consolas", monospace;
color:#aaa;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
right:8px; top:2px;
padding:0 0 2px;
border-bottom:1px solid #ddd;
position:absolute;
pointer-events:none;
}
select:before {
content:'';
right:6px; top:0px;
width:20px; height:20px;
background:#f8f8f8;
position:absolute;
pointer-events:none;
display:block;
}
div.selectbox-wrapper {
ul {
list-style-type:none;
margin:0px;
padding:0px;
li.selected {
background-color: #EAF2FB;
}
li.current {
background-color: #CDD8E4;
}
li {
list-style-type:none;
display:block;
margin:0;
padding:2px;
cursor:pointer;
}
}
}
.sbHolder{
.Complete_Button_select;
// background-color: #2d2d2d;
// border: solid 1px #515151;
// font-family: Arial, sans-serif;
.basefontfamily;
font-size: 1.2em;
font-weight: normal;
height: 30px;
position: relative;
width: 10em;
&:hover{.Complete_Button_select_hover;}
&:focus{.Complete_Button_select_focus;}
}
.sbHolder:focus .sbSelector{}
.sbSelector{
display: block;
height: 30px;
left: 0;
line-height: 30px;
outline: none;
overflow: hidden;
position: absolute;
text-indent: 10px;
top: 0;
width: 170px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
// color: #EBB52D;
.color-50-gray;
outline: none;
text-decoration: none;
}
.sbToggle{
background: url(../img/select-icons.png) 0 -116px no-repeat;
display: block;
height: 30px;
outline: none;
position: absolute;
right: 0;
top: 0;
width: 30px;
}
.sbToggle:hover{
background: url(../images/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
background: url(../images/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
background: url(../images/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
background-color: #3C3C3C;
border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
}
.sbHolderDisabled .sbToggle{
}
// Ausklappliste
.sbOptions{
// background-color: #212121;
.background-color-0-gray;
border: solid 1px #515151;
list-style: none;
left: -1px;
margin: 0;
padding: 0;
position: absolute;
top: 30px;
width: 200px;
z-index: 1;
overflow-y: auto;
li{
padding: 0 7px;
}
a{
border-bottom: dotted 1px #515151;
display: block;
outline: none;
padding: 7px 0 7px 3px;
}
a:link,
a:visited{
.color-100-gray;
text-decoration: none;
}
a:hover,
a:focus,
a.sbFocus{
color: #EBB52D;
}
li.last a{
border-bottom: none;
}
.sbDisabled{
border-bottom: dotted 1px #515151;
color: #999;
display: block;
padding: 7px 0 7px 3px;
}
.sbGroup{
border-bottom: dotted 1px #515151;
color: #EBB52D;
display: block;
font-weight: bold;
padding: 7px 0 7px 3px;
}
.sbSub{
padding-left: 17px;
}
}
// Tabellen
.th {
background-color: #e0e0e0;
}
// Links
a:link, a:visited, select, input, textarea {
color : @link-color;
}
select,input,button
{
.color-100-gray;
font-size:99%;
padding: 0.2em 0;
border-width: 1px;
border-style: solid;
.border-color-15-gray;
}
select
{
font-size:100%;
}
a:link,a:visited
{
cursor:pointer;
color: @link-color;
text-decoration: none;
}
a:hover,a:active
{
cursor:pointer;
color:@link-color-active;
text-decoration: underline;
}
.divLoginboxHeader,
.divSideboxHeader,
a.appTitles,
.appTitles,
a.textSidebox,
.textSidebox,#fmStatusBar
{
font-size:90%;
}
.prefSection
{
font-weight:bold;
font-size:145%;
line-height:40px;
}
#divAppboxHeader
{
line-height:28px;
font-size:125%;
font-weight:bold;
color:#666666;
}
#divGenTime,#divPoweredBy
{
font-size: 80%;
color: #ff0000;
}
#divPoweredBy
{
color: #000000;
}
#sideboxdragarea {
z-index:100;
position:absolute;
left:0px;
top:105px;
}
#menu2handle {
padding-top: 10px;
}
#menu1close {
position: absolute;
right: 7px;
top: 7px;
}
//##############################################################################################################
// Lettersearch
.lettersearch {
.Complete_Button_lettersearch;
}
.lettersearch:hover {
.background-color-30-gray;
.color-0-gray;
}
.lettersearch_active{
.Complete_Button_lettersearch;
.background-color-30-gray;
// background-color: #808080 !important;
font-weight: bold;
}
td.lettersearch {
// border-color: #E0E0E0;
background-image: none;
}
.nextmatch_header table {
border: none !important;
width: 99% !important;
}
.egw_fw_ui_sidemenu_marker {
display: block;
height: 20px;
padding: 2px 5px 2px 34px;
margin: 0;
border-width: 0px 1px 0px 1px;
border-style: solid;
border-color: #c6ced6;
cursor: pointer;
color: gray;
background-color: RGB(250, 250, 250);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
h1{
display: inline;
font-size: 10pt;
font-weight: bold;
}
}
.egw_fw_ui_ajaxloader {
display: inline-block;
width: 16px;
height: 16px;
background-image:url(images/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center;
float: right;
}
/* traditional */
form
{
margin:0px;
padding:0px;
}
img
{
border:0;
}
input,button,select
{
border: solid 1px #bbbbbb;
padding: 0.2em;
font-size: 1.1em;
}
input[type=submit],input[type=button],input[type=reset],button,.egwbutton
{
.background-color-10-gray;
background-image: none;
border: outset 1px #b9d5e3;
margin: 1px;
padding: 1px;
cursor: pointer;
color: #004e7d;
}
input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button:hover,.egwbutton:hover
{
.background-color-15-gray;
background-image: none;
border: outset 1px #b9d5e3;
color: #004e7d;
}
input[type=submit]:active,input[type=button]:active,input[type=reset]:active,button:active,.egwbutton:active
{
border: inset 1px #bbbbbb;
}
input[type=submit]:disabled,input[type=button]:disabled,input[type=reset]:disabled,button:disabled,.egwbutton:disabled
{
background-color: transparent;
color: gray;
}
input.egwbutton
{
background-color:#b9d5e3;
border: outset 1px #b9d5e3;
margin: 1px;
padding: 1px;
cursor: pointer;
color: #004e7d;
}
input.egwbutton:hover
{
background-color:#94bfd4;
border: outset 1px #b9d5e3;
color: #004e7d;
}
input.egwbutton:active
{
border: inset 1px #bbbbbb;
}
input[type=image]
{
cursor: pointer;
border: 0;
}
#thesideboxcolumn
{
width: 177px;
position:relative;
}
#sideresize
{
background-image:url(../images/resize.png);
width:13px;
height:13px;
right:1px;
top:1px;
position:absolute;
z-index:9999;
}
.divSidebox
{
position:relative;
border: #9c9c9c 1px solid;
overflow:auto;
}
.divSideboxHeader
{
text-align:center;
.background-color-15-gray;
padding-top:2px;
.color-50-gray;
}
a.divSideboxEntry, .divSideboxEntry
{
text-align:left;
background-color:#FDFDFD;
}
a.appTitles,.appTitles
{
height:18px;
padding-top:2px;
padding-bottom:2px;
}
a.textSidebox
{
padding: 0;
border-top: 0;
}
.textSidebox
{
padding-top:3px;
padding-bottom:3px;
padding-left: 1px;
border-top: solid #aaaaaa 1px;
overflow: auto;
}
.sideboxSpace
{
height:9px;
}
.greyLine
{
margin:1px;
border-top:solid 1px #7e7e7e;
height:1px;
}
#extraIcons
{
background-color:#eeeeee;
border:solid 1px #7e7e7e;
}
.extraIconsRow
{
border:solid 1px #dddddd;
padding:2px;
}
#topmenu
{
background-color: #0081c1;
background-image: url(../images/bgtopmenu2.png);
color:#006699;
/*border-top: solid 1px #7e7e7e;*/
border-bottom: solid #5793ff 1px;
height:20px;
padding-top:4px ;
line-height:16px;
}
#topmenu a
{
color:#006699;
}
#topmenu_items
{
float:left;
}
#topmenu_info
{
float:right;
}
#divUpperTabs
{
text-align:right;
height: 15px;
margin-right: 10px;
}
#divUpperTabs ul
{
display:inline;
margin:0;
padding:10px 10px 0 1px;
list-style:none;
}
#divUpperTabs li
{
float:right;
margin:0 5px 0 0;
padding:0 5px 0 5px;
border:solid 1px #9c9c9c;
border-bottom: 0px;
}
//#divAppIconBar
//{
// background-color:silver;
// border:solid 1px #9c9c9c;
// background-image: url(../images/background-icon-bar.png);
// background-repeat: repeat-x;
// overflow:visible;
// height: 45px; /* prevents text line to show in IE7+8(Compatibilitymode) */
//}
/* Star-Plus-HTML Hack fix for the above */
*:first-child+html #divAppIconBar
{
height: 60px;
}
#divAppTextBar
{
background-color:white;
}
#divStatusBar
{
background-color:white;
height:18px;
padding-left:3px;
}
#tdSidebox
{
width:170px;
background-color:white;
overflow:visible;
}
#tdAppbox
{
background-color:white;
padding-left:5px;
width: 100%;
}
#divAppboxHeader
{
background-image:url(../images/appbox-header-background.png);
background-repeat: repeat-x;
height: 25px;
border-bottom:solid 1px #c0c0c0;
text-align:center;
padding-bottom:0px;
border-top:solid 1px #9c9c9c;
border-left:solid 1px #9c9c9c;
border-right:solid 1px #9c9c9c;
}
#divAppbox
{
background-color:#ffffff;
padding:5px;
border-bottom:solid 1px #9c9c9c;
border-left:solid 1px #9c9c9c;
border-right:solid 1px #9c9c9c;
}
#divGenTime,#divPoweredBy
{
bottom:4px;
text-align:center;
width:99%;
}
//

BIN
pixelegg/less/layout_footer.less
View File

Binary file not shown.

2
pixelegg/less/layout_loginPage.css
View File

@ -19,7 +19,7 @@
*
*/
#login-bg {
background-image: url("images-login/jp-mountain-blue-sun.jpg") !important;
background-image: url("../images/login/jp-mountain-blue-sun.jpg") !important;
background-size: 100% 100%;
background-repeat: no-repeat;
height: 120%;

10
pixelegg/less/layout_loginPage.less
View File

@ -12,10 +12,10 @@
* @version $Id$
*/
@import (reference) "../../phpgwapi/templates/default/def_buttons.less";
@import (reference) "../../phpgwapi/templates/default/def_content_elements.less";
@import (reference) "../../phpgwapi/templates/default/def_design_pattern_color_font_shadow.less";
@import (reference) "../../phpgwapi/templates/default/def_messages.less";
@import (reference) "def_buttons.less";
@import (reference) "def_content_elements.less";
@import (reference) "def_design_pattern_color_font_shadow.less";
@import (reference) "def_messages.less";
/* ##################################################################################
@ -32,7 +32,7 @@
#login-bg {
background-image: url("images-login/jp-mountain-blue-sun.jpg") !important;
background-image: url("../images/login/jp-mountain-blue-sun.jpg") !important;
background-size: 100% 100%;
background-repeat: no-repeat;
// background: none repeat scroll 0 0 #000000;

52
pixelegg/less/layout_messages.less Executable file
View File

@ -0,0 +1,52 @@
/**
* EGroupware: CSS with less preprocessor
*
* et2 Messages
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
* @package phpgwapi
* @version $Id$
*/
@import (reference) "def_design_pattern_color_font_shadow.less";
//@import "def_buttons.less";
.egw_fw_ui_app_header_container {
border-width: 9px 0px 0px 9px;
border-style: solid;
.border-color-25-gray;
.background-color-25-gray;
// Meldung oberhalb iFrame
.egw_fw_ui_app_header {
// display: none !important;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #D5DDE6;
.border_radius_button_righttop;
padding: 14px 2px 4px 15px;
font-size: 1em;
font-weight: normal;
.background-color-10-gray;
color: @egw_color_2_d;
width: 80%;
&:before {content: "! "; color: @egw_color_1_a; font-size: 1em; }
}
}
.colselection.ui-widget-content {
width: 33%;
// margin-left: 49%;
}

335
pixelegg/less/layout_nextmatch.css
View File

@ -11,6 +11,336 @@
* @package pixelegg
* @version $Id$
*/
/**
* EGroupware: CSS with less preprocessor
*
* Definitions for buttons
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
* @package phpgwapi
* @version $Id$
*/
.Complete_Button_normal {
border: 1px solid rgba(0, 0, 0, 0.15);
-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);
color: #000000;
}
.Complete_Button_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: inherit !important;
}
.Complete_Button_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);
}
.Complete_Button_focus {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
}
.Complete_Button_add {
background-color: #0b5fa4;
color: #FFF;
text-shadow: none;
height: 35px;
background-image: none !important;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
border-radius: 3px;
border-top-left-radius: 20px;
}
.Complete_Button_add:before {
content: "+";
font-size: 2em;
color: #ffc200;
}
.Complete_Button_add_hover {
background-color: #66a1d2 !important;
color: #ffc200;
-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);
-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_hinweis {
width: 32px;
height: 32px;
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 0 0.2em;
border-left: 3px solid;
border-left-color: #e4e7ea;
}
.Complete_Button_select {
-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: auto;
margin: 0.5em 0em 0.5em 0.5em;
padding: 3px;
outline: none;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.Complete_Button_select_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);
}
.Complete_Button_select_focus {
outline: 0;
border-width: 1px;
border-style: solid;
border-color: #bfbfbf;
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}
.Complete_Button_input {
border: 1px solid rgba(0, 0, 0, 0.15);
border-color: #bfbfbf;
-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: auto;
margin: 0.5em 0em 0.5em 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.Complete_Button_input_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);
}
.Complete_Button_input_focus {
outline: 0;
border-width: 1px;
border-style: solid;
border-color: #bfbfbf;
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}
.Complete_Button_search_action {
border: 1px solid rgba(0, 0, 0, 0.15);
border-color: #bfbfbf;
-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;
}
.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_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: #bfbfbf;
-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_lettersearch {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-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);
text-align: center;
cursor: pointer;
}
.Complete_Button_text {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #f0f0f0;
border-color: #808080;
cursor: pointer;
}
.Complete_Button_text_hover {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.5);
text-align: center;
cursor: pointer;
background-color: #b3b3b3 !important;
}
.Complete_Button_text_active {
color: #000000;
}
.Complete_Button_text_icon_before {
border: 1px solid rgba(0, 0, 0, 0.15);
-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);
color: #000000;
padding-left: 30px !important;
background-position: 6px center;
background-repeat: no-repeat;
background-size: 20px auto;
width: auto;
height: 32px;
}
.Complete_Button_text_icon_before_hover {
border: 1px solid rgba(0, 0, 0, 0.15);
-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);
color: #000000;
padding-left: 30px !important;
background-position: 6px center;
background-repeat: no-repeat;
background-size: 20px auto;
width: auto;
height: 32px;
-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);
}
.Complete_Button_text_icon_before_active {
border: 1px solid rgba(0, 0, 0, 0.15);
-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);
color: #000000;
padding-left: 30px !important;
background-position: 6px center;
background-repeat: no-repeat;
background-size: 20px auto;
width: auto;
height: 32px;
-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);
}
.Complete_Button_Icon_normal {
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;
}
.Complete_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;
}
.Complete_Button_Icon_active {
background-color: #808080;
-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.9);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.Complete_Button_Module_Menu_Links {
background-color: #f0f0f0;
}
.Complete_Button_Module_Menu_Links_Hover {
background-color: #b3b3b3 !important;
color: #f2f2f2;
}
.Complete_Button_Module_Menu_Links_active {
background-color: #f0f0f0;
}
.Complete_Button_Module_Menu_Links_Sub_Hover {
margin-left: 2px;
padding-top: 0px;
padding-bottom: 5px;
border: 1px solid rgba(0, 0, 0, 0.15);
background-color: #d9d9d9;
}
.Complete_Button_Module_Menu_Links_Sub {
margin-left: 3px;
padding-top: 0px;
padding-bottom: 5px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-top-width: 0px;
background-color: #f0f0f0;
margin-top: -7px;
padding-left: 14px;
width: 93%;
}
/**
* Nextmatch widget
*/
@ -62,6 +392,7 @@
margin-right: 1em;
height: 16px;
width: 16px;
padding: 2px;
}
.et2_nextmatch .nextmatch_header .et2_button_icon:hover {
background-color: #b3b3b3 !important;
@ -175,10 +506,10 @@
background-image: none;
width: 80%;
}
.filters img.et2_button {
.filters img.et2_button_icon {
float: right;
position: relative;
top: 15px;
top: 0px;
}
.filters select {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);

11
pixelegg/less/layout_nextmatch.less
View File

@ -12,7 +12,7 @@
* @version $Id$
*/
@import (reference) "../../phpgwapi/templates/default/def_buttons.less";
@import "def_buttons.less";
/**
* Nextmatch widget
@ -31,6 +31,7 @@
border: none;
}
// Listen Felder
input, select {height: auto;}
@ -69,6 +70,7 @@
margin-right: 1em;
height: 16px;
width: 16px;
padding: 2px;
}
.et2_button_icon:hover{.Complete_Button_Icon_hover ;}
@ -175,10 +177,10 @@
width: 80%;
// Export Bild
img.et2_button {
img.et2_button_icon {
float: right;
position: relative;
top: 15px;
top: 0px;
}
select {
@ -243,4 +245,5 @@
} // Ende filter
}
//

441
pixelegg/less/layout_raster.css
View File

@ -11,6 +11,336 @@
* @package pixelegg
* @version $Id$
*/
/**
* EGroupware: CSS with less preprocessor
*
* Definitions for buttons
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
* @package phpgwapi
* @version $Id$
*/
.Complete_Button_normal {
border: 1px solid rgba(0, 0, 0, 0.15);
-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);
color: #000000;
}
.Complete_Button_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: inherit !important;
}
.Complete_Button_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);
}
.Complete_Button_focus {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
}
.Complete_Button_add {
background-color: #0b5fa4;
color: #FFF;
text-shadow: none;
height: 35px;
background-image: none !important;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
border-radius: 3px;
border-top-left-radius: 20px;
}
.Complete_Button_add:before {
content: "+";
font-size: 2em;
color: #ffc200;
}
.Complete_Button_add_hover {
background-color: #66a1d2 !important;
color: #ffc200;
-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);
-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_hinweis {
width: 32px;
height: 32px;
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 0 0.2em;
border-left: 3px solid;
border-left-color: #e4e7ea;
}
.Complete_Button_select {
-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: auto;
margin: 0.5em 0em 0.5em 0.5em;
padding: 3px;
outline: none;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.Complete_Button_select_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);
}
.Complete_Button_select_focus {
outline: 0;
border-width: 1px;
border-style: solid;
border-color: #bfbfbf;
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}
.Complete_Button_input {
border: 1px solid rgba(0, 0, 0, 0.15);
border-color: #bfbfbf;
-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: auto;
margin: 0.5em 0em 0.5em 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.Complete_Button_input_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);
}
.Complete_Button_input_focus {
outline: 0;
border-width: 1px;
border-style: solid;
border-color: #bfbfbf;
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}
.Complete_Button_search_action {
border: 1px solid rgba(0, 0, 0, 0.15);
border-color: #bfbfbf;
-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;
}
.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_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: #bfbfbf;
-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_lettersearch {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-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);
text-align: center;
cursor: pointer;
}
.Complete_Button_text {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #f0f0f0;
border-color: #808080;
cursor: pointer;
}
.Complete_Button_text_hover {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.5);
text-align: center;
cursor: pointer;
background-color: #b3b3b3 !important;
}
.Complete_Button_text_active {
color: #000000;
}
.Complete_Button_text_icon_before {
border: 1px solid rgba(0, 0, 0, 0.15);
-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);
color: #000000;
padding-left: 30px !important;
background-position: 6px center;
background-repeat: no-repeat;
background-size: 20px auto;
width: auto;
height: 32px;
}
.Complete_Button_text_icon_before_hover {
border: 1px solid rgba(0, 0, 0, 0.15);
-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);
color: #000000;
padding-left: 30px !important;
background-position: 6px center;
background-repeat: no-repeat;
background-size: 20px auto;
width: auto;
height: 32px;
-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);
}
.Complete_Button_text_icon_before_active {
border: 1px solid rgba(0, 0, 0, 0.15);
-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);
color: #000000;
padding-left: 30px !important;
background-position: 6px center;
background-repeat: no-repeat;
background-size: 20px auto;
width: auto;
height: 32px;
-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);
}
.Complete_Button_Icon_normal {
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;
}
.Complete_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;
}
.Complete_Button_Icon_active {
background-color: #808080;
-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.9);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.Complete_Button_Module_Menu_Links {
background-color: #f0f0f0;
}
.Complete_Button_Module_Menu_Links_Hover {
background-color: #b3b3b3 !important;
color: #f2f2f2;
}
.Complete_Button_Module_Menu_Links_active {
background-color: #f0f0f0;
}
.Complete_Button_Module_Menu_Links_Sub_Hover {
margin-left: 2px;
padding-top: 0px;
padding-bottom: 5px;
border: 1px solid rgba(0, 0, 0, 0.15);
background-color: #d9d9d9;
}
.Complete_Button_Module_Menu_Links_Sub {
margin-left: 3px;
padding-top: 0px;
padding-bottom: 5px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-top-width: 0px;
background-color: #f0f0f0;
margin-top: -7px;
padding-left: 14px;
width: 93%;
}
/* #################################################
* Basecontainer
* #################################################
@ -23,6 +353,10 @@
#divMainView body {
background-color: #ffffff;
}
.egwGridView_scrollarea {
width: 100%;
overflow: auto;
}
#egw_fw_header {
width: 100%;
float: left;
@ -108,7 +442,7 @@
left: 196px;
}
#egw_fw_topmenu_slide .slidedown {
background-image: url("images/slidedown.png");
background-image: url("../images/slidedown.png");
background-position: center center;
height: 15px;
width: 15px;
@ -117,7 +451,7 @@
margin-top: 0px;
}
#egw_fw_topmenu_slide .slideup {
background-image: url("images/slideup.png");
background-image: url("../images/slideup.png");
background-position: center center;
height: 15px;
width: 15px;
@ -135,7 +469,7 @@
* */
}
#egw_fw_topmenu_addons #egw_fw_logout {
background-image: url(../../phpgwapi/templates/pxe/images/logout.png);
background-image: url(../images/logout.png);
background-size: 16px 16px;
background-position: center center;
background-repeat: no-repeat;
@ -162,7 +496,7 @@
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
}
#egw_fw_topmenu_addons #egw_fw_print {
background-image: url(../../phpgwapi/templates/pxe/images/print.png);
background-image: url(../images/print.png);
background-size: 16px 16px;
background-position: center center;
background-repeat: no-repeat;
@ -199,7 +533,7 @@
white-space: nowrap;
}
#egw_fw_topmenu_addons #egw_fw_topmenu_info_items .topmenu_info_item:nth-child(2) {
float: right;
/*float: right;*/
margin-top: 0;
}
#egw_fw_topmenu_addons span#quick_add {
@ -434,6 +768,12 @@
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
background-color: inherit !important;
}
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .favorites .sideboxstar {
background-image: url("../images/bullet.png");
background-repeat: no-repeat;
height: 9px;
width: 9px;
}
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content_bottom {
border-width: 0px 1px 1px 1px;
}
@ -461,7 +801,7 @@
background-color: #ffc200;
}
#egw_fw_sidebar #egw_fw_splitter .egw_fw_ui_splitter_vertical {
background-image: url(images/splitter_vert.png);
background-image: url(../images/splitter_vert.png);
background-position: center;
background-repeat: no-repeat;
position: absolute;
@ -477,23 +817,37 @@
margin-left: 4px;
margin-top: 0px;
padding-bottom: 5px;
padding-left: 14px;
padding-left: 0px;
padding-top: 14px;
margin-right: 5px;
min-height: 50px;
}
.egw_fw_ui_category_content img {
height: 16px;
width: 16px;
}
.egw_fw_ui_category_content:hover {
background-color: #ffffff;
border-color: #808080;
}
.egw_fw_ui_category_content .sidebox-favorites .favorites div.ui-icon-trash {
margin-right: 2px;
margin-top: -5px;
}
.egw_fw_ui_sidemenu_listitem {
display: block;
margin: 4px 0 5px 6px;
margin: 4px 0 5px 20px;
position: relative;
}
.egw_fw_ui_sidemenu_listitem img {
height: 16px;
width: 16px;
height: 9px;
width: 9px;
padding: 0px;
}
.egw_fw_ui_sidemenu_listitem img.egw_fw_ui_sidemenu_listitem_icon {
height: 9px;
width: 9p;
padding: 0px;
}
.egw_fw_ui_sidemenu_listitem input {
height: 16px;
@ -508,13 +862,13 @@
width: 86% !important;
}
.egw_fw_ui_sidemenu_listitem a {
padding: 5px 30px 5px 0px;
padding: 5px 30px 5px 5px;
text-decoration: none;
min-width: 5em;
display: block;
}
.egw_fw_ui_sidemenu_listitem a:hover {
color: #FFF;
color: #000000;
background-color: #679fd2;
}
.egw_fw_ui_sidemenu_listitem a:active {
@ -523,6 +877,12 @@
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
}
.egw_fw_ui_sidemenu_listitem div a:first-child {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #f0f0f0;
border-color: #808080;
cursor: pointer;
width: 72% !important;
}
.egw_fw_ui_sidemenu_listitem div a:nth-child(2) {
@ -552,14 +912,6 @@
border-radius: 3px;
color: #ffffff;
}
.egw_fw_ui_sidemenu_listitem_icon {
display: inline;
margin-left: -16px;
padding-right: 3px;
width: 12px;
height: 12px;
float: left;
}
.egw_fw_ui_scrollarea {
overflow: hidden;
z-index: 0;
@ -610,6 +962,42 @@
background-position: center;
background-repeat: no-repeat;
}
/* ###########################################################################################################################################
/*extended for calender app*/
div#calendar-container {
margin-left: 0px;
}
div#calendar-container div.calendar {
margin-bottom: 1em;
background-color: inherit;
padding: 2%;
}
div#calendar-container div.calendar table {
font-size: 0.9em;
color: #000;
cursor: default;
padding: 0.3em;
background-color: #fafafa;
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
font-size: 87.5%;
}
div#calendar-container div.calendar table thead .title {
background-color: #ffc200;
}
div#calendar-container div.calendar table thead .daynames {
background-color: #679fd2;
}
div#calendar-container div.calendar table tbody tr.daysrow:hover {
background-color: #ffc200;
}
div#calendar-container div.calendar table tbody tr.rowhilite td {
background-color: #ffc200;
}
/* ###########################################################################################################################################
/* ###########################################################################################################################################
/* ###########################################################################################################################################
* Main
@ -747,16 +1135,3 @@ div.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input {
div.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et2_grid {
background-color: #ffffff;
}
div.et2_container div table.et2_grid tbody tr.footer-toolbar {
background-color: #808080;
color: #ffffff;
line-height: 5em;
}
div.et2_container div table.et2_grid tbody tr.footer-toolbar select.et2_selectbox {
background-color: #FFFFFF;
height: 30px;
margin-left: 0;
margin-top: -4px;
padding: 3px;
width: 113px;
}

198
pixelegg/less/layout_raster.less
View File

@ -12,7 +12,7 @@
* @version $Id$
*/
@import (reference) "../../phpgwapi/templates/default/def_buttons.less";
@import "def_buttons.less";
//############## Layout ########################################################################################
@ -39,6 +39,10 @@
body {.background-color-0-gray; }
}
.egwGridView_scrollarea {
width: 100%;
overflow: auto;
}
#egw_fw_header{
width: 100%;
@ -354,7 +358,7 @@
// Name
&:nth-child(2) {
float: right;
/*float: right;*/
margin-top: 0;
}
// ??
@ -627,7 +631,13 @@
}
}
.favorites .sideboxstar{
background-image: url("../images/bullet.png");
// background-size: 9px 9px;
background-repeat: no-repeat;
height: 9px;
width: 9px
}
}
.egw_fw_ui_sidemenu_entry_content_bottom {
@ -664,7 +674,7 @@
&:hover {background-color: @egw_color_1;}
.egw_fw_ui_splitter_vertical {
background-image: url(images/splitter_vert.png);
background-image: url(../images/splitter_vert.png);
background-position: center;
background-repeat: no-repeat;
position: absolute;
@ -697,7 +707,7 @@
margin-left: 4px;
margin-top: 0px;
padding-bottom: 5px;
padding-left: 14px;
padding-left: 0px;
padding-top: 14px;
margin-right: 5px;
min-height: 50px;
@ -706,6 +716,16 @@
.background-color-0-gray;
.border-color-50-gray;
}
.sidebox-favorites{
.favorites div.ui-icon-trash {
margin-right: 2px;
margin-top: -5px;
}
.ui-icon {
// background: none;
}
}
}
@ -718,32 +738,40 @@
.egw_fw_ui_sidemenu_listitem {
display: block;
// margin-top: 0em;
margin: 4px 0 5px 6px;
margin: 4px 0 5px 20px;
position: relative;
img { height: 16px; width: 16px}
img { height: 9px; width: 9px; padding: 0px;}
img.egw_fw_ui_sidemenu_listitem_icon {
height: 9px; width: 9p; padding: 0px;
}
input {
height: 16px;
width: 81% !important;
}
input[type="image"] {height: 10px; width: 10px !important; margin-left: 1px;} // mehrere Benutzer auswählen
input[type="image"] {
height: 10px;
width: 10px !important;
margin-left: 1px;
} // mehrere Benutzer auswählen
select { width: 86% !important; }
// normale Links
a {
// .Complete_Button_text;
padding: 5px 30px 5px 0px;
padding: 5px 30px 5px 5px;
text-decoration: none;
min-width: 5em;
display: block;
&:hover{
color: #FFF;
.color-100-gray;
background-color: @egw_color_2_e;
}
@ -754,13 +782,9 @@
}
div {
a:first-child{
// .Complete_Button_text;
.Complete_Button_text;
// padding: 2px;
// padding: 5px 30px 5px 0px;
width: 72% !important;
@ -781,7 +805,6 @@
// margin-left: 72%;
right: 0;
top: 0;
background: transparent;
// .Complete_Button_Icon_normal;
// margin-right: 0.5em;
@ -802,7 +825,6 @@
.Complete_Button_Icon_hover ;
.color-0-gray;
// width: auto;
}
@ -810,19 +832,10 @@
} // .egw_fw_ui_sidemenu_listitem
.egw_fw_ui_sidemenu_listitem_icon {
display: inline;
margin-left: -16px;
padding-right: 3px;
width: 12px;
height: 12px;
float: left;
// padding-top: 4px;
}
@ -900,6 +913,74 @@
background-repeat: no-repeat;
}
/* ###########################################################################################################################################
/*extended for calender app*/
div#calendar-container {
margin-left: 0px;
div.calendar{
margin-bottom: 1em;
background-color: inherit;
padding: 2%;
table {
font-size: 0.9em;
color: #000;
cursor: default;
padding: 0.3em;
.background-color-5-gray;
.basefontfamily;
thead {
// Month
.title {
background-color: @egw_color_1_a;
}
// << today >>
.headrow {}
// daynames
.daynames {
background-color: @egw_color_2_e;
}
}
tbody {
tr.daysrow {
&:hover {background-color: @egw_color_1_a;}
// fields
.name {}
.day {}
.weekend {}
}
// hover tr
tr.rowhilite td{background-color: @egw_color_1_a;}
}
} // table
}
}
/* ###########################################################################################################################################
/* ###########################################################################################################################################
/* ###########################################################################################################################################
* Main
@ -922,31 +1003,16 @@
// APPS
#egw_fw_tabs{
// .box_shadow_dialog;
// .border_radius_button_lefttop ;
// border-style: solid;
// border-width: 2px;
// border-color: grey;
position: relative;
// top: 3px;
// witdh: 100%;
// top: 7px;
background-color: transparent;
// margin-top: 0px;
// margin: 1em 1em 0em 1em;
float: left;
width: 100%;
// ############################################################
// Tabnavigation
// Statusmeldung
// definiert in def_messages.less
// .egw_fw_ui_app_header_container { }
@ -1187,49 +1253,11 @@ div.et2_container {
}
}
// Datum Auswahl
span.et2_date{} // etemplate2
} // td
} // tr
// Buttonleiste Unten
tr.footer-toolbar{
.background-color-50-gray;
.color-0-gray;
line-height: 5em;
select.et2_selectbox {
background-color: #FFFFFF;
height: 30px;
margin-left: 0;
margin-top: -4px;
padding: 3px;
width: 113px;
}
}
}
}
}
}
} // Ende Dialog
//

37
pixelegg/less/et2_table.less → pixelegg/less/layout_table.less Normal file → Executable file
View File

@ -12,7 +12,7 @@
* @version $Id$
*/
@import (reference) "../../phpgwapi/templates/default/def_buttons.less";
@import "def_buttons.less";
/** #####################################################################################
* et2
@ -27,9 +27,9 @@
table.et2_grid {
border-top: 3px solid;
.border-color-10-gray;
border-collapse: collapse;
// border-collapse: collapse;
// .background-color-0-gray;
width: 100% !important;
// width: 100% !important;
// display: block;
}
@ -67,7 +67,8 @@ table.et2_grid {
table.egwGridView_outer{
.background-color-5-gray;
max-width: 100%;
// max-width: 100%;
border-spacing: 0px;
thead {
.background-color-5-gray;
@ -97,7 +98,7 @@ table.egwGridView_outer{
.background-color-25-gray;
.color-0-gray;
// border-right: 5px solid white;
background-image: url(images/hint-arrow-right.png);
background-image: url(../images/hint-arrow-right.png);
background-position: right bottom;
background-repeat: no-repeat;
background-size: 15px 15px;
@ -129,13 +130,14 @@ table.egwGridView_outer{
}
.selectcols {
position: fixed;
// .Complete_Button_normal;
.Complete_Button_Icon_normal;
right: 15px;
border: 1px solid;
// background-color: yellow;
background-image: url(images/slidedown.png);
background-image: url(../images/selectcols.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 16px 16px;
@ -144,14 +146,14 @@ table.egwGridView_outer{
height: 20px;
margin: 0;
padding: 0;
vertical-align: middle;
// vertical-align: middle;
&:hover{
&:active{
.Complete_Button_Icon_hover;
background-image: url(images/slidedown.png);
background-image: url(../images/slideup.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 17px 17px;
// background-size: 17px 17px;
}
}
@ -163,10 +165,12 @@ table.egwGridView_outer{
// Tabelle der APP Ausgabe
table.egwGridView_grid{
border-collapse:collapse;
// border-collapse:collapse;
font-size: 1.3em;
.background-color-0-gray;
width: 100%;
border-spacing: 0px;
// width: 100%;
img{ width: 16px;}
@ -231,7 +235,7 @@ table.egwGridView_grid{
.nextmatch_header .selectcols {
background: none;
height: auto;
// height: auto;
}
@ -243,9 +247,4 @@ table.egwGridView_grid{
.nextmatch_header {
padding: 0px;
}
//Tabelle - Scrollarea
div.egwGridView_scrollarea {overflow: auto;}
//

1
pixelegg/less/magicsuggest.css
View File

@ -166,6 +166,7 @@
.ms-sel-ctn {
overflow: auto;
line-height: 22px;
padding-right: 0px;
}
.ms-sel-ctn .ms-sel-item {
background: #ffdd73;

3
pixelegg/less/magicsuggest.less
View File

@ -12,7 +12,7 @@
* @version $Id$
*/
@import (reference) "../../phpgwapi/templates/default/def_design_pattern_color_font_shadow.less";
@import (reference) "def_design_pattern_color_font_shadow.less";
.ms-ctn{
position: relative;
@ -182,6 +182,7 @@
.ms-sel-ctn{
overflow: auto;
line-height: 22px;
padding-right: 0px;
}
.ms-sel-ctn .ms-sel-item{
background: @egw_color_1_e;

884
pixelegg/less/traditional.less Executable file
View File

@ -0,0 +1,884 @@
/**
* EGroupware: CSS with less preprocessor
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package phpgwapi
* @version $Id$
*/
/*
font styling
allowed attributes: font-family,font-size,color,font-weight
*/
body,td,textarea
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
select,input,button
{
color: #006699;
font-family: Arial, Helvetica, sans-serif;
font-size:110%;
}
select
{
font-size:100%;
}
a:link,a:visited
{
cursor:pointer;
color: #006699;
text-decoration: none;
}
a:hover,a:active
{
cursor:pointer;
color: #ff9933;
text-decoration: underline;
}
.divLoginboxHeader,.divSideboxHeader,a.appTitles,.appTitles,a.textSidebox,.textSidebox,#fmStatusBar
{
font-size:90%;
}
.prefSection
{
font-weight:bold;
font-size:145%;
line-height:40px;
}
#divAppboxHeader
{
line-height:28px;
font-size:125%;
font-weight:bold;
color:#666666;
}
#divGenTime,#divPoweredBy
{
font-size: 80%;
color: #ff0000;
}
#divPoweredBy
{
color: #000000;
}
#sideboxdragarea {
z-index:100;
position:absolute;
left:0px;
top:105px;
}
#menu2handle {
padding-top: 10px;
}
#menu1close {
position: absolute;
right: 7px;
top: 7px;
}
/*
other styling
*/
body
{
background-image:url(../images/body-background.png);
}
form
{
margin:0px;
padding:0px;
}
img
{
border:0;
}
input,button,select
{
border: solid 1px #bbbbbb;
}
input[type=submit],input[type=button],input[type=reset],button,.egwbutton
{
background-color:#b9d5e3;
border: outset 1px #b9d5e3;
margin: 1px;
padding: 1px;
cursor: pointer;
color: #004e7d;
}
input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button:hover,.egwbutton:hover
{
background-color:#94bfd4;
border: outset 1px #b9d5e3;
color: #004e7d;
}
input[type=submit]:active,input[type=button]:active,input[type=reset]:active,button:active,.egwbutton:active
{
border: inset 1px #bbbbbb;
}
input[type=submit]:disabled,input[type=button]:disabled,input[type=reset]:disabled,button:disabled,.egwbutton:disabled
{
background-color: transparent;
color: gray;
}
input.egwbutton
{
background-color:#b9d5e3;
border: outset 1px #b9d5e3;
margin: 1px;
padding: 1px;
cursor: pointer;
color: #004e7d;
}
input.egwbutton:hover
{
background-color:#94bfd4;
border: outset 1px #b9d5e3;
color: #004e7d;
}
input.egwbutton:active
{
border: inset 1px #bbbbbb;
}
input[type=image]
{
cursor: pointer;
border: 0;
}
#thesideboxcolumn
{
width: 177px;
position:relative;
}
#sideresize
{
background-image:url(../images/resize.png);
width:13px;
height:13px;
right:1px;
top:1px;
position:absolute;
z-index:9999;
}
.divLoginbox
{
position:relative;
width: 370px;
border: #9c9c9c 1px solid;
}
.divSidebox
{
position:relative;
border: #9c9c9c 1px solid;
overflow:auto;
}
.divSideboxHeader,.divLoginboxHeader
{
text-align:center;
background-color:#dddddd;
padding-top:2px;
color:#666666;
}
a.divSideboxEntry, .divSideboxEntry
{
text-align:left;
background-color:#FDFDFD;
}
a.appTitles,.appTitles
{
height:18px;
padding-top:2px;
padding-bottom:2px;
}
a.textSidebox
{
padding: 0;
border-top: 0;
}
.textSidebox
{
padding-top:3px;
padding-bottom:3px;
padding-left: 1px;
border-top: solid #aaaaaa 1px;
overflow: auto;
}
.sideboxSpace
{
height:9px;
}
.greyLine
{
margin:1px;
border-top:solid 1px #7e7e7e;
height:1px;
}
#extraIcons
{
background-color:#eeeeee;
border:solid 1px #7e7e7e;
}
.extraIconsRow
{
border:solid 1px #dddddd;
padding:2px;
}
body {
padding: 0px;
margin: 0px;
}
#divMain,#loginMainDiv,#popupMainDiv
{
background-color: white;
padding: 8px;
border-bottom: solid 1px #7e7e7e;
}
/*
** Popups
*/
#popupMainDiv
{
margin: 8px;
border: solid 1px #7e7e7e;
padding-bottom: 0px;
}
#divLogo
{
position:absolute;
left:30px;
top:20px;
z-index:999;
}
#topmenu
{
background-color: #0081c1;
background-image: url(../images/bgtopmenu2.png);
color:#006699;
/*border-top: solid 1px #7e7e7e;*/
border-bottom: solid #5793ff 1px;
height:20px;
padding-top:4px ;
line-height:16px;
}
#topmenu a
{
color:#006699;
}
#topmenu_items
{
float:left;
}
#topmenu_info
{
float:right;
}
#divUpperTabs
{
text-align:right;
height: 15px;
margin-right: 10px;
}
#divUpperTabs ul
{
display:inline;
margin:0;
padding:10px 10px 0 1px;
list-style:none;
}
#divUpperTabs li
{
float:right;
margin:0 5px 0 0;;
padding:0 5px 0 5px;
border:solid 1px #9c9c9c;
border-bottom: 0px;
}
#divAppIconBar
{
background-color:silver;
border:solid 1px #9c9c9c;
background-image: url(../images/background-icon-bar.png);
background-repeat: repeat-x;
overflow:visible;
height: 45px; /* prevents text line to show in IE7+8(Compatibilitymode) */
}
/* Star-Plus-HTML Hack fix for the above */
*:first-child+html #divAppIconBar
{
height: 60px;
}
#divAppTextBar
{
background-color:white;
}
#divStatusBar
{
background-color:white;
height:18px;
padding-left:3px;
}
#tdSidebox
{
width:170px;
background-color:white;
overflow:visible;
}
#tdAppbox
{
background-color:white;
padding-left:5px;
width: 100%;
}
#divAppboxHeader
{
background-image:url(../images/appbox-header-background.png);
background-repeat: repeat-x;
height: 25px;
border-bottom:solid 1px #c0c0c0;
text-align:center;
padding-bottom:0px;
border-top:solid 1px #9c9c9c;
border-left:solid 1px #9c9c9c;
border-right:solid 1px #9c9c9c;
}
#divAppbox
{
background-color:#ffffff;
padding:5px;
border-bottom:solid 1px #9c9c9c;
border-left:solid 1px #9c9c9c;
border-right:solid 1px #9c9c9c;
}
#divGenTime,#divPoweredBy
{
bottom:4px;
text-align:center;
width:99%;
}
/*
Printing
*/
@media screen { .onlyPrint { display: none; } }
@media print { .noPrint { display: none; } }
/*
Portal_box as used in home
*/
.portal_box {
border: #9c9c9c 1px solid;
}
.portal_box table {
border: 1px solid black;
}
.portal_box_header {
height: 15px;
padding-top: 0px;
}
/*
Login page
*/
#loginMainDiv {
padding-top: 24px;
height: 700px; /* 95% does not work */
position: relative;
background-repeat: no-repeat;
background-position: center 80px;
background-image: url(../images/login-background.jpg);
}
#loginScreenMessage {
text-align: center;
padding: 10px;
}
#loginCdMessage {
text-align: center;
padding-bottom: 10px;
color: red;
font-style: italic;
}
.divLoginboxHeader {
text-align: center;
border: #9c9c9c 1px solid; /* does NOT work */
padding: 0px;
}
/*
Preferences tabs
*/
.tablink {
white-space: nowrap;
padding-left: 15px;
padding-right: 15px;
}
/* eGroupWare popup */
#egwpopup {
background-color: #ffffff;
border: 1px solid #d3d3d3;
}
#egwpopup hr {
border: none;
border-top: 1px solid #d3d3d3;
height: 1px;
}
#egwpopup_header {
background-image: url(../images/gradient22.png);
height: 18px;
line-height: 18px;
margin: 0;
padding: 0;
font-size:12px;
font-weight: bold;
color: #666666;
text-align: center;
border-bottom: 1px solid #d3d3d3;
}
#egwpopup_message {
margin: 0;
padding: 7px;
overflow: auto;
}
#egwpopup_message > table {
font-size: 95%;
}
#egwpopup_message .link {
cursor: pointer;
}
#egwpopup_footer {
margin: 0;
padding: 7px;
border: none;
border-top: 1px solid #d3d3d3;
text-align: center;
}
.selectbg
{
position:absolute;
z-index:10;
overflow:hidden;
width:250px;
}
.iframeforselectbox
{
display:block;
height:150px;
left:10pt;
position:absolute;
top:0pt;
width:235px;
z-index:-1;
border: 0px;
}
.bdforselection {
padding:12px;
}
/* new dialog style */
div.prompt, table.prompt {
background:#fff url(../../default/images/prompt_bg.jpg) bottom right no-repeat; border:1px solid #4f6d81;
}
.promptheader {
background:url(../../default/images/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none; height:24px
}
/* TABLE STYLE */
/*
Table formatting
*/
.th {
color: black; background-color: #D3DCE3;
}
.row_on {
color: black;
background-color: #F1F1F1;
}
.row_off {
color: black;
background-color: #ffffff;
}
.egwGridView_grid tr.row_on {
background-color: transparent;
}
.egwGridView_grid tr.row_off {
background-color: transparent;
}
.narrow_column { width: 1%; white-space: nowrap; }
.egwGridView_outer table.egwGridView_grid {
table-layout: fixed;
}
.egwGridView_grid {
border-spacing: 0;
border-collapse: collapse;
}
.egwGridView_outer div.innerContainer.queued {
background-image: url(../../default/images/egw_action/ajax-loader.gif);
background-position: center;
background-repeat: no-repeat;
height: 19px;
}
.egwGridView_grid > tbody > tr.focused {
background-image: url(../../default/images/egw_action/focused_hatching.png);
background-repeat: repeat;
}
.egwGridView_grid > tbody > tr.selected {
background-color: #b7c3ff !important;
}
tr.draggedOver td {
/*.egwGridView_grid tr.draggedOver td {*/
background-color: #ffd09c !important;
}
.egwGridView_scrollarea {
width: 100%;
overflow: auto;
}
.egwGridView_spacer {
background-image: url(../../default/images/egw_action/non_loaded_bg.png);
background-position: top left;
}
.egwGridView_outer {
table-layout: fixed;
border-spacing: 0;
border-collapse: collapse;
padding: 0;
/* margin: 5px;*/
}
.egwGridView_outer td, .egwGridView_outer tr {
padding: 0;
margin: 0;
}
.egwGridView_grid > tbody > tr > td {
border-right: 1px solid silver;
border-bottom: 1px solid #e0e0e0;
padding: 2px 3px 2px 4px;
margin: 0;
}
.egwGridView_outer th div.innerContainer,
.egwGridView_grid td div.innerContainer {
margin: 0;
padding: 0;
display: block;
overflow: hidden;
}
.egwGridView_outer th div.innerContainer {
max-height: 7em;
overflow-y: auto;
}
.egwGridView_grid tr.fullRow {
font-style: italic;
}
.egwGridView_grid tr.row_on:hover,
.egwGridView_grid tr.row_off:hover,
.egwGridView_grid tr.row:hover {
background-color: #f0f0ff;
}
.egwGridView_grid tr {
padding: 2px 3px 2px 4px;
margin: 0;
}
.egwGridView_grid tr.hidden {
display: none;
}
.egwGridView_grid span.indentation {
display: inline-block;
}
.egwGridView_grid span.iconOverlayContainer {
margin: 2px 5px 2px 2px;
position: relative;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
overflow: visible;
display: inline-block;
}
.egwGridView_grid span.overlayContainer {
position: absolute;
right: -2px;
bottom: -2px;
vertical-align: bottom;
text-align: right;
}
.egwGridView_grid span.iconContainer {
display: inline-block;
padding: 0;
margin: 0;
text-align: center;
}
.egwGridView_grid span.overlayContainer img.overlay {
position: relative;
top: 1px;
margin: 0;
padding: 0;
}
.egwGridView_grid img.icon {
vertical-align: middle;
margin: 0;
}
.egwGridView_grid span.arrow {
display: inline-block;
vertical-align: middle;
width: 8px;
height: 8px;
background-repeat: no-repeat;
margin-right: 2px;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.egwGridView_grid span.arrow.opened {
cursor: pointer;
background-image: url(../../default/images/egw_action/arrows.png);
background-position: -8px 0;
}
.egwGridView_grid span.arrow.closed {
cursor: pointer;
background-image: url(../../default/images/egw_action/arrows.png);
background-position: 0 0;
}
.egwGridView_grid span.arrow.loading {
cursor: pointer;
background-image: url(../../default/images/egw_action/ajax-loader.gif);
background-position: 0 0;
}
.egwGridView_grid span.caption {
cursor: default;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.egwGridView_grid tr.th > td, /*legacy*/
.egwGridView_outer thead th,
.nextmatch_header, .lettersearch {
background-color: #E0E0E0;
font-weight: normal;
padding: 2px;
border-left: 1px solid silver;
border-top: 1px solid silver;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
background-image: url(../../default/images/egw_action/header_overlay.png);
background-position: center;
background-repeat: repeat-x;
}
.lettersearch, .lettersearch_active {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width: 25px;
border: 1px solid #D3DCE3;
text-align: center;
cursor: pointer;
}
.lettersearch_active,.lettersearch:hover {
border: 1px solid black;
background-color: #E8F0F0;
}
.lettersearch_active {
font-weight: bold;
}
td.lettersearch {
border-color: #E0E0E0;
background-image: url(../images/gradient22.png);
}
.nextmatch_header tr {
background: none;
}
.nextmatch_header {
padding: 0px;
}
.egwGridView_grid tr.th > td:hover, /*legacy*/
.egwGridView_outer thead th:hover {
background-color: #F0F0F0;
}
.egwGridView_grid tr.th > td:active, /*legacy*/
.egwGridView_outer thead th:active {
background-color: #D0D0D0;
border-left: 1px solid gray;
border-top: 1px solid gray;
border-right: 1px solid silver;
border-bottom: 1px solid silver;
}
.egwGridView_outer thead th.optcol {
padding: 0;
text-align: center;
}
.selectcols {
display: inline-block;
width: 10px;
height: 9px;
margin: 0;
padding: 0;
vertical-align: middle;
background-image: url(../../default/images/egw_action/selectcols.png);
background-position: center;
background-repeat: no-repeat;
}
.nextmatch_header .selectcols {
background: none;
height: auto;
}
.egwGridView_grid td.frame,
.egwGridView_outer td.frame,
.egwGridView_grid td.egwGridView_spacer {
padding: 0 !important;
border-right: 0 none silver !important;
border-bottom: 0 none silver !important;
}
.egwGridView_outer span.sort {
display: inline-block;
width: 7px;
height: 7px;
background-repeat: no-repeat;
background-position: center;
margin: 2px;
vertical-align: middle;
}
.egwGridView_outer span.sort.asc {
background-image: url(../images/up.png);
}
.egwGridView_outer span.sort.desc {
background-image: url(../images/down.png);
}
.egwGridView_grid input[type=checkbox],
.egwGridView_outer input[type=checkbox] {
border-width: 0;
}
.egwGridView_outer input[type=checkbox] {
margin-left: 2px;
}
.egwGridView_grid input[type=checkbox] {
margin: 0;
}
.egwLinkMoreOptions {
display: none;
margin: 0;
padding: 0;
border-bottom: 2px solid black;
border-left: 2px solid black;
border-right: 2px solid black;
}
/* Empty placeholder */
.egwGridView_empty {
text-align: center;
border-bottom: 1px solid silver;
}