extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-11 16:38:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix pixelegg style for updated magicsuggest

Browse Source
This commit is contained in:
Hadi Nategh 2014-10-29 11:08:20 +00:00
parent 5086c8611a
commit 938afa0d70
3 changed files with 201 additions and 138 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

111
pixelegg/css/pixelegg.css
View File

@ -1783,7 +1783,7 @@ div#ui-datepicker-div {
* @package pixelegg * @package pixelegg
* @version $Id$ * @version $Id$
*/ */
.ms-ctn { div.ms-ctn {
position: relative; position: relative;
height: 28px; height: 28px;
padding: 0; padding: 0;
@ -1806,24 +1806,17 @@ div#ui-datepicker-div {
cursor: default; cursor: default;
display: block; display: block;
} }
.ms-ctn-invalid { input.ms-inv {
border: 1px solid #CC0000; border: 1px solid #CC0000;
} }
.ms-ctn-readonly { div.ms-ctn-readonly {
cursor: pointer; cursor: pointer;
} }
.ms-ctn-disabled { div.ms-ctn-disabled {
cursor: not-allowed; cursor: not-allowed;
background-color: #eeeeee; background-color: #eeeeee;
} }
.ms-ctn-bootstrap-focus, div.ms-ctn input {
.ms-ctn-bootstrap-focus .ms-res-ctn {
/* IE6-9 */
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-color: #0c5da5 !important;
}
.ms-ctn input {
border: 0; border: 0;
box-shadow: none; box-shadow: none;
-webkit-transition: none; -webkit-transition: none;
@ -1837,23 +1830,23 @@ div#ui-datepicker-div {
float: none; float: none;
margin: 2px 0 2px 2px; margin: 2px 0 2px 2px;
} }
.ms-ctn-disabled input { div.ms-ctn-disabled input {
cursor: not-allowed; cursor: not-allowed;
background-color: #eeeeee; background-color: #eeeeee;
} }
.ms-ctn .ms-input-readonly { div.ms-ctn .ms-input-readonly {
cursor: pointer; cursor: pointer;
} }
.ms-ctn .ms-empty-text { div.ms-ctn .ms-empty-text {
color: #DDD; color: #DDD;
} }
.ms-ctn input:focus { div.ms-ctn input:focus {
border: 0; border: 0;
box-shadow: none; box-shadow: none;
-webkit-transition: none; -webkit-transition: none;
background: #FFF; background: #FFF;
} }
.ms-ctn .ms-trigger { div.ms-ctn .ms-trigger {
float: right; float: right;
width: 27px; width: 27px;
height: 28px; height: 28px;
@ -1861,7 +1854,7 @@ div#ui-datepicker-div {
background: #EEE; background: #EEE;
cursor: pointer; cursor: pointer;
} }
.ms-ctn .ms-trigger .ms-trigger-ico { div.ms-ctn .ms-trigger .ms-trigger-ico {
display: inline-block; display: inline-block;
width: 0; width: 0;
height: 0; height: 0;
@ -1873,21 +1866,21 @@ div#ui-datepicker-div {
margin-left: 9px; margin-left: 9px;
margin-top: 13px; margin-top: 13px;
} }
.ms-ctn .ms-trigger:hover { div.ms-ctn .ms-trigger:hover {
background: -moz-linear-gradient(100% 100% 90deg, #e3e3e3, #f1f1f1); background: -moz-linear-gradient(100% 100% 90deg, #e3e3e3, #f1f1f1);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e3e3e3)); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e3e3e3));
} }
.ms-ctn .ms-trigger:hover .ms-trigger-ico { div.ms-ctn .ms-trigger:hover .ms-trigger-ico {
background-position: 0 -4px; background-position: 0 -4px;
} }
.ms-ctn-disabled .ms-trigger { div.ms-ctn-disabled .ms-trigger {
cursor: not-allowed; cursor: not-allowed;
background-color: #eeeeee; background-color: #eeeeee;
} }
.ms-ctn-bootstrap-focus { div.ms-ctn-bootstrap-focus {
border-bottom: 1px solid #CCC; border-bottom: 1px solid #CCC;
} }
.ms-res-ctn { div.ms-res-ctn {
position: relative; position: relative;
background: #FFF; background: #FFF;
overflow-y: auto; overflow-y: auto;
@ -1908,7 +1901,7 @@ div#ui-datepicker-div {
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
} }
.ms-res-ctn .ms-res-group { div.ms-res-ctn .ms-res-group {
line-height: 23px; line-height: 23px;
text-align: left; text-align: left;
padding: 2px 5px; padding: 2px 5px;
@ -1918,40 +1911,40 @@ div#ui-datepicker-div {
background: #f3edff; background: #f3edff;
color: #333; color: #333;
} }
.ms-res-ctn .ms-res-item { div.ms-res-ctn .ms-res-item {
line-height: 25px; line-height: 25px;
text-align: left; text-align: left;
padding: 2px 5px; padding: 2px 5px;
color: #666; color: #666;
cursor: pointer; cursor: pointer;
} }
.ms-res-ctn .ms-res-item-grouped { div.ms-res-ctn .ms-res-item-grouped {
padding-left: 15px; padding-left: 15px;
} }
.ms-res-ctn .ms-res-odd { div.ms-res-ctn .ms-res-odd {
background: #F3F3F3; background: #F3F3F3;
} }
.ms-res-ctn .ms-res-item-active { div.ms-res-ctn .ms-res-item-active {
background-color: #3875D7; background-color: #3875D7;
color: #fff; color: #fff;
} }
.ms-sel-ctn { div.ms-sel-ctn {
overflow: auto; overflow: auto;
line-height: 22px; line-height: 22px;
padding-right: 0px; padding-right: 0px;
} }
.ms-sel-ctn .ms-sel-item { div.ms-sel-ctn .ms-sel-item {
background: #ffdd73; background: #555;
color: #000000; color: #EEE;
float: left; float: left;
font-size: 12px; font-size: 12px;
padding: 0 10px 0 4px !important; padding: 0 15px 0 4px !important;
position: relative; position: relative;
border-radius: 3px; border-radius: 3px;
margin-left: 5px; margin-left: 5px;
margin-top: 4px; margin-top: 4px;
} }
.ms-sel-ctn .ms-sel-text { div.ms-sel-ctn .ms-sel-text {
background: #FFF; background: #FFF;
color: #666; color: #666;
padding-right: 0; padding-right: 0;
@ -1959,28 +1952,31 @@ div#ui-datepicker-div {
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
} }
.ms-res-ctn .ms-res-item em { div.ms-res-ctn .ms-res-item em {
font-style: normal; font-style: normal;
background: #565656; background: #565656;
color: #FFF; color: #FFF;
} }
.ms-sel-ctn .ms-sel-item:hover { div.ms-sel-ctn .ms-sel-item:hover {
background: #ffd140; background: #434343;
} }
.ms-sel-ctn .ms-sel-text:hover { div.ms-sel-ctn .ms-sel-text:hover {
background: #FFF; background: #FFF;
} }
.ms-sel-ctn .ms-sel-item-active { div.ms-sel-ctn .ms-sel-item-active {
border: 1px solid red; border: 1px solid red;
background: #757575; background: #757575;
} }
.ms-ctn .ms-sel-ctn .ms-sel-item { div.ms-ctn .ms-sel-ctn {
margin-left: 0px;
}
div.ms-ctn .ms-sel-ctn .ms-sel-item {
margin-top: 3px; margin-top: 3px;
} }
.ms-stacked .ms-sel-item { div.ms-stacked .ms-sel-item {
float: inherit; float: inherit;
} }
.ms-sel-ctn .ms-sel-item .ms-close-btn { div.ms-sel-ctn .ms-sel-item .ms-close-btn {
width: 7px; width: 7px;
cursor: pointer; cursor: pointer;
height: 7px; height: 7px;
@ -1992,16 +1988,43 @@ div#ui-datepicker-div {
right: 2px; right: 2px;
top: 2px; top: 2px;
} }
.ms-sel-ctn .ms-sel-item .ms-close-btn:hover { div.ms-sel-ctn .ms-sel-item .ms-close-btn:hover {
background-position: 0 -7px; background-position: 0 -7px;
} }
.ms-helper { span.ms-helper {
color: #AAA; color: #AAA;
font-size: 10px; font-size: 10px;
position: absolute; position: absolute;
top: -17px; top: -17px;
right: 0; right: 0;
} }
.ms-ctn.input-lg .ms-trigger .ms-trigger-ico {
margin-top: 17px;
}
.ms-ctn.input-sm .ms-trigger .ms-trigger-ico {
margin-top: 13px;
}
.ms-ctn.input-lg .ms-sel-ctn .ms-sel-item {
padding-top: 2px;
padding-bottom: 3px;
}
.ms-ctn.input-sm .ms-sel-ctn {
line-height: 15px;
}
.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item {
padding-top: 1px;
padding-bottom: 1px;
margin-top: 0;
margin-bottom: 0;
}
.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item .ms-close-btn {
margin-top: 4px;
}
div.ms-ctn .ms-trigger:hover {
width: 24px;
right: 1px;
border-radius: 0 3px 3px 0;
}
/** /**
* EGroupware: CSS with less preprocessor * EGroupware: CSS with less preprocessor

111
pixelegg/less/magicsuggest.css
View File

@ -11,7 +11,7 @@
* @package pixelegg * @package pixelegg
* @version $Id$ * @version $Id$
*/ */
.ms-ctn { div.ms-ctn {
position: relative; position: relative;
height: 28px; height: 28px;
padding: 0; padding: 0;
@ -34,24 +34,17 @@
cursor: default; cursor: default;
display: block; display: block;
} }
.ms-ctn-invalid { input.ms-inv {
border: 1px solid #CC0000; border: 1px solid #CC0000;
} }
.ms-ctn-readonly { div.ms-ctn-readonly {
cursor: pointer; cursor: pointer;
} }
.ms-ctn-disabled { div.ms-ctn-disabled {
cursor: not-allowed; cursor: not-allowed;
background-color: #eeeeee; background-color: #eeeeee;
} }
.ms-ctn-bootstrap-focus, div.ms-ctn input {
.ms-ctn-bootstrap-focus .ms-res-ctn {
/* IE6-9 */
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-color: #0c5da5 !important;
}
.ms-ctn input {
border: 0; border: 0;
box-shadow: none; box-shadow: none;
-webkit-transition: none; -webkit-transition: none;
@ -65,23 +58,23 @@
float: none; float: none;
margin: 2px 0 2px 2px; margin: 2px 0 2px 2px;
} }
.ms-ctn-disabled input { div.ms-ctn-disabled input {
cursor: not-allowed; cursor: not-allowed;
background-color: #eeeeee; background-color: #eeeeee;
} }
.ms-ctn .ms-input-readonly { div.ms-ctn .ms-input-readonly {
cursor: pointer; cursor: pointer;
} }
.ms-ctn .ms-empty-text { div.ms-ctn .ms-empty-text {
color: #DDD; color: #DDD;
} }
.ms-ctn input:focus { div.ms-ctn input:focus {
border: 0; border: 0;
box-shadow: none; box-shadow: none;
-webkit-transition: none; -webkit-transition: none;
background: #FFF; background: #FFF;
} }
.ms-ctn .ms-trigger { div.ms-ctn .ms-trigger {
float: right; float: right;
width: 27px; width: 27px;
height: 28px; height: 28px;
@ -89,7 +82,7 @@
background: #EEE; background: #EEE;
cursor: pointer; cursor: pointer;
} }
.ms-ctn .ms-trigger .ms-trigger-ico { div.ms-ctn .ms-trigger .ms-trigger-ico {
display: inline-block; display: inline-block;
width: 0; width: 0;
height: 0; height: 0;
@ -101,21 +94,21 @@
margin-left: 9px; margin-left: 9px;
margin-top: 13px; margin-top: 13px;
} }
.ms-ctn .ms-trigger:hover { div.ms-ctn .ms-trigger:hover {
background: -moz-linear-gradient(100% 100% 90deg, #e3e3e3, #f1f1f1); background: -moz-linear-gradient(100% 100% 90deg, #e3e3e3, #f1f1f1);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e3e3e3)); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e3e3e3));
} }
.ms-ctn .ms-trigger:hover .ms-trigger-ico { div.ms-ctn .ms-trigger:hover .ms-trigger-ico {
background-position: 0 -4px; background-position: 0 -4px;
} }
.ms-ctn-disabled .ms-trigger { div.ms-ctn-disabled .ms-trigger {
cursor: not-allowed; cursor: not-allowed;
background-color: #eeeeee; background-color: #eeeeee;
} }
.ms-ctn-bootstrap-focus { div.ms-ctn-bootstrap-focus {
border-bottom: 1px solid #CCC; border-bottom: 1px solid #CCC;
} }
.ms-res-ctn { div.ms-res-ctn {
position: relative; position: relative;
background: #FFF; background: #FFF;
overflow-y: auto; overflow-y: auto;
@ -136,7 +129,7 @@
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
} }
.ms-res-ctn .ms-res-group { div.ms-res-ctn .ms-res-group {
line-height: 23px; line-height: 23px;
text-align: left; text-align: left;
padding: 2px 5px; padding: 2px 5px;
@ -146,40 +139,40 @@
background: #f3edff; background: #f3edff;
color: #333; color: #333;
} }
.ms-res-ctn .ms-res-item { div.ms-res-ctn .ms-res-item {
line-height: 25px; line-height: 25px;
text-align: left; text-align: left;
padding: 2px 5px; padding: 2px 5px;
color: #666; color: #666;
cursor: pointer; cursor: pointer;
} }
.ms-res-ctn .ms-res-item-grouped { div.ms-res-ctn .ms-res-item-grouped {
padding-left: 15px; padding-left: 15px;
} }
.ms-res-ctn .ms-res-odd { div.ms-res-ctn .ms-res-odd {
background: #F3F3F3; background: #F3F3F3;
} }
.ms-res-ctn .ms-res-item-active { div.ms-res-ctn .ms-res-item-active {
background-color: #3875D7; background-color: #3875D7;
color: #fff; color: #fff;
} }
.ms-sel-ctn { div.ms-sel-ctn {
overflow: auto; overflow: auto;
line-height: 22px; line-height: 22px;
padding-right: 0px; padding-right: 0px;
} }
.ms-sel-ctn .ms-sel-item { div.ms-sel-ctn .ms-sel-item {
background: #ffdd73; background: #555;
color: #000000; color: #EEE;
float: left; float: left;
font-size: 12px; font-size: 12px;
padding: 0 10px 0 4px !important; padding: 0 15px 0 4px !important;
position: relative; position: relative;
border-radius: 3px; border-radius: 3px;
margin-left: 5px; margin-left: 5px;
margin-top: 4px; margin-top: 4px;
} }
.ms-sel-ctn .ms-sel-text { div.ms-sel-ctn .ms-sel-text {
background: #FFF; background: #FFF;
color: #666; color: #666;
padding-right: 0; padding-right: 0;
@ -187,28 +180,31 @@
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
} }
.ms-res-ctn .ms-res-item em { div.ms-res-ctn .ms-res-item em {
font-style: normal; font-style: normal;
background: #565656; background: #565656;
color: #FFF; color: #FFF;
} }
.ms-sel-ctn .ms-sel-item:hover { div.ms-sel-ctn .ms-sel-item:hover {
background: #ffd140; background: #434343;
} }
.ms-sel-ctn .ms-sel-text:hover { div.ms-sel-ctn .ms-sel-text:hover {
background: #FFF; background: #FFF;
} }
.ms-sel-ctn .ms-sel-item-active { div.ms-sel-ctn .ms-sel-item-active {
border: 1px solid red; border: 1px solid red;
background: #757575; background: #757575;
} }
.ms-ctn .ms-sel-ctn .ms-sel-item { div.ms-ctn .ms-sel-ctn {
margin-left: 0px;
}
div.ms-ctn .ms-sel-ctn .ms-sel-item {
margin-top: 3px; margin-top: 3px;
} }
.ms-stacked .ms-sel-item { div.ms-stacked .ms-sel-item {
float: inherit; float: inherit;
} }
.ms-sel-ctn .ms-sel-item .ms-close-btn { div.ms-sel-ctn .ms-sel-item .ms-close-btn {
width: 7px; width: 7px;
cursor: pointer; cursor: pointer;
height: 7px; height: 7px;
@ -220,13 +216,40 @@
right: 2px; right: 2px;
top: 2px; top: 2px;
} }
.ms-sel-ctn .ms-sel-item .ms-close-btn:hover { div.ms-sel-ctn .ms-sel-item .ms-close-btn:hover {
background-position: 0 -7px; background-position: 0 -7px;
} }
.ms-helper { span.ms-helper {
color: #AAA; color: #AAA;
font-size: 10px; font-size: 10px;
position: absolute; position: absolute;
top: -17px; top: -17px;
right: 0; right: 0;
} }
.ms-ctn.input-lg .ms-trigger .ms-trigger-ico {
margin-top: 17px;
}
.ms-ctn.input-sm .ms-trigger .ms-trigger-ico {
margin-top: 13px;
}
.ms-ctn.input-lg .ms-sel-ctn .ms-sel-item {
padding-top: 2px;
padding-bottom: 3px;
}
.ms-ctn.input-sm .ms-sel-ctn {
line-height: 15px;
}
.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item {
padding-top: 1px;
padding-bottom: 1px;
margin-top: 0;
margin-bottom: 0;
}
.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item .ms-close-btn {
margin-top: 4px;
}
div.ms-ctn .ms-trigger:hover {
width: 24px;
right: 1px;
border-radius: 0 3px 3px 0;
}

117
pixelegg/less/magicsuggest.less
View File

@ -15,7 +15,7 @@
@import (reference) "definitions.less"; @import (reference) "definitions.less";
//############################################################################################################## //##############################################################################################################
.ms-ctn{ div.ms-ctn{
position: relative; position: relative;
height: 28px; height: 28px;
padding: 0; padding: 0;
@ -38,30 +38,17 @@
cursor: default; cursor: default;
display: block; display: block;
} }
.ms-ctn-invalid{ input.ms-inv{
border: 1px solid #CC0000; border: 1px solid #CC0000;
} }
.ms-ctn-readonly{ div.ms-ctn-readonly{
cursor: pointer; cursor: pointer;
} }
.ms-ctn-disabled{ div.ms-ctn-disabled{
cursor: not-allowed; cursor: not-allowed;
background-color: #eeeeee; background-color: #eeeeee;
} }
.ms-ctn-bootstrap-focus, div.ms-ctn input{
.ms-ctn-bootstrap-focus .ms-res-ctn{
// border-color: rgba(82, 168, 236, 0.8) !important;
/* IE6-9 */
// -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
// -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
// box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-color: @egw_color_2_a !important;
}
.ms-ctn input{
border: 0; border: 0;
box-shadow: none; box-shadow: none;
-webkit-transition: none; -webkit-transition: none;
@ -75,23 +62,23 @@
float: none; float: none;
margin: 2px 0 2px 2px; margin: 2px 0 2px 2px;
} }
.ms-ctn-disabled input{ div.ms-ctn-disabled input{
cursor: not-allowed; cursor: not-allowed;
background-color: #eeeeee; background-color: #eeeeee;
} }
.ms-ctn .ms-input-readonly{ div.ms-ctn .ms-input-readonly{
cursor: pointer; cursor: pointer;
} }
.ms-ctn .ms-empty-text{ div.ms-ctn .ms-empty-text{
color: #DDD; color: #DDD;
} }
.ms-ctn input:focus{ div.ms-ctn input:focus{
border: 0; border: 0;
box-shadow: none; box-shadow: none;
-webkit-transition: none; -webkit-transition: none;
background: #FFF; background: #FFF;
} }
.ms-ctn .ms-trigger{ div.ms-ctn .ms-trigger{
float: right; float: right;
width: 27px; width: 27px;
height: 28px; height: 28px;
@ -99,7 +86,7 @@
background: #EEE; background: #EEE;
cursor: pointer; cursor: pointer;
} }
.ms-ctn .ms-trigger .ms-trigger-ico { div.ms-ctn .ms-trigger .ms-trigger-ico {
display: inline-block; display: inline-block;
width: 0; width: 0;
height: 0; height: 0;
@ -111,21 +98,21 @@
margin-left: 9px; margin-left: 9px;
margin-top: 13px; margin-top: 13px;
} }
.ms-ctn .ms-trigger:hover{ div.ms-ctn .ms-trigger:hover{
background: -moz-linear-gradient(100% 100% 90deg, #e3e3e3, #f1f1f1); background: -moz-linear-gradient(100% 100% 90deg, #e3e3e3, #f1f1f1);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e3e3e3)); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e3e3e3));
} }
.ms-ctn .ms-trigger:hover .ms-trigger-ico{ div.ms-ctn .ms-trigger:hover .ms-trigger-ico{
background-position: 0 -4px; background-position: 0 -4px;
} }
.ms-ctn-disabled .ms-trigger{ div.ms-ctn-disabled .ms-trigger{
cursor: not-allowed; cursor: not-allowed;
background-color: #eeeeee; background-color: #eeeeee;
} }
.ms-ctn-bootstrap-focus{ div.ms-ctn-bootstrap-focus{
border-bottom: 1px solid #CCC; border-bottom: 1px solid #CCC;
} }
.ms-res-ctn{ div.ms-res-ctn{
position: relative; position: relative;
background: #FFF; background: #FFF;
overflow-y: auto; overflow-y: auto;
@ -146,7 +133,7 @@
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
} }
.ms-res-ctn .ms-res-group{ div.ms-res-ctn .ms-res-group{
line-height: 23px; line-height: 23px;
text-align: left; text-align: left;
padding: 2px 5px; padding: 2px 5px;
@ -156,20 +143,20 @@
background: #f3edff; background: #f3edff;
color: #333; color: #333;
} }
.ms-res-ctn .ms-res-item{ div.ms-res-ctn .ms-res-item{
line-height: 25px; line-height: 25px;
text-align: left; text-align: left;
padding: 2px 5px; padding: 2px 5px;
color: #666; color: #666;
cursor: pointer; cursor: pointer;
} }
.ms-res-ctn .ms-res-item-grouped{ div.ms-res-ctn .ms-res-item-grouped{
padding-left: 15px; padding-left: 15px;
} }
.ms-res-ctn .ms-res-odd{ div.ms-res-ctn .ms-res-odd{
background: #F3F3F3; background: #F3F3F3;
} }
.ms-res-ctn .ms-res-item-active{ div.ms-res-ctn .ms-res-item-active{
background-color: #3875D7; background-color: #3875D7;
// filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875D7', endColorstr='#2A62BC', GradientType=0 ); // filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875D7', endColorstr='#2A62BC', GradientType=0 );
// background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875D7), color-stop(90%, #2A62BC)); // background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875D7), color-stop(90%, #2A62BC));
@ -180,23 +167,23 @@
color: #fff; color: #fff;
} }
.ms-sel-ctn{ div.ms-sel-ctn{
overflow: auto; overflow: auto;
line-height: 22px; line-height: 22px;
padding-right: 0px; padding-right: 0px;
} }
.ms-sel-ctn .ms-sel-item{ div.ms-sel-ctn .ms-sel-item{
background: @egw_color_1_e; background: #555;
color: #000000; color: #EEE;
float: left; float: left;
font-size: 12px; font-size: 12px;
padding: 0 10px 0 4px !important; padding: 0 15px 0 4px !important;
position: relative; position: relative;
border-radius: 3px; border-radius: 3px;
margin-left: 5px; margin-left: 5px;
margin-top: 4px; margin-top: 4px;
} }
.ms-sel-ctn .ms-sel-text{ div.ms-sel-ctn .ms-sel-text{
background: #FFF; background: #FFF;
color: #666; color: #666;
padding-right: 0; padding-right: 0;
@ -204,28 +191,31 @@
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
} }
.ms-res-ctn .ms-res-item em{ div.ms-res-ctn .ms-res-item em{
font-style: normal; font-style: normal;
background: #565656; background: #565656;
color: #FFF; color: #FFF;
} }
.ms-sel-ctn .ms-sel-item:hover{ div.ms-sel-ctn .ms-sel-item:hover{
background: @egw_color_1_d; background:#434343
} }
.ms-sel-ctn .ms-sel-text:hover{ div.ms-sel-ctn .ms-sel-text:hover{
background: #FFF; background: #FFF;
} }
.ms-sel-ctn .ms-sel-item-active{ div.ms-sel-ctn .ms-sel-item-active{
border: 1px solid red; border: 1px solid red;
background: #757575; background: #757575;
} }
.ms-ctn .ms-sel-ctn .ms-sel-item{ div.ms-ctn .ms-sel-ctn{
margin-left: 0px;
}
div.ms-ctn .ms-sel-ctn .ms-sel-item{
margin-top: 3px; margin-top: 3px;
} }
.ms-stacked .ms-sel-item{ div.ms-stacked .ms-sel-item{
float: inherit; float: inherit;
} }
.ms-sel-ctn .ms-sel-item .ms-close-btn{ div.ms-sel-ctn .ms-sel-item .ms-close-btn{
width: 7px; width: 7px;
cursor: pointer; cursor: pointer;
height: 7px; height: 7px;
@ -237,13 +227,40 @@
right: 2px; right: 2px;
top: 2px; top: 2px;
} }
.ms-sel-ctn .ms-sel-item .ms-close-btn:hover{ div.ms-sel-ctn .ms-sel-item .ms-close-btn:hover{
background-position: 0 -7px; background-position: 0 -7px;
} }
.ms-helper{ span.ms-helper{
color: #AAA; color: #AAA;
font-size: 10px; font-size: 10px;
position: absolute; position: absolute;
top: -17px; top: -17px;
right: 0; right: 0;
}
.ms-ctn.input-lg .ms-trigger .ms-trigger-ico {
margin-top: 17px
}
.ms-ctn.input-sm .ms-trigger .ms-trigger-ico {
margin-top: 13px
}
.ms-ctn.input-lg .ms-sel-ctn .ms-sel-item {
padding-top: 2px;
padding-bottom: 3px;
}
.ms-ctn.input-sm .ms-sel-ctn {
line-height: 15px;
}
.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item {
padding-top: 1px;
padding-bottom: 1px;
margin-top:0;
margin-bottom: 0;
}
.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item .ms-close-btn {
margin-top: 4px;
}
div.ms-ctn .ms-trigger:hover {
width:24px;
right: 1px;
border-radius: 0 3px 3px 0;
} }