diff options
author | Jose Antonio Marquez | 2012-05-16 15:42:37 -0700 |
---|---|---|
committer | Jose Antonio Marquez | 2012-05-16 15:42:37 -0700 |
commit | 857aafee732b6a85fa155ff4a05d1b8fde48f09d (patch) | |
tree | e06d330caee280aa05aec46391979e9abdcf974c /node_modules/montage/ui/token-field/token.reel/token.css | |
parent | 5cc5d29736d8bf253e3a168cdd6443e839ffb23c (diff) | |
parent | fd54dabad7cbc27a0efb0957155c00d578912909 (diff) | |
download | ninja-857aafee732b6a85fa155ff4a05d1b8fde48f09d.tar.gz |
Merge branch 'refs/heads/Ninja-DOM-Architecture' into Document
Diffstat (limited to 'node_modules/montage/ui/token-field/token.reel/token.css')
-rw-r--r-- | node_modules/montage/ui/token-field/token.reel/token.css | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/node_modules/montage/ui/token-field/token.reel/token.css b/node_modules/montage/ui/token-field/token.reel/token.css new file mode 100644 index 00000000..d1b8c1cb --- /dev/null +++ b/node_modules/montage/ui/token-field/token.reel/token.css | |||
@@ -0,0 +1,54 @@ | |||
1 | /* <copyright> | ||
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
5 | </copyright> */ | ||
6 | .montage-token { | ||
7 | display: inline-block; | ||
8 | margin: 3px 1px; | ||
9 | border: 1px solid hsl(0,0%,85%); | ||
10 | background-color: hsl(0,0%,95%); | ||
11 | color: #333; | ||
12 | vertical-align: middle; | ||
13 | cursor: default; | ||
14 | border-radius: 3px; | ||
15 | } | ||
16 | |||
17 | .montage-token > .montage-token-text { | ||
18 | padding: 0px 1px 0px 5px; | ||
19 | } | ||
20 | |||
21 | .montage-token > .montage-token-delete { | ||
22 | display: inline-block; | ||
23 | padding: 3px 6px; | ||
24 | border-left: inherit; | ||
25 | border-radius: 0 2px 2px 0; | ||
26 | color: hsl(0,0%,60%); | ||
27 | cursor: pointer; | ||
28 | } | ||
29 | .montage-token > .montage-token-delete:hover { | ||
30 | color: hsl(0,0%,30%); | ||
31 | background-color: hsl(0,0%,90%); | ||
32 | } | ||
33 | .montage-token > .montage-token-delete:active { | ||
34 | color: hsl(0,0%,60%); | ||
35 | background-color: hsl(0,0%,85%); | ||
36 | } | ||
37 | |||
38 | /* selected */ | ||
39 | .montage-token.selected { | ||
40 | border-color: hsl(0,0%,60%); | ||
41 | } | ||
42 | |||
43 | .montage-token.selected > .montage-token-delete { | ||
44 | color: hsl(0,0%,100%); | ||
45 | background-color: hsl(0,0%,60%); | ||
46 | } | ||
47 | |||
48 | .montage-token.active { | ||
49 | border: 1px solid #ccc; | ||
50 | } | ||
51 | |||
52 | .montage-token.montage-token-adhoc { | ||
53 | border: 1px dashed #ccc; | ||
54 | } | ||