1 rizwank 1.1 /*** Color settings have been moved to the top ***/
  2             
  3             body {
  4             background-color: white;
  5             color: black;
  6             }
  7             
  8             /*** top edit bar colors ***/
  9             
 10             .ds-topeditbar {
 11             background-color: white;
 12             }
 13             
 14             .ds-topeditbar ul li a {
 15             background-color: white;
 16             border-left-color: #ccc;
 17             color: black;
 18             }
 19             
 20             .ds-topeditbar ul li a:hover {
 21             background-color: black;
 22 rizwank 1.1 color: white;
 23             }
 24             
 25             
 26             /*** left menu colors ***/
 27             
 28             
 29             #ds-vnavcell {
 30             background-color: white;
 31             border-right: 1px solid black;
 32             }
 33             
 34             /* where the logo is located */
 35             .ds-vnavlogoarea {
 36             background-color: white;
 37             border-bottom: 1px solid #ccc;
 38             }
 39             
 40             /* pre-hover menu color and "bullet" color */
 41             .ds-vnav li a:link, .ds-vnav li a:visited  {
 42             border-left: .5em solid #ccc;
 43 rizwank 1.1 color: black;
 44             }
 45             
 46             /* hover menu color */
 47             .ds-vnav li a:hover  {
 48             border-left: .5em solid black;
 49             color: black;
 50             }
 51             
 52             /*** footer ***/
 53             
 54             .ds-footer {
 55             border-top: 1px solid black;
 56             background-color: white;
 57             }
 58             
 59             .ds-footerrevisions {
 60             border-top: 1px solid #ccc;
 61             border-bottom: 1px solid #ccc;
 62             }
 63             
 64 rizwank 1.1 /*** the background for the save buttons on the preview page ***/
 65             .ds-previewsave {
 66             border-top: 1px solid #ccc;
 67             border-bottom: 1px solid #ccc;
 68             }
 69             
 70             /*** the background for the edit format tips on the edit page ***/
 71             .ds-editformattinghelp {
 72             border: 1px solid #ccc;
 73             }
 74             
 75             /*** end of color selection ***/
 76             
 77             /*********** see typography.css for fonts and content margins **************/
 78             
 79             body {
 80             padding: 0px;
 81             margin: 0;
 82             }
 83             
 84             /********* breadcrumb *************/
 85 rizwank 1.1 
 86             
 87             /********* top edit bar *************/
 88              
 89             
 90             .ds-topeditbar {
 91             margin-top: .5em;
 92             padding: 0;
 93             width: 100%;
 94             float: left;
 95             white-space : nowrap;
 96             border-top: 1px solid #ccc;
 97             border-bottom: 1px solid #ccc;
 98             }
 99             
100             .ds-topeditbar ul {
101             margin: 0;
102             padding: 0;   
103             }
104             
105             .ds-topeditbar ul li {
106 rizwank 1.1 display: inline;
107             }
108             
109             .ds-topeditbar ul li a {
110             font-weight: bold;
111             padding-left: 1em;
112             padding-right: 1em;
113             padding-top: .3em;
114             padding-bottom: .3em;
115             float: right;   
116             text-decoration: none;
117             border-left-style: solid;
118             border-left-width: 1px;
119             width: auto;
120             }
121             
122             /********* end of topeditbar attributes  *************/
123             
124             
125             
126             /********* left menu (vnav) and logo attributes  *************/
127 rizwank 1.1 
128             .ds-quicklinks {
129             margin: 0;
130             padding: 0;
131             }
132             
133             
134             
135             .ds-vnav {
136             padding: 0;
137             margin: 0;
138             width: 200px;
139             }
140             
141             .ds-vnav h2 {
142             padding: 0 0 0 .5em;
143             margin: 0;
144             font-size: 100%;
145             font-weight: bold;
146             }
147             
148 rizwank 1.1 .ds-vnav p {
149             padding: .5em 1em .5em 1em;
150             margin: 0;
151             }
152             
153             
154             .ds-vnavlogoarea {
155             width: 200px;
156             padding-bottom: .5em;
157             padding-top: .5em;
158             margin-bottom: 1em;
159             }
160             
161             .ds-vnavlogoarea .ds-logo {
162             display: block;
163             margin-left: auto;
164             margin-right: auto;
165             }
166             
167             .ds-logosearch form {
168             margin: 0;
169 rizwank 1.1 padding: 0;
170             }
171             
172             .ds-logosearch input {
173             margin-top: .4em;
174             width: 170px;
175             margin-left: 1em;
176             margin-bottom: 0;
177             padding-top: 0;
178             padding-bottom: 0;
179             }
180             
181             
182             .ds-logosearchlabel {
183             text-align: center;
184             font-size: x-small;
185             margin-bottom: 1.3em;
186             }
187             
188             .ds-vnavheading {
189             font-weight: bold;
190 rizwank 1.1 border: 0;
191             display: block;
192             padding-top: 1px;
193             padding-bottom: 1px;
194             padding-left: .5em;
195             margin-right: 1px;
196             margin-bottom: 1px;
197             
198             }
199             
200             
201             .ds-vnav ul {
202             margin-top: .7em;
203             margin-bottom: 1.2em;
204             margin-left: 0;
205             margin-right: 0;
206             padding: 0;
207             list-style-type: none;
208             }
209             
210             .ds-vnav li {
211 rizwank 1.1 display: block;
212             margin-top: 2px;
213             margin-left: 1em;
214             }
215             
216             .ds-vnav li a:link, .ds-vnav li a:visited  {
217             text-decoration: none;
218             padding-left: .5em;
219             padding-right: 1em;
220             }
221              
222             .ds-vnav li a:hover  {
223             text-decoration: none;
224             }
225              
226              
227             /********* end of left menu (vnav) and logo attributes  *************/
228             
229             /******************** footer attributes ********************/
230             
231             .ds-footer {
232 rizwank 1.1 margin: 0;
233             position: relative;
234             padding: .5em;
235             }
236             
237             .ds-footereditbar {
238             float: right;
239             text-align: right;
240             padding: 0;
241             width: auto;
242             position: relative;   /* to make IE happy */
243             }
244             
245             .ds-footerleft {
246               padding-left: .5em;
247             }
248             
249             .ds-footerrevisions {
250             margin-top: .5em;
251             padding-top: .5em;
252             padding-bottom: .6em;
253 rizwank 1.1 margin-bottom: .5em;
254             padding-left: .5em;
255             }
256             
257             .ds-footerlogininfo {
258             text-align: right;
259             font-size: smaller;
260             
261             }
262             
263             /******************** end of footer ********************/
264             
265             
266             /******* misc  **********/
267             
268             .ds-logo {
269             border: 0;
270             }
271             
272             .ds-clearer {
273             clear: both;
274 rizwank 1.1 height: 0;
275             line-height: 0;
276             }
277             
278             .ds-clear {
279             clear: both;
280             }
281             
282             .ds-hide {
283             display: none;
284             }
285             
286             .ds-larger {
287             font-size: larger;
288             }
289             
290             .ds-bold {
291             font-weight: bold;
292             }
293             
294             .ds-largerbold {
295 rizwank 1.1 font-size: larger;
296             font-weight: bold;
297             }
298             
299             
300             /* the stuff below is specific to various templates */
301             
302             /******************** no-menu presentation ********************
303              * 
304              * these definitions are used for no-menu templates (oops, etc)
305              * they are prefixed with a "nm"
306              *
307              */
308             
309             
310             .ds-nmwrapper {
311             margin: 0;
312             padding: 0;
313             }
314             
315             .ds-nmlogowrapper {
316 rizwank 1.1 margin: 0;
317             padding: 0;
318             float: left;
319             width: auto;
320             }
321             
322             
323             .ds-nmheaderhelp {
324             margin: 0;
325             padding: 0;
326             float: right;
327             width: auto;
328             }
329             
330             .ds-nmheaderwrapper {
331             margin: 0;
332             padding: 1em 2em 0 2em;
333             height: 100%;   /*  it's either this or use a Holly hack */
334             
335             }
336             
337 rizwank 1.1 .ds-nmtitlemessage {
338             clear: both; 
339             text-align: center;
340             padding: .2em 0 .2em 0;
341             margin: 0;
342             font-size: larger;
343             }
344             
345             .ds-nmwebaction {
346             border-top: 1px solid #ccc;
347             border-bottom: 1px solid #ccc;
348             text-align: center;
349             padding-top: .5em;
350             padding-bottom: .5em;
351             margin: 0;
352             }
353             
354             .ds-nmcontent {
355             padding: 0 2em 1em 2em;
356             }
357             
358 rizwank 1.1 .ds-nmtopicaction {
359             border-top: 1px solid #ccc;
360             border-bottom: 1px solid #ccc;
361             padding: .5em 2em .5em 2em;
362             }
363             
364             /*************************************************/
365             
366             /*****  search book view *****/
367             
368             .ds-searchbookcontainer {
369             padding-top: 1em;
370             padding-bottom: 1em;
371             margin-top: .5em;
372             margin-bottom: 1em;
373             border-bottom: 5px solid black;
374             border-top: 1px solid black;
375             }
376             
377             .ds-searchbookviewtitle {
378             font-weight: bold;
379 rizwank 1.1 font-size: large;
380             }
381             
382             /***** preview *****/
383             
384             
385             .ds-previewsave {
386             margin: 0;
387             padding: 2px 1em 2px 1em;
388             font-size: smaller;
389             clear: both;
390             text-align: right;
391             }
392             
393             .ds-previewsave form {
394             margin: 0;
395             }
396             
397             /***** edit *****/
398             
399             .ds-editformattinghelp {
400 rizwank 1.1 margin-top: .5em;
401             padding: 0 2em 1em 2em;
402             font-size: smaller;
403             }
404             
405             
406             /* Edit.pm hard-codes a table for presentation of the
407              * "add form" button. 
408              */
409             
410             .ds-editformfieldscontainer {
411             margin-bottom: 5px;
412             border: 0;
413             padding-right: 1em;
414             }
415             
416             
417             /* search results
418              * color uses %WEBBGCOLOR% and is embedded in the template
419              *
420              */
421 rizwank 1.1 
422             .ds-searchresultsheading {
423             font-size: large;
424             padding: .1em; 
425             margin-bottom: 2px;
426             }