Prezi Css

CSS Editor Documentation
Prezi.com
As of 17.11.2010.

CSS Editor Documentation Elements and Properties List of elements List of Properties Predefined (reserved) class names ZLabel Predefined classes: .head .strong .body Typefaces - roll your own! Background Grid ZFrame Predefined classes: .circle .bracket .roundrect .invisible ZCurveLine ZArrow ZMarker ZPath Ball Predefined classes .mid .baseZVideo ZLoadedImage ZYoutube Tools and utilities

Elements and Properties
List of elements
ZLabel, Background, Grid, ZFrame, ZCurveLine, ZArrow, ZMarker, ZPath, ZVideo, Ball (ZPath), ZLoadedImage, ZYoutube

List of Properties
src, fontFamily, padding, color, gradEnd, gradStart, gradStartColor, gradEndColor, thickness, gradStartAlpha, gradEndAlpha, alpha, radius, borderColor, borderAlpha,borderThickness, textColor, fillColor

Predefined (reserved) class names
.head, .strong, .body (available on ZLabel element) .circle, .bracket, .roundrect, .invisible (available on ZFrame element) .mid, .base (available on Ball element)

ZLabel
ZLabel is a general element holding textual data. Visible: Edit and Show Mode Property padding Value range, 0 … any Definition controls the distancebetween the window and the object when focused controls the text color controls the typeface of the text

color fontFamily

hexadecimal, rgb classname, see Predefined classes

Predefined classes: .head
Property padding Value range, 0 … any Definition controls the distance between the window and the object

when focused color fontFamily hexadecimal, rgb name, see Typefaces controls thetext color controls the typeface of the text

.strong
Property padding Value range, 0 … any Definition controls the distance between the window and the object when focused controls the text color controls the typeface of the text

color fontFamily

hexadecimal, rgb name, see Typefaces

.body
Property padding Value range, 0 … any Definition controls the distance between the window and theobject when focused controls the text color controls the typeface of the text

color fontFamily

hexadecimal, rgb name, see Typefaces

Typefaces - roll your own!
The predefined classes above reflect the three text types in the editor.

To customize the appearance of these types, select your font from the list and name them

respectively in a @font-face declaration. If you like ourLiberation Serif and Calluna fonts, all you need is three separate font-face declarations: @font-face { src: url('LiberationSerif-Regular.swf'); fontFamily: head; } @font-face { src: url('LiberationSerif-Bold.swf'); fontFamily: strong; } @font-face { src: url('calluna-regular.swf'); fontFamily: body; } It’s optional, but for the sake of simplicity, name your fontFamily properties like in the predefinedZLabel classnames: ZLabel.head { fontFamily: head; } ZLabel.strong { fontFamily: strong; } ZLabel.body { fontFamily: body; }

Background
Background is the canvas on which you are placing your objects. Visible: Edit and Show Mode Property gradStart gradEnd Value hexadecimal, rgb hexadecimal, rgb Definition controls the gradient color of the canvas starting from top controls the gradient colorof the canvas ending at bottom

Grid
Grid is a visual aid for precise arrangement your objects. Visible: Edit Mode only. Property color Value hexadecimal, rgb Definition controls the grid color

ZFrame
ZFrame is a grouping tool holding related objects. Visible: Edit and Show Mode (“invisible” frame is visible in Edit Mode only)

Predefined classes: .circle
Property gradStartColorgradEndColor thickness gradStartAlpha gradEndAlpha padding Value hexadecimal, rgb hexadecimal, rgb range, 0 … any range, 0 … 1 range, 0 … 1 range, 0 … any Definition controls the gradient color of the object starting from top controls the gradient color of the object ending at bottom controls the thickness of the whole object controls the transparency of the object starting from top controls the...