Subversion Repositories ALCASAR

Rev

Rev 2743 | Go to most recent revision | Show entire file | Regard whitespace | Details | Blame | Last modification | View Log

Rev 2743 Rev 2747
Line 109... Line 109...
109 
	max-height: 150px;
 109 
	max-height: 150px;
110 
}
 110 
}
111 
 
 111 
 
112 
/* placement et proportion de la boite de saisie et de l'aide */
 112 
/* placement et proportion de la boite de saisie et de l'aide */
113 
/* pour desktop */
 113 
/* pour desktop */
114 
@media (min-width: 900px)
 - 
 
115 
{
 - 
 
116 
	.mobile-only {
 114 
.mobile-only {
117 
		display: none;
 115 
	display: none;
118 
	}
 116 
}
119 
	#logon {
 117 
#logon {
120 
		position: relative;
 118 
	position: relative;
Line 139... Line 137...
139 
		border: 0px;
 137 
	border: 0px;
140 
		margin-top: 25px;
 138 
	margin-top: 25px;
141 
		width: 580px;
 139 
	width: 580px;
142 
		padding-top: 10px;
 140 
	padding-top: 10px;
143 
	}
 141 
}
- 
 
 142 
#username_input,
- 
 
 143 
#password_input {
- 
 
 144 
	align: left;
- 
 
 145 
}
- 
 
 146 
/* hide placeholders for desktops */
- 
 
 147 
::-webkit-input-placeholder {
- 
 
 148 
/* WebKit browsers */
- 
 
 149 
	color: transparent;
- 
 
 150 
}
- 
 
 151 
:-moz-placeholder {
- 
 
 152 
/* Mozilla Firefox 4 to 18 */
- 
 
 153 
	color: transparent;
- 
 
 154 
}
- 
 
 155 
::-moz-placeholder {
- 
 
 156 
/* Mozilla Firefox 19+ */
- 
 
 157 
	color: transparent;
- 
 
 158 
}
- 
 
 159 
:-ms-input-placeholder {
- 
 
 160 
/* Internet Explorer 10+ */
- 
 
 161 
	color: transparent;
- 
 
 162 
}
- 
 
 163 
input::placeholder {
- 
 
 164 
	color: transparent;
- 
 
 165 
}
- 
 
 166 
textarea::-webkit-input-placeholder {
- 
 
 167 
/* WebKit browsers */
- 
 
 168 
	color: transparent;
- 
 
 169 
}
- 
 
 170 
textarea:-moz-placeholder {
- 
 
 171 
/* Mozilla Firefox 4 to 18 */
- 
 
 172 
	color: transparent;
- 
 
 173 
}
- 
 
 174 
textarea::-moz-placeholder {
- 
 
 175 
/* Mozilla Firefox 19+ */
- 
 
 176 
	color: transparent;
- 
 
 177 
}
- 
 
 178 
textarea:-ms-input-placeholder {
- 
 
 179 
/* Internet Explorer 10+ */
- 
 
 180 
	color: transparent;
- 
 
 181 
}
- 
 
 182 
textarea::placeholder {
- 
 
 183 
	color: transparent;
144 
}
 184 
}
145 
/* pour mobile */
 185 
/* pour mobile */
146 
@media (max-width: 900px)
 186 
@media (max-width: 900px)
147 
{
 187 
{
148 
	.desktop-only {
 188 
	.desktop-only {
Line 168... Line 208...
168 
		padding-top: 10px;
 208 
		padding-top: 10px;
169 
	}
 209 
	}
170 
	input[type="text"]
 210 
	input[type="text"]
171 
	{
 211 
	{
172 
	    font-size:30px;
 212 
	    font-size:30px;
- 
 
 213 
	    color: grey;
173 
	}
 214 
	}
174 
	input[type="password"]
 215 
	input[type="password"]
175 
	{
 216 
	{
176 
	    font-size:30px;
 217 
	    font-size:30px;
- 
 
 218 
	    color: grey;
177 
	}
 219 
	}
178 
	#boite-logon INPUT {
 220 
	#boite-logon INPUT {
179 
		border: #666666 1px solid;
 221 
		border: #666666 1px solid;
180 
		padding: 2px;
 222 
		padding: 2px;
181 
		font-family: arial;
 223 
		font-family: arial;
Line 188... Line 230...
188 
		border: 0px;
 230 
		border: 0px;
189 
		margin-top: 25px;
 231 
		margin-top: 25px;
190 
		width: 580px;
 232 
		width: 580px;
191 
		padding-top: 10px;
 233 
		padding-top: 10px;
192 
	}
 234 
	}
- 
 
 235 
	#username_input,
- 
 
 236 
	#password_input {
- 
 
 237 
		align: center;
- 
 
 238 
	}
- 
 
 239 
 
- 
 
 240 
	/* Placeholders */
- 
 
 241 
	::-webkit-input-placeholder {
- 
 
 242 
	/* WebKit browsers */
- 
 
 243 
	 color: lightgrey;
- 
 
 244 
	}
- 
 
 245 
	:-moz-placeholder {
- 
 
 246 
	/* Mozilla Firefox 4 to 18 */
- 
 
 247 
		color: lightgrey;
- 
 
 248 
	}
- 
 
 249 
	::-moz-placeholder {
- 
 
 250 
	/* Mozilla Firefox 19+ */
- 
 
 251 
		color: lightgrey;
- 
 
 252 
	}
- 
 
 253 
	:-ms-input-placeholder {
- 
 
 254 
	/* Internet Explorer 10+ */
- 
 
 255 
		color: lightgrey;
- 
 
 256 
	}
- 
 
 257 
	input::placeholder {
- 
 
 258 
		color: lightgrey;
- 
 
 259 
	}
- 
 
 260 
	textarea::-webkit-input-placeholder {
- 
 
 261 
	/* WebKit browsers */
- 
 
 262 
		color: lightgrey;
- 
 
 263 
	}
- 
 
 264 
	textarea:-moz-placeholder {
- 
 
 265 
	/* Mozilla Firefox 4 to 18 */
- 
 
 266 
		color: lightgrey;
- 
 
 267 
	}
- 
 
 268 
	textarea::-moz-placeholder {
- 
 
 269 
	/* Mozilla Firefox 19+ */
- 
 
 270 
		color: lightgrey;
- 
 
 271 
	}
- 
 
 272 
	textarea:-ms-input-placeholder {
- 
 
 273 
	/* Internet Explorer 10+ */
- 
 
 274 
		color: lightgrey;
- 
 
 275 
	}
- 
 
 276 
	textarea::placeholder {
- 
 
 277 
		color: lightgrey;
- 
 
 278 
	}
193 
}
 279 
}
194 
/*boite de dialogue de deconnection*/
 280 
/*boite de dialogue de deconnection*/
195 
/* pour desktop */
 281 
/* pour desktop */
196 
@media (min-width: 900px)
 - 
 
197 
{
 - 
 
198 
	.mobile-only {
 282 
.mobile-only {
199 
		display: none;
 283 
	display: none;
200 
	}
 284 
}
201 
	#contenu_acces {
 285 
#contenu_acces {
202 
		position: relative;
 286 
	position: relative;
Line 235... Line 319...
235 
		left: -50px;
 319 
	left: -50px;
236 
		width: 150px;
 320 
	width: 150px;
237 
		height: 150px;
 321 
	height: 150px;
238 
		z-index: 2;
 322 
	z-index: 2;
239 
	}
 323 
}
240 
}
 - 
 
241 
/* pour mobile */
 324 
/* pour mobile */
242 
@media (max-width: 900px)
 325 
@media (max-width: 900px)
243 
{
 326 
{
244 
	.desktop-only {
 327 
	.desktop-only {
245 
		display: none;
 328 
		display: none;
246 
	}
 329 
	}
- 
 
 330 
	.mobile-only {
- 
 
 331 
		display: inline;
- 
 
 332 
	}
247 
	#contenu_acces {
 333 
	#contenu_acces {
248 
		position: relative;
 334 
		position: relative;
249 
		width: 90%;
 335 
		width: 90%;
250 
		height: 400px;
 336 
		height: 400px;
251 
		top: -20px;
 337 
		top: -20px;