Css-teema 2 (Ajas.fi demosivu)

Ajas Internet-ajanvarauksen ohjesivustosta
Siirry navigaatioon Siirry hakuun
Tulostettavaa versiota ei enää tueta ja siinä voi olla renderöintivirheitä. Päivitä selaimesi kirjanmerkit ja käytä selaimen tavallista tulostustoimintoa sen sijaan.

Ajas-tyyli2.png

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; }

  1. viikko {

width: 170px !important; }