app/assets/stylesheets/areacomplete.css.scss
/*
jQuery at-username
basic styling; you might want to use this as a starting point
*/
@import "configuration";
.wordwrap {
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Firefox */
white-space: -pre-wrap; /* Opera <7 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* IE */
}
.invisible {
opacity: 0;
position: relative;
z-index: -10;
filter: alpha(opacity = 0);
}
.at-username-container {
display: none;
}
#at-username-autocomplete {
background: white;
margin: 0;
padding: 0;
position: absolute;
border: 1px solid #aaa;
box-shadow: #aaa 1px 1px 4px;
z-index: 100;
li {
cursor: pointer;
margin: 0;
min-width: 150px;
font-size: 12px;
line-height: 18px;
padding: 2px 5px;
&.active {
background: #aaa;
color: white;
}
&:hover {
color: $base;
}
}
}