Rev 229 Rev 239
1 body { 1 body {
2 margin: 1em; 2 margin: 1em;
3 font: small sans-serif; 3 font: small sans-serif;
4 color: #000; 4 color: #000;
5 background-color: #fff; 5 background-color: #fff;
6 } 6 }
7   7  
8 p, td, th, li, h4 { 8 p, td, th, li, h4 {
9 font: small sans-serif; 9 font: small sans-serif;
10 } 10 }
11   11  
12 h1, h2, h3 { 12 h1, h2, h3 {
13 color: #f60; 13 color: #f60;
14 } 14 }
15   15  
16 h1 { 16 h1 {
17 font-size: large; 17 font-size: large;
18 } 18 }
19   19  
20 a:link, a:visited { 20 a:link, a:visited {
21 color: #09f; 21 color: #09f;
22 text-decoration: underline; 22 text-decoration: underline;
23 } 23 }
24   24  
25 a:hover { 25 a:hover {
26 text-decoration: none; 26 text-decoration: none;
27 } 27 }
28   28  
29 input, textarea, select, .inputbox { 29 input, textarea, select, .inputbox {
30 border: 1px solid #f60; 30 border: 1px solid #f60;
31 color: #000; 31 color: #000;
32 background-color: #fff; 32 background-color: #fff;
33 } 33 }
34   34  
35 input.radio, input.checkbox { 35 input.radio, input.checkbox {
36 border: none; 36 border: none;
37 background-color: #fff; 37 background-color: #fff;
38 } 38 }
39   39  
40 input.button { 40 input.button {
41 font-weight: bold; 41 font-weight: bold;
42 border: 1px outset #fff; 42 border: 1px outset #fff;
43 color: #fff; 43 color: #fff;
44 background-color: #f60; 44 background-color: #f60;
45 } 45 }
46   46  
47 label { 47 label {
48 cursor: default; 48 cursor: default;
49 } 49 }
50   50  
51   51  
52 #header { 52 #header {
53 53
54 } 54 }
55   55  
56 #crumb { 56 #crumb {
57 57
58 } 58 }
59   59  
60 #footer { 60 #footer {
61 text-align: center; 61 text-align: center;
62 } 62 }
63   63  
64 a img { 64 a img {
65 border: 0; 65 border: 0;
66 } 66 }
67   67  
68 /* image or gallery name header */ 68 /* image or gallery name header */
69 .sgTitle { 69 .sgTitle {
70 margin-bottom: 0; 70 margin-bottom: 0;
71 } 71 }
72   72  
73 /* image or gallery artist subheader */ 73 /* image or gallery artist subheader */
74 .sgSubTitle { 74 .sgSubTitle {
75 margin-top: 0; 75 margin-top: 0;
76 } 76 }
77   77  
78 table.sgList { 78 table.sgList {
79 background-color: #fff; 79 background-color: #fff;
80 border: 1px solid #888; 80 border: 1px solid #888;
81 width: 100% 81 width: 100%
82 } 82 }
83   83  
84 tr.sgRow0 { 84 tr.sgRow0 {
85 background-color: #f0f0f0; 85 background-color: #f0f0f0;
86 margin: 1px; 86 margin: 1px;
87 } 87 }
88   88  
89 tr.sgRow1 { 89 tr.sgRow1 {
90 background-color: #e0e0e0; 90 background-color: #e0e0e0;
91 margin: 1px; 91 margin: 1px;
92 } 92 }
93   93  
94 table.formTable input, table.formTable textarea, table.formTable .inputbox { 94 table.formTable input, table.formTable textarea, table.formTable .inputbox {
95 width: 500px; 95 width: 500px;
96 } 96 }
97   97  
98 table.formTable td { 98 table.formTable td {
99 vertical-align: top; 99 vertical-align: top;
100 } 100 }
101   101  
102 table.formTable input.radio, table.formTable input.checkbox { 102 table.formTable input.radio, table.formTable input.checkbox {
103 width: auto; 103 width: auto;
104 height: auto; 104 height: auto;
105 } 105 }
106   106  
107 .sgImageInput { 107 .sgImageInput {
108 text-align: center; 108 text-align: center;
109 padding: 2px; 109 padding: 2px;
110 } 110 }
111   111  
112 #sgAdminMessages { 112 #sgAdminMessages {
113 background-color: #fff; 113 background-color: #fff;
114 border: 1px dashed #000; 114 border: 1px dashed #000;
115 margin: 1em 0; 115 margin: 1em 0;
116 padding: 5px; 116 padding: 5px;
117 font-size: x-small; 117 font-size: x-small;
118 } 118 }
119   119  
120 #sgAdminMessages li.adminError { 120 #sgAdminMessages li.adminError {
121 list-style-image: url(images/error.gif); 121 list-style-image: url(images/error.gif);
122 margin-left: 20px; 122 margin-left: 20px;
123 } 123 }
124   124  
125 #sgAdminMessages li.adminMessage { 125 #sgAdminMessages li.adminMessage {
126 list-style-image: url(images/message.gif); 126 list-style-image: url(images/message.gif);
127 margin-left: 20px; 127 margin-left: 20px;
128 } 128 }
129   129  
130 #sgAdminBar { 130 #sgAdminBar {
131 background-color: #f0f0f0; 131 background-color: #f0f0f0;
132 border: 1px solid #000; 132 border: 1px solid #000;
133 margin: 1em 0 1em 0; 133 margin: 1em 0 1em 0;
134 padding: 5px; 134 padding: 5px;
135 font-size: x-small; 135 font-size: x-small;
136 } 136 }
137   137  
138 #sgAdminBar a:link, #sgAdminBar a:visited, #sgAdminBar a:active { 138 #sgAdminBar a:link, #sgAdminBar a:visited, #sgAdminBar a:active {
139 color: #000; 139 color: #000;
140 font: x-small Verdana, sans-serif; 140 font: x-small Verdana, sans-serif;
141 position: relative; 141 position: relative;
142 left: 1px; 142 left: 1px;
143 top: 1px; 143 top: 1px;
144 border: 1px solid #f0f0f0; 144 border: 1px solid #f0f0f0;
145 text-decoration: none; 145 text-decoration: none;
146 padding: 2px; 146 padding: 2px;
147 } 147 }
148   148  
149 #sgAdminBar a:hover { 149 #sgAdminBar a:hover {
150 position: relative; 150 position: relative;
151 left: 0px; 151 left: 0px;
152 top: 0px; 152 top: 0px;
153 border: 1px solid #000; 153 border: 1px solid #000;
154 color: #000; 154 color: #000;
155 background-color: #fff; 155 background-color: #fff;
156 } 156 }
157   157  
158 span.sgAdminBarSeparator { 158 span.sgAdminBarSeparator {
159 border-left: 1px solid #888; 159 border-left: 1px solid #888;
160 width: 0px; 160 width: 0px;
161 margin-right: 4px; 161 margin-right: 4px;
162 } 162 }
163   163  
164 div.sgNavBar, p.sgNavBar { 164 div.sgNavBar, p.sgNavBar {
165 text-align: center; 165 text-align: center;
166 float: right; 166 float: right;
167 } 167 }
168   168  
169   169  
170 div.sgContainer { 170 div.sgContainer {
171 clear: both; 171 clear: both;
172 text-align: center; 172 text-align: center;
173 } 173 }
174   174  
175 div.sgTab { 175 div.sgTab {
176 padding: 0.25em; 176 padding: 0.25em;
177 text-align: left; 177 text-align: left;
178 } 178 }
179   179  
180 div.sgContent { 180 div.sgContent {
181 background-color: #f0f0f0; 181 background-color: #f0f0f0;
182 border: 1px solid #000; 182 border: 1px solid #000;
183 padding: 1em; 183 padding: 1em;
184 text-align: left; 184 text-align: left;
185 } 185 }
186   186  
187 table.sgContent { 187 table.sgContent {
188 margin-left: auto; 188 margin-left: auto;
189 margin-right: auto; 189 margin-right: auto;
190 } 190 }
191   191  
192 div.sgGallery, div.sgThumbnail { 192 div.sgGallery, div.sgThumbnail {
193 margin: 0.5em; 193 margin: 0.5em;
194 padding: 0.5em; 194 padding: 0.5em;
195 border: 1px solid #888; 195 border: 1px solid #888;
196 background-color: #fff; 196 background-color: #fff;
197 } 197 }
198   198  
199 td.sgGalleryThumbnail { 199 td.sgGalleryThumbnail {
200 width: 60px; 200 width: 60px;
201 text-align: center; 201 text-align: center;
202 } 202 }
203   203  
204 p.sgGalleryTitle a { 204 p.sgGalleryTitle a {
205 font-weight: bold; 205 font-weight: bold;
206 } 206 }
207   207  
208 div.sgThumbnail { 208 div.sgThumbnail {
209 float: left; 209 float: left;
210 } 210 }
211   211  
212 div.sgThumbnail table { 212 div.sgThumbnail table {
213 width: 110px; 213 width: 110px;
214 height: 110px; 214 height: 110px;
215 text-align: center; 215 text-align: center;
216 vertical-align: middle; 216 vertical-align: middle;
217 } 217 }
218   218  
219 div.stretcher { 219 div.stretcher {
220 clear: both; 220 clear: both;
221 } 221 }
222   222  
223 img.sgImage { 223 img.sgImage {
224 border: 1px solid #000; 224 border: 1px solid #000;
225 } 225 }
226   226  
227 input.sgImageCheckbox { 227 input.sgImageCheckbox {
228 position: absolute; 228 position: absolute;
229 float: left; 229 float: left;
230 z-index: 10; 230 z-index: 10;
231 } 231 }