mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-25 01:13:25 +01:00
newewst pixelegg changed from today
This commit is contained in:
Ralf Becker
parent
106eacc72a
commit
578087f812
@ -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);
|
||||
}
|
||||
@ -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
311
pixelegg/less/def_buttons.less
Executable 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
791
pixelegg/less/def_content_elements.less
Executable 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
534
pixelegg/less/def_design_pattern_color_font_shadow.less
Executable 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
339
pixelegg/less/def_icons.less
Executable 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
52
pixelegg/less/def_messages.less
Executable 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%;
|
||||
|
||||
}
|
||||
@ -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
1402
pixelegg/less/etemplate2.less
Executable file
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
172
pixelegg/less/jquery-ui.less
Executable file
172
pixelegg/less/jquery-ui.less
Executable 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
295
pixelegg/less/layout_apps_global.less
Executable 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
145
pixelegg/less/layout_chosen.less
Executable 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
785
pixelegg/less/layout_content_elements.less
Executable 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%;
|
||||
}
|
||||
//
|
||||
Binary file not shown.
@ -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%;
|
||||
|
||||
@ -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
52
pixelegg/less/layout_messages.less
Executable 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%;
|
||||
|
||||
}
|
||||
@ -12,8 +12,338 @@
|
||||
* @version $Id$
|
||||
*/
|
||||
/**
|
||||
* Nextmatch widget
|
||||
* 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
|
||||
*/
|
||||
.et2_nextmatch .nextmatch_header > .filters {
|
||||
padding: 0 0 0 1em;
|
||||
background-color: #f0f0f0;
|
||||
@ -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;
|
||||
@ -95,8 +426,8 @@
|
||||
position: relative;
|
||||
top: 5px;
|
||||
/**
|
||||
* Drop down button
|
||||
*/
|
||||
* Drop down button
|
||||
*/
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown,
|
||||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite .et2_dropdown {
|
||||
@ -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);
|
||||
|
||||
@ -12,235 +12,238 @@
|
||||
* @version $Id$
|
||||
*/
|
||||
|
||||
@import (reference) "../../phpgwapi/templates/default/def_buttons.less";
|
||||
@import "def_buttons.less";
|
||||
|
||||
/**
|
||||
* Nextmatch widget
|
||||
*/
|
||||
// Fläche einfärben
|
||||
.et2_nextmatch .nextmatch_header > .filters { .Rectangle_filters;}
|
||||
/**
|
||||
* Nextmatch widget
|
||||
*/
|
||||
// Fläche einfärben
|
||||
.et2_nextmatch .nextmatch_header > .filters { .Rectangle_filters;}
|
||||
|
||||
.et2_nextmatch {
|
||||
|
||||
// border-left: 9px solid #BFBFBF;
|
||||
// .border-color-25-gray;
|
||||
// border-left: 9px solid #BFBFBF;
|
||||
// .border-color-25-gray;
|
||||
|
||||
/* Left & right headers*/
|
||||
div > .header {
|
||||
margin-top: -20px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
// Listen Felder
|
||||
input, select {height: auto;}
|
||||
/* Left & right headers*/
|
||||
div > .header {
|
||||
margin-top: -20px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
.nextmatch_header {
|
||||
border: none;
|
||||
background-image: none;
|
||||
.background-color-10-gray;
|
||||
background-size: 80% 10;
|
||||
margin-bottom: 3px;
|
||||
// Listen Felder
|
||||
input, select {height: auto;}
|
||||
|
||||
|
||||
.nextmatch_header {
|
||||
border: none;
|
||||
background-image: none;
|
||||
.background-color-10-gray;
|
||||
background-size: 80% 10;
|
||||
margin-bottom: 3px;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// rechte Box
|
||||
div.et2_hbox_right{
|
||||
// position: relative;
|
||||
// right: 5em;
|
||||
// top: 0.4em;
|
||||
// margin-right: 23px;
|
||||
// float: right;
|
||||
// rechte Box
|
||||
div.et2_hbox_right{
|
||||
// position: relative;
|
||||
// right: 5em;
|
||||
// top: 0.4em;
|
||||
// margin-right: 23px;
|
||||
// float: right;
|
||||
|
||||
background: transparent;
|
||||
background: transparent;
|
||||
|
||||
table.et2_grid {background: transparent;}
|
||||
}
|
||||
table.et2_grid {background: transparent;}
|
||||
}
|
||||
|
||||
|
||||
// z.b. Dateimanager
|
||||
.et2_button_icon {
|
||||
vertical-align: middle;
|
||||
.Complete_Button_Icon_normal;
|
||||
margin-top: -5px;
|
||||
margin-right: 1em;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
.et2_button_icon:hover{.Complete_Button_Icon_hover ;}
|
||||
// z.b. Dateimanager
|
||||
.et2_button_icon {
|
||||
vertical-align: middle;
|
||||
.Complete_Button_Icon_normal;
|
||||
margin-top: -5px;
|
||||
margin-right: 1em;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
padding: 2px;
|
||||
}
|
||||
.et2_button_icon:hover{.Complete_Button_Icon_hover ;}
|
||||
|
||||
|
||||
|
||||
// Anzahl Treffer
|
||||
.header_count {
|
||||
position: relative;
|
||||
top: 7px;
|
||||
.Complete_Button_text;
|
||||
}
|
||||
// Anzahl Treffer
|
||||
.header_count {
|
||||
position: relative;
|
||||
top: 7px;
|
||||
.Complete_Button_text;
|
||||
}
|
||||
|
||||
// Favoriten
|
||||
div#infolog-index_favorite_wrapper,
|
||||
div.addressbook-index_favorite {
|
||||
.box_shadow_standard_light;
|
||||
.border_radius_button_normal;
|
||||
.background-color-25-gray;
|
||||
// Favoriten
|
||||
div#infolog-index_favorite_wrapper,
|
||||
div.addressbook-index_favorite {
|
||||
.box_shadow_standard_light;
|
||||
.border_radius_button_normal;
|
||||
.background-color-25-gray;
|
||||
|
||||
position: relative;
|
||||
top: 5px;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
|
||||
/**
|
||||
* Drop down button
|
||||
*/
|
||||
.et2_dropdown{
|
||||
/**
|
||||
* Drop down button
|
||||
*/
|
||||
.et2_dropdown{
|
||||
|
||||
height: 2em;
|
||||
// background: yellow;
|
||||
height: 2em;
|
||||
// background: yellow;
|
||||
|
||||
img {height: 16px; width: 16px;}
|
||||
img {height: 16px; width: 16px;}
|
||||
|
||||
button {
|
||||
height: 3.0ex;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: -2px;
|
||||
padding: 0px 1ex;
|
||||
.background-color-0-gray;
|
||||
background-image: none;
|
||||
button {
|
||||
height: 3.0ex;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: -2px;
|
||||
padding: 0px 1ex;
|
||||
.background-color-0-gray;
|
||||
background-image: none;
|
||||
|
||||
}
|
||||
button > div {
|
||||
vertical-align: middle;
|
||||
}
|
||||
button:last-child {
|
||||
padding: 0px
|
||||
}
|
||||
+ ul.ui-menu {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
button > div {
|
||||
vertical-align: middle;
|
||||
}
|
||||
button:last-child {
|
||||
padding: 0px
|
||||
}
|
||||
+ ul.ui-menu {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
|
||||
} // dropdown
|
||||
} // dropdown
|
||||
|
||||
// Liste
|
||||
ul{
|
||||
// Liste
|
||||
ul{
|
||||
|
||||
.border-color-25-gray;
|
||||
.background-color-0-gray;
|
||||
.color-100-gray;
|
||||
li{
|
||||
.background-color-0-gray;
|
||||
.border-color-25-gray;
|
||||
.background-color-0-gray;
|
||||
.color-100-gray;
|
||||
li{
|
||||
.background-color-0-gray;
|
||||
|
||||
&:hover {.background-color-10-gray;}
|
||||
a {
|
||||
&:hover {.background-color-10-gray;}
|
||||
a {
|
||||
|
||||
height: 40px;
|
||||
border: none;
|
||||
height: 40px;
|
||||
border: none;
|
||||
|
||||
img {height: 16px; width: 16px;}
|
||||
}
|
||||
img {height: 16px; width: 16px;}
|
||||
}
|
||||
|
||||
a:hover {
|
||||
background: none;
|
||||
text-indent: -22px;
|
||||
margin-left: 21px;
|
||||
height: 40px;
|
||||
a:hover {
|
||||
background: none;
|
||||
text-indent: -22px;
|
||||
margin-left: 21px;
|
||||
height: 40px;
|
||||
|
||||
}
|
||||
}
|
||||
li#blank {}
|
||||
li#add { }
|
||||
}
|
||||
}
|
||||
li#blank {}
|
||||
li#add { }
|
||||
|
||||
}
|
||||
} // Favoriten
|
||||
}
|
||||
} // Favoriten
|
||||
|
||||
|
||||
|
||||
}
|
||||
/* Favorites */
|
||||
div#favorite_wrapper {
|
||||
margin-top: 8px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
// Ende .et2_nextmatch
|
||||
}
|
||||
/* Favorites */
|
||||
div#favorite_wrapper {
|
||||
margin-top: 8px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
// Ende .et2_nextmatch
|
||||
}
|
||||
|
||||
// Filterleiste
|
||||
.filters {
|
||||
.filters {
|
||||
|
||||
.Rectangle_filters;
|
||||
width: 80%;
|
||||
.Rectangle_filters;
|
||||
width: 80%;
|
||||
|
||||
// Export Bild
|
||||
img.et2_button {
|
||||
float: right;
|
||||
position: relative;
|
||||
top: 15px;
|
||||
}
|
||||
// Export Bild
|
||||
img.et2_button_icon {
|
||||
float: right;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
select {
|
||||
.Complete_Button_select;
|
||||
margin-right: 2ex;
|
||||
padding: 5px;
|
||||
// border: 2px;
|
||||
&:hover{
|
||||
.Complete_Button_select_hover;
|
||||
}
|
||||
select {
|
||||
.Complete_Button_select;
|
||||
margin-right: 2ex;
|
||||
padding: 5px;
|
||||
// border: 2px;
|
||||
&:hover{
|
||||
.Complete_Button_select_hover;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
select#cat_id {margin-left: 1em;}
|
||||
select#cat_id {margin-left: 1em;}
|
||||
|
||||
|
||||
input {
|
||||
.Complete_Button_input;
|
||||
// margin-left: 2ex;
|
||||
// margin-top: 2px;
|
||||
// padding: 0px;
|
||||
// position: relative;
|
||||
// top: 4px;
|
||||
input {
|
||||
.Complete_Button_input;
|
||||
// margin-left: 2ex;
|
||||
// margin-top: 2px;
|
||||
// padding: 0px;
|
||||
// position: relative;
|
||||
// top: 4px;
|
||||
|
||||
&:hover{
|
||||
.Complete_Button_input_hover;
|
||||
}
|
||||
&:hover{
|
||||
.Complete_Button_input_hover;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
label { }
|
||||
label { }
|
||||
|
||||
|
||||
|
||||
|
||||
// Suchen Button
|
||||
button {
|
||||
.Complete_Button_search_action;
|
||||
// position: relative;
|
||||
// top: 4px;
|
||||
// Suchen Button
|
||||
button {
|
||||
.Complete_Button_search_action;
|
||||
// position: relative;
|
||||
// top: 4px;
|
||||
|
||||
&:hover{
|
||||
.Complete_Button_search_action_hover;
|
||||
background-color: @yellow;
|
||||
}
|
||||
&:hover{
|
||||
.Complete_Button_search_action_hover;
|
||||
background-color: @yellow;
|
||||
}
|
||||
|
||||
&:active {
|
||||
.Complete_Button_search_action_active;
|
||||
}
|
||||
&:active {
|
||||
.Complete_Button_search_action_active;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
.Complete_Button_input_focus;
|
||||
}
|
||||
&:focus {
|
||||
.Complete_Button_input_focus;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
} // Ende filter
|
||||
}
|
||||
//
|
||||
@ -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,14 +353,18 @@
|
||||
#divMainView body {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.egwGridView_scrollarea {
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
#egw_fw_header {
|
||||
width: 100%;
|
||||
float: left;
|
||||
/* ###########################################################################################################################################
|
||||
/* ###########################################################################################################################################
|
||||
* Topmenu
|
||||
/* ###########################################################################################################################################
|
||||
*/
|
||||
/* ###########################################################################################################################################
|
||||
* Topmenu
|
||||
/* ###########################################################################################################################################
|
||||
*/
|
||||
}
|
||||
#egw_fw_header #egw_divLogo {
|
||||
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;
|
||||
@ -127,15 +461,15 @@
|
||||
}
|
||||
#egw_fw_topmenu_addons {
|
||||
/* ###################################################################
|
||||
* Topmenu
|
||||
*
|
||||
* Name + Datum + Hinzufügen
|
||||
*
|
||||
*
|
||||
* */
|
||||
* Topmenu
|
||||
*
|
||||
* Name + Datum + Hinzufügen
|
||||
*
|
||||
*
|
||||
* */
|
||||
}
|
||||
#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;
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
37
pixelegg/less/et2_table.less → pixelegg/less/layout_table.less
Normal file → Executable file
37
pixelegg/less/et2_table.less → pixelegg/less/layout_table.less
Normal file → Executable 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;}
|
||||
//
|
||||
@ -166,6 +166,7 @@
|
||||
.ms-sel-ctn {
|
||||
overflow: auto;
|
||||
line-height: 22px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
.ms-sel-ctn .ms-sel-item {
|
||||
background: #ffdd73;
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -2,4 +2,4 @@
|
||||
Printing
|
||||
*/
|
||||
@media screen { .onlyPrint { display: none; } }
|
||||
@media print { .noPrint { display: none; } }
|
||||
@media print { .noPrint { display: none; } }
|
||||
884
pixelegg/less/traditional.less
Executable file
884
pixelegg/less/traditional.less
Executable 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;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user