Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
server
team-presentation
Commits
ae962d72
Commit
ae962d72
authored
Apr 26, 2014
by
Hakim El Hattab
Browse files
fix non-pdf printing (closes #881)
parent
b0196045
Changes
3
Hide whitespace changes
Inline
Side-by-side
css/print/paper.css
View file @
ae962d72
...
...
@@ -6,171 +6,186 @@
manipulate this file as you see fit. */
/* SECTION 1: Set default width, margin, float, and
background. This prevents elements from extending
beyond the edge of the printed page, and prevents
unnecessary background images from printing */
body
{
background
:
#fff
;
font-size
:
13pt
;
width
:
auto
;
height
:
auto
;
border
:
0
;
margin
:
0
5%
;
padding
:
0
;
float
:
none
!important
;
overflow
:
visible
;
}
html
{
background
:
#fff
;
width
:
auto
;
height
:
auto
;
overflow
:
visible
;
}
/* SECTION 2: Remove any elements not needed in print.
This would include navigation, ads, sidebars, etc. */
.nestedarrow
,
.controls
,
.reveal
.progress
,
.reveal.overview
,
.fork-reveal
,
.share-reveal
,
.state-background
{
display
:
none
!important
;
}
/* SECTION 3: Set body font face, size, and color.
Consider using a serif font for readability. */
body
,
p
,
td
,
li
,
div
,
a
{
font-size
:
16pt
!important
;
font-family
:
Georgia
,
"Times New Roman"
,
Times
,
serif
!important
;
color
:
#000
;
}
/* SECTION 4: Set heading font face, sizes, and color.
Differentiate your headings from your body text.
Perhaps use a large sans-serif for distinction. */
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
color
:
#000
!important
;
height
:
auto
;
line-height
:
normal
;
font-family
:
Georgia
,
"Times New Roman"
,
Times
,
serif
!important
;
text-shadow
:
0
0
0
#000
!important
;
text-align
:
left
;
letter-spacing
:
normal
;
}
/* Need to reduce the size of the fonts for printing */
h1
{
font-size
:
26pt
!important
;
}
h2
{
font-size
:
22pt
!important
;
}
h3
{
font-size
:
20pt
!important
;
}
h4
{
font-size
:
20pt
!important
;
font-variant
:
small-caps
;
}
h5
{
font-size
:
19pt
!important
;
}
h6
{
font-size
:
18pt
!important
;
font-style
:
italic
;
}
/* SECTION 5: Make hyperlinks more usable.
Ensure links are underlined, and consider appending
the URL to the end of the link for usability. */
a
:link
,
a
:visited
{
color
:
#000
!important
;
font-weight
:
bold
;
text-decoration
:
underline
;
}
/*
.reveal a:link:after,
.reveal a:visited:after {
content: " (" attr(href) ") ";
color: #222 !important;
font-size: 90%;
}
*/
/* SECTION 6: more reveal.js specific additions by @skypanther */
ul
,
ol
,
div
,
p
{
visibility
:
visible
;
position
:
static
;
width
:
auto
;
height
:
auto
;
display
:
block
;
overflow
:
visible
;
margin
:
auto
;
text-align
:
left
!important
;
}
.reveal
.slides
{
position
:
static
;
width
:
auto
;
height
:
auto
;
left
:
auto
;
top
:
auto
;
margin-left
:
auto
;
margin-top
:
auto
;
padding
:
auto
;
overflow
:
visible
;
display
:
block
;
text-align
:
center
;
-webkit-perspective
:
none
;
-moz-perspective
:
none
;
-ms-perspective
:
none
;
perspective
:
none
;
-webkit-perspective-origin
:
50%
50%
;
/* there isn't a none/auto value but 50-50 is the default */
-moz-perspective-origin
:
50%
50%
;
-ms-perspective-origin
:
50%
50%
;
perspective-origin
:
50%
50%
;
}
.reveal
.slides
>
section
,
.reveal
.slides
>
section
>
section
{
visibility
:
visible
!important
;
position
:
static
!important
;
width
:
90%
!important
;
height
:
auto
!important
;
display
:
block
!important
;
overflow
:
visible
!important
;
left
:
0%
!important
;
top
:
0%
!important
;
margin-left
:
0px
!important
;
margin-top
:
0px
!important
;
padding
:
20px
0px
!important
;
opacity
:
1
!important
;
-webkit-transform-style
:
flat
!important
;
-moz-transform-style
:
flat
!important
;
-ms-transform-style
:
flat
!important
;
transform-style
:
flat
!important
;
-webkit-transform
:
none
!important
;
-moz-transform
:
none
!important
;
-ms-transform
:
none
!important
;
transform
:
none
!important
;
}
.reveal
section
{
page-break-after
:
always
!important
;
display
:
block
!important
;
}
.reveal
section
.fragment
{
opacity
:
1
!important
;
visibility
:
visible
!important
;
-webkit-transform
:
none
!important
;
-moz-transform
:
none
!important
;
-ms-transform
:
none
!important
;
transform
:
none
!important
;
}
.reveal
section
:last-of-type
{
page-break-after
:
avoid
!important
;
}
.reveal
section
img
{
display
:
block
;
margin
:
15px
0px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
#666
;
box-shadow
:
none
;
@media
print
{
/* SECTION 1: Set default width, margin, float, and
background. This prevents elements from extending
beyond the edge of the printed page, and prevents
unnecessary background images from printing */
html
{
background
:
#fff
;
width
:
auto
;
height
:
auto
;
overflow
:
visible
;
}
body
{
background
:
#fff
;
font-size
:
28pt
;
width
:
auto
;
height
:
auto
;
border
:
0
;
margin
:
0
5%
;
padding
:
0
;
overflow
:
visible
;
float
:
none
!important
;
}
/* SECTION 2: Remove any elements not needed in print.
This would include navigation, ads, sidebars, etc. */
.nestedarrow
,
.controls
,
.reveal
.progress
,
.reveal.overview
,
.fork-reveal
,
.share-reveal
,
.state-background
{
display
:
none
!important
;
}
/* SECTION 3: Set body font face, size, and color.
Consider using a serif font for readability. */
body
,
p
,
td
,
li
,
div
{
font-size
:
28pt
!important
;
font-family
:
Georgia
,
"Times New Roman"
,
Times
,
serif
!important
;
color
:
#000
;
}
/* SECTION 4: Set heading font face, sizes, and color.
Differentiate your headings from your body text.
Perhaps use a large sans-serif for distinction. */
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
color
:
#000
!important
;
height
:
auto
;
line-height
:
normal
;
font-family
:
Georgia
,
"Times New Roman"
,
Times
,
serif
!important
;
text-shadow
:
0
0
0
#000
!important
;
text-align
:
left
;
letter-spacing
:
normal
;
}
/* Need to reduce the size of the fonts for printing */
h1
{
font-size
:
36pt
!important
;
}
h2
{
font-size
:
32pt
!important
;
}
h3
{
font-size
:
30pt
!important
;
}
h4
{
font-size
:
30pt
!important
;
font-variant
:
small-caps
;
}
h5
{
font-size
:
29pt
!important
;
}
h6
{
font-size
:
28pt
!important
;
font-style
:
italic
;
}
/* SECTION 5: Make hyperlinks more usable.
Ensure links are underlined, and consider appending
the URL to the end of the link for usability. */
a
:link
,
a
:visited
{
color
:
#000
!important
;
font-weight
:
bold
;
text-decoration
:
underline
;
}
/*
.reveal a:link:after,
.reveal a:visited:after {
content: " (" attr(href) ") ";
color: #222 !important;
font-size: 90%;
}
*/
/* SECTION 6: more reveal.js specific additions by @skypanther */
ul
,
ol
,
div
,
p
{
visibility
:
visible
;
position
:
static
;
width
:
auto
;
height
:
auto
;
display
:
block
;
overflow
:
visible
;
margin
:
auto
;
text-align
:
left
!important
;
}
.reveal
pre
,
.reveal
table
{
margin-left
:
0
;
margin-right
:
0
;
}
.reveal
pre
code
{
padding
:
20px
;
border
:
1px
solid
#ddd
;
}
.reveal
.slides
{
position
:
static
;
width
:
auto
;
height
:
auto
;
left
:
0
;
top
:
0
;
margin-left
:
0
;
margin-top
:
0
;
padding
:
0
;
overflow
:
visible
;
display
:
block
;
text-align
:
center
;
-webkit-perspective
:
none
;
-moz-perspective
:
none
;
-ms-perspective
:
none
;
perspective
:
none
;
-webkit-perspective-origin
:
50%
50%
;
/* there isn't a none/auto value but 50-50 is the default */
-moz-perspective-origin
:
50%
50%
;
-ms-perspective-origin
:
50%
50%
;
perspective-origin
:
50%
50%
;
}
.reveal
.slides
>
section
,
.reveal
.slides
>
section
>
section
{
visibility
:
visible
!important
;
position
:
static
!important
;
width
:
90%
!important
;
height
:
auto
!important
;
display
:
block
!important
;
overflow
:
visible
!important
;
left
:
0
!important
;
top
:
0
!important
;
margin-left
:
0
!important
;
margin-top
:
0
!important
;
padding
:
20px
0px
!important
;
opacity
:
1
!important
;
-webkit-transform-style
:
flat
!important
;
-moz-transform-style
:
flat
!important
;
-ms-transform-style
:
flat
!important
;
transform-style
:
flat
!important
;
-webkit-transform
:
none
!important
;
-moz-transform
:
none
!important
;
-ms-transform
:
none
!important
;
transform
:
none
!important
;
}
.reveal
section
{
page-break-after
:
always
!important
;
}
.reveal
section
.fragment
{
opacity
:
1
!important
;
visibility
:
visible
!important
;
-webkit-transform
:
none
!important
;
-moz-transform
:
none
!important
;
-ms-transform
:
none
!important
;
transform
:
none
!important
;
}
.reveal
section
:last-of-type
{
page-break-after
:
avoid
!important
;
}
.reveal
section
img
{
display
:
block
;
margin
:
15px
0px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
#666
;
box-shadow
:
none
;
}
.reveal
section
small
{
font-size
:
0.8em
;
}
}
\ No newline at end of file
index.html
View file @
ae962d72
...
...
@@ -20,15 +20,13 @@
<!-- For syntax highlighting -->
<link
rel=
"stylesheet"
href=
"lib/css/zenburn.css"
>
<!-- I
f the query includes 'print-pdf', include the PDF
print sheet -->
<!-- I
nclude the appropriate
print
style
sheet -->
<script>
if
(
window
.
location
.
search
.
match
(
/print-pdf/gi
)
)
{
var
link
=
document
.
createElement
(
'
link
'
);
link
.
rel
=
'
stylesheet
'
;
link
.
type
=
'
text/css
'
;
link
.
href
=
'
css/print/pdf.css
'
;
document
.
getElementsByTagName
(
'
head
'
)[
0
].
appendChild
(
link
);
}
var
link
=
document
.
createElement
(
'
link
'
);
link
.
rel
=
'
stylesheet
'
;
link
.
type
=
'
text/css
'
;
link
.
href
=
window
.
location
.
search
.
match
(
/print-pdf/gi
)
?
'
css/print/pdf.css
'
:
'
css/print/paper.css
'
;
document
.
getElementsByTagName
(
'
head
'
)[
0
].
appendChild
(
link
);
</script>
<!--[if lt IE 9]>
...
...
js/reveal.js
View file @
ae962d72
...
...
@@ -2014,7 +2014,7 @@ var Reveal = (function(){
// Show the horizontal slide if it's within the view distance
if
(
distanceX
<
viewDistance
)
{
horizontalSlide
.
style
.
display
=
'
block
'
;
horizontalSlide
.
style
.
display
=
''
;
loadSlide
(
horizontalSlide
);
}
else
{
...
...
@@ -2031,7 +2031,7 @@ var Reveal = (function(){
distanceY
=
x
===
indexh
?
Math
.
abs
(
indexv
-
y
)
:
Math
.
abs
(
y
-
oy
);
if
(
distanceX
+
distanceY
<
viewDistance
)
{
verticalSlide
.
style
.
display
=
'
block
'
;
verticalSlide
.
style
.
display
=
''
;
loadSlide
(
verticalSlide
);
}
else
{
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new 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