BetterPHP

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.

The CSS is not what's important is it?

Tino wrote: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.

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

Here is the main.css file if that helps

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;
}