home *** CD-ROM | disk | FTP | other *** search
/ Freelog 115 / FreelogNo115-MaiJuin2013.iso / Internet / AvantBrowser / asetup.exe / _data / webkit / chrome.dll / 0 / BINDATA / 581 < prev    next >
Encoding:
Text File  |  2013-04-03  |  41.5 KB  |  1,517 lines
  1. <!DOCTYPE html>
  2. <html i18n-values="dir:textdirection;" id="print-preview">
  3.  
  4. <head>
  5.   <meta charset="utf-8">
  6.   <title i18n-content="title"></title>
  7.   <link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA5UlEQVQ4y62TOw6CQBCGuREFEAIlr4YOGkJoIDwPYTyHx7HxFNqCCj4vgP4FKDIICRR/Jrsz8+3u7AxT1zUzR8ziAI7jnqIoPijBNwowTfPiOM6ZEnxTnrAZUR/AsuxaEIRKluW7pmlXwzBIKYpykyRpx/N8hZwWoOt6Zdt2OXT1RnEcH97xqyAI9qqqli0AyUmS5FmWDQp+z/NOlmVtXdeF/QBA/5cMpWma+75/BAQWOT1AFEXFWBHDMCwAIwGgY00VEnvwIQaxHcDvN1G98NUDnViyPamaNCdOmoXZgKlduMg0vgBgZppW4v1eXgAAAABJRU5ErkJggg==">
  8.  
  9.   <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  10.  * Use of this source code is governed by a BSD-style license that can be
  11.  * found in the LICENSE file. */
  12.  
  13. html {
  14.   height: 100%;
  15. }
  16.  
  17. body {
  18.   display: -webkit-box;
  19.   height: 100%;
  20.   margin: 0;
  21. }
  22.  
  23. /* Header */
  24.  
  25. header {
  26.   -webkit-padding-end: 14px;
  27.   -webkit-padding-start: 16px;
  28.   background-color: #F1F1F1;
  29. }
  30.  
  31. #print-preview #navbar-container {
  32.   -webkit-border-end: 1px solid rgb(198, 201, 206);
  33.   -webkit-box-orient: vertical;
  34.   -webkit-user-select: none;
  35.   background-color: white;
  36.   display: -webkit-box;
  37.   position: relative;
  38.   width: 310px;
  39.   z-index: 2;
  40. }
  41.  
  42. #navbar-content-title {
  43.   color: #333;
  44.   font-size: 200%;
  45.   font-weight: normal;
  46.   margin: 0;
  47.   padding-bottom: 14px;
  48.   padding-top: 13px;
  49.   text-shadow: white 0 1px 2px;
  50. }
  51.  
  52. #navbar-scroll-container {
  53.   -webkit-box-flex: 1;
  54.   -webkit-box-shadow: inset 0 4px 2px -2px rgba(0, 0, 0, .3);
  55.   background: white;
  56.   overflow-y: auto;
  57.   padding-top: 2px;
  58. }
  59.  
  60. /* Settings */
  61.  
  62. #settings {
  63.   border-left: 1px solid #dcdcdc;
  64. }
  65.  
  66. .two-column {
  67.   display: table-row;
  68. }
  69.  
  70. .right-column {
  71.   -webkit-padding-end: 16px;
  72.   display: table-cell;
  73.   width: auto;
  74. }
  75.  
  76. .right-column .checkbox,
  77. .right-column .radio {
  78.   margin: 0;
  79. }
  80.  
  81. .right-column > *:not(:first-child):not(.hint),
  82. .right-column > .collapsible > *:not(:first-child):not(.hint) {
  83.   margin-top: 8px;
  84. }
  85.  
  86. .two-column h1 {
  87.   -webkit-padding-end: 16px;
  88.   -webkit-padding-start: 16px;
  89.   display: table-cell;
  90.   font-size: 1.1em;
  91. }
  92.  
  93. .two-column.visible h1,
  94. .two-column.visible .right-column {
  95.   border-bottom: 1px solid #dcdcdc;
  96.   padding-bottom: 10px;
  97.   padding-top: 10px;
  98. }
  99.  
  100. .two-column:not(.visible) select {
  101.   border-top-width: 0;
  102.   margin-top: 0;
  103.   padding-top: 0;
  104. }
  105.  
  106. p {
  107.   -webkit-line-box-contain: block;
  108.   margin: 0;
  109.   margin-bottom: 10px;
  110. }
  111.  
  112. h1 {
  113.   color: #808080;
  114.   font-weight: 300;
  115. }
  116.  
  117. #print-preview .navbar-link {
  118.   -webkit-margin-start: 16px;
  119.   margin-top: 10px;
  120.   outline: 0;
  121.   padding: 0;
  122.   text-align: start;
  123.   text-decoration: none;
  124. }
  125.  
  126. #print-preview .navbar-link:hover:not(:disabled) {
  127.   text-decoration: underline;
  128. }
  129.  
  130. #print-preview .navbar-link:disabled {
  131.   color: rgba(0, 0, 0, .5);
  132.   cursor: default;
  133.   text-shadow: none;
  134. }
  135.  
  136. button.loading {
  137.   cursor: progress;
  138. }
  139.  
  140. #print-preview button.default {
  141.   font-weight: bold;
  142. }
  143.  
  144. #print-preview button.default:not(:focus):not(:disabled) {
  145.   border-color: #808080;
  146. }
  147.  
  148. span.hint {
  149.   -webkit-transition: color 200ms;
  150.   background: white;
  151.   display: block;
  152.   font-size: 0.9em;
  153.   font-weight: bold;
  154.   height: 0;
  155.   line-height: 10px;
  156.   margin: 0;
  157.   overflow: hidden;
  158. }
  159.  
  160. span.hint.visible {
  161.   -webkit-animation-duration: 200ms;
  162.   -webkit-animation-fill-mode: forwards;
  163.   -webkit-user-select: text;
  164.   color: rgb(140, 20, 20);
  165.   height: auto;
  166.   margin-bottom: -5px;
  167.   margin-top: 5px;
  168.   padding-bottom: 5px;
  169. }
  170.  
  171. span.hint.closing {
  172.   -webkit-transition: margin 150ms, height 150ms, opacity 150ms;
  173.   background: transparent;
  174.   height: 0 !important;
  175.   margin: 0;
  176.   opacity: 0;
  177. }
  178.  
  179. .collapsible {
  180.   height: 0;
  181. }
  182.  
  183. .collapsible.visible {
  184.   -webkit-animation-duration: 200ms;
  185.   -webkit-animation-fill-mode: forwards;
  186.   height: auto;
  187. }
  188.  
  189. .collapsible.closing {
  190.   -webkit-transition: margin 150ms, height 150ms, opacity 150ms;
  191.   height: 0 !important;
  192.   opacity: 0;
  193.   overflow: hidden;
  194. }
  195.  
  196. select {
  197.   width: 100%;
  198. }
  199.  
  200. label {
  201.   -webkit-user-select: none;
  202. }
  203.  
  204. .hidden-section {
  205.   background: white;
  206.   position: relative;
  207. }
  208.  
  209. .extra {
  210.   background: white;
  211.   height: 0;
  212.   opacity: 0;
  213.   padding-top: 0;
  214.   position: absolute;
  215.   visibility: hidden;
  216. }
  217.  
  218. .visible .extra {
  219.   -webkit-animation-duration: 200ms;
  220.   -webkit-animation-fill-mode: forwards;
  221.   height: auto;
  222.   opacity: 1;
  223.   overflow: hidden;
  224.   padding-bottom: 0;
  225.   position: static;
  226.   visibility: visible;
  227. }
  228.  
  229. .closing .extra {
  230.   -webkit-transition: padding-top 100ms, height 100ms, opacity 200ms,
  231.       background 300ms;
  232.   height: 0 !important;
  233.   opacity: 0;
  234.   overflow: hidden;
  235.   padding-top: 0;
  236.   position: static;
  237.   visibility: visible;
  238. }
  239.  
  240. /* Individual settings sections  */
  241.  
  242. /* TODO(estade): this should be in a shared location but I'm afraid of the
  243.  * damage it could do. */
  244. [hidden] {
  245.   display: none !important;
  246. }
  247.  
  248. @-webkit-keyframes dancing-dots-jump {
  249.   0% { top: 0; }
  250.   55% { top: 0; }
  251.   60% { top: -10px; }
  252.   80% { top: 3px; }
  253.   90% { top: -2px; }
  254.   95% { top: 1px; }
  255.   100% { top: 0; }
  256. }
  257.  
  258. span.jumping-dots > span {
  259.   -webkit-animation: dancing-dots-jump 1800ms infinite;
  260.   padding: 1px;
  261.   position: relative;
  262. }
  263.  
  264. span.jumping-dots > span:nth-child(2) {
  265.   -webkit-animation-delay: 100ms;
  266. }
  267.  
  268. span.jumping-dots > span:nth-child(3) {
  269.   -webkit-animation-delay: 300ms;
  270. }
  271.  
  272. /* TODO(estade): unfork this code. */
  273. .button-strip {
  274.  
  275.   -webkit-box-orient: horizontal;
  276.   -webkit-box-pack: end;
  277.   display: -webkit-box;
  278. }
  279.  
  280. #print-preview .button-strip button {
  281.   -webkit-margin-start: 4px;
  282.   display: block;
  283. }
  284.  
  285. #link-container {
  286.   -webkit-box-orient: vertical;
  287.   display: -webkit-box;
  288. }
  289.  
  290. #main-container {
  291.   -webkit-box-flex: 1;
  292.   -webkit-box-orient: vertical;
  293.   display: -webkit-box;
  294.   height: 100%;
  295.   position: relative;
  296. }
  297. </style>
  298.   <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  299.  * Use of this source code is governed by a BSD-style license that can be
  300.  * found in the LICENSE file. */
  301.  
  302. /* This file holds CSS that should be shared, in theory, by all user-visible
  303.  * chrome:// pages. */
  304.  
  305. @import url("chrome://resources/css/widgets.css");
  306.  
  307.  
  308. /* Prevent CSS from overriding the hidden property. */
  309. [hidden] {
  310.   display: none !important;
  311. }
  312.  
  313. html.loading * {
  314.   -webkit-transition-delay: 0 !important;
  315.   -webkit-transition-duration: 0 !important;
  316. }
  317.  
  318. body {
  319.   cursor: default;
  320.   margin: 0;
  321. }
  322.  
  323. p {
  324.   line-height: 1.8em;
  325. }
  326.  
  327. h1,
  328. h2,
  329. h3 {
  330.   -webkit-user-select: none;
  331.   font-weight: normal;
  332.   /* Makes the vertical size of the text the same for all fonts. */
  333.   line-height: 1;
  334. }
  335.  
  336. h1 {
  337.   font-size: 1.5em;
  338. }
  339.  
  340. h2 {
  341.   font-size: 1.3em;
  342.   margin-bottom: 0.4em;
  343. }
  344.  
  345. h3 {
  346.   color: black;
  347.   font-size: 1.2em;
  348.   margin-bottom: 0.8em;
  349. }
  350.  
  351. a {
  352.   color: rgb(17, 85, 204);
  353.   text-decoration: underline;
  354. }
  355.  
  356. a:active {
  357.   color: rgb(5, 37, 119);
  358. }
  359.  
  360. /* Elements that need to be LTR even in an RTL context, but should align
  361.  * right. (Namely, URLs, search engine names, etc.)
  362.  */
  363. html[dir='rtl'] .weakrtl {
  364.   direction: ltr;
  365.   text-align: right;
  366. }
  367.  
  368. /* Input fields in search engine table need to be weak-rtl. Since those input
  369.  * fields are generated for all cr.ListItem elements (and we only want weakrtl
  370.  * on some), the class needs to be on the enclosing div.
  371.  */
  372. html[dir='rtl'] div.weakrtl input {
  373.   direction: ltr;
  374.   text-align: right;
  375. }
  376.  
  377. html[dir='rtl'] .favicon-cell.weakrtl {
  378.   -webkit-padding-end: 22px;
  379.   -webkit-padding-start: 0;
  380. }
  381.  
  382. /* weakrtl for selection drop downs needs to account for the fact that
  383.  * Webkit does not honor the text-align attribute for the select element.
  384.  * (See Webkit bug #40216)
  385.  */
  386. html[dir='rtl'] select.weakrtl {
  387.   direction: rtl;
  388. }
  389.  
  390. html[dir='rtl'] select.weakrtl option {
  391.   direction: ltr;
  392. }
  393.  
  394. /* WebKit does not honor alignment for text specified via placeholder attribute.
  395.  * This CSS is a workaround. Please remove once WebKit bug is fixed.
  396.  * https://bugs.webkit.org/show_bug.cgi?id=63367
  397.  */
  398. html[dir='rtl'] input.weakrtl::-webkit-input-placeholder,
  399. html[dir='rtl'] .weakrtl input::-webkit-input-placeholder {
  400.   direction: rtl;
  401. }
  402. </style>
  403.   <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  404.  * Use of this source code is governed by a BSD-style license that can be
  405.  * found in the LICENSE file. */
  406.  
  407. .throbber {
  408.   background: url('chrome://resources/images/throbber.svg');
  409.   display: inline-block;
  410.   height: 16px;
  411.   width: 16px;
  412. }
  413. </style>
  414.   <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  415.  * Use of this source code is governed by a BSD-style license that can be
  416.  * found in the LICENSE file. */
  417.  
  418. .print-header {
  419.   padding-bottom: 10px;
  420.   padding-top: 10px;
  421. }
  422.  
  423. .print-header-summary {
  424.   color: rgb(83, 99, 125);
  425.   display: block;
  426.   min-height: 30px;
  427. }
  428. </style>
  429.   <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  430.  * Use of this source code is governed by a BSD-style license that can be
  431.  * found in the LICENSE file. */
  432.  
  433. #destination-settings h1 {
  434.   padding-top: 20px;
  435.   vertical-align: top;
  436. }
  437.  
  438. #destination-settings .throbber {
  439.   display: block;
  440.   margin-bottom: 14px;
  441.   margin-top: 8px;
  442. }
  443.  
  444. #destination-settings .destination-settings-box {
  445.   -webkit-box-align: center;
  446.   display: -webkit-box;
  447.   height: 32px;
  448.   margin-top: 0;
  449.   padding-bottom: 6px;
  450. }
  451.  
  452. .destination-settings-icon {
  453.   -webkit-margin-end: 8px;
  454.   height: 24px;
  455.   vertical-align: middle;
  456.   width: 24px;
  457. }
  458.  
  459. .destination-settings-info-wrapper {
  460.   -webkit-box-flex: 1;
  461.   height: 32px;
  462.   position: relative;
  463. }
  464.  
  465. .destination-settings-info {
  466.   -webkit-box-orient: vertical;
  467.   -webkit-box-pack: center;
  468.   display: -webkit-box;
  469.   height: 100%;
  470.   position: absolute;
  471.   white-space: nowrap;
  472.   width: 100%;
  473. }
  474.  
  475. .destination-settings-name {
  476.   font-size: 110%;
  477.   overflow: hidden;
  478.   text-overflow: ellipsis;
  479. }
  480.  
  481. .destination-settings-location {
  482.   opacity: 0.4;
  483.   overflow: hidden;
  484.   text-overflow: ellipsis;
  485. }
  486. </style>
  487.   <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  488.  * Use of this source code is governed by a BSD-style license that can be
  489.  * found in the LICENSE file. */
  490.  
  491. #copies-settings .copies-settings-copies {
  492.   position: relative;
  493.   width: 2.75em;
  494. }
  495.  
  496. #copies-settings .copies-settings-copies.invalid {
  497.   background: rgb(255, 240, 240);
  498.   color: rgb(140, 20, 20);
  499. }
  500.  
  501. #copies-settings .copies-settings-increment:focus,
  502. #copies-settings .copies-settings-decrement:focus,
  503. .copies-settings:focus {
  504.   z-index: 1;
  505. }
  506.  
  507. #copies-settings .copies-settings-collate {
  508.  -webkit-padding-start: 16px;
  509.   display: inline-block;
  510. }
  511.  
  512. #copies-settings .copies-settings-increment,
  513. #copies-settings .copies-settings-decrement {
  514.   -webkit-padding-end: 0;
  515.   -webkit-padding-start: 0;
  516.   font-weight: 600;
  517.   margin: 0;
  518.   min-width: 0;
  519.   position: relative;
  520.   width: 2em;
  521. }
  522.  
  523. #copies-settings .copies-settings-increment {
  524.   -webkit-margin-start: -5px;
  525.   border-radius: 0;
  526. }
  527.  
  528. #copies-settings .copies-settings-decrement {
  529.   -webkit-margin-start: -5px;
  530.   border-bottom-left-radius: 0;
  531.   border-bottom-right-radius: 3px;
  532.   border-top-left-radius: 0;
  533.   border-top-right-radius: 3px;
  534. }
  535.  
  536. html[dir='rtl'] #copies-settings .copies-settings-decrement {
  537.   border-bottom-left-radius: 3px;
  538.   border-bottom-right-radius: 0;
  539.   border-top-left-radius: 3px;
  540.   border-top-right-radius: 0;
  541. }
  542. </style>
  543.   <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  544.  * Use of this source code is governed by a BSD-style license that can be
  545.  * found in the LICENSE file. */
  546.  
  547. #page-settings .page-settings-print-pages-div {
  548.   -webkit-box-align: center;
  549.   display: -webkit-box;
  550. }
  551.  
  552. #page-settings .page-settings-custom-input-wrapper {
  553.   -webkit-box-flex: 1;
  554.   -webkit-margin-start: 0.6em;
  555.   height: 24px;
  556.   position: relative;
  557. }
  558.  
  559. #page-settings .page-settings-custom-input {
  560.   position: absolute;
  561.   width: 100%;
  562. }
  563.  
  564. #page-settings .page-settings-custom-input.invalid {
  565.   background: rgb(255, 240, 240);
  566.   color: rgb(140, 20, 20);
  567. }</style>
  568.   <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  569.  * Use of this source code is governed by a BSD-style license that can be
  570.  * found in the LICENSE file. */
  571.  
  572. #preview-area.preview-area {
  573.   -webkit-box-flex: 1;
  574.   -webkit-user-select: none;
  575.   background-color: #ccc;
  576.   overflow: hidden;
  577.   position: relative;
  578. }
  579.  
  580. .preview-area-plugin-wrapper {
  581.   height: 100%;
  582.   position: absolute;
  583.   width: 100%;
  584. }
  585.  
  586. #preview-area .preview-area-plugin {
  587.   /* pluginFadeInTransitionDuration = 200ms */
  588.   -webkit-transition: opacity 200ms linear;
  589.   /* pluginFadeInTransitionDelay = overlayFadeOutTransitionDuration = 100ms */
  590.   -webkit-transition-delay: 100ms;
  591.   cursor: inherit;
  592.   height: 100%;
  593.   opacity: 1;
  594.   width: 100%;
  595. }
  596.  
  597. #preview-area .preview-area-plugin.invisible {
  598.   /* pluginFadeOutTransitionDuration = 100ms */
  599.   -webkit-transition: opacity 100ms linear;
  600.   /* pluginFadeOutTransitionDelay = 250ms */
  601.   -webkit-transition-delay: 250ms;
  602.   opacity: 0;
  603. }
  604.  
  605. #preview-area .preview-area-overlay-layer {
  606.   -webkit-transition: opacity 200ms linear;
  607.   /* overlayFadeInTransitionDelay = pluginFadeOutTransitionDelay +
  608.    *     pluginFadeOutTransitionDuration = 350ms */
  609.   -webkit-transition-delay: 350ms;
  610.   -webkit-user-select: none;
  611.   background: #ccc;
  612.   height: 100%;
  613.   margin: 0;
  614.   opacity: 1;
  615.   position: absolute;
  616.   width: 100%;
  617.   z-index: 1;
  618. }
  619.  
  620. #preview-area .preview-area-overlay-layer.invisible {
  621.   /* overlayFadeOutTransitionDuration = 100ms */
  622.   -webkit-transition: opacity 100ms linear;
  623.   opacity: 0;
  624.   pointer-events: none;
  625. }
  626.  
  627. #preview-area .preview-area-messages {
  628.   height: 100%;
  629. }
  630.  
  631. #preview-area .preview-area-message {
  632.   color: #404040;
  633.   font-size: 1.1em;
  634.   position: relative;
  635.   text-align: center;
  636.   text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
  637.   top: 50%;
  638. }
  639.  
  640. #preview-area .preview-area-no-plugin-action-area {
  641.   margin-top: 12px;
  642. }
  643.  
  644. #preview-area .preview-area-open-system-dialog-button-throbber {
  645.   vertical-align: middle;
  646. }
  647. </style>
  648.   <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  649.  * Use of this source code is governed by a BSD-style license that can be
  650.  * found in the LICENSE file. */
  651.  
  652. .margin-control-container-dragging-vertical {
  653.   cursor: ns-resize;
  654. }
  655.  
  656. .margin-control-container-dragging-horizontal {
  657.   cursor: ew-resize;
  658. }
  659. </style>
  660.   <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  661.  * Use of this source code is governed by a BSD-style license that can be
  662.  * found in the LICENSE file. */
  663.  
  664. #preview-area .margin-control {
  665.   -webkit-transition: opacity 150ms linear;
  666.   position: absolute;
  667. }
  668.  
  669. #preview-area .margin-control.invisible {
  670.   opacity: 0;
  671.   pointer-events: none;
  672. }
  673.  
  674. #preview-area .margin-control.margin-control-top,
  675. #preview-area .margin-control.margin-control-bottom {
  676.   cursor: ns-resize;
  677.   padding: 8px 0;
  678.   width: 100%;
  679. }
  680.  
  681. #preview-area .margin-control.margin-control-left,
  682. #preview-area .margin-control.margin-control-right {
  683.   cursor: ew-resize;
  684.   height: 100%;
  685.   padding: 0 8px;
  686. }
  687.  
  688. #preview-area .margin-control.margin-control-disabled {
  689.   cursor: default;
  690. }
  691.  
  692. #preview-area .margin-control-line {
  693.   border-color: rgb(64, 128, 250);
  694.   border-style: dashed;
  695.   border-width: 1px;
  696. }
  697.  
  698. #preview-area .margin-control-disabled .margin-control-line  {
  699.   border-color: gray;
  700. }
  701.  
  702. #preview-area .margin-control-top .margin-control-line,
  703. #preview-area .margin-control-bottom .margin-control-line {
  704.   width: 100%;
  705. }
  706.  
  707. #preview-area .margin-control-left .margin-control-line,
  708. #preview-area .margin-control-right .margin-control-line {
  709.   height: 100%;
  710. }
  711.  
  712. #preview-area .margin-control-textbox {
  713.   background-color: #2a2a2a;
  714.   border: 1px solid #888;
  715.   box-sizing: border-box;
  716.   color: white;
  717.   cursor: auto;
  718.   font-family: arial;
  719.   font-size: 0.8em;
  720.   height: 25px;
  721.   padding: 5px 0;
  722.   position: absolute;
  723.   text-align: center;
  724.   width: 60px;
  725. }
  726.  
  727. #preview-area .margin-control-textbox.invalid {
  728.   background-color: rgb(193, 27, 23);
  729. }
  730.  
  731. #preview-area .margin-control-top .margin-control-textbox {
  732.   left: 50%;
  733.   top: 8px;
  734. }
  735.  
  736. #preview-area .margin-control-right .margin-control-textbox {
  737.   right: 8px;
  738.   top: 50%;
  739. }
  740.  
  741. #preview-area .margin-control-bottom .margin-control-textbox {
  742.   bottom: 8px;
  743.   right: 50%;
  744. }
  745.  
  746. #preview-area .margin-control-left .margin-control-textbox {
  747.   bottom: 50%;
  748.   left: 8px;
  749. }
  750. </style>
  751.   <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  752.  * Use of this source code is governed by a BSD-style license that can be
  753.  * found in the LICENSE file. */
  754.  
  755. /* The shield that overlays the background. */
  756. .overlay {
  757.   -webkit-box-align: center;
  758.   -webkit-box-orient: vertical;
  759.   -webkit-box-pack: center;
  760.   -webkit-transition: 200ms opacity;
  761.   background-color: rgba(255, 255, 255, 0.75);
  762.   bottom: 0;
  763.   display: -webkit-box;
  764.   left: 0;
  765.   overflow: auto;
  766.   padding: 20px;
  767.   position: fixed;
  768.   right: 0;
  769.   top: 0;
  770. }
  771.  
  772. /* Used to slide in the overlay. */
  773. .overlay.transparent .page {
  774.   /* TODO(flackr): Add perspective(500px) rotateX(5deg) when accelerated
  775.    * compositing is enabled on chrome:// pages. See http://crbug.com/116800. */
  776.   -webkit-transform: scale(0.99) translateY(-20px);
  777. }
  778.  
  779. /* The foreground dialog. */
  780. .overlay .page {
  781.   -webkit-border-radius: 3px;
  782.   -webkit-box-orient: vertical;
  783.   -webkit-transition: 200ms -webkit-transform;
  784.   background: white;
  785.   box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
  786.   color: #333;
  787.   display: -webkit-box;
  788.   min-width: 400px;
  789.   padding: 0;
  790.   position: relative;
  791.   z-index: 0;
  792. }
  793.  
  794. /* If the options page is loading don't do the transition. */
  795. .loading .overlay,
  796. .loading .overlay .page {
  797.   -webkit-transition-duration: 0 !important;
  798. }
  799.  
  800. /* keyframes used to pulse the overlay */
  801. @-webkit-keyframes pulse {
  802.  0% {
  803.    -webkit-transform: scale(1);
  804.  }
  805.  40% {
  806.    -webkit-transform: scale(1.02);
  807.   }
  808.  60% {
  809.    -webkit-transform: scale(1.02);
  810.   }
  811.  100% {
  812.    -webkit-transform: scale(1);
  813.  }
  814. }
  815.  
  816. .overlay .page.pulse {
  817.   -webkit-animation-duration: 180ms;
  818.   -webkit-animation-iteration-count: 1;
  819.   -webkit-animation-name: pulse;
  820.   -webkit-animation-timing-function: ease-in-out;
  821. }
  822.  
  823. .overlay .page > .close-button {
  824.   background-image: url('chrome://theme/IDR_WEB_UI_CLOSE');
  825.   background-position: center;
  826.   background-repeat: no-repeat;
  827.   height: 14px;
  828.   position: absolute;
  829.   right: 7px;
  830.   top: 7px;
  831.   width: 14px;
  832.   z-index: 1;
  833. }
  834.  
  835. html[dir='rtl'] .overlay .page > .close-button {
  836.   left: 10px;
  837.   right: auto;
  838. }
  839.  
  840. .overlay .page > .close-button:hover {
  841.   background-image: url('chrome://theme/IDR_WEB_UI_CLOSE_HOVER');
  842. }
  843.  
  844. .overlay .page > .close-button:active {
  845.   background-image: url('chrome://theme/IDR_WEB_UI_CLOSE_PRESSED');
  846. }
  847.  
  848. .overlay .page h1 {
  849.   -webkit-padding-end: 24px;
  850.   -webkit-user-select: none;
  851.   color: #333;
  852.   /* 120% of the body's font-size of 84% is 16px. This will keep the relative
  853.    * size between the body and these titles consistent. */
  854.   font-size: 120%;
  855.   /* TODO(flackr): Pages like sync-setup and delete user collapse the margin
  856.    * above the top of the page. Use padding instead to make sure that the
  857.    * headers of these pages have the correct spacing, but this should not be
  858.    * necessary. See http://crbug.com/119029. */
  859.   margin: 0;
  860.   padding: 14px 17px 14px;
  861.   text-shadow: white 0 1px 2px;
  862. }
  863.  
  864. .overlay .page .content-area {
  865.   -webkit-box-flex: 1;
  866.   overflow: auto;
  867.   padding: 6px 17px 6px;
  868.   position: relative;
  869. }
  870.  
  871. .overlay .page .action-area {
  872.   -webkit-box-align: center;
  873.   -webkit-box-orient: horizontal;
  874.   -webkit-box-pack: end;
  875.   display: -webkit-box;
  876.   padding: 14px 17px;
  877. }
  878.  
  879. html[dir='rtl'] .overlay .page .action-area {
  880.   left: 0;
  881. }
  882.  
  883. .overlay .page .action-area-right {
  884.   display: -webkit-box;
  885. }
  886.  
  887. .overlay .page .button-strip {
  888.   -webkit-box-orient: horizontal;
  889.   display: -webkit-box;
  890. }
  891.  
  892. .overlay .page .button-strip > button {
  893.   -webkit-margin-start: 10px;
  894.   display: block;
  895. }
  896.  
  897. /* On OSX 10.7, hidden scrollbars may prevent the user from realizing that the
  898.  * overlay contains scrollable content. To resolve this, style the scrollbars on
  899.  * OSX so they are always visible. See http://crbug.com/123010. */
  900.  
  901. </style>
  902.   <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  903.  * Use of this source code is governed by a BSD-style license that can be
  904.  * found in the LICENSE file. */
  905.  
  906. #no-destinations-promo {
  907.   -webkit-user-select: none;
  908.   z-index: 2;
  909. }
  910.  
  911. #no-destinations-promo .page {
  912.   padding: 20px;
  913.   width: 640px;
  914. }
  915.  
  916. #no-destinations-promo .dialog-title {
  917.   font-size: 16pt;
  918.   margin-bottom: 18px;
  919. }
  920.  
  921. #no-destinations-promo p {
  922.   margin-bottom: 14px;
  923. }
  924.  
  925. #no-destinations-promo .gcp-logo {
  926.   -webkit-margin-end: 12px;
  927.   float: left;
  928. }
  929.  
  930. [dir='rtl'] #no-destinations-promo .gcp-logo {
  931.   float: right;
  932. }
  933.  
  934. #no-destinations-promo .text-content {
  935.   -webkit-box-flex: 1;
  936.   font-size: 10pt;
  937.   margin-bottom: 18px;
  938. }
  939.  
  940. #no-destinations-promo .close-button {
  941.   background-image: url('chrome://theme/IDR_WEB_UI_CLOSE');
  942.   background-position: center;
  943.   background-repeat: no-repeat;
  944.   height: 16px;
  945.   right: 14px;
  946.   top: 14px;
  947.   width: 16px;
  948. }
  949.  
  950. #no-destinations-promo .close-button:hover {
  951.   background-image: url('chrome://theme/IDR_WEB_UI_CLOSE_HOVER');
  952. }
  953.  
  954. #no-destinations-promo .close-button:active {
  955.   background-image: url('chrome://theme/IDR_WEB_UI_CLOSE_PRESSED');
  956. }
  957.  
  958. #no-destinations-promo .action-button-container {
  959.   text-align: right;
  960. }
  961. </style>
  962.  
  963.   <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  964.  * Use of this source code is governed by a BSD-style license that can be
  965.  * found in the LICENSE file. */
  966.  
  967. .destination-list > header {
  968.   -webkit-padding-start: 0;
  969.   background-color: transparent;
  970.   padding-bottom: 8px;
  971. }
  972.  
  973. .destination-list .title {
  974.   -webkit-padding-end: 8px;
  975.   -webkit-padding-start: 4px;
  976.   display: inline;
  977.   vertical-align: middle;
  978. }
  979.  
  980. .destination-list .action-link {
  981.   vertical-align: middle;
  982. }
  983.  
  984. .destination-list > ul {
  985.   list-style-type: none;
  986.   margin: 0;
  987.   padding: 0;
  988. }
  989.  
  990. .destination-list .throbber-container {
  991.   -webkit-box-align: center;
  992.   display: -webkit-box;
  993.   height: 30px;
  994.   padding: 0 22px;
  995. }
  996.  
  997. .destination-list .no-destinations-message {
  998.   -webkit-padding-start: 18px;
  999.   color: #999;
  1000.   padding-bottom: 8px;
  1001.   padding-top: 8px;
  1002. }
  1003.  
  1004. .destination-list > footer {
  1005.   -webkit-padding-start: 18px;
  1006.   padding-top: 6px;
  1007. }
  1008.  
  1009. .destination-list .total {
  1010.   color: #999;
  1011. }
  1012. </style>
  1013.   <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  1014.  * Use of this source code is governed by a BSD-style license that can be
  1015.  * found in the LICENSE file. */
  1016.  
  1017. .destination-list-item {
  1018.   -webkit-padding-end: 2px;
  1019.   -webkit-padding-start: 18px;
  1020.   -webkit-transition: background-color 150ms;
  1021.   cursor: default;
  1022.   padding-bottom: 3px;
  1023.   padding-top: 3px;
  1024. }
  1025.  
  1026. .destination-list-item:hover {
  1027.   background-color: rgb(228, 236, 247);
  1028. }
  1029.  
  1030. .destination-list-item.stale {
  1031.   opacity: 0.4;
  1032. }
  1033.  
  1034. .destination-list-item-icon {
  1035.   -webkit-margin-end: 8px;
  1036.   -webkit-transition: opacity 150ms;
  1037.   display: inline-block;
  1038.   height: 24px;
  1039.   vertical-align: middle;
  1040.   width: 24px;
  1041. }
  1042.  
  1043. .destination-list-item-name {
  1044.   vertical-align: middle;
  1045. }
  1046.  
  1047. .destination-list-item .offline-status {
  1048.   -webkit-margin-start: 1em;
  1049.   font-size: 75%;
  1050.   opacity: 0.6;
  1051. }
  1052. </style>
  1053.   <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  1054.  * Use of this source code is governed by a BSD-style license that can be
  1055.  * found in the LICENSE file. */
  1056.  
  1057. #destination-search {
  1058.   z-index: 3;
  1059. }
  1060.  
  1061. #destination-search.transparent {
  1062.   opacity: 0;
  1063.   overflow: hidden;
  1064.   pointer-events: none;
  1065. }
  1066.  
  1067. #destination-search .page {
  1068.   width: 640px;
  1069. }
  1070.  
  1071. #destination-search .user-info {
  1072.   -webkit-user-select: none;
  1073.   overflow: hidden;
  1074.   position: absolute;
  1075.   right: 40px;
  1076.   text-align: right;
  1077.   text-overflow: ellipsis;
  1078.   top: 14px;
  1079.   white-space: nowrap;
  1080.   width: 350px;
  1081. }
  1082.  
  1083. [dir='rtl'] #destination-search .user-info {
  1084.   left: 40px;
  1085.   right: auto;
  1086. }
  1087.  
  1088. #destination-search > .page > .close-button {
  1089.   top: 9px;
  1090. }
  1091.  
  1092. #destination-search .search-box {
  1093.   -webkit-user-select: none;
  1094.   margin: 14px;
  1095. }
  1096.  
  1097. #destination-search .lists {
  1098.   -webkit-box-flex: 1;
  1099.   overflow-y: auto;
  1100. }
  1101.  
  1102. #destination-search .lists > * {
  1103.   -webkit-user-select: none;
  1104.   padding: 0 14px 18px;
  1105. }
  1106.  
  1107. #destination-search .cloudprint-promo {
  1108.   -webkit-box-align: center;
  1109.   -webkit-user-select: none;
  1110.   background-color: rgb(249, 237, 190);
  1111.   display: -webkit-box;
  1112.   padding: 12px;
  1113. }
  1114.  
  1115. #destination-search .cloudprint-promo .sign-in.link-button {
  1116.   padding: inherit;
  1117. }
  1118.  
  1119. #destination-search .cloudprint-promo .icon {
  1120.   -webkit-margin-end: 12px;
  1121.   display: block;
  1122.   height: 24px;
  1123.   width: 24px;
  1124. }
  1125.  
  1126. #destination-search .cloudprint-promo .promo-text {
  1127.   -webkit-box-flex: 1;
  1128. }
  1129.  
  1130. #destination-search .cloudprint-promo .close-button {
  1131.   -webkit-margin-start: 12px;
  1132.   background-image: url('chrome://theme/IDR_WEB_UI_CLOSE');
  1133.   background-repeat: no-repeat;
  1134.   background-size: 14px;
  1135.   height: 14px;
  1136.   width: 14px;
  1137. }
  1138.  
  1139. #destination-search .cloudprint-promo .close-button:hover {
  1140.   background-image: url('chrome://theme/IDR_WEB_UI_CLOSE_HOVER');
  1141. }
  1142.  
  1143. #destination-search .cloudprint-promo .close-button:active {
  1144.   background-image: url('chrome://theme/IDR_WEB_UI_CLOSE_PRESSED');
  1145. }
  1146. </style>
  1147.   <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  1148.  * Use of this source code is governed by a BSD-style license that can be
  1149.  * found in the LICENSE file. */
  1150.  
  1151. .search-box {
  1152.   -webkit-user-select: none;
  1153.   position: relative;
  1154. }
  1155.  
  1156. .search-box-icon {
  1157.   -webkit-user-select: none;
  1158.   display: inline-block;
  1159.   height: 12px;
  1160.   left: 8px;
  1161.   position: absolute;
  1162.   right: 8px;
  1163.   top: 6px;
  1164.   width: 12px;
  1165. }
  1166.  
  1167. .search-box-input {
  1168.   text-indent: 24px;
  1169.   width: 100%;
  1170. }
  1171. </style>
  1172.   <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  1173.  * Use of this source code is governed by a BSD-style license that can be
  1174.  * found in the LICENSE file. */
  1175.  
  1176. .fedex-tos {
  1177.   -webkit-transition: height 300ms;
  1178.   overflow: hidden;
  1179.   padding: 0 36px;
  1180.   text-align: center;
  1181. }
  1182.  
  1183. .fedex-tos .tos-text {
  1184.   padding: 8px 0;
  1185. }
  1186.  
  1187. .fedex-tos .agreement-box {
  1188.   -webkit-padding-after: 8px;
  1189. }
  1190. </style>
  1191.  
  1192.   <script src="chrome://print/strings.js"></script>
  1193.   <script src="chrome://resources/js/cr.js"></script>
  1194.   <script src="chrome://resources/js/cr/event_target.js"></script>
  1195.   <script src="chrome://resources/js/event_tracker.js"></script>
  1196.   <script src="chrome://resources/js/local_strings.js"></script>
  1197.   <script src="chrome://resources/js/util.js"></script>
  1198.   <script src="chrome://print/print_preview.js"></script>
  1199.   <script src="chrome://resources/js/i18n_template.js"></script>
  1200. </head>
  1201.  
  1202. <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
  1203.   <div id="navbar-container">
  1204.     <header>
  1205.       <h1 id="navbar-content-title" i18n-content="title"></h1>
  1206.       <div id="print-header" class="print-header">
  1207.   <span class="print-header-summary"></span>
  1208.   <div class="button-strip">
  1209.     <button class="print-header-print-button default"
  1210.             i18n-content="printButton"
  1211.             disabled></button>
  1212.     <button class="print-header-cancel-button"
  1213.             i18n-content="cancelButton"></button>
  1214.   </div>
  1215. </div>
  1216.  
  1217.     </header>
  1218.     <div id="navbar-scroll-container">
  1219.       <div id="settings">
  1220.         <div id="destination-settings" class="two-column visible">
  1221.   <h1 i18n-content="destinationLabel"></h1>
  1222.   <div class="right-column">
  1223.     <div class="throbber"></div>
  1224.     <div class="destination-settings-box" hidden>
  1225.       <img class="destination-settings-icon">
  1226.       <div class="destination-settings-info-wrapper">
  1227.         <div class="destination-settings-info">
  1228.           <div class="destination-settings-name"></div>
  1229.           <div class="destination-settings-location"></div>
  1230.         </div>
  1231.       </div>
  1232.     </div>
  1233.     <button class="destination-settings-change-button"
  1234.         i18n-content="changeDestination"></button>
  1235.   </div>
  1236. </div>
  1237.  
  1238.         <div id="page-settings" class="two-column visible page-settings">
  1239.   <h1 i18n-content="pagesLabel"></h1>
  1240.   <div class="right-column">
  1241.     <div class="radio"><label>
  1242.       <input class="page-settings-all-radio" name="pages" checked type="radio">
  1243.       <span i18n-content="optionAllPages"></span>
  1244.     </label></div>
  1245.     <div class="radio">
  1246.       <label class="page-settings-print-pages-div">
  1247.         <input class="page-settings-custom-radio"
  1248.                name="pages"
  1249.                type="radio"
  1250.                i18n-values="aria-label:printPagesLabel;">
  1251.         <div class="page-settings-custom-input-wrapper">
  1252.           <input class="page-settings-custom-input"
  1253.                  type="text"
  1254.                  i18n-values="placeholder:examplePageRangeText">
  1255.         </div>
  1256.       </label>
  1257.       <span class="page-settings-custom-hint hint suggestion"
  1258.             aria-hidden="true"
  1259.             aria-live="polite"></span>
  1260.     </div>
  1261.   </div>
  1262. </div>
  1263.  
  1264.         <div id="copies-settings" class="copies-settings two-column visible">
  1265.   <h1 i18n-content="copiesLabel"></h1>
  1266.   <div class="right-column">
  1267.     <div>
  1268.       <input class="copies-settings-copies" type="text" value="1" maxlength="3">
  1269.       <button class="copies-settings-increment"
  1270.           i18n-values="title:incrementTitle;">+</button>
  1271.       <button class="copies-settings-decrement"
  1272.           i18n-values="title:decrementTitle;">ΓÇô</button>
  1273.       <div class="copies-settings-collate checkbox" aria-live="polite" hidden>
  1274.         <label>
  1275.           <input class="copies-settings-collate-checkbox" type="checkbox"
  1276.               checked>
  1277.           <span i18n-content="optionCollate"></span>
  1278.         </label>
  1279.       </div>
  1280.     </div>
  1281.     <span class="copies-settings-hint hint" i18n-content="copiesInstruction"
  1282.         aria-live="polite">
  1283.     </span>
  1284.   </div>
  1285. </div>
  1286.  
  1287.         <div id="layout-settings" class="two-column visible layout-settings">
  1288.   <h1 i18n-content="layoutLabel"></h1>
  1289.   <div class="right-column">
  1290.     <div class="radio"><label>
  1291.       <input class="layout-settings-portrait-radio"
  1292.              type="radio"
  1293.              name="layout"
  1294.              checked>
  1295.       <span i18n-content="optionPortrait"></span>
  1296.     </label></div>
  1297.     <div class="radio"><label>
  1298.       <input class="layout-settings-landscape-radio"
  1299.              type="radio"
  1300.              name="layout">
  1301.       <span i18n-content="optionLandscape"></span>
  1302.     </label></div>
  1303.   </div>
  1304. </div>
  1305.  
  1306.         <div id="color-settings"
  1307.      class="color-settings two-column visible"
  1308.      aria-hidden="false"
  1309.      aria-live="polite">
  1310.   <h1 i18n-content="optionColor"></h1>
  1311.   <div class="right-column">
  1312.     <div class="radio"><label>
  1313.       <input class="color-settings-color-option" type="radio" name="color">
  1314.       <span i18n-content="optionColor"></span>
  1315.     </label></div>
  1316.     <div class="radio"><label>
  1317.       <input class="color-settings-bw-option" type="radio" name="color"
  1318.           checked>
  1319.       <span i18n-content="optionBw"></span>
  1320.     </label></div>
  1321.   </div>
  1322. </div>
  1323.  
  1324.         <div id="margin-settings" class="two-column visible margin-settings">
  1325.   <h1 i18n-content="marginsLabel"></h1>
  1326.   <div class="right-column">
  1327.     <select class="margin-settings-select">
  1328.       <!-- The order of these options must match the natural order of their
  1329.       values, which come from print_preview.ticket_items.MarginsType.Value. -->
  1330.       <option i18n-content="defaultMargins" value="0" selected></option>
  1331.       <option i18n-content="noMargins" value="1"></option>
  1332.       <option i18n-content="minimumMargins" value="2"></option>
  1333.       <option i18n-content="customMargins" value="3"></option>
  1334.     </select>
  1335.   </div>
  1336. </div>
  1337.  
  1338.         <div id="other-options-settings"
  1339.      class="other-options-settings two-column visible">
  1340.   <h1 i18n-content="optionsLabel"></h1>
  1341.   <div class="right-column checkbox">
  1342.     <div class="header-footer-container checkbox">
  1343.       <label aria-live="polite">
  1344.         <input class="header-footer-checkbox" type="checkbox">
  1345.         <span i18n-content="optionHeaderFooter"></span>
  1346.       </label>
  1347.     </div>
  1348.     <div class="fit-to-page-container checkbox">
  1349.       <label aria-live="polite">
  1350.         <input class="fit-to-page-checkbox" type="checkbox">
  1351.         <span i18n-content="optionFitToPage"></span>
  1352.       </label>
  1353.     </div>
  1354.     <div class="duplex-container checkbox">
  1355.       <label aria-live="polite">
  1356.         <input class="duplex-checkbox" type="checkbox">
  1357.         <span i18n-content="optionTwoSided"></span>
  1358.       </label>
  1359.     </div>
  1360.   </div>
  1361. </div>
  1362.  
  1363.       </div>
  1364.       <div id="link-container">
  1365.         <div>
  1366.           <button id="system-dialog-link" class="link-button navbar-link"
  1367.               i18n-content="systemDialogOption"></button>
  1368.           <div id="system-dialog-throbber" hidden class="throbber"></div>
  1369.         </div>
  1370.         <div>
  1371.           <button id="open-pdf-in-preview-link" class="link-button navbar-link"
  1372.               hidden i18n-content="openPdfInPreviewOption"></button>
  1373.           <div id="open-preview-app-throbber" hidden class="throbber"></div>
  1374.         </div>
  1375.         <div>
  1376.           <button id="cloud-print-dialog-link" class="link-button navbar-link"
  1377.               hidden i18n-content="cloudPrintDialogOption"></button>
  1378.           <div id="cloud-print-dialog-throbber" hidden class="throbber"></div>
  1379.         </div>
  1380.       </div>
  1381.     </div>
  1382.   </div>
  1383.   <div id="destination-search" class="destination-search overlay transparent">
  1384.   <div class="page">
  1385.     <h1 i18n-content="destinationSearchTitle"></h1>
  1386.     <span class="user-info" hidden></span>
  1387.     <div class="close-button"></div>
  1388.     <div id="search-box" class="search-box">
  1389.   <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAAXNSR0IArs4c6QAAAAJiS0dEAP+Hj8y/AAAACXBIWXMAAAsTAAALEwEAmpwYAAABBElEQVQoFXXBPUsUABwH4P9QZGd4gzQIIc3a4JLVx6hJ0NDp6QPkIrTnoDQ5XFMhDQZCU5OI4MuWm0pCS9DocogEyf0K8bor9Hmq/jBiwVfnzn23aLT+Z8y+iFNtET88qn6G7Iq2dXOmrToR39yvHs/FmVd1yZSfolU9Postd+ovq2Jbo7rsidfVx4w4NlFdtsWb6mNWHHpQXdbErmZdcsuG2DRQXZ7q6HhnyE03NCzp+OVl9bjtg4gjK5Z9EXFiVrN63LOuLSLizLGO+ORh9TPjo0071rww7kDEocf1Lw3DdcG8iDgwWVfT1BIRR0braga1RMSzuo5Bb8V7d+t6BjwxXPUbpgyZUOsKz6kAAAAASUVORK5CYII=" class="search-box-icon">
  1390.   <input type="text" class="search-box-input"
  1391.       i18n-values="placeholder:searchBoxPlaceholder">
  1392. </div>
  1393.  
  1394.     <div class="lists">
  1395.       <div class="recent-list"></div>
  1396.       <div class="local-list"></div>
  1397.       <div class="cloud-list" hidden></div>
  1398.     </div>
  1399.     <div class="cloudprint-promo" hidden>
  1400.       <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAArDAAAKwwE0KSSrAAACXklEQVRYCe1UO0sDQRD2LtEQ8r4kjSa1D7SytRItRMFCrewtBAXBwkrRVls7QRAsRAsFxR9gJdiJ+gN8IOQpEQlncuc3kl3u4iZ7kYAId7C3uzPfzHw7O7OKaZodf/l5/zI4xXYJuBn4XxlIJpPduq6vKYoyhtHPOgitfIP1UbFY3GEyp7Pi9B2IRqPbCLpqcTxTxaeqaifGMZMbhjEHIidsL52JgGyEw+FTEDAjkchhMBhMivDQDcdiMVPTNMKtijAimTQ4Am9RcJBYEjmol4HAcTweJxJj9TrRvimBVCrlrwU/Fxk3koHEM0gYjfRWeVMCOPU8EQgEAkNWI9kaNtMoWMrCrAzbtAjh6B5F1I+iUqTFVAdABh49Hk+qUqlE8/n8W52ab2XvwCuQvRzdwgKl/Ulwr9dbxJVcgMSUyLwpAaSPWkxF+3mwroocNJKZhrmiV3WyXwKJSZCYAInLH3jRHYVCoT7c/z7dP7WWCONUhrYdSCQS1J57IhtbDaTTaX+pVDrDiceJKQxusc4WCoXRH8wdCshnuVz+gB/y15PJZF5splZWOPU6nRrzAUBdVt1v18hgBD6vqStoYD9i9cUzQPcMYIXY4cQtV73tVIINWlLz+Xw5PNUP2Wx2gEMYG5z6qnbnNoZM344Z/pcpC4ilMX+8C1CtI8QKinfOrs0LZNlPLvE+8I7iV4AUbYLEeq1YNmWxkUoZ5FsPn2oNaCDwBg54l8vlBpkxJ0ACpGgX+EWyISJskI5SRh8FpjXbfwud/54AXbC+BzYCzv20D8lroH0uW/PkEnAz4GbgC7T02YErk5g+AAAAAElFTkSuQmCC" class="icon">
  1401.       <div class="promo-text"></div>
  1402.       <div class="close-button"></div>
  1403.     </div>
  1404.   </div>
  1405. </div>
  1406.  
  1407.   <div id="no-destinations-promo" class="overlay" hidden>
  1408.   <div class="page">
  1409.     <div class="dialog-title" i18n-content="noDestsPromoTitle"></div>
  1410.     <div class="text-content">
  1411.       <img class="gcp-logo" src="data:image/png;base64,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" />
  1412.       <p i18n-content="noDestsPromoBody"></p>
  1413.       <p class="gcp-description"></p>
  1414.     </div>
  1415.     <div class="action-button-container">
  1416.       <button
  1417.           class="add-printer-button"
  1418.           i18n-content="noDestsPromoAddPrinterButtonLabel"></button>
  1419.       <button
  1420.           class="not-now-button"
  1421.           i18n-content="noDestsPromoNotNowButtonLabel"></button>
  1422.     </div>
  1423.     <div class="close-button"></div>
  1424.   </div>
  1425. </div>
  1426.  
  1427.   <div id="main-container">
  1428.     <div id="preview-area" class="preview-area">
  1429.   <div class="preview-area-overlay-layer">
  1430.     <div class="preview-area-messages">
  1431.  
  1432.       <div class="preview-area-loading-message preview-area-message">
  1433.         <span i18n-content="loading"></span>
  1434.         <span class="preview-area-loading-message-jumping-dots jumping-dots"
  1435.             ><span>.</span><span>.</span><span>.</span></span>
  1436.       </div>
  1437.  
  1438.       <div class="preview-area-custom-message preview-area-message" hidden>
  1439.         <div class="preview-area-custom-message-text"></div>
  1440.         <div class="preview-area-custom-action-area">
  1441.           <button class="preview-area-open-system-dialog-button"
  1442.               i18n-content="launchNativeDialog"></button>
  1443.           <div class="preview-area-open-system-dialog-button-throbber throbber"
  1444.               hidden></div>
  1445.         </div>
  1446.       </div>
  1447.  
  1448.       <div class="preview-area-preview-failed-message preview-area-message"
  1449.           i18n-content="previewFailed" hidden></div>
  1450.  
  1451.       <div class="preview-area-print-failed preview-area-message" hidden>
  1452.         <div i18n-content="invalidPrinterSettings"></div>
  1453.         <div class="preview-area-print-failed-action-area">
  1454.           <button class="preview-area-open-system-dialog-button"
  1455.               i18n-content="launchNativeDialog"></button>
  1456.           <div class="preview-area-open-system-dialog-button-throbber throbber"
  1457.               hidden></div>
  1458.         </div>
  1459.       </div>
  1460.  
  1461.     </div>
  1462.   </div>
  1463.   <div class="preview-area-plugin-wrapper">
  1464.     <object class="preview-area-compatibility-object"
  1465.         type="application/x-google-chrome-print-preview-pdf"
  1466.         data="chrome://print/dummy.pdf"></object>
  1467.   </div>
  1468. </div>
  1469.  
  1470.   </div>
  1471.  
  1472.   <!-- HTML Templates -->
  1473.   <div id="margin-control-template" class="margin-control invisible" hidden>
  1474.   <div class="margin-control-line"></div>
  1475.   <input class="margin-control-textbox" type="text">
  1476. </div>
  1477.  
  1478.   <div id="destination-list-template" class="destination-list" hidden>
  1479.   <header>
  1480.     <h4 class="title"></h4>
  1481.     <button class="action-link link-button" hidden></button>
  1482.   </header>
  1483.   <ul></ul>
  1484.   <div class="throbber-container">
  1485.     <div class="throbber"></div>
  1486.   </div>
  1487.   <div class="no-destinations-message"
  1488.       i18n-content="noDestinationsMessage"></div>
  1489.   <footer hidden>
  1490.     <button class="show-all-button" i18n-content="showAllButtonText"></button>
  1491.     <span class="total"></span>
  1492.   </footer>
  1493. </div>
  1494.  
  1495.   <li id="destination-list-item-template" class="destination-list-item" hidden>
  1496.   <img class="destination-list-item-icon">
  1497.   <span class="destination-list-item-name"></span>
  1498.   <span class="offline-status" hidden></span>
  1499. </li>
  1500.  
  1501.   <div id="fedex-tos-template" class="fedex-tos" aria-hidden="false"
  1502.     aria-live="polite" hidden style="height: 0;">
  1503.   <div class="height-helper">
  1504.     <div class="tos-text"></div>
  1505.     <div class="agreement-box">
  1506.       <label>
  1507.         <input class="agree-checkbox" type="checkbox">
  1508.         <span i18n-content="tosCheckboxLabel"></span>
  1509.       </label>
  1510.     </div>
  1511.   </div>
  1512. </div>
  1513.  
  1514. </body>
  1515.  
  1516. </html>
  1517.