1fb726d48Sopenharmony_ci/* 2fb726d48Sopenharmony_ci * Copyright (C) 2022 Huawei Device Co., Ltd. 3fb726d48Sopenharmony_ci * Licensed under the Apache License, Version 2.0 (the "License"); 4fb726d48Sopenharmony_ci * you may not use this file except in compliance with the License. 5fb726d48Sopenharmony_ci * You may obtain a copy of the License at 6fb726d48Sopenharmony_ci * 7fb726d48Sopenharmony_ci * http://www.apache.org/licenses/LICENSE-2.0 8fb726d48Sopenharmony_ci * 9fb726d48Sopenharmony_ci * Unless required by applicable law or agreed to in writing, software 10fb726d48Sopenharmony_ci * distributed under the License is distributed on an "AS IS" BASIS, 11fb726d48Sopenharmony_ci * WITHOUT WARRANTIES OR CONDITIONS OF unknown KIND, either express or implied. 12fb726d48Sopenharmony_ci * See the License for the specific language governing permissions and 13fb726d48Sopenharmony_ci * limitations under the License. 14fb726d48Sopenharmony_ci */ 15fb726d48Sopenharmony_ci 16fb726d48Sopenharmony_ciexport const SpAdvertisementHtml = `<style> 17fb726d48Sopenharmony_ci #sp-advertisement { 18fb726d48Sopenharmony_ci background-color:#fff; 19fb726d48Sopenharmony_ci display:none; 20fb726d48Sopenharmony_ci max-width: 400px; 21fb726d48Sopenharmony_ci border-radius: 5px; 22fb726d48Sopenharmony_ci border:1px solid galy; 23fb726d48Sopenharmony_ci box-shadow: 0px 0px 10px #d9d9d9; 24fb726d48Sopenharmony_ci cursor: pointer; 25fb726d48Sopenharmony_ci padding:15px 5px 5px 5px; 26fb726d48Sopenharmony_ci font-family: "HarmonyOS Sans SC", "Arial", sans-serif; 27fb726d48Sopenharmony_ci } 28fb726d48Sopenharmony_ci #close { 29fb726d48Sopenharmony_ci position:absolute; 30fb726d48Sopenharmony_ci right:0px; 31fb726d48Sopenharmony_ci top:0px; 32fb726d48Sopenharmony_ci padding:1px 2px; 33fb726d48Sopenharmony_ci border-top-right-radius:5px; 34fb726d48Sopenharmony_ci color:#999; 35fb726d48Sopenharmony_ci } 36fb726d48Sopenharmony_ci #close:hover { 37fb726d48Sopenharmony_ci background-color:#999; 38fb726d48Sopenharmony_ci color:#666; 39fb726d48Sopenharmony_ci font-weight:bold; 40fb726d48Sopenharmony_ci } 41fb726d48Sopenharmony_ci #notice { 42fb726d48Sopenharmony_ci color:red; 43fb726d48Sopenharmony_ci word-wrap: break-word; 44fb726d48Sopenharmony_ci overflow-wrap: break-word; 45fb726d48Sopenharmony_ci line-height:30px; 46fb726d48Sopenharmony_ci padding-right:15px; 47fb726d48Sopenharmony_ci } 48fb726d48Sopenharmony_ci </style> 49fb726d48Sopenharmony_ci <div class="sp-advertisement" id="sp-advertisement"> 50fb726d48Sopenharmony_ci <lit-icon name="close" size="18px" id = "close"></lit-icon> 51fb726d48Sopenharmony_ci <div id="notice"></div> 52fb726d48Sopenharmony_ci </div> 53fb726d48Sopenharmony_ci `;