ソースを参照

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

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

バイナリ
images/welcome_page/disable-welcome-selected.png ファイルの表示


バイナリ
images/welcome_page/disable-welcome.png ファイルの表示


+ 2
- 2
index.html ファイルの表示

@@ -82,10 +82,10 @@
82 82
                             <input id="enter_room_button" type="button" value="GO" />
83 83
                         </div>
84 84
                     </div>
85
-                    <input type='checkbox' name='checkbox' id="disable_welcome"/>
86
-                    <label for="disable_welcome">Don't show this page</label>
87 85
             </div>
88 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 89
             <div id="header_text"></div>
90 90
         </div>
91 91
         <div id="welcome_page_main">

読み込み中…
キャンセル
保存