Light and Living Template

Light and Living is a free, W3C-compliant, CSS-based website template designed by SisleyStudio. This free template is released under a Creative Commons Attributions 3.0 license, so you can use it as you like for your personal website or a commercial website. The only thing that must remain intact is the link from footer, Designed by SisleyStudio and Maintained by A. Andaz Ahmad

. Hope you will enjoy it!

You can view our portfolio at www.sisleystudio.com.

Cross-browser consistency

"Light and Living" CSS template has been tested for all major browsers and it displays properly on all major browsers: IE 6, IE 7, Firefox, Opera, Netscape, Safari.

This template is compatible with all main browsers: IE 6, IE 7, Opera, Firefox, Netscape, Safari.

The styles of different elements can be changed from main.css external file. For example if you go to line 165 you will see the following code:

div#content {
margin:0 auto;
margin-left:230px;
padding:0;
min-height:305px !important;
width:540px;
color:#000000;
font-family: Verdana, Tahoma, Arial;
font:Tahoma, Verdana, Arial;
font-size:11px;
background-color:#FFFFFF;
}

This style is used for content block. If you go to source code of index.html web page, you will see that the code is well commented. In this way you will be able to easily identify where each block starts and ends.

If you intend to change the picture from header with one image, as now it is made up of two images (header.jpg and top_lamp.jpg), just go to line 62:

div#header #top_lamp{
position:absolute;
top:120px;
left:14px;
width:780px;
height:18px;
background:#fb7501 url(images/top_lamp.jpg) 682px no-repeat;
}

and change background:#fb7501 url(images/top_lamp.jpg) 682px no-repeat; with background:#fb7501; and copy/paste your own image over the current header.jpg image.