62385075c7
Fixed positioning to avoid the use of float which was problematic in Firefox. The current solution uses absolute positioning. Extra padding has been added to the label next to it to avoid the text to overlap. Change-Id: I82c69fa524f05262b60928fc4ba09104c6d05c2c
117 lines
2.8 KiB
CSS
117 lines
2.8 KiB
CSS
div.input-settings-block {
|
|
/* @embed */
|
|
background: transparent url('../images/input.png') left top no-repeat;
|
|
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/input.svg');
|
|
background-image: -moz-linear-gradient(transparent, transparent), url('../images/input.svg');
|
|
background-image: linear-gradient(transparent, transparent), url('../images/input.svg');
|
|
background-size: 20px auto;
|
|
color: #252525;
|
|
padding-left: 26px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.imelabel {
|
|
display: block;
|
|
padding-bottom: 10px;
|
|
font-size: 10pt;
|
|
line-height: 16pt;
|
|
}
|
|
|
|
.imelabel span {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.imelabel input {
|
|
float: left;
|
|
}
|
|
|
|
.ime-selector-more-languages:hover {
|
|
text-decoration: none;
|
|
color: #ffffff;
|
|
background-color: #5089e8;
|
|
}
|
|
|
|
.uls-ime-menu-settings-item {
|
|
background-color: #f0f0f0;
|
|
border-radius: 0 0 5px 5px;
|
|
border-top: 1px solid #ddd;
|
|
margin-top: 6px;
|
|
padding: 4px 2px;
|
|
color: #444;
|
|
position: relative;
|
|
}
|
|
|
|
.uls-ime-disable-link {
|
|
/* @embed */
|
|
background: transparent url('../images/remove-input.png') left top no-repeat;
|
|
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/remove-input.svg');
|
|
background-image: -moz-linear-gradient(transparent, transparent), url('../images/remove-input.svg');
|
|
background-image: linear-gradient(transparent, transparent), url('../images/remove-input.svg');
|
|
background-size: auto 16px;
|
|
padding-left: 22px;
|
|
padding-right: 26px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.uls-ime-more-settings-link {
|
|
/* @embed */
|
|
background: transparent url('../images/cog.png') center top no-repeat;
|
|
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/cog.svg');
|
|
background-image: -moz-linear-gradient(transparent, transparent), url('../images/cog.svg');
|
|
background-image: linear-gradient(transparent, transparent), url('../images/cog.svg');
|
|
background-size: auto 14px;
|
|
border-left: 1px solid #CCCCCC;
|
|
width: 22px;
|
|
height: 14px;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
|
|
.uls-ime-menu-settings-item > a:hover {
|
|
background-color: #f0f0f0;
|
|
color: #000;
|
|
}
|
|
|
|
.ext-uls-input-settings-imes-title:empty {
|
|
display:none;
|
|
}
|
|
|
|
.uls-input-settings-disable-info,
|
|
.uls-input-settings-no-inputmethods {
|
|
color: #565656;
|
|
padding-top: 10px;
|
|
padding-bottom: 15px;
|
|
font-size: 11pt;
|
|
}
|
|
|
|
.down+.uls-input-settings-caret {
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: none;
|
|
border-right: 8px solid transparent;
|
|
border-left: 8px solid transparent;
|
|
border-bottom: 8px solid #f0f0f0;
|
|
content: "";
|
|
position: relative;
|
|
vertical-align: bottom;
|
|
top: 12px;
|
|
left: -16%;
|
|
margin: 0 -8px;
|
|
}
|
|
|
|
.uls-input-settings-toggle {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.uls-input-settings .uls-input-settings-inputmethods-list {
|
|
margin: 12px 0;
|
|
padding: 6px 10px;
|
|
background: #f0f0f0;
|
|
}
|
|
|
|
.uls-ime-notification-bubble .link {
|
|
color: #0645AD;
|
|
cursor: pointer;
|
|
}
|