Narancs-Kék

<p><style type="text/css">

td.modtitle /* modulfejléc */
   {padding-left: 1px; /* hány px-re legyen a menü neve a modul szélétõl */
    font-size: 13pt; /* a modul nevének mérete */
    font-weight: bold; /* a modul neve félkövér legyen (bold) vagy ne (none) */
    color: #ECD200; /* a modul nevének színe */
    background-color: #BCD8FF; /* a modulfejléc színe */
    background-image: url("none"); /* ha képet szeretnél modulfejlécnek a none helyére írd a kép URL címét, idézõjelek maradnak! */
    height: 16px; /* a modulfejléc magassága */
BORDER-RIGHT: #cccccc 0px solid; /* keret, modulfejléc jobb oldalán lévõ szegély */
    BORDER-BOTTOM: #DDFFC0 4px solid; /* keret, modulfejléc alján lévõ szegély */
    BORDER-TOP: #cccccc 0px solid; /* keret, modulfejléc tetején lévõ szegély */
    BORDER-LEFT: #cccccc 0px solid; /* keret, modulfejléc bal oldalán lévõ szegély */}



td.menu /* menü modul, root menü */
   {background-color: #FFFDC4 /* menü modulok belseje */}


td.modbody /* többi modul */
   {background-color: #FFFDC4; /* modulok háttérszíne, menü modul hátterének kerete */
    background-image: url("none"); /* ha képet szeretnél modulháttérnek a none helyére írd a kép URL címét, idézõjelek maradnak */
    font-size: 7pt; /* modulok tartalmának szövegmérete */
    font-family: Comic Sans MS; /* modul tartalmának betûtípusa */
    font-weight: none; /* modulok tartalmának szövege félkövér legyen (bold) vagy sem (none) */
    color: #AAAAAA; /* modulok tartalmának szövegszíne */
    line-height: 7pt; /* sormagasság, ettõl függ, hogy a sorok milyen közel vannak egymáshoz */
    BORDER-RIGHT: #cccccc 0px solid; /* keret, modul jobb oldalán lévõ szegély */
    BORDER-BOTTOM: #cccccc 0px solid; /* keret, modul alján lévõ szegély */
    BORDER-TOP: #cccccc 0px solid; /* keret, modul tetején lévõ szegély */
    BORDER-LEFT: #cccccc 0px solid; /* keret, modul bal oldalán lévõ szegély */}

</style></p>
<p>&#160;</p>
______________________________________________
Sötét-Világos
 

<p><style type="text/css">

img   { border: 0px solid #000000;} /* link nélküli képnek keret, most 0, tehát nem ad neki keretet */

a img /* linkelt kép tulajdonságai */

{ border-style: solid; /* a linkelt kép keretének stílusa: solid: sima, dashed: szaggatott, dotted: pontozott */
        border-width: 1px; /* a linkelt kép keretének vastagsága */
 border-color: #000000; /* a linkelt kép keretének színe */
        -moz-border-radius: 0px; /* keret lekerekítésének mértéke mozzilában */
        -webkit-border-radius: 0px; /* keret lekerekítésének mértéke chrombe-ban */
 filter: alpha(opacity=50); /* áttetszõség IE-ben */
 opacity: 0.5; /* áttetszõség mozzilában, chrome-ban.. */
}

a:hover img /* linkelt kép tulajdonságai, ha ráviszed az egeret */

{ border-style: solid; /* a linkelt kép keretének stílusa: solid: sima, dashed: szaggatott, dotted: pontozott */
 border-width: 0px;  /* a linkelt kép keretének vastagsága */
 border-color:; /* a linkelt kép keretének színe */
        -moz-border-radius: 0px; /* keret lekerekítésének mértéke mozzilában */
        -webkit-border-radius: 0px; /* keret lekerekítésének mértéke chrome-ban */
 filter: alpha(opacity=100); /* áttetszõség IE-ben */
 opacity: 1.0; /* áttetszõség mozzilában, chrome-ban... */
}
</style></p>