Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- <style>
- @font-face {
- font-family: DroidSans;
- src: url('//dev-dev-pcre-js-gen.cs59.force.com/resource/DroidSans');
- }
- @font-face {
- font-family: DroidSansForIe;
- src: url('//dev-dev-pcre-js-gen.cs59.force.com/resource/DroidSansForIe');
- }
- .prechat .phone {
- height: 20px;
- margin-right: 20px;
- margin-top: 6px;
- position: relative;
- float: left;
- font-size: 14px;
- text-align: left;
- }
- .prechat {
- border: 0;
- position: absolute;
- text-align: center;
- width: 365px;
- left: 0;
- top: 0;
- display: block;
- font-family: DroidSans, DroidSansForIe;
- font-size: 16px;
- background-color: #FFFFFF;
- }
- .prechat .header {
- height: 90px;
- background: url('//dev-dev-pcre-js-gen.cs59.force.com/resource/Symantec_prechatHeader');
- font-size: 24px;
- padding-left: 90px;
- line-height: 90px;
- }
- .prechat .title {
- font-size: 21px;
- margin-top: 10px;
- height: 22px;
- }
- .prechat .element {
- height: 48px;
- padding-top: 14px;
- padding-left: 20px;
- padding-right: 20px;
- }
- .prechat .button_standard {
- width: 100%;
- background-color: #E7E7E7;
- cursor: pointer;
- height: 48px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- border: 0;
- box-shadow: none;
- outline: none;
- font-family: DroidSans, DroidSansForIe;
- color: black;
- font-size: 15px;
- }
- .prechat .button_phone {
- width: 182px;
- margin-right: 10px;
- position: relative;
- float: left;
- background-color: #E7E7E7;
- cursor: pointer;
- height: 48px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- border: 0;
- box-shadow: none;
- outline: none;
- font-family: DroidSans, DroidSansForIe;
- color: black;
- font-size: 15px;
- }
- .prechat .button:hover {
- background-color: #FFBC0F;
- }
- .prechat .footer {
- background: url('//dev-dev-pcre-js-gen.cs59.force.com/resource/Symantec_prechatLogo');
- background-repeat: no-repeat;
- background-position: right;
- margin-right: 15px;
- height: 43px;
- margin-top: 10px;
- margin-bottom: 14px;
- }
- .prechat .close {
- background: url('//dev-dev-pcre-js-gen.cs59.force.com/resource/prechat_decline');
- background-repeat: no-repeat;
- position: absolute;
- top: 3px;
- right: 3px;
- width: 14px;
- cursor: pointer;
- }
- </style>
- </head>
- <body>
- <div class="prechat">
- <div class="header">
- How can we help you?
- <div class="close"> </div>
- </div>
- <div class="title">Choose the topic:</div>
- <div class="element">
- <button class="button button_phone">Renewal and <br/> Product Purchase</button> <div class="phone">or call<br>(8 000) 000 00</div>
- </div>
- <div class="element">
- <button class="button button_standard">Download and Installation of my Product</button>
- </div>
- <div class="element">
- <button class="button button_standard">Automatic Renewal Bank Charge Issues</button>
- </div>
- <div class="element">
- <button class="button button_standard">Technical and Threat Related Issues</button>
- </div>
- <div class="footer"> </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement