Ero sivun ”Css-teema 1 (Tumma tausta)” versioiden välillä
Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
Rivi 14: | Rivi 14: | ||
color: white; | color: white; | ||
} | } | ||
.calendarMain { /* background-color: #F5F5DC; */ color: #FFFFFF; border: 1px solid; } | .calendarMain { /* background-color: #F5F5DC; */ color: #FFFFFF; border: 1px solid; } | ||
Rivi 21: | Rivi 20: | ||
.calendarToday { /* Kalenterin tämän päivän väri */ background-color: #6495ED; } | .calendarToday { /* Kalenterin tämän päivän väri */ background-color: #6495ED; } | ||
.calendar { /* Kalenterin tausta*/ /* background-color: #F5F5DC; */ } | .calendar { /* Kalenterin tausta*/ /* background-color: #F5F5DC; */ } | ||
.kalenteri { /* Kalenterin taulu */ background-color: #F5F5DC; } | .kalenteri { /* Kalenterin taulu */ background-color: #F5F5DC; } | ||
.table1 { /* Koko taulukko*/ background-color: #F5F5DC; } | .table1 { /* Koko taulukko*/ background-color: #F5F5DC; } | ||
.kello { /* 'klo' ja päiväys listan päällä*/ font-weight: bolder; background-color: #F5F5DC; } | .kello { /* 'klo' ja päiväys listan päällä*/ font-weight: bolder; background-color: #F5F5DC; } | ||
.valinnat { /* valinta boxit*/ background-color: #F5F5DC; } | .valinnat { /* valinta boxit*/ background-color: #F5F5DC; } | ||
.lista0 { /* lista vapaista aika varaa taulut*/ background-color: #F5F5DC; } | .lista0 { /* lista vapaista aika varaa taulut*/ background-color: #F5F5DC; } | ||
.lista1 { /* kelloaika listalla*/ font-style: italic; background-color: #F5F5DC; } | .lista1 { /* kelloaika listalla*/ font-style: italic; background-color: #F5F5DC; } | ||
.lista2 { /* 'Tee varaus' listalla*/ background-color: #F5F5DC; } | .lista2 { /* 'Tee varaus' listalla*/ background-color: #F5F5DC; } | ||
A:link {text-decoration: none; color: lightblue;} | A:link {text-decoration: none; color: lightblue;} | ||
Rivi 51: | Rivi 44: | ||
A:hover {text-decoration: underline; color: red;} | 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 { 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 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 { background-position: bottom right; color: #000; } | ||
a.button:active span { background-position: bottom left; } | a.button:active span { background-position: bottom left; } | ||
.ajanvaraus_lista1 { border: 1px solid; empty-cells: show; border-collapse: collapse; } | .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_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_empty { border: 1px solid; background-color: black; } | ||
.ajanvaraus_list1_varattu { border: 1px solid; background-color: none; } | .ajanvaraus_list1_varattu { border: 1px solid; background-color: none; } | ||
.ajanvaraus_list1_full { border: 1px solid; } | .ajanvaraus_list1_full { border: 1px solid; } |
Nykyinen versio 31. elokuuta 2009 kello 18.28
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; }