CSS-määrityksiä vaihtamalla
Muuttaaksesi nettivarauksen ulkonäköä, lisää nettivarausten hallintapaneelin CSS-määritykset kohtaan seuraavat tekstit ja vaihda niihin haluamasi värit ja muut arvot. Muistathan, että kuvatiedostot tarvitsee linkittää omaan kotisivutilaasi, jos haluat vaihtaa niitä.
.calendarMain {
/* background-color: #F5F5DC; */
color: black;
border: 1px solid;
}
.calendarHeader { /* Kalenterin otsikko */ font-weight: bolder; color: #CC0000; /* background-color: #F5F5DC; */ }
.calendarToday { /* Kalenterin tämän päivän väri */ background-color: #6495ED; }
.calendar { /* Kalenterin tausta*/
/* background-color: #F5F5DC; */
}
.kalenteri { /* Kalenterin taulu */ background-color: #F5F5DC; }
.table1 { /* Koko taulukko*/
background-color: #F5F5DC;
}
.kello { /* 'klo' ja päiväys listan päällä*/
font-weight: bolder;
background-color: #F5F5DC;
}
.valinnat { /* valinta boxit*/ background-color: #F5F5DC; }
.lista0 { /* lista vapaista aika+varaa taulut*/
background-color: #F5F5DC;
}
.lista1 { /* kelloaika listalla*/
font-style: italic;
background-color: #F5F5DC;
}
.lista2 { /* 'Tee varaus' listalla*/ background-color: #F5F5DC; }
A:link {text-decoration: none; color: blue;}
A:visited {text-decoration: none; color: blue;}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}
a.button {
background: transparent url('images/button_a.gif') no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
}
a.button span
{
background: transparent url('images/button_span.gif') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
a.button:active {
background-position: bottom right;
color: #000;
}
a.button:active span {
background-position: bottom left;
}
.ajanvaraus_lista1 {
border: 1px solid;
empty-cells: show;
border-collapse: collapse;
}
.ajanvaraus_list1_date {
border: 1px solid;
border-bottom: 3px solid;
background-color: lightgrey;
height: 30px;
width: 80px;
}
.ajanvaraus_list1_empty {
border: 1px solid;
background-color: darkgrey;
}
.ajanvaraus_list1_varattu {
border: 1px solid;
background-color: none;
}
.ajanvaraus_list1_full {
border: 1px solid;
}