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; | |
63 | background: transparent url('../images/button_left_28.png') no-repeat; | |
64 | } | |
65 | div.pager_left_button:hover, div.pager_right_button:hover { | |
66 | opacity: 0.8; | |
67 | } | |
68 | div.pager_right_button { | |
69 | width: 28px; | |
70 | height: 28px; | |
71 | float: left; | |
72 | margin-left: 10px; | |
73 | background: transparent url('../images/button_right_28.png') no-repeat; | |
74 | } | |
eb38afbc | 75 | #topbanner { |
76 | width: 100%; | |
eb38afbc | 77 | } |
78 | #bannerinfo { | |
79 | float: right; | |
80 | margin-right: 12%; | |
81 | margin-top: 15px; | |
82 | } | |
83 | .navlink { | |
84 | color: #488dd2; | |
85 | text-decoration: underline; | |
86 | } | |
87 | ||
88 | ||
f007ac1e | 89 | |
fb6e49b3 | 90 | /* Index page components */ |
91 | ||
fb792f63 | 92 | #directory_container { |
fb6e49b3 | 93 | float: left; |
94 | width: 300px; | |
95 | height: 450px; | |
96 | border: 1px #c6dcf1 solid; | |
a35b3190 | 97 | padding-left: 10px; |
98 | padding-right: 10px; | |
fb6e49b3 | 99 | } |
04469f3e | 100 | #loading_message { |
101 | display: none; | |
102 | } | |
fb792f63 | 103 | #directory { |
98a45925 | 104 | height: 360px; |
f007ac1e | 105 | margin-left: 10px; |
98a45925 | 106 | overflow: auto; |
107 | } | |
108 | #new_trad_button { | |
109 | margin-left: 10px; | |
110 | position: relative; | |
111 | top: 10px; | |
fb792f63 | 112 | } |
62723740 | 113 | .traditionname { |
114 | text-decoration: underline; | |
115 | } | |
116 | .selected { | |
117 | font-style: italic; | |
118 | } | |
7439e248 | 119 | .mainnav { |
120 | position: absolute; | |
121 | top: 10px; | |
a35b3190 | 122 | right: 22px; |
7439e248 | 123 | font-size: 14px; |
124 | font-weight: 100; | |
125 | color: #488dd2; | |
126 | } | |
127 | .mainnav a { | |
128 | color: #488dd2; | |
129 | } | |
75354c3a | 130 | #textinfo_waitbox { |
131 | float: left; | |
132 | padding-left: 50px; | |
133 | } | |
98a45925 | 134 | #textinfo_container { |
a35b3190 | 135 | border: 1px solid #C6DCF1; |
f007ac1e | 136 | float: left; |
fdac88a2 | 137 | height: 510px; |
a35b3190 | 138 | width: 710px; |
139 | margin-left: 10px; | |
140 | padding-left: 10px; | |
141 | padding-right: 10px; | |
f007ac1e | 142 | } |
75354c3a | 143 | #edit_instructions { |
144 | float: left; | |
145 | } | |
f007ac1e | 146 | #stemma_container h2 h3 { |
147 | color: #666; | |
148 | } | |
fb6e49b3 | 149 | #stemma_graph { |
f007ac1e | 150 | height: 375px; |
b8a92065 | 151 | width: 500px; |
62723740 | 152 | text-align: center; |
f007ac1e | 153 | border: 1px #c6dcf1 solid; |
62723740 | 154 | } |
155 | #stemma_graph img { | |
156 | margin-top: expression(( 450 - this.height ) / 2); | |
b8a92065 | 157 | } |
a35b3190 | 158 | #textinfo_container_buttons { |
159 | float: right; | |
ea39d630 | 160 | left: -18px; |
161 | position: relative; | |
162 | top: 15px; | |
a35b3190 | 163 | } |
ea39d630 | 164 | #run_stexaminer, #run_relater, #open_stemma_add, #open_stemma_edit { |
165 | height: 18px; | |
166 | } | |
167 | #stemma_pager { | |
168 | height: 38px; | |
169 | } | |
170 | #open_textinfo_edit { | |
171 | float: right; | |
a35b3190 | 172 | height: 30px; |
a35b3190 | 173 | position: relative; |
ea39d630 | 174 | top: -34px; |
175 | left: -8px; | |
b8a92065 | 176 | } |
5cc32d47 | 177 | #upload-collation-dialog { |
178 | overflow: hidden; | |
179 | } | |
180 | .uploadfile { | |
181 | font-weight: bold; | |
182 | } | |
183 | #uploadfile_label { | |
184 | font-weight: normal; | |
185 | } | |
186 | #filelist { | |
187 | position: relative; | |
188 | top: 10px; | |
189 | margin-bottom: 24px; | |
190 | } | |
9f7aeb53 | 191 | .error { |
192 | font-weight: bold; | |
193 | color: #ff3333; | |
194 | } |