Jump to content

Help:Style Sheet 1

From Wikiversity
Page Title 1

Page title 2

Sub head
Description


{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%"
| colspan="1" style="width:100%; vertical-align:top; border:1px solid Sienna; background-color:Cornsilk; {{text color default}};" |
<div style="border-bottom:1px solid Sienna; background-color:Wheat; {{text color default}}; padding:0.2em 0.5em 0.2em 0.5em; font-size:130%; font-weight:bold;">Page Title 1</div>
<div style="padding:2em 5em 0em 3em;"> <!--Note: Top, right, bottom, left -->

<!-- PICTURE ON SIDE OF HEADER SECTION ----->
[[Image:Nuvola apps korganizer.png|right]]
<!-- FOR MORE ICONS, GO TO [[Help:Icons]] -->
==Page title 2==
;Sub head
:Description
</div>
|}





Title
Subtitle
Description


{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%"
| colspan="1" style="width:100%; vertical-align:top; border:1px solid Gold; background-color:LightYellow; {{text color default}};" |
<div style="border-bottom:1px solid Gold; background-color:Yellow; {{text color default}}; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Title</div>
<div style="padding:1em 5em 1em 3em;"> <!--Top, right, bottom, left -->

<!-- PICTURE ON ONE BOX SECTION  - optional -->
<!-- [[Image:Nuvola apps package edutainment.png|right|64px]] -->
;Subtitle
:Description
</div>
|}





Color variation #1
Green color scheme
Description


{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%"
| colspan="1" style="width:100%; vertical-align:top; border:1px solid LightGreen; background-color:Honeydew; {{text color default}};" |
<div style="border-bottom:1px solid LightGreen; background-color:PaleGreen; {{text color default}}; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Color variation #1</div>
<div style="padding:1em 5em 1em 3em;"> <!--Top, right, bottom, left -->

<!-- PICTURE ON ONE BOX SECTION  - optional -->
<!-- [[Image:Nuvola apps package edutainment.png|right|64px]] -->
;Green color scheme
:Description
</div>
|}





Color variation #2
Subtitle
Description



{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%"
| style="width:40%; vertical-align:top; border:1px solid PaleTurquoise; background-color:LightCyan; {{text color default}};" |
<div style="border-bottom:1px solid PaleTurquoise; background-color: Cyan; {{text color default}}; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Color variation #2</div>
<div style="padding:1em 5em 1em 3em;"> <!--Top, right, bottom, left -->

<!-- PICTURE ON ONE BOX SECTION  - optional -->
<!-- [[Image:Nuvola apps package edutainment.png|right|64px]] -->
;Subtitle
:Description
</div>
|}





Title left

Heading left

Sub head left
Description left
Title right
Sub head right

Description right

{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%"
| style="width:60%; vertical-align:top; border:1px solid Gold; background-color: LightYellow; {{text color default}};" rowspan="1"|
<div style="border-bottom:1px solid Gold; background-color:Yellow; {{text color default}}; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Title left</div>
<div style="padding:0.4em 1em 0.3em 1em;">
<!-- PICTURE ON LEFT OF TWO BOX SECTION -->
[[Image:Broom icon.svg|right|96px]]
===Heading left===
;Sub head left
:Description left
</div>

| style="padding:0em 0.5em 0em 0.5em;" |

| style="width:40%; vertical-align:top; border:1px solid PaleTurquoise; background-color:LightCyan; {{text color default}};" |
<div style="border-bottom:1px solid PaleTurquoise; background-color:Cyan; {{text color default}}; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Title right</div>
<div style="padding:0.4em 1em 0.3em 1em;">
<!-- PICTURE ON RIGHT OF TWO BOX SECTION -->
[[Image:Stock-brush.svg|96px|right]]
;Sub head right
Description right
</div>
|}





Title left

Heading left

Sub head left
Description left
Title top right
Sub head top right

Description top right

Title bottom right
Sub head bottom right

Description bottom right


{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%"
| style="width:60%; vertical-align:top; border:1px solid Gold; background-color: LightYellow; {{text color default}};" rowspan="2"|
<div style="border-bottom:1px solid Gold; background-color:Yellow; {{text color default}}; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Title left</div>
<div style="padding:0.4em 1em 0.3em 1em;">
<!-- PICTURE ON LEFT OF THREE BOX SECTION -->
[[Image:Nuvola apps knotify.png|right|96px]]
===Heading left===
;Sub head left
:Description left
</div>

| style="padding:0em 0.5em 0em 0.5em;" |

| style="width:40%; vertical-align:top; border:1px solid PaleTurquoise; background-color:LightCyan; {{text color default}};" |
<div style="border-bottom:1px solid PaleTurquoise; background-color:Cyan; {{text color default}}; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Title top right</div>
<div style="padding:0.4em 1em 0.3em 1em;">
<!-- PICTURE ON TOP RIGHT OF THREE BOX SECTION -->
[[Image:Crystal Clear app starthere.png|96px|right]]
;Sub head top right
Description top right
</div>
|-
| style="padding:0em 0.5em 0em 0.5em;" |

| style="width:40%; vertical-align:top; border:1px solid PaleTurquoise; background-color:LightCyan; {{text color default}};" |
<div style="border-bottom:1px solid PaleTurquoise; background-color:Cyan; {{text color default}}; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Title bottom right</div>
<div style="padding:0.4em 1em 0.3em 1em;">
<!-- PICTURE ON BOTTOM RIGHT OF THREE BOX SECTION -->
[[Image:Crystal Clear action bookmark.svg|right]]
;Sub head bottom right
Description bottom right
</div>

|}


Title


{| cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; color:inherit; margin-left: auto; margin-right: auto"
| style="background-color: LightGoldenrodYellow; {{text color default}}; border: 1px solid Gray; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 60px;" colspan="1" |
{{center top}}<big><big><big>[[Image:Crystal Clear app kfm home.png|128px]] Title</big></big></big>{{center bottom}}
|}


Title left

Subhead left
Description left

Title right

Subhead right

Description right

{| cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; {{text color default}}; margin-left: auto; margin-right: auto"
| style="width: 60%; background-color: LightYellow; {{text color default}}; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" rowspan="1" |
[[Image:Crystal Clear action editcut.png|100px|right]]
== Title left==
;Subhead left
:Description left

| style="width: 40%; background-color: cornsilk; {{text color default}}; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 100px;" rowspan="1" |
{{center top}}[[Image:Crystal Clear app Login Manager.png]]{{center bottom}}
== Title right==
;Sub head right
Description right

|}


Title left

Subhead left
Description left

Title right

Subhead right

Description right


{| cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; color:inherit; margin-left: auto; margin-right: auto"
| style="width: 60%; background-color: BlanchedAlmond; {{text color default}}; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" <!--rowspan="2"--> |
[[Image:Nuvola apps krfb.png|right|128px]]
==Title left==
;Subhead left
:Description left

| style="width: 40%; background-color: Lavender; {{text color default}}; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 100px;" |
[[Image:Crystal Clear app bug.png|right|96px]]
==Title right==
;Subhead right
Description right

|}


Title

Title Left

Text left

Title top right

Text top right

Title bottom right

Text bottom right



{| cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; color:inherit; margin-left: auto; margin-right: auto"
| style="background-color: LightGoldenrodYellow; {{text color default}}; border: 1px solid Gray; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 60px;" colspan="2" | {{center top}}<big><big><big>[[Image:Crystal Clear app knotify.png|96px]] Title [[Image:Crystal Clear app knotify.png|96px]]</big></big></big>{{center bottom}}

|-
| style="width: 60%; background-color: LightYellow; {{text color default}}; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" rowspan="2" |
[[Image:Crystal Clear app kmid.png|96px|right]]
==Title Left==

:Text left

| style="width: 50%; background-color: Seashell; {{text color default}}; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" <!--rowspan="2"--> |
{{center top}}[[Image:Crystal Clear app bell.png]]{{center bottom}}
==Title top right==

Text top right
|-
| style="width: 40%; background-color: cornsilk; {{text color default}}; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 200px;" |
{{center top}}{{center bottom}}
==Title bottom right==
Text bottom right


|}


The Next Page

Continue this lesson on the computer software needed for recording the dialog for the animatic.

Contact your instructor

Your instructor for this filmmaking class is Robert Elliott. You can email me by clicking here.


{| cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; color:inherit; margin-left: auto; margin-right: auto"
| style="width: 50%; background-color: LemonChiffon; {{text color default}}; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" <!--rowspan="2"--> |
[[Image:Crystal Clear app krec.png|right]]

==The Next Page==
:Continue this lesson on [[Filmmaking Basics/Animatic Dialog Recording/Software|the computer software]] needed for recording the dialog for the animatic. 

{{Contact your instructor: Filmmaking}}

|}