1 |
.page |
---|
2 |
/* Defines the page style. |
---|
3 |
- Basic usage sets the background colour. */ |
---|
4 |
{ |
---|
5 |
background-color: #AAAAAA; |
---|
6 |
} |
---|
7 |
|
---|
8 |
.layoutTable |
---|
9 |
/* Defines the style of the main layout table. |
---|
10 |
- Basic usage sets the background colour, which acts as an outline. |
---|
11 |
- Every popup must use a table with 1 column and as many rows as are |
---|
12 |
needed for the popup. Basic popups with an OK or CANCEL button would |
---|
13 |
use a layout table with 2 rows, while more advanced popups like the |
---|
14 |
SEARCH popup use 3 rows, one for the search, one for the results, |
---|
15 |
and one for the OK, CANCEL buttons */ |
---|
16 |
{ |
---|
17 |
background-color: #666666; |
---|
18 |
} |
---|
19 |
|
---|
20 |
.titleArea |
---|
21 |
/* Defines the style for the title table. |
---|
22 |
- Every popup has a title table as the first table within the layout table*/ |
---|
23 |
{ |
---|
24 |
background-color: #B2C4C4; |
---|
25 |
} |
---|
26 |
|
---|
27 |
.title |
---|
28 |
/* Defines the style for the title text. |
---|
29 |
- Every popup has a title this sets the font, size, colour etc.*/ |
---|
30 |
{ |
---|
31 |
font-family: Arial, Helvetica, sans-serif; |
---|
32 |
font-size: 15px; |
---|
33 |
font-weight: bold; |
---|
34 |
color: #000000; |
---|
35 |
vertical-align: middle; |
---|
36 |
text-align: left; |
---|
37 |
} |
---|
38 |
|
---|
39 |
.contentArea |
---|
40 |
/* Defines the style of content layout tables. |
---|
41 |
- Basic usage sets the background colour of the content areas. |
---|
42 |
- Every popup must use at least 1 content layout table, but often use 2, |
---|
43 |
one for the help text, and one to layout the popup's input elements. |
---|
44 |
- For best results this table should have cellspacing="0" otherwise the |
---|
45 |
colour of the page or layoutTable will show through. */ |
---|
46 |
{ |
---|
47 |
background-color: #e3f0f0; |
---|
48 |
} |
---|
49 |
|
---|
50 |
.subLayoutTable |
---|
51 |
/* Defines the style of secondary (nested) layout tables. |
---|
52 |
- Basic usage sets the background colour, which acts as an outline; |
---|
53 |
similar in usage to layoutTable. |
---|
54 |
- This allows for more advanced designs like the layer browser dialogue. */ |
---|
55 |
{ |
---|
56 |
background-color: #666666; |
---|
57 |
} |
---|
58 |
|
---|
59 |
.subContentArea1 |
---|
60 |
/* Defines the style of tables or cells in secondary layout tables. |
---|
61 |
- Basic usage sets the background colour of a sub content areas. |
---|
62 |
- This allows for more advanced designs and is intended to be used |
---|
63 |
with subLayoutTable (either styling cells, or nested-tables). */ |
---|
64 |
{ |
---|
65 |
background-color: #ffffff; |
---|
66 |
} |
---|
67 |
|
---|
68 |
.subContentArea2 |
---|
69 |
/* Defines an alternate style of tables or cells in secondary layout tables. |
---|
70 |
- Used in the same way as subContentArea1. */ |
---|
71 |
{ |
---|
72 |
background-color: #e3f0f0; |
---|
73 |
} |
---|
74 |
|
---|
75 |
.helpArea |
---|
76 |
/* Defines the style of the help area. |
---|
77 |
- Basic useage sets the styling of the <p> that surrounds the help text. */ |
---|
78 |
{ |
---|
79 |
font-family: Arial, Helvetica, sans-serif; |
---|
80 |
font-size: 10px; |
---|
81 |
color: #666666; |
---|
82 |
background-color: #FFFFFF; |
---|
83 |
border: 1px solid #666666; |
---|
84 |
width: 400px; |
---|
85 |
text-align: left; |
---|
86 |
} |
---|
87 |
|
---|
88 |
.label |
---|
89 |
/* Defines the style of text labels. |
---|
90 |
- Basic useage sets the size, colour and font of any labels of input |
---|
91 |
elements. */ |
---|
92 |
{ |
---|
93 |
font-family: Arial, Helvetica, sans-serif; |
---|
94 |
font-size: 11px; |
---|
95 |
color: #000000; |
---|
96 |
} |
---|
97 |
|
---|
98 |
.note |
---|
99 |
/* Defines the style of text notes. |
---|
100 |
- Basic useage sets the size, colour and font of any small notes |
---|
101 |
Also used in the legend for small text. */ |
---|
102 |
{ |
---|
103 |
font-family: Arial, Helvetica, sans-serif; |
---|
104 |
font-size: 9px; |
---|
105 |
color: #333333; |
---|
106 |
} |
---|
107 |
|
---|
108 |
.text |
---|
109 |
/* Defines the style of text blocks. |
---|
110 |
- Basic useage sets the size, colour and font of <p>, <span> or |
---|
111 |
<div> tags. */ |
---|
112 |
{ |
---|
113 |
font-family: Arial, Helvetica, sans-serif; |
---|
114 |
font-size: 12px; |
---|
115 |
color: #000000; |
---|
116 |
} |
---|
117 |
|
---|
118 |
.list |
---|
119 |
/* Defines the style of ordered and unordered lists. |
---|
120 |
- Basic useage sets the size, colour and font of any <ul>, <ol> tag. */ |
---|
121 |
{ |
---|
122 |
font-family: Arial, Helvetica, sans-serif; |
---|
123 |
font-size: 11px; |
---|
124 |
color: #000000; |
---|
125 |
} |
---|
126 |
|
---|
127 |
.listItem |
---|
128 |
/* Defines the style of list items. |
---|
129 |
- Basic useage sets the size, colour and font of any <li> tag. |
---|
130 |
Normally would be the same as list, but more advanced techniques |
---|
131 |
can be used as well.*/ |
---|
132 |
{ |
---|
133 |
font-family: Arial, Helvetica, sans-serif; |
---|
134 |
font-size: 11px; |
---|
135 |
color: #000000; |
---|
136 |
} |
---|
137 |
|
---|
138 |
.inputBox |
---|
139 |
/* Defines the style of text input elements. |
---|
140 |
- Basic useage sets the font and size of any input elements' text. |
---|
141 |
- More advanced useage sets the styling of the input area as well. */ |
---|
142 |
{ |
---|
143 |
font-family: Arial, Helvetica, sans-serif; |
---|
144 |
font-size: 11px; |
---|
145 |
color: #000000; |
---|
146 |
background-color: #FFFFFF; |
---|
147 |
} |
---|
148 |
|
---|
149 |
.inputList |
---|
150 |
/* Defines the style of list input elements. |
---|
151 |
- Basic useage sets the font and size of any input elements' text. |
---|
152 |
- More advanced useage sets the styling of the input area as well. */ |
---|
153 |
{ |
---|
154 |
font-family: Arial, Helvetica, sans-serif; |
---|
155 |
font-size: 11px; |
---|
156 |
color: #000000; |
---|
157 |
background-color: #FFFFFF; |
---|
158 |
} |
---|
159 |
|
---|
160 |
.nnInputWrap |
---|
161 |
/* Workaround to define the style of input elements for nn4.x. |
---|
162 |
- Sets the font and size of input elements' text. */ |
---|
163 |
{ |
---|
164 |
font-family: Arial, Helvetica, sans-serif; |
---|
165 |
font-size: 11px; |
---|
166 |
color: #000000; |
---|
167 |
} |
---|
168 |
|
---|
169 |
/* .inputBox |
---|
170 |
{ |
---|
171 |
font-family: Arial, Helvetica, sans-serif; |
---|
172 |
font-size: 11px; |
---|
173 |
color: #000000; |
---|
174 |
background-color: #FFFFFF; |
---|
175 |
padding: 3px; |
---|
176 |
border: 1px solid #666666; |
---|
177 |
} */ |
---|