|
756a585…
|
drh
|
1 |
/* General settings for the entire page */ |
|
756a585…
|
drh
|
2 |
body { |
|
756a585…
|
drh
|
3 |
margin: 0ex 1ex; |
|
756a585…
|
drh
|
4 |
padding: 0px; |
|
756a585…
|
drh
|
5 |
background-color: white; |
|
756a585…
|
drh
|
6 |
font-family: sans-serif; |
|
756a585…
|
drh
|
7 |
-moz-text-size-adjust: none; |
|
756a585…
|
drh
|
8 |
-webkit-text-size-adjust: none; |
|
756a585…
|
drh
|
9 |
-mx-text-size-adjust: none; |
|
756a585…
|
drh
|
10 |
} |
|
756a585…
|
drh
|
11 |
|
|
756a585…
|
drh
|
12 |
/* The project logo in the upper left-hand corner of each page */ |
|
756a585…
|
drh
|
13 |
div.logo { |
|
756a585…
|
drh
|
14 |
display: table-cell; |
|
756a585…
|
drh
|
15 |
text-align: center; |
|
756a585…
|
drh
|
16 |
vertical-align: bottom; |
|
756a585…
|
drh
|
17 |
font-weight: bold; |
|
756a585…
|
drh
|
18 |
color: #558195; |
|
0a7a86c…
|
drh
|
19 |
min-width: 50px; |
|
756a585…
|
drh
|
20 |
white-space: nowrap; |
|
756a585…
|
drh
|
21 |
} |
|
756a585…
|
drh
|
22 |
|
|
756a585…
|
drh
|
23 |
/* The page title centered at the top of each page */ |
|
756a585…
|
drh
|
24 |
div.title { |
|
756a585…
|
drh
|
25 |
display: table-cell; |
|
756a585…
|
drh
|
26 |
font-size: 2em; |
|
756a585…
|
drh
|
27 |
font-weight: bold; |
|
756a585…
|
drh
|
28 |
text-align: center; |
|
756a585…
|
drh
|
29 |
padding: 0 0 0 1em; |
|
756a585…
|
drh
|
30 |
color: #558195; |
|
756a585…
|
drh
|
31 |
vertical-align: bottom; |
|
756a585…
|
drh
|
32 |
width: 100%; |
|
756a585…
|
drh
|
33 |
} |
|
756a585…
|
drh
|
34 |
|
|
756a585…
|
drh
|
35 |
/* The login status message in the top right-hand corner */ |
|
756a585…
|
drh
|
36 |
div.status { |
|
756a585…
|
drh
|
37 |
display: table-cell; |
|
756a585…
|
drh
|
38 |
text-align: right; |
|
756a585…
|
drh
|
39 |
vertical-align: bottom; |
|
756a585…
|
drh
|
40 |
color: #558195; |
|
756a585…
|
drh
|
41 |
font-size: 0.8em; |
|
756a585…
|
drh
|
42 |
font-weight: bold; |
|
756a585…
|
drh
|
43 |
white-space: nowrap; |
|
756a585…
|
drh
|
44 |
} |
|
756a585…
|
drh
|
45 |
|
|
756a585…
|
drh
|
46 |
/* The header across the top of the page */ |
|
8f34429…
|
wyoung
|
47 |
header { |
|
756a585…
|
drh
|
48 |
display: table; |
|
756a585…
|
drh
|
49 |
width: 100%; |
|
756a585…
|
drh
|
50 |
} |
|
756a585…
|
drh
|
51 |
|
|
756a585…
|
drh
|
52 |
/* The main menu bar that appears at the top of the page beneath |
|
756a585…
|
drh
|
53 |
** the header */ |
|
8f34429…
|
wyoung
|
54 |
nav.mainmenu { |
|
0a7a86c…
|
drh
|
55 |
padding: 5px; |
|
756a585…
|
drh
|
56 |
font-size: 0.9em; |
|
756a585…
|
drh
|
57 |
font-weight: bold; |
|
756a585…
|
drh
|
58 |
text-align: center; |
|
756a585…
|
drh
|
59 |
letter-spacing: 1px; |
|
756a585…
|
drh
|
60 |
background-color: #558195; |
|
756a585…
|
drh
|
61 |
border-top-left-radius: 8px; |
|
756a585…
|
drh
|
62 |
border-top-right-radius: 8px; |
|
756a585…
|
drh
|
63 |
color: white; |
|
756a585…
|
drh
|
64 |
} |
|
756a585…
|
drh
|
65 |
|
|
756a585…
|
drh
|
66 |
/* The submenu bar that *sometimes* appears below the main menu */ |
|
756a585…
|
drh
|
67 |
div.submenu, div.sectionmenu { |
|
756a585…
|
drh
|
68 |
padding: 3px 10px 3px 0px; |
|
756a585…
|
drh
|
69 |
font-size: 0.9em; |
|
756a585…
|
drh
|
70 |
text-align: center; |
|
756a585…
|
drh
|
71 |
background-color: #456878; |
|
756a585…
|
drh
|
72 |
color: white; |
|
756a585…
|
drh
|
73 |
} |
|
8f34429…
|
wyoung
|
74 |
nav.mainmenu a, nav.mainmenu a:visited, div.submenu a, div.submenu a:visited, |
|
3cb9ba4…
|
andygoth
|
75 |
div.sectionmenu>a.button:link, div.sectionmenu>a.button:visited, |
|
3cb9ba4…
|
andygoth
|
76 |
div.submenu label { |
|
756a585…
|
drh
|
77 |
padding: 3px 10px 3px 10px; |
|
756a585…
|
drh
|
78 |
color: white; |
|
756a585…
|
drh
|
79 |
text-decoration: none; |
|
756a585…
|
drh
|
80 |
} |
|
8f34429…
|
wyoung
|
81 |
nav.mainmenu a:hover, div.submenu a:hover, div.sectionmenu>a.button:hover, |
|
3cb9ba4…
|
andygoth
|
82 |
div.submenu label:hover { |
|
756a585…
|
drh
|
83 |
color: #558195; |
|
756a585…
|
drh
|
84 |
background-color: white; |
|
756a585…
|
drh
|
85 |
} |
|
756a585…
|
drh
|
86 |
|
|
756a585…
|
drh
|
87 |
/* All page content from the bottom of the menu or submenu down to |
|
756a585…
|
drh
|
88 |
** the footer */ |
|
756a585…
|
drh
|
89 |
div.content { |
|
756a585…
|
drh
|
90 |
padding: 0ex 1ex 1ex 1ex; |
|
756a585…
|
drh
|
91 |
border: solid #aaa; |
|
756a585…
|
drh
|
92 |
border-width: 1px; |
|
756a585…
|
drh
|
93 |
} |
|
756a585…
|
drh
|
94 |
|
|
756a585…
|
drh
|
95 |
/* Some pages have section dividers */ |
|
756a585…
|
drh
|
96 |
div.section { |
|
756a585…
|
drh
|
97 |
margin-bottom: 0px; |
|
756a585…
|
drh
|
98 |
margin-top: 1em; |
|
756a585…
|
drh
|
99 |
padding: 1px 1px 1px 1px; |
|
756a585…
|
drh
|
100 |
font-size: 1.2em; |
|
756a585…
|
drh
|
101 |
font-weight: bold; |
|
756a585…
|
drh
|
102 |
background-color: #558195; |
|
756a585…
|
drh
|
103 |
color: white; |
|
756a585…
|
drh
|
104 |
white-space: nowrap; |
|
756a585…
|
drh
|
105 |
} |
|
756a585…
|
drh
|
106 |
|
|
756a585…
|
drh
|
107 |
/* The "Date" that occurs on the left hand side of timelines */ |
|
756a585…
|
drh
|
108 |
div.divider { |
|
756a585…
|
drh
|
109 |
background: #a1c4d4; |
|
756a585…
|
drh
|
110 |
border: 2px #558195 solid; |
|
756a585…
|
drh
|
111 |
font-size: 1em; font-weight: normal; |
|
756a585…
|
drh
|
112 |
padding: .25em; |
|
756a585…
|
drh
|
113 |
margin: .2em 0 .2em 0; |
|
756a585…
|
drh
|
114 |
float: left; |
|
756a585…
|
drh
|
115 |
clear: left; |
|
756a585…
|
drh
|
116 |
white-space: nowrap; |
|
756a585…
|
drh
|
117 |
} |
|
756a585…
|
drh
|
118 |
|
|
756a585…
|
drh
|
119 |
/* The footer at the very bottom of the page */ |
|
8f34429…
|
wyoung
|
120 |
footer { |
|
756a585…
|
drh
|
121 |
clear: both; |
|
756a585…
|
drh
|
122 |
font-size: 0.8em; |
|
756a585…
|
drh
|
123 |
padding: 5px 10px 5px 10px; |
|
756a585…
|
drh
|
124 |
text-align: right; |
|
756a585…
|
drh
|
125 |
background-color: #558195; |
|
756a585…
|
drh
|
126 |
border-bottom-left-radius: 8px; |
|
756a585…
|
drh
|
127 |
border-bottom-right-radius: 8px; |
|
756a585…
|
drh
|
128 |
color: white; |
|
756a585…
|
drh
|
129 |
} |
|
756a585…
|
drh
|
130 |
|
|
756a585…
|
drh
|
131 |
/* Hyperlink colors in the footer */ |
|
8f34429…
|
wyoung
|
132 |
footer a { color: white; } |
|
8f34429…
|
wyoung
|
133 |
footer a:link { color: white; } |
|
8f34429…
|
wyoung
|
134 |
footer a:visited { color: white; } |
|
8f34429…
|
wyoung
|
135 |
footer a:hover { background-color: white; color: #558195; } |
|
756a585…
|
drh
|
136 |
|
|
756a585…
|
drh
|
137 |
/* verbatim blocks */ |
|
756a585…
|
drh
|
138 |
pre.verbatim { |
|
756a585…
|
drh
|
139 |
background-color: #f5f5f5; |
|
756a585…
|
drh
|
140 |
padding: 0.5em; |
|
756a585…
|
drh
|
141 |
white-space: pre-wrap; |
|
756a585…
|
drh
|
142 |
} |
|
756a585…
|
drh
|
143 |
|
|
756a585…
|
drh
|
144 |
/* The label/value pairs on (for example) the ci page */ |
|
756a585…
|
drh
|
145 |
table.label-value th { |
|
756a585…
|
drh
|
146 |
vertical-align: top; |
|
756a585…
|
drh
|
147 |
text-align: right; |
|
756a585…
|
drh
|
148 |
padding: 0.2ex 2ex; |
|
756a585…
|
drh
|
149 |
} |