Skip to content

Instantly share code, notes, and snippets.

@edorian
Created September 4, 2012 14:04
Show Gist options
  • Save edorian/3621439 to your computer and use it in GitHub Desktop.
Save edorian/3621439 to your computer and use it in GitHub Desktop.
reveal default template adjustments
<style type="text/css">
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: local('Lato Bold'), local('Lato-Bold'), url(fonts/lato-bold.woff) format('woff');
}
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 400;
src: local('Lato Italic'), local('Lato-Italic'), url(fonts/lato-italic.woff) format('woff');
}
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 700;
src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(fonts/lato-bold-italic.woff) format('woff');
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'), url(fonts/lato.woff) format('woff');
}
</style>
<link rel="stylesheet" href="../reveal.js/css/main.css">
<link rel="stylesheet" href="../reveal.js/css/theme/default.css">
<!-- For syntax highlighting -->
<link rel="stylesheet" href="../reveal.js/lib/css/zenburn.css">
<script>
// If the query includes 'print-pdf' we'll use the PDF print sheet
document.write( '<link rel="stylesheet" href="../reveal.js/css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
</script>
<!-- Fix default template for small screens. media=screen helps not breaking the pdf printing :) -->
<style type="text/css" media="screen">
.reveal .slides {
position: absolute;
max-width: 1400px;
width: 95%; // adjust this for small screens; 1024px = 95%, 1280 ~ 90%, bigger = 80%
height: 60%; // something also this ;)
left: 50%;
top: 50%;
margin-top: -420px; // adjust this as needed
padding: 20px 0px;
}
code {
font-size: 140%;
line-height: 1.4em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment