Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
erp5
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Labels
Merge Requests
1
Merge Requests
1
Analytics
Analytics
Repository
Value Stream
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Commits
Open sidebar
Romain Courteaud
erp5
Commits
0dd8a94c
Commit
0dd8a94c
authored
Nov 18, 2020
by
Romain Courteaud
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
erp5_run_my_doc: slide viewer
parent
d2e45d03
Changes
14
Show whitespace changes
Inline
Side-by-side
Showing
14 changed files
with
7043 additions
and
0 deletions
+7043
-0
bt5/erp5_run_my_doc/ActionTemplateItem/portal_types/Test%20Page/view_slideshow_with_gadget.xml
...m/portal_types/Test%20Page/view_slideshow_with_gadget.xml
+83
-0
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/TestPage_viewSlideShowWithGadget.xml
...kins/erp5_run_my_doc/TestPage_viewSlideShowWithGadget.xml
+149
-0
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/TestPage_viewSlideShowWithGadget/my_text_content.xml
..._doc/TestPage_viewSlideShowWithGadget/my_text_content.xml
+151
-0
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/reveal.css.css
...nTemplateItem/portal_skins/erp5_run_my_doc/reveal.css.css
+1331
-0
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/reveal.css.xml
...nTemplateItem/portal_skins/erp5_run_my_doc/reveal.css.xml
+32
-0
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/reveal.js.js
...kinTemplateItem/portal_skins/erp5_run_my_doc/reveal.js.js
+4744
-0
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/reveal.js.xml
...inTemplateItem/portal_skins/erp5_run_my_doc/reveal.js.xml
+32
-0
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/reveal_theme_white.css.css
...m/portal_skins/erp5_run_my_doc/reveal_theme_white.css.css
+287
-0
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/reveal_theme_white.css.xml
...m/portal_skins/erp5_run_my_doc/reveal_theme_white.css.xml
+32
-0
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/slideviewer.gadget.html.html
...portal_skins/erp5_run_my_doc/slideviewer.gadget.html.html
+26
-0
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/slideviewer.gadget.html.xml
.../portal_skins/erp5_run_my_doc/slideviewer.gadget.html.xml
+32
-0
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/slideviewer.gadget.js.js
...tem/portal_skins/erp5_run_my_doc/slideviewer.gadget.js.js
+111
-0
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/slideviewer.gadget.js.xml
...em/portal_skins/erp5_run_my_doc/slideviewer.gadget.js.xml
+32
-0
bt5/erp5_run_my_doc/bt/template_action_path_list
bt5/erp5_run_my_doc/bt/template_action_path_list
+1
-0
No files found.
bt5/erp5_run_my_doc/ActionTemplateItem/portal_types/Test%20Page/view_slideshow_with_gadget.xml
0 → 100644
View file @
0dd8a94c
<?xml version="1.0"?>
<ZopeData>
<record
id=
"1"
aka=
"AAAAAAAAAAE="
>
<pickle>
<global
name=
"ActionInformation"
module=
"Products.CMFCore.ActionInformation"
/>
</pickle>
<pickle>
<dictionary>
<item>
<key>
<string>
action
</string>
</key>
<value>
<persistent>
<string
encoding=
"base64"
>
AAAAAAAAAAI=
</string>
</persistent>
</value>
</item>
<item>
<key>
<string>
categories
</string>
</key>
<value>
<tuple>
<string>
action_type/object_onlyjio_view
</string>
</tuple>
</value>
</item>
<item>
<key>
<string>
category
</string>
</key>
<value>
<string>
object_onlyjio_view
</string>
</value>
</item>
<item>
<key>
<string>
condition
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
description
</string>
</key>
<value>
<string>
Javascript SlideShow
</string>
</value>
</item>
<item>
<key>
<string>
icon
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
id
</string>
</key>
<value>
<string>
view_slideshow_with_gadget
</string>
</value>
</item>
<item>
<key>
<string>
permissions
</string>
</key>
<value>
<tuple>
<string>
View
</string>
</tuple>
</value>
</item>
<item>
<key>
<string>
portal_type
</string>
</key>
<value>
<string>
Action Information
</string>
</value>
</item>
<item>
<key>
<string>
priority
</string>
</key>
<value>
<float>
1.5
</float>
</value>
</item>
<item>
<key>
<string>
title
</string>
</key>
<value>
<string>
Slideshow
</string>
</value>
</item>
<item>
<key>
<string>
visible
</string>
</key>
<value>
<int>
1
</int>
</value>
</item>
</dictionary>
</pickle>
</record>
<record
id=
"2"
aka=
"AAAAAAAAAAI="
>
<pickle>
<global
name=
"Expression"
module=
"Products.CMFCore.Expression"
/>
</pickle>
<pickle>
<dictionary>
<item>
<key>
<string>
text
</string>
</key>
<value>
<string>
string:${object_url}/TestPage_viewSlideShowWithGadget
</string>
</value>
</item>
</dictionary>
</pickle>
</record>
</ZopeData>
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/TestPage_viewSlideShowWithGadget.xml
0 → 100644
View file @
0dd8a94c
<?xml version="1.0"?>
<ZopeData>
<record
id=
"1"
aka=
"AAAAAAAAAAE="
>
<pickle>
<global
name=
"ERP5 Form"
module=
"erp5.portal_type"
/>
</pickle>
<pickle>
<dictionary>
<item>
<key>
<string>
_bind_names
</string>
</key>
<value>
<object>
<klass>
<global
name=
"NameAssignments"
module=
"Shared.DC.Scripts.Bindings"
/>
</klass>
<tuple/>
<state>
<dictionary>
<item>
<key>
<string>
_asgns
</string>
</key>
<value>
<dictionary/>
</value>
</item>
</dictionary>
</state>
</object>
</value>
</item>
<item>
<key>
<string>
_objects
</string>
</key>
<value>
<tuple/>
</value>
</item>
<item>
<key>
<string>
action
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
action_title
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
description
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
edit_order
</string>
</key>
<value>
<list/>
</value>
</item>
<item>
<key>
<string>
encoding
</string>
</key>
<value>
<string>
UTF-8
</string>
</value>
</item>
<item>
<key>
<string>
enctype
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
group_list
</string>
</key>
<value>
<list>
<string>
left (Page Properties)
</string>
<string>
right (Publication)
</string>
<string>
center
</string>
<string>
bottom
</string>
</list>
</value>
</item>
<item>
<key>
<string>
groups
</string>
</key>
<value>
<dictionary>
<item>
<key>
<string>
bottom
</string>
</key>
<value>
<list>
<string>
my_text_content
</string>
</list>
</value>
</item>
<item>
<key>
<string>
center
</string>
</key>
<value>
<list/>
</value>
</item>
<item>
<key>
<string>
left (Page Properties)
</string>
</key>
<value>
<list/>
</value>
</item>
<item>
<key>
<string>
right (Publication)
</string>
</key>
<value>
<list/>
</value>
</item>
</dictionary>
</value>
</item>
<item>
<key>
<string>
id
</string>
</key>
<value>
<string>
TestPage_viewSlideShowWithGadget
</string>
</value>
</item>
<item>
<key>
<string>
method
</string>
</key>
<value>
<string>
POST
</string>
</value>
</item>
<item>
<key>
<string>
name
</string>
</key>
<value>
<string>
TestPage_viewSlideShowWithGadget
</string>
</value>
</item>
<item>
<key>
<string>
pt
</string>
</key>
<value>
<string>
form_view
</string>
</value>
</item>
<item>
<key>
<string>
row_length
</string>
</key>
<value>
<int>
4
</int>
</value>
</item>
<item>
<key>
<string>
stored_encoding
</string>
</key>
<value>
<string>
UTF-8
</string>
</value>
</item>
<item>
<key>
<string>
title
</string>
</key>
<value>
<string>
Slideshow
</string>
</value>
</item>
<item>
<key>
<string>
unicode_mode
</string>
</key>
<value>
<int>
0
</int>
</value>
</item>
<item>
<key>
<string>
update_action
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
update_action_title
</string>
</key>
<value>
<string></string>
</value>
</item>
</dictionary>
</pickle>
</record>
</ZopeData>
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/TestPage_viewSlideShowWithGadget/my_text_content.xml
0 → 100644
View file @
0dd8a94c
<?xml version="1.0"?>
<ZopeData>
<record
id=
"1"
aka=
"AAAAAAAAAAE="
>
<pickle>
<global
name=
"ProxyField"
module=
"Products.ERP5Form.ProxyField"
/>
</pickle>
<pickle>
<dictionary>
<item>
<key>
<string>
delegated_list
</string>
</key>
<value>
<list>
<string>
description
</string>
<string>
enabled
</string>
<string>
gadget_url
</string>
<string>
js_sandbox
</string>
<string>
title
</string>
</list>
</value>
</item>
<item>
<key>
<string>
id
</string>
</key>
<value>
<string>
my_text_content
</string>
</value>
</item>
<item>
<key>
<string>
message_values
</string>
</key>
<value>
<dictionary>
<item>
<key>
<string>
external_validator_failed
</string>
</key>
<value>
<string>
The input failed the external validator.
</string>
</value>
</item>
</dictionary>
</value>
</item>
<item>
<key>
<string>
overrides
</string>
</key>
<value>
<dictionary>
<item>
<key>
<string>
field_id
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
form_id
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
target
</string>
</key>
<value>
<string></string>
</value>
</item>
</dictionary>
</value>
</item>
<item>
<key>
<string>
tales
</string>
</key>
<value>
<dictionary>
<item>
<key>
<string>
description
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
enabled
</string>
</key>
<value>
<persistent>
<string
encoding=
"base64"
>
AAAAAAAAAAI=
</string>
</persistent>
</value>
</item>
<item>
<key>
<string>
field_id
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
form_id
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
height
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
target
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
title
</string>
</key>
<value>
<string></string>
</value>
</item>
</dictionary>
</value>
</item>
<item>
<key>
<string>
values
</string>
</key>
<value>
<dictionary>
<item>
<key>
<string>
description
</string>
</key>
<value>
<string>
Content of the web page
</string>
</value>
</item>
<item>
<key>
<string>
enabled
</string>
</key>
<value>
<int>
1
</int>
</value>
</item>
<item>
<key>
<string>
field_id
</string>
</key>
<value>
<string>
my_text_content
</string>
</value>
</item>
<item>
<key>
<string>
form_id
</string>
</key>
<value>
<string>
Base_viewWebFieldLibrary
</string>
</value>
</item>
<item>
<key>
<string>
gadget_url
</string>
</key>
<value>
<string>
slideviewer.gadget.html
</string>
</value>
</item>
<item>
<key>
<string>
height
</string>
</key>
<value>
<int>
40
</int>
</value>
</item>
<item>
<key>
<string>
js_sandbox
</string>
</key>
<value>
<string>
iframe
</string>
</value>
</item>
<item>
<key>
<string>
target
</string>
</key>
<value>
<string>
Click to edit the target
</string>
</value>
</item>
<item>
<key>
<string>
title
</string>
</key>
<value>
<string>
Page Content
</string>
</value>
</item>
</dictionary>
</value>
</item>
</dictionary>
</pickle>
</record>
<record
id=
"2"
aka=
"AAAAAAAAAAI="
>
<pickle>
<global
name=
"TALESMethod"
module=
"Products.Formulator.TALESField"
/>
</pickle>
<pickle>
<dictionary>
<item>
<key>
<string>
_text
</string>
</key>
<value>
<string>
not:here/isExternalDocument
</string>
</value>
</item>
</dictionary>
</pickle>
</record>
</ZopeData>
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/reveal.css.css
0 → 100644
View file @
0dd8a94c
/*!
* reveal.js
* http://lab.hakim.se/reveal-js
* MIT licensed
*
* Copyright (C) 2016 Hakim El Hattab, http://hakim.se
*/
/*********************************************
* RESET STYLES
*********************************************/
html
,
body
,
.reveal
div
,
.reveal
span
,
.reveal
applet
,
.reveal
object
,
.reveal
iframe
,
.reveal
h1
,
.reveal
h2
,
.reveal
h3
,
.reveal
h4
,
.reveal
h5
,
.reveal
h6
,
.reveal
p
,
.reveal
blockquote
,
.reveal
pre
,
.reveal
a
,
.reveal
abbr
,
.reveal
acronym
,
.reveal
address
,
.reveal
big
,
.reveal
cite
,
.reveal
code
,
.reveal
del
,
.reveal
dfn
,
.reveal
em
,
.reveal
img
,
.reveal
ins
,
.reveal
kbd
,
.reveal
q
,
.reveal
s
,
.reveal
samp
,
.reveal
small
,
.reveal
strike
,
.reveal
strong
,
.reveal
sub
,
.reveal
sup
,
.reveal
tt
,
.reveal
var
,
.reveal
b
,
.reveal
u
,
.reveal
center
,
.reveal
dl
,
.reveal
dt
,
.reveal
dd
,
.reveal
ol
,
.reveal
ul
,
.reveal
li
,
.reveal
fieldset
,
.reveal
form
,
.reveal
label
,
.reveal
legend
,
.reveal
table
,
.reveal
caption
,
.reveal
tbody
,
.reveal
tfoot
,
.reveal
thead
,
.reveal
tr
,
.reveal
th
,
.reveal
td
,
.reveal
article
,
.reveal
aside
,
.reveal
canvas
,
.reveal
details
,
.reveal
embed
,
.reveal
figure
,
.reveal
figcaption
,
.reveal
footer
,
.reveal
header
,
.reveal
hgroup
,
.reveal
menu
,
.reveal
nav
,
.reveal
output
,
.reveal
ruby
,
.reveal
section
,
.reveal
summary
,
.reveal
time
,
.reveal
mark
,
.reveal
audio
,
.reveal
video
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-size
:
100%
;
font
:
inherit
;
vertical-align
:
baseline
;
}
.reveal
article
,
.reveal
aside
,
.reveal
details
,
.reveal
figcaption
,
.reveal
figure
,
.reveal
footer
,
.reveal
header
,
.reveal
hgroup
,
.reveal
menu
,
.reveal
nav
,
.reveal
section
{
display
:
block
;
}
/*********************************************
* GLOBAL STYLES
*********************************************/
html
,
body
{
width
:
100%
;
height
:
100%
;
overflow
:
hidden
;
}
body
{
position
:
relative
;
line-height
:
1
;
background-color
:
#fff
;
color
:
#000
;
}
html
:-webkit-full-screen-ancestor
{
background-color
:
inherit
;
}
html
:-moz-full-screen-ancestor
{
background-color
:
inherit
;
}
/*********************************************
* VIEW FRAGMENTS
*********************************************/
.reveal
.slides
section
.fragment
{
opacity
:
0
;
visibility
:
hidden
;
-webkit-transition
:
all
.2s
ease
;
transition
:
all
.2s
ease
;
}
.reveal
.slides
section
.fragment.visible
{
opacity
:
1
;
visibility
:
visible
;
}
.reveal
.slides
section
.fragment.grow
{
opacity
:
1
;
visibility
:
visible
;
}
.reveal
.slides
section
.fragment.grow.visible
{
-webkit-transform
:
scale
(
1.3
);
transform
:
scale
(
1.3
);
}
.reveal
.slides
section
.fragment.shrink
{
opacity
:
1
;
visibility
:
visible
;
}
.reveal
.slides
section
.fragment.shrink.visible
{
-webkit-transform
:
scale
(
0.7
);
transform
:
scale
(
0.7
);
}
.reveal
.slides
section
.fragment.zoom-in
{
-webkit-transform
:
scale
(
0.1
);
transform
:
scale
(
0.1
);
}
.reveal
.slides
section
.fragment.zoom-in.visible
{
-webkit-transform
:
none
;
transform
:
none
;
}
.reveal
.slides
section
.fragment.fade-out
{
opacity
:
1
;
visibility
:
visible
;
}
.reveal
.slides
section
.fragment.fade-out.visible
{
opacity
:
0
;
visibility
:
hidden
;
}
.reveal
.slides
section
.fragment.semi-fade-out
{
opacity
:
1
;
visibility
:
visible
;
}
.reveal
.slides
section
.fragment.semi-fade-out.visible
{
opacity
:
0.5
;
visibility
:
visible
;
}
.reveal
.slides
section
.fragment.strike
{
opacity
:
1
;
visibility
:
visible
;
}
.reveal
.slides
section
.fragment.strike.visible
{
text-decoration
:
line-through
;
}
.reveal
.slides
section
.fragment.fade-up
{
-webkit-transform
:
translate
(
0
,
20%
);
transform
:
translate
(
0
,
20%
);
}
.reveal
.slides
section
.fragment.fade-up.visible
{
-webkit-transform
:
translate
(
0
,
0
);
transform
:
translate
(
0
,
0
);
}
.reveal
.slides
section
.fragment.fade-down
{
-webkit-transform
:
translate
(
0
,
-20%
);
transform
:
translate
(
0
,
-20%
);
}
.reveal
.slides
section
.fragment.fade-down.visible
{
-webkit-transform
:
translate
(
0
,
0
);
transform
:
translate
(
0
,
0
);
}
.reveal
.slides
section
.fragment.fade-right
{
-webkit-transform
:
translate
(
-20%
,
0
);
transform
:
translate
(
-20%
,
0
);
}
.reveal
.slides
section
.fragment.fade-right.visible
{
-webkit-transform
:
translate
(
0
,
0
);
transform
:
translate
(
0
,
0
);
}
.reveal
.slides
section
.fragment.fade-left
{
-webkit-transform
:
translate
(
20%
,
0
);
transform
:
translate
(
20%
,
0
);
}
.reveal
.slides
section
.fragment.fade-left.visible
{
-webkit-transform
:
translate
(
0
,
0
);
transform
:
translate
(
0
,
0
);
}
.reveal
.slides
section
.fragment.current-visible
{
opacity
:
0
;
visibility
:
hidden
;
}
.reveal
.slides
section
.fragment.current-visible.current-fragment
{
opacity
:
1
;
visibility
:
visible
;
}
.reveal
.slides
section
.fragment.highlight-red
,
.reveal
.slides
section
.fragment.highlight-current-red
,
.reveal
.slides
section
.fragment.highlight-green
,
.reveal
.slides
section
.fragment.highlight-current-green
,
.reveal
.slides
section
.fragment.highlight-blue
,
.reveal
.slides
section
.fragment.highlight-current-blue
{
opacity
:
1
;
visibility
:
visible
;
}
.reveal
.slides
section
.fragment.highlight-red.visible
{
color
:
#ff2c2d
;
}
.reveal
.slides
section
.fragment.highlight-green.visible
{
color
:
#17ff2e
;
}
.reveal
.slides
section
.fragment.highlight-blue.visible
{
color
:
#1b91ff
;
}
.reveal
.slides
section
.fragment.highlight-current-red.current-fragment
{
color
:
#ff2c2d
;
}
.reveal
.slides
section
.fragment.highlight-current-green.current-fragment
{
color
:
#17ff2e
;
}
.reveal
.slides
section
.fragment.highlight-current-blue.current-fragment
{
color
:
#1b91ff
;
}
/*********************************************
* DEFAULT ELEMENT STYLES
*********************************************/
/* Fixes issue in Chrome where italic fonts did not appear when printing to PDF */
.reveal
:after
{
content
:
''
;
font-style
:
italic
;
}
.reveal
iframe
{
z-index
:
1
;
}
/** Prevents layering issues in certain browser/transition combinations */
.reveal
a
{
position
:
relative
;
}
.reveal
.stretch
{
max-width
:
none
;
max-height
:
none
;
}
.reveal
pre
.stretch
code
{
height
:
100%
;
max-height
:
100%
;
box-sizing
:
border-box
;
}
/*********************************************
* CONTROLS
*********************************************/
.reveal
.controls
{
display
:
none
;
position
:
fixed
;
width
:
110px
;
height
:
110px
;
z-index
:
30
;
right
:
10px
;
bottom
:
10px
;
-webkit-user-select
:
none
;
}
.reveal
.controls
button
{
padding
:
0
;
position
:
absolute
;
opacity
:
0.05
;
width
:
0
;
height
:
0
;
background-color
:
transparent
;
border
:
12px
solid
transparent
;
-webkit-transform
:
scale
(
0.9999
);
transform
:
scale
(
0.9999
);
-webkit-transition
:
all
0.2s
ease
;
transition
:
all
0.2s
ease
;
-webkit-appearance
:
none
;
-webkit-tap-highlight-color
:
transparent
;
}
.reveal
.controls
.enabled
{
opacity
:
0.7
;
cursor
:
pointer
;
}
.reveal
.controls
.enabled
:active
{
margin-top
:
1px
;
}
.reveal
.controls
.navigate-left
{
top
:
42px
;
border-right-width
:
22px
;
border-right-color
:
#000
;
}
.reveal
.controls
.navigate-left.fragmented
{
opacity
:
0.3
;
}
.reveal
.controls
.navigate-right
{
left
:
74px
;
top
:
42px
;
border-left-width
:
22px
;
border-left-color
:
#000
;
}
.reveal
.controls
.navigate-right.fragmented
{
opacity
:
0.3
;
}
.reveal
.controls
.navigate-up
{
left
:
42px
;
border-bottom-width
:
22px
;
border-bottom-color
:
#000
;
}
.reveal
.controls
.navigate-up.fragmented
{
opacity
:
0.3
;
}
.reveal
.controls
.navigate-down
{
left
:
42px
;
top
:
74px
;
border-top-width
:
22px
;
border-top-color
:
#000
;
}
.reveal
.controls
.navigate-down.fragmented
{
opacity
:
0.3
;
}
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal
.progress
{
position
:
fixed
;
display
:
none
;
height
:
3px
;
width
:
100%
;
bottom
:
0
;
left
:
0
;
z-index
:
10
;
background-color
:
rgba
(
0
,
0
,
0
,
0.2
);
}
.reveal
.progress
:after
{
content
:
''
;
display
:
block
;
position
:
absolute
;
height
:
20px
;
width
:
100%
;
top
:
-20px
;
}
.reveal
.progress
span
{
display
:
block
;
height
:
100%
;
width
:
0px
;
background-color
:
#000
;
-webkit-transition
:
width
800ms
cubic-bezier
(
0.26
,
0.86
,
0.44
,
0.985
);
transition
:
width
800ms
cubic-bezier
(
0.26
,
0.86
,
0.44
,
0.985
);
}
/*********************************************
* SLIDE NUMBER
*********************************************/
.reveal
.slide-number
{
position
:
fixed
;
display
:
block
;
right
:
8px
;
bottom
:
8px
;
z-index
:
31
;
font-family
:
Helvetica
,
sans-serif
;
font-size
:
12px
;
line-height
:
1
;
color
:
#fff
;
background-color
:
rgba
(
0
,
0
,
0
,
0.4
);
padding
:
5px
;
}
.reveal
.slide-number-delimiter
{
margin
:
0
3px
;
}
/*********************************************
* SLIDES
*********************************************/
.reveal
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
overflow
:
hidden
;
-ms-touch-action
:
none
;
touch-action
:
none
;
}
.reveal
.slides
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
top
:
0
;
right
:
0
;
bottom
:
0
;
left
:
0
;
margin
:
auto
;
overflow
:
visible
;
z-index
:
1
;
text-align
:
center
;
-webkit-perspective
:
600px
;
perspective
:
600px
;
-webkit-perspective-origin
:
50%
40%
;
perspective-origin
:
50%
40%
;
}
.reveal
.slides
>
section
{
-ms-perspective
:
600px
;
}
.reveal
.slides
>
section
,
.reveal
.slides
>
section
>
section
{
display
:
none
;
position
:
absolute
;
width
:
100%
;
padding
:
20px
0px
;
z-index
:
10
;
-webkit-transform-style
:
preserve-3d
;
transform-style
:
preserve-3d
;
-webkit-transition
:
-webkit-transform-origin
800ms
cubic-bezier
(
0.26
,
0.86
,
0.44
,
0.985
),
-webkit-transform
800ms
cubic-bezier
(
0.26
,
0.86
,
0.44
,
0.985
),
visibility
800ms
cubic-bezier
(
0.26
,
0.86
,
0.44
,
0.985
),
opacity
800ms
cubic-bezier
(
0.26
,
0.86
,
0.44
,
0.985
);
transition
:
transform-origin
800ms
cubic-bezier
(
0.26
,
0.86
,
0.44
,
0.985
),
transform
800ms
cubic-bezier
(
0.26
,
0.86
,
0.44
,
0.985
),
visibility
800ms
cubic-bezier
(
0.26
,
0.86
,
0.44
,
0.985
),
opacity
800ms
cubic-bezier
(
0.26
,
0.86
,
0.44
,
0.985
);
}
/* Global transition speed settings */
.reveal
[
data-transition-speed
=
"fast"
]
.slides
section
{
-webkit-transition-duration
:
400ms
;
transition-duration
:
400ms
;
}
.reveal
[
data-transition-speed
=
"slow"
]
.slides
section
{
-webkit-transition-duration
:
1200ms
;
transition-duration
:
1200ms
;
}
/* Slide-specific transition speed overrides */
.reveal
.slides
section
[
data-transition-speed
=
"fast"
]
{
-webkit-transition-duration
:
400ms
;
transition-duration
:
400ms
;
}
.reveal
.slides
section
[
data-transition-speed
=
"slow"
]
{
-webkit-transition-duration
:
1200ms
;
transition-duration
:
1200ms
;
}
.reveal
.slides
>
section
.stack
{
padding-top
:
0
;
padding-bottom
:
0
;
}
.reveal
.slides
>
section
.present
,
.reveal
.slides
>
section
>
section
.present
{
display
:
block
;
z-index
:
11
;
opacity
:
1
;
}
.reveal.center
,
.reveal.center
.slides
,
.reveal.center
.slides
section
{
min-height
:
0
!important
;
}
/* Don't allow interaction with invisible slides */
.reveal
.slides
>
section
.future
,
.reveal
.slides
>
section
>
section
.future
,
.reveal
.slides
>
section
.past
,
.reveal
.slides
>
section
>
section
.past
{
pointer-events
:
none
;
}
.reveal.overview
.slides
>
section
,
.reveal.overview
.slides
>
section
>
section
{
pointer-events
:
auto
;
}
.reveal
.slides
>
section
.past
,
.reveal
.slides
>
section
.future
,
.reveal
.slides
>
section
>
section
.past
,
.reveal
.slides
>
section
>
section
.future
{
opacity
:
0
;
}
/*********************************************
* Mixins for readability of transitions
*********************************************/
/*********************************************
* SLIDE TRANSITION
* Aliased 'linear' for backwards compatibility
*********************************************/
.reveal.slide
section
{
-webkit-backface-visibility
:
hidden
;
backface-visibility
:
hidden
;
}
.reveal
.slides
>
section
[
data-transition
=
slide
]
.past
,
.reveal
.slides
>
section
[
data-transition
~=
slide-out
]
.past
,
.reveal.slide
.slides
>
section
:not
([
data-transition
])
.past
{
-webkit-transform
:
translate
(
-150%
,
0
);
transform
:
translate
(
-150%
,
0
);
}
.reveal
.slides
>
section
[
data-transition
=
slide
]
.future
,
.reveal
.slides
>
section
[
data-transition
~=
slide-in
]
.future
,
.reveal.slide
.slides
>
section
:not
([
data-transition
])
.future
{
-webkit-transform
:
translate
(
150%
,
0
);
transform
:
translate
(
150%
,
0
);
}
.reveal
.slides
>
section
>
section
[
data-transition
=
slide
]
.past
,
.reveal
.slides
>
section
>
section
[
data-transition
~=
slide-out
]
.past
,
.reveal.slide
.slides
>
section
>
section
:not
([
data-transition
])
.past
{
-webkit-transform
:
translate
(
0
,
-150%
);
transform
:
translate
(
0
,
-150%
);
}
.reveal
.slides
>
section
>
section
[
data-transition
=
slide
]
.future
,
.reveal
.slides
>
section
>
section
[
data-transition
~=
slide-in
]
.future
,
.reveal.slide
.slides
>
section
>
section
:not
([
data-transition
])
.future
{
-webkit-transform
:
translate
(
0
,
150%
);
transform
:
translate
(
0
,
150%
);
}
.reveal.linear
section
{
-webkit-backface-visibility
:
hidden
;
backface-visibility
:
hidden
;
}
.reveal
.slides
>
section
[
data-transition
=
linear
]
.past
,
.reveal
.slides
>
section
[
data-transition
~=
linear-out
]
.past
,
.reveal.linear
.slides
>
section
:not
([
data-transition
])
.past
{
-webkit-transform
:
translate
(
-150%
,
0
);
transform
:
translate
(
-150%
,
0
);
}
.reveal
.slides
>
section
[
data-transition
=
linear
]
.future
,
.reveal
.slides
>
section
[
data-transition
~=
linear-in
]
.future
,
.reveal.linear
.slides
>
section
:not
([
data-transition
])
.future
{
-webkit-transform
:
translate
(
150%
,
0
);
transform
:
translate
(
150%
,
0
);
}
.reveal
.slides
>
section
>
section
[
data-transition
=
linear
]
.past
,
.reveal
.slides
>
section
>
section
[
data-transition
~=
linear-out
]
.past
,
.reveal.linear
.slides
>
section
>
section
:not
([
data-transition
])
.past
{
-webkit-transform
:
translate
(
0
,
-150%
);
transform
:
translate
(
0
,
-150%
);
}
.reveal
.slides
>
section
>
section
[
data-transition
=
linear
]
.future
,
.reveal
.slides
>
section
>
section
[
data-transition
~=
linear-in
]
.future
,
.reveal.linear
.slides
>
section
>
section
:not
([
data-transition
])
.future
{
-webkit-transform
:
translate
(
0
,
150%
);
transform
:
translate
(
0
,
150%
);
}
/*********************************************
* CONVEX TRANSITION
* Aliased 'default' for backwards compatibility
*********************************************/
.reveal
.slides
>
section
[
data-transition
=
default
]
.past
,
.reveal
.slides
>
section
[
data-transition
~=
default-out
]
.past
,
.reveal.default
.slides
>
section
:not
([
data-transition
])
.past
{
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
)
rotateY
(
-90deg
)
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
)
rotateY
(
-90deg
)
translate3d
(
-100%
,
0
,
0
);
}
.reveal
.slides
>
section
[
data-transition
=
default
]
.future
,
.reveal
.slides
>
section
[
data-transition
~=
default-in
]
.future
,
.reveal.default
.slides
>
section
:not
([
data-transition
])
.future
{
-webkit-transform
:
translate3d
(
100%
,
0
,
0
)
rotateY
(
90deg
)
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
)
rotateY
(
90deg
)
translate3d
(
100%
,
0
,
0
);
}
.reveal
.slides
>
section
>
section
[
data-transition
=
default
]
.past
,
.reveal
.slides
>
section
>
section
[
data-transition
~=
default-out
]
.past
,
.reveal.default
.slides
>
section
>
section
:not
([
data-transition
])
.past
{
-webkit-transform
:
translate3d
(
0
,
-300px
,
0
)
rotateX
(
70deg
)
translate3d
(
0
,
-300px
,
0
);
transform
:
translate3d
(
0
,
-300px
,
0
)
rotateX
(
70deg
)
translate3d
(
0
,
-300px
,
0
);
}
.reveal
.slides
>
section
>
section
[
data-transition
=
default
]
.future
,
.reveal
.slides
>
section
>
section
[
data-transition
~=
default-in
]
.future
,
.reveal.default
.slides
>
section
>
section
:not
([
data-transition
])
.future
{
-webkit-transform
:
translate3d
(
0
,
300px
,
0
)
rotateX
(
-70deg
)
translate3d
(
0
,
300px
,
0
);
transform
:
translate3d
(
0
,
300px
,
0
)
rotateX
(
-70deg
)
translate3d
(
0
,
300px
,
0
);
}
.reveal
.slides
>
section
[
data-transition
=
convex
]
.past
,
.reveal
.slides
>
section
[
data-transition
~=
convex-out
]
.past
,
.reveal.convex
.slides
>
section
:not
([
data-transition
])
.past
{
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
)
rotateY
(
-90deg
)
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
)
rotateY
(
-90deg
)
translate3d
(
-100%
,
0
,
0
);
}
.reveal
.slides
>
section
[
data-transition
=
convex
]
.future
,
.reveal
.slides
>
section
[
data-transition
~=
convex-in
]
.future
,
.reveal.convex
.slides
>
section
:not
([
data-transition
])
.future
{
-webkit-transform
:
translate3d
(
100%
,
0
,
0
)
rotateY
(
90deg
)
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
)
rotateY
(
90deg
)
translate3d
(
100%
,
0
,
0
);
}
.reveal
.slides
>
section
>
section
[
data-transition
=
convex
]
.past
,
.reveal
.slides
>
section
>
section
[
data-transition
~=
convex-out
]
.past
,
.reveal.convex
.slides
>
section
>
section
:not
([
data-transition
])
.past
{
-webkit-transform
:
translate3d
(
0
,
-300px
,
0
)
rotateX
(
70deg
)
translate3d
(
0
,
-300px
,
0
);
transform
:
translate3d
(
0
,
-300px
,
0
)
rotateX
(
70deg
)
translate3d
(
0
,
-300px
,
0
);
}
.reveal
.slides
>
section
>
section
[
data-transition
=
convex
]
.future
,
.reveal
.slides
>
section
>
section
[
data-transition
~=
convex-in
]
.future
,
.reveal.convex
.slides
>
section
>
section
:not
([
data-transition
])
.future
{
-webkit-transform
:
translate3d
(
0
,
300px
,
0
)
rotateX
(
-70deg
)
translate3d
(
0
,
300px
,
0
);
transform
:
translate3d
(
0
,
300px
,
0
)
rotateX
(
-70deg
)
translate3d
(
0
,
300px
,
0
);
}
/*********************************************
* CONCAVE TRANSITION
*********************************************/
.reveal
.slides
>
section
[
data-transition
=
concave
]
.past
,
.reveal
.slides
>
section
[
data-transition
~=
concave-out
]
.past
,
.reveal.concave
.slides
>
section
:not
([
data-transition
])
.past
{
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
)
rotateY
(
90deg
)
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
)
rotateY
(
90deg
)
translate3d
(
-100%
,
0
,
0
);
}
.reveal
.slides
>
section
[
data-transition
=
concave
]
.future
,
.reveal
.slides
>
section
[
data-transition
~=
concave-in
]
.future
,
.reveal.concave
.slides
>
section
:not
([
data-transition
])
.future
{
-webkit-transform
:
translate3d
(
100%
,
0
,
0
)
rotateY
(
-90deg
)
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
)
rotateY
(
-90deg
)
translate3d
(
100%
,
0
,
0
);
}
.reveal
.slides
>
section
>
section
[
data-transition
=
concave
]
.past
,
.reveal
.slides
>
section
>
section
[
data-transition
~=
concave-out
]
.past
,
.reveal.concave
.slides
>
section
>
section
:not
([
data-transition
])
.past
{
-webkit-transform
:
translate3d
(
0
,
-80%
,
0
)
rotateX
(
-70deg
)
translate3d
(
0
,
-80%
,
0
);
transform
:
translate3d
(
0
,
-80%
,
0
)
rotateX
(
-70deg
)
translate3d
(
0
,
-80%
,
0
);
}
.reveal
.slides
>
section
>
section
[
data-transition
=
concave
]
.future
,
.reveal
.slides
>
section
>
section
[
data-transition
~=
concave-in
]
.future
,
.reveal.concave
.slides
>
section
>
section
:not
([
data-transition
])
.future
{
-webkit-transform
:
translate3d
(
0
,
80%
,
0
)
rotateX
(
70deg
)
translate3d
(
0
,
80%
,
0
);
transform
:
translate3d
(
0
,
80%
,
0
)
rotateX
(
70deg
)
translate3d
(
0
,
80%
,
0
);
}
/*********************************************
* ZOOM TRANSITION
*********************************************/
.reveal
.slides
section
[
data-transition
=
zoom
],
.reveal.zoom
.slides
section
:not
([
data-transition
])
{
-webkit-transition-timing-function
:
ease
;
transition-timing-function
:
ease
;
}
.reveal
.slides
>
section
[
data-transition
=
zoom
]
.past
,
.reveal
.slides
>
section
[
data-transition
~=
zoom-out
]
.past
,
.reveal.zoom
.slides
>
section
:not
([
data-transition
])
.past
{
visibility
:
hidden
;
-webkit-transform
:
scale
(
16
);
transform
:
scale
(
16
);
}
.reveal
.slides
>
section
[
data-transition
=
zoom
]
.future
,
.reveal
.slides
>
section
[
data-transition
~=
zoom-in
]
.future
,
.reveal.zoom
.slides
>
section
:not
([
data-transition
])
.future
{
visibility
:
hidden
;
-webkit-transform
:
scale
(
0.2
);
transform
:
scale
(
0.2
);
}
.reveal
.slides
>
section
>
section
[
data-transition
=
zoom
]
.past
,
.reveal
.slides
>
section
>
section
[
data-transition
~=
zoom-out
]
.past
,
.reveal.zoom
.slides
>
section
>
section
:not
([
data-transition
])
.past
{
-webkit-transform
:
translate
(
0
,
-150%
);
transform
:
translate
(
0
,
-150%
);
}
.reveal
.slides
>
section
>
section
[
data-transition
=
zoom
]
.future
,
.reveal
.slides
>
section
>
section
[
data-transition
~=
zoom-in
]
.future
,
.reveal.zoom
.slides
>
section
>
section
:not
([
data-transition
])
.future
{
-webkit-transform
:
translate
(
0
,
150%
);
transform
:
translate
(
0
,
150%
);
}
/*********************************************
* CUBE TRANSITION
*********************************************/
.reveal.cube
.slides
{
-webkit-perspective
:
1300px
;
perspective
:
1300px
;
}
.reveal.cube
.slides
section
{
padding
:
30px
;
min-height
:
700px
;
-webkit-backface-visibility
:
hidden
;
backface-visibility
:
hidden
;
box-sizing
:
border-box
;
}
.reveal.center.cube
.slides
section
{
min-height
:
0
;
}
.reveal.cube
.slides
section
:not
(
.stack
)
:before
{
content
:
''
;
position
:
absolute
;
display
:
block
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
background
:
rgba
(
0
,
0
,
0
,
0.1
);
border-radius
:
4px
;
-webkit-transform
:
translateZ
(
-20px
);
transform
:
translateZ
(
-20px
);
}
.reveal.cube
.slides
section
:not
(
.stack
)
:after
{
content
:
''
;
position
:
absolute
;
display
:
block
;
width
:
90%
;
height
:
30px
;
left
:
5%
;
bottom
:
0
;
background
:
none
;
z-index
:
1
;
border-radius
:
4px
;
box-shadow
:
0px
95px
25px
rgba
(
0
,
0
,
0
,
0.2
);
-webkit-transform
:
translateZ
(
-90px
)
rotateX
(
65deg
);
transform
:
translateZ
(
-90px
)
rotateX
(
65deg
);
}
.reveal.cube
.slides
>
section
.stack
{
padding
:
0
;
background
:
none
;
}
.reveal.cube
.slides
>
section
.past
{
-webkit-transform-origin
:
100%
0%
;
transform-origin
:
100%
0%
;
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
)
rotateY
(
-90deg
);
transform
:
translate3d
(
-100%
,
0
,
0
)
rotateY
(
-90deg
);
}
.reveal.cube
.slides
>
section
.future
{
-webkit-transform-origin
:
0%
0%
;
transform-origin
:
0%
0%
;
-webkit-transform
:
translate3d
(
100%
,
0
,
0
)
rotateY
(
90deg
);
transform
:
translate3d
(
100%
,
0
,
0
)
rotateY
(
90deg
);
}
.reveal.cube
.slides
>
section
>
section
.past
{
-webkit-transform-origin
:
0%
100%
;
transform-origin
:
0%
100%
;
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
)
rotateX
(
90deg
);
transform
:
translate3d
(
0
,
-100%
,
0
)
rotateX
(
90deg
);
}
.reveal.cube
.slides
>
section
>
section
.future
{
-webkit-transform-origin
:
0%
0%
;
transform-origin
:
0%
0%
;
-webkit-transform
:
translate3d
(
0
,
100%
,
0
)
rotateX
(
-90deg
);
transform
:
translate3d
(
0
,
100%
,
0
)
rotateX
(
-90deg
);
}
/*********************************************
* PAGE TRANSITION
*********************************************/
.reveal.page
.slides
{
-webkit-perspective-origin
:
0%
50%
;
perspective-origin
:
0%
50%
;
-webkit-perspective
:
3000px
;
perspective
:
3000px
;
}
.reveal.page
.slides
section
{
padding
:
30px
;
min-height
:
700px
;
box-sizing
:
border-box
;
}
.reveal.page
.slides
section
.past
{
z-index
:
12
;
}
.reveal.page
.slides
section
:not
(
.stack
)
:before
{
content
:
''
;
position
:
absolute
;
display
:
block
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
background
:
rgba
(
0
,
0
,
0
,
0.1
);
-webkit-transform
:
translateZ
(
-20px
);
transform
:
translateZ
(
-20px
);
}
.reveal.page
.slides
section
:not
(
.stack
)
:after
{
content
:
''
;
position
:
absolute
;
display
:
block
;
width
:
90%
;
height
:
30px
;
left
:
5%
;
bottom
:
0
;
background
:
none
;
z-index
:
1
;
border-radius
:
4px
;
box-shadow
:
0px
95px
25px
rgba
(
0
,
0
,
0
,
0.2
);
-webkit-transform
:
translateZ
(
-90px
)
rotateX
(
65deg
);
}
.reveal.page
.slides
>
section
.stack
{
padding
:
0
;
background
:
none
;
}
.reveal.page
.slides
>
section
.past
{
-webkit-transform-origin
:
0%
0%
;
transform-origin
:
0%
0%
;
-webkit-transform
:
translate3d
(
-40%
,
0
,
0
)
rotateY
(
-80deg
);
transform
:
translate3d
(
-40%
,
0
,
0
)
rotateY
(
-80deg
);
}
.reveal.page
.slides
>
section
.future
{
-webkit-transform-origin
:
100%
0%
;
transform-origin
:
100%
0%
;
-webkit-transform
:
translate3d
(
0
,
0
,
0
);
transform
:
translate3d
(
0
,
0
,
0
);
}
.reveal.page
.slides
>
section
>
section
.past
{
-webkit-transform-origin
:
0%
0%
;
transform-origin
:
0%
0%
;
-webkit-transform
:
translate3d
(
0
,
-40%
,
0
)
rotateX
(
80deg
);
transform
:
translate3d
(
0
,
-40%
,
0
)
rotateX
(
80deg
);
}
.reveal.page
.slides
>
section
>
section
.future
{
-webkit-transform-origin
:
0%
100%
;
transform-origin
:
0%
100%
;
-webkit-transform
:
translate3d
(
0
,
0
,
0
);
transform
:
translate3d
(
0
,
0
,
0
);
}
/*********************************************
* FADE TRANSITION
*********************************************/
.reveal
.slides
section
[
data-transition
=
fade
],
.reveal.fade
.slides
section
:not
([
data-transition
]),
.reveal.fade
.slides
>
section
>
section
:not
([
data-transition
])
{
-webkit-transform
:
none
;
transform
:
none
;
-webkit-transition
:
opacity
0.5s
;
transition
:
opacity
0.5s
;
}
.reveal.fade.overview
.slides
section
,
.reveal.fade.overview
.slides
>
section
>
section
{
-webkit-transition
:
none
;
transition
:
none
;
}
/*********************************************
* NO TRANSITION
*********************************************/
.reveal
.slides
section
[
data-transition
=
none
],
.reveal.none
.slides
section
:not
([
data-transition
])
{
-webkit-transform
:
none
;
transform
:
none
;
-webkit-transition
:
none
;
transition
:
none
;
}
/*********************************************
* PAUSED MODE
*********************************************/
.reveal
.pause-overlay
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
background
:
black
;
visibility
:
hidden
;
opacity
:
0
;
z-index
:
100
;
-webkit-transition
:
all
1s
ease
;
transition
:
all
1s
ease
;
}
.reveal.paused
.pause-overlay
{
visibility
:
visible
;
opacity
:
1
;
}
/*********************************************
* FALLBACK
*********************************************/
.no-transforms
{
overflow-y
:
auto
;
}
.no-transforms
.reveal
.slides
{
position
:
relative
;
width
:
80%
;
height
:
auto
!important
;
top
:
0
;
left
:
50%
;
margin
:
0
;
text-align
:
center
;
}
.no-transforms
.reveal
.controls
,
.no-transforms
.reveal
.progress
{
display
:
none
!important
;
}
.no-transforms
.reveal
.slides
section
{
display
:
block
!important
;
opacity
:
1
!important
;
position
:
relative
!important
;
height
:
auto
;
min-height
:
0
;
top
:
0
;
left
:
-50%
;
margin
:
70px
0
;
-webkit-transform
:
none
;
transform
:
none
;
}
.no-transforms
.reveal
.slides
section
section
{
left
:
0
;
}
.reveal
.no-transition
,
.reveal
.no-transition
*
{
-webkit-transition
:
none
!important
;
transition
:
none
!important
;
}
/*********************************************
* PER-SLIDE BACKGROUNDS
*********************************************/
.reveal
.backgrounds
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
top
:
0
;
left
:
0
;
-webkit-perspective
:
600px
;
perspective
:
600px
;
}
.reveal
.slide-background
{
display
:
none
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
opacity
:
0
;
visibility
:
hidden
;
background-color
:
transparent
;
background-position
:
50%
50%
;
background-repeat
:
no-repeat
;
background-size
:
cover
;
-webkit-transition
:
all
800ms
cubic-bezier
(
0.26
,
0.86
,
0.44
,
0.985
);
transition
:
all
800ms
cubic-bezier
(
0.26
,
0.86
,
0.44
,
0.985
);
}
.reveal
.slide-background.stack
{
display
:
block
;
}
.reveal
.slide-background.present
{
opacity
:
1
;
visibility
:
visible
;
}
.print-pdf
.reveal
.slide-background
{
opacity
:
1
!important
;
visibility
:
visible
!important
;
}
/* Video backgrounds */
.reveal
.slide-background
video
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
max-width
:
none
;
max-height
:
none
;
top
:
0
;
left
:
0
;
}
/* Immediate transition style */
.reveal
[
data-background-transition
=
none
]
>
.backgrounds
.slide-background
,
.reveal
>
.backgrounds
.slide-background
[
data-background-transition
=
none
]
{
-webkit-transition
:
none
;
transition
:
none
;
}
/* Slide */
.reveal
[
data-background-transition
=
slide
]
>
.backgrounds
.slide-background
,
.reveal
>
.backgrounds
.slide-background
[
data-background-transition
=
slide
]
{
opacity
:
1
;
-webkit-backface-visibility
:
hidden
;
backface-visibility
:
hidden
;
}
.reveal
[
data-background-transition
=
slide
]
>
.backgrounds
.slide-background.past
,
.reveal
>
.backgrounds
.slide-background.past
[
data-background-transition
=
slide
]
{
-webkit-transform
:
translate
(
-100%
,
0
);
transform
:
translate
(
-100%
,
0
);
}
.reveal
[
data-background-transition
=
slide
]
>
.backgrounds
.slide-background.future
,
.reveal
>
.backgrounds
.slide-background.future
[
data-background-transition
=
slide
]
{
-webkit-transform
:
translate
(
100%
,
0
);
transform
:
translate
(
100%
,
0
);
}
.reveal
[
data-background-transition
=
slide
]
>
.backgrounds
.slide-background
>
.slide-background.past
,
.reveal
>
.backgrounds
.slide-background
>
.slide-background.past
[
data-background-transition
=
slide
]
{
-webkit-transform
:
translate
(
0
,
-100%
);
transform
:
translate
(
0
,
-100%
);
}
.reveal
[
data-background-transition
=
slide
]
>
.backgrounds
.slide-background
>
.slide-background.future
,
.reveal
>
.backgrounds
.slide-background
>
.slide-background.future
[
data-background-transition
=
slide
]
{
-webkit-transform
:
translate
(
0
,
100%
);
transform
:
translate
(
0
,
100%
);
}
/* Convex */
.reveal
[
data-background-transition
=
convex
]
>
.backgrounds
.slide-background.past
,
.reveal
>
.backgrounds
.slide-background.past
[
data-background-transition
=
convex
]
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
)
rotateY
(
-90deg
)
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
)
rotateY
(
-90deg
)
translate3d
(
-100%
,
0
,
0
);
}
.reveal
[
data-background-transition
=
convex
]
>
.backgrounds
.slide-background.future
,
.reveal
>
.backgrounds
.slide-background.future
[
data-background-transition
=
convex
]
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
100%
,
0
,
0
)
rotateY
(
90deg
)
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
)
rotateY
(
90deg
)
translate3d
(
100%
,
0
,
0
);
}
.reveal
[
data-background-transition
=
convex
]
>
.backgrounds
.slide-background
>
.slide-background.past
,
.reveal
>
.backgrounds
.slide-background
>
.slide-background.past
[
data-background-transition
=
convex
]
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
)
rotateX
(
90deg
)
translate3d
(
0
,
-100%
,
0
);
transform
:
translate3d
(
0
,
-100%
,
0
)
rotateX
(
90deg
)
translate3d
(
0
,
-100%
,
0
);
}
.reveal
[
data-background-transition
=
convex
]
>
.backgrounds
.slide-background
>
.slide-background.future
,
.reveal
>
.backgrounds
.slide-background
>
.slide-background.future
[
data-background-transition
=
convex
]
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
100%
,
0
)
rotateX
(
-90deg
)
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)
rotateX
(
-90deg
)
translate3d
(
0
,
100%
,
0
);
}
/* Concave */
.reveal
[
data-background-transition
=
concave
]
>
.backgrounds
.slide-background.past
,
.reveal
>
.backgrounds
.slide-background.past
[
data-background-transition
=
concave
]
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
)
rotateY
(
90deg
)
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
)
rotateY
(
90deg
)
translate3d
(
-100%
,
0
,
0
);
}
.reveal
[
data-background-transition
=
concave
]
>
.backgrounds
.slide-background.future
,
.reveal
>
.backgrounds
.slide-background.future
[
data-background-transition
=
concave
]
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
100%
,
0
,
0
)
rotateY
(
-90deg
)
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
)
rotateY
(
-90deg
)
translate3d
(
100%
,
0
,
0
);
}
.reveal
[
data-background-transition
=
concave
]
>
.backgrounds
.slide-background
>
.slide-background.past
,
.reveal
>
.backgrounds
.slide-background
>
.slide-background.past
[
data-background-transition
=
concave
]
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
)
rotateX
(
-90deg
)
translate3d
(
0
,
-100%
,
0
);
transform
:
translate3d
(
0
,
-100%
,
0
)
rotateX
(
-90deg
)
translate3d
(
0
,
-100%
,
0
);
}
.reveal
[
data-background-transition
=
concave
]
>
.backgrounds
.slide-background
>
.slide-background.future
,
.reveal
>
.backgrounds
.slide-background
>
.slide-background.future
[
data-background-transition
=
concave
]
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
100%
,
0
)
rotateX
(
90deg
)
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)
rotateX
(
90deg
)
translate3d
(
0
,
100%
,
0
);
}
/* Zoom */
.reveal
[
data-background-transition
=
zoom
]
>
.backgrounds
.slide-background
,
.reveal
>
.backgrounds
.slide-background
[
data-background-transition
=
zoom
]
{
-webkit-transition-timing-function
:
ease
;
transition-timing-function
:
ease
;
}
.reveal
[
data-background-transition
=
zoom
]
>
.backgrounds
.slide-background.past
,
.reveal
>
.backgrounds
.slide-background.past
[
data-background-transition
=
zoom
]
{
opacity
:
0
;
visibility
:
hidden
;
-webkit-transform
:
scale
(
16
);
transform
:
scale
(
16
);
}
.reveal
[
data-background-transition
=
zoom
]
>
.backgrounds
.slide-background.future
,
.reveal
>
.backgrounds
.slide-background.future
[
data-background-transition
=
zoom
]
{
opacity
:
0
;
visibility
:
hidden
;
-webkit-transform
:
scale
(
0.2
);
transform
:
scale
(
0.2
);
}
.reveal
[
data-background-transition
=
zoom
]
>
.backgrounds
.slide-background
>
.slide-background.past
,
.reveal
>
.backgrounds
.slide-background
>
.slide-background.past
[
data-background-transition
=
zoom
]
{
opacity
:
0
;
visibility
:
hidden
;
-webkit-transform
:
scale
(
16
);
transform
:
scale
(
16
);
}
.reveal
[
data-background-transition
=
zoom
]
>
.backgrounds
.slide-background
>
.slide-background.future
,
.reveal
>
.backgrounds
.slide-background
>
.slide-background.future
[
data-background-transition
=
zoom
]
{
opacity
:
0
;
visibility
:
hidden
;
-webkit-transform
:
scale
(
0.2
);
transform
:
scale
(
0.2
);
}
/* Global transition speed settings */
.reveal
[
data-transition-speed
=
"fast"
]
>
.backgrounds
.slide-background
{
-webkit-transition-duration
:
400ms
;
transition-duration
:
400ms
;
}
.reveal
[
data-transition-speed
=
"slow"
]
>
.backgrounds
.slide-background
{
-webkit-transition-duration
:
1200ms
;
transition-duration
:
1200ms
;
}
/*********************************************
* OVERVIEW
*********************************************/
.reveal.overview
{
-webkit-perspective-origin
:
50%
50%
;
perspective-origin
:
50%
50%
;
-webkit-perspective
:
700px
;
perspective
:
700px
;
}
.reveal.overview
.slides
section
{
height
:
100%
;
top
:
0
!important
;
opacity
:
1
!important
;
overflow
:
hidden
;
visibility
:
visible
!important
;
cursor
:
pointer
;
box-sizing
:
border-box
;
}
.reveal.overview
.slides
section
:hover
,
.reveal.overview
.slides
section
.present
{
outline
:
10px
solid
rgba
(
150
,
150
,
150
,
0.4
);
outline-offset
:
10px
;
}
.reveal.overview
.slides
section
.fragment
{
opacity
:
1
;
-webkit-transition
:
none
;
transition
:
none
;
}
.reveal.overview
.slides
section
:after
,
.reveal.overview
.slides
section
:before
{
display
:
none
!important
;
}
.reveal.overview
.slides
>
section
.stack
{
padding
:
0
;
top
:
0
!important
;
background
:
none
;
outline
:
none
;
overflow
:
visible
;
}
.reveal.overview
.backgrounds
{
-webkit-perspective
:
inherit
;
perspective
:
inherit
;
}
.reveal.overview
.backgrounds
.slide-background
{
opacity
:
1
;
visibility
:
visible
;
outline
:
10px
solid
rgba
(
150
,
150
,
150
,
0.1
);
outline-offset
:
10px
;
}
.reveal.overview
.slides
section
,
.reveal.overview-deactivating
.slides
section
{
-webkit-transition
:
none
;
transition
:
none
;
}
.reveal.overview
.backgrounds
.slide-background
,
.reveal.overview-deactivating
.backgrounds
.slide-background
{
-webkit-transition
:
none
;
transition
:
none
;
}
.reveal.overview-animated
.slides
{
-webkit-transition
:
-webkit-transform
0.4s
ease
;
transition
:
transform
0.4s
ease
;
}
/*********************************************
* RTL SUPPORT
*********************************************/
.reveal.rtl
.slides
,
.reveal.rtl
.slides
h1
,
.reveal.rtl
.slides
h2
,
.reveal.rtl
.slides
h3
,
.reveal.rtl
.slides
h4
,
.reveal.rtl
.slides
h5
,
.reveal.rtl
.slides
h6
{
direction
:
rtl
;
font-family
:
sans-serif
;
}
.reveal.rtl
pre
,
.reveal.rtl
code
{
direction
:
ltr
;
}
.reveal.rtl
ol
,
.reveal.rtl
ul
{
text-align
:
right
;
}
.reveal.rtl
.progress
span
{
float
:
right
;
}
/*********************************************
* PARALLAX BACKGROUND
*********************************************/
.reveal.has-parallax-background
.backgrounds
{
-webkit-transition
:
all
0.8s
ease
;
transition
:
all
0.8s
ease
;
}
/* Global transition speed settings */
.reveal.has-parallax-background
[
data-transition-speed
=
"fast"
]
.backgrounds
{
-webkit-transition-duration
:
400ms
;
transition-duration
:
400ms
;
}
.reveal.has-parallax-background
[
data-transition-speed
=
"slow"
]
.backgrounds
{
-webkit-transition-duration
:
1200ms
;
transition-duration
:
1200ms
;
}
/*********************************************
* LINK PREVIEW OVERLAY
*********************************************/
.reveal
.overlay
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
z-index
:
1000
;
background
:
rgba
(
0
,
0
,
0
,
0.9
);
opacity
:
0
;
visibility
:
hidden
;
-webkit-transition
:
all
0.3s
ease
;
transition
:
all
0.3s
ease
;
}
.reveal
.overlay.visible
{
opacity
:
1
;
visibility
:
visible
;
}
.reveal
.overlay
.spinner
{
position
:
absolute
;
display
:
block
;
top
:
50%
;
left
:
50%
;
width
:
32px
;
height
:
32px
;
margin
:
-16px
0
0
-16px
;
z-index
:
10
;
background-image
:
url(data:image/gif;base64,R0lGODlhIAAgAPMAAJmZmf%2F%2F%2F6%2Bvr8nJybW1tcDAwOjo6Nvb26ioqKOjo7Ozs%2FLy8vz8%2FAAAAAAAAAAAACH%2FC05FVFNDQVBFMi4wAwEAAAAh%2FhpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh%2BQQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ%2FV%2FnmOM82XiHRLYKhKP1oZmADdEAAAh%2BQQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY%2FCZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB%2BA4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6%2BHo7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq%2BB6QDtuetcaBPnW6%2BO7wDHpIiK9SaVK5GgV543tzjgGcghAgAh%2BQQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK%2B%2BG%2Bw48edZPK%2BM6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE%2BG%2BcD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm%2BFNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk%2BaV%2BoJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0%2FVNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc%2BXiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30%2FiI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE%2FjiuL04RGEBgwWhShRgQExHBAAh%2BQQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR%2BipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY%2BYip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd%2BMFCN6HAAIKgNggY0KtEBAAh%2BQQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1%2BvsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d%2BjYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg%2BygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0%2Bbm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h%2BKr0SJ8MFihpNbx%2B4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX%2BBP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA%3D%3D)
;
visibility
:
visible
;
opacity
:
0.6
;
-webkit-transition
:
all
0.3s
ease
;
transition
:
all
0.3s
ease
;
}
.reveal
.overlay
header
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
40px
;
z-index
:
2
;
border-bottom
:
1px
solid
#222
;
}
.reveal
.overlay
header
a
{
display
:
inline-block
;
width
:
40px
;
height
:
40px
;
padding
:
0
10px
;
float
:
right
;
opacity
:
0.6
;
box-sizing
:
border-box
;
}
.reveal
.overlay
header
a
:hover
{
opacity
:
1
;
}
.reveal
.overlay
header
a
.icon
{
display
:
inline-block
;
width
:
20px
;
height
:
20px
;
background-position
:
50%
50%
;
background-size
:
100%
;
background-repeat
:
no-repeat
;
}
.reveal
.overlay
header
a
.close
.icon
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC)
;
}
.reveal
.overlay
header
a
.external
.icon
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==)
;
}
.reveal
.overlay
.viewport
{
position
:
absolute
;
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
top
:
40px
;
right
:
0
;
bottom
:
0
;
left
:
0
;
}
.reveal
.overlay.overlay-preview
.viewport
iframe
{
width
:
100%
;
height
:
100%
;
max-width
:
100%
;
max-height
:
100%
;
border
:
0
;
opacity
:
0
;
visibility
:
hidden
;
-webkit-transition
:
all
0.3s
ease
;
transition
:
all
0.3s
ease
;
}
.reveal
.overlay.overlay-preview.loaded
.viewport
iframe
{
opacity
:
1
;
visibility
:
visible
;
}
.reveal
.overlay.overlay-preview.loaded
.spinner
{
opacity
:
0
;
visibility
:
hidden
;
-webkit-transform
:
scale
(
0.2
);
transform
:
scale
(
0.2
);
}
.reveal
.overlay.overlay-help
.viewport
{
overflow
:
auto
;
color
:
#fff
;
}
.reveal
.overlay.overlay-help
.viewport
.viewport-inner
{
width
:
600px
;
margin
:
auto
;
padding
:
20px
20px
80px
20px
;
text-align
:
center
;
letter-spacing
:
normal
;
}
.reveal
.overlay.overlay-help
.viewport
.viewport-inner
.title
{
font-size
:
20px
;
}
.reveal
.overlay.overlay-help
.viewport
.viewport-inner
table
{
border
:
1px
solid
#fff
;
border-collapse
:
collapse
;
font-size
:
16px
;
}
.reveal
.overlay.overlay-help
.viewport
.viewport-inner
table
th
,
.reveal
.overlay.overlay-help
.viewport
.viewport-inner
table
td
{
width
:
200px
;
padding
:
14px
;
border
:
1px
solid
#fff
;
vertical-align
:
middle
;
}
.reveal
.overlay.overlay-help
.viewport
.viewport-inner
table
th
{
padding-top
:
20px
;
padding-bottom
:
20px
;
}
/*********************************************
* PLAYBACK COMPONENT
*********************************************/
.reveal
.playback
{
position
:
fixed
;
left
:
15px
;
bottom
:
20px
;
z-index
:
30
;
cursor
:
pointer
;
-webkit-transition
:
all
400ms
ease
;
transition
:
all
400ms
ease
;
}
.reveal.overview
.playback
{
opacity
:
0
;
visibility
:
hidden
;
}
/*********************************************
* ROLLING LINKS
*********************************************/
.reveal
.roll
{
display
:
inline-block
;
line-height
:
1.2
;
overflow
:
hidden
;
vertical-align
:
top
;
-webkit-perspective
:
400px
;
perspective
:
400px
;
-webkit-perspective-origin
:
50%
50%
;
perspective-origin
:
50%
50%
;
}
.reveal
.roll
:hover
{
background
:
none
;
text-shadow
:
none
;
}
.reveal
.roll
span
{
display
:
block
;
position
:
relative
;
padding
:
0
2px
;
pointer-events
:
none
;
-webkit-transition
:
all
400ms
ease
;
transition
:
all
400ms
ease
;
-webkit-transform-origin
:
50%
0%
;
transform-origin
:
50%
0%
;
-webkit-transform-style
:
preserve-3d
;
transform-style
:
preserve-3d
;
-webkit-backface-visibility
:
hidden
;
backface-visibility
:
hidden
;
}
.reveal
.roll
:hover
span
{
background
:
rgba
(
0
,
0
,
0
,
0.5
);
-webkit-transform
:
translate3d
(
0px
,
0px
,
-45px
)
rotateX
(
90deg
);
transform
:
translate3d
(
0px
,
0px
,
-45px
)
rotateX
(
90deg
);
}
.reveal
.roll
span
:after
{
content
:
attr
(
data-title
);
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
padding
:
0
2px
;
-webkit-backface-visibility
:
hidden
;
backface-visibility
:
hidden
;
-webkit-transform-origin
:
50%
0%
;
transform-origin
:
50%
0%
;
-webkit-transform
:
translate3d
(
0px
,
110%
,
0px
)
rotateX
(
-90deg
);
transform
:
translate3d
(
0px
,
110%
,
0px
)
rotateX
(
-90deg
);
}
/*********************************************
* SPEAKER NOTES
*********************************************/
.reveal
aside
.notes
{
display
:
none
;
}
.reveal
.speaker-notes
{
display
:
none
;
position
:
absolute
;
width
:
70%
;
max-height
:
15%
;
left
:
15%
;
bottom
:
26px
;
padding
:
10px
;
z-index
:
1
;
font-size
:
18px
;
line-height
:
1.4
;
color
:
#fff
;
background-color
:
rgba
(
0
,
0
,
0
,
0.5
);
overflow
:
auto
;
box-sizing
:
border-box
;
text-align
:
left
;
font-family
:
Helvetica
,
sans-serif
;
-webkit-overflow-scrolling
:
touch
;
}
.reveal
.speaker-notes.visible
:not
(
:empty
)
{
display
:
block
;
}
@media
screen
and
(
max-width
:
1024px
)
{
.reveal
.speaker-notes
{
font-size
:
14px
;
}
}
@media
screen
and
(
max-width
:
600px
)
{
.reveal
.speaker-notes
{
width
:
90%
;
left
:
5%
;
}
}
/*********************************************
* ZOOM PLUGIN
*********************************************/
.zoomed
.reveal
*,
.zoomed
.reveal
*
:before
,
.zoomed
.reveal
*
:after
{
-webkit-backface-visibility
:
visible
!important
;
backface-visibility
:
visible
!important
;
}
.zoomed
.reveal
.progress
,
.zoomed
.reveal
.controls
{
opacity
:
0
;
}
.zoomed
.reveal
.roll
span
{
background
:
none
;
}
.zoomed
.reveal
.roll
span
:after
{
visibility
:
hidden
;
}
\ No newline at end of file
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/reveal.css.xml
0 → 100644
View file @
0dd8a94c
<?xml version="1.0"?>
<ZopeData>
<record
id=
"1"
aka=
"AAAAAAAAAAE="
>
<pickle>
<global
name=
"File"
module=
"OFS.Image"
/>
</pickle>
<pickle>
<dictionary>
<item>
<key>
<string>
_Cacheable__manager_id
</string>
</key>
<value>
<string>
must_revalidate_http_cache
</string>
</value>
</item>
<item>
<key>
<string>
__name__
</string>
</key>
<value>
<string>
reveal.css
</string>
</value>
</item>
<item>
<key>
<string>
content_type
</string>
</key>
<value>
<string>
text/css
</string>
</value>
</item>
<item>
<key>
<string>
precondition
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
title
</string>
</key>
<value>
<string></string>
</value>
</item>
</dictionary>
</pickle>
</record>
</ZopeData>
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/reveal.js.js
0 → 100644
View file @
0dd8a94c
This source diff could not be displayed because it is too large. You can
view the blob
instead.
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/reveal.js.xml
0 → 100644
View file @
0dd8a94c
<?xml version="1.0"?>
<ZopeData>
<record
id=
"1"
aka=
"AAAAAAAAAAE="
>
<pickle>
<global
name=
"File"
module=
"OFS.Image"
/>
</pickle>
<pickle>
<dictionary>
<item>
<key>
<string>
_Cacheable__manager_id
</string>
</key>
<value>
<string>
must_revalidate_http_cache
</string>
</value>
</item>
<item>
<key>
<string>
__name__
</string>
</key>
<value>
<string>
reveal.js
</string>
</value>
</item>
<item>
<key>
<string>
content_type
</string>
</key>
<value>
<string>
application/javascript
</string>
</value>
</item>
<item>
<key>
<string>
precondition
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
title
</string>
</key>
<value>
<string></string>
</value>
</item>
</dictionary>
</pickle>
</record>
</ZopeData>
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/reveal_theme_white.css.css
0 → 100644
View file @
0dd8a94c
/**
* White theme for reveal.js. This is the opposite of the 'black' theme.
*
* By Hakim El Hattab, http://hakim.se
*/
@import
url(../../lib/font/source-sans-pro/source-sans-pro.css)
;
section
.has-dark-background
,
section
.has-dark-background
h1
,
section
.has-dark-background
h2
,
section
.has-dark-background
h3
,
section
.has-dark-background
h4
,
section
.has-dark-background
h5
,
section
.has-dark-background
h6
{
color
:
#fff
;
}
/*********************************************
* GLOBAL STYLES
*********************************************/
body
{
background
:
#fff
;
background-color
:
#fff
;
}
.reveal
{
font-family
:
"Source Sans Pro"
,
Helvetica
,
sans-serif
;
font-size
:
38px
;
font-weight
:
normal
;
color
:
#222
;
}
::selection
{
color
:
#fff
;
background
:
#98bdef
;
text-shadow
:
none
;
}
.reveal
.slides
>
section
,
.reveal
.slides
>
section
>
section
{
line-height
:
1.3
;
font-weight
:
inherit
;
}
/*********************************************
* HEADERS
*********************************************/
.reveal
h1
,
.reveal
h2
,
.reveal
h3
,
.reveal
h4
,
.reveal
h5
,
.reveal
h6
{
margin
:
0
0
20px
0
;
color
:
#222
;
font-family
:
"Source Sans Pro"
,
Helvetica
,
sans-serif
;
font-weight
:
600
;
line-height
:
1.2
;
letter-spacing
:
normal
;
text-transform
:
uppercase
;
text-shadow
:
none
;
word-wrap
:
break-word
;
}
.reveal
h1
{
font-size
:
2.5em
;
}
.reveal
h2
{
font-size
:
1.6em
;
}
.reveal
h3
{
font-size
:
1.3em
;
}
.reveal
h4
{
font-size
:
1em
;
}
.reveal
h1
{
text-shadow
:
none
;
}
/*********************************************
* OTHER
*********************************************/
.reveal
p
{
margin
:
20px
0
;
line-height
:
1.3
;
}
/* Ensure certain elements are never larger than the slide itself */
.reveal
img
,
.reveal
video
,
.reveal
iframe
{
max-width
:
95%
;
max-height
:
95%
;
}
.reveal
strong
,
.reveal
b
{
font-weight
:
bold
;
}
.reveal
em
{
font-style
:
italic
;
}
.reveal
ol
,
.reveal
dl
,
.reveal
ul
{
display
:
inline-block
;
text-align
:
left
;
margin
:
0
0
0
1em
;
}
.reveal
ol
{
list-style-type
:
decimal
;
}
.reveal
ul
{
list-style-type
:
disc
;
}
.reveal
ul
ul
{
list-style-type
:
square
;
}
.reveal
ul
ul
ul
{
list-style-type
:
circle
;
}
.reveal
ul
ul
,
.reveal
ul
ol
,
.reveal
ol
ol
,
.reveal
ol
ul
{
display
:
block
;
margin-left
:
40px
;
}
.reveal
dt
{
font-weight
:
bold
;
}
.reveal
dd
{
margin-left
:
40px
;
}
.reveal
q
,
.reveal
blockquote
{
quotes
:
none
;
}
.reveal
blockquote
{
display
:
block
;
position
:
relative
;
width
:
70%
;
margin
:
20px
auto
;
padding
:
5px
;
font-style
:
italic
;
background
:
rgba
(
255
,
255
,
255
,
0.05
);
box-shadow
:
0px
0px
2px
rgba
(
0
,
0
,
0
,
0.2
);
}
.reveal
blockquote
p
:first-child
,
.reveal
blockquote
p
:last-child
{
display
:
inline-block
;
}
.reveal
q
{
font-style
:
italic
;
}
.reveal
pre
{
display
:
block
;
position
:
relative
;
width
:
90%
;
margin
:
20px
auto
;
text-align
:
left
;
font-size
:
0.55em
;
font-family
:
monospace
;
line-height
:
1.2em
;
word-wrap
:
break-word
;
box-shadow
:
0px
0px
6px
rgba
(
0
,
0
,
0
,
0.3
);
}
.reveal
code
{
font-family
:
monospace
;
}
.reveal
pre
code
{
display
:
block
;
padding
:
5px
;
overflow
:
auto
;
max-height
:
400px
;
word-wrap
:
normal
;
}
.reveal
table
{
margin
:
auto
;
border-collapse
:
collapse
;
border-spacing
:
0
;
}
.reveal
table
th
{
font-weight
:
bold
;
}
.reveal
table
th
,
.reveal
table
td
{
text-align
:
left
;
padding
:
0.2em
0.5em
0.2em
0.5em
;
border-bottom
:
1px
solid
;
}
.reveal
table
th
[
align
=
"center"
],
.reveal
table
td
[
align
=
"center"
]
{
text-align
:
center
;
}
.reveal
table
th
[
align
=
"right"
],
.reveal
table
td
[
align
=
"right"
]
{
text-align
:
right
;
}
.reveal
table
tbody
tr
:last-child
th
,
.reveal
table
tbody
tr
:last-child
td
{
border-bottom
:
none
;
}
.reveal
sup
{
vertical-align
:
super
;
}
.reveal
sub
{
vertical-align
:
sub
;
}
.reveal
small
{
display
:
inline-block
;
font-size
:
0.6em
;
line-height
:
1.2em
;
vertical-align
:
top
;
}
.reveal
small
*
{
vertical-align
:
top
;
}
/*********************************************
* LINKS
*********************************************/
.reveal
a
{
color
:
#2a76dd
;
text-decoration
:
none
;
-webkit-transition
:
color
.15s
ease
;
-moz-transition
:
color
.15s
ease
;
transition
:
color
.15s
ease
;
}
.reveal
a
:hover
{
color
:
#6ca0e8
;
text-shadow
:
none
;
border
:
none
;
}
.reveal
.roll
span
:after
{
color
:
#fff
;
background
:
#1a53a1
;
}
/*********************************************
* IMAGES
*********************************************/
.reveal
section
img
{
margin
:
15px
0px
;
background
:
rgba
(
255
,
255
,
255
,
0.12
);
border
:
4px
solid
#222
;
box-shadow
:
0
0
10px
rgba
(
0
,
0
,
0
,
0.15
);
}
.reveal
section
img
.plain
{
border
:
0
;
box-shadow
:
none
;
}
.reveal
a
img
{
-webkit-transition
:
all
.15s
linear
;
-moz-transition
:
all
.15s
linear
;
transition
:
all
.15s
linear
;
}
.reveal
a
:hover
img
{
background
:
rgba
(
255
,
255
,
255
,
0.2
);
border-color
:
#2a76dd
;
box-shadow
:
0
0
20px
rgba
(
0
,
0
,
0
,
0.55
);
}
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal
.controls
.navigate-left
,
.reveal
.controls
.navigate-left.enabled
{
border-right-color
:
#2a76dd
;
}
.reveal
.controls
.navigate-right
,
.reveal
.controls
.navigate-right.enabled
{
border-left-color
:
#2a76dd
;
}
.reveal
.controls
.navigate-up
,
.reveal
.controls
.navigate-up.enabled
{
border-bottom-color
:
#2a76dd
;
}
.reveal
.controls
.navigate-down
,
.reveal
.controls
.navigate-down.enabled
{
border-top-color
:
#2a76dd
;
}
.reveal
.controls
.navigate-left.enabled
:hover
{
border-right-color
:
#6ca0e8
;
}
.reveal
.controls
.navigate-right.enabled
:hover
{
border-left-color
:
#6ca0e8
;
}
.reveal
.controls
.navigate-up.enabled
:hover
{
border-bottom-color
:
#6ca0e8
;
}
.reveal
.controls
.navigate-down.enabled
:hover
{
border-top-color
:
#6ca0e8
;
}
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal
.progress
{
background
:
rgba
(
0
,
0
,
0
,
0.2
);
}
.reveal
.progress
span
{
background
:
#2a76dd
;
-webkit-transition
:
width
800ms
cubic-bezier
(
0.26
,
0.86
,
0.44
,
0.985
);
-moz-transition
:
width
800ms
cubic-bezier
(
0.26
,
0.86
,
0.44
,
0.985
);
transition
:
width
800ms
cubic-bezier
(
0.26
,
0.86
,
0.44
,
0.985
);
}
\ No newline at end of file
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/reveal_theme_white.css.xml
0 → 100644
View file @
0dd8a94c
<?xml version="1.0"?>
<ZopeData>
<record
id=
"1"
aka=
"AAAAAAAAAAE="
>
<pickle>
<global
name=
"File"
module=
"OFS.Image"
/>
</pickle>
<pickle>
<dictionary>
<item>
<key>
<string>
_Cacheable__manager_id
</string>
</key>
<value>
<string>
must_revalidate_http_cache
</string>
</value>
</item>
<item>
<key>
<string>
__name__
</string>
</key>
<value>
<string>
reveal_theme_white.css
</string>
</value>
</item>
<item>
<key>
<string>
content_type
</string>
</key>
<value>
<string>
text/css
</string>
</value>
</item>
<item>
<key>
<string>
precondition
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
title
</string>
</key>
<value>
<string></string>
</value>
</item>
</dictionary>
</pickle>
</record>
</ZopeData>
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/slideviewer.gadget.html.html
0 → 100644
View file @
0dd8a94c
<!DOCTYPE html>
<html>
<head>
<!--
data-i18n=Maximize
-->
<meta
charset=
"utf-8"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1"
>
<title>
Slide Viewer Gadget
</title>
<link
rel=
"stylesheet"
href=
"reveal.css"
>
<link
rel=
"stylesheet"
href=
"reveal_theme_white.css"
>
<script
src=
"rsvp.js"
type=
"text/javascript"
></script>
<script
src=
"renderjs.js"
type=
"text/javascript"
></script>
<script
src=
"gadget_global.js"
></script>
<script
src=
"domsugar.js"
></script>
<script
src=
"reveal.js"
type=
"text/javascript"
></script>
<script
src=
"slideviewer.gadget.js"
type=
"text/javascript"
></script>
</head>
<body>
</body>
</html>
\ No newline at end of file
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/slideviewer.gadget.html.xml
0 → 100644
View file @
0dd8a94c
<?xml version="1.0"?>
<ZopeData>
<record
id=
"1"
aka=
"AAAAAAAAAAE="
>
<pickle>
<global
name=
"File"
module=
"OFS.Image"
/>
</pickle>
<pickle>
<dictionary>
<item>
<key>
<string>
_Cacheable__manager_id
</string>
</key>
<value>
<string>
must_revalidate_http_cache
</string>
</value>
</item>
<item>
<key>
<string>
__name__
</string>
</key>
<value>
<string>
slideviewer.gadget.html
</string>
</value>
</item>
<item>
<key>
<string>
content_type
</string>
</key>
<value>
<string>
text/html
</string>
</value>
</item>
<item>
<key>
<string>
precondition
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
title
</string>
</key>
<value>
<string></string>
</value>
</item>
</dictionary>
</pickle>
</record>
</ZopeData>
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/slideviewer.gadget.js.js
0 → 100644
View file @
0dd8a94c
/*global window, document, rJS, console, RSVP, domsugar*/
/*jslint nomen: true, maxlen:80, indent:2*/
(
function
()
{
"
use strict
"
;
function
getSlideElementList
(
presentation_html
)
{
// Convert to an Array so that array methods can be used to reorder slides
return
Array
.
prototype
.
slice
.
call
(
domsugar
(
'
div
'
,
{
'
class
'
:
'
slide_list
'
,
html
:
presentation_html
}).
querySelectorAll
(
'
:scope > section
'
));
}
function
replaceNode
(
current_node
,
new_tag
)
{
var
fragment
=
domsugar
(
new_tag
);
while
(
current_node
.
firstChild
)
{
fragment
.
appendChild
(
current_node
.
firstChild
);
}
current_node
.
parentNode
.
removeChild
(
current_node
);
return
fragment
;
}
function
cleanupSlide
(
slide_element
)
{
var
detail_list
=
Array
.
prototype
.
slice
.
call
(
slide_element
.
querySelectorAll
(
'
:scope > details
'
)),
len
=
detail_list
.
length
,
i
,
section_element
;
if
(
len
>
0
)
{
// Create the first vertical section containing every else than details
section_element
=
domsugar
(
'
section
'
);
while
(
slide_element
.
firstChild
)
{
section_element
.
appendChild
(
slide_element
.
firstChild
);
}
slide_element
.
appendChild
(
section_element
);
// Transform every details into a section, and move it outside the first vertical section
for
(
i
=
0
;
i
<
len
;
i
+=
1
)
{
if
(
detail_list
[
i
].
firstChild
)
{
slide_element
.
appendChild
(
replaceNode
(
detail_list
[
i
],
'
section
'
));
}
else
{
// Drop empty details element
section_element
.
removeChild
(
detail_list
[
i
]);
}
}
}
return
slide_element
;
}
function
cleanupPresentationFormat
(
presentation_html
)
{
var
slide_list
=
getSlideElementList
(
presentation_html
),
i
,
len
=
slide_list
.
length
;
for
(
i
=
0
;
i
<
len
;
i
+=
1
)
{
cleanupSlide
(
slide_list
[
i
]);
}
return
domsugar
(
'
div
'
,
{
class
:
'
reveal
'
},
[
domsugar
(
'
div
'
,
{
class
:
'
slides
'
},
slide_list
)
])
}
///////////////////////////////////////////////////
// Gadget
///////////////////////////////////////////////////
rJS
(
window
)
.
declareMethod
(
'
render
'
,
function
(
options
)
{
return
this
.
changeState
({
value
:
options
.
value
||
""
});
})
.
onStateChange
(
function
(
modification_dict
)
{
var
gadget
=
this
;
return
new
RSVP
.
Queue
()
.
push
(
function
()
{
domsugar
(
gadget
.
element
,
[
cleanupPresentationFormat
(
gadget
.
state
.
value
)
]);
return
Reveal
.
initialize
(
gadget
.
element
,
{
controls
:
true
,
progress
:
true
,
history
:
true
,
center
:
false
,
transition
:
'
slide
'
,
// Exposes the reveal.js API through window.postMessage
postMessage
:
true
,
// Dispatches all reveal.js events to the parent window through postMessage
postMessageEvents
:
false
});
})
.
push
(
function
()
{
Reveal
.
configure
({
slideNumber
:
'
c / t
'
,
// XXX This will not work if iframe is from another domain
width
:
window
.
parent
.
innerWidth
,
height
:
window
.
parent
.
innerHeight
,
minScale
:
0.01
,
maxScale
:
10
,
});
Reveal
.
layout
();
});
});
}());
\ No newline at end of file
bt5/erp5_run_my_doc/SkinTemplateItem/portal_skins/erp5_run_my_doc/slideviewer.gadget.js.xml
0 → 100644
View file @
0dd8a94c
<?xml version="1.0"?>
<ZopeData>
<record
id=
"1"
aka=
"AAAAAAAAAAE="
>
<pickle>
<global
name=
"File"
module=
"OFS.Image"
/>
</pickle>
<pickle>
<dictionary>
<item>
<key>
<string>
_Cacheable__manager_id
</string>
</key>
<value>
<string>
must_revalidate_http_cache
</string>
</value>
</item>
<item>
<key>
<string>
__name__
</string>
</key>
<value>
<string>
slideviewer.gadget.js
</string>
</value>
</item>
<item>
<key>
<string>
content_type
</string>
</key>
<value>
<string>
application/javascript
</string>
</value>
</item>
<item>
<key>
<string>
precondition
</string>
</key>
<value>
<string></string>
</value>
</item>
<item>
<key>
<string>
title
</string>
</key>
<value>
<string></string>
</value>
</item>
</dictionary>
</pickle>
</record>
</ZopeData>
bt5/erp5_run_my_doc/bt/template_action_path_list
View file @
0dd8a94c
...
...
@@ -23,6 +23,7 @@ Test Page | view
Test Page | view_editor
Test Page | view_slideshow_editor
Test Page | view_slideshow_editor_with_gadget
Test Page | view_slideshow_with_gadget
Test Page | view_test_report
Test Page | web_view
Web Page Module | page_fast_input
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment