equal
deleted
inserted
replaced
1 .iPad-simulator { |
1 .iPad-simulator { |
2 position: absolute; /* top: 50%; margin-top: -444px; */ |
2 position: absolute; /* top: 50%; margin-top: -444px; */ |
3 left: 50%; margin-left: -572px; |
3 left: 50%; margin-left: -552px; |
4 width: 1024px; height: 768px; border-radius: 30px; |
4 width: 1024px; height: 768px; border-radius: 30px; |
5 padding: 0; border: 60px solid #f8f6f4; |
5 padding: 0; border: 40px solid #f8f6f4; |
6 box-shadow: 5px 5px 20px #000000; |
6 box-shadow: 5px 5px 20px #000000; |
7 } |
7 } |
8 |
8 |
9 .iPad-simulator:after { |
9 .iPad-simulator:after { |
10 content: ""; position: absolute; top: 364px; height: 40px; |
10 content: ""; position: absolute; top: 364px; height: 20px; |
11 width: 40px; left: 1034px; background: #f2f0ed; border-radius: 20px; |
11 width: 20px; left: 1034px; background: #f2f0ed; border-radius: 20px; |
12 box-shadow: inset 5px 5px 10px #a0a0a0; |
12 box-shadow: inset 5px 5px 10px #a0a0a0; |
13 } |
13 } |
|
14 |
|
15 .tv { |
|
16 position: absolute; top: -35px; left: 0px; |
|
17 background: #8080CC; color: #ffffff; |
|
18 font-size: 18px; font-weight: bold; line-height: 30px; |
|
19 padding: 0 5px; border-radius: 5px; |
|
20 text-decoration: none; |
|
21 } |