Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/aphront/tokenizer.css
| /** | /** | ||||
| * @provides aphront-tokenizer-control-css | * @provides aphront-tokenizer-control-css | ||||
| * @requires aphront-typeahead-control-css | * @requires aphront-typeahead-control-css | ||||
| * @requires phui-tag-view-css | |||||
| */ | */ | ||||
| body div.jx-tokenizer { | body div.jx-tokenizer { | ||||
| background: transparent; | background: transparent; | ||||
| position: relative; | position: relative; | ||||
| width: 100%; | width: 100%; | ||||
| } | } | ||||
| Show All 35 Lines | |||||
| body input.jx-typeahead-placeholder { | body input.jx-typeahead-placeholder { | ||||
| margin-left: 4px; | margin-left: 4px; | ||||
| color: {$greytext}; | color: {$greytext}; | ||||
| } | } | ||||
| a.jx-tokenizer-x { | a.jx-tokenizer-x { | ||||
| margin-left: 4px; | margin-left: 4px; | ||||
| color: {$bluetext}; | color: {$bluetext}; | ||||
| float: right; | |||||
| } | } | ||||
| a.jx-tokenizer-x:hover { | a.jx-tokenizer-x:hover { | ||||
| color: {$darkbluetext}; | color: {$darkbluetext}; | ||||
| text-decoration: none; | text-decoration: none; | ||||
| } | } | ||||
| a.jx-tokenizer-token { | a.jx-tokenizer-token { | ||||
| padding: 2px 6px 3px; | padding: 2px 6px; | ||||
| border: 1px solid {$lightblueborder}; | border: 1px solid {$lightblueborder}; | ||||
| margin: 3px 2px 0 4px; | margin: 3px 2px 0 4px; | ||||
| background: #dee7f8; | background-color: {$sh-bluebackground}; | ||||
| float: left; | float: left; | ||||
| cursor: pointer; | cursor: pointer; | ||||
| border-radius: 3px; | border-radius: 3px; | ||||
| color: {$darkbluetext}; | color: {$sh-bluetext}; | ||||
| min-height: 16px; | min-height: 16px; | ||||
| } | } | ||||
| a.jx-tokenizer-token:hover { | a.jx-tokenizer-token:hover { | ||||
| text-decoration: none; | text-decoration: none; | ||||
| border-color: {$blueborder}; | border-color: {$sh-blueborder}; | ||||
| background: #CDD9F0; | |||||
| } | } | ||||
| .jx-tokenizer-token .phui-icon-view { | .jx-tokenizer-token .phui-icon-view { | ||||
| display: inline-block; | display: inline-block; | ||||
| margin: 2px 4px -3px 0; | margin: 2px 4px -3px 0; | ||||
| color: {$bluetext}; | color: {$sh-blueicon}; | ||||
| } | } | ||||
| a.jx-tokenizer-token-function { | a.jx-tokenizer-token-function { | ||||
| border-color: {$sh-lightyellowborder}; | border-color: {$sh-lightgreyborder}; | ||||
| background: {$sh-yellowbackground}; | background: #fff; | ||||
| color: {$sh-yellowtext}; | |||||
| } | } | ||||
| a.jx-tokenizer-token-function:hover { | a.jx-tokenizer-token-function:hover { | ||||
| border-color: {$sh-yellowborder}; | background: #fff; | ||||
| background: {$lightyellow}; | |||||
| } | |||||
| .jx-tokenizer-token-function .phui-icon-view { | |||||
| color: {$sh-yellowicon}; | |||||
| } | } | ||||
| a.jx-tokenizer-token-disabled { | a.jx-tokenizer-token-disabled { | ||||
| border-color: {$sh-lightgreyborder}; | background-color: {$sh-disabledbackground}; | ||||
| background: {$sh-greybackground}; | border-color: {$sh-lightdisabledborder}; | ||||
| color: {$sh-greytext}; | color: {$sh-disabledtext}; | ||||
| } | } | ||||
| a.jx-tokenizer-token-disabled:hover { | a.jx-tokenizer-token-disabled:hover { | ||||
| border-color: {$sh-greyborder}; | border-color: {$sh-disabledborder}; | ||||
| background: {$greybackground}; | background-color: {$sh-disabledbackground}; | ||||
| } | } | ||||
| .jx-tokenizer-token-disabled .phui-icon-view { | .jx-tokenizer-token-disabled .phui-icon-view { | ||||
| color: {$sh-greyicon}; | color: {$sh-disabledicon}; | ||||
| } | } | ||||
| a.jx-tokenizer-token-invalid { | a.jx-tokenizer-token-invalid { | ||||
| border-color: {$sh-lightredborder}; | border-color: {$sh-lightredborder}; | ||||
| background: {$sh-redbackground}; | background: {$sh-redbackground}; | ||||
| color: {$sh-redtext}; | color: {$sh-redtext}; | ||||
| } | } | ||||
| a.jx-tokenizer-token-invalid:hover { | a.jx-tokenizer-token-invalid:hover { | ||||
| border-color: {$sh-redborder}; | border-color: {$sh-redborder}; | ||||
| background: {$lightred}; | background: {$sh-redbackground}; | ||||
| } | } | ||||
| .jx-tokenizer-token-invalid .phui-icon-view { | .jx-tokenizer-token-invalid .phui-icon-view { | ||||
| color: {$sh-redicon}; | color: {$sh-redicon}; | ||||
| } | } | ||||
| .tokenizer-result { | .tokenizer-result { | ||||
| position: relative; | position: relative; | ||||
| ▲ Show 20 Lines • Show All 53 Lines • Show Last 20 Lines | |||||