rc-web@42
|
1 /* Default Print Stylesheet Template
|
rc-web@42
|
2 by Rob Glazebrook of CSSnewbie.com
|
rc-web@42
|
3 Last Updated: June 4, 2008
|
rc-web@42
|
4
|
rc-web@42
|
5 Feel free (nay, compelled) to edit, append, and
|
rc-web@42
|
6 manipulate this file as you see fit. */
|
rc-web@42
|
7
|
rc-web@42
|
8
|
rc-web@42
|
9 /* SECTION 1: Set default width, margin, float, and
|
rc-web@42
|
10 background. This prevents elements from extending
|
rc-web@42
|
11 beyond the edge of the printed page, and prevents
|
rc-web@42
|
12 unnecessary background images from printing */
|
rc-web@42
|
13 * {
|
rc-web@42
|
14 -webkit-print-color-adjust: exact;
|
rc-web@42
|
15 }
|
rc-web@42
|
16
|
rc-web@42
|
17 body {
|
rc-web@42
|
18 font-size: 22pt;
|
rc-web@42
|
19 width: auto;
|
rc-web@42
|
20 height: auto;
|
rc-web@42
|
21 border: 0;
|
rc-web@42
|
22 margin: 0 5%;
|
rc-web@42
|
23 padding: 0;
|
rc-web@42
|
24 float: none !important;
|
rc-web@42
|
25 overflow: visible;
|
rc-web@42
|
26 background: #333;
|
rc-web@42
|
27 }
|
rc-web@42
|
28
|
rc-web@42
|
29 html {
|
rc-web@42
|
30 width: auto;
|
rc-web@42
|
31 height: auto;
|
rc-web@42
|
32 overflow: visible;
|
rc-web@42
|
33 }
|
rc-web@42
|
34
|
rc-web@42
|
35 /* SECTION 2: Remove any elements not needed in print.
|
rc-web@42
|
36 This would include navigation, ads, sidebars, etc. */
|
rc-web@42
|
37 .nestedarrow,
|
rc-web@42
|
38 .controls a,
|
rc-web@42
|
39 .reveal .progress,
|
rc-web@42
|
40 .reveal.overview,
|
rc-web@42
|
41 .fork-reveal,
|
rc-web@42
|
42 .share-reveal,
|
rc-web@42
|
43 .state-background {
|
rc-web@42
|
44 display:none;
|
rc-web@42
|
45 }
|
rc-web@42
|
46
|
rc-web@42
|
47 /* SECTION 3: Set body font face, size, and color.
|
rc-web@42
|
48 Consider using a serif font for readability. */
|
rc-web@42
|
49 body, p, td, li, div, a {
|
rc-web@42
|
50 font-size: 22pt;
|
rc-web@42
|
51 }
|
rc-web@42
|
52
|
rc-web@42
|
53 /* SECTION 4: Set heading font face, sizes, and color.
|
rc-web@42
|
54 Diffrentiate your headings from your body text.
|
rc-web@42
|
55 Perhaps use a large sans-serif for distinction. */
|
rc-web@42
|
56 h1,h2,h3,h4,h5,h6 {
|
rc-web@42
|
57 text-shadow: 0 0 0 #000 !important;
|
rc-web@42
|
58 }
|
rc-web@42
|
59
|
rc-web@42
|
60 /* SECTION 5: Make hyperlinks more usable.
|
rc-web@42
|
61 Ensure links are underlined, and consider appending
|
rc-web@42
|
62 the URL to the end of the link for usability. */
|
rc-web@42
|
63 a:link,
|
rc-web@42
|
64 a:visited {
|
rc-web@42
|
65 font-weight: bold;
|
rc-web@42
|
66 text-decoration: underline;
|
rc-web@42
|
67 }
|
rc-web@42
|
68
|
rc-web@42
|
69
|
rc-web@42
|
70 /* SECTION 6: more reveal.js specific additions by @skypanther */
|
rc-web@42
|
71 ul, ol, div, p {
|
rc-web@42
|
72 visibility: visible;
|
rc-web@42
|
73 position: static;
|
rc-web@42
|
74 width: auto;
|
rc-web@42
|
75 height: auto;
|
rc-web@42
|
76 display: block;
|
rc-web@42
|
77 overflow: visible;
|
rc-web@42
|
78 margin: auto;
|
rc-web@42
|
79 }
|
rc-web@42
|
80 .reveal .slides {
|
rc-web@42
|
81 position: static;
|
rc-web@42
|
82 width: 100%;
|
rc-web@42
|
83 height: auto;
|
rc-web@42
|
84
|
rc-web@42
|
85 left: auto;
|
rc-web@42
|
86 top: auto;
|
rc-web@42
|
87 margin-left: auto;
|
rc-web@42
|
88 margin-top: auto;
|
rc-web@42
|
89 padding: auto;
|
rc-web@42
|
90
|
rc-web@42
|
91 overflow: visible;
|
rc-web@42
|
92 display: block;
|
rc-web@42
|
93
|
rc-web@42
|
94 text-align: center;
|
rc-web@42
|
95 -webkit-perspective: none;
|
rc-web@42
|
96 -moz-perspective: none;
|
rc-web@42
|
97 -ms-perspective: none;
|
rc-web@42
|
98 perspective: none;
|
rc-web@42
|
99
|
rc-web@42
|
100 -webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */
|
rc-web@42
|
101 -moz-perspective-origin: 50% 50%;
|
rc-web@42
|
102 -ms-perspective-origin: 50% 50%;
|
rc-web@42
|
103 perspective-origin: 50% 50%;
|
rc-web@42
|
104 }
|
rc-web@42
|
105 .reveal .slides>section, .reveal .slides>section>section,
|
rc-web@42
|
106 .reveal .slides>section.past, .reveal .slides>section.future,
|
rc-web@42
|
107 .reveal.linear .slides>section, .reveal.linear .slides>section>section,
|
rc-web@42
|
108 .reveal.linear .slides>section.past, .reveal.linear .slides>section.future {
|
rc-web@42
|
109
|
rc-web@42
|
110 visibility: visible;
|
rc-web@42
|
111 position: static;
|
rc-web@42
|
112 width: 100%;
|
rc-web@42
|
113 height: auto;
|
rc-web@42
|
114 min-height: initial;
|
rc-web@42
|
115 display: block;
|
rc-web@42
|
116 overflow: visible;
|
rc-web@42
|
117
|
rc-web@42
|
118 left: 0%;
|
rc-web@42
|
119 top: 0%;
|
rc-web@42
|
120 margin-left: 0px;
|
rc-web@42
|
121 margin-top: 50px;
|
rc-web@42
|
122 padding: 20px 0px;
|
rc-web@42
|
123
|
rc-web@42
|
124 opacity: 1;
|
rc-web@42
|
125
|
rc-web@42
|
126 -webkit-transform-style: flat;
|
rc-web@42
|
127 -moz-transform-style: flat;
|
rc-web@42
|
128 -ms-transform-style: flat;
|
rc-web@42
|
129 transform-style: flat;
|
rc-web@42
|
130
|
rc-web@42
|
131 -webkit-transform: none;
|
rc-web@42
|
132 -moz-transform: none;
|
rc-web@42
|
133 -ms-transform: none;
|
rc-web@42
|
134 transform: none;
|
rc-web@42
|
135 }
|
rc-web@42
|
136 .reveal section {
|
rc-web@42
|
137 page-break-after: always !important;
|
rc-web@42
|
138 display: block !important;
|
rc-web@42
|
139 }
|
rc-web@42
|
140 .reveal section.stack {
|
rc-web@42
|
141 margin: 0px !important;
|
rc-web@42
|
142 padding: 0px !important;
|
rc-web@42
|
143 page-break-after: avoid !important;
|
rc-web@42
|
144 }
|
rc-web@42
|
145 .reveal section .fragment {
|
rc-web@42
|
146 opacity: 1 !important;
|
rc-web@42
|
147 }
|
rc-web@42
|
148 .reveal img {
|
rc-web@42
|
149 box-shadow: none;
|
rc-web@42
|
150 }
|
rc-web@42
|
151 .reveal .roll {
|
rc-web@42
|
152 overflow: visible;
|
rc-web@42
|
153 line-height: 1em;
|
rc-web@42
|
154 }
|
rc-web@42
|
155
|
rc-web@42
|
156 .reveal small a {
|
rc-web@42
|
157 font-size: 16pt !important;
|
rc-web@42
|
158 } |