← Back to branch summary

~ubuntu-branches/ubuntu/vivid/emscripten/vivid

« back to all changes in this revision

Viewing changes to demos/skywriter/BespinEmbedded.css

  • Committer: Package Import Robot
  • Author(s): Sylvestre Ledru
  • Date: 2013-05-02 13:11:51 UTC
  • Revision ID: package-import@ubuntu.com-20130502131151-q8dvteqr1ef2x7xz
Tags: upstream-1.4.1~20130504~adb56cb
Import upstream version 1.4.1~20130504~adb56cb

Show diffs side-by-side

added added

removed removed

Lines of Context:
demos/skywriter/BespinEmbedded.css
 
1
.bespin-completion-panel {
 
2
    font-family: Helvetica, Arial, sans-serif;
 
3
    position: absolute;
 
4
    cursor: default;
 
5
    line-height: normal;
 
6
    -moz-user-select: none;
 
7
    -webkit-user-select: none;
 
8
}
 
9
 
 
10
.bespin-completion-pointer {
 
11
    position: absolute;
 
12
    z-index: 2;
 
13
    height: 21px;
 
14
    width: 21px;
 
15
}
 
16
 
 
17
.bespin-completion-pointer-up {
 
18
    top: 1px;
 
19
    border-top: solid #555 1px;
 
20
    border-left: solid #555 1px;
 
21
    background-image: -moz-linear-gradient(top left, #333333, #333333 50%, transparent 50%, transparent);
 
22
    background-image: -webkit-gradient(linear, left top, right bottom, from(#333333), color-stop(0.5, #333333), color-stop(0.5, transparent), to(transparent));
 
23
    -moz-transform: rotate(45deg);
 
24
    -webkit-transform: rotate(45deg);
 
25
}
 
26
 
 
27
.bespin-completion-pointer-down {
 
28
    bottom: 1px;
 
29
    border-top: solid #000 1px;
 
30
    border-left: solid #000 1px;
 
31
    background-image: -moz-linear-gradient(top left, #000, #000 50%, transparent 50%, transparent);
 
32
    background-image: -webkit-gradient(linear, left top, right bottom, from(#000), color-stop(0.5, #000), color-stop(0.5, transparent), to(transparent));
 
33
    -moz-transform: rotate(225deg);
 
34
    -webkit-transform: rotate(225deg);
 
35
}
 
36
 
 
37
.bespin-completion-bubble-outer {
 
38
    position: relative;
 
39
    z-index: 1;
 
40
    margin: 11px 0px 11px 0px;
 
41
    border-top: solid #555 1px;
 
42
    -moz-border-radius: 8px;
 
43
    -webkit-border-radius: 8px;
 
44
}
 
45
 
 
46
.bespin-completion-bubble-inner {
 
47
    position: relative;
 
48
    z-index: 3;
 
49
    padding: 6px;
 
50
    background: -moz-linear-gradient(top, #333333, #000000);
 
51
    background: -webkit-gradient(linear, center top, center bottom, from(#333333), to(#000000));
 
52
    color: #ffffff;
 
53
    font-size: 10.5pt;
 
54
    -moz-border-radius: 8px;
 
55
    -webkit-border-radius: 8px;
 
56
    -moz-box-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.5);
 
57
    -webkit-box-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.5);
 
58
}
 
59
 
 
60
.bespin-completion-panel ul {
 
61
    list-style: none;
 
62
    margin: 0px;
 
63
    padding: 0px;
 
64
}
 
65
 
 
66
.bespin-completion-panel li {
 
67
    text-indent: 0px;
 
68
    margin: 0px;
 
69
    padding: 6px 16px;
 
70
}
 
71
 
 
72
.bespin-completion-highlight {
 
73
    position: absolute;
 
74
    z-index: -1;
 
75
    background-image: -moz-linear-gradient(top, #3e59be, #312d80);
 
76
    background-image: -webkit-gradient(linear, center top, center bottom, from(#3e59be), to(#312d80));
 
77
    border: solid rgba(37, 34, 91, 1.0) 1px;
 
78
    -moz-border-radius: 6px;
 
79
    -webkit-border-radius: 6px;
 
80
}
 
81
 
 
82
.bespin-completion-kind {
 
83
    display: block;
 
84
    float: left;
 
85
    top: 0px;
 
86
    left: 0px;
 
87
    width: 8px;
 
88
    height: 8px;
 
89
    padding: 2px;
 
90
    margin: 0px 5px 0px 0px;
 
91
    font-size: 6.5pt;
 
92
    font-weight: bold;
 
93
    text-transform: uppercase;
 
94
    text-align: center;
 
95
    -moz-border-radius: 3px;
 
96
    -webkit-border-radius: 3px;
 
97
}
 
98
 
 
99
.bespin-completion-kind-m {
 
100
    background-color: maroon;
 
101
}
 
102
 
 
103
.bespin-completion-kind-f {
 
104
    background-color: green;
 
105
}
 
106
 
 
107
.bespin-completion-top-row {
 
108
    position: relative;
 
109
}
 
110
 
 
111
.bespin-completion-second-row {
 
112
    margin: 6px 0px 0px 17px;
 
113
    display: none;
 
114
}
 
115
 
 
116
.bespin-completion-ident {
 
117
    font-weight: bold;
 
118
}
 
119
 
 
120
.bespin-completion-container {
 
121
    color: #a0a0a0;
 
122
}
 
123