Skip to content

Commit 1ac7530

Browse files
rossengeorgievrossengeorgiev
committed
updated testbed for iphone 3G,3Gs
- removed padding from main stylesheet, apperantly is not needed - moved DanielSaul's concept images to 'resources' dir
1 parent 8ef0fa9 commit 1ac7530

File tree

6 files changed

+62
-5
lines changed

6 files changed

+62
-5
lines changed

‎.gitignore‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1 @@
11
*.swp
2-
resources/*

‎css/main.css‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,6 @@ header {
1414
padding: 0;
1515
margin: 0;
1616
height: 50px;
17-
padding-top: 20px;
1817
min-height: 50px;
1918
max-height: 50px;
2019
border-bottom: 5px solid #33b5e5;

app-design.png renamed to resources/concept-app-portrait.png

File renamed without changes.

‎resources/concept-app-tablet.png‎

3.62 MB
Loading

‎resources/iphone-blackscreen.png‎

57.9 KB
Loading

‎test-iphone3g.html‎

Lines changed: 62 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,69 @@
44
<script type="text/javascript" language="javascript" src="js/jquery-1.8.3-min.js"></script>
55
</head>
66
<style>
7-
iframe { overflow: hidden; }
7+
html, body {
8+
margin: 0;
9+
padding: 0;
10+
border: 0;
11+
width: 2000px;
12+
height: 100%;
13+
overflow: hidden;
14+
}
15+
iframe {
16+
overflow: hidden;
17+
border: 0;
18+
}
19+
div {
20+
float: left;
21+
background-repeat: no-repeat;
22+
position: relative;
23+
overflow: hidden;
24+
}
25+
.portrait {
26+
width: 320px;
27+
height: 100%;
28+
padding: 40px;
29+
}
30+
.portrait:before {
31+
background: transparent url('resources/iphone-blackscreen.png') no-repeat top left;
32+
content: "";
33+
height: 200%;
34+
position: absolute;
35+
width: 200%;
36+
z-index: -1;
37+
top: -99px;
38+
left: 5px;
39+
}
40+
.landscape {
41+
margin-left: 10px;
42+
width: 718px;
43+
height: 500px;
44+
}
45+
.landscape iframe {
46+
margin-top: 161px;
47+
margin-left: 118px;
48+
}
49+
.landscape:before {
50+
background: transparent url('resources/iphone-blackscreen.png') no-repeat top left;
51+
content: "";
52+
height: 200%;
53+
position: absolute;
54+
width: 200%;
55+
z-index: -1;
56+
left: -218px;
57+
top: -722px;
58+
transform: rotate(-90deg);
59+
-moz-transform: rotate(-90deg);
60+
-webkit-transform: rotate(-90deg);
61+
-o-transform: rotate(-90deg);
62+
}
863
</style>
964
<body>
10-
<iframe src="index.html" width="320px" height="480px"></iframe>
11-
<iframe src="index.html" width="480px" height="320px"></iframe>
65+
<div class="portrait">
66+
<iframe src="index.html" width="320px" height="460px"></iframe>
67+
</div>
68+
<div class="landscape">
69+
<iframe src="index.html" width="480px" height="300px"></iframe>
70+
</div>
1271
</body>
1372
</html>

0 commit comments

Comments
 (0)