Where are the source files?

[twiggy]

Just started following your Private Message System but can't find anywhere to download the CSS file. I have tried filling in bits by pausing every time you switch to the style sheet but I only have some of the code.

[Tino]

The CSS is not what's important is it?

[JelvinJS7]

The CSS is not what's important is it?

No but it is nice to be able to have it look the same.
In my opinion I think jacek should include the template/CSS that isn't coded at all in the videos as a source file somewhere on the site.

[twiggy]

no the CSS isn't important but I'd like to see the project come together without having to keep building my own styles.

[jacek]

Here is the main.css file if that helps

[syntax=css]html, body {
margin: 0px;
padding: 0px;
font-family: Tahoma, Geneva, Verdana, sans-serif;
}

body {
background: #222;
}

h1 {
margin: 0px 0px 8px 0px;
padding: 0px;
font-size: 26px;
}

a:link, a:visited {
text-decoration: underline;
color: #333;
}

a:hover, a:active {
text-decoration: none;
}

a:active {
color: #666;
}

form div {
margin: 4px 0px 0px 0px;
}

form div label {
display: block;
font-size: 14px;
}

#wrap {
margin: 100px auto;
padding: 10px;
width: 800px;
background: #fff;
border: solid 1px #000;

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

box-shadow: 0px 0px 10px 0px #000;
-moz-box-shadow: 0px 0px 10px 0px #000;
-webkit-box-shadow: 0px 0px 10px 0px #000;
}

div.msg {
margin: 10px 0px 0px 0px;
padding: 8px;

border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

div.error {
border: solid 1px #900;

background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwyMzgsMjM4LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjU1LDIxNSwyMTUsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
background: -o-linear-gradient(top, rgba(255,238,238,1), rgba(255,215,215,1));
background: -moz-linear-gradient(top, rgba(255,238,238,1), rgba(255,215,215,1));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,238,238,1)), color-stop(1, rgba(255,215,215,1)));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFEEEE,EndColorStr=#FFFFD7D7);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFEEEE,EndColorStr=#FFFFD7D7)"
}

div.success {
border: solid 1px #090;

background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDIzOCwyNTUsMjM4LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjA4LDI1NSwyMDgsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
background: -o-linear-gradient(top, rgba(238,255,238,1), rgba(208,255,208,1));
background: -moz-linear-gradient(top, rgba(238,255,238,1), rgba(208,255,208,1));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(238,255,238,1)), color-stop(1, rgba(208,255,208,1)));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFEEFFEE,EndColorStr=#FFD0FFD0);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFEEFFEE,EndColorStr=#FFD0FFD0)"
}

div.conversations div, div.messages div {
margin: 10px 0px 0px 0px;
padding: 4px;
background: #eee;
border: solid 1px #ccc;
}

div.conversations div h2, div.conversations div p {
padding: 0px;
}

div.conversations div h2 {
margin: 0px 0px 2px 0px;
font-weight: normal;
}

div.conversations div.unread h2 {
font-weight: bold;
}

div.conversations div p {
margin: 4px 0px 0px 0px;
}

div.messages div p {
padding: 2px;
}

div.messages div p.name {
margin: 0px 0px 0px 0px;
}

div.messages div.unread p.name {
font-weight: bold;
}

div.messages div p.text {
margin: 0px 0px 0px 10px;
}
[/syntax]