← Back to branch summary

~jstys-z/helioviewer.org/client5

« back to all changes in this revision

Viewing changes to resources/css/media-manager.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/media-manager.css
2
2
 * Movie and screenshot manager styles
3
3
 */
4
4
.media-manager-container {
5
 
    position: relative;
6
 
    width: 100%;
7
 
    background: none;
8
 
    font-size: 12px;
 
5
    position: absolute;
 
6
    top: 25px;
 
7
    right: 20px;
 
8
    width: 190px;
 
9
    background: #2A2A2A;
 
10
    font-size: 11px;
9
11
    padding: 10px;
 
12
    -moz-border-radius:5px;
10
13
    -webkit-border-radius:5px;
11
 
    -moz-border-radius:5px;
12
 
    -o-border-radius:5px;
13
 
    border-radius:5px;
 
14
    /*border: 1px solid #A9A9A9;*/
14
15
    color: white;
15
16
    display: none;
16
 
    margin: none;
17
17
}
18
18
 
19
19
#screenshot-manager-container {
20
 
    width: 100%;
21
 
    padding: 0;
22
 
    margin: 0;
 
20
    right: 15px;
23
21
}
24
22
 
25
23
#movie-manager-container, #movie-settings-container {
26
 
    width: 100%;
27
 
    padding: 0;
28
 
    margin: 0;
 
24
    right: 75px;
29
25
}
30
26
 
31
27
#movie-settings-container {
67
63
.history-entry {
68
64
    height: 14px;
69
65
    padding: 4px 0px;
70
 
    clear: both;
71
66
}
72
 
.history-entry .text-btn {
73
 
    text-overflow: ellipsis;
74
 
    white-space: nowrap;
75
 
    overflow: hidden;
76
 
    width: 180px;
 
67
 
 
68
.media-manager-build-btns {
 
69
    height: 18px;
77
70
}
78
71
 
79
72
#movie-button.active .ui-icon, #screenshot-button.active .ui-icon {
85
78
}
86
79
 
87
80
 
88
 
.history-entry .label {
89
 
    float: left;
90
 
    width: 50%;
91
 
    text-overflow: ellipsis;
92
 
    white-space: nowrap;
93
 
    overflow: hidden;
 
81
.media-history-title {
 
82
    line-height: 17px;
 
83
    font-weight: bold;
 
84
    border-top: 1px solid;
 
85
    margin-top: 7px;
 
86
    padding: 9px 0px;
 
87
    display: none;
94
88
}
95
 
.history-entry .status {
96
 
    float: right;
 
89
 
 
90
.status {
 
91
    float:right;
97
92
    font-size: 8pt;
98
93
    font-style: italic;
99
 
    text-align: right;
100
 
    width: 30%;
101
94
}
102
95
 
103
96
.processing {
124
117
}
125
118
 
126
119
#movie-button.selected, #screenshot-button.selected {
127
 
 
 
120
    
128
121
}
129
122
 
130
123
#youtube-auth-loading-indicator {
143
136
.bbcode-btn {
144
137
    cursor: pointer;
145
138
}
146
 
 
147
 
 
148
 
.media-manager-build-btns {
149
 
    min-height: 3em;
150
 
}
151
 
 
152
 
.media-manager-build-btns .text-btn {
153
 
    color: rgba(255,255,255,1);
154
 
    background-color: transparent;
155
 
    border: 1px solid rgba(255,255,255,1);
156
 
    -o-border-radius: 1em;
157
 
    -moz-border-radius: 1em;
158
 
    -webkit-border-radius: 1em;
159
 
    border-radius: 1em;
160
 
    padding: 0.1em 0.4em;
161
 
    font-weight: 400;
162
 
    font-size: 0.8em;
163
 
}
164
 
.media-manager-build-btns .text-btn:hover {
165
 
    color: rgba(255,255,0,1);
166
 
    border: 1px solid rgba(255,255,0,1);
167
 
}
168
 
.media-manager-build-btns .text-btn:active {
169
 
    color: yellow;
170
 
    border: 1px solid yellow;
171
 
}
172
 
 
173
 
 
174
 
#screenshot-history-title,
175
 
#movie-history-title {
176
 
    margin-bottom: 1em;
177
 
    font-weight: 400;
178
 
}
179
 
 
180
 
#movie-player-iframe {
181
 
                    width: 100%;
182
 
            margin-bottom: 2px;
183
 
    -webkit-border-radius: 0.4em;
184
 
       -moz-border-radius: 0.4em;
185
 
         -o-border-radius: 0.4em;
186
 
            border-radius: 0.4em;
187
 
         background-color: rgba(255, 255, 255, 0.50);
188
 
}
 
 
b'\\ No newline at end of file'