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
0
Merge Requests
0
Analytics
Analytics
Repository
Value Stream
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Commits
Open sidebar
Romain Courteaud
erp5
Commits
8848a7a2
Commit
8848a7a2
authored
Nov 18, 2020
by
Romain Courteaud
🐸
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
erp5_run_my_doc: slide viewer
parent
b44d9ef9
Changes
14
Hide 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 @
8848a7a2
<?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 @
8848a7a2
<?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 @
8848a7a2
<?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 @
8848a7a2
/*!
* 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 @
8848a7a2
<?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 @
8848a7a2
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 @
8848a7a2
<?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 @
8848a7a2
/**
* 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 @
8848a7a2
<?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 @
8848a7a2
<!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 @
8848a7a2
<?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 @
8848a7a2
/*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 @
8848a7a2
<?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 @
8848a7a2
...
...
@@ -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