← Back to branch summary

~jstys-z/helioviewer.org/timeline

« back to all changes in this revision

Viewing changes to lib/shadowbox-2.0/src/skin/classic/skin.css

  • Committer: Keith Hughitt
  • Date: 2010-02-17 22:00:59 UTC
  • mfrom: (402.1.68 hv)
  • Revision ID: keith.hughitt@nasa.gov-20100217220059-wmdq7kgokj4seryx
Merged with Keith's branch.

Show diffs side-by-side

added added

removed removed

Lines of Context:
lib/shadowbox-2.0/src/skin/classic/skin.css
1
 
/**
2
 
 * The "classic" theme CSS for Shadowbox.
3
 
 *
4
 
 * This file is part of Shadowbox.
5
 
 *
6
 
 * Shadowbox is an online media viewer application that supports all of the
7
 
 * web's most popular media publishing formats. Shadowbox is written entirely
8
 
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
9
 
 * authors can showcase a wide assortment of media in all major browsers without
10
 
 * navigating users away from the linking page.
11
 
 *
12
 
 * Shadowbox is released under version 3.0 of the Creative Commons Attribution-
13
 
 * Noncommercial-Share Alike license. This means that it is absolutely free
14
 
 * for personal, noncommercial use provided that you 1) make attribution to the
15
 
 * author and 2) release any derivative work under the same or a similar
16
 
 * license.
17
 
 *
18
 
 * If you wish to use Shadowbox for commercial purposes, licensing information
19
 
 * can be found at http://mjijackson.com/shadowbox/.
20
 
 *
21
 
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
22
 
 * @copyright   2007-2008 Michael J. I. Jackson
23
 
 * @license     http://creativecommons.org/licenses/by-nc-sa/3.0/
24
 
 * @version     SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
25
 
 */
26
 
 
27
 
/*_____________________________________________________  container & overlay  */
28
 
#shadowbox_container, #shadowbox_overlay {
29
 
  top: 0;
30
 
  left: 0;
31
 
  height: 100%;
32
 
  width: 100%;
33
 
  margin: 0;
34
 
  padding: 0;
35
 
}
36
 
#shadowbox_container {
37
 
  position: fixed;
38
 
  display: block;
39
 
  visibility: hidden;
40
 
  z-index: 999;
41
 
  text-align: center; /* centers #shadowbox in quirks and IE */
42
 
}
43
 
#shadowbox_overlay {
44
 
  position: absolute;
45
 
}
46
 
 
47
 
/*_______________________________________________________________  shadowbox  */
48
 
#shadowbox {
49
 
  position: relative;
50
 
  margin: 0 auto;
51
 
  text-align: left; /* reset left alignment */
52
 
}
53
 
 
54
 
/*____________________________________________________________________  body  */
55
 
#shadowbox_body {
56
 
  position: relative;
57
 
  margin: 0;
58
 
  padding: 0;
59
 
  border: 1px solid #333;
60
 
  overflow: hidden;
61
 
}
62
 
#shadowbox_body_inner {
63
 
  position: relative;
64
 
  height: 100%;
65
 
}
66
 
#shadowbox_content.html {
67
 
  height: 100%;
68
 
  overflow: auto; /* make html content scrollable */
69
 
}
70
 
 
71
 
/*_________________________________________________________________  loading  */
72
 
#shadowbox_loading {
73
 
  position: absolute;
74
 
  top: 0;
75
 
  width: 100%;
76
 
  height: 100%;
77
 
}
78
 
#shadowbox_body, #shadowbox_loading {
79
 
  background-color: #060606; /* should match loading image background color */
80
 
}
81
 
#shadowbox_loading_indicator {
82
 
  float: left;
83
 
  margin: 10px 10px 0 10px;
84
 
  height: 32px;
85
 
  width: 32px;
86
 
  background-image: url(loading.gif);
87
 
  background-repeat: no-repeat;
88
 
}
89
 
#shadowbox_loading span {
90
 
  font-family: 'Lucida Grande', Tahoma, sans-serif;
91
 
  font-size: 10px;
92
 
  float: left;
93
 
  margin-top: 16px;
94
 
}
95
 
#shadowbox_loading span a:link,
96
 
#shadowbox_loading span a:visited {
97
 
  color: #fff;
98
 
  text-decoration: underline;
99
 
}
100
 
 
101
 
/*____________________________________________________________  title & info  */
102
 
#shadowbox_title, #shadowbox_info {
103
 
  position: relative;
104
 
  margin: 0; /* these must have no vertical margin or padding */
105
 
  padding: 0;
106
 
  overflow: hidden;
107
 
}
108
 
#shadowbox_title_inner, #shadowbox_info_inner {
109
 
  position: relative;
110
 
  font-family: 'Lucida Grande', Tahoma, sans-serif;
111
 
  line-height: 16px;
112
 
}
113
 
#shadowbox_title {
114
 
  height: 26px;
115
 
}
116
 
#shadowbox_title_inner {
117
 
  font-size: 16px;
118
 
  padding: 5px 0;
119
 
  color: #fff;
120
 
}
121
 
#shadowbox_info {
122
 
  height: 20px;
123
 
}
124
 
#shadowbox_info_inner {
125
 
  font-size: 12px;
126
 
  color: #fff;
127
 
}
128
 
 
129
 
/*_____________________________________________________________________  nav  */
130
 
#shadowbox_nav {
131
 
  float: right;
132
 
  height: 16px;
133
 
  padding: 2px 0;
134
 
  width: 45%;
135
 
}
136
 
#shadowbox_nav a {
137
 
  display: block;
138
 
  float: right;
139
 
  height: 16px;
140
 
  width: 16px;
141
 
  margin-left: 3px;
142
 
  cursor: pointer;
143
 
}
144
 
#shadowbox_nav_close {
145
 
  background-image: url(icons/close.png);
146
 
  background-repeat: no-repeat;
147
 
}
148
 
#shadowbox_nav_next {
149
 
  background-image: url(icons/next.png);
150
 
  background-repeat: no-repeat;
151
 
}
152
 
#shadowbox_nav_previous {
153
 
  background-image: url(icons/previous.png);
154
 
  background-repeat: no-repeat;
155
 
}
156
 
#shadowbox_nav_play {
157
 
  background-image: url(icons/play.png);
158
 
  background-repeat: no-repeat;
159
 
}
160
 
#shadowbox_nav_pause {
161
 
  background-image: url(icons/pause.png);
162
 
  background-repeat: no-repeat;
163
 
}
164
 
 
165
 
/*_________________________________________________________________  counter  */
166
 
#shadowbox_counter {
167
 
  float: left;
168
 
  padding: 2px 0;
169
 
  width: 45%;
170
 
}
171
 
#shadowbox_counter a {
172
 
  padding: 0 4px 0 0;
173
 
  text-decoration: none;
174
 
  cursor: pointer;
175
 
  color: #fff;
176
 
}
177
 
#shadowbox_counter a.shadowbox_counter_current {
178
 
  text-decoration: underline;
179
 
}
180
 
 
181
 
/*___________________________________________________________________  clear  */
182
 
div.shadowbox_clear {
183
 
  clear: both; /* clear floating counter & nav */
184
 
}
185
 
 
186
 
/*________________________________________________________________  messages  */
187
 
div.shadowbox_message {
188
 
  font-family: 'Lucida Grande', Tahoma, sans-serif;
189
 
  font-size: 12px;
190
 
  padding: 10px;
191
 
  text-align: center;
192
 
}
193
 
div.shadowbox_message a:link,
194
 
div.shadowbox_message a:visited {
195
 
  color: #fff;
196
 
  text-decoration: underline;
197
 
}