Css-teema 1 (Tumma tausta)

Teema, joka sopii tummalle pohjalle: Kopioi alla oleva lihavoimaton teksti nettivarausten asetuksiin kohtaan "CSS-määritykset" ja paina "Tallenna", näin saat käyttöösi tämän teeman. Huom! Taustaväri määrittyy normaalisti sivuston taustavärin mukaan, eikä ole välttämättä musta.

/*Koko sivun taustaväri ja väri*/

body { /*background-color: black;*/ color: white; }

.calendarMain { /* background-color: #F5F5DC; */ color: #FFFFFF; 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: lightblue;}

A:visited {text-decoration: none; color: lightblue;}

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; color: black; height: 30px; width: 80px; }

.ajanvaraus_list1_empty { border: 1px solid; background-color: black; }

.ajanvaraus_list1_varattu { border: 1px solid; background-color: none; }

.ajanvaraus_list1_full { border: 1px solid; }