add-to-homescreen-rails 2.0.11 → 3.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +5 -5
- data/app/assets/javascripts/addtohomescreen.js +552 -0
- data/app/assets/stylesheets/addtohomescreen.css +236 -0
- data/lib/add-to-homescreen-rails/version.rb +1 -1
- metadata +5 -5
- data/app/assets/javascripts/add2home.js +0 -344
- data/app/assets/stylesheets/add2home.css +0 -180
@@ -1,180 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
*
|
3
|
-
* Main container
|
4
|
-
*
|
5
|
-
*/
|
6
|
-
#addToHomeScreen {
|
7
|
-
z-index:9999;
|
8
|
-
-webkit-user-select:none;
|
9
|
-
user-select:none;
|
10
|
-
-webkit-box-sizing:border-box;
|
11
|
-
box-sizing:border-box;
|
12
|
-
-webkit-touch-callout:none;
|
13
|
-
touch-callout:none;
|
14
|
-
width:240px;
|
15
|
-
font-size:15px;
|
16
|
-
padding:12px 14px;
|
17
|
-
text-align:left;
|
18
|
-
font-family:helvetica;
|
19
|
-
background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(0.02,#eee),color-stop(0.98,#ccc),color-stop(1,#a3a3a3));
|
20
|
-
border:1px solid #505050;
|
21
|
-
-webkit-border-radius:8px;
|
22
|
-
-webkit-background-clip:padding-box;
|
23
|
-
color:#333;
|
24
|
-
text-shadow:0 1px 0 rgba(255,255,255,0.75);
|
25
|
-
line-height:130%;
|
26
|
-
-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
|
27
|
-
}
|
28
|
-
|
29
|
-
#addToHomeScreen.addToHomeIOS7 {
|
30
|
-
background:#f2f2f2 !important;
|
31
|
-
-webkit-border-radius:1px !important;
|
32
|
-
border:1px solid #ccc;
|
33
|
-
-webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);
|
34
|
-
}
|
35
|
-
|
36
|
-
#addToHomeScreen.addToHomeIpad {
|
37
|
-
width:268px;
|
38
|
-
font-size:18px;
|
39
|
-
padding:14px;
|
40
|
-
}
|
41
|
-
|
42
|
-
/**
|
43
|
-
*
|
44
|
-
* The 'wide' class is added when the popup contains the touch icon
|
45
|
-
*
|
46
|
-
*/
|
47
|
-
#addToHomeScreen.addToHomeWide {
|
48
|
-
width:296px;
|
49
|
-
}
|
50
|
-
|
51
|
-
#addToHomeScreen.addToHomeIpad.addToHomeWide {
|
52
|
-
width:320px;
|
53
|
-
font-size:18px;
|
54
|
-
padding:14px;
|
55
|
-
}
|
56
|
-
|
57
|
-
/**
|
58
|
-
*
|
59
|
-
* The balloon arrow
|
60
|
-
*
|
61
|
-
*/
|
62
|
-
#addToHomeScreen .addToHomeArrow {
|
63
|
-
position:absolute;
|
64
|
-
background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#ccc));
|
65
|
-
border-width:0 1px 1px 0;
|
66
|
-
border-style:solid;
|
67
|
-
border-color:#505050;
|
68
|
-
width:16px; height:16px;
|
69
|
-
-webkit-transform:rotateZ(45deg);
|
70
|
-
bottom:-9px;
|
71
|
-
left:50%;
|
72
|
-
margin-left:-8px;
|
73
|
-
-webkit-box-shadow:inset -1px -1px 0 #a9a9a9;
|
74
|
-
-webkit-border-bottom-right-radius:2px;
|
75
|
-
}
|
76
|
-
|
77
|
-
#addToHomeScreen.addToHomeIOS7 .addToHomeArrow {
|
78
|
-
background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#f2f2f2)) !important;
|
79
|
-
-webkit-box-shadow:inset -1px -1px 0 #fff !important;
|
80
|
-
border-color:#ccc !important;
|
81
|
-
}
|
82
|
-
|
83
|
-
/**
|
84
|
-
*
|
85
|
-
* The balloon arrow for iPad
|
86
|
-
*
|
87
|
-
*/
|
88
|
-
#addToHomeScreen.addToHomeIpad .addToHomeArrow {
|
89
|
-
-webkit-transform:rotateZ(-135deg);
|
90
|
-
background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee));
|
91
|
-
-webkit-box-shadow:inset -1px -1px 0 #fff;
|
92
|
-
top:-9px; bottom:auto; left:50%;
|
93
|
-
}
|
94
|
-
|
95
|
-
|
96
|
-
/**
|
97
|
-
*
|
98
|
-
* Close button
|
99
|
-
*
|
100
|
-
*/
|
101
|
-
#addToHomeScreen .addToHomeClose {
|
102
|
-
-webkit-box-sizing:border-box;
|
103
|
-
position:absolute;
|
104
|
-
right:4px;
|
105
|
-
top:4px;
|
106
|
-
width:18px;
|
107
|
-
height:18px; line-height:14px;
|
108
|
-
text-align:center;
|
109
|
-
text-indent:1px;
|
110
|
-
-webkit-border-radius:9px;
|
111
|
-
background:rgba(0,0,0,0.12);
|
112
|
-
color:#888;
|
113
|
-
-webkit-box-shadow:0 1px 0 #fff;
|
114
|
-
font-size:16px;
|
115
|
-
}
|
116
|
-
|
117
|
-
#addToHomeScreen.addToHomeIOS7 .addToHomeClose {
|
118
|
-
line-height:12px;
|
119
|
-
padding-right:1px;
|
120
|
-
background:transparent;
|
121
|
-
border: 1px solid #888;
|
122
|
-
-webkit-box-shadow:none;
|
123
|
-
}
|
124
|
-
|
125
|
-
/**
|
126
|
-
*
|
127
|
-
* The '+' icon, displayed only on iOS < 4.2
|
128
|
-
*
|
129
|
-
*/
|
130
|
-
#addToHomeScreen .addToHomePlus {
|
131
|
-
font-weight:bold;
|
132
|
-
font-size:1.3em;
|
133
|
-
}
|
134
|
-
|
135
|
-
|
136
|
-
/**
|
137
|
-
*
|
138
|
-
* The 'share' icon, displayed only on iOS >= 4.2
|
139
|
-
*
|
140
|
-
*/
|
141
|
-
#addToHomeScreen .addToHomeShare {
|
142
|
-
display:inline-block;
|
143
|
-
width:18px;
|
144
|
-
height:15px;
|
145
|
-
background-repeat:no-repeat;
|
146
|
-
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC);
|
147
|
-
background-size:18px 15px;
|
148
|
-
text-indent:-9999em;
|
149
|
-
overflow:hidden;
|
150
|
-
}
|
151
|
-
|
152
|
-
#addToHomeScreen.addToHomeIOS7 .addToHomeShare {
|
153
|
-
width:11px;
|
154
|
-
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAA8CAYAAAAQTCjdAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAASCQAAEgkB80sG3AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKjSURBVGiB7dpPiFVVHMDxz7m9NCtMyI2bEJEC25WrEkzHUXCRraIwdNE8ZxfYIlcis1ZEbGEzT1QCF4XgH1CyWhUoJKIWNRGEiCNKmkSiYTzfcfGuOokx77x3ZlS8382959zfn+/invvn3RdijHIRBrwkOINCYXEcdjpb7VyiYdBsLScwt5y6IloYdzqXo36Ro0gY9IKWo+5JwmzBt2HQnBw9ehYNazyn5TBee8Dh+Vq+CWu92GufnkTDR6ab7gDeBNHouMM/l9tXTXM0fGBmL726Fg1Dam74EsvKqR8VNowL2Yzj5f7rnnE4DHq2235diYYhhTGfC94up35T0y+6di/ITU0rKVd+sEi0P7xr2pSJOu8zvF+OzqEv7vDH/WFxt7/cshy/ticsN8sXYUht0kXDOlsF9XJ4UaEvNoz9X3zc5bKaZThbyr5jzJ4wlNY7KTgM+ES0vhz+KeiPw36fKC/ucAF9uFBOrTZm26SJCtaV27+xIo7cXdkTEhvOoh+XyxprU1qnim7CQdGK2HAyKRexYVShT3RItDElN+mkjiP2Ym+S3f01hv2EVal5WW6hU0ElmptaqJuBpXg6MbeFH2LDpU6CQ93zWIKnEvs0cayGU3glMfkOo1jQYewZzOuyz7FC95Jwo5OgUFfgeg993hh/eTqCTxOSm/iuk8DY0Ap1b2GhtHXxsfZN4j/X0fOx4auEIknEhqv4OiUn1L13Z/+xWfWVaG4q0dxUormpRHNTieamEs1NJZqbJ1Q0jHvdiJo5S2cVjSNOCHZhn3/SnuYnIvl3yomIIz7MXZMn9hydRCrR3FSiualEc1OJ5qYSzU0lmptKNDePjWgwcPePT7/g+4cp8wCW4GXaryK3tL+mLdD5x62ppllgu7bso8q/2HIbzGWdNmWnSJwAAAAASUVORK5CYII=);
|
155
|
-
background-size:11px 15px;
|
156
|
-
}
|
157
|
-
|
158
|
-
/**
|
159
|
-
*
|
160
|
-
* The touch icon (if available)
|
161
|
-
*
|
162
|
-
*/
|
163
|
-
#addToHomeScreen .addToHomeTouchIcon {
|
164
|
-
display:block;
|
165
|
-
float:left;
|
166
|
-
-webkit-border-radius:6px;
|
167
|
-
border-radius:6px;
|
168
|
-
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5),
|
169
|
-
inset 0 0 2px rgba(255,255,255,0.9);
|
170
|
-
box-shadow:0 1px 3px rgba(0,0,0,0.5),
|
171
|
-
inset 0 0 2px rgba(255,255,255,0.9);
|
172
|
-
background-repeat:no-repeat;
|
173
|
-
width:57px; height:57px;
|
174
|
-
-webkit-background-size:57px 57px;
|
175
|
-
background-size:57px 57px;
|
176
|
-
margin:0 12px 0 0;
|
177
|
-
border:1px solid #333;
|
178
|
-
-webkit-background-clip:padding-box;
|
179
|
-
background-clip:padding-box;
|
180
|
-
}
|