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 | } | |
3524c08f | 112 | #textinfo_container { |
dcaefca6 | 113 | border: 1px solid #C6DCF1; |
57acbbe2 | 114 | float: left; |
3524c08f | 115 | height: 500px; |
dcaefca6 | 116 | width: 710px; |
117 | margin-left: 10px; | |
118 | padding-left: 10px; | |
119 | padding-right: 10px; | |
57acbbe2 | 120 | } |
121 | #stemma_container h2 h3 { | |
122 | color: #666; | |
123 | } | |
cf9626aa | 124 | #stemma_graph { |
57acbbe2 | 125 | height: 375px; |
5b89f7ce | 126 | width: 500px; |
56455620 | 127 | text-align: center; |
57acbbe2 | 128 | border: 1px #c6dcf1 solid; |
56455620 | 129 | } |
130 | #stemma_graph img { | |
131 | margin-top: expression(( 450 - this.height ) / 2); | |
edc39fc3 | 132 | } |
57acbbe2 | 133 | #stexaminer_button { |
134 | bottom: 0; | |
91b888ed | 135 | margin-top: 13px; |
edc39fc3 | 136 | } |
57acbbe2 | 137 | #relater_button { |
dcaefca6 | 138 | } |
139 | #textinfo_container_buttons { | |
140 | float: right; | |
141 | } | |
6bc3ce1e | 142 | #run_stexaminer, #run_relater, #stemma_pager, #add_edit_stemma { |
dcaefca6 | 143 | height: 30px; |
144 | left: -10px; | |
145 | position: relative; | |
d5c17cec | 146 | } |
6bc3ce1e | 147 | #upload-collation-dialog { |
148 | overflow: hidden; | |
149 | } | |
150 | .uploadfile { | |
151 | font-weight: bold; | |
152 | } | |
153 | #uploadfile_label { | |
154 | font-weight: normal; | |
155 | } | |
156 | #filelist { | |
157 | position: relative; | |
158 | top: 10px; | |
159 | margin-bottom: 24px; | |
160 | } |