• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/* exteriorStyle_Compiler_Test_001 */
2.a {
3  animation-delay: 300ms;
4  animation-iteration-count: 1000;
5  animation-duration: 900ms;
6  animation-fill-mode: none;
7}
8
9/* exteriorStyle_Compiler_Test_002 */
10.b {
11  animation-iteration-count: infinite;
12  background-image: url(/common/img/xmad.jpg);
13}
14
15/* exteriorStyle_Compiler_Test_003 */
16.c {
17  width: 200px;
18  color: #ffff23;
19}
20
21/* exteriorStyle_Compiler_Test_004 */
22.d {
23  color: firebrick;
24}
25
26/* exteriorStyle_Compiler_Test_005 */
27#e {
28  margin: 11px;
29}
30
31/* exteriorStyle_Compiler_Test_006 */
32@keyframes animationChange {
33  from {
34    background-color: #ff0000;
35  }
36  to {
37    background-color: #0000ff;
38  }
39}
40
41/* exteriorStyle_Compiler_Test_007 */
42@keyframes animationChange1 {
43  from {
44    transform: translateX(120px);
45  }
46  to {
47    transform: translateX(170px);
48  }
49}
50
51/* exteriorStyle_Compiler_Test_008 */
52@keyframes animationChange3 {
53  from {
54    transform: rotate(0deg);
55  }
56  to {
57    transform: rotate(360deg);
58  }
59}
60
61/* exteriorStyle_Compiler_Test_009 */
62.f {
63  margin: 10%;
64}
65
66/* exteriorStyle_Compiler_Test_010 */
67.g {
68  margin-left: -8%;
69  margin-right: 2%;
70  margin-top: 33%;
71  margin-bottom: 108%;
72}
73
74/* exteriorStyle_Compiler_Test_011 */
75.h {
76  top: 80%;
77  left: 20%;
78}
79
80/* exteriorStyle_Compiler_Test_012 */
81.i {
82  height: 30%;
83  width: 100%;
84}
85
86/* exteriorStyle_Compiler_Test_013 */
87@media screen and (max-width: 454px) {
88  .title {
89    font-size: 30px;
90    color: #f00;
91  }
92}
93
94/* exteriorStyle_Compiler_Test_014 */
95@media screen and (min-width: 455px) {
96  .title {
97    font-size: 72px;
98    color: #0f0;
99  }
100}
101