1/*
2 * Copyright (c) 2021 Huawei Device Co., Ltd.
3 * Licensed under the Apache License, Version 2.0 (the "License");
4 * you may not use this file except in compliance with the License.
5 * You may obtain a copy of the License at
6 *
7 *     http://www.apache.org/licenses/LICENSE-2.0
8 *
9 * Unless required by applicable law or agreed to in writing, software
10 * distributed under the License is distributed on an "AS IS" BASIS,
11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 * See the License for the specific language governing permissions and
13 * limitations under the License.
14 */
15
16{
17  "render": "function (vm) { var _vm = vm || this; return _c('div') }",
18  "styleSheet":  {
19    "@media": [{
20      "condition": "screen and (max-width: 454px)",
21      "classSelectors": { "title": { "fontSize": 30, "color": 16711680 } }
22    }, {
23      "condition": "screen and (min-width: 455px)",
24      "classSelectors": { "title": { "fontSize": 72, "color": 65280 } }
25    }],
26    "@keyframes":  {
27      "animationChange":  [
28         {
29          "backgroundColor": 16711680,
30          "time": 0
31        },
32         {
33          "backgroundColor": 255,
34          "time": 100
35        }
36      ],
37      "animationChange1":  [
38         {
39          "time": 0,
40          "transform":  {
41            "translateX": "120px"
42          }
43        },
44         {
45          "time": 100,
46          "transform":  {
47            "translateX": "170px"
48          }
49        }
50      ],
51      "animationChange3": [
52         {
53          "time": 0,
54          "transform":  {
55            "rotate": "0deg"
56          }
57        },
58         {
59          "time": 100,
60          "transform":  {
61            "rotate": "360deg"
62          }
63        }
64      ]
65    },
66    "classSelectors":  {
67      "a":  {
68        "animationDelay": "300ms",
69        "animationDuration": "900ms",
70        "animationFillMode": "none",
71        "animationIterationCount": "1000"
72      },
73      "b":  {
74        "animationIterationCount": "infinite",
75        "backgroundImage": "url(/common/img/xmad.jpg)"
76      },
77      "c":  {
78        "color": 16776995,
79        "width": 200
80      },
81      "d":  {
82        "color": 11674146
83      },
84      "f": {
85          "marginBottom": "10%",
86          "marginLeft": "10%",
87          "marginRight": "10%",
88          "marginTop": "10%"
89        },
90        "g": {
91          "marginBottom": "108%",
92          "marginLeft": "-8%",
93          "marginRight": "2%",
94          "marginTop": "33%"
95        },
96        "h": {
97          "left": "20%",
98          "top": "80%"
99        },
100        "i": {
101          "height": "30%",
102          "width": "100%"
103        }
104    },
105    "idSelectors":  {
106      "e":  {
107        "marginBottom": 11,
108        "marginLeft": 11,
109        "marginRight": 11,
110        "marginTop": 11
111      }
112    }
113  }
114}
115