Commit | Line | Data |
cf9626aa |
1 | /* General site-wide layout */ |
edc39fc3 |
2 | body { |
3 | margin: 0; |
4 | padding: 20px; |
5 | font: 1em Arial, Helvetica, sans-serif; |
6 | font-size: 85%; |
7 | color: #666; |
8 | } |
cf9626aa |
9 | h1 { |
10 | border-bottom: 1px solid #488dd2; |
11 | color: #488dd2; |
dcaefca6 |
12 | font-size: 18pt; |
cf9626aa |
13 | } |
14 | h2 { |
329b68ed |
15 | margin-top: 10px; |
16 | color: #488dd2; |
17 | font-size: 18px; |
cf9626aa |
18 | } |
329b68ed |
19 | h3 { |
20 | color: #488dd2; |
21 | font-size: 14px; |
22 | font-style: italic; |
23 | } |
cf9626aa |
24 | |
57acbbe2 |
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 | } |
56 | |
3e97c22c |
57 | #topbanner { |
58 | width: 100%; |
3e97c22c |
59 | } |
60 | #bannerinfo { |
61 | float: right; |
62 | margin-right: 12%; |
63 | margin-top: 15px; |
64 | } |
65 | .navlink { |
66 | color: #488dd2; |
67 | text-decoration: underline; |
68 | } |
69 | |
70 | |
57acbbe2 |
71 | |
cf9626aa |
72 | /* Index page components */ |
73 | |
329b68ed |
74 | #directory_container { |
cf9626aa |
75 | float: left; |
76 | width: 300px; |
77 | height: 450px; |
78 | border: 1px #c6dcf1 solid; |
dcaefca6 |
79 | padding-left: 10px; |
80 | padding-right: 10px; |
cf9626aa |
81 | } |
8c64c9bc |
82 | #loading_message { |
83 | display: none; |
84 | } |
329b68ed |
85 | #directory { |
3524c08f |
86 | height: 360px; |
57acbbe2 |
87 | margin-left: 10px; |
3524c08f |
88 | overflow: auto; |
89 | } |
90 | #new_trad_button { |
91 | margin-left: 10px; |
92 | position: relative; |
93 | top: 10px; |
329b68ed |
94 | } |
56455620 |
95 | .traditionname { |
96 | text-decoration: underline; |
97 | } |
98 | .selected { |
99 | font-style: italic; |
100 | } |
0dd07adc |
101 | .mainnav { |
102 | position: absolute; |
103 | top: 10px; |
dcaefca6 |
104 | right: 22px; |
0dd07adc |
105 | font-size: 14px; |
106 | font-weight: 100; |
107 | color: #488dd2; |
108 | } |
109 | .mainnav a { |
110 | color: #488dd2; |
111 | } |
0bded693 |
112 | #textinfo_waitbox { |
113 | float: left; |
114 | padding-left: 50px; |
115 | } |
3524c08f |
116 | #textinfo_container { |
dcaefca6 |
117 | border: 1px solid #C6DCF1; |
57acbbe2 |
118 | float: left; |
3524c08f |
119 | height: 500px; |
dcaefca6 |
120 | width: 710px; |
121 | margin-left: 10px; |
122 | padding-left: 10px; |
123 | padding-right: 10px; |
57acbbe2 |
124 | } |
0bded693 |
125 | #edit_instructions { |
126 | float: left; |
127 | } |
57acbbe2 |
128 | #stemma_container h2 h3 { |
129 | color: #666; |
130 | } |
cf9626aa |
131 | #stemma_graph { |
57acbbe2 |
132 | height: 375px; |
5b89f7ce |
133 | width: 500px; |
56455620 |
134 | text-align: center; |
57acbbe2 |
135 | border: 1px #c6dcf1 solid; |
56455620 |
136 | } |
137 | #stemma_graph img { |
138 | margin-top: expression(( 450 - this.height ) / 2); |
edc39fc3 |
139 | } |
57acbbe2 |
140 | #stexaminer_button { |
141 | bottom: 0; |
91b888ed |
142 | margin-top: 13px; |
edc39fc3 |
143 | } |
57acbbe2 |
144 | #relater_button { |
dcaefca6 |
145 | } |
146 | #textinfo_container_buttons { |
147 | float: right; |
148 | } |
0bded693 |
149 | #run_stexaminer, #run_relater, #open_stemma_add, #open_stemma_edit, #stemma_pager, #open_textinfo_edit { |
dcaefca6 |
150 | height: 30px; |
151 | left: -10px; |
152 | position: relative; |
d5c17cec |
153 | } |
6bc3ce1e |
154 | #upload-collation-dialog { |
155 | overflow: hidden; |
156 | } |
157 | .uploadfile { |
158 | font-weight: bold; |
159 | } |
160 | #uploadfile_label { |
161 | font-weight: normal; |
162 | } |
163 | #filelist { |
164 | position: relative; |
165 | top: 10px; |
166 | margin-bottom: 24px; |
167 | } |
eb9838ec |
168 | .error { |
169 | font-weight: bold; |
170 | color: #ff3333; |
171 | } |