Subversion Repositories cheapmusic

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
65 - 1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta name="viewport" content="width=device-width, initial-scale=1">
5 
<style>
6 
body {
7 
  background: #f1f1f1;
8 
}
9 
 
10 
/* The laptop with borders */
11 
.laptop {
12 
  -webkit-transform-origin: 0 0;
13 
  transform-origin: 0 0;
14 
  -webkit-transform: scale(.6) translate(-50%); /* Scaled down for a better Try-it experience (change to 1 for full scale) */
15 
  transform: scale(.6) translate(-50%); /* Scaled down for a better Try-it experience (change to 1 for full scale) */
16 
  left: 50%;
17 
  position: absolute;
18 
  width: 1366px;
19 
  height: 800px;
20 
  border-radius: 6px;
21 
  border-style: solid;
22 
  border-color: black;
23 
  border-width: 24px 24px 80px;
24 
  background-color: black;
25 
 
26 
}
27 
 
28 
/* The keyboard of the laptop */
29 
.laptop:after {
30 
  content: '';
31 
  display: block;
32 
  position: absolute;
33 
  width: 1600px;
34 
  height: 60px;
35 
  margin: 80px 0 0 -110px;
36 
  background: black;
37 
  border-radius: 6px;
38 
}
39 
 
40 
/* The top of the keyboard */
41 
.laptop:before {
42 
  content: '';
43 
  display: block;
44 
  position: absolute;
45 
  width: 250px;
46 
  height: 30px;
47 
  bottom: -110px;
48 
  left: 50%;
49 
  -webkit-transform: translate(-50%);
50 
  transform: translate(-50%);
51 
  background: #f1f1f1;
52 
  border-bottom-left-radius: 5px;
53 
  border-bottom-right-radius: 5px;
54 
  z-index: 1;
55 
}
56 
 
57 
/* The screen (or content) of the device */
58 
.laptop .content {
59 
  width: 1366px;
60 
  height: 800px;
61 
  overflow: hidden;
62 
  border: none;
63 
}
64 
</style>
65 
</head>
66 
<body>
67 
 
68 
<div class="laptop">
69 
  <div class="content">
70 
    <iframe src="/index.php" style="width:100%;border:none;height:100%" />
71 
  </div>
72 
</div>
73 
 
74 
</body>
75 
</html>