| <!doctype html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width"> |
| <title>Credits</title> |
| <link rel="stylesheet" href="chrome://resources/css/text_defaults.css"> |
| <style> |
| body { |
| background-color: white; |
| font-size: 84%; |
| max-width: 1020px; |
| } |
| .page-title { |
| font-size: 164%; |
| font-weight: bold; |
| } |
| .product { |
| background-color: #c3d9ff; |
| border-radius: 5px; |
| margin-top: 16px; |
| overflow: auto; |
| padding: 2px; |
| } |
| .product .title { |
| float: left; |
| font-size: 110%; |
| font-weight: bold; |
| margin: 3px; |
| } |
| .product .homepage { |
| color: blue; |
| float: right; |
| margin: 3px; |
| text-align: right; |
| } |
| .product .homepage::before { |
| content: " - "; |
| } |
| .product .show { |
| color: blue; |
| float: right; |
| margin: 3px; |
| text-align: right; |
| text-decoration: underline; |
| } |
| .licence { |
| background-color: #e8eef7; |
| border-radius: 3px; |
| clear: both; |
| display: none; |
| padding: 16px; |
| } |
| .licence h3 { |
| margin-top: 0; |
| } |
| .licence pre { |
| white-space: pre-wrap; |
| } |
| .dialog #print-link, |
| .dialog .homepage { |
| display: none; |
| } |
| input + label + div { |
| display: none; |
| } |
| input + label::after { |
| content: "show license"; |
| cursor: pointer; |
| } |
| input:checked + label + div { |
| display: block; |
| } |
| input:checked + label::after { |
| content: "hide license"; |
| cursor: pointer; |
| } |
| </style> |
| </head> |
| <body> |
| <span class="page-title" style="float:left;">Credits</span> |
| <a id="print-link" href="#" style="float:right;" hidden>Print</a> |
| <div style="clear:both; overflow:auto;"><!-- Chromium <3s the following projects --> |
| {{entries}} |
| </div> |