github.com/mweagle/Sparta@v1.15.0/docs_source/static/presentations/reveal.js-3.9.2/css/print/paper.css (about)

     1  /* Default Print Stylesheet Template
     2     by Rob Glazebrook of CSSnewbie.com
     3     Last Updated: June 4, 2008
     4  
     5     Feel free (nay, compelled) to edit, append, and
     6     manipulate this file as you see fit. */
     7  
     8  
     9  @media print {
    10  
    11  	/* SECTION 1: Set default width, margin, float, and
    12  	   background. This prevents elements from extending
    13  	   beyond the edge of the printed page, and prevents
    14  	   unnecessary background images from printing */
    15  	html {
    16  		background: #fff;
    17  		width: auto;
    18  		height: auto;
    19  		overflow: visible;
    20  	}
    21  	body {
    22  		background: #fff;
    23  		font-size: 20pt;
    24  		width: auto;
    25  		height: auto;
    26  		border: 0;
    27  		margin: 0 5%;
    28  		padding: 0;
    29  		overflow: visible;
    30  		float: none !important;
    31  	}
    32  
    33  	/* SECTION 2: Remove any elements not needed in print.
    34  	   This would include navigation, ads, sidebars, etc. */
    35  	.nestedarrow,
    36  	.controls,
    37  	.fork-reveal,
    38  	.share-reveal,
    39  	.state-background,
    40  	.reveal .progress,
    41  	.reveal .backgrounds,
    42  	.reveal .slide-number {
    43  		display: none !important;
    44  	}
    45  
    46  	/* SECTION 3: Set body font face, size, and color.
    47  	   Consider using a serif font for readability. */
    48  	body, p, td, li, div {
    49  		font-size: 20pt!important;
    50  		font-family: Georgia, "Times New Roman", Times, serif !important;
    51  		color: #000;
    52  	}
    53  
    54  	/* SECTION 4: Set heading font face, sizes, and color.
    55  	   Differentiate your headings from your body text.
    56  	   Perhaps use a large sans-serif for distinction. */
    57  	h1,h2,h3,h4,h5,h6 {
    58  		color: #000!important;
    59  		height: auto;
    60  		line-height: normal;
    61  		font-family: Georgia, "Times New Roman", Times, serif !important;
    62  		text-shadow: 0 0 0 #000 !important;
    63  		text-align: left;
    64  		letter-spacing: normal;
    65  	}
    66  	/* Need to reduce the size of the fonts for printing */
    67  	h1 { font-size: 28pt !important;  }
    68  	h2 { font-size: 24pt !important; }
    69  	h3 { font-size: 22pt !important; }
    70  	h4 { font-size: 22pt !important; font-variant: small-caps; }
    71  	h5 { font-size: 21pt !important; }
    72  	h6 { font-size: 20pt !important; font-style: italic; }
    73  
    74  	/* SECTION 5: Make hyperlinks more usable.
    75  	   Ensure links are underlined, and consider appending
    76  	   the URL to the end of the link for usability. */
    77  	a:link,
    78  	a:visited {
    79  		color: #000 !important;
    80  		font-weight: bold;
    81  		text-decoration: underline;
    82  	}
    83  	/*
    84  	.reveal a:link:after,
    85  	.reveal a:visited:after {
    86  		content: " (" attr(href) ") ";
    87  		color: #222 !important;
    88  		font-size: 90%;
    89  	}
    90  	*/
    91  
    92  
    93  	/* SECTION 6: more reveal.js specific additions by @skypanther */
    94  	ul, ol, div, p {
    95  		visibility: visible;
    96  		position: static;
    97  		width: auto;
    98  		height: auto;
    99  		display: block;
   100  		overflow: visible;
   101  		margin: 0;
   102  		text-align: left !important;
   103  	}
   104  	.reveal pre,
   105  	.reveal table {
   106  		margin-left: 0;
   107  		margin-right: 0;
   108  	}
   109  	.reveal pre code {
   110  		padding: 20px;
   111  		border: 1px solid #ddd;
   112  	}
   113  	.reveal blockquote {
   114  		margin: 20px 0;
   115  	}
   116  	.reveal .slides {
   117  		position: static !important;
   118  		width: auto !important;
   119  		height: auto !important;
   120  
   121  		left: 0 !important;
   122  		top: 0 !important;
   123  		margin-left: 0 !important;
   124  		margin-top: 0 !important;
   125  		padding: 0 !important;
   126  		zoom: 1 !important;
   127  
   128  		overflow: visible !important;
   129  		display: block !important;
   130  
   131  		text-align: left !important;
   132  		-webkit-perspective: none;
   133  		   -moz-perspective: none;
   134  		    -ms-perspective: none;
   135  		        perspective: none;
   136  
   137  		-webkit-perspective-origin: 50% 50%;
   138  		   -moz-perspective-origin: 50% 50%;
   139  		    -ms-perspective-origin: 50% 50%;
   140  		        perspective-origin: 50% 50%;
   141  	}
   142  	.reveal .slides section {
   143  		visibility: visible !important;
   144  		position: static !important;
   145  		width: auto !important;
   146  		height: auto !important;
   147  		display: block !important;
   148  		overflow: visible !important;
   149  
   150  		left: 0 !important;
   151  		top: 0 !important;
   152  		margin-left: 0 !important;
   153  		margin-top: 0 !important;
   154  		padding: 60px 20px !important;
   155  		z-index: auto !important;
   156  
   157  		opacity: 1 !important;
   158  
   159  		page-break-after: always !important;
   160  
   161  		-webkit-transform-style: flat !important;
   162  		   -moz-transform-style: flat !important;
   163  		    -ms-transform-style: flat !important;
   164  		        transform-style: flat !important;
   165  
   166  		-webkit-transform: none !important;
   167  		   -moz-transform: none !important;
   168  		    -ms-transform: none !important;
   169  		        transform: none !important;
   170  
   171  		-webkit-transition: none !important;
   172  		   -moz-transition: none !important;
   173  		    -ms-transition: none !important;
   174  		        transition: none !important;
   175  	}
   176  	.reveal .slides section.stack {
   177  		padding: 0 !important;
   178  	}
   179  	.reveal section:last-of-type {
   180  		page-break-after: avoid !important;
   181  	}
   182  	.reveal section .fragment {
   183  		opacity: 1 !important;
   184  		visibility: visible !important;
   185  
   186  		-webkit-transform: none !important;
   187  		   -moz-transform: none !important;
   188  		    -ms-transform: none !important;
   189  		        transform: none !important;
   190  	}
   191  	.reveal section img {
   192  		display: block;
   193  		margin: 15px 0px;
   194  		background: rgba(255,255,255,1);
   195  		border: 1px solid #666;
   196  		box-shadow: none;
   197  	}
   198  
   199  	.reveal section small {
   200  		font-size: 0.8em;
   201  	}
   202  
   203  }