1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-27 09:12:41 +01:00
phorge-phorge/webroot/rsrc/css/aphront/tokenizer.css
epriestley 897274eed6 Add a class to the Tokenizer container while it is focused
Summary: For some evil design purpose.

Test Plan: Focused, blurred tokenizers.

Reviewers: chad

Reviewed By: chad

CC: aran

Differential Revision: https://secure.phabricator.com/D5780
2013-04-25 08:51:27 -07:00

73 lines
1.2 KiB
CSS

/**
* @provides aphront-tokenizer-control-css
* @requires aphront-typeahead-control-css
*/
div.jx-tokenizer {
background: transparent;
position: relative;
display: block;
width: 100%;
}
div.jx-tokenizer-container {
background: #fff;
border: 1px solid #96A6C5;
position: relative;
width: 100%;
padding: 0 2px;
border-radius: 3px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
div.jx-tokenizer-container-focused {
border-color: #0099ff;
}
var.jx-tokenizer-metrics {
position: absolute;
left: 20px;
top: 20px;
}
input.jx-tokenizer-input {
border: 1px solid transparent;
border-width: 1px 0px;
padding: 3px;
outline: none;
float: left;
}
span.jx-tokenizer-x-placeholder {
padding: 0 2px;
}
a.jx-tokenizer-token {
padding: 2px 0 2px 5px;
border: 1px solid #a4bdec;
margin: 3px 2px 0 4px;
background: #dee7f8;
float: left;
cursor: text;
font-size: 12px;
border-radius: 3px;
}
a.jx-tokenizer-token:hover {
text-decoration: none;
background: #bbcef1;
cursor: text;
}
a.jx-tokenizer-token a.jx-tokenizer-x {
color: #627aad;
font-family: Arial, sans-serif;
font-weight: normal;
cursor: pointer;
padding: 0 4px;
}
a.jx-tokenizer-token a.jx-tokenizer-x:hover {
text-decoration: none;
}