← Back to branch summary

~jstys-z/helioviewer.org/client5

« back to all changes in this revision

Viewing changes to resources/css/dialogs.css

  • Committer: Keith Hughitt
  • Date: 2012-08-10 18:15:41 UTC
  • mfrom: (402.4.61 hv)
  • Revision ID: keith.hughitt@nasa.gov-20120810181541-4zkdf7td1igj55lw
Merged in development changes

Show diffs side-by-side

added added

removed removed

Lines of Context:
resources/css/dialogs.css
1
 
 
2
1
/* Usage dialog */
3
2
div#usage-dialog {
4
3
    font-size: 14px;
14
13
}
15
14
 
16
15
.image-info-dialog-btn {
17
 
        float: right;
 
16
        margin-left: 242px;
18
17
        cursor: pointer;
19
18
}
20
19
 
53
52
.image-header-tag   {display: inline-block; width: 214px; text-align: right; vertical-align: top;}
54
53
.image-header-value {display: inline-block; width: 240px; margin-left: 12px;}
55
54
 
56
 
 
57
 
/* Event header dialog */
58
 
.event-info-dialog {
59
 
    overflow: auto;
60
 
    position: relative;
61
 
    padding:0px;
62
 
}
63
 
.event-info-dialog.ui-dialog-content {
64
 
    padding: 0;
65
 
}
66
 
 
67
 
.event-info-dialog-btn {
68
 
    margin-left: 242px;
69
 
    cursor: pointer;
70
 
}
71
 
 
72
 
.event-info-dialog-menu {
73
 
    font-size: 13px;
74
 
    font-family: sans-serif;
75
 
    font-weight: bold;
76
 
    padding-bottom: 0px;
77
 
    border-bottom: 1px solid #888;
78
 
    margin: 8px 0 0 0;
79
 
    width: 100%;
80
 
    min-width: 646px;
81
 
}
82
 
 
83
 
a.show-tags-btn {
84
 
    color: #CCC;
85
 
    text-shadow: 1px 1px 1px #000;
86
 
    background-color: #333;
87
 
    cursor: pointer;
88
 
    padding: 5px 10px;
89
 
    -o-border-radius: 5px 5px 0 0;
90
 
    -moz-border-radius: 5px 5px 0 0;
91
 
    -webkit-border-radius: 5px 5px 0 0;
92
 
    border-radius: 5px 5px 0 0;
93
 
    border: 1px solid #333;
94
 
    border-bottom: none;
95
 
    margin: 2px 0 0 13px;
96
 
    display: inline-block;
97
 
}
98
 
 
99
 
.show-tags-btn:hover {
100
 
    border: 1px solid #888;
101
 
    border-bottom: none;
102
 
    color: white;
103
 
}
104
 
 
105
 
.show-tags-btn.selected {
106
 
    background-color: #777;
107
 
    border: 1px solid #888;
108
 
    border-bottom: none;
109
 
    color: white;
110
 
}
111
 
 
112
 
.show-tags-btn.right {
113
 
    float: right;
114
 
    margin-right: 13px;
115
 
}
116
 
 
117
 
.event-info-sort-btn {
118
 
    float: right;
119
 
    font-family: Arial,sans-serif;
120
 
    font-size: 12px;
121
 
    margin-right: -12px;
122
 
    margin-top: -6px;
123
 
    cursor: pointer;
124
 
}
125
 
 
126
 
.event-header {
127
 
    padding: 10px;
128
 
    font-size: 12px;
129
 
    line-height: 1.5em;
130
 
}
131
 
 
132
 
.event-header-tag   {
133
 
    display: inline-block;
134
 
    width: 188px;
135
 
    text-align: right;
136
 
    vertical-align: top;
137
 
    font-weight: bold;
138
 
}
139
 
.event-header-value {
140
 
    display: inline-block;
141
 
    width: 482px;
142
 
    margin-left: 6px;
143
 
    font-family: monospace;
144
 
}
145
 
.event-header-value.date {
146
 
    /*color: #FFA07A;*/
147
 
}
148
 
.event-header-value.float, .event-header-value.integer {
149
 
    /*color: #90EE90;*/
150
 
}
151
 
.event-header-value.string {
152
 
    /*color: #F0E68C;*/
153
 
}
154
 
.event-header-value.boolean.true {
155
 
    /*color: #7FFF00;*/
156
 
}
157
 
.event-header-value.boolean.false {
158
 
    /*color: #DC143C;*/
159
 
}
160
 
.event-header-value a {
161
 
    text-decoration: none;
162
 
    /*color: #6495ED;*/
163
 
}
164
 
.event-header-value a:hover {
165
 
    color: #1E90FF;
166
 
}
167
 
 
168
 
.event-header .empty {
169
 
    color: #444;
170
 
}
171
 
 
172
 
 
173
 
 
174
55
/* Video links */
175
56
.video-links a {
176
57
    text-decoration: none;
178
59
 
179
60
.video-links img {
180
61
    vertical-align: bottom;
 
62
    width: 32px;
181
63
    height: 32px;
182
 
    margin-right: 2px;
183
 
}
184
 
 
 
64
}
 
65
 
 
66
.helioviewer-modal-dialog.ui-dialog {
 
67
        background: none;
 
68
        border: none;
 
69
}
 
70
 
 
71
.helioviewer-modal-dialog .ui-dialog-titlebar {
 
72
        background: none;
 
73
        border: none;
 
74
        padding: 0 5px;
 
75
}
 
76
 
 
77
.helioviewer-modal-dialog .ui-dialog-titlebar-close:hover {
 
78
    background: none;
 
79
        padding: 1px;
 
80
        border: none;
 
81
}
185
82
 
186
83
.helioviewer-modal-dialog .ui-widget-header .ui-icon {
187
84
        background-image: url("../../lib/jquery.ui-1.8/css/dot-luv-modified/images/ui-icons_ffffff_256x240.png")
188
85
}
189
86
 
 
87
#url-dialog {
 
88
    background: url("../../resources/images/blackGlass/transparentBG50.png") repeat scroll 0 0 transparent;
 
89
    border: 1px solid #262424;
 
90
        -moz-border-radius: 10px;
 
91
        -webkit-border-radius: 10px;
 
92
        -border-radius: 10px;
 
93
}
190
94
 
191
95
/* URL dialog */
192
 
/*#url-dialog {
193
 
    border: 0.25em solid black;
194
 
    -o-border-radius: 0 0 0.25em 0.25em;
195
 
        -moz-border-radius: 0 0 0.25em 0.25em;
196
 
    -webkit-border-radius: 0 0 0.25em 0.25em;
197
 
    border-radius: 0 0 0.25em 0.25em;
198
 
    background: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.25));
199
 
    background: -moz-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.25));
200
 
    background: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.25));
201
 
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.25));
202
 
}
203
96
#helioviewer-url-box, #helioviewer-bbcode-box {
204
97
    font-size: 13px;
205
98
    padding: 5px;
206
99
    color: white;
207
 
}*/
 
100
}
208
101
 
209
102
/* Email dialog */
210
103
#helioviewer-url-box > form > label {
223
116
}
224
117
 
225
118
.youtube-upload-dialog {
226
 
    overflow: hidden;
 
119
    overflow: hidden;    
227
120
}
228
121
 
229
122
/* About Dialog */
241
134
}
242
135
#glossary-contents img, #glossary-contents video, #glossary-contents .youtube-player {
243
136
    width: 450px;
244
 
    height: 360px;
 
137
    height: 360px;    
245
138
}
246
139
#glossary-contents .glossary-title {
247
140
    font-size: 16px;
259
152
 
260
153
#glossary-contents .glossary-links a:hover {
261
154
    text-decoration: underline;
262
 
}
263
 
 
264
 
 
265
 
.ui-dialog {
266
 
    border: 1px solid black;
267
 
    -o-border-radius: 0.25em;
268
 
    -moz-border-radius: 0.25em;
269
 
    -webkit-border-radius: 0.25em;
270
 
    border-radius: 0.25em;
271
 
    background: -o-linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0.5));
272
 
    background: -moz-linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0.5));
273
 
    background: -webkit-linear-gradient(rgba(0,0,1), rgba(0,0,0,0.5));
274
 
    background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0.5));
275
 
    padding: 0;
276
 
    -moz-box-shadow:    0px 0px 2px 1px red;
277
 
    -webkit-box-shadow: 0px 0px 2px 1px red;
278
 
    box-shadow:         0px 0px 2px 1px red;
279
 
    color: white;
280
 
}
281
 
.ui-dialog-buttonpane {
282
 
    background: none;
283
 
}
284
 
.ui-dialog-titlebar {
285
 
    background: black;
286
 
    border: none;
287
 
    padding: 0.25em;
288
 
    -o-border-radius: 0.25em 0.25em 0 0;
289
 
    -moz-border-radius: 0.25em 0.25em 0 0;
290
 
    -webkit-border-radius: 0.25em 0.25em 0 0;
291
 
    border-radius: 0.25em 0.25em 0 0;
292
 
    -moz-box-shadow:    1px 1px 0px 0px rgba(255,0,0,0.25);
293
 
    -webkit-box-shadow: 1px 1px 0px 0px rgba(255,0,0,0.25);
294
 
    box-shadow:         1px 1px 0px 0px rgba(255,0,0,0.25);
295
155
}
 
 
b'\\ No newline at end of file'