|
1
|
1 |
.iPad-simulator { |
|
|
2 |
position: absolute; /* top: 50%; margin-top: -444px; */ |
|
11
|
3 |
left: 50%; margin-left: -552px; |
|
1
|
4 |
width: 1024px; height: 768px; border-radius: 30px; |
|
11
|
5 |
padding: 0; border: 40px solid #f8f6f4; |
|
5
|
6 |
box-shadow: 5px 5px 20px #000000; |
|
1
|
7 |
} |
|
|
8 |
|
|
|
9 |
.iPad-simulator:after { |
|
11
|
10 |
content: ""; position: absolute; top: 364px; height: 20px; |
|
|
11 |
width: 20px; left: 1034px; background: #f2f0ed; border-radius: 20px; |
|
5
|
12 |
box-shadow: inset 5px 5px 10px #a0a0a0; |
|
1
|
13 |
} |
|
11
|
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 |
} |