Ero sivun ”Css-teema 2 (Ajas.fi demosivu)” versioiden välillä
(Ak: Uusi sivu: Liitä alla oleva teksti nettivarausten asetusten kohtaan CSS. <nowiki>.calendarMain { →background-color: #F5F5DC;: color: #red; font-size:15px; border: 2px solid; b...) |
Ei muokkausyhteenvetoa |
||
(3 välissä olevaa versiota samalta käyttäjältä ei näytetä) | |||
Rivi 1: | Rivi 1: | ||
[[Kuva:ajas-tyyli2.png]] | |||
Liitä alla oleva teksti nettivarausten asetusten kohtaan CSS. | |||
.calendarMain { | |||
/* background-color: #F5F5DC; */ | /* background-color: #F5F5DC; */ | ||
color: #red; | color: #red; | ||
font-size:15px; | |||
border: 2px solid; | border: 2px solid; | ||
border-color: #104E8B; | border-color: #104E8B; | ||
Rivi 12: | Rivi 14: | ||
body { | body { | ||
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; | |||
font-size:13px; | font-size:13px; | ||
color:#383838; | color:#383838; | ||
margin:0; | margin:0; | ||
} | } | ||
table { | table { | ||
border-collapse:collapse; | |||
font-size: 13px; | |||
} | } | ||
.calendarHeader { /* Kalenterin otsikko */ | .calendarHeader { | ||
/* Kalenterin otsikko */ | |||
font-weight: bolder; | font-weight: bolder; | ||
color: #CD2626; | color: #CD2626; | ||
/* background-color: #f7f1f0; */ | /* background-color: #f7f1f0; */ | ||
} | } | ||
.calendarToday { /* Kalenterin tämän päivän väri */ | |||
.calendarToday { | |||
/* Kalenterin tämän päivän väri */ | |||
background-color: #E0FFFF; | background-color: #E0FFFF; | ||
font-weight: bolder; | font-weight: bolder; | ||
} | } | ||
.calendar { | |||
/* background-color: #f7f1f0; */ | .calendar { | ||
/* Kalenterin tausta*/ | |||
/* background-color: #f7f1f0; */ | |||
} | } | ||
.kalenteri { /* Kalenterin taulu */ | |||
.kalenteri { | |||
/* Kalenterin taulu */ | |||
background-color: #f7f1f0; | background-color: #f7f1f0; | ||
} | } | ||
.table1 {/* Koko taulukko*/ | |||
.table1 { | |||
/* Koko taulukko*/ | |||
/*background-color: #f7f1f0; */ | /*background-color: #f7f1f0; */ | ||
border-color: none; | border-color: none; | ||
font-size: 13px; | font-size: 13px; | ||
} | } | ||
td { | td { | ||
Rivi 48: | Rivi 61: | ||
} | } | ||
.kello { /* 'klo' ja päiväys listan päällä*/ | .kello { | ||
/* 'klo' ja päiväys listan päällä*/ | |||
font-weight: bolder; | font-weight: bolder; | ||
background-color: #f7f1f0; | background-color: #f7f1f0; | ||
} | } | ||
.valinnat { | |||
.valinnat { | |||
/* valinta boxit*/ | |||
background-color: #f7f1f0; | background-color: #f7f1f0; | ||
} | } | ||
.lista0 { | |||
.lista0 { | |||
/* lista vapaista aika varaa taulut*/ | |||
background-color: #f7f1f0; | background-color: #f7f1f0; | ||
} | } | ||
.lista1 { | |||
.lista1 { | |||
/* kelloaika listalla*/ | |||
font-style: italic; | font-style: italic; | ||
background-color: #f7f1f0; | background-color: #f7f1f0; | ||
} | } | ||
.lista2 { | |||
.lista2 { | |||
/* 'Tee varaus' listalla*/ | |||
background-color: #f7f1f0; | background-color: #f7f1f0; | ||
} | } | ||
A:link {text-decoration: none; color: #3C9DFF;} | |||
A:visited {text-decoration: none; color: #3C9DFF;} | A:visited {text-decoration: none; color: #3C9DFF;} | ||
A:active {text-decoration: none} | A:active {text-decoration: none} | ||
A:hover {text-decoration: underline; color: #1414FF;} | A:hover {text-decoration: underline; color: #1414FF;} | ||
a.button { | 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 | a.button span { | ||
{ | background: transparent url('images/button_span.gif') no-repeat; | ||
display: block; | |||
line-height: 14px; | |||
padding: 5px 0 5px 18px; | |||
font-size: 12px; | |||
} | } | ||
a.button:active { | a.button:active { | ||
background-position: bottom right; | |||
color: #000; | |||
} | } | ||
a.button:active span { | a.button:active span { | ||
background-position: bottom left; | |||
} | } | ||
Rivi 113: | Rivi 135: | ||
padding-left: 5px; | padding-left: 5px; | ||
padding-right: 5px; | padding-right: 5px; | ||
text-align: center; | |||
} | } | ||
Rivi 163: | Rivi 185: | ||
#viikko { | #viikko { | ||
width: 170px !important; | width: 170px !important; | ||
} | } |
Nykyinen versio 31. elokuuta 2009 kello 18.22
Liitä alla oleva teksti nettivarausten asetusten kohtaan CSS.
.calendarMain { /* background-color: #F5F5DC; */ color: #red; font-size:15px; border: 2px solid; border-color: #104E8B; }
body { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#383838; margin:0; }
table { border-collapse:collapse; font-size: 13px; }
.calendarHeader {
/* Kalenterin otsikko */
font-weight: bolder;
color: #CD2626;
/* background-color: #f7f1f0; */
}
.calendarToday { /* Kalenterin tämän päivän väri */ background-color: #E0FFFF; font-weight: bolder; }
.calendar { /* Kalenterin tausta*/ /* background-color: #f7f1f0; */ }
.kalenteri { /* Kalenterin taulu */ background-color: #f7f1f0; }
.table1 { /* Koko taulukko*/ /*background-color: #f7f1f0; */ border-color: none; font-size: 13px; }
td {
}
.kello { /* 'klo' ja päiväys listan päällä*/ font-weight: bolder; background-color: #f7f1f0; }
.valinnat { /* valinta boxit*/ background-color: #f7f1f0; }
.lista0 { /* lista vapaista aika varaa taulut*/ background-color: #f7f1f0; }
.lista1 { /* kelloaika listalla*/ font-style: italic; background-color: #f7f1f0; }
.lista2 { /* 'Tee varaus' listalla*/ background-color: #f7f1f0; }
A:link {text-decoration: none; color: #3C9DFF;}
A:visited {text-decoration: none; color: #3C9DFF;}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: #1414FF;}
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; font-size: 12px; }
a.button:active { background-position: bottom right; color: #000; }
a.button:active span { background-position: bottom left; }
.ajanvaraus_lista1 { border: 1px solid; border-color: blue; empty-cells: show; border-collapse: collapse; padding-left: 5px; padding-right: 5px; text-align: center; }
.ajanvaraus_list1_date { border: 1px solid; border-color: #104E8B; background-color: fbf8f7; padding-left: 5px; padding-right: 5px; text-align: center; height: 30px; width: 80px; }
.ajanvaraus_pvm { padding-left: 11px; padding-right: 11px;
} .ajanvaraus_list1_empty { border: 1px solid; border-style: dotted; border-color: #104E8B; background: transparent; padding-left: 5px; padding-right: 5px; }
.ajanvaraus_list1_varattu { border: 1px solid; border-style: dotted; border-color: #104E8B; background-color: none; padding-left: 5px; padding-right: 5px; }
.ajanvaraus_list1_full { border: 1px solid; border-style: dotted; border-color: #104E8B; padding-left: 5px; padding-right: 5px; background-color: white; } .ajanvaraus_valinnat { width: 145px; }
- viikko {
width: 170px !important; }