chrome 100 percent

chrome 100 percent


DisciplinaPedagogia116.833 materiais673.543 seguidores
Pré-visualização50 páginas
*/
html, body {
 -webkit-user-select: none;
 font-family: sans-serif;
 height: 100%;
 margin: 0;
 overflow: hidden;
 text-align: center;
 width: 100%;
}
h1 {
 display: none;
 font-size: 10pt;
 font-weight: normal;
 padding: 0pt 10pt;
}
p {
 font-size: 8pt;
 padding: 0pt 14pt;
}
#t {
 background-color: #f7f7f7;
 color: #646464;
}
#outer {
 align-items: center;
 box-sizing: border-box;
 display: flex;
 height: 100%;
 justify-content: center;
 position: absolute;
 width: 100%;
 flex-direction: column;
}
.icon {
 max-height: 100%;
 max-width: 100%;
 opacity: .3;
}
@media (orientation: landscape) and (min-height: 2em) and (min-width: 14em) {
 #outer {
 flex-direction: row;
 }
 .icon {
 max-height: 100%;
 max-width: 50%;
 }
 h1 {
 display: block;
 }
}
@media (min-height: 7em) and (min-width: 6em) {
 #outer {
 flex-direction: column;
 }
 .icon {
 max-height: 50%;
 max-width: 100%;
 }
 h1 {
 display: block;
 }
}
</style>
 </head>
 <body id=&quot;t&quot; onLoad=&quot;insertLink()&quot;>
 <div i18n-values=&quot;title:name&quot; id=&quot;outer&quot;>
 <img class=&quot;icon&quot;
 src=&quot;data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OHB4IiBoZWlnaHQ9IjQ4cHgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iIzYyNjI2MiI+CiAgICA8cGF0aCBkPSJNMCAwaDQ4djQ4SDB6IiBmaWxsPSJub25lIi8+CiAgICA8cGF0aCBkPSJNNDEgMjJoLTN2LThjMC0yLjIxLTEuNzktNC00LTRoLThWN2MwLTIuNzYtMi4yNC01LTUtNXMtNSAyLjI0LTUgNXYzSDhjLTIuMjEgMC0zLjk4IDEuNzktMy45OCA0bC0uMDEgNy42SDdjMi45OCAwIDUuNCAyLjQyIDUuNCA1LjRTOS45OCAzMi40IDcgMzIuNEg0LjAxTDQgNDBjMCAyLjIxIDEuNzkgNCA0IDRoNy42di0zYzAtMi45OCAyLjQyLTUuNCA1LjQtNS40IDIuOTggMCA1LjQgMi40MiA1LjQgNS40djNIMzRjMi4yMSAwIDQtMS43OSA0LTR2LThoM2MyLjc2IDAgNS0yLjI0IDUtNXMtMi4yNC01LTUtNXoiLz4KPC9zdmc+Cg==&quot;>
 <h1 id=&quot;message&quot;>$i18n{message}</h1>
 </div>
 </body>
</html>
<!doctype html>
<html>
 <head>
 <meta charset=&quot;utf-8&quot;>
 <meta name=&quot;viewport&quot; content=&quot;width=device-width, user-scalable=no&quot;>
 <style>
 html,
 body {
 height: 100%;
 width: 100%;
 }
 body {
 background-color: #f5f5f5; /* google-grey-100 */
 margin: 0;
 }
 svg {
 height: 40px;
 width: 40px;
 }
 path {
 fill: #bdbdbd; /* google-grey-400 */
 }
 #icon-container {
 align-items: center;
 display: flex;
 height: 100%;
 justify-content: center;
 width: 100%;
 }
 #footer {
 align-items: center;
 background-color: #4285f4; /* google-blue-500 */
 border-radius: 2px;
 bottom: 0;
 color: white;
 display: flex;
 font-size: 14px;
 justify-content: space-between;
 left: 0;
 max-height: 52px;
 min-height: 20px;
 padding: 14px 24px;
 position: absolute;
 right: 0;
 }
 p,
 a {
 line-height: 20px;
 }
 p {
 font-family: Roboto;
 margin: 0;
 }
 a {
 font-family: Roboto Medium;
 margin-left: 48px;
 text-transform: uppercase;
 }
 a:link,
 a:visited {
 color: white;
 text-decoration: none;
 }
 </style>
 </head>
 <body>
 <div id=&quot;icon-container&quot;>
 <!-- Material Design PDF icon -->
 <svg viewbox=&quot;0 0 24 24&quot;>
 <path d=&quot;M7 11.5h1v-1H7v1zM19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9.5 8.5c0 .83-.67 1.5-1.5 1.5H7v2H5.5V9H8c.83 0 1.5.67 1.5 1.5v1zm10-1H17v1h1.5V13H17v2h-1.5V9h4v1.5zm-5 3c0 .83-.67 1.5-1.5 1.5h-2.5V9H13c.83 0 1.5.67 1.5 1.5v3zm-2.5 0h1v-3h-1v3z&quot;></path>
 </svg>
 </div>
 <div id=&quot;footer&quot; i18n-values=&quot;title:name&quot;>
 <p>$i18n{fileName}</p>
 <a href=&quot;#&quot; onclick=&quot;plugin.openPDF()&quot;>View PDF</a>
 </div>
 </body>
</html>
<!doctype html>
<html>
<head>
 <meta charset=&quot;utf-8&quot;>
 <meta name=&quot;viewport&quot; content=&quot;width=device-width, user-scalable=no&quot;>
 
 function setMessage(msg) {
 document.getElementById('message').textContent = msg;
 }
 function notifyDidFinishLoading() {
 if (plugin.didFinishLoading)
 plugin.didFinishLoading();
 if (plugin.didFinishIconRepositionForTesting)
 plugin.didFinishIconRepositionForTesting();
 }
 
 <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */
html, body {
 -webkit-user-select: none;
 font-family: sans-serif;
 height: 100%;
 margin: 0;
 overflow: hidden;
 text-align: center;
 width: 100%;
}
h1 {
 display: none;
 font-size: 10pt;
 font-weight: normal;
 padding: 0pt 10pt;
}
p {
 font-size: 8pt;
 padding: 0pt 14pt;
}
#t {
 background-color: #f7f7f7;
 color: #646464;
}
#outer {
 align-items: center;
 box-sizing: border-box;
 display: flex;
 height: 100%;
 justify-content: center;
 position: absolute;
 width: 100%;
 flex-direction: column;
}
.icon {
 max-height: 100%;
 max-width: 100%;
 opacity: .3;
}
@media (orientation: landscape) and (min-height: 2em) and (min-width: 14em) {
 #outer {
 flex-direction: row;
 }
 .icon {
 max-height: 100%;
 max-width: 50%;
 }
 h1 {
 display: block;
 }
}
@media (min-height: 7em) and (min-width: 6em) {
 #outer {
 flex-direction: column;
 }
 .icon {
 max-height: 50%;
 max-width: 100%;
 }
 h1 {
 display: block;
 }
}
</style>
 <style>
 #outer {
 cursor: pointer;
 }
 </style>
</head>
<body id=&quot;t&quot; onload=&quot;notifyDidFinishLoading();&quot;>
 <div i18n-values=&quot;title:name&quot; id=&quot;outer&quot;>
 <img class=&quot;icon&quot;
 src=&quot;data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OHB4IiBoZWlnaHQ9IjQ4cHgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iIzYyNjI2MiI+CiAgICA8cGF0aCBkPSJNMCAwaDQ4djQ4SDB6IiBmaWxsPSJub25lIi8+CiAgICA8cGF0aCBkPSJNNDEgMjJoLTN2LThjMC0yLjIxLTEuNzktNC00LTRoLThWN2MwLTIuNzYtMi4yNC01LTUtNXMtNSAyLjI0LTUgNXYzSDhjLTIuMjEgMC0zLjk4IDEuNzktMy45OCA0bC0uMDEgNy42SDdjMi45OCAwIDUuNCAyLjQyIDUuNCA1LjRTOS45OCAzMi40IDcgMzIuNEg0LjAxTDQgNDBjMCAyLjIxIDEuNzkgNCA0IDRoNy42di0zYzAtMi45OCAyLjQyLTUuNCA1LjQtNS40IDIuOTggMCA1LjQgMi40MiA1LjQgNS40djNIMzRjMi4yMSAwIDQtMS43OSA0LTR2LThoM2MyLjc2IDAgNS0yLjI0IDUtNXMtMi4yNC01LTUtNXoiLz4KPC9zdmc+Cg==&quot;>
 <h1 id=&quot;message&quot;>$i18n{message}</h1>
 </div>
 
 window.onkeydown = function(e) {
 if (e.key == 'Enter' || e.key == ' ') {
 plugin.showPermissionBubble();
 e.preventDefault();
 }
 };
 document.getElementById('outer').onclick = function() {
 plugin.showPermissionBubble();
 };
 
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset=&quot;utf-8&quot;>
<meta name=&quot;viewport&quot; content=&quot;width=device-width, user-scalable=no&quot;>
 window.onload = function() {
 if (plugin.didFinishLoading)
 plugin.didFinishLoading();
 };
 window.onkeydown = function(e) {
 if (e.key == 'Enter' || e.key == ' ') {
 plugin.load();
 e.preventDefault();
 }
 };
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */
html, body {
 -webkit-user-select: none;
 font-family: sans-serif;
 height: 100%;
 margin: 0;
 overflow: hidden;
 text-align: center;
 width: 100%;
}
h1 {
 display: none;
 font-size: 10pt;
 font-weight: normal;
 padding: 0pt 10pt;
}
p {
 font-size: 8pt;
 padding: 0pt 14pt;
}
#t {
 background-color: #f7f7f7;
 color: #646464;
}
#outer {
 align-items: center;
 box-sizing: border-box;
 display: flex;
 height: 100%;
 justify-content: center;
 position: absolute;