WebEngine Widgets PrintMe Example


  html,body {
       height:100%;
       width:100%;
       margin:0;
  }
   body {
       display:flex;
  }
   .logo {
       width: 75px;
       height: 75px;
       float: left;
       margin: 20px 20px 0px 20px;
       -webkit-animation:spin 8s linear infinite;
  }
   @-webkit-keyframes spin {
       100% {
           -webkit-transform: rotate(360deg);
      }
  }
   .header {
       display: inline
  }
   .form {
       width: 480px;
       height: 170px;
       background: -webkit-linear-gradient(bottom, #ddd, #fff);
       border: 1px solid #999;
       border-radius: 12px;
       color: #46a;
       font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
       font-size: 14px;
       font-style: italic;
       font-weight: bold;
       margin: auto;
       padding: 10px;
       position: relative;
       line-height: 26px;
       text-decoration: none;
       -webkit-box-shadow: 0px 0px 5px #444;
  }
   h1 {
       padding-left:40px;
       color: #46a2da;
  }
   h2 {
       color: #80c342;
       font-size: 13px;
       margin-top: -20px;
  }
   span {
       margin-left: 20px;
  }
   .button{
       display: inline-block;
       background: #46a2da;
       width: 100px;
       height: 30px;
       padding: 0px;
       text-align: center;
       font-weight: bold;
       color: #ffffff;
       text-decoration: none;
       border: 1px solid #999;
       margin-left: 190px;
  }
   .button:hover {
      background-color: #46a200
  }
   .button:active {
       background-color: #3e8e41;
  }