move generic select-list styles to main bundle

This commit is contained in:
Justin Palmer 2013-02-04 08:21:53 -08:00
parent 4b9d14d2f3
commit 065d1e8d80
2 changed files with 45 additions and 54 deletions

View File

@ -1,19 +1,51 @@
.select-list {
position: absolute;
width: 600px;
top: 0;
left: 50%;
margin-left: -300px;
box-sizing: border-box;
z-index: 99;
.select-list ol {
border: 1px solid #212121;
max-height: 300px;
position: relative;
}
.select-list ol:empty {
margin-bottom: 0;
border: none;
}
.select-list ol li {
padding: 10px;
}
.select-list ol li:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
}
.select-list li .label {
display: inline-block;
}
.select-list li .right {
color: #999;
}
.select-list .key-binding {
border-radius: 2px;
margin-left: 5px;
padding: 3px;
font-size: 11px;
}
.select-list ol li:last-child {
border-bottom: none;
}
.select-list .editor {
box-sizing: border-box;
padding: 5px;
margin-bottom: 5px;
}
.select-list ol {
position: relative;
overflow-y: auto;
.select-list .error {
font-weight: bold;
color: white;
text-shadow: 0 1px 0 #4E0000;
}

View File

@ -1,36 +1,13 @@
.select-list ol {
border: 1px solid #212121;
max-height: 300px;
}
.select-list ol:empty {
margin-bottom: 0;
border: none;
}
.select-list ol li {
background-color: #292929;
border-bottom: 1px solid #1e1e1e;
padding: 10px;
}
.select-list ol li:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
}
.select-list li .label {
display: inline-block;
color: #ddd;
}
.select-list li .right {
float: right;
font-size: 11px;
font-family: courier;
color: #999;
}
@ -39,31 +16,13 @@
rgba(100, 100, 100, 0.5),
rgba(70,70,70, 0.5));
color: #ccc;
border-radius: 2px;
margin-left: 5px;
padding: 3px;
font-size: 11px;
-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.1);
}
.select-list ol li:last-child {
border-bottom: none;
}
.select-list .editor {
margin-bottom: 5px;
}
.select-list li:hover {
background-color: #555;
}
.select-list ol .selected {
background-image: -webkit-linear-gradient(#7e7e7e, #737373);
}
.select-list .error {
font-weight: bold;
color: white;
text-shadow: 0 1px 0 #4E0000;
}