Commit | Line | Data |
fb6e49b3 |
1 | /* General site-wide layout */ |
b8a92065 |
2 | body { |
3 | margin: 0; |
4 | padding: 20px; |
5 | font: 1em Arial, Helvetica, sans-serif; |
6 | font-size: 85%; |
7 | color: #666; |
8 | } |
fb6e49b3 |
9 | h1 { |
10 | border-bottom: 1px solid #488dd2; |
11 | color: #488dd2; |
a35b3190 |
12 | font-size: 18pt; |
fb6e49b3 |
13 | } |
14 | h2 { |
fb792f63 |
15 | margin-top: 10px; |
16 | color: #488dd2; |
17 | font-size: 18px; |
fb6e49b3 |
18 | } |
fb792f63 |
19 | h3 { |
20 | color: #488dd2; |
21 | font-size: 14px; |
22 | font-style: italic; |
23 | } |
fb6e49b3 |
24 | |
f007ac1e |
25 | div.button { |
26 | background: transparent url('../images/b_button_a.png') no-repeat scroll top right; |
27 | color: #fff; |
28 | display: block; |
29 | float: left; |
30 | font: normal 12px Times, Times New Roman, Serif; /* arial, sans-serif; */ |
31 | height: 24px; |
32 | margin-right: 6px; |
33 | padding-right: 18px; /* sliding doors padding */ |
34 | text-decoration: none; |
35 | } |
36 | div.button.reset { |
37 | background: transparent url('../images/c_button_a.png') no-repeat scroll top right; |
38 | } |
39 | div.button span { |
40 | background: transparent url('../images/b_button_span.png') no-repeat; |
41 | display: block; |
42 | line-height: 14px; |
43 | padding: 5px 0 5px 18px; |
44 | } |
45 | div.button.reset span { |
46 | background: transparent url('../images/c_button_span.png') no-repeat; |
47 | } |
48 | div.button:hover { |
49 | background-position: bottom right; |
50 | color: #444; |
51 | outline: none; /* hide dotted outline in Firefox */ |
52 | } |
53 | div.button:hover span { |
54 | background-position: bottom left; |
55 | } |
ea39d630 |
56 | #stemma_pager_buttons { |
57 | height: 28px; |
58 | } |
59 | div.pager_left_button { |
60 | width: 28px; |
61 | height: 28px; |
62 | float: left; |
9a422ccd |
63 | background: transparent url('../images/button_left_28.png') no-repeat left bottom; |
ea39d630 |
64 | } |
9a422ccd |
65 | div.pager_left_button:hover { |
66 | background: transparent url('../images/button_left_28.png') no-repeat center bottom; |
67 | } |
68 | div.pager_right_button:hover { |
69 | background: transparent url('../images/button_right_28.png') no-repeat center bottom; |
ea39d630 |
70 | } |
71 | div.pager_right_button { |
72 | width: 28px; |
73 | height: 28px; |
74 | float: left; |
75 | margin-left: 10px; |
9a422ccd |
76 | background: transparent url('../images/button_right_28.png') no-repeat left bottom; |
ea39d630 |
77 | } |
bf81fb57 |
78 | div.pager_right_button.greyed_out, div.pager_right_button.greyed_out:hover { |
9a422ccd |
79 | opacity: 0.5; |
80 | background: url("../images/button_right_28.png") no-repeat scroll right bottom transparent; |
bf81fb57 |
81 | } |
82 | div.pager_left_button.greyed_out, div.pager_left_button.greyed_out:hover { |
9a422ccd |
83 | opacity: 0.5; |
84 | background: url("../images/button_left_28.png") no-repeat scroll right bottom transparent; |
bf81fb57 |
85 | } |
eb38afbc |
86 | #topbanner { |
87 | width: 100%; |
eb38afbc |
88 | } |
89 | #bannerinfo { |
90 | float: right; |
91 | margin-right: 12%; |
92 | margin-top: 15px; |
93 | } |
94 | .navlink { |
95 | color: #488dd2; |
96 | text-decoration: underline; |
97 | } |
98 | |
99 | |
f007ac1e |
100 | |
fb6e49b3 |
101 | /* Index page components */ |
102 | |
fb792f63 |
103 | #directory_container { |
fb6e49b3 |
104 | float: left; |
105 | width: 300px; |
106 | height: 450px; |
107 | border: 1px #c6dcf1 solid; |
a35b3190 |
108 | padding-left: 10px; |
109 | padding-right: 10px; |
fb6e49b3 |
110 | } |
04469f3e |
111 | #loading_message { |
112 | display: none; |
113 | } |
fb792f63 |
114 | #directory { |
98a45925 |
115 | height: 360px; |
f007ac1e |
116 | margin-left: 10px; |
98a45925 |
117 | overflow: auto; |
118 | } |
119 | #new_trad_button { |
120 | margin-left: 10px; |
121 | position: relative; |
122 | top: 10px; |
fb792f63 |
123 | } |
62723740 |
124 | .traditionname { |
125 | text-decoration: underline; |
126 | } |
127 | .selected { |
128 | font-style: italic; |
129 | } |
7439e248 |
130 | .mainnav { |
131 | position: absolute; |
132 | top: 10px; |
a35b3190 |
133 | right: 22px; |
7439e248 |
134 | font-size: 14px; |
135 | font-weight: 100; |
136 | color: #488dd2; |
137 | } |
138 | .mainnav a { |
139 | color: #488dd2; |
140 | } |
75354c3a |
141 | #textinfo_waitbox { |
142 | float: left; |
143 | padding-left: 50px; |
144 | } |
98a45925 |
145 | #textinfo_container { |
a35b3190 |
146 | border: 1px solid #C6DCF1; |
f007ac1e |
147 | float: left; |
fdac88a2 |
148 | height: 510px; |
a35b3190 |
149 | width: 710px; |
150 | margin-left: 10px; |
151 | padding-left: 10px; |
152 | padding-right: 10px; |
f007ac1e |
153 | } |
75354c3a |
154 | #edit_instructions { |
155 | float: left; |
156 | } |
f007ac1e |
157 | #stemma_container h2 h3 { |
158 | color: #666; |
159 | } |
fb6e49b3 |
160 | #stemma_graph { |
f007ac1e |
161 | height: 375px; |
b8a92065 |
162 | width: 500px; |
62723740 |
163 | text-align: center; |
f007ac1e |
164 | border: 1px #c6dcf1 solid; |
62723740 |
165 | } |
166 | #stemma_graph img { |
167 | margin-top: expression(( 450 - this.height ) / 2); |
b8a92065 |
168 | } |
a35b3190 |
169 | #textinfo_container_buttons { |
170 | float: right; |
ea39d630 |
171 | left: -18px; |
172 | position: relative; |
173 | top: 15px; |
a35b3190 |
174 | } |
ea39d630 |
175 | #run_stexaminer, #run_relater, #open_stemma_add, #open_stemma_edit { |
176 | height: 18px; |
177 | } |
178 | #stemma_pager { |
179 | height: 38px; |
180 | } |
181 | #open_textinfo_edit { |
182 | float: right; |
a35b3190 |
183 | height: 30px; |
a35b3190 |
184 | position: relative; |
ea39d630 |
185 | top: -34px; |
186 | left: -8px; |
b8a92065 |
187 | } |
5cc32d47 |
188 | #upload-collation-dialog { |
189 | overflow: hidden; |
190 | } |
191 | .uploadfile { |
192 | font-weight: bold; |
193 | } |
194 | #uploadfile_label { |
195 | font-weight: normal; |
196 | } |
197 | #filelist { |
198 | position: relative; |
199 | top: 10px; |
200 | margin-bottom: 24px; |
201 | } |
9f7aeb53 |
202 | .error { |
203 | font-weight: bold; |
204 | color: #ff3333; |
205 | } |