jfinn
/
jitsi_corner8
보기 1
좋아요 0
포크 0
코드 이슈 0 풀 리퀘스트 0 릴리즈 0 위키 Activity
소스 검색

Redesigns the supported browsers page.

j8
hristoterezov 10 년 전
부모
f16a1cdf44
커밋
4b218499ae
10개의 변경된 파일과 153개의 추가작업 그리고 74개의 파일을 삭제
분할 보기 변경상태 보기
  1. 0
    20
      chromeonly.html
  2. 0
    54
      css/chromeonly.css
  3. 111
    0
      css/unsupported_browser.css
  4. BIN
      images/chrome.png
  5. BIN
      images/chromelogo.png
  6. BIN
      images/chromepointer.png
  7. BIN
      images/chromium.png
  8. BIN
      images/firefox.png
  9. BIN
      images/opera.png
  10. 42
    0
      unsupported_browser.html

+ 0
- 20
chromeonly.html 파일 보기 

@@ -1,20 +0,0 @@
1 
-<html>
2 
-<head>
3 
-<title>Jitsi Meet: Unsupported Browser</title>
4 
-<link rel="stylesheet" type="text/css" media="screen" href="css/chromeonly.css" />
5 
-</head>
6 
-
7 
-<body>
8 
-<!-- wrap starts here -->
9 
-<div id="wrap">
10 
-<a href="http://google.com/chrome"><div id="left"></div></a>
11 
-<div id="middle"></div>
12 
-<div id="text">
13 
-    <p>This application is currently only supported by <a href="http://google.com/chrome">Chrome</a>, <a href="http://www.chromium.org/">Chromium</a> and <a href="http://www.opera.com">Opera</a></p>
14 
-    <p><a href="http://google.com/chrome">Download Chrome</a></p>
15 
-    <p class="firefox">We are hoping that <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=977864">multistream support</a> for Firefox would not be long so that we could all use this application with our favorite browser.</p>
16 
-</div>
17 
-<!-- wrap ends here -->
18 
-</div>
19 
-</body>
20 
-</html>

+ 0
- 54
css/chromeonly.css 파일 보기 

@@ -1,54 +0,0 @@
1 
-body {
2 
-    width:100%;
3 
-    height:100%;
4 
-    background-color: white;
5 
-    color: #424242;
6 
-    font-family:'YanoneKaffeesatzLight',Verdana,Tahoma,Arial;
7 
-    margin:0;
8 
-    padding:0;
9 
-}
10 
-#wrap{
11 
-    display: block;
12 
-    position: absolute;
13 
-    width:900px;
14 
-    height: 262px;
15 
-    overflow:hidden;
16 
-    text-align: center;
17 
-    margin: auto;
18 
-    top: 0; left: 0; bottom: 0; right: 0;
19 
-}
20 
-#left{
21 
-    display:inline-block;
22 
-    background-image:url(../images/chromelogo.png);
23 
-    background-repeat:no-repeat;
24 
-    width:246px;
25 
-    height:262px;
26 
-    float: left;
27 
-}
28 
-.firefox{
29 
-    font-size: 11pt;
30 
-    color: #c8c8c8;
31 
-}
32 
-#middle{
33 
-    display:inline-block;
34 
-    background-image:url(../images/chromepointer.png);
35 
-    background-repeat:no-repeat;
36 
-    width:53px;
37 
-    height:262px;
38 
-    float: left;
39 
-}
40 
-#text{
41 
-    display:inline-block;
42 
-    font-size: 18pt;
43 
-    width: 560px;
44 
-    vertical-align:middle;
45 
-    padding-top: 30px;
46 
-}
47 
-
48 
-a {
49 
-    color: #087dba;
50 
-    text-decoration:none;
51 
-}
52 
-
53 
-
54 
-

+ 111
- 0
css/unsupported_browser.css 파일 보기 

@@ -0,0 +1,111 @@
1 
+body {
2 
+    width:100%;
3 
+    height:100%;
4 
+    background-color: white;
5 
+    color: #424242;
6 
+    font-family:Helvetica,'YanoneKaffeesatzLight',Verdana,Tahoma,Arial;
7 
+    font-size: 28px;
8 
+    margin:0;
9 
+    padding:0;
10 
+}
11 
+#wrap{
12 
+    display: block;
13 
+    position: absolute;
14 
+    width:900px;
15 
+    height: 345px;
16 
+    overflow:hidden;
17 
+    text-align: center;
18 
+    margin: auto;
19 
+    top: 0; left: 0; bottom: 0; right: 0;
20 
+}
21 
+.firefox{
22 
+    font-size: 11pt;
23 
+    color: #c8c8c8;
24 
+    width: 468px;
25 
+    text-align: center;
26 
+    margin: 30px auto 0px auto;
27 
+    padding-left: 15px;
28 
+}
29 
+#text{
30 
+    display:inline-block;
31 
+    font-size: 28px;
32 
+    width: 568px;
33 
+    vertical-align:middle;
34 
+    padding-top: 25px;
35 
+}
36 
+
37 
+a {
38 
+    color: #087dba;
39 
+    text-decoration:none;
40 
+}
41 
+
42 
+.browser {
43 
+    width: 138px;
44 
+    height: 163px;
45 
+    margin-top: 5px;
46 
+    background-color: #e8e8e8;
47 
+    border: 1px solid #cfcfcf;
48 
+    border-radius: 10px;
49 
+}
50 
+
51 
+.browser_wrapper
52 
+{
53 
+    width: 138px;
54 
+    height: 188px;
55 
+    vertical-align: middle;
56 
+    color: #929391;
57 
+    font-size: 20px;
58 
+    float: left;
59 
+    margin-left: 15px;
60 
+}
61 
+
62 
+.supported_browsers
63 
+{
64 
+    margin: 0px auto 0px auto;
65 
+    width: 460px;
66 
+}
67 
+
68 
+.clear
69 
+{
70 
+    clear: both;
71 
+}
72 
+
73 
+.button
74 
+{
75 
+    background-color: #62c82a;
76 
+    border: 1px solid #3c8117;
77 
+    border-radius: 10px;
78 
+    color: #FFFFFF;
79 
+    font-size: 12px;
80 
+    text-align: center;
81 
+    width: 115px;
82 
+    height: 26px;
83 
+    padding-top: 13px;
84 
+    margin: 15px auto 0px auto;
85 
+}
86 
+
87 
+.logo
88 
+{
89 
+    margin: 20px auto 0px auto;
90 
+}
91 
+
92 
+#chrome_logo
93 
+{
94 
+    width: 78px;
95 
+    height: 78px;
96 
+    background-image: url('/images/chrome.png');
97 
+}
98 
+#chromium_logo
99 
+{
100 
+    width: 77px;
101 
+    height: 79px;
102 
+    background-image: url('/images/chromium.png');
103 
+}
104 
+#opera_logo
105 
+{
106 
+    width: 73px;
107 
+    height: 78px;
108 
+    background-image: url('/images/opera.png');
109 
+}
110 
+
111 
+

BIN
images/chrome.png 파일 보기


BIN
images/chromelogo.png 파일 보기


BIN
images/chromepointer.png 파일 보기


BIN
images/chromium.png 파일 보기


BIN
images/firefox.png 파일 보기


BIN
images/opera.png 파일 보기


+ 42
- 0
unsupported_browser.html 파일 보기 

@@ -0,0 +1,42 @@
1 
+<html>
2 
+<head>
3 
+<title>Jitsi Meet: Unsupported Browser</title>
4 
+<link rel="stylesheet" type="text/css" media="screen" href="css/unsupported_browser.css" />
5 
+</head>
6 
+
7 
+<body>
8 
+<!-- wrap starts here -->
9 
+<div id="wrap">
10 
+<div id="text">
11 
+    <p>This application is currently only supported by</p>
12 
+
13 
+    <div class="supported_browsers">
14 
+        <div class="browser_wrapper">
15 
+            Chrome
16 
+            <div class="browser">
17 
+                <div class="logo" id="chrome_logo"></div>
18 
+                <a href="http://google.com/chrome"><div class="button">DOWNLOAD</div></a>
19 
+            </div>
20 
+        </div>
21 
+        <div class="browser_wrapper">
22 
+            Chromium
23 
+            <div class="browser">
24 
+                <div class="logo" id="chromium_logo"></div>
25 
+                <a href="http://www.chromium.org/"><div class="button">DOWNLOAD</div></a>
26 
+            </div>
27 
+        </div>
28 
+        <div class="browser_wrapper">
29 
+            Opera
30 
+            <div class="browser">
31 
+                <div class="logo" id="opera_logo"></div>
32 
+                <a href="http://www.opera.com"><div class="button">DOWNLOAD</div></a>
33 
+            </div>
34 
+        </div>
35 
+    </div>
36 
+    <div class="clear"></div>
37 
+    <div class="firefox">We are hoping that <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=977864">multistream support</a> for Firefox would not be long so that we could all use this application with our favorite browser.</div>
38 
+</div>
39 
+<!-- wrap ends here -->
40 
+</div>
41 
+</body>
42 
+</html>

Write Preview
Loading…
취소
저장