ecms_styles.css

easycms to learn easy php and see how to code in php and use mysql database requetes

	body{
		font-family:arial,sans-serif;
		font-size:90%;
		color:#333;
		height:100%;
/*		background:#999966;*/
		background:url(backpattern.gif) #333333	;
		
		margin:0;
		padding:0;
	}
	a {color:#003366;text-decoration:none;border:none}
	a:hover {color:#003366;text-decoration:none;border-bottom:1px solid black;background:#ffc;}
	form {margin:0;}
	fieldset{padding:1em;}
	label{border-bottom:1px dashed #999;font-weight:bold;vertical-align:top;}
	div.pad {
		margin:1em;
	}
	h1 a {font-size:70%;border-bottom:1px solid black;}
/* main grid div */
	div#grid {position:relative}

/* content editor */
	div#main {
		padding:1%;
		background:url(shadow.gif) repeat-x top #E5E5E5;
		width:52%;
		position:absolute;
		left:23%;
		top:125px;
		border:1px solid black;
	}
	div#mainnotree {
		padding:1%;
		background:url(shadow.gif) repeat-x top #E5E5E5;
		width:73%;
		position:absolute;
		left:2%;
		top:125px;
		border:1px solid black;
	}
	div#mainnohelp {
		padding:1%;
		background:url(shadow.gif) repeat-x top #E5E5E5;
		left:23%;
		width:73%;
		position:absolute;
		top:125px;
		border:1px solid black;
	}
	#mainsolo {
		margin:125px 2% 1em 2%;
		padding:1%;
		background:url(shadow.gif) repeat-x top #E5E5E5;
		border:1px solid black;
	}

	h1{
		font-family:verdana,sans-serif;
		font-size:150%;
		font-weight:normal;
		color:#006
	}
	h2{
		font-family:verdana,sans-serif;
		font-size:120%;
		font-weight:normal;
		color:#336
	}
	h3{
		font-family:verdana,sans-serif;
		font-size:100%;
		font-weight:normal;
		color:#006;
	}
	h4{
		font-family:verdana,sans-serif;
		font-size:100%;
		font-weight:normal;
		color:#003;
	}

/* left navigation */
	div#tree {
		background:#fff;
		background:url(shadow.gif) repeat-x top #E5E5E5;
		text-align:left;
		width:20%;
		position:absolute;
		border:1px solid black;
		top:125px;
		left:2%;
	}
	div#tree a {
		color:#333;
		text-decoration:none;
	}
	div#tree a:hover {
		color:#333;
		background:#ffc
	}
	div#tree ul,li {
		margin:0px;
		text-indent:0px;
		list-style-type:none;
		padding:0px;
	}
	div#tree ul li ul{
		margin:0px 0px 0px 25px;
	}
	div#tree img {
		vertical-align:bottom;
		border:none;
	}
/* right help */
	div#tools {
		background:#fff;
		background:url(shadow.gif) repeat-x top #E5E5E5;
		width:20%;
		border:1px solid black;
		position:absolute;
		left:78%;
		top:125px;
	}
	div#tools a{
		color:#006699
	}
	div#tools h2{
	margin:0px 0px 5px 0px;
	}
	div#tools h3{
	margin:10px 0px 10px 0px;
	border-bottom:1px solid black;
	}
	div#tools h4{
	font-weight:normal;
	margin:0px 0px 5px 0px;
	}
	div#tools p{
	margin:0px 0px 5px 0px;
	}
	div#tools div div{
	margin:0px 0px 5px 0px;
	}
	.boo {display:none;}
	div#colorpick a {text-decoration:none;}
	div#p {
		width:100px;
		height:50px;
		border:1px solid black;
		margin-left:0;
	}
	.m {
		float:left;
		font-family:arial;
		text-align:center;
	}
	.b{
		float:left;
		text-align:center;
	}
	
/* upper navigation */
	
	div#nav {
		position:absolute;
		top:10px;
		left:1%;
		width:98%;
		background:url(pattern.gif) #99ccff;
		height:120px;
		border-bottom:1px solid #336699;
		border-right:1px solid #336699;
		border-top:1px solid #ccffff;
		border-left:1px solid #ccffff;
		z-index:100;
	}
	fieldset{border:1px solid black;margin:0px;}
 	div#textlinks{padding:3px;border-top:1px solid #336699;border-bottom:1px solid #ccffff;background:#6699cc;}
	div#textlinks a{color:#000;}
	div#textlinks a:hover{background:transparent;color:white;border:none;}
	div#textlinks strong a{ color:#fff;font-weight:normal;}
	div#nav div {}
	
	#help {
	
	}
	
	#help h1{
		font-family:verdana,sans-serif;
		font-size:150%;
		font-weight:normal;
		color:#006
	}
	#help h2{
		margin-left:1em;
		font-family:verdana,sans-serif;
		font-size:140%;
		font-weight:normal;
		color:#336
	}
	#help h3{
		margin-left:2em;
		font-family:verdana,sans-serif;
		font-size:130%;
		font-weight:normal;
		color:#006;
	}
	#help h4{
		margin-left:2em;
		font-family:verdana,sans-serif;
		font-size:120%;
		font-weight:normal;
		color:#003;
	}
	#help p {
		margin:.5em 4em .5em 4em;
	}
	#help dt {font-weight:bold;}
	#help pre,dl {
		margin:1em 5em 1em 5em;
		}	
	#help pre {overflow:auto;}
	#help li {list-style-type:square;margin:.5em 5em .5em 5em;}
	#helptoc ul li {list-style-type:square;margin:.5em 1em .5em 1em;}
	.error {margin:1em;padding:1em;color:#000;border:2px solid #c00;background:#fcc;font-weight:bold;}
	.success {margin:1em;padding:1em;color:#000;border:2px solid #33cc33;font-weight:bold;}