浏览代码

Changes the layout and image for the checkbox of the welcome page.

j8
hristoterezov 10 年前
父节点
当前提交
bb22acf80a
共有 4 个文件被更改,包括 16 次插入22 次删除
  1. 14
    20
      css/welcome_page.css
  2. 二进制
      images/welcome_page/disable-welcome-selected.png
  3. 二进制
      images/welcome_page/disable-welcome.png
  4. 2
    2
      index.html

+ 14
- 20
css/welcome_page.css 查看文件

3
     display:none;
3
     display:none;
4
 }
4
 }
5
 
5
 
6
+.disable_welcome_position
7
+{
8
+    margin: -139px auto 0px auto;
9
+    padding-left: 39px;
10
+    padding-top: 7px;
11
+    width: 269px;
12
+    height: 31px;
13
+    display:block;
14
+}
15
+
6
 #disable_welcome + label
16
 #disable_welcome + label
7
 {
17
 {
8
     background-image: url(../images/welcome_page/disable-welcome.png);
18
     background-image: url(../images/welcome_page/disable-welcome.png);
9
-    display:inline-block;
10
-    position:absolute;
11
-    height: 54px;
12
     cursor: pointer;
19
     cursor: pointer;
13
     -webkit-user-select: none;
20
     -webkit-user-select: none;
14
     -moz-user-select: none;
21
     -moz-user-select: none;
15
     background-repeat: no-repeat;
22
     background-repeat: no-repeat;
16
-    padding-left: 62px;
17
-    padding-top: 19px;
18
     font-weight: 500;
23
     font-weight: 500;
19
     font-family: Helvetica;
24
     font-family: Helvetica;
20
     font-size: 16px;
25
     font-size: 16px;
21
     color: #acacac;
26
     color: #acacac;
22
     z-index: 2;
27
     z-index: 2;
23
-    float: left;
24
-    margin-left: 5px;
25
 }
28
 }
26
 
29
 
27
 #disable_welcome:checked + label
30
 #disable_welcome:checked + label
28
 {
31
 {
29
     background-image: url(../images/welcome_page/disable-welcome-selected.png);
32
     background-image: url(../images/welcome_page/disable-welcome-selected.png);
30
-    display:inline-block;
31
-    position:absolute;
32
-    height: 54px;
33
     cursor: pointer;
33
     cursor: pointer;
34
     -webkit-user-select: none;
34
     -webkit-user-select: none;
35
     -moz-user-select: none;
35
     -moz-user-select: none;
36
     background-repeat: no-repeat;
36
     background-repeat: no-repeat;
37
-    padding-left: 62px;
38
-    padding-top: 19px;
39
     font-weight: 500;
37
     font-weight: 500;
40
     font-family: Helvetica;
38
     font-family: Helvetica;
41
     font-size: 16px;
39
     font-size: 16px;
42
     color: #acacac;
40
     color: #acacac;
43
     z-index: 2;
41
     z-index: 2;
44
-    float: left;
45
-    margin-left: 5px;
46
 }
42
 }
47
 
43
 
48
 #enter_room_form {
44
 #enter_room_form {
86
     width: 73px;
82
     width: 73px;
87
     height: 45px;
83
     height: 45px;
88
     background-color: #16a8fe;
84
     background-color: #16a8fe;
89
-    moz-border-radius: 15px;
90
-    -webkit-border-radius: 15px;
85
+    moz-border-radius: 10px;
86
+    -webkit-border-radius: 10px;
91
     color: #ffffff;
87
     color: #ffffff;
92
     font-weight: 600;
88
     font-weight: 600;
93
     border: none;
89
     border: none;
103
 
99
 
104
 #enter_room_container {
100
 #enter_room_container {
105
     margin: 70px auto 0px auto;
101
     margin: 70px auto 0px auto;
106
-    width:531px;
102
+    width:437px;
107
 }
103
 }
108
 
104
 
109
 #enter_room{
105
 #enter_room{
159
 
155
 
160
 #header_text
156
 #header_text
161
 {
157
 {
162
-    left: 200px;
163
-    top: 150px;
164
     width: 885px;
158
     width: 885px;
165
     height: 100px;
159
     height: 100px;
166
     color: #ffffff;
160
     color: #ffffff;
167
     font-family: Helvetica;
161
     font-family: Helvetica;
168
     font-size: 24px;
162
     font-size: 24px;
169
     text-align: center;
163
     text-align: center;
170
-    margin: -139px auto 0px auto;
164
+    margin: 0px auto 0px auto;
171
 }
165
 }
172
 
166
 
173
 #features
167
 #features

二进制
images/welcome_page/disable-welcome-selected.png 查看文件


二进制
images/welcome_page/disable-welcome.png 查看文件


+ 2
- 2
index.html 查看文件

82
                             <input id="enter_room_button" type="button" value="GO" />
82
                             <input id="enter_room_button" type="button" value="GO" />
83
                         </div>
83
                         </div>
84
                     </div>
84
                     </div>
85
-                    <input type='checkbox' name='checkbox' id="disable_welcome"/>
86
-                    <label for="disable_welcome">Don't show this page</label>
87
             </div>
85
             </div>
88
             <div id="brand_header"></div>
86
             <div id="brand_header"></div>
87
+            <input type='checkbox' name='checkbox' id="disable_welcome"/>
88
+            <label for="disable_welcome" class="disable_welcome_position">Don't show this page next time I enter</label>
89
             <div id="header_text"></div>
89
             <div id="header_text"></div>
90
         </div>
90
         </div>
91
         <div id="welcome_page_main">
91
         <div id="welcome_page_main">

正在加载...
取消
保存