Otelia Pannellino verticale multi-struttura senza calendario

tecnologia Javascript e CSS

risorse:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="otelia_pannellino.css">
<link rel="stylesheet" href="otelia_custom.css">

<script type="text/javascript" src="otelia_pannellino.js"></script>

impostazione:

ID struttura:
<select name="be_id" id="idBEStruttura" >
<option value="99207">Hotel 1</option>
<option value="99208">Hotel 2</option>
<option value="99209">Hotel 3</option>
</select>

lingua:
<input name="be_l" id="be_l" type="hidden" value="ITA" />
codici di lingue disponibili:
it = italiano
en = inglese
de = tedesco
fr = francese
es = spagnolo


personalizzazione otelia_custom.css:

@charset "utf-8";
/* CSS Document */
/* Links –––––––––––––––––––––––––––––––––––––––––––––––––– */
.otelia_container a {
color: #1EAEDB; }

.otelia_container a:hover {
color: #21b7d2; }

/* Inputs –––––––––––––––––––––––––––––––––––––––––––––––––– */
.otelia_container input[type="text"] {
max-width:100%; }

.otelia_container input[type="email"],
.otelia_container input[type="number"],
.otelia_container input[type="search"],
.otelia_container input[type="text"],
.otelia_container input[type="tel"],
.otelia_container input[type="url"],
.otelia_container input[type="password"],
.otelia_container textarea,
.otelia_container select {
height: 38px; padding: 6px 6px;
background-color: #fff;
border: 1px solid #D1D1D1;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box; }

.otelia_container input,
.otelia_container textarea,
.otelia_container select,
.otelia_container fieldset {
margin-bottom: 1.5rem; }

.otelia_container label,
.otelia_container legend {
display: block;
margin-bottom: .5rem;
font-weight: 600;
line-height: 1.6;
font-family: Helvetica, Arial, sans-serif;
color: #222;
white-space: nowrap; }

.otelia_container .button,
.otelia_container button,
.otelia_container input[type="submit"],
.otelia_container input[type="reset"],
.otelia_container input[type="button"] {
display: inline-block;
height: 38px;
padding: 0 30px;
color: #555;
text-align: center;
font-size: 11px;
font-weight: 600;
line-height: 38px;
letter-spacing: .1rem;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border-radius: 4px;
border: 1px solid #bbb;
cursor: pointer;
box-sizing: border-box; }

.otelia_container button,
.otelia_container input,
.otelia_container optgroup,
.otelia_container select,
.otelia_container textarea {
color: inherit; }

.otelia_container button,
.otelia_container select {
text-transform: none; }


Compatibilità con i Browser Web:

Browser Internet Explorer Edge Firefox Safari Opera Chrome iOS Android
Versione8 9 10 11 15 54 ≤ 9 10 45 59 ≤ 8 9 10 ≤ 3 4*
Compatibilità ** OK OK OK OK OK OK OK OK OK OK OK OK OK OK

* La maggior parte dei dispositivi Android da 4.1 in poi utilizza Chrome come browser predefinito, le versioni precedenti utilizzano il browser Android originale

** CSS property border-radius is not supported by IE8 or earlier.