Just making the CSS a little bit more readable. Later I think that all style...

Just making the CSS a little bit more readable. Later I think that all style should be put in this (or other) CSS file(s), instead of hard coding style inside for example the templates...

git-svn-id: https://simplesamlphp.googlecode.com/svn/trunk@306 44740490-163a-0410-bde0-09ae8108e29a

www/resources/default.css

 /* these styles are in the head of this page because this is a unique page */
 
 /* THE BIG GUYS */
-* {margin:0;padding:0}
-body {text-align:center;padding: 20px 0;background: #222;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif}
-img {border:none;display:block}
-hr {margin: 1em 0;background:#eee;height:1px;color:#eee;border:none;clear:both}
+* {
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	text-align: center;
+	padding: 20px 0;
+	background: #222;
+	color: #333;
+	font: 83%/1.5 arial,tahoma,verdana,sans-serif;
+}
+
+img {
+	border: none;
+	display: block;
+}
+
+hr {
+	margin: 1em 0;
+	background: #eee;
+	height: 1px;
+	color: #eee;
+	border: none;
+	clear: both;
+}
 
 /* LINKS */
-a,a:link,a:link,a:link,a:hover {font-weight:bold;background:transparent;text-decoration:underline;cursor:pointer} 
-a:link {color:#c00} 
-a:visited {color:#999} 
-a:hover,a:active {color:#069} 
+a, a:link, a:link, a:link, a:hover {
+	font-weight: bold;
+	background: transparent;
+	text-decoration: underline;
+	cursor: pointer;
+}
+
+a:link {
+	color: #c00;
+} 
+
+a:visited {
+	color: #999;
+} 
+
+a:hover, a:active {
+	color: #069;
+} 
 
 /* LISTS */
-ul {margin: .3em 0 1.5em 2em}
-	ul.related {margin-top:-1em}
-li {margin-left:2em}
-dt {font-weight:bold}
-#wrap {border: 1px solid #fff;position:relative;background:#fff;width:600px;margin: 0 auto;text-align:left}
-#header {background: #666 url("sprites.gif") repeat-x 0 100%;margin: 0 0 25px;padding: 0 0 8px}
-#header h1 {color:#fff;font-size: 145%;padding:20px 20px 12px}
-#poweredby {width:96px;height:63px;position:absolute;top:0;right:0}
-#content {padding: 0 20px}
+ul {
+	margin: .3em 0 1.5em 2em;
+}
+
+ul.related {
+	margin-top: -1em;
+}
+
+li {
+	margin-left: 2em;
+}
+
+dt {
+	font-weight: bold;
+}
+
+#wrap {
+	border: 1px solid #fff;
+	position: relative;
+	background: #fff;
+	width: 600px;
+	margin: 0 auto;
+	text-align: left;
+}
+
+#header {
+	background: #666 url("sprites.gif") repeat-x 0 100%;
+	margin: 0 0 25px;
+	padding: 0 0 8px;
+}
+
+#header h1 {
+	color: #fff;
+	font-size: 145%;
+	padding: 20px 20px 12px;
+}
+
+#poweredby {
+	width: 96px;
+	height: 63px;
+	position: absolute;
+	top: 0;
+	right: 0;
+}
+
+#content {
+	padding: 0 20px;
+}
 
 /* TYPOGRAPHY */
-p, ul, ol {margin: 0 0 1.5em}
-h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
-h1 {font-size: 196%;margin-top:0;border:none}
-h2 {font-size: 136%}
-h3 {font-size: 126%}
+p, ul, ol {
+	margin: 0 0 1.5em;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	letter-spacing: -1px;
+	font-family: arial,verdana,sans-serif;
+	margin: 1.2em 0 .3em;
+	color: #000;
+	border-bottom: 1px solid #eee;
+	padding-bottom: .1em;
+}
+
+h1 {
+	font-size: 196%;
+	margin-top: 0;
+	border: none;
+}
+
+h2 {
+	font-size: 136%;
+}
+
+h3 {
+	font-size: 126%;
+}
+
 h4 {
 	font-size: 116%;
 	font-weight: bold;
 }
 
-h5 {font-size: 106%}
-h6 {font-size: 96%}
+h5 {
+	font-size: 106%;
+}
+
+h6 {
+	font-size: 96%;
+}
 
 h1 a {
 	text-decoration: none;
 	color: white;
 }
+
 h1 a:hover {
 	border-bottom: 1px dotted #eee;
 }
+
 #content {
 	margin-top: 2em;
 }
-.old {text-decoration:line-through}
+
+.old {
+	text-decoration: line-through;
+}
 
 dl dt {
 	color: #333;
 }
+
 dl dd {
 	color: #666;
 	margin-left: 3em;
 	font-family: monospace;
 }
+
 .efieldlist {
 	padding: .4em;
 	margin: .8em;
 	border-top: 1px solid #e6e6e6;
 	border-left: 1px solid #e6e6e6;
 }
+
 .efieldlist.warning {
 	background-color: #922;
 	border: 1px solid #333;
 	color: white;
 }
+
 .efieldlist.warning h5 {
 	color: white;
 }
+
 .efieldlist h5 {
 	font-weight: bold;
 	color: #200;
@@ -83,6 +195,7 @@ dl dd {
 	padding: .6em;
 	margin: .4em;
 }
+
 .trackidtext .trackid {
 	border: 1px solid #ccc;
 	background: #eee;
@@ -91,11 +204,11 @@ dl dd {
 	font-family: monospace;
 	font-size: large;
 }
+
 div.caution {
 	background-color:  #FF9;
 	background-image: url('icons/caution.png');
 	background-repeat: no-repeat;
-	
 	border: thin solid #444;
 	padding: .2em .2em .2em 60px;
 	margin: 1em 0px 1em 0p;
@@ -104,3 +217,4 @@ div.caution {
 th.rowtitle {
         text-align: left;
 }
+