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ä. Jos tuntuu liian hankalalta, kopioi etusivulta valmis teema ja liitä se sivuillesi
Poista haluamasi kohdan ympäriltä kommentit /* ja */, niin se tulee käyttöön
/*body {background-color: black}*/ /*Koko sivun taustaväri*/
/* p { background-color: #000000 color: #ffffff; } */ /*Tekstin taustaväri*/
.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;
}