MIME-Version: 1.0 Content-Type: multipart/related; boundary="----=_NextPart_01C7033D.24F73E60" This document is a Single File Web Page, also known as a Web Archive file. If you are seeing this message, your browser or editor doesn't support Web Archive files. Please download a browser that supports Web Archive, such as Microsoft Internet Explorer. ------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii" Cascading Style Sheets

This presentation contains content that your browser may not be able to = show properly. This presentation was optimized for more recent versions of Micro= soft Internet Explorer.

If you would like to proceed anyway, click here.

 ------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/master54.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii"
Click to edit Master title style
Click t= o edit Master text styles
Second level
Third = level
Fourth level
Fifth = level
‹date/time›&= #13;
‹footer›
̸= 9;#›
------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/master54.xml Content-Transfer-Encoding: quoted-printable Content-Type: text/xml; charset="utf-8" ------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/preview.wmf Content-Transfer-Encoding: base64 Content-Type: image/x-wmf AQAJAAADEwsAAAcAKAAAAAAABAAAAAMBCAAFAAAACwIAAAAABQAAAAwCeQChAAMAAAAeAAcAAAD8 AgAA////AAAABAAAAC0BAAAIAAAA+gIFAAAAAAD///8ABAAAAC0BAQAOAAAAJAMFAP///////3gA oAB4AKAA////////CAAAAPoCAAAAAAAAAAAAAAQAAAAtAQIABwAAAPwCAAD///8AAAAEAAAALQED AAQAAAAnAf//AwAAAB4ACAAAAPoCAAABAAAAAAAAAAQAAAAtAQQABwAAAPwCAQAAAAAAAAAEAAAA LQEFAAgAAAAlAwIAgAASAIAAYQAEAAAALQECAAQAAAAtAQMABAAAAPABBAAEAAAAJwH//wQAAADw AQAAAwAAAB4ABwAAAPwCAAAzAGYAAAAEAAAALQEAAAQAAAAGAQEABAAAAC0BAQAmAAAAJAMRAIQA NACEADQAgwA0AIMANQCDADYAgwA2AIMANwCEADcAhAA3AIUANwCGADcAhgA2AIYANgCGADUAhgA0 AIUANACEADQABAAAAC0BAgAEAAAABgEBAAQAAAAtAQMABAAAACcB//8DAAAAHgAEAAAALQEAAAQA AAAGAQEABAAAAC0BAQAmAAAAJAMRAIkANACJADQAiAA0AIgANQCIADYAiAA2AIgANwCJADcAiQA3 AIoANwCLADcAiwA2AIsANgCLADUAiwA0AIoANACJADQABAAAAC0BAgAEAAAABgEBAAQAAAAtAQMA BAAAACcB//8DAAAAHgAEAAAALQEAAAQAAAAGAQEABAAAAC0BAQAmAAAAJAMRAI4ANACOADQAjQA0 AI0ANQCNADYAjQA2AI0ANwCOADcAjgA3AI8ANwCQADcAkAA2AJAANgCQADUAkAA0AI8ANACOADQA BAAAAC0BAgAEAAAABgEBAAQAAAAtAQMABAAAACcB//8DAAAAHgAEAAAALQEAAAQAAAAGAQEABAAA AC0BAQAmAAAAJAMRAIQAOQCEADkAgwA5AIMAOgCDADsAgwA7AIMAPACEADwAhAA8AIUAPACGADwA hgA7AIYAOwCGADoAhgA5AIUAOQCEADkABAAAAC0BAgAEAAAABgEBAAQAAAAtAQMABAAAACcB//8D AAAAHgAEAAAALQEAAAQAAAAGAQEABAAAAC0BAQAmAAAAJAMRAIkAOQCJADkAiAA5AIgAOgCIADsA iAA7AIgAPACJADwAiQA8AIoAPACLADwAiwA7AIsAOwCLADoAiwA5AIoAOQCJADkABAAAAC0BAgAE AAAABgEBAAQAAAAtAQMABAAAACcB//8DAAAAHgAEAAAALQEAAAQAAAAGAQEABAAAAC0BAQAmAAAA JAMRAI4AOQCOADkAjQA5AI0AOgCNADsAjQA7AI0APACOADwAjgA8AI8APACQADwAkAA7AJAAOwCQ ADoAkAA5AI8AOQCOADkABAAAAC0BAgAEAAAABgEBAAQAAAAtAQMABAAAACcB//8EAAAA8AEAAAMA AAAeAAcAAAD8AgAAZpmZAAAABAAAAC0BAAAEAAAABgEBAAQAAAAtAQEAJgAAACQDEQCTADkAkwA5 AJIAOQCSADoAkgA7AJIAOwCSADwAkwA8AJMAPACUADwAlQA8AJUAOwCVADsAlQA6AJUAOQCUADkA kwA5AAQAAAAtAQIABAAAAAYBAQAEAAAALQEDAAQAAAAnAf//BAAAAPABAAADAAAAHgAHAAAA/AIA ADMAZgAAAAQAAAAtAQAABAAAAAYBAQAEAAAALQEBACYAAAAkAxEAhAA+AIQAPgCDAD4AgwA/AIMA QACDAEAAgwBBAIQAQQCEAEEAhQBBAIYAQQCGAEAAhgBAAIYAPwCGAD4AhQA+AIQAPgAEAAAALQEC AAQAAAAGAQEABAAAAC0BAwAEAAAAJwH//wMAAAAeAAQAAAAtAQAABAAAAAYBAQAEAAAALQEBACYA AAAkAxEAiQA+AIkAPgCIAD4AiAA/AIgAQACIAEAAiABBAIkAQQCJAEEAigBBAIsAQQCLAEAAiwBA AIsAPwCLAD4AigA+AIkAPgAEAAAALQECAAQAAAAGAQEABAAAAC0BAwAEAAAAJwH//wQAAADwAQAA AwAAAB4ABwAAAPwCAABmmZkAAAAEAAAALQEAAAQAAAAGAQEABAAAAC0BAQAmAAAAJAMRAI4APgCO AD4AjQA+AI0APwCNAEAAjQBAAI0AQQCOAEEAjgBBAI8AQQCQAEEAkABAAJAAQACQAD8AkAA+AI8A PgCOAD4ABAAAAC0BAgAEAAAABgEBAAQAAAAtAQMABAAAACcB//8DAAAAHgAEAAAALQEAAAQAAAAG AQEABAAAAC0BAQAmAAAAJAMRAJMAPgCTAD4AkgA+AJIAPwCSAEAAkgBAAJIAQQCTAEEAkwBBAJQA QQCVAEEAlQBAAJUAQACVAD8AlQA+AJQAPgCTAD4ABAAAAC0BAgAEAAAABgEBAAQAAAAtAQMABAAA ACcB//8EAAAA8AEAAAMAAAAeAAcAAAD8AgAAzMwAAAAABAAAAC0BAAAEAAAABgEBAAQAAAAtAQEA JgAAACQDEQCYAD4AmAA+AJcAPgCXAD8AlwBAAJcAQACXAEEAmABBAJgAQQCZAEEAmgBBAJoAQACa AEAAmgA/AJoAPgCZAD4AmAA+AAQAAAAtAQIABAAAAAYBAQAEAAAALQEDAAQAAAAnAf//BAAAAPAB AAADAAAAHgAHAAAA/AIAADMAZgAAAAQAAAAtAQAABAAAAAYBAQAEAAAALQEBACYAAAAkAxEAhABD AIQAQwCDAEMAgwBEAIMARQCDAEUAgwBGAIQARgCEAEYAhQBGAIYARgCGAEUAhgBFAIYARACGAEMA hQBDAIQAQwAEAAAALQECAAQAAAAGAQEABAAAAC0BAwAEAAAAJwH//wQAAADwAQAAAwAAAB4ABwAA APwCAABmmZkAAAAEAAAALQEAAAQAAAAGAQEABAAAAC0BAQAmAAAAJAMRAIkAQwCJAEMAiABDAIgA RACIAEUAiABFAIgARgCJAEYAiQBGAIoARgCLAEYAiwBFAIsARQCLAEQAiwBDAIoAQwCJAEMABAAA AC0BAgAEAAAABgEBAAQAAAAtAQMABAAAACcB//8DAAAAHgAEAAAALQEAAAQAAAAGAQEABAAAAC0B AQAmAAAAJAMRAI4AQwCOAEMAjQBDAI0ARACNAEUAjQBFAI0ARgCOAEYAjgBGAI8ARgCQAEYAkABF AJAARQCQAEQAkABDAI8AQwCOAEMABAAAAC0BAgAEAAAABgEBAAQAAAAtAQMABAAAACcB//8EAAAA 8AEAAAMAAAAeAAcAAAD8AgAAzMwAAAAABAAAAC0BAAAEAAAABgEBAAQAAAAtAQEAJgAAACQDEQCT AEMAkwBDAJIAQwCSAEQAkgBFAJIARQCSAEYAkwBGAJMARgCUAEYAlQBGAJUARQCVAEUAlQBEAJUA QwCUAEMAkwBDAAQAAAAtAQIABAAAAAYBAQAEAAAALQEDAAQAAAAnAf//BAAAAPABAAADAAAAHgAH AAAA/AIAAGaZmQAAAAQAAAAtAQAABAAAAAYBAQAEAAAALQEBACYAAAAkAxEAhABIAIQASACDAEgA gwBJAIMASgCDAEoAgwBLAIQASwCEAEsAhQBLAIYASwCGAEoAhgBKAIYASQCGAEgAhQBIAIQASAAE AAAALQECAAQAAAAGAQEABAAAAC0BAwAEAAAAJwH//wMAAAAeAAQAAAAtAQAABAAAAAYBAQAEAAAA LQEBACYAAAAkAxEAiQBIAIkASACIAEgAiABJAIgASgCIAEoAiABLAIkASwCJAEsAigBLAIsASwCL AEoAiwBKAIsASQCLAEgAigBIAIkASAAEAAAALQECAAQAAAAGAQEABAAAAC0BAwAEAAAAJwH//wQA AADwAQAAAwAAAB4ABwAAAPwCAADMzAAAAAAEAAAALQEAAAQAAAAGAQEABAAAAC0BAQAmAAAAJAMR AI4ASACOAEgAjQBIAI0ASQCNAEoAjQBKAI0ASwCOAEsAjgBLAI8ASwCQAEsAkABKAJAASgCQAEkA kABIAI8ASACOAEgABAAAAC0BAgAEAAAABgEBAAQAAAAtAQMABAAAACcB//8DAAAAHgAEAAAALQEA AAQAAAAGAQEABAAAAC0BAQAmAAAAJAMRAJMASACTAEgAkgBIAJIASQCSAEoAkgBKAJIASwCTAEsA kwBLAJQASwCVAEsAlQBKAJUASgCVAEkAlQBIAJQASACTAEgABAAAAC0BAgAEAAAABgEBAAQAAAAt AQMABAAAACcB//8EAAAA8AEAAAMAAAAeAAcAAAD8AgAA2NjsAAAABAAAAC0BAAAEAAAABgEBAAQA AAAtAQEAJgAAACQDEQCYAEgAmABIAJcASACXAEkAlwBKAJcASgCXAEsAmABLAJgASwCZAEsAmgBL AJoASgCaAEoAmgBJAJoASACZAEgAmABIAAQAAAAtAQIABAAAAAYBAQAEAAAALQEDAAQAAAAnAf// BAAAAPABAAADAAAAHgAHAAAA/AIAAGaZmQAAAAQAAAAtAQAABAAAAAYBAQAEAAAALQEBACYAAAAk AxEAhABNAIQATQCDAE0AgwBOAIMATwCDAE8AgwBQAIQAUACEAFAAhQBQAIYAUACGAE8AhgBPAIYA TgCGAE0AhQBNAIQATQAEAAAALQECAAQAAAAGAQEABAAAAC0BAwAEAAAAJwH//wQAAADwAQAAAwAA AB4ABwAAAPwCAADMzAAAAAAEAAAALQEAAAQAAAAGAQEABAAAAC0BAQAmAAAAJAMRAIkATQCJAE0A iABNAIgATgCIAE8AiABPAIgAUACJAFAAiQBQAIoAUACLAFAAiwBPAIsATwCLAE4AiwBNAIoATQCJ AE0ABAAAAC0BAgAEAAAABgEBAAQAAAAtAQMABAAAACcB//8DAAAAHgAEAAAALQEAAAQAAAAGAQEA BAAAAC0BAQAmAAAAJAMRAI4ATQCOAE0AjQBNAI0ATgCNAE8AjQBPAI0AUACOAFAAjgBQAI8AUACQ AFAAkABPAJAATwCQAE4AkABNAI8ATQCOAE0ABAAAAC0BAgAEAAAABgEBAAQAAAAtAQMABAAAACcB //8EAAAA8AEAAAMAAAAeAAcAAAD8AgAA2NjsAAAABAAAAC0BAAAEAAAABgEBAAQAAAAtAQEAJgAA ACQDEQCTAE0AkwBNAJIATQCSAE4AkgBPAJIATwCSAFAAkwBQAJMAUACUAFAAlQBQAJUATwCVAE8A lQBOAJUATQCUAE0AkwBNAAQAAAAtAQIABAAAAAYBAQAEAAAALQEDAAQAAAAnAf//BAAAAPABAAAD AAAAHgAHAAAA/AIAAMzMAAAAAAQAAAAtAQAABAAAAAYBAQAEAAAALQEBACYAAAAkAxEAhABSAIQA UgCDAFIAgwBTAIMAUwCDAFQAgwBVAIQAVQCEAFUAhQBVAIYAVQCGAFQAhgBTAIYAUwCGAFIAhQBS AIQAUgAEAAAALQECAAQAAAAGAQEABAAAAC0BAwAEAAAAJwH//wMAAAAeAAQAAAAtAQAABAAAAAYB AQAEAAAALQEBACYAAAAkAxEAiQBSAIkAUgCIAFIAiABTAIgAUwCIAFQAiABVAIkAVQCJAFUAigBV AIsAVQCLAFQAiwBTAIsAUwCLAFIAigBSAIkAUgAEAAAALQECAAQAAAAGAQEABAAAAC0BAwAEAAAA JwH//wQAAADwAQAAAwAAAB4ABwAAAPwCAADY2OwAAAAEAAAALQEAAAQAAAAGAQEABAAAAC0BAQAm AAAAJAMRAI4AUgCOAFIAjQBSAI0AUwCNAFMAjQBUAI0AVQCOAFUAjgBVAI8AVQCQAFUAkABUAJAA UwCQAFMAkABSAI8AUgCOAFIABAAAAC0BAgAEAAAABgEBAAQAAAAtAQMABAAAACcB//8DAAAAHgAE AAAALQEAAAQAAAAGAQEABAAAAC0BAQAmAAAAJAMRAJMAUgCTAFIAkgBSAJIAUwCSAFMAkgBUAJIA VQCTAFUAkwBVAJQAVQCVAFUAlQBUAJUAUwCVAFMAlQBSAJQAUgCTAFIABAAAAC0BAgAEAAAABgEB AAQAAAAtAQMABAAAACcB//8DAAAAHgAEAAAALQEAAAQAAAAGAQEABAAAAC0BAQAmAAAAJAMRAIkA VwCJAFcAiABXAIgAWACIAFgAiABZAIgAWgCJAFoAiQBaAIoAWgCLAFoAiwBZAIsAWACLAFgAiwBX AIoAVwCJAFcABAAAAC0BAgAEAAAABgEBAAQAAAAtAQMABAAAACcB//8DAAAAHgAEAAAALQEAAAQA AAAGAQEABAAAAC0BAQAmAAAAJAMRAJMAVwCTAFcAkgBXAJIAWACSAFgAkgBZAJIAWgCTAFoAkwBa AJQAWgCVAFoAlQBZAJUAWACVAFgAlQBXAJQAVwCTAFcABAAAAC0BAgAEAAAABgEBAAQAAAAtAQMA BAAAACcB//8DAAAAHgAIAAAA+gIAAAEAAAAAAAAABAAAAC0BBAAEAAAALQEFAAgAAAAlAwIABQAx AJUAMQAEAAAALQECAAQAAAAtAQMABAAAAPABBAAEAAAAJwH//xwAAAD7Avb/AAAAAAAAvAIAAAAA AEAAAEFyaWFsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAC0BBAAEAAAALgEYAAQAAAAC AQEABQAAAAkCMwBmAigAAAAyCisABwAWAAAAQ2FzY2FkaW5nIFN0eWxlIFNoZWV0cwcABgAGAAYA BgAGAAMABgAGAAMABwADAAUAAwAGAAMABwAGAAYABgADAAYABAAAAC4BAAAcAAAA+wIQAAcAAAAA ALwCAAAAAAECAiJTeXN0ZW0AAAAAAAAAAAAAGAAAAAIAAABg4RcA5AQAAAQAAAAtAQYABAAAAPAB BAAcAAAA+wL5/wAAAAAAAJABAAAAAABAAABBcmlhbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAQAAAAtAQQABAAAAC4BGAAEAAAAAgEBAAUAAAAJAgAAAAIKAAAAMgo9AFUAAgAAAC0tAgACAAQA AAAuAQAABAAAAC0BBgAEAAAA8AEEABwAAAD7Avn/AAAAAAAAkAEAAAAAAEAAAEFyaWFsAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAC0BBAAEAAAALgEYAAQAAAACAQEABQAAAAkCAAAAAhIA AAAyCj0AWQAHAAAAQ0FTIDQ4MwAFAAUABQACAAQABAAEAAQAAAAuAQAABAAAAC0BBgAEAAAA8AEE ABwAAAD7Avn/AAAAAAAAkAEAAAAAAEAAAEFyaWFsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA BAAAAC0BBAAEAAAALgEYAAQAAAACAQEABQAAAAkCAAAAAgoAAAAyCj0AdgACAAAALS0CAAIABAAA AC4BAAAEAAAALQEGAAQAAADwAQQAAwAAAAAA ------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/master55.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii"
Click to edit Master title style
Click to edit Master subtitle style
‹date/time›&= #13;
‹footer›
̸= 9;#›
------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/master55.xml Content-Transfer-Encoding: quoted-printable Content-Type: text/xml; charset="utf-8" ------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/pres.xml Content-Transfer-Encoding: quoted-printable Content-Type: text/xml; charset="utf-8" ------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/slide0001.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii" Cascading Style Sheets
Cascad= ing Style Sheets
--CAS 483--
------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/master55_image001.gif Content-Transfer-Encoding: base64 Content-Type: image/gif R0lGODlhAgAIAXcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAEAAQAB AAcBgAAAAAAAAAIOjI+py+0Po5y02ouzdgUAOw== ------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/master55_image002.gif Content-Transfer-Encoding: base64 Content-Type: image/gif R0lGODlhUACBAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAAAAABO AH8AggAAADMAZmaZmczMANjY7AECAwECAwECAwP/CBDcoTAu96Sk1erNL2bbl3lfZ56QCJKlpY5o nL4uHb2wHOOs2GO64ET1A954wp1ttlQgk6gn03ckQpWtYkPTvHasNWNY7I06TGQupcxuu9/wuHxO r9vv+OD2dObvOwKBAmVZY31qaxyCi1BgVYVTiRaLlEJSTo6YmQCUnXpdODCXnJ2MOpehWn8KpZWn oKhdraYysbCbs4Gfm11DVBG5g7tpmpDFkhKzjcSRq0WAnl7OIdOIOZOCedrb3N3e3+Dh4cjWK4q0 59kdA+ztj+TN5tjR8/QS7fgD8fL7/KzKyQDey4fPl7FLweqVGkjQna1MCQMKVNAw38Nf/3IBiwih /yK+i5A4QhAJwGO7UQg1SmzFsKJBYr1IsVxpr6PHY4e0bJi4caEGl/G+wKMpbKcrDgTFKV3KtKnT p1CHxFBngqoJd9KYjazZE52FhsuMZeQqk2xJoK9w8SzrM4JJfWkxsm07li5Fk8NCkiR59mZcvSq3 8nwLt5asvYFt+jWslifft5bk1j3albJbtHn9CbZc2erlpFeG0qzq9WfBqKhTq17NujUKzkSvnl43 ewOB27g7e95cWnG+DZgl4B5OgHfvxL5BfwZrgTjxuZxJQm7JHILz54iRT19eXcF14tkHb++72Pt3 3OFnJle+/neE8+iRQ/c6/m55APCL85VPnr397v/WnTfZbgPq8lVw7bGjgYDGFaWBWf9hBZx/wj33 oAwGolCYhjLc5tqHIIYo4oUxKFiiDsWVYRd1Gx7onm3OQbFWhLUl2GKA1wnx2H001ogfgzrseF99 PwI5lXb1EZlfENIlOV5+KWKIJF7cUbhkkPI5yeOVWK7Y34tVSviekVJ6+aWJplFoXoxXwEadbGLC mNuIdNZp55149ncCmAsOd4KFUAAY5o04Alohm0LweGacayJ6qKMlUjlonFwWmqMOWt5XaaOXypBp cFCOCV8QnwK4aZHfkSqpjWhyCimqnUbK46qWGuqqn4ki2GOrtc7ZXKpJCBomB7H+amuwnhIKYwxB Hubp7LPQRtvaq1dQOwewZZApx6hecFvHqSh6uy24HYobR6hQoHstucyae6674WoLB7zxFruutUHI Oy6ubhwbQwIAOw== ------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/master55_image003.gif Content-Transfer-Encoding: base64 Content-Type: image/gif R0lGODlh4gECAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAAAAQDi AQEAgAAAAAAAAAIUjI+py+0Po5y02ouz3rz7D4ZiVQAAOw== ------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/slide0002.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii" Cascading Style Sheets
What is a Style Sheet?
l“A set of statements that specify the presentation of a document”
lIn other words, a style sheet defines how to display an HTML document= 3;
lExternal style sheets can be applied to a number of HTML documents&#= 13;
lCSS gives a “look” to your site =
l= Style sheets in action
------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/master54_image004.gif Content-Transfer-Encoding: base64 Content-Type: image/gif R0lGODlhAgBbAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAEAAQAB AFkAgAAAAAAAAAIIjI+py+0PXwEAOw== ------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/master54_image005.gif Content-Transfer-Encoding: base64 Content-Type: image/gif R0lGODlhMABNAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAAAAAAu AEsAggAAADMAZmaZmczMANjY7AECAwECAwECAwP/CBAc+otB1dy8+FWpK9xWJkZbV1LgKIIha3oq 5qInCcdXTXNviOe8T9D0KxqPyKRyubztfLaLYCqIpZ6+q4JKHc1sjR6PO/Vqv19yOYM+a9UqHXgi J+OGKDb0sWb6/4CBgk90TgB2EIgPA4wDWGIhcHyKAI2NbTVqVVuSlpdumZKHnZ6OoDeio1wQpXNC YYmrsV2LloO3uLl/eKoYfROMd4aUqr+Vtitvopq1yHqhiswKpY7PqMuirWbXspzdx87WUMTE4brn 6Ok4tBPsrMEXjRcE9JPuxZvN8NOeEPT/BKTh60NN3z4AAOkJFFiQXz+ECQNiU9QQnLwHEQfO+qXN l+FFBRmLSTFmMd5HjP/UqVyJ65tDkwdBplSR6qHHgyEzMOxYMaevbDw7RiQgYqfNnglpurR5019S pfneVQMWUyZRlliz3mJqcarVek7BjggazqdPmM6QPoUIcCxZZ0NRrkX7UW3br2IzcOU6l21eEVWP ZfiLUqthXVez9h2x+EfcGGeLPFYx2UhlEZcdR8awWfNMHI0fJAAAOw== ------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/slide0003.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii" Cascading Style Sheets
Why use CSS?
lEnable you to ch= ange the appearance and layout of your entire site by editing only one file
<= span class=3DBB style=3D'position:absolute;left:-4.43%;top:.39em'>lImpro= ve site accessibility
<= span style=3D'visibility:hidden'>l
------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/slide0004.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii" Cascading Style Sheets
CSS Syntax
lGeneric CSS syntax:
l selector {property: value;}
lFor example, we can change background color:
l body { background-color: black; }
lCSS Comments
lComments are surrounded by /* and */
l /* This is a CSS comment */
------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/slide0005.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii" Cascading Style Sheets
CSS Syntax
lClass selector
lCan define different style types for the same HTML element <= /div>
l p.center { text-align: center; }
l p.right  { text-align: right; }
l <p class=3D“center”>…</p>
lOr, we can define a style for all HTML elements
l .center  { text-align: center; }
l <h1 class=3D“center”>…</p>
------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/slide0013.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii" Cascading Style Sheets
DIV and SPAN Tags
lDiv tag adds block-level structure/formatting
l<div class=3D“<= /span>style_name= ”>…</div>
l<div style=3D“<= /span>property:value”>…</div>
l<div align=3D“<= /span>center|right|left= ”>…</div>
lSpan tag adds inline-level structure/formatting
l<span class=3D“= style_name= ”>…</div>
l<span style=3D“= property:value”>…</div>
l
------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/slide0006.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii" Cascading Style Sheets
Applying a Style Sheet
lExternal Style Sheet
lCan be applied to a number of HTML pages
lTo link a style sheet to an HTML document: <= /div>
l <head>
l <link rel=3D"stylesheet" type=3D"text/css&quo= t; href=3D"mystyle.css" />
l</head>
lInternal Style Sheet
lApplied to only one HTML document
l <head><style>…</style></h= ead>
------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/slide0007.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii" Cascading Style Sheets
What can CSS be used for?
lPage layout
lPositioning, etc.
lFont and text properties
lIndent the first line of a paragraph
lColor and background properties
lBox properties
lMargins, borders, dimensions
------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/slide0010.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii" Cascading Style Sheets
Examples
lModify the appea= rance = of an HTML element:
lbody {
l   font-f= amily: "Tahoma", "Arial", sans-serif;
l   font-s= ize: 100%;
l   color: #000000;
l   background-color: #ffffff;
l}
lh1 {
l   font-s= ize: 110%;
l   margin-bottom: 6px;
l}
<= span class=3DHBB style=3D'position:absolute;left:-9.7%;top:.39em'>lCreat= e new styles:
l.mainbox {
l   font-s= ize: 85%;
l   width:=   530px;
l   border= : 1px solid #c0c0c0;
l   vertical-align: top;
l   paddin= g: 2px;
l}
l.txtlink {
l   color: #990000;
l   background-color: #ffffff;
l}
------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/slide0011.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii" Cascading Style Sheets
A Few Hints
lText styles for the body are not inherited by text in a table
lTo center a table:
l.center table {
l   margin-left: auto; margin-r= ight: auto; text-align: left;
l}
lTo add a border around an image:
limg.textpic-l {
l   border: 1px solid black; ma= rgin: 4px; float: left;
l}
l= http://www.cae.wisc.edu/~kahnj/tcc/
------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/slide0012.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii" Cascading Style Sheets
Creating Links with CSS
lCSS can be used to create link effects <= /div>
= l .txtlink {
= l   color: #990000;
= l    background-color: #ffffff;
= l }
l a.txtlink:link { =
l   text-decoration: underline;
l }
l a.txtlink:visited {
= l   text-decoration: underline;
= l }
= l a.txtlink:hover {
l    color: #ffcc00;
l   background-color: #ffffff;
l    text-decoration: none; =
l }
------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/slide0008.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii" Cascading Style Sheets
Where to go from here
lTry out CSS:
lCreate a simple HTML page
lInclude the link ta= g in order to apply the style sheet
lInclude a number of HTML elements (headers, etc)
lCreate a style sheet (<file_name>.css)
lUse the style sheet= to modify the appearance of several HTML elements
lCreate your own styles
lModify the style sheet and re= load your page
lAdd a style sheet to your pro= ject
------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/slide0009.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii" Cascading Style Sheets
Resources
------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/master54_stylesheet.css Content-Transfer-Encoding: base64 Content-Type: text/css Ym9keQ0KCXt3aWR0aDo1MzRweDsNCgloZWlnaHQ6NDAwcHg7fQ0KLlRCDQoJe21zby1zcGVjaWFs LWZvcm1hdDpub2J1bGxldFwyMDIyO30NCi5UDQoJe3RleHQtYWxpZ246bGVmdDsNCglmb250LWZh bWlseTpBcmlhbDsNCglmb250LXdlaWdodDpib2xkOw0KCWNvbG9yOiMzMzAwNjY7DQoJbXNvLWNv bG9yLWluZGV4OjM7DQoJZm9udC1zaXplOjE4NSU7DQoJbXNvLWNoYXItd3JhcDoxOw0KCW1zby1r aW5zb2t1LW92ZXJmbG93OjE7fQ0KLkJCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpidWxsZXRsOw0K CWNvbG9yOiMzMzAwNjY7DQoJbXNvLWNvbG9yLWluZGV4OjM7DQoJZm9udC1mYW1pbHk6V2luZ2Rp bmdzOw0KCWZvbnQtc2l6ZTo3MCU7fQ0KLkINCgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZvbnQtZmFt aWx5OkFyaWFsOw0KCWNvbG9yOmJsYWNrOw0KCW1zby1jb2xvci1pbmRleDoxOw0KCWZvbnQtc2l6 ZToxNDIlOw0KCW1zby1jaGFyLXdyYXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5C MUINCgl7bXNvLXNwZWNpYWwtZm9ybWF0OmJ1bGxldGw7DQoJY29sb3I6IzY2OTk5OTsNCgltc28t Y29sb3ItaW5kZXg6NTsNCglmb250LWZhbWlseTpXaW5nZGluZ3M7DQoJZm9udC1zaXplOjcwJTt9 DQouQjENCgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZvbnQtZmFtaWx5OkFyaWFsOw0KCWNvbG9yOmJs YWNrOw0KCW1zby1jb2xvci1pbmRleDoxOw0KCWZvbnQtc2l6ZToxMjMlOw0KCW1zby1tYXJnaW4t bGVmdC1hbHQ6NDM2Ow0KCW1zby10ZXh0LWluZGVudC1hbHQ6MjE3Ow0KCW1zby1jaGFyLXdyYXA6 MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5CMkINCgl7bXNvLXNwZWNpYWwtZm9ybWF0 OmJ1bGxldGw7DQoJY29sb3I6I0NDQ0MwMDsNCgltc28tY29sb3ItaW5kZXg6NDsNCglmb250LWZh bWlseTpXaW5nZGluZ3M7DQoJZm9udC1zaXplOjcwJTt9DQouQjINCgl7dGV4dC1hbGlnbjpsZWZ0 Ow0KCWZvbnQtZmFtaWx5OkFyaWFsOw0KCWNvbG9yOmJsYWNrOw0KCW1zby1jb2xvci1pbmRleDox Ow0KCWZvbnQtc2l6ZToxMDklOw0KCW1zby1tYXJnaW4tbGVmdC1hbHQ6NjIyOw0KCW1zby10ZXh0 LWluZGVudC1hbHQ6NDM3Ow0KCW1zby1jaGFyLXdyYXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxv dzoxO30NCi5CM0INCgl7bXNvLXNwZWNpYWwtZm9ybWF0OmJ1bGxldFwwMEE3Ow0KCWNvbG9yOiMz MzAwNjY7DQoJbXNvLWNvbG9yLWluZGV4OjM7DQoJZm9udC1mYW1pbHk6V2luZ2RpbmdzOw0KCWZv bnQtc2l6ZTo3NSU7fQ0KLkIzDQoJe3RleHQtYWxpZ246bGVmdDsNCglmb250LWZhbWlseTpBcmlh bDsNCgljb2xvcjpibGFjazsNCgltc28tY29sb3ItaW5kZXg6MTsNCglmb250LXNpemU6OTUlOw0K CW1zby1tYXJnaW4tbGVmdC1hbHQ6ODA3Ow0KCW1zby10ZXh0LWluZGVudC1hbHQ6NjIzOw0KCW1z by1jaGFyLXdyYXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5CNEINCgl7bXNvLXNw ZWNpYWwtZm9ybWF0OmJ1bGxldFwwMEE3Ow0KCWNvbG9yOiNEOEQ4RUM7DQoJbXNvLWNvbG9yLWlu ZGV4Ojc7DQoJZm9udC1mYW1pbHk6V2luZ2RpbmdzOw0KCWZvbnQtc2l6ZTo4MCU7fQ0KLkI0DQoJ e3RleHQtYWxpZ246bGVmdDsNCglmb250LWZhbWlseTpBcmlhbDsNCgljb2xvcjpibGFjazsNCglt c28tY29sb3ItaW5kZXg6MTsNCglmb250LXNpemU6OTUlOw0KCW1zby1tYXJnaW4tbGVmdC1hbHQ6 MTAwNzsNCgltc28tdGV4dC1pbmRlbnQtYWx0OjgwODsNCgltc28tY2hhci13cmFwOjE7DQoJbXNv LWtpbnNva3Utb3ZlcmZsb3c6MTt9DQouTg0KCXttc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNv a3Utb3ZlcmZsb3c6MTt9DQouTjENCgl7bXNvLWNoYXItd3JhcDoxOw0KCW1zby1raW5zb2t1LW92 ZXJmbG93OjE7fQ0KLk4yDQoJe21zby1jaGFyLXdyYXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxv dzoxO30NCi5OMw0KCXttc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9 DQouTjQNCgl7bXNvLWNoYXItd3JhcDoxOw0KCW1zby1raW5zb2t1LW92ZXJmbG93OjE7fQ0KLk9C DQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwyMDIyO30NCi5PDQoJe3RleHQtYWxpZ246 bGVmdDsNCglmb250LWZhbWlseTpBcmlhbDsNCgljb2xvcjpibGFjazsNCgltc28tY29sb3ItaW5k ZXg6MTsNCglmb250LXNpemU6ODUlOw0KCW1zby1jaGFyLXdyYXA6MTsNCgltc28ta2luc29rdS1v dmVyZmxvdzoxO30NCi5PMQ0KCXttc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZs b3c6MTt9DQouTzINCgl7bXNvLWNoYXItd3JhcDoxOw0KCW1zby1raW5zb2t1LW92ZXJmbG93OjE7 fQ0KLk8zDQoJe21zby1jaGFyLXdyYXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5P NA0KCXttc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9DQouQ0JCDQoJ e21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldGw7DQoJY29sb3I6IzMzMDA2NjsNCgltc28tY29s b3ItaW5kZXg6MzsNCglmb250LWZhbWlseTpXaW5nZGluZ3M7DQoJZm9udC1zaXplOjcwJTt9DQou Q0INCgl7dGV4dC1hbGlnbjpyaWdodDsNCglmb250LWZhbWlseTpBcmlhbDsNCgljb2xvcjpibGFj azsNCgltc28tY29sb3ItaW5kZXg6MTsNCglmb250LXNpemU6MTUyJTsNCgltc28tY2hhci13cmFw OjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9DQouQ0IxQg0KCXttc28tc3BlY2lhbC1mb3Jt YXQ6bm9idWxsZXRsOw0KCWNvbG9yOiM2Njk5OTk7DQoJbXNvLWNvbG9yLWluZGV4OjU7DQoJZm9u dC1mYW1pbHk6V2luZ2RpbmdzOw0KCWZvbnQtc2l6ZTo3MCU7fQ0KLkNCMQ0KCXtmb250LXNpemU6 MTIzJTsNCgltc28tbWFyZ2luLWxlZnQtYWx0OjIxNzsNCgltc28tdGV4dC1pbmRlbnQtYWx0OjIx NzsNCgltc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9DQouQ0IyQg0K CXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRsOw0KCWNvbG9yOiNDQ0NDMDA7DQoJbXNvLWNv bG9yLWluZGV4OjQ7DQoJZm9udC1mYW1pbHk6V2luZ2RpbmdzOw0KCWZvbnQtc2l6ZTo3MCU7fQ0K LkNCMg0KCXtmb250LXNpemU6MTA5JTsNCgltc28tbWFyZ2luLWxlZnQtYWx0OjQzNzsNCgltc28t dGV4dC1pbmRlbnQtYWx0OjQzNzsNCgltc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3Zl cmZsb3c6MTt9DQouQ0IzQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMDBBNzsNCglj b2xvcjojMzMwMDY2Ow0KCW1zby1jb2xvci1pbmRleDozOw0KCWZvbnQtZmFtaWx5OldpbmdkaW5n czsNCglmb250LXNpemU6NzUlO30NCi5DQjMNCgl7bXNvLW1hcmdpbi1sZWZ0LWFsdDo2MjM7DQoJ bXNvLXRleHQtaW5kZW50LWFsdDo2MjM7DQoJbXNvLWNoYXItd3JhcDoxOw0KCW1zby1raW5zb2t1 LW92ZXJmbG93OjE7fQ0KLkNCNEINCgl7bXNvLXNwZWNpYWwtZm9ybWF0Om5vYnVsbGV0XDAwQTc7 DQoJY29sb3I6I0Q4RDhFQzsNCgltc28tY29sb3ItaW5kZXg6NzsNCglmb250LWZhbWlseTpXaW5n ZGluZ3M7DQoJZm9udC1zaXplOjgwJTt9DQouQ0I0DQoJe21zby1tYXJnaW4tbGVmdC1hbHQ6ODA4 Ow0KCW1zby10ZXh0LWluZGVudC1hbHQ6ODA4Ow0KCW1zby1jaGFyLXdyYXA6MTsNCgltc28ta2lu c29rdS1vdmVyZmxvdzoxO30NCi5DVEINCgl7bXNvLXNwZWNpYWwtZm9ybWF0Om5vYnVsbGV0XDIw MjI7fQ0KLkNUDQoJe3RleHQtYWxpZ246cmlnaHQ7DQoJZm9udC1mYW1pbHk6QXJpYWw7DQoJZm9u dC13ZWlnaHQ6Ym9sZDsNCgljb2xvcjojMzMwMDY2Ow0KCW1zby1jb2xvci1pbmRleDozOw0KCWZv bnQtc2l6ZToyMjglOw0KCW1zby1jaGFyLXdyYXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzox O30NCi5IQkINCgl7bXNvLXNwZWNpYWwtZm9ybWF0OmJ1bGxldGw7DQoJY29sb3I6IzMzMDA2NjsN Cgltc28tY29sb3ItaW5kZXg6MzsNCglmb250LWZhbWlseTpXaW5nZGluZ3M7DQoJZm9udC1zaXpl OjcwJTt9DQouSEINCgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZvbnQtZmFtaWx5OkFyaWFsOw0KCWNv bG9yOmJsYWNrOw0KCW1zby1jb2xvci1pbmRleDoxOw0KCWZvbnQtc2l6ZToxMjMlOw0KCW1zby1j aGFyLXdyYXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5IQjFCDQoJe21zby1zcGVj aWFsLWZvcm1hdDpidWxsZXRsOw0KCWNvbG9yOiM2Njk5OTk7DQoJbXNvLWNvbG9yLWluZGV4OjU7 DQoJZm9udC1mYW1pbHk6V2luZ2RpbmdzOw0KCWZvbnQtc2l6ZTo3MCU7fQ0KLkhCMQ0KCXtmb250 LXNpemU6MTA0JTsNCgltc28tbWFyZ2luLWxlZnQtYWx0OjQzNjsNCgltc28tdGV4dC1pbmRlbnQt YWx0OjIxNzsNCgltc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9DQou SEIyQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6YnVsbGV0bDsNCgljb2xvcjojQ0NDQzAwOw0KCW1z by1jb2xvci1pbmRleDo0Ow0KCWZvbnQtZmFtaWx5OldpbmdkaW5nczsNCglmb250LXNpemU6NzAl O30NCi5IQjINCgl7Zm9udC1zaXplOjEwMCU7DQoJbXNvLW1hcmdpbi1sZWZ0LWFsdDo2MjI7DQoJ bXNvLXRleHQtaW5kZW50LWFsdDo0Mzc7DQoJbXNvLWNoYXItd3JhcDoxOw0KCW1zby1raW5zb2t1 LW92ZXJmbG93OjE7fQ0KLkhCM0INCgl7bXNvLXNwZWNpYWwtZm9ybWF0OmJ1bGxldFwwMEE3Ow0K CWNvbG9yOiMzMzAwNjY7DQoJbXNvLWNvbG9yLWluZGV4OjM7DQoJZm9udC1mYW1pbHk6V2luZ2Rp bmdzOw0KCWZvbnQtc2l6ZTo3NSU7fQ0KLkhCMw0KCXttc28tbWFyZ2luLWxlZnQtYWx0OjgwNzsN Cgltc28tdGV4dC1pbmRlbnQtYWx0OjYyMzsNCgltc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNv a3Utb3ZlcmZsb3c6MTt9DQouSEI0Qg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6YnVsbGV0XDAwQTc7 DQoJY29sb3I6I0Q4RDhFQzsNCgltc28tY29sb3ItaW5kZXg6NzsNCglmb250LWZhbWlseTpXaW5n ZGluZ3M7DQoJZm9udC1zaXplOjgwJTt9DQouSEI0DQoJe21zby1tYXJnaW4tbGVmdC1hbHQ6MTAw NzsNCgltc28tdGV4dC1pbmRlbnQtYWx0OjgwODsNCgltc28tY2hhci13cmFwOjE7DQoJbXNvLWtp bnNva3Utb3ZlcmZsb3c6MTt9DQouUUJCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpidWxsZXRsOw0K CWNvbG9yOiMzMzAwNjY7DQoJbXNvLWNvbG9yLWluZGV4OjM7DQoJZm9udC1mYW1pbHk6V2luZ2Rp bmdzOw0KCWZvbnQtc2l6ZTo3MCU7fQ0KLlFCDQoJe2ZvbnQtc2l6ZToxMDAlOw0KCW1zby1jaGFy LXdyYXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5RQjFCDQoJe21zby1zcGVjaWFs LWZvcm1hdDpidWxsZXRsOw0KCWNvbG9yOiM2Njk5OTk7DQoJbXNvLWNvbG9yLWluZGV4OjU7DQoJ Zm9udC1mYW1pbHk6V2luZ2RpbmdzOw0KCWZvbnQtc2l6ZTo3MCU7fQ0KLlFCMQ0KCXttc28tbWFy Z2luLWxlZnQtYWx0OjQzNjsNCgltc28tdGV4dC1pbmRlbnQtYWx0OjIxNzsNCgltc28tY2hhci13 cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9DQouUUIyQg0KCXttc28tc3BlY2lhbC1m b3JtYXQ6YnVsbGV0bDsNCgljb2xvcjojQ0NDQzAwOw0KCW1zby1jb2xvci1pbmRleDo0Ow0KCWZv bnQtZmFtaWx5OldpbmdkaW5nczsNCglmb250LXNpemU6NzAlO30NCi5RQjINCgl7Zm9udC1zaXpl OjkwJTsNCgltc28tbWFyZ2luLWxlZnQtYWx0OjYyMjsNCgltc28tdGV4dC1pbmRlbnQtYWx0OjQz NzsNCgltc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9DQouUUIzQg0K CXttc28tc3BlY2lhbC1mb3JtYXQ6YnVsbGV0XDAwQTc7DQoJY29sb3I6IzMzMDA2NjsNCgltc28t Y29sb3ItaW5kZXg6MzsNCglmb250LWZhbWlseTpXaW5nZGluZ3M7DQoJZm9udC1zaXplOjc1JTt9 DQouUUIzDQoJe21zby1tYXJnaW4tbGVmdC1hbHQ6ODA3Ow0KCW1zby10ZXh0LWluZGVudC1hbHQ6 NjIzOw0KCW1zby1jaGFyLXdyYXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5RQjRC DQoJe21zby1zcGVjaWFsLWZvcm1hdDpidWxsZXRcMDBBNzsNCgljb2xvcjojRDhEOEVDOw0KCW1z by1jb2xvci1pbmRleDo3Ow0KCWZvbnQtZmFtaWx5OldpbmdkaW5nczsNCglmb250LXNpemU6ODAl O30NCi5RQjQNCgl7bXNvLW1hcmdpbi1sZWZ0LWFsdDoxMDA3Ow0KCW1zby10ZXh0LWluZGVudC1h bHQ6ODA4Ow0KCW1zby1jaGFyLXdyYXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5U YmxCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldGw7DQoJY29sb3I6IzMzMDA2NjsNCglt c28tY29sb3ItaW5kZXg6MzsNCglmb250LWZhbWlseTpXaW5nZGluZ3M7DQoJZm9udC1zaXplOjcw JTt9DQouVGJsDQoJe2ZvbnQtc2l6ZToxMjMlOw0KCW1zby1jaGFyLXdyYXA6MTsNCgltc28ta2lu c29rdS1vdmVyZmxvdzoxO30NCi5UYmwxQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRs Ow0KCWNvbG9yOiM2Njk5OTk7DQoJbXNvLWNvbG9yLWluZGV4OjU7DQoJZm9udC1mYW1pbHk6V2lu Z2RpbmdzOw0KCWZvbnQtc2l6ZTo3MCU7fQ0KLlRibDENCgl7Zm9udC1zaXplOjEwNCU7DQoJbXNv LW1hcmdpbi1sZWZ0LWFsdDo0MzY7DQoJbXNvLXRleHQtaW5kZW50LWFsdDoyMTc7DQoJbXNvLWNo YXItd3JhcDoxOw0KCW1zby1raW5zb2t1LW92ZXJmbG93OjE7fQ0KLlRibDJCDQoJe21zby1zcGVj aWFsLWZvcm1hdDpub2J1bGxldGw7DQoJY29sb3I6I0NDQ0MwMDsNCgltc28tY29sb3ItaW5kZXg6 NDsNCglmb250LWZhbWlseTpXaW5nZGluZ3M7DQoJZm9udC1zaXplOjcwJTt9DQouVGJsMg0KCXtm b250LXNpemU6MTAwJTsNCgltc28tbWFyZ2luLWxlZnQtYWx0OjYyMjsNCgltc28tdGV4dC1pbmRl bnQtYWx0OjQzNzsNCgltc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9 DQouVGJsM0INCgl7bXNvLXNwZWNpYWwtZm9ybWF0Om5vYnVsbGV0XDAwQTc7DQoJY29sb3I6IzMz MDA2NjsNCgltc28tY29sb3ItaW5kZXg6MzsNCglmb250LWZhbWlseTpXaW5nZGluZ3M7DQoJZm9u dC1zaXplOjc1JTt9DQouVGJsMw0KCXttc28tbWFyZ2luLWxlZnQtYWx0OjgwNzsNCgltc28tdGV4 dC1pbmRlbnQtYWx0OjYyMzsNCgltc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZs b3c6MTt9DQouVGJsNEINCgl7bXNvLXNwZWNpYWwtZm9ybWF0Om5vYnVsbGV0XDAwQTc7DQoJY29s b3I6I0Q4RDhFQzsNCgltc28tY29sb3ItaW5kZXg6NzsNCglmb250LWZhbWlseTpXaW5nZGluZ3M7 DQoJZm9udC1zaXplOjgwJTt9DQouVGJsNA0KCXttc28tbWFyZ2luLWxlZnQtYWx0OjEwMDc7DQoJ bXNvLXRleHQtaW5kZW50LWFsdDo4MDg7DQoJbXNvLWNoYXItd3JhcDoxOw0KCW1zby1raW5zb2t1 LW92ZXJmbG93OjE7fQ0KLmRlZmF1bHRCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwy MDIyO30NCi5kZWZhdWx0DQoJe3RleHQtYWxpZ246bGVmdDsNCglmb250LWZhbWlseTpBcmlhbDsN Cglmb250LXdlaWdodDpub3JtYWw7DQoJZm9udC1zdHlsZTpub3JtYWw7DQoJdGV4dC1kZWNvcmF0 aW9uOm5vbmU7DQoJdGV4dC1zaGFkb3c6bm9uZTsNCgl0ZXh0LWVmZmVjdDpub25lOw0KCW1zby1m YXJlYXN0LWhpbnQ6bm87DQoJbGF5b3V0LWZsb3c6aG9yaXpvbnRhbDsNCgljb2xvcjpibGFjazsN Cgltc28tY29sb3ItaW5kZXg6MTsNCglmb250LXNpemU6ODUlOw0KCW1zby10ZXh0LXJhaXNlOjAl Ow0KCW1zby1saW5lLXNwYWNpbmc6IjEwMCAwIDAiOw0KCW1zby1tYXJnaW4tbGVmdC1hbHQ6MDsN Cgltc28tdGV4dC1pbmRlbnQtYWx0OjA7DQoJbXNvLWNoYXItd3JhcDoxOw0KCW1zby1raW5zb2t1 LW92ZXJmbG93OjE7DQoJZGlyZWN0aW9uOmx0cjsNCgltc28td29yZC13cmFwOjE7DQoJbXNvLXZl cnRpY2FsLWFsaWduLXNwZWNpYWw6YmFzZWxpbmU7DQoJbXNvLWFuc2ktbGFuZ3VhZ2U6RU4tVVM7 fQ0KYTpsaW5rDQoJe2NvbG9yOiM3RTlDRTggIWltcG9ydGFudDt9DQphOmFjdGl2ZQ0KCXtjb2xv cjojNjY5OTk5ICFpbXBvcnRhbnQ7fQ0KYTp2aXNpdGVkDQoJe2NvbG9yOiNEOEQ4RUMgIWltcG9y dGFudDt9DQp= ------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/script.js Content-Transfer-Encoding: quoted-printable Content-Type: application/javascript; charset="us-ascii" function LoadSld() { var sld=3DGetObj("SlideObj") if( !g_supportsPPTHTML ) { =09 sld.style.visibility=3D"visible" return } if( MakeNotesVis() ) return runAnimations =3D _InitAnimations(); =09 if( IsWin("PPTSld") ) parent.SldUpdated(GetSldId()) g_origSz=3DparseInt(SlideObj.style.fontSize) g_origH=3Dsld.style.posHeight g_origW=3Dsld.style.posWidth g_scaleHyperlinks=3D(document.all.tags("AREA").length>0) if( g_scaleHyperlinks ) InitHLinkArray() if( g_scaleInFrame||(IsWin("PPTSld") && parent.IsFullScrMode() ) ) document.body.scroll=3D"no" _RSW() if( IsWin("PPTSld") && parent.IsFullScrMode() ) FullScrInit(); =09 MakeSldVis(); ChkAutoAdv() if( runAnimations ) { if( document.all("NSPlay") ) document.all("NSPlay").autoStart =3D false; if( sld.filters && sld.filters.revealtrans ) setTimeout( "document.body.start()", sld.filters.revealtrans.duration * = 1000 ); else document.body.start(); } } function MakeSldVis()=20 { var fTrans=3Dg_showAnimation && SldHasTrans() if( fTrans )=09 { if( g_bgSound ) { idx=3Dg_bgSound.indexOf(","); pptSound.src=3Dg_bgSound.substr( 0, idx ); pptSound.loop=3D -(parseInt(g_bgSound.substr(idx+1))); } SlideObj.filters.revealtrans.Apply()=09 } SlideObj.style.visibility=3D"visible" if( fTrans ) SlideObj.filters.revealtrans.Play() } function MakeNotesVis()=20 { if( !IsNts() ) return false=20 SlideObj.style.display=3D"none" nObj =3D document.all.item("NotesObj") parent.SetHasNts(0) if( nObj ) {=20 nObj.style.display=3D"" parent.SetHasNts(1) } return 1 } function ChkAutoAdv() { if(SldHasTrans()) SlideObj.onfilterchange=3DAutoAdv else AutoAdv() } function AutoAdv() { if(!IsWin("PPTSld") || !gUseSldTimings )return var sld=3DGetCurSld() if( (sld.mAdvDelay>0) && !parent.IsFramesMode() ) setTimeout("parent.GoToNextSld()",sld.mAdvDelay) } function GetObj(id) { if(g_supportsPPTHTML) return document.all(id); else return document.getElementById(id); } function SldHasTrans() { return SlideObj.style.filter !=3D ""; } function GetSldId()=20 { var regExp =3D /file:\/\/\//i var pos =3D location.href.search(regExp) if (MHTMLPrefix !=3D "" && pos !=3D -1) sId =3D location.href.substring(pos) else { sId =3D RemoveFilePrefixFromHref(location.href); var regExp =3D /\// var fixedHref =3D sId var pos =3D -1 =09 pos =3D fixedHref.search(regExp) while (pos !=3D -1) { fixedHref =3D fixedHref.replace(regExp, "\\") pos =3D fixedHref.search(regExp) } =09 if (g_fBaseHyperlink =3D=3D true) sId =3D "file:///" + fixedHref; else sId =3D fixedHref.substring(fixedHref.lastIndexOf('\\') + 1) } =09 return sId } function HideMenu() { if( frames["PPTSld"] && PPTSld.document.all.item("ctx= tmenu") && PPTSld.ctxtmenu.style.display!=3D"none" ) { PPTSld.ctxtmenu.styl= e.display=3D'none'; return true } return false } function IsWin( name ) { return window.name =3D=3D name } function IsNts() { return IsWin("PPTNts") } function IsSldOrNts() { return( IsWin("PPTSld")||IsWin("PPTNts") ) } function SupportsPPTAnimation() { return( navigator.platform =3D=3D "Win32"= && navigator.appVersion.indexOf("Windows")>0 ) } function SupportsPPTHTML() { var appVer=3Dnavigator.appVersion, msie=3DappVer.indexOf("MSIE "), ver=3D0 if( msie >=3D 0 ) ver=3DparseFloat( appVer.substring( msie+5, appVer.indexOf(";",msie) ) ) else ver=3DparseInt(appVer) return( ver >=3D 4 && msie >=3D 0 ) } function _RSW() { if( !g_supportsPPTHTML || IsNts() || ( !g_scaleInFrame && (!IsWin("PPTSld") || !parent.IsFullScrMode()) ) ) return var padding=3D0; if( IsWin("PPTSld") && parent.IsFramesMode() ) padding=3D6 cltWidth=3Ddocument.body.clientWidth-padding cltHeight=3Ddocument.body.clientHeight-padding factor=3D(1.0*cltWidth)/g_origW if( cltHeight < g_origH*factor ) factor=3D(1.0*cltHeight)/g_origH newSize =3D g_origSz * factor if( newSize < 1 ) newSize=3D1 s=3DSlideObj.style s.fontSize=3DnewSize+"px" s.posWidth=3Dg_origW*factor s.posHeight=3Dg_origH*factor s.posLeft=3D(cltWidth-s.posWidth+padding)/2 s.posTop=3D(cltHeight-s.posHeight+padding)/2 if( g_scaleHyperlinks ) ScaleHyperlinks( factor ) } function _InitAnimations() { animRuntimeInstalled =3D ''+document.body.localTime !=3D 'undefined'; isFullScreen =3D (window.name =3D=3D "PPTSld") && !parent.IsFramesMode(); g_animUseRuntime =3D g_showAnimation && animRuntimeInstalled && !(isFullSc= reen && parent.IsSldVisited()); if( g_animUseRuntime ) { collSeq =3D document.all.tags("seq"); if( collSeq !=3D null ) { for(ii=3D0;ii numSlds ) gSldJumpIdx =3D numSlds; if ( gSldJumpIdx >=3D 0 ) { if ( gSldJumpIdx =3D=3D 0 ) gSldJumpIdx =3D 1; var jumpTo =3D parseInt(gSldJumpIdx); gSldJump =3D 0; gSldJumpIdx =3D ""; win.GoToSld( parent.GetSldList().mList[jumpTo-1].mSldHref ) } } } function _KDH() { if( event.keyCode =3D=3D 8 ) { event.returnValue =3D 0; parent.GoToPrevSld(); } } function DocumentOnClick() { if( IsNts() || parent.HideMenu() ) return; if( ( g_allowAdvOnClick && !parent.IsFramesMode() ) || (event && (event.keyCode=3D=3D32) ) ) parent.GoToNextSld(); } var g_supportsPPTHTML =3D SupportsPPTHTML(), g_scaleInFrame =3D 1, gId=3D""= , g_bgSound=3D"", g_scaleHyperlinks =3D false, g_allowAdvOnClick =3D 1, g_showInBrowser = =3D 0, gLoopCont =3D 0, gUseSldTimings =3D 1; var g_showAnimation =3D g_supportsPPTHTML && SupportsPPTAnimation() && ( (w= indow.name=3D=3D"PPTSld" && !parent.IsFramesMode()) || g_showInBrowser );va= r g_animManager =3D null; var g_animUseRuntime =3D false; var g_animItemsToHide, g_animInteractiveItems, g_animSlideTime; var g_animMainSequence =3D null; var ENDSHOW_MESG=3D"End of slide show, click to exit.", SCREEN_MODE=3D"Fram= es", gIsEndShow=3D0, NUM_VIS_SLDS=3D13, SCRIPT_HREF=3D"script.js", FULLSCR_= HREF=3D"fullscreen.htm"; var gCurSld =3D gPrevSld =3D 1, g_offset =3D 0, gNtsOpen =3D gHasNts =3D gO= tlTxtExp =3D 0, gHasNarration =3D 0, gOtlOpen =3D true window.gPPTHTML=3DSupportsPPTHTML() var g_fBaseHyperlink =3D false; var gMainDoc=3Dnew Array(new hrefList("slide0001.htm",1,-1,1),new hrefList(= "slide0002.htm",1,-1,1),new hrefList("slide0003.htm",1,-1,1),new hrefList("= slide0004.htm",1,-1,1),new hrefList("slide0005.htm",1,-1,1),new hrefList("s= lide0013.htm",1,-1,1),new hrefList("slide0006.htm",1,-1,1),new hrefList("sl= ide0007.htm",1,-1,1),new hrefList("slide0010.htm",1,-1,1),new hrefList("sli= de0011.htm",1,-1,1),new hrefList("slide0012.htm",1,-1,1),new hrefList("slid= e0008.htm",1,-1,1),new hrefList("slide0009.htm",1,-1,1)); /********************************************* Frameset functions These functions control slide navigation and state of the frameset. **********************************************/ function RemoveFilePrefixFromHref(href) { var regExp =3D /^file:\/\/\//i; return href.replace(regExp, "") } function FullScrInit() { g_allowAdvOnClick =3D GetCurSld().mAdvOnClk document.body.style.backgroundColor=3D"black" document.oncontextmenu=3Dparent._CM; document.onkeydown =3D _KDH; document.ondragstart=3DCancel document.onselectstart=3DCancel self.focus() } function Redirect( frmId ) {=09 var str=3Ddocument.location.hash,idx=3Dstr.indexOf('#'), sId=3DGetSldId() if(idx>=3D0) str=3Dstr.substr(1); if( window.name !=3D frmId && ( sId !=3D str) ) { obj =3D GetObj("Main-File") window.location.href=3Dobj.href+"#"+sId return 1 } return 0 } var MHTMLPrefix =3D CalculateMHTMLPrefix();=20 function CalculateMHTMLPrefix() { if ( document.location.protocol =3D=3D 'mhtml:') {=20 href=3Dnew String(document.location.href)=20 Start=3Dhref.indexOf('!')+1=20 End=3Dhref.lastIndexOf('/')+1=20 if (End < Start)=20 return href.substring(0, Start)=20 else=20 return href.substring(0, End)=20 } return ''; } function GetTags(base,tag) { if(g_supportsPPTHTML) return base.all.tags(tag); else return base.getElementsByTagName(tag); } function UpdNtsPane(){ if(frames["PPTNts"]) PPTNts.location.replace( MHTMLP= refix+GetHrefObj( gCurSld ).mNtsHref ) } function UpdNavPane( sldIndex ){ if(gNavLoaded) PPTNav.UpdNav() } function UpdOtNavPane(){ if(gOtlNavLoaded) PPTOtlNav.UpdOtlNav() } function UpdOtlPane(){ if(gOtlLoaded) PPTOtl.UpdOtl() } function SetHasNts( fVal ) { if( gHasNts !=3D fVal ) { gHasNts=3DfVal UpdNavPane() } } function ToggleOtlText() { gOtlTxtExp=3D!gOtlTxtExp UpdOtlPane() } function ClearMedia() { // Clear any sounds playing before launching another browser window. Other= wise, // in fullscreen mode, you'll continue to hear the sound in the frames mod= e. if (PPTSld.pptSound) PPTSld.pptSound.loop =3D 0; } function FullScreen() {=20 if ( PPTSld.g_animUseRuntime ) PPTSld.document.body.pause(); ClearMedia(); var href =3D ( document.location.protocol =3D=3D 'mhtml:') ? FULLSCR_HREF = : FULLSCR_HREF+"#"+GetHrefObj(gCurSld).mSldHref; if (MHTMLPrefix !=3D "") href =3D RemoveFilePrefixFromHref(href) if(PPTNav.event.ctrlKey) { var w =3D (window.screen.availWidth * 1.0) / 2.0 var h =3D w * (PPTSld.g_origH * 1.0) / PPTSld.g_origW win =3D window.open( MHTMLPrefix+href,null,"toolbar=3D0,resizable=3D1,top= =3D0,left=3D0," + "width=3D"+ w + ",height=3D" + h ); if( win.document.body && PPTSld.g_animUseRuntime ) win.document.body.PPTSldFrameset=3Dwindow; } else { win =3D window.open( MHTMLPrefix+href,null,"fullscreen=3Dyes" ); if( win.document.body && PPTSld.g_animUseRuntime ) win.document.body.PPTSldFrameset=3Dwindow; } } function ToggleVNarration() { rObj=3DPPTSld.document.all("NSPlay") if( rObj && !PPTSld.g_animUseRuntime ) { if( (rObj.playState =3D=3D 1)||(rObj.playState =3D=3D 0) ) rObj.Play() else if( rObj.playState =3D=3D 2 ) rObj.Pause() else return; } else if( PPTSld.g_animUseRuntime ) { narObj =3D PPTSld.document.all("narrationID") if( narObj ) narObj.togglePause() } } function GetCurSldNum() { =20 obj=3DGetHrefObj(gCurSld) if( obj.mOrigVis =3D=3D 1 ) return obj.mSldIdx else =20 return gCurSld } function GetNumSlds() { =20 if( GetHrefObj(gCurSld).mOrigVis =3D=3D 1 ) return GetSldList().mNumVisSlds; else return GetSldList().mList.length } function GetSldNum( href ) { for(ii=3D0; ii 1 ) PopSldList(); else if( !IsFramesMode() ) { if( gLoopCont ) GoToFirst() else EndShow() } } function GoToPrevSld() { ii=3DgCurSld-1 if( ii > 0 ) { obj=3DGetHrefObj(ii) while ( obj && ( obj.mVis =3D=3D 0 ) && ( ii>0 ) ) obj=3DGetHrefObj(--ii) if( ii =3D=3D 0 ) ii=3D1 GoToSldNum(ii) } } function GoToFirst(){ GoToSld( GetHrefObj(1).mSldHref ) } function GoToLast() { ii=3DGetSldList().mList.length if( ii !=3D gCurSld ) GoToSld( GetHrefObj(ii).mSldHref ) } function GoToSldNum( num ) { if( PPTSld.event ) PPTSld.event.cancelBubble=3Dtrue obj =3D GetHrefObj( num ) obj.mVis=3D1 gPrevSld=3DgCurSld gCurSld =3D num; =09 if (MHTMLPrefix !=3D "") PPTSld.location.replace(MHTMLPrefix+RemoveFilePrefixFromHref(obj.mSldHref= )) else PPTSld.location.replace(obj.mSldHref) =09 if( IsFramesMode() ) { UpdNavPane(); UpdOtlPane(); UpdNtsPane() } } function GoToSld( href ) { if( PPTSld.event ) PPTSld.event.cancelBubble=3Dtrue GetHrefObj( GetSldNum(href) ).mVis=3D1 if (MHTMLPrefix !=3D "") PPTSld.location.replace(MHTMLPrefix+RemoveFilePrefixFromHref(href)) else PPTSld.location.replace(href) } function SldUpdated( id ) { if( id =3D=3D GetHrefObj(gCurSld).mSldHref ) return gPrevSld=3DgCurSld gCurSld=3DGetSldNum(id) if( IsFramesMode() ) { UpdNavPane(); UpdOtlPane(); UpdNtsPane() } } function PrevSldViewed(){ GoToSld( GetHrefObj(gPrevSld).mSldHref ) } function HasPrevSld() { return ( gIsEndShow || ( gCurSld !=3D 1 && GetHrefO= bj( gCurSld-1 ).mVis =3D=3D 1 )||( GetCurSldNum() > 1 ) ) } function HasNextSld() { return (GetCurSldNum() !=3D GetNumSlds()) } function CloseWindow() { if( HideMenu() ) return; =09 var event =3D PPTSld.event; if( !IsFramesMode() && event && (event.keyCode=3D=3D27 || event.keyCode=3D= =3D32 || event.type=3D=3D"click" ) ) window.close( self ); CatchNumKeys( self, event ); } function Unload() { gIsEndShow=3D0; } function SetupEndShow() { gIsEndShow=3D1; PPTSld.document.body.scroll=3D"no"; PPTSld.document.onkeypress=3DCloseWindow; PPTSld.document.onclick=3DCloseWindow; PPTSld.document.oncontextmenu=3D_CM; } function EndShow() { if( IsFramesMode() ) return if( PPTSld.event ) PPTSld.event.cancelBubble=3Dtrue doc=3DPPTSld.document var dir =3D doc.body.dir if( dir !=3D "rtl" ) dir =3D "ltr"; doc.open() doc.writeln('


' + ENDSHOW_MESG + '

') doc.close() } function SetSldVisited(){ GetSldList().mList[gCurSld-1].mVisited=3Dtrue } function IsSldVisited(){ return GetSldList().mList[gCurSld-1].mVisited } function hrefList( sldHref, visible, advDelay, advClk ) { this.mSldHref=3D this.mNtsHref =3D sldHref this.mOrigVis=3D this.mVis =3D visible this.mVisited=3D false this.mAdvDelay=3D advDelay this.mAdvOnClk=3D advClk } function SldList(arr,curSld,fEnd) { this.mCurSld =3D curSld; this.mList =3D new Array(); var idx =3D 1; for(ii=3D0;ii 0) { PushSldList(sldList,fEnd); gCurSld =3D 1; } else if( PPTSld.event ) PPTSld.event.cancelBubble=3Dtrue } function PushSldList(arr,fEnd) { var ii =3D gSldStack.length; gSldStack[ii] =3D new SldList(arr,gCurSld,fEnd); GoToSld( gSldStack[ii].mList[0].mSldHref ); } function PopSldList() { if (gSldStack[gSldStack.length-1].fEndShow) EndShow() else { gCurSld =3D gSldStack[gSldStack.length-1].mCurSld; gSldStack[gSldStack.length-1] =3D null; gSldStack.length--; var sldList =3D gSldStack[gSldStack.length-1]; GoToSld( sldList.mList[gCurSld - 1].mSldHref ); } } var custShowList=3Dnew Array(); /********************************************* Navigation button implementation There are 2 types of buttons: ImgBtn, TxtBtn implemented as function objects. They share a similiar interface so the event handlers can call SetActive, for example, on a button=20 object without needing to know exactly=20 what type of button it is. **********************************************/ //---------------------------------- function ImgBtn( oId,bId,w,action ) //---------------------------------- { var t=3Dthis t.Perform =3D _IBP t.SetActive =3D _IBSetA t.SetInactive=3D _IBSetI t.SetPressed =3D _IBSetP t.SetDisabled=3D _IBSetD t.Enabled =3D _IBSetE t.ChangeIcon =3D null t.UserAction =3D action t.ChgState =3D _IBUI t.mObjId =3D oId t.mBorderId=3D bId t.mWidth =3D w t.mIsOn =3D t.mCurState =3D 0 } function _IBSetA() { if( this.mIsOn ) { obj=3Dthis.ChgState( gHiliteClr,gShadowClr,2 ) obj.style.posTop=3D0 } } function _IBSetI() { if( this.mIsOn ) { obj=3Dthis.ChgState( gFaceClr,gFaceClr,1 ) obj.style.posTop=3D0=20 } } function _IBSetP() { if( this.mIsOn ) { obj=3Dthis.ChgState( gShadowClr,gHiliteClr,2 ) obj.style.posLeft+=3D1; obj.style.posTop+=3D1 } } function _IBSetD() { =20 obj=3Dthis.ChgState( gFaceClr,gFaceClr,0 ) obj.style.posTop=3D0=20 } function _IBSetE( state ) { var t=3Dthis GetObj( t.mBorderId ).style.visibility=3D"visible" if( state !=3D t.mIsOn ) { t.mIsOn=3Dstate if( state ) t.SetInactive() else t.SetDisabled() } } function _IBP() { var t=3Dthis if( t.mIsOn ) { if( t.UserAction !=3D null ) t.UserAction() if( t.ChangeIcon ) { obj=3DGetObj(t.mObjId) if( t.ChangeIcon() ) obj.style.posLeft=3Dobj.style.posLeft+(t.mCurState-4)*t.mWidth else obj.style.posLeft=3Dobj.style.posLeft+(t.mCurState-0)*t.mWidth } t.SetActive() } =20 } function _IBUI( clr1,clr2,nextState ) { var t=3Dthis SetBorder( GetObj( t.mBorderId ),clr1,clr2 ) obj=3DGetObj( t.mObjId ) obj.style.posLeft=3Dobj.style.posLeft+(t.mCurState-nextState)*t.mWidth-obj= .style.posTop t.mCurState=3DnextState return obj } //----------------------------------------- function TxtBtn( oId,oeId,action,chkState ) //----------------------------------------- { var t=3Dthis t.Perform =3D _TBP t.SetActive =3D _TBSetA t.SetInactive=3D _TBSetI t.SetPressed =3D _TBSetP t.SetDisabled=3D _TBSetD t.SetEnabled =3D _TBSetE t.GetState =3D chkState t.UserAction =3D action t.ChgState =3D _TBUI t.mObjId =3D oId t.m_elementsId=3D oeId t.mIsOn =3D 1 } function _TBSetA() { var t=3Dthis if( t.mIsOn && !t.GetState() ) t.ChgState( gHiliteClr,gShadowClr,0,0 ) } function _TBSetI() { var t=3Dthis if( t.mIsOn && !t.GetState() ) t.ChgState( gFaceClr,gFaceClr,0,0 ) } function _TBSetP() { if( this.mIsOn ) this.ChgState( gShadowClr,gHiliteClr,1,1 ) } function _TBSetD() { =20 this.ChgState( gFaceClr,gFaceClr,0,0 ) this.mIsOn =3D 0 } function _TBSetE() { var t=3Dthis if( !t.GetState() ) t.ChgState( gFaceClr,gFaceClr,0,0 ) else t.ChgState( gShadowClr,gHiliteClr,1,1 ) t.mIsOn =3D 1 } function _TBP() { var t=3Dthis if( t.mIsOn ) {=20 if( t.UserAction !=3D null ) t.UserAction() if( !t.GetState ) return if( t.GetState() ) t.SetPressed() else t.SetActive() } =20 } function _TBUI( clr1,clr2,lOffset,tOffset ) { SetBorder( GetObj( this.mObjId ),clr1,clr2 ) Offset( GetObj( this.m_elementsId ),lOffset,tOffset ) } function Offset( obj, top, left ){ obj.style.top=3Dtop; obj.style.left=3Dle= ft } function SetBorder( obj, upperLeft, lowerRight ) { s=3Dobj.style; s.borderStyle =3D "solid" s.borderWidth =3D 1=20 s.borderLeftColor =3D s.borderTopColor =3D upperLeft s.borderBottomColor=3D s.borderRightColor =3D lowerRight } function GetBtnObj(){ return gBtnArr[window.event.srcElement.id] } function BtnOnOver(){ b=3DGetBtnObj(); if( b !=3D null ) b.SetActive() } function BtnOnDown(){ b=3DGetBtnObj(); if( b !=3D null ) b.SetPressed() } function BtnOnOut(){ b=3DGetBtnObj(); if( b !=3D null ) b.SetInactive() } function BtnOnUp() { b=3DGetBtnObj() if( b !=3D null ) b.Perform() else Upd() } function GetNtsState(){ return parent.gNtsOpen } function GetOtlState(){ return parent.gOtlOpen } function GetOtlTxtState(){ return parent.gOtlTxtExp } function NtsBtnSetFlag( fVal ) { s=3Ddocument.all.item( this.m_flagId ).style s.display=3D"none" if( fVal ) s.display=3D"" else s.display=3D"none" } function _BSetA_Border(){ b =3D gBtnArr[this.mObjId]; if( b !=3D null ) b.S= etActive() } function _BSetI_Border(){ b =3D gBtnArr[this.mObjId]; if( b !=3D null ) b.S= etInactive() } function _BSetP_Border(){ b =3D gBtnArr[this.mObjId]; if( b !=3D null ) b.S= etPressed() } function _BSetA_BorderImg() {=20 b =3D gBtnArr[this.mBorderId]=20 if( b !=3D null && this.mIsOn && !b.GetState() ) { obj=3Dthis.ChgState( gHiliteClr,gShadowClr,2 ) obj.style.posTop=3D0 } } function _BSetI_BorderImg() {=20 b =3D gBtnArr[this.mBorderId] if( b !=3D null && this.mIsOn && !b.GetState() ) { obj=3Dthis.ChgState( gFaceClr,gFaceClr,1 ) obj.style.posTop=3D0 } } var gHiliteClr=3D"THREEDHIGHLIGHT",gShadowClr=3D"THREEDSHADOW",gFaceClr=3D"= THREEDFACE" var gBtnArr =3D new Array() gBtnArr["nb_otl"] =3D new TxtBtn( "nb_otl","nb_otlElem",parent.ToggleOtlPan= e,GetOtlState ) gBtnArr["nb_otlElem"] =3D new TxtBtn( "nb_otl","nb_otlElem",parent.ToggleOt= lPane,GetOtlState ) gBtnArr["nb_nts"] =3D new ImgBtn( "nb_nts","nb_ntsBorder",10,parent.ToggleN= tsPane ) gBtnArr["nb_nts"].SetActive =3D _BSetA_BorderImg; gBtnArr["nb_nts"].SetInactive =3D _BSetI_BorderImg; gBtnArr["nb_ntsBorder"] =3D new TxtBtn( "nb_ntsBorder","nb_ntsElem",parent.= ToggleNtsPane,GetNtsState ) gBtnArr["nb_ntsElem"] =3D new TxtBtn( "nb_ntsBorder","nb_ntsElem",parent.To= ggleNtsPane,GetNtsState ) gBtnArr["nb_prevBorder"] =3D gBtnArr["nb_prev"]=3D new ImgBtn( "nb_prev","n= b_prevBorder",30,parent.GoToPrevSld ) gBtnArr["nb_nextBorder"] =3D gBtnArr["nb_next"]=3D new ImgBtn( "nb_next","n= b_nextBorder",30,parent.GoToNextSld ) gBtnArr["nb_sldshw"]=3D new ImgBtn( "nb_sldshw","nb_sldshwBorder",18,parent= .FullScreen ) gBtnArr["nb_sldshwBorder"] =3D new TxtBtn( "nb_sldshw","nb_sldshwBorder",pa= rent.FullScreen,null ) gBtnArr["nb_sldshwBorder"].SetActive =3D _BSetA_Border; gBtnArr["nb_sldshwBorder"].SetInactive =3D _BSetI_Border; gBtnArr["nb_sldshwText"] =3D new TxtBtn( "nb_sldshw","nb_sldshwText",parent= .FullScreen,null ) gBtnArr["nb_sldshwText"].SetActive =3D _BSetA_Border; gBtnArr["nb_sldshwText"].SetInactive =3D _BSetI_Border; gBtnArr["nb_voice"] =3D gBtnArr["nb_voiceBorder"] =3D new ImgBtn( "nb_voice= ","nb_voiceBorder",18,parent.ToggleVNarration ) gBtnArr["nb_otlTxtBorder"] =3D gBtnArr["nb_otlTxt"]=3D new ImgBtn( "nb_otlT= xt","nb_otlTxtBorder",23,parent.ToggleOtlText ) gBtnArr["nb_ntsBorder"].m_flagId=3D "nb_nts" gBtnArr["nb_ntsBorder"].SetFlag =3D NtsBtnSetFlag gBtnArr["nb_otlTxt"].ChangeIcon=3D GetOtlTxtState /********************************************* Context menu implementation _CM() is the function that's hooked up to the oncontextmenu event. Once we're asked to show the menu, we first build it by creating DIVs on-the-fly. Then we position it=20 within the screen area so it doesn't get clipped. Creating the DIVs using createElement() means we don't have to write out any extra HTML into the slide HTML files. **********************************************/ var sNext=3D"Next",sPrev=3D"Previous",sEnd=3D"End Show",sFont=3D"Arial",sAr= row=3D"Arrow",sFreeform=3D"Freeform",sRect=3D"Rectangle",sOval=3D"Oval" function ShowMenu() { BuildMenu(); var doc=3DPPTSld.document.body,x=3DPPTSld.event.clientX+doc.scrollLeft,y= =3DPPTSld.event.clientY+doc.scrollTop m =3D PPTSld.document.all.item("ctxtmenu") m.style.pixelLeft=3Dx if( (x+m.scrollWidth > doc.clientWidth)&&(x-m.scrollWidth > 0) ) m.style.pixelLeft=3Dx-m.scrollWidth m.style.pixelTop=3Dy if( (y+m.scrollHeight > doc.clientHeight)&&(y-m.scrollHeight > 0) ) m.style.pixelTop=3Dy-m.scrollHeight m.style.display=3D"" } function _CM() { if( !parent.IsFullScrMode() ) return; if(!PPTSld.event.ctrlKey) { ShowMenu() return false } else HideMenu() } function BuildMenu() { if( PPTSld.document.all.item("ctxtmenu") ) return var mObj=3DCreateItem( PPTSld.document.body ) mObj.id=3D"ctxtmenu" mObj.style.visibility=3D"hidden" var s=3DmObj.style s.position=3D"absolute" s.cursor=3D"default" s.width=3D"120px" SetCMBorder(mObj,"menu","black") var iObj=3DCreateItem( mObj ) SetCMBorder( iObj, "threedhighlight","threedshadow" ) iObj.style.padding=3D2 CreateMenuItem( iObj,sNext,M_GoNextSld,M_True ) CreateMenuItem( iObj,sPrev,M_GoPrevSld,M_HasPrevSld ) =09 CreateSeparator( iObj ) CreateMenuItem( iObj,sEnd,M_End,M_True ) mObj.style.visibility=3D"visible" } function Cancel() { window.event.cancelBubble=3Dtrue; window.event.returnVa= lue=3Dfalse } function Highlight() { ChangeClr("activecaption","threedhighlight") } function Deselect() { ChangeClr("threedface","menutext") } function Perform() { e=3DPPTSld.event.srcElement if( e.type=3D=3D"menuitem" && e.IsActive() ) e.Action() else PPTSld.event.cancelBubble=3Dtrue } function ChangeClr( bg,clr ) { e=3DPPTSld.event.srcElement if( e.type=3D=3D"menuitem" && e.IsActive() ) { e.style.backgroundColor=3Dbg e.style.color=3Dclr } } function M_HasPrevSld() { return( parent.HasPrevSld() ) } function M_GoNextSld() { if( gIsEndShow ) M_End(); else GoToNextSld() } function M_GoPrevSld() { if( gIsEndShow ) { gIsEndShow=3D0; history.back();= PPTSld.event.cancelBubble=3Dtrue; } else GoToPrevSld() } function M_True() { return true } function M_End() { window.close( self ) } function CreateMenuItem( node,text,action,eval ) { var e=3DCreateItem( node ) e.type=3D"menuitem" e.Action=3Daction e.IsActive=3Deval e.innerHTML=3Dtext if( !e.IsActive() ) e.style.color=3D"threedshadow" e.onclick=3DPerform e.onmouseover=3DHighlight e.onmouseout=3DDeselect s=3De.style; s.fontFamily=3DsFont s.fontSize=3D"9pt" s.paddingLeft=3D2 } function CreateSeparator( node ) { var sObj=3DCreateItem( node ) SetCMBorder(sObj,"menu","menu") var s=3DsObj.style s.borderTopColor=3D"threedshadow" s.borderBottomColor=3D"threedhighlight" s.height=3D1 s.fontSize=3D"0px" } function CreateItem( node ) { var elem=3DPPTSld.document.createElement("DIV") node.insertBefore( elem ) return elem } function SetCMBorder( o,ltClr,rbClr ) { var s=3Do.style s.backgroundColor=3D"menu" s.borderStyle=3D"solid" s.borderWidth=3D1 s.borderColor=3DltClr+" "+rbClr+" "+rbClr+" "+ltClr } ------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/fullscreen.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii" ------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/buttons.gif Content-Transfer-Encoding: base64 Content-Type: image/gif R0lGODlhWAESAPf4AAAAAIAAAACAAICAAAAAgIAAgACAgICAgAQEBISEBASEBISEhAQEhMTExAQE /KTM9Pz8/ERERPz8BAT8/KSkpGRkhMTcxCRkxAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAMDAwP8AAAD/AP//AAAA//8A/wD//////yH5BAEAAPgALAAAAABYARIA QAj/APEJHEiwoMGDCBMqXMiwocOHECNKnEixosWLGCEiQKCRo8YDIEHig2DxAD4LKD1avDDhgUuV GUOGbHBR5QGYFBG4fHAB58EKECJEwCfUYAWPFGAygLCRKQIIUKM6WAohKUGgCikcFWh1INWoYKVS 7SrQ41GbIhGYLAuVQVOoC+IyXUuUAkG1HE3KFDhAwkgJc5/qDZmxsOHDiBMrXsy4sePDGyP7lChT 5MULmDPnlDw5YmW6FTNrfgi0aNGEZPEtbfo2bNTUpYeeRph69dPWrqvCNFuBIGG1A59CYPAVQtwF cw0OxWdTIOiBCQAjaAB17fOFII8voGmRc+eOkilm/z9OvTtnjN4hYk1YoT3H2rnBOphPAB9skgq3 2lcaX/5YnJVt9BloAar12UEIRGCZdQghMABI1Tn32IQUVthYexhmqGGGMBHAgIfEhSiiiATAtOGJ GnYI4ogsEldicAYOGNJGZaml3Y0L3NTZUBz1xlB0PUoUI0jlVWRSVN89xBKSGB1YU1TMoRfVBEle hR9HQs1GEHxQ3RZZbveZthxt/LEmXHyp5XWABSCpaRJwbM13gAACPHVccgJFgF+NEhqUAEkQSCfc ddhVhh5dVTaEAEsTUNlkZUWKN9BNGDE6QU8OrSdbllzpxyVTTrU21Uj3scfhp7nNpyoDaTIEJ3P9 If8J2kbLNYegg9JRBwGhFvbq66+ZUiDssMQWK2yHxiZLrInKNotss8l+B5yBrr5p2UIJvortANoC 6+234IbLla/elRtZjeamh5CC3Sb0YLvixivvYkDFGlZqBNh7r4n6goVvv6/ZlCicN+kL71ALTnpQ dCIZp7CihkLA3UQmoWRBogyxtBPGCTnZncVR1rSTo5nuydC/Eo8kUH+lOoTyyvjoCuZu+PjYIKLD rZybtrM1d10C0QXKEVz48GrQkEeWdFJKlbb0UmEeV0SzyC6RvNB646LWIVjUNeC1zAFb+RDKXksM 9r531bwmpQW9+hQDDsx5pqwDRWBXcFES2hc+gEn/wJGdEEWdE6LoWcoxQweaTNmkhydkKaYMYY2Q p1unbLl/pPKbn3v7EZRvrKvqlja2ONvrtoIw9tn2g32/tQBlhtYkU+MNikZ7QYlPDPuMldpOmuJX nVo5VF3HjI+q89mteX5IDd/fVFClma5kiE4f2XUJhlz09gj2NbTDRifkmu7zXjR++RVJ/lPznuvr QH2iD6S+UewP9Dnon6d2NLwN8n90BB6hC68cFMCHoe+ACASP9c4DowUyEF0OPFcDI0ij/VXPaAKC UfhS95AKGoQ7IBRICI1HwhGaUIQoLGEKT6jCFrLwhSuMoQtlCMMZ2rCGOKShDm+4wxzy8Ic+DGIP B4cIRCKGMCAAOy== ------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/frame.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii" Cascading Style Sheets ------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/outline.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii"
 No= tes
Slide Show
Outline
------=_NextPart_01C7033D.24F73E60 Content-Location: file:///C:/2CB422F3/cascadingstylesheets_files/filelist.xml Content-Transfer-Encoding: quoted-printable Content-Type: text/xml; charset="utf-8" ------=_NextPart_01C7033D.24F73E60--