Create gh-pages branch via GitHub
This commit is contained in:
		
						commit
						820aadba41
					
				
					 5 changed files with 413 additions and 0 deletions
				
			
		
							
								
								
									
										71
									
								
								index.html
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										71
									
								
								index.html
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
					@ -0,0 +1,71 @@
 | 
				
			||||||
 | 
					<!doctype html>
 | 
				
			||||||
 | 
					<html>
 | 
				
			||||||
 | 
					  <head>
 | 
				
			||||||
 | 
					    <meta charset="utf-8">
 | 
				
			||||||
 | 
					    <meta http-equiv="X-UA-Compatible" content="chrome=1">
 | 
				
			||||||
 | 
					    <title>Thumbnailator by apb2006</title>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <link rel="stylesheet" href="stylesheets/styles.css">
 | 
				
			||||||
 | 
					    <link rel="stylesheet" href="stylesheets/pygment_trac.css">
 | 
				
			||||||
 | 
					    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
 | 
				
			||||||
 | 
					    <!--[if lt IE 9]>
 | 
				
			||||||
 | 
					    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 | 
				
			||||||
 | 
					    <![endif]-->
 | 
				
			||||||
 | 
					  </head>
 | 
				
			||||||
 | 
					  <body>
 | 
				
			||||||
 | 
					    <div class="wrapper">
 | 
				
			||||||
 | 
					      <header>
 | 
				
			||||||
 | 
					        <h1>Thumbnailator</h1>
 | 
				
			||||||
 | 
					        <p>An XQuery interface to the thumbnail generator library [thumbnailator](http://code.google.com/p/thumbnailator/)  </p>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					        <p class="view"><a href="https://github.com/apb2006/thumbnailator">View the Project on GitHub <small>apb2006/thumbnailator</small></a></p>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					        <ul>
 | 
				
			||||||
 | 
					          <li><a href="https://github.com/apb2006/thumbnailator/zipball/master">Download <strong>ZIP File</strong></a></li>
 | 
				
			||||||
 | 
					          <li><a href="https://github.com/apb2006/thumbnailator/tarball/master">Download <strong>TAR Ball</strong></a></li>
 | 
				
			||||||
 | 
					          <li><a href="https://github.com/apb2006/thumbnailator">View On <strong>GitHub</strong></a></li>
 | 
				
			||||||
 | 
					        </ul>
 | 
				
			||||||
 | 
					      </header>
 | 
				
			||||||
 | 
					      <section>
 | 
				
			||||||
 | 
					        <h1>
 | 
				
			||||||
 | 
					<a name="installation" class="anchor" href="#installation"><span class="octicon octicon-link"></span></a>Installation</h1>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<p>The library is packaged in the <a href="http://expath.org/spec/pkg">EXpath</a> xar format with 
 | 
				
			||||||
 | 
					the thumbnailator jar included. It can be installed into the BaseX repository by 
 | 
				
			||||||
 | 
					executing the command:</p>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<pre><code>repo:install('http://apb2006.github.io/thumbnailator/dist/thumbnailator.zar')
 | 
				
			||||||
 | 
					</code></pre>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<h1>
 | 
				
			||||||
 | 
					<a name="usage" class="anchor" href="#usage"><span class="octicon octicon-link"></span></a>Usage</h1>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<pre><code>import module namespace t="apb.image.thumbnailator";
 | 
				
			||||||
 | 
					t:make("/tmp/pic.jpg","/tmp/small.jpg",120,120)
 | 
				
			||||||
 | 
					</code></pre>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<h1>
 | 
				
			||||||
 | 
					<a name="tests" class="anchor" href="#tests"><span class="octicon octicon-link"></span></a>Tests</h1>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<p>The <code>test.xq</code> script uses the BaseX <a href="http://docs.basex.org/wiki/Unit_Module">Unit module</a></p>
 | 
				
			||||||
 | 
					      </section>
 | 
				
			||||||
 | 
					      <footer>
 | 
				
			||||||
 | 
					        <p>This project is maintained by <a href="https://github.com/apb2006">apb2006</a></p>
 | 
				
			||||||
 | 
					        <p><small>Hosted on GitHub Pages — Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
 | 
				
			||||||
 | 
					      </footer>
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					    <script src="javascripts/scale.fix.js"></script>
 | 
				
			||||||
 | 
					              <script type="text/javascript">
 | 
				
			||||||
 | 
					            var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
 | 
				
			||||||
 | 
					            document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
 | 
				
			||||||
 | 
					          </script>
 | 
				
			||||||
 | 
					          <script type="text/javascript">
 | 
				
			||||||
 | 
					            try {
 | 
				
			||||||
 | 
					              var pageTracker = _gat._getTracker("UA-2241947-7");
 | 
				
			||||||
 | 
					            pageTracker._trackPageview();
 | 
				
			||||||
 | 
					            } catch(err) {}
 | 
				
			||||||
 | 
					          </script>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  </body>
 | 
				
			||||||
 | 
					</html>
 | 
				
			||||||
							
								
								
									
										17
									
								
								javascripts/scale.fix.js
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										17
									
								
								javascripts/scale.fix.js
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
					@ -0,0 +1,17 @@
 | 
				
			||||||
 | 
					var metas = document.getElementsByTagName('meta');
 | 
				
			||||||
 | 
					var i;
 | 
				
			||||||
 | 
					if (navigator.userAgent.match(/iPhone/i)) {
 | 
				
			||||||
 | 
					  for (i=0; i<metas.length; i++) {
 | 
				
			||||||
 | 
					    if (metas[i].name == "viewport") {
 | 
				
			||||||
 | 
					      metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					  document.addEventListener("gesturestart", gestureStart, false);
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					function gestureStart() {
 | 
				
			||||||
 | 
					  for (i=0; i<metas.length; i++) {
 | 
				
			||||||
 | 
					    if (metas[i].name == "viewport") {
 | 
				
			||||||
 | 
					      metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
							
								
								
									
										1
									
								
								params.json
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										1
									
								
								params.json
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					{"name":"Thumbnailator","tagline":"An XQuery interface to the thumbnail generator library [thumbnailator](http://code.google.com/p/thumbnailator/)  ","body":"# Installation\r\nThe library is packaged in the [EXpath](http://expath.org/spec/pkg) xar format with \r\nthe thumbnailator jar included. It can be installed into the BaseX repository by \r\nexecuting the command:\r\n````\r\nrepo:install('http://apb2006.github.io/thumbnailator/dist/thumbnailator.zar')\r\n````\r\n# Usage\r\n````\r\nimport module namespace t=\"apb.image.thumbnailator\";\r\nt:make(\"/tmp/pic.jpg\",\"/tmp/small.jpg\",120,120)\r\n````\r\n# Tests\r\nThe `test.xq` script uses the BaseX [Unit module](http://docs.basex.org/wiki/Unit_Module)\r\n","google":"UA-2241947-7","note":"Don't delete this file! It's used internally to help with page regeneration."}
 | 
				
			||||||
							
								
								
									
										69
									
								
								stylesheets/pygment_trac.css
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										69
									
								
								stylesheets/pygment_trac.css
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
					@ -0,0 +1,69 @@
 | 
				
			||||||
 | 
					.highlight  { background: #ffffff; }
 | 
				
			||||||
 | 
					.highlight .c { color: #999988; font-style: italic } /* Comment */
 | 
				
			||||||
 | 
					.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
 | 
				
			||||||
 | 
					.highlight .k { font-weight: bold } /* Keyword */
 | 
				
			||||||
 | 
					.highlight .o { font-weight: bold } /* Operator */
 | 
				
			||||||
 | 
					.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
 | 
				
			||||||
 | 
					.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
 | 
				
			||||||
 | 
					.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
 | 
				
			||||||
 | 
					.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
 | 
				
			||||||
 | 
					.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
 | 
				
			||||||
 | 
					.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
 | 
				
			||||||
 | 
					.highlight .ge { font-style: italic } /* Generic.Emph */
 | 
				
			||||||
 | 
					.highlight .gr { color: #aa0000 } /* Generic.Error */
 | 
				
			||||||
 | 
					.highlight .gh { color: #999999 } /* Generic.Heading */
 | 
				
			||||||
 | 
					.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
 | 
				
			||||||
 | 
					.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
 | 
				
			||||||
 | 
					.highlight .go { color: #888888 } /* Generic.Output */
 | 
				
			||||||
 | 
					.highlight .gp { color: #555555 } /* Generic.Prompt */
 | 
				
			||||||
 | 
					.highlight .gs { font-weight: bold } /* Generic.Strong */
 | 
				
			||||||
 | 
					.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
 | 
				
			||||||
 | 
					.highlight .gt { color: #aa0000 } /* Generic.Traceback */
 | 
				
			||||||
 | 
					.highlight .kc { font-weight: bold } /* Keyword.Constant */
 | 
				
			||||||
 | 
					.highlight .kd { font-weight: bold } /* Keyword.Declaration */
 | 
				
			||||||
 | 
					.highlight .kn { font-weight: bold } /* Keyword.Namespace */
 | 
				
			||||||
 | 
					.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
 | 
				
			||||||
 | 
					.highlight .kr { font-weight: bold } /* Keyword.Reserved */
 | 
				
			||||||
 | 
					.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
 | 
				
			||||||
 | 
					.highlight .m { color: #009999 } /* Literal.Number */
 | 
				
			||||||
 | 
					.highlight .s { color: #d14 } /* Literal.String */
 | 
				
			||||||
 | 
					.highlight .na { color: #008080 } /* Name.Attribute */
 | 
				
			||||||
 | 
					.highlight .nb { color: #0086B3 } /* Name.Builtin */
 | 
				
			||||||
 | 
					.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
 | 
				
			||||||
 | 
					.highlight .no { color: #008080 } /* Name.Constant */
 | 
				
			||||||
 | 
					.highlight .ni { color: #800080 } /* Name.Entity */
 | 
				
			||||||
 | 
					.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
 | 
				
			||||||
 | 
					.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
 | 
				
			||||||
 | 
					.highlight .nn { color: #555555 } /* Name.Namespace */
 | 
				
			||||||
 | 
					.highlight .nt { color: #000080 } /* Name.Tag */
 | 
				
			||||||
 | 
					.highlight .nv { color: #008080 } /* Name.Variable */
 | 
				
			||||||
 | 
					.highlight .ow { font-weight: bold } /* Operator.Word */
 | 
				
			||||||
 | 
					.highlight .w { color: #bbbbbb } /* Text.Whitespace */
 | 
				
			||||||
 | 
					.highlight .mf { color: #009999 } /* Literal.Number.Float */
 | 
				
			||||||
 | 
					.highlight .mh { color: #009999 } /* Literal.Number.Hex */
 | 
				
			||||||
 | 
					.highlight .mi { color: #009999 } /* Literal.Number.Integer */
 | 
				
			||||||
 | 
					.highlight .mo { color: #009999 } /* Literal.Number.Oct */
 | 
				
			||||||
 | 
					.highlight .sb { color: #d14 } /* Literal.String.Backtick */
 | 
				
			||||||
 | 
					.highlight .sc { color: #d14 } /* Literal.String.Char */
 | 
				
			||||||
 | 
					.highlight .sd { color: #d14 } /* Literal.String.Doc */
 | 
				
			||||||
 | 
					.highlight .s2 { color: #d14 } /* Literal.String.Double */
 | 
				
			||||||
 | 
					.highlight .se { color: #d14 } /* Literal.String.Escape */
 | 
				
			||||||
 | 
					.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
 | 
				
			||||||
 | 
					.highlight .si { color: #d14 } /* Literal.String.Interpol */
 | 
				
			||||||
 | 
					.highlight .sx { color: #d14 } /* Literal.String.Other */
 | 
				
			||||||
 | 
					.highlight .sr { color: #009926 } /* Literal.String.Regex */
 | 
				
			||||||
 | 
					.highlight .s1 { color: #d14 } /* Literal.String.Single */
 | 
				
			||||||
 | 
					.highlight .ss { color: #990073 } /* Literal.String.Symbol */
 | 
				
			||||||
 | 
					.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
 | 
				
			||||||
 | 
					.highlight .vc { color: #008080 } /* Name.Variable.Class */
 | 
				
			||||||
 | 
					.highlight .vg { color: #008080 } /* Name.Variable.Global */
 | 
				
			||||||
 | 
					.highlight .vi { color: #008080 } /* Name.Variable.Instance */
 | 
				
			||||||
 | 
					.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.type-csharp .highlight .k { color: #0000FF }
 | 
				
			||||||
 | 
					.type-csharp .highlight .kt { color: #0000FF }
 | 
				
			||||||
 | 
					.type-csharp .highlight .nf { color: #000000; font-weight: normal }
 | 
				
			||||||
 | 
					.type-csharp .highlight .nc { color: #2B91AF }
 | 
				
			||||||
 | 
					.type-csharp .highlight .nn { color: #000000 }
 | 
				
			||||||
 | 
					.type-csharp .highlight .s { color: #A31515 }
 | 
				
			||||||
 | 
					.type-csharp .highlight .sc { color: #A31515 }
 | 
				
			||||||
							
								
								
									
										255
									
								
								stylesheets/styles.css
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										255
									
								
								stylesheets/styles.css
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
					@ -0,0 +1,255 @@
 | 
				
			||||||
 | 
					@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					body {
 | 
				
			||||||
 | 
					  padding:50px;
 | 
				
			||||||
 | 
					  font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
 | 
				
			||||||
 | 
					  color:#777;
 | 
				
			||||||
 | 
					  font-weight:300;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					h1, h2, h3, h4, h5, h6 {
 | 
				
			||||||
 | 
					  color:#222;
 | 
				
			||||||
 | 
					  margin:0 0 20px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					p, ul, ol, table, pre, dl {
 | 
				
			||||||
 | 
					  margin:0 0 20px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					h1, h2, h3 {
 | 
				
			||||||
 | 
					  line-height:1.1;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					h1 {
 | 
				
			||||||
 | 
					  font-size:28px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					h2 {
 | 
				
			||||||
 | 
					  color:#393939;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					h3, h4, h5, h6 {
 | 
				
			||||||
 | 
					  color:#494949;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					a {
 | 
				
			||||||
 | 
					  color:#39c;
 | 
				
			||||||
 | 
					  font-weight:400;
 | 
				
			||||||
 | 
					  text-decoration:none;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					a small {
 | 
				
			||||||
 | 
					  font-size:11px;
 | 
				
			||||||
 | 
					  color:#777;
 | 
				
			||||||
 | 
					  margin-top:-0.6em;
 | 
				
			||||||
 | 
					  display:block;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.wrapper {
 | 
				
			||||||
 | 
					  width:860px;
 | 
				
			||||||
 | 
					  margin:0 auto;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					blockquote {
 | 
				
			||||||
 | 
					  border-left:1px solid #e5e5e5;
 | 
				
			||||||
 | 
					  margin:0;
 | 
				
			||||||
 | 
					  padding:0 0 0 20px;
 | 
				
			||||||
 | 
					  font-style:italic;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					code, pre {
 | 
				
			||||||
 | 
					  font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
 | 
				
			||||||
 | 
					  color:#333;
 | 
				
			||||||
 | 
					  font-size:12px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					pre {
 | 
				
			||||||
 | 
					  padding:8px 15px;
 | 
				
			||||||
 | 
					  background: #f8f8f8;  
 | 
				
			||||||
 | 
					  border-radius:5px;
 | 
				
			||||||
 | 
					  border:1px solid #e5e5e5;
 | 
				
			||||||
 | 
					  overflow-x: auto;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					table {
 | 
				
			||||||
 | 
					  width:100%;
 | 
				
			||||||
 | 
					  border-collapse:collapse;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					th, td {
 | 
				
			||||||
 | 
					  text-align:left;
 | 
				
			||||||
 | 
					  padding:5px 10px;
 | 
				
			||||||
 | 
					  border-bottom:1px solid #e5e5e5;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					dt {
 | 
				
			||||||
 | 
					  color:#444;
 | 
				
			||||||
 | 
					  font-weight:700;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					th {
 | 
				
			||||||
 | 
					  color:#444;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					img {
 | 
				
			||||||
 | 
					  max-width:100%;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					header {
 | 
				
			||||||
 | 
					  width:270px;
 | 
				
			||||||
 | 
					  float:left;
 | 
				
			||||||
 | 
					  position:fixed;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					header ul {
 | 
				
			||||||
 | 
					  list-style:none;
 | 
				
			||||||
 | 
					  height:40px;
 | 
				
			||||||
 | 
					  
 | 
				
			||||||
 | 
					  padding:0;
 | 
				
			||||||
 | 
					  
 | 
				
			||||||
 | 
					  background: #eee;
 | 
				
			||||||
 | 
					  background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
 | 
				
			||||||
 | 
					  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
 | 
				
			||||||
 | 
					  background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
 | 
				
			||||||
 | 
					  background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
 | 
				
			||||||
 | 
					  background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
 | 
				
			||||||
 | 
					  background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
 | 
				
			||||||
 | 
					  
 | 
				
			||||||
 | 
					  border-radius:5px;
 | 
				
			||||||
 | 
					  border:1px solid #d2d2d2;
 | 
				
			||||||
 | 
					  box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0;
 | 
				
			||||||
 | 
					  width:270px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					header li {
 | 
				
			||||||
 | 
					  width:89px;
 | 
				
			||||||
 | 
					  float:left;
 | 
				
			||||||
 | 
					  border-right:1px solid #d2d2d2;
 | 
				
			||||||
 | 
					  height:40px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					header ul a {
 | 
				
			||||||
 | 
					  line-height:1;
 | 
				
			||||||
 | 
					  font-size:11px;
 | 
				
			||||||
 | 
					  color:#999;
 | 
				
			||||||
 | 
					  display:block;
 | 
				
			||||||
 | 
					  text-align:center;
 | 
				
			||||||
 | 
					  padding-top:6px;
 | 
				
			||||||
 | 
					  height:40px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					strong {
 | 
				
			||||||
 | 
					  color:#222;
 | 
				
			||||||
 | 
					  font-weight:700;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					header ul li + li {
 | 
				
			||||||
 | 
					  width:88px;
 | 
				
			||||||
 | 
					  border-left:1px solid #fff;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					header ul li + li + li {
 | 
				
			||||||
 | 
					  border-right:none;
 | 
				
			||||||
 | 
					  width:89px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					header ul a strong {
 | 
				
			||||||
 | 
					  font-size:14px;
 | 
				
			||||||
 | 
					  display:block;
 | 
				
			||||||
 | 
					  color:#222;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					section {
 | 
				
			||||||
 | 
					  width:500px;
 | 
				
			||||||
 | 
					  float:right;
 | 
				
			||||||
 | 
					  padding-bottom:50px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					small {
 | 
				
			||||||
 | 
					  font-size:11px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					hr {
 | 
				
			||||||
 | 
					  border:0;
 | 
				
			||||||
 | 
					  background:#e5e5e5;
 | 
				
			||||||
 | 
					  height:1px;
 | 
				
			||||||
 | 
					  margin:0 0 20px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					footer {
 | 
				
			||||||
 | 
					  width:270px;
 | 
				
			||||||
 | 
					  float:left;
 | 
				
			||||||
 | 
					  position:fixed;
 | 
				
			||||||
 | 
					  bottom:50px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					@media print, screen and (max-width: 960px) {
 | 
				
			||||||
 | 
					  
 | 
				
			||||||
 | 
					  div.wrapper {
 | 
				
			||||||
 | 
					    width:auto;
 | 
				
			||||||
 | 
					    margin:0;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					  
 | 
				
			||||||
 | 
					  header, section, footer {
 | 
				
			||||||
 | 
					    float:none;
 | 
				
			||||||
 | 
					    position:static;
 | 
				
			||||||
 | 
					    width:auto;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					  
 | 
				
			||||||
 | 
					  header {
 | 
				
			||||||
 | 
					    padding-right:320px;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					  
 | 
				
			||||||
 | 
					  section {
 | 
				
			||||||
 | 
					    border:1px solid #e5e5e5;
 | 
				
			||||||
 | 
					    border-width:1px 0;
 | 
				
			||||||
 | 
					    padding:20px 0;
 | 
				
			||||||
 | 
					    margin:0 0 20px;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					  
 | 
				
			||||||
 | 
					  header a small {
 | 
				
			||||||
 | 
					    display:inline;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					  
 | 
				
			||||||
 | 
					  header ul {
 | 
				
			||||||
 | 
					    position:absolute;
 | 
				
			||||||
 | 
					    right:50px;
 | 
				
			||||||
 | 
					    top:52px;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					@media print, screen and (max-width: 720px) {
 | 
				
			||||||
 | 
					  body {
 | 
				
			||||||
 | 
					    word-wrap:break-word;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					  
 | 
				
			||||||
 | 
					  header {
 | 
				
			||||||
 | 
					    padding:0;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					  
 | 
				
			||||||
 | 
					  header ul, header p.view {
 | 
				
			||||||
 | 
					    position:static;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					  
 | 
				
			||||||
 | 
					  pre, code {
 | 
				
			||||||
 | 
					    word-wrap:normal;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					@media print, screen and (max-width: 480px) {
 | 
				
			||||||
 | 
					  body {
 | 
				
			||||||
 | 
					    padding:15px;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					  
 | 
				
			||||||
 | 
					  header ul {
 | 
				
			||||||
 | 
					    display:none;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					@media print {
 | 
				
			||||||
 | 
					  body {
 | 
				
			||||||
 | 
					    padding:0.4in;
 | 
				
			||||||
 | 
					    font-size:12pt;
 | 
				
			||||||
 | 
					    color:#444;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
		Loading…
	
	Add table
		
		Reference in a new issue