← Back to branch summary

~jstys-z/helioviewer.org/client5

« back to all changes in this revision

Viewing changes to resources/css/events.css

  • Committer: Keith Hughitt
  • Date: 2012-04-23 16:02:25 UTC
  • mto: This revision was merged to the branch mainline in revision 732.
  • Revision ID: keith.hughitt@nasa.gov-20120423160225-xzoh82ejf37c8yr7
Incorporated HVPull code

Show diffs side-by-side

added added

removed removed

Lines of Context:
resources/css/events.css
1
 
#eventJSTree {
2
 
    white-space: nowrap;
3
 
        overflow: hidden;
4
 
        text-overflow: ellipsis;
5
 
}
6
 
 
7
 
#eventJSTree a {
8
 
    font-family: 'Courier New', Courier, monospace;
9
 
    font-size: 1em;
10
 
    font-weight: 400;
11
 
    overflow: ellipsis;
12
 
    color: white;
13
 
}
14
 
#eventJSTree a:hover {
15
 
    background-color: black;
16
 
    border: 1px solid black;
17
 
}
18
 
#eventJSTree a .checkbox {
19
 
    margin-right: 0.4em;
20
 
}
21
 
 
22
 
.event-marker {
23
 
    background-repeat: no-repeat;
24
 
    background-size: 23px 39px;
25
 
    height: 39px;
26
 
    position: absolute;
27
 
    width: 23px;
28
 
}
29
 
.event-label, .event-label-hover {
30
 
    color: white;
31
 
    font-family: Arial, Helvetica, sans-serif;
32
 
    font-size: 10px;
33
 
    font-weight: bold;
34
 
    left: 23px;
35
 
    overflow: hidden;
36
 
    position: absolute;
37
 
    text-overflow: ellipsis;
38
 
    text-shadow: 1px  0px 1px black,
39
 
                 0px  1px 1px black,
40
 
                -1px  0px 1px black,
41
 
                 0px -1px 1px black;
42
 
    -moz-border-radius: 3px;
43
 
    -webkit-border-radius: 3px;
44
 
    border-radius: 3px;
45
 
    padding: 2px;
46
 
    top: 4px;
47
 
    white-space: nowrap;
48
 
}
49
 
.event-label-hover {
50
 
    background-color: rgba(24, 24, 24, 0.95);
51
 
    z-index: 1000;
52
 
}
53
 
.event-region {
54
 
    background-repeat: no-repeat;
55
 
    position: absolute;
56
 
}
57
 
.event-popup {
58
 
    background-color: rgba(24, 24, 24, 0.9);
59
 
    border: 2px solid black;
60
 
    -moz-border-radius: 6px;
61
 
    -webkit-border-radius: 6px;
62
 
    border-radius: 6px;
63
 
    box-shadow: 0 0 12px black;
64
 
    color: white;
65
 
    font-size: 11px;
66
 
    overflow: hidden;
67
 
    padding: 5px 5px 0;
68
 
    position: absolute;
69
 
    text-overflow: ellipsis;
70
 
    white-space: nowrap;
71
 
    width: 280px;
72
 
}
73
 
.event-popup h1 {
74
 
    display: inline-block;
75
 
    font-size: 14px;
76
 
    font-weight: bold;
77
 
    margin: -3px 0 6px 0;
78
 
}
79
 
.event-popup .hr {
80
 
    margin: 3px 0 6px 0;
81
 
    padding: 0;
82
 
    height: 1px;
83
 
    color: #666;
84
 
    background-color: #444;
85
 
}
86
 
.event-popup .close-button {
87
 
    position: absolute;
88
 
    right: 2px;
89
 
    top: 0;
90
 
}
91
 
.event-popup .container {
92
 
    color: #DDDDDD;
93
 
    font-family: Arial,Helvetica,sans-serif;
94
 
    position: relative;
95
 
}
96
 
.event-popup .param-container {
97
 
    width: 120px;
98
 
    position: relative;
99
 
    text-align: right;
100
 
    overflow: hidden;
101
 
    white-space: nowrap;
102
 
    text-overflow: ellipsis;
103
 
}
104
 
.event-popup .param-label {
105
 
    float: right;
106
 
    text-align: right;
107
 
    font-weight: bold;
108
 
}
109
 
.event-popup .value-container {
110
 
    width: 260px;
111
 
    position: absolute;
112
 
    top: 0;
113
 
    left: 126px;
114
 
    overflow: hidden;
115
 
    white-space: nowrap;
116
 
    text-overflow: ellipsis;
117
 
}
118
 
.value-container .ui-icon {
119
 
    float: left;
120
 
    margin-left: 4px;
121
 
}
122
 
.event-popup .param-value {
123
 
    float: left;
124
 
    text-align: left;
125
 
    font-family: monospace;
126
 
}
127
 
.event-popup .btn-container {
128
 
    color: #DDDDDD;
129
 
    margin: 7px 0 3px -3px;
130
 
    position: relative;
131
 
}
132
 
.event-popup .btn-label {
133
 
    font-family: Arial,Helvetica,sans-serif;
134
 
    font-size: 10px;
135
 
    font-weight: bold;
136
 
    line-height: 17px;
137
 
    text-align: left;
138
 
    margin: 0 6px 0 1px;
139
 
}
140
 
.btn-container .btn {
141
 
    float: left;
142
 
}
143
 
 
144
 
.event-header-tag {
145
 
    font-weight: bold;
146
 
}
147
 
.event-header-tag[title]
148
 
{
149
 
    cursor: help;
150
 
}
151
 
.event-header-value {
152
 
    font-family: monospace;
153
 
}