Az oldalon láthatod a demót és itt a kód:

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

/*A CSS-t készítette Chloé (simpleau.gportal.hu) */

@font-face {
font-family: young folks;
src: url('//chloecss.gportal.hu/portal/chloecss/upload/740562_1373379139_03545.ttf');} 

input, textarea {
background-color: #ffffff;
color: #888888;
font-family: trebuchet ms;
font-size: 11px;
border: 1px solid #ffffff;}

td.sitecol {
background-color: #FAF8ED;}

td.modbottom {
background-image: url();
height: 0px;}

body {
background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3736/3736868.png);}

.site {
width: 750px;}

td.modtitle, td.listheader, td.listheader1, td.listheader2, td.listheader3 {
background-color: #B4D4B1;
background-image: url();
font-weight: normal;
font-style: ;
padding-bottom: 0px;
border-bottom: 4px solid #A4CBA0;
text-shadow: 1px 1px 1px #A4CBA0;
letter-spacing: px;
text-transform: lowercase;
font-family: young folks;
font-size: 26px;
color: #ffffff;
text-align: center;} 

td.modbody, td.list1, td.list2, td.list3 {
background-color: #ffffff;
color: #888888;
font-family: trebuchet ms;
font-size: 11px;
line-height: 12px;
text-align: jusitfy;
padding: 3px;
border-right: 0px solid #DEE0D8;
border-left: 0px solid #DEE0D8;}

.txtmini {
text-align: center;
color: #FBAFAF;}

h2, a:hover h2 {
color: #D1C6B2;
font-family: times new roman;
text-transform: lowercase;
letter-spacing: -1px;
text-align: center;}

b, strong {
color: #EFA1BC;
font-family: georgia;
font-size: 11px;
text-transform: ;
letter-spacing: -1px;}

i, em {
color: #D9AB6C;
font-family: georgia;
font-size: 11px;
text-transform: ;}

u {
color: #A4CBA0;
background-color: #;
font-family: trebuchet ms;
font-size: 11px;
text-decoration: underline;
border-bottom: px dotted #;
text-transform: ;
font-weight: ;
letter-spacing: px;}

.txtbold {
color: #FBAFAF;
text-transform: uppercase;
font-size: 8px;
font-family: verdana;
text-align: center;}

a:link, a:visited {
color: #C8BF8E;
font-family: georgia;
text-decoration: none;
text-transform: lowercase;
font-size: 11px;
font-style: ;
font-weight: bold;
letter-spacing: -1px;
background-color: #;
     -webkit-transition: .5s ease-in;
     -moz-transition: .5s ease-in; 
     -o-transition: .5s ease-in;}

a:hover {
color: #A4CBA0;
font-family: georgia;
text-decoration: underline;
text-transform: lowercase;
font-size: 11px;
font-style: ;
font-weight: bold;
letter-spacing: -1px;
background-color: ;
     -webkit-transition: .5s ease-in;
     -moz-transition: .5s ease-in; 
     -o-transition: .5s ease-in;
cursor: default;}

td.modbody img {
alpha (opacity=80); 
opacity: 0.80;
     -webkit-transition: .5s ease-in;
     -moz-transition: .5s ease-in; 
     -o-transition: .5s ease-in;}

td.modbody img:hover {
alpha (opacity=100); 
opacity: 1.0;
     -webkit-transition: .5s ease-in;
     -moz-transition: .5s ease-in; 
     -o-transition: .5s ease-in;}

::selection { 
background: #87AE90; 
color: #ffffff;} 

::-moz-selection { 
background: #87AE90; 
color: #ffffff;} 

::-webkit-scrollbar {
width: 8px;
background-color: #DCE5D0;}

::-webkit-scrollbar-thumb {
background-color: #FBB4B4;
background-repeat: repeat;
-moz-border-radius: ex;
-khtml-border-radius: ex;
-webkit-border-radius: ex;
border-radius: ex;
min-height: 10px;}

::-moz-scrollbar {
width: 8px;
background-color: #F2556F;}	</style></p>