Ero sivun ”Css-teema 3 (Pinkki)” versioiden välillä

Ajas Internet-ajanvarauksen ohjesivustosta
Siirry navigaatioon Siirry hakuun
(Ak: Uusi sivu: <nowiki> .cale...)
 
Ei muokkausyhteenvetoa
 
Rivi 1: Rivi 1:
<nowiki>                                                   
== Liitä alla oleva teksti kohtaan CSS-määritykset ==
                                                                   
 
 
                                                       
                                              
                                              
.calendarMain {
.calendarMain {
/* background-color: #F5F5DC; */
/* background-color: #F5F5DC; */
color: #CB2A52;
color: #CB2A52;
        font-size:15px;
font-size:15px;
border: 2px solid;
border: 2px solid;
border-color: #CB2A52;
border-color: #CB2A52;
Rivi 15: Rivi 17:
margin:0;
margin:0;
}
}
table {
table {
  border-collapse:collapse;
border-collapse:collapse;
  font-size: 15px;
font-size: 15px;
}
}




.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 { /* Kalenterin tausta*/
 
/* 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 {
}
}


.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 { /* valinta boxit*/
 
.valinnat {
/* valinta boxit*/
background-color: #f7f1f0;  
background-color: #f7f1f0;  
}  
}  
.lista0 { /* lista vapaista aika varaa taulut*/
 
.lista0 {
/* lista vapaista aika varaa taulut*/
background-color: #f7f1f0;  
background-color: #f7f1f0;  
}
}
.lista1 { /* kelloaika listalla*/
 
.lista1 {
/* kelloaika listalla*/
font-style: italic;  
font-style: italic;  
background-color: #f7f1f0;  
background-color: #f7f1f0;  
}
}
.lista2 { /* 'Tee varaus' listalla*/
 
.lista2 {
/* 'Tee varaus' listalla*/
background-color: #f7f1f0;  
background-color: #f7f1f0;  
}  
}  


A:link {text-decoration: none; color: #CB2A52;}


A:link {text-decoration: none; color: #CB2A52;}
A:visited {text-decoration: none; color: #CB2A52;}
A:visited {text-decoration: none; color: #CB2A52;}
A:active {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: color: #CB2A52;}
A:hover {text-decoration: underline; color: color: #CB2A52;}
    
    
a.button {
a.button {
    background: transparent url('images/button_a.gif') no-repeat scroll top right;
background: transparent url('images/button_a.gif') no-repeat scroll top right;
    color: #444;
color: #444;
    display: block;
display: block;
    float: left;
float: left;
    font: normal 12px arial, sans-serif;
font: normal 12px arial, sans-serif;
    height: 24px;
height: 24px;
    margin-right: 6px;
margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
text-decoration: none;
}
}


a.button span
a.button span
{
{
    background: transparent url('images/button_span.gif') no-repeat;
background: transparent url('images/button_span.gif') no-repeat;
    display: block;
display: block;
    line-height: 14px;
line-height: 14px;
    padding: 5px 0 5px 18px;
padding: 5px 0 5px 18px;
  font-size: 12px;
font-size: 12px;
 
}
}


a.button:active {
a.button:active {
    background-position: bottom right;
background-position: bottom right;
    color: #000;
color: #000;
}
}


a.button:active span {
a.button:active span {
    background-position: bottom left;
background-position: bottom left;
}  
}  


.ajanvaraus_lista1 {
.ajanvaraus_lista1 {
Rivi 111: Rivi 131:
padding-left: 5px;
padding-left: 5px;
padding-right: 5px;
padding-right: 5px;
text-align: center;
text-align: center;
}
}


Rivi 155: Rivi 175:
padding-right: 5px;
padding-right: 5px;
}
}
.ajanvaraus_valinnat {
.ajanvaraus_valinnat {
width: 145px;
width: 145px;
}
}
#viikko {
#viikko {
width: 170px !important;
width: 170px !important;
}
}
</nowiki>

Nykyinen versio 31. elokuuta 2009 kello 18.26

Liitä alla oleva teksti kohtaan CSS-määritykset

.calendarMain { /* background-color: #F5F5DC; */ color: #CB2A52; font-size:15px; border: 2px solid; border-color: #CB2A52; }

body { font-size:15px; color:#CB2A52; margin:0; }

table { border-collapse:collapse; font-size: 15px; }


.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: #CB2A52;}

A:visited {text-decoration: none; color: #CB2A52;}

A:active {text-decoration: none}

A:hover {text-decoration: underline; color: color: #CB2A52;}

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: #CB2A52; empty-cells: show; border-collapse: collapse; padding-left: 5px; padding-right: 5px; text-align: center; }

.ajanvaraus_list1_date { border: 1px solid; border-color: #CB2A52; 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: #CB2A52; background: transparent; padding-left: 5px; padding-right: 5px; }

.ajanvaraus_list1_varattu { border: 1px solid; border-style: dotted; border-color: #CB2A52; background-color: none; padding-left: 5px; padding-right: 5px; }

.ajanvaraus_list1_full { border: 1px solid; border-style: dotted; border-color: #CB2A52; padding-left: 5px; padding-right: 5px; }

.ajanvaraus_valinnat { width: 145px; }

  1. viikko {

width: 170px !important; }

Noudettu kohteesta ”http://nettivaraus.com/index.php?title=Css-teema_3_(Pinkki)&oldid=128”