Fix pixelegg style for updated magicsuggest

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

View File

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

View File

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

View File

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